Merge branch 'v2' of https://e.coding.net/ctcdevteam/ehs/ehs_web into v2
This commit is contained in:
commit
1923d9ca2e
|
@ -0,0 +1,85 @@
|
|||
<template>
|
||||
<el-card>
|
||||
<template #header>
|
||||
<div class="card-header">
|
||||
<span>CEMS监测预警</span>
|
||||
<el-button @click="getTableData">刷新</el-button>
|
||||
</div>
|
||||
</template>
|
||||
<el-table :data="tableData" style="width: 100%;" size="large" row-key="id" v-loading="tableLoading">
|
||||
<el-table-column type="index" width="50" />
|
||||
<el-table-column prop="equipment_number" label="设备编号" width="140" />
|
||||
<el-table-column prop="drain_name" label="排口名称" width="140" />
|
||||
<el-table-column prop="metric_0" label="0分钟" />
|
||||
<el-table-column prop="metric_5" label="5分钟" />
|
||||
<el-table-column prop="metric_10" label="10分钟" />
|
||||
<el-table-column prop="metric_15" label="15分钟" />
|
||||
<el-table-column prop="metric_20" label="20分钟" />
|
||||
<el-table-column prop="metric_25" label="25分钟" />
|
||||
<el-table-column prop="metric_30" label="30分钟" />
|
||||
<el-table-column prop="metric_35" label="35分钟" />
|
||||
<el-table-column prop="metric_40" label="40分钟" />
|
||||
<el-table-column prop="metric_45" label="45分钟" />
|
||||
<el-table-column prop="metric_50" label="50分钟" />
|
||||
<el-table-column prop="metric_55" label="55分钟" />
|
||||
<el-table-column prop="metric_hour" label="小时均值" />
|
||||
<el-table-column prop="dust_alarm" label="预警值" />
|
||||
<el-table-column label="是否达标">
|
||||
<template #default="scope">
|
||||
<span v-if="scope.row.metric_hour < scope.row.dust_alarm"
|
||||
style="color:green;font-weight: bold;">达标</span>
|
||||
<span v-else style="color:red;font-weight: bold;">未达标</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-card>
|
||||
</template>
|
||||
<script>
|
||||
import * as echarts from "echarts";
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
tableData: [],
|
||||
tableLoading: false,
|
||||
query: {
|
||||
"day": 18,
|
||||
"hour": 15,
|
||||
"year": 2024,
|
||||
"month": 1,
|
||||
"metric": "dust_rtd"
|
||||
}
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.getTableData()
|
||||
},
|
||||
methods: {
|
||||
initDate() {
|
||||
let now = new Date();
|
||||
this.query.year = now.getFullYear();
|
||||
this.query.month = now.getMonth() + 1; // 注意:getMonth() 的返回值是 0-11,所以需要加 1
|
||||
this.query.day = now.getDate();
|
||||
this.query.hour = now.getHours();
|
||||
console.log(this.query)
|
||||
},
|
||||
getTableData() {
|
||||
this.initDate()
|
||||
this.tableLoading = true
|
||||
this.$API.bi.dataset.exec.req('enp_edata_metric', { query: this.query, raise_exception: true }).then(res => {
|
||||
let data = res.data2.ds0
|
||||
for (let i = 0, y = data.length; i < y; i++) {
|
||||
for (let key in data[i]) {
|
||||
if (key.includes('metric_')) {
|
||||
if (data[i][key]) {
|
||||
data[i][key] = data[i][key].toFixed(3)
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
this.tableData = data
|
||||
}).then(() => { this.tableLoading = false })
|
||||
},
|
||||
},
|
||||
|
||||
}
|
||||
</script>
|
|
@ -21,7 +21,7 @@
|
|||
<el-dropdown-menu>
|
||||
<el-dropdown-item command="paikou">排放口清单</el-dropdown-item>
|
||||
<el-dropdown-item command="cems">CEMS监测清单</el-dropdown-item>
|
||||
<el-dropdown-item>CEMS监测预警</el-dropdown-item>
|
||||
<el-dropdown-item command="cems2">CEMS监测预警</el-dropdown-item>
|
||||
<el-dropdown-item>CEMS报表导出</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</template>
|
||||
|
@ -283,6 +283,7 @@
|
|||
<!-- <div class="sysName">智能环保一体化管控平台</div> -->
|
||||
<org-dialog v-if="activeDrawerName == 'paikou'" @close="closeDialog"></org-dialog>
|
||||
<cems-drawer v-else-if="activeDrawerName == 'cems'" @close="closeDialog"></cems-drawer>
|
||||
<cems2-drawer v-else-if="activeDrawerName == 'cems2'" @close="closeDialog"></cems2-drawer>
|
||||
</el-drawer>
|
||||
</div>
|
||||
</el-main>
|
||||
|
@ -296,12 +297,14 @@ import * as BABYLON_GRID from "@/utils/gridMaterial"
|
|||
import * as BABYLON_MATERIAL from "@/utils/babylonMaterial"
|
||||
import orgDialog from "./enpComponents/orgwryList"
|
||||
import cemsDrawer from './enpComponents/cems.vue'
|
||||
import cems2Drawer from './enpComponents/cems2.vue'
|
||||
import 'babylonjs-loaders';
|
||||
import 'animate.css';
|
||||
export default {
|
||||
components: {
|
||||
orgDialog,
|
||||
cemsDrawer
|
||||
cemsDrawer,
|
||||
cems2Drawer
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
|
|
Loading…
Reference in New Issue