安全库存预警 变色列处理

fe/PC/src/views/inventoryManage/InventoryQuery/safetyStockWarning.vue

@@ -67,7 +67,7 @@ export default {
       URL: 'wms/inventory/safety-stock-inventory-balance',
       //常用按钮数据
       currenButtonData: [
-        this.defaultExportBtn(),//导出
+        // this.defaultExportBtn(),//导出
         this.defaultFieldSettingBtn(),//字段设置
         this.defaultFreshBtn(),//刷新
         this.defaultFilterBtn(),//筛选
@@ -77,6 +77,16 @@ export default {
   mounted () {
     this.paging();
   },
+  watch: {
+    tableColumns: {
+      handler(val, oldVal) {
+        // localStorage.setItem('tableColumns_' + this.$store.getters.name.userName + '_' + this.$route.name, JSON.stringify([]))
+        // this.$nextTick(() => {
+        // });
+      },
+      immediate: false,
+    }
+  },
   methods: {
     //渲染数据
     paging(callback) {
@@ -113,12 +123,24 @@ export default {
     },
     //设置指定行、列、具体单元格颜色
     cellStyle({row, column, rowIndex, columnIndex}){
-      if (row.safetyStockStatus == 'Red' && columnIndex === 3) {
+      // 根据字段设置动态判断变色列
-        return {'background':'#B22222','color':'#fff'}
+      const tableColumnsIndex = this.tableColumns.find((item) => (item.prop == 'safetyStock' && item.istrue))
-      } else if (row.safetyStockStatus == 'Green' && columnIndex === 3) {
+      const tableColumnsArray = this.tableColumns.filter((item) => (item.istrue))
-        return {'background':'#228B22','color':'#fff'}
+      let _index = 0 
-      } else if (row.safetyStockStatus == 'Yellow' && columnIndex === 3) {
+      tableColumnsArray.filter((item,key) => {
-        return {'background':'#FFFF000','color':'#fff'}
+        if(item.prop == 'safetyStock' && item.istrue){
+          _index = key
+          return
+        }
+      })
+      if (tableColumnsIndex) {
+        if (row.safetyStockStatus == 'Red' && columnIndex === _index) {
+          return {'background':'#B22222','color':'#fff'}
+        } else if (row.safetyStockStatus == 'Green' && columnIndex === _index) {
+          return {'background':'#228B22','color':'#fff'}
+        } else if (row.safetyStockStatus == 'Yellow' && columnIndex === _index) {
+          return {'background':'#FFFF000','color':'#fff'}
+        }
       }
       return ''
     }