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

src/views/modules/pms/order/components/BatchDialog--detail.vue

@@ -2,17 +2,17 @@
   <el-dialog
     class="batch-dialog"
     title="批次详情"
-    width="85%"
+    width="65%"
     :visible="visible"
     @close="handleClose"
     @closed="$emit('destroy')"
     :append-to-body="true"
     :close-on-click-modal="false">
-    <el-row>
+    <!-- <el-row>
       <el-col style="text-align: right">
         <el-button type="text" @click="handleOperate({ type: 'create' })" icon="el-icon-plus">新增</el-button>
       </el-col>
-    </el-row>
+    </el-row> -->
     <!-- list  -->
     <BaseListTable
       :key="Math.random()"
@@ -21,7 +21,6 @@
       :table-data="dataList"
       :current-page="page"
       :current-size="limit"
-      @operate-event="handleOperate"
       :refresh-layout-key="refreshLayoutKey" />
 
     <el-pagination
@@ -41,26 +40,16 @@
 
 <script>
 import BaseListTable from "@/components/BaseListTable.vue";
-import TableTextComponent from "@/components/noTemplateComponents/detailComponent";
-import TableOperaionComponent from "@/components/noTemplateComponents/operationComponent";
 import { timeFilter } from "@/utils/filters";
 
 export default {
   name: "BatchDialog--detail",
   components: { BaseListTable },
-  props: {
-    configs: {
-      type: Object,
-      default: () => ({
-        clickModalToClose: false,
-        forms: null,
-      }),
-    },
-  },
+  props: [],
   data() {
     return {
       visible: false,
-      blenderOrderId: null, // 用来获取批次列表
+      batchId: null,
       loading: false,
       limit: 20,
       page: 1,
@@ -92,7 +81,7 @@ export default {
     init(id) {
       this.visible = true;
       console.log("[BatchDialog--detail] init", id);
-      this.blenderOrderId = id;
+      this.batchId = id;
       this.getBatchDetailList();
     },
 
@@ -102,11 +91,11 @@ export default {
       try {
         const {
           data: { code, data, msg },
-        } = await this.$http.get("/pms/blenderBatch/pageView", {
+        } = await this.$http.get("/pms/blenderDetail/pageView", {
           params: {
             page: this.page,
             limit: this.limit,
-            blenderOrderId: this.blenderOrderId,
+            batchId: this.batchId,
           },
         });
         console.log("[BatchDialog] getBatchList", data);
@@ -119,7 +108,7 @@ export default {
         // this.dataList = data;
         this.tableLoading = false;
       } catch (err) {
-        this.$message.error("message" in err ? err.message : err);
+        this.$message.error(typeof err == "object" && "message" in err ? err.message : err);
       }
     },
 
@@ -132,6 +121,6 @@ export default {
 
 <style scoped>
 .batch-dialog >>> .el-dialog__body {
-  padding: 0 20px;
+  padding: 8px 20px !important;
 }
 </style>

src/views/modules/pms/order/components/BatchDialog.vue

@@ -45,7 +45,6 @@
     <BatchDialogDetail
       v-if="detailDialogVisible"
       ref="batchDialogDetail"
-      :blender-order-id="blenderOrderId"
       @refreshDataList="getBatchList"
       @destroy="detailDialogVisible = false" />
 
@@ -194,7 +193,11 @@ export default {
             this.$refs.batchDialogEdit.init();
           });
           break;
-        case "查看详情":
+        case "view-blender-batch-details":
+          this.detailDialogVisible = true;
+          this.$nextTick(() => {
+            this.$refs.batchDialogDetail.init(data);
+          });
           break;
         case "edit":
           this.editDialogVisible = true;