物料装箱列表调整

src/views/logisticsManagement/materialPacking.vue

@@ -20,9 +20,14 @@
         <el-button type="primary" @click="addFn">新增</el-button>
         <el-button type="primary" @click="unbindFn">解绑</el-button>
       </template>
-      <template #menu="scope"> 
+      <template #menu="scope">
         <el-button type="text" @click="detailsFn(scope.row)">详情</el-button>
       </template>
+      <template #statusDesc="scope">
+        <el-tag v-if="scope.row.statusDesc == '未绑定'" type="info">未绑定</el-tag>
+        <el-tag v-if="scope.row.statusDesc == '已绑定'" type="success">已绑定</el-tag>
+        <el-tag v-if="scope.row.statusDesc == '已解绑'" type="danger">已解绑</el-tag>
+      </template>
     </avue-crud>
     <!-- 新增 -->
     <addPackingDialog
@@ -31,7 +36,7 @@
       @closeDialog="closeDialog"
     ></addPackingDialog>
     <!-- 解绑 -->
-     <unbindDialog
+    <unbindDialog
       v-if="showUnbindDialogd"
       :showDialog="showUnbindDialogd"
       :rowItem="rowItem"
@@ -52,19 +57,19 @@
 import addPackingDialog from './components/addPackingDialog.vue';
 import unbindDialog from './components/unbindDialog.vue';
 import materialDetails from './components/materialDetails.vue';
-import { getList ,boxUnbind} from '@/api/logisticsManagement/materialPacking';
+import { getList, boxUnbind } from '@/api/logisticsManagement/materialPacking';
 export default {
   components: {
     addPackingDialog,
     unbindDialog,
-    materialDetails
+    materialDetails,
   },
   data() {
     return {
       showReceiveDialog: false,
       showReturnDialog: false,
       showAddDialogd: false,
-      showUnbindDialogd:false,
+      showUnbindDialogd: false,
       rowItem: {},
       form: {},
       selectionList: [],
@@ -116,7 +121,7 @@ export default {
         gridBtn: false,
         searchMenuPosition: 'right',
         align: 'center',
-        menu: true,
+        menu: false,
         column: [
           {
             label: '箱条码',
@@ -125,28 +130,35 @@ export default {
             sortable: true,
             span: 12,
           },
-        //   {
-        //     label: '作业中心',
-        //     prop: 'wcName',
-        //     search: false,
-        //     sortable: true,
-        //     span: 12,
-        //   },
-        //   {
-        //     label: '作业中心',
-        //     prop: 'wcId',
-        //     search: false,
-        //     sortable: true,
-        //     span: 12,
-        //     hide: true,
-        //     type: 'select',
-        //     filterable: true,
-        //     dicUrl: '/blade-desk/order/bs-list',
-        //     props: {
-        //       label: 'wcName',
-        //       value: 'id',
-        //     },
-        //   },
+          {
+            label: '流程卡号',
+            prop: 'cardNo',
+            search: true,
+            sortable: true,
+            span: 12,
+          },
+          //   {
+          //     label: '作业中心',
+          //     prop: 'wcName',
+          //     search: false,
+          //     sortable: true,
+          //     span: 12,
+          //   },
+          //   {
+          //     label: '作业中心',
+          //     prop: 'wcId',
+          //     search: false,
+          //     sortable: true,
+          //     span: 12,
+          //     hide: true,
+          //     type: 'select',
+          //     filterable: true,
+          //     dicUrl: '/blade-desk/order/bs-list',
+          //     props: {
+          //       label: 'wcName',
+          //       value: 'id',
+          //     },
+          //   },
           {
             label: '状态',
             prop: 'statusDesc',
@@ -158,7 +170,6 @@ export default {
               { label: '未绑定', value: 0 },
               { label: '已绑定', value: 1 },
               { label: '已解绑', value: 2 },
-           
             ],
           },
           {
@@ -191,26 +202,26 @@ export default {
       },
 
       data: [],
-      showDetails:false
+      showDetails: false,
     };
   },
   methods: {
-    detailsFn(row){
-      this.rowItem = row
-      this.showDetails = true
+    detailsFn(row) {
+      this.rowItem = row;
+      this.showDetails = true;
     },
     addFn() {
       this.showAddDialogd = true;
     },
-    unbindFn(){
-        this.showUnbindDialogd = true;
+    unbindFn() {
+      this.showUnbindDialogd = true;
     },
     closeDialog() {
       this.showAddDialogd = false;
       this.showReturnDialog = false;
       this.showReceiveDialog = false;
-      this.showUnbindDialogd=false;
-      this.showDetails = false
+      this.showUnbindDialogd = false;
+      this.showDetails = false;
       this.onLoad(this.page, this.query);
     },
     rowSave(row, done, loading) {