split 拆分订单的完成订单为独立页面

src/views/modules/pms/blenderOrder/components/ListViewWithHead.vue

@@ -3,36 +3,17 @@
   <div class="list-view-with-head">
     <BaseSearchForm :head-config="headConfig" @btn-click="handleBtnClick" />
 
-    <BaseListTable
-      v-loading="tableLoading"
-      :table-config="tableConfig.table"
-      :column-config="tableConfig.column"
-      :table-data="dataList"
-      @operate-event="handleOperate"
-      :current-page="page"
-      :current-size="size"
-      :refresh-layout-key="refreshLayoutKey"
-    />
+    <BaseListTable v-loading="tableLoading" :table-config="tableConfig.table" :column-config="tableConfig.column"
+      :table-data="dataList" @operate-event="handleOperate" :current-page="page" :current-size="size"
+      :refresh-layout-key="refreshLayoutKey" />
 
-    <el-pagination
-      class="mt-5 flex justify-end"
-      @size-change="handleSizeChange"
-      @current-change="handlePageChange"
-      :current-page.sync="page"
-      :page-sizes="[1, 5, 10, 20, 50, 100]"
-      :page-size="size"
-      :total="totalPage"
-      layout="total, sizes, prev, pager, next, jumper"
-    ></el-pagination>
+    <el-pagination class="mt-5 flex justify-end" @size-change="handleSizeChange" @current-change="handlePageChange"
+      :current-page.sync="page" :page-sizes="[1, 5, 10, 20, 50, 100]" :page-size="size" :total="totalPage"
+      layout="total, sizes, prev, pager, next, jumper"></el-pagination>
 
-    <DialogJustForm
-      ref="edit-dialog"
-      v-if="!!dialogConfigs"
-      :dialog-visible.sync="dialogVisible"
-      :configs="dialogConfigs"
-      @refreshDataList="getList"
-      />
-      <!-- :bom-code="dialogBomCode" -->
+    <DialogJustForm ref="edit-dialog" v-if="!!dialogConfigs" :dialog-visible.sync="dialogVisible" :configs="dialogConfigs"
+      @refreshDataList="getList" />
+    <!-- :bom-code="dialogBomCode" -->
   </div>
 </template>
 
@@ -97,9 +78,9 @@ export default {
       const params = queryParams
         ? { ...queryParams, page: this.page, limit: this.size }
         : {
-            page: this.page,
-            limit: this.size,
-          };
+          page: this.page,
+          limit: this.size,
+        };
 
       if (!queryParams && this.listQueryExtra && this.listQueryExtra.length) {
         this.listQueryExtra.map((nameOrObj) => {
@@ -119,11 +100,11 @@ export default {
         this.urls.page,
         this.urls.pageIsPostApi
           ? {
-              ...params,
-            }
+            ...params,
+          }
           : {
-              params,
-            }
+            params,
+          }
       )
         .then(({ data: res }) => {
           console.log("[http response] res is: ", res);
@@ -200,7 +181,7 @@ export default {
                 }
               });
             })
-            .catch((err) => {});
+            .catch((err) => { });
         }
         case "edit": {
           this.openDialog(data); /** data is ==> id */
@@ -220,26 +201,37 @@ export default {
           });
           break;
         }
-        case "detach": {
-          return this.$http
-            .post(this.urls.detach, data /* { id: data } */, { headers: { "Content-Type": "application/json" } })
-            .then(({ data: res }) => {
-              if (res.code === 0) {
-                this.$message({
-                  message: "下发成功",
-                  type: "success",
-                  duration: 1500,
-                  onClose: () => {
-                    this.getList();
-                  },
+        case "detach":
+        case "pause-blender":
+        case "start-blender": {
+          // 下发订单
+          this.$confirm(`确定${(type === 'detach') ? '下发' : (type === 'pause-blender') ? '暂停' : '开始'}该订单吗?`, "提示", {
+            confirmButtonText: "确认",
+            cancelButtonText: "我再想想",
+            type: "warning",
+          })
+            .then(() => {
+              const realUrl = type === 'detach' ? this.urls.detach : type === 'pause-blender' ? this.urls.pauseBlender : this.urls.startBlender
+              return this.$http
+                .post(realUrl, data /* { id: data } */, { headers: { "Content-Type": "application/json" } })
+                .then(({ data: res }) => {
+                  if (res.code === 0) {
+                    this.$message({
+                      message: `${(type === 'detach') ? '下发' : (type === 'pause-blender') ? '暂停' : '开始'}成功`,
+                      type: "success",
+                      duration: 1500,
+                      onClose: () => {
+                        this.getList();
+                      },
+                    });
+                  } else {
+                    this.$message({
+                      message: `${res.code}: ${res.msg}`,
+                      type: "error",
+                      duration: 1500,
+                    });
+                  }
                 });
-              } else {
-                this.$message({
-                  message: `${res.code}: ${res.msg}`,
-                  type: "error",
-                  duration: 1500,
-                });
-              }
             });
         }
       }

src/views/modules/pms/blenderOrder/config.js

@@ -33,14 +33,21 @@ export default function () {
       prop: "operations",
       name: "操作",
       fixed: "right",
-      width: 120,
+      width: 180,
       subcomponent: TableOperaionComponent,
       options: [
-        { name: "edit", label: "编辑", emitFull: true, icon: 'edit-outline' },
+        {
+          name: "edit", label: "编辑", emitFull: true, icon: 'edit-outline', enable: injectData => {
+            const v = injectData.statusDictValue
+            if (v && +v === 1) return true
+            return false
+          }
+        },
         { name: "view-batch", label: "查看批次", color: "#ff8000", toRouter: 'pms-blenderBatch', icon: 'document-copy' }, // 路由跳转至 pms-blenderBatch
+        { name: "pause-blender", label: "暂停", color: "#f10000", icon: 'video-pause' },
+        { name: "start-blender", label: "开始", color: "#0b58ff", icon: 'video-play' },
         { name: "detach", label: "下发", color: "#099", icon: 'bottom-right' },
-      ], // , url: '/pms/trans/pressDeli' }]
-      // options: ["copy", { name: "edit", label: "编辑", icon: "edit-outline" }, { name: "delete", icon: "delete", label: "删除", emitFull: true, permission: "pms:blenderStep:delete" }],
+      ],
     },
   ];
 
@@ -271,6 +278,8 @@ export default function () {
       // base: "/pms/equipmentTech",
       page: "/pms/blenderOrder/pageView",
       detach: "/pms/trans/blenderDeli",
+      pauseBlender: "/pms/trans/blenderPause",
+      startBlender: "/pms/trans/blenderStart",
       pageIsPostApi: true, // 使用post接口来获取page数据，极少用，目前基本上只有工艺管理模块里在用
       changeBlender: '/pms/order/changeBlender'
       // subase: "/pms/equipmentTechParam",