From 07b1763e99f079cf4d9e621d28f2c091a726d54d Mon Sep 17 00:00:00 2001
From: Wenjie Zhang <xerrors@163.com>
Date: Sat, 23 Nov 2024 11:14:26 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9C=A8=E7=BD=91=E9=A1=B5=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E5=90=8E=E7=AB=AF=E5=BC=82=E5=B8=B8=E7=9A=84=E6=8F=90=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/layouts/AppLayout.vue | 14 +++++++++++++-
 web/src/views/SettingView.vue |  4 ++--
 2 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/web/src/layouts/AppLayout.vue b/web/src/layouts/AppLayout.vue
index 55733c5e..67e9ee0e 100644
--- a/web/src/layouts/AppLayout.vue
+++ b/web/src/layouts/AppLayout.vue
@@ -18,6 +18,7 @@ import {
   ProjectOutlined,
   StarFilled,
   StarOutlined,
+  ExclamationCircleOutlined,
 } from '@ant-design/icons-vue'
 import { themeConfig } from '@/assets/theme'
 import { useConfigStore } from '@/stores/config'
@@ -101,6 +102,13 @@ console.log(route)
           <component class="icon" :is="route.path.startsWith('/tools') ? StarFilled: StarOutlined" />
           <span class="text">工具</span>
         </RouterLink>
+        <a-tooltip placement="right">
+          <template #title>后端疑似没有正常启动，请刷新一下或者检查 docker logs api-dev</template>
+          <div class="nav-item warning" v-if="!configStore.config._config_items">
+            <component class="icon" :is="ExclamationCircleOutlined" />
+            <span class="text">警告</span>
+          </div>
+        </a-tooltip>
       </div>
       <div class="fill" style="flex-grow: 1;"></div>
       <div class="github nav-item">
@@ -182,7 +190,7 @@ div.header, #app-router-view {
     img {
       width: 100%;
       height: 100%;
-      border-radius: 4px;  // 50% for circle 
+      border-radius: 4px;  // 50% for circle
     }
 
     .logo-text {
@@ -235,6 +243,10 @@ div.header, #app-router-view {
       border: 1px solid white;
     }
 
+    &.warning {
+      color: red;
+    }
+
     &:hover {
       background-color: rgba(255, 255, 255, 0.8);
       backdrop-filter: blur(10px);
diff --git a/web/src/views/SettingView.vue b/web/src/views/SettingView.vue
index a02f2815..4526640f 100644
--- a/web/src/views/SettingView.vue
+++ b/web/src/views/SettingView.vue
@@ -80,7 +80,7 @@
           </div>
         </div>
       </div>
-      <div class="setting" v-if="state.section == 'model'">
+      <div class="setting" v-if="state.section === 'model'">
         <h3>模型配置</h3>
         <p>请在 <code>src/.env</code> 文件中配置对应的 APIKEY</p>
         <div class="model-provider-card">
@@ -169,7 +169,7 @@
           </div>
         </div>
       </div>
-      <div class="setting" v-if="state.section =='path'">
+      <div class="setting" v-if="state.section ==='path'">
         <p>暂无配置</p>
       </div>
     </div>