From 2be46cee386caa27417c40809ba5db667f36112d Mon Sep 17 00:00:00 2001
From: zch <zangch@mesnac.com>
Date: Tue, 4 Mar 2025 10:59:16 +0800
Subject: [PATCH] =?UTF-8?q?feat(ems):=20=E5=A2=9E=E5=8A=A0=E9=87=87?=
 =?UTF-8?q?=E9=9B=86=E6=97=B6=E9=97=B4=E5=92=8C=E8=AE=B0=E5=BD=95=E6=97=B6?=
 =?UTF-8?q?=E9=97=B4=E7=9A=84=E9=80=89=E6=8B=A9=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在多个组件中添加采集日期范围和采集时间范围的选择器
- 修改查询参数以包含采集时间和记录时间
- 优化时间范围的默认值设置
- 调整时间格式以适应后端接口要求
---
 .../base/baseMonitorInfoIOTDevice/index.vue   |  17 ++-
 .../ems/record/recordSteamInstant/index.vue   |  81 ++++++-----
 .../ems/report/currentSteamCurve/index.vue    |  56 +++++--
 .../ems/report/pointSteamCurve/index.vue      |  87 ++++++-----
 .../ems/report/reportPointSteam/index.vue     | 137 ++++++++++++------
 5 files changed, 238 insertions(+), 140 deletions(-)

diff --git a/src/views/ems/base/baseMonitorInfoIOTDevice/index.vue b/src/views/ems/base/baseMonitorInfoIOTDevice/index.vue
index 5eef614..476daef 100644
--- a/src/views/ems/base/baseMonitorInfoIOTDevice/index.vue
+++ b/src/views/ems/base/baseMonitorInfoIOTDevice/index.vue
@@ -56,9 +56,14 @@
       <el-table-column label="父级编号" prop="parentId" v-if="columns[1].visible" />
       <el-table-column label="计量设备编号" align="center" prop="monitorCode" v-if="columns[2].visible" />
       <el-table-column label="计量设备名称" align="center" prop="monitorName" v-if="columns[3].visible" />
-      <el-table-column label="能源类型" align="center" prop="monitorType" v-if="columns[4].visible">
+<!--      <el-table-column label="能源类型" align="center" prop="monitorType" v-if="columns[4].visible">
         <template slot-scope="scope">
-          {{ dict.type.monitor_type.find(e=>e.value == scope.row.monitorType).label}}
+          <dict-tag :options="dict.type.monitor_info_monitor_status || []" :value="scope.row.monitorStatus" />
+        </template>
+      </el-table-column>-->
+      <el-table-column label="能源类型" align="center" prop="monitorType" v-if="columns[4].visible && form.monitorType !== 1">
+        <template slot-scope="scope">
+          <span>{{ getEnergyTypeName(scope.row.monitorType) }}</span>
         </template>
       </el-table-column>
       <el-table-column label="计量设备位置" align="center" prop="monitorAddr" v-if="columns[5].visible" />
@@ -412,7 +417,13 @@ export default {
         this.getList();
         this.$modal.msgSuccess("删除成功");
       }).catch(() => { });
-    }
+    },
+
+    /** 获取能源类型名称 */
+    getEnergyTypeName(energyTypeId) {
+      const energyType = this.energyTypeList.find(item => item.energyTypeId === energyTypeId);
+      return energyType ? energyType.energyName : '';
+    },
   }
 };
 </script>
diff --git a/src/views/ems/record/recordSteamInstant/index.vue b/src/views/ems/record/recordSteamInstant/index.vue
index 780c59e..b79114d 100644
--- a/src/views/ems/record/recordSteamInstant/index.vue
+++ b/src/views/ems/record/recordSteamInstant/index.vue
@@ -49,7 +49,7 @@
               end-placeholder="结束时间"
             ></el-date-picker>
           </el-form-item>-->
-          <el-form-item label="记录时间">
+<!--          <el-form-item label="记录时间">
             <el-date-picker
               v-model="daterangeRecordTime"
               style="width: 340px"
@@ -59,7 +59,32 @@
               start-placeholder="开始时间"
               end-placeholder="结束时间"
             ></el-date-picker>
+          </el-form-item>-->
+
+          <el-form-item label="记录日期范围">
+            <el-date-picker
+              v-model="daterangeRecordTime"
+              style="width: 340px"
+              value-format="yyyy-MM-dd"
+              type="daterange"
+              range-separator="-"
+              start-placeholder="开始日期"
+              end-placeholder="结束日期"
+            ></el-date-picker>
           </el-form-item>
+          <el-form-item label="记录时间范围">
+            <el-time-picker
+              v-model="timerangeRecordTime"
+              style="width: 340px"
+              value-format="HH:mm:ss"
+              is-range
+              range-separator="-"
+              start-placeholder="开始时间"
+              end-placeholder="结束时间"
+            ></el-time-picker>
+          </el-form-item>
+
+
           <el-form-item>
             <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
             <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
@@ -290,6 +315,8 @@ export default {
       daterangeCollectTime: [],
       // 记录时间时间范围
       daterangeRecordTime: [],
+      // 时间范围
+      timerangeRecordTime: [],
       // 查询参数
       queryParams: {
         pageNum: 1,
@@ -336,6 +363,20 @@ export default {
 /*    const nowDate = parseTime(new Date(), '{y}-{m}-{d}')
     this.daterangeCollectTime[0] = nowDate + ' 00:00:00'
     this.daterangeCollectTime[1] = nowDate + ' 23:59:59'*/
+
+    const today = new Date();
+    const yesterday = new Date(today);
+    yesterday.setDate(today.getDate() - 1);
+
+    //时间默认为8点
+    /*     this.timerangeRecordTime = ['08:30:00', '08:30:00']; */
+    this.timerangeRecordTime[0] = '08:00:00';
+    this.timerangeRecordTime[1] = '08:00:00';
+
+    this.daterangeRecordTime[0] = parseTime(yesterday, '{y}-{m}-{d}') ;
+    this.daterangeRecordTime[1] = parseTime(today, '{y}-{m}-{d}') ;
+
+
     this.getTreeselect()
     this.getTreeMonitorInfo()
     this.getList()
@@ -372,12 +413,12 @@ export default {
       this.loading = true
       this.queryParams.params = {}
       if (null != this.daterangeCollectTime && '' != this.daterangeCollectTime) {
-        this.queryParams.params['beginCollectTime'] = this.daterangeCollectTime[0]
-        this.queryParams.params['endCollectTime'] = this.daterangeCollectTime[1]
+        this.queryParams.params['beginCollectTime'] =this.daterangeCollectTime[0] + ' ' + this.timerangeRecordTime[0];
+        this.queryParams.params['endCollectTime'] =this.daterangeCollectTime[1] + ' ' + this.timerangeRecordTime[1];
       }
       if (null != this.daterangeRecordTime && '' != this.daterangeRecordTime) {
-        this.queryParams.params['beginRecordTime'] = this.daterangeRecordTime[0]
-        this.queryParams.params['endRecordTime'] = this.daterangeRecordTime[1]
+        this.queryParams.params['beginRecordTime'] =this.daterangeRecordTime[0] + ' ' + this.timerangeRecordTime[0];
+        this.queryParams.params['endRecordTime'] = this.daterangeRecordTime[1] + 'T' + this.timerangeRecordTime[1];
       }
       listRecordSteamInstant(this.queryParams).then(response => {
         this.recordSteamInstantList = response.rows
@@ -514,36 +555,6 @@ export default {
     }
   }
 }
-/*
-
-function sortByPrefixOrder(data, order) {
-  // 将数据按前缀分组
-  const groupedData = {};
-  data.forEach(item => {
-    const prefix = item.code.split('_')[0];
-    if (!groupedData[prefix]) {
-      groupedData[prefix] = [];
-    }
-    groupedData[prefix].push(item);
-  });
-
-  // 按照特定顺序排序
-  const sortedData = [];
-  order.forEach(prefix => {
-    if (groupedData[prefix]) {
-      sortedData.push(...groupedData[prefix]);
-    }
-  });
-  // 处理不在特定顺序中的数据
-  data.forEach(item => {
-    if (!sortedData.includes(item)) {
-      sortedData.push(item);
-    }
-  });
-
-  return sortedData;
-}
-*/
 
 </script>
 <style scoped>
diff --git a/src/views/ems/report/currentSteamCurve/index.vue b/src/views/ems/report/currentSteamCurve/index.vue
index ede28b6..74cdf9f 100644
--- a/src/views/ems/report/currentSteamCurve/index.vue
+++ b/src/views/ems/report/currentSteamCurve/index.vue
@@ -39,6 +39,7 @@
           <!--              @keyup.enter.native="handleQuery"-->
           <!--            />-->
           <!--          </el-form-item>-->
+<!--
           <el-form-item label="采集时间">
             <el-date-picker
               v-model="daterangeCollectTime"
@@ -50,6 +51,31 @@
               end-placeholder="结束时间"
             ></el-date-picker>
           </el-form-item>
+-->
+
+          <el-form-item label="采集日期范围">
+            <el-date-picker
+              v-model="daterangeCollectTime"
+              style="width: 340px"
+              value-format="yyyy-MM-dd"
+              type="daterange"
+              range-separator="-"
+              start-placeholder="开始日期"
+              end-placeholder="结束日期"
+            ></el-date-picker>
+          </el-form-item>
+          <el-form-item label="采集时间范围">
+            <el-time-picker
+              v-model="timerangeRecordTime"
+              style="width: 340px"
+              value-format="HH:mm:ss"
+              is-range
+              range-separator="-"
+              start-placeholder="开始时间"
+              end-placeholder="结束时间"
+            ></el-time-picker>
+          </el-form-item>
+
           <el-form-item>
             <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
             <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
@@ -88,22 +114,14 @@ export default {
       //左侧树结构List
       monitorInfoOptions: [],
       workUnitName: undefined,
-
-/*
-      //树状结构按照客户给定顺序排序
-      monitorInfoOptionsData: [],
-      specificOrder: ["赛轮沈阳","公用橡胶","三像","维航","维",
-        "米其林高压","米其林低压","米其林","橡胶四厂",
-        "三聚凯特","世源","联盛","正兴","天峰药业","中科北方","沃得","管理中心","沈阳经济技术升发区管理委员会办","科创","博泰","亿纬","普利司通"
-      ], // 客户提供的特定顺序
-*/
-
       //左侧树结构 检索设备名称
       selectMonitorName: null,
       //计量设备信息
       baseMonitorInfoList: [],
       // 采集方式时间范围
       daterangeCollectTime: [],
+      //时间选择
+      timerangeRecordTime:[],
       // 遮罩层
       loading: true,
       // 选中数组
@@ -169,9 +187,17 @@ export default {
     }
   },
   created() {
-    const nowDate = parseTime(new Date(), '{y}-{m}-{d}')
-    this.daterangeCollectTime[0] = nowDate + ' 00:00:00'
-    this.daterangeCollectTime[1] = nowDate + ' 23:59:59'
+
+    const today = new Date();
+    const yesterday = new Date(today);
+    yesterday.setDate(today.getDate() - 1);
+
+    this.daterangeCollectTime[0] = parseTime(yesterday, '{y}-{m}-{d}') ;
+    this.daterangeCollectTime[1] = parseTime(today, '{y}-{m}-{d}') ;
+    //时间默认为8点
+    this.timerangeRecordTime[0] = '08:00:00';
+    this.timerangeRecordTime[1] = '08:00:00';
+
     this.getTreeselect()
     this.getTreeMonitorInfo()
     this.getList()
@@ -199,8 +225,8 @@ export default {
       this.loading = true
       this.queryParams.params = {}
       if (null != this.daterangeCollectTime && '' != this.daterangeCollectTime) {
-        this.queryParams.params['beginCollectTime'] = this.daterangeCollectTime[0]
-        this.queryParams.params['endCollectTime'] = this.daterangeCollectTime[1]
+        this.queryParams.params['beginCollectTime'] =this.daterangeCollectTime[0] + ' ' + this.timerangeRecordTime[0];
+        this.queryParams.params['endCollectTime'] =this.daterangeCollectTime[1] + ' ' + this.timerangeRecordTime[1];
       }
       this.getChart()
     },
diff --git a/src/views/ems/report/pointSteamCurve/index.vue b/src/views/ems/report/pointSteamCurve/index.vue
index 281dc59..00e1f86 100644
--- a/src/views/ems/report/pointSteamCurve/index.vue
+++ b/src/views/ems/report/pointSteamCurve/index.vue
@@ -38,7 +38,7 @@
           <!--              @keyup.enter.native="handleQuery"-->
           <!--            />-->
           <!--          </el-form-item>-->
-          <el-form-item label="记录时间">
+<!--          <el-form-item label="记录时间">
             <el-date-picker
               v-model="daterangeCollectTime"
               style="width: 340px"
@@ -48,7 +48,31 @@
               start-placeholder="开始时间"
               end-placeholder="结束时间"
             ></el-date-picker>
+          </el-form-item>-->
+
+          <el-form-item label="采集日期范围">
+            <el-date-picker
+              v-model="daterangeCollectTime"
+              style="width: 340px"
+              value-format="yyyy-MM-dd"
+              type="daterange"
+              range-separator="-"
+              start-placeholder="开始日期"
+              end-placeholder="结束日期"
+            ></el-date-picker>
           </el-form-item>
+          <el-form-item label="采集时间范围">
+            <el-time-picker
+              v-model="timerangeRecordTime"
+              style="width: 340px"
+              value-format="HH:mm:ss"
+              is-range
+              range-separator="-"
+              start-placeholder="开始时间"
+              end-placeholder="结束时间"
+            ></el-time-picker>
+          </el-form-item>
+
           <el-form-item>
             <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
             <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
@@ -87,22 +111,14 @@ export default {
       //左侧树结构List
       monitorInfoOptions: [],
       workUnitName: undefined,
-
-/*
-      //树状结构按照客户给定顺序排序
-      monitorInfoOptionsData: [],
-      specificOrder: ["赛轮沈阳","公用橡胶","三像","维航","维",
-        "米其林高压","米其林低压","米其林","橡胶四厂",
-        "三聚凯特","世源","联盛","正兴","天峰药业","中科北方","沃得","管理中心","沈阳经济技术升发区管理委员会办","科创","博泰","亿纬","普利司通"
-      ], // 客户提供的特定顺序
-*/
-
       //左侧树结构 检索设备名称
       selectMonitorName: null,
       //计量设备信息
       baseMonitorInfoList: [],
       // 采集方式时间范围
       daterangeCollectTime: [],
+      // 时间选择
+      timerangeRecordTime: [],
       // 遮罩层
       loading: true,
       // 选中数组
@@ -164,9 +180,18 @@ export default {
     }
   },
   created() {
-    const nowDate = parseTime(new Date(), '{y}-{m}-{d}')
-    this.daterangeCollectTime[0] = nowDate + ' 00:00:00'
-    this.daterangeCollectTime[1] = nowDate + ' 23:59:59'
+
+    const today = new Date();
+    const yesterday = new Date(today);
+    yesterday.setDate(today.getDate() - 1);
+
+    this.daterangeCollectTime[0] = parseTime(yesterday, '{y}-{m}-{d}') ;
+    this.daterangeCollectTime[1] = parseTime(today, '{y}-{m}-{d}') ;
+    //时间默认为8点
+    /*     this.timerangeRecordTime = ['08:30:00', '08:30:00']; */
+    this.timerangeRecordTime[0] = '08:00:00';
+    this.timerangeRecordTime[1] = '08:00:00';
+
     this.getTreeselect()
     this.getTreeMonitorInfo()
     this.getList()
@@ -194,8 +219,8 @@ export default {
       this.loading = true
       this.queryParams.params = {}
       if (null != this.daterangeCollectTime && '' != this.daterangeCollectTime) {
-        this.queryParams.params['beginRecordTime'] = this.daterangeCollectTime[0]
-        this.queryParams.params['endRecordTime'] = this.daterangeCollectTime[1]
+        this.queryParams.params['beginRecordTime'] = this.daterangeCollectTime[0] + ' ' + this.timerangeRecordTime[0];
+        this.queryParams.params['endRecordTime'] = this.daterangeCollectTime[1] + ' ' + this.timerangeRecordTime[1];
       }
       this.getChart()
     },
@@ -661,36 +686,6 @@ export default {
     }
   }
 }
-/*
-function sortByPrefixOrder(data, order) {
-  // 将数据按前缀分组
-  const groupedData = {};
-  data.forEach(item => {
-    const prefix = item.code ? item.code.split('_')[0] : ''; // 确保没有 code 时也能处理
-    if (!groupedData[prefix]) {
-      groupedData[prefix] = [];
-    }
-    groupedData[prefix].push(item);
-  });
-
-  // 按照特定顺序排序
-  const sortedData = [];
-  order.forEach(prefix => {
-    if (groupedData[prefix]) {
-      sortedData.push(...groupedData[prefix]);
-    }
-  });
-
-  // 处理不在特定顺序中的数据
-  data.forEach(item => {
-    if (!sortedData.includes(item)) {
-      sortedData.push(item);
-    }
-  });
-
-  return sortedData;
-}
-*/
 
 
 </script>
diff --git a/src/views/ems/report/reportPointSteam/index.vue b/src/views/ems/report/reportPointSteam/index.vue
index ea04bc2..4ed3a50 100644
--- a/src/views/ems/report/reportPointSteam/index.vue
+++ b/src/views/ems/report/reportPointSteam/index.vue
@@ -38,7 +38,7 @@
           <!--          @keyup.enter.native="handleQuery"-->
           <!--        />-->
           <!--      </el-form-item>-->
-          <el-form-item label="开始时间">
+<!--          <el-form-item label="开始时间">
             <el-date-picker
               v-model="daterangeBeginTime"
               style="width: 340px"
@@ -48,7 +48,30 @@
               start-placeholder="开始时间"
               end-placeholder="结束时间"
             ></el-date-picker>
+          </el-form-item>-->
+          <el-form-item label="采集日期范围">
+            <el-date-picker
+              v-model="daterangeBeginTime"
+              style="width: 340px"
+              value-format="yyyy-MM-dd"
+              type="daterange"
+              range-separator="-"
+              start-placeholder="开始日期"
+              end-placeholder="结束日期"
+            ></el-date-picker>
           </el-form-item>
+          <el-form-item label="采集时间范围">
+            <el-time-picker
+              v-model="timerangeRecordTime"
+              style="width: 340px"
+              value-format="HH:mm:ss"
+              is-range
+              range-separator="-"
+              start-placeholder="开始时间"
+              end-placeholder="结束时间"
+            ></el-time-picker>
+          </el-form-item>
+
           <el-form-item label="修改标识" prop="updateFlag">
             <el-select v-model="queryParams.updateFlag" placeholder="请选择修改标识" clearable>
               <el-option
@@ -259,16 +282,6 @@ export default {
       monitorInfoOptions: [],
       //左侧树结构筛选框
       filterBoxName: undefined,
-
-/*
-      //树状结构按照客户给定顺序排序
-      monitorInfoOptionsData: [],
-      specificOrder: ["赛轮沈阳","公用橡胶","三像","维航","维",
-        "米其林高压","米其林低压","米其林","橡胶四厂",
-        "三聚凯特","世源","联盛","正兴","天峰药业","中科北方","沃得","管理中心","沈阳经济技术升发区管理委员会办","科创","博泰","亿纬","普利司通"
-      ], // 客户提供的特定顺序
-*/
-
       monitorProps: {
         children: 'children',
         label: 'label'
@@ -293,6 +306,8 @@ export default {
       open: false,
       // 修改标识时间范围
       daterangeBeginTime: [],
+      //时间选择
+      timerangeRecordTime:[],
       // 查询参数
       queryParams: {
         pageNum: 1,
@@ -331,9 +346,16 @@ export default {
     }
   },
   created() {
-    const nowDate = parseTime(new Date(), '{y}-{m}-{d}')
-    this.daterangeBeginTime[0] = nowDate + ' 00:00:00'
-    this.daterangeBeginTime[1] = nowDate + ' 23:59:59'
+    const today = new Date();
+    const yesterday = new Date(today);
+    yesterday.setDate(today.getDate() - 1);
+    //时间默认为8点
+    /*     this.timerangeRecordTime = ['08:30:00', '08:30:00']; */
+    this.timerangeRecordTime[0] = '08:00:00';
+    this.timerangeRecordTime[1] = '08:00:00';
+    this.daterangeBeginTime[0] = parseTime(yesterday, '{y}-{m}-{d}') ;
+    this.daterangeBeginTime[1] = parseTime(today, '{y}-{m}-{d}') ;
+
     this.getTreeselect()
     this.getList()
   },
@@ -349,8 +371,8 @@ export default {
       this.loading = true
       this.queryParams.params = {}
       if (null != this.daterangeBeginTime && '' != this.daterangeBeginTime) {
-        this.queryParams.params['beginBeginTime'] = this.daterangeBeginTime[0]
-        this.queryParams.params['endBeginTime'] = this.daterangeBeginTime[1]
+        this.queryParams.params['beginBeginTime'] = this.daterangeBeginTime[0] + ' ' + this.timerangeRecordTime[0];
+        this.queryParams.params['endBeginTime'] = this.daterangeBeginTime[1] + ' ' +  this.timerangeRecordTime[1];
       }
       listReportPointSteam(this.queryParams).then(response => {
         this.reportPointSteamList = response.rows
@@ -469,33 +491,66 @@ export default {
       this.download('ems/report/reportPointSteam/export', {
         ...this.queryParams
       }, `reportPointSteam_${new Date().getTime()}.xlsx`)
-    }
+    },
+    decreaseBeginDate() {
+      if (this.daterangeBeginTime && this.daterangeBeginTime.length === 2) {
+        const startDate = new Date(this.daterangeBeginTime[0]);
+        startDate.setDate(startDate.getDate() - 1);
+        this.daterangeBeginTime = [startDate.toISOString().split('T')[0], endDate.toISOString().split('T')[0]];
+      }
+    },
+      decreaseEndDate() {
+        if (this.daterangeBeginTime && this.daterangeBeginTime.length === 2) {
+          const endDate = new Date(this.daterangeBeginTime[1]);
+          endDate.setDate(endDate.getDate() - 1);
+          this.daterangeBeginTime = [startDate.toISOString().split('T')[0], endDate.toISOString().split('T')[0]];
+        }
+      },
+    increaseBeginDate() {
+      if (this.daterangeBeginTime && this.daterangeBeginTime.length === 2) {
+        const startDate = new Date(this.daterangeBeginTime[0]);
+        startDate.setDate(startDate.getDate() + 1);
+        this.daterangeBeginTime = [startDate.toISOString().split('T')[0], endDate.toISOString().split('T')[0]];
+      }
+    },
+      increaseEndDate() {
+        if (this.daterangeBeginTime && this.daterangeBeginTime.length === 2) {
+          const endDate = new Date(this.daterangeBeginTime[1]);
+          endDate.setDate(startDate.getDate() + 1);
+          this.daterangeBeginTime = [startDate.toISOString().split('T')[0], endDate.toISOString().split('T')[0]];
+        }
+      },
+    decreaseBeginTime() {
+      if (this.timerangeRecordTime && this.timerangeRecordTime.length === 2) {
+        const startTime = new Date(`1970-01-01T${this.timerangeRecordTime[0]}`);
+        startTime.setHours(startTime.getHours() - 1);
+        this.timerangeRecordTime = [startTime.toTimeString().substring(0, 8), endTime.toTimeString().substring(0, 8)];
+      }
+    },
+      decreaseEndTime() {
+        if (this.timerangeRecordTime && this.timerangeRecordTime.length === 2) {
+          const endTime = new Date(`1970-01-01T${this.timerangeRecordTime[1]}`);
+          endTime.setHours(endTime.getHours() - 1);
+          this.timerangeRecordTime = [startTime.toTimeString().substring(0, 8), endTime.toTimeString().substring(0, 8)];
+        }
+      },
+    increaseBeginTime() {
+      if (this.timerangeRecordTime && this.timerangeRecordTime.length === 2) {
+        const startTime = new Date(`1970-01-01T${this.timerangeRecordTime[0]}`);
+        startTime.setHours(startTime.getHours() + 1);
+        this.timerangeRecordTime = [startTime.toTimeString().substring(0, 8), endTime.toTimeString().substring(0, 8)];
+      }
+    },
+      increaseEndTime() {
+        if (this.timerangeRecordTime && this.timerangeRecordTime.length === 2) {
+          const endTime = new Date(`1970-01-01T${this.timerangeRecordTime[1]}`);
+          endTime.setHours(endTime.getHours() + 1);
+          this.timerangeRecordTime = [startTime.toTimeString().substring(0, 8), endTime.toTimeString().substring(0, 8)];
+        }
+      },
   }
-}/*
-function sortByPrefixOrder(data, specificOrder) {
-  // 创建映射表
-  const orderMap = {};
-  specificOrder.forEach((prefix, index) => {
-    orderMap[prefix] = index;
-  });
-  console.log('Original data:', data); // 打印原始数据
-  // 按照映射表排序
-  const sortedData = data.sort((a, b) => {
-    const prefixA = specificOrder.find(prefix => a.label.startsWith(prefix));
-    const prefixB = specificOrder.find(prefix => b.label.startsWith(prefix));
-    // 如果前缀相同，则按照标签的完整字符串进行排序
-    if (prefixA === prefixB) {
-      return a.label.localeCompare(b.label);
-    }
-    // 如果前缀不同，则按照映射表中的索引值进行排序
-    if (prefixA === undefined) return 1; // 如果没有匹配到前缀，排在最后
-    if (prefixB === undefined) return -1; // 如果没有匹配到前缀，排在最后
-    return orderMap[prefixA] - orderMap[prefixB];
-  });
-  console.log('Sorted data:', sortedData); // 打印排序后的数据
-  return sortedData;
 }
-*/
+
 </script>
 
 <style scoped>