From ffc378a38fa4221a9240b067660614ab43009325 Mon Sep 17 00:00:00 2001
From: Sun <95302870@qq.com>
Date: Sat, 6 Jan 2024 17:35:13 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E5=AE=8C=E5=96=84=E5=9F=BA?=
 =?UTF-8?q?=E6=9C=AC=E9=85=8D=E7=BD=AE=E4=B8=AD=E7=9A=84=E7=B3=BB=E7=BB=9F?=
 =?UTF-8?q?=E7=8A=B6=E6=80=81=E5=BC=80=E5=85=B3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/apps/Style/index.vue | 19 ++++++++++++++++++-
 src/enums/panel/index.ts            |  1 +
 src/store/modules/panel/helper.ts   |  4 ++++
 src/typings/panel.d.ts              |  3 +++
 src/views/home/index.vue            | 14 +++++++++++---
 5 files changed, 37 insertions(+), 4 deletions(-)

diff --git a/src/components/apps/Style/index.vue b/src/components/apps/Style/index.vue
index 2aa37de..a48accf 100644
--- a/src/components/apps/Style/index.vue
+++ b/src/components/apps/Style/index.vue
@@ -114,6 +114,24 @@ function resetPanelConfig() {
       </div>
     </NCard>
 
+    <NCard style="border-radius:10px" class="mt-[10px]" size="small">
+      <div class="text-slate-500 mb-[5px] font-bold">
+        系统监控
+      </div>
+      <div class="flex items-center mt-[5px]">
+        <span class="mr-[10px]">显示</span>
+        <NSwitch v-model:value="panelState.panelConfig.systemMonitorShow" />
+      </div>
+      <div v-if="panelState.panelConfig.systemMonitorShow" class="flex items-center mt-[5px]">
+        <span class="mr-[10px]">显示标题</span>
+        <NSwitch v-model:value="panelState.panelConfig.systemMonitorShowTitle" />
+      </div>
+      <div v-if="panelState.panelConfig.systemMonitorShow" class="flex items-center mt-[5px]">
+        <span class="mr-[10px]">公开模式允许显示</span>
+        <NSwitch v-model:value="panelState.panelConfig.systemMonitorPublicVisitModeShow" />
+      </div>
+    </NCard>
+
     <NCard style="border-radius:10px" class="mt-[10px]" size="small">
       <div class="text-slate-500 mb-[5px] font-bold">
         图标
@@ -249,7 +267,6 @@ function resetPanelConfig() {
       <NInput
         v-model:value="panelState.panelConfig.footerHtml"
         type="textarea"
-        placeholder="基本的 Textarea"
       />
     </NCard>
 
diff --git a/src/enums/panel/index.ts b/src/enums/panel/index.ts
index 1cd9044..01f847d 100644
--- a/src/enums/panel/index.ts
+++ b/src/enums/panel/index.ts
@@ -8,4 +8,5 @@ export enum PanelStateNetworkModeEnum {
 export enum PanelPanelConfigStyleEnum {
   'icon' = 1, // 图标风格
   'info' = 0, // 详情风格
+  'small' = 1, // 同icon
 }
diff --git a/src/store/modules/panel/helper.ts b/src/store/modules/panel/helper.ts
index ec40f0d..b21d6af 100644
--- a/src/store/modules/panel/helper.ts
+++ b/src/store/modules/panel/helper.ts
@@ -25,6 +25,10 @@ export function defaultStatePanelConfig(): Panel.panelConfig {
     maxWidthUnit: 'px',
     marginX: 5,
     footerHtml: defaultFooterHtml,
+    systemMonitorShow: false,
+    systemMonitorShowTitle: true,
+    systemMonitorPublicVisitModeShow: false,
+
   }
 }
 
diff --git a/src/typings/panel.d.ts b/src/typings/panel.d.ts
index bc98f99..384d76a 100644
--- a/src/typings/panel.d.ts
+++ b/src/typings/panel.d.ts
@@ -56,6 +56,9 @@ declare namespace Panel {
         maxWidthUnit:string
         marginX?:number
         footerHtml?:string
+        systemMonitorShow?:boolean
+        systemMonitorShowTitle?:boolean
+        systemMonitorPublicVisitModeShow?:boolean
     }
 
     interface userConfig{
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index f242922..bafdde6 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -363,9 +363,17 @@ function handleAddItem(itemIconGroupId?: number) {
 
         <!-- 应用盒子 -->
         <div :style="{ marginLeft: `${panelState.panelConfig.marginX}px`, marginRight: `${panelState.panelConfig.marginX}px` }">
-          <!-- 系统状态 -->
-          <div v-if="panelState.panelConfig.searchBoxShow" class="flex mx-auto ">
-            <SystemMonitor allow-edit />
+          <!-- 系统监控状态 -->
+          <div
+            v-if="panelState.panelConfig.systemMonitorShow
+              && ((panelState.panelConfig.systemMonitorPublicVisitModeShow && authStore.visitMode === VisitMode.VISIT_MODE_PUBLIC)
+                || authStore.visitMode === VisitMode.VISIT_MODE_LOGIN)"
+            class="flex mx-auto"
+          >
+            <SystemMonitor
+              :allow-edit="authStore.visitMode === VisitMode.VISIT_MODE_LOGIN"
+              :show-title="panelState.panelConfig.systemMonitorShowTitle"
+            />
           </div>
 
           <!-- 组纵向排列 -->