箱管 调整

src/views/ContainerManagement/CheckCntrno/index.vue

@@ -8,14 +8,18 @@
       <a-button type="primary" class="CheckButton" @click="FnCheck">确认校验</a-button>
     </div>
     <a-row class="BottomBox" type="flex" justify="space-between">
-      <a-col :span="11">
+      <a-col :span="7">
         <p>已通过箱号</p>
         <a-textarea :rows="20" v-model:value="passData" />
       </a-col>
-      <a-col :span="11">
+      <a-col :span="7">
         <p>未通过箱号</p>
         <a-textarea :rows="20" v-model:value="failData" />
       </a-col>
+      <a-col :span="7">
+        <p>正确箱号</p>
+        <a-textarea :rows="20" v-model:value="trueData" />
+      </a-col>
     </a-row>
   </div>
 </template>
@@ -27,6 +31,7 @@
   let waitingData = ref()
   let passData = ref()
   let failData = ref()
+  let trueData = ref()
   function ArrToStr(data) {
     let RData = ''
     data.forEach((item) => {
@@ -40,6 +45,7 @@
         console.log(res)
         failData.value = ArrToStr(res.data.wrongCntrnoList)
         passData.value = ArrToStr(res.data.rightCntrnoList)
+        trueData.value = ArrToStr(res.data.trueCntrnoList)
         notification.success({ message: '校验完成', duration: 3 })
       })
       .catch((err) => {
@@ -49,7 +55,7 @@
 </script>
 <style lang="less" scoped>
   .mainBox {
-    padding: 5% 55% 5% 5%;
+    padding: 5% 5% 5% 5%;
     display: flex;
     flex-direction: column;
     // align-items: center;
@@ -57,10 +63,10 @@
     background-repeat: no-repeat;
     background-position: right;
     .TopBox {
-      width: 1000px;
+      width: 70%;
     }
     .ButtonBox {
-      width: 1000px;
+      width: 70%;
       display: flex;
       justify-content: end;
       .CheckButton {
@@ -70,7 +76,7 @@
     }
 
     .BottomBox {
-      width: 1000px;
+      width: 70%;
     }
     p {
       margin: 0;