From f813b951de4f63e6ef084f0c87a85f48dad232c1 Mon Sep 17 00:00:00 2001
From: selia-zx <1771203023@qq.com>
Date: Tue, 21 Oct 2025 17:52:13 +0800
Subject: [PATCH] =?UTF-8?q?1.=E4=BF=AE=E6=94=B9=E9=A3=8E=E6=9F=9C=E7=9B=91?=
 =?UTF-8?q?=E6=B5=8B=E7=B3=BB=E7=BB=9F-=E6=96=B0=E9=A3=8E=E9=98=80?=
 =?UTF-8?q?=E7=9A=84=E6=95=B0=E6=8D=AE=E9=83=A8=E5=88=86=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E6=94=B9=E4=B8=BA=E7=BB=BF=E8=89=B2=202.=E6=96=B0=E5=A2=9E?=
 =?UTF-8?q?=E6=B0=B4=E7=94=B5=E8=A1=A8=E6=8A=84=E8=A1=A8=E8=AE=B0=E5=BD=95?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=EF=BC=8C=E5=86=99=E9=A1=B5=E9=9D=A2=E5=AF=B9?=
 =?UTF-8?q?=E6=8E=A5=E9=80=BB=E8=BE=91=203.=E4=BD=BF=E7=94=A8element?=
 =?UTF-8?q?=E7=9A=84=E5=A4=9A=E8=A1=8C=E6=88=96=E5=A4=9A=E5=88=97=E5=85=B1?=
 =?UTF-8?q?=E7=94=A8=E4=B8=80=E4=B8=AA=E6=95=B0=E6=8D=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/comprehensiveEnergy/meterRecord.js    |  19 +
 src/assets/icons/svg/meterRecord.svg          |   1 +
 .../awSysMonitor/components/damperMonitor.vue |  68 +-
 .../comprehensiveEnergy/meterRecord/index.vue | 709 ++++++++++++++++++
 4 files changed, 768 insertions(+), 29 deletions(-)
 create mode 100644 src/api/comprehensiveEnergy/meterRecord.js
 create mode 100644 src/assets/icons/svg/meterRecord.svg
 create mode 100644 src/views/comprehensiveEnergy/meterRecord/index.vue

diff --git a/src/api/comprehensiveEnergy/meterRecord.js b/src/api/comprehensiveEnergy/meterRecord.js
new file mode 100644
index 0000000..ab9c6bd
--- /dev/null
+++ b/src/api/comprehensiveEnergy/meterRecord.js
@@ -0,0 +1,19 @@
+import request from "@/utils/request";
+
+export const meterReadingsList = (data) => {
+  return request({
+    url: "/reportMeterReadings/list",
+    method: "post",
+    data: data,
+  });
+};
+
+// 导出
+export const meterReadingsExport = (data) => {
+  return request({
+    url: "/reportMeterReadings/export",
+    method: "post",
+    data,
+    responseType: "blob",
+  });
+};
diff --git a/src/assets/icons/svg/meterRecord.svg b/src/assets/icons/svg/meterRecord.svg
new file mode 100644
index 0000000..943d6f3
--- /dev/null
+++ b/src/assets/icons/svg/meterRecord.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1761011231553" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2521" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M925.425633 514.798111a38.910648 38.910648 0 0 0-25.59911-9.727662 38.398666 38.398666 0 0 0-28.415013 12.543564l-138.747178 153.594662a62.973812 62.973812 0 0 0-62.973812 62.973812 38.398666 38.398666 0 0 0 0 5.631804l-28.926995 31.742897a38.398666 38.398666 0 0 0 56.830026 51.198221l24.319155-26.879066a69.373589 69.373589 0 0 0 10.239644 0 62.973812 62.973812 0 0 0 63.229802-63.229802A66.045705 66.045705 0 0 0 793.590215 716.775092l106.74829-117.243926a214.008563 214.008563 0 1 1-167.674173-80.893189 38.398666 38.398666 0 0 0 0-76.797331 291.061886 291.061886 0 1 0 192.50531 72.701474z" p-id="2522"></path><path d="M365.317097 732.902532a367.859217 367.859217 0 0 1 367.603226-367.603226 112.124104 112.124104 0 0 1 38.398666 6.655769v-207.352795a38.398666 38.398666 0 0 0-38.398666-38.398666H455.681957V63.997776A63.997776 63.997776 0 0 0 391.684181 0H64.015567A63.997776 63.997776 0 0 0 0.017791 63.997776v921.567976A38.398666 38.398666 0 0 0 38.416457 1023.964417h470.51165a366.835252 366.835252 0 0 1-143.61101-291.061885zM293.639588 793.572423H167.179982a38.398666 38.398666 0 0 1 0-76.797331h126.459606a38.398666 38.398666 0 0 1 0 76.797331z m0-255.991104H167.179982a38.398666 38.398666 0 0 1 0-76.797331h126.459606a38.398666 38.398666 0 0 1 0 76.797331z m0-255.991104H167.179982a38.398666 38.398666 0 0 1 0-76.797332h126.459606a38.398666 38.398666 0 0 1 0 76.797332z" p-id="2523"></path></svg>
\ No newline at end of file
diff --git a/src/views/aircAndWindc/awSysMonitor/components/damperMonitor.vue b/src/views/aircAndWindc/awSysMonitor/components/damperMonitor.vue
index 07cbd4c..4d50a57 100644
--- a/src/views/aircAndWindc/awSysMonitor/components/damperMonitor.vue
+++ b/src/views/aircAndWindc/awSysMonitor/components/damperMonitor.vue
@@ -458,7 +458,10 @@
             >
             </el-switch>
           </div> -->
-          <div class="context-li" v-if="isObjectValid(damperHzBackObj)">
+          <div
+            class="context-li greenContext"
+            v-if="isObjectValid(damperHzBackObj)"
+          >
             <div :class="getTextClass(damperHzBackObj, 'wind-text')">
               风机频率反馈:
             </div>
@@ -515,28 +518,14 @@
           </div>
         </div>
         <div class="fan-satatus2">
-          <div class="context-li" v-if="isObjectValid(waterValveObj)">
+          <div
+            class="context-li greenContext"
+            v-if="isObjectValid(waterValveObj)"
+          >
             <div :class="getTextClass(waterValveObj, 'wind-text')">
               水阀反馈
             </div>
-            <el-form @submit.native.prevent>
-              <el-form-item>
-                <el-input
-                  @keyup.enter.native="handleEnter(waterValveObj, $event, '%')"
-                  @input="handleInput(waterValveObj)"
-                  @blur="handleBlur()"
-                  v-model="waterValveObj.collectValue"
-                  disabled
-                  size="mini"
-                >
-                  <svg-icon
-                    slot="prefix"
-                    icon-class="percentage-icon"
-                    class="percentage-icon"
-                  />
-                </el-input>
-              </el-form-item>
-            </el-form>
+            <div>{{ waterValveObj.collectValue }}%</div>
           </div>
         </div>
         <div class="fan-satatus2-set">
@@ -738,9 +727,7 @@
             !automaticObj.collectValue
           "
         >
-          <div v-if="remoteManualObj.collectValue" class="off-bg">
-            运行
-          </div>
+          <div v-if="remoteManualObj.collectValue" class="off-bg">运行</div>
           <div v-else class="off-bg">停止</div>
         </div>
         <!-- 时间表启停 -->
@@ -2151,12 +2138,17 @@ export default {
     align-items: center;
     font-size: 0.18rem;
     .wind-text {
-      color: #00d2ff;
+      //color: #00d2ff;
+      color: #39f833;
       font-size: 0.18rem;
+      font-weight: bold;
       white-space: nowrap;
     }
     .back-text {
       margin-right: 0.1rem;
+      color: #39f833;
+      font-size: 0.18rem;
+      font-weight: bold;
     }
   }
   .dampers-position2 {
@@ -2237,12 +2229,16 @@ export default {
     align-items: center;
     font-size: 0.18rem;
     .wind-text {
-      color: #00d2ff;
+      color: #39f833;
       font-size: 0.18rem;
+      font-weight: bold;
       white-space: nowrap;
     }
     .back-text {
       margin-right: 0.1rem;
+      color: #39f833;
+      font-size: 0.18rem;
+      font-weight: bold;
     }
   }
   .dampers-position7 {
@@ -2323,12 +2319,16 @@ export default {
     align-items: center;
     font-size: 0.18rem;
     .wind-text {
-      color: #00d2ff;
+      color: #39f833;
       font-size: 0.18rem;
+      font-weight: bold;
       white-space: nowrap;
     }
     .back-text {
       margin-right: 0.1rem;
+      color: #39f833;
+      font-size: 0.18rem;
+      font-weight: bold;
     }
   }
   .dampers-position11 {
@@ -2440,9 +2440,14 @@ export default {
       display: flex;
       flex-direction: row;
       align-items: center;
+      color: #00d2ff;
+    }
+    .greenContext {
+      color: #39f833;
+      font-size: 0.18rem;
+      font-weight: bold;
     }
     .wind-text {
-      color: #00d2ff;
       font-size: 0.18rem;
       margin-right: 0.15rem;
       white-space: nowrap;
@@ -2450,7 +2455,7 @@ export default {
   }
   .fan-satatus2-set {
     position: absolute;
-    top: 5.8rem;
+    top: 5.7rem;
     left: 3.5rem;
     display: flex;
     flex-direction: column;
@@ -2485,9 +2490,14 @@ export default {
       flex-direction: row;
       align-items: center;
       font-size: 0.18rem;
+      color: #00d2ff;
+    }
+    .greenContext {
+      color: #39f833;
+      font-size: 0.18rem;
+      font-weight: bold;
     }
     .wind-text {
-      color: #00d2ff;
       font-size: 0.18rem;
       margin-right: 0.15rem;
       white-space: nowrap;
diff --git a/src/views/comprehensiveEnergy/meterRecord/index.vue b/src/views/comprehensiveEnergy/meterRecord/index.vue
new file mode 100644
index 0000000..0cf1c98
--- /dev/null
+++ b/src/views/comprehensiveEnergy/meterRecord/index.vue
@@ -0,0 +1,709 @@
+<template>
+  <div class="app-container">
+    <div class="btn-condition">
+      <div class="condition-left" v-show="showSearch">
+        <el-form
+          :model="queryParams"
+          ref="queryForm"
+          size="small"
+          :inline="true"
+        >
+          <el-form-item label="日期" prop="msgCode">
+            <el-date-picker
+              style="width: auto"
+              v-model="dayValue"
+              type="date"
+              placeholder="选择日"
+              value-format="yyyy-MM-dd"
+            >
+            </el-date-picker>
+          </el-form-item>
+        </el-form>
+        <div class="primary-btn">
+          <el-button
+            type="primary"
+            icon="el-icon-search"
+            size="mini"
+            @click="handleQuery"
+            >搜索</el-button
+          >
+        </div>
+        <div class="warning-btn">
+          <el-button
+            type="warning"
+            icon="el-icon-download"
+            size="mini"
+            @click="handleExport"
+            >导出</el-button
+          >
+        </div>
+      </div>
+    </div>
+    <div class="meter-Context">
+      <div class="meter-li">最高气温:{{ heightValue }}℃</div>
+      <div class="meter-li">最低气温:{{ lowValue }}℃</div>
+      <!-- <div class="meter-li">住房量:108间</div> -->
+    </div>
+    <el-table
+      :data="tableData"
+      :span-method="arraySpanMethod"
+      :cell-style="tableRowStyle"
+      border
+      style="width: 100%"
+      v-loading="loading"
+    >
+      <el-table-column prop="mtType" label="名称" width="180">
+        <template #default="{ row, $index }">
+          <!-- 当是第 27 行时，显示 amount7费用 的值 -->
+          <span
+            v-if="
+              $index === 8 ||
+              $index === 13 ||
+              $index === 18 ||
+              $index === 21 ||
+              $index === 23 ||
+              $index === 25 ||
+              $index === 26
+            "
+            >{{ row.location }}</span
+          >
+          <!-- 否则显示合计的值 -->
+          <span v-else>{{ row.mtType }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="location" label="位置"> </el-table-column>
+      <el-table-column prop="mtNum" sortable label="编号"> </el-table-column>
+      <el-table-column prop="yesterdayReading" sortable label="昨日读数">
+      </el-table-column>
+      <el-table-column prop="todayReading" sortable label="今日读数">
+      </el-table-column>
+      <el-table-column prop="mtRatio" sortable label="倍率"> </el-table-column>
+      <el-table-column prop="total" sortable label="合计">
+        <template #default="{ row, $index }">
+          <!-- 当是第 27 行时，显示 amount7费用 的值 -->
+          <span v-if="$index === 26">{{ row.cost }}</span>
+          <!-- 否则显示合计的值 -->
+          <span v-else>{{ row.total }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="unitPrice" sortable label="单价"> </el-table-column>
+      <el-table-column prop="cost" sortable label="费用"> </el-table-column>
+    </el-table>
+
+    <el-table
+      :data="tableData2"
+      :span-method="objectSpanMethod"
+      border
+      style="width: 100%; margin-top: 20px"
+    >
+      <el-table-column prop="mtType" label="" width="180"> </el-table-column>
+      <el-table-column prop="location" label="分项"> </el-table-column>
+      <el-table-column prop="yesterdayReading" label="昨日流量"> </el-table-column>
+      <el-table-column prop="todayReading" label="今日流量"> </el-table-column>
+      <el-table-column prop="total" label="用量"> </el-table-column>
+      <el-table-column prop="remake" label="备注"> </el-table-column>
+    </el-table>
+  </div>
+</template>
+
+<script>
+import { weatherTempData } from "@/api/centerairC/temHistory";
+import {
+  meterReadingsList,
+  meterReadingsExport,
+} from "@/api/comprehensiveEnergy/meterRecord";
+
+export default {
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 表格数据
+      postList: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 0,
+        pageSize: 10,
+        startTime: "",
+        endTime: "",
+      },
+      dayValue: "",
+      monthValue: "",
+      lowValue: "", //最低温度
+      heightValue: "", // 最高温度
+      tableData: [
+        {
+          id: "电表",
+          name: "位置1",
+          amount1: "编号1",
+          amount2: "234.132",
+          amount3: 192.72,
+          amount4: 1,
+          amount5: 345,
+          amount6: 0.678,
+          amount7: 150,
+        },
+        {
+          id: "电表",
+          name: "位置2",
+          amount1: "编号2",
+          amount2: "234.132",
+          amount3: 192.72,
+          amount4: 1,
+          amount5: 345,
+          amount6: 0.678,
+          amount7: 150,
+        },
+        {
+          id: "电表",
+          name: "位置3",
+          amount1: "编号3",
+          amount2: "234.132",
+          amount3: 192.72,
+          amount4: 1,
+          amount5: 345,
+          amount6: 0.678,
+          amount7: 150,
+        },
+        {
+          id: "电表",
+          name: "位置4",
+          amount1: "编号4",
+          amount2: "234.132",
+          amount3: 192.72,
+          amount4: 1,
+          amount5: 345,
+          amount6: 0.678,
+          amount7: 150,
+        },
+        {
+          id: "电表",
+          name: "位置5",
+          amount1: "编号5",
+          amount2: "234.132",
+          amount3: 192.72,
+          amount4: 1,
+          amount5: 345,
+          amount6: 0.678,
+          amount7: 150,
+        },
+        {
+          id: "电表",
+          name: "位置6",
+          amount1: "编号6",
+          amount2: "234.132",
+          amount3: 192.72,
+          amount4: 1,
+          amount5: 345,
+          amount6: 0.678,
+          amount7: 150,
+        },
+        {
+          id: "电表",
+          name: "位置7",
+          amount1: "编号7",
+          amount2: "234.132",
+          amount3: 192.72,
+          amount4: 1,
+          amount5: 345,
+          amount6: 0.678,
+          amount7: 150,
+        },
+        {
+          id: "电表",
+          name: "位置8",
+          amount1: "编号8",
+          amount2: "234.132",
+          amount3: 192.72,
+          amount4: 1,
+          amount5: 345,
+          amount6: 0.678,
+          amount7: 150,
+        },
+        {
+          id: "空调系统用电总合计",
+          name: "位置9",
+          amount1: "编号9",
+          amount2: "234.132",
+          amount3: 192.72,
+          amount4: 1,
+          amount5: 345,
+          amount6: 0.678,
+          amount7: 150,
+        },
+        {
+          id: "电表",
+          name: "位置10",
+          amount1: "编号10",
+          amount2: "234.132",
+          amount3: 192.72,
+          amount4: 1,
+          amount5: 345,
+          amount6: 0.678,
+          amount7: 150,
+        },
+        {
+          id: "电表",
+          name: "位置11",
+          amount1: "编号11",
+          amount2: "234.132",
+          amount3: 192.72,
+          amount4: 1,
+          amount5: 345,
+          amount6: 0.678,
+          amount7: 150,
+        },
+        {
+          id: "电表",
+          name: "位置12",
+          amount1: "编号12",
+          amount2: "234.132",
+          amount3: 192.72,
+          amount4: 1,
+          amount5: 345,
+          amount6: 0.678,
+          amount7: 150,
+        },
+        {
+          id: "电表",
+          name: "位置13",
+          amount1: "编号13",
+          amount2: "234.132",
+          amount3: 192.72,
+          amount4: 1,
+          amount5: 345,
+          amount6: 0.678,
+          amount7: 150,
+        },
+        {
+          id: "热水热泵系统用电总合计",
+          name: "位置14",
+          amount1: "编号14",
+          amount2: "234.132",
+          amount3: 192.72,
+          amount4: 1,
+          amount5: 345,
+          amount6: 0.678,
+          amount7: 150,
+        },
+        {
+          id: "水表",
+          name: "位置15",
+          amount1: "编号15",
+          amount2: "234.132",
+          amount3: 192.72,
+          amount4: 1,
+          amount5: 345,
+          amount6: 0.678,
+          amount7: 150,
+        },
+        {
+          id: "水表",
+          name: "位置16",
+          amount1: "编号16",
+          amount2: "234.132",
+          amount3: 192.72,
+          amount4: 1,
+          amount5: 345,
+          amount6: 0.678,
+          amount7: 150,
+        },
+        {
+          id: "水表",
+          name: "位置17",
+          amount1: "编号17",
+          amount2: "234.132",
+          amount3: 192.72,
+          amount4: 1,
+          amount5: 345,
+          amount6: 0.678,
+          amount7: 150,
+        },
+        {
+          id: "水表",
+          name: "位置18",
+          amount1: "编号18",
+          amount2: "234.132",
+          amount3: 192.72,
+          amount4: 1,
+          amount5: 345,
+          amount6: 0.678,
+          amount7: 150,
+        },
+        {
+          id: "热水热泵系统用水总合计",
+          name: "位置19",
+          amount1: "编号19",
+          amount2: "234.132",
+          amount3: 192.72,
+          amount4: 1,
+          amount5: 345,
+          amount6: 0.678,
+          amount7: 150,
+        },
+        {
+          id: "燃气表(常用)",
+          name: "位置20",
+          amount1: "编号20",
+          amount2: "234.132",
+          amount3: 192.72,
+          amount4: 1,
+          amount5: 345,
+          amount6: 0.678,
+          amount7: 150,
+        },
+
+        {
+          id: "燃气表(备用)",
+          name: "位置21",
+          amount1: "编号21",
+          amount2: "234.132",
+          amount3: 192.72,
+          amount4: 1,
+          amount5: 345,
+          amount6: 0.678,
+          amount7: 150,
+        },
+        {
+          id: "蒸汽发生器+采暖用气总合计",
+          name: "位置22",
+          amount1: "编号22",
+          amount2: "234.132",
+          amount3: 192.72,
+          amount4: 1,
+          amount5: 345,
+          amount6: 0.678,
+          amount7: 150,
+        },
+        {
+          id: "电表",
+          name: "位置23",
+          amount1: "编号23",
+          amount2: "234.132",
+          amount3: 192.72,
+          amount4: 1,
+          amount5: 345,
+          amount6: 0.678,
+          amount7: 150,
+        },
+        {
+          id: "蒸汽发生器+采暖用电总合计",
+          name: "位置24",
+          amount1: "编号24",
+          amount2: "234.132",
+          amount3: 192.72,
+          amount4: 1,
+          amount5: 345,
+          amount6: 0.678,
+          amount7: 150,
+        },
+        {
+          id: "电表",
+          name: "位置25",
+          amount1: "编号25",
+          amount2: "234.132",
+          amount3: 192.72,
+          amount4: 1,
+          amount5: 345,
+          amount6: 0.678,
+          amount7: 150,
+        },
+        {
+          id: "蒸汽发生器用水总合计",
+          name: "位置26",
+          amount1: "编号26",
+          amount2: "234.132",
+          amount3: 192.72,
+          amount4: 1,
+          amount5: 345,
+          amount6: 0.678,
+          amount7: 150,
+        },
+        {
+          id: "水、电、气费用总合计(水/电/气价预估单价，单价需以实际缴费为准)",
+          name: "位置27",
+          amount1: "编号27",
+          amount2: "234.132",
+          amount3: 192.72,
+          amount4: 1,
+          amount5: 345,
+          amount6: 0.678,
+          amount7: 150,
+        },
+      ],
+      tableData2: [
+        {
+          id: "流量计量表",
+          name: "中央空调冷冻流量",
+          amount1: "0",
+          amount2: "0",
+          amount3: 0,
+          amount4: "",
+        },
+        {
+          id: "3",
+          name: "中央空调冷却流量",
+          amount1: "0",
+          amount2: "0",
+          amount3: 0,
+          amount4: "",
+        },
+        {
+          id: "4",
+          name: "中央空调采暖流量",
+          amount1: "0",
+          amount2: "0",
+          amount3: 0,
+          amount4: "",
+        },
+        {
+          id: "1",
+          name: "蒸汽流量",
+          amount1: "0",
+          amount2: "0",
+          amount3: 0,
+          amount4: "",
+        },
+      ],
+    };
+  },
+  created() {
+    // 获取当前日期
+    const currentDate = new Date();
+    // 获取当前年份
+    const year = currentDate.getFullYear();
+    // 获取当前月份，注意月份是从 0 开始的，所以要加 1
+    const month = String(currentDate.getMonth() + 1).padStart(2, "0");
+    // 获取当前日期中的“天”，并进行补零处理
+    const day = String(currentDate.getDate()).padStart(2, "0");
+    // 格式化日期为 yyyy-MM-dd 格式
+    this.dayValue = `${year}-${month}-${day}`;
+    this.monthValue = `${year}-${month}`;
+  },
+  mounted() {
+    this.getList();
+  },
+  methods: {
+    tableRowStyle({ row, column, rowIndex, columnIndex }) {
+      // 修改颜色
+      //   if (columnIndex === 1) {
+      //     return "color: #fd1e00;!important;text-align:center";
+      //   }
+      //   if (columnIndex === 2) {
+      //     return "color: #3390ff;!important;text-align:center";
+      //   }
+      if (
+        rowIndex === 8 ||
+        rowIndex === 13 ||
+        rowIndex === 18 ||
+        rowIndex === 21 ||
+        rowIndex === 23 ||
+        rowIndex === 25 ||
+        rowIndex === 26
+      ) {
+        return "color: #75d148;!important;font-weight: bold;background-color: rgba(0, 71, 125, 0.4)";
+      }
+    },
+    // 表格1合计内容
+    arraySpanMethod({ row, column, rowIndex, columnIndex }) {
+      //   console.log("打印", row, column, rowIndex, columnIndex);
+      //   //   rowIndex表示→方向相当于x轴     columnIndex表示↓方向相当于y轴
+      //   //   rowIndex % 2 === 0表示偶数行
+      //   if (rowIndex % 2 === 0) {
+      //     // 如果偶数行的列为0，则
+      //     if (columnIndex === 0) {
+      //       // 第一列和第二列合并
+      //       return [1, 2];
+      //     } else if (columnIndex === 1) {
+      //       // 返回 [0, 0] 表示当前单元格不显示，不合并
+      //       return [0, 0];
+      //     }
+      //   }
+      if (
+        rowIndex === 8 ||
+        rowIndex === 13 ||
+        rowIndex === 18 ||
+        rowIndex === 21 ||
+        rowIndex === 23 ||
+        rowIndex === 25
+      ) {
+        if (columnIndex === 0) {
+          // 当 rowIndex 为 8 且 columnIndex 为 0 时，合并 1 行 6 列
+          return [1, 6];
+        } else if (columnIndex < 6) {
+          // 当 rowIndex 为 8 且 columnIndex 小于 6 时，隐藏该单元格
+          return [0, 0];
+        }
+      }
+      if (rowIndex === 26) {
+        if (columnIndex < 6) {
+          if (columnIndex === 0) {
+            // 前六列合并，第一列设置合并规则
+            return [1, 6];
+          } else {
+            // 除第一列外的前六列其他列隐藏
+            return [0, 0];
+          }
+        } else if (columnIndex >= 6) {
+          if (columnIndex === 6) {
+            // 后三列合并，第七列设置合并规则
+            return [1, 3];
+          } else {
+            // 除第七列外的后三列其他列隐藏
+            return [0, 0];
+          }
+        }
+      }
+      // 其他情况不做处理
+      return [1, 1];
+    },
+    // 表格2合计内容
+    objectSpanMethod({ row, column, rowIndex, columnIndex }) {
+      if (columnIndex === 0) {
+        if (rowIndex === 0) {
+          return {
+            rowspan: 4,
+            colspan: 1,
+          };
+        } else {
+          return {
+            rowspan: 0,
+            colspan: 0,
+          };
+        }
+      }
+    },
+    /** 查询表格数据 */
+    getList() {
+      this.loading = true;
+      if (!this.dayValue) {
+        this.$modal.msgWarning("请选择日期!");
+        return;
+      }
+      let data = {
+        todayTimestamp: `${this.dayValue} 00:00:00`,
+      };
+      meterReadingsList(data).then((res) => {
+        console.log("列表返回", res);
+        if (res.code == 200 && res.rows) {
+          this.tableData = res.rows.slice(0, 27);
+          this.tableData2 = res.rows.slice(27, 31);
+        } else {
+          this.tableData = [];
+          this.tableData2 = [];
+        }
+      });
+      //   处理表格数据
+      this.loading = false;
+      //查询温度
+      this.getTemValue();
+    },
+    getTemValue() {
+      if (this.dayValue) {
+        // 处理月参数
+        const parts = this.dayValue.split("-");
+        this.monthValue = `${parts[0]}-${parts[1]}`;
+      }
+      this.queryParams.startTime = this.queryParams.endTime = this.monthValue;
+      console.log("参数", this.queryParams);
+      weatherTempData(this.queryParams).then((response) => {
+        let data = response.rows;
+        // console.log("this.dayValue", this.dayValue);
+        if (data && data.length > 0) {
+          data.forEach((item) => {
+            if (item.dateAndWeek) {
+              let objectDate = item.dateAndWeek.split(" ")[0];
+              //   console.log(" objectDate", objectDate);
+              if (objectDate == this.dayValue) {
+                this.lowValue = item.minTemp;
+                this.heightValue = item.maxTemp;
+                console.log("最低气温", this.lowValue);
+                console.log("最高气温", this.heightValue);
+              }
+            }
+          });
+        }
+      });
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.getList();
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      let data = {
+        todayTimestamp: this.dayValue,
+      };
+      console.log("导出数据参数", data);
+      meterReadingsExport(data).then((res) => {
+        console.log("导出返回", res);
+        if (res) {
+          // 请求的结果就是文件
+          // 创建一个blob URL，用于生成下载链接
+          const url = window.URL.createObjectURL(new Blob([res]));
+          // 创建一个<a>元素，并设置其href和download属性
+          const link = document.createElement("a");
+          link.href = url;
+          link.setAttribute("download", "水电表抄表记录.xls"); // 设置下载的文件名
+          // 模拟点击下载链接
+          document.body.appendChild(link);
+          link.click();
+          document.body.removeChild(link);
+          // 释放blob URL资源
+          window.URL.revokeObjectURL(url);
+          this.$message({
+            type: "success",
+            message: "导出成功!",
+          });
+        } else {
+          this.$message.error("导出失败!");
+        }
+      });
+      // .catch((err) => {
+      //     this.$message.error('导出失败!');
+      // })
+    },
+  },
+};
+</script>
+<style scoped>
+.app-container >>> .el-table th.el-table__cell.is-leaf,
+.app-container >>> .el-table td.el-table__cell {
+  border-bottom: 1px solid #000000 !important;
+}
+.app-container >>> .el-table--border .el-table__cell {
+  border-right: 1px solid #000000 !important;
+}
+</style>
+<style lang="scss" scoped>
+.meter-Context {
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  border: 1px solid #000000 !important;
+  padding: 0 30px;
+  .meter-li {
+    line-height: 23px;
+    padding: 10px 0;
+    height: 45px;
+    color: #ffffff;
+    font-size: 14px;
+    margin-right: 30px;
+  }
+}
+</style>