自动获取系统名称

src/components/Application/src/AppLogo.vue

@@ -6,19 +6,20 @@
   <div class="anticon" :class="getAppLogoClass" @click="goHome">
     <img src="../../../assets/images/logo.png" />
     <div class="ml-2 truncate md:opacity-100" :class="getTitleClass" v-show="showTitle">
-      <!-- {{ title }} -->
+      {{ title }}
-      汾西农业面源污染
     </div>
   </div>
 </template>
 <script lang="ts" setup>
-  import { computed, unref } from 'vue';
+  import { computed, onMounted, ref, unref } from 'vue';
   import { useGlobSetting } from '/@/hooks/setting';
   import { useGo } from '/@/hooks/web/usePage';
   import { useMenuSetting } from '/@/hooks/setting/useMenuSetting';
   import { useDesign } from '/@/hooks/web/useDesign';
   import { PageEnum } from '/@/enums/pageEnum';
   import { useUserStore } from '/@/store/modules/user';
+  import { getAuthCache } from '/@/utils/auth';
+  import { LOGIN_INFO_KEY } from '/@/enums/cacheEnum';
 
   const props = defineProps({
     /**
@@ -38,7 +39,8 @@
   const { prefixCls } = useDesign('app-logo');
   const { getCollapsedShowTitle } = useMenuSetting();
   const userStore = useUserStore();
-  const { title } = useGlobSetting();
+  // const { title } = useGlobSetting();
+  const { title } = ref('');
   const go = useGo();
 
   const getAppLogoClass = computed(() => [prefixCls, props.theme, { 'collapsed-show-title': unref(getCollapsedShowTitle) }]);
@@ -50,6 +52,13 @@
     },
   ]);
 
+  onMounted(() => {
+    let loginInfo = getAuthCache(LOGIN_INFO_KEY)['userInfo'];
+    if (loginInfo) {
+      title.value = loginInfo['appLogoName'];
+    }
+  });
+
   function goHome() {
     go(userStore.getUserInfo.homePath || PageEnum.BASE_HOME);
   }

src/layouts/default/header/index.vue

@@ -11,7 +11,12 @@
       />
       <LayoutBreadcrumb v-if="getShowContent && getShowBread" :theme="getHeaderTheme" />
       <!-- 欢迎语 -->
-      <span v-if="getShowContent && getShowBreadTitle && !getIsMobile" :class="[prefixCls, `${prefixCls}--${getHeaderTheme}`,'headerIntroductionClass']"> 欢迎进入 汾西农业面源污染在线监测平台   </span>
+      <span
+        v-if="getShowContent && getShowBreadTitle && !getIsMobile"
+        :class="[prefixCls, `${prefixCls}--${getHeaderTheme}`, 'headerIntroductionClass']"
+      >
+        欢迎进入 {{ systemName }}
+      </span>
     </div>
     <!-- left end -->
 
@@ -71,6 +76,9 @@
 
   import LoginSelect from '/@/views/sys/login/LoginSelect.vue';
   import { useUserStore } from '/@/store/modules/user';
+  import { getAuthCache } from '/@/utils/auth';
+  import { LOGIN_INFO_KEY } from '/@/enums/cacheEnum';
+  import type { LoginInfo } from '/#/store';
 
   export default defineComponent({
     name: 'LayoutHeader',
@@ -101,7 +109,7 @@
       const { getShowTopMenu, getShowHeaderTrigger, getSplit, getIsMixMode, getMenuWidth, getIsMixSidebar } = useMenuSetting();
       const { getUseErrorHandle, getShowSettingButton, getSettingButtonPosition } = useRootSetting();
       const { title } = useGlobSetting();
-
+      const systemName = ref('');
       const {
         getHeaderTheme,
         getShowFullScreen,
@@ -180,6 +188,11 @@
 
       onMounted(() => {
         showLoginSelect();
+        let loginInfo = getAuthCache(LOGIN_INFO_KEY)['userInfo'];
+        console.log('checlll=====', loginInfo != null);
+        if (loginInfo != null) {
+          systemName.value = loginInfo['systemName'];
+        }
       });
 
       return {
@@ -208,7 +221,8 @@
         getUseLockPage,
         loginSelectOk,
         loginSelectRef,
-        title
+        title,
+        systemName,
       };
     },
   });

src/views/dashboard/Analysis/components/WeChatQrPic.vue

@@ -1,15 +1,25 @@
 <template>
   <Card title="监测小程序">
-    <div >
+    <div>
-      <img src="../../../../assets/images/appletQr.jpg" style="width: 300px;margin: auto;">
+      <img :src="logoUrl" style="width: 300px; margin: auto" />
     </div>
   </Card>
 </template>
 
 <script lang="ts" setup>
-  import { Ref, ref, watch } from 'vue';
+  import { onMounted, Ref, ref, watch } from 'vue';
   import { Card } from 'ant-design-vue';
   import { useECharts } from '/@/hooks/web/useECharts';
+  import { getAuthCache } from '/@/utils/auth';
+  import { LOGIN_INFO_KEY } from '/@/enums/cacheEnum';
+  const logoUrl = ref('');
+
+  onMounted(() => {
+    let loginInfo = getAuthCache(LOGIN_INFO_KEY)['userInfo'];
+    if (loginInfo) {
+      logoUrl.value = loginInfo['aptImage'];
+    }
+  });
 
   const props = defineProps({
     loading: Boolean,
@@ -22,5 +32,4 @@
       default: '300px',
     },
   });
-
 </script>

src/views/sys/login/TokenLoginPage.vue

@@ -1,16 +1,15 @@
 <template>
   <div class="app-loading">
     <div class="app-loading-wrap">
-            <img src="/resource/img/logo.png" class="app-loading-logo" alt="Logo">
+      <img src="/resource/img/logo.png" class="app-loading-logo" alt="Logo" />
       <div class="app-loading-dots">
         <span class="dot dot-spin"><i></i><i></i><i></i><i></i></span>
       </div>
-            <div class="app-loading-title">汾西农业面源污染在线监测平台</div>
+      <div class="app-loading-title">{{ title }}</div>
     </div>
   </div>
 </template>
 
-
 <script lang="ts">
   /**
    * 地址中携带token，跳转至此页面进行登录操作
@@ -19,67 +18,74 @@
   import { useMessage } from '/@/hooks/web/useMessage';
   import { useUserStore } from '/@/store/modules/user';
   import { useI18n } from '/@/hooks/web/useI18n';
+  import { getAuthCache, setAuthCache } from '/@/utils/auth';
+  import { LOGIN_INFO_KEY } from '/@/enums/cacheEnum';
+  import { ref } from 'vue';
 
   export default {
-    name: "TokenLogin",
+    name: 'TokenLogin',
-    setup(){
+    setup() {
       const route = useRoute();
       let router = useRouter();
-      const {createMessage, notification} = useMessage()
+      const text = ref('');
-      const {t} = useI18n();
+      const { createMessage, notification } = useMessage();
-      const routeQuery:any = route.query;
+      const { t } = useI18n();
-      if(!routeQuery){
+      const routeQuery: any = route.query;
-        createMessage.warning('参数无效')
+      if (!routeQuery) {
+        createMessage.warning('参数无效');
       }
 
       const token = routeQuery['loginToken'];
-      if(!token){
+      if (!token) {
-        createMessage.warning('token无效')
+        createMessage.warning('token无效');
       }
       const userStore = useUserStore();
-      userStore.ThirdLogin({ token, thirdType:'email' }).then(res => {
+      userStore.ThirdLogin({ token, thirdType: 'email' }).then((res) => {
-        console.log("res====>doThirdLogin",res)
+        console.log('res====>doThirdLogin', res);
-        if(res && res.userInfo){
+        if (res && res.userInfo) {
-          requestSuccess(res)
+          requestSuccess(res);
-        }else{
+        } else {
-          requestFailed(res)
+          requestFailed(res);
         }
       });
 
-      function requestFailed (err) {
+      function requestFailed(err) {
         notification.error({
           message: '登录失败',
-          description: ((err.response || {}).data || {}).message || err.message || "请求出现错误，请稍后再试",
+          description: ((err.response || {}).data || {}).message || err.message || '请求出现错误，请稍后再试',
           duration: 4,
         });
       }
 
-      function requestSuccess(res){
+      function requestSuccess(res) {
         let info = routeQuery.info;
-        if(info){
+        if (info) {
-          let query = JSON.parse(info)
+          let query = JSON.parse(info);
           let taskId = query.taskId;
-          let path = '/task/handle/'+taskId
+          let path = '/task/handle/' + taskId;
-          router.replace({ path, query })
+          router.replace({ path, query });
           notification.success({
             message: t('sys.login.loginSuccessTitle'),
             description: `${t('sys.login.loginSuccessDesc')}: ${res.userInfo.realname}`,
             duration: 3,
           });
-        }else{
+          let loginInfo = getAuthCache(LOGIN_INFO_KEY);
+          if (loginInfo) {
+            text = loginInfo.systemName;
+          }
+        } else {
           notification.error({
             message: '参数失效',
-            description: "页面跳转参数丢失，请查看日志",
+            description: '页面跳转参数丢失，请查看日志',
             duration: 4,
           });
         }
       }
-    }
+    },
-  }
+  };
 </script>
 
 <style scoped>
-
   html[data-theme='dark'] .app-loading {
     background-color: #2c344a;
   }
@@ -205,5 +211,4 @@
       opacity: 1;
     }
   }
-
 </style>