From c35bfd82e0cd37cd3a18435690853725988b165b Mon Sep 17 00:00:00 2001
From: GGJ <357021191@qq.com>
Date: Mon, 19 Feb 2024 15:04:24 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=97=B6=E9=97=B4=E6=8A=A5?=
 =?UTF-8?q?=E9=94=99=20=20=E5=B9=B6=E8=B0=83=E6=95=B4=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/form/datePicker/index.vue          |  2 +-
 .../Event-boot/Region/components/Tableabove.vue   | 13 ++++++++-----
 src/views/pms/Event-boot/Region/overview.vue      | 15 +++++----------
 3 files changed, 14 insertions(+), 16 deletions(-)

diff --git a/src/components/form/datePicker/index.vue b/src/components/form/datePicker/index.vue
index e55935c2..64788ede 100644
--- a/src/components/form/datePicker/index.vue
+++ b/src/components/form/datePicker/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <el-select v-model="interval" style="width: 90px; margin-right: 10px" @change="timeChange">
+    <el-select v-model="interval" style="min-width: 90px;width: 90px; margin-right: 10px" @change="timeChange">
         <el-option v-for="item in timeOptions" :key="item.value" :label="item.label" :value="item.value" />
     </el-select>
     <el-date-picker
diff --git a/src/views/pms/Event-boot/Region/components/Tableabove.vue b/src/views/pms/Event-boot/Region/components/Tableabove.vue
index 1bac56c8..1512bb77 100644
--- a/src/views/pms/Event-boot/Region/components/Tableabove.vue
+++ b/src/views/pms/Event-boot/Region/components/Tableabove.vue
@@ -1,7 +1,7 @@
 <template>
     <div>
         <span style="font-size: 14px; font-weight: bold">
-            统计区域: 中国 &ensp; 统计时间: 2023-12-01-2023-12-27 &ensp; 统计次数: {{ frequency + '次' }}
+            统计区域: 中国 &ensp; 统计时间: {{ Time[0] + '至' + Time[1] }} &ensp; 统计次数: {{ frequency + '次' }}
         </span>
         <el-tabs tab-position="left" class="demo-tabs" style="margin-top: 10px">
             <el-tab-pane label="区域">
@@ -47,9 +47,10 @@ import { ref, reactive, defineExpose, computed } from 'vue'
 import { defaultAttribute } from '@/components/table/defaultAttribute'
 import { mainHeight } from '@/utils/layout'
 
-const areaData:any = ref([])
-const levelData:any = ref([])
-const shareData:any = ref([])
+const areaData: any = ref([])
+const levelData: any = ref([])
+const shareData: any = ref([])
+const Time: any = ref([])
 
 const tableHeaderAera = ref<any[]>([
     { prop: 'areaName', label: '区域名称', width: '120px' },
@@ -65,7 +66,8 @@ const tableHeaderLevel = ref<any[]>([
 
 const frequency = ref<number>(875)
 
-const info = (list: any) => {
+const info = (list: any, searchBeginTime: any, searchEndTime: any) => {
+    Time.value = [searchBeginTime, searchEndTime]
     frequency.value = list.areaStatistics.frequencySum
     areaData.value = [
         {
@@ -86,6 +88,7 @@ const info = (list: any) => {
         ...list.voltageStatistics.voltageLevelCalculation
     ]
     let all = 0
+
     list.monthlyStatistics.monthCalculation.forEach((item: any) => {
         all += item.linked + item.notAssociated
     })
diff --git a/src/views/pms/Event-boot/Region/overview.vue b/src/views/pms/Event-boot/Region/overview.vue
index d8c8e180..627dc4d3 100644
--- a/src/views/pms/Event-boot/Region/overview.vue
+++ b/src/views/pms/Event-boot/Region/overview.vue
@@ -1,11 +1,9 @@
 <template>
     <div class="default-main">
-        <TableHeader date-picker area>
-           
-        </TableHeader>
+        <TableHeader date-picker area></TableHeader>
         <el-tabs v-model="activeName" type="border-card" v-loading="tableStore.table.loading">
             <el-tab-pane label="图形" name="1">
-                <Echart :list="list" ref="echarts" />
+                <Echart ref="echarts" />
             </el-tab-pane>
             <el-tab-pane label="表格" name="2"><Tableabove ref="table" /></el-tab-pane>
         </el-tabs>
@@ -14,7 +12,6 @@
 
 <script setup lang="ts">
 import TableHeader from '@/components/table/header/index.vue'
-import Area from '@/components/form/area/index.vue'
 import { useDictData } from '@/stores/dictData'
 import Echart from './components/echart.vue'
 import Tableabove from './components/Tableabove.vue'
@@ -25,7 +22,6 @@ defineOptions({
     name: 'Region/overview'
 })
 const activeName = ref('1')
-const list = ref([])
 const echarts = ref()
 const Picker = ref()
 const table = ref()
@@ -36,16 +32,15 @@ const tableStore = new TableStore({
     method: 'POST',
     column: [],
     loadCallback: () => {
-        list.value = tableStore.table.data
+        table.value.info(tableStore.table.data,tableStore.table.params.searchBeginTime,tableStore.table.params.searchEndTime)
         echarts.value.Processing(tableStore.table.data.areaStatistics)
         echarts.value.Grade(tableStore.table.data.voltageStatistics)
-        echarts.value.Relation(tableStore.table.data.monthlyStatistics)
-        table.value.info(tableStore.table.data)
+        echarts.value.Relation(JSON.parse(JSON.stringify(tableStore.table.data.monthlyStatistics)))
+
     }
 })
 provide('tableStore', tableStore)
 
-
 tableStore.table.params.statisticalType = dictData.getBasicData('Statistical_Type', ['Load_Type'])[3]
 tableStore.table.params.monitorFlag = 2
 tableStore.table.params.powerFlag = 2