代码更新

wms/qd/src/views/wms/md/materiallabel/index.vue

@@ -103,7 +103,7 @@
             />
           </el-form-item>
           <el-form-item label="颜色">
-            <el-color-picker v-model="form.color"></el-color-picker>
+            <el-color-picker v-model="form.color" />
           </el-form-item>
           <el-form-item label="备注">
             <el-input v-model="form.remark" type="textarea" style="width: 370px;" />
@@ -121,6 +121,7 @@
         :data="crud.data"
         size="small"
         style="width: 100%;"
+        :cell-style="cellStyle"
         @selection-change="crud.selectionChangeHandler"
       >
         <el-table-column type="selection" width="55" />
@@ -128,12 +129,13 @@
         <el-table-column prop="customer" label="客户" />
         <el-table-column prop="formula" label="配方" />
         <el-table-column prop="pcsn" label="批次" />
+        <el-table-column label="颜色" />
         <el-table-column prop="machine" label="班组" />
         <el-table-column v-if="false" prop="material_uuid" label="产品标识" />
         <el-table-column prop="material_spec" label="产品规格" />
         <el-table-column prop="material_code" label="产品编码" />
         <el-table-column prop="material_name" label="产品名称" />
-        <el-table-column prop="label_code" label="最新标签码" width="150" show-overflow-tooltip/>
+        <el-table-column prop="label_code" label="最新标签码" width="150" show-overflow-tooltip />
         <el-table-column prop="dtl_count" label="打印次数" />
         <el-table-column prop="stand_hour" label="静置小时" />
         <el-table-column prop="remark" label="备注" />
@@ -323,6 +325,13 @@ export default {
       // LODOP.PREVIEW()// 预览
       // LODOP.PREVIEWA()// 打印
       LODOP.PRINT()// 打印
+    },
+    cellStyle({ row, column, rowIndex, columnIndex }) {
+      if (columnIndex === 5 && row.color) { // 指定列号  改变某列的背景色
+        return 'background:' + row.color
+      } else {
+        return ''
+      }
     }
   }
 }