From 94bf3db8f04d3ada5fb25f54dfc17e1e2e6054b1 Mon Sep 17 00:00:00 2001
From: GGJ <357021191@qq.com>
Date: Thu, 18 Jan 2024 20:29:38 +0800
Subject: [PATCH 1/2] =?UTF-8?q?=E4=BF=AE=E6=94=B9=20echart=E6=96=87?=
 =?UTF-8?q?=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/echarts/MyEchart.vue           | 10 ++++-----
 .../Region/components/Compatibility.vue       | 11 +++++-----
 src/views/Event-boot/Region/distribution.vue  | 22 ++-----------------
 3 files changed, 13 insertions(+), 30 deletions(-)

diff --git a/src/components/echarts/MyEchart.vue b/src/components/echarts/MyEchart.vue
index 33dbb11..be4655a 100644
--- a/src/components/echarts/MyEchart.vue
+++ b/src/components/echarts/MyEchart.vue
@@ -5,7 +5,7 @@
 <script setup lang="ts">
 import { onBeforeUnmount, onMounted, ref, defineExpose, watch } from 'vue'
 // import echarts from './echarts'
-import * as echarts from 'echarts'; // 全引入
+import * as echarts from 'echarts' // 全引入
 
 import 'echarts/lib/component/dataZoom'
 
@@ -146,8 +146,8 @@ const handlerYAxis = () => {
         })
     } else {
         return {
-            ...props.options.yAxis,
-            ...temp
+            ...temp,
+            ...props.options.yAxis
         }
     }
 }
@@ -178,8 +178,8 @@ const handlerXAxis = () => {
         })
     } else {
         return {
-            ...props.options.xAxis,
-            ...temp
+            ...temp,
+            ...props.options.xAxis
         }
     }
 }
diff --git a/src/views/Event-boot/Region/components/Compatibility.vue b/src/views/Event-boot/Region/components/Compatibility.vue
index 646ff25..f8bdd87 100644
--- a/src/views/Event-boot/Region/components/Compatibility.vue
+++ b/src/views/Event-boot/Region/components/Compatibility.vue
@@ -43,7 +43,8 @@
         </el-radio-group>
     </div>
     <my-echart class="bars_w" :options="echartList" />
-    <vxe-table class="dw" :data="TableData" v-bind="defaultAttribute">
+
+    <vxe-table class="dw" :data="TableData" height="50px" v-bind="defaultAttribute">
         <vxe-column field="name" title="名称" width="100px"></vxe-column>
         <vxe-column field="totalEvents" title="事件总数" width="100px"></vxe-column>
         <vxe-column field="tolerable" title="可容忍" width="100px"></vxe-column>
@@ -145,8 +146,8 @@ const info = async (list: any) => {
         color: ['#FF8C00', '#00BFFF', 'green', 'red'],
         xAxis: {
             type: 'log',
-            // min: '0.001',
-            // max: '1000',
+            min: '0.001',
+            max: '1000',
             name: 's',
             splitLine: { show: false }
         },
@@ -245,8 +246,8 @@ const info = async (list: any) => {
         color: ['yellow', 'green', 'red'],
         xAxis: {
             type: 'log',
-            // min: '0.001',
-            // max: '1000',
+            min: '0.001',
+            max: '1000',
             name: 's',
             splitLine: { show: false }
         },
diff --git a/src/views/Event-boot/Region/distribution.vue b/src/views/Event-boot/Region/distribution.vue
index f164895..f4627a6 100644
--- a/src/views/Event-boot/Region/distribution.vue
+++ b/src/views/Event-boot/Region/distribution.vue
@@ -1,23 +1,5 @@
 <template>
     <div class="default-main">
-        <!-- <el-form :inline="true" :model="formInline" class="demo-form-inline">
-            <el-form-item label="区域">
-                <Area v-model="formInline.deptIndex" ref="area" />
-            </el-form-item>
-            <el-form-item label="统计类型:">
-                <el-select
-                    v-model="formInline.statisticalType"
-                    value-key="id"
-                    placeholder="请选择统计类型"
-                    size="large"
-                >
-                    <el-option v-for="item in options" :key="item.id" :label="item.name" :value="item" />
-                </el-select>
-            </el-form-item>
-            <el-form-item>
-                <el-button type="primary" @click="onSubmit">查询</el-button>
-            </el-form-item>
-        </el-form> -->
         <TableHeader>
             <template v-slot:select>
                 <el-form-item label="区域">
@@ -35,8 +17,8 @@
                 </el-form-item>
             </template>
         </TableHeader>
-        <div v-loading="tableStore.table.loading">
-            <el-row :gutter="10">
+        <div v-loading="tableStore.table.loading" class="pr10">
+            <el-row>
                 <el-col :span="12">
                     <MyEchartMap
                         ref="EchartMap"

From b36fd94dc652381a1643673a9c6f263db3252cf2 Mon Sep 17 00:00:00 2001
From: GGJ <357021191@qq.com>
Date: Fri, 19 Jan 2024 09:23:31 +0800
Subject: [PATCH 2/2] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=8C=BA=E5=9F=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/table/header/index.vue          | 18 +++++++++++++++---
 src/views/Event-boot/Region/distribution.vue   |  7 ++-----
 src/views/Event-boot/Region/overview.vue       | 10 +++-------
 src/views/Event-boot/Region/statistics.vue     | 11 +++--------
 src/views/dashboard/index.vue                  |  9 +--------
 .../sags/operationsManagement/index.vue        |  7 ++-----
 .../sags/operationsManagement/point.vue        |  4 +---
 7 files changed, 27 insertions(+), 39 deletions(-)

diff --git a/src/components/table/header/index.vue b/src/components/table/header/index.vue
index 93c71aa..0dae3c9 100644
--- a/src/components/table/header/index.vue
+++ b/src/components/table/header/index.vue
@@ -15,6 +15,9 @@
                     class="table-com-search-form"
                     :label-width="90"
                 >
+                    <el-form-item label="区域" v-if="area">
+                        <Area v-model="tableStore.table.params.deptIndex" />
+                    </el-form-item>
                     <el-form-item label="日期" v-if="datePicker" style="grid-column: span 2; max-width: unset">
                         <DatePicker ref="datePickerRef"></DatePicker>
                     </el-form-item>
@@ -39,18 +42,21 @@
 import { inject, ref, onMounted, nextTick, onUnmounted } from 'vue'
 import type TableStore from '@/utils/tableStore'
 import DatePicker from '@/components/form/datePicker/index.vue'
+import Area from '@/components/form/area/index.vue'
 import { mainHeight } from '@/utils/layout'
-
+import { useDictData } from '@/stores/dictData'
 const tableStore = inject('tableStore') as TableStore
 const tableHeader = ref()
 const datePickerRef = ref()
-
+const dictData = useDictData()
 interface Props {
     datePicker?: boolean
+    area?: boolean
 }
 
 const props = withDefaults(defineProps<Props>(), {
-    datePicker: false
+    datePicker: false,
+    area: false
 })
 // 动态计算table高度
 const resizeObserver = new ResizeObserver(entries => {
@@ -67,6 +73,9 @@ onMounted(() => {
         tableStore.table.params.endTime = datePickerRef.value.timeValue[1]
         tableStore.table.params.timeFlag = datePickerRef.value.timeFlag
     }
+    if (props.area) {
+        tableStore.table.params.deptIndex = dictData.state.area[0].id
+    }
     nextTick(() => {
         resizeObserver.observe(tableHeader.value)
         const dom = document.getElementById('header-form') as HTMLElement
@@ -105,6 +114,9 @@ const onComSearch = async () => {
         tableStore.table.params.endTime = datePickerRef.value.timeValue[1]
         tableStore.table.params.timeFlag = datePickerRef.value.timeFlag
     }
+    if (props.area) {
+        tableStore.table.params.deptIndex = dictData.state.area[0].id
+    }
 
     await tableStore.onTableAction('search', {})
 }
diff --git a/src/views/Event-boot/Region/distribution.vue b/src/views/Event-boot/Region/distribution.vue
index f4627a6..6ece675 100644
--- a/src/views/Event-boot/Region/distribution.vue
+++ b/src/views/Event-boot/Region/distribution.vue
@@ -1,10 +1,8 @@
 <template>
     <div class="default-main">
-        <TableHeader>
+        <TableHeader area>
             <template v-slot:select>
-                <el-form-item label="区域">
-                    <Area ref="area" v-model="tableStore.table.params.deptIndex" />
-                </el-form-item>
+             
                 <el-form-item label="统计类型">
                     <el-select
                         v-model="tableStore.table.params.statisticalType"
@@ -95,7 +93,6 @@ const tableStore = new TableStore({
 })
 provide('tableStore', tableStore)
 
-tableStore.table.params.deptIndex = dictData.state.area[0].id
 tableStore.table.params.statisticalType = dictData.getBasicData('Statistical_Type', ['Report_Type'])[0]
 tableStore.table.params.monitorFlag = 2
 tableStore.table.params.powerFlag = 2
diff --git a/src/views/Event-boot/Region/overview.vue b/src/views/Event-boot/Region/overview.vue
index 5720dd8..d8c8e18 100644
--- a/src/views/Event-boot/Region/overview.vue
+++ b/src/views/Event-boot/Region/overview.vue
@@ -1,11 +1,7 @@
 <template>
     <div class="default-main">
-        <TableHeader date-picker>
-            <template v-slot:select>
-                <el-form-item label="区域">
-                    <Area v-model="tableStore.table.params.deptIndex" />
-                </el-form-item>
-            </template>
+        <TableHeader date-picker area>
+           
         </TableHeader>
         <el-tabs v-model="activeName" type="border-card" v-loading="tableStore.table.loading">
             <el-tab-pane label="图形" name="1">
@@ -49,7 +45,7 @@ const tableStore = new TableStore({
 })
 provide('tableStore', tableStore)
 
-tableStore.table.params.deptIndex = dictData.state.area[0].id
+
 tableStore.table.params.statisticalType = dictData.getBasicData('Statistical_Type', ['Load_Type'])[3]
 tableStore.table.params.monitorFlag = 2
 tableStore.table.params.powerFlag = 2
diff --git a/src/views/Event-boot/Region/statistics.vue b/src/views/Event-boot/Region/statistics.vue
index cd671ba..4d6e2a4 100644
--- a/src/views/Event-boot/Region/statistics.vue
+++ b/src/views/Event-boot/Region/statistics.vue
@@ -1,11 +1,7 @@
 <template>
     <div class="default-main">
-        <TableHeader date-picker>
-            <template v-slot:select>
-                <el-form-item label="区域">
-                    <Area v-model="tableStore.table.params.deptIndex" />
-                </el-form-item>
-            </template>
+        <TableHeader date-picker area>
+            <template v-slot:select></template>
         </TableHeader>
         <el-tabs v-model="activeName" type="border-card" @tab-click="handleClick" v-loading="tableStore.table.loading">
             <el-tab-pane label="暂降原因及类型统计" name="1">
@@ -20,7 +16,7 @@
 
 <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 TableStore from '@/utils/tableStore'
 import { onMounted, reactive, ref, provide } from 'vue'
@@ -49,7 +45,6 @@ const tableStore = new TableStore({
 })
 provide('tableStore', tableStore)
 
-tableStore.table.params.deptIndex = dictData.state.area[0].id
 tableStore.table.params.statisticalType = dictData.getBasicData('Statistical_Type', ['Load_Type'])[3]
 tableStore.table.params.monitorFlag = 2
 tableStore.table.params.powerFlag = 2
diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index 574fad3..88bbf23 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -1,12 +1,6 @@
 <template>
     <div class="default-main">
-        <TableHeader date-picker>
-            <template v-slot:select>
-                <el-form-item label="区域">
-                    <Area v-model="tableStore.table.params.deptIndex" />
-                </el-form-item>
-            </template>
-        </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" />
@@ -49,7 +43,6 @@ const tableStore = new TableStore({
 })
 provide('tableStore', tableStore)
 
-tableStore.table.params.deptIndex = dictData.state.area[0].id
 tableStore.table.params.statisticalType = dictData.getBasicData('Statistical_Type', ['Load_Type'])[3]
 tableStore.table.params.monitorFlag = 2
 tableStore.table.params.powerFlag = 2
diff --git a/src/views/voltage/sags/operationsManagement/index.vue b/src/views/voltage/sags/operationsManagement/index.vue
index 09986f6..aa8609f 100644
--- a/src/views/voltage/sags/operationsManagement/index.vue
+++ b/src/views/voltage/sags/operationsManagement/index.vue
@@ -1,10 +1,8 @@
 <template>
     <div class="default-main">
-        <TableHeader date-picker>
+        <TableHeader date-picker area>
             <template v-slot:select>
-                <el-form-item label="区域">
-                    <Area v-model="tableStore.table.params.deptIndex" />
-                </el-form-item>
+              
                 <el-form-item label="终端状态">
                     <el-select
                         multiple
@@ -120,7 +118,6 @@ const tableStore = new TableStore({
         manufacturerForm.value = []
     }
 })
-tableStore.table.params.deptIndex = dictData.state.area[0].id
 tableStore.table.params.runFlag = []
 tableStore.table.params.comFlag = []
 tableStore.table.params.manufacturer = []
diff --git a/src/views/voltage/sags/operationsManagement/point.vue b/src/views/voltage/sags/operationsManagement/point.vue
index 0c681eb..3261866 100644
--- a/src/views/voltage/sags/operationsManagement/point.vue
+++ b/src/views/voltage/sags/operationsManagement/point.vue
@@ -1,8 +1,7 @@
 <template>
     <div class="default-main">
-        <TableHeader date-picker>
+        <TableHeader date-picker area>
             <template v-slot:select>
-                <el-form-item label="区域"><Area v-model="tableStore.table.params.deptIndex" /></el-form-item>
                 <el-form-item label="干扰源类型">
                     <el-select
                         multiple
@@ -143,7 +142,6 @@ const tableStore = new TableStore({
         scaleForm.value = []
     }
 })
-tableStore.table.params.deptIndex = dictData.state.area[0].id
 tableStore.table.params.scale = []
 tableStore.table.params.comFlag = []
 tableStore.table.params.loadType = []