托书新增页面表头信息增加

src/views/book/addBookDrawer.vue

@@ -38,15 +38,31 @@
 
               <a-col :md="6" :sm="8">
                 <a-form-model-item label="经营单位" prop="unitInOperation">
-                  <a-input placeholder="请输入经营单位" v-model="addBook.unitInOperation"></a-input>
+                  <!-- <a-input placeholder="请输入经营单位" v-model="addBook.unitInOperation"></a-input> -->
+                   <j-search-select-tag
+                    placeholder="请选择收货人"
+                    v-model="addBook.unitInOperation"
+                    @change="unitInOperationChange"
+                    dict="test-200">
+                  </j-search-select-tag>
                 </a-form-model-item>
               </a-col>
 
               <a-col :md="6" :sm="8">
                 <a-form-model-item label="经营单位地址" prop="unitInOperationAddress">
-                   <a-input placeholder="请输入经营单位地址" v-model="addBook.unitInOperationAddress"></a-input>
+                   <a-input placeholder="根据经营单位自动带出" v-model="addBook.unitInOperationAddress"></a-input>
+                </a-form-model-item>
+              </a-col>
+              <!-- <a-col :md="6" :sm="8">
+                <a-form-model-item label="海关代码" prop="customsCode">
+                   <a-input placeholder="根据经营单位自动带出" v-model="addBook.customsCode"></a-input>
                 </a-form-model-item>
               </a-col>
+              <a-col :md="6" :sm="8">
+                <a-form-model-item label="税号" prop="dutyParagraph">
+                   <a-input placeholder="根据经营单位自动带出" v-model="addBook.dutyParagraph"></a-input>
+                </a-form-model-item>
+              </a-col> -->
 
               <a-col :md="6" :sm="8">
                 <a-form-model-item label="装运期限" prop="latestDateOfShipment">
@@ -174,12 +190,24 @@
                 </a-form-model-item>
               </a-col>
 
-              <a-col :md="6" :sm="8">
+               <a-col :md="6" :sm="8">
                 <a-form-model-item label="金额" prop="money">
                   <a-input placeholder="请输入金额" v-model="addBook.money"></a-input>
                 </a-form-model-item>
               </a-col>
 
+              <a-col :md="6" :sm="8">
+                <a-form-model-item label="运输方式" prop="typeOfShipping">
+                    <j-search-select-tag
+                    placeholder="请选择运输方式"
+                    v-model="addBook.typeOfShipping"
+                    dict="test0902001">
+                  </j-search-select-tag>
+                </a-form-model-item>
+              </a-col>
+
+             
+
               <!-- <a-col :md="6" :sm="8">
                 <a-form-model-item label="人民币" prop="cny">
                   <a-input placeholder="请输入人民币" v-model="addBook.cny"></a-input>
@@ -548,7 +576,7 @@ export default {
           shippingOrderNumber:[{required: true, message: '托书号不能为空!'}],
           consignee:[{required: true, message: '收货人不能为空!'}],
           unitInOperation:[{required: true, message: '经营单位不能为空!'}],
-          unitInOperationAddress:[{required: true, message: '经营单位地址不能为空!'}],
+          // unitInOperationAddress:[{required: true, message: '经营单位地址不能为空!'}],
           tradeCountry:[{required: true, message: '贸易国别不能为空!'}],
           arriveInCountry:[{required: true, message: '运抵国别不能为空!'}],
           exportPort:[{required: true, message: '出口口岸不能为空!'}],
@@ -660,6 +688,16 @@ export default {
           this.addBook.notifyPartyAddress = '';
         }
       },
+    unitInOperationChange(val){
+      if(val !=null && val !='' &&val != 'undefined'){
+        var valueArr = val.split("+")
+        this.addBook.unitInOperation = valueArr[0]
+        this.addBook.unitInOperationAddress = valueArr[3]
+        this.addBook.customsCode = valueArr[1]
+        this.addBook.dutyParagraph = valueArr[2]
+      }
+      
+    },
         // 设置表头计算值,直接设置表头值对象不能刷新，把表头对象换了就可以了
     setHeadCalField(){
       var headData = JSON.parse(JSON.stringify(this.addBook));