fix: 一些基本功能
This commit is contained in:
@@ -17,6 +17,7 @@ import {
|
||||
WorkbenchTodo,
|
||||
WorkbenchTrends,
|
||||
} from '@vben/common-ui';
|
||||
import { LogoSvgICON } from '@vben/icons';
|
||||
import { preferences } from '@vben/preferences';
|
||||
import { useUserStore } from '@vben/stores';
|
||||
import { openWindow } from '@vben/utils';
|
||||
@@ -30,59 +31,77 @@ const userStore = useUserStore();
|
||||
// 例如：url: /dashboard/workspace
|
||||
const projectItems: WorkbenchProjectItem[] = [
|
||||
{
|
||||
color: '',
|
||||
color: 'blue',
|
||||
content: '不要等待机会，而要创造机会。',
|
||||
date: '2021-04-01',
|
||||
group: '开源组',
|
||||
icon: 'carbon:logo-github',
|
||||
title: 'Github',
|
||||
url: 'https://github.com',
|
||||
group: '萧康云医科技',
|
||||
icon: LogoSvgICON,
|
||||
title: '萧康后台管理系统-旧版本',
|
||||
url: 'https://admin.xiaokang88.com',
|
||||
},
|
||||
{
|
||||
color: '#3fb27f',
|
||||
content: '现在的你决定将来的你。',
|
||||
color: 'blue',
|
||||
content: '数据可视化平台。',
|
||||
date: '2021-04-01',
|
||||
group: '算法组',
|
||||
icon: 'ion:logo-vue',
|
||||
title: 'Vue',
|
||||
url: 'https://vuejs.org',
|
||||
},
|
||||
{
|
||||
color: '#e18525',
|
||||
content: '没有什么才能比努力更重要。',
|
||||
date: '2021-04-01',
|
||||
group: '上班摸鱼',
|
||||
icon: 'ion:logo-html5',
|
||||
title: 'Html5',
|
||||
url: 'https://developer.mozilla.org/zh-CN/docs/Web/HTML',
|
||||
},
|
||||
{
|
||||
color: '#bf0c2c',
|
||||
content: '热情和欲望可以突破一切难关。',
|
||||
date: '2021-04-01',
|
||||
group: 'UI',
|
||||
icon: 'ion:logo-angular',
|
||||
title: 'Angular',
|
||||
url: 'https://angular.io',
|
||||
},
|
||||
{
|
||||
color: '#00d8ff',
|
||||
content: '健康的身体是实现目标的基石。',
|
||||
date: '2021-04-01',
|
||||
group: '技术牛',
|
||||
icon: 'bx:bxl-react',
|
||||
title: 'React',
|
||||
url: 'https://reactjs.org',
|
||||
},
|
||||
{
|
||||
color: '#EBD94E',
|
||||
content: '路是走出来的，而不是空想出来的。',
|
||||
date: '2021-04-01',
|
||||
group: '架构组',
|
||||
icon: 'ion:logo-javascript',
|
||||
title: 'Js',
|
||||
url: 'https://developer.mozilla.org/zh-CN/docs/Web/JavaScript',
|
||||
group: '萧康云医科技',
|
||||
icon: 'fluent-color:data-bar-vertical-ascending-20',
|
||||
title: '数据大屏',
|
||||
url: 'http://dls.xiaokang88.com',
|
||||
},
|
||||
// {
|
||||
// color: '',
|
||||
// content: '不要等待机会，而要创造机会。',
|
||||
// date: '2021-04-01',
|
||||
// group: '开源组',
|
||||
// icon: 'carbon:logo-github',
|
||||
// title: 'Github',
|
||||
// url: 'https://github.com',
|
||||
// },
|
||||
// {
|
||||
// color: '#3fb27f',
|
||||
// content: '现在的你决定将来的你。',
|
||||
// date: '2021-04-01',
|
||||
// group: '算法组',
|
||||
// icon: 'ion:logo-vue',
|
||||
// title: 'Vue',
|
||||
// url: 'https://vuejs.org',
|
||||
// },
|
||||
// {
|
||||
// color: '#e18525',
|
||||
// content: '没有什么才能比努力更重要。',
|
||||
// date: '2021-04-01',
|
||||
// group: '上班摸鱼',
|
||||
// icon: 'ion:logo-html5',
|
||||
// title: 'Html5',
|
||||
// url: 'https://developer.mozilla.org/zh-CN/docs/Web/HTML',
|
||||
// },
|
||||
// {
|
||||
// color: '#bf0c2c',
|
||||
// content: '热情和欲望可以突破一切难关。',
|
||||
// date: '2021-04-01',
|
||||
// group: 'UI',
|
||||
// icon: 'ion:logo-angular',
|
||||
// title: 'Angular',
|
||||
// url: 'https://angular.io',
|
||||
// },
|
||||
// {
|
||||
// color: '#00d8ff',
|
||||
// content: '健康的身体是实现目标的基石。',
|
||||
// date: '2021-04-01',
|
||||
// group: '技术牛',
|
||||
// icon: 'bx:bxl-react',
|
||||
// title: 'React',
|
||||
// url: 'https://reactjs.org',
|
||||
// },
|
||||
// {
|
||||
// color: '#EBD94E',
|
||||
// content: '路是走出来的，而不是空想出来的。',
|
||||
// date: '2021-04-01',
|
||||
// group: '架构组',
|
||||
// icon: 'ion:logo-javascript',
|
||||
// title: 'Js',
|
||||
// url: 'https://developer.mozilla.org/zh-CN/docs/Web/JavaScript',
|
||||
// },
|
||||
];
|
||||
|
||||
// 同样，这里的 url 也可以使用以 http 开头的外部链接
|
||||
@@ -102,26 +121,26 @@ const quickNavItems: WorkbenchQuickNavItem[] = [
|
||||
{
|
||||
color: '#e18525',
|
||||
icon: 'ion:layers-outline',
|
||||
title: '组件',
|
||||
url: '/demos/features/icons',
|
||||
},
|
||||
{
|
||||
color: '#3fb27f',
|
||||
icon: 'ion:settings-outline',
|
||||
title: '系统管理',
|
||||
url: '/demos/features/login-expired', // 这里的 URL 是示例，实际项目中需要根据实际情况进行调整
|
||||
title: '管理员管理',
|
||||
url: '/system/user',
|
||||
},
|
||||
// {
|
||||
// color: '#3fb27f',
|
||||
// icon: 'ion:settings-outline',
|
||||
// title: '系统管理',
|
||||
// url: '/demos/features/login-expired', // 这里的 URL 是示例，实际项目中需要根据实际情况进行调整
|
||||
// },
|
||||
{
|
||||
color: '#4daf1bc9',
|
||||
icon: 'ion:key-outline',
|
||||
title: '权限管理',
|
||||
url: '/demos/access/page-control',
|
||||
title: '平台管理',
|
||||
url: '/platform',
|
||||
},
|
||||
{
|
||||
color: '#00d8ff',
|
||||
icon: 'ion:bar-chart-outline',
|
||||
title: '图表',
|
||||
url: '/analytics',
|
||||
title: '供应商管理',
|
||||
url: '/supplier',
|
||||
},
|
||||
];
|
||||
|
||||
@@ -159,59 +178,59 @@ const todoItems = ref<WorkbenchTodoItem[]>([
|
||||
]);
|
||||
const trendItems: WorkbenchTrendItem[] = [
|
||||
{
|
||||
avatar: 'svg:avatar-1',
|
||||
content: `在 <a>开源组</a> 创建了项目 <a>Vue</a>`,
|
||||
date: '刚刚',
|
||||
title: '威廉',
|
||||
},
|
||||
{
|
||||
avatar: 'svg:avatar-2',
|
||||
content: `关注了 <a>威廉</a> `,
|
||||
date: '1个小时前',
|
||||
title: '艾文',
|
||||
},
|
||||
{
|
||||
avatar: 'svg:avatar-3',
|
||||
content: `发布了 <a>个人动态</a> `,
|
||||
date: '1天前',
|
||||
title: '克里斯',
|
||||
},
|
||||
{
|
||||
avatar: 'svg:avatar-4',
|
||||
content: `发表文章 <a>如何编写一个Vite插件</a> `,
|
||||
date: '2天前',
|
||||
title: 'Vben',
|
||||
},
|
||||
{
|
||||
avatar: 'svg:avatar-1',
|
||||
content: `回复了 <a>杰克</a> 的问题 <a>如何进行项目优化？</a>`,
|
||||
date: '3天前',
|
||||
title: '皮特',
|
||||
},
|
||||
{
|
||||
avatar: 'svg:avatar-2',
|
||||
content: `关闭了问题 <a>如何运行项目</a> `,
|
||||
date: '1周前',
|
||||
title: '杰克',
|
||||
},
|
||||
{
|
||||
avatar: 'svg:avatar-3',
|
||||
content: `发布了 <a>个人动态</a> `,
|
||||
date: '1周前',
|
||||
title: '威廉',
|
||||
},
|
||||
{
|
||||
avatar: 'svg:avatar-4',
|
||||
content: `推送了代码到 <a>Github</a>`,
|
||||
date: '2021-04-01 20:00',
|
||||
title: '威廉',
|
||||
},
|
||||
{
|
||||
avatar: 'svg:avatar-4',
|
||||
content: `发表文章 <a>如何编写使用 Admin Vben</a> `,
|
||||
date: '2021-03-01 20:00',
|
||||
title: 'Vben',
|
||||
avatar: 'svg:logo',
|
||||
content: `萧康云医上线啦！`,
|
||||
date: '2025-1-7',
|
||||
title: '萧康云医',
|
||||
},
|
||||
// {
|
||||
// avatar: 'svg:avatar-2',
|
||||
// content: `关注了 <a>威廉</a> `,
|
||||
// date: '1个小时前',
|
||||
// title: '艾文',
|
||||
// },
|
||||
// {
|
||||
// avatar: 'svg:avatar-3',
|
||||
// content: `发布了 <a>个人动态</a> `,
|
||||
// date: '1天前',
|
||||
// title: '克里斯',
|
||||
// },
|
||||
// {
|
||||
// avatar: 'svg:avatar-4',
|
||||
// content: `发表文章 <a>如何编写一个Vite插件</a> `,
|
||||
// date: '2天前',
|
||||
// title: 'Vben',
|
||||
// },
|
||||
// {
|
||||
// avatar: 'svg:avatar-1',
|
||||
// content: `回复了 <a>杰克</a> 的问题 <a>如何进行项目优化？</a>`,
|
||||
// date: '3天前',
|
||||
// title: '皮特',
|
||||
// },
|
||||
// {
|
||||
// avatar: 'svg:avatar-2',
|
||||
// content: `关闭了问题 <a>如何运行项目</a> `,
|
||||
// date: '1周前',
|
||||
// title: '杰克',
|
||||
// },
|
||||
// {
|
||||
// avatar: 'svg:avatar-3',
|
||||
// content: `发布了 <a>个人动态</a> `,
|
||||
// date: '1周前',
|
||||
// title: '威廉',
|
||||
// },
|
||||
// {
|
||||
// avatar: 'svg:avatar-4',
|
||||
// content: `推送了代码到 <a>Github</a>`,
|
||||
// date: '2021-04-01 20:00',
|
||||
// title: '威廉',
|
||||
// },
|
||||
// {
|
||||
// avatar: 'svg:avatar-4',
|
||||
// content: `发表文章 <a>如何编写使用 Admin Vben</a> `,
|
||||
// date: '2021-03-01 20:00',
|
||||
// title: 'Vben',
|
||||
// },
|
||||
];
|
||||
|
||||
const router = useRouter();
|
||||
@@ -231,6 +250,20 @@ function navTo(nav: WorkbenchProjectItem | WorkbenchQuickNavItem) {
|
||||
console.warn(`Unknown URL for navigation item: ${nav.title} -> ${nav.url}`);
|
||||
}
|
||||
}
|
||||
|
||||
// 获取当天的日期和天气
|
||||
function getTodayDate() {
|
||||
const today = new Date();
|
||||
const options: Intl.DateTimeFormatOptions = {
|
||||
weekday: 'long',
|
||||
year: 'numeric',
|
||||
month: 'long',
|
||||
day: 'numeric',
|
||||
};
|
||||
return today.toLocaleDateString('zh-CN', options);
|
||||
}
|
||||
const todayDate = getTodayDate();
|
||||
|
||||
</script>
|
||||
|
||||
<template>
|
||||
@@ -239,9 +272,15 @@ function navTo(nav: WorkbenchProjectItem | WorkbenchQuickNavItem) {
|
||||
:avatar="userStore.userInfo?.avatar || preferences.app.defaultAvatar"
|
||||
>
|
||||
<template #title>
|
||||
早安, {{ userStore.userInfo?.realName }}, 开始您一天的工作吧！
|
||||
哈喽, {{ userStore.userInfo?.nick_name }} -
|
||||
{{ userStore.userInfo?.roles?.name }}, 开始您一天的工作吧！
|
||||
<!-- <Button type="primary" v-access:code="['Super Admin']">测我是超级管理员</Button>-->
|
||||
<!-- <Button type="primary" v-access:code="['Admin']">测我是管理员</Button>-->
|
||||
</template>
|
||||
<!-- <template #description> 今日晴，20℃ - 32℃！ </template>-->
|
||||
<template #description>
|
||||
{{ todayDate }}
|
||||
</template>
|
||||
<template #description> 今日晴，20℃ - 32℃！ </template>
|
||||
</WorkbenchHeader>
|
||||
|
||||
<div class="mt-5 flex flex-col lg:flex-row">
|
||||
@@ -256,10 +295,10 @@ function navTo(nav: WorkbenchProjectItem | WorkbenchQuickNavItem) {
|
||||
title="快捷导航"
|
||||
@click="navTo"
|
||||
/>
|
||||
<WorkbenchTodo :items="todoItems" class="mt-5" title="待办事项" />
|
||||
<AnalysisChartCard class="mt-5" title="访问来源">
|
||||
<AnalyticsVisitsSource />
|
||||
</AnalysisChartCard>
|
||||
<!-- <WorkbenchTodo :items="todoItems" class="mt-5" title="待办事项" />-->
|
||||
<!-- <AnalysisChartCard class="mt-5" title="访问来源">-->
|
||||
<!-- <AnalyticsVisitsSource />-->
|
||||
<!-- </AnalysisChartCard>-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user