|
@@ -1,8 +1,12 @@
|
|
<template>
|
|
<template>
|
|
<el-form ref="form" :model="formData" :rules="formRules" label-width="100px">
|
|
<el-form ref="form" :model="formData" :rules="formRules" label-width="100px">
|
|
- <el-form-item label="应收金额" prop="receivableAmount">
|
|
|
|
- <el-input v-model="formData.receivableAmount" placeholder="请输入应收金额"></el-input>
|
|
|
|
|
|
+ <el-form-item label="滞纳金" prop="lateFee">
|
|
|
|
+ <el-input type="number" v-model="formData.lateFee" placeholder="请输入滞纳金" class="aaaa"></el-input>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
|
+ <el-form-item label="费用金额" prop="amount">
|
|
|
|
+ <el-input type="number" v-model="formData.amount" placeholder="请输入费用金额" class="aaaa"></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ <el-form-item label="应收金额" required> {{ numberAmount() }}元 </el-form-item>
|
|
</el-form>
|
|
</el-form>
|
|
</template>
|
|
</template>
|
|
<script >
|
|
<script >
|
|
@@ -11,11 +15,13 @@ export default {
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
formData: {
|
|
formData: {
|
|
- receivableAmount: '',
|
|
|
|
|
|
+ amount: '',
|
|
|
|
+ lateFee: '',
|
|
id: ''
|
|
id: ''
|
|
},
|
|
},
|
|
formRules: {
|
|
formRules: {
|
|
- receivableAmount: [this.$valid.inputRequired('应收金额')]
|
|
|
|
|
|
+ amount: [this.$valid.inputRequired('费用金额')],
|
|
|
|
+ lateFee: [this.$valid.inputRequired('滞纳金')]
|
|
}
|
|
}
|
|
};
|
|
};
|
|
},
|
|
},
|
|
@@ -26,8 +32,9 @@ export default {
|
|
if (valid) {
|
|
if (valid) {
|
|
var loading = this.$loading();
|
|
var loading = this.$loading();
|
|
let installData = {
|
|
let installData = {
|
|
- amount: this.formData.receivableAmount,
|
|
|
|
- billId: this.formData.id
|
|
|
|
|
|
+ amount: this.formData.amount,
|
|
|
|
+ billId: this.formData.id,
|
|
|
|
+ lateFee: this.formData.lateFee
|
|
};
|
|
};
|
|
this.$http
|
|
this.$http
|
|
.get('/sc-charge/charge/bill/update/amount', installData)
|
|
.get('/sc-charge/charge/bill/update/amount', installData)
|
|
@@ -46,6 +53,17 @@ export default {
|
|
});
|
|
});
|
|
}
|
|
}
|
|
});
|
|
});
|
|
|
|
+ },
|
|
|
|
+ numberAmount() {
|
|
|
|
+ let a = 0,
|
|
|
|
+ b = 0;
|
|
|
|
+ if (!!this.formData.amount) {
|
|
|
|
+ a = Number(this.formData.amount);
|
|
|
|
+ }
|
|
|
|
+ if (!!this.formData.lateFee) {
|
|
|
|
+ b = Number(this.formData.lateFee);
|
|
|
|
+ }
|
|
|
|
+ return a + b;
|
|
}
|
|
}
|
|
},
|
|
},
|
|
created() {
|
|
created() {
|
|
@@ -54,4 +72,11 @@ export default {
|
|
};
|
|
};
|
|
</script>
|
|
</script>
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|
|
|
|
+/deep/ .aaaa input::-webkit-outer-spin-button,
|
|
|
|
+/deep/ .aaaa input::-webkit-inner-spin-button {
|
|
|
|
+ -webkit-appearance: none;
|
|
|
|
+}
|
|
|
|
+/deep/ .aaaa input[type='number'] {
|
|
|
|
+ -moz-appearance: textfield;
|
|
|
|
+}
|
|
</style>
|
|
</style>
|