项目初始化

web-vue/packages/core/layouts/default/header/index.vue

@@ -26,6 +26,8 @@
 
     <!-- action  -->
     <div :class="`${prefixCls}-action`">
+      <Icon icon="ant-design:bar-chart-outlined" size="24" @click="goToBigScreen" />
+      
       <AppSearch v-if="getShowSearch" class="switch-corp" />
 
       <OnlineCount class="online-count" />
@@ -46,6 +48,7 @@
   import { defineComponent, ref, unref, computed } from 'vue';
   import { propTypes } from '@jeesite/core/utils/propTypes';
   import { Layout } from 'ant-design-vue';
+  import { Icon } from '@jeesite/core/components/Icon';
   import { AppLogo } from '@jeesite/core/components/Application';
   import { AppSearch } from '@jeesite/core/components/Application';
   import { MenuModeEnum, MenuSplitTyeEnum } from '@jeesite/core/enums/menuEnum';
@@ -59,6 +62,7 @@
   import { useLocale } from '@jeesite/core/locales/useLocale';
   import { useUserStore } from '@jeesite/core/store/modules/user';
   import { onMountedOrActivated } from '@jeesite/core/hooks/core/onMountedOrActivated';
+  import { useRouter } from 'vue-router';
   import LayoutMenu from '../menu/index.vue';
   import LayoutTrigger from '../trigger/index.vue';
   import {
@@ -71,10 +75,12 @@
     SettingDrawer,
   } from './components';
 
+
   export default defineComponent({
     name: 'LayoutHeader',
     components: {
       ALayoutHeader: Layout.Header,
+      Icon,
       AppLogo,
       LayoutTrigger,
       LayoutBreadcrumb,
@@ -92,6 +98,7 @@
     },
     setup(props) {
       const { prefixCls } = useDesign('layout-header');
+      const router = useRouter();
       // 增加延迟，修复Safari下首次加载顶部菜单重叠问题。
       const getIsInitMenu = ref<boolean>(false);
       onMountedOrActivated(() => {
@@ -164,6 +171,13 @@
         return unref(getSplit) ? MenuModeEnum.HORIZONTAL : null;
       });
       
+      const goToBigScreen = () => {
+        const { href } = router.resolve({
+           path: "/bigScreen"
+         });
+        	window.open(href, '_blank');
+      };
+
       return {
         prefixCls,
         getHeaderClass,
@@ -188,6 +202,7 @@
         getShowSetting,
         getShowSearch,
         getUseCorpModel,
+        goToBigScreen,
       };
     },
   });

web-vue/packages/core/store/modules/user.ts

@@ -12,7 +12,7 @@ import { PageEnum } from '@jeesite/core/enums/pageEnum';
 import { TOKEN_KEY, ROLES_KEY, USER_INFO_KEY, SESSION_TIMEOUT_KEY } from '@jeesite/core/enums/cacheEnum';
 import { getAuthCache, setAuthCache } from '@jeesite/core/utils/auth';
 import { loginApi, logoutApi, userInfoApi, LoginParams, LoginResult } from '@jeesite/core/api/sys/login';
-// import { useI18n } from '@jeesite/core/hooks/web/useI18n';
+import { useI18n } from '@jeesite/core/hooks/web/useI18n';
 import { useMessage } from '@jeesite/core/hooks/web/useMessage';
 import { router } from '@jeesite/core/router';
 import { usePermissionStore } from '@jeesite/core/store/modules/permission';
@@ -215,16 +215,16 @@ export const useUserStore = defineStore('app-user', {
      * @description: Confirm before logging out
      */
     async confirmLoginOut() {
-      // const { createConfirm } = useMessage();
-      // const { t } = useI18n();
-      // createConfirm({
-      //   iconType: 'warning',
-      //   title: () => h('span', t('sys.app.logoutTip')),
-      //   content: () => h('span', t('sys.app.logoutMessage')),
-      //   onOk: async () => {
-      await this.logout(true);
-      //   },
-      // });
+      const { createConfirm } = useMessage();
+      const { t } = useI18n();
+      createConfirm({
+        iconType: 'warning',
+        title: () => t('sys.app.logoutTip'),
+        content: () => t('sys.app.logoutMessage'),
+        onOk: async () => {
+          await this.logout(true);
+        },
+      });
     },
   },
 });