Skip to content

Y
yindong-tongbai-automation
Commit 94a56373 authored by forevertyler's avatar forevertyler
Browse files
Options

add:环境监测，大屏人员定位接口

parent 93281c24
Hide whitespace changes
Inline Side-by-side
Showing with 1476 additions and 182 deletions
src/api/tyler/common.js
View file @ 94a56373
......@@ -79,3 +79,12 @@ export function eleGetEleboxParameter(query) {
params: query
})
}
//环境监测检测项名称
export function typeNameList(query) {
return request({
url: '/business/real/typeList',
method: 'get',
params: query
})
}
\ No newline at end of file
src/api/tyler/envMonitoringAlarm.js 0 → 100644
View file @ 94a56373
import request from '@/utils/request'
// 查询环境监测报警数据列表
export function listAlarm(query) {
return request({
url: '/business/alarm/list',
method: 'get',
params: query
})
}
// 查询环境监测报警数据所有列表
export function listAllAlarm(query) {
return request({
url: '/business/alarm/listAll',
method: 'get',
params: query
})
}
// 查询环境监测报警数据详细
export function getAlarm(id) {
return request({
url: '/business/alarm/getInfo/' + id,
method: 'get'
})
}
// 新增环境监测报警数据
export function addAlarm(data) {
return request({
url: '/business/alarm/add',
method: 'post',
data: data
})
}
// 修改环境监测报警数据
export function updateAlarm(data) {
return request({
url: '/business/alarm/edit',
method: 'post',
data: data
})
}
// 删除环境监测报警数据
export function delAlarm(id) {
return request({
url: '/business/alarm/remove/' + id,
method: 'get'
})
}
src/api/tyler/envMonitoringDevices.js 0 → 100644
View file @ 94a56373
import request from '@/utils/request'
// 查询环境监测设备列表
export function listDevices(query) {
return request({
url: '/business/devices/list',
method: 'get',
params: query
})
}
// 查询环境监测设备所有列表
export function listAllDevices(query) {
return request({
url: '/business/devices/listAll',
method: 'get',
params: query
})
}
// 查询环境监测设备详细
export function getDevices(id) {
return request({
url: '/business/devices/getInfo/' + id,
method: 'get'
})
}
// 新增环境监测设备
export function addDevices(data) {
return request({
url: '/business/devices/add',
method: 'post',
data: data
})
}
// 修改环境监测设备
export function updateDevices(data) {
return request({
url: '/business/devices/edit',
method: 'post',
data: data
})
}
// 删除环境监测设备
export function delDevices(id) {
return request({
url: '/business/devices/remove/' + id,
method: 'get'
})
}
src/api/tyler/envMonitoringHis.js 0 → 100644
View file @ 94a56373
import request from '@/utils/request'
// 查询环境监测的实时数据列表
export function envMonitoringHis(query) {
return request({
url: '/business/real/list',
method: 'get',
params: query
})
}
// 查询环境监测的实时数据所有列表
export function listAll2502(query) {
return request({
url: '/business/2502/listAll',
method: 'get',
params: query
})
}
// 查询环境监测的实时数据详细
export function get2502(tpNum) {
return request({
url: '/business/2502/getInfo/' + tpNum,
method: 'get'
})
}
// 新增环境监测的实时数据
export function add2502(data) {
return request({
url: '/business/2502/add',
method: 'post',
data: data
})
}
// 修改环境监测的实时数据
export function update2502(data) {
return request({
url: '/business/2502/edit',
method: 'post',
data: data
})
}
// 删除环境监测的实时数据
export function del2502(tpNum) {
return request({
url: '/business/2502/remove/' + tpNum,
method: 'get'
})
}
src/api/tyler/screen.js
View file @ 94a56373
import request from '@/utils/request'
// 井下人员实时数据统计
export function realTimeStatistics(query) {
return request({
url: "/business/screen/per/realTimeStatistics",
method: "get",
params: query,
});
}
//区域人数实时分布图
export function realTimeDistribution(query) {
return request({
url: "/business/screen/per/realTimeDistribution",
method: "get",
params: query,
});
}
//井下人员实时状态
export function realTimeStatus(query) {
return request({
url: "/business/screen/per/realTimeStatus",
method: "get",
params: query,
});
}
//分站状态分析
export function stationStatus(query) {
return request({
url: "/business/screen/per/stationStatus",
method: "get",
params: query,
});
}
//近30天报警分析
export function recentThDaysAlarms(query) {
return request({
url: "/business/screen/per/recentThDaysAlarms",
method: "get",
params: query,
});
}
//近7日井下人员报警信息
export function recentSevDaysAlarms(query) {
return request({
url: "/business/screen/per/recentSevDaysAlarms",
method: "get",
params: query,
});
}
//中间分站信息
export function perStationInfo(query) {
return request({
url: "/business/screen/per/stationInfo",
method: "get",
params: query,
});
}
//查询分站人员在线情况
export function perOnlineSituation(query) {
return request({
url: "/business/screen/per/perOnlineSituation",
method: "get",
params: query,
});
}
\ No newline at end of file
src/main.js
View file @ 94a56373
......@@ -42,6 +42,8 @@ import DictData from '@/components/DictData'
import VScaleScreen from 'v-scale-screen'
//打印组件
import Print from 'vue-print-nb'
//滚动组件
import scroll from 'vue-seamless-scroll'
// 全局方法挂载
Vue.prototype.getDicts = getDicts
......@@ -69,6 +71,7 @@ Vue.use(directive)
Vue.use(plugins)
Vue.use(VueMeta)
Vue.use(Print)
Vue.use(scroll)
DictData.install()
......
src/views/Screen/items/rydw.vue
View file @ 94a56373
<template>
<div>
<!-- 主体内容 -->
<div class="main-content">
<!-- 左侧 -->
<div class="sidebar sidebar-left">
<div class="sidebar-item">
<div class="sub-title por"><span>分站状态分析</span></div>
<div class="sub-con sub-con1">
<div class="sub-con-left por">
<div><p>带班领导：王伟威</p></div>
</div>
<div class="sub-con-right">
<div><p class="p-out"><i>系统监控总人数</i><span class="por">135</span></p></div>
<div><p class="p-out"><i>下井总人数</i><span class="por">124</span></p></div>
<div><p class="p-out"><i>地面井口总人数</i><span class="por">123</span></p></div>
<div><p class="p-out"><i>重点区域人数</i><span class="por">234</span></p></div>
</div>
</div>
</div>
<!-- 状态统计组件 -->
<div class="sidebar-item status-box">
<div class="sub-title por"><span>区域人数实时分布图</span></div>
<div class="sub-con">
<div class="left-chart" ref="left1" id="left1"></div>
</div>
</div>
<!-- 报警分析组件 -->
<div class="sidebar-item alert-analysis">
<div class="sub-title por"><span>井下人员实时状态</span></div>
<div class="sub-con sub-con-scroll-table">
<ScrollTable
:data="tableData1"
:height="'220px'"
:auto-scroll-enabled="true"
:scroll-speed="80"
:columns="columns1"
>
<!-- 自定义表头 -->
<template v-slot:header>
<div class="custom-header">
<span class="custom-header-item" >姓名</span>
<span class="custom-header-item" >分站名称</span>
<span class="custom-header-item" >距离分站</span>
<span class="custom-header-item" >时间</span>
</div>
</template>
<!-- 自定义列表项内容 -->
<template v-slot:item-content="{ item, index }">
<div class="custom-item">
<span class="custom-item-content">{{ item.name }}</span>
<span class="custom-item-content">{{ item.station }}</span>
<span class="custom-item-content">{{ item.distance }}</span>
<span class="custom-item-content">{{ item.time }}</span>
</div>
</template>
</ScrollTable>
</div>
</div>
<!-- 左侧 -->
<div class="sidebar sidebar-left">
<div class="sidebar-item">
<div class="sub-title por"><span>井下人员实时数据统计</span></div>
<div class="sub-con sub-con1">
<div class="sub-con-left por">
<div><p>带班领导：{{ subStaStatus.leader||0 }}</p></div>
</div>
<div class="sub-con-right">
<div><p class="p-out"><i>系统监控总人数</i><span class="por">{{ subStaStatus.systemMonitorAllCount||0 }}</span></p></div>
<div><p class="p-out"><i>下井总人数</i><span class="por">{{ subStaStatus.peopleIntoWellCount||0 }}</span></p></div>
<div><p class="p-out"><i>地面井口总人数</i><span class="por">{{ subStaStatus.groundWellCount||0 }}</span></p></div>
<div><p class="p-out"><i>重点区域人数</i><span class="por">{{ subStaStatus.keyAreaPopulation||0 }}</span></p></div>
</div>
</div>
<!-- 中间 -->
<div class="main-area">
<!-- 人员点位 -->
<div class="dot dot1" @click=""></div>
</div>
<!-- 状态统计组件 -->
<div class="sidebar-item status-box">
<div class="sub-title por"><span>区域人数实时分布图</span></div>
<div class="sub-con">
<div class="left-chart" ref="left1" id="left1"></div>
</div>
<!-- 右侧 -->
<div class="sidebar sidebar-right">
<div class="sidebar-item alert-analysis">
<div class="sub-title por"><span>分站状态分析</span></div>
<div class="sub-con sub-con-r">
<div class="sub-con-r-left"></div>
<div class="sub-con-r-right">
<p><span>分站总数</span><span>---------</span><span>28</span></p>
<p><span>运行中分站</span><span>---------</span><span>28</span></p>
<p><span>休眠中分站</span><span>---------</span><span>28</span></p>
</div>
</div>
</div>
<!-- 报警分析组件 -->
<div class="sidebar-item alert-analysis">
<div class="sub-title por"><span>井下人员实时状态</span></div>
<div class="sub-con sub-con-scroll-table">
<div class="custom-header">
<span class="custom-header-item" >姓名</span>
<span class="custom-header-item" >分站名称</span>
<span class="custom-header-item" >距离分站</span>
<span class="custom-header-item" >时间</span>
</div>
<!-- 重点区域组件 -->
<div class="sidebar-item alert-analysis">
<div class="sub-title por"><span>近30天报警分析</span></div>
<div class="sub-con">
<div class="left-chart" ref="right" id="right"></div>
</div>
</div>
<!-- 报警信息流 -->
<div class="sidebar-item alert-analysis">
<div class="sub-title por"><span>近7日井下人员报警信息</span></div>
<div class="sub-con sub-con-scroll-table">
<ScrollTable
:data="tableData2"
:height="'220px'"
:auto-scroll-enabled="true"
:scroll-speed="80"
:columns="columns2"
>
<!-- 自定义表头 -->
<template v-slot:header>
<div class="custom-header custom-header2">
<span class="custom-header-item custom-header-item2" >姓名</span>
<span class="custom-header-item custom-header-item2" >部门</span>
<span class="custom-header-item custom-header-item2" >报警时间</span>
<span class="custom-header-item custom-header-item2" >报警位置</span>
</div>
</template>
<vue-seamless-scroll :data="realTimeStatusData" class="warp " :class-option="classOption">
<ul >
<li v-for="(item, index) in realTimeStatusData" :key="index" class="custom-item custom-item1">
<span class="custom-item-content custom-item-content1" v-text="item.perName"></span>
<span class="custom-item-content custom-item-content1" v-text="item.location"></span>
<span class="custom-item-content custom-item-content1" v-text="item.distance"></span>
<span class="custom-item-content custom-item-content1" v-text="item.lastTime"></span>
</li>
</ul>
</vue-seamless-scroll>
</div>
</div>
</div>
<!-- 自定义列表项内容 -->
<template v-slot:item-content="{ item, index }">
<div class="custom-item custom-item2">
<span class="custom-item-content custom-item-content2">{{ item.name }}</span>
<span class="custom-item-content custom-item-content2">{{ item.department }}</span>
<span class="custom-item-content custom-item-content2">{{ item.alertTime }}</span>
<span class="custom-item-content custom-item-content2">{{ item.alertLocation }}</span>
</div>
</template>
</ScrollTable>
<!-- 中间 -->
<div class="main-area">
<!-- 人员点位 -->
<div v-for="(subStation,index) in subStationMid" :key="subStation.addressId" class="parent-container">
<div
class="dot"
:class="`dot${index}`"
@click="handleStation(subStation.addressId)"
:style="getStationStyle(subStation.addressId)"
>
<p>{{ subStation.count }}人</p>
<!-- <p style="font-size: 14px;">{{ subStation.location }}</p> -->
</div>
</div>
</div>
</div>
</div>
<!-- 右侧 -->
<div class="sidebar sidebar-right">
<div class="sidebar-item alert-analysis">
<div class="sub-title por"><span>分站状态分析</span></div>
<div class="sub-con sub-con-r">
<div class="sub-con-r-left"></div>
<div class="sub-con-r-right">
<p><span>分站总数</span><span>---------</span><span>{{ subStaStatusData[0].num }}</span></p>
<p><span>运行中分站</span><span>---------</span><span>{{ subStaStatusData[2].num }}</span></p>
<p><span>休眠中分站</span><span>---------</span><span>{{ subStaStatusData[1].num }}</span></p>
</div>
</div>
</div>
<!-- 重点区域组件 -->
<div class="sidebar-item alert-analysis">
<div class="sub-title por"><span>近30天报警分析</span></div>
<div class="sub-con">
<div class="left-chart" ref="right" id="right"></div>
</div>
</div>
<!-- 报警信息流 -->
<div class="sidebar-item alert-analysis">
<div class="sub-title por"><span>近7日井下人员报警信息</span></div>
<div class="sub-con sub-con-scroll-table">
<div class="custom-header custom-header2">
<span class="custom-header-item custom-header-item2" >姓名</span>
<span class="custom-header-item custom-header-item2" >部门</span>
<span class="custom-header-item custom-header-item2" >报警时间</span>
<span class="custom-header-item custom-header-item2" >报警位置</span>
</div>
<vue-seamless-scroll :data="recentSevDaysAlarmsData" class="warp " :class-option="classOption">
<ul >
<li v-for="(item, index) in recentSevDaysAlarmsData" :key="index" class="custom-item custom-item2">
<span class="custom-item-content custom-item-content2" v-text="item.perName"></span>
<span class="custom-item-content custom-item-content2" v-text="item.departName"></span>
<span class="custom-item-content custom-item-content2" v-text="item.alarmTime"></span>
<span class="custom-item-content custom-item-content2" v-text="item.location"></span>
</li>
</ul>
</vue-seamless-scroll>
</div>
</div>
</div>
<!-- 弹窗内容 -->
<div class="dialog-main" v-show="dialogTableVisible">
<div class="dia-header">
<p class="dia-tit"><span>分站信息</span></p>
<p class="close-btn" @click="closeDialog"><span>×</span></p>
</div>
</div>
<div class="dialog-content">
<div class="sub-info">
<p v-if="perOnlineSituationData.length>0">分站名称:{{ perOnlineSituationData[0].locationName }}</p>
<p v-if="perOnlineSituationData.length>0">分站编号:{{ perOnlineSituationData[0].locationId }}</p>
<p v-if="perOnlineSituationData.length>0">分站位置:{{ perOnlineSituationData[0].location }}</p>
</div>
<div class="dia-table-header">
<span>卡号</span>
<span>姓名</span>
<span>部门</span>
<span>工种</span>
<span>距离分站(m)</span>
<span>到达位置</span>
<span>来向</span>
<span>时间</span>
<span>进入区域</span>
<span>入井时间</span>
</div>
<vue-seamless-scroll :data="perOnlineSituationData" class="warp2 " :class-option="classOption2">
<ul v-if="perOnlineSituationData.length>0">
<li v-for="(item, index) in perOnlineSituationData" :key="index" class="custom-item custom-item3">
<span class="custom-item-content custom-item-content3" v-text="item.cardNumber"></span>
<span class="custom-item-content custom-item-content3" v-text="item.perName"></span>
<span class="custom-item-content custom-item-content3" v-text="item.departName"></span>
<span class="custom-item-content custom-item-content3" v-text="item.worName"></span>
<span class="custom-item-content custom-item-content3" v-text="item.distance"></span>
<span class="custom-item-content custom-item-content3" v-text="item.localtion"></span>
<span class="custom-item-content custom-item-content3" v-text="item.fromLoaction"></span>
<span class="custom-item-content custom-item-content3" v-text="item.lastTime"></span>
<span class="custom-item-content custom-item-content3" v-text="item.areaName"></span>
<span class="custom-item-content custom-item-content3" v-text="item.entryTime"></span>
</li>
</ul>
</vue-seamless-scroll>
</div>
</div>
</div>
</template>
<script>
import * as echarts from "echarts";
import { getScale } from "@/utils/tylerlcl";
import ScrollTable from '@/components/Tyler/ScrollTable.vue';
import screenfull from "screenfull";
import {
realTimeStatistics,
realTimeDistribution,
realTimeStatus,
stationStatus,
recentThDaysAlarms,
recentSevDaysAlarms,
perStationInfo,
perOnlineSituation,
} from "@/api/tyler/screen";
export default {
name: "cockpit",
components: {
ScrollTable,
},
data() {
return {
tableData1: [
{ name: "陈玉强", station: "一中运输巷", distance: 14.21, time: "2025-01-10 14:21:31" },
{ name: "陈玉强", station: "一中运输巷", distance: 14.21, time: "2025-01-10 14:21:31" },
{ name: "陈玉强", station: "一中运输巷", distance: 14.21, time: "2025-01-10 14:21:31" },
{ name: "陈玉强", station: "一中运输巷", distance: 14.21, time: "2025-01-10 14:21:31" },
{ name: "陈玉强", station: "一中运输巷", distance: 14.21, time: "2025-01-10 14:21:31" },
{ name: "陈玉强", station: "一中运输巷", distance: 14.21, time: "2025-01-10 14:21:31" },
{ name: "陈玉强", station: "一中运输巷", distance: 14.21, time: "2025-01-10 14:21:31" },
dialogTableVisible:false,
gridData: [{
date: '2016-05-02',
name: '王小虎',
address: '上海市普陀区金沙江路 1518 弄'
}, {
date: '2016-05-04',
name: '王小虎',
address: '上海市普陀区金沙江路 1518 弄'
}, {
date: '2016-05-01',
name: '王小虎',
address: '上海市普陀区金沙江路 1518 弄'
}, {
date: '2016-05-03',
name: '王小虎',
address: '上海市普陀区金沙江路 1518 弄'
}],
realTimeStatusData: [
{ perName: "陈玉强", location: "一中运输巷", distance: 14.21, lastTime: "2025-01-10 14:21:31" },
],
columns1: [
{ label: "姓名", field: "name", width: "100px" },
{ label: "分站名称", field: "station", width: "150px" },
{ label: "距离分站(m)", field: "distance", width: "120px" },
{ label: "时间", field: "time", width: "180px" },
recentSevDaysAlarmsData: [
{ perName: "陈玉强", departName: "生产部", alarmTime: "2025-01-10 14:21:31", location: "四中车场" },
],
tableData2: [
{ name: "陈玉强", department: "生产部", alertTime: "2025-01-10 14:21:31", alertLocation: "四中车场" },
{ name: "陈玉强", department: "生产部", alertTime: "2025-01-10 14:21:31", alertLocation: "四中车场" },
{ name: "陈玉强", department: "生产部", alertTime: "2025-01-10 14:21:31", alertLocation: "四中车场" },
{ name: "陈玉强", department: "生产部", alertTime: "2025-01-10 14:21:31", alertLocation: "四中车场" },
{ name: "陈玉强", department: "生产部", alertTime: "2025-01-10 14:21:31", alertLocation: "四中车场" },
{ name: "陈玉强", department: "生产部", alertTime: "2025-01-10 14:21:31", alertLocation: "四中车场" },
{ name: "陈玉强", department: "生产部", alertTime: "2025-01-10 14:21:31", alertLocation: "四中车场" },
subStaStatus:[],
realTimeDistributionData:[],
subStaStatusData:[
{num:0},
{num:0},
{num:0},
],
columns2: [
{ label: "姓名", field: "name", width: "100px" },
{ label: "部门", field: "department", width: "120px" },
{ label: "报警时间", field: "alertTime", width: "180px" },
{ label: "报警位置", field: "alertLocation", width: "150px" },
recentThDaysAlarmsData:[],
classOption: {
singleHeight: 47,
hoverStop: true,
autoPlay: true,
},
classOption2: {
singleHeight: 60,
hoverStop: true,
autoPlay: true,
},
perOnlineSituationData:[],
subStationMid:[
{
"count": 0,
"location": "一中车场",
"addressId": 1
}
],
stationPositions: {
1: { left: '84px', top: '240px' },
2: { left: '352px', top: '290px' },
4: { left: '84px', top: '342px' },
5: { left: '148px', top: '360px' },
6: { left: '194px', top: '362px' },
7: { left: '84px', top: '440px' },
8: { left: '200px', top: '470px' },
9: { left: '820px', top: '114px' },//东风井井口
10: { left: '136px', top: '672px' },
11: { left: '84px', top: '540px' },
12: { left: '84px', top: '650px' },
13: { left: '152px', top: '260px' },
14: { left: '74px', top: '128px' },//小高尖井口
15: { left: '232px', top: '292px' },
16: { left: '554px', top: '280px' },
17: { left: '690px', top: '84px' },
18: { left: '265px', top: '377px' },
19: { left: '200px', top: '400px' },
20: { left: '534px', top: '390px' },
21: { left: '675px', top: '367px' },
22: { left: '400px', top: '500px' },
23: { left: '300px', top: '530px' },
24: { left: '500px', top: '518px' },
25: { left: '580px', top: '500px' },
26: { left: '350px', top: '616px' },
27: { left: '252px', top: '590px' },
28: { left: '700px', top: '254px' },
}
};
},
mounted() {
......@@ -178,17 +263,64 @@ export default {
}
this.areaCharts();
this.alarm30();
// this.getUnPerRealData()
this.subStationObj();
this.subStationStatusObj();
this.realTimeStatusList();
this.recentSevDaysAlarmsList();
this.perStationInfoList();
},
methods: {
// 分站状态分析
subStationObj(){
realTimeStatistics().then(res => {
this.subStaStatus = res.data;
})
},
//区域人数实时分布图
async realTimeDistributionList() {
try {
const res = await realTimeDistribution();
this.realTimeDistributionData = res.data;
} catch (error) {
console.error('Error fetching real-time distribution data:', error);
}
},
//井下人员实时状态
realTimeStatusList(){
realTimeStatus().then(res => {
this.realTimeStatusData = res.data;
})
},
// 分站状态分析
subStationStatusObj(){
stationStatus().then(res => {
this.subStaStatusData = res.data;
})
},
//近7日井下人员报警信息
recentSevDaysAlarmsList(){
recentSevDaysAlarms().then(res => {
this.recentSevDaysAlarmsData = res.data;
})
},
//中间分站信息
perStationInfoList(){
perStationInfo().then(res => {
this.subStationMid = res.data;
})
},
// 辅助方法：获取字段值
getItemField(item, fieldKey) {
return item[this.fieldMap[fieldKey]] || "";
},
areaCharts(){
async areaCharts() {
let that = this;
let myChart = echarts.init(document.getElementById('left1'));
let xAxisData =['一中','二中','三中','四中','五中','井口','中央井'];
let yAxisData = [20,10,34,22,18,34,22];
await this.realTimeDistributionList();
let xAxisData =that.realTimeDistributionData.map(item => item.name);
let yAxisData = that.realTimeDistributionData.map(item => item.value);
let option ={
title: {
text: "",
......@@ -230,12 +362,11 @@ export default {
margin: 10,
color: '#fff',
textStyle: {
fontSize: 14
fontSize: 12
},
},
}],
yAxis: [{
// name: '单位：人',
axisLabel: {
show:true,
formatter: '{value}',
......@@ -299,18 +430,23 @@ export default {
}, 600);
},
alarm30(){
async recentThDaysAlarmsList() {
try {
const res = await recentThDaysAlarms();
this.recentThDaysAlarmsData = res.data;
} catch (error) {
console.error('Error fetching real-time distribution data:', error);
}
},
async alarm30(){
let that = this;
await this.recentThDaysAlarmsList();
let salvProName =that.recentThDaysAlarmsData.map(item => item.name);
let salvProValue = that.recentThDaysAlarmsData.map(item => item.num);
let myChart = echarts.init(document.getElementById('right'));
var salvProName = [
"超时报警",
"超员报警",
"限制区报警",
"工作异常报警",
"井下人员报警",
"通讯报警",
];
var salvProValue = [239, 181, 154, 144, 135,100 ];
var salvProMax = []; //背景按最大值
for (let i = 0; i < salvProValue.length; i++) {
salvProMax.push(salvProValue[0]);
......@@ -457,6 +593,24 @@ export default {
window.open(link.href);
return;
},
getStationStyle(addressId) {
return this.stationPositions[addressId] || {};
},
handleStation(addressId) {
perOnlineSituation({addressId}).then(res => {
console.log(res,'res')
if(res.data&&res.data.length>0){
this.perOnlineSituationData = res.data
this.dialogTableVisible = true;
}
})
},
closeDialog() {
this.dialogTableVisible = false;
this.perOnlineSituationData = []
}
},
};
</script>
......@@ -630,16 +784,20 @@ export default {
height: 14em;
}
.sub-con-scroll-table{
width: 95%;
width: 100%;
height: 100%;
margin: 0 auto;
overflow: hidden;
}
.custom-header{
width: 100%;
width: 460px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr 1fr 2fr;
text-align: center;
color: #2ED5FF;
margin-bottom: 10px;
font-weight: bold;
}
.custom-item{
width: 100%;
......@@ -647,17 +805,23 @@ export default {
grid-template-columns: 1fr 1fr 1fr 2fr;
text-align: center;
}
.custom-header-item{
display: flex;
justify-content: center;
align-items: center;
}
.custom-header2{
width: 100%;
display: grid;
grid-template-columns: 1fr 1fr 2fr 1fr;
grid-template-columns: 1fr 1fr 3fr 2fr;
text-align: center;
color: #2ED5FF;
}
.custom-item2{
width: 100%;
display: grid;
grid-template-columns: 1fr 1fr 2fr 1fr;
grid-template-columns: 1fr 1fr 3fr 2fr;
text-align: center;
}
.sub-con-r{
......@@ -702,4 +866,176 @@ export default {
}
}
}
.warp {
height: calc(100% - 80px);
width: 460px;
margin: 0 auto;
overflow: hidden;
ul {
list-style: none;
padding: 0;
margin: 10px auto 0;
width: 100%;
li.custom-item{
width: 100%;
display: grid;
grid-template-columns: 1fr 1fr 1fr 2fr;
text-align: center;
margin-bottom: 5px;
height: 36px;
font-size: 16px;
color: #BBD7EA;
position: relative;
background-color: rgba(61, 98, 147,.2);
span{
display: flex;
justify-content: center;
align-items: center;
}
}
li.custom-item2{
display: grid;
grid-template-columns: 1fr 1fr 3fr 2fr;
text-align: center;
}
}
}
.parent-container{
position: relative;
}
.dot{
width: 42px;
height: 53px;
background: url("~@/assets/images/screen/icon4.png") no-repeat center;
background-size: 100%;
cursor: pointer;
position: absolute;
z-index: 10;
p{
font-size: 20px;
color: #BBD7EA;
background: linear-gradient(0deg, #47C5FF 0%, #FDFEFF 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: bold;
text-align: center;
margin: 0;
}
&:hover{
background: url("~@/assets/images/screen/icon5.png") no-repeat center;
background-size: 100%;
z-index: 20;
}
}
.dialog-main {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: white;
padding: 20px;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
z-index: 1000;
width: 1262px;
background: linear-gradient(0deg, #062451 0%, #09162D 100%);
box-shadow: 0px 15px 11px 2px rgba(0,20,39,0.31);
border: 2px solid #11B9FF;
}
.dia-header {
display: flex;
justify-content: space-between;
align-items: center;
.dia-tit{
width: 1140px;
height: 46px;
font-size: 22px;
color: #FFFFFF;
font-weight: bold;
background: url("~@/assets/images/screen/underline-dia.png") no-repeat center;
background-size: 100%;
position: relative;
margin-bottom: 0;
padding-bottom: 0;
span{
position: absolute;
left: 20px;
top: -14px;
}
}
}
.close-btn {
cursor: pointer;
position: relative;
span{
font-size: 28px;
position: absolute;
left: -20px;
top: -38px;
}
}
.dialog-content {
text-align: center;
.sub-info{
width: 50%;
display: flex;
justify-content: space-between;
align-items: center;
text-indent: 1em;
font-size: 18px;
color: #36FFF8;
}
}
.dia-table-header{
width: 100%;
height: 36px;
background: linear-gradient(0deg, rgba(31,169,255,0.5) 0%, rgba(31,169,255,0.03) 100%);
display: grid;
grid-template-columns: 3fr 2fr 2fr 2fr 2fr 2fr 2fr 4fr 2fr 4fr ;
text-align: center;
font-size: 16px;
color: #2ED5FF;
line-height: 36px;
font-weight: bold;
}
.warp2{
width: 100%;
max-height: 400px;
overflow: hidden;
ul{
margin: 0;
padding: 0;
li{
margin-bottom: 20px;
line-height: 40px;
font-size: 18px;
background-color: rgba(61, 98, 147,.2);
}
}
}
.custom-item3{
width: 100%;
display: grid;
grid-template-columns: 3fr 2fr 2fr 2fr 2fr 2fr 2fr 4fr 2fr 4fr ;
text-align: center;
}
.overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 999;
}
</style>
\ No newline at end of file
src/views/index.vue
View file @ 94a56373
<template>
<div class="app-container">
<div style="width: 500px; ">
<video style="width: 500px;" v-if="videoData&&videoData.length>0" :poster="`${previewUrl}${videoData[0].image}`" controls name="media">
<source :src="`${previewUrl}${videoData[0].videoPath}`" type="video/mp4">
<video width="500" controls="" autoplay="" name="media">
<source :src="`${previewUrl}${videoData}`" type="video/mp4">
</video>
</div>
<div class="upv">
......@@ -62,20 +62,20 @@ export default {
name:"mainVideo",
data() {
return {
previewUrl: process.env.VUE_APP_BASE_API,
uploadUrl: process.env.VUE_APP_BASE_API + "/business/screen/homePage",
uploadUrl1: process.env.VUE_APP_BASE_API + "/common/upload",
previewUrl: process.env.VUE_APP_API_TARGET,
uploadUrl: process.env.VUE_APP_API_TARGET + "/business/screen/homePage",
uploadUrl1: process.env.VUE_APP_API_TARGET + "/common/upload",
headers: {
Authorization: "Bearer " + getToken(),
},
baseURL: process.env.VUE_APP_BASE_API,
baseURL: process.env.VUE_APP_API_TARGET,
// 表单参数
form: {
id:null,
name:null,
videoPath:null
},
videoData:[],
videoData:'',
}
},
mounted() {
......@@ -86,7 +86,7 @@ export default {
methods: {
getList(){
listVideo().then(res => {
this.videoData = res.rows
this.videoData = res.data
})
},
//上传图片
......@@ -116,12 +116,14 @@ export default {
}
if (type === "video") {
that.form.videoPath = response.fileName;
that.form.name = response.newFileName;
addVideo(that.form).then(res => {
this.$modal.msgSuccess("成功");
this.$modal.msgSuccess("成功");
this.getList();
})
// that.form.videoPath = response.fileName;
// that.form.name = response.newFileName;
// addVideo(that.form).then(res => {
// this.$modal.msgSuccess("成功");
// this.getList();
// })
}
// 获取光标所在位置
} else {
......
src/views/monitoringDevices/envMonitoringAlarm/index.vue 0 → 100644
View file @ 94a56373
<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="" prop="tpName">
<el-input
v-model="queryParams.tpName"
placeholder="请输入测点名称"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="" prop="typeName">
<el-select v-model="queryParams.typeName" placeholder="请选择监测项名称" clearable>
<el-option
v-for="dict in typeName"
:key="dict"
:label="dict"
:value="dict"
/>
</el-select>
</el-form-item>
<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="alarmList" @selection-change="handleSelectionChange">
<el-table-column label="测点名称" align="center" prop="tpName" />
<el-table-column label="测点编号" align="center" prop="tpNum" />
<el-table-column label="监测项名称" align="center" prop="typeName" />
<el-table-column label="单位" align="center" prop="unit" />
<el-table-column label="监测值" align="center" prop="alarmValue" />
<el-table-column label="报警时间" align="center" prop="alarmTime" width="180">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.alarmTime) }}</span>
</template>
</el-table-column>
<el-table-column label="状态" align="center" prop="status" >
<template slot-scope="scope">
<el-button
size="mini"
type="primary"
@click="handleUpdate(scope.row)"
v-if="scope.row.status == 2"
><span>未处置</span></el-button>
<span v-if="scope.row.status == 1">已处置</span>
<!-- <el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
>删除</el-button> -->
</template>
</el-table-column>
<el-table-column label="解除报警时间" align="center" prop="delAlarmTime" width="180">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.delAlarmTime) }}</span>
</template>
</el-table-column>
<el-table-column label="解除原因" align="center" prop="delAlarmReason" />
<!-- <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(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="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="120px">
<el-form-item label="解除报警时长" prop="updateHour">
<el-input-number :min="0" v-model="form.updateHour"></el-input-number>
</el-form-item>
<el-form-item label="解除原因" prop="delAlarmReason">
<el-input type="textarea" v-model="form.delAlarmReason" 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 {getAlarm, listAlarm, updateAlarm} from "@/api/tyler/envMonitoringAlarm";
import {typeNameList} from "@/api/tyler/common";
export default {
name: "envMonitoringAlarm",
data() {
return {
// 根路径
baseURL: process.env.VUE_APP_BASE_API,
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 环境监测报警数据表格数据
alarmList: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
tpNum: null,
typeName: null,
tpName: null,
status: null,
delAlarmTime: null,
delAlarmReason: null,
updateHour:null,
},
// 日期范围
dateRange: [],
// 表单参数
form: {},
// 表单校验
rules: {
updateHour: [
{ required: true, message: "解除报警时长不能为空", trigger: "blur" }
],
delAlarmReason: [
{ required: true, message: "解除报警原因不能为空", trigger: "blur" }
],
},
typeName:[]
};
},
created() {
typeNameList().then(res => {
console.log(res,'res')
this.typeName = res.data
})
this.getList();
},
methods: {
/** 查询环境监测报警数据列表 */
getList() {
this.loading = true;
listAlarm(this.addDateRange(this.queryParams, this.dateRange)).then(response => {
this.alarmList = response.rows;
this.total = response.total;
this.loading = false;
});
},
// 取消按钮
cancel() {
this.open = false;
this.reset();
},
// 表单重置
reset() {
this.form = {
id: null,
tpNum: null,
alarmTime: null,
status: null,
delAlarmTime: null,
delAlarmReason: null,
typeName: null,
tpName: null,
updateHour: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();
this.form = row;
this.form.updateHour = row.updateHour||0;
this.open = true;
this.title = "修改环境监测报警数据";
// const id = row.id || this.ids
// getAlarm(id).then(response => {
// this.form = response.data;
// this.open = true;
// this.title = "修改环境监测报警数据";
// });
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
updateAlarm(this.form).then(response => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
});
});
},
/** 删除按钮操作 */
handleDelete(row) {
const ids = row.id || this.ids;
this.$modal.confirm('是否确认删除？').then(function() {
return delAlarm(ids);
}).then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {});
},
/** 导出按钮操作 */
handleExport() {
this.download('business/alarm/export', {
...this.queryParams
}, `alarm_${new Date().getTime()}.xlsx`)
}
}
};
</script>
src/views/monitoringDevices/envMonitoringDevices/index.vue 0 → 100644
View file @ 94a56373
<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="测点名称" prop="tpName">
<el-input
v-model="queryParams.tpName"
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-table v-loading="loading" :data="devicesList" @selection-change="handleSelectionChange">
<el-table-column label="测点编号" align="center" prop="tpNum" />
<el-table-column label="测点名称" align="center" prop="tpName" />
<el-table-column label="测点类型" align="center" prop="typeName" />
<el-table-column label="单位" align="center" prop="unit" />
<el-table-column label="状态" align="center" prop="effect">
<template slot-scope="scope">
<el-tag v-if="scope.row.effect==1">正常</el-tag>
<el-tag v-else type="warning">异常</el-tag>
</template>
</el-table-column>
<el-table-column label="预警阈值" align="center" prop="threshold" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button
size="mini"
type="text"
icon="el-icon-edit"
>修改预警值</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="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="120px">
<el-form-item label="测点名称" prop="tpName">
<el-input disabled v-model="form.tpName" placeholder="请输入测点名称" />
</el-form-item>
<el-form-item label="测点编号" prop="tpNum">
<el-input disabled v-model="form.tpNum" placeholder="请输入测点编号" />
</el-form-item>
<el-form-item label="监测项名称" prop="typeName">
<el-input disabled v-model="form.typeName" placeholder="请输入监测项名称" />
</el-form-item>
<el-form-item label="预警阈值" prop="threshold">
<el-input v-model="form.threshold" 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 {updateDevices, listDevices} from "@/api/tyler/envMonitoringDevices";
export default {
name: "Devices",
data() {
return {
// 根路径
baseURL: process.env.VUE_APP_BASE_API,
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 环境监测设备表格数据
devicesList: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
tpNum: null,
tpName: null,
tpPlace: null,
effect: null,
typeId: null,
tpOp: null,
wId: null,
fbPt: null,
unit: null,
threshold: null,
alarmInfo: null,
defTime: null,
delTime: null
},
// 表单参数
form: {},
// 表单校验
rules: {
threshold: [
{ required: true, message: "预警阈值不能为空", trigger: "blur" }
],
}
};
},
created() {
this.getList();
},
methods: {
/** 查询环境监测设备列表 */
getList() {
this.loading = true;
listDevices(this.queryParams).then(response => {
this.devicesList = response.rows;
this.total = response.total;
this.loading = false;
});
},
// 取消按钮
cancel() {
this.open = false;
this.reset();
},
// 表单重置
reset() {
this.form = {
id: null,
tpNum: null,
tpName: null,
tpPlace: null,
effect: null,
typeId: null,
tpOp: null,
wId: null,
fbPt: null,
unit: null,
threshold: null,
alarmInfo: null,
defTime: null,
delTime: 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();
this.form = row
this.open = true;
this.title = "修改预警值";
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (valid) {
if (this.form.id != null) {
updateDevices(this.form).then(response => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
});
} else {
addDevices(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 delDevices(ids);
}).then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {});
},
/** 导出按钮操作 */
handleExport() {
this.download('business/devices/export', {
...this.queryParams
}, `devices_${new Date().getTime()}.xlsx`)
}
}
};
</script>
src/views/monitoringDevices/envMonitoringHis/index.vue 0 → 100644
View file @ 94a56373
<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="" prop="tpName">
<el-input
v-model="queryParams.tpName"
placeholder="请输入测点名称"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="" prop="typeName">
<el-select v-model="queryParams.typeName" placeholder="请选择监测项名称" clearable>
<el-option
v-for="dict in typeName"
:key="dict"
:label="dict"
:value="dict"
/>
</el-select>
</el-form-item>
<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="envMonitorHisData" >
<el-table-column label="测点名称" align="center" prop="tpName" />
<el-table-column label="测点编号" align="center" prop="tpNum" />
<el-table-column label="测点类型" align="center" prop="typeName" />
<el-table-column label="单位" align="center" prop="unit" />
<el-table-column label="监测值" align="center" prop="value" />
<el-table-column label="测量时间" align="center" prop="time" />
<el-table-column label="状态" align="center" prop="status">
<template slot-scope="scope">
<el-tag v-if="scope.row.status==1">正常</el-tag>
<el-tag v-else type="warning">异常</el-tag>
</template>
</el-table-column>
</el-table>
<pagination
v-show="total>0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
</div>
</template>
<script>
import {get2502, envMonitoringHis} from "@/api/tyler/envMonitoringHis";
import {typeNameList} from "@/api/tyler/common";
export default {
name: "2502",
data() {
return {
// 根路径
baseURL: process.env.VUE_APP_BASE_API,
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 环境监测的实时数据表格数据
envMonitorHisData: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
typeName: null,
tpName: null,
},
// 日期范围
dateRange: [],
// 表单参数
form: {},
// 表单校验
rules: {}
};
},
created() {
typeNameList().then(res => {
console.log(res,'res')
this.typeName = res.data
})
this.getList();
},
methods: {
/** 查询环境监测的实时数据列表 */
getList() {
this.loading = true;
envMonitoringHis(this.addDateRange(this.queryParams, this.dateRange)).then(response => {
this.envMonitorHisData = response.rows;
this.total = response.total;
this.loading = false;
});
},
// 取消按钮
cancel() {
this.open = false;
this.reset();
},
// 表单重置
reset() {
this.form = {
tpNum: null,
value: null,
value1: null,
state: null,
exstate: null,
time: 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.tpNum)
this.single = selection.length!==1
this.multiple = !selection.length
},
/** 新增按钮操作 */
handleAdd() {
this.reset();
this.open = true;
this.title = "添加环境监测的实时数据";
},
/** 修改按钮操作 */
handleUpdate(row) {
this.reset();
const tpNum = row.tpNum || this.ids
get2502(tpNum).then(response => {
this.form = response.data;
this.open = true;
this.title = "修改环境监测的实时数据";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (valid) {
if (this.form.tpNum != null) {
update2502(this.form).then(response => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
});
} else {
add2502(this.form).then(response => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
});
}
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
const tpNums = row.tpNum || this.ids;
this.$modal.confirm('是否确认删除环境监测的实时数据编号为"' + tpNums + '"的数据项？').then(function() {
return del2502(tpNums);
}).then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {});
},
/** 导出按钮操作 */
handleExport() {
this.download('business/2502/export', {
...this.queryParams
}, `2502_${new Date().getTime()}.xlsx`)
}
}
};
</script>
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