From 9b00ec91b961fb925218a05c176b137c8dc71630 Mon Sep 17 00:00:00 2001
From: TsMask <340112800@qq.com>
Date: Wed, 25 Oct 2023 17:03:56 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E7=B3=BB=E7=BB=9F=E8=AE=BE=E7=BD=AE?=
 =?UTF-8?q?=E4=B8=BB=E8=A6=81LOGO=E7=89=88=E6=9D=83=E8=83=8C=E6=99=AF?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env.development                              |   2 +-
 .env.production                               |   4 +-
 public/favicon.ico                            | Bin 2636 -> 5430 bytes
 src/api/index.ts                              |  11 +
 src/api/system/config.ts                      |  13 +
 src/assets/logo.png                           | Bin 2027 -> 0 bytes
 src/assets/logo_brand.png                     | Bin 0 -> 6199 bytes
 src/assets/logo_icon.png                      | Bin 0 -> 5438 bytes
 src/i18n/locales/en-US.ts                     |  13 +-
 src/i18n/locales/zh-CN.ts                     |  13 +-
 src/layouts/BasicLayout.vue                   |  33 +-
 src/router/index.ts                           |   7 +-
 src/store/modules/app.ts                      | 111 +++++++
 src/views/login.vue                           | 165 +++++-----
 src/views/register.vue                        |  30 +-
 .../setting/components/change-copyright.vue   | 118 ++++++++
 .../setting/components/change-login-bg.vue    | 173 +++++++++++
 .../system/setting/components/change-logo.vue | 285 ++++++++++++++++++
 .../setting/components/change-title.vue       | 117 +++++++
 src/views/system/setting/index.vue            |  24 ++
 20 files changed, 1020 insertions(+), 99 deletions(-)
 delete mode 100644 src/assets/logo.png
 create mode 100644 src/assets/logo_brand.png
 create mode 100644 src/assets/logo_icon.png
 create mode 100644 src/views/system/setting/components/change-copyright.vue
 create mode 100644 src/views/system/setting/components/change-login-bg.vue
 create mode 100644 src/views/system/setting/components/change-logo.vue
 create mode 100644 src/views/system/setting/components/change-title.vue
 create mode 100644 src/views/system/setting/index.vue

diff --git a/.env.development b/.env.development
index 7e373863..eea3dab2 100644
--- a/.env.development
+++ b/.env.development
@@ -5,7 +5,7 @@ VITE_HISTORY_HASH = false
 VITE_HISTORY_BASE_URL = "/"
 
 # 应用名称
-VITE_APP_NAME = "核心网管理系统"
+VITE_APP_NAME = "核心网管理平台"
 
 # 应用标识
 VITE_APP_CODE = "CoreNet"
diff --git a/.env.production b/.env.production
index 95918586..df6be943 100644
--- a/.env.production
+++ b/.env.production
@@ -5,13 +5,13 @@ VITE_HISTORY_HASH = true
 VITE_HISTORY_BASE_URL = "/"
 
 # 应用名称
-VITE_APP_NAME = "核心网管理系统"
+VITE_APP_NAME = "核心网管理平台"
 
 # 应用标识
 VITE_APP_CODE = "CoreNet"
 
 # 应用版本
-VITE_APP_VERSION = "1.23.1023"
+VITE_APP_VERSION = "1.23.1025"
 
 # 接口基础URL地址-不带/后缀
 VITE_API_BASE_URL = "/omc-api"
diff --git a/public/favicon.ico b/public/favicon.ico
index c6edfa5b614d32d80439cf5af93dfa6171ed637a..514240734dabd870723eadb6bf93a6f519f190c4 100644
GIT binary patch
literal 5430
zcmeHL=}VMh5PysQfFMfglSFhtP*HSHQBYs{Sag1fZVIx5(zKI`?$RPVuvDn5tWeW6
z*V|e(%UxYdSF_zLuhMS2#oAvpv-__5?k-zN^ywWK-e+c?d1mG}&$)`yPwB4=9H`JY
zOj$obQAQ|=5*Fr?Q%N63x>2N~CiQUX>7yv5_a*4`&k%4rooF)~(AD->#$>spt^|!a
z@x-S*+*+9#*eCTbi(Q20WvL$fnv@vaJGBhf%UfYi49An)GpM<`U1KkPE!k+kcN2xX
zXQKLIBwDEb?pY1kzV!G)<Zqt}<JJi<9h;BxlS}>V-#6FdZBrFW_Rodw))8rcdDDsq
z=hmV$b|H+>6OprJEJ_Z{MfnMT`xn++G#cZPzhj!j+For$_viPpByWPF@PhcYUXF$_
zYCIYYaa#XyQr~xkTLa!Y%;>DUgEor+-@0B27N6g=psC~{n(nx`v)-h!*9cC4U?g_>
zv8JCc2m-$Q!QaZf&x8@rBIf-_h&LV|(&5$-&=JrP&=K%QK+Y>V13hOJwKe2(mdOF9
z>EIGndtdVaT{SAUa}*^bCvq(ApIz-|&cA=^Y(mzC;mF=J5?LEZz~ILtJvu(C|B7h*
zM&oIuuL*_e=sY^SwbtUl<0;Zs4uUaq9P9<>VNHofYvnCGGo`?KDGJTy*J003KsB{r
z)t71q_?<-l*nfuVKS2LaZvS~PljVMuzB&X?D2_)r_E6j*sLzT;UHU<=-a-0c#Q89*
zb>ueRomBt)6O-DH#a{oD-2Ow6v3961<L2FFe1Z{=TXS^>%HtLjFF_f7`QFCk7^uFg
zp1-E!3*;W>?>_|g!bH^G+~>*PmT_3duoqki=3eq@HD}VCOZ0F>{Bp6)qkF2io^$E>
z{skX997tO+2zfDT{vk*stQl{PTfQQP%KQi#K!6{E)t~WdFvKEl)ewz;TjnvEZ;_J!
z!_?idUfK3X`E%W!KY!v!Pq(MW-t%ATFVmxUPk2P*S0=2Jy4ed7P_Sz{t%t$L+crh&
zmmM)$;>+JP1MSs00W$1WaXuef>IAc_@Zq?<c?{Kkw8WkrF$xu@SD^Czdb-C)q0@HP
zT`vQz|6%k7*@*95uTf8LgsS8SnFIWuu~3`WK{34#IJaO#S)r%<D_%ENpuOrgt=$_`
z^CVe=w)8`Icx@-lN#VGEW|gdQj@ObDfn2Kn%i3ak*H}@sXEuuV&T+H5z0W1{xP2jx
zOKKwp@LGQ)a}0r)dXXzHR-1hbK!)NW)Hnk9^yvEHL$}cp&=JrP_|FLV{2lP$#a|+i
B)C~Xt

literal 2636
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

diff --git a/src/api/index.ts b/src/api/index.ts
index 9c9732e4..b1d3576a 100644
--- a/src/api/index.ts
+++ b/src/api/index.ts
@@ -66,3 +66,14 @@ export async function getServerTime() {
   }
   return result;
 }
+
+/**
+ * 获取系统暴露的配置信息
+ * @returns object
+ */
+export function getSysConf() {
+  return request({
+    url: `/sysConf`,
+    method: 'get',
+  });
+}
diff --git a/src/api/system/config.ts b/src/api/system/config.ts
index 3ff22733..027cdd35 100644
--- a/src/api/system/config.ts
+++ b/src/api/system/config.ts
@@ -99,3 +99,16 @@ export function refreshCache() {
     method: 'put',
   });
 }
+
+/**
+ * 根据参数键名改值
+ * @param data 参数配置对象 { "key": "sys", "value": "核心网" }
+ * @returns object
+ */
+export function changeValue(data: Record<string, string>) {
+  return request({
+    url: '/system/config/changeValue',
+    method: 'put',
+    data: data,
+  });
+}
diff --git a/src/assets/logo.png b/src/assets/logo.png
deleted file mode 100644
index ddc15ecfd72c37d52a7240710cdf00f0f4b07cba..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 2027
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

diff --git a/src/assets/logo_brand.png b/src/assets/logo_brand.png
new file mode 100644
index 0000000000000000000000000000000000000000..b60f79745219f1c2967d6fbb4b3737cac1383b4c
GIT binary patch
literal 6199
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

literal 0
HcmV?d00001

diff --git a/src/assets/logo_icon.png b/src/assets/logo_icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..72c29ee6bb49377fbc03323d4744a2194c627328
GIT binary patch
literal 5438
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

literal 0
HcmV?d00001

diff --git a/src/i18n/locales/en-US.ts b/src/i18n/locales/en-US.ts
index 938e26ee..a8ea6a43 100644
--- a/src/i18n/locales/en-US.ts
+++ b/src/i18n/locales/en-US.ts
@@ -5,8 +5,8 @@ export default {
 
   // 通用
   common: {
-    title: 'Core network management system',
-    desc: '',
+    title: 'Core Network Management Platform',
+    desc: 'Login to Core Network Management Platform',
     loading: 'Please wait...',
     tipTitle: 'Prompt',
     msgSuccess: 'Success {msg}',
@@ -144,7 +144,8 @@ export default {
         versionPlease: 'Version number cannot be empty',
         updateTime: 'Uploaded',
         description: 'Description',
-        deleteTip: 'Are you sure to delete the data item with record number [{num}]?',
+        deleteTip: 'Are you sure to delete the data item with software [{fileName}]?',
+        downloadTip: 'Are you sure to download the data item with software [{fileName}]?',
         updateComment: 'software documentation',
         updateCommentPlease: 'Please enter the software description',
         updateFile: 'Software Files',
@@ -152,11 +153,11 @@ export default {
         verifyFile: 'Verify File',
         selectFile: 'SELECT FILE',
         sendTitle: 'Distribute software version',
-        sendContent: 'Are you sure to send the data item file with the number [{num}] to the corresponding network element?',
+        sendContent: 'Are you sure to send the file with the software package [{fileName}] to the corresponding network element?',
         runTitle: 'Activate software version',
-        runContent: 'Confirm that the software version with the number [{num}] has been issued for activation on the corresponding network element?',
+        runContent: 'Are you sure to activate the software version of [{fileName}] that has been issued to the corresponding network element?',
         backTitle: 'Fallback software version',
-        backContent: 'Confirm that the software version with the number [{num}] has been issued for the corresponding network element rollback?',
+        backContent: 'Confirm that the software version of [{fileName}] has been issued for the corresponding network element rollback?',
         neId: 'Corresponding network element',
         neIdPlease: 'Please select the corresponding network element',
       },
diff --git a/src/i18n/locales/zh-CN.ts b/src/i18n/locales/zh-CN.ts
index 43167088..869d7a19 100644
--- a/src/i18n/locales/zh-CN.ts
+++ b/src/i18n/locales/zh-CN.ts
@@ -5,8 +5,8 @@ export default {
 
   // 通用
   common: {
-    title: '核心网管理系统',
-    desc: '',
+    title: '核心网络管理平台',
+    desc: '登录核心网络管理平台',
     loading: '请稍等...',
     tipTitle: '提示',
     msgSuccess: '成功 {msg}',
@@ -144,7 +144,8 @@ export default {
         versionPlease: '版本号不能为空',
         updateTime: '上传时间',
         description: '功能描述',
-        deleteTip: '确认删除记录编号为 【{num}】 的数据项?',
+        deleteTip: '确认删除 【{fileName}】 的软件数据项?',
+        downloadTip: '确认下载 【{fileName}】 的软件数据项?',
         updateComment: '软件说明',
         updateCommentPlease: '请输入软件说明',
         updateFile: '软件文件',
@@ -152,11 +153,11 @@ export default {
         verifyFile: '校验文件',
         selectFile: '选择文件',
         sendTitle: '下发软件版本',
-        sendContent: '确认下发编号为【{num}】的数据项文件到对应网元?',
+        sendContent: '确认下发软件包为【{fileName}】的文件到对应网元?',
         runTitle: '激活软件版本',
-        runContent: '确认在对应网元激活已下发编号为【{num}】的软件版本?',
+        runContent: '确认在对应网元激活已下发【{fileName}】的软件版本?',
         backTitle: '回退软件版本',
-        backContent: '确认在对应网元回退已下发编号为【{num}】的软件版本?',
+        backContent: '确认在对应网元回退已下发【{fileName}】的软件版本?',
         neId: '对应网元',
         neIdPlease: '请选择对应网元',
       },
diff --git a/src/layouts/BasicLayout.vue b/src/layouts/BasicLayout.vue
index d590236c..6981d38d 100644
--- a/src/layouts/BasicLayout.vue
+++ b/src/layouts/BasicLayout.vue
@@ -190,10 +190,25 @@ document.addEventListener('visibilitychange', function () {
       <!--插槽-菜单头-->
       <template #menuHeaderRender>
         <RouterLink :to="{ name: 'Index' }" :replace="true">
-          <img class="logo" src="@/assets/logo.png" />
-          <h1 class="title" :title="t('common.title')">
-            {{ t('common.title') }}
-          </h1>
+          <template v-if="appStore.logoType === 'icon'">
+            <img
+              class="logo-icon"
+              :src="appStore.getLOGOIcon"
+              :alt="t('common.title')"
+              :title="appStore.appName"
+            />
+            <h1 class="title" :title="appStore.appName">
+              {{ appStore.appName }}
+            </h1>
+          </template>
+          <template v-if="appStore.logoType === 'brand'">
+            <img
+              class="logo-brand"
+              :src="appStore.getLOGOBrand"
+              :alt="t('common.title')"
+              :title="appStore.appName"
+            />
+          </template>
         </RouterLink>
       </template>
 
@@ -257,13 +272,21 @@ document.addEventListener('visibilitychange', function () {
 </template>
 
 <style lang="less" scoped>
-.logo {
+.logo-icon {
   height: 32px;
   vertical-align: middle;
   border-style: none;
   border-radius: 6.66px;
 }
 
+.logo-brand {
+  height: 48px;
+  width: 224px;
+  vertical-align: middle;
+  border-style: none;
+  margin-right: 12px;
+}
+
 .title {
   overflow: hidden;
   text-overflow: ellipsis;
diff --git a/src/router/index.ts b/src/router/index.ts
index 0fa0c483..db4b0b17 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -8,8 +8,6 @@ import NProgress from 'nprogress';
 import 'nprogress/nprogress.css';
 import BasicLayout from '../layouts/BasicLayout.vue';
 import BlankLayout from '../layouts/BlankLayout.vue';
-import LinkLayout from '../layouts/LinkLayout.vue';
-import { encode } from 'js-base64';
 import { getToken } from '@/plugins/auth-token';
 import { validHttp } from '@/utils/regular-utils';
 import useUserStore from '@/store/modules/user';
@@ -139,6 +137,11 @@ const WHITE_LIST: string[] = ['/login', '/auth-redirect', '/bind', '/register'];
 router.beforeEach((to, from, next) => {
   NProgress.start();
   const token = getToken();
+  // 获取系统配置信息
+  const appStore = useAppStore();
+  if (!appStore.filePathIcon) {
+    appStore.fnSysConf();
+  }
 
   // 没有token
   if (!token) {
diff --git a/src/store/modules/app.ts b/src/store/modules/app.ts
index 367b1768..6da5e628 100644
--- a/src/store/modules/app.ts
+++ b/src/store/modules/app.ts
@@ -1,5 +1,26 @@
+import { getSysConf } from '@/api';
+import defaultLOGO from '@/assets/logo_icon.png';
+import defaultLoginBackground from '@/assets/background.svg';
+import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
+import { validHttp } from '@/utils/regular-utils';
 import { defineStore } from 'pinia';
 
+/**
+ * 格式解析LOGO地址
+ * @param 资源路径
+ * @returns url地址
+ */
+function parseLOGO(path: string): string {
+  if (!path) {
+    return defaultLOGO;
+  }
+  if (validHttp(path)) {
+    return path;
+  }
+  const baseApi = import.meta.env.VITE_API_BASE_URL;
+  return `${baseApi}${path}`;
+}
+
 /**应用参数类型 */
 type AppStore = {
   /**应用名称 */
@@ -10,6 +31,15 @@ type AppStore = {
   appVersion: string;
   /**应用版权声明 */
   copyright: string;
+  /**LOGO显示类型 */
+  logoType: 'brand' | 'icon';
+  /**LOGO文件路径 */
+  filePathIcon: string;
+  filePathBrand: string;
+  /**开启用户注册 */
+  registerUser: boolean;
+  /**登录界面背景 */
+  loginBackground: string;
 };
 
 const useAppStore = defineStore('app', {
@@ -18,7 +48,46 @@ const useAppStore = defineStore('app', {
     appCode: import.meta.env.VITE_APP_CODE,
     appVersion: import.meta.env.VITE_APP_VERSION,
     copyright: 'Copyright ©2023 For AGrand 千通科技',
+    logoType: 'icon',
+    filePathIcon: '',
+    filePathBrand: '',
+    registerUser: false,
+    loginBackground: '',
   }),
+  getters: {
+    /**
+     * 获取正确LOGO地址-icon
+     * @param state 内部属性不用传入
+     * @returns LOGO地址url
+     */
+    getLOGOIcon(state) {
+      return parseLOGO(state.filePathIcon);
+    },
+    /**
+     * 获取正确LOGO地址-brand
+     * @param state 内部属性不用传入
+     * @returns LOGO地址url
+     */
+    getLOGOBrand(state) {
+      return parseLOGO(state.filePathBrand);
+    },
+    /**
+     * 获取正确登录背景地址
+     * @param state 内部属性不用传入
+     * @returns 背景地址url
+     */
+    getLoginBackground(state) {
+      const path = state.loginBackground;
+      if (!path) {
+        return defaultLoginBackground;
+      }
+      if (validHttp(path)) {
+        return path;
+      }
+      const baseApi = import.meta.env.VITE_API_BASE_URL;
+      return `${baseApi}${path}`;
+    },
+  },
   actions: {
     /**设置网页标题 */
     setTitle(title?: string) {
@@ -32,6 +101,48 @@ const useAppStore = defineStore('app', {
     setCopyright(text: string) {
       this.copyright = text;
     },
+    /**设置LOGO */
+    setLOGO(type: 'brand' | 'icon', filePath: string) {
+      this.logoType = type;
+      if (type === 'brand') {
+        this.filePathBrand = filePath;
+      }
+      if (type === 'icon') {
+        this.filePathIcon = filePath;
+      }
+    },
+    // 获取系统配置信息
+    async fnSysConf() {
+      const res = await getSysConf();
+      if (res.code === RESULT_CODE_SUCCESS && res.data) {
+        if (res.data.title) {
+          this.appName = res.data.title;
+        }
+        if (res.data.copyright) {
+          this.copyright = res.data.copyright;
+        }
+        this.filePathIcon = res.data.filePathIcon;
+        this.filePathBrand = res.data.filePathBrand;
+        if (res.data.logoType) {
+          this.logoType = res.data.logoType;
+          // 修改html内容
+          const iconDom = document.querySelector("link[rel~='icon']");
+          if (iconDom) {
+            if(this.logoType === 'icon'){
+              iconDom.setAttribute('href', this.getLOGOIcon);
+            }
+            if(this.logoType === 'brand'){
+              iconDom.setAttribute('href', this.getLOGOBrand);
+            }
+          }
+        }
+        this.registerUser = res.data.registerUser === 'true';
+        if (res.data.loginBackground) {
+          this.loginBackground = res.data.loginBackground;
+        }
+      }
+      return res;
+    },
   },
 });
 
diff --git a/src/views/login.vue b/src/views/login.vue
index d5a1e55a..a7c5cf86 100644
--- a/src/views/login.vue
+++ b/src/views/login.vue
@@ -46,13 +46,6 @@ let state = reactive({
 /**表单验证通过 */
 function fnFinish() {
   state.fromClick = true;
-  // 账号密码登录
-  // let form = {
-  //   userName: state.from.username,
-  //   value: state.from.password,
-  //   grantType: 'password',
-  // };
-
   // 发送请求
   useUserStore()
     .fnLogin(toRaw(state.from))
@@ -96,6 +89,9 @@ function fnGetCaptcha() {
 
 onMounted(() => {
   fnGetCaptcha();
+  const container = document.getElementsByClassName('container').item(0);
+  if (container) {
+  }
 });
 
 /**改变多语言 */
@@ -105,19 +101,43 @@ function fnChangeLocale(e: any) {
 </script>
 
 <template>
-  <div class="container">
-    <div class="top">
-      <div class="header">
-        <a href="/" target="_self"
-          ><img src="@/assets/logo.png" class="logo" alt="logo" />
-          <span class="title">{{ t('common.title') }}</span>
-        </a>
+  <div
+    class="container"
+    :style="{
+      backgroundImage: `url(${appStore.getLoginBackground})`,
+      backgroundPosition: 'center',
+      backgroundSize: 'cover',
+    }"
+  >
+    <a-card :bordered="false" class="login-card">
+      <div class="login-card__top">
+        <div class="header">
+          <template v-if="appStore.logoType === 'icon'">
+            <img
+              :src="appStore.getLOGOIcon"
+              class="logo-icon"
+              :alt="appStore.appName"
+            />
+            <span class="title">{{ appStore.appName }}</span>
+          </template>
+          <template v-if="appStore.logoType === 'brand'">
+            <img
+              :src="appStore.getLOGOBrand"
+              class="logo-brand"
+              :alt="appStore.appName"
+            />
+          </template>
+        </div>
+        <div class="desc">
+          {{ t('common.desc') }}
+        </div>
       </div>
-      <div class="desc">{{ t('common.desc') }}</div>
-    </div>
-
-    <div class="main">
-      <a-form :model="state.from" name="stateFrom" @finish="fnFinish">
+      <a-form
+        class="login-card__main"
+        :model="state.from"
+        name="stateFrom"
+        @finish="fnFinish"
+      >
         <a-form-item
           name="username"
           :rules="[
@@ -207,7 +227,7 @@ function fnChangeLocale(e: any) {
           align="middle"
           style="margin-bottom: 16px"
         >
-          <a-col :span="12">
+          <a-col :span="12" v-if="appStore.registerUser">
             <a-button
               type="link"
               target="_self"
@@ -251,70 +271,77 @@ function fnChangeLocale(e: any) {
           </a-col>
         </a-row>
       </a-form>
-    </div>
+    </a-card>
 
-    <GlobalFooter class="footer" :links="false" :copyright="appStore.copyright" />
+    <GlobalFooter
+      class="footer"
+      :links="false"
+      :copyright="appStore.copyright"
+    />
   </div>
 </template>
 
 <style lang="less" scoped>
+.login-card {
+  width: 368px;
+  min-width: 260px;
+  margin: 0 auto;
+  border-radius: 4px;
+  &__top {
+    text-align: center;
+    .header {
+      height: 48px;
+      line-height: 48px;
+
+      .logo-icon {
+        height: 48px;
+        margin-right: 16px;
+        vertical-align: top;
+        border-style: none;
+        border-radius: 6.66px;
+      }
+      .logo-brand {
+        height: 48px;
+        vertical-align: top;
+        border-style: none;
+        border-radius: 2px;
+      }
+      .title {
+        position: relative;
+        top: 2px;
+        color: rgba(0, 0, 0, 0.85);
+        font-weight: 600;
+        font-size: 33px;
+        font-family: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif;
+      }
+    }
+
+    .desc {
+      margin-top: 14px;
+      margin-bottom: 20px;
+      color: #666;
+      font-size: 14px;
+    }
+  }
+  &__main {
+    .prefix-icon {
+      color: #8c8c8c;
+      font-size: 16px;
+    }
+  }
+}
+
 .container {
   position: relative;
   width: 100%;
   min-height: 100%;
-  padding: 110px 0 144px;
+  padding-top: 150px;
   background-image: url(../assets/background.svg);
   background-repeat: no-repeat;
   background-position: center 110px;
   background-size: 100%;
 }
 
-.top {
-  text-align: center;
-
-  a {
-    text-decoration: none;
-  }
-
-  .header {
-    height: 44px;
-    line-height: 44px;
-    .logo {
-      height: 44px;
-      margin-right: 16px;
-      vertical-align: top;
-      border-style: none;
-      border-radius: 6.66px;
-    }
-    .title {
-      position: relative;
-      top: 2px;
-      color: rgba(0, 0, 0, 0.85);
-      font-weight: 600;
-      font-size: 33px;
-      font-family: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif;
-    }
-  }
-
-  .desc {
-    margin-top: 12px;
-    margin-bottom: 40px;
-    color: rgba(0, 0, 0, 0.45);
-    font-size: 14px;
-  }
-}
-
-.main {
-  width: 368px;
-  min-width: 260px;
-  margin: 0 auto;
-
-  .prefix-icon {
-    color: #8c8c8c;
-    font-size: 16px;
-  }
-}
-
 .footer {
   position: absolute;
   bottom: 0;
diff --git a/src/views/register.vue b/src/views/register.vue
index a965c80b..bbe13086 100644
--- a/src/views/register.vue
+++ b/src/views/register.vue
@@ -1,13 +1,16 @@
 <script lang="ts" setup>
+import { GlobalFooter } from '@ant-design-vue/pro-layout';
 import { Modal, message } from 'ant-design-vue/lib';
 import { reactive, toRaw } from 'vue';
 import { register } from '@/api/login';
 import { regExpPasswd, regExpUserName } from '@/utils/regular-utils';
 import { useRouter } from 'vue-router';
+import useAppStore from '@/store/modules/app';
 import useI18n from '@/hooks/useI18n';
 import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
 const { t } = useI18n();
 const router = useRouter();
+const appStore = useAppStore();
 
 let state = reactive({
   /**表单属性 */
@@ -71,9 +74,14 @@ function fnFinish() {
   <div class="container">
     <div class="top">
       <div class="header">
-        <a href="/" target="_self"
-          ><img src="@/assets/logo.png" class="logo" alt="logo" />
-          <span class="title">{{ t('common.title') }}</span>
+        <a href="/" target="_self">
+          <template v-if="appStore.logoType === 'icon'">
+            <img :src="appStore.getLOGOIcon" class="logo" alt="logo" />
+            <span class="title">{{ appStore.appName }}</span>
+          </template>
+          <template v-if="appStore.logoType === 'brand'">
+            <img :src="appStore.getLOGOBrand" class="logo" alt="logo" /> 
+          </template>
         </a>
       </div>
       <div class="desc">{{ t('common.desc') }}</div>
@@ -166,6 +174,12 @@ function fnFinish() {
         </a-button>
       </a-form>
     </div>
+
+    <GlobalFooter
+      class="footer"
+      :links="false"
+      :copyright="appStore.copyright"
+    />
   </div>
 </template>
 
@@ -189,10 +203,10 @@ function fnFinish() {
   }
 
   .header {
-    height: 44px;
-    line-height: 44px;
+    height: 48px;
+    line-height: 48px;
     .logo {
-      height: 44px;
+      height: 48px;
       margin-right: 16px;
       vertical-align: top;
       border-style: none;
@@ -209,8 +223,8 @@ function fnFinish() {
   }
 
   .desc {
-    margin-top: 12px;
-    margin-bottom: 40px;
+    margin-top: 14px;
+    margin-bottom: 20px;
     color: rgba(0, 0, 0, 0.45);
     font-size: 14px;
   }
diff --git a/src/views/system/setting/components/change-copyright.vue b/src/views/system/setting/components/change-copyright.vue
new file mode 100644
index 00000000..c2fdb133
--- /dev/null
+++ b/src/views/system/setting/components/change-copyright.vue
@@ -0,0 +1,118 @@
+<script lang="ts" setup>
+import { Modal, message } from 'ant-design-vue/lib';
+import { onMounted, reactive } from 'vue';
+import useAppStore from '@/store/modules/app';
+import useI18n from '@/hooks/useI18n';
+import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
+import { changeValue } from '@/api/system/config';
+const appStore = useAppStore();
+const { t } = useI18n();
+
+type StateType = {
+  edite: boolean;
+  loading: boolean;
+  copyright: string;
+  flag: string;
+};
+
+let state: StateType = reactive({
+  edite: false,
+  loading: false,
+  copyright: '',
+  flag: '',
+});
+
+/**进入可编辑 */
+function fnEdit(v: boolean) {
+  state.edite = v;
+  if (!v) {
+    state.copyright = appStore.copyright;
+    state.flag = appStore.copyright;
+  }
+}
+
+/**提交保存 */
+function fnSave() {
+  Modal.confirm({
+    title: '提示',
+    content: `确认要提交当前变更的版权声明吗?`,
+    onOk() {
+      // 发送请求
+      const hide = message.loading('请稍等...', 0);
+      state.loading = true;
+      changeValue({ key: 'sys.copyright', value: state.copyright }).then(
+        res => {
+          state.loading = false;
+          hide();
+          if (res.code === RESULT_CODE_SUCCESS) {
+            message.success('提交保存成功', 3);
+            appStore.copyright = state.copyright;
+            fnEdit(false);
+          } else {
+            message.error(res.msg, 3);
+          }
+        }
+      );
+    },
+  });
+}
+
+onMounted(() => {
+  state.copyright = appStore.copyright;
+  state.flag = appStore.copyright;
+});
+</script>
+
+<template>
+  <a-row :gutter="16">
+    <a-col :lg="12" :md="12" :xs="24" style="margin-bottom: 30px">
+      <a-form layout="vertical" v-if="state.edite">
+        <a-form-item>
+          <a-input
+            v-model:value="state.copyright"
+            allow-clear
+            :maxlength="40"
+            placeholder="输入版权声明"
+          ></a-input>
+        </a-form-item>
+
+        <a-form-item>
+          <a-button
+            type="primary"
+            :disabled="state.copyright === state.flag"
+            @click="fnSave"
+          >
+            提交保存
+          </a-button>
+          <a-button style="margin-left: 10px" @click="fnEdit(false)">
+            {{ t('common.cancel') }}
+          </a-button>
+        </a-form-item>
+      </a-form>
+
+      <template v-else>
+        <div class="sys-copyright">{{ state.copyright }}</div>
+        <a-button type="dashed" @click="fnEdit(true)"> 编辑 </a-button>
+      </template>
+    </a-col>
+    <a-col :lg="12" :md="12" :xs="24">
+      <a-typography>
+        <a-typography-paragraph>
+          版权声明限制
+          <a-typography-text mark>40</a-typography-text>
+          位字符长度
+        </a-typography-paragraph>
+      </a-typography>
+    </a-col>
+  </a-row>
+</template>
+
+<style lang="less" scoped>
+.sys-copyright {
+  color: rgba(0, 0, 0, 0.75);
+  font-size: 14px;
+  font-weight: 600;
+  line-height: 1.4;
+  margin-bottom: 24px;
+}
+</style>
diff --git a/src/views/system/setting/components/change-login-bg.vue b/src/views/system/setting/components/change-login-bg.vue
new file mode 100644
index 00000000..892d7439
--- /dev/null
+++ b/src/views/system/setting/components/change-login-bg.vue
@@ -0,0 +1,173 @@
+<script lang="ts" setup>
+import { Modal, message } from 'ant-design-vue/lib';
+import { onMounted, reactive } from 'vue';
+import useAppStore from '@/store/modules/app';
+import useI18n from '@/hooks/useI18n';
+import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
+import { changeValue } from '@/api/system/config';
+import { uploadFile } from '@/api/tool/file';
+import { FileType } from 'ant-design-vue/lib/upload/interface';
+import { UploadRequestOption } from 'ant-design-vue/lib/vc-upload/interface';
+const appStore = useAppStore();
+const { t } = useI18n();
+
+type StateType = {
+  edite: boolean;
+  loading: boolean;
+  filePath: string;
+  flag: string;
+};
+
+let state: StateType = reactive({
+  edite: false,
+  loading: false,
+  filePath: '',
+  flag: '',
+});
+
+/**上传前检查或转换压缩 */
+function fnBeforeUpload(file: FileType) {
+  if (state.loading) return false;
+  const isJpgOrPng = [
+    'image/jpeg',
+    'image/png',
+    'image/svg+xml',
+    'image/webp',
+  ].includes(file.type);
+  if (!isJpgOrPng) {
+    message.error('只支持上传图片格式（jpg、png、svg、webp）', 3);
+  }
+  const isLt2M = file.size / 1024 / 1024 < 2;
+  if (!isLt2M) {
+    message.error('图片文件大小必须小于 2MB', 3);
+  }
+  return isJpgOrPng && isLt2M;
+}
+
+/**上传变更 */
+function fnUpload(up: UploadRequestOption) {
+  Modal.confirm({
+    title: '提示',
+    content: `确认要上传登录界面背景文件吗?`,
+    onOk() {
+      // 发送请求
+      const hide = message.loading('请稍等...', 0);
+      state.loading = true;
+      let formData = new FormData();
+      formData.append('file', up.file);
+      formData.append('subPath', 'default');
+      uploadFile(formData).then(res => {
+        state.loading = false;
+        hide();
+        if (res.code === RESULT_CODE_SUCCESS) {
+          message.success('文件上传成功,提交保存生效', 3);
+          state.filePath = res.data.fileName;
+          const baseApi = import.meta.env.VITE_API_BASE_URL;
+          state.flag = `${baseApi}${res.data.fileName}`;
+        } else {
+          message.error(res.msg, 3);
+        }
+      });
+    },
+  });
+}
+
+/**进入可编辑 */
+function fnEdit(v: boolean) {
+  state.edite = v;
+  if (!v) {
+    state.filePath = '';
+    state.flag = appStore.getLoginBackground;
+  }
+}
+
+/**提交保存 */
+function fnSave() {
+  Modal.confirm({
+    title: '提示',
+    content: `确认要提交当前变更的登录界面背景吗?`,
+    onOk() {
+      // 发送请求
+      const hide = message.loading('请稍等...', 0);
+      state.loading = true;
+      changeValue({ key: 'sys.loginBackground', value: state.filePath }).then(
+        res => {
+          state.loading = false;
+          hide();
+          if (res.code === RESULT_CODE_SUCCESS) {
+            message.success('提交保存成功', 3);
+            appStore.loginBackground = state.filePath;
+            fnEdit(false);
+          } else {
+            message.error(res.msg, 3);
+          }
+        }
+      );
+    },
+  });
+}
+
+onMounted(() => {
+  state.filePath = '';
+  state.flag = appStore.getLoginBackground;
+});
+</script>
+
+<template>
+  <a-row :gutter="16">
+    <a-col :lg="12" :md="12" :xs="24" style="margin-bottom: 30px">
+      <div class="sys-login-bg">
+        <a-image :src="state.flag" />
+      </div>
+
+      <a-form layout="vertical" v-if="state.edite">
+        <a-form-item>
+          <a-upload
+            name="file"
+            list-type="picture"
+            accept=".jpg,.png,.svg,.webp"
+            :max-count="1"
+            :show-upload-list="false"
+            :before-upload="fnBeforeUpload"
+            :custom-request="fnUpload"
+          >
+            <a-button type="link" :loading="state.loading"> 上传背景 </a-button>
+          </a-upload>
+        </a-form-item>
+
+        <a-form-item>
+          <a-button
+            type="primary"
+            :disabled="state.filePath === state.flag"
+            @click="fnSave"
+          >
+            提交保存
+          </a-button>
+          <a-button style="margin-left: 10px" @click="fnEdit(false)">
+            {{ t('common.cancel') }}
+          </a-button>
+        </a-form-item>
+      </a-form>
+
+      <template v-else>
+        <a-button type="dashed" @click="fnEdit(true)"> 编辑 </a-button>
+      </template>
+    </a-col>
+    <a-col :lg="12" :md="12" :xs="24">
+      <a-typography>
+        <a-typography-paragraph>
+          系统登录界面背景样式如预览区域所示<br />
+          请将选择合适的图片进行进行上传。
+        </a-typography-paragraph>
+      </a-typography>
+    </a-col>
+  </a-row>
+</template>
+
+<style lang="less" scoped>
+.sys-login-bg {
+  width: 300px;
+  border: 1px var(--ant-primary-color) solid;
+  margin-bottom: 24px;
+}
+</style>
diff --git a/src/views/system/setting/components/change-logo.vue b/src/views/system/setting/components/change-logo.vue
new file mode 100644
index 00000000..c5e6ed65
--- /dev/null
+++ b/src/views/system/setting/components/change-logo.vue
@@ -0,0 +1,285 @@
+<script lang="ts" setup>
+import { Modal, message } from 'ant-design-vue/lib';
+import { FileType } from 'ant-design-vue/lib/upload/interface';
+import { UploadRequestOption } from 'ant-design-vue/lib/vc-upload/interface';
+import { onMounted, reactive } from 'vue';
+import useAppStore from '@/store/modules/app';
+import useI18n from '@/hooks/useI18n';
+import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
+import { uploadFile } from '@/api/tool/file';
+import { changeValue } from '@/api/system/config';
+import { computed } from 'vue';
+const appStore = useAppStore();
+const { t } = useI18n();
+
+type StateType = {
+  edite: boolean;
+  loading: boolean;
+  filePath: string; // 是否上传文件
+  flag: string; // 是否变更标记
+  type: 'brand' | 'icon';
+  icon: string;
+  brand: string;
+};
+
+let state: StateType = reactive({
+  edite: false,
+  loading: false,
+  filePath: '',
+  flag: '',
+  type: 'icon',
+  icon: '',
+  brand: '',
+});
+
+/**上传前检查或转换压缩 */
+function fnBeforeUpload(file: FileType) {
+  if (state.loading) return false;
+  const isJpgOrPng = ['image/jpeg', 'image/png'].includes(file.type);
+  if (!isJpgOrPng) {
+    message.error('只支持上传图片格式（jpg、png）', 3);
+  }
+  const isLt2M = file.size / 1024 / 1024 < 2;
+  if (!isLt2M) {
+    message.error('图片文件大小必须小于 2MB', 3);
+  }
+  return isJpgOrPng && isLt2M;
+}
+
+/**上传变更 */
+function fnUpload(up: UploadRequestOption) {
+  Modal.confirm({
+    title: '提示',
+    content: `确认要上传LOGO文件吗?`,
+    onOk() {
+      // 发送请求
+      const hide = message.loading('请稍等...', 0);
+      state.loading = true;
+      let formData = new FormData();
+      formData.append('file', up.file);
+      formData.append('subPath', 'default');
+      uploadFile(formData).then(res => {
+        state.loading = false;
+        hide();
+        if (res.code === RESULT_CODE_SUCCESS) {
+          message.success('文件上传成功,提交保存生效', 3);
+          state.filePath = res.data.fileName;
+          // appStore.setLOGO(state.type, res.data.fileName);
+          const baseApi = import.meta.env.VITE_API_BASE_URL;
+          if (state.type === 'icon') {
+            state.icon = `${baseApi}${res.data.fileName}`;
+          }
+          if (state.type === 'brand') {
+            state.brand = `${baseApi}${res.data.fileName}`;
+          }
+        } else {
+          message.error(res.msg, 3);
+        }
+      });
+    },
+  });
+}
+
+/**进入可编辑 */
+function fnEdit(v: boolean) {
+  state.edite = v;
+  if (!v) {
+    Object.assign(state, {
+      filePath: '',
+      flag: `${appStore.logoType}/`,
+      type: appStore.logoType,
+      icon: appStore.getLOGOIcon,
+      brand: appStore.getLOGOBrand,
+    });
+  }
+}
+
+/**提交保存 */
+function fnSave() {
+  Modal.confirm({
+    title: '提示',
+    content: `确认要提交当前变更的LOGO文件吗?`,
+    onOk() {
+      const reqArr = [];
+      // 改变LOGO地址
+      if (state.filePath) {
+        let changeFilePath = 'sys.logo.filePathIcon';
+        if (state.type === 'brand') {
+          changeFilePath = 'sys.logo.filePathBrand';
+        }
+        reqArr.push(
+          changeValue({ key: changeFilePath, value: state.filePath })
+        );
+      }
+      // 判断类型是否改变
+      if (state.type !== appStore.logoType) {
+        reqArr.push(changeValue({ key: 'sys.logo.type', value: state.type }));
+      }
+
+      // 发送请求
+      const hide = message.loading('请稍等...', 0);
+      state.loading = true;
+      Promise.all(reqArr).then(resArr => {
+        state.loading = false;
+        hide();
+        if (resArr[0].code === RESULT_CODE_SUCCESS) {
+          message.success('提交保存成功', 3);
+          if (state.filePath) {
+            appStore.setLOGO(state.type, state.filePath);
+          }
+          if (state.type !== appStore.logoType) {
+            appStore.logoType = state.type;
+          }
+          fnEdit(false);
+        } else {
+          message.error(resArr[0].msg, 3);
+        }
+      });
+    },
+  });
+}
+
+/**有变更状态进行禁用提交按钮 */
+const changeStatus = computed(() => {
+  const changeFlag = `${state.type}/${state.filePath}`;
+  if (changeFlag !== state.flag) {
+    return false;
+  }
+  return true;
+});
+
+onMounted(() => {
+  Object.assign(state, {
+    filePath: '',
+    flag: `${appStore.logoType}/`,
+    type: appStore.logoType,
+    icon: appStore.getLOGOIcon,
+    brand: appStore.getLOGOBrand,
+  });
+});
+</script>
+
+<template>
+  <a-row :gutter="16">
+    <a-col :lg="12" :md="12" :xs="24" style="margin-bottom: 30px">
+      <div class="header">
+        <div class="header-brand" v-show="state.type === 'brand'">
+          <img :width="224" :height="48" :src="state.brand" />
+        </div>
+        <div class="header-icon" v-show="state.type === 'icon'">
+          <img :src="state.icon" />
+          <h1 :title="appStore.appName">
+            {{ appStore.appName }}
+          </h1>
+        </div>
+        <div class="header-menu">首页</div>
+      </div>
+
+      <a-form layout="vertical" v-if="state.edite">
+        <a-form-item>
+          <a-space direction="horizontal" :size="18">
+            <a-radio-group v-model:value="state.type" button-style="solid">
+              <a-radio value="brand">全图</a-radio>
+              <a-radio value="icon">小图</a-radio>
+            </a-radio-group>
+            <a-upload
+              name="file"
+              list-type="picture"
+              accept=".jpg,.png"
+              :max-count="1"
+              :show-upload-list="false"
+              :before-upload="fnBeforeUpload"
+              :custom-request="fnUpload"
+            >
+              <a-button type="link" :loading="state.loading">
+                上传LOGO
+              </a-button>
+            </a-upload>
+          </a-space>
+        </a-form-item>
+
+        <a-form-item>
+          <a-button type="primary" :disabled="changeStatus" @click="fnSave">
+            提交保存
+          </a-button>
+          <a-button style="margin-left: 10px" @click="fnEdit(false)">
+            {{ t('common.cancel') }}
+          </a-button>
+        </a-form-item>
+      </a-form>
+
+      <a-button type="dashed" @click="fnEdit(true)" v-else> 编辑 </a-button>
+    </a-col>
+    <a-col :lg="12" :md="12" :xs="24">
+      <a-typography>
+        <a-typography-paragraph>
+          系统LOGO展示样式如预览区域所示<br />
+          如需变更请将图片进行对应处理调整后在进行上传。
+        </a-typography-paragraph>
+        <a-typography-title :level="5">全图</a-typography-title>
+        <a-typography-paragraph>
+          将整张图片展示到系统LOGO区域，请使用透明背景，尺寸比例大小
+          <a-typography-text mark>224x48</a-typography-text>
+        </a-typography-paragraph>
+        <a-typography-title :level="5">小图</a-typography-title>
+        <a-typography-paragraph>
+          以LOGO+系统名称的形式展示到系统LOGO区域。<br />
+          LOGO尺寸比例大小<a-typography-text mark>1:1</a-typography-text>
+          列如：<a-typography-text mark>132x132</a-typography-text>
+        </a-typography-paragraph>
+      </a-typography>
+    </a-col>
+  </a-row>
+</template>
+
+<style lang="less" scoped>
+.header {
+  display: flex;
+  align-content: center;
+  height: 48px;
+  padding-left: 16px;
+  background-color: #001529;
+  margin-bottom: 24px;
+
+  &-brand {
+    width: 224px;
+    height: 48px;
+    margin-right: 12px;
+    border: 1px var(--ant-primary-color) solid;
+  }
+  &-icon {
+    display: flex;
+    align-content: center;
+    min-width: 192px;
+    height: 100%;
+    align-items: center;
+    margin-right: 12px;
+    border: 1px var(--ant-primary-color) solid;
+
+    & > img {
+      height: 32px;
+      vertical-align: middle;
+      border-style: none;
+      border-radius: 6.66px;
+    }
+    & > h1 {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      width: 180px;
+      color: #fff;
+      margin: 0 0 0 12px;
+      font-weight: 600;
+      font-size: 16px;
+    }
+  }
+
+  &-menu {
+    width: 90px;
+    line-height: 45px;
+    color: #ffffff;
+    align-self: center;
+    text-align: center;
+  }
+}
+</style>
diff --git a/src/views/system/setting/components/change-title.vue b/src/views/system/setting/components/change-title.vue
new file mode 100644
index 00000000..71be4c13
--- /dev/null
+++ b/src/views/system/setting/components/change-title.vue
@@ -0,0 +1,117 @@
+<script lang="ts" setup>
+import { Modal, message } from 'ant-design-vue/lib';
+import { onMounted, reactive } from 'vue';
+import useAppStore from '@/store/modules/app';
+import useI18n from '@/hooks/useI18n';
+import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
+import { changeValue } from '@/api/system/config';
+const appStore = useAppStore();
+const { t } = useI18n();
+
+type StateType = {
+  edite: boolean;
+  loading: boolean;
+  title: string;
+  flag: string;
+};
+
+let state: StateType = reactive({
+  edite: false,
+  loading: false,
+  title: '',
+  flag: '',
+});
+
+/**进入可编辑 */
+function fnEdit(v: boolean) {
+  state.edite = v;
+  if (!v) {
+    state.title = appStore.appName;
+    state.flag = appStore.appName;
+  }
+}
+
+/**提交保存 */
+function fnSave() {
+  Modal.confirm({
+    title: '提示',
+    content: `确认要提交当前变更的系统名称吗?`,
+    onOk() {
+      // 发送请求
+      const hide = message.loading('请稍等...', 0);
+      state.loading = true;
+      changeValue({ key: 'sys.title', value: state.title }).then(res => {
+        state.loading = false;
+        hide();
+        if (res.code === RESULT_CODE_SUCCESS) {
+          message.success('提交保存成功', 3);
+          appStore.appName = state.title;
+          fnEdit(false);
+        } else {
+          message.error(res.msg, 3);
+        }
+      });
+    },
+  });
+}
+
+onMounted(() => {
+  state.title = appStore.appName;
+  state.flag = appStore.appName;
+});
+</script>
+
+<template>
+  <a-row :gutter="16">
+    <a-col :lg="12" :md="12" :xs="24" style="margin-bottom: 30px">
+      <a-form layout="vertical" v-if="state.edite">
+        <a-form-item>
+          <a-input
+            v-model:value="state.title"
+            allow-clear
+            :maxlength="11"
+            style="width: 224px"
+            placeholder="输入系统名称"
+          ></a-input>
+        </a-form-item>
+
+        <a-form-item>
+          <a-button
+            type="primary"
+            :disabled="state.title === state.flag"
+            @click="fnSave"
+          >
+            提交保存
+          </a-button>
+          <a-button style="margin-left: 10px" @click="fnEdit(false)">
+            {{ t('common.cancel') }}
+          </a-button>
+        </a-form-item>
+      </a-form>
+
+      <template v-else>
+        <div class="sys-title">{{ state.title }}</div>
+        <a-button type="dashed" @click="fnEdit(true)"> 编辑 </a-button>
+      </template>
+    </a-col>
+    <a-col :lg="12" :md="12" :xs="24">
+      <a-typography>
+        <a-typography-paragraph>
+          系统名称限制
+          <a-typography-text mark>11</a-typography-text>
+          位字符长度
+        </a-typography-paragraph>
+      </a-typography>
+    </a-col>
+  </a-row>
+</template>
+
+<style lang="less" scoped>
+.sys-title {
+  color: rgba(0, 0, 0, 0.85);
+  font-size: 20px;
+  font-weight: 600;
+  line-height: 1.4;
+  margin-bottom: 24px;
+}
+</style>
diff --git a/src/views/system/setting/index.vue b/src/views/system/setting/index.vue
new file mode 100644
index 00000000..2db5c391
--- /dev/null
+++ b/src/views/system/setting/index.vue
@@ -0,0 +1,24 @@
+<script setup lang="ts">
+import { PageContainer } from '@ant-design-vue/pro-layout';
+import ChangeLogo from './components/change-logo.vue';
+import ChangeLogoBG from './components/change-login-bg.vue';
+import ChangeTitle from './components/change-title.vue';
+import ChangeCopyright from './components/change-copyright.vue';
+</script>
+
+<template>
+  <PageContainer>
+    <a-card :bordered="false">
+      <a-divider orientation="left">系统LOGO</a-divider>
+      <ChangeLogo></ChangeLogo>
+      <a-divider orientation="left">系统名称</a-divider>
+      <ChangeTitle></ChangeTitle>
+      <a-divider orientation="left">版权声明</a-divider>
+      <ChangeCopyright></ChangeCopyright>
+      <a-divider orientation="left">登录界面背景</a-divider>
+      <ChangeLogoBG></ChangeLogoBG>
+    </a-card>
+  </PageContainer>
+</template>
+
+<style lang="less" scoped></style>