物业代码生成

apps/web-antd/src/layouts/auth.vue

@@ -0,0 +1,23 @@
+<script lang="ts" setup>
+import { computed } from 'vue';
+
+import { AuthPageLayout } from '@vben/layouts';
+import { preferences } from '@vben/preferences';
+
+import { $t } from '#/locales';
+
+const appName = computed(() => preferences.app.name);
+const logo = computed(() => preferences.logo.source);
+</script>
+
+<template>
+  <AuthPageLayout
+    :app-name="appName"
+    :logo="logo"
+    :page-description="$t('authentication.pageDesc')"
+    :page-title="$t('authentication.pageTitle')"
+  >
+    <!-- 自定义工具栏 -->
+    <!-- <template #toolbar></template> -->
+  </AuthPageLayout>
+</template>

apps/web-antd/src/layouts/basic.vue

@@ -0,0 +1,168 @@
+<script lang="ts" setup>
+import { computed, h, onMounted, watch } from 'vue';
+import { useRouter } from 'vue-router';
+
+import { AuthenticationLoginExpiredModal } from '@vben/common-ui';
+import { VBEN_DOC_URL, VBEN_GITHUB_URL } from '@vben/constants';
+import { useWatermark } from '@vben/hooks';
+import {
+  BookOpenText,
+  CircleHelp,
+  GiteeIcon,
+  GitHubOutlined,
+  UserOutlined,
+} from '@vben/icons';
+import {
+  BasicLayout,
+  LockScreen,
+  Notification,
+  UserDropdown,
+} from '@vben/layouts';
+import { preferences } from '@vben/preferences';
+import { useAccessStore, useUserStore } from '@vben/stores';
+import { openWindow } from '@vben/utils';
+
+import { message } from 'ant-design-vue';
+
+import { TenantToggle } from '#/components/tenant-toggle';
+import { $t } from '#/locales';
+import { resetRoutes } from '#/router';
+import { useAuthStore, useNotifyStore } from '#/store';
+import { useTenantStore } from '#/store/tenant';
+import LoginForm from '#/views/_core/authentication/login.vue';
+
+const userStore = useUserStore();
+const authStore = useAuthStore();
+const accessStore = useAccessStore();
+const router = useRouter();
+const { destroyWatermark, updateWatermark } = useWatermark();
+
+const tenantStore = useTenantStore();
+const menus = computed(() => {
+  const defaultMenus = [
+    {
+      handler: () => {
+        openWindow(VBEN_DOC_URL, {
+          target: '_blank',
+        });
+      },
+      icon: BookOpenText,
+      text: $t('ui.widgets.document'),
+    },
+    {
+      handler: () => {
+        router.push('/profile');
+      },
+      icon: UserOutlined,
+      text: $t('ui.widgets.profile'),
+    },
+    {
+      handler: () => {
+        openWindow('https://gitee.com/dapppp/ruoyi-plus-vben5', {
+          target: '_blank',
+        });
+      },
+      icon: () => h(GiteeIcon, { class: 'text-red-800' }),
+      text: 'Gitee项目地址',
+    },
+    {
+      handler: () => {
+        openWindow(VBEN_GITHUB_URL, {
+          target: '_blank',
+        });
+      },
+      icon: GitHubOutlined,
+      text: 'Vben官方地址',
+    },
+    {
+      handler: () => {
+        openWindow(`${VBEN_GITHUB_URL}/issues`, {
+          target: '_blank',
+        });
+      },
+      icon: CircleHelp,
+      text: $t('ui.widgets.qa'),
+    },
+  ];
+  /**
+   * 租户选中状态 不显示个人中心
+   */
+  if (tenantStore.checked) {
+    defaultMenus.splice(1, 1);
+  }
+  return defaultMenus;
+});
+
+const avatar = computed(() => {
+  return userStore.userInfo?.avatar || preferences.app.defaultAvatar;
+});
+
+async function handleLogout() {
+  /**
+   * 主动登出不需要带跳转地址
+   */
+  await authStore.logout(false);
+  resetRoutes();
+}
+
+const notifyStore = useNotifyStore();
+onMounted(() => notifyStore.startListeningMessage());
+
+function handleViewAll() {
+  message.warning('暂未开放');
+}
+watch(
+  () => preferences.app.watermark,
+  async (enable) => {
+    if (enable) {
+      await updateWatermark({
+        content: `${userStore.userInfo?.username} - ${userStore.userInfo?.realName}`,
+      });
+    } else {
+      destroyWatermark();
+    }
+  },
+  {
+    immediate: true,
+  },
+);
+</script>
+
+<template>
+  <BasicLayout @clear-preferences-and-logout="handleLogout">
+    <template #header-right-1>
+      <TenantToggle />
+    </template>
+    <template #user-dropdown>
+      <UserDropdown
+        :avatar
+        :menus
+        :text="userStore.userInfo?.realName"
+        description="ann.vben@gmail.com"
+        tag-text="Pro"
+        @logout="handleLogout"
+      />
+    </template>
+    <template #notification>
+      <Notification
+        :dot="notifyStore.showDot"
+        :notifications="notifyStore.notifications"
+        @clear="notifyStore.clearAllMessage"
+        @make-all="notifyStore.setAllRead"
+        @read="notifyStore.setRead"
+        @view-all="handleViewAll"
+      />
+    </template>
+    <template #extra>
+      <AuthenticationLoginExpiredModal
+        v-model:open="accessStore.loginExpired"
+        :avatar
+      >
+        <LoginForm />
+      </AuthenticationLoginExpiredModal>
+    </template>
+    <template #lock-screen>
+      <LockScreen :avatar @to-login="handleLogout" />
+    </template>
+  </BasicLayout>
+</template>

apps/web-antd/src/layouts/index.ts

@@ -0,0 +1,6 @@
+const BasicLayout = () => import('./basic.vue');
+const AuthPageLayout = () => import('./auth.vue');
+
+const IFrameView = () => import('@vben/layouts').then((m) => m.IFrameView);
+
+export { AuthPageLayout, BasicLayout, IFrameView };