diff --git a/src/views/main/BookingLedger/detail/modules/mailingInfo.vue b/src/views/main/BookingLedger/detail/modules/mailingInfo.vue
index d32fe49..93a97ac 100644
--- a/src/views/main/BookingLedger/detail/modules/mailingInfo.vue
+++ b/src/views/main/BookingLedger/detail/modules/mailingInfo.vue
@@ -35,6 +35,7 @@
                 <a-textarea
                   id="shipper-scroll"
                   :defaultValue="details.shipper"
+                  v-model="showShipper"
                   :auto-size="{ minRows: 2, maxRows: 5 }"
                   style="height: 100px"
                   @blur="textareaChange($event, 'shipper')"
@@ -74,6 +75,7 @@
                 <a-textarea
                   id="consignee-scroll"
                   :defaultValue="details.consignee"
+                  v-model="showConsignee"
                   :auto-size="{ minRows: 2, maxRows: 5 }"
                   style="height: 100px"
                   @blur="textareaChange($event, 'consignee')"
@@ -113,6 +115,7 @@
                   :defaultValue="details.notifyparty"
                   :auto-size="{ minRows: 2, maxRows: 5 }"
                   style="height: 100px"
+                  v-model="showNotifier"
                   @blur="textareaChange($event, 'notifyparty')"
                 />
                 <div
@@ -702,7 +705,10 @@ export default {
       modelName: '',
       yardType: '',
       yardVisible: false,
-      customerModelconfirm: false
+      customerModelconfirm: false,
+      showShipper: '',
+      showConsignee: '',
+      showNotifier: ''
     }
   },
   watch: {
@@ -727,7 +733,7 @@ export default {
       if (this.shipperData) {
         const arr = []
         this.shipperData.map((item, index) => {
-          if (!arr.includes(item.title)) {
+          if (item.title && !arr.includes(item.title)) {
             arr.push(item.title)
           }
         })
@@ -740,7 +746,7 @@ export default {
       if (this.consigneeData) {
         const arr = []
         this.consigneeData.map((item, index) => {
-          if (!arr.includes(item.title)) {
+          if (item.title && !arr.includes(item.title)) {
             arr.push(item.title)
           }
         })
@@ -753,7 +759,7 @@ export default {
       if (this.notifyData) {
         const arr = []
         this.notifyData.map((item, index) => {
-          if (!arr.includes(item.title)) {
+          if (item.title && !arr.includes(item.title)) {
             arr.push(item.title)
           }
         })
@@ -983,6 +989,8 @@ export default {
       this.shippername = value
       const index = this.shipperDataArr.indexOf(value)
       this.details.shipper = this.shipperData[index].content
+      this.showShipper = this.details.shipper
+      this.$forceUpdate()
     },
     shipperChange(value) {
       this.getTemplate(value, 'shipper')
@@ -992,6 +1000,7 @@ export default {
       this.consigneename = value
       const index = this.consigneeDataArr.indexOf(value)
       this.details.consignee = this.consigneeData[index].content
+      this.showConsignee = this.details.consignee
     },
     consigneeChange(value) {
       this.getTemplate(value, 'consignee')
@@ -1001,6 +1010,7 @@ export default {
       this.notifypartyname = value
       const index = this.notifyDataArr.indexOf(value)
       this.details.notifyparty = this.notifyData[index].content
+      this.showNotifier = this.details.notifyparty
     },
     notifyChange(value) {
       this.getTemplate(value, 'notify')