质保单上传整体结构

klp-ui/src/views/wms/purchasePlan/panels/detail.vue

@@ -119,12 +119,13 @@
             icon="el-icon-refresh"
             @click="handleStatusChange(scope.row, EPurchaseDetailStatus.REVIEW, '待审核')"
           >设为待审核</el-button>
-          <!-- <el-button
+          <el-button
             v-if="scope.row.status === EPurchaseDetailStatus.REVIEW || scope.row.status === EPurchaseDetailStatus.FINISH"
             size="mini"
             type="text"
             icon="el-icon-document"
-          >质保单</el-button> -->
+            @click="handleUploadQualityCertificate(scope.row)"
+          >质保单</el-button>
           <el-button
             v-if="scope.row.status === EPurchaseDetailStatus.REVIEW"
             size="mini"
@@ -175,6 +176,10 @@
       :selected-items="selectedArrivalItems"
       @success="handleStockInSuccess"
     />
+
+    <el-dialog title="上传质保单" :visible.sync="uploadQualityCertificateOpen" width="800px" append-to-body>
+      <quality-certicate :info="uploadQualityCertificateInfo" @confirm="handleUploadQualityCertificateConfirm" />
+    </el-dialog>
   </div>
 </template>
 
@@ -186,6 +191,7 @@ import RawMaterialSelect from '@/components/KLPService/RawMaterialSelect';
 import UserSelect from '@/components/KLPService/UserSelect'
 import { RawMaterialInfo } from '@/components/KLPService';
 import BomInfoMini from '@/components/KLPService/Renderer/BomInfoMini.vue';
+import QualityCerticate from './qualityCerticate.vue'
 
 export default {
   name: "PurchasePlanDetail",
@@ -194,7 +200,8 @@ export default {
     RawMaterialSelect,
     UserSelect,
     RawMaterialInfo,
-    BomInfoMini
+    BomInfoMini,
+    QualityCerticate
   },
   props: {
     planId: {
@@ -258,7 +265,9 @@ export default {
       },
       // 入库单相关
       stockInVisible: false,
-      selectedArrivalItems: []
+      selectedArrivalItems: [],
+      uploadQualityCertificateOpen: false,
+      uploadQualityCertificateInfo: undefined
     };
   },
   computed: {
@@ -412,6 +421,9 @@ export default {
         });
       // });
     },
+    handleUploadQualityCertificateConfirm() {
+      this.handleStatusChange(this.uploadQualityCertificateInfo, EPurchaseDetailStatus.FINISH, '采购完成');
+    },
     /** 创建入库单按钮操作 */
     handleCreateStockIn() {
       // 获取用户选中的明细
@@ -443,6 +455,11 @@ export default {
       if (rawMaterial && rawMaterial.unit) {
         this.form.unit = rawMaterial.unit;
       }
+    },
+    handleUploadQualityCertificate(row) {
+      this.uploadQualityCertificateOpen = true;
+      console.log(row, 'row');
+      this.uploadQualityCertificateInfo = row;
     }
   }
 };