2025-04-21

src/views/modules/sys/user.vue

@@ -42,15 +42,14 @@
         </el-button>
       </el-form-item>
     </el-form>
-
     <el-table
       :data="dataList"
       border
+      ref="singleTable"
       :height="height"
       v-loading="dataListLoading"
-      @selection-change="selectionChangeHandle"
-      highlight-current-row
-      @current-change="handleCurrentChange"
+      @row-click="handleCurrentChange"
+      :row-style="rowStyle"
       style="width: 100%;">
 
       <el-table-column
@@ -1364,7 +1363,9 @@ export default {
     },
     // 选中行
     handleCurrentChange(val) {
-      this.selectUser =JSON.parse(JSON.stringify(val))
+      if (val){
+        this.selectUser =JSON.parse(JSON.stringify(val))
+      }
       this.showButton = false
     },
     saveUserRoleFlag() {
@@ -1444,6 +1445,7 @@ export default {
         username:'',
         userDisplay:'',
       }
+      this.showButton = true
       this.dataListLoading = true
       this.$http({
          url: this.$http.adornUrl('/sys/user/list'),
@@ -1459,6 +1461,10 @@ export default {
          if (data && data.code === 0) {
            this.dataList = data.page.list
            this.totalPage = data.page.totalCount
+           if (this.dataList.length > 0){
+             console.log(1)
+             this.handleCurrentChange(this.dataList[0])
+           }
          } else {
            this.dataList = []
            this.totalPage = 0
@@ -1625,6 +1631,11 @@ export default {
       this.selectSitList=[];
       this.userRoleList=[];
     },
+    rowStyle({row}){
+      if (row.username === this.selectUser.username) {
+        return { 'background-color': '#E8F7F6', cursor: 'pointer' };
+      }
+    },
   },
   created() {
     this.getFunctionButtonList()