update 订单详情-子订单进度-查看批次

2023-07-21 14:00:55 +08:00
parent be39723748
commit 454d9c6dac
5 changed files with 130 additions and 111 deletions
--- a/src/views/modules/pms/order/components/BatchDialog.vue
+++ b/src/views/modules/pms/order/components/BatchDialog.vue
@@ -0,0 +1,110 @@
+<template>
+  <el-dialog
+    class="dialog-just-form"
+    title="查看批次"
+    width="75%"
+    :visible="visible"
+    @close="handleClose"
+    @closed="$emit('destroy')"
+    :append-to-body="true"
+    :close-on-click-modal="false">
+    <!-- list  -->
+    <BaseListTable
+      :key="Math.random()"
+      v-loading="tableLoading"
+      :column-config="tableConfigs"
+      :table-data="dataList"
+      @operate-event="handleOperate"
+      :refresh-layout-key="refreshLayoutKey" />
+  </el-dialog>
+</template>
+
+<script>
+import BaseListTable from "@/components/BaseListTable.vue";
+import TableTextComponent from "@/components/noTemplateComponents/detailComponent";
+import TableOperaionComponent from "@/components/noTemplateComponents/operationComponent";
+import { timeFilter } from "@/utils/filters";
+
+// import { pick as __pick } from "@/utils/filters";
+
+export default {
+  name: "DialogList",
+  components: { BaseListTable },
+  props: {
+    configs: {
+      type: Object,
+      default: () => ({
+        clickModalToClose: false,
+        forms: null,
+      }),
+    },
+  },
+  data() {
+    return {
+      visible: false,
+      loading: false,
+      dataForm: {},
+      refreshLayoutKey: Math.random(),
+      tableLoading: false,
+      dataList: [],
+      tableConfigs: [
+        { type: "index", label: "序号" },
+        { prop: "batchNo", label: "批次编码" },
+        { prop: "batchSize", label: "批次重量 [kg]" },
+        { prop: "status", label: "状态" },
+        { prop: "startTime", label: "开始时间" },
+        { prop: "task", label: "任务分类" },
+        { prop: "blenderCode", label: "混料机" },
+        {
+          prop: "description",
+          label: "详情",
+          subcomponent: TableTextComponent,
+          actionName: "view-blender-batch-details",
+        },
+        { width: 160, prop: "createTime", label: "添加时间", filter: timeFilter },
+        {
+          prop: "operations",
+          name: "操作",
+          fixed: "right",
+          width: 90,
+          subcomponent: TableOperaionComponent,
+          options: [
+            // 只有 injectRow.task 为手动时，才允许编辑
+            // { name:"edit", label: "编辑", icon: "edit-outline", enable: injectRow => { return 'task' in injectRow && injectRow.task === 'Manual' } },
+            // { name: 'delete', icon: 'delete', enable: injectRow => { return 'task' in injectRow && injectRow.task === 'Manual' } },
+            // 只有 injectRow.status 为 waiting 时，才允许编辑
+            {
+              name: "edit",
+              label: "编辑",
+              icon: "edit-outline",
+              enable: (injectRow) => {
+                return "status" in injectRow && injectRow.status === "Waiting";
+              },
+            },
+            {
+              name: "delete",
+              icon: "delete",
+              emitFull: true,
+              promptField: "batchNo",
+              enable: (injectRow) => {
+                return "status" in injectRow && injectRow.status === "Waiting";
+              },
+            },
+          ],
+        },
+      ],
+    };
+  },
+  methods: {
+    init(id) {
+      this.visible = true;
+    },
+
+    handleClose() {
+      this.visible = false;
+    },
+
+    handleOperate() {},
+  },
+};
+</script>