|
@@ -55,7 +55,8 @@
|
|
|
</el-table-column>
|
|
|
<el-table-column label="金额币种">
|
|
|
<template slot-scope="scope">
|
|
|
- <el-input placeholder="请输入金额" v-model="scope.row.price" clearable style="width:180px;" />
|
|
|
+ <el-input placeholder="请输入金额" v-model="scope.row.price" clearable style="width:180px;"
|
|
|
+ @change="PriceChange" />
|
|
|
<el-select v-model="currency" placeholder="币种选择" clearable filterable style="width:120px"
|
|
|
:disabled="true">
|
|
|
<el-option v-for="item in currencyList" :key="item.id" :label="item.name"
|
|
@@ -114,14 +115,31 @@
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <el-form-item>
|
|
|
- <el-form-item>
|
|
|
- <div style="margin-left: 80%;">
|
|
|
- <el-button type="primary" @click="addBtn">保存</el-button>
|
|
|
- <el-button @click="EscAdd">取消</el-button>
|
|
|
- </div>
|
|
|
- </el-form-item>
|
|
|
- </el-form-item>
|
|
|
+ <div style="display: flex;">
|
|
|
+
|
|
|
+ <div style="width: 50%;">
|
|
|
+ <el-form-item label="总金额:" label-width="160px">
|
|
|
+ <el-input placeholder="金额" v-model="countCost" :disabled="true"
|
|
|
+ style="width: 120px;"></el-input>
|
|
|
+ <el-select v-model="currency" placeholder="币种选择" clearable filterable
|
|
|
+ style="width:120px" :disabled="true">
|
|
|
+ <el-option v-for="item in currencyList" :key="item.id" :label="item.name"
|
|
|
+ :value="item.id">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
+ <div style="width: 50%;text-align: right;">
|
|
|
+ <el-form-item>
|
|
|
+ <div style="margin-right: 25%;">
|
|
|
+ <el-button type="primary" @click="addBtn">保存</el-button>
|
|
|
+ <el-button @click="EscAdd">取消</el-button>
|
|
|
+ </div>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+
|
|
|
</el-form>
|
|
|
|
|
|
</template>
|
|
@@ -141,6 +159,7 @@ export default {
|
|
|
diId: '',
|
|
|
loading: true,
|
|
|
currency: 836,
|
|
|
+ countCost: 0,
|
|
|
delegationInfo: {},
|
|
|
delegationInfoList: [],//团组下拉框
|
|
|
currencyList: [],
|
|
@@ -263,6 +282,7 @@ export default {
|
|
|
that.OPContenData.payee = CreditCardPayment.payee
|
|
|
that.currency = CreditCardPayment.paymentCurrency
|
|
|
that.OPContenData.payPercentage = CreditCardPayment.payPercentage
|
|
|
+ that.countCost = CreditCardPayment.payMoney
|
|
|
}
|
|
|
var CarTouristsConten = res.data.data.carTouristsConten;
|
|
|
if (CarTouristsConten.length != 0) {
|
|
@@ -345,6 +365,17 @@ export default {
|
|
|
diId: this.diId
|
|
|
}
|
|
|
})
|
|
|
+ },
|
|
|
+ PriceChange() {
|
|
|
+ var countCost = 0;
|
|
|
+ this.ContenList.forEach(function (item) {
|
|
|
+ if (item.price != '') {
|
|
|
+ countCost += parseFloat(item.price)
|
|
|
+ }
|
|
|
+
|
|
|
+ })
|
|
|
+
|
|
|
+ this.countCost = countCost
|
|
|
}
|
|
|
},
|
|
|
|