reactor:表格优化;

src/views/auxiliary/advice/index.vue

@@ -14,7 +14,9 @@
 				</el-form-item>
 				<el-form-item>
 					<el-button type="primary" @click="handleQuery" :loading="state.loading"> <SvgIcon name="ele-Search" class="mr5" />查询 </el-button>
-					<el-button @click="resetQuery(ruleFormRef)" class="default-button" :loading="state.loading"> <SvgIcon name="ele-Refresh" class="mr5" />重置 </el-button>
+					<el-button @click="resetQuery(ruleFormRef)" class="default-button" :loading="state.loading">
+						<SvgIcon name="ele-Refresh" class="mr5" />重置
+					</el-button>
 				</el-form-item>
 			</el-form>
 			<vxe-toolbar
@@ -41,7 +43,7 @@
 					height="auto"
 					auto-resize
 					show-overflow
-					:scrollY="{ enabled: true, gt: 0 }"
+					:scrollY="{ enabled: true, gt: 20, mode: 'wheel' }"
 					id="auxiliaryAdvice"
 					:custom-config="{ storage: true }"
 					@checkbox-all="selectAllChangeEvent"

src/views/auxiliary/businessTag/index.vue

@@ -51,7 +51,7 @@
 					height="auto"
 					auto-resize
 					show-overflow
-					:scrollY="{ enabled: true, gt: 0 }"
+					:scrollY="{ enabled: true, gt: 20, mode: 'wheel' }"
 					id="auxiliaryBusinessTag"
 					:custom-config="{ storage: true }"
 					@checkbox-all="selectAllChangeEvent"

src/views/auxiliary/citizen/index.vue

@@ -34,13 +34,13 @@
 					:loading="state.loading"
 					:data="state.tableData"
 					:column-config="{ resizable: true }"
-					:row-config="{ isCurrent: true, isHover: true, height: 30 }"
+					:row-config="{ isCurrent: true, isHover: true, height: 30, useKey:true }"
 					ref="tableRef"
 					height="auto"
 					auto-resize
 					id="auxiliaryCitizen"
 					:custom-config="{ storage: true }"
-					:scrollY="{ enabled: true, gt: 0 }"
+					:scrollY="{ enabled: true, gt: 20, mode: 'wheel' }"
 					show-overflow
 				>
 					<vxe-column field="phoneNumber" title="市民联系方式" width="200"></vxe-column>

src/views/auxiliary/departmentalBook/index.vue

@@ -65,13 +65,13 @@
 							:loading="state.tableLoading"
 							:data="state.tableData"
 							:column-config="{ resizable: true }"
-							:row-config="{ isCurrent: true, isHover: true, height: 30 }"
+							:row-config="{ isCurrent: true, isHover: true, height: 30,useKey: true }"
 							ref="tableRef"
 							height="auto"
 							auto-resize
 							show-overflow
 							:print-config="{}"
-							:scrollY="{ enabled: true, gt: 0 }"
+							:scrollY="{ enabled: true, gt: 20, mode: 'wheel' }"
 							id="auxiliaryDepartmentalBook"
 							:custom-config="{ storage: true }"
 							showHeaderOverflow

src/views/auxiliary/externalCitizen/index.vue

@@ -55,14 +55,14 @@
 					:loading="state.loading"
 					:data="state.tableData"
 					:column-config="{ resizable: true }"
-					:row-config="{ isCurrent: true, isHover: true, height: 30 }"
+					:row-config="{ isCurrent: true, isHover: true, height: 30,useKey: true }"
 					ref="tableRef"
 					@checkbox-all="selectAllChangeEvent"
 					@checkbox-change="selectChangeEvent"
 					height="auto"
 					auto-resize
 					show-overflow
-					:scrollY="{ enabled: true, gt: 0 }"
+					:scrollY="{ enabled: true, gt: 20, mode: 'wheel' }"
 					id="auxiliaryExternalCitizen"
 					:custom-config="{ storage: true }"
 					showHeaderOverflow

src/views/auxiliary/knowledgeLexicon/index.vue

@@ -46,7 +46,7 @@
 					height="auto"
 					auto-resize
 					show-overflow
-					:scrollY="{ enabled: true, gt: 0 }"
+					:scrollY="{ enabled: true, gt: 20,mode: 'wheel' }"
 					id="auxiliaryKnowledgeLexicon"
 					:custom-config="{ storage: true }"
 					@checkbox-all="selectAllChangeEvent"

src/views/auxiliary/message/index.vue

@@ -50,7 +50,7 @@
 					auto-resize
 					id="auxiliaryMessage"
 					:custom-config="{ storage: true }"
-					:scroll-y="{enabled: true, gt: 0}"
+					:scroll-y="{ enabled: false, gt: 0 }"
 				>
 					<vxe-column field="pushBusinessText" title="短信类型" width="120"></vxe-column>
 					<vxe-column field="sendStateText" title="发送状态" width="90"></vxe-column>

src/views/auxiliary/msgTemplate/index.vue

@@ -36,13 +36,13 @@
 					:loading="state.loading"
 					:data="state.tableData"
 					:column-config="{ resizable: true }"
-					:row-config="{ isCurrent: true, isHover: true, height: 30 }"
+					:row-config="{ isCurrent: true, isHover: true, height: 30,useKey:true }"
 					ref="tableRef"
 					height="auto"
 					auto-resize
 					id="auxiliaryMsgTemplate"
 					:custom-config="{ storage: true }"
-					:scrollY="{ enabled: true, gt: 0 }"
+					:scrollY="{ enabled: true, gt: 20, mode: 'wheel' }"
 					show-overflow
 				>
 					<vxe-column field="name" title="模板名称" width="300"></vxe-column>

src/views/auxiliary/notice/index.vue

@@ -79,12 +79,12 @@
 					:loading="state.loading"
 					:data="state.tableData"
 					:column-config="{ resizable: true }"
-					:row-config="{ isCurrent: true, isHover: true, height: 30 }"
+					:row-config="{ isCurrent: true, isHover: true, height: 30, useKey:true }"
 					ref="tableRef"
 					height="auto"
 					auto-resize
 					show-overflow
-					:scrollY="{ enabled: true, gt: 0 }"
+					:scrollY="{ enabled: true, gt: 20,mode: 'wheel' }"
 					id="auxiliaryNotice"
 					:custom-config="{ storage: true }"
 					showHeaderOverflow

src/views/auxiliary/orderLexicon/index.vue

@@ -46,7 +46,7 @@
 					height="auto"
 					auto-resize
 					show-overflow
-					:scrollY="{ enabled: true, gt: 0 }"
+					:scrollY="{ enabled: true, gt: 0,mode: 'wheel' }"
 					id="auxiliaryOrderLexicon"
 					:custom-config="{ storage: true }"
 					@checkbox-all="selectAllChangeEvent"

src/views/auxiliary/smartCallOut/components/Create-task.vue

@@ -72,10 +72,10 @@
 				:loading="state.loading"
 				:data="state.tableData"
 				:column-config="{ resizable: true }"
-				:row-config="{ isCurrent: true, isHover: true, height: 30 }"
+				:row-config="{ isCurrent: true, isHover: true, height: 30, useKey: true }"
 				ref="tableRef"
 				show-overflow
-				:scrollY="{ enabled: true, gt: 0 }"
+				:scrollY="{ enabled: true, gt: 0, mode: 'wheel' }"
 				showHeaderOverflow
 				@checkbox-all="selectAllChangeEvent"
 				@checkbox-change="selectChangeEvent"

src/views/auxiliary/smartCallOut/components/Task-detail.vue

@@ -22,10 +22,10 @@
 			:loading="state.loading"
 			:data="state.tableData"
 			:column-config="{ resizable: true }"
-			:row-config="{ isCurrent: true, isHover: true, height: 30 }"
+			:row-config="{ isCurrent: true, isHover: true, height: 30, useKey:true }"
 			ref="tableRef"
 			show-overflow
-			:scrollY="{ enabled: true, gt: 0 }"
+			:scrollY="{ enabled: true, gt: 20, mode: 'wheel' }"
 			max-height="500px"
 		>
 			<vxe-column field="name" title="市民姓名"></vxe-column>

src/views/auxiliary/smartCallOut/task.vue

@@ -49,12 +49,12 @@
 					:loading="state.loading"
 					:data="state.tableData"
 					:column-config="{ resizable: true }"
-					:row-config="{ isCurrent: true, isHover: true, height: 30 }"
+					:row-config="{ isCurrent: true, isHover: true, height: 30,useKey:true }"
 					ref="tableRef"
 					height="auto"
 					auto-resize
 					show-overflow
-					:scrollY="{ enabled: true, gt: 0 }"
+					:scrollY="{ enabled: true, gt: 20, mode: 'wheel' }"
 					id="auxiliarySmartCallOutTask"
 					:custom-config="{ storage: true }"
 					showHeaderOverflow

src/views/auxiliary/smartCallOut/template.vue

@@ -55,7 +55,7 @@
 					height="auto"
 					auto-resize
 					show-overflow
-					:scrollY="{ enabled: true, gt: 0 }"
+					:scrollY="{ enabled: true, gt: 20, mode: 'wheel' }"
 					id="auxiliarySmartCallOutTemplate"
 					:custom-config="{ storage: true }"
 				>

src/views/auxiliary/smsTask/components/Add-citizen.vue

@@ -17,10 +17,10 @@
 			:loading="state.loading"
 			:data="state.tableData"
 			:column-config="{ resizable: true }"
-			:row-config="{ isCurrent: true, isHover: true, height: 30 }"
+			:row-config="{ isCurrent: true, isHover: true, height: 30, useKey: true }"
 			ref="tableRef"
 			show-overflow
-			:scrollY="{ enabled: true, gt: 0 }"
+			:scrollY="{ enabled: true, gt: 20, mode: 'wheel' }"
 			showHeaderOverflow
 			@checkbox-all="selectAllChangeEvent"
 			@checkbox-change="selectChangeEvent"

src/views/auxiliary/smsTask/components/Create-task.vue

@@ -50,10 +50,10 @@
 				:loading="state.loading"
 				:data="state.tableData"
 				:column-config="{ resizable: true }"
-				:row-config="{ isCurrent: true, isHover: true, height: 30 }"
+				:row-config="{ isCurrent: true, isHover: true, height: 30, useKey: true }"
 				ref="tableRef"
 				show-overflow
-				:scrollY="{ enabled: true, gt: 0 }"
+				:scrollY="{ enabled: true, gt: 20, mode: 'wheel' }"
 				showHeaderOverflow
 				@checkbox-all="selectAllChangeEvent"
 				@checkbox-change="selectChangeEvent"

src/views/auxiliary/smsTask/components/Task-detail.vue

@@ -17,10 +17,10 @@
 			:loading="state.loading"
 			:data="state.tableData"
 			:column-config="{ resizable: true }"
-			:row-config="{ isCurrent: true, isHover: true, height: 30 }"
+			:row-config="{ isCurrent: true, isHover: true, height: 30, useKey:true }"
 			ref="tableRef"
 			show-overflow
-			:scrollY="{ enabled: true, gt: 0 }"
+			:scrollY="{ enabled: true, gt: 20, mode: 'wheel' }"
 			max-height="500px"
 		>
 			<vxe-column field="name" title="市民姓名"></vxe-column>

src/views/auxiliary/smsTask/index.vue

@@ -47,12 +47,12 @@
 					:loading="state.loading"
 					:data="state.tableData"
 					:column-config="{ resizable: true }"
-					:row-config="{ isCurrent: true, isHover: true, height: 30 }"
+					:row-config="{ isCurrent: true, isHover: true, height: 30, useKey:true }"
 					ref="tableRef"
 					height="auto"
 					auto-resize
 					show-overflow
-					:scrollY="{ enabled: true, gt: 0 }"
+					:scrollY="{ enabled: true, gt: 20, mode: 'wheel' }"
 					id="auxiliarySmsTask"
 					:custom-config="{ storage: true }"
 					showHeaderOverflow

src/views/business/overdue/index.vue

@@ -35,7 +35,7 @@
 					:data="state.tableData"
 					:sort-config="{ remote: true }"
 					:column-config="{ resizable: true }"
-					:row-config="{ isCurrent: true, isHover: true, height: 30 }"
+					:row-config="{ isCurrent: true, isHover: true, height: 30,useKey:true }"
 					ref="tableRef"
 					@sort-change="sortChange"
 					@checkbox-all="selectAllChangeEvent"
@@ -43,7 +43,7 @@
 					height="auto"
 					auto-resize
 					show-overflow
-					:scrollY="{ enabled: true, gt: 0 }"
+					:scrollY="{ enabled: true, gt: 20, mode: 'wheel' }"
 					id="businessOverdue"
 					:custom-config="{ storage: true }"
 					:params="{ exportMethod: exportOverdueList, exportParams: requestParams }"

src/views/business/overdue/soon.vue

@@ -35,7 +35,7 @@
 					:data="state.tableData"
 					:sort-config="{ remote: true }"
 					:column-config="{ resizable: true }"
-					:row-config="{ isCurrent: true, isHover: true, height: 30 }"
+					:row-config="{ isCurrent: true, isHover: true, height: 30,useKey:true }"
 					ref="tableRef"
 					@sort-change="sortChange"
 					@checkbox-all="selectAllChangeEvent"
@@ -43,7 +43,7 @@
 					height="auto"
 					auto-resize
 					show-overflow
-					:scrollY="{ enabled: true, gt: 0 }"
+					:scrollY="{ enabled: true, gt: 0, mode: 'wheel' }"
 					id="businessOverdueSoon"
 					:custom-config="{ storage: true }"
 					:params="{ exportMethod: exportOverdueSoon, exportParams: requestParams }"

src/views/knowledge/browse/index.vue

@@ -78,12 +78,12 @@
 							:loading="state.tableLoading"
 							:data="state.tableData"
 							:column-config="{ resizable: true }"
-							:row-config="{ isCurrent: true, isHover: true, height: 30 }"
+							:row-config="{ isCurrent: true, isHover: true, height: 30, useKey: true }"
 							ref="tableRef"
 							height="auto"
 							auto-resize
 							show-overflow
-							:scrollY="{ enabled: true, gt: 0 }"
+							:scrollY="{ enabled: true, gt: 20,mode: 'wheel' }"
 							id="knowledgeBrowse"
 							:custom-config="{ storage: true }"
 							showHeaderOverflow

src/views/knowledge/collect/index.vue

@@ -57,12 +57,12 @@
 							:loading="state.tableLoading"
 							:data="state.tableData"
 							:column-config="{ resizable: true }"
-							:row-config="{ isCurrent: true, isHover: true, height: 30 }"
+							:row-config="{ isCurrent: true, isHover: true, height: 30, useKey: true }"
 							ref="tableRef"
 							height="auto"
 							auto-resize
 							show-overflow
-							:scrollY="{ enabled: true, gt: 0 }"
+							:scrollY="{ enabled: true, gt: 20,mode: 'wheel' }"
 							id="knowledgeCollect"
 							:custom-config="{ storage: true }"
 							showHeaderOverflow

src/views/knowledge/error/index.vue

@@ -37,12 +37,12 @@
 					:loading="state.tableLoading"
 					:data="state.tableData"
 					:column-config="{ resizable: true }"
-					:row-config="{ isCurrent: true, isHover: true, height: 30 }"
+					:row-config="{ isCurrent: true, isHover: true, height: 30, useKey: true }"
 					ref="tableRef"
 					height="auto"
 					auto-resize
 					show-overflow
-					:scrollY="{ enabled: true, gt: 0 }"
+					:scrollY="{ enabled: true, gt: 20,mode: 'wheel' }"
 					id="knowledgeError"
 					:custom-config="{ storage: true }"
 					showHeaderOverflow
@@ -68,7 +68,7 @@
 							{{ formatDate(row.replyTime, 'YYYY-mm-dd HH:MM:SS') }}
 						</template>
 					</vxe-column>
-					<vxe-column title="操作" fixed="right" width="140" align="center">
+					<vxe-column title="操作" fixed="right" width="160" align="center">
 						<template #default="{ row }">
 							<el-button link type="primary" @click="onPreview(row)" title="知识详情"> 知识详情 </el-button>
 							<el-button link type="primary" @click="onReply(row)" v-auth="'knowledge:error:reply'" title="答复" v-if="[0].includes(row.state)">

src/views/knowledge/hotWords/index.vue

@@ -35,14 +35,14 @@
 					:loading="state.loading"
 					:data="state.tableData"
 					:column-config="{ resizable: true }"
-					:row-config="{ isCurrent: true, isHover: true, height: 30 }"
+					:row-config="{ isCurrent: true, isHover: true, height: 30, useKey: true }"
 					ref="tableRef"
 					height="auto"
 					auto-resize
 					show-overflow
 					@sort-change="sortChange"
 					:sort-config="{ remote: true }"
-					:scrollY="{ enabled: true, gt: 0 }"
+					:scrollY="{ enabled: true, gt: 20,mode: 'wheel' }"
 					id="knowledgeHotWords"
 					:custom-config="{ storage: true }"
 					showHeaderOverflow

src/views/knowledge/question/index.vue

@@ -37,18 +37,18 @@
 					:loading="state.tableLoading"
 					:data="state.tableData"
 					:column-config="{ resizable: true }"
-					:row-config="{ isCurrent: true, isHover: true, height: 30 }"
+					:row-config="{ isCurrent: true, isHover: true, height: 30, useKey: true }"
 					ref="tableRef"
 					height="auto"
 					auto-resize
 					show-overflow
-					:scrollY="{ enabled: true, gt: 0 }"
+					:scrollY="{ enabled: true, gt: 20, mode: 'wheel' }"
 					id="knowledgeQuestion"
 					:custom-config="{ storage: true }"
 					showHeaderOverflow
 				>
 					<vxe-column field="knowledge.title" title="标题" min-width="200">
-						<template #default="{row}">
+						<template #default="{ row }">
 							<el-button link type="primary" @click="onPreview(row)">{{ row.knowledge?.title }}</el-button>
 						</template>
 					</vxe-column>
@@ -68,7 +68,7 @@
 							{{ formatDate(row.replyTime, 'YYYY-mm-dd HH:MM:SS') }}
 						</template>
 					</vxe-column>
-					<vxe-column title="操作" fixed="right" width="160" align="center" :show-overflow="false">
+					<vxe-column title="操作" fixed="right" width="180" align="center" :show-overflow="false">
 						<template #default="{ row }">
 							<el-button link type="primary" @click="onPreview(row)" title="知识详情"> 知识详情 </el-button>
 							<el-button link type="primary" @click="onReply(row)" v-auth="'knowledge:question:reply'" title="答复" v-if="[0].includes(row.state)">

src/views/quality/done/index.vue

@@ -49,12 +49,12 @@
 					:loading="state.loading"
 					:data="state.tableData"
 					:column-config="{ resizable: true }"
-					:row-config="{ isCurrent: true, isHover: true, height: 30 }"
+					:row-config="{ isCurrent: true, isHover: true, height: 30, useKey: true }"
 					ref="tableRef"
 					height="auto"
 					auto-resize
 					show-overflow
-					:scrollY="{ enabled: true, gt: 0 }"
+					:scrollY="{ enabled: true, gt: 20, mode: 'wheel' }"
 					id="qualityDone"
 					:custom-config="{ storage: true }"
 				>

src/views/quality/index/index.vue

@@ -48,12 +48,12 @@
 					:loading="state.loading"
 					:data="state.tableData"
 					:column-config="{ resizable: true }"
-					:row-config="{ isCurrent: true, isHover: true, height: 30 }"
+					:row-config="{ isCurrent: true, isHover: true, height: 30, useKey: true }"
 					ref="tableRef"
 					height="auto"
 					auto-resize
 					show-overflow
-					:scrollY="{ enabled: true, gt: 0 }"
+					:scrollY="{ enabled: true, gt: 20, mode: 'wheel' }"
 					id="quality"
 					:custom-config="{ storage: true }"
 				>

src/views/quality/lexicon/index.vue

@@ -43,12 +43,12 @@
 					:loading="state.loading"
 					:data="state.tableData"
 					:column-config="{ resizable: true }"
-					:row-config="{ isCurrent: true, isHover: true, height: 30 }"
+					:row-config="{ isCurrent: true, isHover: true, height: 30, useKey: true }"
 					ref="tableRef"
 					height="auto"
 					auto-resize
 					show-overflow
-					:scrollY="{ enabled: true, gt: 0 }"
+					:scrollY="{ enabled: true, gt: 20, mode: 'wheel' }"
 					id="qualityLexicon"
 					:custom-config="{ storage: true }"
 					showHeaderOverflow

src/views/quality/project/index.vue

@@ -38,12 +38,12 @@
 					:loading="state.loading"
 					:data="state.tableData"
 					:column-config="{ resizable: true }"
-					:row-config="{ isCurrent: true, isHover: true, height: 30 }"
+					:row-config="{ isCurrent: true, isHover: true, height: 30, useKey: true }"
 					ref="tableRef"
 					height="auto"
 					auto-resize
 					show-overflow
-					:scrollY="{ enabled: true, gt: 0 }"
+					:scrollY="{ enabled: true, gt: 20, mode: 'wheel' }"
 					id="qualityProject"
 					:custom-config="{ storage: true }"
 					showHeaderOverflow

src/views/quality/template/index.vue

@@ -38,12 +38,12 @@
 					:loading="state.loading"
 					:data="state.tableData"
 					:column-config="{ resizable: true }"
-					:row-config="{ isCurrent: true, isHover: true, height: 30 }"
+					:row-config="{ isCurrent: true, isHover: true, height: 30, useKey: true }"
 					ref="tableRef"
 					height="auto"
 					auto-resize
 					show-overflow
-					:scrollY="{ enabled: true, gt: 0 }"
+					:scrollY="{ enabled: true, gt: 20, mode: 'wheel' }"
 					id="qualityTemplate"
 					:custom-config="{ storage: true }"
 					showHeaderOverflow

src/views/tels/blacklist/index.vue

@@ -36,12 +36,12 @@
 					:data="state.tableData"
 					:sort-config="{ remote: true }"
 					:column-config="{ resizable: true }"
-					:row-config="{ isCurrent: true, isHover: true, height: 30 }"
+					:row-config="{ isCurrent: true, isHover: true, height: 30,useKey:true }"
 					ref="tableRef"
 					height="auto"
 					auto-resize
 					show-overflow
-					:scrollY="{ enabled: true, gt: 0 }"
+					:scrollY="{ enabled: true, gt: 20,mode: 'wheel' }"
 					id="blacklist"
 					:custom-config="{ storage: true }"
 				>

src/views/tels/callLog/ybCallLog.vue

@@ -55,13 +55,13 @@
 					:data="state.tableData"
 					:sort-config="{ remote: true }"
 					:column-config="{ resizable: true }"
-					:row-config="{ isCurrent: true, isHover: true, height: 30 }"
+					:row-config="{ isCurrent: true, isHover: true, height: 30,useKey: true }"
 					ref="tableRef"
 					height="auto"
 					auto-resize
 					show-overflow
 					:print-config="{}"
-					:scrollY="{ enabled: true, gt: 0 }"
+					:scrollY="{ enabled: true, gt: 20, mode: 'wheel' }"
 					id="telsCallLog"
 					showHeaderOverflow
 					:custom-config="{

src/views/tels/callLog/zgCallLog.vue

@@ -39,13 +39,13 @@
 					:data="state.tableData"
 					:sort-config="{ remote: true }"
 					:column-config="{ resizable: true }"
-					:row-config="{ isCurrent: true, isHover: true, height: 30 }"
+					:row-config="{ isCurrent: true, isHover: true, height: 30, useKey: true }"
 					ref="tableRef"
 					height="auto"
 					auto-resize
 					show-overflow
 					:print-config="{}"
-					:scrollY="{ enabled: true, gt: 0 }"
+					:scrollY="{ enabled: true, gt: 20, mode: 'wheel' }"
 					id="telsCallLog"
 					showHeaderOverflow
 					:custom-config="{

src/views/tels/extension/YBExtension.vue

@@ -61,12 +61,12 @@
 					:data="state.tableData"
 					:sort-config="{ remote: true }"
 					:column-config="{ resizable: true }"
-					:row-config="{ isCurrent: true, isHover: true, height: 30 }"
+					:row-config="{ isCurrent: true, isHover: true, height: 30, useKey:true }"
 					ref="tableRef"
 					height="auto"
 					auto-resize
 					show-overflow
-					:scrollY="{ enabled: true, gt: 0 }"
+					:scrollY="{ enabled: true, gt: 20,mode: 'wheel' }"
 					id="telsExtension"
 					:custom-config="{ storage: true }"
 				>

src/views/tels/extension/ZGExtension.vue

@@ -26,12 +26,12 @@
 					:data="state.tableData"
 					:sort-config="{ remote: true }"
 					:column-config="{ resizable: true }"
-					:row-config="{ isCurrent: true, isHover: true, height: 30 }"
+					:row-config="{ isCurrent: true, isHover: true, height: 30, useKey:true }"
 					ref="tableRef"
 					height="auto"
 					auto-resize
 					show-overflow
-					:scrollY="{ enabled: true, gt: 0 }"
+					:scrollY="{ enabled: true, gt: 20,mode: 'wheel' }"
 					id="telsExtension"
 					:custom-config="{ storage: true }"
 				>

src/views/tels/phoneAction.vue

@@ -39,12 +39,12 @@
 					:data="state.tableData"
 					:sort-config="{ remote: true }"
 					:column-config="{ resizable: true }"
-					:row-config="{ isCurrent: true, isHover: true, height: 30 }"
+					:row-config="{ isCurrent: true, isHover: true, height: 30, useKey: true }"
 					ref="tableRef"
 					height="auto"
 					auto-resize
 					show-overflow
-					:scrollY="{ enabled: true, gt: 0 }"
+					:scrollY="{ enabled: true, gt: 20, mode: 'wheel' }"
 					id="telsPhoneAction"
 					:custom-config="{ storage: true }"
 				>