托书新增页面调整

src/views/book/addBookDrawer.vue

@@ -30,7 +30,7 @@
                 </a-form-model-item>
               </a-col>
 
-              <a-col :md="12" :sm="12">
+              <a-col :md="6" :sm="8">
                 <a-form-model-item label="外销发票号码" prop="exportInvoiceNo">
                   <a-input placeholder="请输入外销发票号码" v-model="addBook.exportInvoiceNo"></a-input>
                 </a-form-model-item>
@@ -62,7 +62,12 @@
 
               <a-col :md="6" :sm="8">
                 <a-form-model-item label="最终船期" prop="theFinalShippingDate">
-                  <a-input placeholder="请输入最终船期" v-model="addBook.theFinalShippingDate"></a-input>
+                  <a-date-picker
+                    placeholder="请选择装运期限"
+                    style="width:100%;"
+                    :format="dateFormat"
+                    v-model="addBook.theFinalShippingDate"
+                  />
                 </a-form-model-item>
               </a-col>
 
@@ -640,6 +645,7 @@ export default {
       })
         // var subList = this.convertReferToSub(data);
         this.addBookData = this.addBookData.concat(data);
+        this.setHeadCalField()
     },
 
     // 参照数据转换成子表
@@ -703,6 +709,19 @@ export default {
           this.addBook.notifyPartyAddress = '';
         }
       },
+        // 设置表头计算值,直接设置表头值对象不能刷新，把表头对象换了就可以了
+    setHeadCalField(){
+      var headData = JSON.parse(JSON.stringify(this.addBook));
+      var moneyAll = 0;
+      for (var i=0; i<this.addBookData.length; i++){
+        var rowData = this.addBookData[i];
+        if (rowData.totalPrice != undefined && rowData.totalPrice != ""){
+          moneyAll += rowData.totalPrice*1;
+        }
+      }
+      headData.money = moneyAll;
+      this.addBook = headData;
+    },
     // 新增托书 子表合计
     addBookFooterShow(data) {
       console.log('新增托书 子表 ----合计行')
@@ -722,6 +741,7 @@ export default {
     // 操作 删除
     handleDelete(index) {
       this.addBookData.splice(index, 1);
+      this.setHeadCalField()
     },
     // 抽屉 取消
     handleCancel() {