|
@@ -14,52 +14,37 @@
|
|
|
>
|
|
|
<div class="user-panel" v-loading="loading">
|
|
|
<el-form ref="form" :model="formModel" :rules="ruleValidate" :label-width="'100px'">
|
|
|
- <el-form-item label prop="id">
|
|
|
- <el-input v-model="formModel.id" placeholder="请输入" style="width:300px"></el-input>
|
|
|
- </el-form-item>
|
|
|
<el-form-item label="户号" prop="customerNo">
|
|
|
<el-input v-model="formModel.customerNo" placeholder="请输入户号" style="width:300px"></el-input>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="房间号ID" prop="roomId">
|
|
|
- <el-input v-model="formModel.roomId" placeholder="请输入房间号ID" style="width:300px"></el-input>
|
|
|
+ <el-form-item label="房间号" prop="roomId">
|
|
|
+ <el-select
|
|
|
+ v-model="formModel.roomId"
|
|
|
+ filterable
|
|
|
+ remote
|
|
|
+ placeholder
|
|
|
+ :remote-method="queryRoomInfo"
|
|
|
+ style="width:300px"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="roomInfo in roomInfoListFilter"
|
|
|
+ :key="roomInfo.id"
|
|
|
+ :label="roomInfo.name"
|
|
|
+ :value="roomInfo.id"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ <el-button icon="el-icon-search" circle size="small" @click="innerVisible=true;"></el-button>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="电表号ID" prop="meterId">
|
|
|
+ <el-form-item label="电表号" prop="meterId">
|
|
|
<el-input v-model="formModel.meterId" placeholder="请输入电表号ID" style="width:300px"></el-input>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="总购电量" prop="electricityTotal">
|
|
|
- <el-input v-model="formModel.electricityTotal" placeholder="请输入总购电量" style="width:300px"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="总购电金额" prop="amountTotal">
|
|
|
- <el-input v-model="formModel.amountTotal" placeholder="请输入总购电金额" style="width:300px"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="购买次数" prop="buyNum">
|
|
|
- <el-input v-model="formModel.buyNum" placeholder="请输入购买次数" style="width:300px"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="剩余电量" prop="electricityRemaining">
|
|
|
+ <el-form-item label="电量" prop="electricityRemaining">
|
|
|
<el-input
|
|
|
v-model="formModel.electricityRemaining"
|
|
|
- placeholder="请输入剩余电量"
|
|
|
+ placeholder="请输入电量"
|
|
|
style="width:300px"
|
|
|
></el-input>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="剩余金额" prop="amountRemaining">
|
|
|
- <el-input v-model="formModel.amountRemaining" placeholder="请输入剩余金额" style="width:300px"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label prop="createBy">
|
|
|
- <el-input v-model="formModel.createBy" placeholder="请输入" style="width:300px"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label prop="createTime">
|
|
|
- <el-input v-model="formModel.createTime" placeholder="请输入" style="width:300px"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label prop="updateBy">
|
|
|
- <el-input v-model="formModel.updateBy" placeholder="请输入" style="width:300px"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label prop="updateTime">
|
|
|
- <el-input v-model="formModel.updateTime" placeholder="请输入" style="width:300px"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="是否删除" prop="delFlag">
|
|
|
- <el-input v-model="formModel.delFlag" placeholder="请输入是否删除" style="width:300px"></el-input>
|
|
|
- </el-form-item>
|
|
|
</el-form>
|
|
|
</div>
|
|
|
<span slot="footer" class="dialog-footer">
|
|
@@ -71,13 +56,13 @@
|
|
|
<script>
|
|
|
import Constant from "@/constant";
|
|
|
import electricClientInfoApi from "@/api/base/electricClientInfo";
|
|
|
+import roomInfoApi from "@/api/base/roomInfo";
|
|
|
|
|
|
export default {
|
|
|
props: ["businessKey", "title"],
|
|
|
data() {
|
|
|
return {
|
|
|
ruleValidate: {
|
|
|
- id: [{ required: true, message: "不能为空", trigger: "blur" }],
|
|
|
customerNo: [
|
|
|
{ required: true, message: "户号不能为空", trigger: "blur" }
|
|
|
],
|
|
@@ -87,35 +72,26 @@ export default {
|
|
|
meterId: [
|
|
|
{ required: true, message: "电表号ID不能为空", trigger: "blur" }
|
|
|
],
|
|
|
- electricityTotal: [
|
|
|
- { required: true, message: "总购电量不能为空", trigger: "blur" }
|
|
|
- ],
|
|
|
- amountTotal: [
|
|
|
- { required: true, message: "总购电金额不能为空", trigger: "blur" }
|
|
|
- ],
|
|
|
- buyNum: [
|
|
|
- { required: true, message: "购买次数不能为空", trigger: "blur" }
|
|
|
- ],
|
|
|
electricityRemaining: [
|
|
|
{ required: true, message: "剩余电量不能为空", trigger: "blur" }
|
|
|
- ],
|
|
|
- amountRemaining: [
|
|
|
- { required: true, message: "剩余金额不能为空", trigger: "blur" }
|
|
|
- ],
|
|
|
- createBy: [{ required: true, message: "不能为空", trigger: "blur" }],
|
|
|
- createTime: [{ required: true, message: "不能为空", trigger: "blur" }],
|
|
|
- updateBy: [{ required: true, message: "不能为空", trigger: "blur" }],
|
|
|
- updateTime: [{ required: true, message: "不能为空", trigger: "blur" }],
|
|
|
- delFlag: [
|
|
|
- { required: true, message: "是否删除不能为空", trigger: "blur" }
|
|
|
]
|
|
|
},
|
|
|
showDialog: true,
|
|
|
loading: false,
|
|
|
submitting: false,
|
|
|
- formModel: {}
|
|
|
+ formModel: {},
|
|
|
+ roomInfoList: []
|
|
|
};
|
|
|
},
|
|
|
+ computed: {
|
|
|
+ roomInfoListFilter() {
|
|
|
+ var self = this;
|
|
|
+
|
|
|
+ return self.roomInfoList.filter(roomInfo => {
|
|
|
+ return roomInfo.id;
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
methods: {
|
|
|
closeDialog() {
|
|
|
this.$emit("close", false);
|
|
@@ -154,16 +130,33 @@ export default {
|
|
|
});
|
|
|
}
|
|
|
});
|
|
|
+ },
|
|
|
+ queryRoomInfo(keywords) {
|
|
|
+ var formData = new FormData();
|
|
|
+ formData.append("keywords", keywords);
|
|
|
+ formData.append("type", 3);
|
|
|
+ formData.append("excludeId", this.formModel.id);
|
|
|
+ formData.append("limit", 10);
|
|
|
+
|
|
|
+ return roomInfoApi.query(formData).then(response => {
|
|
|
+ var jsonData = response.data;
|
|
|
+
|
|
|
+ if (jsonData.result) {
|
|
|
+ this.roomInfoList = jsonData.data;
|
|
|
+ } else {
|
|
|
+ this.$message.error(jsonData.message + "");
|
|
|
+ }
|
|
|
+ });
|
|
|
}
|
|
|
},
|
|
|
- mounted: function() {
|
|
|
+ async mounted() {
|
|
|
var self = this;
|
|
|
-
|
|
|
+ this.queryRoomInfo("");
|
|
|
(function() {
|
|
|
if (self.businessKey.length == 0) {
|
|
|
return electricClientInfoApi.create();
|
|
|
} else {
|
|
|
- return electricClientInfoApi.edit(self.menuId);
|
|
|
+ return electricClientInfoApi.edit(self.businessKey);
|
|
|
}
|
|
|
})()
|
|
|
.then(response => {
|