各工序区分完成情况

src/views/jhzx/ydjhzxCX.vue

@@ -66,6 +66,8 @@
                 highlight-current-row
                 highlight-hover-row
                 show-overflow
+                :cell-style="cellStyle"
+                :tooltip-config="{showAll:true, enterable: true,contentMethod:showWarning}"
                 :scroll-y="{enabled: true}"
                 @cell-dblclick="getListhzBymx1"
               >
@@ -151,10 +153,6 @@ export default {
           filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
           filterRender: { name: 'FilterCombination', }},
 
-
-
-
-
         { field: 'jssj', title: '分段钢料需求',width: 110,
           filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
           filterRender: { name: 'FilterCombination', }},
@@ -731,6 +729,89 @@ export default {
     this.initgxList()
   },
   methods: {
+    //未完成悬浮提示
+    showWarning({ type, column, row }){
+      var err = '未完成';
+      var slxhthCount=row.slxhthCount;
+      if (type === 'body') {
+      if (column.field === 'slCount'){
+        if (row.slCount > '0' && row.slCount<slxhthCount) {
+            return err;
+          }
+        }
+        if (column.field === 'pwCount'){
+          if (row.pwCount > '0' && row.pwCount<slxhthCount) {
+            return err;
+          }
+        }
+        if (column.field === 'llCount'){
+          if (row.llCount > '0' && row.llCount<slxhthCount) {
+            return err;
+          }
+        }
+        if (column.field === 'hxCount'){
+          if (row.hxCount > '0' && row.hxCount<slxhthCount) {
+            return err;
+          }
+        }
+        if (column.field === 'qgCount'){
+          if (row.qgCount > '0' && row.qgCount<slxhthCount) {
+            return err;
+          }
+        }
+      }
+
+      return ''
+    },
+    //未完成数据颜色
+    cellStyle({row, column}){
+      if (column.field === 'slCount') {
+        if (row.slCount > '0' && row.slCount<row.slxhthCount) {
+          return {
+                backgroundColor: '#FF0000FF',
+                color: '#fff',
+                cursor: 'pointer'
+          }
+        }
+      }
+      if (column.field === 'pwCount') {
+        if (row.pwCount > '0' && row.pwCount<row.slxhthCount) {
+          return {
+            backgroundColor: '#FF0000FF',
+            color: '#fff',
+            cursor: 'pointer'
+          }
+        }
+      }
+      if (column.field === 'llCount') {
+        if (row.llCount > '0' && row.llCount<row.slxhthCount) {
+          return {
+            backgroundColor: '#FF0000FF',
+            color: '#fff',
+            cursor: 'pointer'
+          }
+        }
+      }
+      if (column.field === 'hxCount') {
+        if (row.hxCount > '0' && row.hxCount<row.slxhthCount) {
+          return {
+            backgroundColor: '#FF0000FF',
+            color: '#fff',
+            cursor: 'pointer'
+          }
+        }
+      }
+      if (column.field === 'qgCount') {
+        if (row.qgCount > '0' && row.qgCount<row.slxhthCount) {
+          return {
+            backgroundColor: '#FF0000FF',
+            color: '#fff',
+            cursor: 'pointer'
+          }
+        }
+      }
+      return null
+    },
     save(){
       const data=this.$refs.xGrid.getCheckboxRecords()
       if (data.length===0){