托书费用支出增行和删除

src/views/book/addBookDrawer.vue

@@ -304,6 +304,13 @@
                 <a-form-model-item prop="CNYmoney" :rules="rules.CNYmoney" >
                   <a-input placeholder="请输入金额" v-model="record.amount" />
                 </a-form-model-item>
+                </template>
+              <template slot="option" slot-scope="text, record, index">
+                  <a-button type="primary"  @click="adsCNY">增行</a-button>
+                  <a-divider type="vertical" />
+                  <a-popconfirm title="确定删除吗?" ok-text="是" cancel-text="否" @confirm="deleteCNY(index)">
+                    <a-button  type="danger" >删除</a-button>
+                  </a-popconfirm>               
               </template>
                 <!-- CNY项目列 -->
                 <template slot="CNYProjectList" slot-scope="text, record, index">
@@ -333,6 +340,13 @@
                   <a-input placeholder="请输入货代" v-model="record.freightForwarder" />
                 </a-form-model-item>
               </template>
+              <template slot="USDoption" slot-scope="text, record, index">
+                  <a-button type="primary"  @click="adsUSD">增行</a-button>
+                  <a-divider type="vertical" />
+                  <a-popconfirm title="确定删除吗?" ok-text="是" cancel-text="否" @confirm="deleteUSD(index)">
+                    <a-button  type="danger" >删除</a-button>
+                  </a-popconfirm>               
+              </template>
               <template slot="USDmoney" slot-scope="text, record, index">
                 <a-form-model-item prop="USDmoney" :rules="rules.USDmoney" >
                   <a-input placeholder="请输入金额" v-model="record.amount" />
@@ -552,6 +566,13 @@ export default {
           width: 60,
           scopedSlots: { customRender: 'CNYProjectList' },
           className: 'replacecolor'
+        },
+        {
+          title: '操作',
+          dataIndex: 'option',
+          width: 60,
+          scopedSlots: { customRender: 'option' },
+          className: 'replacecolor'
         }
       ],
       rmbList: [{}],
@@ -560,22 +581,29 @@ export default {
           title: '货代',
           dataIndex: 'freightForwarder',
           scopedSlots: { customRender: 'USDfreighForward' },
-          width: 20,
+          width: 60,
           className: 'replacecolor'
         },
         {
           title: '金额',
           dataIndex: 'amount',
           scopedSlots: { customRender: 'USDmoney' },
-          width: 20,
+          width: 60,
           className: 'replacecolor'
         },
         {
           title: '项目列',
           dataIndex: 'itemColumn',
-          width: 90,
+          width: 60,
           scopedSlots: { customRender: 'USDProjectList' },
           className: 'replacecolor'
+        },
+        {
+          title: '操作',
+          dataIndex: 'option',
+          width: 60,
+          scopedSlots: { customRender: 'USDoption' },
+          className: 'replacecolor'
         }
       ],
       usdList: [{}],
@@ -857,7 +885,7 @@ export default {
               this.$emit('back')
               this.close()
             }else {
-             this.$message.error(res.message);
+              this.$message.error(res.message);
             }
            })
         }
@@ -866,6 +894,28 @@ export default {
       })
       // this.getShipmentList() // 刷新托书列表
     },
+    adsCNY(){
+      var newObj ={
+        freightForwarder :'',
+        amount:'',
+        option:''
+      }
+      this.rmbList.push(newObj)
+    },
+    adsUSD(){
+      var newObj ={
+        freightForwarder :'',
+        amount:'',
+        option:''
+      }
+      this.usdList.push(newObj)
+    },
+    deleteCNY(index){
+      this.rmbList.splice(index, 1);
+    },
+    deleteUSD(index){
+      this.usdList.splice(index, 1);
+    },
     close() {
       this.addBook ={}
       this.addBookData =[]