update 首页布局

2026-01-16 15:27:32 +08:00
parent 2cffbc1a25
commit 040c2e2049
3 changed files with 115 additions and 55 deletions
--- a/src/i18n/temp/zh-cn.json
+++ b/src/i18n/temp/zh-cn.json
@@ -2283,18 +2283,19 @@
 	"components.task-compare-chart.251031-1": "对于所有的任务完成的情况进行统计",
 	"components.task-trend-chart.251031-0": "任务完成趋势图",
 	"components.task-trend-chart.251031-1": "",
-  "spdm.message.task": "任务",
-  "spdm.message.data": "数据",
-  "spdm.message.work": "作业",
-  "spdm.message.approve": "审批",
-  "spdm.taskMessage.title": "任务消息",
-  "spdm.taskMessage.des": "任务消息列表",
-  "spdm.taskList.title": "任务列表",
-  "spdm.taskList.des": "我执行的任务列表_spdm",
-  "spdm.todoCalendar.title": "待办日历",
-  "spdm.todoCalendar.des": "待办任务日历_spdm",
-  "spdm.tapnav.task.focus":"我关注的",
-  "spdm.tapnav.task.todayTmrTasks":"今明任务",
-  "spdm.tapnav.task.inProgress":"进行中任务",
-  "spdm.tapnav.task.postponed":"逾期任务"
-}
+	"spdm.message.task": "任务",
+	"spdm.message.data": "数据",
+	"spdm.message.work": "作业",
+	"spdm.message.approve": "审批",
+	"spdm.taskMessage.title": "任务消息",
+	"spdm.taskMessage.des": "任务消息列表",
+	"spdm.taskList.title": "任务列表",
+	"spdm.taskList.des": "我执行的任务列表_spdm",
+	"spdm.todoCalendar.title": "待办日历",
+	"spdm.todoCalendar.des": "待办任务日历_spdm",
+	"spdm.tapnav.task.focus": "我关注的",
+	"spdm.tapnav.task.todayTmrTasks": "今明任务",
+	"spdm.tapnav.task.inProgress": "进行中任务",
+	"spdm.tapnav.task.postponed": "逾期任务",
+	"spdm.todoCalendar.tip": "是否确定已读该通知？"
+}
--- a/src/spdm/views/home/components/ToDoCalendar.vue
+++ b/src/spdm/views/home/components/ToDoCalendar.vue
@@ -7,7 +7,7 @@ export default {
 </script>

 <template>
-	<el-card class="h-[816px] box-card">
+	<el-card class="h-[816px] box-card spdm-calendar">
 		<Calendar
 			ref="calendar"
 			view="weekly"
@@ -19,6 +19,7 @@ export default {
 			borderless
 			expanded
 			@did-move="weeknumberClick"
+			@dayclick="dayClick"
 		/>
 		<div v-if="calendar" class="py-4 px-6 w-full h-[46rem] overflow-y-auto">
 			<template v-for="{ day, cells } in Object.values(dayCells)">
@@ -60,7 +61,8 @@ import 'v-calendar/style.css';
 import { useThemeConfig } from '/@/stores/themeConfig';
 import { parseDate } from '/@/utils/formatTime';
 import { getUserMsgPageList, setMsgReadStatus } from '/@/spdm/api/spdm-task';
-import { ElMessage } from 'element-plus';
+import { ElMessage, ElMessageBox } from 'element-plus';
+const { t } = useI18n();

 // 获取当前国际化方言
 const storesThemeConfig = useThemeConfig();
@@ -102,10 +104,16 @@ const weeknumberClick = (page: any) => {

 // 修改开关状态
 const changeSwitch = async (id: string) => {
-	setMsgReadStatus({ id: id, isRead: 1 }).then(() => {
-		ElMessage.success('操作成功');
-		// 初始化调度列表
-		initscheduleList();
+	ElMessageBox.confirm(t('spdm.todoCalendar.tip'), t('TableDialog.index.7634846-3'), {
+		confirmButtonText: t('TableDialog.index.7634846-2'),
+		cancelButtonText: t('TableDialog.index.7634846-1'),
+		type: 'warning',
+	}).then(() => {
+		setMsgReadStatus({ id: id, isRead: 1 }).then(() => {
+			ElMessage.success('操作成功');
+			// 初始化调度列表
+			initscheduleList();
+		});
 	});
 };

@@ -122,6 +130,7 @@ const getCurrentWeekDates = () => {
 	};
 };

+const weekData = ref([]);
 const initscheduleList = () => {
 	let params = {
 		size: 100,
@@ -136,24 +145,42 @@ const initscheduleList = () => {
 		reminders.value = list.map((item: any) => {
 			return {
 				key: item.id,
-				highlight: {
-					color: 'primary',
-					fillMode: 'outline',
-				},
 				dates: item.receiveTime,
 				customData: item,
+				highlight: {
+					// color: 'primary',
+					// fillMode: 'outline',
+					class: 'custom-highlight',
+				},
 			};
 		});
+		weekData.value = reminders.value;
 	});
 };
-
-// 过滤日历中选中的单元格是否有日程
-const filterCellSelected = (day: string) => {
-	return (
-		reminders.value.filter((item: any) => {
-			return item.dates.includes(day);
-		}).length > 0
-	);
+const selectedDate = ref(''); // 添加选中日期的集合
+const dayClick = (day: any) => {
+	if (day.id === selectedDate.value) {
+		// 再次点击取消选中状态
+		reminders.value = [...weekData.value];
+		selectedDate.value = '';
+		// 让日历失去焦点
+		nextTick(() => {
+			// 创建一个临时的可聚焦元素
+			const tempInput = document.createElement('input');
+			tempInput.style.position = 'absolute';
+			tempInput.style.left = '-9999px';
+			document.body.appendChild(tempInput);
+			tempInput.focus();
+			tempInput.remove();
+		});
+	} else {
+		selectedDate.value = day.id;
+		// 更新
+		const list = [...weekData.value];
+		reminders.value = list.filter((item: any) => {
+			return item.dates.includes(day.id);
+		});
+	}
 };

 onMounted(() => {
@@ -181,3 +208,14 @@ onMounted(() => {
 	margin: 6px 0;
 }
 </style>
+
+<style>
+.spdm-calendar {
+	.vc-highlight.custom-highlight {
+		background-color: rgb(178, 211, 248) !important;
+	}
+	.vc-highlight-content-solid {
+		/* color: black; */
+	}
+}
+</style>
--- a/src/stores/tagsViewRoutes.ts
+++ b/src/stores/tagsViewRoutes.ts
@@ -3,43 +3,67 @@ import { Session } from '/@/utils/storage';
 import { useMessage } from '/@/hooks/message';
 import { useThemeConfig } from '/@/stores/themeConfig';
 import { i18n } from '/@/i18n/index';
-import {toQueryString, setTagsViewHighlight,transUrlParams} from '/@/utils/commonFunction';
+import { toQueryString, setTagsViewHighlight, transUrlParams } from '/@/utils/commonFunction';
 import { isObjectValueEqual } from '/@/utils/arrayOperation';
 import mittBus from '/@/utils/mitt';
-import {cloneDeep} from 'lodash';
+import { cloneDeep } from 'lodash';

-
-// SPDM CODE 默认常用功能，这里的应用名称要做多语言 
+// SPDM CODE 默认常用功能，这里的应用名称要做多语言
 const defaultFavoriteRoutes = [
+	// 数据总览
 	{
 		contextMenuClickId: 5,
-		path: '/spdm/competenceCenter/condition',
-		name: 'moduleRoutes.spdmCompetenceCenterCondition',
-		meta: { icon: 'ele-Suitcase' },
-		url: '/spdm/competenceCenter/condition',
+		path: '/spdm/data/overview',
+		name: 'moduleRoutes.spdmDataOverview',
+		meta: { icon: 'ele-DataAnalysis' },
+		url: '/spdm/data/overview',
 	},
-  {
+	// 新增待办
+	{
+		contextMenuClickId: 5,
+		path: '/spdm/task/sponsor',
+		name: 'moduleRoutes.spdmTaskSponsor',
+		meta: { icon: 'ele-Warning' },
+		url: '/spdm/task/sponsor',
+	},
+	// 项目列表
+	{
+		contextMenuClickId: 5,
+		path: '/spdm/project/projectList',
+		name: 'moduleRoutes.spdmProjectProjectList',
+		meta: { icon: 'ele-MessageBox' },
+		url: '/spdm/project/projectList',
+	},
+	// 任务执行
+	{
+		contextMenuClickId: 5,
+		path: '/spdm/task/execution',
+		name: 'moduleRoutes.spdmTaskExecution',
+		meta: { icon: 'ele-Operation' },
+		url: '/spdm/task/execution',
+	},
+	{
 		contextMenuClickId: 5,
 		path: '/spdm/competenceCenter/indicator',
-    name: 'moduleRoutes.spdmCompetenceCenterIndicator',
+		name: 'moduleRoutes.spdmCompetenceCenterIndicator',
 		meta: { icon: 'ele-Money' },
 		url: '/spdm/competenceCenter/indicator',
 	},
-  {
+	{
 		contextMenuClickId: 5,
 		path: '/spdm/simulation/process',
 		name: 'moduleRoutes.spdmSimulationProcess',
 		meta: { icon: 'ele-FolderChecked' },
 		url: '/spdm/simulation/process',
 	},
-  {
+	{
 		contextMenuClickId: 5,
 		path: '/spdm/simulation/application',
 		name: 'moduleRoutes.spdmSystemApplication',
 		meta: { icon: 'ele-Cellphone' },
 		url: '/spdm/simulation/application',
 	},
-]
+];

 /**
 * TagsView 路由列表
@@ -70,10 +94,7 @@ export const useTagsViewRoutes = defineStore('tagsViewRoutes', {
 			this.routePath = path;
 		},
 		// 设置右键tagsView的x,y点
-		setDropdown(item: {
-			x: string | number;
-			y: string | number;
-		}) {
+		setDropdown(item: { x: string | number; y: string | number }) {
 			this.dropdown = item;
 		},
 		// 设置高亮tagsView的索引
@@ -99,7 +120,7 @@ export const useTagsViewRoutes = defineStore('tagsViewRoutes', {
 		delTagViewListItem(index: number) {
 			this.tagsViewList.splice(index, 1);
 		},
-		// 格式化设置要缓存的路由names 
+		// 格式化设置要缓存的路由names
 		setKeepAliveNames() {
 			this.keepAliveNames = this.tagsViewList.map((item) => {
 				// 将v.query转成query字符串
@@ -173,7 +194,7 @@ export const useTagsViewRoutes = defineStore('tagsViewRoutes', {
 			}
 		},
 		// 处理单标签时，第二次的值未覆盖第一次的 tagsViewList 值（Session Storage）
-		async singleAddTagsView (path: string, to?: RouteToFrom) {
+		async singleAddTagsView(path: string, to?: RouteToFrom) {
 			let isDynamicPath = to?.meta?.isDynamic ? to.meta.isDynamicPath : path;
 			const tagsList = this.tagsViewList.map((v) => {
 				// 处理深拷贝问题
@@ -255,7 +276,7 @@ export const useTagsViewRoutes = defineStore('tagsViewRoutes', {
 			// if (item.meta?.isKeepAlive) storesKeepALiveNames.addCachedView(item);
 		},
 		// 3、关闭当前 tagsView：如果是设置了固定的（isAffix），不可以关闭
-		async closeCurrentTagsView (path: string, router: any) {
+		async closeCurrentTagsView(path: string, router: any) {
 			// 最后一个页签不能关闭
 			if (this.tagsViewList.length === 1) return;
 			const storesThemeConfig = useThemeConfig();
@@ -331,14 +352,14 @@ export const useTagsViewRoutes = defineStore('tagsViewRoutes', {
 			}
 		},
 		// 6、开启当前页面全屏
-		async openCurrenFullscreen(path: string, router:any) {
+		async openCurrenFullscreen(path: string, router: any) {
 			const storesThemeConfig = useThemeConfig();
 			const { themeConfig } = storeToRefs(storesThemeConfig);
 			const item = this.tagsViewList.find((v: RouteItem) => (themeConfig.value.isShareTagsView ? v.path === path : v.url === path));
 			if (item?.meta.isDynamic) await router.push({ name: item.name, params: item.params });
 			else await router.push({ name: item?.name, query: item?.query });
 			this.setCurrentFullscreen(true);
-		}
+		},
 	},
 	persist: {
 		enabled: true,