|
@@ -6,7 +6,7 @@
|
|
<a href="#">系统管理</a>
|
|
<a href="#">系统管理</a>
|
|
</el-breadcrumb-item>
|
|
</el-breadcrumb-item>
|
|
<el-breadcrumb-item>
|
|
<el-breadcrumb-item>
|
|
- <a href="/electricMeterInfo">electricMeterInfo管理</a>
|
|
|
|
|
|
+ <a href="/electricMeterInfo">电表管理</a>
|
|
</el-breadcrumb-item>
|
|
</el-breadcrumb-item>
|
|
</el-breadcrumb>
|
|
</el-breadcrumb>
|
|
<el-divider></el-divider>
|
|
<el-divider></el-divider>
|
|
@@ -14,35 +14,22 @@
|
|
要resetFields起作用,必须配置:model和prop
|
|
要resetFields起作用,必须配置:model和prop
|
|
-->
|
|
-->
|
|
<el-form ref="queryForm" :model="queryModel" inline class="demo-form-inline">
|
|
<el-form ref="queryForm" :model="queryModel" inline class="demo-form-inline">
|
|
- <el-form-item label prop="id">
|
|
|
|
- <el-input type="text" size="mini" v-model="queryModel.id"></el-input>
|
|
|
|
- </el-form-item>
|
|
|
|
- <el-form-item label="表号" prop="meterNo">
|
|
|
|
- <el-input type="text" size="mini" v-model="queryModel.meterNo"></el-input>
|
|
|
|
- </el-form-item>
|
|
|
|
- <el-form-item label="单位号" prop="unitNo">
|
|
|
|
- <el-input type="text" size="mini" v-model="queryModel.unitNo"></el-input>
|
|
|
|
- </el-form-item>
|
|
|
|
- <el-form-item label="标识名称" prop="name">
|
|
|
|
- <el-input type="text" size="mini" v-model="queryModel.name"></el-input>
|
|
|
|
- </el-form-item>
|
|
|
|
- <el-form-item label="所属终端ID" prop="terminalId">
|
|
|
|
- <el-input type="text" size="mini" v-model="queryModel.terminalId"></el-input>
|
|
|
|
- </el-form-item>
|
|
|
|
- <el-form-item label prop="createBy">
|
|
|
|
- <el-input type="text" size="mini" v-model="queryModel.createBy"></el-input>
|
|
|
|
- </el-form-item>
|
|
|
|
- <el-form-item label prop="createTime">
|
|
|
|
- <el-input type="text" size="mini" v-model="queryModel.createTime"></el-input>
|
|
|
|
- </el-form-item>
|
|
|
|
- <el-form-item label prop="updateBy">
|
|
|
|
- <el-input type="text" size="mini" v-model="queryModel.updateBy"></el-input>
|
|
|
|
- </el-form-item>
|
|
|
|
- <el-form-item label prop="updateTime">
|
|
|
|
- <el-input type="text" size="mini" v-model="queryModel.updateTime"></el-input>
|
|
|
|
- </el-form-item>
|
|
|
|
- <el-form-item label="是否删除" prop="delFlag">
|
|
|
|
- <el-input type="text" size="mini" v-model="queryModel.delFlag"></el-input>
|
|
|
|
|
|
+ <el-form-item label="所属终端" prop="terminalId">
|
|
|
|
+ <el-select
|
|
|
|
+ v-model="queryModel.terminalId"
|
|
|
|
+ filterable
|
|
|
|
+ remote
|
|
|
|
+ placeholder
|
|
|
|
+ :remote-method="queryTerminal"
|
|
|
|
+ style="width:300px"
|
|
|
|
+ >
|
|
|
|
+ <el-option
|
|
|
|
+ v-for="terminal in queryTerminalResult"
|
|
|
|
+ :key="terminal.id"
|
|
|
|
+ :label="terminal.name"
|
|
|
|
+ :value="terminal.id"
|
|
|
|
+ ></el-option>
|
|
|
|
+ </el-select>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<el-form-item>
|
|
<el-form-item>
|
|
<el-button
|
|
<el-button
|
|
@@ -81,22 +68,16 @@
|
|
@selection-change="handleSelectionChange"
|
|
@selection-change="handleSelectionChange"
|
|
>
|
|
>
|
|
<el-table-column type="selection" width="55"></el-table-column>
|
|
<el-table-column type="selection" width="55"></el-table-column>
|
|
- <el-table-column prop="id" sort-by="id_" label sortable="custom" width="180"></el-table-column>
|
|
|
|
<el-table-column prop="meterNo" sort-by="meter_no" label="表号" sortable="custom" width="180"></el-table-column>
|
|
<el-table-column prop="meterNo" sort-by="meter_no" label="表号" sortable="custom" width="180"></el-table-column>
|
|
<el-table-column prop="unitNo" sort-by="unit_no" label="单位号" sortable="custom" width="180"></el-table-column>
|
|
<el-table-column prop="unitNo" sort-by="unit_no" label="单位号" sortable="custom" width="180"></el-table-column>
|
|
<el-table-column prop="name" sort-by="name_" label="标识名称" sortable="custom" width="180"></el-table-column>
|
|
<el-table-column prop="name" sort-by="name_" label="标识名称" sortable="custom" width="180"></el-table-column>
|
|
<el-table-column
|
|
<el-table-column
|
|
- prop="terminalId"
|
|
|
|
- sort-by="terminal_id"
|
|
|
|
- label="所属终端ID"
|
|
|
|
|
|
+ prop="terminalName"
|
|
|
|
+ sort-by="terminalName"
|
|
|
|
+ label="所属终端"
|
|
sortable="custom"
|
|
sortable="custom"
|
|
width="180"
|
|
width="180"
|
|
></el-table-column>
|
|
></el-table-column>
|
|
- <el-table-column prop="createBy" sort-by="create_by" label sortable="custom" width="180"></el-table-column>
|
|
|
|
- <el-table-column prop="createTime" sort-by="create_time" label sortable="custom" width="180"></el-table-column>
|
|
|
|
- <el-table-column prop="updateBy" sort-by="update_by" label sortable="custom" width="180"></el-table-column>
|
|
|
|
- <el-table-column prop="updateTime" sort-by="update_time" label sortable="custom" width="180"></el-table-column>
|
|
|
|
- <el-table-column prop="delFlag" sort-by="del_flag" label="是否删除" sortable="custom" width="180"></el-table-column>
|
|
|
|
<el-table-column label="操作">
|
|
<el-table-column label="操作">
|
|
<template slot-scope="{row}">
|
|
<template slot-scope="{row}">
|
|
<el-button size="mini" type="warning" @click="handleEdit(row)">编辑</el-button>
|
|
<el-button size="mini" type="warning" @click="handleEdit(row)">编辑</el-button>
|
|
@@ -124,6 +105,7 @@
|
|
import Constant from "@/constant";
|
|
import Constant from "@/constant";
|
|
import ElectricMeterInfoDetail from "./electricMeterInfo-detail";
|
|
import ElectricMeterInfoDetail from "./electricMeterInfo-detail";
|
|
import electricMeterInfoApi from "@/api/base/electricMeterInfo";
|
|
import electricMeterInfoApi from "@/api/base/electricMeterInfo";
|
|
|
|
+import terminalApi from "@/api/base/terminalInfo";
|
|
import NProgress from "nprogress"; // progress bar
|
|
import NProgress from "nprogress"; // progress bar
|
|
import "nprogress/nprogress.css"; // progress bar style
|
|
import "nprogress/nprogress.css"; // progress bar style
|
|
|
|
|
|
@@ -156,7 +138,8 @@ export default {
|
|
multipleSelection: [],
|
|
multipleSelection: [],
|
|
showModal: false,
|
|
showModal: false,
|
|
modalTitle: "",
|
|
modalTitle: "",
|
|
- businessKey: ""
|
|
|
|
|
|
+ businessKey: "",
|
|
|
|
+ queryTerminalResult: []
|
|
};
|
|
};
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
@@ -176,11 +159,6 @@ export default {
|
|
formData.append("unitNo", self.queryModel.unitNo);
|
|
formData.append("unitNo", self.queryModel.unitNo);
|
|
formData.append("name", self.queryModel.name);
|
|
formData.append("name", self.queryModel.name);
|
|
formData.append("terminalId", self.queryModel.terminalId);
|
|
formData.append("terminalId", self.queryModel.terminalId);
|
|
- formData.append("createBy", self.queryModel.createBy);
|
|
|
|
- formData.append("createTime", self.queryModel.createTime);
|
|
|
|
- formData.append("updateBy", self.queryModel.updateBy);
|
|
|
|
- formData.append("updateTime", self.queryModel.updateTime);
|
|
|
|
- formData.append("delFlag", self.queryModel.delFlag);
|
|
|
|
|
|
|
|
if (this.field != null) {
|
|
if (this.field != null) {
|
|
formData.append("field", this.field);
|
|
formData.append("field", this.field);
|
|
@@ -209,6 +187,21 @@ export default {
|
|
pageSizeChange(pageSize) {
|
|
pageSizeChange(pageSize) {
|
|
this.pageSize = pageSize;
|
|
this.pageSize = pageSize;
|
|
},
|
|
},
|
|
|
|
+ queryTerminal(keywords) {
|
|
|
|
+ var formData = new FormData();
|
|
|
|
+ formData.append("keywords", keywords);
|
|
|
|
+ formData.append("limit", 10);
|
|
|
|
+
|
|
|
|
+ return terminalApi.query(formData).then(response => {
|
|
|
|
+ var jsonData = response.data;
|
|
|
|
+
|
|
|
|
+ if (jsonData.result) {
|
|
|
|
+ this.queryTerminalResult = jsonData.data;
|
|
|
|
+ } else {
|
|
|
|
+ this.$message.error(jsonData.message + "");
|
|
|
|
+ }
|
|
|
|
+ });
|
|
|
|
+ },
|
|
sortChange(data) {
|
|
sortChange(data) {
|
|
this.field = data.column.field;
|
|
this.field = data.column.field;
|
|
this.direction = data.order;
|
|
this.direction = data.order;
|
|
@@ -294,6 +287,7 @@ export default {
|
|
},
|
|
},
|
|
mounted: function() {
|
|
mounted: function() {
|
|
this.changePage(1);
|
|
this.changePage(1);
|
|
|
|
+ this.queryTerminal("");
|
|
},
|
|
},
|
|
components: {
|
|
components: {
|
|
"electricMeterInfo-detail": ElectricMeterInfoDetail
|
|
"electricMeterInfo-detail": ElectricMeterInfoDetail
|