From 4371a5dff005cf3d261c73ebd1703df7554996e8 Mon Sep 17 00:00:00 2001
From: caoqianming <caoqianming@foxmail.com>
Date: Wed, 14 Aug 2024 16:25:16 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E7=8E=AF=E4=BF=9D=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../bigScreen/enpComponents/orgwryList.vue    | 10 ++-
 .../bigScreen/enpComponents/pollutant.vue     | 70 ++++++++++++++++---
 2 files changed, 64 insertions(+), 16 deletions(-)

diff --git a/src/views/bigScreen/enpComponents/orgwryList.vue b/src/views/bigScreen/enpComponents/orgwryList.vue
index 868dd389..b5e02dc9 100644
--- a/src/views/bigScreen/enpComponents/orgwryList.vue
+++ b/src/views/bigScreen/enpComponents/orgwryList.vue
@@ -69,13 +69,13 @@
                     <div class="aside_one">
                         <div class="pageTitle">排放口及关联设备静态信息</div>
                         <div class="linesWrap">
-                            <div class="typeLine">
+                            <!-- <div class="typeLine">
                                 <div class="greenBlock">
                                     <div class="greenBlockInner"></div>
                                 </div>
 
                                 <span>排放口</span>
-                            </div>
+                            </div> -->
                             <div class="infoLine">
                                 <span class="circles circles_1"></span>
                                 <span>{{ detailItem.name }}</span>
@@ -478,6 +478,7 @@ export default {
             })
         },
         resizeChart(name) {
+            console.log(name)
 			var myChart = echarts.getInstanceByDom(
 				document.getElementById(name)
 			);
@@ -487,10 +488,7 @@ export default {
 		},
         addListener() {
 			var that = this;
-            if (this.resizeTimeout) {
-                clearTimeout(this.resizeTimeout);
-            }
-            this.resizeTimeout = setTimeout(function () {
+            setTimeout(function () {
                 that.resizeChart("dataChart");
                 that.resizeChart("dataChart2");
                 that.resizeChart("dataChart3");
diff --git a/src/views/bigScreen/enpComponents/pollutant.vue b/src/views/bigScreen/enpComponents/pollutant.vue
index 08c2181f..70dad411 100644
--- a/src/views/bigScreen/enpComponents/pollutant.vue
+++ b/src/views/bigScreen/enpComponents/pollutant.vue
@@ -27,15 +27,63 @@
                             <scTable ref="table" :data="tableData" style="width: 100%;" size="large" :apiObj="apiObj"
                                 row-key="id" :params="params" :query="query" @row-click="rowClick"
                                 @dataChange="updateCount">
-                                <el-table-column type="index" width="50" />
-                                <el-table-column prop="number" label="污染源编号" width="180" />
-                                <el-table-column prop="name" label="污染源名称" />
-                                <el-table-column prop="name" label="污染源类型" />
-                                <el-table-column prop="mgroup_name" label="所属工段" />
-                                <el-table-column prop="" label="生产设备" />
-                                <el-table-column prop="" label="治理设备" />
-                                <el-table-column prop="" label="监测设备" />
-                                <el-table-column prop="" label="监控设备" />
+                                <!-- <el-table-column type="index" width="50" /> -->
+                                <el-table-column prop="number" label="污染源编号" width="120" />
+                                <el-table-column prop="name" label="污染源名称" width="120" />
+                                <el-table-column prop="name" label="污染源类型" width="120" />
+                                <el-table-column prop="mgroup_name" label="所属工段" width="100" />
+                                <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 == 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>
                         </el-main>
                     </el-container>
@@ -188,9 +236,11 @@
 <script>
 import * as echarts from "echarts";
 import { drainTypeEnum } from "@/utils/enum.js";
+import { runningStateEnum } from "@/utils/enum.js";
 export default {
     data() {
         return {
+            runningStateEnum,
             drainTypeEnum,
             count: 0,
             eqs: {},
@@ -199,7 +249,7 @@ export default {
             pollutantDetail: false,
             query: {},
             apiObj: this.$API.enp.drain.list,
-            params: { type: 20 },
+            params: { type: 20, equip_data: 'base' },
             detailItem: {},
             detailForm: {
                 day: 18,