From b3f842e4e796d1f18cabd613cfc241d3a5a4b109 Mon Sep 17 00:00:00 2001
From: LokerL <loker80@qq.com>
Date: Sun, 13 Oct 2024 10:43:31 +0800
Subject: [PATCH 1/3] =?UTF-8?q?feat:=20=E8=B0=83=E6=95=B4=E6=AF=8F?=
 =?UTF-8?q?=E6=97=A5=E6=95=B0=E6=8D=AE=E7=BB=9F=E8=AE=A1=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

调整每日数据统计页面的样式，同一港区下的表格行颜色。
---
 .../src/views/dataStatistics/daily/index.vue  | 66 ++++++++++++++++---
 1 file changed, 56 insertions(+), 10 deletions(-)

diff --git a/ruoyi-ui/src/views/dataStatistics/daily/index.vue b/ruoyi-ui/src/views/dataStatistics/daily/index.vue
index c9e6d57..930e1cd 100644
--- a/ruoyi-ui/src/views/dataStatistics/daily/index.vue
+++ b/ruoyi-ui/src/views/dataStatistics/daily/index.vue
@@ -14,24 +14,32 @@
       </el-col>
       <el-col :span="18">
         <div class="export_btn">
-          <el-button type="primary" icon="eel-icon-download" @click="handleExport">导出</el-button>
+          <el-button
+            type="primary"
+            icon="eel-icon-download"
+            @click="handleExport"
+            >导出</el-button
+          >
         </div>
       </el-col>
     </el-row>
     <el-row :gutter="10">
       <el-table
-      id="dailyTable"
+        id="dailyTable"
         :data="tableData"
         border
         style="width: 100%"
         :span-method="objectSpanMethod"
+        :row-class-name="tableRowClassName"
       >
         <el-table-column prop="ppp" label="港口">
           <template slot-scope="{ row }">
             <div>{{ row.ppp }}</div>
             <div style="display: flex; gap: 10px">
-              <el-tag>港口数: {{ getChildCount(row, 'ppp', 'pp') }}</el-tag>
-              <el-tag type="warning">平均值:  {{ calculateChildAvg(row, 'ppp') }}</el-tag>
+              <el-tag>港口数: {{ getChildCount(row, "ppp", "pp") }}</el-tag>
+              <el-tag type="warning"
+                >平均值: {{ calculateChildAvg(row, "ppp") }}</el-tag
+              >
             </div>
           </template>
         </el-table-column>
@@ -40,8 +48,10 @@
           <template slot-scope="{ row }">
             <div>{{ row.pp }}</div>
             <div style="display: flex; gap: 10px">
-              <el-tag>企业数: {{ getChildCount(row, 'pp', 'p') }}</el-tag>
-              <el-tag type="warning">平均值:  {{ calculateChildAvg(row, 'pp') }}</el-tag>
+              <el-tag>企业数: {{ getChildCount(row, "pp", "p") }}</el-tag>
+              <el-tag type="warning"
+                >平均值: {{ calculateChildAvg(row, "pp") }}</el-tag
+              >
             </div>
           </template>
         </el-table-column>
@@ -50,8 +60,10 @@
           <template slot-scope="{ row }">
             <div>{{ row.p }}</div>
             <div style="display: flex; gap: 10px">
-              <el-tag>设备数: {{ getChildCount(row, 'p', 'sn') }}</el-tag>
-              <el-tag type="warning">平均值: {{ calculateChildAvg(row, 'p') }}</el-tag>
+              <el-tag>设备数: {{ getChildCount(row, "p", "sn") }}</el-tag>
+              <el-tag type="warning"
+                >平均值: {{ calculateChildAvg(row, "p") }}</el-tag
+              >
             </div>
           </template>
         </el-table-column>
@@ -84,7 +96,18 @@ export default {
     this.day = moment().format("YYYY-MM-DD");
     this.queryData();
   },
+  computed: {
+    pppList() {
+      return Array.from(new Set(this.tableData.map((item) => item.ppp)));
+    },
+  },
   methods: {
+    tableRowClassName({ row, rowIndex }) {
+      const classNames = ["default-row", "success-row", "error-row", "warning-row", "info-row"];
+      const index = this.pppList.findIndex((item) => item === row.ppp);
+      if (index === -1) return "info-row";
+      return index > classNames.length - 1 ? classNames[index % classNames.length] : classNames[index];
+    },
     changeDate() {
       this.queryData();
     },
@@ -94,7 +117,7 @@ export default {
           this.tableData = res.data.map((item) => {
             return {
               ...item,
-              avgDs: parseFloat(item.avgDs.toFixed(2))
+              avgDs: parseFloat(item.avgDs.toFixed(2)),
             };
           });
         }
@@ -152,7 +175,9 @@ export default {
         }
       }
       // 计算平均值, 保留两位小数
-      return (childList.reduce((a, b) => a + b, 0) / childList.length).toFixed(2);
+      return (childList.reduce((a, b) => a + b, 0) / childList.length).toFixed(
+        2
+      );
     },
     handleExport() {
       exportExcel("#dailyTable", `${this.day}-数据统计`);
@@ -161,6 +186,27 @@ export default {
 };
 </script>
 
+<style>
+.el-table .warning-row {
+  background: rgba(248,236,216,0.3);
+}
+
+.el-table .success-row {
+  background: rgba(225,243,216,0.3);
+}
+
+.el-table .error-row {
+  background: rgba(252,226,226,0.3);
+}
+
+.el-table .default-row {
+  background: rgba(201,226,255,0.3);
+}
+
+.el-table .info-row {
+  background: rgba(233,233,235,0.3);
+}
+</style>
 <style scoped>
 .daily-data {
   padding: 10px 20px;

From 5fd4b77bba2899e08043e3a879bcecb653e58d6f Mon Sep 17 00:00:00 2001
From: LokerL <loker80@qq.com>
Date: Sun, 13 Oct 2024 11:00:12 +0800
Subject: [PATCH 2/3] =?UTF-8?q?fix:=20=E6=9C=88=E5=BA=A6=E6=95=B0=E6=8D=AE?=
 =?UTF-8?q?-=E6=95=B0=E6=8D=AE=E6=80=BB=E8=A7=88=E5=8E=BB=E9=99=A4?=
 =?UTF-8?q?=E9=AB=98=E4=BD=8E=E6=8A=A5=E5=80=BC=EF=BC=9B=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?=E5=90=8D=E7=A7=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../monthData/data-overview.vue               | 32 +++++++++----------
 1 file changed, 15 insertions(+), 17 deletions(-)

diff --git a/ruoyi-ui/src/views/dataStatistics/monthData/data-overview.vue b/ruoyi-ui/src/views/dataStatistics/monthData/data-overview.vue
index 848eea6..20785df 100644
--- a/ruoyi-ui/src/views/dataStatistics/monthData/data-overview.vue
+++ b/ruoyi-ui/src/views/dataStatistics/monthData/data-overview.vue
@@ -30,7 +30,17 @@
         :border="true"
         :header-cell-style="headerStyle"
       >
-        <el-table-column prop="month" label="名称">
+        <!-- <el-table-column  label="港区">
+          <template slot-scope="scope">
+            {{ deptName }}
+          </template>
+        </el-table-column>
+        <el-table-column  label="月份">
+          <template slot-scope="scope">
+            <span>{{ dateValue.replace("-", "年") }}月</span>
+          </template>
+        </el-table-column> -->
+        <el-table-column prop="month" label="名称" align="center">
           <template slot-scope="scope">
             {{ getTableFirstColumnName(scope.row) }}
           </template>
@@ -41,18 +51,6 @@
           align="center"
           :formatter="dataFormatter"
         ></el-table-column>
-        <el-table-column
-          prop="avgDbz"
-          label="低报值"
-          align="center"
-          :formatter="dataFormatter"
-        ></el-table-column>
-        <el-table-column
-          prop="avgGbz"
-          label="高报值"
-          align="center"
-          :formatter="dataFormatter"
-        ></el-table-column>
       </el-table>
       <el-table
         :data="cmDeviceDs"
@@ -120,10 +118,10 @@ export default {
       this.queryData();
     },
     getTableFirstColumnName(row) {
-      if (row.month && row.month === this.month) {
+      if (row.month && row.month === this.dateValue) {
         return "本月均值";
       }
-      if (row.month && row.month !== this.month) {
+      if (row.month && row.month !== this.dateValue) {
         return "上月均值";
       }
       return "变化率";
@@ -172,8 +170,8 @@ export default {
       const ws_name = "SheetJS";
       const ws_data = [
         [filename],
-        ["名称", "读数", "低报值", "高报值"],
-        ...this.overViewTableData.map(row => [this.getTableFirstColumnName(row), row.avgDs, row.avgDbz, row.avgGbz]),
+        ["名称", "读数",],
+        ...this.overViewTableData.map(row => [this.getTableFirstColumnName(row), row.avgDs,]),
         ["港区", "企业", "编号", "平均值"],
         ...this.cmDeviceDs.map(row => [row.gangQu, row.deptName, row.sn, row.avgDs]),
       ];

From ccc3d7c6165fca5dc20900778909eac075e0d43d Mon Sep 17 00:00:00 2001
From: LokerL <loker80@qq.com>
Date: Sun, 13 Oct 2024 11:07:35 +0800
Subject: [PATCH 3/3] =?UTF-8?q?feat:=20=E6=95=B0=E6=8D=AE=E7=BB=9F?=
 =?UTF-8?q?=E8=AE=A1-=E5=AF=B9=E6=AF=94=E5=88=86=E6=9E=90=EF=BC=8C?=
 =?UTF-8?q?=E6=8C=89=E6=9C=88=E4=BB=BD=E6=8E=92=E5=BA=8F=E6=95=B0=E6=8D=AE?=
 =?UTF-8?q?=E5=B9=B6=E6=9B=B4=E6=96=B0=E5=9B=BE=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

按照月份正确排序数据，并更新图表以反映排序后的数据。
---
 .../views/dataStatistics/comparison/index.vue  | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/ruoyi-ui/src/views/dataStatistics/comparison/index.vue b/ruoyi-ui/src/views/dataStatistics/comparison/index.vue
index 1c21d19..ae7b684 100644
--- a/ruoyi-ui/src/views/dataStatistics/comparison/index.vue
+++ b/ruoyi-ui/src/views/dataStatistics/comparison/index.vue
@@ -102,7 +102,23 @@ export default {
         return;
       }
       const { data } = res;
-      this.chartData.series.data = Object.keys(data).map((key) => {
+      // 按照 month 正确排序
+       function sortDataByMonth(data) {
+        // 遍历对象的每个键
+        for (const key in data) {
+          if (data.hasOwnProperty(key)) {
+            // 对每个键对应的数组进行排序
+            data[key].sort((a, b) => {
+              // 比较 month 属性
+              return new Date(a.month) - new Date(b.month);
+            });
+          }
+        }
+        return data;
+      }
+      const sortedData = sortDataByMonth(data);
+
+      this.chartData.series.data = Object.keys(sortedData).map((key) => {
         return {
           name: this.deptList.find((item) => item.deptId === parseInt(key))?.deptName,
           type: "line",