列表排序

src/assets/css/reset.css

@@ -45,3 +45,14 @@ a {
   background-color: #f0f0f0;
   border-radius: 32px;
 }
+.el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
+  background-color: #e8f5f4 !important;
+}
+.el-table__body tr.hover-row.current-row > td.el-table__cell,
+.el-table__body
+  tr.hover-row.el-table__row--striped.current-row
+  > td.el-table__cell,
+.el-table__body tr.hover-row.el-table__row--striped > td.el-table__cell,
+.el-table__body tr.hover-row > td.el-table__cell {
+  background-color: #e8f5f4 !important;
+}

src/views/management/monitoringEquipment/photographicDevice/index.vue

@@ -88,6 +88,8 @@
           @selection-change="handleSelectionChange"
           @row-click="handleRowClick"
           v-loading="loading"
+          highlight-current-row
+          :row-key="getRowKeys"
         >
           <el-table-column prop="dyName" label="电压等级" show-overflow-tooltip>
           </el-table-column>
@@ -542,6 +544,9 @@ export default {
     this.terminalList();
   },
   methods: {
+    getRowKeys(row) {
+      return row.id;
+    },
     //点击线路跳转
     handleLineLink(val) {
       console.log(val);

src/views/management/userEquipment/lineInformation/index.vue

@@ -33,6 +33,8 @@
           @selection-change="handleSelectionChange"
           @row-click="handleRowClick"
           v-loading="loading"
+          highlight-current-row
+          :row-key="getRowKeys"
         >
           <!-- <el-table-column type="selection" width="55"> </el-table-column> -->
           <!-- <el-table-column type="index" width="55"> </el-table-column> -->
@@ -78,7 +80,7 @@
             >
           </el-table-column>
 
-          <el-table-column fixed="right" label="操作" width="200">
+          <el-table-column label="操作" width="200">
             <template slot-scope="scope">
               <el-button
                 @click.native.stop="handleResive(scope.row)"
@@ -159,6 +161,9 @@ export default {
     this.lineList();
   },
   methods: {
+    getRowKeys(row) {
+      return row.id;
+    },
     //获取线路列表数据
     lineList() {
       this.loading = true;

src/views/management/userEquipment/towerInformation/index.vue

@@ -36,6 +36,8 @@
           @selection-change="handleSelectionChange"
           @row-click="handleRowClick"
           v-loading="loading"
+          highlight-current-row
+          :row-key="getRowKeys"
         >
           <!-- <el-table-column type="index" width="55"> </el-table-column>
           <el-table-column type="selection" width="55"> </el-table-column> -->
@@ -151,6 +153,9 @@ export default {
   },
 
   methods: {
+    getRowKeys(row) {
+      return row.id;
+    },
     //点击线路跳转
     handleLineLink(val) {
       console.log(val);