From a32d3828653f05a6664675baacd07650fd20d056 Mon Sep 17 00:00:00 2001
From: re-JZzzz <re-JZzzz@example.com>
Date: Wed, 17 Sep 2025 20:02:08 +0800
Subject: [PATCH] =?UTF-8?q?1.=E6=96=B0=E5=A2=9E=E6=8A=A5=E8=AD=A6=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86=E9=83=A8=E5=88=86=E5=9B=BE=E8=A1=A8=202.=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9=E7=AE=AD=E5=A4=B4=E4=B8=BA=E6=9C=AC=E5=9C=B0=E5=9B=BE?=
 =?UTF-8?q?=E7=89=87=203.=E4=BC=98=E5=8C=96=E9=83=A8=E5=88=86=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=204.=E5=AE=8C=E6=88=90=E6=80=A7=E8=83=BD=E6=AF=94?=
 =?UTF-8?q?=E6=B0=B4=E6=BB=B4=E5=9B=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/demo/down.png                      | Bin 0 -> 195 bytes
 src/assets/demo/up.png                        | Bin 0 -> 193 bytes
 .../alarmManage/components/fenxiBar.vue       | 198 ++++++++++++++++++
 .../alarmManage/components/levelPie.vue       | 163 ++++++++++++++
 .../alarmManage/components/totalView.vue      |   3 +
 .../integratedManage/alarmManage/index.vue    |  40 ++++
 .../alarmAnalysis/components/data.vue         | 101 ++++++---
 src/views/pvSystem/alarmAnalysis/index.vue    |  10 +-
 .../components/box1/statusBox.vue             |  44 +---
 .../components/box2/duibiPie.vue              |   2 +-
 .../components/box2/powerBar.vue              |   2 +-
 src/views/pvSystem/operatingCurve/index.vue   |   2 +-
 .../reportManager/components/itembox.vue      |   7 +-
 src/views/pvSystem/reportManager/index.vue    |  16 +-
 14 files changed, 513 insertions(+), 75 deletions(-)
 create mode 100644 src/assets/demo/down.png
 create mode 100644 src/assets/demo/up.png
 create mode 100644 src/views/integratedManage/alarmManage/components/fenxiBar.vue
 create mode 100644 src/views/integratedManage/alarmManage/components/levelPie.vue
 create mode 100644 src/views/integratedManage/alarmManage/components/totalView.vue
 create mode 100644 src/views/integratedManage/alarmManage/index.vue

diff --git a/src/assets/demo/down.png b/src/assets/demo/down.png
new file mode 100644
index 0000000000000000000000000000000000000000..179ebd7d8868f94be2cd4fa3f22b155cd2540642
GIT binary patch
literal 195
zcmeAS@N?(olHy`uVBq!ia0vp^JV4CO!3HF4Hmy+sQjEnx?oJHr&dIz4a#)I;JVQ8u
zpoSx*1IW+yba4!knA+Qakhj@^hvoQ}iR*nOOUnFG1K8umH&v>Xb9pHI`J7e0XPMHq
zqI{b<oSBDp{yRUtx6a`j?+n$Tx=`-~X0atTZ+}ZKcvdNSQa)64p`TpTedQ91@ON(=
pEL*jlzCF1ZxbuHOw%yeq45|w(*&6GY%m-S`;OXk;vd$@?2>@~KLqGrk

literal 0
HcmV?d00001

diff --git a/src/assets/demo/up.png b/src/assets/demo/up.png
new file mode 100644
index 0000000000000000000000000000000000000000..2e6fa2d88655dc7a5af5c723091cdee67a92f9ef
GIT binary patch
literal 193
zcmeAS@N?(olHy`uVBq!ia0vp^JV4CO!3HF4Hmy+sQjEnx?oJHr&dIz4a#)I;JVQ8u
zpoSx*1IW+zba4!knA+O6QIJ`Yhb25j&1gHz;WO=eoR)`rZx(&}(_MHVRsHQtl{YC@
z7yI6BSl+YTW^E2LL)fv-*LN?>PD)L<`qKCRgX6~cdG~65l6~;LlG9)Er;OmUQ2xjV
oJ2x0Pl+4tfdcEKA<JtxC!lBx~HTHL$23pJD>FVdQ&MBb@03C8h^Z)<=

literal 0
HcmV?d00001

diff --git a/src/views/integratedManage/alarmManage/components/fenxiBar.vue b/src/views/integratedManage/alarmManage/components/fenxiBar.vue
new file mode 100644
index 0000000..b60c3d0
--- /dev/null
+++ b/src/views/integratedManage/alarmManage/components/fenxiBar.vue
@@ -0,0 +1,198 @@
+<template>
+    <div class="chart-container">
+        <!--组件温度（℃）  图表内容区域 -->
+        <div ref="chartRef" class="chart-content"></div>
+    </div>
+</template>
+
+<script setup>
+import { ref, onMounted, watch } from 'vue';
+import * as echarts from 'echarts';
+
+
+
+// 图表DOM引用
+const chartRef = ref(null);
+// 图表实例
+let chartInstance = null;
+
+// 初始化图表
+const initChart = () => {
+    if (chartRef.value && !chartInstance) {
+        chartInstance = echarts.init(chartRef.value);
+    }
+    const option = {
+        xAxis: {
+            type: "category",
+            data: ["09-04", "09-05", "09-06", "09-07", "09-08", "09-09", "09-10"],
+            axisTick: {
+                show: false // 去除刻度线
+            }
+        },
+        yAxis: {
+            type: "value",
+            splitLine: {
+                lineStyle: {
+                    color: '#f0f0f0',
+                    type: 'dashed'
+                }
+            }
+        },
+        legend: {
+            show: true,
+            icon: 'square',
+            left: '2%',
+            itemWidth: 10,
+            itemHeight: 10,
+            itemAlign: 'middle', // 设置图例项垂直居中
+        },
+        grid: {
+            left: '3%',
+            right: '4%',
+            bottom: '3%',
+            containLabel: true
+        },
+        series: [
+            {
+                name: "维护提醒",
+                data: [120, 200, 150, 80, 70, 110, 130],
+                type: "bar",
+                itemStyle: {
+                    color: "rgb(0, 179, 255)",
+                },
+            },
+            {
+                name: "数据异常",
+                data: [80, 170, 100, 50, 90, 140, 170],
+                type: "bar",
+                itemStyle: {
+                    color: "rgb(22, 93, 255)",
+                },
+            },
+            {
+                name: "信号减弱",
+                data: [60, 140, 100, 120, 110, 100, 130],
+                type: "bar",
+                itemStyle: {
+                    color: "rgb(255, 153, 0)",
+                },
+            },
+            {
+                name: "温度过高",
+                data: [60, 140, 100, 120, 110, 100, 130],
+                type: "bar",
+                itemStyle: {
+                    color: "rgb(250, 220, 25)",
+                },
+            },
+            {
+                name: "通讯中断",
+                data: [60, 140, 100, 120, 110, 100, 130],
+                type: "bar",
+                itemStyle: {
+                    color: "rgb(251, 62, 122)",
+                }
+            }
+        ],
+    };
+
+    chartInstance.setOption(option);
+};
+
+// 响应窗口大小变化
+const handleResize = () => {
+    if (chartInstance) {
+        chartInstance.resize();
+    }
+};
+
+// 生命周期钩子
+onMounted(() => {
+    initChart();
+    window.addEventListener('resize', handleResize);
+
+    // 清理函数
+    return () => {
+        window.removeEventListener('resize', handleResize);
+        if (chartInstance) {
+            chartInstance.dispose();
+            chartInstance = null;
+        }
+    };
+});
+
+
+</script>
+
+<style scoped>
+.chart-container {
+    background-color: #fff;
+    border-radius: 8px;
+    overflow: hidden;
+    height: 400px;
+    width: 100%;
+    padding: 10px;
+    box-sizing: border-box;
+}
+
+.chart-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 15px 20px;
+    border-bottom: 1px solid #f0f0f0;
+}
+
+.chart-header h2 {
+    font-size: 16px;
+    font-weight: 600;
+    color: #333;
+    margin: 0;
+}
+
+.chart-content {
+    width: 100%;
+    height: calc(100% - 54px);
+    padding: 10px;
+    box-sizing: border-box;
+}
+
+@media (max-width: 768px) {
+    .chart-container {
+        height: 350px;
+    }
+}
+
+@media (max-width: 480px) {
+    .chart-container {
+        height: 300px;
+    }
+
+    .chart-header {
+        flex-direction: column;
+        align-items: flex-start;
+        gap: 10px;
+    }
+
+    .chart-actions {
+        width: 100%;
+        display: flex;
+        justify-content: space-between;
+    }
+
+    .chart-actions button {
+        margin: 0;
+        flex: 1;
+        margin-right: 5px;
+    }
+
+    .chart-actions button:last-child {
+        margin-right: 0;
+    }
+}
+
+.model {
+    padding: 20px;
+    background-color: rgba(242, 248, 252, 1);
+}
+</style>
diff --git a/src/views/integratedManage/alarmManage/components/levelPie.vue b/src/views/integratedManage/alarmManage/components/levelPie.vue
new file mode 100644
index 0000000..9ec35c2
--- /dev/null
+++ b/src/views/integratedManage/alarmManage/components/levelPie.vue
@@ -0,0 +1,163 @@
+<template>
+    <div class="chart-container">
+        <!--组件温度（℃）  图表内容区域 -->
+        <div ref="chartRef" class="chart-content"></div>
+    </div>
+</template>
+
+<script setup>
+import { ref, onMounted, watch } from 'vue';
+import * as echarts from 'echarts';
+
+
+// 图表DOM引用
+const chartRef = ref(null);
+// 图表实例
+let chartInstance = null;
+
+// 初始化图表
+const initChart = () => {
+    if (chartRef.value && !chartInstance) {
+        chartInstance = echarts.init(chartRef.value);
+    }
+    const option = {
+        tooltip: {
+            trigger: 'item'
+        },
+        legend: {
+            top: 'middle',
+            orient: 'vertical',
+            right: '25%', // 调整图例位置，使其更靠近左侧
+        },
+        series: [
+            {
+                type: 'pie',
+                radius: '50%',
+                label: {
+                    show: false
+                },
+                color: [
+                    'rgb(0, 179, 255)', // 提示信息
+                    'rgb(45, 214, 131)', // 一般告警
+                    'rgb(255, 208, 35)', // 重要告警
+                    'rgb(227, 39, 39)'   // 严重告警
+                ],
+                data: [
+                    { value: 1048, name: '提示信息' },
+                    { value: 735, name: '一般告警' },
+                    { value: 580, name: '重要告警' },
+                    { value: 484, name: '严重告警' },
+                ],
+                emphasis: {
+                    itemStyle: {
+                        shadowBlur: 10,
+                        shadowOffsetX: 0,
+                        shadowColor: 'rgba(0, 0, 0, 0.5)'
+                    }
+                }
+            }
+        ]
+    };
+
+    chartInstance.setOption(option);
+};
+
+// 响应窗口大小变化
+const handleResize = () => {
+    if (chartInstance) {
+        chartInstance.resize();
+    }
+};
+
+// 生命周期钩子
+onMounted(() => {
+    initChart();
+    window.addEventListener('resize', handleResize);
+
+    // 清理函数
+    return () => {
+        window.removeEventListener('resize', handleResize);
+        if (chartInstance) {
+            chartInstance.dispose();
+            chartInstance = null;
+        }
+    };
+});
+
+
+</script>
+
+<style scoped>
+.chart-container {
+    background-color: #fff;
+    border-radius: 8px;
+    overflow: hidden;
+    height: 400px;
+    width: 100%;
+    padding: 10px;
+    box-sizing: border-box;
+}
+
+.chart-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 15px 20px;
+    border-bottom: 1px solid #f0f0f0;
+}
+
+.chart-header h2 {
+    font-size: 16px;
+    font-weight: 600;
+    color: #333;
+    margin: 0;
+}
+
+
+
+.chart-content {
+    width: 100%;
+    height: calc(100% - 54px);
+    padding: 10px;
+    box-sizing: border-box;
+}
+
+@media (max-width: 768px) {
+    .chart-container {
+        height: 350px;
+    }
+}
+
+@media (max-width: 480px) {
+    .chart-container {
+        height: 300px;
+    }
+
+    .chart-header {
+        flex-direction: column;
+        align-items: flex-start;
+        gap: 10px;
+    }
+
+    .chart-actions {
+        width: 100%;
+        display: flex;
+        justify-content: space-between;
+    }
+
+    .chart-actions button {
+        margin: 0;
+        flex: 1;
+        margin-right: 5px;
+    }
+
+    .chart-actions button:last-child {
+        margin-right: 0;
+    }
+}
+
+.model {
+    padding: 20px;
+    background-color: rgba(242, 248, 252, 1);
+}
+</style>
diff --git a/src/views/integratedManage/alarmManage/components/totalView.vue b/src/views/integratedManage/alarmManage/components/totalView.vue
new file mode 100644
index 0000000..6cbc598
--- /dev/null
+++ b/src/views/integratedManage/alarmManage/components/totalView.vue
@@ -0,0 +1,3 @@
+<template>
+1
+</template>
\ No newline at end of file
diff --git a/src/views/integratedManage/alarmManage/index.vue b/src/views/integratedManage/alarmManage/index.vue
new file mode 100644
index 0000000..199ded9
--- /dev/null
+++ b/src/views/integratedManage/alarmManage/index.vue
@@ -0,0 +1,40 @@
+<template>
+    <div class="model">
+        <!-- 标题栏 -->
+        <el-row>
+            <el-col :span="12">
+                <TitleComponent title="报警管理" subtitle="配置新能源厂站的报警级别、类型及相关规则" />
+            </el-col>
+        </el-row>
+        <!-- 报警管理 -->
+        <el-row>
+            <el-col :span="12">
+                <levelPie />
+            </el-col>
+        </el-row>
+        <el-row>
+            <el-col :span="12">
+                <fenxiBar />
+            </el-col>
+        </el-row>
+        <el-row>
+            <el-col :span="12">
+                <totalView />
+            </el-col>
+        </el-row>
+    </div>
+</template>
+
+<script setup>
+import TitleComponent from '@/components/TitleComponent/index.vue';
+import levelPie from '@/views/integratedManage/alarmManage/components/levelPie.vue'
+import fenxiBar from '@/views/integratedManage/alarmManage/components/fenxiBar.vue'
+import totalView from '@/views/integratedManage/alarmManage/components/totalView.vue';
+</script>
+
+<style scoped>
+.model {
+    padding: 20px 15px;
+    background-color: rgba(242, 248, 252, 1);
+}
+</style>
diff --git a/src/views/pvSystem/alarmAnalysis/components/data.vue b/src/views/pvSystem/alarmAnalysis/components/data.vue
index 744772b..19dbe4a 100644
--- a/src/views/pvSystem/alarmAnalysis/components/data.vue
+++ b/src/views/pvSystem/alarmAnalysis/components/data.vue
@@ -18,8 +18,12 @@
           <div class="metric-value">{{ props.dashboardData.todayAlarmTotal }}</div>
           <div class="metric-label">今日报警总数</div>
           <div class="metric-change">较上周 <span :class="props.dashboardData.updates.todayAlarmTotal.type">
-            {{ props.dashboardData.updates.todayAlarmTotal.type === 'up' ? '↑' : '↓' }}{{ props.dashboardData.updates.todayAlarmTotal.value }}
-          </span></div>
+              <img v-if="props.dashboardData.updates.todayAlarmTotal.type === 'up'" src="/src/assets/demo/up.png"
+                class="trend-icon" alt="上升">
+              <img v-else src="/src/assets/demo/down.png" class="trend-icon" alt="下降">{{
+                props.dashboardData.updates.todayAlarmTotal.value }}
+            </span>
+          </div>
         </div>
       </el-col>
 
@@ -29,8 +33,11 @@
           <div class="metric-value">{{ props.dashboardData.unhandledAlarms }}</div>
           <div class="metric-label">未处理报警</div>
           <div class="metric-change">较上周 <span :class="props.dashboardData.updates.unhandledAlarms.type">
-            {{ props.dashboardData.updates.unhandledAlarms.type === 'up' ? '↑' : '↓' }}{{ props.dashboardData.updates.unhandledAlarms.value }}
-          </span></div>
+              <img v-if="props.dashboardData.updates.unhandledAlarms.type === 'up'" src="/src/assets/demo/up.png"
+                class="trend-icon" alt="上升">
+              <img v-else src="/src/assets/demo/down.png" class="trend-icon" alt="下降">{{
+                props.dashboardData.updates.unhandledAlarms.value }}
+            </span></div>
         </div>
       </el-col>
 
@@ -40,8 +47,11 @@
           <div class="metric-value">{{ props.dashboardData.handledAlarms }}</div>
           <div class="metric-label">已处理报警</div>
           <div class="metric-change">较上周 <span :class="props.dashboardData.updates.handledAlarms.type">
-            {{ props.dashboardData.updates.handledAlarms.type === 'up' ? '↑' : '↓' }}{{ props.dashboardData.updates.handledAlarms.value }}
-          </span></div>
+              <img v-if="props.dashboardData.updates.handledAlarms.type === 'up'" src="/src/assets/demo/up.png"
+                class="trend-icon" alt="上升">
+              <img v-else src="/src/assets/demo/down.png" class="trend-icon" alt="下降">{{
+                props.dashboardData.updates.handledAlarms.value }}
+            </span></div>
         </div>
       </el-col>
 
@@ -50,9 +60,15 @@
         <div class="metric-card">
           <div class="metric-value">{{ props.dashboardData.avgProcessTime }}</div>
           <div class="metric-label">平均处理时长</div>
-          <div class="metric-change">较上周 <span :class="props.dashboardData.updates.avgProcessTime.type">
-            {{ props.dashboardData.updates.avgProcessTime.type === 'up' ? '↑' : '↓' }}{{ props.dashboardData.updates.avgProcessTime.value }}
-          </span></div>
+          <div class="metric-change">
+            较上周
+            <span :class="props.dashboardData.updates.avgProcessTime.type">
+              <img v-if="props.dashboardData.updates.avgProcessTime.type === 'up'" src="/src/assets/demo/up.png"
+                class="trend-icon" alt="上升">
+              <img v-else src="/src/assets/demo/down.png" class="trend-icon" alt="下降">{{
+                props.dashboardData.updates.avgProcessTime.value }}
+            </span>
+          </div>
         </div>
       </el-col>
     </el-row>
@@ -67,7 +83,7 @@
           <el-option label="近90天" value="90days" />
         </el-select>
       </div>
-   
+
       <el-col :span="24">
         <div class="trend-section">
           <el-row :gutter="20">
@@ -76,11 +92,17 @@
               <div class="chart-container">
                 <div class="chart-left-right-layout">
                   <div class="chart-info-container">
-                    <div class="chart-title">报警数量(次)  </div>
+                    <div class="chart-title">报警数量(次) </div>
                     <div class="chart-total">{{ props.chartData.totals.alarmCount }}</div>
-                    <div class="chart-value">较昨日 <span :class="props.chartData.dailyChanges.alarmCount.type">
-                      {{ props.chartData.dailyChanges.alarmCount.type === 'up' ? '↑' : '↓' }}{{ props.chartData.dailyChanges.alarmCount.value }}
-                    </span></div>
+                    <div class="chart-value">
+                      <span>较昨日</span>
+                      <img v-if="props.chartData.dailyChanges.processEfficiency.type === 'up'"
+                        src="/src/assets/demo/up.png" class="trend-icon" alt="上升">
+                      <img v-else src="/src/assets/demo/down.png" class="trend-icon" alt="下降">
+                      <span :class="props.chartData.dailyChanges.processEfficiency.type">
+                        {{ props.chartData.dailyChanges.processEfficiency.value }}
+                      </span>
+                    </div>
                   </div>
                   <div ref="alarmCountRef" class="chart-content"></div>
                 </div>
@@ -93,9 +115,15 @@
                   <div class="chart-info-container">
                     <div class="chart-title">报警处理效率(%)</div>
                     <div class="chart-total">{{ props.chartData.totals.processEfficiency }}</div>
-                    <div class="chart-value">较昨日 <span :class="props.chartData.dailyChanges.processEfficiency.type">
-                      {{ props.chartData.dailyChanges.processEfficiency.type === 'up' ? '↑' : '↓' }}{{ props.chartData.dailyChanges.processEfficiency.value }}
-                    </span></div>
+                    <div class="chart-value">
+                      <span>较昨日</span>
+                      <img v-if="props.chartData.dailyChanges.processEfficiency.type === 'up'"
+                        src="/src/assets/demo/up.png" class="trend-icon" alt="上升">
+                      <img v-else src="/src/assets/demo/down.png" class="trend-icon" alt="下降">
+                      <span :class="props.chartData.dailyChanges.processEfficiency.type">
+                        {{ props.chartData.dailyChanges.processEfficiency.value }}
+                      </span>
+                    </div>
                   </div>
                   <div ref="processEfficiencyRef" class="chart-content"></div>
                 </div>
@@ -141,7 +169,7 @@ const props = defineProps({
         processEfficiency: '89%'
       },
       dailyChanges: {
-        alarmCount: { value: '0.9%', type: 'down' },
+        alarmCount: { value: '0.9%', type: 'up' },
         processEfficiency: { value: '0.9%', type: 'down' }
       }
     })
@@ -172,7 +200,7 @@ const initCharts = () => {
       trigger: 'axis',
     },
     grid: {
-      left: '-45px',
+      left: '-38px',
       right: '0%',
       bottom: '0%',
       top: '0%',
@@ -248,7 +276,7 @@ const initCharts = () => {
       trigger: 'axis',
     },
     grid: {
-      left: '-45px',
+      left: '-38px',
       right: '0%',
       bottom: '0%',
       top: '0%',
@@ -352,7 +380,7 @@ onUnmounted(() => {
   width: 100%;
   height: 100%;
   background: #fff;
-  padding:0 20px;
+  padding: 0 20px;
   box-sizing: border-box;
 }
 
@@ -411,11 +439,18 @@ onUnmounted(() => {
 }
 
 .up {
-  color: #ff4d4f;
+  color: #00B87A;
 }
 
 .down {
-  color: #52c41a;
+  color: #ff4d4f;
+}
+
+.trend-icon {
+  // width: 12px;
+  // height: 12px;
+  margin-right: 2px;
+  vertical-align: middle;
 }
 
 .trend-container {
@@ -436,7 +471,7 @@ onUnmounted(() => {
 }
 
 .trend-header {
-  
+
   align-items: center;
 }
 
@@ -483,6 +518,24 @@ onUnmounted(() => {
   font-size: 12px;
   color: #999;
   margin-bottom: 0;
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  line-height: 1;
+}
+
+.chart-value span {
+  display: inline-flex;
+  align-items: center;
+  vertical-align: middle;
+}
+
+.chart-value .trend-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  vertical-align: middle;
+  margin: 0;
 }
 
 .chart-content {
diff --git a/src/views/pvSystem/alarmAnalysis/index.vue b/src/views/pvSystem/alarmAnalysis/index.vue
index 2fa1f57..e095dba 100644
--- a/src/views/pvSystem/alarmAnalysis/index.vue
+++ b/src/views/pvSystem/alarmAnalysis/index.vue
@@ -68,9 +68,9 @@ const dashboardData = ref({
   handledAlarms: 16,
   avgProcessTime: '42分钟',
   updates: {
-    todayAlarmTotal: { value: '4.2%', type: 'down' },
-    unhandledAlarms: { value: '5%', type: 'up' },
-    handledAlarms: { value: '8%', type: 'down' },
+    todayAlarmTotal: { value: '4.2%', type: 'up' },
+    unhandledAlarms: { value: '5%', type: 'down' },
+    handledAlarms: { value: '8%', type: 'up' },
     avgProcessTime: { value: '10%', type: 'down' }
   }
 });
@@ -84,7 +84,7 @@ const chartData = ref({
     processEfficiency: '89%'
   },
   dailyChanges: {
-    alarmCount: { value: '0.9%', type: 'down' },
+    alarmCount: { value: '0.9%', type: 'up' },
     processEfficiency: { value: '0.9%', type: 'down' }
   }
 });
@@ -155,7 +155,7 @@ onMounted(() => {
 </script>
 <style scoped lang="scss">
 .model {
-    padding: 0px 15px;
+  padding: 20px 15px;
     background-color: rgba(242, 248, 252, 1);
 }
 </style>
\ No newline at end of file
diff --git a/src/views/pvSystem/operatingCurve/components/box1/statusBox.vue b/src/views/pvSystem/operatingCurve/components/box1/statusBox.vue
index 7544df9..5b92b13 100644
--- a/src/views/pvSystem/operatingCurve/components/box1/statusBox.vue
+++ b/src/views/pvSystem/operatingCurve/components/box1/statusBox.vue
@@ -6,14 +6,8 @@
                 <div class="card-title">总发电量</div>
                 <div class="card-value">{{ props.statusData.totalPower }}</div>
                 <div class="card-change positive">
-                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18"
-                        height="18" viewBox="0 0 18 18" fill="none">
-                        <path
-                            d="M15.15 5.77505L15.15 5.70006L15.15 5.62505L15.075 5.62505C15.075 5.62505 15 5.62505 14.925 5.55005L11.25 5.55005C10.875 5.55005 10.575 5.85005 10.575 6.22505C10.575 6.60006 10.875 6.90005 11.25 6.90005L13.125 6.90005L9.52501 10.5L7.72501 8.70005C7.35 8.32505 6.60001 8.32505 6.225 8.70005L3.075 11.85C2.85 12.075 2.85 12.525 3.075 12.75C3.22501 12.9001 3.37501 12.975 3.525 12.975C3.67501 12.975 3.82501 12.975 3.975 12.75L6.9 9.82505L8.7 11.625C9.07501 12.0001 9.825 12.0001 10.2 11.625L13.95 7.87505L13.95 9.75006C13.95 10.1251 14.25 10.4251 14.625 10.4251C15 10.4251 15.3 10.1251 15.3 9.75006L15.3 6.37506L15.3 6.15006L15.15 5.77505Z"
-                            fill="#00B87A">
-                        </path>
-                    </svg>
-                    {{ props.statusData.totalPowerChange }} 较上周
+                    <img src="/src/assets/demo/up.png" alt="" class="change-icon">
+                    <span>{{ props.statusData.totalPowerChange }} 较上周</span>
                 </div>
             </div>
             <div class="card-right">
@@ -37,14 +31,8 @@
                 <div class="card-title">系统效率</div>
                 <div class="card-value">{{ props.statusData.efficiency }}</div>
                 <div class="card-change negative">
-                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18"
-                        height="18" viewBox="0 0 18 18" fill="none">
-                        <path
-                            d="M15.15 12.2252L15.15 12.3002L15.15 12.3752L15.075 12.3752C15.075 12.3752 15 12.3752 14.925 12.4502L11.25 12.4502C10.875 12.4502 10.575 12.1502 10.575 11.7752C10.575 11.4002 10.875 11.1002 11.25 11.1002L13.125 11.1002L9.52501 7.5002L7.72501 9.3002C7.35 9.67519 6.60001 9.67519 6.225 9.3002L3.075 6.1502C2.85 5.9252 2.85 5.4752 3.075 5.2502C3.22501 5.10019 3.37501 5.0252 3.525 5.0252C3.67501 5.0252 3.82501 5.0252 3.975 5.2502L6.9 8.1752L8.7 6.3752C9.07501 6.00019 9.825 6.00019 10.2 6.3752L13.95 10.1252L13.95 8.25019C13.95 7.87519 14.25 7.57519 14.625 7.57519C15 7.57519 15.3 7.87519 15.3 8.25019L15.3 11.6252L15.3 11.8502L15.15 12.2252Z"
-                            fill="#E32727">
-                        </path>
-                    </svg>
-                    {{ props.statusData.efficiencyChange }} 较上周
+                     <img src="/src/assets/demo/down.png" alt="" class="change-icon">
+                    <span>{{ props.statusData.efficiencyChange }} 较上周</span>
                 </div>
             </div>
             <div class="card-right">
@@ -65,14 +53,8 @@
                 <div class="card-title">组件温度</div>
                 <div class="card-value">{{ props.statusData.temperature }}</div>
                 <div class="card-change positive">
-                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18"
-                        height="18" viewBox="0 0 18 18" fill="none">
-                        <path
-                            d="M15.15 5.77505L15.15 5.70006L15.15 5.62505L15.075 5.62505C15.075 5.62505 15 5.62505 14.925 5.55005L11.25 5.55005C10.875 5.55005 10.575 5.85005 10.575 6.22505C10.575 6.60006 10.875 6.90005 11.25 6.90005L13.125 6.90005L9.52501 10.5L7.72501 8.70005C7.35 8.32505 6.60001 8.32505 6.225 8.70005L3.075 11.85C2.85 12.075 2.85 12.525 3.075 12.75C3.22501 12.9001 3.37501 12.975 3.525 12.975C3.67501 12.975 3.82501 12.975 3.975 12.75L6.9 9.82505L8.7 11.625C9.07501 12.0001 9.825 12.0001 10.2 11.625L13.95 7.87505L13.95 9.75006C13.95 10.1251 14.25 10.4251 14.625 10.4251C15 10.4251 15.3 10.1251 15.3 9.75006L15.3 6.37506L15.3 6.15006L15.15 5.77505Z"
-                            fill="#00B87A">
-                        </path>
-                    </svg>
-                    {{ props.statusData.temperatureChange }} 较上周
+                      <img src="/src/assets/demo/up.png" alt="" class="change-icon">
+                    <span>{{ props.statusData.temperatureChange }} 较上周</span>
                 </div>
             </div>
             <div class="card-right">
@@ -93,14 +75,8 @@
                 <div class="card-title">日照强度</div>
                 <div class="card-value">{{ props.statusData.sunlight }}</div>
                 <div class="card-change positive">
-                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18"
-                        height="18" viewBox="0 0 18 18" fill="none">
-                        <path
-                            d="M15.15 5.77505L15.15 5.70006L15.15 5.62505L15.075 5.62505C15.075 5.62505 15 5.62505 14.925 5.55005L11.25 5.55005C10.875 5.55005 10.575 5.85005 10.575 6.22505C10.575 6.60006 10.875 6.90005 11.25 6.90005L13.125 6.90005L9.52501 10.5L7.72501 8.70005C7.35 8.32505 6.60001 8.32505 6.225 8.70005L3.075 11.85C2.85 12.075 2.85 12.525 3.075 12.75C3.22501 12.9001 3.37501 12.975 3.525 12.975C3.67501 12.975 3.82501 12.975 3.975 12.75L6.9 9.82505L8.7 11.625C9.07501 12.0001 9.825 12.0001 10.2 11.625L13.95 7.87505L13.95 9.75006C13.95 10.1251 14.25 10.4251 14.625 10.4251C15 10.4251 15.3 10.1251 15.3 9.75006L15.3 6.37506L15.3 6.15006L15.15 5.77505Z"
-                            fill="#00B87A">
-                        </path>
-                    </svg>
-                    {{ props.statusData.sunlightChange }} 较上周
+                     <img src="/src/assets/demo/up.png" alt="" class="change-icon">
+                    <span>{{ props.statusData.sunlightChange }} 较上周</span>
                 </div>
             </div>
             <div class="card-right">
@@ -206,7 +182,7 @@ const props = defineProps({
     margin-top: 4px;
 
     &.positive {
-        color: #67c23a;
+        color: #00B87A;
     }
 
     &.negative {
@@ -216,7 +192,7 @@ const props = defineProps({
 
 .change-icon {
     font-size: 10px;
-    margin-right: 2px;
+    margin-right: 5px;
 }
 
 .card-icon {
diff --git a/src/views/pvSystem/operatingCurve/components/box2/duibiPie.vue b/src/views/pvSystem/operatingCurve/components/box2/duibiPie.vue
index d008220..6bfe648 100644
--- a/src/views/pvSystem/operatingCurve/components/box2/duibiPie.vue
+++ b/src/views/pvSystem/operatingCurve/components/box2/duibiPie.vue
@@ -142,7 +142,7 @@ onUnmounted(() => {
 .chart-content {
   width: 100%;
   height: calc(100% - 80px);
-  min-height: 200px;
+  min-height: 220px;
 }
 
 @media (max-width: 768px) {
diff --git a/src/views/pvSystem/operatingCurve/components/box2/powerBar.vue b/src/views/pvSystem/operatingCurve/components/box2/powerBar.vue
index b55f153..6cfc66d 100644
--- a/src/views/pvSystem/operatingCurve/components/box2/powerBar.vue
+++ b/src/views/pvSystem/operatingCurve/components/box2/powerBar.vue
@@ -185,7 +185,7 @@ onUnmounted(() => {
 .chart-content {
   width: 100%;
   height: calc(100% - 80px);
-  min-height: 200px;
+  min-height: 220px;
 }
 
 @media (max-width: 768px) {
diff --git a/src/views/pvSystem/operatingCurve/index.vue b/src/views/pvSystem/operatingCurve/index.vue
index 32c9023..ac12f24 100644
--- a/src/views/pvSystem/operatingCurve/index.vue
+++ b/src/views/pvSystem/operatingCurve/index.vue
@@ -104,7 +104,7 @@ const mockData = ref({
     totalPower: '3,456.8KWh',
     totalPowerChange: '8.2%',
     efficiency: '18.7%',
-    efficiencyChange: '-0.3%',
+    efficiencyChange: '0.3%',
     temperature: '42.3°C',
     temperatureChange: '2.1°C',
     sunlight: '865 W/m²',
diff --git a/src/views/pvSystem/reportManager/components/itembox.vue b/src/views/pvSystem/reportManager/components/itembox.vue
index 77131cb..cc8caef 100644
--- a/src/views/pvSystem/reportManager/components/itembox.vue
+++ b/src/views/pvSystem/reportManager/components/itembox.vue
@@ -8,7 +8,8 @@
           </div>
           <div class="power-amount">{{ value || '2,456.8' }} <span>{{ unit || 'KWh' }}</span></div>
           <div class="power-growth">
-            <span class="growth-value">{{ growth || '+2.5%' }}</span>
+            <img :src="type === 'up' ? '/src/assets/demo/up.png' : '/src/assets/demo/down.png'" alt="">
+            <span class="growth-value">{{ growth || '2.5%' }}</span>
             <span class="growth-label">{{ growthLabel || '较昨日' }}</span>
           </div>
         </div>
@@ -37,6 +38,10 @@ const props = defineProps({
     type: String,
     default: '平均效率'
   },
+  type: {
+    type: String,
+    default: ''
+  },
   value: {
     type: String,
     default: '2,456.8'
diff --git a/src/views/pvSystem/reportManager/index.vue b/src/views/pvSystem/reportManager/index.vue
index cb09f5e..a910ddd 100644
--- a/src/views/pvSystem/reportManager/index.vue
+++ b/src/views/pvSystem/reportManager/index.vue
@@ -44,23 +44,23 @@
         <!-- 数据展示-->
         <el-row :gutter="24">
             <el-col :span="6">
-                <itembox title="总发电量" value="2,456.8" unit="KWh" growth="+2.5%" growthLabel="较昨日" color="#186DF5"
-                    chartType="bar" power="" icon-src="/src/assets/demo/shandian.png"
+                <itembox title="总发电量" value="2,456.8" unit="KWh" growth="2.5%" growthLabel="较昨日" color="#186DF5"
+                    chartType="bar" power="" icon-src="/src/assets/demo/shandian.png" type="down"
                     :chartData="[30, 50, 40, 60, 80, 70, 100, 90, 85, 75, 65, 55]"></itembox>
             </el-col>
             <el-col :span="6">
-                <itembox title="平均效率" value="18.7" unit="%" growth="+2.5%" growthLabel="较昨日" color="#00B87A"
-                    chartType="line" icon-src="/src/assets/demo/huojian.png"
+                <itembox title="平均效率" value="18.7" unit="%" growth="2.5%" growthLabel="较昨日" color="#00B87A"
+                    chartType="line" icon-src="/src/assets/demo/huojian.png" type="up"
                     :chartData="[30, 50, 40, 60, 80, 70, 100, 90, 85, 75, 65, 55]"></itembox>
             </el-col>
             <el-col :span="6">
-                <itembox title="设备温度" value="43.5" unit="℃" growth="+2.5%" growthLabel="较昨日" color="#FFC300"
-                    chartType="line" icon-src="/src/assets/demo/wendu.png"
+                <itembox title="设备温度" value="43.5" unit="℃" growth="2.5%" growthLabel="较昨日" color="#FFC300"
+                    chartType="line" icon-src="/src/assets/demo/wendu.png" type="up"
                     :chartData="[30, 50, 40, 60, 80, 70, 100, 90, 85, 75, 65, 55]"></itembox>
             </el-col>
             <el-col :span="6">
-                <itembox title="系统可用性" value="18.7" unit="%" growth="+2.5%" growthLabel="较昨日" color="#7948EA"
-                    chartType="line" icon-src="/src/assets/demo/use.png"
+                <itembox title="系统可用性" value="18.7" unit="%" growth="2.5%" growthLabel="较昨日" color="#7948EA"
+                    chartType="line" icon-src="/src/assets/demo/use.png" type="up"
                     :chartData="[30, 50, 40, 60, 80, 70, 100, 90, 85, 75, 65, 55]"></itembox>
             </el-col>
         </el-row>