Compare commits
No commits in common. "0334f6649fdeee8e55db3e10a4aca87becbbf05f" and "f0bcc70eb3f3f27f1e60de232cd260b9ba4317cc" have entirely different histories.
0334f6649f
...
f0bcc70eb3
|
@ -0,0 +1,59 @@
|
||||||
|
<template>
|
||||||
|
<div class="month-data">
|
||||||
|
<el-tabs v-model="activeTab" @tab-click="handleTabClick">
|
||||||
|
<el-tab-pane
|
||||||
|
v-for="tab in tabs"
|
||||||
|
:key="tab.cpn"
|
||||||
|
:label="tab.label"
|
||||||
|
:name="tab.cpn"
|
||||||
|
>
|
||||||
|
<component :is="tab.cpn" />
|
||||||
|
</el-tab-pane>
|
||||||
|
</el-tabs>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import CreateReport from "./create-report.vue";
|
||||||
|
import DataOverview from "./data-overview.vue";
|
||||||
|
import DataDetail from "./data-detail.vue";
|
||||||
|
export default {
|
||||||
|
name: "MonthData",
|
||||||
|
components: {
|
||||||
|
CreateReport,
|
||||||
|
DataOverview,
|
||||||
|
DataDetail,
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
activeTab: "CreateReport",
|
||||||
|
tabs: [
|
||||||
|
{
|
||||||
|
label: "报表生成",
|
||||||
|
cpn: "CreateReport",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "数据总览",
|
||||||
|
cpn: "DataOverview",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "数据详情",
|
||||||
|
cpn: "DataDetail",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
};
|
||||||
|
},
|
||||||
|
created() {},
|
||||||
|
methods: {
|
||||||
|
handleTabClick(tab) {
|
||||||
|
this.activeTab = tab.name;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.month-data {
|
||||||
|
padding: 10px 20px;
|
||||||
|
}
|
||||||
|
</style>
|
|
@ -1,168 +0,0 @@
|
||||||
<template>
|
|
||||||
<div class="app-container">
|
|
||||||
<el-form :inline="true" :model="queryParams" ref="form">
|
|
||||||
<el-form-item label="选择部门" prop="factoryId">
|
|
||||||
<dept-tree @deptChange="handleDeptChange" style="width: 150px;" />
|
|
||||||
</el-form-item>
|
|
||||||
|
|
||||||
<el-form-item label="设备编号">
|
|
||||||
<el-input v-model="queryParams.sn"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="日期" prop="equipmentName">
|
|
||||||
<el-date-picker v-model="dateList" type="daterange" range-separator="至" start-placeholder="开始日期"
|
|
||||||
end-placeholder="结束日期" format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss">
|
|
||||||
</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" height="600px">
|
|
||||||
<el-table-column prop="deptName" label="安装部门" header-align="center" align="center" />
|
|
||||||
|
|
||||||
<el-table-column prop="sn" label="设备编号" header-align="center" align="center" />
|
|
||||||
<el-table-column prop="reportTime" label="上报时间" header-align="center" align="center" />
|
|
||||||
<!-- <el-table-column prop="wd" label="设备温度" header-align="center" align="center"/>-->
|
|
||||||
<el-table-column prop="power" label="设备电量" header-align="center" align="center" />
|
|
||||||
<el-table-column prop="zl" label="传感器类型" header-align="center" align="center" />
|
|
||||||
<el-table-column prop="lc" label="量程" header-align="center" align="center" />
|
|
||||||
<el-table-column prop="ds" label="传感器读数" header-align="center" align="center">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<span style="color: red;">
|
|
||||||
{{ scope.row.ds }}
|
|
||||||
</span>
|
|
||||||
<span style="color: #000;">
|
|
||||||
{{ scope.row.dw }}
|
|
||||||
</span>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="zt" label="报警状态" header-align="center" align="center">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<span v-if="scope.row.zt == '一级报警'" style="color: #c00808;">
|
|
||||||
{{ scope.row.zt }}
|
|
||||||
</span>
|
|
||||||
<span v-else-if="scope.row.zt == '二级报警'" style="color: #e23434;">
|
|
||||||
{{ scope.row.zt }}
|
|
||||||
</span>
|
|
||||||
<span v-else>
|
|
||||||
{{ scope.row.zt }}
|
|
||||||
</span>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="dbz" label="低报值" header-align="center" align="center" />
|
|
||||||
<el-table-column prop="gbz" label="高报值" header-align="center" align="center" />
|
|
||||||
|
|
||||||
</el-table>
|
|
||||||
|
|
||||||
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
|
|
||||||
@pagination="handleQuery" />
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import store from "@/store";
|
|
||||||
import DeptTree from "@/components/DeptTree/index.vue";
|
|
||||||
import { listAlarmHistory } from "@/api/demostrate/monitor";
|
|
||||||
export default {
|
|
||||||
name: "alarm",
|
|
||||||
components: { DeptTree },
|
|
||||||
dicts: [],
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
factorys: [],
|
|
||||||
loading: false,
|
|
||||||
dateList: [],
|
|
||||||
dataList: [],
|
|
||||||
total: 0,
|
|
||||||
// 查询参数
|
|
||||||
queryParams: {
|
|
||||||
pageNum: 1,
|
|
||||||
pageSize: 10,
|
|
||||||
sn: null,
|
|
||||||
name: null,
|
|
||||||
startTime: null,
|
|
||||||
endTime: null,
|
|
||||||
deptId: null,
|
|
||||||
},
|
|
||||||
|
|
||||||
};
|
|
||||||
},
|
|
||||||
created() {
|
|
||||||
|
|
||||||
},
|
|
||||||
mounted() {
|
|
||||||
this.init();
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
async init() {
|
|
||||||
this.emitChange();
|
|
||||||
this.getList()
|
|
||||||
},
|
|
||||||
/**获取企业下拉框 */
|
|
||||||
handleDeptChange(value) {
|
|
||||||
this.queryParams.deptId = value.deptId;
|
|
||||||
this.emitChange();
|
|
||||||
},
|
|
||||||
emitChange() {
|
|
||||||
this.$nextTick(() => {
|
|
||||||
this.$emit("queryChange", {
|
|
||||||
deptId: this.queryParams.deptId,
|
|
||||||
|
|
||||||
});
|
|
||||||
});
|
|
||||||
},
|
|
||||||
//发送通知
|
|
||||||
handleUpdate(row) {
|
|
||||||
this.deviceInfo = row
|
|
||||||
this.isOpenMsg = true
|
|
||||||
},
|
|
||||||
//处理报警
|
|
||||||
handleAlarm(row) {
|
|
||||||
this.deviceInfo = row
|
|
||||||
this.isOpenAlarm = true
|
|
||||||
},
|
|
||||||
closeMsg() {
|
|
||||||
this.isOpenMsg = false
|
|
||||||
this.handleQuery()
|
|
||||||
},
|
|
||||||
closeAlarm() {
|
|
||||||
this.isOpenAlarm = false
|
|
||||||
this.handleQuery()
|
|
||||||
},
|
|
||||||
resetQuery() {
|
|
||||||
this.queryParams.pageNum = 1
|
|
||||||
this.queryParams.sn = null
|
|
||||||
this.queryParams.name = null
|
|
||||||
this.queryParams.startTime = null
|
|
||||||
this.queryParams.endTime = null
|
|
||||||
},
|
|
||||||
getList() {
|
|
||||||
if (this.dateList && this.dateList.length > 0) {
|
|
||||||
this.queryParams.startTime = this.dateList[0]
|
|
||||||
this.queryParams.endTime = this.dateList[1]
|
|
||||||
} else {
|
|
||||||
this.queryParams.startTime = null
|
|
||||||
this.queryParams.endTime = null
|
|
||||||
}
|
|
||||||
this.loading = true;
|
|
||||||
listAlarmHistory(this.queryParams).then(response => {
|
|
||||||
this.dataList = response.rows;
|
|
||||||
this.total = response.total;
|
|
||||||
this.loading = false;
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
},
|
|
||||||
handleQuery() {
|
|
||||||
this.queryParams.pageNum = 1
|
|
||||||
this.getList()
|
|
||||||
|
|
||||||
},
|
|
||||||
}
|
|
||||||
|
|
||||||
};
|
|
||||||
</script>
|
|
|
@ -1,376 +0,0 @@
|
||||||
<template>
|
|
||||||
<div class="app-container">
|
|
||||||
<el-form :inline="true" :model="queryParams" ref="form">
|
|
||||||
<el-form-item label="选择企业" prop="factoryId">
|
|
||||||
<el-select v-model="queryParams.factoryId" clearable filterable placeholder="请选择" @change="getDeptTree">
|
|
||||||
<el-option v-for="item in factorys" :key="item.value" :label="item.factoryName" :value="item.factoryId">
|
|
||||||
</el-option>
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
|
|
||||||
<el-form-item label="设备编号">
|
|
||||||
<el-input v-model="queryParams.sn"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="日期" prop="equipmentName">
|
|
||||||
<el-date-picker v-model="dateList" type="daterange" range-separator="至" start-placeholder="开始日期"
|
|
||||||
end-placeholder="结束日期" format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss">
|
|
||||||
</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" height="600px">
|
|
||||||
<el-table-column prop="factoryName" label="安装企业" header-align="center" align="center" />
|
|
||||||
|
|
||||||
<el-table-column prop="sn" label="设备编号" header-align="center" align="center" />
|
|
||||||
<el-table-column prop="reportTime" label="上报时间" header-align="center" align="center" />
|
|
||||||
<!-- <el-table-column prop="wd" label="设备温度" header-align="center" align="center"/>-->
|
|
||||||
<el-table-column prop="power" label="设备电量" header-align="center" align="center"/>
|
|
||||||
<el-table-column prop="zl" label="传感器类型" header-align="center" align="center" />
|
|
||||||
<el-table-column prop="lc" label="量程" header-align="center" align="center" />
|
|
||||||
<el-table-column prop="ds" label="传感器读数" header-align="center" align="center">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<span style="color: red;">
|
|
||||||
{{ scope.row.ds }}
|
|
||||||
</span>
|
|
||||||
<span style="color: #000;">
|
|
||||||
{{ scope.row.dw }}
|
|
||||||
</span>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="zt" label="报警状态" header-align="center" align="center">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<span v-if="scope.row.zt == '一级报警'" style="color: #c00808;">
|
|
||||||
{{ scope.row.zt }}
|
|
||||||
</span>
|
|
||||||
<span v-else-if="scope.row.zt == '二级报警'" style="color: #e23434;">
|
|
||||||
{{ scope.row.zt }}
|
|
||||||
</span>
|
|
||||||
<span v-else>
|
|
||||||
{{ scope.row.zt }}
|
|
||||||
</span>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="dbz" label="低报值" header-align="center" align="center" />
|
|
||||||
<el-table-column prop="gbz" label="高报值" header-align="center" align="center" />
|
|
||||||
|
|
||||||
</el-table>
|
|
||||||
|
|
||||||
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
|
|
||||||
@pagination="handleQuery" />
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import store from "@/store";
|
|
||||||
import { listAlarmHistory } from "@/api/demostrate/monitor";
|
|
||||||
import { getAllFactory } from "@/api/home";
|
|
||||||
export default {
|
|
||||||
name: "alarm",
|
|
||||||
components: { },
|
|
||||||
dicts: [],
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
factorys:[],
|
|
||||||
loading: false,
|
|
||||||
dateList: [],
|
|
||||||
dataList: [],
|
|
||||||
total: 0,
|
|
||||||
// 查询参数
|
|
||||||
queryParams: {
|
|
||||||
pageNum: 1,
|
|
||||||
pageSize: 10,
|
|
||||||
sn: null,
|
|
||||||
name: null,
|
|
||||||
startTime: null,
|
|
||||||
endTime: null,
|
|
||||||
factoryId:null,
|
|
||||||
},
|
|
||||||
|
|
||||||
};
|
|
||||||
},
|
|
||||||
created() {
|
|
||||||
this.queryParams.factoryId = store.getters.user.factoryId
|
|
||||||
},
|
|
||||||
mounted() {
|
|
||||||
this.getFactory()
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
/**获取企业下拉框 */
|
|
||||||
getFactory() {
|
|
||||||
getAllFactory({}).then(response => {
|
|
||||||
this.factorys = response.data;
|
|
||||||
this.getList()
|
|
||||||
})
|
|
||||||
},
|
|
||||||
//发送通知
|
|
||||||
handleUpdate(row) {
|
|
||||||
this.deviceInfo = row
|
|
||||||
this.isOpenMsg = true
|
|
||||||
},
|
|
||||||
//处理报警
|
|
||||||
handleAlarm(row) {
|
|
||||||
this.deviceInfo = row
|
|
||||||
this.isOpenAlarm = true
|
|
||||||
},
|
|
||||||
closeMsg() {
|
|
||||||
this.isOpenMsg = false
|
|
||||||
this.handleQuery()
|
|
||||||
},
|
|
||||||
closeAlarm() {
|
|
||||||
this.isOpenAlarm = false
|
|
||||||
this.handleQuery()
|
|
||||||
},
|
|
||||||
resetQuery() {
|
|
||||||
this.queryParams.pageNum = 1
|
|
||||||
this.queryParams.sn = null
|
|
||||||
this.queryParams.name = null
|
|
||||||
this.queryParams.startTime = null
|
|
||||||
this.queryParams.endTime = null
|
|
||||||
},
|
|
||||||
getList(){
|
|
||||||
if (this.dateList && this.dateList.length > 0) {
|
|
||||||
this.queryParams.startTime = this.dateList[0]
|
|
||||||
this.queryParams.endTime = this.dateList[1]
|
|
||||||
} else {
|
|
||||||
this.queryParams.startTime = null
|
|
||||||
this.queryParams.endTime = null
|
|
||||||
}
|
|
||||||
this.loading = true;
|
|
||||||
// listAlarmHistory(this.queryParams).then(response => {
|
|
||||||
// this.dataList = response.rows;
|
|
||||||
// this.total = response.total;
|
|
||||||
// this.loading = false;
|
|
||||||
// });
|
|
||||||
this.loading = false;
|
|
||||||
this.total = 3389;
|
|
||||||
this.dataList=[ {
|
|
||||||
|
|
||||||
"sn": "ZABB6210850989ZA",
|
|
||||||
"isDeal": null,
|
|
||||||
"name": null,
|
|
||||||
"reportTime": "2024-05-21 23:49:12",
|
|
||||||
"power": "59",
|
|
||||||
"factoryName": '**有限公司',
|
|
||||||
"wd": "0",
|
|
||||||
"yl": "101.3",
|
|
||||||
"latitude": "3604.89440",
|
|
||||||
"longitude": "12022.12783",
|
|
||||||
"lng": null,
|
|
||||||
"lat": null,
|
|
||||||
"cgq": 1,
|
|
||||||
"ds": 9.0,
|
|
||||||
"dw": "PPM",
|
|
||||||
"lc": 500,
|
|
||||||
"zl": "VOC",
|
|
||||||
"zt": "正常工作中",
|
|
||||||
"dbz": 20, "gbz": 50,
|
|
||||||
|
|
||||||
},{
|
|
||||||
"sn": "ZABB6210850989ZA",
|
|
||||||
"isDeal": null,
|
|
||||||
"name": null,
|
|
||||||
"reportTime": "2024-05-20 23:49:12",
|
|
||||||
"power": "59",
|
|
||||||
"factoryName": '**有限公司',
|
|
||||||
"wd": "0",
|
|
||||||
"yl": "101.3",
|
|
||||||
"latitude": "3604.89440",
|
|
||||||
"longitude": "12022.12783",
|
|
||||||
"lng": null,
|
|
||||||
"lat": null,
|
|
||||||
"cgq": 1,
|
|
||||||
"ds": 0.0,
|
|
||||||
"dw": "PPM",
|
|
||||||
"lc": 500,
|
|
||||||
"zl": "VOC",
|
|
||||||
"zt": "正常工作中",
|
|
||||||
"dbz": 20, "gbz": 50,
|
|
||||||
|
|
||||||
},{
|
|
||||||
"sn": "ZABB6210850989ZA",
|
|
||||||
"isDeal": null,
|
|
||||||
"name": null,
|
|
||||||
"reportTime": "2024-05-20 23:49:12",
|
|
||||||
"power": "59",
|
|
||||||
"factoryName": '**有限公司',
|
|
||||||
"wd": "0",
|
|
||||||
"yl": "101.3",
|
|
||||||
"latitude": "3604.89440",
|
|
||||||
"longitude": "12022.12783",
|
|
||||||
"lng": null,
|
|
||||||
"lat": null,
|
|
||||||
"cgq": 1,
|
|
||||||
"ds": 40.0,
|
|
||||||
"dw": "PPM",
|
|
||||||
"lc": 500,
|
|
||||||
"zl": "VOC",
|
|
||||||
"zt": "二级报警",
|
|
||||||
"dbz": 12, "gbz": 58,
|
|
||||||
|
|
||||||
},{
|
|
||||||
"sn": "ZABB6210850989ZA",
|
|
||||||
"isDeal": null,
|
|
||||||
"name": null,
|
|
||||||
"reportTime": "2024-05-26 23:49:12",
|
|
||||||
"power": "59",
|
|
||||||
"factoryName": '**有限公司',
|
|
||||||
"wd": "0",
|
|
||||||
"yl": "101.3",
|
|
||||||
"latitude": "3604.89440",
|
|
||||||
"longitude": "12022.12783",
|
|
||||||
"lng": null,
|
|
||||||
"lat": null,
|
|
||||||
"cgq": 1,
|
|
||||||
"ds": 0.0,
|
|
||||||
"dw": "PPM",
|
|
||||||
"lc": 500,
|
|
||||||
"zl": "VOC",
|
|
||||||
"zt": "正常工作中",
|
|
||||||
"dbz": 20, "gbz": 50,
|
|
||||||
|
|
||||||
},{
|
|
||||||
"sn": "ZABB6210850989ZA",
|
|
||||||
"isDeal": null,
|
|
||||||
"name": null,
|
|
||||||
"reportTime": "2024-05-25 23:49:12",
|
|
||||||
"power": "59",
|
|
||||||
"factoryName": '**有限公司',
|
|
||||||
"wd": "0",
|
|
||||||
"yl": "101.3",
|
|
||||||
"latitude": "3604.89440",
|
|
||||||
"longitude": "12022.12783",
|
|
||||||
"lng": null,
|
|
||||||
"lat": null,
|
|
||||||
"cgq": 1,
|
|
||||||
"ds": 0.0,
|
|
||||||
"dw": "PPM",
|
|
||||||
"lc": 500,
|
|
||||||
"zl": "VOC",
|
|
||||||
"zt": "二级报警",
|
|
||||||
"dbz": 20, "gbz": 50,
|
|
||||||
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"sn": "ZABB6210850989ZA",
|
|
||||||
"isDeal": null,
|
|
||||||
"name": null,
|
|
||||||
"reportTime": "2024-05-24 23:49:12",
|
|
||||||
"power": "59",
|
|
||||||
"factoryName": '**有限公司',
|
|
||||||
"wd": "0",
|
|
||||||
"yl": "101.3",
|
|
||||||
"latitude": "3604.89440",
|
|
||||||
"longitude": "12022.12783",
|
|
||||||
"lng": null,
|
|
||||||
"lat": null,
|
|
||||||
"cgq": 1,
|
|
||||||
"ds": 0.0,
|
|
||||||
"dw": "PPM",
|
|
||||||
"lc": 500,
|
|
||||||
"zl": "VOC",
|
|
||||||
"zt": "正常工作中",
|
|
||||||
"dbz": 20, "gbz": 50,
|
|
||||||
|
|
||||||
},{
|
|
||||||
"sn": "ZABB621085098QW",
|
|
||||||
"isDeal": null,
|
|
||||||
"name": null,
|
|
||||||
"reportTime": "2024-05-25 23:49:12",
|
|
||||||
"power": "59",
|
|
||||||
"factoryName": '**有限公司',
|
|
||||||
"wd": "0",
|
|
||||||
"yl": "101.3",
|
|
||||||
"latitude": "3604.89440",
|
|
||||||
"longitude": "12022.12783",
|
|
||||||
"lng": null,
|
|
||||||
"lat": null,
|
|
||||||
"cgq": 1,
|
|
||||||
"ds": 121.23,
|
|
||||||
"dw": "PPM",
|
|
||||||
"lc": 500,
|
|
||||||
"zl": "VOC",
|
|
||||||
"zt": "一级报警",
|
|
||||||
"dbz": 50, "gbz": 120,
|
|
||||||
|
|
||||||
},{
|
|
||||||
"sn": "ZABB621085098QWS",
|
|
||||||
"isDeal": null,
|
|
||||||
"name": null,
|
|
||||||
"reportTime": "2024-05-24 23:49:12",
|
|
||||||
"power": "59",
|
|
||||||
"factoryName": '**有限公司',
|
|
||||||
"wd": "0",
|
|
||||||
"yl": "101.3",
|
|
||||||
"latitude": "3604.89440",
|
|
||||||
"longitude": "12022.12783",
|
|
||||||
"lng": null,
|
|
||||||
"lat": null,
|
|
||||||
"cgq": 1,
|
|
||||||
"ds": 0.0,
|
|
||||||
"dw": "PPM",
|
|
||||||
"lc": 500,
|
|
||||||
"zl": "VOC",
|
|
||||||
"zt": "正常工作中",
|
|
||||||
"dbz": 20, "gbz": 50,
|
|
||||||
|
|
||||||
},{
|
|
||||||
"sn": "ZABB6210850989ZA",
|
|
||||||
"isDeal": null,
|
|
||||||
"name": null,
|
|
||||||
"reportTime": "2024-05-23 23:49:12",
|
|
||||||
"power": "59",
|
|
||||||
"factoryName": '**有限公司',
|
|
||||||
"wd": "0",
|
|
||||||
"yl": "101.3",
|
|
||||||
"latitude": "3604.89440",
|
|
||||||
"longitude": "12022.12783",
|
|
||||||
"lng": null,
|
|
||||||
"lat": null,
|
|
||||||
"cgq": 1,
|
|
||||||
"ds": 0.0,
|
|
||||||
"dw": "PPM",
|
|
||||||
"lc": 500,
|
|
||||||
"zl": "VOC",
|
|
||||||
"zt": "正常工作中",
|
|
||||||
"dbz": 20, "gbz": 50,
|
|
||||||
|
|
||||||
},{
|
|
||||||
"sn": "ZABB6210850989ZA",
|
|
||||||
"isDeal": null,
|
|
||||||
"name": null,
|
|
||||||
"reportTime": "2024-05-22 23:49:12",
|
|
||||||
"power": "59",
|
|
||||||
"factoryName": '**有限公司',
|
|
||||||
"wd": "0",
|
|
||||||
"yl": "101.3",
|
|
||||||
"latitude": "3604.89440",
|
|
||||||
"longitude": "12022.12783",
|
|
||||||
"lng": null,
|
|
||||||
"lat": null,
|
|
||||||
"cgq": 1,
|
|
||||||
"ds": 0.0,
|
|
||||||
"dw": "PPM",
|
|
||||||
"lc": 500,
|
|
||||||
"zl": "VOC",
|
|
||||||
"zt": "正常工作中",
|
|
||||||
"dbz": 20, "gbz": 50,
|
|
||||||
|
|
||||||
},
|
|
||||||
]
|
|
||||||
|
|
||||||
},
|
|
||||||
handleQuery() {
|
|
||||||
this.queryParams.pageNum = 1
|
|
||||||
this.getList()
|
|
||||||
|
|
||||||
},
|
|
||||||
}
|
|
||||||
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
|
@ -1,375 +0,0 @@
|
||||||
<template>
|
|
||||||
<div class="app-container">
|
|
||||||
<el-form :inline="true" :model="queryParams" ref="form">
|
|
||||||
<el-form-item label="选择企业" prop="factoryId">
|
|
||||||
<el-select v-model="queryParams.factoryId" clearable filterable placeholder="请选择" @change="getDeptTree">
|
|
||||||
<el-option v-for="item in factorys" :key="item.value" :label="item.factoryName" :value="item.factoryId">
|
|
||||||
</el-option>
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
|
|
||||||
<el-form-item label="设备编号">
|
|
||||||
<el-input v-model="queryParams.sn"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="日期" prop="equipmentName">
|
|
||||||
<el-date-picker v-model="dateList" type="daterange" range-separator="至" start-placeholder="开始日期"
|
|
||||||
end-placeholder="结束日期" format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss">
|
|
||||||
</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" height="600px">
|
|
||||||
<el-table-column prop="factoryName" label="安装企业" header-align="center" align="center" />
|
|
||||||
|
|
||||||
<el-table-column prop="sn" label="设备编号" header-align="center" align="center" />
|
|
||||||
<el-table-column prop="reportTime" label="上报时间" header-align="center" align="center" />
|
|
||||||
<!-- <el-table-column prop="wd" label="设备温度" header-align="center" align="center"/>-->
|
|
||||||
<el-table-column prop="power" label="设备电量" header-align="center" align="center"/>
|
|
||||||
<el-table-column prop="zl" label="传感器类型" header-align="center" align="center" />
|
|
||||||
<el-table-column prop="lc" label="量程" header-align="center" align="center" />
|
|
||||||
<el-table-column prop="ds" label="传感器读数" header-align="center" align="center">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<span style="color: red;">
|
|
||||||
{{ scope.row.ds }}
|
|
||||||
</span>
|
|
||||||
<span style="color: #000;">
|
|
||||||
{{ scope.row.dw }}
|
|
||||||
</span>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="zt" label="报警状态" header-align="center" align="center">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<span v-if="scope.row.zt == '一级报警'" style="color: #c00808;">
|
|
||||||
{{ scope.row.zt }}
|
|
||||||
</span>
|
|
||||||
<span v-else-if="scope.row.zt == '二级报警'" style="color: #e23434;">
|
|
||||||
{{ scope.row.zt }}
|
|
||||||
</span>
|
|
||||||
<span v-else>
|
|
||||||
{{ scope.row.zt }}
|
|
||||||
</span>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="dbz" label="低报值" header-align="center" align="center" />
|
|
||||||
<el-table-column prop="gbz" label="高报值" header-align="center" align="center" />
|
|
||||||
|
|
||||||
</el-table>
|
|
||||||
|
|
||||||
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
|
|
||||||
@pagination="handleQuery" />
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import store from "@/store";
|
|
||||||
import { listAlarmHistory } from "@/api/demostrate/monitor";
|
|
||||||
import { getAllFactory } from "@/api/home";
|
|
||||||
export default {
|
|
||||||
name: "alarm",
|
|
||||||
components: { },
|
|
||||||
dicts: [],
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
factorys:[],
|
|
||||||
loading: false,
|
|
||||||
dateList: [],
|
|
||||||
dataList: [],
|
|
||||||
total: 0,
|
|
||||||
// 查询参数
|
|
||||||
queryParams: {
|
|
||||||
pageNum: 1,
|
|
||||||
pageSize: 10,
|
|
||||||
sn: null,
|
|
||||||
name: null,
|
|
||||||
startTime: null,
|
|
||||||
endTime: null,
|
|
||||||
factoryId:null,
|
|
||||||
},
|
|
||||||
|
|
||||||
};
|
|
||||||
},
|
|
||||||
created() {
|
|
||||||
this.queryParams.factoryId = store.getters.user.factoryId
|
|
||||||
},
|
|
||||||
mounted() {
|
|
||||||
this.getFactory()
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
/**获取企业下拉框 */
|
|
||||||
getFactory() {
|
|
||||||
getAllFactory({}).then(response => {
|
|
||||||
this.factorys = response.data;
|
|
||||||
this.getList()
|
|
||||||
})
|
|
||||||
},
|
|
||||||
//发送通知
|
|
||||||
handleUpdate(row) {
|
|
||||||
this.deviceInfo = row
|
|
||||||
this.isOpenMsg = true
|
|
||||||
},
|
|
||||||
//处理报警
|
|
||||||
handleAlarm(row) {
|
|
||||||
this.deviceInfo = row
|
|
||||||
this.isOpenAlarm = true
|
|
||||||
},
|
|
||||||
closeMsg() {
|
|
||||||
this.isOpenMsg = false
|
|
||||||
this.handleQuery()
|
|
||||||
},
|
|
||||||
closeAlarm() {
|
|
||||||
this.isOpenAlarm = false
|
|
||||||
this.handleQuery()
|
|
||||||
},
|
|
||||||
resetQuery() {
|
|
||||||
this.queryParams.pageNum = 1
|
|
||||||
this.queryParams.sn = null
|
|
||||||
this.queryParams.name = null
|
|
||||||
this.queryParams.startTime = null
|
|
||||||
this.queryParams.endTime = null
|
|
||||||
},
|
|
||||||
getList(){
|
|
||||||
if (this.dateList && this.dateList.length > 0) {
|
|
||||||
this.queryParams.startTime = this.dateList[0]
|
|
||||||
this.queryParams.endTime = this.dateList[1]
|
|
||||||
} else {
|
|
||||||
this.queryParams.startTime = null
|
|
||||||
this.queryParams.endTime = null
|
|
||||||
}
|
|
||||||
this.loading = true;
|
|
||||||
// listAlarmHistory(this.queryParams).then(response => {
|
|
||||||
// this.dataList = response.rows;
|
|
||||||
// this.total = response.total;
|
|
||||||
// this.loading = false;
|
|
||||||
// });
|
|
||||||
this.loading = false;
|
|
||||||
this.total = 4301;
|
|
||||||
this.dataList=[ {
|
|
||||||
"sn": "ZABB6210850989ZA",
|
|
||||||
"isDeal": null,
|
|
||||||
"name": null,
|
|
||||||
"reportTime": "2024-05-26 23:49:12",
|
|
||||||
"power": "59",
|
|
||||||
"factoryName": '**有限公司',
|
|
||||||
"wd": "0",
|
|
||||||
"yl": "101.3",
|
|
||||||
"latitude": "3604.89440",
|
|
||||||
"longitude": "12022.12783",
|
|
||||||
"lng": null,
|
|
||||||
"lat": null,
|
|
||||||
"cgq": 1,
|
|
||||||
"ds": 0.0,
|
|
||||||
"dw": "PPM",
|
|
||||||
"lc": 500,
|
|
||||||
"zl": "VOC",
|
|
||||||
"zt": "正常工作中",
|
|
||||||
"dbz": 20, "gbz": 50,
|
|
||||||
|
|
||||||
},{
|
|
||||||
"sn": "ZABB6210850989ZA",
|
|
||||||
"isDeal": null,
|
|
||||||
"name": null,
|
|
||||||
"reportTime": "2024-05-25 23:49:12",
|
|
||||||
"power": "59",
|
|
||||||
"factoryName": '**有限公司',
|
|
||||||
"wd": "0",
|
|
||||||
"yl": "101.3",
|
|
||||||
"latitude": "3604.89440",
|
|
||||||
"longitude": "12022.12783",
|
|
||||||
"lng": null,
|
|
||||||
"lat": null,
|
|
||||||
"cgq": 1,
|
|
||||||
"ds": 0.0,
|
|
||||||
"dw": "PPM",
|
|
||||||
"lc": 500,
|
|
||||||
"zl": "VOC",
|
|
||||||
"zt": "二级报警",
|
|
||||||
"dbz": 20, "gbz": 50,
|
|
||||||
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"sn": "ZABB6210850989ZA",
|
|
||||||
"isDeal": null,
|
|
||||||
"name": null,
|
|
||||||
"reportTime": "2024-05-24 23:49:12",
|
|
||||||
"power": "59",
|
|
||||||
"factoryName": '**有限公司',
|
|
||||||
"wd": "0",
|
|
||||||
"yl": "101.3",
|
|
||||||
"latitude": "3604.89440",
|
|
||||||
"longitude": "12022.12783",
|
|
||||||
"lng": null,
|
|
||||||
"lat": null,
|
|
||||||
"cgq": 1,
|
|
||||||
"ds": 0.0,
|
|
||||||
"dw": "PPM",
|
|
||||||
"lc": 500,
|
|
||||||
"zl": "VOC",
|
|
||||||
"zt": "正常工作中",
|
|
||||||
"dbz": 20, "gbz": 50,
|
|
||||||
|
|
||||||
},{
|
|
||||||
"sn": "ZABB621085098QW",
|
|
||||||
"isDeal": null,
|
|
||||||
"name": null,
|
|
||||||
"reportTime": "2024-05-25 23:49:12",
|
|
||||||
"power": "59",
|
|
||||||
"factoryName": '**有限公司',
|
|
||||||
"wd": "0",
|
|
||||||
"yl": "101.3",
|
|
||||||
"latitude": "3604.89440",
|
|
||||||
"longitude": "12022.12783",
|
|
||||||
"lng": null,
|
|
||||||
"lat": null,
|
|
||||||
"cgq": 1,
|
|
||||||
"ds": 121.23,
|
|
||||||
"dw": "PPM",
|
|
||||||
"lc": 500,
|
|
||||||
"zl": "VOC",
|
|
||||||
"zt": "一级报警",
|
|
||||||
"dbz": 50, "gbz": 120,
|
|
||||||
|
|
||||||
},{
|
|
||||||
"sn": "ZABB621085098QWS",
|
|
||||||
"isDeal": null,
|
|
||||||
"name": null,
|
|
||||||
"reportTime": "2024-05-24 23:49:12",
|
|
||||||
"power": "59",
|
|
||||||
"factoryName": '**有限公司',
|
|
||||||
"wd": "0",
|
|
||||||
"yl": "101.3",
|
|
||||||
"latitude": "3604.89440",
|
|
||||||
"longitude": "12022.12783",
|
|
||||||
"lng": null,
|
|
||||||
"lat": null,
|
|
||||||
"cgq": 1,
|
|
||||||
"ds": 0.0,
|
|
||||||
"dw": "PPM",
|
|
||||||
"lc": 500,
|
|
||||||
"zl": "VOC",
|
|
||||||
"zt": "正常工作中",
|
|
||||||
"dbz": 20, "gbz": 50,
|
|
||||||
|
|
||||||
},{
|
|
||||||
"sn": "ZABB6210850989ZA",
|
|
||||||
"isDeal": null,
|
|
||||||
"name": null,
|
|
||||||
"reportTime": "2024-05-23 23:49:12",
|
|
||||||
"power": "59",
|
|
||||||
"factoryName": '**有限公司',
|
|
||||||
"wd": "0",
|
|
||||||
"yl": "101.3",
|
|
||||||
"latitude": "3604.89440",
|
|
||||||
"longitude": "12022.12783",
|
|
||||||
"lng": null,
|
|
||||||
"lat": null,
|
|
||||||
"cgq": 1,
|
|
||||||
"ds": 0.0,
|
|
||||||
"dw": "PPM",
|
|
||||||
"lc": 500,
|
|
||||||
"zl": "VOC",
|
|
||||||
"zt": "正常工作中",
|
|
||||||
"dbz": 20, "gbz": 50,
|
|
||||||
|
|
||||||
},{
|
|
||||||
"sn": "ZABB6210850989ZA",
|
|
||||||
"isDeal": null,
|
|
||||||
"name": null,
|
|
||||||
"reportTime": "2024-05-22 23:49:12",
|
|
||||||
"power": "59",
|
|
||||||
"factoryName": '**有限公司',
|
|
||||||
"wd": "0",
|
|
||||||
"yl": "101.3",
|
|
||||||
"latitude": "3604.89440",
|
|
||||||
"longitude": "12022.12783",
|
|
||||||
"lng": null,
|
|
||||||
"lat": null,
|
|
||||||
"cgq": 1,
|
|
||||||
"ds": 0.0,
|
|
||||||
"dw": "PPM",
|
|
||||||
"lc": 500,
|
|
||||||
"zl": "VOC",
|
|
||||||
"zt": "正常工作中",
|
|
||||||
"dbz": 20, "gbz": 50,
|
|
||||||
|
|
||||||
},{
|
|
||||||
"sn": "ZABB6210850989ZA",
|
|
||||||
"isDeal": null,
|
|
||||||
"name": null,
|
|
||||||
"reportTime": "2024-05-21 23:49:12",
|
|
||||||
"power": "59",
|
|
||||||
"factoryName": '**有限公司',
|
|
||||||
"wd": "0",
|
|
||||||
"yl": "101.3",
|
|
||||||
"latitude": "3604.89440",
|
|
||||||
"longitude": "12022.12783",
|
|
||||||
"lng": null,
|
|
||||||
"lat": null,
|
|
||||||
"cgq": 1,
|
|
||||||
"ds": 9.0,
|
|
||||||
"dw": "PPM",
|
|
||||||
"lc": 500,
|
|
||||||
"zl": "VOC",
|
|
||||||
"zt": "正常工作中",
|
|
||||||
"dbz": 20, "gbz": 50,
|
|
||||||
|
|
||||||
},{
|
|
||||||
"sn": "ZABB6210850989ZA",
|
|
||||||
"isDeal": null,
|
|
||||||
"name": null,
|
|
||||||
"reportTime": "2024-05-20 23:49:12",
|
|
||||||
"power": "59",
|
|
||||||
"factoryName": '**有限公司',
|
|
||||||
"wd": "0",
|
|
||||||
"yl": "101.3",
|
|
||||||
"latitude": "3604.89440",
|
|
||||||
"longitude": "12022.12783",
|
|
||||||
"lng": null,
|
|
||||||
"lat": null,
|
|
||||||
"cgq": 1,
|
|
||||||
"ds": 0.0,
|
|
||||||
"dw": "PPM",
|
|
||||||
"lc": 500,
|
|
||||||
"zl": "VOC",
|
|
||||||
"zt": "正常工作中",
|
|
||||||
"dbz": 20, "gbz": 50,
|
|
||||||
|
|
||||||
},{
|
|
||||||
"sn": "ZABB6210850989ZA",
|
|
||||||
"isDeal": null,
|
|
||||||
"name": null,
|
|
||||||
"reportTime": "2024-05-20 23:49:12",
|
|
||||||
"power": "59",
|
|
||||||
"factoryName": '**有限公司',
|
|
||||||
"wd": "0",
|
|
||||||
"yl": "101.3",
|
|
||||||
"latitude": "3604.89440",
|
|
||||||
"longitude": "12022.12783",
|
|
||||||
"lng": null,
|
|
||||||
"lat": null,
|
|
||||||
"cgq": 1,
|
|
||||||
"ds": 40.0,
|
|
||||||
"dw": "PPM",
|
|
||||||
"lc": 500,
|
|
||||||
"zl": "VOC",
|
|
||||||
"zt": "二级报警",
|
|
||||||
"dbz": 12, "gbz": 58,
|
|
||||||
|
|
||||||
},
|
|
||||||
]
|
|
||||||
|
|
||||||
},
|
|
||||||
handleQuery() {
|
|
||||||
this.queryParams.pageNum = 1
|
|
||||||
this.getList()
|
|
||||||
|
|
||||||
},
|
|
||||||
}
|
|
||||||
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
|
@ -1,375 +0,0 @@
|
||||||
<template>
|
|
||||||
<div class="app-container">
|
|
||||||
<el-form :inline="true" :model="queryParams" ref="form">
|
|
||||||
<el-form-item label="选择企业" prop="factoryId">
|
|
||||||
<el-select v-model="queryParams.factoryId" clearable filterable placeholder="请选择" @change="getDeptTree">
|
|
||||||
<el-option v-for="item in factorys" :key="item.value" :label="item.factoryName" :value="item.factoryId">
|
|
||||||
</el-option>
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
|
|
||||||
<el-form-item label="设备编号">
|
|
||||||
<el-input v-model="queryParams.sn"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="日期" prop="equipmentName">
|
|
||||||
<el-date-picker v-model="dateList" type="daterange" range-separator="至" start-placeholder="开始日期"
|
|
||||||
end-placeholder="结束日期" format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss">
|
|
||||||
</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" height="600px">
|
|
||||||
<el-table-column prop="factoryName" label="安装企业" header-align="center" align="center" />
|
|
||||||
|
|
||||||
<el-table-column prop="sn" label="设备编号" header-align="center" align="center" />
|
|
||||||
<el-table-column prop="reportTime" label="上报时间" header-align="center" align="center" />
|
|
||||||
<!-- <el-table-column prop="wd" label="设备温度" header-align="center" align="center"/>-->
|
|
||||||
<el-table-column prop="power" label="设备电量" header-align="center" align="center"/>
|
|
||||||
<el-table-column prop="zl" label="传感器类型" header-align="center" align="center" />
|
|
||||||
<el-table-column prop="lc" label="量程" header-align="center" align="center" />
|
|
||||||
<el-table-column prop="ds" label="传感器读数" header-align="center" align="center">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<span style="color: red;">
|
|
||||||
{{ scope.row.ds }}
|
|
||||||
</span>
|
|
||||||
<span style="color: #000;">
|
|
||||||
{{ scope.row.dw }}
|
|
||||||
</span>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="zt" label="报警状态" header-align="center" align="center">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<span v-if="scope.row.zt == '一级报警'" style="color: #c00808;">
|
|
||||||
{{ scope.row.zt }}
|
|
||||||
</span>
|
|
||||||
<span v-else-if="scope.row.zt == '二级报警'" style="color: #e23434;">
|
|
||||||
{{ scope.row.zt }}
|
|
||||||
</span>
|
|
||||||
<span v-else>
|
|
||||||
{{ scope.row.zt }}
|
|
||||||
</span>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="dbz" label="低报值" header-align="center" align="center" />
|
|
||||||
<el-table-column prop="gbz" label="高报值" header-align="center" align="center" />
|
|
||||||
|
|
||||||
</el-table>
|
|
||||||
|
|
||||||
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
|
|
||||||
@pagination="handleQuery" />
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import store from "@/store";
|
|
||||||
import { listAlarmHistory } from "@/api/demostrate/monitor";
|
|
||||||
import { getAllFactory } from "@/api/home";
|
|
||||||
export default {
|
|
||||||
name: "alarm",
|
|
||||||
components: { },
|
|
||||||
dicts: [],
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
factorys:[],
|
|
||||||
loading: false,
|
|
||||||
dateList: [],
|
|
||||||
dataList: [],
|
|
||||||
total: 0,
|
|
||||||
// 查询参数
|
|
||||||
queryParams: {
|
|
||||||
pageNum: 1,
|
|
||||||
pageSize: 10,
|
|
||||||
sn: null,
|
|
||||||
name: null,
|
|
||||||
startTime: null,
|
|
||||||
endTime: null,
|
|
||||||
factoryId:null,
|
|
||||||
},
|
|
||||||
|
|
||||||
};
|
|
||||||
},
|
|
||||||
created() {
|
|
||||||
this.queryParams.factoryId = store.getters.user.factoryId
|
|
||||||
},
|
|
||||||
mounted() {
|
|
||||||
this.getFactory()
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
/**获取企业下拉框 */
|
|
||||||
getFactory() {
|
|
||||||
getAllFactory({}).then(response => {
|
|
||||||
this.factorys = response.data;
|
|
||||||
this.getList()
|
|
||||||
})
|
|
||||||
},
|
|
||||||
//发送通知
|
|
||||||
handleUpdate(row) {
|
|
||||||
this.deviceInfo = row
|
|
||||||
this.isOpenMsg = true
|
|
||||||
},
|
|
||||||
//处理报警
|
|
||||||
handleAlarm(row) {
|
|
||||||
this.deviceInfo = row
|
|
||||||
this.isOpenAlarm = true
|
|
||||||
},
|
|
||||||
closeMsg() {
|
|
||||||
this.isOpenMsg = false
|
|
||||||
this.handleQuery()
|
|
||||||
},
|
|
||||||
closeAlarm() {
|
|
||||||
this.isOpenAlarm = false
|
|
||||||
this.handleQuery()
|
|
||||||
},
|
|
||||||
resetQuery() {
|
|
||||||
this.queryParams.pageNum = 1
|
|
||||||
this.queryParams.sn = null
|
|
||||||
this.queryParams.name = null
|
|
||||||
this.queryParams.startTime = null
|
|
||||||
this.queryParams.endTime = null
|
|
||||||
},
|
|
||||||
getList(){
|
|
||||||
if (this.dateList && this.dateList.length > 0) {
|
|
||||||
this.queryParams.startTime = this.dateList[0]
|
|
||||||
this.queryParams.endTime = this.dateList[1]
|
|
||||||
} else {
|
|
||||||
this.queryParams.startTime = null
|
|
||||||
this.queryParams.endTime = null
|
|
||||||
}
|
|
||||||
this.loading = true;
|
|
||||||
// listAlarmHistory(this.queryParams).then(response => {
|
|
||||||
// this.dataList = response.rows;
|
|
||||||
// this.total = response.total;
|
|
||||||
// this.loading = false;
|
|
||||||
// });
|
|
||||||
this.loading = false;
|
|
||||||
this.total = 4301;
|
|
||||||
this.dataList=[ {
|
|
||||||
"sn": "ZABB6210850989ZA",
|
|
||||||
"isDeal": null,
|
|
||||||
"name": null,
|
|
||||||
"reportTime": "2024-05-26 23:49:12",
|
|
||||||
"power": "59",
|
|
||||||
"factoryName": '**有限公司',
|
|
||||||
"wd": "0",
|
|
||||||
"yl": "101.3",
|
|
||||||
"latitude": "3604.89440",
|
|
||||||
"longitude": "12022.12783",
|
|
||||||
"lng": null,
|
|
||||||
"lat": null,
|
|
||||||
"cgq": 1,
|
|
||||||
"ds": 0.0,
|
|
||||||
"dw": "PPM",
|
|
||||||
"lc": 500,
|
|
||||||
"zl": "VOC",
|
|
||||||
"zt": "正常工作中",
|
|
||||||
"dbz": 20, "gbz": 50,
|
|
||||||
|
|
||||||
},{
|
|
||||||
"sn": "ZABB6210850989ZA",
|
|
||||||
"isDeal": null,
|
|
||||||
"name": null,
|
|
||||||
"reportTime": "2024-05-25 23:49:12",
|
|
||||||
"power": "59",
|
|
||||||
"factoryName": '**有限公司',
|
|
||||||
"wd": "0",
|
|
||||||
"yl": "101.3",
|
|
||||||
"latitude": "3604.89440",
|
|
||||||
"longitude": "12022.12783",
|
|
||||||
"lng": null,
|
|
||||||
"lat": null,
|
|
||||||
"cgq": 1,
|
|
||||||
"ds": 0.0,
|
|
||||||
"dw": "PPM",
|
|
||||||
"lc": 500,
|
|
||||||
"zl": "VOC",
|
|
||||||
"zt": "二级报警",
|
|
||||||
"dbz": 20, "gbz": 50,
|
|
||||||
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"sn": "ZABB6210850989ZA",
|
|
||||||
"isDeal": null,
|
|
||||||
"name": null,
|
|
||||||
"reportTime": "2024-05-24 23:49:12",
|
|
||||||
"power": "59",
|
|
||||||
"factoryName": '**有限公司',
|
|
||||||
"wd": "0",
|
|
||||||
"yl": "101.3",
|
|
||||||
"latitude": "3604.89440",
|
|
||||||
"longitude": "12022.12783",
|
|
||||||
"lng": null,
|
|
||||||
"lat": null,
|
|
||||||
"cgq": 1,
|
|
||||||
"ds": 0.0,
|
|
||||||
"dw": "PPM",
|
|
||||||
"lc": 500,
|
|
||||||
"zl": "VOC",
|
|
||||||
"zt": "正常工作中",
|
|
||||||
"dbz": 20, "gbz": 50,
|
|
||||||
|
|
||||||
},{
|
|
||||||
"sn": "ZABB621085098QW",
|
|
||||||
"isDeal": null,
|
|
||||||
"name": null,
|
|
||||||
"reportTime": "2024-05-25 23:49:12",
|
|
||||||
"power": "59",
|
|
||||||
"factoryName": '**有限公司',
|
|
||||||
"wd": "0",
|
|
||||||
"yl": "101.3",
|
|
||||||
"latitude": "3604.89440",
|
|
||||||
"longitude": "12022.12783",
|
|
||||||
"lng": null,
|
|
||||||
"lat": null,
|
|
||||||
"cgq": 1,
|
|
||||||
"ds": 121.23,
|
|
||||||
"dw": "PPM",
|
|
||||||
"lc": 500,
|
|
||||||
"zl": "VOC",
|
|
||||||
"zt": "一级报警",
|
|
||||||
"dbz": 50, "gbz": 120,
|
|
||||||
|
|
||||||
},{
|
|
||||||
"sn": "ZABB621085098QWS",
|
|
||||||
"isDeal": null,
|
|
||||||
"name": null,
|
|
||||||
"reportTime": "2024-05-24 23:49:12",
|
|
||||||
"power": "59",
|
|
||||||
"factoryName": '**有限公司',
|
|
||||||
"wd": "0",
|
|
||||||
"yl": "101.3",
|
|
||||||
"latitude": "3604.89440",
|
|
||||||
"longitude": "12022.12783",
|
|
||||||
"lng": null,
|
|
||||||
"lat": null,
|
|
||||||
"cgq": 1,
|
|
||||||
"ds": 0.0,
|
|
||||||
"dw": "PPM",
|
|
||||||
"lc": 500,
|
|
||||||
"zl": "VOC",
|
|
||||||
"zt": "正常工作中",
|
|
||||||
"dbz": 20, "gbz": 50,
|
|
||||||
|
|
||||||
},{
|
|
||||||
"sn": "ZABB6210850989ZA",
|
|
||||||
"isDeal": null,
|
|
||||||
"name": null,
|
|
||||||
"reportTime": "2024-05-23 23:49:12",
|
|
||||||
"power": "59",
|
|
||||||
"factoryName": '**有限公司',
|
|
||||||
"wd": "0",
|
|
||||||
"yl": "101.3",
|
|
||||||
"latitude": "3604.89440",
|
|
||||||
"longitude": "12022.12783",
|
|
||||||
"lng": null,
|
|
||||||
"lat": null,
|
|
||||||
"cgq": 1,
|
|
||||||
"ds": 0.0,
|
|
||||||
"dw": "PPM",
|
|
||||||
"lc": 500,
|
|
||||||
"zl": "VOC",
|
|
||||||
"zt": "正常工作中",
|
|
||||||
"dbz": 20, "gbz": 50,
|
|
||||||
|
|
||||||
},{
|
|
||||||
"sn": "ZABB6210850989ZA",
|
|
||||||
"isDeal": null,
|
|
||||||
"name": null,
|
|
||||||
"reportTime": "2024-05-22 23:49:12",
|
|
||||||
"power": "59",
|
|
||||||
"factoryName": '**有限公司',
|
|
||||||
"wd": "0",
|
|
||||||
"yl": "101.3",
|
|
||||||
"latitude": "3604.89440",
|
|
||||||
"longitude": "12022.12783",
|
|
||||||
"lng": null,
|
|
||||||
"lat": null,
|
|
||||||
"cgq": 1,
|
|
||||||
"ds": 0.0,
|
|
||||||
"dw": "PPM",
|
|
||||||
"lc": 500,
|
|
||||||
"zl": "VOC",
|
|
||||||
"zt": "正常工作中",
|
|
||||||
"dbz": 20, "gbz": 50,
|
|
||||||
|
|
||||||
},{
|
|
||||||
"sn": "ZABB6210850989ZA",
|
|
||||||
"isDeal": null,
|
|
||||||
"name": null,
|
|
||||||
"reportTime": "2024-05-21 23:49:12",
|
|
||||||
"power": "59",
|
|
||||||
"factoryName": '**有限公司',
|
|
||||||
"wd": "0",
|
|
||||||
"yl": "101.3",
|
|
||||||
"latitude": "3604.89440",
|
|
||||||
"longitude": "12022.12783",
|
|
||||||
"lng": null,
|
|
||||||
"lat": null,
|
|
||||||
"cgq": 1,
|
|
||||||
"ds": 9.0,
|
|
||||||
"dw": "PPM",
|
|
||||||
"lc": 500,
|
|
||||||
"zl": "VOC",
|
|
||||||
"zt": "正常工作中",
|
|
||||||
"dbz": 20, "gbz": 50,
|
|
||||||
|
|
||||||
},{
|
|
||||||
"sn": "ZABB6210850989ZA",
|
|
||||||
"isDeal": null,
|
|
||||||
"name": null,
|
|
||||||
"reportTime": "2024-05-20 23:49:12",
|
|
||||||
"power": "59",
|
|
||||||
"factoryName": '**有限公司',
|
|
||||||
"wd": "0",
|
|
||||||
"yl": "101.3",
|
|
||||||
"latitude": "3604.89440",
|
|
||||||
"longitude": "12022.12783",
|
|
||||||
"lng": null,
|
|
||||||
"lat": null,
|
|
||||||
"cgq": 1,
|
|
||||||
"ds": 0.0,
|
|
||||||
"dw": "PPM",
|
|
||||||
"lc": 500,
|
|
||||||
"zl": "VOC",
|
|
||||||
"zt": "正常工作中",
|
|
||||||
"dbz": 20, "gbz": 50,
|
|
||||||
|
|
||||||
},{
|
|
||||||
"sn": "ZABB6210850989ZA",
|
|
||||||
"isDeal": null,
|
|
||||||
"name": null,
|
|
||||||
"reportTime": "2024-05-20 23:49:12",
|
|
||||||
"power": "59",
|
|
||||||
"factoryName": '**有限公司',
|
|
||||||
"wd": "0",
|
|
||||||
"yl": "101.3",
|
|
||||||
"latitude": "3604.89440",
|
|
||||||
"longitude": "12022.12783",
|
|
||||||
"lng": null,
|
|
||||||
"lat": null,
|
|
||||||
"cgq": 1,
|
|
||||||
"ds": 40.0,
|
|
||||||
"dw": "PPM",
|
|
||||||
"lc": 500,
|
|
||||||
"zl": "VOC",
|
|
||||||
"zt": "二级报警",
|
|
||||||
"dbz": 12, "gbz": 58,
|
|
||||||
|
|
||||||
},
|
|
||||||
]
|
|
||||||
|
|
||||||
},
|
|
||||||
handleQuery() {
|
|
||||||
this.queryParams.pageNum = 1
|
|
||||||
this.getList()
|
|
||||||
|
|
||||||
},
|
|
||||||
}
|
|
||||||
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
|
@ -1,376 +0,0 @@
|
||||||
<template>
|
|
||||||
<div class="app-container">
|
|
||||||
<el-form :inline="true" :model="queryParams" ref="form">
|
|
||||||
<el-form-item label="选择企业" prop="factoryId">
|
|
||||||
<el-select v-model="queryParams.factoryId" clearable filterable placeholder="请选择" @change="getDeptTree">
|
|
||||||
<el-option v-for="item in factorys" :key="item.value" :label="item.factoryName" :value="item.factoryId">
|
|
||||||
</el-option>
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
|
|
||||||
<el-form-item label="设备编号">
|
|
||||||
<el-input v-model="queryParams.sn"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="日期" prop="equipmentName">
|
|
||||||
<el-date-picker v-model="dateList" type="daterange" range-separator="至" start-placeholder="开始日期"
|
|
||||||
end-placeholder="结束日期" format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss">
|
|
||||||
</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" height="600px">
|
|
||||||
<el-table-column prop="factoryName" label="安装企业" header-align="center" align="center" />
|
|
||||||
|
|
||||||
<el-table-column prop="sn" label="设备编号" header-align="center" align="center" />
|
|
||||||
<el-table-column prop="reportTime" label="上报时间" header-align="center" align="center" />
|
|
||||||
<!-- <el-table-column prop="wd" label="设备温度" header-align="center" align="center"/>-->
|
|
||||||
<el-table-column prop="power" label="设备电量" header-align="center" align="center"/>
|
|
||||||
<el-table-column prop="zl" label="传感器类型" header-align="center" align="center" />
|
|
||||||
<el-table-column prop="lc" label="量程" header-align="center" align="center" />
|
|
||||||
<el-table-column prop="ds" label="传感器读数" header-align="center" align="center">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<span style="color: red;">
|
|
||||||
{{ scope.row.ds }}
|
|
||||||
</span>
|
|
||||||
<span style="color: #000;">
|
|
||||||
{{ scope.row.dw }}
|
|
||||||
</span>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="zt" label="报警状态" header-align="center" align="center">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<span v-if="scope.row.zt == '一级报警'" style="color: #c00808;">
|
|
||||||
{{ scope.row.zt }}
|
|
||||||
</span>
|
|
||||||
<span v-else-if="scope.row.zt == '二级报警'" style="color: #e23434;">
|
|
||||||
{{ scope.row.zt }}
|
|
||||||
</span>
|
|
||||||
<span v-else>
|
|
||||||
{{ scope.row.zt }}
|
|
||||||
</span>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="dbz" label="低报值" header-align="center" align="center" />
|
|
||||||
<el-table-column prop="gbz" label="高报值" header-align="center" align="center" />
|
|
||||||
|
|
||||||
</el-table>
|
|
||||||
|
|
||||||
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
|
|
||||||
@pagination="handleQuery" />
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import store from "@/store";
|
|
||||||
import { listAlarmHistory } from "@/api/demostrate/monitor";
|
|
||||||
import { getAllFactory } from "@/api/home";
|
|
||||||
export default {
|
|
||||||
name: "alarm",
|
|
||||||
components: { },
|
|
||||||
dicts: [],
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
factorys:[],
|
|
||||||
loading: false,
|
|
||||||
dateList: [],
|
|
||||||
dataList: [],
|
|
||||||
total: 0,
|
|
||||||
// 查询参数
|
|
||||||
queryParams: {
|
|
||||||
pageNum: 1,
|
|
||||||
pageSize: 10,
|
|
||||||
sn: null,
|
|
||||||
name: null,
|
|
||||||
startTime: null,
|
|
||||||
endTime: null,
|
|
||||||
factoryId:null,
|
|
||||||
},
|
|
||||||
|
|
||||||
};
|
|
||||||
},
|
|
||||||
created() {
|
|
||||||
this.queryParams.factoryId = store.getters.user.factoryId
|
|
||||||
},
|
|
||||||
mounted() {
|
|
||||||
this.getFactory()
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
/**获取企业下拉框 */
|
|
||||||
getFactory() {
|
|
||||||
getAllFactory({}).then(response => {
|
|
||||||
this.factorys = response.data;
|
|
||||||
this.getList()
|
|
||||||
})
|
|
||||||
},
|
|
||||||
//发送通知
|
|
||||||
handleUpdate(row) {
|
|
||||||
this.deviceInfo = row
|
|
||||||
this.isOpenMsg = true
|
|
||||||
},
|
|
||||||
//处理报警
|
|
||||||
handleAlarm(row) {
|
|
||||||
this.deviceInfo = row
|
|
||||||
this.isOpenAlarm = true
|
|
||||||
},
|
|
||||||
closeMsg() {
|
|
||||||
this.isOpenMsg = false
|
|
||||||
this.handleQuery()
|
|
||||||
},
|
|
||||||
closeAlarm() {
|
|
||||||
this.isOpenAlarm = false
|
|
||||||
this.handleQuery()
|
|
||||||
},
|
|
||||||
resetQuery() {
|
|
||||||
this.queryParams.pageNum = 1
|
|
||||||
this.queryParams.sn = null
|
|
||||||
this.queryParams.name = null
|
|
||||||
this.queryParams.startTime = null
|
|
||||||
this.queryParams.endTime = null
|
|
||||||
},
|
|
||||||
getList(){
|
|
||||||
if (this.dateList && this.dateList.length > 0) {
|
|
||||||
this.queryParams.startTime = this.dateList[0]
|
|
||||||
this.queryParams.endTime = this.dateList[1]
|
|
||||||
} else {
|
|
||||||
this.queryParams.startTime = null
|
|
||||||
this.queryParams.endTime = null
|
|
||||||
}
|
|
||||||
this.loading = true;
|
|
||||||
// listAlarmHistory(this.queryParams).then(response => {
|
|
||||||
// this.dataList = response.rows;
|
|
||||||
// this.total = response.total;
|
|
||||||
// this.loading = false;
|
|
||||||
// });
|
|
||||||
this.loading = false;
|
|
||||||
this.total = 3389;
|
|
||||||
this.dataList=[ {
|
|
||||||
|
|
||||||
"sn": "ZABB6210850989ZA",
|
|
||||||
"isDeal": null,
|
|
||||||
"name": null,
|
|
||||||
"reportTime": "2024-05-21 23:49:12",
|
|
||||||
"power": "59",
|
|
||||||
"factoryName": '**有限公司',
|
|
||||||
"wd": "0",
|
|
||||||
"yl": "101.3",
|
|
||||||
"latitude": "3604.89440",
|
|
||||||
"longitude": "12022.12783",
|
|
||||||
"lng": null,
|
|
||||||
"lat": null,
|
|
||||||
"cgq": 1,
|
|
||||||
"ds": 9.0,
|
|
||||||
"dw": "PPM",
|
|
||||||
"lc": 500,
|
|
||||||
"zl": "VOC",
|
|
||||||
"zt": "正常工作中",
|
|
||||||
"dbz": 20, "gbz": 50,
|
|
||||||
|
|
||||||
},{
|
|
||||||
"sn": "ZABB6210850989ZA",
|
|
||||||
"isDeal": null,
|
|
||||||
"name": null,
|
|
||||||
"reportTime": "2024-05-20 23:49:12",
|
|
||||||
"power": "59",
|
|
||||||
"factoryName": '**有限公司',
|
|
||||||
"wd": "0",
|
|
||||||
"yl": "101.3",
|
|
||||||
"latitude": "3604.89440",
|
|
||||||
"longitude": "12022.12783",
|
|
||||||
"lng": null,
|
|
||||||
"lat": null,
|
|
||||||
"cgq": 1,
|
|
||||||
"ds": 0.0,
|
|
||||||
"dw": "PPM",
|
|
||||||
"lc": 500,
|
|
||||||
"zl": "VOC",
|
|
||||||
"zt": "正常工作中",
|
|
||||||
"dbz": 20, "gbz": 50,
|
|
||||||
|
|
||||||
},{
|
|
||||||
"sn": "ZABB6210850989ZA",
|
|
||||||
"isDeal": null,
|
|
||||||
"name": null,
|
|
||||||
"reportTime": "2024-05-20 23:49:12",
|
|
||||||
"power": "59",
|
|
||||||
"factoryName": '**有限公司',
|
|
||||||
"wd": "0",
|
|
||||||
"yl": "101.3",
|
|
||||||
"latitude": "3604.89440",
|
|
||||||
"longitude": "12022.12783",
|
|
||||||
"lng": null,
|
|
||||||
"lat": null,
|
|
||||||
"cgq": 1,
|
|
||||||
"ds": 40.0,
|
|
||||||
"dw": "PPM",
|
|
||||||
"lc": 500,
|
|
||||||
"zl": "VOC",
|
|
||||||
"zt": "二级报警",
|
|
||||||
"dbz": 12, "gbz": 58,
|
|
||||||
|
|
||||||
},{
|
|
||||||
"sn": "ZABB6210850989ZA",
|
|
||||||
"isDeal": null,
|
|
||||||
"name": null,
|
|
||||||
"reportTime": "2024-05-26 23:49:12",
|
|
||||||
"power": "59",
|
|
||||||
"factoryName": '**有限公司',
|
|
||||||
"wd": "0",
|
|
||||||
"yl": "101.3",
|
|
||||||
"latitude": "3604.89440",
|
|
||||||
"longitude": "12022.12783",
|
|
||||||
"lng": null,
|
|
||||||
"lat": null,
|
|
||||||
"cgq": 1,
|
|
||||||
"ds": 0.0,
|
|
||||||
"dw": "PPM",
|
|
||||||
"lc": 500,
|
|
||||||
"zl": "VOC",
|
|
||||||
"zt": "正常工作中",
|
|
||||||
"dbz": 20, "gbz": 50,
|
|
||||||
|
|
||||||
},{
|
|
||||||
"sn": "ZABB6210850989ZA",
|
|
||||||
"isDeal": null,
|
|
||||||
"name": null,
|
|
||||||
"reportTime": "2024-05-25 23:49:12",
|
|
||||||
"power": "59",
|
|
||||||
"factoryName": '**有限公司',
|
|
||||||
"wd": "0",
|
|
||||||
"yl": "101.3",
|
|
||||||
"latitude": "3604.89440",
|
|
||||||
"longitude": "12022.12783",
|
|
||||||
"lng": null,
|
|
||||||
"lat": null,
|
|
||||||
"cgq": 1,
|
|
||||||
"ds": 0.0,
|
|
||||||
"dw": "PPM",
|
|
||||||
"lc": 500,
|
|
||||||
"zl": "VOC",
|
|
||||||
"zt": "二级报警",
|
|
||||||
"dbz": 20, "gbz": 50,
|
|
||||||
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"sn": "ZABB6210850989ZA",
|
|
||||||
"isDeal": null,
|
|
||||||
"name": null,
|
|
||||||
"reportTime": "2024-05-24 23:49:12",
|
|
||||||
"power": "59",
|
|
||||||
"factoryName": '**有限公司',
|
|
||||||
"wd": "0",
|
|
||||||
"yl": "101.3",
|
|
||||||
"latitude": "3604.89440",
|
|
||||||
"longitude": "12022.12783",
|
|
||||||
"lng": null,
|
|
||||||
"lat": null,
|
|
||||||
"cgq": 1,
|
|
||||||
"ds": 0.0,
|
|
||||||
"dw": "PPM",
|
|
||||||
"lc": 500,
|
|
||||||
"zl": "VOC",
|
|
||||||
"zt": "正常工作中",
|
|
||||||
"dbz": 20, "gbz": 50,
|
|
||||||
|
|
||||||
},{
|
|
||||||
"sn": "ZABB621085098QW",
|
|
||||||
"isDeal": null,
|
|
||||||
"name": null,
|
|
||||||
"reportTime": "2024-05-25 23:49:12",
|
|
||||||
"power": "59",
|
|
||||||
"factoryName": '**有限公司',
|
|
||||||
"wd": "0",
|
|
||||||
"yl": "101.3",
|
|
||||||
"latitude": "3604.89440",
|
|
||||||
"longitude": "12022.12783",
|
|
||||||
"lng": null,
|
|
||||||
"lat": null,
|
|
||||||
"cgq": 1,
|
|
||||||
"ds": 121.23,
|
|
||||||
"dw": "PPM",
|
|
||||||
"lc": 500,
|
|
||||||
"zl": "VOC",
|
|
||||||
"zt": "一级报警",
|
|
||||||
"dbz": 50, "gbz": 120,
|
|
||||||
|
|
||||||
},{
|
|
||||||
"sn": "ZABB621085098QWS",
|
|
||||||
"isDeal": null,
|
|
||||||
"name": null,
|
|
||||||
"reportTime": "2024-05-24 23:49:12",
|
|
||||||
"power": "59",
|
|
||||||
"factoryName": '**有限公司',
|
|
||||||
"wd": "0",
|
|
||||||
"yl": "101.3",
|
|
||||||
"latitude": "3604.89440",
|
|
||||||
"longitude": "12022.12783",
|
|
||||||
"lng": null,
|
|
||||||
"lat": null,
|
|
||||||
"cgq": 1,
|
|
||||||
"ds": 0.0,
|
|
||||||
"dw": "PPM",
|
|
||||||
"lc": 500,
|
|
||||||
"zl": "VOC",
|
|
||||||
"zt": "正常工作中",
|
|
||||||
"dbz": 20, "gbz": 50,
|
|
||||||
|
|
||||||
},{
|
|
||||||
"sn": "ZABB6210850989ZA",
|
|
||||||
"isDeal": null,
|
|
||||||
"name": null,
|
|
||||||
"reportTime": "2024-05-23 23:49:12",
|
|
||||||
"power": "59",
|
|
||||||
"factoryName": '**有限公司',
|
|
||||||
"wd": "0",
|
|
||||||
"yl": "101.3",
|
|
||||||
"latitude": "3604.89440",
|
|
||||||
"longitude": "12022.12783",
|
|
||||||
"lng": null,
|
|
||||||
"lat": null,
|
|
||||||
"cgq": 1,
|
|
||||||
"ds": 0.0,
|
|
||||||
"dw": "PPM",
|
|
||||||
"lc": 500,
|
|
||||||
"zl": "VOC",
|
|
||||||
"zt": "正常工作中",
|
|
||||||
"dbz": 20, "gbz": 50,
|
|
||||||
|
|
||||||
},{
|
|
||||||
"sn": "ZABB6210850989ZA",
|
|
||||||
"isDeal": null,
|
|
||||||
"name": null,
|
|
||||||
"reportTime": "2024-05-22 23:49:12",
|
|
||||||
"power": "59",
|
|
||||||
"factoryName": '**有限公司',
|
|
||||||
"wd": "0",
|
|
||||||
"yl": "101.3",
|
|
||||||
"latitude": "3604.89440",
|
|
||||||
"longitude": "12022.12783",
|
|
||||||
"lng": null,
|
|
||||||
"lat": null,
|
|
||||||
"cgq": 1,
|
|
||||||
"ds": 0.0,
|
|
||||||
"dw": "PPM",
|
|
||||||
"lc": 500,
|
|
||||||
"zl": "VOC",
|
|
||||||
"zt": "正常工作中",
|
|
||||||
"dbz": 20, "gbz": 50,
|
|
||||||
|
|
||||||
},
|
|
||||||
]
|
|
||||||
|
|
||||||
},
|
|
||||||
handleQuery() {
|
|
||||||
this.queryParams.pageNum = 1
|
|
||||||
this.getList()
|
|
||||||
|
|
||||||
},
|
|
||||||
}
|
|
||||||
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
|
@ -1,375 +0,0 @@
|
||||||
<template>
|
|
||||||
<div class="app-container">
|
|
||||||
<el-form :inline="true" :model="queryParams" ref="form">
|
|
||||||
<el-form-item label="选择企业" prop="factoryId">
|
|
||||||
<el-select v-model="queryParams.factoryId" clearable filterable placeholder="请选择" @change="getDeptTree">
|
|
||||||
<el-option v-for="item in factorys" :key="item.value" :label="item.factoryName" :value="item.factoryId">
|
|
||||||
</el-option>
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
|
|
||||||
<el-form-item label="设备编号">
|
|
||||||
<el-input v-model="queryParams.sn"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="日期" prop="equipmentName">
|
|
||||||
<el-date-picker v-model="dateList" type="daterange" range-separator="至" start-placeholder="开始日期"
|
|
||||||
end-placeholder="结束日期" format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss">
|
|
||||||
</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" height="600px">
|
|
||||||
<el-table-column prop="factoryName" label="安装企业" header-align="center" align="center" />
|
|
||||||
|
|
||||||
<el-table-column prop="sn" label="设备编号" header-align="center" align="center" />
|
|
||||||
<el-table-column prop="reportTime" label="上报时间" header-align="center" align="center" />
|
|
||||||
<!-- <el-table-column prop="wd" label="设备温度" header-align="center" align="center"/>-->
|
|
||||||
<el-table-column prop="power" label="设备电量" header-align="center" align="center"/>
|
|
||||||
<el-table-column prop="zl" label="传感器类型" header-align="center" align="center" />
|
|
||||||
<el-table-column prop="lc" label="量程" header-align="center" align="center" />
|
|
||||||
<el-table-column prop="ds" label="传感器读数" header-align="center" align="center">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<span style="color: red;">
|
|
||||||
{{ scope.row.ds }}
|
|
||||||
</span>
|
|
||||||
<span style="color: #000;">
|
|
||||||
{{ scope.row.dw }}
|
|
||||||
</span>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="zt" label="报警状态" header-align="center" align="center">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<span v-if="scope.row.zt == '一级报警'" style="color: #c00808;">
|
|
||||||
{{ scope.row.zt }}
|
|
||||||
</span>
|
|
||||||
<span v-else-if="scope.row.zt == '二级报警'" style="color: #e23434;">
|
|
||||||
{{ scope.row.zt }}
|
|
||||||
</span>
|
|
||||||
<span v-else>
|
|
||||||
{{ scope.row.zt }}
|
|
||||||
</span>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="dbz" label="低报值" header-align="center" align="center" />
|
|
||||||
<el-table-column prop="gbz" label="高报值" header-align="center" align="center" />
|
|
||||||
|
|
||||||
</el-table>
|
|
||||||
|
|
||||||
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
|
|
||||||
@pagination="handleQuery" />
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import store from "@/store";
|
|
||||||
import { listAlarmHistory } from "@/api/demostrate/monitor";
|
|
||||||
import { getAllFactory } from "@/api/home";
|
|
||||||
export default {
|
|
||||||
name: "alarm",
|
|
||||||
components: { },
|
|
||||||
dicts: [],
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
factorys:[],
|
|
||||||
loading: false,
|
|
||||||
dateList: [],
|
|
||||||
dataList: [],
|
|
||||||
total: 0,
|
|
||||||
// 查询参数
|
|
||||||
queryParams: {
|
|
||||||
pageNum: 1,
|
|
||||||
pageSize: 10,
|
|
||||||
sn: null,
|
|
||||||
name: null,
|
|
||||||
startTime: null,
|
|
||||||
endTime: null,
|
|
||||||
factoryId:null,
|
|
||||||
},
|
|
||||||
|
|
||||||
};
|
|
||||||
},
|
|
||||||
created() {
|
|
||||||
this.queryParams.factoryId = store.getters.user.factoryId
|
|
||||||
},
|
|
||||||
mounted() {
|
|
||||||
this.getFactory()
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
/**获取企业下拉框 */
|
|
||||||
getFactory() {
|
|
||||||
getAllFactory({}).then(response => {
|
|
||||||
this.factorys = response.data;
|
|
||||||
this.getList()
|
|
||||||
})
|
|
||||||
},
|
|
||||||
//发送通知
|
|
||||||
handleUpdate(row) {
|
|
||||||
this.deviceInfo = row
|
|
||||||
this.isOpenMsg = true
|
|
||||||
},
|
|
||||||
//处理报警
|
|
||||||
handleAlarm(row) {
|
|
||||||
this.deviceInfo = row
|
|
||||||
this.isOpenAlarm = true
|
|
||||||
},
|
|
||||||
closeMsg() {
|
|
||||||
this.isOpenMsg = false
|
|
||||||
this.handleQuery()
|
|
||||||
},
|
|
||||||
closeAlarm() {
|
|
||||||
this.isOpenAlarm = false
|
|
||||||
this.handleQuery()
|
|
||||||
},
|
|
||||||
resetQuery() {
|
|
||||||
this.queryParams.pageNum = 1
|
|
||||||
this.queryParams.sn = null
|
|
||||||
this.queryParams.name = null
|
|
||||||
this.queryParams.startTime = null
|
|
||||||
this.queryParams.endTime = null
|
|
||||||
},
|
|
||||||
getList(){
|
|
||||||
if (this.dateList && this.dateList.length > 0) {
|
|
||||||
this.queryParams.startTime = this.dateList[0]
|
|
||||||
this.queryParams.endTime = this.dateList[1]
|
|
||||||
} else {
|
|
||||||
this.queryParams.startTime = null
|
|
||||||
this.queryParams.endTime = null
|
|
||||||
}
|
|
||||||
this.loading = true;
|
|
||||||
// listAlarmHistory(this.queryParams).then(response => {
|
|
||||||
// this.dataList = response.rows;
|
|
||||||
// this.total = response.total;
|
|
||||||
// this.loading = false;
|
|
||||||
// });
|
|
||||||
this.loading = false;
|
|
||||||
this.total = 4301;
|
|
||||||
this.dataList=[ {
|
|
||||||
"sn": "ZABB6210850989ZA",
|
|
||||||
"isDeal": null,
|
|
||||||
"name": null,
|
|
||||||
"reportTime": "2024-05-26 23:49:12",
|
|
||||||
"power": "59",
|
|
||||||
"factoryName": '**有限公司',
|
|
||||||
"wd": "0",
|
|
||||||
"yl": "101.3",
|
|
||||||
"latitude": "3604.89440",
|
|
||||||
"longitude": "12022.12783",
|
|
||||||
"lng": null,
|
|
||||||
"lat": null,
|
|
||||||
"cgq": 1,
|
|
||||||
"ds": 0.0,
|
|
||||||
"dw": "PPM",
|
|
||||||
"lc": 500,
|
|
||||||
"zl": "VOC",
|
|
||||||
"zt": "正常工作中",
|
|
||||||
"dbz": 20, "gbz": 50,
|
|
||||||
|
|
||||||
},{
|
|
||||||
"sn": "ZABB6210850989ZA",
|
|
||||||
"isDeal": null,
|
|
||||||
"name": null,
|
|
||||||
"reportTime": "2024-05-25 23:49:12",
|
|
||||||
"power": "59",
|
|
||||||
"factoryName": '**有限公司',
|
|
||||||
"wd": "0",
|
|
||||||
"yl": "101.3",
|
|
||||||
"latitude": "3604.89440",
|
|
||||||
"longitude": "12022.12783",
|
|
||||||
"lng": null,
|
|
||||||
"lat": null,
|
|
||||||
"cgq": 1,
|
|
||||||
"ds": 0.0,
|
|
||||||
"dw": "PPM",
|
|
||||||
"lc": 500,
|
|
||||||
"zl": "VOC",
|
|
||||||
"zt": "二级报警",
|
|
||||||
"dbz": 20, "gbz": 50,
|
|
||||||
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"sn": "ZABB6210850989ZA",
|
|
||||||
"isDeal": null,
|
|
||||||
"name": null,
|
|
||||||
"reportTime": "2024-05-24 23:49:12",
|
|
||||||
"power": "59",
|
|
||||||
"factoryName": '**有限公司',
|
|
||||||
"wd": "0",
|
|
||||||
"yl": "101.3",
|
|
||||||
"latitude": "3604.89440",
|
|
||||||
"longitude": "12022.12783",
|
|
||||||
"lng": null,
|
|
||||||
"lat": null,
|
|
||||||
"cgq": 1,
|
|
||||||
"ds": 0.0,
|
|
||||||
"dw": "PPM",
|
|
||||||
"lc": 500,
|
|
||||||
"zl": "VOC",
|
|
||||||
"zt": "正常工作中",
|
|
||||||
"dbz": 20, "gbz": 50,
|
|
||||||
|
|
||||||
},{
|
|
||||||
"sn": "ZABB621085098QW",
|
|
||||||
"isDeal": null,
|
|
||||||
"name": null,
|
|
||||||
"reportTime": "2024-05-25 23:49:12",
|
|
||||||
"power": "59",
|
|
||||||
"factoryName": '**有限公司',
|
|
||||||
"wd": "0",
|
|
||||||
"yl": "101.3",
|
|
||||||
"latitude": "3604.89440",
|
|
||||||
"longitude": "12022.12783",
|
|
||||||
"lng": null,
|
|
||||||
"lat": null,
|
|
||||||
"cgq": 1,
|
|
||||||
"ds": 121.23,
|
|
||||||
"dw": "PPM",
|
|
||||||
"lc": 500,
|
|
||||||
"zl": "VOC",
|
|
||||||
"zt": "一级报警",
|
|
||||||
"dbz": 50, "gbz": 120,
|
|
||||||
|
|
||||||
},{
|
|
||||||
"sn": "ZABB621085098QWS",
|
|
||||||
"isDeal": null,
|
|
||||||
"name": null,
|
|
||||||
"reportTime": "2024-05-24 23:49:12",
|
|
||||||
"power": "59",
|
|
||||||
"factoryName": '**有限公司',
|
|
||||||
"wd": "0",
|
|
||||||
"yl": "101.3",
|
|
||||||
"latitude": "3604.89440",
|
|
||||||
"longitude": "12022.12783",
|
|
||||||
"lng": null,
|
|
||||||
"lat": null,
|
|
||||||
"cgq": 1,
|
|
||||||
"ds": 0.0,
|
|
||||||
"dw": "PPM",
|
|
||||||
"lc": 500,
|
|
||||||
"zl": "VOC",
|
|
||||||
"zt": "正常工作中",
|
|
||||||
"dbz": 20, "gbz": 50,
|
|
||||||
|
|
||||||
},{
|
|
||||||
"sn": "ZABB6210850989ZA",
|
|
||||||
"isDeal": null,
|
|
||||||
"name": null,
|
|
||||||
"reportTime": "2024-05-23 23:49:12",
|
|
||||||
"power": "59",
|
|
||||||
"factoryName": '**有限公司',
|
|
||||||
"wd": "0",
|
|
||||||
"yl": "101.3",
|
|
||||||
"latitude": "3604.89440",
|
|
||||||
"longitude": "12022.12783",
|
|
||||||
"lng": null,
|
|
||||||
"lat": null,
|
|
||||||
"cgq": 1,
|
|
||||||
"ds": 0.0,
|
|
||||||
"dw": "PPM",
|
|
||||||
"lc": 500,
|
|
||||||
"zl": "VOC",
|
|
||||||
"zt": "正常工作中",
|
|
||||||
"dbz": 20, "gbz": 50,
|
|
||||||
|
|
||||||
},{
|
|
||||||
"sn": "ZABB6210850989ZA",
|
|
||||||
"isDeal": null,
|
|
||||||
"name": null,
|
|
||||||
"reportTime": "2024-05-22 23:49:12",
|
|
||||||
"power": "59",
|
|
||||||
"factoryName": '**有限公司',
|
|
||||||
"wd": "0",
|
|
||||||
"yl": "101.3",
|
|
||||||
"latitude": "3604.89440",
|
|
||||||
"longitude": "12022.12783",
|
|
||||||
"lng": null,
|
|
||||||
"lat": null,
|
|
||||||
"cgq": 1,
|
|
||||||
"ds": 0.0,
|
|
||||||
"dw": "PPM",
|
|
||||||
"lc": 500,
|
|
||||||
"zl": "VOC",
|
|
||||||
"zt": "正常工作中",
|
|
||||||
"dbz": 20, "gbz": 50,
|
|
||||||
|
|
||||||
},{
|
|
||||||
"sn": "ZABB6210850989ZA",
|
|
||||||
"isDeal": null,
|
|
||||||
"name": null,
|
|
||||||
"reportTime": "2024-05-21 23:49:12",
|
|
||||||
"power": "59",
|
|
||||||
"factoryName": '**有限公司',
|
|
||||||
"wd": "0",
|
|
||||||
"yl": "101.3",
|
|
||||||
"latitude": "3604.89440",
|
|
||||||
"longitude": "12022.12783",
|
|
||||||
"lng": null,
|
|
||||||
"lat": null,
|
|
||||||
"cgq": 1,
|
|
||||||
"ds": 9.0,
|
|
||||||
"dw": "PPM",
|
|
||||||
"lc": 500,
|
|
||||||
"zl": "VOC",
|
|
||||||
"zt": "正常工作中",
|
|
||||||
"dbz": 20, "gbz": 50,
|
|
||||||
|
|
||||||
},{
|
|
||||||
"sn": "ZABB6210850989ZA",
|
|
||||||
"isDeal": null,
|
|
||||||
"name": null,
|
|
||||||
"reportTime": "2024-05-20 23:49:12",
|
|
||||||
"power": "59",
|
|
||||||
"factoryName": '**有限公司',
|
|
||||||
"wd": "0",
|
|
||||||
"yl": "101.3",
|
|
||||||
"latitude": "3604.89440",
|
|
||||||
"longitude": "12022.12783",
|
|
||||||
"lng": null,
|
|
||||||
"lat": null,
|
|
||||||
"cgq": 1,
|
|
||||||
"ds": 0.0,
|
|
||||||
"dw": "PPM",
|
|
||||||
"lc": 500,
|
|
||||||
"zl": "VOC",
|
|
||||||
"zt": "正常工作中",
|
|
||||||
"dbz": 20, "gbz": 50,
|
|
||||||
|
|
||||||
},{
|
|
||||||
"sn": "ZABB6210850989ZA",
|
|
||||||
"isDeal": null,
|
|
||||||
"name": null,
|
|
||||||
"reportTime": "2024-05-20 23:49:12",
|
|
||||||
"power": "59",
|
|
||||||
"factoryName": '**有限公司',
|
|
||||||
"wd": "0",
|
|
||||||
"yl": "101.3",
|
|
||||||
"latitude": "3604.89440",
|
|
||||||
"longitude": "12022.12783",
|
|
||||||
"lng": null,
|
|
||||||
"lat": null,
|
|
||||||
"cgq": 1,
|
|
||||||
"ds": 40.0,
|
|
||||||
"dw": "PPM",
|
|
||||||
"lc": 500,
|
|
||||||
"zl": "VOC",
|
|
||||||
"zt": "二级报警",
|
|
||||||
"dbz": 12, "gbz": 58,
|
|
||||||
|
|
||||||
},
|
|
||||||
]
|
|
||||||
|
|
||||||
},
|
|
||||||
handleQuery() {
|
|
||||||
this.queryParams.pageNum = 1
|
|
||||||
this.getList()
|
|
||||||
|
|
||||||
},
|
|
||||||
}
|
|
||||||
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
Loading…
Reference in New Issue