场站船代助记码

src/views/main/BookingLedger/detail/modules/basicInfo.vue

@@ -388,7 +388,7 @@
                     :dropdown-style="{ width: '200px' }"
                     @select="shipagencySelect"
                     @change="debounce(shipagencyChange, 300, $event)"
-                    @focus="shipagencyChange"
+                    @focus="shipagencyChangeFirst"
                   />
                 </a-form-model-item>
               </a-col>
@@ -988,7 +988,7 @@ export default {
         const arr = []
         this.shipagencyData.map((item, index) => {
           if (!arr.includes(item.name)) {
-            arr.push(item.name)
+            arr.push(`${item.name}/${item.showCode}`)
           }
         })
         return arr
@@ -1241,7 +1241,7 @@ export default {
         KeyWord: name
       })
         .then(res => {
-          if (res.code === 200) { 
+          if (res.code === 200) {
             this.carrierData = res.data
             const arr = []
             res.data.map((item, index) => {
@@ -1285,19 +1285,20 @@ export default {
       GetForwarderlist({
         KeyWord: name
       })
-        .then(res => {
-          if (res.code === 200) {
-            this.shipagencyData = res.data
-            this.$forceUpdate()
-          }
-        })
-        .catch(err => {
-          console.log(err)
-        })
+      .then(res => {
+        if (res.code === 200) {
+          this.shipagencyData = res.data
+          this.$forceUpdate()
+        }
+      })
+      .catch(err => {
+        console.log(err)
+      })
     },
     shipagencySelect(value) {
-      // const index = this.shipagencyDataArr.indexOf(value)
-      this.details.shipagency = value
+      const index = this.shipagencyDataArr.indexOf(value)
+      this.details.shipagency = this.shipagencyData[index].name
+      this.details.shipagencyid = this.shipagencyData[index].code
     },
     shipagencyChange(value) {
       if (!value) {
@@ -1305,6 +1306,11 @@ export default {
       }
       this.getForwarderlist(value)
     },
+    shipagencyChangeFirst(value) {
+      console.log('=== 船代初始 ===', value, this.details.shipagency, this.shipagencyData)
+      if (this.details.shipagency) { return false }
+      this.getForwarderlist(value)
+    },
     // 船代 - end
 
     // 船名 - start
@@ -1866,12 +1872,12 @@ export default {
 
 /deep/ .ant-select-selection__clear{
   right: 10px !important;
-  margin-top: -4px !important;
+  margin-top: -6px !important;
 }
 
 /deep/ form .has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-selection__clear{
   right: 10px !important;
-  margin-top: -4px !important;
+  margin-top: -6px !important;
 }
 
 /deep/ form .has-feedback .ant-input-affix-wrapper .ant-input-suffix{

src/views/main/BookingLedger/detail/modules/mailingInfo.vue

@@ -402,7 +402,7 @@
                 <a-col :span="12">
                   <a-form-model-item
                     class="from-label"
-                    label="收货代码"
+                    label="收货地代码"
                     :labelCol="labelCol"
                     :wrapperCol="wrapperCol"
                     has-feedback
@@ -418,8 +418,9 @@
                       :dropdown-style="{ width: '300px' }"
                       @select="placereceiptSelect"
                       @focus="placereceiptChange"
-                      @change="debounce(placereceiptChange, 300, $event)"
+                      @change="debounce(placereceiptChange, 0, $event)"
                     ></auto-complete>
+                    <!-- @change="debounce(placereceiptChange, 100, $event)" -->
                   </a-form-model-item>
                 </a-col>
                 <a-col :span="12">
@@ -454,7 +455,7 @@
                       :dropdown-style="{ width: '300px' }"
                       @select="portloadSelect"
                       @focus="portloadChange"
-                      @change="debounce(portloadChange, 300, $event)"
+                      @change="debounce(portloadChange, 0, $event)"
                     ></auto-complete>
                   </a-form-model-item>
                 </a-col>
@@ -490,7 +491,7 @@
                       :dropdown-style="{ width: '300px' }"
                       @select="transportSelect"
                       @focus="transportChange"
-                      @change="debounce(transportChange, 300, $event)"
+                      @change="debounce(transportChange, 0, $event)"
                     />
                   </a-form-model-item>
                 </a-col>
@@ -526,7 +527,7 @@
                       :dropdown-style="{ width: '300px' }"
                       @select="portdischargeSelect"
                       @focus="portdischargeChange"
-                      @change="debounce(portdischargeChange, 300, $event)"
+                      @change="debounce(portdischargeChange, 0, $event)"
                     />
                   </a-form-model-item>
                 </a-col>
@@ -562,7 +563,7 @@
                       :dropdown-style="{ width: '300px' }"
                       @select="destinationSelect"
                       @focus="destinationChange"
-                      @change="debounce(destinationChange, 300, $event)"
+                      @change="debounce(destinationChange, 0, $event)"
                     />
                   </a-form-model-item>
                 </a-col>
@@ -597,7 +598,7 @@
                       :dropdown-match-select-width="false"
                       :dropdown-style="{ width: '300px' }"
                       @select="placedeliverySelect"
-                      @change="debounce(placedeliveryChange, 300, $event)"
+                      @change="debounce(placedeliveryChange, 0, $event)"
                       @focus="placedeliveryChange"
                     />
                   </a-form-model-item>
@@ -1288,7 +1289,7 @@ export default {
             const arr = []
             res.data.map((item, index) => {
               arr.push({
-                ...{ selectShowTab: item.name + ' / ' + item.code },
+                ...{ selectShowTab: item.name + ' / ' + item.showCode },
                 ...item
               })
             })
@@ -2461,7 +2462,7 @@ form .has-feedback .ant-time-picker-clear {
 
 /deep/ .ant-input-suffix {
   color: rgba(0, 0, 0, 0.25);
-  display: none;
+  // display: none;
 }
 /deep/ .ant-input-affix-wrapper:hover {
   .ant-input-suffix {