|
@@ -14,12 +14,17 @@
|
|
>
|
|
>
|
|
<div class="user-panel" v-loading="loading">
|
|
<div class="user-panel" v-loading="loading">
|
|
<el-form ref="form" :model="formModel" :rules="ruleValidate" :label-width="'100px'">
|
|
<el-form ref="form" :model="formModel" :rules="ruleValidate" :label-width="'100px'">
|
|
- <el-form-item label="充值度数" prop="buyElectricity">
|
|
|
|
- <el-input v-model="formModel.buyElectricity" placeholder="请输入充值度数" style="width:300px"></el-input>
|
|
|
|
|
|
+ <el-form-item label="充值金额" prop="buyAmount">
|
|
|
|
+ <el-input-number v-model="formModel.buyAmount"
|
|
|
|
+ :precision="2" :step="1" :max="100"
|
|
|
|
+ placeholder="请输入充值金额" size="medium"></el-input-number>元
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<el-form-item label="当前电价" prop="useTypeV">
|
|
<el-form-item label="当前电价" prop="useTypeV">
|
|
<span v-html="formModel.useTypeV" style="margin-right:10px;"></span>元/度
|
|
<span v-html="formModel.useTypeV" style="margin-right:10px;"></span>元/度
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
|
+ <el-form-item label="充值度数" prop="buyElectricity" disabled>
|
|
|
|
+ <span v-html="formModel.buyElectricity" placeholder="请输入充值度数" style="width:300px"></span>
|
|
|
|
+ </el-form-item>
|
|
<el-form-item label="用电类型" prop="useTypeN">
|
|
<el-form-item label="用电类型" prop="useTypeN">
|
|
<span v-html="formModel.useTypeN" style="margin-right:10px;"></span>
|
|
<span v-html="formModel.useTypeN" style="margin-right:10px;"></span>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
@@ -40,7 +45,7 @@ export default {
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
ruleValidate: {
|
|
ruleValidate: {
|
|
- buyElectricity: [
|
|
|
|
|
|
+ buyAmount: [
|
|
{ required: true, message: "充值度数不能为空", trigger: "blur" },
|
|
{ required: true, message: "充值度数不能为空", trigger: "blur" },
|
|
{
|
|
{
|
|
type: "number",
|
|
type: "number",
|
|
@@ -55,9 +60,26 @@ export default {
|
|
showDialog: true,
|
|
showDialog: true,
|
|
loading: false,
|
|
loading: false,
|
|
submitting: false,
|
|
submitting: false,
|
|
- formModel: {}
|
|
|
|
|
|
+ formModel: {
|
|
|
|
+ buyAmount : 0,
|
|
|
|
+ buyElectricity:0,
|
|
|
|
+ useTypeV: 0,
|
|
|
|
+ useTypeN: ''
|
|
|
|
+ }
|
|
};
|
|
};
|
|
},
|
|
},
|
|
|
|
+ watch: {
|
|
|
|
+ 'formModel.buyAmount' : function(newVal,oldVal) {
|
|
|
|
+ console.log(`newVal=${newVal},userTypeV=${this.formModel.useTypeV}`);
|
|
|
|
+
|
|
|
|
+ if(this.formModel.useTypeV!=null && newVal!=null) {
|
|
|
|
+ this.formModel.buyElectricity = parseInt(parseFloat(newVal) / parseFloat(this.formModel.useTypeV));
|
|
|
|
+ }
|
|
|
|
+ else{
|
|
|
|
+ this.formModel.buyElectricity = 0;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ },
|
|
methods: {
|
|
methods: {
|
|
closeDialog() {
|
|
closeDialog() {
|
|
this.$emit("close", false);
|
|
this.$emit("close", false);
|
|
@@ -106,10 +128,10 @@ export default {
|
|
self.loading = false;
|
|
self.loading = false;
|
|
|
|
|
|
if (jsonData.result) {
|
|
if (jsonData.result) {
|
|
- self.formModel = jsonData.data;
|
|
|
|
|
|
+ //self.formModel = jsonData.data;
|
|
self.formModel.useTypeN = jsonData.data.useTypeN;
|
|
self.formModel.useTypeN = jsonData.data.useTypeN;
|
|
self.formModel.useTypeV = jsonData.data.useTypeV;
|
|
self.formModel.useTypeV = jsonData.data.useTypeV;
|
|
- self.formModel.buyAmount = "0.00";
|
|
|
|
|
|
+ self.formModel.buyAmount = 0;
|
|
} else {
|
|
} else {
|
|
self.$message.error(jsonData.message + "");
|
|
self.$message.error(jsonData.message + "");
|
|
}
|
|
}
|