|
|
@@ -72,12 +72,21 @@
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="price" label="单价(含税)">
|
|
|
<template slot-scope="{ row }">
|
|
|
- <el-input v-if="row.edit" style="width: 100%;" v-model="row.price" size="mini" autocomplete="off" clearable placeholder="请输入单价">
|
|
|
+ <el-input
|
|
|
+ v-if="row.edit"
|
|
|
+ style="width: 100%;"
|
|
|
+ v-model="row.price"
|
|
|
+ size="mini"
|
|
|
+ autocomplete="off"
|
|
|
+ clearable
|
|
|
+ placeholder="请输入单价"
|
|
|
+ @change="calculate(row)"
|
|
|
+ >
|
|
|
</el-input>
|
|
|
<span v-else>{{ row.price }}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="amount" label="金额(含税)">
|
|
|
+ <!-- <el-table-column prop="amount" label="金额(含税)">
|
|
|
<template slot-scope="{ row }">
|
|
|
<el-input
|
|
|
v-if="row.edit"
|
|
|
@@ -87,15 +96,25 @@
|
|
|
autocomplete="off"
|
|
|
clearable
|
|
|
placeholder="请输入金额"
|
|
|
- @input="amountInput(row)"
|
|
|
+ @change="calculate(row)"
|
|
|
>
|
|
|
</el-input>
|
|
|
<span v-else>{{ row.amount }}</span>
|
|
|
</template>
|
|
|
- </el-table-column>
|
|
|
+ </el-table-column> -->
|
|
|
<el-table-column prop="amountRate" label="税率(%)">
|
|
|
<template slot-scope="{ row }">
|
|
|
- <el-input-number v-if="row.edit" style="width: 100%;" v-model="row.amountRate" :controls="false" size="mini" autocomplete="off" clearable placeholder="请输入税率">
|
|
|
+ <el-input-number
|
|
|
+ v-if="row.edit"
|
|
|
+ style="width: 100%;"
|
|
|
+ v-model="row.amountRate"
|
|
|
+ :controls="false"
|
|
|
+ size="mini"
|
|
|
+ autocomplete="off"
|
|
|
+ clearable
|
|
|
+ @change="calculate(row)"
|
|
|
+ placeholder="请输入税率"
|
|
|
+ >
|
|
|
</el-input-number>
|
|
|
<span v-else>{{ row.amountRate }}</span>
|
|
|
</template>
|
|
|
@@ -110,9 +129,11 @@
|
|
|
</el-table-column>
|
|
|
<el-table-column fixed="right" label="操作" width="100">
|
|
|
<template slot-scope="scope">
|
|
|
- <el-button v-if="scope.row.edit" :disabled="editSave||disabled" type="text" size="small" @click="savefun(scope.row, scope.$index)">保存</el-button>
|
|
|
- <el-button v-else type="text" :disabled="editSave||disabled" size="small" @click="editfun(scope.row, scope.$index)">编辑</el-button>
|
|
|
- <el-button type="text" :disabled="editSave||disabled" size="small" @click="deletefun(scope.row, scope.$index)">删除</el-button>
|
|
|
+ <el-button v-if="scope.row.edit" :disabled="editSave || disabled" type="text" size="small" @click="savefun(scope.row, scope.$index)"
|
|
|
+ >保存</el-button
|
|
|
+ >
|
|
|
+ <el-button v-else type="text" :disabled="editSave || disabled" size="small" @click="editfun(scope.row, scope.$index)">编辑</el-button>
|
|
|
+ <el-button type="text" :disabled="editSave || disabled" size="small" @click="deletefun(scope.row, scope.$index)">删除</el-button>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
@@ -151,6 +172,14 @@ export default {
|
|
|
};
|
|
|
},
|
|
|
methods: {
|
|
|
+ calculate(row) {
|
|
|
+ row.amount = Number(Number(row.number ? row.number : 0) * Number(row.price ? row.price : 0)).toFixed(2);
|
|
|
+ // 税额 = 含税金额 × 税率 / (1 + 税率)
|
|
|
+ row.amountTax = Number(
|
|
|
+ (Number(row.amount ? row.amount : 0) * Number(Number(row.amountRate ? row.amountRate : 0) / 100)) /
|
|
|
+ Number(1 + Number(row.amountRate ? row.amountRate : 0) / 100)
|
|
|
+ ).toFixed(2);
|
|
|
+ },
|
|
|
// 修改金额的回调
|
|
|
amountInput(row) {
|
|
|
// amountTax
|