xzzn/emsfront
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

点位、报警点位

Browse Source
This commit is contained in:
白菜
2025-12-05 09:46:31 +08:00
parent cd8871d45a
commit 7f3d02b8fb
3 changed files with 240 additions and 243 deletions
Download Patch File Download Diff File Expand all files Collapse all files

228
src/api/ems/site.js
View File

@ -1,183 +1,193 @@
import request from '@/utils/request' import request from '@/utils/request'
// 站点列表 // 站点列表
export function getSiteInfoList({siteName,startTime, endTime,pageSize,pageNum}) { export function getSiteInfoList({siteName, startTime, endTime, pageSize, pageNum}) {
return request({ return request({
url: `/ems/siteConfig/getSiteInfoList?siteName=${siteName}&startTime=${startTime}&endTime=${endTime}&pageSize=${pageSize}&pageNum=${pageNum}`, url: `/ems/siteConfig/getSiteInfoList?siteName=${siteName}&startTime=${startTime}&endTime=${endTime}&pageSize=${pageSize}&pageNum=${pageNum}`,
method: 'get' method: 'get'
}) })
} }
// 设备列表 // 设备列表
export function getDeviceInfoList({siteId,pageSize,pageNum}) { export function getDeviceInfoList({siteId, pageSize, pageNum}) {
return request({ return request({
url: `/ems/siteConfig/getDeviceInfoList?siteId=${siteId}&pageSize=${pageSize}&pageNum=${pageNum}`, url: `/ems/siteConfig/getDeviceInfoList?siteId=${siteId}&pageSize=${pageSize}&pageNum=${pageNum}`,
method: 'get' method: 'get'
}) })
} }
// 设备详情 // 设备详情
export function getDeviceDetailInfo(id) { export function getDeviceDetailInfo(id) {
return request({ return request({
url: `/ems/siteConfig/getDeviceDetailInfo?id=${id}`, url: `/ems/siteConfig/getDeviceDetailInfo?id=${id}`,
method: 'get' method: 'get'
}) })
} }
// 获取所有设备类别 // 获取所有设备类别
export function getDeviceCategory() { export function getDeviceCategory() {
return request({ return request({
url: `/ems/siteConfig/getDeviceCategory`, url: `/ems/siteConfig/getDeviceCategory`,
method: 'get' method: 'get'
}) })
} }
// 新增设备 // 新增设备
export function addDevice(data) { export function addDevice(data) {
return request({ return request({
url: `/ems/siteConfig/addDevice`, url: `/ems/siteConfig/addDevice`,
method: 'post', method: 'post',
data data
}) })
} }
// 编辑设备 // 编辑设备
export function updateDevice(data) { export function updateDevice(data) {
return request({ return request({
url: `/ems/siteConfig/updateDevice`, url: `/ems/siteConfig/updateDevice`,
method: 'post', method: 'post',
data data
}) })
} }
// 删除设备 // 删除设备
export function deleteService(id) { export function deleteService(id) {
return request({ return request({
url: `/ems/siteConfig/deleteService/`+id, url: `/ems/siteConfig/deleteService/` + id,
method: 'delete', method: 'delete',
}) })
} }
// 获取上级设备id列表 // 获取上级设备id列表
export function getParentDeviceId({siteId,deviceCategory}) { export function getParentDeviceId({siteId, deviceCategory}) {
return request({ return request({
url: `/ems/siteConfig/getParentDeviceId?siteId=${siteId}&deviceCategory=${deviceCategory}`, url: `/ems/siteConfig/getParentDeviceId?siteId=${siteId}&deviceCategory=${deviceCategory}`,
method: 'get', method: 'get',
}) })
} }
//获取所有设备 //获取所有设备
export function getDeviceList(siteId) { export function getDeviceList(siteId) {
return request({ return request({
url: `/ems/siteConfig/getDeviceList?siteId=${siteId}`, url: `/ems/siteConfig/getDeviceList?siteId=${siteId}`,
method: 'get', method: 'get',
}) })
} }
//获取设备点位table //获取设备点位table
export function getDevicePointList({siteId,deviceId,deviceCategory,parentId,pageNum,pageSize,dataPointName='',sortMethod,sortData,dataPoint,lower,upper,ipAddress,ipPort}) { export function getDevicePointList(data) {
return request({ return request({
url: `/ems/siteConfig/getDevicePointList?siteId=${siteId}&deviceId=${deviceId}&pageNum=${pageNum}&pageSize=${pageSize}&deviceCategory=${deviceCategory}&dataPointName=${dataPointName}&parentId=${parentId}&dataPoint=${dataPoint}&lower=${lower}&upper=${upper}&pageNum=${pageNum}&sortMethod=${sortMethod}&sortData=${sortData}&ipAddress=${ipAddress}&ipPort=${ipPort}`, url: `/ems/siteConfig/getDevicePointList`,
method: 'get', method: 'get',
}) params: data
})
} }
//获取设备类型下面的所有设备列表 //获取设备类型下面的所有设备列表
export function getDeviceListBySiteAndCategory({siteId, deviceCategory}) { export function getDeviceListBySiteAndCategory({siteId, deviceCategory}) {
return request({ return request({
url: `/ems/siteConfig/getDeviceListBySiteAndCategory?siteId=${siteId}&deviceCategory=${deviceCategory}`, url: `/ems/siteConfig/getDeviceListBySiteAndCategory?siteId=${siteId}&deviceCategory=${deviceCategory}`,
method: 'get', method: 'get',
}) })
} }
//新增设备保护 //新增设备保护
export function addProtectPlan(data) { export function addProtectPlan(data) {
return request({ return request({
url: `/ems/protectPlan`, url: `/ems/protectPlan`,
method: 'post', method: 'post',
data data
}) })
} }
//修改设备保护 //修改设备保护
export function updateProtectPlan(data) { export function updateProtectPlan(data) {
return request({ return request({
url: `/ems/protectPlan`, url: `/ems/protectPlan`,
method: 'put', method: 'put',
data data
}) })
} }
//删除设备保护 //删除设备保护
export function deleteProtectPlan(id) { export function deleteProtectPlan(id) {
return request({ return request({
url: `/ems/protectPlan/${id}`, url: `/ems/protectPlan/${id}`,
method: 'delete', method: 'delete',
}) })
} }
//设备保护详情 //设备保护详情
export function getProtectPlan(id) { export function getProtectPlan(id) {
return request({ return request({
url: `/ems/protectPlan/${id}`, url: `/ems/protectPlan/${id}`,
method: 'get', method: 'get',
}) })
} }
//设备保护详情列表 //设备保护详情列表
//http://localhost:8089/ems/protectPlan/list?pageSize=10&pageNum=1&faultName=总压&siteId=021_DDS_01 //http://localhost:8089/ems/protectPlan/list?pageSize=10&pageNum=1&faultName=总压&siteId=021_DDS_01
export function protectPlanList({siteId, faultName,pageSize,pageNum}) { export function protectPlanList({siteId, faultName, pageSize, pageNum}) {
return request({ return request({
url: `/ems/protectPlan/list?siteId=${siteId}&faultName=${faultName}&pageSize=${pageSize}&pageNum=${pageNum}`, url: `/ems/protectPlan/list?siteId=${siteId}&faultName=${faultName}&pageSize=${pageSize}&pageNum=${pageNum}`,
method: 'get', method: 'get',
}) })
} }
// 点位导出 // 点位导出
export function exportPointList(data) { export function exportPointList(data) {
return request({ return request({
url: `/ems/pointMatch/export`, url: `/ems/pointMatch/export`,
method: 'post', method: 'post',
data data
}) })
}
// 点位导入
export function importPointList(data) {
return request({
url: `/ems/pointMatch/importData`,
method: 'post',
data
})
} }
// 点位导入
export function importPointList(data) {
return request({
url: `/ems/pointMatch/importData`,
method: 'post',
data
})
}
//mqtt //mqtt
export function getMqttList({pageSize,pageNum,mqttTopic,topicName,siteId}) { export function getMqttList({pageSize, pageNum, mqttTopic, topicName, siteId}) {
return request({ return request({
url: `/ems/mqttConfig/list?pageSize=${pageSize}&pageNum=${pageNum}&mqttTopic=${mqttTopic}&topicName=${topicName}&siteId=${siteId}`, url: `/ems/mqttConfig/list?pageSize=${pageSize}&pageNum=${pageNum}&mqttTopic=${mqttTopic}&topicName=${topicName}&siteId=${siteId}`,
method: 'get', method: 'get',
}) })
} }
export function getMqttDetail(id) { export function getMqttDetail(id) {
return request({ return request({
url: `/ems/mqttConfig/${id}`, url: `/ems/mqttConfig/${id}`,
method: 'get', method: 'get',
}) })
} }
export function addMqtt(data) { export function addMqtt(data) {
return request({ return request({
url: `/ems/mqttConfig`, url: `/ems/mqttConfig`,
method: 'post', method: 'post',
data data
}) })
} }
export function editMqtt(data) { export function editMqtt(data) {
return request({ return request({
url: `/ems/mqttConfig`, url: `/ems/mqttConfig`,
method: 'put', method: 'put',
data data
}) })
} }
export function deleteMqtt(id) { export function deleteMqtt(id) {
return request({ return request({
url: `/ems/mqttConfig/${id}`, url: `/ems/mqttConfig/${id}`,
method: 'delete', method: 'delete',
}) })
} }

40
src/views/ems/dzjk/sbjk/dtdc/Table.vue
View File

@ -1,19 +1,19 @@
<template> <template>
<div> <div>
<el-table <el-table
class="common-table" class="common-table"
:data="tableData" :data="tableData"
stripe stripe
style="width: 100%; margin-top: 25px" style="width: 100%; margin-top: 25px"
> >
<el-table-column prop="deviceId" label="单体编号"> </el-table-column> <el-table-column prop="deviceId" label="单体编号"></el-table-column>
<el-table-column prop="clusterDeviceId" label="簇号"> </el-table-column> <el-table-column prop="clusterDeviceId" label="簇号"></el-table-column>
<el-table-column prop="voltage" label="电压 (V)"> <el-table-column prop="voltage" label="电压 (V)">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button
@click="chartDetail(scope.row, '电压 (V)')" @click="chartDetail(scope.row, '电压 (V)')"
type="text" type="text"
size="small" size="small"
> >
{{ scope.row.voltage }} {{ scope.row.voltage }}
</el-button> </el-button>
@ -22,9 +22,9 @@
<el-table-column prop="temperature" label="温度 (℃)"> <el-table-column prop="temperature" label="温度 (℃)">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button
@click="chartDetail(scope.row, '温度 (℃)')" @click="chartDetail(scope.row, '温度 (℃)')"
type="text" type="text"
size="small" size="small"
> >
{{ scope.row.temperature }} {{ scope.row.temperature }}
</el-button> </el-button>
@ -33,9 +33,9 @@
<el-table-column prop="soc" label="SOC (%)"> <el-table-column prop="soc" label="SOC (%)">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button
@click="chartDetail(scope.row, 'SOC (%)')" @click="chartDetail(scope.row, 'SOC (%)')"
type="text" type="text"
size="small" size="small"
> >
{{ scope.row.soc }} {{ scope.row.soc }}
</el-button> </el-button>
@ -44,15 +44,15 @@
<el-table-column prop="soh" label="SOH (%)"> <el-table-column prop="soh" label="SOH (%)">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button
@click="chartDetail(scope.row, 'SOH (%)')" @click="chartDetail(scope.row, 'SOH (%)')"
type="text" type="text"
size="small" size="small"
> >
{{ scope.row.soh }} {{ scope.row.soh }}
</el-button> </el-button>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="操作"> <el-table-column label="操作" width="160">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button @click="$emit('pointDetail',scope.row,'point')" type="text" size="small"> <el-button @click="$emit('pointDetail',scope.row,'point')" type="text" size="small">
详细 详细
@ -118,7 +118,7 @@ export default {
methods: { methods: {
//查看表格行图表 //查看表格行图表
chartDetail(row, dataType = "") { chartDetail(row, dataType = "") {
this.$emit("chart", { ...row, dataType }); this.$emit("chart", {...row, dataType});
}, },
}, },
}; };

215
src/views/ems/site/sblb/PointTable.vue
View File

@ -2,140 +2,140 @@
<template> <template>
<div> <div>
<el-dialog <el-dialog
v-loading="loading" v-loading="loading"
:close-on-click-modal="false" :close-on-click-modal="false"
:visible.sync="show" :visible.sync="show"
append-to-body append-to-body
class="ems-dialog" class="ems-dialog"
destroy-on-close destroy-on-close
lock-scroll lock-scroll
show-close show-close
:title="dataType === 'point' ? '点位清单' : '报警点位'" :title="dataType === 'point' ? '点位清单' : '报警点位'"
width="950px" width="950px"
> >
<el-form :inline="true" label-width="100px"> <el-form :inline="true" label-width="100px">
<el-form-item label="点位名称"> <el-form-item label="点位名称">
<el-input <el-input
v-model="form.dataPointName" v-model="form.dataPointName"
clearable clearable
placeholder="请输入点位名称" placeholder="请输入点位名称"
style="width: 150px" style="width: 150px"
></el-input> ></el-input>
</el-form-item> </el-form-item>
<el-form-item label="点位"> <el-form-item label="点位">
<el-input <el-input
v-model="form.dataPoint" v-model="form.dataPoint"
clearable clearable
placeholder="请输入点位" placeholder="请输入点位"
style="width: 150px" style="width: 150px"
></el-input> ></el-input>
</el-form-item> </el-form-item>
<!-- <el-form-item label="modbus ip">--> <!-- <el-form-item label="modbus ip">-->
<!-- <el-input--> <!-- <el-input-->
<!-- v-model="form.ipAddress"--> <!-- v-model="form.ipAddress"-->
<!-- clearable--> <!-- clearable-->
<!-- placeholder="请输入ip"--> <!-- placeholder="请输入ip"-->
<!-- style="width: 150px"--> <!-- style="width: 150px"-->
<!-- ></el-input>--> <!-- ></el-input>-->
<!-- </el-form-item>--> <!-- </el-form-item>-->
<br> <br>
<el-form-item label="最小值"> <el-form-item label="最小值">
<el-input <el-input
v-model="form.lower" v-model="form.lower"
clearable clearable
placeholder="请输入最小值" placeholder="请输入最小值"
style="width: 150px" style="width: 150px"
></el-input> ></el-input>
</el-form-item> </el-form-item>
<el-form-item label="最大值"> <el-form-item label="最大值">
<el-input <el-input
v-model="form.upper" v-model="form.upper"
clearable clearable
placeholder="请输入最大值" placeholder="请输入最大值"
style="width: 150px" style="width: 150px"
></el-input> ></el-input>
</el-form-item> </el-form-item>
<!-- <el-form-item label="modbus 端口">--> <!-- <el-form-item label="modbus 端口">-->
<!-- <el-input--> <!-- <el-input-->
<!-- v-model="form.ipPort"--> <!-- v-model="form.ipPort"-->
<!-- clearable--> <!-- clearable-->
<!-- placeholder="请输入端口"--> <!-- placeholder="请输入端口"-->
<!-- style="width: 150px"--> <!-- style="width: 150px"-->
<!-- ></el-input>--> <!-- ></el-input>-->
<!-- </el-form-item>--> <!-- </el-form-item>-->
<el-form-item style="margin-left: 20px"> <el-form-item style="margin-left: 20px">
<el-button type="primary" @click="search">搜索</el-button> <el-button type="primary" @click="search">搜索</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
<el-table <el-table
:data="tableData" :data="tableData"
class="common-table" class="common-table"
max-height="400px" max-height="400px"
stripe stripe
style="width: 100%" style="width: 100%"
:default-sort="defaultSort" :default-sort="defaultSort"
@sort-change="handleSortChange" @sort-change="handleSortChange"
> >
<el-table-column label="数据点位" prop="dataPoint"> </el-table-column> <el-table-column label="数据点位" prop="dataPoint"></el-table-column>
<el-table-column <el-table-column
label="数据点位名称" label="数据点位名称"
prop="pointName" prop="pointName"
></el-table-column> ></el-table-column>
<!-- <el-table-column label="modbus地址">--> <!-- <el-table-column label="modbus地址">-->
<!-- <template slot-scope="scope">--> <!-- <template slot-scope="scope">-->
<!-- <span>{{--> <!-- <span>{{-->
<!-- `${scope.row.ipAddress || ""} ${scope.row.ipPort || ""}`--> <!-- `${scope.row.ipAddress || ""} ${scope.row.ipPort || ""}`-->
<!-- }}</span>--> <!-- }}</span>-->
<!-- </template>--> <!-- </template>-->
<!-- </el-table-column>--> <!-- </el-table-column>-->
<el-table-column label="寄存器地址" prop="寄存器地址"></el-table-column> <el-table-column label="寄存器地址" prop="寄存器地址"></el-table-column>
<el-table-column <el-table-column
label="最新值" label="最新值"
prop="pointValue" prop="pointValue"
align="right" align="right"
sortable="custom" sortable="custom"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<span class="pointer" @click="showChart(scope.row)">{{ <span class="pointer" @click="showChart(scope.row)">{{
scope.row.pointValue scope.row.pointValue
}}</span> }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="单位" prop="dataUnit"></el-table-column> <el-table-column label="单位" prop="dataUnit"></el-table-column>
<el-table-column <el-table-column
label="更新时间" label="更新时间"
min-width="160px" min-width="160px"
prop="updateTime" prop="updateTime"
sortable="custom" sortable="custom"
> >
</el-table-column> </el-table-column>
</el-table> </el-table>
<el-pagination <el-pagination
v-show="tableData.length > 0" v-show="tableData.length > 0"
:current-page="pageNum" :current-page="pageNum"
:page-size="pageSize" :page-size="pageSize"
:page-sizes="[10, 20, 30, 40]" :page-sizes="[10, 20, 30, 40]"
:pager-count="5" :pager-count="5"
:total="totalSize" :total="totalSize"
background background
layout="total, sizes, prev, pager, next, jumper" layout="total, sizes, prev, pager, next, jumper"
small small
style="margin-top: 15px; text-align: center" style="margin-top: 15px; text-align: center"
@size-change="handleSizeChange" @size-change="handleSizeChange"
@current-change="handleCurrentChange" @current-change="handleCurrentChange"
> >
</el-pagination> </el-pagination>
</el-dialog> </el-dialog>
<point-chart ref="pointChart" :site-id="siteId" /> <point-chart ref="pointChart" :site-id="siteId"/>
</div> </div>
</template> </template>
<script> <script>
import { getDevicePointList } from "@/api/ems/site"; import {getDevicePointList} from "@/api/ems/site";
import pointChart from "@/views/ems/dzjk/sbjk/PointChart.vue"; import pointChart from "@/views/ems/dzjk/sbjk/PointChart.vue";
export default { export default {
components: { pointChart }, components: {pointChart},
watch: { watch: {
show(val) { show(val) {
if (!val) { if (!val) {
@ -169,10 +169,10 @@ export default {
data() { data() {
return { return {
// 默认排序 // 默认排序
defaultSort: { prop: "updateTime", order: "descending" }, defaultSort: {prop: "updateTime", order: "descending"},
show: false, show: false,
loading: false, loading: false,
dataType:'',//展示的数据类型 point点位/alarmPoint报警点位 dataType: '',//展示的数据类型 point点位/alarmPoint报警点位
form: { form: {
sortData: "updateTime", //最新值升序不传或者asc、降序desc） sortData: "updateTime", //最新值升序不传或者asc、降序desc）
sortMethod: "desc", //升序不传或者asc、降序desc） sortMethod: "desc", //升序不传或者asc、降序desc）
@ -194,9 +194,9 @@ export default {
}; };
}, },
methods: { methods: {
showChart({ pointName }) { showChart({pointName}) {
if (pointName) { if (pointName) {
const { deviceCategory, deviceId } = this; const {deviceCategory, deviceId} = this;
if (this.isDtdc) if (this.isDtdc)
this.$refs.pointChart.showChart({ this.$refs.pointChart.showChart({
pointName, pointName,
@ -235,7 +235,7 @@ export default {
this.getData() this.getData()
}); });
}, },
showTable({ deviceCategory, siteId, deviceId, parentId = "" },dataType) { showTable({deviceCategory, siteId, deviceId, parentId = ""}, dataType) {
this.dataType = dataType; this.dataType = dataType;
this.deviceCategory = deviceCategory; this.deviceCategory = deviceCategory;
this.siteId = siteId; this.siteId = siteId;
@ -244,28 +244,6 @@ export default {
this.show = true; this.show = true;
this.getData() this.getData()
}, },
getAlarmPointData(param){
this.loading = true;
getDevicePointList(param)
.then((response) => {
this.tableData = response?.rows || [];
this.totalSize = response?.total || 0;
})
.finally(() => {
this.loading = false;
});
},
getPointData(param){
this.loading = true;
getDevicePointList(param)
.then((response) => {
this.tableData = response?.rows || [];
this.totalSize = response?.total || 0;
})
.finally(() => {
this.loading = false;
});
},
getData() { getData() {
const { const {
siteId, siteId,
@ -298,10 +276,19 @@ export default {
dataPoint, dataPoint,
lower, lower,
upper, upper,
ipAddress:'', // ipAddress: '',
ipPort:'', // ipPort: '',
} }
this.dataType === 'point' ? this.getPointData(params) : this.getAlarmPointData(params) params.isAlarm = this.dataType === 'point' ? 0 : 1
this.loading = true;
getDevicePointList(params)
.then((response) => {
this.tableData = response?.rows || [];
this.totalSize = response?.total || 0;
})
.finally(() => {
this.loading = false;
});
}, },
}, },
}; };