perf(X-Pack): 外观设置-增加是否显示 Slogan 配置项 #16437

core/core-frontend/src/locales/en.ts

@@ -556,6 +556,7 @@ export default {
     website_name: 'Website name',
     web_page_tab: 'Platform name displayed on web page tab',
     under_product_logo: 'Slogan under product logo',
+    slogan_content: 'Slogan content',
     footer: 'Footer',
     footer_content: 'Footer content',
     platform_settings: 'Platform settings',

core/core-frontend/src/locales/tw.ts

@@ -540,6 +540,7 @@ export default {
     website_name: '網站名稱',
     web_page_tab: '顯示在網頁Tab 的平台名稱',
     under_product_logo: '產品Logo 下的Slogan',
+    slogan_content: 'Slogan 內容',
     footer: '頁尾',
     footer_content: '頁尾內容',
     platform_settings: '平台設定',

core/core-frontend/src/locales/zh-CN.ts

@@ -541,6 +541,7 @@ export default {
     website_name: '网站名称',
     web_page_tab: '显示在网页 Tab 的平台名称',
     under_product_logo: '产品 Logo 下的 Slogan',
+    slogan_content: 'Slogan 内容',
     footer: '页脚',
     footer_content: '页脚内容',
     platform_settings: '平台设置',

core/core-frontend/src/store/modules/appearance.ts

@@ -24,6 +24,7 @@ interface AppearanceState {
   showAbout?: string
   bg?: string
   login?: string
+  showSlogan?: string
   slogan?: string
   web?: string
   name?: string
@@ -52,6 +53,7 @@ export const useAppearanceStore = defineStore('appearanceStore', {
       showAbout: '0',
       bg: '',
       login: '',
+      showSlogan: 'true',
       slogan: '',
       web: '',
       name: '',
@@ -107,6 +109,9 @@ export const useAppearanceStore = defineStore('appearanceStore', {
       }
       return null
     },
+    getShowSlogan(): string {
+      return this.showSlogan
+    },
     getSlogan(): string {
       return this.slogan
     },
@@ -317,6 +322,7 @@ export const useAppearanceStore = defineStore('appearanceStore', {
       }
       this.bg = data.bg
       this.login = data.login
+      this.showSlogan = data.showSlogan
       this.slogan = data.slogan
       this.web = data.web
       this.name = data.name

core/core-frontend/src/views/login/index.vue

@@ -28,7 +28,7 @@ const contentShow = ref(true)
 const loading = ref(false)
 const axiosFinished = ref(true)
 const showFoot = ref(false)
-
+const showSlogan = ref(true)
 const loginLogoUrl = ref(null)
 const msg = ref(null)
 const loginImageUrl = ref(null)
@@ -176,6 +176,9 @@ const loadArrearance = () => {
   if (appearanceStore.getLogin) {
     loginLogoUrl.value = appearanceStore.getLogin
   }
+  if (appearanceStore.getShowSlogan) {
+    showSlogan.value = appearanceStore.getShowSlogan === 'true'
+  }
   if (appearanceStore.getSlogan) {
     slogan.value = appearanceStore.getSlogan
   }
@@ -288,7 +291,7 @@ onMounted(async () => {
               </Icon>
               <img v-if="loginLogoUrl && axiosFinished" :src="loginLogoUrl" alt="" />
             </div>
-            <div class="login-welcome">
+            <div v-if="showSlogan" class="login-welcome">
               {{ slogan || t('system.available_to_everyone') }}
             </div>
             <div class="login-form border-radius-12">