|
|
@@ -7,10 +7,26 @@
|
|
|
:header-cell-class-name="headerClassName" @search-change="searchChange" @search-reset="searchReset"
|
|
|
@selection-change="selectionChange" :search.sync="query">
|
|
|
<template slot="menuLeft">
|
|
|
- <el-tabs v-model="activeName" @tab-click="handleClick">
|
|
|
- <el-tab-pane label="查看数据" name="query" />
|
|
|
- <el-tab-pane label="选择数据" name="pick" />
|
|
|
- </el-tabs>
|
|
|
+ <div style="display:flex;">
|
|
|
+ <el-tabs v-model="activeName" @tab-click="handleClick">
|
|
|
+ <el-tab-pane label="查看数据" name="query" />
|
|
|
+ <el-tab-pane label="已选择数据" name="pick" />
|
|
|
+ </el-tabs>
|
|
|
+ <div style="margin: 10px 0 0 10px;">
|
|
|
+ <el-button v-if="activeName == 'query'" type="success" @click="allPick"
|
|
|
+ size="mini">批量选择</el-button>
|
|
|
+ <el-button v-if="activeName == 'pick'" type="danger" @click="allCancel"
|
|
|
+ size="mini">全部取消</el-button>
|
|
|
+ <span style="font-size: 18px;font-weight: 600;margin-left: 10px;">
|
|
|
+ <span style="color: #67C23A;margin-right: 10px;">
|
|
|
+ 本币:{{ amountSubSum }}元
|
|
|
+ </span>
|
|
|
+ <span style="color: #E6A23C;">
|
|
|
+ 外币:{{ amountSubUsdSum }}元
|
|
|
+ </span>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</template>
|
|
|
<tempalte slot="currentStlAmountRMB" slot-scope="{ row }">
|
|
|
<el-input-number v-if="editSave" v-model="row.currentStlAmountRMB" @change="armbChange(row)"
|
|
|
@@ -61,6 +77,8 @@ export default {
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
+ amountSubSum: 0,
|
|
|
+ amountSubUsdSum: 0,
|
|
|
activeName: 'query',
|
|
|
editSave: true,
|
|
|
selectionList: [],
|
|
|
@@ -95,11 +113,11 @@ export default {
|
|
|
menu: true,
|
|
|
menuWidth: 60,
|
|
|
// header: false,
|
|
|
- // tip: false,
|
|
|
- // selection: true,
|
|
|
- // selectable: (row, index) => {
|
|
|
- // return !row.disabled
|
|
|
- // },
|
|
|
+ tip: false,
|
|
|
+ selection: true,
|
|
|
+ selectable: (row, index) => {
|
|
|
+ return !row.disabled
|
|
|
+ },
|
|
|
column: [
|
|
|
{
|
|
|
label: "MB/L NO",
|
|
|
@@ -264,10 +282,30 @@ export default {
|
|
|
this.data = this.pickData
|
|
|
}
|
|
|
},
|
|
|
+ allPick() {
|
|
|
+ if (this.selectionList.length == 0) {
|
|
|
+ return this.$message.error("请选择数据");
|
|
|
+ }
|
|
|
+ let list = this.deepClone(this.selectionList)
|
|
|
+ list.forEach((item, index) => {
|
|
|
+ this.$set(item, 'disabled', true)
|
|
|
+ this.pickData.push(item)
|
|
|
+ this.data = this.data.filter(row => row.accBillNo != item.accBillNo);
|
|
|
+ this.queryData=this.data
|
|
|
+ })
|
|
|
+ },
|
|
|
+ allCancel() {
|
|
|
+ this.pickData.forEach((item, index) => {
|
|
|
+ this.$set(item, 'disabled', false)
|
|
|
+ this.queryData.push(item)
|
|
|
+ this.data = this.data.filter(row => row.accBillNo != item.accBillNo);
|
|
|
+ this.pickData=this.data
|
|
|
+ })
|
|
|
+ },
|
|
|
pick(row, index) {
|
|
|
this.$set(row, 'disabled', true)
|
|
|
this.data.splice(index, 1)
|
|
|
- this.queryData.splice(index, 1)
|
|
|
+ // this.queryData.splice(index, 1)
|
|
|
this.pickData.push(row)
|
|
|
},
|
|
|
cancel(row, index) {
|
|
|
@@ -599,6 +637,18 @@ export default {
|
|
|
deep: true,
|
|
|
immediate: true
|
|
|
},
|
|
|
+ pickData: {
|
|
|
+ handler(val) {
|
|
|
+ this.amountSubSum = 0
|
|
|
+ this.amountSubUsdSum = 0
|
|
|
+ val.forEach(e => {
|
|
|
+ this.amountSubSum += Number(e.currentStlAmountRMB ? e.currentStlAmountRMB : 0)
|
|
|
+ this.amountSubUsdSum += Number(e.currentStlAmountUSD ? e.currentStlAmountUSD : 0)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ deep: true,
|
|
|
+ immediate: true
|
|
|
+ },
|
|
|
},
|
|
|
}
|
|
|
</script>
|