|
|
@@ -105,30 +105,35 @@
|
|
|
|
|
|
<!-- 添加或修改能源设施能流关系对话框 -->
|
|
|
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
|
|
|
- <el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
|
|
- <el-form-item label="编码" prop="code">
|
|
|
- <el-input v-model="form.code" placeholder="请输入编码" :style="{ width: '200px' }"/>
|
|
|
- </el-form-item>
|
|
|
+ <el-form ref="form" :model="mergeForm" :rules="rules" label-width="80px">
|
|
|
<el-form-item label="所在园区" prop="areaCode">
|
|
|
- <el-select v-model="form.areaCode" @change="getAllFacs" >
|
|
|
+ <el-select v-model="mergeForm.areaCode" @change="getAllFacs" >
|
|
|
<el-option v-for="item in areaOptions" :label="item.label" :value="item.id" :key="item.id" />
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="输出设施" prop="exportFacsCode">
|
|
|
- <el-select v-model="form.exportFacsCode" >
|
|
|
+ <el-select v-model="mergeForm.exportFacsCode" @change="setCodePrefix">
|
|
|
<el-option v-for="item in facsOptions" :label="item.facsName" :value="item.facsCode" :key="item.facsCode" />
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="流入设施" prop="inputFacsCode">
|
|
|
- <el-select v-model="form.inputFacsCode" >
|
|
|
+ <el-select v-model="mergeForm.inputFacsCode" @change="setCodeCompose">
|
|
|
<el-option v-for="item in facsOptions" :label="item.facsName" :value="item.facsCode" :key="item.facsCode" />
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
+ <el-form-item label="编码" prop="code" :readonly="codeReadOnly">
|
|
|
+ <el-input v-model="mergeForm.code" :style="{ width: '200px' }" @click="changeCodeReadOnly"/>
|
|
|
+ </el-form-item>
|
|
|
<el-form-item label="流动介质" prop="emsCls">
|
|
|
- <treeselect v-model="form.emsCls" :options="emsClsOptions" :show-count="true" placeholder="请选择能源种类" :style="{ width: '200px' }"/>
|
|
|
+ <treeselect v-model="mergeForm.emsCls" :options="emsClsOptions" :show-count="true" placeholder="请选择能源种类" :style="{ width: '200px' }"/>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="供能状态" prop="state">
|
|
|
- <el-input v-model="form.state" placeholder="请输入供能状态" :style="{ width: '200px' }"/>
|
|
|
+ <el-select v-model="mergeForm.state">
|
|
|
+ <el-option v-for="item in enableOptions" :label="item.name" :value="item.code" :key="item.code" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="供能状态" prop="state">
|
|
|
+ <el-input v-model="mergeForm.actionType" :style="{ width: '200px' }" />
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
<div slot="footer" class="dialog-footer">
|
|
|
@@ -175,6 +180,7 @@ export default {
|
|
|
facsOptions: undefined,
|
|
|
// 能源分类树
|
|
|
emsClsOptions: [],
|
|
|
+ codeReadOnly: true,
|
|
|
// 查询参数
|
|
|
queryParams: {
|
|
|
pageNum: 1,
|
|
|
@@ -186,8 +192,12 @@ export default {
|
|
|
state: null,
|
|
|
actionType: null,
|
|
|
},
|
|
|
+ enableOptions: [
|
|
|
+ { code: 0, name: "停止"},
|
|
|
+ { code: 1, name: "进行中"}
|
|
|
+ ],
|
|
|
// 表单参数
|
|
|
- form: {},
|
|
|
+ mergeForm: {},
|
|
|
// 表单校验
|
|
|
rules: {
|
|
|
code: [
|
|
|
@@ -241,7 +251,7 @@ export default {
|
|
|
},
|
|
|
// 表单重置
|
|
|
reset() {
|
|
|
- this.form = {
|
|
|
+ this.mergeForm = {
|
|
|
id: null,
|
|
|
code: null,
|
|
|
exportFacsCode: null,
|
|
|
@@ -252,7 +262,7 @@ export default {
|
|
|
createTime: null,
|
|
|
updateTime: null
|
|
|
};
|
|
|
- this.resetForm("form");
|
|
|
+ this.resetForm("mergeForm");
|
|
|
},
|
|
|
/** 搜索按钮操作 */
|
|
|
handleQuery() {
|
|
|
@@ -282,7 +292,7 @@ export default {
|
|
|
this.reset();
|
|
|
const id = row.id || this.ids
|
|
|
getRel(id).then(response => {
|
|
|
- this.form = response.data;
|
|
|
+ this.mergeForm = response.data;
|
|
|
this.open = true;
|
|
|
this.title = "修改能源设施能流关系";
|
|
|
});
|
|
|
@@ -290,16 +300,16 @@ export default {
|
|
|
},
|
|
|
/** 提交按钮 */
|
|
|
submitForm() {
|
|
|
- this.$refs["form"].validate(valid => {
|
|
|
+ this.$refs["mergeForm"].validate(valid => {
|
|
|
if (valid) {
|
|
|
- if (this.form.id != null) {
|
|
|
- updateRel(this.form).then(response => {
|
|
|
+ if (this.mergeForm.id != null) {
|
|
|
+ updateRel(this.mergeForm).then(response => {
|
|
|
this.$modal.msgSuccess("修改成功");
|
|
|
this.open = false;
|
|
|
this.getList();
|
|
|
});
|
|
|
} else {
|
|
|
- addRel(this.form).then(response => {
|
|
|
+ addRel(this.mergeForm).then(response => {
|
|
|
this.$modal.msgSuccess("新增成功");
|
|
|
this.open = false;
|
|
|
this.getList();
|
|
|
@@ -339,8 +349,8 @@ export default {
|
|
|
this.areaOptions = response.data;
|
|
|
});
|
|
|
},
|
|
|
- getAllFacs(id) {
|
|
|
- listAllFacs(id).then(response =>{
|
|
|
+ getAllFacs(areaCode) {
|
|
|
+ listAllFacs(areaCode).then(response =>{
|
|
|
this.facsOptions = response.data;
|
|
|
})
|
|
|
},
|
|
|
@@ -350,6 +360,15 @@ export default {
|
|
|
this.emsClsOptions = response.data;
|
|
|
});
|
|
|
},
|
|
|
+ setCodePrefix() {
|
|
|
+ this.mergeForm.code = this.mergeForm.exportFacsCode;
|
|
|
+ },
|
|
|
+ setCodeCompose() {
|
|
|
+ this.mergeForm.code = this.mergeForm.exportFacsCode + '_' +this.mergeForm.inputFacsCode;
|
|
|
+ },
|
|
|
+ changeCodeReadOnly() {
|
|
|
+ this.codeReadOnly = false;
|
|
|
+ }
|
|
|
}
|
|
|
};
|
|
|
</script>
|
chen.cheng