From 9864ee43c71e5d9cadad36f7fdf4b50589f5ccbb Mon Sep 17 00:00:00 2001
From: haha <lj7788@126.com>
Date: Sat, 10 May 2025 01:07:53 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=A4=A7=E5=B1=8F=E5=92=8C?=
 =?UTF-8?q?=E5=90=8E=E5=8F=B0=E5=89=8D=E7=AB=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/trend-chart-line.vue       |  83 +-
 .../src/views/safety/powerIot.vue             | 838 ++++++++++--------
 .../views/manage/greenCarbonData/index.vue    |   2 +-
 3 files changed, 529 insertions(+), 394 deletions(-)

diff --git a/yanzhu-bigscreen/src/components/trend-chart-line.vue b/yanzhu-bigscreen/src/components/trend-chart-line.vue
index 11084786..d1ec0310 100644
--- a/yanzhu-bigscreen/src/components/trend-chart-line.vue
+++ b/yanzhu-bigscreen/src/components/trend-chart-line.vue
@@ -1,16 +1,14 @@
 <template>
-    <div :style="{ 'height': height + 'px' }" ref="chart">
-
-    </div>
+    <div :style="{ 'height': height + 'px' }" ref="chart"></div>
 </template>
 <script>
 export default {
     props: {
         data: {
-            type: [Object, Array]
+            type: [Object, Array],
         },
         height: {
-            type: Number
+            type: Number,
         },
     },
     data() {
@@ -27,7 +25,7 @@ export default {
         },
         getChartData() {
             //品类金额占比 饼图
-            var chChartPie = echarts.init(this.$refs.chart);
+            var chChartPie = echarts.init(this.$refs.chart)
             this.echartPie(chChartPie, this.data)
         },
         echartPie(chChart, data) {
@@ -42,9 +40,9 @@ export default {
                     for (let i = 0; i < data.lineData.length; i++) {
                         series.push({
                             name: data.legend[i],
-                            type: "line",
+                            type: 'line',
                             smooth: true,
-                            symbol: "circle",
+                            symbol: 'circle',
                             symbolSize: 5,
                             showSymbol: false,
                             lineStyle: {
@@ -59,7 +57,7 @@ export default {
                                 },
                             },
                             data: data.lineData[i],
-                        },)
+                        })
                     }
                 }
 
@@ -67,103 +65,110 @@ export default {
                 if (data.unit) {
                     unit = '单位：' + data.unit
                 }
-
+                let is1K = this.$dpi() == '1K'
+                let is2K = this.$dpi() == '2K'
                 this.option = {
                     tooltip: {
-                        trigger: "axis",
+                        trigger: 'axis',
                         axisPointer: {
                             lineStyle: {
-                                color: "#57617B",
+                                color: '#57617B',
                             },
                         },
+                        textStyle: {
+                            fontSize: is1K ? 12 : is2K ? 18 : 20,
+                        },
                     },
                     legend: {
-                        icon: "rect",
+                        icon: 'rect',
                         itemWidth: 14,
                         itemHeight: 10,
                         itemGap: 15,
                         data: data.legend,
                         top: -5,
                         textStyle: {
-                            fontSize: 14,
-                            color: "#c8dbfc",
+                            fontSize: is1K ? 12 : is2K ? 20 : 30,
+                            color: '#c8dbfc',
                         },
                     },
                     grid: {
                         top: '15%',
-                        left: "2%",
-                        right: "3%",
-                        bottom: "2%",
+                        left: '2%',
+                        right: '3%',
+                        bottom: '2%',
                         containLabel: true,
                     },
                     xAxis: {
                         boundaryGap: false,
-                        type: "category",
+                        type: 'category',
                         data: data.date,
                         axisLine: {
                             //坐标轴轴线相关设置。数学上的x轴
                             show: true,
                             lineStyle: {
-                                color: "#25597e",
-                                type: "dashed",
+                                color: '#25597e',
+                                type: 'dashed',
                             },
                         },
                         axisTick: {
-                            show: false
+                            show: false,
                         },
 
                         axisLabel: {
                             //坐标轴刻度标签的相关设置
                             textStyle: {
-                                color: "#c5d9fc",
+                                color: '#c5d9fc',
                                 margin: 20,
-                                fontSize: 14
+                                fontSize: 12,
                             },
                         },
                     },
                     yAxis: {
                         name: unit,
-                        type: "value",
+                        type: 'value',
+                        nameTextStyle: {
+                            color: '#c5d9fc',
+                            fontSize: is1K ? 12 : is2K ? 18 : 24,
+                        },
                         axisLine: {
                             //坐标轴轴线相关设置。数学上的x轴
                             show: false,
                             lineStyle: {
-                                color: "#c5d9fc",
-                                type: "dashed",
+                                color: '#c5d9fc',
+                                type: 'dashed',
                             },
                         },
                         axisTick: {
-                            show: false
+                            show: false,
                         },
                         axisLabel: {
                             show: true,
                             //坐标轴刻度标签的相关设置
                             textStyle: {
-                                color: "#c5d9fc",
+                                color: '#c5d9fc',
                                 margin: 20,
-                                fontSize: 14
+                                fontSize: is1K ? 12 : is2K ? 16 : 20,
                             },
                         },
                         splitLine: {
                             show: true,
                             lineStyle: {
-                                color: "#25597e",
-                                type: "dashed",
+                                color: '#25597e',
+                                type: 'dashed',
                             },
                         },
                     },
-                    series: series
-
-                };
-                chChart.setOption(this.option);
-                window.onresize = chChart.resize;
+                    series: series,
+                }
+                chChart.setOption(this.option)
+                window.onresize = chChart.resize
             })
         },
     },
     watch: {
         data: function (n, o) {
             this.getChartData()
-        }
-    }
+        },
+    },
 }
 </script>
\ No newline at end of file
diff --git a/yanzhu-bigscreen/src/views/safety/powerIot.vue b/yanzhu-bigscreen/src/views/safety/powerIot.vue
index 40a3b0cf..2748e02a 100644
--- a/yanzhu-bigscreen/src/views/safety/powerIot.vue
+++ b/yanzhu-bigscreen/src/views/safety/powerIot.vue
@@ -1,367 +1,497 @@
 <template>
-  <div class="project-power-iot main-page">
-    <el-col :span="18">
-      <module-one-1-3 label="配电箱监测">
-        <el-row>
-          <el-col :span="5">
-            <div class="process-control-current-value-con">
-              <div class="current-value-img">
-                <img src="images/hj_wendu.png" />
-              </div>
-              <div class="process-control-current-value-data">
-                <div>A相电压</div>
-                <p v-cloak>{{ runData.voltageA }} <span>℃</span></p>
-              </div>
-            </div>
-          </el-col>
-          <el-col :span="5">
-            <div class="process-control-current-value-con">
-              <div class="current-value-img">
-                <img src="images/hj_wendu.png" />
-              </div>
-              <div class="process-control-current-value-data">
-                <div>B相电压</div>
-                <p v-cloak>{{ runData.voltageB }} <span>℃</span></p>
-              </div>
-            </div>
-          </el-col>
-          <el-col :span="5">
-            <div class="process-control-current-value-con">
-              <div class="current-value-img">
-                <img src="images/hj_wendu.png" />
-              </div>
-              <div class="process-control-current-value-data">
-                <div>C相电压</div>
-                <p v-cloak>{{ runData.voltageC }} <span>℃</span></p>
-              </div>
-            </div>
-          </el-col>
-          <el-col :span="5">
-            <div class="process-control-current-value-con">
-              <div class="current-value-img">
-                <img src="images/huanjingweidu.png" />
-              </div>
-              <div class="process-control-current-value-data">
-                <div>零线温度</div>
-                <p v-cloak>{{ runData.temperature }} <span>℃</span></p>
-              </div>
-            </div>
-          </el-col>
-          <el-col :span="4">
-            <div class="process-control-current-value-con">
-              <div class="process-control-current-value-data">
-                <div>温度阈值</div>
-                <p class="red-data">{{ powerRun.ratedTemperature }} <span>℃</span></p>
-              </div>
-            </div>
-          </el-col>
-        </el-row>
-        <el-row>  
-          <el-col :span="5">
-            <div class="process-control-current-value-con">
-              <div class="current-value-img">
-                <img src="images/hj_dianliu.png" />
-              </div>
-              <div class="process-control-current-value-data">
-                <div>A相电流</div>
-                <p v-cloak>{{ runData.currentA }} <span>A</span></p>
-              </div>
-            </div>
-          </el-col>
-          <el-col :span="5">
-            <div class="process-control-current-value-con">
-              <div class="current-value-img">
-                <img src="images/hj_dianliu.png" />
-              </div>
-              <div class="process-control-current-value-data">
-                <div>B相电流</div>
-                <p v-cloak>{{ runData.currentB }} <span>A</span></p>
-              </div>
-            </div>
-          </el-col>
-          <el-col :span="5">
-            <div class="process-control-current-value-con">
-              <div class="current-value-img">
-                <img src="images/hj_dianliu.png" />
-              </div>
-              <div class="process-control-current-value-data">
-                <div>C相电流</div>
-                <p v-cloak>{{ runData.currentC }} <span>A</span></p>
-              </div>
-            </div>
-          </el-col>
-        </el-row>
-      </module-one-1-3>
-      <module-one-1-3 label="电压监控">
-        <div class="sjk-chart-line-title quality-button">
-          <div :class="trendBtnNav == 7 ? 'active' : ''" @click="initTrendData(7)">
-            近7天
-          </div>
-          <div :class="trendBtnNav == 30 ? 'active' : ''" @click="initTrendData(30)">
-            近30天
-          </div>
-        </div>
-        <trend-chart-line :height="220" :data="trendData"></trend-chart-line>
-      </module-one-1-3>
-      <module-one-1-3 label="电流监控">
-        <div class="sjk-chart-line-title quality-button">
-          <div :class="tumidityBtnNav == 7 ? 'active' : ''" @click="initTumidityData(7)">
-            近7天
-          </div>
-          <div
-            :class="tumidityBtnNav == 30 ? 'active' : ''"
-            @click="initTumidityData(30)"
-          >
-            近30天
-          </div>
-        </div>
-        <trend-chart-line :height="220" :data="tumidityData"></trend-chart-line>
-      </module-one-1-3>
-    </el-col>
-    <el-col :span="6">
-      <div class="analyse-max">
-        <div class="analyse-map">
-          <div class="analyse-title analyse_title_blue">
-            <div class="analyse-text">当前设备</div>
-            <div class="analyse-equipment">配电箱监测</div>
-          </div>
-          <div class="hj-moment-max">
-            <table>
-              <tr>
-                <td>设备名称：</td>
-                <td>
-                  <div class="hj-moment-choice">
-                    <div class="hj-moment-select">
-                      <el-select v-model="powerRunId" @change="doIotSelect" popper-class="header-sel-project-pop">
-                        <el-option v-for="item in powerRunList" :key="item.id" :label="item.deviceSn+'_'+item.deviceName"
-                            :value="item.id"></el-option>
-                    </el-select>
-                    </div>
-                    <div class="hj-moment-state">
-                      <div class="state-tag hj-moment-green" v-if="powerRun.onlineStatus=='1'">在线</div>
-                      <div class="state-tag hj-moment-orange" v-else>离线</div>
-                    </div>
-                  </div>
-                </td>
-              </tr>
-              <tr>
-                <td>电箱等级：</td>
-                <td>
-                  <div class="hj-moment-blue">
-                    {{ powerRun.levels }} 级配电箱
-                  </div>
-                </td>
-              </tr>
-              <tr>
-                <td>额定电流：</td>
-                <td v-cloak>{{ powerRun.ratedCurrent }}</td>
-              </tr>
-              <tr>
-                <td>额定电压：</td>
-                <td v-cloak>{{ powerRun.ratedVoltage }}</td>
-              </tr>
-              <tr>
-                <td>联系人：</td>
-                <td v-cloak>{{ powerRun.contactPerson }}</td>
-              </tr>
-              <tr>
-                <td>联系电话：</td>
-                <td v-cloak>{{ powerRun.contactPersonPhone }}</td>
-              </tr>
-              <tr>
-                <td>更新时间：</td>
-                <td v-cloak>{{ powerRun.createTime }}</td>
-              </tr>
-            </table>
-          </div>
-        </div>
-        <div class="analyse-min">
-          <div class="analyse-title">
-            <div class="analyse-text">正在发生</div>
-          </div>
-          <div class="afoot-content">
-            <div
-              class="afoot-overflow process-afoot-overflow"
-              style="height: 530px"
-              id="afootOverflow"
-              @mouseout="listMinMouseout"
-              @mouseover="listMinMouseover"
-            >
-              <div v-if="warningDataList.length == 0" class="not-data">暂无预警数据</div>
-              <div
-                v-if="warningDataList.length > 0"
-                :class="forIndex == i ? 'afoot-con-for active' : 'afoot-con-for '"
-                v-for="(item, i) in warningDataList"
-              >
-                <div class="afoot-machinery-nam" v-cloak>{{ item.warningType }}</div>
-                <div class="afoot-machinery-info">
-                  <div class="afoot-machinery-data">
-                    <div class="afoot-machinery-state" v-cloak>{{ item.warningContent }}</div>
-                    <div class="afoot-machinery-time" v-cloak>{{ item.createTime }}</div>
-                  </div>
+    <div class="project-power-iot main-page">
+        <el-col :span="18" style="height: 100%;">
+            <module-one-1-3 label="配电箱监测" class="left-data1">
+                <el-row>
+                    <el-col :span="5">
+                        <div class="process-control-current-value-con">
+                            <div class="current-value-img">
+                                <img src="images/hj_wendu.png" />
+                            </div>
+                            <div class="process-control-current-value-data">
+                                <div>A相电压</div>
+                                <p v-cloak>
+                                    {{ runData.voltageA }}
+                                    <span>℃</span>
+                                </p>
+                            </div>
+                        </div>
+                    </el-col>
+                    <el-col :span="5">
+                        <div class="process-control-current-value-con">
+                            <div class="current-value-img">
+                                <img src="images/hj_wendu.png" />
+                            </div>
+                            <div class="process-control-current-value-data">
+                                <div>B相电压</div>
+                                <p v-cloak>
+                                    {{ runData.voltageB }}
+                                    <span>℃</span>
+                                </p>
+                            </div>
+                        </div>
+                    </el-col>
+                    <el-col :span="5">
+                        <div class="process-control-current-value-con">
+                            <div class="current-value-img">
+                                <img src="images/hj_wendu.png" />
+                            </div>
+                            <div class="process-control-current-value-data">
+                                <div>C相电压</div>
+                                <p v-cloak>
+                                    {{ runData.voltageC }}
+                                    <span>℃</span>
+                                </p>
+                            </div>
+                        </div>
+                    </el-col>
+                    <el-col :span="5">
+                        <div class="process-control-current-value-con">
+                            <div class="current-value-img">
+                                <img src="images/huanjingweidu.png" />
+                            </div>
+                            <div class="process-control-current-value-data">
+                                <div>零线温度</div>
+                                <p v-cloak>
+                                    {{ runData.temperature }}
+                                    <span>℃</span>
+                                </p>
+                            </div>
+                        </div>
+                    </el-col>
+                    <el-col :span="4">
+                        <div class="process-control-current-value-con">
+                            <div class="process-control-current-value-data">
+                                <div>温度阈值</div>
+                                <p class="red-data">
+                                    {{ powerRun.ratedTemperature }}
+                                    <span>℃</span>
+                                </p>
+                            </div>
+                        </div>
+                    </el-col>
+                </el-row>
+                <el-row>
+                    <el-col :span="5">
+                        <div class="process-control-current-value-con">
+                            <div class="current-value-img">
+                                <img src="images/hj_dianliu.png" />
+                            </div>
+                            <div class="process-control-current-value-data">
+                                <div>A相电流</div>
+                                <p v-cloak>
+                                    {{ runData.currentA }}
+                                    <span>A</span>
+                                </p>
+                            </div>
+                        </div>
+                    </el-col>
+                    <el-col :span="5">
+                        <div class="process-control-current-value-con">
+                            <div class="current-value-img">
+                                <img src="images/hj_dianliu.png" />
+                            </div>
+                            <div class="process-control-current-value-data">
+                                <div>B相电流</div>
+                                <p v-cloak>
+                                    {{ runData.currentB }}
+                                    <span>A</span>
+                                </p>
+                            </div>
+                        </div>
+                    </el-col>
+                    <el-col :span="5">
+                        <div class="process-control-current-value-con">
+                            <div class="current-value-img">
+                                <img src="images/hj_dianliu.png" />
+                            </div>
+                            <div class="process-control-current-value-data">
+                                <div>C相电流</div>
+                                <p v-cloak>
+                                    {{ runData.currentC }}
+                                    <span>A</span>
+                                </p>
+                            </div>
+                        </div>
+                    </el-col>
+                </el-row>
+            </module-one-1-3>
+            <module-one-1-3 label="电压监控">
+                <div class="sjk-chart-line-title quality-button">
+                    <div :class="trendBtnNav == 7 ? 'active' : ''" @click="initTrendData(7)">近7天</div>
+                    <div :class="trendBtnNav == 30 ? 'active' : ''" @click="initTrendData(30)">近30天</div>
+                </div>
+                <trend-chart-line :key="chartKey" :height="chartHeight" :data="trendData"></trend-chart-line>
+            </module-one-1-3>
+            <module-one-1-3 label="电流监控">
+                <div class="sjk-chart-line-title quality-button">
+                    <div :class="tumidityBtnNav == 7 ? 'active' : ''" @click="initTumidityData(7)">近7天</div>
+                    <div :class="tumidityBtnNav == 30 ? 'active' : ''" @click="initTumidityData(30)">近30天</div>
+                </div>
+                <trend-chart-line :key="chartKey" :height="chartHeight" :data="tumidityData"></trend-chart-line>
+            </module-one-1-3>
+        </el-col>
+        <el-col :span="6" style="height: 100%;">
+            <div class="analyse-max">
+                <div class="analyse-map">
+                    <div class="analyse-title analyse_title_blue">
+                        <div class="analyse-text">当前设备</div>
+                        <div class="analyse-equipment">配电箱监测</div>
+                    </div>
+                    <div class="hj-moment-max">
+                        <table>
+                            <tr>
+                                <td>设备名称：</td>
+                                <td>
+                                    <div class="hj-moment-choice">
+                                        <div class="hj-moment-select">
+                                            <el-select v-model="powerRunId" @change="doIotSelect" popper-class="header-sel-project-pop">
+                                                <el-option v-for="item in powerRunList" :key="item.id" :label="item.deviceSn+'_'+item.deviceName" :value="item.id"></el-option>
+                                            </el-select>
+                                        </div>
+                                        <div class="hj-moment-state">
+                                            <div class="state-tag hj-moment-green" v-if="powerRun.onlineStatus=='1'">在线</div>
+                                            <div class="state-tag hj-moment-orange" v-else>离线</div>
+                                        </div>
+                                    </div>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td>电箱等级：</td>
+                                <td>
+                                    <div class="hj-moment-blue">{{ powerRun.levels }} 级配电箱</div>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td>额定电流：</td>
+                                <td v-cloak>{{ powerRun.ratedCurrent }}</td>
+                            </tr>
+                            <tr>
+                                <td>额定电压：</td>
+                                <td v-cloak>{{ powerRun.ratedVoltage }}</td>
+                            </tr>
+                            <tr>
+                                <td>联系人：</td>
+                                <td v-cloak>{{ powerRun.contactPerson }}</td>
+                            </tr>
+                            <tr>
+                                <td>联系电话：</td>
+                                <td v-cloak>{{ powerRun.contactPersonPhone }}</td>
+                            </tr>
+                            <tr>
+                                <td>更新时间：</td>
+                                <td v-cloak>{{ powerRun.createTime }}</td>
+                            </tr>
+                        </table>
+                    </div>
+                </div>
+                <div class="analyse-min">
+                    <div class="analyse-title">
+                        <div class="analyse-text">正在发生</div>
+                    </div>
+                    <div class="afoot-content">
+                        <div class="afoot-overflow process-afoot-overflow" style="height: 530px" id="afootOverflow" @mouseout="listMinMouseout" @mouseover="listMinMouseover">
+                            <div v-if="warningDataList.length == 0" class="not-data">暂无预警数据</div>
+                            <template v-if="warningDataList.length > 0">
+                                <div :key="i" :class="forIndex == i ? 'afoot-con-for active' : 'afoot-con-for '" v-for="(item, i) in warningDataList">
+                                    <div class="afoot-machinery-nam" v-cloak>{{ item.warningType }}</div>
+                                    <div class="afoot-machinery-info">
+                                        <div class="afoot-machinery-data">
+                                            <div class="afoot-machinery-state" v-cloak>{{ item.warningContent }}</div>
+                                            <div class="afoot-machinery-time" v-cloak>{{ item.createTime }}</div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </template>
+                        </div>
+                    </div>
                 </div>
-              </div>
             </div>
-          </div>
-        </div>
-      </div>
-    </el-col>
-  </div>
+        </el-col>
+    </div>
 </template>
 <script>
 export default {
-  data() {
-    return {
-      runData: {
-        voltageA:0.00,
-        voltageB:0.00,
-        voltageC:0.00,
-      },
-      powerRun: {},
-      powerRunId: 0,
-      powerRunList: [],
-      trendBtnNav: 7,
-      trendData: [],
-      tumidityBtnNav: 7,
-      tumidityData: [],
-      warningDataList: [],
-      forIndex: 0,
-      warningInterval: undefined,
-      
-    };
-  },
-  mounted() {
-    this.$store.dispatch("ChangeNav", 306);
-    this.$bus.$on("projectChange", (prj) => {
-      this.selProject = prj;
-      this.init();
-    });
-    this.selProject = this.$store.getters.selProject;
-    this.init();
-  },
-  methods: {
-    init() {
-      if (!this.selProject) {
-        return;
-      }
-      this.$api.powerIot.findProAllConfigPoint(this.selProject.id).then((res) => {
-        if (res.data.length > 0) {
-          this.powerRunId = res.data[0].id;
-          this.powerRun = res.data[0];
-          this.initTrendData();
-          this.initTumidityData();
-          this.initPowerWarning();
+    data() {
+        return {
+            runData: {
+                voltageA: 0.0,
+                voltageB: 0.0,
+                voltageC: 0.0,
+            },
+            powerRun: {},
+            powerRunId: 0,
+            powerRunList: [],
+            trendBtnNav: 7,
+            trendData: [],
+            tumidityBtnNav: 7,
+            tumidityData: [],
+            warningDataList: [],
+            forIndex: 0,
+            warningInterval: undefined,
+            dpi: '',
+            chartKey: 0,
+            chartHeight: 220,
         }
-        this.powerRunList = res.data;
-      });
     },
-    initTrendData(_date) {
-      if (_date) {
-        this.trendBtnNav = _date;
-      }
-      this.$api.powerIot
-        .findIotDatasMonitor(this.selProject.id, this.powerRun.id, this.trendBtnNav)
-        .then((res) => {
-          if (res.data.length > 0) {
-            this.runData = res.data[0];
-            res.data.reverse();
-            let _data1 = [];
-            let _data2 = [];
-            let _data3 = [];
-            let _data4 = [];
-            let _data5 = [];
-            let _data6 = [];
-            let _date8 = [];
-            res.data.forEach(item => {
-              _data1.push(item.voltageA);
-              _data2.push(item.voltageB);
-              _data3.push(item.voltageC);
-              _data4.push(item.voltageAb);
-              _data5.push(item.voltageBc);
-              _data6.push(item.voltageCa);
-              _date8.push(item.createTime);
-            });
-            let _lineData = [];
-            _lineData.push(_data1);
-            _lineData.push(_data2);
-            _lineData.push(_data3);
-            _lineData.push(_data4);
-            _lineData.push(_data5);
-            _lineData.push(_data6);
-            let _color = ['#0078e7','#f8e04d','#00bcd4','#008ffd','#f6d023','#5af9fd'];
-            let _legend = ['A相电压','B相电压','C相电压','AB相电压','BC相电压','CA相电压'];
-            let _trendData = {'lineData':_lineData,'color':_color,'legend':_legend,'unit':'V','date':_date8};
-            this.trendData = _trendData;
-          }
-        });
+    mounted() {
+        this.$store.dispatch('ChangeNav', 306)
+        this.$bus.$on('projectChange', (prj) => {
+            this.selProject = prj
+            this.init()
+        })
+        this.selProject = this.$store.getters.selProject
+        this.reSize()
+        window.addEventListener('resize', () => {
+            if (this.dpi != this.$dpi()) {
+                this.reSize()
+            }
+        })
+        this.init()
     },
-    initTumidityData(_date) {
-      if (_date) {
-        this.tumidityBtnNav = _date;
-      }
-      let _ratedCurrent = this.powerRun.ratedCurrent;
-      this.$api.powerIot
-        .findIotDatasMonitor(this.selProject.id, this.powerRun.id, this.tumidityBtnNav)
-        .then((res) => {
-          if (res.data.length > 0) {
-            res.data.reverse();
-            let _data1 = [];
-            let _data2 = [];
-            let _data3 = [];
-            let _data4 = [];
-            let _date8 = [];
-            res.data.forEach(item => {
-              _data1.push(item.currentA);
-              _data2.push(item.currentB);
-              _data3.push(item.currentC);
-              _data4.push(_ratedCurrent);
-              _date8.push(item.createTime);
-            });
-            let _lineData = [];
-            _lineData.push(_data1);
-            _lineData.push(_data2);
-            _lineData.push(_data3);
-            _lineData.push(_data4);
-            let _color = ['#008ffd','#f6d023','#5af9fd','#FF0016'];
-            let _legend = ['A相电流','B相电流','C相电流','电流阈值'];
-            let _tumidityData = {'lineData':_lineData,'color':_color,'legend':_legend,'unit':'A','date':_date8};
-            this.tumidityData = _tumidityData;
-          }
-        });
-    },
-    initPowerWarning(){
-      this.$api.powerIot
-        .findIotWarnings(this.selProject.id, this.powerRun.id)
-        .then((res) => {
-          this.warningDataList = res.data;
-        });
-    },
-    doIotSelect(){
-      let _iots = this.powerRunList.filter(detail => detail.id == this.powerRunId);
-      if (_iots.length > 0) {
-          this.powerRun = _iots[0];
-          this.initTrendData();
-          this.initTumidityData();
-          this.initPowerWarning();
-      }
-    },
-    automaticRoll() {
-      var height = $(".afoot-con-for").innerHeight()
-      if (this.forIndex == this.warningDataList.length) {
-        this.forIndex = 0
-      } else {
-        this.forIndex = this.forIndex + 1
-      }
+    methods: {
+        reSize() {
+            this.dpi = this.$dpi()
+            this.chartHeight = this.dpi == '1K' ? 180 : this.dpi == '2K' ? 260 : 500
+            this.chartKey++
+            console.log('------>', this.chartHeight)
+        },
+        init() {
+            if (!this.selProject) {
+                return
+            }
+            this.$api.powerIot.findProAllConfigPoint(this.selProject.id).then((res) => {
+                if (res.data.length > 0) {
+                    this.powerRunId = res.data[0].id
+                    this.powerRun = res.data[0]
+                    this.initTrendData()
+                    this.initTumidityData()
+                    this.initPowerWarning()
+                }
+                this.powerRunList = res.data
+            })
+        },
+        initTrendData(_date) {
+            if (_date) {
+                this.trendBtnNav = _date
+            }
+            this.$api.powerIot.findIotDatasMonitor(this.selProject.id, this.powerRun.id, this.trendBtnNav).then((res) => {
+                if (res.data.length > 0) {
+                    this.runData = res.data[0]
+                    res.data.reverse()
+                    let _data1 = []
+                    let _data2 = []
+                    let _data3 = []
+                    let _data4 = []
+                    let _data5 = []
+                    let _data6 = []
+                    let _date8 = []
+                    res.data.forEach((item) => {
+                        _data1.push(item.voltageA)
+                        _data2.push(item.voltageB)
+                        _data3.push(item.voltageC)
+                        _data4.push(item.voltageAb)
+                        _data5.push(item.voltageBc)
+                        _data6.push(item.voltageCa)
+                        _date8.push(item.createTime)
+                    })
+                    let _lineData = []
+                    _lineData.push(_data1)
+                    _lineData.push(_data2)
+                    _lineData.push(_data3)
+                    _lineData.push(_data4)
+                    _lineData.push(_data5)
+                    _lineData.push(_data6)
+                    let _color = ['#0078e7', '#f8e04d', '#00bcd4', '#008ffd', '#f6d023', '#5af9fd']
+                    let _legend = ['A相电压', 'B相电压', 'C相电压', 'AB相电压', 'BC相电压', 'CA相电压']
+                    let _trendData = { lineData: _lineData, color: _color, legend: _legend, unit: 'V', date: _date8 }
+                    this.trendData = _trendData
+                }
+            })
+        },
+        initTumidityData(_date) {
+            if (_date) {
+                this.tumidityBtnNav = _date
+            }
+            let _ratedCurrent = this.powerRun.ratedCurrent
+            this.$api.powerIot.findIotDatasMonitor(this.selProject.id, this.powerRun.id, this.tumidityBtnNav).then((res) => {
+                if (res.data.length > 0) {
+                    res.data.reverse()
+                    let _data1 = []
+                    let _data2 = []
+                    let _data3 = []
+                    let _data4 = []
+                    let _date8 = []
+                    res.data.forEach((item) => {
+                        _data1.push(item.currentA)
+                        _data2.push(item.currentB)
+                        _data3.push(item.currentC)
+                        _data4.push(_ratedCurrent)
+                        _date8.push(item.createTime)
+                    })
+                    let _lineData = []
+                    _lineData.push(_data1)
+                    _lineData.push(_data2)
+                    _lineData.push(_data3)
+                    _lineData.push(_data4)
+                    let _color = ['#008ffd', '#f6d023', '#5af9fd', '#FF0016']
+                    let _legend = ['A相电流', 'B相电流', 'C相电流', '电流阈值']
+                    let _tumidityData = { lineData: _lineData, color: _color, legend: _legend, unit: 'A', date: _date8 }
+                    this.tumidityData = _tumidityData
+                }
+            })
+        },
+        initPowerWarning() {
+            this.$api.powerIot.findIotWarnings(this.selProject.id, this.powerRun.id).then((res) => {
+                this.warningDataList = res.data
+            })
+        },
+        doIotSelect() {
+            let _iots = this.powerRunList.filter((detail) => detail.id == this.powerRunId)
+            if (_iots.length > 0) {
+                this.powerRun = _iots[0]
+                this.initTrendData()
+                this.initTumidityData()
+                this.initPowerWarning()
+            }
+        },
+        automaticRoll() {
+            var height = $('.afoot-con-for').innerHeight()
+            if (this.forIndex == this.warningDataList.length) {
+                this.forIndex = 0
+            } else {
+                this.forIndex = this.forIndex + 1
+            }
 
-      $("#afootOverflow").animate({ scrollTop: (height * this.forIndex) + 'px' })
-    },
+            $('#afootOverflow').animate({ scrollTop: height * this.forIndex + 'px' })
+        },
 
-    listMinMouseover() {
-      clearInterval(this.warningInterval);
+        listMinMouseover() {
+            clearInterval(this.warningInterval)
+        },
+        listMinMouseout() {
+            this.warningInterval = setInterval(this.automaticRoll, 5000)
+        },
     },
-    listMinMouseout() {
-      this.warningInterval = setInterval(this.automaticRoll, 5000);
-    },
-  },
-};
+}
 </script>
+<style lang="less">
+.project-power-iot {
+    .screen-one-1-3 {
+        height: calc(33% - 20px);
+    }
+    .left-data1 {
+        .current-value-img {
+            height: 80px;
+            width: 80px;
+        }
+    }
+}
+@media (min-width: 1921px) and (max-width: 2560px) {
+    .project-power-iot {
+        .left-data1 {
+            .el-row {
+                margin-top: 20px;
+                &:first-child {
+                    margin-bottom: 30px;
+                }
+            }
+            .current-value-img {
+                height: 100px;
+                width: 100px;
+                img {
+                    width: 50px;
+                    height: 50px;
+                }
+            }
+            .process-control-current-value-data {
+                font-size: 26px;
+            }
+        }
+        .sjk-chart-line-title {
+            div {
+                font-size: 26px;
+                padding: 8px 16px;
+            }
+        }
+        .analyse-max {
+            * {
+                font-size: 18px;
+            }
+            .analyse-text,
+            .analyse-equipment {
+                font-size: 24px;
+            }
+            .analyse-title {
+                height: 64px;
+            }
+            .hj-moment-max {
+                td {
+                    font-size: 18px;
+                }
+            }
+            .afoot-machinery-nam {
+                font-size: 18px;
+            }
+        }
+        .el-input__inner {
+            font-size: 18px;
+            height: 36px;
+        }
+    }
+}
+
+@media (min-width: 2561px) {
+    .project-power-iot {
+        .left-data1 {
+            .el-row {
+                margin-top: 60px;
+                &:first-child {
+                    margin-bottom: 80px;
+                }
+            }
+            .current-value-img {
+                height: 160px;
+                width: 160px;
+                img {
+                    width: 80px;
+                    height: 80px;
+                }
+            }
+            .process-control-current-value-data {
+                font-size: 32px;
+            }
+        }
+        .sjk-chart-line-title {
+            div {
+                font-size: 32px;
+                padding: 10px 20px;
+            }
+        }
+        .analyse-max {
+            * {
+                font-size: 24px;
+            }
+            .analyse-text,
+            .analyse-equipment {
+                font-size: 32px;
+            }
+            .analyse-title {
+                height: 100px;
+            }
+            .hj-moment-max {
+                td {
+                    font-size: 24px;
+                }
+            }
+            .afoot-machinery-nam {
+                font-size: 24px;
+            }
+        }
+        .el-input__inner {
+            font-size: 24px;
+            height: 48px;
+        }
+    }
+}
+</style>
\ No newline at end of file
diff --git a/yanzhu-ui-vue3/src/views/manage/greenCarbonData/index.vue b/yanzhu-ui-vue3/src/views/manage/greenCarbonData/index.vue
index 4a78523e..ca611ca1 100644
--- a/yanzhu-ui-vue3/src/views/manage/greenCarbonData/index.vue
+++ b/yanzhu-ui-vue3/src/views/manage/greenCarbonData/index.vue
@@ -346,7 +346,7 @@ function handleDelete(row) {
     proxy.$modal
         .confirm('是否确认删除建碳管理编号为【' + _ids + '】的数据项？')
         .then(function () {
-            return delGreenCarbonData(_ids)
+            return delGreenCarbonData(row && row.id ? row.id : ids.value)
         })
         .then(() => {
             getList()