至
@@ -335,7 +348,7 @@ export function getFormSchemaByCertification(params: any = {}) {
};
}
-export function getFormSchemaByShareholder(params: any = {}) {
+export function getFormSchemaByShareholder(_params: any = {}) {
return {
labelCol: { style: { width: '140px' } },
columns: {
@@ -367,7 +380,7 @@ export function getFormSchemaByShareholder(params: any = {}) {
name: 'fs-dict-select',
vModel: 'value',
dict: dict({
- data: [],
+ data: getDictOptions(DICT_TYPE.counterparty_nature),
}),
},
},
diff --git a/apps/web-contract/src/views/contract/company/edit/index.vue b/apps/web-contract/src/views/contract/company/edit/index.vue
index fa767e6e..ecd22091 100644
--- a/apps/web-contract/src/views/contract/company/edit/index.vue
+++ b/apps/web-contract/src/views/contract/company/edit/index.vue
@@ -1,30 +1,27 @@
-
+
- 保存
+
+ 保存
+
删除
- 返回
+
+ 返回
+
-
一键{{ isFold ? '展开' : '收起' }}
+
+ 一键{{ isFold ? '展开' : '收起' }}
+
-
-
-
-
+
+
+
-
+
-
+ />
-
+
{
>
@@ -324,24 +293,23 @@ onMounted(async () => {
-
+
-
+ />
-
+
-
+
diff --git a/apps/web-contract/src/views/contract/declaration/edit/curd.tsx b/apps/web-contract/src/views/contract/declaration/edit/curd.tsx
index 838a1c81..73bac5fd 100644
--- a/apps/web-contract/src/views/contract/declaration/edit/curd.tsx
+++ b/apps/web-contract/src/views/contract/declaration/edit/curd.tsx
@@ -96,15 +96,6 @@ export function getFormSchema(_params: any = {}) {
},
},
},
- projectNum6: {
- title: '公告发布方式',
- key: 'projectNum6',
- col: { span: 8 },
- component: {
- name: 'a-input',
- vModel: 'value',
- },
- },
isBid: {
title: '划分标段',
key: 'isBid',
diff --git a/apps/web-contract/src/views/contract/iframe-info/components/info-approval/info-approval.vue b/apps/web-contract/src/views/contract/iframe-info/components/info-approval/info-approval.vue
index ba64770d..ef107937 100644
--- a/apps/web-contract/src/views/contract/iframe-info/components/info-approval/info-approval.vue
+++ b/apps/web-contract/src/views/contract/iframe-info/components/info-approval/info-approval.vue
@@ -41,6 +41,9 @@ let isLoading = ref(false);
let contractTypeData = ref([]);
+let collapses = ['1', '2'];
+let collapseActiveKey = ref(collapses);
+
const formBinding = ref({
col: { span: 24 },
initialForm: {
@@ -188,33 +191,31 @@ onMounted(async () => {
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
-
-
+
+
-
-
-
-
-
-
+
break
+
diff --git a/apps/web-contract/src/views/contract/perform/edit/components/change/curd.tsx b/apps/web-contract/src/views/contract/perform/edit/components/change/curd.tsx
new file mode 100644
index 00000000..e69de29b
diff --git a/apps/web-contract/src/views/contract/perform/edit/components/change/index.vue b/apps/web-contract/src/views/contract/perform/edit/components/change/index.vue
new file mode 100644
index 00000000..83f5ea98
--- /dev/null
+++ b/apps/web-contract/src/views/contract/perform/edit/components/change/index.vue
@@ -0,0 +1,3 @@
+
+ change
+
diff --git a/apps/web-contract/src/views/contract/perform/edit/components/payment/curd.tsx b/apps/web-contract/src/views/contract/perform/edit/components/payment/curd.tsx
new file mode 100644
index 00000000..e69de29b
diff --git a/apps/web-contract/src/views/contract/perform/edit/components/payment/index.vue b/apps/web-contract/src/views/contract/perform/edit/components/payment/index.vue
new file mode 100644
index 00000000..89f07ec8
--- /dev/null
+++ b/apps/web-contract/src/views/contract/perform/edit/components/payment/index.vue
@@ -0,0 +1,3 @@
+
+ payment
+
diff --git a/apps/web-contract/src/views/contract/perform/edit/components/relieve/curd.tsx b/apps/web-contract/src/views/contract/perform/edit/components/relieve/curd.tsx
new file mode 100644
index 00000000..e69de29b
diff --git a/apps/web-contract/src/views/contract/perform/edit/components/relieve/index.vue b/apps/web-contract/src/views/contract/perform/edit/components/relieve/index.vue
new file mode 100644
index 00000000..5512b2ff
--- /dev/null
+++ b/apps/web-contract/src/views/contract/perform/edit/components/relieve/index.vue
@@ -0,0 +1,3 @@
+
+ relieve
+
diff --git a/apps/web-contract/src/views/contract/perform/edit/index.vue b/apps/web-contract/src/views/contract/perform/edit/index.vue
new file mode 100644
index 00000000..fcbcc7c8
--- /dev/null
+++ b/apps/web-contract/src/views/contract/perform/edit/index.vue
@@ -0,0 +1,68 @@
+
+
+
+
+
+
+
+
+
+
+
diff --git a/apps/web-contract/src/views/contract/perform/list/index.vue b/apps/web-contract/src/views/contract/perform/list/index.vue
index e770a913..48cc8b71 100644
--- a/apps/web-contract/src/views/contract/perform/list/index.vue
+++ b/apps/web-contract/src/views/contract/perform/list/index.vue
@@ -1,101 +1,119 @@
-
+
-
-
+
至
-
-
+
-
-
+
至
-
-
+
-
-
+
+
-
+
新增
-
-
+
+
修改
-
+
导出
-
-
+
+
删除
@@ -204,7 +237,6 @@ function toDetail(row) {
-
123123
+
diff --git a/apps/web-test/src/components/Output1/src/index.vue b/apps/web-test/src/components/Output1/src/index.vue
new file mode 100644
index 00000000..954d296d
--- /dev/null
+++ b/apps/web-test/src/components/Output1/src/index.vue
@@ -0,0 +1,3 @@
+
+ 1231231231
+
diff --git a/apps/web-test/src/layouts/auth.vue b/apps/web-test/src/layouts/auth.vue
new file mode 100644
index 00000000..18d415bc
--- /dev/null
+++ b/apps/web-test/src/layouts/auth.vue
@@ -0,0 +1,23 @@
+
+
+
+
+
+
+
+
diff --git a/apps/web-test/src/layouts/basic.vue b/apps/web-test/src/layouts/basic.vue
new file mode 100644
index 00000000..3c302634
--- /dev/null
+++ b/apps/web-test/src/layouts/basic.vue
@@ -0,0 +1,140 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/apps/web-test/src/layouts/index.ts b/apps/web-test/src/layouts/index.ts
new file mode 100644
index 00000000..a4320780
--- /dev/null
+++ b/apps/web-test/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 };
diff --git a/apps/web-test/src/locales/README.md b/apps/web-test/src/locales/README.md
new file mode 100644
index 00000000..7b451032
--- /dev/null
+++ b/apps/web-test/src/locales/README.md
@@ -0,0 +1,3 @@
+# locale
+
+每个app使用的国际化可能不同，这里用于扩展国际化的功能，例如扩展 dayjs、antd组件库的多语言切换，以及app本身的国际化文件。
diff --git a/apps/web-test/src/locales/index.ts b/apps/web-test/src/locales/index.ts
new file mode 100644
index 00000000..c3fd8c84
--- /dev/null
+++ b/apps/web-test/src/locales/index.ts
@@ -0,0 +1,94 @@
+import type { LocaleSetupOptions, SupportedLanguagesType } from '@vben/locales';
+import type { Locale } from 'ant-design-vue/es/locale';
+
+import type { App } from 'vue';
+import { ref } from 'vue';
+
+import { $t, setupI18n as coreSetup, loadLocalesMap } from '@vben/locales';
+import { preferences } from '@vben/preferences';
+
+import antdEnLocale from 'ant-design-vue/es/locale/en_US';
+import antdDefaultLocale from 'ant-design-vue/es/locale/zh_CN';
+import dayjs from 'dayjs';
+
+const antdLocale = ref(antdDefaultLocale);
+
+const modules = import.meta.glob('./langs/*.json');
+
+const localesMap = loadLocalesMap(modules);
+
+/**
+ * 加载应用特有的语言包
+ * 这里也可以改造为从服务端获取翻译数据
+ * @param lang
+ */
+async function loadMessages(lang: SupportedLanguagesType) {
+ const [appLocaleMessages] = await Promise.all([
+ localesMap[lang]?.(),
+ loadThirdPartyMessage(lang),
+ ]);
+ return appLocaleMessages?.default;
+}
+
+/**
+ * 加载第三方组件库的语言包
+ * @param lang
+ */
+async function loadThirdPartyMessage(lang: SupportedLanguagesType) {
+ await Promise.all([loadAntdLocale(lang), loadDayjsLocale(lang)]);
+}
+
+/**
+ * 加载dayjs的语言包
+ * @param lang
+ */
+async function loadDayjsLocale(lang: SupportedLanguagesType) {
+ let locale;
+ switch (lang) {
+ case 'zh-CN': {
+ locale = await import('dayjs/locale/zh-cn');
+ break;
+ }
+ case 'en-US': {
+ locale = await import('dayjs/locale/en');
+ break;
+ }
+ // 默认使用英语
+ default: {
+ locale = await import('dayjs/locale/en');
+ }
+ }
+ if (locale) {
+ dayjs.locale(locale);
+ } else {
+ console.error(`Failed to load dayjs locale for ${lang}`);
+ }
+}
+
+/**
+ * 加载antd的语言包
+ * @param lang
+ */
+async function loadAntdLocale(lang: SupportedLanguagesType) {
+ switch (lang) {
+ case 'zh-CN': {
+ antdLocale.value = antdDefaultLocale;
+ break;
+ }
+ case 'en-US': {
+ antdLocale.value = antdEnLocale;
+ break;
+ }
+ }
+}
+
+async function setupI18n(app: App, options: LocaleSetupOptions = {}) {
+ await coreSetup(app, {
+ defaultLocale: preferences.app.locale,
+ loadMessages,
+ missingWarn: !import.meta.env.PROD,
+ ...options,
+ });
+}
+
+export { $t, antdLocale, setupI18n };
diff --git a/apps/web-test/src/locales/langs/en-US.json b/apps/web-test/src/locales/langs/en-US.json
new file mode 100644
index 00000000..864c721f
--- /dev/null
+++ b/apps/web-test/src/locales/langs/en-US.json
@@ -0,0 +1,8 @@
+{
+ "page": {
+ "demos": {
+ "title": "Demos",
+ "antd": "Ant Design Vue"
+ }
+ }
+}
diff --git a/apps/web-test/src/locales/langs/zh-CN.json b/apps/web-test/src/locales/langs/zh-CN.json
new file mode 100644
index 00000000..31d3475b
--- /dev/null
+++ b/apps/web-test/src/locales/langs/zh-CN.json
@@ -0,0 +1,8 @@
+{
+ "page": {
+ "demos": {
+ "title": "演示",
+ "antd": "Ant Design Vue"
+ }
+ }
+}
diff --git a/apps/web-test/src/main.ts b/apps/web-test/src/main.ts
new file mode 100644
index 00000000..5d728a02
--- /dev/null
+++ b/apps/web-test/src/main.ts
@@ -0,0 +1,31 @@
+import { initPreferences } from '@vben/preferences';
+import { unmountGlobalLoading } from '@vben/utils';
+
+import { overridesPreferences } from './preferences';
+
+/**
+ * 应用初始化完成之后再进行页面加载渲染
+ */
+async function initApplication() {
+ // name用于指定项目唯一标识
+ // 用于区分不同项目的偏好设置以及存储数据的key前缀以及其他一些需要隔离的数据
+ const env = import.meta.env.PROD ? 'prod' : 'dev';
+ const appVersion = import.meta.env.VITE_APP_VERSION;
+ const namespace = `${import.meta.env.VITE_APP_NAMESPACE}-${appVersion}-${env}`;
+
+ // app偏好设置初始化
+ await initPreferences({
+ namespace,
+ overrides: overridesPreferences,
+ });
+
+ // 启动应用并挂载
+ // vue应用主要逻辑及视图
+ const { bootstrap } = await import('./bootstrap');
+ await bootstrap(namespace);
+
+ // 移除并销毁loading
+ unmountGlobalLoading();
+}
+
+initApplication();
diff --git a/apps/web-test/src/preferences.ts b/apps/web-test/src/preferences.ts
new file mode 100644
index 00000000..7791ddd7
--- /dev/null
+++ b/apps/web-test/src/preferences.ts
@@ -0,0 +1,33 @@
+import { defineOverridesPreferences } from '@vben/preferences';
+
+/**
+ * @description 项目配置文件
+ * 只需要覆盖项目中的一部分配置，不需要的配置不用覆盖，会自动使用默认配置
+ */
+export const overridesPreferences = defineOverridesPreferences({
+ // overrides
+ app: {
+ name: import.meta.env.VITE_APP_TITLE,
+ accessMode: 'frontend',
+ authPageLayout: 'panel-center',
+ colorGrayMode: false,
+ colorWeakMode: false,
+ compact: false,
+ contentCompact: 'wide',
+ defaultAvatar: '',
+ dynamicTitle: true,
+ // 是否开启检查更新
+ enableCheckUpdates: true,
+ // 检查更新的时间间隔，单位为分钟
+ checkUpdatesInterval: 1,
+ // 开启布局设置按钮
+ enablePreferences: false,
+ enableRefreshToken: false,
+ isMobile: false,
+ layout: 'sidebar-nav',
+ locale: 'zh-CN',
+ loginExpiredMode: 'page',
+ preferencesButtonPosition: 'auto',
+ watermark: false,
+ },
+});
diff --git a/apps/web-test/src/router/access.ts b/apps/web-test/src/router/access.ts
new file mode 100644
index 00000000..3a48be23
--- /dev/null
+++ b/apps/web-test/src/router/access.ts
@@ -0,0 +1,42 @@
+import type {
+ ComponentRecordType,
+ GenerateMenuAndRoutesOptions,
+} from '@vben/types';
+
+import { generateAccessible } from '@vben/access';
+import { preferences } from '@vben/preferences';
+
+import { message } from 'ant-design-vue';
+
+import { getAllMenusApi } from '#/api';
+import { BasicLayout, IFrameView } from '#/layouts';
+import { $t } from '#/locales';
+
+const forbiddenComponent = () => import('#/views/_core/fallback/forbidden.vue');
+
+async function generateAccess(options: GenerateMenuAndRoutesOptions) {
+ const pageMap: ComponentRecordType = import.meta.glob('../views/**/*.vue');
+
+ const layoutMap: ComponentRecordType = {
+ BasicLayout,
+ IFrameView,
+ };
+
+ return await generateAccessible(preferences.app.accessMode, {
+ ...options,
+ fetchMenuListAsync: async () => {
+ message.loading({
+ content: `${$t('common.loadingMenu')}...`,
+ duration: 1.5,
+ });
+ return await getAllMenusApi();
+ },
+ // 可以指定没有权限跳转403页面
+ forbiddenComponent,
+ // 如果 route.meta.menuVisibleWithForbidden = true
+ layoutMap,
+ pageMap,
+ });
+}
+
+export { generateAccess };
diff --git a/apps/web-test/src/router/guard.ts b/apps/web-test/src/router/guard.ts
new file mode 100644
index 00000000..673a86e4
--- /dev/null
+++ b/apps/web-test/src/router/guard.ts
@@ -0,0 +1,137 @@
+import type { Router } from 'vue-router';
+
+import { DEFAULT_HOME_PATH, LOGIN_PATH } from '@vben/constants';
+import { preferences } from '@vben/preferences';
+import { useAccessStore, useUserStore } from '@vben/stores';
+import { startProgress, stopProgress } from '@vben/utils';
+
+import { useTitle } from '@vueuse/core';
+
+import { $t } from '#/locales';
+import { coreRouteNames, dynamicRoutes } from '#/router/routes';
+import { useAuthStore } from '#/store';
+
+import { generateAccess } from './access';
+
+/**
+ * 通用守卫配置
+ * @param router
+ */
+function setupCommonGuard(router: Router) {
+ // 记录已经加载的页面
+ const loadedPaths = new Set();
+
+ router.beforeEach(async (to) => {
+ to.meta.loaded = loadedPaths.has(to.path);
+
+ // 页面加载进度条
+ if (!to.meta.loaded && preferences.transition.progress) {
+ startProgress();
+ }
+ return true;
+ });
+
+ router.afterEach((to) => {
+ // 记录页面是否加载,如果已经加载，后续的页面切换动画等效果不在重复执行
+
+ if (preferences.tabbar.enable) {
+ loadedPaths.add(to.path);
+ }
+
+ // 关闭页面加载进度条
+ if (preferences.transition.progress) {
+ stopProgress();
+ }
+
+ // 动态修改标题
+ if (preferences.app.dynamicTitle) {
+ const { title } = to.meta;
+ // useTitle(`${$t(title)} - ${preferences.app.name}`);
+ useTitle(`${$t(title)} - ${preferences.app.name}`);
+ }
+ });
+}
+
+/**
+ * 权限访问守卫配置
+ * @param router
+ */
+function setupAccessGuard(router: Router) {
+ router.beforeEach(async (to, from) => {
+ const accessStore = useAccessStore();
+ const userStore = useUserStore();
+ const authStore = useAuthStore();
+
+ // 基本路由，这些路由不需要进入权限拦截
+ if (coreRouteNames.includes(to.name as string)) {
+ if (to.path === LOGIN_PATH && accessStore.accessToken) {
+ return decodeURIComponent(
+ (to.query?.redirect as string) || DEFAULT_HOME_PATH,
+ );
+ }
+ return true;
+ }
+
+ // accessToken 检查
+ if (!accessStore.accessToken) {
+ // 明确声明忽略权限访问权限，则可以访问
+ if (to.meta.ignoreAccess) {
+ return true;
+ }
+
+ // 没有访问权限，跳转登录页面
+ if (to.fullPath !== LOGIN_PATH) {
+ return {
+ path: LOGIN_PATH,
+ // 如不需要，直接删除 query
+ query: { redirect: encodeURIComponent(to.fullPath) },
+ // 携带当前跳转的页面，登录后重新跳转该页面
+ replace: true,
+ };
+ }
+ return to;
+ }
+
+ // 是否已经生成过动态路由
+ if (accessStore.isAccessChecked) {
+ return true;
+ }
+
+ // 生成路由表
+ // 当前登录用户拥有的角色标识列表
+ const userInfo = userStore.userInfo || (await authStore.fetchUserInfo());
+ const userRoles = userInfo.roles ?? [];
+
+ // 生成菜单和路由
+ const { accessibleMenus, accessibleRoutes } = await generateAccess({
+ roles: userRoles,
+ router,
+ // 则会在菜单中显示，但是访问会被重定向到403
+ routes: dynamicRoutes,
+ });
+
+ // 保存菜单信息和路由信息
+ accessStore.setAccessMenus(accessibleMenus);
+ accessStore.setAccessRoutes(accessibleRoutes);
+ accessStore.setIsAccessChecked(true);
+ const redirectPath = (from.query.redirect ?? to.fullPath) as string;
+
+ return {
+ ...router.resolve(decodeURIComponent(redirectPath)),
+ replace: true,
+ };
+ });
+}
+
+/**
+ * 项目守卫配置
+ * @param router
+ */
+function createRouterGuard(router: Router) {
+ /** 通用 */
+ setupCommonGuard(router);
+ /** 权限访问 */
+ setupAccessGuard(router);
+}
+
+export { createRouterGuard };
diff --git a/apps/web-test/src/router/index.ts b/apps/web-test/src/router/index.ts
new file mode 100644
index 00000000..48402303
--- /dev/null
+++ b/apps/web-test/src/router/index.ts
@@ -0,0 +1,37 @@
+import {
+ createRouter,
+ createWebHashHistory,
+ createWebHistory,
+} from 'vue-router';
+
+import { resetStaticRoutes } from '@vben/utils';
+
+import { createRouterGuard } from './guard';
+import { routes } from './routes';
+
+/**
+ * @zh_CN 创建vue-router实例
+ */
+const router = createRouter({
+ history:
+ import.meta.env.VITE_ROUTER_HISTORY === 'hash'
+ ? createWebHashHistory(import.meta.env.VITE_BASE)
+ : createWebHistory(import.meta.env.VITE_BASE),
+ // 应该添加到路由的初始路由列表。
+ routes,
+ scrollBehavior: (to, _from, savedPosition) => {
+ if (savedPosition) {
+ return savedPosition;
+ }
+ return to.hash ? { behavior: 'smooth', el: to.hash } : { left: 0, top: 0 };
+ },
+ // 是否应该禁止尾部斜杠。
+ // strict: true,
+});
+
+const resetRoutes = () => resetStaticRoutes(router, routes);
+
+// 创建路由守卫
+createRouterGuard(router);
+
+export { resetRoutes, router };
diff --git a/apps/web-test/src/router/routes/core.ts b/apps/web-test/src/router/routes/core.ts
new file mode 100644
index 00000000..f793a57e
--- /dev/null
+++ b/apps/web-test/src/router/routes/core.ts
@@ -0,0 +1,86 @@
+import type { RouteRecordRaw } from 'vue-router';
+
+import { DEFAULT_HOME_PATH } from '@vben/constants';
+
+import { AuthPageLayout } from '#/layouts';
+import { $t } from '#/locales';
+import Login from '#/views/_core/authentication/login.vue';
+
+/** 全局404页面 */
+const fallbackNotFoundRoute: RouteRecordRaw = {
+ component: () => import('#/views/_core/fallback/not-found.vue'),
+ meta: {
+ hideInBreadcrumb: true,
+ hideInMenu: true,
+ hideInTab: true,
+ title: '404',
+ },
+ name: 'FallbackNotFound',
+ path: '/:path(.*)*',
+};
+
+/** 基本路由，这些路由是必须存在的 */
+const coreRoutes: RouteRecordRaw[] = [
+ {
+ meta: {
+ title: 'Root',
+ },
+ name: 'Root',
+ path: '/',
+ redirect: DEFAULT_HOME_PATH,
+ },
+ {
+ component: AuthPageLayout,
+ meta: {
+ title: 'Authentication',
+ },
+ name: 'Authentication',
+ path: '/auth',
+ children: [
+ {
+ name: 'Login',
+ path: 'login',
+ component: Login,
+ meta: {
+ title: $t('page.core.login'),
+ },
+ },
+ {
+ name: 'CodeLogin',
+ path: 'code-login',
+ component: () => import('#/views/_core/authentication/code-login.vue'),
+ meta: {
+ title: $t('page.core.codeLogin'),
+ },
+ },
+ {
+ name: 'QrCodeLogin',
+ path: 'qrcode-login',
+ component: () =>
+ import('#/views/_core/authentication/qrcode-login.vue'),
+ meta: {
+ title: $t('page.core.qrcodeLogin'),
+ },
+ },
+ {
+ name: 'ForgetPassword',
+ path: 'forget-password',
+ component: () =>
+ import('#/views/_core/authentication/forget-password.vue'),
+ meta: {
+ title: $t('page.core.forgetPassword'),
+ },
+ },
+ {
+ name: 'Register',
+ path: 'register',
+ component: () => import('#/views/_core/authentication/register.vue'),
+ meta: {
+ title: $t('page.core.register'),
+ },
+ },
+ ],
+ },
+];
+
+export { coreRoutes, fallbackNotFoundRoute };
diff --git a/apps/web-test/src/router/routes/index.ts b/apps/web-test/src/router/routes/index.ts
new file mode 100644
index 00000000..a70c4875
--- /dev/null
+++ b/apps/web-test/src/router/routes/index.ts
@@ -0,0 +1,31 @@
+import type { RouteRecordRaw } from 'vue-router';
+
+import { mergeRouteModules, traverseTreeValues } from '@vben/utils';
+
+import { coreRoutes, fallbackNotFoundRoute } from './core';
+
+const dynamicRouteFiles = import.meta.glob('./modules/**/*.ts', {
+ eager: true,
+});
+
+// 有需要可以自行打开注释，并创建文件夹
+// const externalRouteFiles = import.meta.glob('./external/**/*.ts', { eager: true });
+
+/** 动态路由 */
+const dynamicRoutes: RouteRecordRaw[] = mergeRouteModules(dynamicRouteFiles);
+
+/** 外部路由列表，访问这些页面可以不需要Layout，可能用于内嵌在别的系统 */
+// const externalRoutes: RouteRecordRaw[] = mergeRouteModules(externalRouteFiles);
+const externalRoutes: RouteRecordRaw[] = [];
+
+/** 路由列表，由基本路由+静态路由组成 */
+const routes: RouteRecordRaw[] = [
+ ...coreRoutes,
+ ...externalRoutes,
+ fallbackNotFoundRoute,
+];
+
+/** 基本路由列表，这些路由不需要进入权限拦截 */
+const coreRouteNames = traverseTreeValues(coreRoutes, (route) => route.name);
+
+export { coreRouteNames, dynamicRoutes, routes };
diff --git a/apps/web-test/src/router/routes/modules/dashboard.ts b/apps/web-test/src/router/routes/modules/dashboard.ts
new file mode 100644
index 00000000..c83eeb0b
--- /dev/null
+++ b/apps/web-test/src/router/routes/modules/dashboard.ts
@@ -0,0 +1,49 @@
+import type { RouteRecordRaw } from 'vue-router';
+
+import { BasicLayout } from '#/layouts';
+
+const routes: RouteRecordRaw[] = [
+ {
+ component: BasicLayout,
+ meta: {
+ icon: 'lucide:layout-dashboard',
+ order: -1,
+ title: '首页',
+ },
+ name: 'Dashboard',
+ path: '/home',
+ children: [
+ {
+ name: 'home',
+ path: '/home',
+ component: () => import('#/views/dashboard/home/index.vue'),
+ meta: {
+ affixTab: true,
+ hideInMenu: true,
+ icon: 'lucide:area-chart',
+ title: '首页',
+ },
+ },
+ // {
+ // name: 'Analytics',
+ // path: '/analytics',
+ // component: () => import('#/views/dashboard/analytics/index.vue'),
+ // meta: {
+ // affixTab: true,
+ // icon: 'lucide:area-chart',
+ // title: $t('page.dashboard.analytics'),
+ // },
+ // },
+ // {
+ // name: 'Workspace',
+ // path: '/workspace',
+ // component: () => import('#/views/dashboard/workspace/index.vue'),
+ // meta: {
+ // title: $t('page.dashboard.workspace'),
+ // },
+ // },
+ ],
+ },
+];
+
+export default routes;
diff --git a/apps/web-test/src/router/routes/modules/demos.ts b/apps/web-test/src/router/routes/modules/demos.ts
new file mode 100644
index 00000000..fa28acc7
--- /dev/null
+++ b/apps/web-test/src/router/routes/modules/demos.ts
@@ -0,0 +1,30 @@
+import type { RouteRecordRaw } from 'vue-router';
+
+import { BasicLayout } from '#/layouts';
+import { $t } from '#/locales';
+
+const routes: RouteRecordRaw[] = [
+ {
+ component: BasicLayout,
+ meta: {
+ icon: 'ic:baseline-view-in-ar',
+ keepAlive: true,
+ order: 1000,
+ title: $t('page.demos.title'),
+ },
+ name: 'Demos',
+ path: '/demos',
+ children: [
+ {
+ meta: {
+ title: $t('page.demos.antd'),
+ },
+ name: 'AntDesignDemos',
+ path: '/demos/ant-design',
+ component: () => import('#/views/demos/antd/index.vue'),
+ },
+ ],
+ },
+];
+
+export default routes;
diff --git a/apps/web-test/src/router/routes/modules/vben.ts b/apps/web-test/src/router/routes/modules/vben.ts
new file mode 100644
index 00000000..46947212
--- /dev/null
+++ b/apps/web-test/src/router/routes/modules/vben.ts
@@ -0,0 +1,81 @@
+import type { RouteRecordRaw } from 'vue-router';
+
+import {
+ VBEN_DOC_URL,
+ VBEN_ELE_PREVIEW_URL,
+ VBEN_GITHUB_URL,
+ VBEN_LOGO_URL,
+ VBEN_NAIVE_PREVIEW_URL,
+} from '@vben/constants';
+
+import { BasicLayout, IFrameView } from '#/layouts';
+import { $t } from '#/locales';
+
+const routes: RouteRecordRaw[] = [
+ {
+ component: BasicLayout,
+ meta: {
+ badgeType: 'dot',
+ icon: VBEN_LOGO_URL,
+ order: 9999,
+ title: $t('page.vben.title'),
+ },
+ name: 'VbenProject',
+ path: '/vben-admin',
+ children: [
+ {
+ name: 'VbenAbout',
+ path: '/vben-admin/about',
+ component: () => import('#/views/_core/about/index.vue'),
+ meta: {
+ icon: 'lucide:copyright',
+ title: $t('page.vben.about'),
+ },
+ },
+ {
+ name: 'VbenDocument',
+ path: '/vben-admin/document',
+ component: IFrameView,
+ meta: {
+ icon: 'lucide:book-open-text',
+ link: VBEN_DOC_URL,
+ title: $t('page.vben.document'),
+ },
+ },
+ {
+ name: 'VbenGithub',
+ path: '/vben-admin/github',
+ component: IFrameView,
+ meta: {
+ icon: 'mdi:github',
+ link: VBEN_GITHUB_URL,
+ title: 'Github',
+ },
+ },
+ {
+ name: 'VbenNaive',
+ path: '/vben-admin/naive',
+ component: IFrameView,
+ meta: {
+ badgeType: 'dot',
+ icon: 'logos:naiveui',
+ link: VBEN_NAIVE_PREVIEW_URL,
+ title: $t('page.vben.naive-ui'),
+ },
+ },
+ {
+ name: 'VbenElementPlus',
+ path: '/vben-admin/ele',
+ component: IFrameView,
+ meta: {
+ badgeType: 'dot',
+ icon: 'logos:element',
+ link: VBEN_ELE_PREVIEW_URL,
+ title: $t('page.vben.element-plus'),
+ },
+ },
+ ],
+ },
+];
+
+export default routes;
diff --git a/apps/web-test/src/store/auth.ts b/apps/web-test/src/store/auth.ts
new file mode 100644
index 00000000..e9e89634
--- /dev/null
+++ b/apps/web-test/src/store/auth.ts
@@ -0,0 +1,112 @@
+import type { LoginAndRegisterParams } from '@vben/common-ui';
+import type { UserInfo } from '@vben/types';
+
+import { ref } from 'vue';
+import { useRouter } from 'vue-router';
+
+import { DEFAULT_HOME_PATH, LOGIN_PATH } from '@vben/constants';
+import { resetAllStores, useAccessStore, useUserStore } from '@vben/stores';
+
+import { notification } from 'ant-design-vue';
+import { defineStore } from 'pinia';
+
+import { getAccessCodesApi, getUserInfoApi, loginApi, logoutApi } from '#/api';
+import { $t } from '#/locales';
+
+export const useAuthStore = defineStore('auth', () => {
+ const accessStore = useAccessStore();
+ const userStore = useUserStore();
+ const router = useRouter();
+
+ const loginLoading = ref(false);
+
+ /**
+ * 异步处理登录操作
+ * Asynchronously handle the login process
+ * @param params 登录表单数据
+ */
+ async function authLogin(
+ params: LoginAndRegisterParams,
+ onSuccess?: () => Promise | void,
+ ) {
+ // 异步处理用户登录操作并获取 accessToken
+ let userInfo: null | UserInfo = null;
+ try {
+ loginLoading.value = true;
+ const { accessToken } = await loginApi(params);
+
+ // 如果成功获取到 accessToken
+ if (accessToken) {
+ accessStore.setAccessToken(accessToken);
+
+ // 获取用户信息并存储到 accessStore 中
+ const [fetchUserInfoResult, accessCodes] = await Promise.all([
+ fetchUserInfo(),
+ getAccessCodesApi(),
+ ]);
+
+ userInfo = fetchUserInfoResult;
+
+ userStore.setUserInfo(userInfo);
+ accessStore.setAccessCodes(accessCodes);
+
+ if (accessStore.loginExpired) {
+ accessStore.setLoginExpired(false);
+ } else {
+ onSuccess
+ ? await onSuccess?.()
+ : await router.push(userInfo.homePath || DEFAULT_HOME_PATH);
+ }
+
+ if (userInfo?.realName) {
+ notification.success({
+ description: `${$t('authentication.loginSuccessDesc')}:${userInfo?.realName}`,
+ duration: 3,
+ message: $t('authentication.loginSuccess'),
+ });
+ }
+ }
+ } finally {
+ loginLoading.value = false;
+ }
+
+ return {
+ userInfo,
+ };
+ }
+
+ async function logout(redirect: boolean = true) {
+ await logoutApi();
+ resetAllStores();
+ accessStore.setLoginExpired(false);
+
+ // 回登陆页带上当前路由地址
+ await router.replace({
+ path: LOGIN_PATH,
+ query: redirect
+ ? {
+ redirect: encodeURIComponent(router.currentRoute.value.fullPath),
+ }
+ : {},
+ });
+ }
+
+ async function fetchUserInfo() {
+ let userInfo: null | UserInfo = null;
+ userInfo = await getUserInfoApi();
+ userStore.setUserInfo(userInfo);
+ return userInfo;
+ }
+
+ function $reset() {
+ loginLoading.value = false;
+ }
+
+ return {
+ $reset,
+ authLogin,
+ fetchUserInfo,
+ loginLoading,
+ logout,
+ };
+});
diff --git a/apps/web-test/src/store/index.ts b/apps/web-test/src/store/index.ts
new file mode 100644
index 00000000..269586ee
--- /dev/null
+++ b/apps/web-test/src/store/index.ts
@@ -0,0 +1 @@
+export * from './auth';
diff --git a/apps/web-test/src/views/_core/README.md b/apps/web-test/src/views/_core/README.md
new file mode 100644
index 00000000..8248afe6
--- /dev/null
+++ b/apps/web-test/src/views/_core/README.md
@@ -0,0 +1,3 @@
+# \_core
+
+此目录包含应用程序正常运行所需的基本视图。这些视图是应用程序布局中使用的视图。
diff --git a/apps/web-test/src/views/_core/about/index.vue b/apps/web-test/src/views/_core/about/index.vue
new file mode 100644
index 00000000..0ee52433
--- /dev/null
+++ b/apps/web-test/src/views/_core/about/index.vue
@@ -0,0 +1,9 @@
+
+
+
+
+
diff --git a/apps/web-test/src/views/_core/authentication/code-login.vue b/apps/web-test/src/views/_core/authentication/code-login.vue
new file mode 100644
index 00000000..03cf5502
--- /dev/null
+++ b/apps/web-test/src/views/_core/authentication/code-login.vue
@@ -0,0 +1,64 @@
+
+
+
+
+
diff --git a/apps/web-test/src/views/_core/authentication/forget-password.vue b/apps/web-test/src/views/_core/authentication/forget-password.vue
new file mode 100644
index 00000000..6cedf3e8
--- /dev/null
+++ b/apps/web-test/src/views/_core/authentication/forget-password.vue
@@ -0,0 +1,42 @@
+
+
+
+
+
diff --git a/apps/web-test/src/views/_core/authentication/login.vue b/apps/web-test/src/views/_core/authentication/login.vue
new file mode 100644
index 00000000..6b994539
--- /dev/null
+++ b/apps/web-test/src/views/_core/authentication/login.vue
@@ -0,0 +1,91 @@
+
+
+
+
+
diff --git a/apps/web-test/src/views/_core/authentication/qrcode-login.vue b/apps/web-test/src/views/_core/authentication/qrcode-login.vue
new file mode 100644
index 00000000..23f5f2da
--- /dev/null
+++ b/apps/web-test/src/views/_core/authentication/qrcode-login.vue
@@ -0,0 +1,10 @@
+
+
+
+
+
diff --git a/apps/web-test/src/views/_core/authentication/register.vue b/apps/web-test/src/views/_core/authentication/register.vue
new file mode 100644
index 00000000..5e0cad07
--- /dev/null
+++ b/apps/web-test/src/views/_core/authentication/register.vue
@@ -0,0 +1,101 @@
+
+
+
+
+
diff --git a/apps/web-test/src/views/_core/fallback/coming-soon.vue b/apps/web-test/src/views/_core/fallback/coming-soon.vue
new file mode 100644
index 00000000..f394930f
--- /dev/null
+++ b/apps/web-test/src/views/_core/fallback/coming-soon.vue
@@ -0,0 +1,7 @@
+
+
+
+
+
diff --git a/apps/web-test/src/views/_core/fallback/forbidden.vue b/apps/web-test/src/views/_core/fallback/forbidden.vue
new file mode 100644
index 00000000..8ea65fed
--- /dev/null
+++ b/apps/web-test/src/views/_core/fallback/forbidden.vue
@@ -0,0 +1,9 @@
+
+
+
+
+
diff --git a/apps/web-test/src/views/_core/fallback/internal-error.vue b/apps/web-test/src/views/_core/fallback/internal-error.vue
new file mode 100644
index 00000000..819a47d5
--- /dev/null
+++ b/apps/web-test/src/views/_core/fallback/internal-error.vue
@@ -0,0 +1,9 @@
+
+
+
+
+
diff --git a/apps/web-test/src/views/_core/fallback/not-found.vue b/apps/web-test/src/views/_core/fallback/not-found.vue
new file mode 100644
index 00000000..4d178e9c
--- /dev/null
+++ b/apps/web-test/src/views/_core/fallback/not-found.vue
@@ -0,0 +1,9 @@
+
+
+
+
+
diff --git a/apps/web-test/src/views/_core/fallback/offline.vue b/apps/web-test/src/views/_core/fallback/offline.vue
new file mode 100644
index 00000000..5de4a88d
--- /dev/null
+++ b/apps/web-test/src/views/_core/fallback/offline.vue
@@ -0,0 +1,9 @@
+
+
+
+
+
diff --git a/apps/web-test/src/views/dashboard/analytics/analytics-trends.vue b/apps/web-test/src/views/dashboard/analytics/analytics-trends.vue
new file mode 100644
index 00000000..fadfc917
--- /dev/null
+++ b/apps/web-test/src/views/dashboard/analytics/analytics-trends.vue
@@ -0,0 +1,100 @@
+
+
+
+
+
diff --git a/apps/web-test/src/views/dashboard/analytics/analytics-visits-data.vue b/apps/web-test/src/views/dashboard/analytics/analytics-visits-data.vue
new file mode 100644
index 00000000..30c4265d
--- /dev/null
+++ b/apps/web-test/src/views/dashboard/analytics/analytics-visits-data.vue
@@ -0,0 +1,84 @@
+
+
+
+
+
diff --git a/apps/web-test/src/views/dashboard/analytics/analytics-visits-sales.vue b/apps/web-test/src/views/dashboard/analytics/analytics-visits-sales.vue
new file mode 100644
index 00000000..260520b8
--- /dev/null
+++ b/apps/web-test/src/views/dashboard/analytics/analytics-visits-sales.vue
@@ -0,0 +1,48 @@
+
+
+
+
+
diff --git a/apps/web-test/src/views/dashboard/analytics/analytics-visits-source.vue b/apps/web-test/src/views/dashboard/analytics/analytics-visits-source.vue
new file mode 100644
index 00000000..e0d0aab5
--- /dev/null
+++ b/apps/web-test/src/views/dashboard/analytics/analytics-visits-source.vue
@@ -0,0 +1,67 @@
+
+
+
+
+
diff --git a/apps/web-test/src/views/dashboard/analytics/analytics-visits.vue b/apps/web-test/src/views/dashboard/analytics/analytics-visits.vue
new file mode 100644
index 00000000..7e1f14ee
--- /dev/null
+++ b/apps/web-test/src/views/dashboard/analytics/analytics-visits.vue
@@ -0,0 +1,57 @@
+
+
+
+
+
diff --git a/apps/web-test/src/views/dashboard/analytics/index.vue b/apps/web-test/src/views/dashboard/analytics/index.vue
new file mode 100644
index 00000000..00b34df1
--- /dev/null
+++ b/apps/web-test/src/views/dashboard/analytics/index.vue
@@ -0,0 +1,90 @@
+
+
+
+
+
diff --git a/apps/web-test/src/views/dashboard/home/components/Output1/index.vue b/apps/web-test/src/views/dashboard/home/components/Output1/index.vue
new file mode 100644
index 00000000..ea9f719e
--- /dev/null
+++ b/apps/web-test/src/views/dashboard/home/components/Output1/index.vue
@@ -0,0 +1,3 @@
+
+ 我是示例组件1
+
diff --git a/apps/web-test/src/views/dashboard/home/components/Output2/index.vue b/apps/web-test/src/views/dashboard/home/components/Output2/index.vue
new file mode 100644
index 00000000..93576846
--- /dev/null
+++ b/apps/web-test/src/views/dashboard/home/components/Output2/index.vue
@@ -0,0 +1,3 @@
+
+ 我是示例组件2
+
diff --git a/apps/web-test/src/views/dashboard/home/components/Output3/index.vue b/apps/web-test/src/views/dashboard/home/components/Output3/index.vue
new file mode 100644
index 00000000..c9b2c92c
--- /dev/null
+++ b/apps/web-test/src/views/dashboard/home/components/Output3/index.vue
@@ -0,0 +1,3 @@
+
+ 我是示例组件3
+
diff --git a/apps/web-test/src/views/dashboard/home/index.vue b/apps/web-test/src/views/dashboard/home/index.vue
new file mode 100644
index 00000000..04a77eeb
--- /dev/null
+++ b/apps/web-test/src/views/dashboard/home/index.vue
@@ -0,0 +1,338 @@
+
+
+
+
+
+
+
+
+ x
+
+
+
+
+
+
+
+
+
+ 早安, {{ userStore.userInfo?.realName }}, 开始您一天的工作吧！
+
+ 今日晴，20℃ - 32℃！
+
+
+
+