- 考试时间: {{ formatDateTime(exam.start) }} ~ {{ formatDateTime(exam.end) }}
+
+ 考试时间: {{ formatDateTime(exam.start) }} ～ {{ formatDateTime(exam.end) }}
+
考试状态: {{ statusText }}
-
考试即将结束
-
剩余时间: {{ remainingTime }}
-
倒计时: {{ countdown }}
+
开考倒计时: {{ countdown }}
+
+ 考试剩余时间: {{ remainingTime }}
+
- 考试已结束
+ 考试已结束
@@ -45,10 +46,8 @@ const statusColor = computed(() => {
const start = new Date(props.exam.start);
const end = new Date(props.exam.end);
- const fifteenMinutesBeforeStart = new Date(start.getTime() - 15 * 60 * 1000);
- if (now.value < fifteenMinutesBeforeStart) return 'status-before';
- if (now.value >= fifteenMinutesBeforeStart && now.value < start) return 'status-soon';
+ if (now.value < start) return 'status-before';
if (now.value >= start && now.value < end) return 'status-middle';
if (now.value >= end) return 'status-after';
});
@@ -58,23 +57,12 @@ const statusText = computed(() => {
const start = new Date(props.exam.start);
const end = new Date(props.exam.end);
- const fifteenMinutesBeforeStart = new Date(start.getTime() - 15 * 60 * 1000);
- if (now.value < fifteenMinutesBeforeStart) return '未开始';
- if (now.value >= fifteenMinutesBeforeStart && now.value < start) return '即将开始';
+ if (now.value < start) return '未开始';
if (now.value >= start && now.value < end) return '进行中';
if (now.value >= end) return '已结束';
});
-const isWarning = computed(() => {
- if (!props.exam) return false;
-
- const end = new Date(props.exam.end);
- const fifteenMinutesBeforeEnd = new Date(end.getTime() - 15 * 60 * 1000);
-
- return now.value >= fifteenMinutesBeforeEnd && now.value < end;
-});
-
const showRemainingTime = computed(() => {
if (!props.exam) return false;
@@ -115,6 +103,16 @@ const countdown = computed(() => {
return `${minutes}分${seconds}秒`;
});
+// 动态颜色样式
+const remainingTimeColorClass = computed(() => {
+ if (!props.exam) return 'text--default';
+
+ const end = new Date(props.exam.end);
+ const fifteenMinutesBeforeEnd = new Date(end.getTime() - 15 * 60 * 1000);
+
+ return now.value >= fifteenMinutesBeforeEnd && now.value < end ? 'text--warning' : 'text--default';
+});
+
// Update the current time every second
const updateNow = () => {
now.value = new Date();
@@ -128,24 +126,33 @@ updateNow();
font-size: 2.5rem !important;
}
+.line-item {
+ margin-bottom: 16px;
+}
+
+.text--default {
+ color: white !important;
+}
+
.text--warning {
- color: #ffc107 !important; /* Vuetify's default warning color */
+ color: #ff0000 !important;
}
.text--info {
- color: #17a2b8 !important; /* Info color */
+ color: #ffff00 !important;
+}
+
+.text--ended {
+ font-size: 2.5rem !important;
+ color: #666;
}
.status-before {
color: orange;
}
-.status-soon {
- color: #ff9800; /* 即将开始的颜色 */
-}
-
.status-middle {
- color: #00ff00;
+ color: green;
}
.status-after {
@@ -155,4 +162,8 @@ updateNow();
.subject-info-card {
margin-top: 20px;
}
-
+
+.text-center {
+ text-align: center;
+}
+
\ No newline at end of file
diff --git a/src/renderer/src/interfaces/timeTable.ts b/src/renderer/src/interfaces/timeTable.ts
index 971f806..3b02529 100644
--- a/src/renderer/src/interfaces/timeTable.ts
+++ b/src/renderer/src/interfaces/timeTable.ts
@@ -7,5 +7,6 @@ export interface TimeSlot {
export interface ExamSchedule {
examName: string;
message: string;
+ room: string;
examInfos: TimeSlot[];
}
diff --git a/src/renderer/src/pages/about.vue b/src/renderer/src/pages/about.vue
index b11b6f2..a3c38de 100644
--- a/src/renderer/src/pages/about.vue
+++ b/src/renderer/src/pages/about.vue
@@ -1,21 +1,25 @@
-
+
- 关于考试展板
+ 关于考试看板
-
- 欢迎来到考试展板应用程序。这是一个用于展示考试信息的工具，帮助考生更好地了解考试安排和状态。
+
+ 欢迎使用考试看板，这是一款用于展示考试信息的工具，帮助考生更好地了解考试信息与状态。
+
+ 本软件旨在为考生提供便捷的考试信息查看体验。
+
+ 开发者：
+ Hello8963
+
+ Mkstoler4096
- 本应用程序旨在为考生提供便捷的考试信息查看体验。
- 版本号： 1.1.4-Malkuth 正式版
- 开发者：Hello8963 & Mkstoler4096
在 GitHub 上查看源代码
@@ -32,16 +36,50 @@
display: flex;
align-items: center;
}
+
.v-card {
width: 100%;
- max-width: 600px;
+ max-width: 800px;
margin: auto;
transition: transform 0.3s ease-in-out;
}
+
.v-card:hover {
transform: scale(1.05);
}
+
+/* 调整字体大小 */
+.text-h3 {
+ font-size: 2.5em !important;
+}
+
+.text-lg {
+ font-size: 1.2em;
+}
+
.v-btn {
height: 48px;
+ font-size: 1.1em;
}
-
+
+.normal-case {
+ text-transform: none !important;
+}
+
+/* 开发者名字背景框 */
+.developer-name {
+ background-color: #f0f0f0;
+ color: black;
+ padding: 0 6px;
+ border-radius: 4px;
+ display: inline-block;
+ line-height: 1.4em;
+ font-size: 1.2em;
+ margin: 0 5px;
+ text-decoration: none;
+}
+
+.developer-name:hover {
+ text-decoration: underline;
+}
+
\ No newline at end of file
diff --git a/src/renderer/src/pages/infoPage.vue b/src/renderer/src/pages/infoPage.vue
index 22637fe..9e8be77 100644
--- a/src/renderer/src/pages/infoPage.vue
+++ b/src/renderer/src/pages/infoPage.vue
@@ -1,9 +1,12 @@
-
+
{{ globalStore.examName }}
- {{ globalStore.message }}
+ {{ globalStore.room }}
+
+
+ {{ globalStore.message }}
@@ -43,7 +46,7 @@ const scheduleNextUpdate = () => {
if (nextExam) {
const nextEndTime = new Date(nextExam.end).getTime();
const now = Date.now();
- const delay = nextEndTime - now + 60000; // 下一次考试结束时间 + 1分钟
+ const delay = nextEndTime - now + 60000; // Next exam end time + 1 minute
timeout = setTimeout(() => {
updateCurrentExam();
@@ -71,10 +74,18 @@ onUnmounted(() => {
}
.large-title {
- font-size: 3em; /* 放大h1文字 */
+ font-size: 3em;
}
.medium-title {
- font-size: 1em; /* 略小一点的h2文字 */
+ font-size: 2.0em;
+ color: gray;
+ text-align: left;
}
-
+
+.room {
+ font-size: 3em;
+ text-align: right;
+}
+
+
\ No newline at end of file
diff --git a/src/renderer/src/pages/mainWindow.vue b/src/renderer/src/pages/mainWindow.vue
index db309df..24843e1 100644
--- a/src/renderer/src/pages/mainWindow.vue
+++ b/src/renderer/src/pages/mainWindow.vue
@@ -9,7 +9,7 @@
打开配置
- 打开 JSON 配置文件
+ 打开 Json 配置文件
diff --git a/src/renderer/src/stores/app.js b/src/renderer/src/stores/app.js
index 8fd3214..8ddbdbf 100644
--- a/src/renderer/src/stores/app.js
+++ b/src/renderer/src/stores/app.js
@@ -6,6 +6,7 @@ export const useProfileStore = defineStore('app', {
examName: '考试名称',
appHeader: '考试看板',
message: '考试提醒信息',
+ room: '考场号',
examInfos: []
}),
persist: true
+ 
+ 
+ 
+ 
+