rev:粉料计划原料到货需求 列表高光

mes/qd/src/views/wms/statistics/materPlan/index.vue

@@ -50,6 +50,7 @@
       <!--表格渲染-->
       <el-table
         ref="table"
+        highlight-current-row
         v-loading="crud.loading"
         :row-class-name="tableRowClassName"
         :data="crud.data"
@@ -69,16 +70,18 @@
           </el-table-column>
         </template>
       </el-table>
-      <div ref="topScroll" class="top-scroll" @scroll="handleScrollTop">
+  <!--    <div ref="topScroll" class="top-scroll" @scroll="handleScrollTop">
-        <div class="top-scroll-content" :style="{ width: topScrollWidth }" />
+        <div class="top-scroll-content" :key="key" :style="{ width: topScrollWidth }" />
-      </div>
+      </div>-->
       <el-table
         ref="dtl_table"
+        :key="key"
+        highlight-current-row
         v-loading="crud.loading"
         :row-class-name="tableRowClassName"
         :data="dtlList"
         size="mini"
-        :max-height="590"
+        :max-height="400"
         style="width: 100%;"
         @selection-change="crud.selectionChangeHandler"
       >
@@ -114,6 +117,10 @@
 .el-table__body-wrapper {
   display: block;
 }
+::v-deep .el-table__body tr.current-row>td {
+  color: #fff;
+  background: #409EFF!important;
+}
 </style>
 <script>
 import report from '@/api/wms/statistics/report'
@@ -165,7 +172,8 @@ export default {
       query_flag: true,
       statusList: [],
       permission: {},
-      rules: {}
+      rules: {},
+      key: null
     }
   },
   beforeCreate() {
@@ -180,7 +188,9 @@ export default {
     handleScrollTop() {
       if (this.$refs.topScroll) {
         var scrollLeft = this.$refs.topScroll.scrollLeft
-        this.$refs.dtl_table.bodyWrapper.scrollTo(scrollLeft, 0)
+        var scrollTop = this.$refs.topScroll.scrollTop
+        this.$refs.dtl_table.bodyWrapper.scrollTo(scrollLeft, scrollTop)
+        // this.refreshTable()
       }
     },
     // 钩子：在获取表格数据之前执行，false 则代表不获取数据
@@ -280,6 +290,10 @@ export default {
         return 'success-row'
       }
       return ''
+    },
+
+    refreshTable() {
+      this.key = Math.random()
     }
   }
 }
@@ -287,4 +301,9 @@ export default {
 
 <style scoped>
 
+::v-deep .el-table__body tr.current-row>td {
+  color: #fff;
+  background: #409EFF!important;
+}
+
 </style>