76 lines
1.5 KiB
Vue
76 lines
1.5 KiB
Vue
<template>
|
|
<el-form
|
|
ref="form"
|
|
label-width="100px"
|
|
:model="form">
|
|
<el-form-item
|
|
label="能源类型"
|
|
prop="energyType">
|
|
<el-input v-model="form.energyType"></el-input>
|
|
</el-form-item>
|
|
<el-form-item
|
|
label="能源表名"
|
|
prop="tableIds">
|
|
<el-select
|
|
v-model="form.tableIds"
|
|
placeholder="请选择"
|
|
style="width: 100%"
|
|
:multiple="true"
|
|
filterable>
|
|
<el-option
|
|
v-for="dict in getDictDatas('table_name')"
|
|
:key="dict.id"
|
|
:label="dict.label"
|
|
:value="dict.id" />
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-form>
|
|
</template>
|
|
<script>
|
|
import {
|
|
energyTableGet,
|
|
energyTableUpdate,
|
|
} from '@/api/base/energyQuantityManual';
|
|
export default {
|
|
name: 'TableNameConfigUpdate',
|
|
data() {
|
|
return {
|
|
form: {
|
|
energyType: '',
|
|
energyTypeId: '',
|
|
tableIds: [],
|
|
},
|
|
};
|
|
},
|
|
methods: {
|
|
init(id) {
|
|
energyTableGet({ energyTypeId: id }).then((res) => {
|
|
this.form.energyType = res.data.energyType || '';
|
|
this.form.energyTypeId = res.data.energyTypeId || '';
|
|
this.form.tableIds =
|
|
res.data.tableObjs &&
|
|
res.data.tableObjs.map((item) => {
|
|
return item.id;
|
|
});
|
|
});
|
|
},
|
|
submitForm() {
|
|
this.$refs['form'].validate((valid) => {
|
|
// 编辑
|
|
energyTableUpdate({ ...this.form }).then((res) => {
|
|
if (res.code === 0) {
|
|
this.$modal.msgSuccess('操作成功');
|
|
this.$emit('successSubmit');
|
|
}
|
|
});
|
|
});
|
|
},
|
|
formClear() {
|
|
this.form.energyType = '';
|
|
this.form.energyTypeId = '';
|
|
this.form.tableIds = [];
|
|
this.isEdit = false;
|
|
},
|
|
},
|
|
};
|
|
</script> |