From 17dd07fe3289bcb9ea71780ce04563c062b6ccc0 Mon Sep 17 00:00:00 2001
From: ssongliu <songlius11@163.com>
Date: Mon, 17 Apr 2023 11:13:30 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=A6=82=E8=A7=88=E9=A1=B5=E5=A2=9E?=
 =?UTF-8?q?=E5=8A=A0=E6=9C=AA=E5=90=AF=E7=94=A8=E5=AE=89=E5=85=A8=E5=85=A5?=
 =?UTF-8?q?=E5=8F=A3=E6=8F=90=E7=A4=BA=E4=BF=A1=E6=81=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/lang/modules/en.ts            |  2 ++
 frontend/src/lang/modules/zh.ts            |  1 +
 frontend/src/views/home/index.vue          | 30 +++++++++++++++++++---
 frontend/src/views/log/operation/index.vue |  6 +++++
 4 files changed, 36 insertions(+), 3 deletions(-)

diff --git a/frontend/src/lang/modules/en.ts b/frontend/src/lang/modules/en.ts
index 3dd1c7d34..24835ff52 100644
--- a/frontend/src/lang/modules/en.ts
+++ b/frontend/src/lang/modules/en.ts
@@ -221,6 +221,8 @@ const message = {
     },
     home: {
         overview: 'Overview',
+        entranceHelper:
+            'Enabling a secure entrance can help improve system security. If necessary, go to the Control Panel settings, select Security, and enable the secure entrance.',
         appInstalled: 'App installed',
         systemInfo: 'System info',
         hostname: 'Hostname',
diff --git a/frontend/src/lang/modules/zh.ts b/frontend/src/lang/modules/zh.ts
index c63b5165c..c09eccb65 100644
--- a/frontend/src/lang/modules/zh.ts
+++ b/frontend/src/lang/modules/zh.ts
@@ -224,6 +224,7 @@ const message = {
     },
     home: {
         overview: '概览',
+        entranceHelper: '设置安全入口有利于提高系统的安全性，如有需要，前往 面板设置-安全 中，启用安全入口',
         appInstalled: '已安装应用',
         systemInfo: '系统信息',
         hostname: '主机名称',
diff --git a/frontend/src/views/home/index.vue b/frontend/src/views/home/index.vue
index b3a595800..c0e10e7c5 100644
--- a/frontend/src/views/home/index.vue
+++ b/frontend/src/views/home/index.vue
@@ -8,6 +8,22 @@
                 },
             ]"
         />
+        <el-alert v-if="!isSafety" :closable="false" style="margin-top: 20px" type="warning">
+            <template #default>
+                <span>
+                    <span>{{ $t('home.entranceHelper') }}</span>
+                    <el-link
+                        style="font-size: 12px; margin-left: 5px"
+                        icon="Position"
+                        @click="goRouter('/settings/safe')"
+                        type="primary"
+                    >
+                        {{ $t('firewall.quickJump') }}
+                    </el-link>
+                </span>
+            </template>
+        </el-alert>
+
         <el-row :gutter="20" style="margin-top: 20px">
             <el-col :span="16">
                 <CardWithHeader :header="$t('home.overview')" height="146px">
@@ -109,7 +125,7 @@
 
                             <div v-if="chartOption === 'io'" style="margin-top: 40px">
                                 <v-charts
-                                    height="300px"
+                                    height="305px"
                                     id="ioChart"
                                     type="line"
                                     :option="chartsOption['ioChart']"
@@ -119,7 +135,7 @@
                             </div>
                             <div v-if="chartOption === 'network'" style="margin-top: 40px">
                                 <v-charts
-                                    height="300px"
+                                    height="305px"
                                     id="networkChart"
                                     type="line"
                                     :option="chartsOption['networkChart']"
@@ -210,7 +226,7 @@ import { useRouter } from 'vue-router';
 import RouterButton from '@/components/router-button/index.vue';
 import { loadBaseInfo, loadCurrentInfo } from '@/api/modules/dashboard';
 import { getIOOptions, getNetworkOptions } from '@/api/modules/monitor';
-import { loadUpgradeInfo } from '@/api/modules/setting';
+import { getSettingInfo, loadUpgradeInfo } from '@/api/modules/setting';
 import { GlobalStore } from '@/store';
 const router = useRouter();
 const globalStore = GlobalStore();
@@ -218,6 +234,8 @@ const globalStore = GlobalStore();
 const statuRef = ref();
 const appRef = ref();
 
+const isSafety = ref();
+
 const chartOption = ref('network');
 let timer: NodeJS.Timer | null = null;
 let isInit = ref<boolean>(true);
@@ -482,7 +500,13 @@ const loadUpgradeStatus = async () => {
     }
 };
 
+const loadSafeStatus = async () => {
+    const res = await getSettingInfo();
+    isSafety.value = res.data.securityEntranceStatus === 'enable';
+};
+
 onMounted(() => {
+    loadSafeStatus();
     loadUpgradeStatus();
     onLoadNetworkOptions();
     onLoadIOOptions();
diff --git a/frontend/src/views/log/operation/index.vue b/frontend/src/views/log/operation/index.vue
index d9b84e633..932fc4e7b 100644
--- a/frontend/src/views/log/operation/index.vue
+++ b/frontend/src/views/log/operation/index.vue
@@ -183,6 +183,12 @@ const loadDetail = (log: string) => {
     if (log.indexOf('[SessionTimeout]') !== -1) {
         return log.replace('[SessionTimeout]', '[' + i18n.global.t('setting.sessionTimeout') + ']');
     }
+    if (log.indexOf('SecurityEntranceStatus') !== -1) {
+        return log.replace('[SecurityEntranceStatus]', '[' + i18n.global.t('setting.entrance') + ']');
+    }
+    if (log.indexOf('SecurityEntrance') !== -1) {
+        return log.replace('[SecurityEntrance]', '[' + i18n.global.t('setting.entrance') + ']');
+    }
     if (log.indexOf('[ExpirationDays]') !== -1) {
         return log.replace('[ExpirationDays]', '[' + i18n.global.t('setting.expirationTime') + ']');
     }