update 子订单进度

src/views/modules/pms/order/components/tabs/subOrderDetail.vue

@@ -1,19 +1,161 @@
 <template>
   <div class="suborder-detail">
-    Sub Order Detail
+    <!-- 四分表格/田字格  -->
+    <el-row :gutter="20">
+      <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="{
+            table: null,
+            column: blenderTableProps,
+          }"
+        />
+      </el-col>
+      <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="{
+            table: null,
+            column: pressTableProps,
+          }"
+        />
+      </el-col>
+    </el-row>
+
+    <el-row :gutter="20">
+      <el-col style="margin-bottom: 12px">
+        <!-- 窑炉订单  -->
+        <TablePagi
+          v-if="order !== null"
+          :extra-query-fields="{ code: order.code, cate: order.cate }"
+          :urls="{ page: '/pms/kilnOrder/pageView' }"
+          :page-is-post="true"
+          :table-config="{
+            table: null,
+            column: kilnTableProps,
+          }"
+        />
+      </el-col>
+      <el-col style="margin-bottom: 12px">
+        <!-- 检测包装订单  -->
+        <TablePagi
+          v-if="order !== null"
+          :extra-query-fields="{ code: order.code, cate: order.cate }"
+          :urls="{ page: '/pms/qualityPackOrder/pageView' }"
+          :page-is-post="true"
+          :table-config="{
+            table: null,
+            column: detectionTableProps,
+          }"
+        />
+      </el-col>
+    </el-row>
   </div>
 </template>
 
 <script>
+import TablePagi from "../TablePagi.vue";
+import TableOperaionComponent from "@/components/noTemplateComponents/operationComponent";
+
 export default {
   name: "SuborderDetailTag",
-  props: {},
+  components: { TablePagi },
+  props: {
+    order: {
+      type: Object,
+      default: () => null,
+    },
+  },
+  inject: ["urls"],
   data() {
-    return {};
+    return {
+      // 混料
+      blenderTableProps: [
+        { prop: "code", label: "混料订单号" },
+        { prop: "percent", label: "进度", filter: (val) => (val !== null && val !== undefined ? val + " %" : "-") },
+        {
+          prop: "statusDictValue",
+          label: "订单状态",
+          filter: (val) => (val !== null && val !== undefined ? ["等待", "确认", "生产", "暂停", "结束", "接受", "拒绝"][val] : "-"),
+        },
+        { prop: "qty", label: "混料总量 [kg]" },
+        {
+          prop: "operations",
+          name: "操作",
+          fixed: "right",
+
+          subcomponent: TableOperaionComponent,
+          options: [
+            { name: "edit", label: "编辑", emitFull: true, icon: "edit-outline" },
+            { name: "view-batch", label: "查看批次", color: "#ff8000", toRouter: "pms-blenderBatch", icon: "document-copy" }, // 路由跳转至 pms-blenderBatch
+            { name: "detach", label: "下发", color: "#099", icon: "bottom-right" },
+          ],
+        },
+      ],
+      refreshLayoutKey1: "",
+      // 压制
+      pressTableProps: [
+        { prop: "code", label: "压制订单号" },
+        { prop: "percent", label: "进度", filter: (val) => (val !== null && val !== undefined ? val + " %" : "-") },
+        {
+          prop: "statusDictValue",
+          label: "订单状态",
+          filter: (val) => (val !== null && val !== undefined ? ["等待", "确认", "生产", "暂停", "结束", "接受", "拒绝"][val] : "-"),
+        },
+        { prop: "qty", label: "生产量" },
+        { prop: "qtyComplete", label: "完成量" },
+        { prop: "goodqty", label: "合格数量" },
+        { prop: "badqty", label: "不合格数量" },
+        {
+          prop: "operations",
+          name: "操作",
+          fixed: "right",
+
+          subcomponent: TableOperaionComponent,
+          options: [{ name: "detach", label: "下发", icon: "bottom-right" }], // , url: '/pms/trans/pressDeli' }]
+        },
+      ],
+      refreshLayoutKey2: "",
+      // 窑炉
+      kilnTableProps: [
+        { prop: "code", label: "烧成订单号" },
+        { prop: "percent", label: "进度", filter: (val) => (val !== null && val !== undefined ? val + " %" : "-") },
+        { prop: "qty", label: "生产量" },
+        { prop: "qtyComplete", label: "完成量" },
+      ],
+      refreshLayoutKey3: "",
+      // 检测
+      detectionTableProps: [
+        { prop: "code", label: "检测包装订单号" },
+        { prop: "percent", label: "进度", filter: (val) => (val !== null && val !== undefined ? val + " %" : "-") },
+        { prop: "qty1", label: "检测量" },
+        { prop: "qty1Complete", label: "完成量" },
+        { prop: "goodqty1", label: "检测合格量" },
+        { prop: "badqty1", label: "检测不合格量" },
+      ],
+      refreshLayoutKey4: "",
+    };
   },
   created() {},
   mounted() {},
-  methods: {},
+  methods: {
+    init(/** 参数 */) {
+      // Promise.all(
+      // 获取混料订单
+      // 获取压制订单
+      // 获取窑炉订单
+      // 获取检测包装订单
+      // )
+    },
+  },
 };
 </script>