布产列表

src/application/mk/index.js

@@ -129,7 +129,7 @@ VXETable.formats.mixin({
         if (!column.params) return '';
         for (let i = 0; i < column.params.length; i++) {
             if (column.params[i].value == cellValue) {
-                return column.params[i].label;
+                return '<span>' + column.params[i].label + '</span>';
             }
         }
         return '';
@@ -140,6 +140,21 @@ VXETable.formats.mixin({
         return parseFloat(cellValue).toFixed(2) + "%";
     },
 })
+
+VXETable.renderer.add('enum', {
+    renderDefault(h, renderOpts, params) {
+        let { row, column } = params
+        let cellValue = row[column.field];
+        for (let i = 0; column.params && i < column.params.data.length; i++) {
+            if (column.params.data[i].value == cellValue) {
+                let cls = column.params.cls + ' ' + column.params.cls +'_'+column.params.data[i].value;
+                return <span class={ cls }>{column.params.data[i].label}</span>;
+            }
+        }
+        return <span></span>;
+    }
+})
+
 var mk = {
 
     ...modal,  // modal

src/application/mk/style/main.css

@@ -159,3 +159,31 @@ cursor: pointer;
     top: 50px;
     z-index: 999;
 }
+
+.finish_status{
+    padding:3px 8px;
+}
+.finish_status_2{
+    background: #F6FFED;
+    border:1px solid #B7EB8F;
+    color: #7BD34F;
+}
+.finish_status_1{
+    background: #F0F0EE;
+    border:1px solid #FFA39E;
+    color: #F63C45;
+}
+
+.audit_status{
+    padding:3px 8px;
+}
+.audit_status_1{
+    background: #F6FFED;
+    border:1px solid #B7EB8F;
+    color: #7BD34F;
+}
+.audit_status_2{
+    background: #F0F0EE;
+    border:1px solid #FFA39E;
+    color: #F63C45;
+}

src/pages/Middle/Mes/MesProductionOrder/MesProductionOrder/List.vue

@@ -86,11 +86,14 @@ export default {
           id: 'datagrid_1', // 表格唯一标识
 
           columns: [
-            { type: 'checkbox', width: 'auto' }, // 多选框  
+            { type: 'checkbox', width: 80 }, // 多选框  
             { title: '操作', slots: { default: 'op' }, width: 120 },
 
             { field: 'production_number', sortable: true, title: '单据编码', width: 250 }, // 编码
-            { field: 'audit_status',  params:[{label:"已审批",value:1},{label:"未审批",value:0}] , formatter: 'formatEnum', width: 160, sortable: true, title: '审批状态', showHeaderOverflow: true }, // 审批状态
+            { field: 'audit_status',   params:{data:[{label:"已审批",value:1},{label:"未审批",value:0}],cls:'audit_status'} , cellRender:{name: 'enum'}, width: 160, sortable: true, title: '审批状态', showHeaderOverflow: true }, // 审批状态
+            { field: 'plan_finish_status',  params:{data:[{label:"已完成",value:2},{label:"未完成",value:1}],cls:'finish_status'} , cellRender:{name: 'enum'}, width: 160, sortable: true, title: '完成状态', showHeaderOverflow: true }, // 完成状态
+
+            
             { field: 'create_time', formatter: 'formatDate', width: 100, sortable: true, title: '单据日期', showHeaderOverflow: true }, // 创建时间
             { field: 'create_time', formatter: 'formatDate', width: 100, sortable: true, title: '创建时间', showHeaderOverflow: true }, // 创建时间
             { field: 'update_time', formatter: 'formatDate', width: 100, sortable: true, title: '更新时间', showHeaderOverflow: true }, // 更新时间 

src/pages/Middle/Mes/MesProductionOrder/MesProductionOrder/voucher.vue

@@ -69,7 +69,7 @@
       </vxe-column>
       <vxe-column title="工序管理" width="120" v-if="dataId">
         <template #default="{ row }">
-          <div class="oplinks2">
+          <div class="oplinks2" v-if="dataId && row.materials_id">
             <a-button @click.stop="pageShowProcesses({row})">工序设置</a-button>
           </div>
         </template>