Skip to content

V
Vue-Dashboard
Commit b1a95b3d by 高源
Options

11月15日dll版本

parent 5a61ca9b
Showing with 34 additions and 30 deletions
.DS_Store
No preview for this file type
.env.test
# backend service base url, test environment # backend service base url, test environment
VITE_SERVICE_BASE_URL='http://localhost:80' VITE_SERVICE_BASE_URL=''
# other backend service base url, test environment # other backend service base url, test environment
VITE_OTHER_SERVICE_BASE_URL= `{ VITE_OTHER_SERVICE_BASE_URL= `{
......
dist/assets/index-D2Uxt_18.css deleted 100644 → 0
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/index.html
<!doctype html> <!doctype html>
<html lang="zh-cmn-Hans"> <html lang="zh-cmn-Hans">
<head> <head>
<meta name="buildTime" content="2024-10-31 20:14:53"> <meta name="buildTime" content="2024-11-15 14:25:42">
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" href="/favicon.svg" /> <link rel="icon" href="/favicon.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="color-scheme" content="light dark" /> <meta name="color-scheme" content="light dark" />
<title>VueDashboard</title> <title>VueDashboard</title>
<script type="module" crossorigin src="/assets/index-DzQnvhQn.js"></script> <script type="module" crossorigin src="/Content/VueDashboardUi/VueDashboard1/assets/index-C21dpL_i.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-D2Uxt_18.css"> <link rel="stylesheet" crossorigin href="/Content/VueDashboardUi/VueDashboard1/assets/index-obeHIzyq.css">
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>
......
package.json
...@@ -66,7 +66,8 @@ ...@@ -66,7 +66,8 @@
"vue": "3.4.35", "vue": "3.4.35",
"vue-draggable-plus": "0.5.2", "vue-draggable-plus": "0.5.2",
"vue-i18n": "9.13.1", "vue-i18n": "9.13.1",
"vue-router": "4.4.1" "vue-router": "4.4.1",
"vue3-sfc-loader": "^0.9.5"
}, },
"devDependencies": { "devDependencies": {
"@elegant-router/vue": "0.3.8", "@elegant-router/vue": "0.3.8",
......
src/layouts/modules/global-menu/modules/horizontal-menu.vue
...@@ -40,7 +40,6 @@ const renderIcon = (menuOption: any) => { ...@@ -40,7 +40,6 @@ const renderIcon = (menuOption: any) => {
<template> <template>
<Teleport :to="`#${GLOBAL_HEADER_MENU_ID}`"> <Teleport :to="`#${GLOBAL_HEADER_MENU_ID}`">
1
<NMenu <NMenu
mode="horizontal" mode="horizontal"
:value="selectedKey" :value="selectedKey"
......
src/layouts/modules/global-menu/modules/horizontal-mix-menu.vue
...@@ -53,7 +53,6 @@ const renderIcon = (menuOption: any) => { ...@@ -53,7 +53,6 @@ const renderIcon = (menuOption: any) => {
<template> <template>
<Teleport :to="`#${GLOBAL_HEADER_MENU_ID}`"> <Teleport :to="`#${GLOBAL_HEADER_MENU_ID}`">
2
<NMenu <NMenu
mode="horizontal" mode="horizontal"
:value="selectedKey" :value="selectedKey"
...@@ -65,7 +64,6 @@ const renderIcon = (menuOption: any) => { ...@@ -65,7 +64,6 @@ const renderIcon = (menuOption: any) => {
></NMenu> ></NMenu>
</Teleport> </Teleport>
<Teleport :to="`#${GLOBAL_SIDER_MENU_ID}`"> <Teleport :to="`#${GLOBAL_SIDER_MENU_ID}`">
1
<FirstLevelMenu <FirstLevelMenu
:menus="allMenus" :menus="allMenus"
:active-menu-key="activeFirstLevelMenuKey" :active-menu-key="activeFirstLevelMenuKey"
......
src/layouts/modules/global-menu/modules/reversed-horizontal-mix-menu.vue
...@@ -80,7 +80,6 @@ const renderIcon = (menuOption: any) => { ...@@ -80,7 +80,6 @@ const renderIcon = (menuOption: any) => {
<template> <template>
<Teleport :to="`#${GLOBAL_HEADER_MENU_ID}`"> <Teleport :to="`#${GLOBAL_HEADER_MENU_ID}`">
3
<NMenu <NMenu
mode="horizontal" mode="horizontal"
:value="activeFirstLevelMenuKey" :value="activeFirstLevelMenuKey"
...@@ -92,7 +91,6 @@ const renderIcon = (menuOption: any) => { ...@@ -92,7 +91,6 @@ const renderIcon = (menuOption: any) => {
</Teleport> </Teleport>
<Teleport :to="`#${GLOBAL_SIDER_MENU_ID}`"> <Teleport :to="`#${GLOBAL_SIDER_MENU_ID}`">
<SimpleScrollbar> <SimpleScrollbar>
3
<NMenu <NMenu
v-model:expanded-keys="expandedKeys" v-model:expanded-keys="expandedKeys"
mode="vertical" mode="vertical"
......
src/layouts/modules/global-menu/modules/vertical-menu.vue
...@@ -66,7 +66,6 @@ const renderIcon = (menuOption: any) => { ...@@ -66,7 +66,6 @@ const renderIcon = (menuOption: any) => {
<template> <template>
<Teleport :to="`#${GLOBAL_SIDER_MENU_ID}`"> <Teleport :to="`#${GLOBAL_SIDER_MENU_ID}`">
<SimpleScrollbar> <SimpleScrollbar>
4
<NMenu <NMenu
v-model:expanded-keys="expandedKeys" v-model:expanded-keys="expandedKeys"
mode="vertical" mode="vertical"
......
src/layouts/modules/global-menu/modules/vertical-mix-menu.vue
...@@ -133,7 +133,6 @@ const renderIcon = (menuOption: any) => { ...@@ -133,7 +133,6 @@ const renderIcon = (menuOption: any) => {
/> />
</header> </header>
<SimpleScrollbar> <SimpleScrollbar>
5
<NMenu <NMenu
v-model:expanded-keys="expandedKeys" v-model:expanded-keys="expandedKeys"
mode="vertical" mode="vertical"
......
src/router/routes/index.ts
/* eslint-disable no-plusplus */ /* eslint-disable no-plusplus */
import type { CustomRoute, ElegantConstRoute, ElegantRoute } from '@elegant-router/types'; import type { CustomRoute, ElegantConstRoute, ElegantRoute } from '@elegant-router/types';
import { getRootMenu } from '@/service/api'; import { getRootMenu } from '@/service/api';
import { generatedRoutes } from '../elegant/routes'; import { generatedRoutes } from '../elegant/routes';
import { layouts, views } from '../elegant/imports'; import { layouts, views } from '../elegant/imports';
import { transformElegantRoutesToVueRoutes } from '../elegant/transform'; import { transformElegantRoutesToVueRoutes } from '../elegant/transform';
import path from 'path';
/** /**
* custom routes * custom routes
* *
...@@ -185,12 +185,11 @@ const customRoutes: CustomRoute[] = [ ...@@ -185,12 +185,11 @@ const customRoutes: CustomRoute[] = [
* *
* @param MenuThree MenuThree * @param MenuThree MenuThree
*/ */
// ${window.uiGlobalConfig.InternalCode}
// const { data: menus } = await getRootMenu(`/Restful/Kivii.Basic.Entities.Menu/Show.json?RootInternalCode=dashboard`);
const { data: menus } = await getRootMenu( const { data: menus } = await getRootMenu(
`/Restful/Kivii.Basic.Entities.Menu/Show.json?RootInternalCode=${window.globalConfig.apiUrl}` `/Restful/Kivii.Basic.Entities.Menu/Show.json?RootInternalCode=${window.uiGlobalConfig.InternalCode}`
); );
console.log(window.globalConfig.apiUrl);
// const rootMenu =getRootMenu('/Restful/Kivii.Basic.Entities.Menu/Show.json?RootInternalCode=Dashboard'); // const rootMenu =getRootMenu('/Restful/Kivii.Basic.Entities.Menu/Show.json?RootInternalCode=Dashboard');
const MenuThree = await getMenuThree(menus?.MenusMain?.Results); const MenuThree = await getMenuThree(menus?.MenusMain?.Results);
...@@ -200,7 +199,6 @@ if (MenuThree2.length > 0) { ...@@ -200,7 +199,6 @@ if (MenuThree2.length > 0) {
customRoutes.push(MenuThree2[i]); customRoutes.push(MenuThree2[i]);
} }
} }
console.log(MenuThree)
function getMenuThree(data: any) { function getMenuThree(data: any) {
const cloneData = JSON.parse(JSON.stringify(data)); // 对源数据深度克隆 const cloneData = JSON.parse(JSON.stringify(data)); // 对源数据深度克隆
return cloneData.filter((father: { Kvid: any; children: any; ParentKvid: undefined }) => { return cloneData.filter((father: { Kvid: any; children: any; ParentKvid: undefined }) => {
...@@ -221,7 +219,8 @@ function generateRoutes(data: any[]) { ...@@ -221,7 +219,8 @@ function generateRoutes(data: any[]) {
meta: { meta: {
title: item.DisplayName, title: item.DisplayName,
icon: 'mdi:file-document-multiple-outline', icon: 'mdi:file-document-multiple-outline',
order: item.SortId order: item.SortId,
keepAlive: true
}, },
children: [] children: []
}; };
...@@ -242,7 +241,9 @@ function generateRoutes(data: any[]) { ...@@ -242,7 +241,9 @@ function generateRoutes(data: any[]) {
meta: { meta: {
title: child.DisplayName, title: child.DisplayName,
icon: child.Icon, icon: child.Icon,
order: child.SortId order: child.SortId,
keepAlive: true,
type: 'iframe'
} }
}; };
}); });
......
src/store/modules/route/shared.ts
...@@ -125,7 +125,6 @@ function getGlobalMenuByBaseRoute(route: RouteLocationNormalizedLoaded | Elegant ...@@ -125,7 +125,6 @@ function getGlobalMenuByBaseRoute(route: RouteLocationNormalizedLoaded | Elegant
// 从 route.meta 中获取需要的属性 // 从 route.meta 中获取需要的属性
const { name, path } = route; const { name, path } = route;
const { title, i18nKey, icon, localIcon, iconFontSize } = route.meta ?? {}; const { title, i18nKey, icon, localIcon, iconFontSize } = route.meta ?? {};
console.log(route.meta);
// 如果存在 i18nKey，使用 i18n 进行翻译，否则使用 title // 如果存在 i18nKey，使用 i18n 进行翻译，否则使用 title
const label = i18nKey ? $t(i18nKey) : title!; const label = i18nKey ? $t(i18nKey) : title!;
......
src/store/modules/theme/index.ts
...@@ -49,7 +49,6 @@ export const useThemeStore = defineStore(SetupStoreId.Theme, () => { ...@@ -49,7 +49,6 @@ export const useThemeStore = defineStore(SetupStoreId.Theme, () => {
/** Naive theme */ /** Naive theme */
const naiveTheme = computed(() => getNaiveTheme(themeColors.value, settings.value.recommendColor)); const naiveTheme = computed(() => getNaiveTheme(themeColors.value, settings.value.recommendColor));
console.log(naiveTheme.value);
/** /**
* Settings json * Settings json
* *
...@@ -164,7 +163,6 @@ console.log(naiveTheme.value); ...@@ -164,7 +163,6 @@ console.log(naiveTheme.value);
// cache theme settings when page is closed or refreshed // cache theme settings when page is closed or refreshed
useEventListener(window, 'beforeunload', () => { useEventListener(window, 'beforeunload', () => {
console.log('123')
cacheThemeSettings(); cacheThemeSettings();
}); });
......
src/store/modules/theme/shared.ts
...@@ -10,7 +10,6 @@ const DARK_CLASS = 'dark'; ...@@ -10,7 +10,6 @@ const DARK_CLASS = 'dark';
/** Init theme settings */ /** Init theme settings */
export function initThemeSettings() { export function initThemeSettings() {
const isProd = import.meta.env.PROD; const isProd = import.meta.env.PROD;
console.log(!isProd)
// if it is development mode, the theme settings will not be cached, by update `themeSettings` in `src/theme/settings.ts` to update theme settings // if it is development mode, the theme settings will not be cached, by update `themeSettings` in `src/theme/settings.ts` to update theme settings
// localStg.set('themeSettings', themeSettings); // localStg.set('themeSettings', themeSettings);
if (!isProd) return themeSettings; if (!isProd) return themeSettings;
...@@ -25,7 +24,6 @@ export function initThemeSettings() { ...@@ -25,7 +24,6 @@ export function initThemeSettings() {
if (!isOverride) { if (!isOverride) {
Object.assign(settings, overrideThemeSettings); Object.assign(settings, overrideThemeSettings);
localStg.set('overrideThemeFlag', BUILD_TIME); localStg.set('overrideThemeFlag', BUILD_TIME);
console.log(isOverride)
} }
return settings; return settings;
......
src/styles/scss/global.css 0 → 100644
/*# sourceMappingURL=global.css.map */
\ No newline at end of file
src/styles/scss/global.css.map 0 → 100644
{"version":3,"sources":[],"names":[],"mappings":"","file":"global.css"}
\ No newline at end of file
src/styles/scss/scrollbar.css 0 → 100644
/*# sourceMappingURL=scrollbar.css.map */
\ No newline at end of file
src/styles/scss/scrollbar.css.map 0 → 100644
{"version":3,"sources":[],"names":[],"mappings":"","file":"scrollbar.css"}
\ No newline at end of file
src/views/_builtin/iframe-page/[url].vue
...@@ -2,6 +2,7 @@ ...@@ -2,6 +2,7 @@
import { onActivated, onMounted, ref } from 'vue'; import { onActivated, onMounted, ref } from 'vue';
import { getSelectMenu } from '@/service/api'; import { getSelectMenu } from '@/service/api';
import NotFound from '@/views/_builtin/404/index.vue'; // 引入 404 组件 import NotFound from '@/views/_builtin/404/index.vue'; // 引入 404 组件
interface Props { interface Props {
url: string; url: string;
// eslint-disable-next-line vue/prop-name-casing, vue/no-unused-properties // eslint-disable-next-line vue/prop-name-casing, vue/no-unused-properties
...@@ -10,7 +11,7 @@ interface Props { ...@@ -10,7 +11,7 @@ interface Props {
} }
const { url, kvid, type } = defineProps<Props>(); const { url, kvid, type } = defineProps<Props>();
const selectTag = ref(''); // 定义响应式变量 abc const selectTag = ref(''); // 定义响应式变量
const hasError = ref(false); // 标志位，用于指示是否发生错误 const hasError = ref(false); // 标志位，用于指示是否发生错误
onMounted(() => { onMounted(() => {
...@@ -21,6 +22,7 @@ onActivated(async () => { ...@@ -21,6 +22,7 @@ onActivated(async () => {
// console.log('activated'); // console.log('activated');
const origin = window.location.origin; const origin = window.location.origin;
origin.split('/').slice(0, 3).join('/'); origin.split('/').slice(0, 3).join('/');
// const origin = 'http://localhost:80'; // const origin = 'http://localhost:80';
if (type === 'System') { if (type === 'System') {
if (url.startsWith('App')) { if (url.startsWith('App')) {
...@@ -47,6 +49,8 @@ onActivated(async () => { ...@@ -47,6 +49,8 @@ onActivated(async () => {
hasError.value = true; // 如果请求失败，也设置错误标志位 hasError.value = true; // 如果请求失败，也设置错误标志位
} }
} }
// iframeList.value.push(selectTag.value);
// console.log(iframeList.value)
}); });
</script> </script>
......
src/views/home/index.vue
...@@ -19,8 +19,8 @@ const gap = computed(() => (appStore.isMobile ? 0 : 16)); ...@@ -19,8 +19,8 @@ const gap = computed(() => (appStore.isMobile ? 0 : 16));
{{ $t('page.home.branchDesc') }} {{ $t('page.home.branchDesc') }}
</NAlert> --> </NAlert> -->
<HeaderBanner /> <HeaderBanner />
<CardData /> <!-- <CardData /> -->
<NGrid :x-gap="gap" :y-gap="16" responsive="screen" item-responsive> <!-- <NGrid :x-gap="gap" :y-gap="16" responsive="screen" item-responsive>
<NGi span="24 s:24 m:14"> <NGi span="24 s:24 m:14">
<NCard :bordered="false" class="card-wrapper"> <NCard :bordered="false" class="card-wrapper">
<LineChart /> <LineChart />
...@@ -31,7 +31,7 @@ const gap = computed(() => (appStore.isMobile ? 0 : 16)); ...@@ -31,7 +31,7 @@ const gap = computed(() => (appStore.isMobile ? 0 : 16));
<PieChart /> <PieChart />
</NCard> </NCard>
</NGi> </NGi>
</NGrid> </NGrid> -->
<NGrid :x-gap="gap" :y-gap="16" responsive="screen" item-responsive> <NGrid :x-gap="gap" :y-gap="16" responsive="screen" item-responsive>
<NGi span="24 s:24 m:14"> <NGi span="24 s:24 m:14">
<!-- <ProjectNews /> --> <!-- <ProjectNews /> -->
......
vite.config.ts
...@@ -46,7 +46,9 @@ export default defineConfig(configEnv => { ...@@ -46,7 +46,9 @@ export default defineConfig(configEnv => {
commonjsOptions: { commonjsOptions: {
ignoreTryCatch: false ignoreTryCatch: false
}, },
target: 'esnext' // 或 'es2022' target: 'esnext', // 或 'es2022'
outDir: 'dist',
assetsDir: 'Content/VueDashboardUi/VueDashboard1/assets'
} }
}; };
}); });
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment