zcdsj
/
factory_web
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: 环保页面调整

This commit is contained in:
caoqianming 2024-08-14 16:25:16 +08:00
parent e38d1d3eef
commit 4371a5dff0
2 changed files with 64 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/views/bigScreen/enpComponents/orgwryList.vue
View File

@ -69,13 +69,13 @@
<div class="aside_one"> <div class="aside_one">
<div class="pageTitle">排放口及关联设备静态信息</div> <div class="pageTitle">排放口及关联设备静态信息</div>
<div class="linesWrap"> <div class="linesWrap">
<div class="typeLine"> <!-- <div class="typeLine">
<div class="greenBlock"> <div class="greenBlock">
<div class="greenBlockInner"></div> <div class="greenBlockInner"></div>
</div> </div>
<span>排放口</span> <span>排放口</span>
</div> </div> -->
<div class="infoLine"> <div class="infoLine">
<span class="circles circles_1"></span> <span class="circles circles_1"></span>
<span>{{ detailItem.name }}</span> <span>{{ detailItem.name }}</span>
@ -478,6 +478,7 @@ export default {
}) })
}, },
resizeChart(name) { resizeChart(name) {
console.log(name)
var myChart = echarts.getInstanceByDom( var myChart = echarts.getInstanceByDom(
document.getElementById(name) document.getElementById(name)
); );
@ -487,10 +488,7 @@ export default {
}, },
addListener() { addListener() {
var that = this; var that = this;
if (this.resizeTimeout) { setTimeout(function () {
clearTimeout(this.resizeTimeout);
}
this.resizeTimeout = setTimeout(function () {
that.resizeChart("dataChart"); that.resizeChart("dataChart");
that.resizeChart("dataChart2"); that.resizeChart("dataChart2");
that.resizeChart("dataChart3"); that.resizeChart("dataChart3");

70
src/views/bigScreen/enpComponents/pollutant.vue
View File

@ -27,15 +27,63 @@
<scTable ref="table" :data="tableData" style="width: 100%;" size="large" :apiObj="apiObj" <scTable ref="table" :data="tableData" style="width: 100%;" size="large" :apiObj="apiObj"
row-key="id" :params="params" :query="query" @row-click="rowClick" row-key="id" :params="params" :query="query" @row-click="rowClick"
@dataChange="updateCount"> @dataChange="updateCount">
<el-table-column type="index" width="50" /> <!-- <el-table-column type="index" width="50" /> -->
<el-table-column prop="number" label="污染源编号" width="180" /> <el-table-column prop="number" label="污染源编号" width="120" />
<el-table-column prop="name" label="污染源名称" /> <el-table-column prop="name" label="污染源名称" width="120" />
<el-table-column prop="name" label="污染源类型" /> <el-table-column prop="name" label="污染源类型" width="120" />
<el-table-column prop="mgroup_name" label="所属工段" /> <el-table-column prop="mgroup_name" label="所属工段" width="100" />
<el-table-column prop="" label="生产设备" /> <el-table-column label="生产设备" >
<el-table-column prop="" label="治理设备" /> <template #default="scope">
<el-table-column prop="" label="监测设备" /> <div v-for="item in scope.row.equip_data" v-bind:key="item.id">
<el-table-column prop="" label="监控设备" /> <div v-if="item.type == 10">
<div>
<el-tag :type="runningStateEnum[item.running_state]?.type">{{
runningStateEnum[item.running_state]?.text }}</el-tag>|
{{ item.name }}
</div>
</div>
</div>
</template>
</el-table-column>
<el-table-column label="治理设备" >
<template #default="scope">
<div v-for="item in scope.row.equip_data" v-bind:key="item.id">
<div v-if="item.type == 30">
<div>
<el-tag :type="runningStateEnum[item.running_state]?.type">{{
runningStateEnum[item.running_state]?.text }}</el-tag>|
{{ item.name }}
</div>
</div>
</div>
</template>
</el-table-column>
<el-table-column label="监测设备" >
<template #default="scope">
<div v-for="item in scope.row.equip_data" v-bind:key="item.id">
<div v-if="item.type == 40">
<div>
<el-tag :type="runningStateEnum[item.running_state]?.type">{{
runningStateEnum[item.running_state]?.text }}</el-tag>|
{{ item.name }}
</div>
</div>
</div>
</template>
</el-table-column>
<el-table-column label="监控设备" >
<template #default="scope">
<div v-for="item in scope.row.equip_data" v-bind:key="item.id">
<div v-if="item.type == 50">
<div>
<el-tag :type="runningStateEnum[item.running_state]?.type">{{
runningStateEnum[item.running_state]?.text }}</el-tag>|
{{ item.name }}
</div>
</div>
</div>
</template>
</el-table-column>
</scTable> </scTable>
</el-main> </el-main>
</el-container> </el-container>
@ -188,9 +236,11 @@
<script> <script>
import * as echarts from "echarts"; import * as echarts from "echarts";
import { drainTypeEnum } from "@/utils/enum.js"; import { drainTypeEnum } from "@/utils/enum.js";
import { runningStateEnum } from "@/utils/enum.js";
export default { export default {
data() { data() {
return { return {
runningStateEnum,
drainTypeEnum, drainTypeEnum,
count: 0, count: 0,
eqs: {}, eqs: {},
@ -199,7 +249,7 @@ export default {
pollutantDetail: false, pollutantDetail: false,
query: {}, query: {},
apiObj: this.$API.enp.drain.list, apiObj: this.$API.enp.drain.list,
params: { type: 20 }, params: { type: 20, equip_data: 'base' },
detailItem: {}, detailItem: {},
detailForm: { detailForm: {
day: 18, day: 18,