1

src/views/mch/mch-manage/index.vue

@@ -51,7 +51,6 @@
 			<el-table
 				:data="state.dataList"
 				v-loading="state.loading"
-				border
 				:cell-style="tableStyle.cellStyle"
 				:header-cell-style="tableStyle.headerCellStyle"
 				@selection-change="selectionChangHandle"
@@ -59,10 +58,11 @@
 				:tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
 				:indent="20"
 				:default-expand-all="false"
+				row-key="id"
 			>
 				<el-table-column type="selection" width="40" align="center" />
 				<el-table-column type="index" label="#" width="50" />
-				<el-table-column prop="name" label="商户名" min-width="120" />
+				<el-table-column prop="name" label="商户名" align="left" min-width="120" />
 				<el-table-column prop="logoPic" label="logo">
 					<template #default="{ row }">
 						<preview-image :src="row.logoPic" />
@@ -194,6 +194,18 @@ const state: BasicTableProps = reactive<BasicTableProps>({
 //  table hook
 const { getDataList, currentChangeHandle, sizeChangeHandle, sortChangeHandle, downBlobFile, tableStyle } = useTable(state)
 
+// watch(
+// 	() => state.dataList,
+// 	(newData: any) => {
+// 		state.dataList = newData.map((item: any, index: number) => {
+// 			return {
+// 				...item,
+// 				index: index + 1,
+// 			}
+// 		})
+// 	},
+// )
+
 // 清空搜索条件
 const resetQuery = () => {
 	// 清空搜索条件