From b1dd50b5ad2e3a9515d260ef1059934ba9b8ca7a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E5=90=8C=E6=B5=B7?= <963808678@qq.com>
Date: Sat, 6 May 2023 17:15:12 +0800
Subject: [PATCH] 5/6

---
 .../BookingLedger/detail/modules/ediMore.vue  | 187 +++++++++++++-----
 1 file changed, 141 insertions(+), 46 deletions(-)

diff --git a/src/views/main/BookingLedger/detail/modules/ediMore.vue b/src/views/main/BookingLedger/detail/modules/ediMore.vue
index 22e567a..967f222 100644
--- a/src/views/main/BookingLedger/detail/modules/ediMore.vue
+++ b/src/views/main/BookingLedger/detail/modules/ediMore.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="more-edi" :style="{paddingTop:'20px', paddingBottom:'10px'}">
+  <div class="more-edi" :style="{ paddingTop: '20px', paddingBottom: '10px' }">
     <a-form-model ref="ediFrom" :model="details" :rules="rules" v-if="details">
       <div class="normal">
         <a-row :gutter="16">
@@ -12,7 +12,7 @@
               prop="bookingEDIExt.sendCode"
             >
               <!-- <a-input :allowClear="true" v-model="details.bookingEDIExt.sendCode" /> -->
-              <inputView type="sendCode" :parentVal="details.bookingEDIExt.sendCode" @getInputChange="inputChange"/>
+              <inputView type="sendCode" :parentVal="details.bookingEDIExt.sendCode" @getInputChange="inputChange" />
             </a-form-model-item>
           </a-col>
           <a-col :span="8">
@@ -24,7 +24,11 @@
               prop="bookingEDIExt.receiveCode"
             >
               <!-- <a-input :allowClear="true" v-model="details.bookingEDIExt.receiveCode" /> -->
-              <inputView type="receiveCode" :parentVal="details.bookingEDIExt.receiveCode" @getInputChange="inputChange"/>
+              <inputView
+                type="receiveCode"
+                :parentVal="details.bookingEDIExt.receiveCode"
+                @getInputChange="inputChange"
+              />
             </a-form-model-item>
           </a-col>
           <a-col :span="8">
@@ -36,7 +40,7 @@
               prop="bookingEDIExt.ediAttn"
             >
               <!-- <a-input :allowClear="true" v-model="details.bookingEDIExt.ediAttn" /> -->
-              <inputView type="ediAttn" :parentVal="details.bookingEDIExt.ediAttn" @getInputChange="inputChange"/>
+              <inputView type="ediAttn" :parentVal="details.bookingEDIExt.ediAttn" @getInputChange="inputChange" />
             </a-form-model-item>
           </a-col>
           <a-col :span="8">
@@ -48,7 +52,11 @@
               prop="bookingEDIExt.ediAttnTel"
             >
               <!-- <a-input :allowClear="true" v-model="details.bookingEDIExt.ediAttnTel" /> -->
-              <inputView type="ediAttnTel" :parentVal="details.bookingEDIExt.ediAttnTel" @getInputChange="inputChange"/>
+              <inputView
+                type="ediAttnTel"
+                :parentVal="details.bookingEDIExt.ediAttnTel"
+                @getInputChange="inputChange"
+              />
             </a-form-model-item>
           </a-col>
           <a-col :span="8">
@@ -60,7 +68,11 @@
               prop="bookingEDIExt.ediAttnMail"
             >
               <!-- <a-input :allowClear="true" v-model="details.bookingEDIExt.ediAttnMail" /> -->
-              <inputView type="ediAttnMail" :parentVal="details.bookingEDIExt.ediAttnMail" @getInputChange="inputChange"/>
+              <inputView
+                type="ediAttnMail"
+                :parentVal="details.bookingEDIExt.ediAttnMail"
+                @getInputChange="inputChange"
+              />
             </a-form-model-item>
           </a-col>
           <a-col :span="8">
@@ -72,7 +84,11 @@
               prop="bookingEDIExt.amsConsignee"
             >
               <!-- <a-input :allowClear="true" v-model="details.bookingEDIExt.amsConsignee" /> -->
-              <inputView type="amsConsignee" :parentVal="details.bookingEDIExt.amsConsignee" @getInputChange="inputChange"/>
+              <inputView
+                type="amsConsignee"
+                :parentVal="details.bookingEDIExt.amsConsignee"
+                @getInputChange="inputChange"
+              />
             </a-form-model-item>
           </a-col>
           <a-col :span="8">
@@ -84,7 +100,11 @@
               prop="bookingEDIExt.amsNotifyParty"
             >
               <!-- <a-input :allowClear="true" v-model="details.bookingEDIExt.amsNotifyParty" /> -->
-              <inputView type="amsNotifyParty" :parentVal="details.bookingEDIExt.amsNotifyParty" @getInputChange="inputChange"/>
+              <inputView
+                type="amsNotifyParty"
+                :parentVal="details.bookingEDIExt.amsNotifyParty"
+                @getInputChange="inputChange"
+              />
             </a-form-model-item>
           </a-col>
           <a-col :span="8">
@@ -96,7 +116,7 @@
               prop="bookingEDIExt.opEName"
             >
               <!-- <a-input :allowClear="true" v-model="details.bookingEDIExt.opEName" /> -->
-              <inputView type="opEName" :parentVal="details.bookingEDIExt.opEName" @getInputChange="inputChange"/>
+              <inputView type="opEName" :parentVal="details.bookingEDIExt.opEName" @getInputChange="inputChange" />
             </a-form-model-item>
           </a-col>
           <a-col :span="8">
@@ -108,7 +128,7 @@
               prop="bookingEDIExt.opTel"
             >
               <!-- <a-input :allowClear="true" v-model="details.bookingEDIExt.opTel" /> -->
-              <inputView type="opTel" :parentVal="details.bookingEDIExt.opTel" @getInputChange="inputChange"/>
+              <inputView type="opTel" :parentVal="details.bookingEDIExt.opTel" @getInputChange="inputChange" />
             </a-form-model-item>
           </a-col>
           <a-col :span="8">
@@ -120,7 +140,7 @@
               prop="bookingEDIExt.opEmail"
             >
               <!-- <a-input :allowClear="true" v-model="details.bookingEDIExt.opEmail" /> -->
-              <inputView type="opEmail" :parentVal="details.bookingEDIExt.opEmail" @getInputChange="inputChange"/>
+              <inputView type="opEmail" :parentVal="details.bookingEDIExt.opEmail" @getInputChange="inputChange" />
             </a-form-model-item>
           </a-col>
           <a-col :span="8">
@@ -132,7 +152,7 @@
               prop="bookingEDIExt.goodsName"
             >
               <!-- <a-input :allowClear="true" v-model="details.bookingEDIExt.goodsName" /> -->
-              <inputView type="goodsName" :parentVal="details.bookingEDIExt.goodsName" @getInputChange="inputChange"/>
+              <inputView type="goodsName" :parentVal="details.bookingEDIExt.goodsName" @getInputChange="inputChange" />
             </a-form-model-item>
           </a-col>
           <a-col :span="8">
@@ -158,7 +178,7 @@
               prop="scaccode"
             >
               <!-- <a-input :allowClear="true" v-model="details.scaccode" /> -->
-              <inputView type="scaccode" :parentVal="details.scaccode" @getInputChange="inputChange"/>
+              <inputView type="scaccode" :parentVal="details.scaccode" @getInputChange="inputChange" />
             </a-form-model-item>
           </a-col>
           <a-col :span="8">
@@ -170,7 +190,7 @@
               prop="itncode"
             >
               <!-- <a-input :allowClear="true" v-model="details.itncode" /> -->
-              <inputView type="itncode" :parentVal="details.itncode" @getInputChange="inputChange"/>
+              <inputView type="itncode" :parentVal="details.itncode" @getInputChange="inputChange" />
             </a-form-model-item>
           </a-col>
           <a-col :span="8">
@@ -182,7 +202,12 @@
               prop="bookingEDIExt.orderRemark"
             >
               <!-- <a-input v-model="details.bookingEDIExt.orderRemark" /> -->
-              <inputView type="orderRemark" :placeholder="'订舱人说明或ESL BP CODE'" :parentVal="details.bookingEDIExt.orderRemark" @getInputChange="inputChange"/>
+              <inputView
+                type="orderRemark"
+                :placeholder="'订舱人说明或ESL BP CODE'"
+                :parentVal="details.bookingEDIExt.orderRemark"
+                @getInputChange="inputChange"
+              />
             </a-form-model-item>
           </a-col>
           <a-col :span="8">
@@ -194,7 +219,7 @@
               prop="freightpayer"
             >
               <!-- <a-input :allowClear="true" v-model="details.freightpayer" /> -->
-              <inputView type="freightpayer" :parentVal="details.freightpayer" @getInputChange="inputChange"/>
+              <inputView type="freightpayer" :parentVal="details.freightpayer" @getInputChange="inputChange" />
             </a-form-model-item>
           </a-col>
           <a-col :span="8">
@@ -205,7 +230,11 @@
               has-feedback
               prop="bookingEDIExt.kingTareweight"
             >
-              <inputView type="kingTareweight" :parentVal="details.bookingEDIExt.kingTareweight" @getInputChange="inputChange"/>
+              <inputView
+                type="kingTareweight"
+                :parentVal="details.bookingEDIExt.kingTareweight"
+                @getInputChange="inputChange"
+              />
             </a-form-model-item>
           </a-col>
           <a-col :span="23">
@@ -217,7 +246,11 @@
               prop="bookingEDIExt.weiTuoFang"
               style="margin-top:4px;"
             >
-              <a-textarea size="small" v-model="details.bookingEDIExt.weiTuoFang" :auto-size="{ minRows: 2, maxRows: 5 }"/>
+              <a-textarea
+                size="small"
+                v-model="details.bookingEDIExt.weiTuoFang"
+                :auto-size="{ minRows: 2, maxRows: 5 }"
+              />
             </a-form-model-item>
           </a-col>
         </a-row>
@@ -238,7 +271,12 @@
                 has-feedback
                 prop="bookingEDIExt.exRemark1"
               >
-                <a-textarea size="small" :allowClear="true" v-model="details.bookingEDIExt.exRemark1" :auto-size="{ minRows: 2, maxRows: 5 }"/>
+                <a-textarea
+                  size="small"
+                  :allowClear="true"
+                  v-model="details.bookingEDIExt.exRemark1"
+                  :auto-size="{ minRows: 2, maxRows: 5 }"
+                />
               </a-form-model-item>
             </a-col>
             <a-col :span="12">
@@ -249,7 +287,12 @@
                 has-feedback
                 prop="bookingEDIExt.exRemark2"
               >
-                <a-textarea size="small" :allowClear="true" v-model="details.bookingEDIExt.exRemark2" :auto-size="{ minRows: 2, maxRows: 5 }"/>
+                <a-textarea
+                  size="small"
+                  :allowClear="true"
+                  v-model="details.bookingEDIExt.exRemark2"
+                  :auto-size="{ minRows: 2, maxRows: 5 }"
+                />
               </a-form-model-item>
             </a-col>
             <a-col :span="12">
@@ -260,7 +303,12 @@
                 has-feedback
                 prop="bookingEDIExt.exRemark3"
               >
-                <a-textarea size="small" :allowClear="true" v-model="details.bookingEDIExt.exRemark3" :auto-size="{ minRows: 2, maxRows: 5 }"/>
+                <a-textarea
+                  size="small"
+                  :allowClear="true"
+                  v-model="details.bookingEDIExt.exRemark3"
+                  :auto-size="{ minRows: 2, maxRows: 5 }"
+                />
               </a-form-model-item>
             </a-col>
             <a-col :span="12">
@@ -271,7 +319,12 @@
                 has-feedback
                 prop="bookingEDIExt.exRemark4"
               >
-                <a-textarea size="small" :allowClear="true" v-model="details.bookingEDIExt.exRemark4" :auto-size="{ minRows: 2, maxRows: 5 }"/>
+                <a-textarea
+                  size="small"
+                  :allowClear="true"
+                  v-model="details.bookingEDIExt.exRemark4"
+                  :auto-size="{ minRows: 2, maxRows: 5 }"
+                />
               </a-form-model-item>
             </a-col>
           </a-row>
@@ -290,7 +343,11 @@
                 prop="bookingEDIExt.consigneeEdiCode"
               >
                 <!-- <a-input :allowClear="true" v-model="details.bookingEDIExt.consigneeEdiCode" /> -->
-                <inputView type="consigneeEdiCode" :parentVal="details.bookingEDIExt.consigneeEdiCode" @getInputChange="inputChange"/>
+                <inputView
+                  type="consigneeEdiCode"
+                  :parentVal="details.bookingEDIExt.consigneeEdiCode"
+                  @getInputChange="inputChange"
+                />
               </a-form-model-item>
             </a-col>
             <a-col :span="12">
@@ -302,7 +359,11 @@
                 prop="bookingEDIExt.shipperEdiCode"
               >
                 <!-- <a-input :allowClear="true" v-model="details.bookingEDIExt.shipperEdiCode" /> -->
-                <inputView type="shipperEdiCode" :parentVal="details.bookingEDIExt.shipperEdiCode" @getInputChange="inputChange"/>
+                <inputView
+                  type="shipperEdiCode"
+                  :parentVal="details.bookingEDIExt.shipperEdiCode"
+                  @getInputChange="inputChange"
+                />
               </a-form-model-item>
             </a-col>
             <a-col :span="12">
@@ -314,7 +375,11 @@
                 prop="bookingEDIExt.notifyCdoe"
               >
                 <!-- <a-input :allowClear="true" v-model="details.bookingEDIExt.notifyCdoe" /> -->
-                <inputView type="notifyCdoe" :parentVal="details.bookingEDIExt.notifyCdoe" @getInputChange="inputChange"/>
+                <inputView
+                  type="notifyCdoe"
+                  :parentVal="details.bookingEDIExt.notifyCdoe"
+                  @getInputChange="inputChange"
+                />
               </a-form-model-item>
             </a-col>
             <a-col :span="12">
@@ -350,7 +415,11 @@
                 prop="bookingEDIExt.emanifestHbl"
               >
                 <!-- <a-input :allowClear="true" v-model="details.bookingEDIExt.emanifestHbl" /> -->
-                <inputView type="emanifestHbl" :parentVal="details.bookingEDIExt.emanifestHbl" @getInputChange="inputChange"/>
+                <inputView
+                  type="emanifestHbl"
+                  :parentVal="details.bookingEDIExt.emanifestHbl"
+                  @getInputChange="inputChange"
+                />
               </a-form-model-item>
             </a-col>
             <a-col :span="12">
@@ -386,7 +455,12 @@
                 prop="bookingEDIExt.s0CC0C"
                 style="margin-top:4px;"
               >
-                <a-textarea size="small" :allowClear="true" v-model="details.bookingEDIExt.s0CC0C" :auto-size="{ minRows: 2, maxRows: 5 }"/>
+                <a-textarea
+                  size="small"
+                  :allowClear="true"
+                  v-model="details.bookingEDIExt.s0CC0C"
+                  :auto-size="{ minRows: 2, maxRows: 5 }"
+                />
               </a-form-model-item>
             </a-col>
             <a-col :span="12">
@@ -398,7 +472,7 @@
                 prop="bookingEDIExt.ckhi"
                 style="margin-top:4px;"
               >
-                <a-textarea size="small" v-model="details.bookingEDIExt.ckhi" :auto-size="{ minRows: 2, maxRows: 5 }"/>
+                <a-textarea size="small" v-model="details.bookingEDIExt.ckhi" :auto-size="{ minRows: 2, maxRows: 5 }" />
               </a-form-model-item>
             </a-col>
           </a-row>
@@ -413,7 +487,7 @@
                 has-feedback
                 prop="bookingEDIExt.cncm"
               >
-                <a-textarea size="small" v-model="details.bookingEDIExt.cncm" :auto-size="{ minRows: 2, maxRows: 5 }"/>
+                <a-textarea size="small" v-model="details.bookingEDIExt.cncm" :auto-size="{ minRows: 2, maxRows: 5 }" />
               </a-form-model-item>
             </a-col>
             <a-col :span="12">
@@ -424,7 +498,7 @@
                 has-feedback
                 prop="bookingEDIExt.wncm"
               >
-                <a-textarea size="small" v-model="details.bookingEDIExt.wncm" :auto-size="{ minRows: 2, maxRows: 5 }"/>
+                <a-textarea size="small" v-model="details.bookingEDIExt.wncm" :auto-size="{ minRows: 2, maxRows: 5 }" />
               </a-form-model-item>
             </a-col>
             <a-col :span="12">
@@ -436,7 +510,7 @@
                 prop="bookingEDIExt.acihbl"
               >
                 <!-- <a-input :allowClear="true" v-model="details.bookingEDIExt.acihbl" /> -->
-                <inputView type="acihbl" :parentVal="details.bookingEDIExt.acihbl" @getInputChange="inputChange"/>
+                <inputView type="acihbl" :parentVal="details.bookingEDIExt.acihbl" @getInputChange="inputChange" />
               </a-form-model-item>
             </a-col>
           </a-row>
@@ -449,7 +523,7 @@
 <script>
 import inputView from '../components/inputView'
 import selectView from '../components/selectView'
-let timer;
+let timer
 export default {
   components: {
     inputView,
@@ -526,23 +600,42 @@ export default {
     this.iscontainersoc = this.details.iscontainersoc ? '1' : '0'
   },
   methods: {
-    debounce (func, wait, ...args) {
-      if (timer) clearTimeout(timer);
+    debounce(func, wait, ...args) {
+      if (timer) clearTimeout(timer)
       timer = setTimeout(() => {
-        func.apply(this, args);
-      }, wait);
+        func.apply(this, args)
+      }, wait)
     },
-    checkbasic () {
+    checkbasic() {
       this.$refs.ediFrom.validate(valid => {
         if (valid) {
-          return true;
+          return true
         } else {
-          return false;
+          return false
         }
-      });
+      })
     },
-    inputChange ({ type, value }) {
-      const bookingEDIExtArr = ['sendCode', 'receiveCode', 'ediAttn', 'ediAttnTel', 'ediAttnMail', 'amsConsignee', 'amsNotifyParty', 'opEName', 'opTel', 'opEmail', 'goodsName', 'orderRemark', 'consigneeEdiCode', 'shipperEdiCode', 'notifyCdoe', 'emanifestHbl', 'acihbl', 'kingTareweight']
+    inputChange({ type, value }) {
+      const bookingEDIExtArr = [
+        'sendCode',
+        'receiveCode',
+        'ediAttn',
+        'ediAttnTel',
+        'ediAttnMail',
+        'amsConsignee',
+        'amsNotifyParty',
+        'opEName',
+        'opTel',
+        'opEmail',
+        'goodsName',
+        'orderRemark',
+        'consigneeEdiCode',
+        'shipperEdiCode',
+        'notifyCdoe',
+        'emanifestHbl',
+        'acihbl',
+        'kingTareweight'
+      ]
       if (bookingEDIExtArr.includes(type)) {
         this.details.bookingEDIExt[type] = value
       } else {
@@ -550,24 +643,26 @@ export default {
       }
       this.$forceUpdate()
     },
-    getSelectViewRes ({ type, res }) {
+    getSelectViewRes({ type, res }) {
       if (type === 'masterBolIndicator') {
         this.details.bookingEDIExt.masterBolIndicator = res.ID || ''
         this.details.bookingEDIExt.masterBolIndicatorName = res.NAME || ''
       } else if (type === 'salerCode') {
-        this.details.bookingEDIExt.salerCode = res.ID || ''
+        console.log(res, 'res')
+        this.details.bookingEDIExt.salerCode = res.ID
         this.details.bookingEDIExt.salerCodeName = res.NAME.split('|')[1].trimStart()
       }
+      console.log(this.details.bookingEDIExt)
     }
   }
 }
 </script>
 <style lang="less" scoped>
-/deep/ .ant-form-explain{
+/deep/ .ant-form-explain {
   display: none !important;
 }
 
-/deep/ .ant-form-item-children-icon .anticon-check-circle{
+/deep/ .ant-form-item-children-icon .anticon-check-circle {
   display: none;
 }
 </style>