diff --git a/ui/dasadmin/index.html b/ui/dasadmin/index.html
index b0aec714..5bc9f901 100644
--- a/ui/dasadmin/index.html
+++ b/ui/dasadmin/index.html
@@ -3,7 +3,7 @@
     <head>
         <meta charset="UTF-8" />
         <link rel="icon" href="/favicon.ico" />
-        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,user-scalable=no" />
         <title>Loading...</title>
     </head>
     <body>
diff --git a/ui/dasadmin/src/layouts/backend/components/logo.vue b/ui/dasadmin/src/layouts/backend/components/logo.vue
index 79a00a04..6f64a0e6 100644
--- a/ui/dasadmin/src/layouts/backend/components/logo.vue
+++ b/ui/dasadmin/src/layouts/backend/components/logo.vue
@@ -49,7 +49,7 @@ const onMenuCollapse = function () {
 <style scoped lang="scss">
 .layout-logo {
     width: 100%;
-    height: 60px;
+    height: v-bind('config.headerHeight()');
     display: flex;
     align-items: center;
     justify-content: center;
diff --git a/ui/dasadmin/src/layouts/backend/components/menus/menuTree.vue b/ui/dasadmin/src/layouts/backend/components/menus/menuTree.vue
index fd61baf4..2e77a682 100644
--- a/ui/dasadmin/src/layouts/backend/components/menus/menuTree.vue
+++ b/ui/dasadmin/src/layouts/backend/components/menus/menuTree.vue
@@ -25,10 +25,14 @@ import type { RouteRecordRaw } from 'vue-router'
 import { getFirstRoute, onClickMenu } from '/@/utils/router'
 import { ElNotification } from 'element-plus'
 import { useI18n } from 'vue-i18n'
+import { computed } from 'vue'
 
 const { t } = useI18n()
 const config = useConfig()
 
+const padding = computed(() => (window.screen.width < 1920 ? '10px' : '20px'))
+const height = computed(() => (window.screen.width < 1920 ? '40px' : '56px'))
+
 interface Props {
     menus: RouteRecordRaw[]
     extends?: {
@@ -68,6 +72,16 @@ const onClickSubMenu = (menu: RouteRecordRaw) => {
 </script>
 
 <style scoped lang="scss">
+.el-menu-item {
+    padding: 0 v-bind(padding);
+    height: v-bind(height);
+    :deep(.el-menu-tooltip__trigger) {
+        padding: 0 v-bind(padding);
+    }
+}
+:deep(.el-sub-menu__title) {
+    padding: 0 v-bind(padding);
+}
 .el-sub-menu .icon,
 .el-menu-item .icon {
     vertical-align: middle;
diff --git a/ui/dasadmin/src/layouts/backend/components/menus/menuVertical.vue b/ui/dasadmin/src/layouts/backend/components/menus/menuVertical.vue
index 978e835b..2c4e0bdb 100644
--- a/ui/dasadmin/src/layouts/backend/components/menus/menuVertical.vue
+++ b/ui/dasadmin/src/layouts/backend/components/menus/menuVertical.vue
@@ -30,7 +30,7 @@ const state = reactive({
 })
 
 const width = computed(() => {
-    return config.layout.menuCollapse ? '5px' : '20px'
+    return config.layout.menuCollapse ? '5px' : window.screen.width < 1920 ? '10px' : '20px'
 })
 
 const verticalMenusScrollbarHeight = computed(() => {
diff --git a/ui/dasadmin/src/layouts/backend/components/navBar/classic.vue b/ui/dasadmin/src/layouts/backend/components/navBar/classic.vue
index ea3a20bc..8938c89a 100644
--- a/ui/dasadmin/src/layouts/backend/components/navBar/classic.vue
+++ b/ui/dasadmin/src/layouts/backend/components/navBar/classic.vue
@@ -15,9 +15,12 @@ import NavTabs from '/@/layouts/backend/components/navBar/tabs.vue'
 import { layoutNavTabsRef } from '/@/stores/refs'
 import NavMenus from '../navMenus.vue'
 import { showShade } from '/@/utils/pageShade'
-
+import { computed } from 'vue'
 const config = useConfig()
 
+const padding = computed(() => (window.screen.width < 1920 ? '10px' : '20px'))
+const height = computed(() => (window.screen.width < 1920 ? '36px' : '48px'))
+
 const onMenuCollapse = () => {
     showShade('ba-aside-menu-shade', () => {
         config.setLayout('menuCollapse', true)
@@ -29,7 +32,7 @@ const onMenuCollapse = () => {
 <style scoped lang="scss">
 .nav-bar {
     display: flex;
-    height: 60px;
+    height: v-bind('config.headerHeight()');
     width: 100%;
     background-color: v-bind('config.getColorVal("headerBarBackground")');
     :deep(.nav-tabs) {
@@ -75,11 +78,11 @@ const onMenuCollapse = () => {
 }
 .nav-route {
     display: flex;
-    height: 48px;
+    height: v-bind(height);
     width: 100%;
     background-color: transparent;
-    line-height: 48px;
-    margin: 20px 0px;
+    line-height: v-bind(height);
+    margin: v-bind(padding) 0px;
     :deep(.nav-tabs) {
         display: flex;
         height: 100%;
diff --git a/ui/dasadmin/src/layouts/backend/container/classic.vue b/ui/dasadmin/src/layouts/backend/container/classic.vue
index a0c07a0d..3b101a09 100644
--- a/ui/dasadmin/src/layouts/backend/container/classic.vue
+++ b/ui/dasadmin/src/layouts/backend/container/classic.vue
@@ -14,6 +14,7 @@
     </el-container>
     <CloseFullScreen v-if="navTabs.state.tabFullScreen" />
 </template>
+q
 
 <script setup lang="ts">
 import Aside from '/@/layouts/backend/components/aside.vue'
@@ -22,8 +23,15 @@ import Main from '/@/layouts/backend/router-view/main.vue'
 import CloseFullScreen from '/@/layouts/backend/components/closeFullScreen.vue'
 import { useNavTabs } from '/@/stores/navTabs'
 import { useSiteConfig } from '/@/stores/siteConfig'
+import { useConfig } from '/@/stores/config'
+import { computed } from 'vue'
 const siteConfig = useSiteConfig()
 const navTabs = useNavTabs()
+const config = useConfig()
+
+const padding = computed(() => (window.screen.width < 1920 ? '0px' : '10px'))
+
+const bodyPadding = computed(() => (window.screen.width < 1920 ? '10px' : '20px'))
 </script>
 
 <style scoped>
@@ -35,16 +43,16 @@ const navTabs = useNavTabs()
     flex-direction: column;
     width: 100%;
     height: 100%;
-    padding: 0 20px;
+    padding: 0 v-bind(bodyPadding);
 }
 .layout-logo {
     position: absolute;
     width: 100%;
-    height: 60px;
+    height: v-bind('config.headerHeight()');
     display: flex;
     align-items: center;
     box-sizing: border-box;
-    padding: 10px;
+    padding: v-bind(padding);
     background-image: linear-gradient(170deg, #eaf6ff 0%, #fbfdff 94%);
     box-shadow: 0px 0px 20px 0px rgba(0, 100, 170, 0.09);
 }
diff --git a/ui/dasadmin/src/stores/config.ts b/ui/dasadmin/src/stores/config.ts
index 8f137b64..c05e9c8f 100644
--- a/ui/dasadmin/src/stores/config.ts
+++ b/ui/dasadmin/src/stores/config.ts
@@ -31,6 +31,7 @@ export const useConfig = defineStore(
             menuTopBarBackground: ['#fcfcfc', '#1d1e1f'],
             // 侧边菜单宽度(展开时)，单位px
             menuWidth: 260,
+            headerHeight: 60,
             // 侧边菜单项默认图标
             menuDefaultIcon: 'fa fa-circle-o',
             // 是否水平折叠收起菜单
@@ -70,9 +71,19 @@ export const useConfig = defineStore(
                 return layout.menuCollapse ? '0px' : layout.menuWidth + 'px'
             }
             // 菜单是否折叠
+            if (window.screen.width < 1920) {
+                layout.menuWidth = 180
+                return layout.menuCollapse ? '54px' : layout.menuWidth + 'px'
+            }
+            layout.menuWidth = 260
             return layout.menuCollapse ? '74px' : layout.menuWidth + 'px'
         }
 
+        const headerHeight = function () {
+            if (window.screen.width < 1920) return '46px'
+            return layout.headerHeight + 'px'
+        }
+
         function setLang(val: string) {
             lang.defaultLang = val
         }
@@ -114,7 +125,7 @@ export const useConfig = defineStore(
             // }
         }
 
-        return { layout, lang, menuWidth, setLang, setLayoutMode, setLayout, getColorVal, onSetLayoutColor }
+        return { layout, lang, menuWidth, headerHeight, setLang, setLayoutMode, setLayout, getColorVal, onSetLayoutColor }
     },
     {
         persist: {
diff --git a/ui/dasadmin/src/stores/interface/index.ts b/ui/dasadmin/src/stores/interface/index.ts
index 8ebe3ff3..63659884 100644
--- a/ui/dasadmin/src/stores/interface/index.ts
+++ b/ui/dasadmin/src/stores/interface/index.ts
@@ -8,6 +8,7 @@ export interface Layout {
     mainAnimation: string
     isDark: boolean
     menuWidth: number
+    headerHeight: number
     menuDefaultIcon: string
     menuCollapse: boolean
     menuUniqueOpened: boolean
@@ -132,4 +133,4 @@ export interface Enums {
         [key: string]: { [k: string]: string }
     }
     keys: string[]
-}
\ No newline at end of file
+}
diff --git a/ui/dasadmin/src/utils/layout.ts b/ui/dasadmin/src/utils/layout.ts
index 38b1f39e..d6278f20 100644
--- a/ui/dasadmin/src/utils/layout.ts
+++ b/ui/dasadmin/src/utils/layout.ts
@@ -12,7 +12,7 @@ export function mainHeight(extra = 0): CSSProperties {
     let height = extra
     const adminLayoutMainExtraHeight: anyObj = {
         Default: 70,
-        Classic: 150,
+        Classic: window.screen.width < 1920 ? 110 : 150,
         Streamline: 60,
     }
     if (isAdminApp()) {
diff --git a/ui/dasadmin/src/views/backend/dashboard.vue b/ui/dasadmin/src/views/backend/dashboard.vue
index 875b1aa6..9005665e 100644
--- a/ui/dasadmin/src/views/backend/dashboard.vue
+++ b/ui/dasadmin/src/views/backend/dashboard.vue
@@ -8,33 +8,41 @@
                         <el-text class="mx-1 homelabel">风场概览</el-text>
                         <el-row :gutter="10">
                             <el-col :span="12">
-                                <div :sm="12" :lg="6" class="small-panel" style="margin-bottom: 10px;">
-                                    <img class="small-panel-pic" src="~assets/dashboard/viewP.png" alt="">
+                                <div :sm="12" :lg="6" class="small-panel" style="margin-bottom: 10px">
+                                    <img class="small-panel-pic" src="~assets/dashboard/viewP.png" alt="" />
                                     <div class="small-base">
-                                        <div><span class="content-number">{{realData.attributeMap.windfarmactivepower}}</span> <span>MW</span></div>
+                                        <div>
+                                            <span class="content-number">{{ realData.attributeMap.windfarmactivepower }}</span> <span>MW</span>
+                                        </div>
                                         <div>功率</div>
                                     </div>
                                 </div>
                                 <div :sm="12" :lg="6" class="small-panel">
-                                    <img class="small-panel-pic" src="~assets/dashboard/viewW.png" alt="">
+                                    <img class="small-panel-pic" src="~assets/dashboard/viewW.png" alt="" />
                                     <div class="small-base">
-                                        <div><span class="content-number">{{realData.attributeMap.windfarmavgwindspeed}}</span> <span>m/s</span></div>
+                                        <div>
+                                            <span class="content-number">{{ realData.attributeMap.windfarmavgwindspeed }}</span> <span>m/s</span>
+                                        </div>
                                         <div>风速</div>
                                     </div>
                                 </div>
                             </el-col>
                             <el-col :span="12">
-                                <div :sm="12" :lg="6" class="small-panel" style="margin-bottom: 10px;">
-                                    <img class="small-panel-pic" src="~assets/dashboard/viewR.png" alt="">
+                                <div :sm="12" :lg="6" class="small-panel" style="margin-bottom: 10px">
+                                    <img class="small-panel-pic" src="~assets/dashboard/viewR.png" alt="" />
                                     <div class="small-base">
-                                        <div><span class="content-number">{{realData.attributeMap.windfarmdayoperationhours}}</span> <span>H</span></div>
+                                        <div>
+                                            <span class="content-number">{{ realData.attributeMap.windfarmdayoperationhours }}</span> <span>H</span>
+                                        </div>
                                         <div>日利用小时</div>
                                     </div>
                                 </div>
                                 <div :sm="12" :lg="6" class="small-panel">
-                                    <img class="small-panel-pic" src="~assets/dashboard/viewY.png" alt="">
+                                    <img class="small-panel-pic" src="~assets/dashboard/viewY.png" alt="" />
                                     <div class="small-base">
-                                        <div><span class="content-number">{{realData.attributeMap.windfarmmonthoperationhours}}</span> <span>H</span></div>
+                                        <div>
+                                            <span class="content-number">{{ realData.attributeMap.windfarmmonthoperationhours }}</span> <span>H</span>
+                                        </div>
                                         <div>月利用小时</div>
                                     </div>
                                 </div>
@@ -44,22 +52,26 @@
 
                     <!--今日运行状态-->
                     <div class="status panelBg">
-                        <el-text class="mx-1 homelabel" style="margin-bottom: 0;">今日运行状态</el-text>
+                        <el-text class="mx-1 homelabel" style="margin-bottom: 0">今日运行状态</el-text>
                         <el-row :gutter="10" class="statusrow">
                             <el-col :span="12">
                                 <div class="status-panel">
-                                    <img class="status-panel-pic" src="~assets/dashboard/status1.png" alt="">
+                                    <img class="status-panel-pic" src="~assets/dashboard/status1.png" alt="" />
                                     <div class="status-base-main">
-                                        <div><span class="content-number">{{currentDayStatus.windTurbineNum}}</span> <span>台</span></div>
+                                        <div>
+                                            <span class="content-number">{{ currentDayStatus.windTurbineNum }}</span> <span>台</span>
+                                        </div>
                                         <div>风机台数</div>
                                     </div>
                                 </div>
                             </el-col>
                             <el-col :span="12">
                                 <div class="status-panel">
-                                    <img class="status-panel-pic" src="~assets/dashboard/status2.png" alt="">
+                                    <img class="status-panel-pic" src="~assets/dashboard/status2.png" alt="" />
                                     <div class="status-base-main">
-                                        <div><span class="content-number">{{currentDayStatus.installedCapacity}}</span> <span>MW</span></div>
+                                        <div>
+                                            <span class="content-number">{{ currentDayStatus.installedCapacity }}</span> <span>MW</span>
+                                        </div>
                                         <div>装机容量</div>
                                     </div>
                                 </div>
@@ -69,16 +81,16 @@
                             <el-col :span="12">
                                 <div class="status-panel status-con">
                                     <div>
-                                        <img class="status-panel-piczt" src="~assets/dashboard/status04.png" alt="">
+                                        <img class="status-panel-piczt" src="~assets/dashboard/status04.png" alt="" />
                                         <p>运行</p>
                                     </div>
                                     <div class="status-base">
                                         <div class="capacity">
-                                            <p class="content-number">{{currentDayStatus.runCapacityTotal}}</p>
+                                            <p class="content-number">{{ currentDayStatus.runCapacityTotal }}</p>
                                             <p>MW</p>
                                         </div>
                                         <div class="units">
-                                            <p class="content-number">{{currentDayStatus.runNum}}</p>
+                                            <p class="content-number">{{ currentDayStatus.runNum }}</p>
                                             <p>台</p>
                                         </div>
                                     </div>
@@ -87,16 +99,16 @@
                             <el-col :span="12">
                                 <div class="status-panel status-con">
                                     <div>
-                                        <img class="status-panel-piczt" src="~assets/dashboard/status03.png" alt="">
+                                        <img class="status-panel-piczt" src="~assets/dashboard/status03.png" alt="" />
                                         <p>启动</p>
                                     </div>
                                     <div class="status-base">
                                         <div class="capacity">
-                                            <p class="content-number">{{currentDayStatus.StartCapacityTotal}}</p>
+                                            <p class="content-number">{{ currentDayStatus.StartCapacityTotal }}</p>
                                             <p>MW</p>
                                         </div>
                                         <div class="units">
-                                            <p class="content-number">{{currentDayStatus.StarteNum}}</p>
+                                            <p class="content-number">{{ currentDayStatus.StarteNum }}</p>
                                             <p>台</p>
                                         </div>
                                     </div>
@@ -107,17 +119,17 @@
                             <el-col :span="12">
                                 <div class="status-panel status-con">
                                     <div>
-                                        <img class="status-panel-piczt" src="~assets/dashboard/status01.png" alt="">
+                                        <img class="status-panel-piczt" src="~assets/dashboard/status01.png" alt="" />
                                         <p>待机</p>
                                     </div>
 
                                     <div class="status-base">
                                         <div class="capacity">
-                                            <p class="content-number">{{currentDayStatus.faultCapacityTotal}}</p>
+                                            <p class="content-number">{{ currentDayStatus.faultCapacityTotal }}</p>
                                             <p>MW</p>
                                         </div>
                                         <div class="units">
-                                            <p class="content-number">{{currentDayStatus.faultNum}}</p>
+                                            <p class="content-number">{{ currentDayStatus.faultNum }}</p>
                                             <p>台</p>
                                         </div>
                                     </div>
@@ -126,17 +138,17 @@
                             <el-col :span="12">
                                 <div class="status-panel status-con">
                                     <div>
-                                        <img class="status-panel-piczt" src="~assets/dashboard/status06.png" alt="">
+                                        <img class="status-panel-piczt" src="~assets/dashboard/status06.png" alt="" />
                                         <p>停机</p>
                                     </div>
 
                                     <div class="status-base">
                                         <div class="capacity">
-                                            <p class="content-number">{{currentDayStatus.standbyCapacityTotal}}</p>
+                                            <p class="content-number">{{ currentDayStatus.standbyCapacityTotal }}</p>
                                             <p>MW</p>
                                         </div>
                                         <div class="units">
-                                            <p class="content-number">{{currentDayStatus.standbyNum}}</p>
+                                            <p class="content-number">{{ currentDayStatus.standbyNum }}</p>
                                             <p>台</p>
                                         </div>
                                     </div>
@@ -147,17 +159,17 @@
                             <el-col :span="12">
                                 <div class="status-panel status-con">
                                     <div>
-                                        <img class="status-panel-piczt" src="~assets/dashboard/status02.png" alt="">
+                                        <img class="status-panel-piczt" src="~assets/dashboard/status02.png" alt="" />
                                         <p>离线</p>
                                     </div>
 
                                     <div class="status-base">
                                         <div class="capacity">
-                                            <p class="content-number">{{currentDayStatus.offlineCapacityTotal}}</p>
+                                            <p class="content-number">{{ currentDayStatus.offlineCapacityTotal }}</p>
                                             <p>MW</p>
                                         </div>
                                         <div class="units">
-                                            <p class="content-number">{{currentDayStatus.offlineNum}}</p>
+                                            <p class="content-number">{{ currentDayStatus.offlineNum }}</p>
                                             <p>台</p>
                                         </div>
                                     </div>
@@ -166,17 +178,17 @@
                             <el-col :span="12">
                                 <div class="status-panel status-con">
                                     <div>
-                                        <img class="status-panel-piczt" src="~assets/dashboard/status05.png" alt="">
+                                        <img class="status-panel-piczt" src="~assets/dashboard/status05.png" alt="" />
                                         <p>维修</p>
                                     </div>
 
                                     <div class="status-base">
                                         <div class="capacity">
-                                            <p class="content-number">{{currentDayStatus.StandCapacityTotal}}</p>
+                                            <p class="content-number">{{ currentDayStatus.StandCapacityTotal }}</p>
                                             <p>MW</p>
                                         </div>
                                         <div class="units">
-                                            <p class="content-number">{{currentDayStatus.StandNum}}</p>
+                                            <p class="content-number">{{ currentDayStatus.StandNum }}</p>
                                             <p>台</p>
                                         </div>
                                     </div>
@@ -186,7 +198,7 @@
                     </div>
 
                     <!--功率趋势-->
-                    <div class="power panelBg" style="margin-bottom: 0;">
+                    <div class="power panelBg" style="margin-bottom: 0">
                         <el-text class="mx-1 homelabel">功率趋势</el-text>
                         <el-row :gutter="10">
                             <el-col class="lg-mb-20" :span="24">
@@ -197,8 +209,7 @@
                 </div>
             </el-col>
 
-
-            <el-col :span="12">
+            <el-col :span="12" class="col-center">
                 <div class="grid-content ep-bg-purple-light">
                     <!--风机矩阵-->
                     <div class="matrix panelBg">
@@ -213,7 +224,7 @@
                     <div class="summarize panelBg">
                         <div class="summarize-title">
                             <el-text class="mx-1 homelabel">发电量概况</el-text>
-<!--                            <el-text class="mx-1" style="margin-bottom: 20px;">
+                            <!--                            <el-text class="mx-1" style="margin-bottom: 20px;">
                                 当日发电量
                                 <span class="content-number" style="color: #0277B3;">{{realData.attributeMap.windfarmdayprodenergy}}</span>
                                 kWh
@@ -223,10 +234,12 @@
                             <el-col :span="6">
                                 <div class="summarize-panel">
                                     <div class="summarize-panel-pic">
-                                        <img src="~assets/dashboard/fdl1.png" alt="">
+                                        <img src="~assets/dashboard/fdl1.png" alt="" />
                                     </div>
                                     <div class="summarize-panel-base">
-                                        <div><span class="content-number">{{realData.attributeMap.windfarmdayprodenergy}}</span></div>
+                                        <div>
+                                            <span class="content-number">{{ realData.attributeMap.windfarmdayprodenergy }}</span>
+                                        </div>
                                         <div><span>kWh</span></div>
                                         <div><span>日发电量</span></div>
                                     </div>
@@ -235,10 +248,12 @@
                             <el-col :span="6">
                                 <div class="summarize-panel">
                                     <div class="summarize-panel-pic">
-                                        <img src="~assets/dashboard/fdl2.png" alt="">
+                                        <img src="~assets/dashboard/fdl2.png" alt="" />
                                     </div>
                                     <div class="summarize-panel-base">
-                                        <div><span class="content-number">{{realData.attributeMap.windfarmmonthprodenergy}}</span></div>
+                                        <div>
+                                            <span class="content-number">{{ realData.attributeMap.windfarmmonthprodenergy }}</span>
+                                        </div>
                                         <div><span>kWh</span></div>
                                         <div><span>月发电量</span></div>
                                     </div>
@@ -247,10 +262,12 @@
                             <el-col :span="6">
                                 <div class="summarize-panel">
                                     <div class="summarize-panel-pic">
-                                        <img src="~assets/dashboard/fdl3.png" alt="">
+                                        <img src="~assets/dashboard/fdl3.png" alt="" />
                                     </div>
                                     <div class="summarize-panel-base">
-                                        <div><span class="content-number">{{realData.attributeMap.windfarmyearprodenergy}}</span></div>
+                                        <div>
+                                            <span class="content-number">{{ realData.attributeMap.windfarmyearprodenergy }}</span>
+                                        </div>
                                         <div><span>kWh</span></div>
                                         <div><span>年发电量</span></div>
                                     </div>
@@ -259,10 +276,12 @@
                             <el-col :span="6">
                                 <div class="summarize-panel">
                                     <div class="summarize-panel-pic">
-                                        <img src="~assets/dashboard/fdl4.png" alt="">
+                                        <img src="~assets/dashboard/fdl4.png" alt="" />
                                     </div>
                                     <div class="summarize-panel-base">
-                                        <div><span class="content-number">{{realData.attributeMap.windfarmtotalprodenergy}}</span></div>
+                                        <div>
+                                            <span class="content-number">{{ realData.attributeMap.windfarmtotalprodenergy }}</span>
+                                        </div>
                                         <div><span>kWh</span></div>
                                         <div><span>总发电量</span></div>
                                     </div>
@@ -286,24 +305,26 @@
                     </div>
 
                     <!--实时告警-->
-                    <div class="trend panelBg" style="margin-bottom: 0;">
+                    <div class="trend panelBg" style="margin-bottom: 0">
                         <el-text class="mx-1 homelabel">实时告警</el-text>
                         <el-row :gutter="10">
                             <el-col :span="24">
-                                <el-table :data="tableData"
-                                          class="tablePart"
-                                          height="250"
-                                          ref="myTable"
-                                          @mouseover.native="clearScroll"
-                                          @mouseleave.native="createScroll">
+                                <el-table
+                                    :data="tableData"
+                                    class="tablePart"
+                                    height="250"
+                                    ref="myTable"
+                                    @mouseover.native="clearScroll"
+                                    @mouseleave.native="createScroll"
+                                >
                                     <el-table-column fixed prop="eventTimeFormate" label="时间" />
                                     <el-table-column prop="deviceCode" label="风机" />
                                     <el-table-column prop="eventText" label="告警内容" />
                                     <el-table-column label="操作">
                                         <template #default="scope">
-                                            <div class="tableOperate comfirmed" style="color: #333333;" v-if="scope.row.confirmed">已确认</div>
+                                            <div class="tableOperate comfirmed" style="color: #333333" v-if="scope.row.confirmed">已确认</div>
                                             <div class="tableOperate" v-else>
-                                                <a style="color: #0277B3; cursor: pointer;" @click="open(scope.row)">确认</a>
+                                                <a style="color: #0277b3; cursor: pointer" @click="open(scope.row)">确认</a>
                                             </div>
                                         </template>
                                     </el-table-column>
@@ -318,57 +339,50 @@
 </template>
 
 <script setup lang="ts">
-import {nextTick, onActivated, onMounted, reactive, ref, onBeforeMount, onUnmounted, VNodeRef} from "vue";
+import { nextTick, onActivated, onMounted, reactive, ref, onBeforeMount, onUnmounted, VNodeRef } from 'vue'
 import * as echarts from 'echarts'
-import { useTemplateRefsList,useEventListener } from '@vueuse/core'
-import {useI18n} from "vue-i18n";
+import { useTemplateRefsList, useEventListener } from '@vueuse/core'
+import { useI18n } from 'vue-i18n'
 import WindContent from '/@/views/backend/home/windMatrix.vue'
 import { equipList } from '/@/api/backend/realData/request'
-import {
-    getWindFarmRealData,
-    getWindTurbineMatrixData,
-    getHistoryData
-} from "/@/api/backend/dashboard.ts";
-import {dayjs, ElMessage, ElMessageBox, TableInstance} from "element-plus";
+import { getWindFarmRealData, getWindTurbineMatrixData, getHistoryData } from '/@/api/backend/dashboard.ts'
+import { dayjs, ElMessage, ElMessageBox, TableInstance } from 'element-plus'
 import { getRealTimeState } from '/@/views/backend/equipment/airBlower/utils.ts'
-import {useRoute} from "vue-router";
+import { useRoute } from 'vue-router'
 import { getAlarmListReq, eventComfirm } from '/@/api/backend/alarms/request'
 const route = useRoute()
 
-
-
 const d = new Date()
 const { t } = useI18n()
-let timer:any = null
+let timer: any = null
 let myTable = ref<TableInstance>()
 
-
-const realData=ref({
+const realData = ref({
     windFarmId: '',
-    attributeMap: {}
+    attributeMap: {},
 })
 
-const formatAttributeValue=(value:any) => {
-        if (value === undefined) {
-            return '-';
-        }
-        if (typeof value !== 'number') {
-            throw new Error('Invalid data type for attribute value');
-        }
-        return value % 1 === 0 ? value : value.toFixed(2);
+const formatAttributeValue = (value: any) => {
+    if (value === undefined) {
+        return '-'
+    }
+    if (typeof value !== 'number') {
+        throw new Error('Invalid data type for attribute value')
+    }
+    return value % 1 === 0 ? value : value.toFixed(2)
 }
 const overviewList = () => {
     getWindFarmRealData().then((res) => {
         if (res.code == 200) {
-            res.data.attributeMap.windfarmdayprodenergy= formatAttributeValue(res.data.attributeMap.windfarmdayprodenergy)
-            res.data.attributeMap.windfarmmonthprodenergy=formatAttributeValue(res.data.attributeMap.windfarmmonthprodenergy)
-            res.data.attributeMap.windfarmactivepower= formatAttributeValue(res.data.attributeMap.windfarmactivepower)
-            res.data.attributeMap.windfarmavgwindspeed=formatAttributeValue(res.data.attributeMap.windfarmavgwindspeed)
-            res.data.attributeMap.windfarmdayoperationhours=formatAttributeValue(res.data.attributeMap.windfarmdayoperationhours)
-            res.data.attributeMap.windfarmmonthoperationhours=formatAttributeValue(res.data.attributeMap.windfarmmonthoperationhours)
-            res.data.attributeMap.windfarmyearprodenergy=formatAttributeValue(res.data.attributeMap.windfarmyearprodenergy)
-            res.data.attributeMap.windfarmtotalprodenergy=formatAttributeValue(res.data.attributeMap.windfarmtotalprodenergy)
-            const data:any = {
+            res.data.attributeMap.windfarmdayprodenergy = formatAttributeValue(res.data.attributeMap.windfarmdayprodenergy)
+            res.data.attributeMap.windfarmmonthprodenergy = formatAttributeValue(res.data.attributeMap.windfarmmonthprodenergy)
+            res.data.attributeMap.windfarmactivepower = formatAttributeValue(res.data.attributeMap.windfarmactivepower)
+            res.data.attributeMap.windfarmavgwindspeed = formatAttributeValue(res.data.attributeMap.windfarmavgwindspeed)
+            res.data.attributeMap.windfarmdayoperationhours = formatAttributeValue(res.data.attributeMap.windfarmdayoperationhours)
+            res.data.attributeMap.windfarmmonthoperationhours = formatAttributeValue(res.data.attributeMap.windfarmmonthoperationhours)
+            res.data.attributeMap.windfarmyearprodenergy = formatAttributeValue(res.data.attributeMap.windfarmyearprodenergy)
+            res.data.attributeMap.windfarmtotalprodenergy = formatAttributeValue(res.data.attributeMap.windfarmtotalprodenergy)
+            const data: any = {
                 windFarmId: res.data.windFarmId,
                 attributeMap: {
                     windfarmdayprodenergy: res.data.attributeMap.windfarmdayprodenergy,
@@ -379,20 +393,19 @@ const overviewList = () => {
                     windfarmmonthoperationhours: res.data.attributeMap.windfarmmonthoperationhours,
                     windfarmyearprodenergy: res.data.attributeMap.windfarmyearprodenergy,
                     windfarmtotalprodenergy: res.data.attributeMap.windfarmtotalprodenergy,
-                }
+                },
             }
 
-            realData.value=data
-        }else{
+            realData.value = data
+        } else {
             ElMessage.error({
                 message: res.msg,
                 type: 'error',
             })
         }
-
     })
 }
-const currentDayStatus=ref({
+const currentDayStatus = ref({
     windTurbineNum: 0,
     installedCapacity: 0,
     runCapacityTotal: 0,
@@ -406,62 +419,77 @@ const currentDayStatus=ref({
     StandCapacityTotal: 0,
     StandNum: 0,
     StartCapacityTotal: 0,
-    StarteNum: 0
+    StarteNum: 0,
 })
-const deviceCode=ref([])
+const deviceCode = ref([])
 const FanList = ref([])
 const StatusListData = () => {
     getWindTurbineMatrixData().then((res) => {
         if (res.code == 200) {
-            currentDayStatus.value.windTurbineNum=res.data.length
-            const data =res.data.map((item,index) => {
+            currentDayStatus.value.windTurbineNum = res.data.length
+            const data = res.data.map((item, index) => {
                 const state = getRealTimeState(item.attributeMap)
-                item.attributeMap.iwindspeed=item.attributeMap.iwindspeed !== undefined ? (item.attributeMap.iwindspeed % 1 === 0 ? item.attributeMap.iwindspeed : item.attributeMap.iwindspeed.toFixed(2)) : '--'
-                item.attributeMap.igenpower=item.attributeMap.igenpower !== undefined ? (item.attributeMap.igenpower % 1 === 0 ? item.attributeMap.igenpower : item.attributeMap.igenpower.toFixed(2)) : '--'
-                item.attributeMap.ikwhthisday=item.attributeMap.ikwhthisday !== undefined ? (item.attributeMap.ikwhthisday % 1 === 0 ? item.attributeMap.ikwhthisday : item.attributeMap.ikwhthisday.toFixed(2)) : '--'
+                item.attributeMap.iwindspeed =
+                    item.attributeMap.iwindspeed !== undefined
+                        ? item.attributeMap.iwindspeed % 1 === 0
+                            ? item.attributeMap.iwindspeed
+                            : item.attributeMap.iwindspeed.toFixed(2)
+                        : '--'
+                item.attributeMap.igenpower =
+                    item.attributeMap.igenpower !== undefined
+                        ? item.attributeMap.igenpower % 1 === 0
+                            ? item.attributeMap.igenpower
+                            : item.attributeMap.igenpower.toFixed(2)
+                        : '--'
+                item.attributeMap.ikwhthisday =
+                    item.attributeMap.ikwhthisday !== undefined
+                        ? item.attributeMap.ikwhthisday % 1 === 0
+                            ? item.attributeMap.ikwhthisday
+                            : item.attributeMap.ikwhthisday.toFixed(2)
+                        : '--'
                 // 初始化计数器和累加器
                 if (index === 0) {
-                    currentDayStatus.value.runNum = 0;
-                    currentDayStatus.value.standbyNum = 0;
-                    currentDayStatus.value.StandNum = 0;
-                    currentDayStatus.value.StarteNum = 0;
-                    currentDayStatus.value.offlineNum = 0;
-                    currentDayStatus.value.faultNum = 0;
+                    currentDayStatus.value.runNum = 0
+                    currentDayStatus.value.standbyNum = 0
+                    currentDayStatus.value.StandNum = 0
+                    currentDayStatus.value.StarteNum = 0
+                    currentDayStatus.value.offlineNum = 0
+                    currentDayStatus.value.faultNum = 0
 
-                    currentDayStatus.value.runCapacityTotal = 0;
-                    currentDayStatus.value.standbyCapacityTotal = 0;
-                    currentDayStatus.value.StandCapacityTotal = 0;
-                    currentDayStatus.value.StartCapacityTotal = 0;
-                    currentDayStatus.value.offlineCapacityTotal = 0;
-                    currentDayStatus.value.faultCapacityTotal = 0;
-                    currentDayStatus.value.installedCapacity=0;
+                    currentDayStatus.value.runCapacityTotal = 0
+                    currentDayStatus.value.standbyCapacityTotal = 0
+                    currentDayStatus.value.StandCapacityTotal = 0
+                    currentDayStatus.value.StartCapacityTotal = 0
+                    currentDayStatus.value.offlineCapacityTotal = 0
+                    currentDayStatus.value.faultCapacityTotal = 0
+                    currentDayStatus.value.installedCapacity = 0
                 }
 
                 // 更新容量
                 if (item.nominalCapacity !== undefined) {
-                    currentDayStatus.value.installedCapacity += item.nominalCapacity;
+                    currentDayStatus.value.installedCapacity += item.nominalCapacity
                 }
 
                 // 根据运行模式更新状态和数量
                 //const mode = item.attributeMap.iturbineoperationmode
                 if ([7, 8, 17, 18, 19, 20, 21].includes(state)) {
-                    currentDayStatus.value.runCapacityTotal += item.nominalCapacity;
-                    currentDayStatus.value.runNum += 1;
+                    currentDayStatus.value.runCapacityTotal += item.nominalCapacity
+                    currentDayStatus.value.runNum += 1
                 } else if ([1, 2, 3, 4, 5, 6].includes(state)) {
-                    currentDayStatus.value.standbyCapacityTotal += item.nominalCapacity;
-                    currentDayStatus.value.standbyNum += 1;
+                    currentDayStatus.value.standbyCapacityTotal += item.nominalCapacity
+                    currentDayStatus.value.standbyNum += 1
                 } else if ([9, 10, 12, 13, 14, 15].includes(state)) {
-                    currentDayStatus.value.StandCapacityTotal += item.nominalCapacity;
-                    currentDayStatus.value.StandNum += 1;
+                    currentDayStatus.value.StandCapacityTotal += item.nominalCapacity
+                    currentDayStatus.value.StandNum += 1
                 } else if (state === 16) {
-                    currentDayStatus.value.StartCapacityTotal += item.nominalCapacity;
-                    currentDayStatus.value.StarteNum += 1;
+                    currentDayStatus.value.StartCapacityTotal += item.nominalCapacity
+                    currentDayStatus.value.StarteNum += 1
                 } else if (state === 0) {
-                    currentDayStatus.value.offlineCapacityTotal += item.nominalCapacity;
-                    currentDayStatus.value.offlineNum += 1;
+                    currentDayStatus.value.offlineCapacityTotal += item.nominalCapacity
+                    currentDayStatus.value.offlineNum += 1
                 } else if (state === 11) {
-                    currentDayStatus.value.faultCapacityTotal += item.nominalCapacity;
-                    currentDayStatus.value.faultNum += 1;
+                    currentDayStatus.value.faultCapacityTotal += item.nominalCapacity
+                    currentDayStatus.value.faultNum += 1
                 }
                 const propertiesToFormat = [
                     'runCapacityTotal',
@@ -470,50 +498,47 @@ const StatusListData = () => {
                     'StartCapacityTotal',
                     'offlineCapacityTotal',
                     'faultCapacityTotal',
-                    'installedCapacity'
-                ];
+                    'installedCapacity',
+                ]
 
-                propertiesToFormat.forEach(property => {
+                propertiesToFormat.forEach((property) => {
                     if (currentDayStatus.value[property] !== null && currentDayStatus.value[property] !== undefined) {
-                        currentDayStatus.value[property] = Number(currentDayStatus.value[property].toFixed(0));
+                        currentDayStatus.value[property] = Number(currentDayStatus.value[property].toFixed(0))
                     }
-                });
+                })
                 return {
-                        irn: item.irn,
-                        name: item.name ?? '-',
-                        model: item.model || '-',
-                        modelId: item.modelId,
-                        belongLine: item.belongLine || '-',
-                        standard: item.standard,
-                        attributeMap:{
-                            iwindspeed: item.attributeMap.iwindspeed,
-                            igenpower: item.attributeMap.igenpower,
-                            ikwhthisday: item.attributeMap.ikwhthisday,
-                            iturbineoperationmode: state,
-                            locked: item.attributeMap.locked,
-                        }
+                    irn: item.irn,
+                    name: item.name ?? '-',
+                    model: item.model || '-',
+                    modelId: item.modelId,
+                    belongLine: item.belongLine || '-',
+                    standard: item.standard,
+                    attributeMap: {
+                        iwindspeed: item.attributeMap.iwindspeed,
+                        igenpower: item.attributeMap.igenpower,
+                        ikwhthisday: item.attributeMap.ikwhthisday,
+                        iturbineoperationmode: state,
+                        locked: item.attributeMap.locked,
+                    },
                 }
-            });
-            FanList.value=data
-        }else{
+            })
+            FanList.value = data
+        } else {
             ElMessage.error({
                 message: res.msg,
                 type: 'error',
             })
         }
-
     })
 }
 
-
-
 const state: {
     charts: { powerChart: any; trendChart: any }
     remark: string
     workingTimeFormat: string
     pauseWork: boolean
 } = reactive({
-    charts: { powerChart: null,  trendChart: null },
+    charts: { powerChart: null, trendChart: null },
     remark: 'dashboard.Loading',
     workingTimeFormat: '',
     pauseWork: false,
@@ -565,8 +590,7 @@ const initpowerChart = () => {
                     color: '#999999',
                 },
             },
-            data: powerChartData.time.WindFarmAvgWindSpee??powerChartData.time.WindFarmActivePower
-            ,
+            data: powerChartData.time.WindFarmAvgWindSpee ?? powerChartData.time.WindFarmActivePower,
         },
         yAxis: [
             {
@@ -643,7 +667,7 @@ const initpowerChart = () => {
                 //barWidth: 10,
                 itemStyle: {
                     color: '#00A7EB',
-                    barBorderRadius: 2
+                    barBorderRadius: 2,
                 },
                 data: powerChartData.values?.WindFarmActivePower ?? [],
             },
@@ -658,14 +682,14 @@ const initpowerChart = () => {
                 smooth: 0.6,
                 symbol: 'none',
                 areaStyle: {
-                        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-                            {
-                                offset: 0,
-                                color: 'rgba(255,126,0,0.8)'
-                            }
-                        ])
-                    },
-                data: powerChartData.values?.WindFarmAvgWindSpeed  ?? [],
+                    color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                        {
+                            offset: 0,
+                            color: 'rgba(255,126,0,0.8)',
+                        },
+                    ]),
+                },
+                data: powerChartData.values?.WindFarmAvgWindSpeed ?? [],
             },
         ],
     }
@@ -673,8 +697,6 @@ const initpowerChart = () => {
     state.charts.powerChart = powerChart
 }
 
-
-
 const trendChartRef = ref<VNodeRef>()
 const TrendDataForDay: {
     currentPeriod: {
@@ -696,7 +718,7 @@ const TrendDataForDay: {
     },
 }
 
-const TrendDataForMonth :{
+const TrendDataForMonth: {
     currentPeriod: {
         time: string[]
         value: number[]
@@ -825,7 +847,6 @@ const inittrendChart = (type: 'day' | 'month') => {
     state.charts.trendChart = trendChart
 }
 
-
 const echartsResize = () => {
     nextTick(() => {
         const chartKeys = Object.keys(state.charts) as Array<keyof typeof state.charts>
@@ -847,18 +868,18 @@ const timestampToTime = (timestamp: any) => {
     let m = date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes()
     return Y + M + D + h + m
 }
-const tableData= ref()
+const tableData = ref()
 
 const getTableData = (deviceCode) => {
-    const today = new Date();
-    const threeDaysAgo = new Date(today);
-    threeDaysAgo.setDate(today.getDate() - 3);
-    const startTime = threeDaysAgo.getTime();
-    const data:any = {
+    const today = new Date()
+    const threeDaysAgo = new Date(today)
+    threeDaysAgo.setDate(today.getDate() - 3)
+    const startTime = threeDaysAgo.getTime()
+    const data: any = {
         startTime: startTime,
         endTime: Date.now(),
-        deviceCode:deviceCode,
-        limit:100
+        deviceCode: deviceCode,
+        limit: 100,
     }
     console.log(JSON.stringify(data))
     getAlarmListReq(data).then((res) => {
@@ -917,7 +938,6 @@ const okSubmit = (val: any) => {
         })
 }
 
-
 const clearScroll = () => {
     clearInterval(timer)
     timer = null
@@ -953,14 +973,14 @@ const getChartData = <T extends string = any>(params: {
             ],
             interval: params.interval,
         }
-       /* console.log(JSON.stringify(data))*/
+        /* console.log(JSON.stringify(data))*/
         getHistoryData(data).then((res) => {
             if (res.success) {
-                 if (typeof res.data === 'object' && res.data !== null && Object.keys(res.data).length === 0) {
-                     const times: any = {}
-                     const val: any = {}
-                     resolve({ times, val })
-                 } else {
+                if (typeof res.data === 'object' && res.data !== null && Object.keys(res.data).length === 0) {
+                    const times: any = {}
+                    const val: any = {}
+                    resolve({ times, val })
+                } else {
                     const data = res.data['1848624295633317890']
                     const rangeKeys = Object.keys(data)
                     const times: any = {}
@@ -969,11 +989,11 @@ const getChartData = <T extends string = any>(params: {
                         times[key] = []
                         val[key] = []
                         data[key].times.forEach((item: number) => {
-                            if(params.interval=='5m'){
+                            if (params.interval == '5m') {
                                 times[key].push(dayjs(item).format('HH:mm'))
-                            }else if(params.interval=='1d'){
+                            } else if (params.interval == '1d') {
                                 times[key].push(dayjs(item).format('DD'))
-                            }else if(params.interval=='1n'){
+                            } else if (params.interval == '1n') {
                                 times[key].push(dayjs(item).format('MM'))
                             }
                         })
@@ -983,7 +1003,6 @@ const getChartData = <T extends string = any>(params: {
                     })
                     resolve({ times, val })
                 }
-
             }
         })
     })
@@ -996,8 +1015,8 @@ const getThisDayChartData = () => {
             attr: ['WindFarmActivePower', 'WindFarmAvgWindSpeed '],
             interval: '5m',
         }).then(({ times, val }) => {
-            powerChartData.time = { WindFarmActivePower: times.WindFarmActivePower, WindFarmAvgWindSpeed : times.WindFarmAvgWindSpeed  }
-            powerChartData.values = { WindFarmActivePower: val.WindFarmActivePower, WindFarmAvgWindSpeed : val.WindFarmAvgWindSpeed  }
+            powerChartData.time = { WindFarmActivePower: times.WindFarmActivePower, WindFarmAvgWindSpeed: times.WindFarmAvgWindSpeed }
+            powerChartData.values = { WindFarmActivePower: val.WindFarmActivePower, WindFarmAvgWindSpeed: val.WindFarmAvgWindSpeed }
             resolve(true)
         })
     })
@@ -1013,7 +1032,7 @@ const getLastYearChartData = () => {
         const start = getLastYearTodayTimestamp()
         const end = new Date()
         end.setFullYear(end.getFullYear() - 1)
-        end.setMonth(end.getMonth() + 1, 0); // 设置为下个月的第一天，然后减去一天
+        end.setMonth(end.getMonth() + 1, 0) // 设置为下个月的第一天，然后减去一天
 
         getChartData<'WindFarmDayProdEnergy'>({
             startTime: start,
@@ -1044,24 +1063,23 @@ const getThisDayChartForHourData = () => {
 }
 //发电连月
 const getLastMonthTodayTimestamp = () => {
-    const now = new Date(); // 当前日期
-    const thisYear = now.getFullYear(); // 获取当前年份
-    const lastYear = thisYear - 1; // 计算去年年份
-    const firstDayOfLastYear = new Date(lastYear, 0, 1); // 设置为去年的一月一日
+    const now = new Date() // 当前日期
+    const thisYear = now.getFullYear() // 获取当前年份
+    const lastYear = thisYear - 1 // 计算去年年份
+    const firstDayOfLastYear = new Date(lastYear, 0, 1) // 设置为去年的一月一日
     return firstDayOfLastYear.getTime()
-
 }
 const getThisMonthTodayTimestamp = () => {
-    const now = new Date(); // 当前日期
-    const thisYear = now.getFullYear(); // 获取当前年份
-    const firstDayOfYear = new Date(thisYear, 0, 1); // 设置为今年的一月一日
+    const now = new Date() // 当前日期
+    const thisYear = now.getFullYear() // 获取当前年份
+    const firstDayOfYear = new Date(thisYear, 0, 1) // 设置为今年的一月一日
     return firstDayOfYear.getTime()
 }
 const getLastYear = () => {
-    const now = new Date(); // 当前日期
-    const thisYear = now.getFullYear(); // 获取当前年份
-    const lastYear = thisYear - 1; // 计算去年年份
-    const lastDayOfLastYear = new Date(lastYear, 11, 0); // 设置为去年12月的最后一天
+    const now = new Date() // 当前日期
+    const thisYear = now.getFullYear() // 获取当前年份
+    const lastYear = thisYear - 1 // 计算去年年份
+    const lastDayOfLastYear = new Date(lastYear, 11, 0) // 设置为去年12月的最后一天
     return lastDayOfLastYear.getTime()
 }
 const getLastMonthChartData = () => {
@@ -1083,7 +1101,7 @@ const getLastMonthChartData = () => {
 
 const getThisMonthChartForHourData = () => {
     return new Promise((resolve) => {
-        const start=getThisMonthTodayTimestamp()
+        const start = getThisMonthTodayTimestamp()
         getChartData<'WIndFarmMonthProdEnergy'>({
             startTime: start,
             endTime: Date.now(),
@@ -1097,7 +1115,6 @@ const getThisMonthChartForHourData = () => {
     })
 }
 
-
 const getAllChartData = (type: ('power' | 'trend')[] = ['power', 'trend']) => {
     if (type.includes('power')) {
         getThisDayChartData().then(() => {
@@ -1109,7 +1126,7 @@ const getAllChartData = (type: ('power' | 'trend')[] = ['power', 'trend']) => {
         const trendDataForThisDay = getThisDayChartForHourData()
         const trendDataForLastMonth = getLastMonthChartData()
         const trendDataForThisMonth = getThisMonthChartForHourData()
-        Promise.all([trendDataForLastYear, trendDataForThisDay,trendDataForLastMonth,trendDataForThisMonth]).then(() => {
+        Promise.all([trendDataForLastYear, trendDataForThisDay, trendDataForLastMonth, trendDataForThisMonth]).then(() => {
             inittrendChart(trendChartType.value)
         })
     }
@@ -1130,7 +1147,7 @@ onMounted(() => {
     StatusListData()
     autoUpdate()
 
-    equipList({objectType: 10002,}).then((res) => {
+    equipList({ objectType: 10002 }).then((res) => {
         res.data.map((item: any) => {
             deviceCode.value.push(item.name)
         })
@@ -1173,134 +1190,145 @@ onUnmounted(() => {
     chartKeys.forEach((key) => {
         state.charts[key].dispose()
     })
-});
-
-
-
-
-
+})
 </script>
 
 <style scoped lang="scss">
+@media screen and (max-width: 1910px) {
+    .default-main {
+        .content-number {
+            font-size: 16px !important;
+        }
+        .homelabel {
+            font-size: 16px !important;
+        }
+        .grid-content {
+            .panelBg {
+                padding: 10px !important;
+                margin-bottom: 10px !important;
+            }
+        }
+        .col-center {
+            padding: 0px !important;
+        }
+    }
+}
 .default-main {
     width: 100%;
     height: 100%;
     padding: 0;
     margin: 0;
-    color: #4E5969;
-    background-color: #F2F3F5;
-    .content-number{
+    color: #4e5969;
+    background-color: #f2f3f5;
+    .content-number {
         color: #333333;
         font-size: 20px;
     }
-    .homelabel{
+    .homelabel {
         font-family: PingFangSC-Semibold;
         font-size: 18px;
-        color: #4E5969;
+        color: #4e5969;
         letter-spacing: 0;
         line-height: 18px;
         font-weight: 600;
         margin-bottom: 20px;
         display: block;
     }
-    .grid-content{
+    .grid-content {
         width: 100%;
         height: 100%;
-        .panelBg{
+        .panelBg {
             background-color: #ffffff;
             padding: 20px;
             border-radius: 5px;
             margin-bottom: 20px;
         }
-        .overview{
-            .small-panel{
+        .overview {
+            .small-panel {
                 display: flex;
-                border: 1px solid #E1EDF6;
+                border: 1px solid #e1edf6;
                 border-radius: 10px;
                 padding: 10px;
-                .small-panel-pic{
+                .small-panel-pic {
                     width: 36px;
                     height: 36px;
                 }
-                .small-base{
+                .small-base {
                     margin-left: 10px;
                     color: #2c3f5d;
                 }
             }
         }
-        .status{
-            .statusrow{
+        .status {
+            .statusrow {
                 margin-bottom: 10px;
             }
-            .status-con{
+            .status-con {
                 padding-left: 20px !important;
-                background: #F0F6FF;
+                background: #f0f6ff;
                 border-radius: 10px;
             }
-            .status-panel{
+            .status-panel {
                 display: flex;
                 padding: 10px;
                 font-size: 12px;
-                .status-panel-pic{
+                .status-panel-pic {
                     width: 60px;
                     height: 60px;
                 }
-                .status-base-main{
+                .status-base-main {
                     margin-left: 10px;
                     line-height: 23px;
                     padding-top: 6px;
                 }
-                .status-base{
+                .status-base {
                     margin-left: 10px;
                     line-height: 23px;
-                    padding: 6px 10px 0 10px;;
+                    padding: 6px 10px 0 10px;
                     display: flex;
                     justify-content: space-between;
                     width: 100%;
                 }
-                .status-panel-piczt{
+                .status-panel-piczt {
                     width: 24px;
                     height: 24px;
                 }
             }
-
         }
-        .power{
-            .power-chart{
+        .power {
+            .power-chart {
                 width: 100%;
                 height: 250px;
             }
         }
-        .matrix{
-            background: url("/@/assets/dashboard/bg1.png") no-repeat #ffffff;
+        .matrix {
+            background: url('/@/assets/dashboard/bg1.png') no-repeat #ffffff;
             background-size: 100% 100%;
             height: 100%;
         }
-        .summarize{
-            .summarize-title{
+        .summarize {
+            .summarize-title {
                 display: flex;
                 justify-content: space-between;
             }
-            .summarize-panel{
-                background: #F0F6FF;
+            .summarize-panel {
+                background: #f0f6ff;
                 border-radius: 10px;
                 margin: 5px;
                 padding: 10px;
-                .summarize-panel-pic{
+                .summarize-panel-pic {
                     text-align: center;
                 }
-                .summarize-panel-base{
+                .summarize-panel-base {
                     text-align: center;
                 }
-
             }
-
         }
-        .trend{
+        .trend {
             height: 350px;
             overflow: hidden;
-            .trend-tabs{
-                :deep(.el-tabs__item){
+            .trend-tabs {
+                :deep(.el-tabs__item) {
                     border: none;
                     text-align: center;
                     width: 40px;
@@ -1308,39 +1336,35 @@ onUnmounted(() => {
                     line-height: 24px;
                     height: 24px;
                 }
-                :deep(.el-tabs__header .el-tabs__nav){
+                :deep(.el-tabs__header .el-tabs__nav) {
                     border-radius: 0;
                     border: none;
                 }
-                :deep(.el-tabs__header){
+                :deep(.el-tabs__header) {
                     border-bottom: 0;
                     float: right;
-                    margin-top:-43px
+                    margin-top: -43px;
                 }
-                :deep(.el-tabs__content){
+                :deep(.el-tabs__content) {
                     clear: both;
                 }
-                :deep(.el-tabs__item.is-active){
-                    background: rgba(2,119,179,0.20);
+                :deep(.el-tabs__item.is-active) {
+                    background: rgba(2, 119, 179, 0.2);
                     border-radius: 4px;
                     border: none;
                 }
-                :deep(.el-tabs__nav-wrap:after){
+                :deep(.el-tabs__nav-wrap:after) {
                     background: none;
                 }
-                :deep(.el-tabs__active-bar){
+                :deep(.el-tabs__active-bar) {
                     background: none;
                 }
-
             }
-            .trend-chart{
+            .trend-chart {
                 width: 100%;
                 height: 260px;
             }
         }
-
     }
-
-
 }
 </style>
