From 929d00ac32d1824d45a8da15a0dd55e7209e63d0 Mon Sep 17 00:00:00 2001
From: zhangzhiqiang <zhangzhiqiang@yoycol.com>
Date: Tue, 22 Nov 2022 16:28:45 +0800
Subject: [PATCH] =?UTF-8?q?add:=E7=B2=89=E6=96=99=E8=AE=A1=E5=88=92?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E8=A1=8C=E9=A2=9C=E8=89=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/wms/statistics/materPlan/index.vue  | 34 +++++++++++++------
 1 file changed, 24 insertions(+), 10 deletions(-)

diff --git a/mes/qd/src/views/wms/statistics/materPlan/index.vue b/mes/qd/src/views/wms/statistics/materPlan/index.vue
index 0ab1644a..927414c4 100644
--- a/mes/qd/src/views/wms/statistics/materPlan/index.vue
+++ b/mes/qd/src/views/wms/statistics/materPlan/index.vue
@@ -12,7 +12,7 @@
           label-suffix=":"
         >
           <el-form-item label="统计日期">
-            <date-range-picker v-model="query.createTime" class="date-item"/>
+            <date-range-picker v-model="query.createTime" class="date-item" />
           </el-form-item>
           <el-form-item label="所属组织">
             <el-select
@@ -31,49 +31,58 @@
               />
             </el-select>
           </el-form-item>
-          <rrOperation/>
+          <rrOperation />
         </el-form>
       </div>
       <!--如果想在工具栏加入更多按钮，可以使用插槽方式， slot = 'left' or 'right'-->
-      <crudOperation :permission="permission">
-      </crudOperation>
+      <crudOperation :permission="permission" />
       <!--表格渲染-->
       <el-table
         ref="table"
         v-loading="crud.loading"
+        :row-class-name="tableRowClassName"
         :data="crud.data"
         size="mini"
         :max-height="590"
         style="width: 100%;"
         @selection-change="crud.selectionChangeHandler"
       >
-        <el-table-column type="index" label="序号" width="100" align="center" fixed/>
+        <el-table-column type="index" label="序号" width="100" align="center" fixed />
         <template v-for="(col,index) in cols">
-          <el-table-column v-if="col.prop !== '1'" :prop="col.prop" :label="col.label" width="120px" show-overflow-tooltip/>
-          <el-table-column v-if="col.prop === '1'" :prop="col.prop" :label="col.label" width="120px" show-overflow-tooltip fixed/>
+          <el-table-column v-if="col.prop !== '1'" :prop="col.prop" :label="col.label" width="120px" show-overflow-tooltip />
+          <el-table-column v-if="col.prop === '1'" :prop="col.prop" :label="col.label" width="120px" show-overflow-tooltip fixed />
         </template>
       </el-table>
 
       <el-table
         ref="dtl_table"
         v-loading="crud.loading"
+        :row-class-name="tableRowClassName"
         :data="dtlList"
         size="mini"
         :max-height="590"
         style="width: 100%;"
         @selection-change="crud.selectionChangeHandler"
       >
-        <el-table-column type="index" label="序号" width="100" align="center" fixed/>
+        <el-table-column type="index" label="序号" width="100" align="center" fixed />
         <template v-for="(col,index) in cols2">
           <el-table-column v-if="!col.option" :prop="col.prop" :label="col.label" width="120px" />
-          <el-table-column v-if="col.option" :prop="col.prop" :label="col.label" width="120px" fixed/>
+          <el-table-column v-if="col.option" :prop="col.prop" :label="col.label" width="120px" fixed />
         </template>
       </el-table>
       <!--分页组件-->
     </div>
   </div>
 </template>
+<style>
+.el-table .warning-row {
+  background: oldlace;
+}
 
+.el-table .success-row {
+  background: #f0f9eb;
+}
+</style>
 <script>
 import report from '@/api/wms/statistics/report'
 import CRUD, { presenter, header, crud } from '@crud/crud'
@@ -132,7 +141,6 @@ export default {
   methods: {
     // 钩子：在获取表格数据之前执行，false 则代表不获取数据
     [CRUD.HOOK.beforeRefresh]() {
-      debugger
       report.getHeader().then(res => {
         this.cols = res
       })
@@ -165,6 +173,12 @@ export default {
           crud.downloadLoading = false
         })
       }
+    },
+    tableRowClassName({ row, rowIndex }) {
+      if (rowIndex % 2 === 1) {
+        return 'success-row'
+      }
+      return ''
     }
   }
 }