diff --git a/frontent/ops_vue_js/src/i18n/en.json b/frontent/ops_vue_js/src/i18n/en.json
index e12ed9b..8b409cd 100644
--- a/frontent/ops_vue_js/src/i18n/en.json
+++ b/frontent/ops_vue_js/src/i18n/en.json
@@ -4,7 +4,27 @@
"login": "Login",
"forgot_password": "Forgot Password",
"register": "Register",
- "schedule":"Schedule"
+ "schedule":"Schedule",
+ "purchase":"Purchase"
+ },
+ "schedule": {
+ "my_schedule":"My Schedule",
+ "add_event":"Add Event",
+ "event_title":"Event Title",
+ "event_date":"Event Date",
+ "event_time":"Event Time",
+ "event_description":"Event Description",
+ "save_event":"Save Event",
+ "no_events":"No events found",
+ "delete_event":"Delete Event",
+ "edit_event":"Edit Event",
+ "tody":"Today",
+ "week":"This Week",
+ "month":"This Month",
+ "previous_month":"Prev Month",
+ "next_month":"Next Month",
+ "previous_year":"Prev Year",
+ "next_year":"Next Year"
},
"message": {
"functionality_not_yet_developed":"Functionality not yet developed",
diff --git a/frontent/ops_vue_js/src/i18n/zh-CN.json b/frontent/ops_vue_js/src/i18n/zh-CN.json
index ef8901a..9650513 100644
--- a/frontent/ops_vue_js/src/i18n/zh-CN.json
+++ b/frontent/ops_vue_js/src/i18n/zh-CN.json
@@ -4,7 +4,27 @@
"login": "登录",
"forgot_password": "忘记密码",
"register": "注册",
- "schedule":"日程"
+ "schedule":"日程",
+ "purchase":"采购"
+ },
+ "schedule": {
+ "my_schedule":"我的日程",
+ "add_event":"添加事件",
+ "event_title":"事件标题",
+ "event_date":"事件日期",
+ "event_time":"事件时间",
+ "event_description":"事件描述",
+ "save_event":"保存事件",
+ "no_events":"没有找到事件",
+ "delete_event":"删除事件",
+ "edit_event":"编辑事件",
+ "tody":"今天",
+ "week":"本周",
+ "month":"本月",
+ "previous_month":"上月",
+ "next_month":"下月",
+ "previous_year":"上年",
+ "next_year":"下年"
},
"message": {
"functionality_not_yet_developed":"功能未开发",
diff --git a/frontent/ops_vue_js/src/router/index.js b/frontent/ops_vue_js/src/router/index.js
index 4254213..503c659 100644
--- a/frontent/ops_vue_js/src/router/index.js
+++ b/frontent/ops_vue_js/src/router/index.js
@@ -56,6 +56,11 @@ const router = createRouter({
name: "schedule",
component: () => import("../views/scheduleView.vue"),
},
+ {
+ path: "/purchase",
+ name: "purchase",
+ component: () => import("../views/purchaseView.vue"),
+ }
],
});
diff --git a/frontent/ops_vue_js/src/views/purchaseView.vue b/frontent/ops_vue_js/src/views/purchaseView.vue
new file mode 100644
index 0000000..f60370f
--- /dev/null
+++ b/frontent/ops_vue_js/src/views/purchaseView.vue
@@ -0,0 +1,164 @@
+
+
+
+
diff --git a/frontent/ops_vue_js/src/views/scheduleView.vue b/frontent/ops_vue_js/src/views/scheduleView.vue
index f42aa60..87204cd 100644
--- a/frontent/ops_vue_js/src/views/scheduleView.vue
+++ b/frontent/ops_vue_js/src/views/scheduleView.vue
@@ -3,13 +3,16 @@ import FullCalendar from "@fullcalendar/vue3";
import dayGridPlugin from "@fullcalendar/daygrid";
import timeGridPlugin from "@fullcalendar/timegrid";
import interactionPlugin from "@fullcalendar/interaction"; //拖动插件 需要用npm安装
-import listPlugin from '@fullcalendar/list';
+import listPlugin from "@fullcalendar/list";
import { onMounted, watch, ref } from "vue";
import { useI18n } from "vue-i18n";
const { t, locale } = useI18n();
+const calendar = ref(null);
+
+
const calendarOptions = ref({
height: "auto",
locale: locale.value,
@@ -25,7 +28,7 @@ const calendarOptions = ref({
editable: true,
selectable: true,
firstDay: 1,
-
+
dayCellDidMount(info) {
switch (info.dow) {
case 0:
@@ -42,12 +45,54 @@ const calendarOptions = ref({
info.el.style.border = "1px solid #4b4b4b"; // 浅蓝色边框
},
+ headerToolbar: {
+ left: "prevYearCustom,prevMonthCustom,todayCustom,nextMonthCustom,nextYearCustom",
+ center: "title",
+ right: "", //,timeGridWeek,timeGridDay'
+ },
+
+ // 自定义按钮
+ customButtons: {
+ prevYearCustom: {
+ text: t('schedule.previous_year'),
+ click: function () {
+ calendar.value.getApi().prevYear();
+ },
+ },
+ nextYearCustom: {
+ text: t('schedule.next_year'),
+ click: function () {
+ calendar.value.getApi().nextYear();
+ },
+ },
+ prevMonthCustom: {
+ text: t('schedule.previous_month'),
+ click: function () {
+ calendar.value.getApi().prev();
+ },
+ },
+ nextMonthCustom: {
+ text: t('schedule.next_month'),
+ click: function () {
+ calendar.value.getApi().next();
+ },
+ },
+ todayCustom: {
+ text: t('schedule.month'),
+ click: function () {
+ calendar.value.getApi().today();
+ },
+ },
+ },
events: [
{ title: "事件 1", start: "2025-11-10" },
{ title: "事件 2", start: "2025-11-15", end: "2024-06-17" },
- { title: "事件 3", start: "2025-11-20T10:30:00", end: "2024-06-20T12:30:00" },
-
+ {
+ title: "事件 3",
+ start: "2025-11-20T10:30:00",
+ end: "2024-06-20T12:30:00",
+ },
],
});
@@ -59,6 +104,13 @@ function functionupdataTitle() {
watch(locale, () => {
functionupdataTitle();
calendarOptions.value.locale = locale.value;
+
+ // 更新自定义按钮文本
+ calendarOptions.value.customButtons.prevYearCustom.text = t('schedule.previous_year');
+ calendarOptions.value.customButtons.nextYearCustom.text = t('schedule.next_year');
+ calendarOptions.value.customButtons.prevMonthCustom.text = t('schedule.previous_month');
+ calendarOptions.value.customButtons.nextMonthCustom.text = t('schedule.next_month');
+ calendarOptions.value.customButtons.todayCustom.text = t('schedule.month');
});
onMounted(() => {
@@ -66,5 +118,17 @@ onMounted(() => {
});
-
+
+
+
+