更新
This commit is contained in:
@@ -16,7 +16,6 @@
|
||||
v-model="objIds"
|
||||
:options="objList"
|
||||
:props="{ checkStrictly: true, value: 'id', label: 'name' }"
|
||||
popper-class="cascaderParent"
|
||||
@change="selectObj"
|
||||
clearable></el-cascader>
|
||||
</el-form-item>
|
||||
@@ -141,4 +140,4 @@ export default {
|
||||
.cascaderParent .el-cascader-panel .el-scrollbar:first-child .el-radio {
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
||||
@@ -66,7 +66,7 @@ const tableProps = [
|
||||
label: '对象备注'
|
||||
},
|
||||
{
|
||||
prop: 'plcTableName',
|
||||
prop: 'plcTableName',
|
||||
label: '关联表名'
|
||||
},
|
||||
{
|
||||
@@ -193,7 +193,6 @@ export default {
|
||||
});
|
||||
},
|
||||
handleClick(val) {
|
||||
console.log(val)
|
||||
switch (val.type) {
|
||||
case 'edit':
|
||||
this.addOrEditTitle = '编辑'
|
||||
|
||||
@@ -0,0 +1,141 @@
|
||||
<template>
|
||||
<div class="energyQuantityManualAddTable">
|
||||
<el-table
|
||||
:data="renderData"
|
||||
border
|
||||
style="width: 100%"
|
||||
:header-cell-style="{
|
||||
background: '#F2F4F9',
|
||||
color: '#606266',
|
||||
}">
|
||||
<el-table-column prop="meter" label="表名*">
|
||||
<template slot-scope="scope">
|
||||
<div class="tableInner">
|
||||
<el-select
|
||||
v-model="scope.row.meter"
|
||||
placeholder="请选择"
|
||||
style="width: 100%"
|
||||
:disabled="isEdit"
|
||||
@change="changeSelect(scope.row, 'meter')">
|
||||
<el-option
|
||||
v-for="item in tableNameList"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="readingQuantity" label="抄表数*">
|
||||
<template slot-scope="scope">
|
||||
<div class="tableInner">
|
||||
<el-input-number
|
||||
v-model="scope.row.readingQuantity"
|
||||
:min="0"
|
||||
:max="999999999"
|
||||
style="width: 100%"
|
||||
:controls="false"
|
||||
@change="changeInput(scope.row, 'readingQuantity')"
|
||||
:precision="2"></el-input-number>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<el-button
|
||||
v-show="!isEdit"
|
||||
class="addButton"
|
||||
icon="el-icon-plus"
|
||||
@click="emitButtonClick">
|
||||
新增
|
||||
</el-button>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
name: 'AddTable',
|
||||
props: {
|
||||
tableData: {
|
||||
type: Array,
|
||||
required: true,
|
||||
default: () => {
|
||||
return [];
|
||||
},
|
||||
},
|
||||
tableNameList: {
|
||||
type: Array,
|
||||
required: true,
|
||||
default: () => {
|
||||
return [];
|
||||
},
|
||||
},
|
||||
isEdit: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {};
|
||||
},
|
||||
computed: {
|
||||
renderData() {
|
||||
return this.tableData.map((item, index) => {
|
||||
return {
|
||||
...item,
|
||||
_pageIndex: index + 1,
|
||||
};
|
||||
});
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
emitButtonClick() {
|
||||
this.$emit('emitButtonClick');
|
||||
},
|
||||
changeInput(val1, val2) {
|
||||
val1.prop = val2;
|
||||
this.$emit('emitFun', val1);
|
||||
},
|
||||
changeSelect(val1, val2) {
|
||||
val1.prop = val2;
|
||||
this.$emit('emitFun', val1);
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.energyQuantityManualAddTable {
|
||||
.el-table .el-table__cell {
|
||||
padding: 0;
|
||||
height: 35px;
|
||||
}
|
||||
.addButton {
|
||||
width: 100%;
|
||||
height: 35px;
|
||||
border-top: none;
|
||||
color: #0b58ff;
|
||||
border-color: #ebeef5;
|
||||
border-radius: 0;
|
||||
}
|
||||
.addButton:hover {
|
||||
color: #0b58ff;
|
||||
border-color: #ebeef5;
|
||||
background-color: #fff;
|
||||
}
|
||||
.addButton:focus {
|
||||
border-color: #ebeef5;
|
||||
background-color: #fff;
|
||||
}
|
||||
.tableInner .el-input__inner {
|
||||
border: none;
|
||||
padding: 0;
|
||||
height: 33px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<style lang="scss">
|
||||
.energyQuantityManualAddTable {
|
||||
.el-table .el-table__cell {
|
||||
padding: 0;
|
||||
height: 35px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,215 @@
|
||||
<template>
|
||||
<el-form
|
||||
ref="energyQuantityManualForm"
|
||||
:rules="rules"
|
||||
label-width="90px"
|
||||
:model="form">
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="能源类型" prop="energyTypeId">
|
||||
<el-select
|
||||
v-model="form.energyTypeId"
|
||||
placeholder="请选择"
|
||||
style="width: 100%"
|
||||
@change="selEnergyType"
|
||||
:disabled="isEdit"
|
||||
filterable>
|
||||
<el-option
|
||||
v-for="item in this.energyTypeList"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="抄表日期" prop="recordTime">
|
||||
<el-date-picker
|
||||
v-model="form.recordTime"
|
||||
type="date"
|
||||
format="yyyy-MM-dd"
|
||||
value-format="timestamp"
|
||||
placeholder="选择日期"
|
||||
style="width: 100%"></el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="24">
|
||||
<add-table
|
||||
:table-data="tableData"
|
||||
:table-name-list="tableNameList"
|
||||
:isEdit="isEdit"
|
||||
@emitFun="inputChange"
|
||||
@emitButtonClick="emitButtonClick" />
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</template>
|
||||
<script>
|
||||
import {
|
||||
energyQuantityManualCreate,
|
||||
energyQuantityManualUpdate,
|
||||
energyQuantityManualGet,
|
||||
} from '@/api/base/energyQuantityManual';
|
||||
import moment from 'moment';
|
||||
import AddTable from './AddTable';
|
||||
import { energyTableGet } from '@/api/base/energyQuantityManual';
|
||||
export default {
|
||||
name: 'EnergyQuantityManualAdd',
|
||||
props: {
|
||||
energyTypeList: {
|
||||
type: Array,
|
||||
required: true,
|
||||
default: () => {
|
||||
return [];
|
||||
},
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
tableData: [],
|
||||
tableNameList: [], //表名list
|
||||
addButtonShow: '新增',
|
||||
form: {
|
||||
id: '',
|
||||
energyTypeId: '',
|
||||
unit: '',
|
||||
recordTime: '',
|
||||
},
|
||||
rules: {
|
||||
energyTypeId: [
|
||||
{ required: true, message: '能源类型不能为空', trigger: 'change' },
|
||||
],
|
||||
recordTime: [
|
||||
{ required: true, message: '抄表日期不能为空', trigger: 'change' },
|
||||
],
|
||||
},
|
||||
isEdit: false,
|
||||
meterArr: [],
|
||||
};
|
||||
},
|
||||
components: { AddTable },
|
||||
methods: {
|
||||
init(params) {
|
||||
this.form.recordTime = moment().valueOf();
|
||||
this.meterArr = this.getDictDatas('meter');
|
||||
if (params.type === 'add') {
|
||||
this.isEdit = false;
|
||||
} else if (params.type === 'meterReading') {
|
||||
this.isEdit = false;
|
||||
this.form.energyTypeId = params.energyTypeId;
|
||||
this.selEnergyType(this.form.energyTypeId);
|
||||
let obj = {};
|
||||
obj.meter = params.meter + '';
|
||||
obj.readingQuantity = 0;
|
||||
this.tableData.push(obj);
|
||||
} else {
|
||||
this.isEdit = true;
|
||||
this.form.id = params.id;
|
||||
this.addButtonShow = '';
|
||||
energyQuantityManualGet({ id: this.form.id }).then((res) => {
|
||||
if (res.code === 0) {
|
||||
this.form.energyTypeId = res.data.energyTypeId;
|
||||
this.selEnergyType(this.form.energyTypeId);
|
||||
this.form.recordTime = res.data.recordTime
|
||||
? res.data.recordTime
|
||||
: null;
|
||||
let obj = {};
|
||||
obj.meter = res.data.meter ? res.data.meter + '' : '';
|
||||
obj.readingQuantity = res.data.readingQuantity;
|
||||
this.tableData.push(obj);
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
inputChange(val) {
|
||||
this.tableData[val._pageIndex - 1][val.prop] = val[val.prop];
|
||||
},
|
||||
emitButtonClick() {
|
||||
if (!this.form.energyTypeId) {
|
||||
this.$modal.msgWarning('请先选择能源类型');
|
||||
return false;
|
||||
}
|
||||
let obj = {};
|
||||
obj.meter = '';
|
||||
obj.readingQuantity = 0;
|
||||
this.tableData.push(obj);
|
||||
},
|
||||
selEnergyType(id) {
|
||||
// 切换能源类型
|
||||
this.tableData = [];
|
||||
this.tableNameList = [];
|
||||
energyTableGet({ energyTypeId: id }).then((res) => {
|
||||
if (res.data.length === 0) {
|
||||
this.$modal.msgWarning(
|
||||
'当前能源类型暂无配置表名，请先到《表名配置》页面配置'
|
||||
);
|
||||
return;
|
||||
}
|
||||
res.data[0].meters.forEach((meter) => {
|
||||
this.tableNameList.push(this.meterArr.find((i) => i.value === meter));
|
||||
});
|
||||
});
|
||||
},
|
||||
submitForm() {
|
||||
this.$refs['energyQuantityManualForm'].validate((valid) => {
|
||||
if (valid) {
|
||||
// 校验表格
|
||||
if (this.tableData.length === 0) {
|
||||
this.$modal.msgError('抄表数据不能为空');
|
||||
return false;
|
||||
} else {
|
||||
for (let item of this.tableData) {
|
||||
if (
|
||||
!item.meter ||
|
||||
(!item.readingQuantity && item.readingQuantity !== 0)
|
||||
) {
|
||||
this.$modal.msgError('抄表数据有空值，请检查');
|
||||
return false;
|
||||
}
|
||||
}
|
||||
}
|
||||
if (this.isEdit) {
|
||||
// 编辑
|
||||
energyQuantityManualUpdate({
|
||||
id: this.form.id,
|
||||
recordTime: this.form.recordTime,
|
||||
readingQuantity: this.tableData[0].readingQuantity,
|
||||
}).then((res) => {
|
||||
if (res.code === 0) {
|
||||
this.$modal.msgSuccess('操作成功');
|
||||
this.$emit('successSubmit');
|
||||
}
|
||||
});
|
||||
} else {
|
||||
let obj = {};
|
||||
this.tableData.forEach((item) => {
|
||||
obj[item.meter] = item.readingQuantity;
|
||||
});
|
||||
energyQuantityManualCreate({
|
||||
energyTypeId: this.form.energyTypeId,
|
||||
recordTime: this.form.recordTime,
|
||||
meters: obj,
|
||||
}).then((res) => {
|
||||
if (res.code === 0) {
|
||||
this.$modal.msgSuccess('操作成功');
|
||||
this.$emit('successSubmit');
|
||||
}
|
||||
});
|
||||
}
|
||||
} else {
|
||||
return false;
|
||||
}
|
||||
});
|
||||
},
|
||||
formClear() {
|
||||
this.$refs.energyQuantityManualForm.resetFields();
|
||||
this.form.unit = '';
|
||||
this.isEdit = false;
|
||||
this.addButtonShow = '新增';
|
||||
this.tableData = [];
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
332
src/views/energy/base/energyQuantityManual/index.vue
Normal file
332
src/views/energy/base/energyQuantityManual/index.vue
Normal file
@@ -0,0 +1,332 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<!-- 搜索工作栏 -->
|
||||
<search-bar
|
||||
:formConfigs="formConfig"
|
||||
ref="searchBarForm"
|
||||
@headBtnClick="buttonClick" />
|
||||
<!-- 列表 -->
|
||||
<base-table
|
||||
:page="queryParams.pageNo"
|
||||
:limit="queryParams.pageSize"
|
||||
:table-props="tableProps"
|
||||
:table-data="list"
|
||||
:max-height="tableH"
|
||||
@selection-change="selectChange">
|
||||
<method-btn
|
||||
v-if="tableBtn.length"
|
||||
slot="handleBtn"
|
||||
:width="120"
|
||||
label="操作"
|
||||
:method-list="tableBtn"
|
||||
@clickBtn="handleClick" />
|
||||
</base-table>
|
||||
<pagination
|
||||
:page.sync="queryParams.pageNo"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
:total="total"
|
||||
@pagination="getList" />
|
||||
<!-- 新增 -->
|
||||
<base-dialog
|
||||
:dialogTitle="addOrEditTitle"
|
||||
:dialogVisible="centervisible"
|
||||
@cancel="handleCancel"
|
||||
@confirm="handleConfirm"
|
||||
:before-close="handleCancel">
|
||||
<energy-quantity-manual-add
|
||||
ref="energyQuantityManualAdd"
|
||||
:energyTypeList="energyTypeList"
|
||||
@successSubmit="successSubmit" />
|
||||
</base-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
energyQuantityManualPage,
|
||||
energyQuantityManualDelete,
|
||||
energyQuantityManualExport,
|
||||
} from '@/api/base/energyQuantityManual';
|
||||
import { getEnergyTypeListAll } from '@/api/base/energyType';
|
||||
import { publicFormatter } from '@/utils/dict';
|
||||
import { parseTimeTable } from '@/utils/ruoyi';
|
||||
import EnergyQuantityManualAdd from './components/energyQuantityManualAdd';
|
||||
import moment from 'moment';
|
||||
import tableHeightMixin from '@/mixins/lb/tableHeightMixin';
|
||||
const tableProps = [
|
||||
{
|
||||
prop: 'energyType',
|
||||
label: '能源类型',
|
||||
minWidth: 110,
|
||||
showOverflowtooltip: true,
|
||||
},
|
||||
{
|
||||
prop: 'unit',
|
||||
label: '单位',
|
||||
filter: publicFormatter('unit_dict'),
|
||||
minWidth: 110,
|
||||
},
|
||||
{
|
||||
prop: 'meter',
|
||||
label: '能源表名',
|
||||
filter: publicFormatter('meter'),
|
||||
minWidth: 110,
|
||||
showOverflowtooltip: true,
|
||||
},
|
||||
{
|
||||
prop: 'recordTime',
|
||||
label: '抄表日期',
|
||||
filter: parseTimeTable('{y}-{m}-{d}'),
|
||||
minWidth: 110,
|
||||
},
|
||||
{
|
||||
prop: 'readingQuantity',
|
||||
label: '抄表值',
|
||||
},
|
||||
{
|
||||
prop: 'usingQuantity',
|
||||
label: '差值',
|
||||
},
|
||||
];
|
||||
export default {
|
||||
name: 'EnergyQuantityManual',
|
||||
data() {
|
||||
return {
|
||||
formConfig: [
|
||||
{
|
||||
type: 'select',
|
||||
label: '能源类型',
|
||||
labelField: 'name',
|
||||
selectOptions: [],
|
||||
param: 'energyTypeId',
|
||||
filterable: true,
|
||||
},
|
||||
{
|
||||
type: 'datePicker',
|
||||
label: '抄表日期',
|
||||
dateType: 'daterange',
|
||||
format: 'yyyy-MM-dd',
|
||||
rangeSeparator: '-',
|
||||
startPlaceholder: '开始时间',
|
||||
endPlaceholder: '结束时间',
|
||||
valueFormat:"yyyy-MM-dd HH:mm:ss",
|
||||
param: 'timeVal',
|
||||
defaultSelect: [],
|
||||
},
|
||||
{
|
||||
type: this.$auth.hasPermi('base:energy-quantity-manual:query')
|
||||
? 'button'
|
||||
: '',
|
||||
btnName: '查询',
|
||||
name: 'search',
|
||||
color: 'primary',
|
||||
},
|
||||
{
|
||||
type: this.$auth.hasPermiOr([
|
||||
'base:energy-quantity-manual:export',
|
||||
'base:energy-quantity-manual:create',
|
||||
])
|
||||
? 'separate'
|
||||
: '',
|
||||
},
|
||||
// {
|
||||
// type: this.$auth.hasPermi('base:energy-quantity-manual:export')
|
||||
// ? 'button'
|
||||
// : '',
|
||||
// btnName: '导出',
|
||||
// name: 'export',
|
||||
// color: 'primary',
|
||||
// plain: true,
|
||||
// },
|
||||
{
|
||||
type: this.$auth.hasPermi('base:energy-quantity-manual:create')
|
||||
? 'button'
|
||||
: '',
|
||||
btnName: '新增',
|
||||
name: 'add',
|
||||
color: 'success',
|
||||
plain: true,
|
||||
},
|
||||
],
|
||||
tableProps,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 班次基础信息列表
|
||||
list: [],
|
||||
tableBtn: [
|
||||
this.$auth.hasPermiAnd([
|
||||
'base:energy-quantity-manual:query',
|
||||
'base:energy-quantity-manual:create',
|
||||
])
|
||||
? {
|
||||
type: 'meterReading',
|
||||
btnName: '抄表',
|
||||
}
|
||||
: undefined,
|
||||
this.$auth.hasPermiAnd([
|
||||
'base:energy-quantity-manual:update',
|
||||
'base:energy-quantity-manual:query',
|
||||
])
|
||||
? {
|
||||
type: 'edit',
|
||||
btnName: '编辑',
|
||||
}
|
||||
: undefined,
|
||||
this.$auth.hasPermi('base:energy-quantity-manual:delete')
|
||||
? {
|
||||
type: 'delete',
|
||||
btnName: '删除',
|
||||
}
|
||||
: undefined,
|
||||
].filter((v) => v),
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNo: 1,
|
||||
pageSize: 20,
|
||||
energyTypeId: '',
|
||||
startTime: '',
|
||||
endTime: '',
|
||||
},
|
||||
energyTypeList: [],
|
||||
exportList: [],
|
||||
addOrEditTitle: '',
|
||||
centervisible: false,
|
||||
};
|
||||
},
|
||||
components: { EnergyQuantityManualAdd },
|
||||
mixins: [tableHeightMixin],
|
||||
created() {
|
||||
let end = moment().format('YYYY-MM-DD 23:59:59').valueOf();
|
||||
let start = moment().subtract(7, 'days').format('YYYY-MM-DD 00:00:00').valueOf();
|
||||
this.formConfig[1].defaultSelect = [start, end];
|
||||
this.queryParams.startTime = start;
|
||||
this.queryParams.endTime = end;
|
||||
this.getList();
|
||||
this.getTypeList();
|
||||
},
|
||||
methods: {
|
||||
buttonClick(val) {
|
||||
console.log(val.timeVal)
|
||||
this.queryParams.pageNo = 1;
|
||||
this.queryParams.energyTypeId = val.energyTypeId;
|
||||
this.queryParams.startTime = val.timeVal
|
||||
? val.timeVal[0]
|
||||
: null;
|
||||
this.queryParams.endTime = val.timeVal
|
||||
? val.timeVal[1].substr(0, 10) + " 23:59:59"
|
||||
: null;
|
||||
switch (val.btnName) {
|
||||
case 'search':
|
||||
this.getList();
|
||||
break;
|
||||
case 'add':
|
||||
this.addOrEditTitle = '新增';
|
||||
this.centervisible = true;
|
||||
let params = {};
|
||||
params.type = 'add';
|
||||
this.$nextTick(() => {
|
||||
this.$refs.energyQuantityManualAdd.init(params);
|
||||
});
|
||||
break;
|
||||
default:
|
||||
this.$modal
|
||||
.confirm('是否确认导出')
|
||||
.then(() => {
|
||||
return energyQuantityManualExport({
|
||||
energyTypeId: this.queryParams.energyTypeId,
|
||||
startTime: this.queryParams.startTime,
|
||||
endTime: this.queryParams.endTime,
|
||||
});
|
||||
})
|
||||
.then((response) => {
|
||||
this.$download.excel(response, '能源报表.xls');
|
||||
})
|
||||
.catch(() => {});
|
||||
}
|
||||
},
|
||||
/** 查询列表 */
|
||||
getList() {
|
||||
energyQuantityManualPage(this.queryParams).then((response) => {
|
||||
let arr = response.data.list || [];
|
||||
arr &&
|
||||
arr.map((item) => {
|
||||
item.amount = item.amount
|
||||
? !isNaN(parseFloat(item.amount)) && isFinite(item.amount)
|
||||
? item.amount.toFixed(2)
|
||||
: ''
|
||||
: '';
|
||||
});
|
||||
this.list = arr;
|
||||
this.total = response.data.total;
|
||||
this.exportList = [];
|
||||
});
|
||||
},
|
||||
getTypeList() {
|
||||
getEnergyTypeListAll().then((res) => {
|
||||
this.formConfig[0].selectOptions = res.data || [];
|
||||
this.energyTypeList = res.data || [];
|
||||
});
|
||||
},
|
||||
selectChange(val) {
|
||||
console.log(val);
|
||||
this.exportList = val;
|
||||
},
|
||||
handleClick(val) {
|
||||
console.log(val);
|
||||
switch (val.type) {
|
||||
case 'edit':
|
||||
this.addOrEditTitle = '编辑';
|
||||
this.centervisible = true;
|
||||
let paramA = {};
|
||||
paramA.type = 'edit';
|
||||
paramA.id = val.data.id;
|
||||
this.$nextTick(() => {
|
||||
this.$refs.energyQuantityManualAdd.init(paramA);
|
||||
});
|
||||
break;
|
||||
case 'meterReading':
|
||||
this.addOrEditTitle = '新增';
|
||||
this.centervisible = true;
|
||||
let paramB = {};
|
||||
paramB.type = 'meterReading';
|
||||
paramB.energyTypeId = val.data.energyTypeId;
|
||||
paramB.meter = val.data.meter;
|
||||
this.$nextTick(() => {
|
||||
this.$refs.energyQuantityManualAdd.init(paramB);
|
||||
});
|
||||
break;
|
||||
default:
|
||||
this.handleDelete(val.data);
|
||||
}
|
||||
},
|
||||
// 新增
|
||||
handleCancel() {
|
||||
this.$refs.energyQuantityManualAdd.formClear();
|
||||
this.centervisible = false;
|
||||
this.addOrEditTitle = '';
|
||||
},
|
||||
handleConfirm() {
|
||||
this.$refs.energyQuantityManualAdd.submitForm();
|
||||
},
|
||||
successSubmit() {
|
||||
this.handleCancel();
|
||||
this.getList();
|
||||
},
|
||||
/** 删除按钮操作 */
|
||||
handleDelete(row) {
|
||||
console.log(row.id);
|
||||
this.$modal
|
||||
.confirm('是否确认删除能源类型为"' + row.energyType + '"的数据项?')
|
||||
.then(function () {
|
||||
return energyQuantityManualDelete({ id: row.id });
|
||||
})
|
||||
.then(() => {
|
||||
this.queryParams.pageNo = 1;
|
||||
this.getList();
|
||||
this.$modal.msgSuccess('删除成功');
|
||||
})
|
||||
.catch(() => {});
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
@@ -163,7 +163,6 @@ export default {
|
||||
})
|
||||
},
|
||||
selectChange(val) {
|
||||
console.log(val)
|
||||
this.exportList = val
|
||||
},
|
||||
// 勾选导出
|
||||
|
||||
@@ -0,0 +1,85 @@
|
||||
<!--
|
||||
* @Author: zwq
|
||||
* @Date: 2024-04-11 14:57:57
|
||||
* @LastEditors: zwq
|
||||
* @LastEditTime: 2024-04-12 08:53:41
|
||||
* @Description:
|
||||
-->
|
||||
<template>
|
||||
<el-form ref="form" label-width="100px" :model="form" :rules="rules">
|
||||
<el-form-item label="能源类型" prop="energyType">
|
||||
<el-input v-model="form.energyType"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="能源表名" prop="meters">
|
||||
<el-select
|
||||
v-model="form.meters"
|
||||
placeholder="请选择"
|
||||
style="width: 100%"
|
||||
:multiple="true"
|
||||
filterable>
|
||||
<el-option
|
||||
v-for="dict in getDictDatas('meter')"
|
||||
:key="dict.id"
|
||||
:label="dict.label"
|
||||
:value="dict.value" />
|
||||
</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: '',
|
||||
meters: [],
|
||||
},
|
||||
rules: {
|
||||
meters: [
|
||||
{ required: true, message: '能源表名不能为空', trigger: 'change' },
|
||||
],
|
||||
},
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
init(id) {
|
||||
energyTableGet({ energyTypeId: id }).then((res) => {
|
||||
if (res.data.length > 0) {
|
||||
this.form.energyType = res.data[0].energyType || '';
|
||||
this.form.energyTypeId = res.data[0].energyTypeId || '';
|
||||
this.form.meters =
|
||||
res.data[0].meters &&
|
||||
res.data[0].meters.map((item) => {
|
||||
return item;
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
submitForm() {
|
||||
this.$refs['form'].validate((valid) => {
|
||||
if (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.meters = [];
|
||||
this.isEdit = false;
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
118
src/views/energy/base/tableNameConfig/index.vue
Normal file
118
src/views/energy/base/tableNameConfig/index.vue
Normal file
@@ -0,0 +1,118 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<!-- 列表 -->
|
||||
<base-table
|
||||
:page="queryParams.pageNo"
|
||||
:limit="queryParams.pageSize"
|
||||
:table-props="tableProps"
|
||||
:table-data="list"
|
||||
:max-height="tableH">
|
||||
<method-btn
|
||||
v-if="tableBtn.length"
|
||||
slot="handleBtn"
|
||||
:width="80"
|
||||
label="操作"
|
||||
:method-list="tableBtn"
|
||||
@clickBtn="handleClick" />
|
||||
</base-table>
|
||||
<!-- 新增 -->
|
||||
<base-dialog
|
||||
dialogTitle="编辑"
|
||||
:dialogVisible="centervisible"
|
||||
@cancel="handleCancel"
|
||||
@confirm="handleConfirm"
|
||||
:before-close="handleCancel">
|
||||
<table-name-config-update
|
||||
ref="tableNameConfigU"
|
||||
@successSubmit="successSubmit" />
|
||||
</base-dialog>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import { energyTablePage } from '@/api/base/energyQuantityManual';
|
||||
import tableNameConfigUpdate from './components/tableNameConfigUpdate.vue';
|
||||
import tableHeightMixin from '@/mixins/lb/tableHeightMixin';
|
||||
const tableProps = [
|
||||
{
|
||||
prop: 'energyType',
|
||||
label: '能源类型',
|
||||
width: 200,
|
||||
},
|
||||
{
|
||||
prop: 'tableName',
|
||||
label: '能源表名',
|
||||
},
|
||||
];
|
||||
export default {
|
||||
name: 'TableNameConfig',
|
||||
components: { tableNameConfigUpdate },
|
||||
data() {
|
||||
return {
|
||||
tableProps,
|
||||
tableBtn: [
|
||||
this.$auth.hasPermiAnd(['base:energy-table:update'])
|
||||
? {
|
||||
type: 'edit',
|
||||
btnName: '编辑',
|
||||
}
|
||||
: undefined,
|
||||
].filter((v) => v),
|
||||
list: [],
|
||||
queryParams: {
|
||||
pageNo: 1,
|
||||
pageSize: 100,
|
||||
},
|
||||
heightNum: 165,
|
||||
centervisible: false,
|
||||
meterArr: [],
|
||||
};
|
||||
},
|
||||
mixins: [tableHeightMixin],
|
||||
created() {
|
||||
this.meterArr = this.getDictDatas('meter');
|
||||
this.$nextTick(() => {
|
||||
this.getList();
|
||||
});
|
||||
},
|
||||
methods: {
|
||||
getList() {
|
||||
energyTablePage().then((res) => {
|
||||
let temp = res.data || [];
|
||||
this.list = temp.map((item) => {
|
||||
let meters = [];
|
||||
item.meters.forEach((meter) => {
|
||||
meters.push(
|
||||
this.meterArr.find((i) =>
|
||||
i.value === meter
|
||||
).label
|
||||
);
|
||||
});
|
||||
return {
|
||||
energyType: item.energyType,
|
||||
energyTypeId: item.energyTypeId,
|
||||
tableName: meters.join('、'),
|
||||
};
|
||||
});
|
||||
});
|
||||
},
|
||||
handleClick(val) {
|
||||
console.log('编辑');
|
||||
this.centervisible = true;
|
||||
this.$nextTick(() => {
|
||||
this.$refs.tableNameConfigU.init(val.data.energyTypeId);
|
||||
});
|
||||
},
|
||||
handleCancel() {
|
||||
this.$refs.tableNameConfigU.formClear();
|
||||
this.centervisible = false;
|
||||
},
|
||||
handleConfirm() {
|
||||
this.$refs.tableNameConfigU.submitForm();
|
||||
},
|
||||
successSubmit() {
|
||||
this.handleCancel();
|
||||
this.getList();
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
Reference in New Issue
Block a user