Skip to content

Y
yindong-tongbai-automation
Commit 2c241633 authored by lei's avatar lei
Browse files
Options

add:提升机后台管理

parent 36bbea09
Hide whitespace changes
Inline Side-by-side
Showing with 1116 additions and 258 deletions
src/api/tyler/sys.js
View file @ 2c241633
import request from '@/utils/request' import request from '@/utils/request'
// 自动化控制密码修改 // 自动化控制状态和频率
export function autoPwdEdit(query) { export function getStatusFre(query) {
return request({ return request({
url: '/business/password/edit', url: '/business/peak/select',
method: 'post', method: 'get',
data: query data: query
}) })
} }
//排水系统设置峰谷返回值 //排水系统设置峰谷
export function peakGetDra(query) { export function getStatusIntervalTimeList(query) {
return request({ return request({
url: '/business/peak/getDra', url: '/business/peak/getStatusIntervalTimeList',
method: 'get', method: 'get',
data: query data: query
}) })
} }
export function peakEditDra(query) { //获取水仓设置
export function getStatusIntervalNumList(query) {
return request({ return request({
url: '/business/peak/add', url: '/business/peak/getStatusIntervalNumList',
method: 'post',
data: query
})
}
//报警短信设置
export function messageGetList(query) {
return request({
url: '/business/message/list',
method: 'get', method: 'get',
data: query data: query
}) })
} }
export function messageEdit(query) { //修改自动化排水系统参数
export function updateSysSet(query) {
return request({ return request({
url: '/business/message/add', url: '/business/peak/update',
method: 'post', method: 'post',
data: query data: query
}) })
} }
\ No newline at end of file
src/views/Screen/items/dlxt.vue
View file @ 2c241633
...@@ -49,6 +49,11 @@ ...@@ -49,6 +49,11 @@
</p> </p>
</div> </div>
</div> </div>
<!--温度-->
<div class="dlxt-wd">
<p>温度:33.20℃</p>
<p>湿度:51.00%RH</p>
</div>
</div> </div>
<div class="dlxt-bg dlxt-bg2" v-show="showBtn === 2"> <div class="dlxt-bg dlxt-bg2" v-show="showBtn === 2">
<!--电柜布局--> <!--电柜布局-->
...@@ -93,6 +98,11 @@ ...@@ -93,6 +98,11 @@
</p> </p>
</div> </div>
</div> </div>
<!--温度-->
<div class="dlxt-wd">
<p>温度:33.20℃</p>
<p>湿度:51.00%RH</p>
</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -2140,6 +2150,29 @@ p { ...@@ -2140,6 +2150,29 @@ p {
.dlxt-tit-db13 { .dlxt-tit-db13 {
left: 1915px; left: 1915px;
} }
.dlxt-wd {
width: 285px;
height: 130px;
background: url("~@/assets/images/screen/dlxt/wd-bg2.png") no-repeat
center;
background-size: 100%;
position: absolute;
top: 30px;
left: 620px;
/* 新增以下居中样式 */
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
p {
font-weight: 400;
font-size: 24px;
color: #f0ff01;
/* 原text-align可以移除，因为flex容器已控制对齐 */
width: 100%; /* 确保文本容器宽度充满父元素 */
text-align: center; /* 双重保障 */
}
}
} }
.dlxt-bg1 { .dlxt-bg1 {
background: url("~@/assets/images/screen/dlxt/bg2.png") no-repeat center; background: url("~@/assets/images/screen/dlxt/bg2.png") no-repeat center;
......
src/views/hoistSys/hoistCollection/index.vue 0 → 100644
View file @ 2c241633
<template>
<div class="app-container">
<el-form
:model="queryParams"
ref="queryForm"
size="small"
:inline="true"
v-show="showSearch"
label-width="68px"
>
<el-form-item prop="deviceName">
<el-input
v-model="queryParams.deviceName"
placeholder="请输入采集设备名称"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item>
<el-button
type="primary"
icon="el-icon-search"
size="mini"
@click="handleQuery"
>搜索</el-button
>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
>重置</el-button
>
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
>新增</el-button
>
</el-col>
<el-col :span="1.5">
<el-button
type="success"
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
>修改</el-button
>
</el-col>
<el-col :span="1.5">
<el-button
type="danger"
plain
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
>删除</el-button
>
</el-col>
<right-toolbar
:showSearch.sync="showSearch"
@queryTable="getList"
></right-toolbar>
</el-row>
<el-table
v-loading="loading"
:data="infoList"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55" align="center" />
<el-table-column type="index" label="序号" width="55" align="center" />
<el-table-column label="采集项名称" align="center" prop="deviceName" />
<el-table-column label="寄存器位置" align="center" prop="deviceId" />
<el-table-column
label="数据类型"
align="center"
prop="installationLocation"
/>
<el-table-column label="单位" align="center" prop="powerSupplyVoltage" />
<el-table-column
label="操作"
align="center"
class-name="small-padding fixed-width"
fixed="right"
>
<template slot-scope="scope">
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
>修改</el-button
>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
>删除</el-button
>
</template>
</el-table-column>
</el-table>
<pagination
v-show="total > 0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<!-- 添加或修改风机基本信息对话框 -->
<el-dialog :title="title" :visible.sync="open" width="800px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="150px">
<el-form-item label="采集项名称" prop="deviceName">
<el-input v-model="form.deviceName" placeholder="请输入风机名称" />
</el-form-item>
<el-form-item label="寄存器位置" prop="deviceId">
<el-input v-model="form.deviceId" placeholder="请输入风机编号" />
</el-form-item>
<el-form-item label="数据类型" prop="installationLocation">
<el-input v-model="form.installationLocation" placeholder="" />
</el-form-item>
<el-form-item label="单位" prop="installationLocation">
<el-input v-model="form.installationLocation" placeholder="" />
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import {
getFanInfo,
listFanInfo,
addFanInfo,
updateFanInfo,
delFanInfo,
} from "@/api/tyler/fanDev";
export default {
name: "Info",
data() {
return {
// 根路径
baseURL: process.env.VUE_APP_BASE_API,
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 风机基本信息表格数据
infoList: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
deviceName: null,
deviceId: null,
installationLocation: null,
powerSupplyVoltage: null,
motorCurrent: null,
operatingFrequency: null,
setFrequency: null,
windPressure: null,
windSpeed: null,
airVolume: null,
frontAxisTemperature: null,
rearAxisTemperature: null,
motorTemperature: null,
frontVibration: null,
rearVibration: null,
},
// 表单参数
form: {},
// 表单校验
rules: {
id: [{ required: true, message: "id不能为空", trigger: "blur" }],
deviceName: [
{ required: true, message: "风机名称不能为空", trigger: "blur" },
],
deviceId: [
{ required: true, message: "风机编号不能为空", trigger: "blur" },
],
},
};
},
created() {
this.getList();
},
methods: {
/** 查询风机基本信息列表 */
getList() {
this.loading = true;
listFanInfo(this.queryParams).then((response) => {
this.infoList = [];
this.total = response.total;
this.loading = false;
});
},
// 取消按钮
cancel() {
this.open = false;
this.reset();
},
// 表单重置
reset() {
this.form = {
id: null,
deviceName: null,
deviceId: null,
installationLocation: null,
powerSupplyVoltage: null,
motorCurrent: null,
operatingFrequency: null,
setFrequency: null,
windPressure: null,
windSpeed: null,
airVolume: null,
frontAxisTemperature: null,
rearAxisTemperature: null,
motorTemperature: null,
frontVibration: null,
rearVibration: null,
};
this.resetForm("form");
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1;
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.resetForm("queryForm");
this.handleQuery();
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map((item) => item.id);
this.single = selection.length !== 1;
this.multiple = !selection.length;
},
/** 新增按钮操作 */
handleAdd() {
this.reset();
this.open = true;
this.title = "添加风机基本信息";
},
/** 修改按钮操作 */
handleUpdate(row) {
this.reset();
const id = row.id || this.ids;
getFanInfo(id).then((response) => {
this.form = response.data;
this.open = true;
this.title = "修改风机基本信息";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate((valid) => {
if (valid) {
if (this.form.id != null) {
updateFanInfo(this.form).then((response) => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
});
} else {
addFanInfo(this.form).then((response) => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
});
}
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
const ids = row.id || this.ids;
this.$modal
.confirm('是否确认删除风机基本信息编号为"' + ids + '"的数据项？')
.then(function () {
return delFanInfo(ids);
})
.then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
})
.catch(() => {});
},
},
};
</script>
src/views/hoistSys/hoistStatusSys/index.vue 0 → 100644
View file @ 2c241633
<template>
<div class="app-container">
<el-form
:model="queryParams"
ref="queryForm"
size="small"
:inline="true"
v-show="showSearch"
label-width="68px"
>
<el-form-item label="状态名称">
<el-select
v-model="queryParams.cageSection"
style="width: 240px"
placeholder="请选择状态名称"
clearable
>
<el-option
v-for="item in deviceName"
:key="item.id"
:label="item.cageSection"
:value="item.id"
/>
</el-select>
</el-form-item>
<el-form-item>
<el-date-picker
v-model="dateRange"
style="width: 240px"
value-format="yyyy-MM-dd"
type="daterange"
range-separator="-"
start-placeholder="开始日期"
end-placeholder="结束日期"
></el-date-picker>
</el-form-item>
<el-form-item>
<el-button
type="primary"
icon="el-icon-search"
size="mini"
@click="handleQuery"
>搜索</el-button
>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
>重置</el-button
>
</el-form-item>
</el-form>
<el-divider content-position="left">运行实时状态</el-divider>
<el-table
:data="dataList"
style="width: 100%"
border
size="mini"
:row-key="getRowKey"
@selection-change="handleSelectionChange"
>
<el-table-column label="序号" type="index" width="55" align="center" />
<el-table-column label="状态名称" align="center" prop="mainSpeed" />
<el-table-column label="状态" align="center" prop="coderSpeed" />
<el-table-column label="时间" align="center" prop="slaveSpeed" />
</el-table>
</div>
</template>
<script>
import { queryHoistHisData, listHoistSelectData } from "@/api/tyler/hoistSys";
export default {
name: "Data",
data() {
return {
// 根路径
baseURL: process.env.VUE_APP_BASE_API,
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 提升机历史数据表格数据
dataList: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
cageSection: null,
},
// 表单参数
form: {},
// 表单校验
rules: {
id: [{ required: true, message: "$comment不能为空", trigger: "blur" }],
cageSection: [
{ required: true, message: "罐笼所在中段不能为空", trigger: "blur" },
],
},
deviceName: [],
dateRange: [],
};
},
created() {
this.getList();
},
methods: {
/** 查询提升机历史数据列表 */
getList() {
this.loading = true;
queryHoistHisData(
this.addDateRange(this.queryParams, this.dateRange)
).then((response) => {
this.dataList = [];
});
},
// 取消按钮
cancel() {
this.open = false;
this.reset();
},
// 表单重置
reset() {
this.form = {};
this.queryParams = {
pageNum: 1,
pageSize: 10,
cageSection: null,
};
this.resetForm("form");
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1;
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.dateRange = [];
this.resetForm("queryForm");
this.handleQuery();
},
},
};
</script>
src/views/hoistSys/realtimeDataofHoist/index.vue 0 → 100644
View file @ 2c241633
<template>
<div class="app-container">
<el-form
:model="queryParams"
ref="queryForm"
size="small"
:inline="true"
v-show="showSearch"
label-width="68px"
>
<el-form-item label="">
<el-date-picker
v-model="dateRange"
style="width: 240px"
value-format="yyyy-MM-dd"
type="daterange"
range-separator="-"
start-placeholder="开始日期"
end-placeholder="结束日期"
></el-date-picker>
</el-form-item>
<el-form-item>
<el-button
type="primary"
icon="el-icon-search"
size="mini"
@click="handleQuery"
>搜索</el-button
>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
>重置</el-button
>
</el-form-item>
</el-form>
<!-- <el-table v-loading="loading" :data="dataList">
<el-table-column label="主控速度m/s" align="center" prop="mainSpeed" />
<el-table-column label="编码器速度m/s" align="center" prop="coderSpeed" />
<el-table-column label="给定速度m/s" align="center" prop="givenSpeed" />
<el-table-column
label="从编码器速度m/s"
align="center"
prop="slaveSpeed"
/>
<el-table-column label="主罐位置m" align="center" prop="position" />
<el-table-column
label="位置偏差m"
align="center"
prop="locationDeviation"
/>
<el-table-column label="电枢电流A" align="center" prop="motorCurrent" />
<el-table-column
label="磁场电流A"
align="center"
prop="runningPressure"
/>
<el-table-column
label="运行油压MPa"
align="center"
prop="controlPosition"
/>
<el-table-column
label="记录时间"
align="center"
prop="recordedAt"
width="180"
>
<template slot-scope="scope">
<span>{{ parseTime(scope.row.recordedAt) }}</span>
</template>
</el-table-column>
</el-table> -->
<el-row :gutter="20">
<el-col :span="14">
<el-divider content-position="left">运行实时数据</el-divider>
<el-table
:data="dataList"
style="width: 100%"
border
size="mini"
:row-key="getRowKey"
@selection-change="handleSelectionChange"
>
<el-table-column
label="序号"
type="index"
width="55"
align="center"
/>
<el-table-column label="运行数据项" align="center" prop="mainSpeed" />
<el-table-column label="值" align="center" prop="coderSpeed" />
<el-table-column label="单位" align="center" prop="givenSpeed" />
<el-table-column label="时间" align="center" prop="slaveSpeed" />
</el-table>
</el-col>
<el-col :span="10">
<el-divider content-position="left">运行实时状态</el-divider>
<el-table
:data="dataList"
style="width: 100%"
border
size="mini"
:row-key="getRowKey"
@selection-change="handleSelectionChange"
>
<el-table-column
label="序号"
type="index"
width="55"
align="center"
/>
<el-table-column label="状态名称" align="center" prop="mainSpeed" />
<el-table-column label="状态" align="center" prop="coderSpeed" />
<el-table-column label="时间" align="center" prop="slaveSpeed" />
</el-table>
</el-col>
</el-row>
</div>
</template>
<script>
import { queryHoistHisData, listHoistSelectData } from "@/api/tyler/hoistSys";
export default {
name: "Data",
data() {
return {
// 根路径
baseURL: process.env.VUE_APP_BASE_API,
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 提升机历史数据表格数据
dataList: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
cageSection: null,
},
// 表单参数
form: {},
// 表单校验
rules: {
id: [{ required: true, message: "$comment不能为空", trigger: "blur" }],
cageSection: [
{ required: true, message: "罐笼所在中段不能为空", trigger: "blur" },
],
},
deviceName: [],
dateRange: [],
};
},
created() {
this.getList();
},
methods: {
/** 查询提升机历史数据列表 */
getList() {
this.loading = true;
queryHoistHisData(
this.addDateRange(this.queryParams, this.dateRange)
).then((response) => {
this.dataList = [];
});
},
// 取消按钮
cancel() {
this.open = false;
this.reset();
},
// 表单重置
reset() {
this.form = {};
this.queryParams = {
pageNum: 1,
pageSize: 10,
cageSection: null,
};
this.resetForm("form");
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1;
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.dateRange = [];
this.resetForm("queryForm");
this.handleQuery();
},
},
};
</script>
src/views/power/powerEquipment/index.vue 0 → 100644
View file @ 2c241633
<template>
<div class="app-container">
<el-form
:model="queryParams"
ref="queryForm"
size="small"
:inline="true"
v-show="showSearch"
label-width="68px"
>
<el-form-item prop="deviceName">
<el-input
v-model="queryParams.deviceName"
placeholder="请输入采集设备名称"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item>
<el-button
type="primary"
icon="el-icon-search"
size="mini"
@click="handleQuery"
>搜索</el-button
>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
>重置</el-button
>
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
>新增</el-button
>
</el-col>
<el-col :span="1.5">
<el-button
type="success"
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
>修改</el-button
>
</el-col>
<el-col :span="1.5">
<el-button
type="danger"
plain
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
>删除</el-button
>
</el-col>
<right-toolbar
:showSearch.sync="showSearch"
@queryTable="getList"
></right-toolbar>
</el-row>
<el-table
v-loading="loading"
:data="infoList"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55" align="center" />
<el-table-column type="index" label="序号" width="55" align="center" />
<el-table-column label="变电站名称" align="center" prop="deviceName" />
<el-table-column label="电箱名称" align="center" prop="deviceId" />
<el-table-column
label="操作"
align="center"
class-name="small-padding fixed-width"
fixed="right"
>
<template slot-scope="scope">
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
>修改</el-button
>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
>删除</el-button
>
</template>
</el-table-column>
</el-table>
<pagination
v-show="total > 0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<!-- 添加或修改风机基本信息对话框 -->
<el-dialog :title="title" :visible.sync="open" width="800px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="150px">
<el-form-item label="变电站名称" prop="deviceName">
<el-input v-model="form.deviceName" placeholder="请输入风机名称" />
</el-form-item>
<el-form-item label="电箱名称" prop="deviceId">
<el-input v-model="form.deviceId" placeholder="请输入风机编号" />
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import {
getFanInfo,
listFanInfo,
addFanInfo,
updateFanInfo,
delFanInfo,
} from "@/api/tyler/fanDev";
export default {
name: "Info",
data() {
return {
// 根路径
baseURL: process.env.VUE_APP_BASE_API,
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 风机基本信息表格数据
infoList: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
deviceName: null,
deviceId: null,
installationLocation: null,
powerSupplyVoltage: null,
motorCurrent: null,
operatingFrequency: null,
setFrequency: null,
windPressure: null,
windSpeed: null,
airVolume: null,
frontAxisTemperature: null,
rearAxisTemperature: null,
motorTemperature: null,
frontVibration: null,
rearVibration: null,
},
// 表单参数
form: {},
// 表单校验
rules: {
id: [{ required: true, message: "id不能为空", trigger: "blur" }],
deviceName: [
{ required: true, message: "风机名称不能为空", trigger: "blur" },
],
deviceId: [
{ required: true, message: "风机编号不能为空", trigger: "blur" },
],
},
};
},
created() {
this.getList();
},
methods: {
/** 查询风机基本信息列表 */
getList() {
this.loading = true;
listFanInfo(this.queryParams).then((response) => {
this.infoList = [];
this.total = response.total;
this.loading = false;
});
},
// 取消按钮
cancel() {
this.open = false;
this.reset();
},
// 表单重置
reset() {
this.form = {
id: null,
deviceName: null,
deviceId: null,
installationLocation: null,
powerSupplyVoltage: null,
motorCurrent: null,
operatingFrequency: null,
setFrequency: null,
windPressure: null,
windSpeed: null,
airVolume: null,
frontAxisTemperature: null,
rearAxisTemperature: null,
motorTemperature: null,
frontVibration: null,
rearVibration: null,
};
this.resetForm("form");
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1;
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.resetForm("queryForm");
this.handleQuery();
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map((item) => item.id);
this.single = selection.length !== 1;
this.multiple = !selection.length;
},
/** 新增按钮操作 */
handleAdd() {
this.reset();
this.open = true;
this.title = "添加风机基本信息";
},
/** 修改按钮操作 */
handleUpdate(row) {
this.reset();
const id = row.id || this.ids;
getFanInfo(id).then((response) => {
this.form = response.data;
this.open = true;
this.title = "修改风机基本信息";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate((valid) => {
if (valid) {
if (this.form.id != null) {
updateFanInfo(this.form).then((response) => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
});
} else {
addFanInfo(this.form).then((response) => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
});
}
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
const ids = row.id || this.ids;
this.$modal
.confirm('是否确认删除风机基本信息编号为"' + ids + '"的数据项？')
.then(function () {
return delFanInfo(ids);
})
.then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
})
.catch(() => {});
},
},
};
</script>
src/views/system/waterSysSet/index.vue
View file @ 2c241633
...@@ -16,26 +16,9 @@ ...@@ -16,26 +16,9 @@
</div> </div>
</el-card> </el-card>
<!-- 峰谷值时间段设置 --> <!-- 峰谷值时间段设置 -->
<el-card> <el-card v-if="formData.status === '1'">
<div class="section"> <div class="section">
<h3>设置峰谷值时间段</h3> <h3>设置峰谷值时间段</h3>
<!-- <el-table :data="timeperiodList" size="mini">
<el-table-column
label="时间段(24小时)"
prop="timePeriod"
width="120"
align="center"
></el-table-column>
<el-table-column label="选择峰谷平期" width="300" align="center">
<template slot-scope="scope">
<el-radio-group v-model="scope.row.value" size="mini">
<el-radio label="0">峰时段</el-radio>
<el-radio label="1">谷时段</el-radio>
<el-radio label="2">平时段</el-radio>
</el-radio-group>
</template>
</el-table-column>
</el-table> -->
<el-row :gutter="20"> <el-row :gutter="20">
<el-col <el-col
:span="8" :span="8"
...@@ -45,7 +28,7 @@ ...@@ -45,7 +28,7 @@
<el-table :data="group" size="mini"> <el-table :data="group" size="mini">
<el-table-column label="时间段" width="120" align="center"> <el-table-column label="时间段" width="120" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
{{ scope.row.timePeriod }} {{ scope.row.name }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
...@@ -55,13 +38,13 @@ ...@@ -55,13 +38,13 @@
> >
<template slot-scope="scope"> <template slot-scope="scope">
<el-radio-group <el-radio-group
v-model="scope.row.value" v-model="scope.row.peakValleyFlatTime"
size="mini" size="mini"
v-removeAriaHidden v-removeAriaHidden
> >
<el-radio label="0">峰时段</el-radio> <el-radio :label="1">峰时段</el-radio>
<el-radio label="1">谷时段</el-radio> <el-radio :label="2">谷时段</el-radio>
<el-radio label="2">平时段</el-radio> <el-radio :label="3">平时段</el-radio>
</el-radio-group> </el-radio-group>
</template> </template>
</el-table-column> </el-table-column>
...@@ -73,63 +56,32 @@ ...@@ -73,63 +56,32 @@
<!-- 液体高度设置 --> <!-- 液体高度设置 -->
<div class="section"> <div class="section">
<h3 style="margin-bottom: 20px">设置液体高度</h3> <h3 style="margin-bottom: 20px">设置液体高度</h3>
<el-row> <el-row v-for="(item, index) in list" :key="'sumpName' + index">
<el-col :span="3" class="flex-center" style="height: 40px"> <el-col :span="3" class="flex-center" style="height: 40px">
七中水池液位高度(m): {{ item.sumpName }}水池液位高度(m):
</el-col> </el-col>
<el-col :span="18"> <el-col :span="18">
<el-form-item label="上限值" prop="waterLevel"> <el-form-item label="上限值">
<el-input <el-input
v-model="formData.waterLevel" v-model="item.heghtThresholdA"
placeholder="请输入水位高度" placeholder="请输入水位高度"
></el-input> ></el-input>
</el-form-item> </el-form-item>
<el-form-item label="平点值" prop="waterLevel"> <el-form-item label="平点值">
<el-input <el-input
v-model="formData.waterLevel" v-model="item.heghtThresholdB"
placeholder="请输入水位高度" placeholder="请输入水位高度"
></el-input> ></el-input>
</el-form-item> </el-form-item>
<el-form-item label="谷点值" prop="waterLevel"> <el-form-item label="谷点值">
<el-input <el-input
v-model="formData.waterLevel" v-model="item.heghtThresholdC"
placeholder="请输入水位高度" placeholder="请输入水位高度"
></el-input> ></el-input>
</el-form-item> </el-form-item>
<el-form-item label="下限值" prop="waterLevel"> <el-form-item label="下限值">
<el-input <el-input
v-model="formData.waterLevel" v-model="item.heghtThresholdD"
placeholder="请输入水位高度"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="3" class="flex-center" style="height: 40px"
>二中水仓液位高度（m）:
</el-col>
<el-col :span="18">
<el-form-item label="上限值" prop="waterLevel">
<el-input
v-model="formData.waterLevel"
placeholder="请输入水位高度"
></el-input>
</el-form-item>
<el-form-item label="平点值" prop="waterLevel">
<el-input
v-model="formData.waterLevel"
placeholder="请输入水位高度"
></el-input>
</el-form-item>
<el-form-item label="谷点值" prop="waterLevel">
<el-input
v-model="formData.waterLevel"
placeholder="请输入水位高度"
></el-input>
</el-form-item>
<el-form-item label="下限值" prop="waterLevel">
<el-input
v-model="formData.waterLevel"
placeholder="请输入水位高度" placeholder="请输入水位高度"
></el-input> ></el-input>
</el-form-item> </el-form-item>
...@@ -141,36 +93,30 @@ ...@@ -141,36 +93,30 @@
设置水仓水位采集频率： 设置水仓水位采集频率：
</el-col> </el-col>
<el-col :span="18" class="flex-align"> <el-col :span="18" class="flex-align">
<el-form-item prop="waterLevel" style="margin-bottom: 0"> <el-form-item style="margin-bottom: 0">
<el-input v-model="formData.waterLevel"></el-input> <el-input v-model="formData.waterLevelInterval"></el-input>
</el-form-item> </el-form-item>
<span class="unit-text">分钟</span> <span class="unit-text">分钟</span>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row v-for="(item, index) in list" :key="'sumpName1' + index">
<el-col :span="3" class="flex-center" style="height: 40px"> <el-col :span="3" class="flex-center" style="height: 40px">
设置二中水仓液位下降值： 设置{{ item.sumpName }}水仓液位下降值：
</el-col> </el-col>
<el-col :span="18" class="flex-align"> <el-col :span="18" class="flex-align">
<el-form-item prop="waterLevel" style="margin-bottom: 0"> <el-form-item style="margin-bottom: 0">
<el-input v-model="formData.waterLevel"></el-input> <el-input
</el-form-item> v-model="item.declineNum"
<span class="unit-text">CM</span> @input="handleInputChange($event, index)"
</el-col> ></el-input>
</el-row>
<el-row>
<el-col :span="3" class="flex-center" style="height: 40px">
设置七中水仓液位下降值：
</el-col>
<el-col :span="18" class="flex-align">
<el-form-item prop="waterLevel" style="margin-bottom: 0">
<el-input v-model="formData.waterLevel"></el-input>
</el-form-item> </el-form-item>
<span class="unit-text">CM</span> <span class="unit-text">CM</span>
</el-col> </el-col>
</el-row> </el-row>
</div> </div>
</el-card>
<el-card v-else> 自动化控制已关闭</el-card>
<el-card>
<!-- 按钮区域 --> <!-- 按钮区域 -->
<div class="button-group"> <div class="button-group">
<el-button @click="handleCancel">取消</el-button> <el-button @click="handleCancel">取消</el-button>
...@@ -196,7 +142,12 @@ ...@@ -196,7 +142,12 @@
</template> </template>
<script> <script>
import { peakGetDra, peakEditDra } from "@/api/tyler/sys"; import {
getStatusFre,
getStatusIntervalTimeList,
getStatusIntervalNumList,
updateSysSet,
} from "@/api/tyler/sys";
export default { export default {
name: "AutomationControl", name: "AutomationControl",
...@@ -208,109 +159,14 @@ export default { ...@@ -208,109 +159,14 @@ export default {
peakBeginTime: "", peakBeginTime: "",
peakEndTime: "", peakEndTime: "",
draPeakSumpVos: [], draPeakSumpVos: [],
waterLevelInterval: "",
}, },
rules: {}, rules: {},
timeRange: [], timeRange: [],
title: "液位高度设置说明：", title: "液位高度设置说明：",
timeperiodList: [ timeperiodList: [],
{ list: [],
timePeriod: "00:00-01:00",
value: "0",
},
{
timePeriod: "01:00-02:00",
value: "0",
},
{
timePeriod: "02:00-03:00",
value: "0",
},
{
timePeriod: "03:00-04:00",
value: "0",
},
{
timePeriod: "04:00-05:00",
value: "0",
},
{
timePeriod: "05:00-06:00",
value: "0",
},
{
timePeriod: "06:00-07:00",
value: "0",
},
{
timePeriod: "07:00-08:00",
value: "0",
},
{
timePeriod: "08:00-09:00",
value: "0",
},
{
timePeriod: "09:00-10:00",
value: "0",
},
{
timePeriod: "10:00-11:00",
value: "0",
},
{
timePeriod: "11:00-12:00",
value: "0",
},
{
timePeriod: "12:00-13:00",
value: "0",
},
{
timePeriod: "13:00-14:00",
value: "0",
},
{
timePeriod: "14:00-15:00",
value: "0",
},
{
timePeriod: "15:00-16:00",
value: "0",
},
{
timePeriod: "16:00-17:00",
value: "0",
},
{
timePeriod: "17:00-18:00",
value: "0",
},
{
timePeriod: "18:00-19:00",
value: "0",
},
{
timePeriod: "19:00-20:00",
value: "0",
},
{
timePeriod: "20:00-21:00",
value: "0",
},
{
timePeriod: "21:00-22:00",
value: "0",
},
{
timePeriod: "22:00-23:00",
value: "0",
},
{
timePeriod: "23:00-24:00",
value: "0",
},
],
}; };
}, },
created() { created() {
...@@ -318,46 +174,31 @@ export default { ...@@ -318,46 +174,31 @@ export default {
}, },
methods: { methods: {
getList() { getList() {
peakGetDra().then((res) => { //处理三个接口获取数据
const data = res.data; getStatusFre().then((res) => {
if (res.code === 200) {
// 保存原始水泵顺序 this.formData.status = res.data.draStatus;
this.originalPumpOrder = new Map(); this.formData.waterLevelInterval = res.data.waterLevelInterval;
data.draPeakSumpVos.forEach((sump, sumpIndex) => { }
this.originalPumpOrder.set( });
sumpIndex, getStatusIntervalTimeList().then((res) => {
sump.draPeakPumpVos.map((p) => p.pumpId) if (res.code === 200) {
); this.timeperiodList = res.rows;
}); }
});
// 处理数据时保持原始顺序 getStatusIntervalNumList().then((res) => {
data.draPeakSumpVos = data.draPeakSumpVos.map((sump, sumpIndex) => { if (res.code === 200) {
const orderedPumps = []; this.list = res.rows.map((item) => ({
const originalOrder = this.originalPumpOrder.get(sumpIndex); ...item,
// 确保包含所有需要的字段
// 按照原始顺序重新排列水泵 declineNum: item.declineNum || "", // 新增字段初始化
originalOrder.forEach((pumpId) => { heghtThresholdA: item.heghtThresholdA || "",
const found = sump.draPeakPumpVos.find((p) => p.pumpId === pumpId); heghtThresholdB: item.heghtThresholdB || "",
if (found) { heghtThresholdC: item.heghtThresholdC || "",
orderedPumps.push({ heghtThresholdD: item.heghtThresholdD || "",
...found, }));
pumpStatus: parseInt(found.pumpStatus, 10), }
});
}
});
return {
...sump,
draPeakPumpVos: orderedPumps,
};
});
this.formData = data;
this.timeRange = [data.peakBeginTime, data.peakEndTime];
}); });
},
handleStatusChange(value) {
console.log("自动化控制状态已切换为:", value);
}, },
handleTimeRangeChange(value) { handleTimeRangeChange(value) {
if (value && value.length === 2) { if (value && value.length === 2) {
...@@ -365,25 +206,21 @@ export default { ...@@ -365,25 +206,21 @@ export default {
this.formData.peakEndTime = value[1]; this.formData.peakEndTime = value[1];
} }
}, },
handleCancel() {
this.getList(); // 重新获取数据重置表单
},
handleSave() { handleSave() {
// 深拷贝时保持数组顺序 const param = {
const postData = { status: this.formData.status,
...this.formData, waterLevelInterval: this.formData.waterLevelInterval,
draPeakSumpVos: this.formData.draPeakSumpVos.map((sump) => ({ draPeakTimeList: this.timeperiodList,
...sump, draPeakNumList: this.list,
draPeakPumpVos: sump.draPeakPumpVos.map((pump) => ({
...pump,
pumpStatus: pump.pumpStatus.toString(),
})),
})),
}; };
updateSysSet(param).then((res) => {
peakEditDra(postData).then((res) => { if (res.code === 200) {
this.$message.success("设置保存成功"); this.$message({
this.getList(); message: "修改成功",
type: "success",
});
this.getList();
}
}); });
}, },
setDis() { setDis() {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment