@@ -0,0 +1,56 @@ | |||
import request from '@/utils/request' | |||
// 获得分页数据 | |||
export function energyQuantityManualPage(data) { | |||
return request({ | |||
url: '/base/energy-quantity-manual/page', | |||
method: 'post', | |||
data: data | |||
}) | |||
} | |||
// 创建 | |||
export function energyQuantityManualCreate(data) { | |||
return request({ | |||
url: '/base/energy-quantity-manual/create', | |||
method: 'post', | |||
data: data | |||
}) | |||
} | |||
// 更新 | |||
export function energyQuantityManualUpdate(data) { | |||
return request({ | |||
url: '/base/energy-quantity-manual/update', | |||
method: 'put', | |||
data: data | |||
}) | |||
} | |||
//获得能源抄表(手动) | |||
export function energyQuantityManualGet(query) { | |||
return request({ | |||
url: '/base/energy-quantity-manual/get', | |||
method: 'get', | |||
params: query | |||
}) | |||
} | |||
//删除 | |||
export function energyQuantityManualDelete(query) { | |||
return request({ | |||
url: '/base/energy-quantity-manual/delete', | |||
method: 'delete', | |||
params: query | |||
}) | |||
} | |||
//导出 | |||
export function energyQuantityManualExport(data) { | |||
return request({ | |||
url: '/base/energy-quantity-manual/export-excel', | |||
method: 'post', | |||
data: data, | |||
responseType: 'blob' | |||
}) | |||
} |
@@ -94,6 +94,8 @@ export const DICT_TYPE = { | |||
OBJECT_TYPE: 'object_type', | |||
STATISTIC_TYPE: 'statistic_type', | |||
TIME_DIM: 'time_dim', | |||
TABLE_NAME: 'table_name', | |||
METHOD: 'method', | |||
// ============== ORDER - 订单模块 ============= | |||
ORDER_STATUS: 'order_status', | |||
@@ -5,7 +5,7 @@ | |||
const baseURL = process.env.VUE_APP_BASE_API | |||
// 日期格式化 | |||
// 日期格式化(通用) | |||
export function parseTime(time, pattern) { | |||
if (arguments.length === 0 || !time) { | |||
return null | |||
@@ -48,6 +48,51 @@ export function parseTime(time, pattern) { | |||
return time_str | |||
} | |||
// 日期格式化(仅适用表格) | |||
export function parseTimeTable(pattern) { | |||
return function(time){ | |||
if (arguments.length === 0 || !time) { | |||
return null | |||
} | |||
const format = pattern || '{y}-{m}-{d} {h}:{i}:{s}' | |||
let date | |||
if (typeof time === 'object') { | |||
date = time | |||
} else { | |||
if ((typeof time === 'string') && (/^[0-9]+$/.test(time))) { | |||
time = parseInt(time) | |||
} else if (typeof time === 'string') { | |||
time = time.replace(new RegExp(/-/gm), '/').replace('T', ' ').replace(new RegExp(/\.\d{3}/gm),''); | |||
} | |||
if ((typeof time === 'number') && (time.toString().length === 10)) { | |||
time = time * 1000 | |||
} | |||
date = new Date(time) | |||
} | |||
const formatObj = { | |||
y: date.getFullYear(), | |||
m: date.getMonth() + 1, | |||
d: date.getDate(), | |||
h: date.getHours(), | |||
i: date.getMinutes(), | |||
s: date.getSeconds(), | |||
a: date.getDay() | |||
} | |||
const time_str = format.replace(/{([ymdhisa])+}/g, (result, key) => { | |||
let value = formatObj[key] | |||
// Note: getDay() returns 0 on Sunday | |||
if (key === 'a') { | |||
return ['日', '一', '二', '三', '四', '五', '六'][value] | |||
} | |||
if (result.length > 0 && value < 10) { | |||
value = '0' + value | |||
} | |||
return value || 0 | |||
}) | |||
return time_str | |||
} | |||
} | |||
// 表单重置 | |||
export function resetForm(refName) { | |||
if (this.$refs[refName]) { | |||
@@ -0,0 +1,149 @@ | |||
<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%;" 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="tableName"> | |||
<el-select v-model="form.tableName" placeholder="请选择" style="width: 100%;" filterable> | |||
<el-option | |||
v-for="item in getDictDatas(DICT_TYPE.TABLE_NAME)" | |||
:key="item.value" | |||
:label="item.label" | |||
:value="item.value"> | |||
</el-option> | |||
</el-select> | |||
</el-form-item> | |||
</el-col> | |||
</el-row> | |||
<el-row :gutter="20"> | |||
<el-col :span='12'> | |||
<el-form-item label="抄表数" prop="readingQuantity"> | |||
<el-input-number v-model="form.readingQuantity" :min="0" :max="999999999999" :controls='false' style="width: 50%;"></el-input-number> | |||
<el-select v-model="form.unit" placeholder="单位" style="width: 50%;"> | |||
<el-option | |||
v-for="item in getDictDatas(DICT_TYPE.ENERGY_UNIT)" | |||
:key="item.value" | |||
:label="item.label" | |||
:value="item.value"> | |||
</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-form> | |||
</template> | |||
<script> | |||
import { energyQuantityManualCreate, energyQuantityManualUpdate, energyQuantityManualGet } from '@/api/base/energyQuantityManual' | |||
import moment from 'moment' | |||
export default { | |||
name: 'EnergyQuantityManualAdd', | |||
props: { | |||
energyTypeList: { | |||
type: Array, | |||
required: true, | |||
default: () => { | |||
return [] | |||
} | |||
} | |||
}, | |||
data() { | |||
return { | |||
form: { | |||
id: '', | |||
energyTypeId: '', | |||
tableName: '', | |||
readingQuantity: null, | |||
unit: '', | |||
recordTime: '' | |||
}, | |||
rules: { | |||
energyTypeId: [{ required: true, message: '能源类型不能为空', trigger: 'change' }], | |||
tableName: [{ required: true, message: '水/气表名不能为空', trigger: 'change' }], | |||
readingQuantity: [{ required: true, message: '抄表数不能为空', trigger: 'blur' }], | |||
recordTime: [{ required: true, message: '抄表日期不能为空', trigger: 'change' }] | |||
}, | |||
isEdit: false | |||
} | |||
}, | |||
methods: { | |||
init(params) { | |||
this.form.recordTime = moment().valueOf() | |||
if (params.type === 'add') { | |||
this.isEdit = false | |||
} else if (params.type === 'meterReading') { | |||
this.isEdit = false | |||
this.form.energyTypeId = params.energyTypeId | |||
this.form.tableName = params.tableName + '' | |||
}else { | |||
this.isEdit = true | |||
this.form.id = params.id | |||
energyQuantityManualGet({id: this.form.id}).then(res => { | |||
if (res.code === 0) { | |||
this.form.energyTypeId = res.data.energyTypeId | |||
this.form.tableName = res.data.tableName ? res.data.tableName+'' : '' | |||
this.form.readingQuantity = res.data.readingQuantity | |||
this.form.unit = res.data.unit ? res.data.unit+'' : '' | |||
this.form.recordTime = res.data.recordTime ? res.data.recordTime : null | |||
} | |||
}) | |||
} | |||
}, | |||
submitForm() { | |||
this.$refs['energyQuantityManualForm'].validate((valid) => { | |||
if (valid) { | |||
if (!this.form.unit) { | |||
this.$modal.msgError("抄表数单位不能为空"); | |||
return false | |||
} | |||
if (this.isEdit) { | |||
// 编辑 | |||
energyQuantityManualUpdate({...this.form}).then((res) => { | |||
if (res.code === 0) { | |||
this.$modal.msgSuccess("操作成功"); | |||
this.$emit('successSubmit') | |||
} | |||
}) | |||
} else { | |||
energyQuantityManualCreate({...this.form}).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 | |||
} | |||
} | |||
} | |||
</script> |
@@ -0,0 +1,309 @@ | |||
<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 { parseTime, parseTimeTable } from '@/utils/ruoyi' | |||
// import FileSaver from "file-saver" | |||
// import * as XLSX from 'xlsx/xlsx.mjs' | |||
import EnergyQuantityManualAdd from './components/energyQuantityManualAdd' | |||
import moment from 'moment' | |||
const tableProps = [ | |||
{ | |||
prop: 'energyType', | |||
label: '能源类型', | |||
minWidth: 110, | |||
showOverflowtooltip: true | |||
}, | |||
{ | |||
prop: 'tableName', | |||
label: '水/气表名', | |||
filter: publicFormatter('table_name'), | |||
minWidth: 110 | |||
}, | |||
{ | |||
prop: 'recordTime', | |||
label: '抄表日期', | |||
filter: parseTimeTable('{y}-{m}-{d}'), | |||
minWidth: 110 | |||
}, | |||
{ | |||
prop: 'readingQuantity', | |||
label: '抄表值' | |||
}, | |||
{ | |||
prop: 'recordTimeLast', | |||
label: '上期抄表日期', | |||
filter: parseTimeTable('{y}-{m}-{d}'), | |||
minWidth: 110 | |||
}, | |||
{ | |||
prop: 'readingQuantityLast', | |||
label: '上期抄表值', | |||
minWidth: 110 | |||
}, | |||
{ | |||
prop: 'diff', | |||
label: '差值' | |||
} | |||
] | |||
export default { | |||
name: "EnergyQuantityManual", | |||
data() { | |||
return { | |||
formConfig: [ | |||
{ | |||
type: 'select', | |||
label: '能源类型', | |||
selectOptions: [], | |||
param: 'energyTypeId', | |||
filterable: true | |||
}, | |||
{ | |||
type: 'datePicker', | |||
label: '时间', | |||
dateType: 'daterange', | |||
format: 'yyyy-MM-dd', | |||
valueFormat: "timestamp", | |||
rangeSeparator: '-', | |||
startPlaceholder: '开始时间', | |||
endPlaceholder: '结束时间', | |||
param: 'timeVal', | |||
defaultSelect: [] | |||
}, | |||
{ | |||
type: 'button', | |||
btnName: '查询', | |||
name: 'search', | |||
color: 'primary' | |||
}, | |||
{ | |||
type: '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, | |||
tableH: this.tableHeight(260), | |||
// 总条数 | |||
total: 0, | |||
// 班次基础信息列表 | |||
list: [], | |||
tableBtn: [ | |||
this.$auth.hasPermi('base:energy-quantity-manual:create') | |||
? { | |||
type: 'meterReading', | |||
btnName: '抄表' | |||
} | |||
: undefined, | |||
this.$auth.hasPermi('base:energy-quantity-manual:update') | |||
? { | |||
type: 'edit', | |||
btnName: '编辑', | |||
showParam: { | |||
type: '&', | |||
data: [ | |||
{ | |||
type: 'equal', | |||
name: 'latest', | |||
value: 1 | |||
} | |||
] | |||
} | |||
} | |||
: undefined, | |||
this.$auth.hasPermi('base:energy-quantity-manual:delete') | |||
? { | |||
type: 'delete', | |||
btnName: '删除' | |||
} | |||
: undefined | |||
], | |||
// 查询参数 | |||
queryParams: { | |||
pageNo: 1, | |||
pageSize: 20, | |||
energyTypeId: '', | |||
recordTime: [] | |||
}, | |||
energyTypeList: [], | |||
exportList: [], | |||
addOrEditTitle: '', | |||
centervisible: false, | |||
}; | |||
}, | |||
components: { EnergyQuantityManualAdd }, | |||
created() { | |||
window.addEventListener('resize', () => { | |||
this.tableH = this.tableHeight(260) | |||
}) | |||
let end = moment(moment().format('YYYY-MM-DD 23:59:59')).valueOf() | |||
let start = moment(moment().subtract(7, 'days').format('YYYY-MM-DD 00:00:00')).valueOf() | |||
this.formConfig[1].defaultSelect = [start, end] | |||
this.queryParams.recordTime[0] = start | |||
this.queryParams.recordTime[1] = end | |||
this.getList(); | |||
this.getTypeList() | |||
}, | |||
methods: { | |||
buttonClick(val) { | |||
this.queryParams.pageNo = 1; | |||
this.queryParams.energyTypeId = val.energyTypeId | |||
this.queryParams.recordTime[0] = val.timeVal ? moment(moment(val.timeVal[0]).format('YYYY-MM-DD 00:00:00')).valueOf() : null | |||
this.queryParams.recordTime[1] = val.timeVal ? moment(moment(val.timeVal[1]).format('YYYY-MM-DD 23:59:59')).valueOf() : 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({...this.queryParams}); | |||
}).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.tableName = val.data.tableName | |||
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> |
@@ -1,12 +1,13 @@ | |||
<template> | |||
<el-popover placement="right" width="400" trigger="click"> | |||
<span v-if='tableProps.length'>计量维度: {{dim === 4 ? '月' : (dim === 5 ? '年' : '-')}}</span> | |||
<el-table :data="tableData" v-if='tableProps.length'> | |||
<el-table-column | |||
v-for='item in tableProps' | |||
:key="item.prop" | |||
:prop="item.prop" | |||
:label="item.label" | |||
:align="item.align ? item.align : 'left'" | |||
:align="item.align ? item.align : 'left'" | |||
width="120"> | |||
</el-table-column> | |||
</el-table> | |||
@@ -70,7 +71,8 @@ export default { | |||
tableProps: [], | |||
singlePrice:'', | |||
temp1, | |||
temp2 | |||
temp2, | |||
dim: '' | |||
} | |||
}, | |||
methods: { | |||
@@ -78,7 +80,6 @@ export default { | |||
let id = data.id | |||
getEnergyType(id).then((res) => { | |||
if (res.code === 0) { | |||
console.log(res) | |||
if (res.data.pricingMethod === 0) { | |||
this.tableProps = this.temp1 | |||
this.singlePrice = '' | |||
@@ -87,6 +88,7 @@ export default { | |||
item.price = item.price.toFixed(2) | |||
} | |||
this.tableData = arr1 | |||
this.dim = '' | |||
} else if (res.data.pricingMethod === 1) { | |||
this.tableProps = this.temp2 | |||
this.singlePrice = '' | |||
@@ -95,10 +97,12 @@ export default { | |||
item.price = item.price.toFixed(2) | |||
} | |||
this.tableData = arr2 | |||
this.dim = res.data.dim | |||
} else { | |||
this.tableProps = [] | |||
this.tableData = [] | |||
this.singlePrice = res.data.singlePrice | |||
this.dim = '' | |||
} | |||
} | |||
}) | |||
@@ -22,7 +22,6 @@ export default { | |||
}, | |||
methods: { | |||
changeInput() { | |||
console.log(this.list) | |||
this.$emit('emitData', this.list) | |||
} | |||
} | |||
@@ -28,7 +28,6 @@ export default { | |||
}, | |||
methods: { | |||
changeInput() { | |||
console.log(this.list) | |||
this.$emit('emitData', this.list) | |||
} | |||
} | |||
@@ -41,6 +41,14 @@ | |||
<el-input-number v-model="form.singlePrice" :precision="2" :min="0" :max="999999999" style="width: 100%;"></el-input-number> | |||
</el-form-item> | |||
</el-col> | |||
<el-col :span="12" v-show="form.pricingMethod === 1"> | |||
<el-form-item label="计量维度" prop="dim"> | |||
<el-select v-model="form.dim" placeholder="请选择" style="width: 100%;"> | |||
<el-option label="月" :value= '4' ></el-option> | |||
<el-option label="年" :value= '5' ></el-option> | |||
</el-select> | |||
</el-form-item> | |||
</el-col> | |||
<el-col :span="24" v-show="form.pricingMethod === 0"> | |||
<el-form-item label="时间段" prop="pricingMethod"> | |||
<base-table | |||
@@ -213,10 +221,10 @@ export default { | |||
// 增加 | |||
emitButtonClick1() { | |||
let n = this.tableData1.length | |||
if (n >=3) { | |||
this.$modal.msgWarning('最多可添加3档计价') | |||
return false | |||
} | |||
// if (n >=3) { | |||
// this.$modal.msgWarning('最多可添加3档计价') | |||
// return false | |||
// } | |||
let obj = {} | |||
obj.startTime = n === 0 ? '' : this.tableData1[n-1].endTime | |||
obj.endTime = '' | |||
@@ -289,6 +297,7 @@ export default { | |||
unit: this.form.unit, | |||
pricingMethod: this.form.pricingMethod, | |||
description: this.form.description, | |||
dim: this.form.pricingMethod === 1 ? this.form.dim: '', | |||
singlePrice: this.form.pricingMethod === 2 ? this.form.singlePrice : '', | |||
segPriceList: this.form.pricingMethod === 0 ? this.tableData1: [], | |||
usedPriceList: this.form.pricingMethod === 1 ? this.tableData2: [] | |||
@@ -305,6 +314,7 @@ export default { | |||
unit: this.form.unit, | |||
pricingMethod: this.form.pricingMethod, | |||
description: this.form.description, | |||
dim: this.form.pricingMethod === 1 ? this.form.dim: '', | |||
singlePrice: this.form.pricingMethod === 2 ? this.form.singlePrice : '', | |||
segPriceList: this.form.pricingMethod === 0 ? this.tableData1: [], | |||
usedPriceList: this.form.pricingMethod === 1 ? this.tableData2: [] | |||
@@ -2,6 +2,18 @@ | |||
<el-form ref="form" :rules="rules" label-width="110px" :model="form"> | |||
<el-row> | |||
<el-col :span="12"> | |||
<el-form-item label="抄表方式" prop="method"> | |||
<el-select v-model="form.method" placeholder="请选择" style="width: 100%;" @change="changeMethod"> | |||
<el-option | |||
v-for="item in getDictDatas(DICT_TYPE.METHOD)" | |||
:key="item.value" | |||
:label="item.label" | |||
:value="item.value"> | |||
</el-option> | |||
</el-select> | |||
</el-form-item> | |||
</el-col> | |||
<el-col :span="12" v-if='form.method == 1'> | |||
<el-form-item label="监控对象" prop="objectId"> | |||
<el-cascader | |||
style='width: 100%;' | |||
@@ -13,33 +25,31 @@ | |||
clearable></el-cascader> | |||
</el-form-item> | |||
</el-col> | |||
<el-col :span="12"> | |||
<el-form-item label="能源类型" prop="energyTypeId"> | |||
<el-select v-model="form.energyTypeId" placeholder="请选择" style="width: 100%;" filterable @change="toggleType"> | |||
<el-col :span="12" v-if='form.method == 2'> | |||
<el-form-item label="水/气表名" prop="tableName"> | |||
<el-select v-model="form.tableName" placeholder="请选择" style="width: 100%;"> | |||
<el-option | |||
v-for="item in this.energyTypeList" | |||
:key="item.id" | |||
:label="item.name" | |||
:value="item.id"> | |||
v-for="item in getDictDatas(DICT_TYPE.TABLE_NAME)" | |||
:key="item.value" | |||
:label="item.label" | |||
:value="item.value"> | |||
</el-option> | |||
</el-select> | |||
</el-form-item> | |||
</el-col> | |||
</el-row> | |||
<el-row> | |||
<el-col :span="12"> | |||
<el-form-item label="指标类型" prop="limitType"> | |||
<el-select v-model="form.limitType" placeholder="请选择" style="width: 100%;"> | |||
<el-form-item label="监控能源类型" prop="energyTypeId"> | |||
<el-select v-model="form.energyTypeId" placeholder="请选择" style="width: 100%;" filterable @change="toggleType"> | |||
<el-option | |||
v-for="item in getDictDatas(DICT_TYPE.MONITOR_INDEX_TYPE)" | |||
:key="item.value" | |||
:label="item.label" | |||
:value="item.value"> | |||
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-col :span="12" v-if='form.method == 1'> | |||
<el-form-item label="监控模式" prop="type"> | |||
<el-select v-model="form.type" placeholder="请选择" style="width: 100%;" @change="typeChange"> | |||
<el-option label="合并" :value= "1" ></el-option> | |||
@@ -47,15 +57,7 @@ | |||
</el-select> | |||
</el-form-item> | |||
</el-col> | |||
</el-row> | |||
<el-row> | |||
<el-col :span="12"> | |||
<el-form-item label="消耗量阈值"> | |||
<el-input-number v-model="form.minValue" placeholder="最小值" :max="9999999" style="width: 50%;"></el-input-number> | |||
<el-input-number v-model="form.maxValue" placeholder="最大值" :max="9999999" style="width: 50%;"></el-input-number> | |||
</el-form-item> | |||
</el-col> | |||
<el-col :span="12"> | |||
<el-col :span="12" v-if='form.method == 1'> | |||
<el-form-item label="监控详细参数" prop="type" v-if="form.type === 2"> | |||
<el-select v-model="form.plcParamId" placeholder="请选择" style="width: 100%;" @change="selectDetail"> | |||
<el-option | |||
@@ -67,6 +69,24 @@ | |||
</el-select> | |||
</el-form-item> | |||
</el-col> | |||
<el-col :span="12"> | |||
<el-form-item label="指标类型" prop="limitType"> | |||
<el-select v-model="form.limitType" placeholder="请选择" style="width: 100%;" :disabled='form.method == 2'> | |||
<el-option | |||
v-for="item in getDictDatas(DICT_TYPE.MONITOR_INDEX_TYPE)" | |||
:key="item.value" | |||
:label="item.label" | |||
:value="item.value"> | |||
</el-option> | |||
</el-select> | |||
</el-form-item> | |||
</el-col> | |||
<el-col :span="12"> | |||
<el-form-item label="消耗量阈值"> | |||
<el-input-number v-model="form.minValue" placeholder="最小值" :max="9999999" style="width: 50%;"></el-input-number> | |||
<el-input-number v-model="form.maxValue" placeholder="最大值" :max="9999999" style="width: 50%;"></el-input-number> | |||
</el-form-item> | |||
</el-col> | |||
</el-row> | |||
</el-form> | |||
</template> | |||
@@ -91,6 +111,7 @@ export default { | |||
return { | |||
form: { | |||
id: '', | |||
method: '1', | |||
objectId: '', | |||
objectType: '', | |||
energyTypeId: '', | |||
@@ -103,7 +124,8 @@ export default { | |||
objIds: [],// 回显数组 | |||
isEdit: false, //是否是编辑 | |||
rules: { | |||
objectId: [{ required: true, message: '对象不能为空', trigger: 'change' }], | |||
method: [{ required: true, message: '抄表方式不能为空', trigger: 'change' }], | |||
objectId: [{ required: true, message: '监控对象不能为空', trigger: 'change' }], | |||
energyTypeId: [{ required: true, message: '能源类型不能为空', trigger: 'change' }], | |||
type: [{ required: true, message: '监控模式不能为空', trigger: 'change' }], | |||
limitType: [{ required: true, message: '指标类型不能为空', trigger: 'change' }] | |||
@@ -120,6 +142,7 @@ export default { | |||
if (res.code === 0) { | |||
this.form = res.data | |||
this.form.plcParamId = res.data.plcParamId || '' | |||
this.form.method = this.form.method ? this.form.method + '' : '' | |||
this.form.limitType = this.form.limitType ? this.form.limitType + '' : '' | |||
this.objIds = this.changeDetSelect(this.form.objectId, this.objList) | |||
if (this.form.type === 2) { | |||
@@ -132,6 +155,14 @@ export default { | |||
this.form.id = '' | |||
} | |||
}, | |||
// 切换方式 | |||
changeMethod() { | |||
if(this.form.method === '2'){ | |||
this.form.limitType = "2" | |||
}else{ | |||
this.form.limitType = '' | |||
} | |||
}, | |||
// 监控详细参数 | |||
getDetailList() { | |||
getEnergyParamList({ | |||
@@ -51,6 +51,11 @@ import { getTree } from '@/api/base/factory' | |||
import { publicFormatter } from '@/utils/dict' | |||
import EnergyLimitAdd from './components/energyLimitAdd' | |||
const tableProps = [ | |||
{ | |||
prop: 'method', | |||
label: '抄表方式', | |||
filter: publicFormatter('method') | |||
}, | |||
{ | |||
prop: 'objName', | |||
label: '监控对象' | |||
@@ -59,6 +64,11 @@ const tableProps = [ | |||
prop: 'objCode', | |||
label: '对象编码' | |||
}, | |||
{ | |||
prop: 'tableName', | |||
label: '水/气表名', | |||
filter: publicFormatter('table_name') | |||
}, | |||
{ | |||
prop: 'energyType', | |||
label: '能源类型' | |||
@@ -1,5 +1,5 @@ | |||
<template> | |||
<div class="app-container"> | |||
<div class="app-container energyOverlimitLog"> | |||
<!-- 搜索工作栏 --> | |||
<search-bar | |||
@@ -7,14 +7,29 @@ | |||
ref="searchBarForm" | |||
@headBtnClick="buttonClick" | |||
/> | |||
<el-tabs v-model="activeName" @tab-click="toggleTab"> | |||
<el-tab-pane label="自动抄表" name="auto"></el-tab-pane> | |||
<el-tab-pane label="手动抄表" name="manual"></el-tab-pane> | |||
</el-tabs> | |||
<!-- 列表 --> | |||
<base-table | |||
:page="queryParams.pageNo" | |||
:limit="queryParams.pageSize" | |||
:table-props="tableProps" | |||
:table-data="list" | |||
:max-height="tableH" | |||
/> | |||
<div v-if="activeName === 'auto'"> | |||
<base-table | |||
:page="queryParams.pageNo" | |||
:limit="queryParams.pageSize" | |||
:table-props="tableProps" | |||
:table-data="list" | |||
:max-height="tableH" | |||
/> | |||
</div> | |||
<div v-if="activeName === 'manual'"> | |||
<base-table | |||
:page="queryParams.pageNo" | |||
:limit="queryParams.pageSize" | |||
:table-props="tableProps2" | |||
:table-data="list2" | |||
:max-height="tableH" | |||
/> | |||
</div> | |||
<pagination | |||
:page.sync="queryParams.pageNo" | |||
:limit.sync="queryParams.pageSize" | |||
@@ -28,6 +43,7 @@ | |||
import { getEnergyOverlimitLogPage } from "@/api/monitoring/energyOverlimitLog"; | |||
import { getEnergyTypeListAll } from "@/api/base/energyType"; | |||
import { publicFormatter } from '@/utils/dict' | |||
import { parseTime } from '@/utils/ruoyi' | |||
const tableProps = [ | |||
{ | |||
prop: 'objName', | |||
@@ -65,6 +81,41 @@ const tableProps = [ | |||
{ | |||
prop: 'overValue', | |||
label: '超出值' | |||
}, | |||
{ | |||
prop: 'time', | |||
label: '提醒时间', | |||
filter: parseTime, | |||
minWidth: 160 | |||
} | |||
] | |||
const tableProps2 = [ | |||
{ | |||
prop: 'energyType', | |||
label: '能源类型' | |||
}, | |||
{ | |||
prop: 'limitType', | |||
label: '指标类型', | |||
filter: publicFormatter('monitor_index_type') | |||
}, | |||
{ | |||
prop: 'realityValue', | |||
label: '实际值' | |||
}, | |||
{ | |||
prop: 'limitValue', | |||
label: '阈值' | |||
}, | |||
{ | |||
prop: 'overValue', | |||
label: '超出值' | |||
}, | |||
{ | |||
prop: 'time', | |||
label: '提醒时间', | |||
filter: parseTime, | |||
minWidth: 160 | |||
} | |||
] | |||
export default { | |||
@@ -93,18 +144,20 @@ export default { | |||
color: 'primary' | |||
} | |||
], | |||
activeName: 'auto', | |||
tableProps, | |||
tableProps2, | |||
tableH: this.tableHeight(260), | |||
// 总条数 | |||
total: 0, | |||
// 班次基础信息列表 | |||
list: [], | |||
list2: [], | |||
// 查询参数 | |||
queryParams: { | |||
pageNo: 1, | |||
pageSize: 20, | |||
energyTypeId: '', | |||
indexType: '' | |||
indexType: '', | |||
method: '1' | |||
}, | |||
typeList: [ | |||
{id: 1, name: '合并'}, | |||
@@ -155,7 +208,47 @@ export default { | |||
console.log(res) | |||
this.formConfig[0].selectOptions = res.data || [] | |||
}) | |||
}, | |||
toggleTab() { | |||
if (this.activeName === 'auto') { | |||
this.queryParams.method = '1' | |||
}else{ | |||
this.queryParams.method = '2' | |||
} | |||
this.queryParams.pageNo = 1 | |||
this.getList() | |||
} | |||
} | |||
}; | |||
</script> | |||
<style lang='scss'> | |||
.energyOverlimitLog { | |||
.el-tabs__nav::after { | |||
content: ""; | |||
position: absolute; | |||
left: 0; | |||
bottom: 0; | |||
width: 100%; | |||
height: 2px; | |||
background-color: #e4e7ed; | |||
} | |||
.el-tabs__nav-wrap::after { | |||
width: 0; | |||
} | |||
.el-tabs__item { | |||
padding: 0 10px; | |||
} | |||
.el-tabs__item:hover { | |||
color: rgba(0, 0, 0, 0.85); | |||
} | |||
.el-tabs__item.is-active { | |||
color: rgba(0, 0, 0, 0.85); | |||
} | |||
.el-tabs__item { | |||
color: rgba(0, 0, 0, 0.45); | |||
} | |||
.searchBarBox { | |||
margin-bottom: 0; | |||
} | |||
} | |||
</style> |
@@ -290,7 +290,6 @@ export default { | |||
break; | |||
case '2': // 能源 | |||
this.$router.push({ | |||
// path: '/energy/monitoring/energy-report-search?startTime='+this.chooseObj.startTime+'&endTime='+this.chooseObj.endTime | |||
path: '/energy/base/energy-quantity-realtime?startTime='+this.chooseObj.startTime+'&endTime='+this.chooseObj.endTime | |||
}) | |||
break; | |||
@@ -0,0 +1,8 @@ | |||
<template> | |||
<div>vocDetectionHistory</div> | |||
</template> | |||
<script> | |||
export default { | |||
name: 'VocDetectionHistory' | |||
} | |||
</script> |
@@ -0,0 +1,8 @@ | |||
<template> | |||
<div>vocDetectionIndication</div> | |||
</template> | |||
<script> | |||
export default { | |||
name: 'VocDetectionIndication' | |||
} | |||
</script> |
@@ -0,0 +1,8 @@ | |||
<template> | |||
<div>voc</div> | |||
</template> | |||
<script> | |||
export default { | |||
name: 'Voc' | |||
} | |||
</script> |
@@ -0,0 +1,8 @@ | |||
<template> | |||
<div>wasteGasDetectionHistory</div> | |||
</template> | |||
<script> | |||
export default { | |||
name: 'WasteGasDetectionHistory' | |||
} | |||
</script> |
@@ -0,0 +1,8 @@ | |||
<template> | |||
<div>wasteGasDetectionIndication</div> | |||
</template> | |||
<script> | |||
export default { | |||
name: 'WasteGasDetectionIndication' | |||
} | |||
</script> |
@@ -0,0 +1,8 @@ | |||
<template> | |||
<div>wasteGas</div> | |||
</template> | |||
<script> | |||
export default { | |||
name: 'WasteGas' | |||
} | |||
</script> |
@@ -0,0 +1,8 @@ | |||
<template> | |||
<div>wasteWaterDetectionHistory</div> | |||
</template> | |||
<script> | |||
export default { | |||
name: 'WasteWaterDetectionHistory' | |||
} | |||
</script> |
@@ -0,0 +1,161 @@ | |||
<template> | |||
<el-form ref="wasteWaterAddForm" :rules="rules" label-width="130px" :model="form"> | |||
<el-row :gutter="20"> | |||
<el-col :span='12'> | |||
<el-form-item label="指标名称" prop="name"> | |||
<el-input v-model="form.name"></el-input> | |||
</el-form-item> | |||
</el-col> | |||
<el-col :span='12'> | |||
<el-form-item label="指标编码" prop="code"> | |||
<el-input v-model="form.code"></el-input> | |||
</el-form-item> | |||
</el-col> | |||
<el-col :span='12'> | |||
<el-form-item label="指标名称" prop="name1"> | |||
<el-input v-model="form.name"></el-input> | |||
</el-form-item> | |||
</el-col> | |||
<el-col :span='12'> | |||
<el-form-item label="最小值" prop="code11"> | |||
<el-input v-model="form.code"></el-input> | |||
</el-form-item> | |||
</el-col> | |||
<el-col :span='12'> | |||
<el-form-item label="最大值" prop="name12"> | |||
<el-input v-model="form.name"></el-input> | |||
</el-form-item> | |||
</el-col> | |||
<el-col :span='12'> | |||
<el-form-item label="备注" prop="code1122"> | |||
<el-input v-model="form.code"></el-input> | |||
</el-form-item> | |||
</el-col> | |||
</el-row> | |||
</el-form> | |||
</template> | |||
<script> | |||
export default { | |||
name: 'WasteWaterAdd', | |||
data() { | |||
return { | |||
// rules: { | |||
// name: [{ required: true, message: "订单名称不能为空", trigger: "blur" }], | |||
// code: [{ required: true, message: "订单号不能为空", trigger: "blur" }], | |||
// planQuantity: [{ required: true, message: "计划加工数量不能为空", trigger: "blur" }], | |||
// planProductId: [{ required: true, message: "产品名称不能为空", trigger: "change" }] | |||
// } | |||
} | |||
}, | |||
methods: { | |||
// init(id) { | |||
// this.getList() | |||
// if (id) { | |||
// this.isEdit = true | |||
// this.form.id = id | |||
// getOrderById({id: this.form.id}).then(res => { | |||
// if (res.code === 0) { | |||
// this.form.name = res.data.name | |||
// this.form.code = res.data.code | |||
// this.form.planQuantity = res.data.planQuantity | |||
// this.form.planProductId = res.data.planProductId | |||
// this.form.price = res.data.price | |||
// this.form.customerId = res.data.customerId | |||
// this.form.priority = res.data.priority ? res.data.priority + '' : '' | |||
// this.form.planStartTime = res.data.planStartTime ? res.data.planStartTime : null | |||
// this.form.packSpec = res.data.packSpec ? res.data.packSpec+'' : '' | |||
// this.form.workers = res.data.workers | |||
// this.form.processFlowId = res.data.processFlowId | |||
// this.form.materialMethod = res.data.materialMethod | |||
// this.form.planFinishTime = res.data.planFinishTime ? res.data.planFinishTime : null | |||
// this.form.remark = res.data.remark | |||
// // this.form.description = res.data.description | |||
// } | |||
// }) | |||
// } else { | |||
// this.isEdit = false | |||
// this.form.id = '' | |||
// // 订单号 | |||
// getOrderCode().then(res => { | |||
// this.form.code = res.data || '' | |||
// }) | |||
// } | |||
// }, | |||
// getList() { | |||
// // 产品 | |||
// getProductAll().then(res => { | |||
// this.productList = res.data || [] | |||
// }) | |||
// // 客户 | |||
// getCustomerList().then(res => { | |||
// this.customerList = res.data || [] | |||
// }) | |||
// // 工艺 | |||
// getProcessFlowList().then(res => { | |||
// this.processFlowList = res.data || [] | |||
// }) | |||
// }, | |||
// timeChange() { | |||
// if (this.form.planStartTime && this.form.planFinishTime) { | |||
// if (this.form.planStartTime > this.form.planFinishTime) { | |||
// this.$modal.msgError('计划开始时间不能大于结束时间') | |||
// } | |||
// } | |||
// }, | |||
// // 工艺变更 | |||
// materialMethodChange(val) { | |||
// if (val === 2 && !this.form.processFlowId) { | |||
// this.form.materialMethod = 1 | |||
// this.$modal.msgError("请先选择关联工艺"); | |||
// } | |||
// }, | |||
// // 工艺变更 | |||
// processFlowIdChange(val) { | |||
// console.log(val) | |||
// if (!val) { | |||
// this.form.materialMethod = 1 | |||
// } | |||
// }, | |||
// submitForm() { | |||
// this.$refs['orderAddForm'].validate((valid) => { | |||
// if (valid) { | |||
// if (this.form.planStartTime && this.form.planFinishTime) { | |||
// if (this.form.planStartTime > this.form.planFinishTime) { | |||
// this.$modal.msgError('计划开始时间不能大于结束时间') | |||
// return false | |||
// } | |||
// } | |||
// // console.log(this.form) | |||
// if (this.isEdit) { | |||
// //编辑 | |||
// orderUpdate({ ...this.form }).then((res) => { | |||
// if (res.code === 0) { | |||
// this.$modal.msgSuccess("操作成功"); | |||
// this.$emit('successSubmit') | |||
// } | |||
// }) | |||
// } else { | |||
// this.form.status = 1 | |||
// this.form.triggerOrigin = 1 | |||
// orderCreate({ ...this.form }).then((res) => { | |||
// if (res.code === 0) { | |||
// this.$modal.msgSuccess("操作成功"); | |||
// this.$emit('successSubmit') | |||
// } | |||
// }) | |||
// } | |||
// } else { | |||
// return false | |||
// } | |||
// }) | |||
// }, | |||
// formClear() { | |||
// this.$refs.orderAddForm.resetFields() | |||
// this.form.materialMethod = 1 | |||
// this.form.price = 0.00 | |||
// this.form.planQuantity = 0 | |||
// this.isEdit = false | |||
// } | |||
} | |||
} | |||
</script> |
@@ -0,0 +1,202 @@ | |||
<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" | |||
> | |||
<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" | |||
width='60%' | |||
> | |||
<waste-water-add ref="wasteWaterAdd" @successSubmit="successSubmit" /> | |||
</base-dialog> | |||
</div> | |||
</template> | |||
<script> | |||
import { parseTime } from '@/utils/ruoyi' | |||
// import { publicFormatter } from '@/utils/dict' | |||
const tableProps = [ | |||
{ | |||
prop: 'name', | |||
label: '指示名称', | |||
minWidth: 120, | |||
showOverflowtooltip: true | |||
}, | |||
{ | |||
prop: 'code', | |||
label: '指示编码', | |||
minWidth: 120 | |||
}, | |||
{ | |||
prop: 'customerId', | |||
label: '单位' | |||
}, | |||
{ | |||
prop: 'customerId1', | |||
label: '最小值' | |||
}, | |||
{ | |||
prop: 'customerId2', | |||
label: '最大值' | |||
}, | |||
{ | |||
prop: 'customerId3', | |||
label: '创建人' | |||
}, | |||
// { | |||
// prop: 'triggerOrigin', | |||
// label: '来源', | |||
// filter: publicFormatter('order_Origin') | |||
// }, | |||
{ | |||
prop: 'createTime', | |||
label: '创建时间', | |||
filter: parseTime, | |||
minWidth: 160 | |||
} | |||
] | |||
export default { | |||
name: 'WasteWaterDetectionIndication', | |||
data() { | |||
return { | |||
formConfig: [ | |||
{ | |||
type: 'select', | |||
label: '指标名称', | |||
selectOptions: this.getDictDatas(this.DICT_TYPE.ORDER_STATUS), | |||
labelField: 'label', | |||
valueField: 'value', | |||
param: 'name' | |||
}, | |||
{ | |||
type: 'button', | |||
btnName: '查询', | |||
name: 'search', | |||
color: 'primary' | |||
}, | |||
{ | |||
type: this.$auth.hasPermi('base:order-manage:create') ? 'separate' : '', | |||
}, | |||
{ | |||
type: this.$auth.hasPermi('base:order-manage:create') ? 'button' : '', | |||
btnName: '新增', | |||
name: 'add', | |||
color: 'success', | |||
plain: true | |||
} | |||
], | |||
// 查询参数 | |||
queryParams: { | |||
pageNo: 1, | |||
pageSize: 20, | |||
name: null, | |||
status: null | |||
}, | |||
total: 0, | |||
tableProps, | |||
list: [ | |||
{name:'1111'} | |||
], | |||
tableH: this.tableHeight(260), | |||
tableBtn: [ | |||
this.$auth.hasPermi('base:order-manage:edit') | |||
? { | |||
type: 'edit', | |||
btnName: '编辑' | |||
} | |||
: undefined, | |||
this.$auth.hasPermi('base:order-manage:delete') | |||
? { | |||
type: 'delete', | |||
btnName: '删除' | |||
} | |||
: undefined | |||
], | |||
addOrEditTitle: '', | |||
centervisible: false | |||
} | |||
}, | |||
methods: { | |||
getList() {}, | |||
buttonClick(val) { | |||
console.log(val) | |||
if (val.btnName === 'search') { | |||
this.queryParams.name = val.name | |||
this.getList() | |||
} else { | |||
this.addOrEditTitle = '新增' | |||
this.centervisible = true | |||
this.$nextTick(() => { | |||
this.$refs.wasteWaterAdd.init() | |||
}) | |||
} | |||
}, | |||
handleClick(val) { | |||
console.log(val) | |||
switch (val.type) { | |||
case 'edit': | |||
this.addOrEditTitle = '编辑' | |||
this.centervisible = true | |||
this.$nextTick(() => { | |||
this.$refs.wasteWaterAdd.init(val.data.id) | |||
}) | |||
break | |||
default: | |||
this.handleDelete(val.data) | |||
} | |||
}, | |||
// 删除 | |||
handleDelete(val) { | |||
this.$modal.confirm('是否确认删除"' + val.name + '"的数据项?').then(function() { | |||
// return wasteWaterDelete({ id: val.id }) | |||
}).then(() => { | |||
this.getList(); | |||
this.$modal.msgSuccess("操作成功"); | |||
}).catch(() => {}); | |||
}, | |||
// 新增 | |||
handleCancel() { | |||
this.$refs.wasteWaterAdd.formClear() | |||
this.centervisible = false | |||
this.addOrEditTitle = '' | |||
}, | |||
handleConfirm() { | |||
this.$refs.wasteWaterAdd.submitForm() | |||
}, | |||
successSubmit() { | |||
this.handleCancel() | |||
this.getList() | |||
} | |||
} | |||
} | |||
</script> |
@@ -0,0 +1,8 @@ | |||
<template> | |||
<div>wasteWater</div> | |||
</template> | |||
<script> | |||
export default { | |||
name: 'WasteWater' | |||
} | |||
</script> |