From bfd5f31a2449d4813e8eb9b13f27338933e63ac5 Mon Sep 17 00:00:00 2001
From: lb <liubin_9396@163.com>
Date: Mon, 10 Jul 2023 16:11:23 +0800
Subject: [PATCH] =?UTF-8?q?update=20=E6=9B=B4=E6=96=B0=E8=AE=A2=E5=8D=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pms/order/components/BaseListTable.vue    |   2 +-
 .../pms/order/components/DialogList.vue       | 107 ++++++++++++++++++
 .../pms/order/components/TablePagi.vue        |  66 +++++++++--
 .../order/components/tabs/subOrderDetail.vue  |  11 +-
 4 files changed, 176 insertions(+), 10 deletions(-)
 create mode 100644 src/views/modules/pms/order/components/DialogList.vue

diff --git a/src/views/modules/pms/order/components/BaseListTable.vue b/src/views/modules/pms/order/components/BaseListTable.vue
index d55ff20..6d2e6cc 100644
--- a/src/views/modules/pms/order/components/BaseListTable.vue
+++ b/src/views/modules/pms/order/components/BaseListTable.vue
@@ -129,7 +129,7 @@ export default {
   },
   methods: {
     handleSubEmitData(payload) {
-      console.log("[component] BaseListTable handleSubEmitData(): ", payload);
+      // console.log("[component] BaseListTable handleSubEmitData(): ", payload);
       this.$emit("operate-event", payload);
     },
     loadSubClassFn(tree, treeNode, resolve) {
diff --git a/src/views/modules/pms/order/components/DialogList.vue b/src/views/modules/pms/order/components/DialogList.vue
new file mode 100644
index 0000000..9b68414
--- /dev/null
+++ b/src/views/modules/pms/order/components/DialogList.vue
@@ -0,0 +1,107 @@
+<template>
+  <el-dialog
+    class="dialog-just-form"
+    :fullscreen="fullscreen"
+    :title="查看批次"
+    :visible="visible"
+    @close="handleClose"
+    :destroy-on-close="false"
+    :close-on-click-modal="configs.clickModalToClose ?? false"></el-dialog>
+</template>
+
+<script>
+import { pick as __pick } from "@/utils/filters";
+
+export default {
+  name: "DialogList",
+  components: {},
+  props: {
+    configs: {
+      type: Object,
+      default: () => ({
+        clickModalToClose: false,
+        forms: null,
+      }),
+    },
+  },
+  data() {
+    return {
+      loadingStatus: false,
+      dataForm,
+      watchList,
+      cachedList,
+      detailMode: false,
+      baseDialogConfig: null,
+      visible: false,
+    };
+  },
+  methods: {
+    /** init **/
+    init(id, detailMode) {
+      this.visible = true;
+      // console.log("[DialogJustForm] init", this.dataForm, id, detailMode);
+      if (this.$refs.dataForm) {
+        // console.log("[DialogJustForm] clearing form validation...");
+        // 当不是首次渲染dialog的时候，一开始就清空验证信息，本组件的循环里只有一个 dataForm 所以只用取 [0] 即可
+        this.$refs.dataForm.clearValidate();
+      }
+
+      this.detailMode = detailMode ?? false;
+      this.$nextTick(() => {
+        this.dataForm.id = id || null;
+        if (this.dataForm.id) {
+          // 如果是编辑
+          this.loadingStatus = true;
+
+          // 获取基本信息
+          this.$http
+            .get(this.urls.base + `/${this.dataForm.id}`)
+            .then(({ data: res }) => {
+              if (res && res.code === 0) {
+                this.dataForm = __pick(res.data, Object.keys(this.dataForm));
+                /** 格式化文件上传列表 */
+                if (Array.isArray(this.dataForm.files)) {
+                  this.dataForm.files = this.dataForm.files.map((file) => ({
+                    id: file.id,
+                    name: file.fileUrl.split("/").pop(),
+                    typeCode: file.typeCode,
+                    url: file.fileUrl,
+                  }));
+                }
+                // console.log("[DialogJustForm] init():", this.dataForm);
+              } else {
+                this.$message({
+                  message: `${res.code}: ${res.msg}`,
+                  type: "error",
+                  duration: 1500,
+                });
+              }
+              this.loadingStatus = false;
+            })
+            .catch((err) => {
+              this.loadingStatus = false;
+              this.$message({
+                message: `${err}`,
+                type: "error",
+                duration: 1500,
+              });
+            });
+        } else {
+          // 如果不是编辑
+          this.loadingStatus = false;
+        }
+      });
+    },
+
+    handleClose() {
+      this.visible = false;
+
+      setTimeout(() => {
+        this.$emit("destroy-dialog");
+        // this.resetForm();
+        // this.$emit("update:dialogVisible", false);
+      }, 200);
+    },
+  },
+};
+</script>
diff --git a/src/views/modules/pms/order/components/TablePagi.vue b/src/views/modules/pms/order/components/TablePagi.vue
index d95ecf5..622d689 100644
--- a/src/views/modules/pms/order/components/TablePagi.vue
+++ b/src/views/modules/pms/order/components/TablePagi.vue
@@ -7,8 +7,7 @@
       :column-config="tableConfig.column"
       :table-data="dataList"
       @operate-event="handleOperate"
-      :refresh-layout-key="refreshLayoutKey"
-    />
+      :refresh-layout-key="refreshLayoutKey" />
 
     <el-pagination
       @size-change="handleSizeChange"
@@ -17,17 +16,23 @@
       :page-sizes="[1, 5, 10, 20]"
       :page-size="listQuery.limit"
       :total="totalPage"
-      layout="total, prev, pager, next, jumper"
-    ></el-pagination>
+      layout="total, prev, pager, next, jumper"></el-pagination>
+
+    <!-- 编辑弹窗 -->
+    <DialogJustForm ref="vdialog" v-if="false" />
+    <!-- 批次弹窗 -->
+    <DialogList ref="dialogList" :configs="{}" />
   </div>
 </template>
 
 <script>
 import BaseListTable from "./BaseListTable.vue";
+import DialogJustForm from "./DialogJustForm.vue";
+import DialogList from "./DialogList.vue";
 
 export default {
   name: "TablePaginationComp",
-  components: { BaseListTable },
+  components: { BaseListTable, DialogJustForm, DialogList },
   props: {
     tableConfig: {
       type: Object,
@@ -65,8 +70,55 @@ export default {
     this.getAList();
   },
   methods: {
-    handleOperate({ type, data }) {
-      console.log("payload", type, data);
+    handleOperate({ type, data: id }) {
+      console.log("payload", type, id);
+      switch (type) {
+        case "edit":
+          // 编辑
+          this.$refs.vdialog.init(id);
+          console.log("编辑");
+          break;
+        case "view-batch":
+          // 查看批次
+          console.log("查看批次");
+          break;
+        case "detach":
+          // 下发
+          return this.$confirm("是否下发?", "提示", {
+            confirmButtonText: "确定",
+            cancelButtonText: "取消",
+            type: "warning",
+          })
+            .then(() => {
+              console.log("here");
+              this.$http
+                .post(this.urls.detach, id /* { id: data } */, { headers: { "Content-Type": "application/json" } })
+                .then(({ data: res }) => {
+                  if (res.code === 0) {
+                    this.$message({
+                      message: "下发成功",
+                      type: "success",
+                      duration: 1500,
+                      onClose: () => {
+                        this.getAList();
+                      },
+                    });
+                  } else {
+                    this.$message({
+                      message: `${res.code}: ${res.msg}`,
+                      type: "error",
+                      duration: 1500,
+                    });
+                  }
+                });
+            })
+            .catch(() => {
+              this.$message({
+                type: "warning",
+                message: "已取消下发",
+              });
+            });
+      }
     },
 
     handleSizeChange(newSize) {
diff --git a/src/views/modules/pms/order/components/tabs/subOrderDetail.vue b/src/views/modules/pms/order/components/tabs/subOrderDetail.vue
index 14cd223..8b5b990 100644
--- a/src/views/modules/pms/order/components/tabs/subOrderDetail.vue
+++ b/src/views/modules/pms/order/components/tabs/subOrderDetail.vue
@@ -4,7 +4,7 @@
       <el-col style="margin-bottom: 12px">
         <!-- 混料订单  -->
         <TablePagi v-if="order !== null" :extra-query-fields="{ code: order.code, cate: order.cate }"
-          :urls="{ page: '/pms/blenderOrder/pageView' }" :page-is-post="true" :table-config="{
+          :urls="{ page: '/pms/blenderOrder/pageView', detach: '/pms/trans/blenderDeli' }" :page-is-post="true" :table-config="{
             table: null,
             column: blenderTableProps,
           }" />
@@ -12,7 +12,7 @@
       <el-col style="margin-bottom: 12px">
         <!-- 压制订单  -->
         <TablePagi v-if="order !== null" :extra-query-fields="{ code: order.code, cate: order.cate }"
-          :urls="{ page: '/pms/pressOrder/pageView' }" :page-is-post="true" :table-config="{
+          :urls="{ page: '/pms/pressOrder/pageView', detach: '/pms/trans/pressDeli' }" :page-is-post="true" :table-config="{
             table: null,
             column: pressTableProps,
           }" />
@@ -113,6 +113,13 @@ export default {
           ],
         },
       ],
+      blenderEditConfig: {
+        form: {
+          field: [
+            [],
+          ]
+        }
+      },
       refreshLayoutKey1: "",
       // 压制
       pressTableProps: [