关联关系界面修改

src/views/collect/relCode/operateRelCode.vue

@@ -12,7 +12,7 @@
       <el-card>
 
 
-        <el-row style="margin-top: 5px; display: flex; align-items: center;">
+        <el-row style="margin-top: 5px;margin-bottom: 12px; display: flex; align-items: center;">
           <div style="flex: 1;font-size: 24px">
             <span v-if="parentCode"><strong>{{ relFormData.packUnit }}</strong></span>
             <span v-if="parentCode" style="margin-left: 30px"><strong>{{ relFormData.packLayer }}层级</strong></span>

src/views/collect/relCode/operateRelCodeSpell.vue

@@ -8,11 +8,13 @@
       label-width="110px"
     >
       <el-card>
-            <el-row style="margin-top: 5px; display: flex; align-items: center;">
+        <el-row style="margin-top: 5px;margin-bottom: 12px; display: flex; align-items: center;">
           <div style="flex: 1;font-size: 24px">
             <span v-if="parentCode"><strong>{{ relFormData.packUnit }}</strong></span>
             <span v-if="parentCode" style="margin-left: 30px"><strong>{{ relFormData.packLayer }}层级</strong></span>
-                <span v-if="parentCode" style="margin-left: 30px"><strong>{{ parentCode || '暂未录入'}}</strong> <strong>  (<span style="color: #FF0000;">{{ syxjsl || 0}}</span>/<span >{{ bhxjsl || 0}}</span>)</strong></span>
+            <span v-if="parentCode"
+                  style="margin-left: 30px"><strong>{{ parentCode || '暂未录入' }}</strong> <strong>  (<span
+              style="color: #FF0000;">{{ syxjsl || 0 }}</span>/<span>{{ bhxjsl || 0 }}</span>)</strong></span>
           </div>
           <div style="margin-left: auto;">
             <el-button size="mini" type="primary" @click.native="spellBox()" :loading="submitLoading"
@@ -199,6 +201,7 @@
 import {addRelCodeSpellBox, scanCodeRelCode, deleteDetail, deleteAllDetail} from "@/api/collect/relCode";
 import sonRelCode from './sonRelCodeSpell.vue';
 import A from "@/plugins/KeyScaner";
+
 export default {
   name: "operateRelCode",
   props: {
@@ -581,6 +584,12 @@
 
     },
     spellBox() {
+      this.$confirm("拼箱后，需重新录入批次信息，请确认是否进行拼箱?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
           const temp = JSON.parse(JSON.stringify(this.relFormData));
           temp.detailList = []
           this.detailListSpell.forEach(item => {
@@ -595,6 +604,11 @@
           this.relFormData.validateDate = null
           // console.log("拼凑箱子详情",this.relFormDatas)
           this.inputDisabled = false
+        })
+        .catch(() => {
+        });
+
+
     },
     submit(val) {
       if (this.detailList == null || this.detailList.length == 0) {