feat: 集控界面问题修复

This commit is contained in:
MKStoler 2024-11-30 06:50:16 +08:00
parent 28678c6725
commit 4b2108e7a4
2 changed files with 37 additions and 43 deletions

View File

@ -3,6 +3,7 @@
<image src="resources/icon.png" height="64"/>
# dsz-exam-showboard-next
# DSZ考试看板 next原DSZ考试看板
![WelcomePage](/.Screenshots/WelcomePage.jpg)
@ -18,26 +19,26 @@
[![Github Last Commit](https://img.shields.io/github/last-commit/MKStoler4096/dsz-exam-showboard-next)](https://github.com/MKStoler4096/dsz-exam-showboard-next/commits/master)
[![GitHub Language Count](https://img.shields.io/github/languages/count/MKStoler4096/dsz-exam-showboard-next)](https://github.com/MKStoler4096/dsz-exam-showboard-next)
[![GitHub Top Language](https://img.shields.io/github/languages/top/MKStoler4096/dsz-exam-showboard-next)](https://github.com/MKStoler4096/dsz-exam-showboard-next)
[![LICENSE](https://img.shields.io/badge/License-GPL--3.0-red.svg "LICENSE")](LICENSE)
[![LICENSE](https://img.shields.io/badge/License-GPL--3.0-red.svg 'LICENSE')](LICENSE)
[![QQ群](https://img.shields.io/badge/-QQ%E7%BE%A4%EF%BD%9C901670561-blue?style=flat&logo=TencentQQ&logoColor=white)](https://qm.qq.com/q/zDiEipHsaI)
一款显示当前时间与考试详细信息的看板类软件
| 下载 | [Releases](https://github.com/MKStoler4096/dsz-exam-showboard-next/releases) | [Actions](https://github.com/MKStoler4096/dsz-exam-showboard-next/actions) |
| - | - | - |
| ---- | ---------------------------------------------------------------------------- | -------------------------------------------------------------------------- |
</div>
> [!tip]
> **本软件使用`Vue` + `TypeScript` + `JavaScript`制作,使用`Node.js` + `Electron`完善系统级功能并打包。**
> [!tip] > **本软件使用`Vue` + `TypeScript` + `JavaScript`制作,使用`Node.js` + `Electron`完善系统级功能并打包。**
## 功能
- 起始页展示`打开配置``直接进入看板`按钮
- 看板页面
- 上方展示`考试标题``信息`
- 左侧展示`当前时间``当前科目``考试时间``考试状态`
- 右侧展示考试科目列表,包括`科目``开始``结束``状态`
- 考试结束前15分钟黄字提醒
- 上方展示`考试标题``信息`
- 左侧展示`当前时间``当前科目``考试时间``考试状态`
- 右侧展示考试科目列表,包括`科目``开始``结束``状态`
- 考试结束前15分钟黄字提醒
## 开始使用
@ -48,26 +49,27 @@
- 编写`json`配置文件
新建文件`exam_config.json`,模板如下
```json
{
"examName": "考试名称",
"message": "信息",
"examInfos": [
{
"name": "科目",
"start": "2024-10-01T07:00:00",
"end": "2024-10-01T08:00:00"
},
{
"name": "科目",
"start": "2024-10-01T09:00:00",
"end": "2024-10-01T10:00:00"
}
]
"examName": "考试名称",
"message": "信息",
"examInfos": [
{
"name": "科目",
"start": "2024-10-01T07:00:00",
"end": "2024-10-01T08:00:00"
},
{
"name": "科目",
"start": "2024-10-01T09:00:00",
"end": "2024-10-01T10:00:00"
}
]
}
```
- 打开软件,进入起始页面,点击`打开配置`按钮,选择配置文件,下次可点击`直接进入看板`按钮,将继续使用上次加载的配置。
- 打开软件,进入起始页面,点击`打开配置`按钮,选择配置文件,下次可点击`直接进入看板`按钮,将继续使用上次加载的配置。
## 遇到问题
@ -82,8 +84,7 @@
### Recommended IDE Setup
- [VSCode](https://code.visualstudio.com/) + [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) + [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar)
> [!Caution]
> **必须使用Yarn包管理。Node版本要求为20。**
> [!Caution] > **必须使用Yarn包管理。Node版本要求为20。**
### Project Setup
@ -118,8 +119,7 @@ $ yarn build:linux
- 正在[`dev`](https://github.com/MKStoler4096/dsz-exam-showboard-next/commits/dev)分支上开发`1.3-Zob`版本。
> [!note]
> **如果dev模式页面不显示或按钮点击无效等问题请连续刷新至少3次后再进行操作。build后没有此问题。**
> [!note] > **如果dev模式页面不显示或按钮点击无效等问题请连续刷新至少3次后再进行操作。build后没有此问题。**
## Stars 历史

View File

@ -1,30 +1,24 @@
<template>
<v-container class="main-container" fill-height>
<v-row justify="center" align="center">
<v-col cols="12" md="4">
<v-col cols="12" md="4" class="d-flex flex-column">
<v-card class="pa-4 fade-in slide-in" outlined>
<v-text-field v-model="remoteUrl" label="请求地址" clearable></v-text-field>
<v-btn block color="deep-purple accent-4" dark @click="saveUrl">保存地址</v-btn>
<p class="mt-2 text-center">输入并保存请求地址</p>
</v-card>
</v-col>
<v-col cols="12" md="4">
<v-card class="pa-4 fade-in slide-in" outlined>
<v-btn block color="teal accent-4" dark @click="fetchConfig">请求配置</v-btn>
<p class="mt-2 text-center">请求并加载配置</p>
</v-card>
</v-col>
</v-row>
<v-row justify="center" align="center" class="mt-4">
<v-col cols="12" md="4">
<v-card class="pa-4 fade-in slide-in" outlined>
<v-btn block color="deep-purple accent-4" dark @click="openDialog">打开配置</v-btn>
<v-btn block color="deep-purple accent-4" dark class="mt-2" @click="openDialog"
>打开配置</v-btn
>
<p class="mt-2 text-center">打开 JSON 配置文件</p>
</v-card>
</v-col>
<v-col cols="12" md="4">
<v-col cols="12" md="4" class="d-flex flex-column">
<v-card class="pa-4 fade-in slide-in" outlined>
<v-btn block color="teal accent-4" dark @click="gotoInfoPage">直接进入看板</v-btn>
<v-btn block color="teal accent-4" dark @click="fetchConfig">请求配置</v-btn>
<p class="mt-2 text-center">请求并加载配置</p>
<v-btn block color="teal accent-4" dark class="mt-2" @click="gotoInfoPage"
>直接进入看板</v-btn
>
<p class="mt-2 text-center">直接进入看板将继续使用上次加载的配置</p>
</v-card>
</v-col>