From fb4f9d4abca6154e462aec56759b389ebf746ef0 Mon Sep 17 00:00:00 2001
From: baicai <18221243570@163.com>
Date: Sat, 27 Sep 2025 17:26:08 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8A=9F=E7=8E=87=E3=80=81pcs=E3=80=81?=
 =?UTF-8?q?=E7=94=B5=E6=B1=A0=E5=A0=86=E6=9B=B2=E7=BA=BF=E6=9B=B4=E6=96=B0?=
 =?UTF-8?q?=E4=B8=BA=E6=8A=98=E7=BA=BF=E5=9B=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/ems/dzjk/tjbb/dcdqx/index.vue | 260 ++++++++++++----------
 src/views/ems/dzjk/tjbb/glqx/index.vue  | 195 +++++++++--------
 src/views/ems/dzjk/tjbb/pcsqx/index.vue | 278 ++++++++++++++----------
 3 files changed, 411 insertions(+), 322 deletions(-)

diff --git a/src/views/ems/dzjk/tjbb/dcdqx/index.vue b/src/views/ems/dzjk/tjbb/dcdqx/index.vue
index 6017722..acf5de0 100644
--- a/src/views/ems/dzjk/tjbb/dcdqx/index.vue
+++ b/src/views/ems/dzjk/tjbb/dcdqx/index.vue
@@ -1,165 +1,191 @@
 <template>
-  <el-card shadow="always" class="common-card-container time-range-card" style="margin-top:20px">
+  <el-card
+    shadow="always"
+    class="common-card-container time-range-card"
+    style="margin-top: 20px"
+  >
     <div slot="header" class="time-range-header">
-      <span class="card-title">
-        <el-button-group class="ems-btns-group">
-            <el-button v-for="(item,index) in btnList" :key="index+'dcdqxBtns'" size="mini" :class="{'activeBtn' : activeBtn === item.id}" @click="changeDataType(item.id)">{{item.name}}</el-button>
-          </el-button-group>
-      </span>
-      <date-range-select ref="dateRangeSelect" @updateDate="updateDate"/>
+      <span class="card-title"> </span>
+      <date-range-select ref="dateRangeSelect" @updateDate="updateDate" />
     </div>
     <div class="card-main" v-loading="loading">
-      <div id="dcdEchart" style="height: 310px;"></div>
+      <el-button-group class="ems-btns-group">
+        <el-button
+          v-for="(item, index) in btnList"
+          :key="index + 'dcdqxBtns'"
+          size="mini"
+          :class="{ activeBtn: activeBtn === item.id }"
+          @click="changeDataType(item.id)"
+          >{{ item.name }}</el-button
+        >
+      </el-button-group>
+      <div id="dcdEchart" style="height: 310px"></div>
     </div>
   </el-card>
 </template>
 
 <script>
-import * as echarts from 'echarts'
+import * as echarts from "echarts";
 import resize from "@/mixins/ems/resize";
 import getQuerySiteId from "@/mixins/ems/getQuerySiteId";
-import { getStackData, getStackNameList} from '@/api/ems/dzjk'
-import {formatDate} from "@/filters/ems";
+import { getStackData, getStackNameList } from "@/api/ems/dzjk";
+import { formatDate } from "@/filters/ems";
 import DateRangeSelect from "@/components/Ems/DateRangeSelect/index.vue";
 export default {
-  name:'DzjkTjbbDcdqx',
-  components: {DateRangeSelect},
-  mixins: [resize,getQuerySiteId],
+  name: "DzjkTjbbDcdqx",
+  components: { DateRangeSelect },
+  mixins: [resize, getQuerySiteId],
   data() {
     return {
-      pickerOptions:{
+      pickerOptions: {
         disabledDate(time) {
           return time.getTime() > Date.now();
         },
       },
-      dateRange:[],
-      loading:false,
-      activeBtn:'1',
-      btnList:[
-        {name:'堆平均维度',id:'1',attr:['temp'],source:['有功功率']},
-        {name:'堆电压',id:'2',attr:['voltage'],source:['堆电压']},
-        {name:'堆电流',id:'3',attr:['current'],source:['堆电流']},
-        {name:'堆soc',id:'4',attr:['soc'],source:['堆soc']},
+      dateRange: [],
+      loading: false,
+      activeBtn: "1",
+      btnList: [
+        { name: "堆平均维度", id: "1", attr: ["temp"], source: ["有功功率"] },
+        { name: "堆电压", id: "2", attr: ["voltage"], source: ["堆电压"] },
+        { name: "堆电流", id: "3", attr: ["current"], source: ["堆电流"] },
+        { name: "堆soc", id: "4", attr: ["soc"], source: ["堆soc"] },
       ],
-    }
+    };
   },
   methods: {
-    changeDataType(id){
-      if(id !== this.activeBtn){
-        this.activeBtn=id;
-        this.getData()
+    changeDataType(id) {
+      if (id !== this.activeBtn) {
+        this.activeBtn = id;
+        this.getData();
       }
     },
     // 更新时间范围 重置图表
-    updateDate(data){
-      this.dateRange=data || []
-      this.getData()
+    updateDate(data) {
+      this.dateRange = data || [];
+      this.getData();
     },
-    getData(){
-      const {siteId,activeBtn}=this;
-      const [start='',end='']=(this.dateRange || [])
+    getData() {
+      const { siteId, activeBtn } = this;
+      const [start = "", end = ""] = this.dateRange || [];
       //接口调用完成之后 设置图表、结束loading
-      this.loading=true;
-       getStackData({siteId,startTime:formatDate(start),endTime:formatDate(end),dataType:activeBtn}).then(response => {
-        this.setOption(response?.data || [])
-      }).finally(()=>{this.loading=false;})
+      this.loading = true;
+      getStackData({
+        siteId,
+        startTime: formatDate(start),
+        endTime: formatDate(end),
+        dataType: activeBtn,
+      })
+        .then((response) => {
+          this.setOption(response?.data || []);
+        })
+        .finally(() => {
+          this.loading = false;
+        });
     },
-    compareDate(date1,date2){
-      console.log('比较时间',date1,date2)
+    compareDate(date1, date2) {
+      console.log("比较时间", date1, date2);
       // 年2025-09/天2025-09-15/时2025-09-15/10:00
-      if(date1.indexOf(':') > -1 && date2.indexOf(':') > -1){
-        return parseInt(date1) - parseInt(date2)
+      if (date1.indexOf(":") > -1 && date2.indexOf(":") > -1) {
+        return parseInt(date1) - parseInt(date2);
       }
-      const [date1_Y='',date1_M='',date1_D=''] = date1.split('-')//根据空格区分[年月日,小时]
-      const [date2_Y='',date2_M='',date2_D=''] = date2.split('-')//根据空格区分[年月日,小时]
-      return (date1_Y === date2_Y && date1_M === date2_M && date1_D - date2_D) || (date1_Y === date2_Y && date1_M - date2_M) || date1_Y - date2_Y
+      const [date1_Y = "", date1_M = "", date1_D = ""] = date1.split("-"); //根据空格区分[年月日,小时]
+      const [date2_Y = "", date2_M = "", date2_D = ""] = date2.split("-"); //根据空格区分[年月日,小时]
+      return (
+        (date1_Y === date2_Y && date1_M === date2_M && date1_D - date2_D) ||
+        (date1_Y === date2_Y && date1_M - date2_M) ||
+        date1_Y - date2_Y
+      );
     },
     setOption(data) {
-      const ele = this.btnList.find((item)=>{return item.id === this.activeBtn})
-      const sourceBase = JSON.parse(JSON.stringify(ele.source))
+      const ele = this.btnList.find((item) => {
+        return item.id === this.activeBtn;
+      });
+      const sourceBase = JSON.parse(JSON.stringify(ele.source));
       // sourceBase={name:'堆平均维度',id:'1',attr:['temp'],source:['有功功率']},
-      const source=[]
-      const sourceTop = ['日期']
-      let map={},mapArr=[]
+      const source = [];
+      const sourceTop = ["日期"];
+      let map = {},
+        mapArr = [];
       // 生成所有{日期:[],日期:[]}格式的对象和所有包含所有日期的[日期1,日期2...]
-      data.forEach((item)=>{
-        item.dataList.forEach((inner)=>{
+      data.forEach((item) => {
+        item.dataList.forEach((inner) => {
           // 日期格式
           // 年2025-09/天2025-09-15/时2025-09-15/10:00
           // 所有数据的日期格式一致
-          if(!map[inner.statisDate]) {
-            map[inner.statisDate] = []
-            mapArr.push(inner.statisDate)
+          if (!map[inner.statisDate]) {
+            map[inner.statisDate] = [];
+            mapArr.push(inner.statisDate);
           }
-        })
-      })
-      data.forEach((item,itemIndex)=>{
-        const dataTimeList = item.dataList.map(i =>i.statisDate)
-        const noDataTime = mapArr.filter(i=>!dataTimeList.includes(i))
-        sourceBase.forEach((outer,outerIndex)=>{
-          sourceTop.push(`${item.deviceId}-${outer}`)
-          noDataTime.forEach(i=>map[i].push(''))
-          item.dataList.forEach((inner,innerIndex)=>{
-            map[inner.statisDate].push(inner[ele.attr[outerIndex]])
-          })
-        })
-      })
-      mapArr = mapArr.sort((a,b)=>this.compareDate(a,b))
-      mapArr.forEach(item=>{
-        source.push([item,...map[item]])
-      })
-      source.unshift(sourceTop)
-      console.log('map=',map)
-      console.log('mapArr=',mapArr)
-      console.log('========',source)
-      this.chart.setOption({
-        grid: {
-          containLabel: true
+        });
+      });
+      data.forEach((item, itemIndex) => {
+        const dataTimeList = item.dataList.map((i) => i.statisDate);
+        const noDataTime = mapArr.filter((i) => !dataTimeList.includes(i));
+        sourceBase.forEach((outer, outerIndex) => {
+          sourceTop.push(`${item.deviceId}-${outer}`);
+          noDataTime.forEach((i) => map[i].push(""));
+          item.dataList.forEach((inner, innerIndex) => {
+            map[inner.statisDate].push(inner[ele.attr[outerIndex]]);
+          });
+        });
+      });
+      mapArr = mapArr.sort((a, b) => this.compareDate(a, b));
+      mapArr.forEach((item) => {
+        source.push([item, ...map[item]]);
+      });
+      source.unshift(sourceTop);
+      this.chart.setOption(
+        {
+          grid: {
+            containLabel: true,
+          },
+          legend: {
+            left: "center",
+            bottom: "15",
+          },
+          tooltip: {
+            trigger: "axis",
+            axisPointer: {
+              // 坐标轴指示器，坐标轴触发有效
+              type: "shadow", // 默认为直线，可选为：'line' | 'shadow'
+            },
+          },
+          textStyle: {
+            color: "#333333",
+          },
+          xAxis: {
+            type: "category",
+          },
+          yAxis: {
+            type: "value",
+          },
+          dataset: { source },
+          series: source[0].slice(1).map((item) => {
+            return {
+              type: "line",
+            };
+          }),
         },
-        legend: {
-          left: 'center',
-          bottom: '15',
-        },
-        tooltip: {
-          trigger: 'axis',
-          axisPointer: { // 坐标轴指示器，坐标轴触发有效
-            type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
-          }
-        },
-        textStyle:{
-          color:"#333333",
-        },
-        xAxis: {
-          type: 'category',
-        },
-        yAxis: {
-          type: 'value',
-        },
-        dataset: {source},
-        series:source[0].slice(1).map(item=>{
-          return {
-            type:ele.type || 'scatter'
-          }
-        })
-      },true)
+        true
+      );
     },
     initChart() {
-      this.chart = echarts.init(document.querySelector('#dcdEchart'));
+      this.chart = echarts.init(document.querySelector("#dcdEchart"));
+    },
+    init() {
+      this.$nextTick(() => {
+        this.initChart();
+        this.$refs.dateRangeSelect.init();
+      });
     },
-    init(){
-      this.$nextTick(()=>{
-        this.initChart()
-        this.$refs.dateRangeSelect.init()
-      })
-    }
   },
   beforeDestroy() {
     if (!this.chart) {
-      return
+      return;
     }
-    this.chart.dispose()
-    this.chart = null
+    this.chart.dispose();
+    this.chart = null;
   },
-}
+};
 </script>
-
diff --git a/src/views/ems/dzjk/tjbb/glqx/index.vue b/src/views/ems/dzjk/tjbb/glqx/index.vue
index 9520c61..3e7ab8a 100644
--- a/src/views/ems/dzjk/tjbb/glqx/index.vue
+++ b/src/views/ems/dzjk/tjbb/glqx/index.vue
@@ -1,128 +1,151 @@
-
 <template>
-  <el-card shadow="always" class="common-card-container time-range-card" style="margin-top:20px">
+  <el-card
+    shadow="always"
+    class="common-card-container time-range-card"
+    style="margin-top: 20px"
+  >
     <div slot="header" class="time-range-header">
       <span class="card-title">功率曲线</span>
-      <date-range-select ref="dateRangeSelect" @reset="resetTime" @updateDate="updateDate"/>
+      <date-range-select
+        ref="dateRangeSelect"
+        @reset="resetTime"
+        @updateDate="updateDate"
+      />
     </div>
     <div class="card-main" v-loading="loading">
-      <div id="glqxEchart" style="height: 310px;"></div>
+      <div id="glqxEchart" style="height: 310px"></div>
     </div>
   </el-card>
 </template>
 
-
 <script>
-import * as echarts from 'echarts'
+import * as echarts from "echarts";
 import resize from "@/mixins/ems/resize";
 import getQuerySiteId from "@/mixins/ems/getQuerySiteId";
-import {getPcsNameList, getPowerData} from "@/api/ems/dzjk";
-import {formatDate} from "@/filters/ems";
+import { getPcsNameList, getPowerData } from "@/api/ems/dzjk";
+import { formatDate } from "@/filters/ems";
 import DateRangeSelect from "@/components/Ems/DateRangeSelect/index.vue";
 export default {
-  name:'DzjkTjbbGlqx',
-  components: {DateRangeSelect},
-  mixins: [resize,getQuerySiteId],
+  name: "DzjkTjbbGlqx",
+  components: { DateRangeSelect },
+  mixins: [resize, getQuerySiteId],
   data() {
     return {
-      pickerOptions:{
+      pickerOptions: {
         disabledDate(time) {
           return time.getTime() > Date.now();
         },
       },
-      dateRange:[],
-      loading:false,
-      dateRangeInit:true,
-    }
+      dateRange: [],
+      loading: false,
+      dateRangeInit: true,
+    };
   },
   methods: {
     // 更新时间范围 重置图表
-    updateDate(data){
-      this.dateRange=data || []
-      this.getData()
+    updateDate(data) {
+      this.dateRange = data || [];
+      this.getData();
     },
-    resetTime(){
-      this.dateRangeInit=true;
+    resetTime() {
+      this.dateRangeInit = true;
     },
-    getData(){
-      const {siteId}=this;
-      let [start='',end='']=(this.dateRange || [])
+    getData() {
+      const { siteId } = this;
+      let [start = "", end = ""] = this.dateRange || [];
       //接口调用完成之后 设置图表、结束loading
-      this.loading=true;
-      if(this.dateRangeInit){
-        start = ''
-        end = ''
-        this.dateRangeInit=false
+      this.loading = true;
+      if (this.dateRangeInit) {
+        start = "";
+        end = "";
+        this.dateRangeInit = false;
       }
-      getPowerData({siteId,startDate:formatDate(start),endDate:formatDate(end)}).then(response => {
-        this.setOption(response?.data || [])
-      }).finally(()=>{this.loading=false;})
+      getPowerData({
+        siteId,
+        startDate: formatDate(start),
+        endDate: formatDate(end),
+      })
+        .then((response) => {
+          this.setOption(response?.data || []);
+        })
+        .finally(() => {
+          this.loading = false;
+        });
     },
     setOption(data) {
-      const source = [['日期','电网功率','负载功率','储能功率','光伏功率']]
-      data.forEach(item=>{
-        source.push([item.statisDate,item.gridPower,item.loadPower,item.storagePower,item.pvPower])
-      })
-      this.chart.setOption({
-        grid: {
-          containLabel: true
-        },
-        legend: {
-          left: 'center',
-          bottom: '15',
-        },
-        tooltip: {
-          trigger: 'axis',
-          axisPointer: { // 坐标轴指示器，坐标轴触发有效
-            type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
-          }
-        },
-        textStyle:{
-          color:"#333333",
-        },
-        xAxis: {
-          type: 'category',
-         },
-        yAxis: {
-          type: 'value',
-        },
-        dataset:{source},
-        series: [
-          {
-            type: 'scatter',
+      const source = [["日期", "电网功率", "负载功率", "储能功率", "光伏功率"]];
+      data.forEach((item) => {
+        source.push([
+          item.statisDate,
+          item.gridPower,
+          item.loadPower,
+          item.storagePower,
+          item.pvPower,
+        ]);
+      });
+      this.chart.setOption(
+        {
+          grid: {
+            containLabel: true,
           },
-          {
-            type: 'scatter',
+          legend: {
+            left: "center",
+            bottom: "15",
           },
-          {
-            type: 'scatter',
+          tooltip: {
+            trigger: "axis",
+            axisPointer: {
+              // 坐标轴指示器，坐标轴触发有效
+              type: "shadow", // 默认为直线，可选为：'line' | 'shadow'
+            },
           },
-          {
-            type: 'scatter',
-          }
-        ]
-      },true)
+          textStyle: {
+            color: "#333333",
+          },
+          xAxis: {
+            type: "category",
+          },
+          yAxis: {
+            type: "value",
+          },
+          dataset: { source },
+          series: [
+            {
+              type: "line",
+            },
+            {
+              type: "line",
+            },
+            {
+              type: "line",
+            },
+            {
+              type: "line",
+            },
+          ],
+        },
+        true
+      );
     },
     initChart() {
-      if(this.chart) return
-      this.chart = echarts.init(document.querySelector('#glqxEchart'));
+      if (this.chart) return;
+      this.chart = echarts.init(document.querySelector("#glqxEchart"));
+    },
+    init() {
+      this.$nextTick(() => {
+        this.dateRangeInit = true;
+        this.initChart();
+        this.$refs.dateRangeSelect.init();
+      });
     },
-    init(){
-      this.$nextTick(()=>{
-        this.dateRangeInit=true;
-        this.initChart()
-        this.$refs.dateRangeSelect.init()
-      })
-    }
   },
 
   beforeDestroy() {
     if (!this.chart) {
-      return
+      return;
     }
-    this.chart.dispose()
-    this.chart = null
+    this.chart.dispose();
+    this.chart = null;
   },
-}
+};
 </script>
-
diff --git a/src/views/ems/dzjk/tjbb/pcsqx/index.vue b/src/views/ems/dzjk/tjbb/pcsqx/index.vue
index 34a62bd..6deeaf0 100644
--- a/src/views/ems/dzjk/tjbb/pcsqx/index.vue
+++ b/src/views/ems/dzjk/tjbb/pcsqx/index.vue
@@ -1,167 +1,207 @@
-
 <template>
-  <el-card shadow="always" class="common-card-container time-range-card" style="margin-top:20px">
+  <el-card
+    shadow="always"
+    class="common-card-container time-range-card"
+    style="margin-top: 20px"
+  >
     <div slot="header" class="time-range-header">
-      <span class="card-title">
-         <el-button-group class="ems-btns-group">
-            <el-button v-for="(item,index) in btnList" :key="index+'flqxcBtns'" size="mini" :class="{'activeBtn' : activeBtn === item.id}" @click="changeDataType(item.id)">{{item.name}}</el-button>
-          </el-button-group>
-      </span>
-      <date-range-select ref="dateRangeSelect" @updateDate="updateDate"/>
+      <span class="card-title"> </span>
+      <date-range-select ref="dateRangeSelect" @updateDate="updateDate" />
     </div>
     <div class="card-main" v-loading="loading">
-      <div id="pcsEchart" style="height: 310px;"></div>
+      <el-button-group class="ems-btns-group">
+        <el-button
+          v-for="(item, index) in btnList"
+          :key="index + 'flqxcBtns'"
+          size="mini"
+          :class="{ activeBtn: activeBtn === item.id }"
+          @click="changeDataType(item.id)"
+          >{{ item.name }}</el-button
+        >
+      </el-button-group>
+      <div id="pcsEchart" style="height: 310px"></div>
     </div>
   </el-card>
 </template>
 
 <script>
-import * as echarts from 'echarts'
+import * as echarts from "echarts";
 import resize from "@/mixins/ems/resize";
 import getQuerySiteId from "@/mixins/ems/getQuerySiteId";
-import { getPCSData, getPcsNameList} from '@/api/ems/dzjk'
-import {formatDate} from "@/filters/ems";
+import { getPCSData, getPcsNameList } from "@/api/ems/dzjk";
+import { formatDate } from "@/filters/ems";
 import DateRangeSelect from "@/components/Ems/DateRangeSelect/index.vue";
 export default {
-  name:'DzjkTjbbPcsqx',
-  components: {DateRangeSelect},
-  mixins: [resize,getQuerySiteId],
+  name: "DzjkTjbbPcsqx",
+  components: { DateRangeSelect },
+  mixins: [resize, getQuerySiteId],
   data() {
     return {
-      pickerOptions:{
+      pickerOptions: {
         disabledDate(time) {
           return time.getTime() > Date.now();
         },
       },
-      dateRange:[],
-      loading:false,
-      activeBtn:'1',
-      btnList:[
-        {name:'有功功率',id:'1',attr:['activePower'],source:['有功功率']},
-        {name:'无功功率',id:'2',attr:['reactivePower'],source:['无功功率']},
-        {name:'三相电流',id:'3',attr:['uCurrent','vCurrent','wCurrent'],source:['u电流','v电流','w电流'],type:'bar'},
+      dateRange: [],
+      loading: false,
+      activeBtn: "1",
+      btnList: [
+        {
+          name: "有功功率",
+          id: "1",
+          attr: ["activePower"],
+          source: ["有功功率"],
+        },
+        {
+          name: "无功功率",
+          id: "2",
+          attr: ["reactivePower"],
+          source: ["无功功率"],
+        },
+        {
+          name: "三相电流",
+          id: "3",
+          attr: ["uCurrent", "vCurrent", "wCurrent"],
+          source: ["u电流", "v电流", "w电流"],
+          type: "bar",
+        },
       ],
-
-    }
+    };
   },
   methods: {
-    changeDataType(id){
-      if(id !== this.activeBtn){
-        console.log('点击了不同的菜单，更新数据')
-        this.activeBtn=id;
-        this.getData()
+    changeDataType(id) {
+      if (id !== this.activeBtn) {
+        console.log("点击了不同的菜单，更新数据");
+        this.activeBtn = id;
+        this.getData();
       }
     },
     // 更新时间范围 重置图表
-    updateDate(data){
-      this.dateRange=data || []
-      this.getData()
+    updateDate(data) {
+      this.dateRange = data || [];
+      this.getData();
     },
-    getData(){
-      const {siteId,activeBtn}=this;
-      const [start='',end='']=(this.dateRange || [])
-      this.loading=true;
+    getData() {
+      const { siteId, activeBtn } = this;
+      const [start = "", end = ""] = this.dateRange || [];
+      this.loading = true;
       //接口调用完成之后 设置图表、结束loading
-      getPCSData({siteId,startTime:formatDate(start),endTime:formatDate(end),dataType:activeBtn}).then(response => {
-        this.setOption(response?.data || [])
-      }).finally(()=>{this.loading=false;})
+      getPCSData({
+        siteId,
+        startTime: formatDate(start),
+        endTime: formatDate(end),
+        dataType: activeBtn,
+      })
+        .then((response) => {
+          this.setOption(response?.data || []);
+        })
+        .finally(() => {
+          this.loading = false;
+        });
     },
-    compareDate(date1,date2){
-      console.log('比较时间',date1,date2)
+    compareDate(date1, date2) {
+      console.log("比较时间", date1, date2);
       // 年2025-09/天2025-09-15/时2025-09-15/10:00
-      if(date1.indexOf(':') > -1 && date2.indexOf(':') > -1){
-        return parseInt(date1) - parseInt(date2)
+      if (date1.indexOf(":") > -1 && date2.indexOf(":") > -1) {
+        return parseInt(date1) - parseInt(date2);
       }
-      const [date1_Y='',date1_M='',date1_D=''] = date1.split('-')//根据空格区分[年月日,小时]
-      const [date2_Y='',date2_M='',date2_D=''] = date2.split('-')//根据空格区分[年月日,小时]
-      return (date1_Y === date2_Y && date1_M === date2_M && date1_D - date2_D) || (date1_Y === date2_Y && date1_M - date2_M) || date1_Y - date2_Y
+      const [date1_Y = "", date1_M = "", date1_D = ""] = date1.split("-"); //根据空格区分[年月日,小时]
+      const [date2_Y = "", date2_M = "", date2_D = ""] = date2.split("-"); //根据空格区分[年月日,小时]
+      return (
+        (date1_Y === date2_Y && date1_M === date2_M && date1_D - date2_D) ||
+        (date1_Y === date2_Y && date1_M - date2_M) ||
+        date1_Y - date2_Y
+      );
     },
     setOption(data) {
-      const ele = this.btnList.find((item)=>{return item.id === this.activeBtn})
-      const sourceBase = JSON.parse(JSON.stringify(ele.source))
+      const ele = this.btnList.find((item) => {
+        return item.id === this.activeBtn;
+      });
+      const sourceBase = JSON.parse(JSON.stringify(ele.source));
       // sourceBase={name:'堆平均维度',id:'1',attr:['temp'],source:['有功功率']},
-      const source=[]
-      const sourceTop = ['日期']
-      let map={},mapArr=[]
+      const source = [];
+      const sourceTop = ["日期"];
+      let map = {},
+        mapArr = [];
       // 生成所有{日期:[],日期:[]}格式的对象和所有包含所有日期的[日期1,日期2...]
-      data.forEach((item)=>{
-        item.dataList.forEach((inner)=>{
+      data.forEach((item) => {
+        item.dataList.forEach((inner) => {
           // 日期格式
           // 年2025-09/天2025-09-15/时2025-09-15/10:00
           // 所有数据的日期格式一致
-          if(!map[inner.statisDate]) {
-            map[inner.statisDate] = []
-            mapArr.push(inner.statisDate)
+          if (!map[inner.statisDate]) {
+            map[inner.statisDate] = [];
+            mapArr.push(inner.statisDate);
           }
-        })
-      })
-      data.forEach((item,itemIndex)=>{
-        const dataTimeList = item.dataList.map(i =>i.statisDate)
-        const noDataTime = mapArr.filter(i=>!dataTimeList.includes(i))
-        sourceBase.forEach((outer,outerIndex)=>{
-          sourceTop.push(`${item.deviceId}-${outer}`)
-          noDataTime.forEach(i=>map[i].push(''))
-          item.dataList.forEach((inner,innerIndex)=>{
-            map[inner.statisDate].push(inner[ele.attr[outerIndex]])
-          })
-        })
-      })
-      mapArr = mapArr.sort((a,b)=>this.compareDate(a,b))
-      mapArr.forEach(item=>{
-        source.push([item,...map[item]])
-      })
-      source.unshift(sourceTop)
-      console.log('map=',map)
-      console.log('mapArr=',mapArr)
-      console.log('========',source)
-      this.chart.setOption({
-        grid: {
-          containLabel: true
+        });
+      });
+      data.forEach((item, itemIndex) => {
+        const dataTimeList = item.dataList.map((i) => i.statisDate);
+        const noDataTime = mapArr.filter((i) => !dataTimeList.includes(i));
+        sourceBase.forEach((outer, outerIndex) => {
+          sourceTop.push(`${item.deviceId}-${outer}`);
+          noDataTime.forEach((i) => map[i].push(""));
+          item.dataList.forEach((inner, innerIndex) => {
+            map[inner.statisDate].push(inner[ele.attr[outerIndex]]);
+          });
+        });
+      });
+      mapArr = mapArr.sort((a, b) => this.compareDate(a, b));
+      mapArr.forEach((item) => {
+        source.push([item, ...map[item]]);
+      });
+      source.unshift(sourceTop);
+      this.chart.setOption(
+        {
+          grid: {
+            containLabel: true,
+          },
+          legend: {
+            left: "center",
+            bottom: "15",
+          },
+          tooltip: {
+            trigger: "axis",
+            axisPointer: {
+              // 坐标轴指示器，坐标轴触发有效
+              type: "shadow", // 默认为直线，可选为：'line' | 'shadow'
+            },
+          },
+          textStyle: {
+            color: "#333333",
+          },
+          xAxis: {
+            type: "category",
+          },
+          yAxis: {
+            type: "value",
+          },
+          dataset: { source },
+          series: source[0].slice(1).map((item) => {
+            return {
+              type: "line",
+            };
+          }),
         },
-        legend: {
-          left: 'center',
-          bottom: '15',
-        },
-        tooltip: {
-          trigger: 'axis',
-          axisPointer: { // 坐标轴指示器，坐标轴触发有效
-            type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
-          }
-        },
-        textStyle:{
-          color:"#333333",
-        },
-        xAxis: {
-          type: 'category',
-        },
-        yAxis: {
-          type: 'value',
-        },
-        dataset: {source},
-        series:source[0].slice(1).map(item=>{
-          return {
-            type:ele.type || 'scatter'
-          }
-        })
-
-      },true)
+        true
+      );
     },
     initChart() {
-      this.chart = echarts.init(document.querySelector('#pcsEchart'));
+      this.chart = echarts.init(document.querySelector("#pcsEchart"));
+    },
+    init() {
+      this.$nextTick(() => {
+        this.initChart();
+        this.$refs.dateRangeSelect.init();
+      });
     },
-    init(){
-      this.$nextTick(()=>{
-        this.initChart()
-        this.$refs.dateRangeSelect.init()
-      })
-    }
   },
   beforeDestroy() {
     if (!this.chart) {
-      return
+      return;
     }
-    this.chart.dispose()
-    this.chart = null
+    this.chart.dispose();
+    this.chart = null;
   },
-}
+};
 </script>