From 22b75781ef2bc11416c645d20a77c0ebed3b2144 Mon Sep 17 00:00:00 2001
From: betaqi <3188864257@qq.com>
Date: Fri, 30 May 2025 11:31:41 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=90=8D=E7=A7=B0=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html                                   |  2 +-
 src/pages/deviceInfo/components/TestInfo.vue |  6 +--
 src/pages/deviceInfo/index.vue               |  4 ++
 src/pages/index.html                         |  2 +-
 src/pages/layout.vue                         | 57 +++++++++-----------
 src/pages/system/login/index.vue             |  4 +-
 6 files changed, 36 insertions(+), 39 deletions(-)
diff --git a/index.html b/index.html
index ecceec8..ab6ae31 100644
--- a/index.html
+++ b/index.html
@@ -4,7 +4,7 @@
         <meta charset="UTF-8" />
         <link rel="icon" href="/favicon.ico" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <title>设备管理平台</title>
+        <title>储能边缘控制主机管理平台</title>
         <style>
             body {
                 margin: 0;
diff --git a/src/pages/deviceInfo/components/TestInfo.vue b/src/pages/deviceInfo/components/TestInfo.vue
index e7cd1b0..21788df 100644
--- a/src/pages/deviceInfo/components/TestInfo.vue
+++ b/src/pages/deviceInfo/components/TestInfo.vue
@@ -55,12 +55,12 @@
       />
     </div>
   </div>
-  <testSheetInfoDlg
+  <!-- <testSheetInfoDlg
     :info="sheetDetail"
     :title="curSheetDetailName"
     :isShow="isShowDetail"
     @on-close="isShowDetail = false"
-  />
+  /> -->
 </template>
 <script setup lang="ts">
 import dayjs from 'dayjs'
@@ -128,7 +128,7 @@ async function loadDeviceTestSheet() {
 }
 const isShowDetail = ref(false)
 const sheetDetail = ref<any>([])
-const curSheetDetailName = ref<any>()
+const curSheetDetailName = ref<any>('')
 async function loadSheetDetail(row: any) {
   // const res = await getSheetDetail(row.id)
   // if (isResError(res)) return
diff --git a/src/pages/deviceInfo/index.vue b/src/pages/deviceInfo/index.vue
index 770de53..a97918e 100644
--- a/src/pages/deviceInfo/index.vue
+++ b/src/pages/deviceInfo/index.vue
@@ -119,6 +119,10 @@ import { deviceTableCol, DeviceStatus } from './utils'
 import { getCategoryTree, type ICategoryTree } from '@/api/module/eam/device/category'
 import jsPDF from 'jspdf'
 
+defineOptions({
+  name: 'DeviceList',
+})
+
 const loading = ref(true)
 const total = ref(0)
 const list = ref<IDevice[]>([])
diff --git a/src/pages/index.html b/src/pages/index.html
index c8944a6..b1f52a8 100644
--- a/src/pages/index.html
+++ b/src/pages/index.html
@@ -4,7 +4,7 @@
         <meta charset="UTF-8" />
         <link rel="icon" href="/favicon.ico" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <title>设备管理平台</title>
+        <title>储能边缘控制主机管理平台</title>
     </head>
     <body>
         <div id="app"></div>
diff --git a/src/pages/layout.vue b/src/pages/layout.vue
index e0d9e8a..cfecba5 100644
--- a/src/pages/layout.vue
+++ b/src/pages/layout.vue
@@ -3,16 +3,12 @@
     <div class="menu-box">
       <div class="logo">
         <img :src="logoIcon" alt="" class="logo-icon" />
-        <span class="logo-label">设备管理平台</span>
+        <span class="logo-label"> 储能边缘控制主机管理</span>
       </div>
       <el-scrollbar>
         <el-menu :default-active="activeMenu" class="menu" @select="menuClick">
           <template v-for="(menu, idx) in menuData" :key="idx">
-            <el-menu-item
-              :index="menu.path"
-              class="menu-item"
-              v-if="!menu?.children?.length"
-            >
+            <el-menu-item :index="menu.path" class="menu-item" v-if="!menu?.children?.length">
               <Icon :size="16" v-if="menu.meta.icon" :icon="menu.meta.icon" />
               <span class="menu-label">{{ menu.meta.title }}</span>
             </el-menu-item>
@@ -22,11 +18,7 @@
                 <span class="menu-label">{{ menu.meta.title }}</span>
               </template>
               <template v-for="(child, index) in menu.children" :key="index">
-                <el-menu-item
-                  class="menu-item"
-                  :index="`${menu.path}/${child.path}`"
-                  v-if="!child?.children?.length"
-                >
+                <el-menu-item class="menu-item" :index="`${menu.path}/${child.path}`" v-if="!child?.children?.length">
                   <Icon :size="16" v-if="child.meta.icon" :icon="child.meta.icon" />
 
                   {{ child.meta.title }}
@@ -38,19 +30,9 @@
 
                     {{ child.meta.title }}
                   </template>
-                  <template
-                    v-for="(subChild, subIndex) in child.children"
-                    :key="subIndex"
-                  >
-                    <el-menu-item
-                      class="menu-item"
-                      :index="`${menu.path}/${child.path}/${subChild.path}`"
-                    >
-                      <Icon
-                        :size="16"
-                        v-if="subChild.meta.icon"
-                        :icon="subChild.meta.icon"
-                      />
+                  <template v-for="(subChild, subIndex) in child.children" :key="subIndex">
+                    <el-menu-item class="menu-item" :index="`${menu.path}/${child.path}/${subChild.path}`">
+                      <Icon :size="16" v-if="subChild.meta.icon" :icon="subChild.meta.icon" />
 
                       {{ subChild.meta.title }}
                     </el-menu-item>
@@ -69,10 +51,7 @@
           {{ currentTime }}
         </div>
         <div class="right">
-          <el-dropdown
-            style="width: 100%; height: 100%"
-            @command="command => handleCommand(command)"
-          >
+          <el-dropdown style="width: 100%; height: 100%" @command="command => handleCommand(command)">
             <div class="user-avatar">
               <img :src="Avatar" height="32" />
               <div class="user-name" :title="userName">{{ userName }}</div>
@@ -89,7 +68,11 @@
       </el-header>
       <main class="layout-main">
         <el-config-provider :locale="zhCn">
-          <RouterView />
+          <RouterView v-slot="{ Component }">
+            <KeepAlive :include="['DeviceList']">
+              <component :is="Component" />
+            </KeepAlive>
+          </RouterView>
         </el-config-provider>
         <!-- </div> -->
       </main>
@@ -235,7 +218,7 @@ async function loginOut() {
     })
     await userStore.loginout()
     push('/login')
-  } catch {}
+  } catch { }
 }
 
 onUnmounted(() => {
@@ -245,19 +228,20 @@ onUnmounted(() => {
 
 <style scoped lang="scss">
 $header-height: 48px;
+
 .root {
   width: 100%;
   height: 100%;
   display: flex;
 
   .menu-box {
-    max-width: 216px;
     height: 100%;
     position: relative;
     transition: width 0.3s ease;
     overflow: hidden;
     background-color: var(--layout-menu-bg);
-    @include ResponsiveW(216);
+    // @include ResponsiveW(168);
+    width: 224px;
 
     .logo {
       height: 48px;
@@ -290,15 +274,18 @@ $header-height: 48px;
         height: 20px;
       }
     }
+
     :deep(.el-menu) {
       background-color: var(--layout-menu-bg);
       border-right: none;
     }
+
     .menu {
       height: calc(100% - 48px);
       width: 100%;
       overflow: auto;
       background-color: var(--layout-menu-bg);
+
       :deep(.el-menu-item:hover),
       :deep(.el-sub-menu__title:hover) {
         background: #272b35;
@@ -314,10 +301,12 @@ $header-height: 48px;
         height: 40px;
         border-left: 3px solid transparent;
       }
+
       :deep(.el-menu-item.is-active) {
         background-color: #2c342c;
         border-left: 3px solid #619925;
       }
+
       .mr-5px {
         margin-right: 5px;
         font-size: 26px;
@@ -379,6 +368,7 @@ $header-height: 48px;
         outline: none;
         align-items: center;
         cursor: pointer;
+
         .user-name {
           font-size: 14px;
           color: var(--text-color);
@@ -404,15 +394,18 @@ $header-height: 48px;
     background: var(--bg);
     display: flex;
     flex-direction: column;
+
     .layout-breadcrumb {
       height: 20px;
       margin-bottom: 14px;
     }
+
     .layout-view {
       flex: 1;
       background: var(--bg);
       border-radius: 4px;
     }
+
     // overflow: hidden;
   }
 }
diff --git a/src/pages/system/login/index.vue b/src/pages/system/login/index.vue
index 05fa179..c93aa4a 100644
--- a/src/pages/system/login/index.vue
+++ b/src/pages/system/login/index.vue
@@ -3,8 +3,8 @@
     <div class="header">
       <img :src="Logo" class="icon" />
       <div class="sys-title">
-        <span class="title-cn">比特电科-设备管理系统</span>
-        <span class="title-en">BTDK-Equipment Management System</span>
+        <span class="title-cn">比特电科-储能边缘控制主机管理平台</span>
+        <span class="title-en">BTDK-ES Edge Control Host Management Platform</span>
       </div>
     </div>
     <div class="body">
