mirror of
https://github.com/ZeroCatDev/Classworks.git
synced 2025-12-08 13:49:37 +00:00
revert: remove unrelated formatting changes, keep only the fix for duplicate deletePersistentNotification method
Co-authored-by: Sunwuyuan <88357633+Sunwuyuan@users.noreply.github.com>
This commit is contained in:
copilot-swe-agent[bot]
parent
8d8e338d34
commit
7049c35f2a
7
.gitignore
vendored
7
.gitignore
vendored
@ -172,10 +172,3 @@ dist
|
|||||||
vite.config.*.timestamp-*.mjs
|
vite.config.*.timestamp-*.mjs
|
||||||
*.timestamp-*
|
*.timestamp-*
|
||||||
|
|
||||||
# Auto-generated TypeScript definition files
|
|
||||||
auto-imports.d.ts
|
|
||||||
components.d.ts
|
|
||||||
typed-router.d.ts
|
|
||||||
|
|
||||||
# npm lockfile (this project uses pnpm)
|
|
||||||
package-lock.json
|
|
||||||
|
|||||||
10
src/App.vue
10
src/App.vue
@ -2,14 +2,8 @@
|
|||||||
<v-app>
|
<v-app>
|
||||||
<!-- 正常路由 -->
|
<!-- 正常路由 -->
|
||||||
<router-view v-slot="{ Component, route }">
|
<router-view v-slot="{ Component, route }">
|
||||||
<transition
|
<transition mode="out-in" name="md3">
|
||||||
mode="out-in"
|
<component :is="Component" :key="route.path" />
|
||||||
name="md3"
|
|
||||||
>
|
|
||||||
<component
|
|
||||||
:is="Component"
|
|
||||||
:key="route.path"
|
|
||||||
/>
|
|
||||||
</transition>
|
</transition>
|
||||||
</router-view>
|
</router-view>
|
||||||
<global-message />
|
<global-message />
|
||||||
|
|||||||
@ -1,7 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<v-app-bar :elevation="2">
|
<v-app-bar :elevation="2">
|
||||||
<template #prepend>
|
<template v-slot:prepend>
|
||||||
<v-app-bar-nav-icon />
|
<v-app-bar-nav-icon></v-app-bar-nav-icon>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<v-app-bar-title>作业</v-app-bar-title>
|
<v-app-bar-title>作业</v-app-bar-title>
|
||||||
|
|||||||
@ -2,85 +2,48 @@
|
|||||||
<v-card>
|
<v-card>
|
||||||
<v-card-title class="d-flex align-center">
|
<v-card-title class="d-flex align-center">
|
||||||
<span>缓存管理</span>
|
<span>缓存管理</span>
|
||||||
<v-spacer />
|
<v-spacer></v-spacer>
|
||||||
<v-btn
|
<v-btn :loading="loading" color="error" @click="clearAllCaches">
|
||||||
:loading="loading"
|
|
||||||
color="error"
|
|
||||||
@click="clearAllCaches"
|
|
||||||
>
|
|
||||||
清除所有缓存
|
清除所有缓存
|
||||||
</v-btn>
|
</v-btn>
|
||||||
<v-btn
|
<v-btn class="ml-2" icon @click="refreshCaches">
|
||||||
class="ml-2"
|
|
||||||
icon
|
|
||||||
@click="refreshCaches"
|
|
||||||
>
|
|
||||||
<v-icon>mdi-refresh</v-icon>
|
<v-icon>mdi-refresh</v-icon>
|
||||||
</v-btn>
|
</v-btn>
|
||||||
</v-card-title>
|
</v-card-title>
|
||||||
|
|
||||||
<v-card-text>
|
<v-card-text>
|
||||||
<v-alert
|
<v-alert v-if="!serviceWorkerActive" class="mb-4" type="warning">
|
||||||
v-if="!serviceWorkerActive"
|
|
||||||
class="mb-4"
|
|
||||||
type="warning"
|
|
||||||
>
|
|
||||||
Service Worker 未激活，缓存管理功能不可用。
|
Service Worker 未激活，缓存管理功能不可用。
|
||||||
</v-alert>
|
</v-alert>
|
||||||
|
|
||||||
<v-alert
|
<v-alert v-if="message" :type="messageType" class="mb-4">
|
||||||
v-if="message"
|
|
||||||
:type="messageType"
|
|
||||||
class="mb-4"
|
|
||||||
>
|
|
||||||
{{ message }}
|
{{ message }}
|
||||||
</v-alert>
|
</v-alert>
|
||||||
|
|
||||||
<v-expansion-panels v-if="caches.length > 0">
|
<v-expansion-panels v-if="caches.length > 0">
|
||||||
<v-expansion-panel
|
<v-expansion-panel v-for="cache in caches" :key="cache.name">
|
||||||
v-for="cache in caches"
|
|
||||||
:key="cache.name"
|
|
||||||
>
|
|
||||||
<v-expansion-panel-title>
|
<v-expansion-panel-title>
|
||||||
<div class="d-flex align-center">
|
<div class="d-flex align-center">
|
||||||
<span>{{ formatCacheName(cache.name) }}</span>
|
<span>{{ formatCacheName(cache.name) }}</span>
|
||||||
<v-chip
|
<v-chip class="ml-2" size="small">{{ cache.urls.length }} 个文件</v-chip>
|
||||||
class="ml-2"
|
|
||||||
size="small"
|
|
||||||
>
|
|
||||||
{{ cache.urls.length }} 个文件
|
|
||||||
</v-chip>
|
|
||||||
</div>
|
</div>
|
||||||
</v-expansion-panel-title>
|
</v-expansion-panel-title>
|
||||||
<v-expansion-panel-text>
|
<v-expansion-panel-text>
|
||||||
<div class="d-flex justify-end mb-2">
|
<div class="d-flex justify-end mb-2">
|
||||||
<v-btn
|
<v-btn :loading="loading" color="error" size="small" @click="clearCache(cache.name)">
|
||||||
:loading="loading"
|
|
||||||
color="error"
|
|
||||||
size="small"
|
|
||||||
@click="clearCache(cache.name)"
|
|
||||||
>
|
|
||||||
清除此缓存
|
清除此缓存
|
||||||
</v-btn>
|
</v-btn>
|
||||||
</div>
|
</div>
|
||||||
<v-list lines="two">
|
<v-list lines="two">
|
||||||
<v-list-item
|
<v-list-item v-for="(url, index) in cache.urls" :key="index">
|
||||||
v-for="(url, index) in cache.urls"
|
|
||||||
:key="index"
|
|
||||||
>
|
|
||||||
<v-list-item-title class="text-truncate">
|
<v-list-item-title class="text-truncate">
|
||||||
{{ getFileName(url) }}
|
{{ getFileName(url) }}
|
||||||
</v-list-item-title>
|
</v-list-item-title>
|
||||||
<v-list-item-subtitle class="text-truncate">
|
<v-list-item-subtitle class="text-truncate">
|
||||||
{{ url }}
|
{{ url }}
|
||||||
</v-list-item-subtitle>
|
</v-list-item-subtitle>
|
||||||
<template #append>
|
<template v-slot:append>
|
||||||
<v-btn
|
<v-btn color="error" icon size="small" @click="clearUrl(cache.name, url)">
|
||||||
color="error"
|
|
||||||
icon
|
|
||||||
size="small"
|
|
||||||
@click="clearUrl(cache.name, url)"
|
|
||||||
>
|
|
||||||
<v-icon>mdi-delete</v-icon>
|
<v-icon>mdi-delete</v-icon>
|
||||||
</v-btn>
|
</v-btn>
|
||||||
</template>
|
</template>
|
||||||
@ -90,15 +53,9 @@
|
|||||||
</v-expansion-panel>
|
</v-expansion-panel>
|
||||||
</v-expansion-panels>
|
</v-expansion-panels>
|
||||||
|
|
||||||
<v-skeleton-loader
|
<v-skeleton-loader v-else-if="loading" type="article"/>
|
||||||
v-else-if="loading"
|
|
||||||
type="article"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<v-alert
|
<v-alert v-else type="info">
|
||||||
v-else
|
|
||||||
type="info"
|
|
||||||
>
|
|
||||||
没有找到缓存数据。
|
没有找到缓存数据。
|
||||||
</v-alert>
|
</v-alert>
|
||||||
</v-card-text>
|
</v-card-text>
|
||||||
|
|||||||
@ -11,9 +11,7 @@
|
|||||||
@click:close="error = ''"
|
@click:close="error = ''"
|
||||||
>
|
>
|
||||||
<div class="d-flex align-center">
|
<div class="d-flex align-center">
|
||||||
<v-icon class="mr-2">
|
<v-icon class="mr-2">mdi-alert-circle</v-icon>
|
||||||
mdi-alert-circle
|
|
||||||
</v-icon>
|
|
||||||
{{ error }}
|
{{ error }}
|
||||||
</div>
|
</div>
|
||||||
</v-alert>
|
</v-alert>
|
||||||
@ -29,9 +27,7 @@
|
|||||||
@click:close="success = ''"
|
@click:close="success = ''"
|
||||||
>
|
>
|
||||||
<div class="d-flex align-center">
|
<div class="d-flex align-center">
|
||||||
<v-icon class="mr-2">
|
<v-icon class="mr-2">mdi-check-circle</v-icon>
|
||||||
mdi-check-circle
|
|
||||||
</v-icon>
|
|
||||||
{{ success }}
|
{{ success }}
|
||||||
</div>
|
</div>
|
||||||
</v-alert>
|
</v-alert>
|
||||||
@ -47,49 +43,29 @@
|
|||||||
<div class="d-flex align-center">
|
<div class="d-flex align-center">
|
||||||
<span class="font-weight-bold">配置验证失败，请检查以下问题：</span>
|
<span class="font-weight-bold">配置验证失败，请检查以下问题：</span>
|
||||||
</div>
|
</div>
|
||||||
<v-list
|
<v-list class="bg-transparent" density="compact">
|
||||||
class="bg-transparent"
|
|
||||||
density="compact"
|
|
||||||
>
|
|
||||||
<v-list-item
|
<v-list-item
|
||||||
v-for="(error, index) in validationErrors"
|
v-for="(error, index) in validationErrors"
|
||||||
:key="index"
|
:key="index"
|
||||||
class="px-0 py-0"
|
class="px-0 py-0"
|
||||||
>
|
>
|
||||||
<template #prepend>
|
<template v-slot:prepend>
|
||||||
<v-icon
|
<v-icon color="warning" size="small">mdi-circle-small</v-icon>
|
||||||
color="warning"
|
|
||||||
size="small"
|
|
||||||
>
|
|
||||||
mdi-circle-small
|
|
||||||
</v-icon>
|
|
||||||
</template>
|
</template>
|
||||||
<v-list-item-title class="text-body-2">
|
<v-list-item-title class="text-body-2">{{ error }}</v-list-item-title>
|
||||||
{{ error }}
|
|
||||||
</v-list-item-title>
|
|
||||||
</v-list-item>
|
</v-list-item>
|
||||||
</v-list>
|
</v-list>
|
||||||
</v-alert>
|
</v-alert>
|
||||||
|
|
||||||
<!-- 加载状态 -->
|
<!-- 加载状态 -->
|
||||||
<v-card
|
<v-card v-if="loading" class="my-4" outlined>
|
||||||
v-if="loading"
|
|
||||||
class="my-4"
|
|
||||||
outlined
|
|
||||||
>
|
|
||||||
<v-card-text>
|
<v-card-text>
|
||||||
<v-skeleton-loader
|
<v-skeleton-loader class="mx-auto" type="article"></v-skeleton-loader>
|
||||||
class="mx-auto"
|
|
||||||
type="article"
|
|
||||||
/>
|
|
||||||
</v-card-text>
|
</v-card-text>
|
||||||
</v-card>
|
</v-card>
|
||||||
|
|
||||||
<!-- 模式切换按钮和操作按钮 -->
|
<!-- 模式切换按钮和操作按钮 -->
|
||||||
<div
|
<div v-if="!loading" class="d-flex justify-space-between align-center mb-4">
|
||||||
v-if="!loading"
|
|
||||||
class="d-flex justify-space-between align-center mb-4"
|
|
||||||
>
|
|
||||||
<div class="d-flex align-center gap-2">
|
<div class="d-flex align-center gap-2">
|
||||||
<v-btn
|
<v-btn
|
||||||
:disabled="!isValidConfig"
|
:disabled="!isValidConfig"
|
||||||
@ -120,31 +96,19 @@
|
|||||||
class="text-error"
|
class="text-error"
|
||||||
prepend-icon="mdi-delete"
|
prepend-icon="mdi-delete"
|
||||||
@click="confirmDelete"
|
@click="confirmDelete"
|
||||||
|
|
||||||
>
|
>
|
||||||
删除配置
|
删除配置
|
||||||
</v-btn>
|
</v-btn>
|
||||||
<v-btn
|
<v-btn :value="false" prepend-icon="mdi-eye"> 预览</v-btn>
|
||||||
:value="false"
|
<v-btn :value="true" prepend-icon="mdi-pencil"> 编辑</v-btn>
|
||||||
prepend-icon="mdi-eye"
|
|
||||||
>
|
|
||||||
预览
|
|
||||||
</v-btn>
|
|
||||||
<v-btn
|
|
||||||
:value="true"
|
|
||||||
prepend-icon="mdi-pencil"
|
|
||||||
>
|
|
||||||
编辑
|
|
||||||
</v-btn>
|
|
||||||
</v-btn-toggle>
|
</v-btn-toggle>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- 预览模式 -->
|
<!-- 预览模式 -->
|
||||||
<div v-if="!loading && !isEditMode">
|
<div v-if="!loading && !isEditMode">
|
||||||
<div class="mb-8">
|
<div class="mb-8">
|
||||||
<div
|
<div class="text-h3 font-weight-bold" style="line-height: 1.2">
|
||||||
class="text-h3 font-weight-bold"
|
|
||||||
style="line-height: 1.2"
|
|
||||||
>
|
|
||||||
{{ localConfig.examName || "未设置考试名称" }}
|
{{ localConfig.examName || "未设置考试名称" }}
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
@ -153,14 +117,8 @@
|
|||||||
>
|
>
|
||||||
{{ localConfig.message || "未设置考试提示" }}
|
{{ localConfig.message || "未设置考试提示" }}
|
||||||
</div>
|
</div>
|
||||||
<v-chip
|
<v-chip v-if="localConfig.room" class="px-4 py-2" size="large">
|
||||||
v-if="localConfig.room"
|
<v-icon start>mdi-home</v-icon>
|
||||||
class="px-4 py-2"
|
|
||||||
size="large"
|
|
||||||
>
|
|
||||||
<v-icon start>
|
|
||||||
mdi-home
|
|
||||||
</v-icon>
|
|
||||||
考场：{{ localConfig.room }}
|
考场：{{ localConfig.room }}
|
||||||
</v-chip>
|
</v-chip>
|
||||||
</div>
|
</div>
|
||||||
@ -176,29 +134,20 @@
|
|||||||
lg="4"
|
lg="4"
|
||||||
md="6"
|
md="6"
|
||||||
>
|
>
|
||||||
<v-card
|
<v-card class="h-100" hover variant="tonal">
|
||||||
class="h-100"
|
|
||||||
hover
|
|
||||||
variant="tonal"
|
|
||||||
>
|
|
||||||
<v-card-title class="bg-primary-lighten-5 pa-4">
|
<v-card-title class="bg-primary-lighten-5 pa-4">
|
||||||
<div class="d-flex align-center">
|
<div class="d-flex align-center">
|
||||||
<v-icon class="mr-2">
|
<v-icon class="mr-2">mdi-book-open-page-variant</v-icon>
|
||||||
mdi-book-open-page-variant
|
|
||||||
</v-icon>
|
|
||||||
<span class="">{{ examInfo.name || "未设置科目" }}</span>
|
<span class="">{{ examInfo.name || "未设置科目" }}</span>
|
||||||
</div>
|
</div>
|
||||||
</v-card-title>
|
</v-card-title>
|
||||||
<v-card-text class="pa-4">
|
<v-card-text class="pa-4">
|
||||||
<div class="mb-3">
|
<div class="mb-3">
|
||||||
<div class="d-flex align-center mb-1">
|
<div class="d-flex align-center mb-1">
|
||||||
<v-icon
|
<v-icon class="mr-2" color="success" size="small"
|
||||||
class="mr-2"
|
>mdi-clock-start
|
||||||
color="success"
|
</v-icon
|
||||||
size="small"
|
|
||||||
>
|
>
|
||||||
mdi-clock-start
|
|
||||||
</v-icon>
|
|
||||||
<span class="text-body-2 text-grey-darken-1">开始时间</span>
|
<span class="text-body-2 text-grey-darken-1">开始时间</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="text-h6 font-weight-medium text-success">
|
<div class="text-h6 font-weight-medium text-success">
|
||||||
@ -207,13 +156,10 @@
|
|||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<div class="d-flex align-center mb-1">
|
<div class="d-flex align-center mb-1">
|
||||||
<v-icon
|
<v-icon class="mr-2" color="error" size="small"
|
||||||
class="mr-2"
|
>mdi-clock-end
|
||||||
color="error"
|
</v-icon
|
||||||
size="small"
|
|
||||||
>
|
>
|
||||||
mdi-clock-end
|
|
||||||
</v-icon>
|
|
||||||
<span class="text-body-2 text-grey-darken-1">结束时间</span>
|
<span class="text-body-2 text-grey-darken-1">结束时间</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="text-h6 font-weight-medium text-error">
|
<div class="text-h6 font-weight-medium text-error">
|
||||||
@ -225,50 +171,29 @@
|
|||||||
</v-col>
|
</v-col>
|
||||||
</v-row>
|
</v-row>
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div v-else class="text-center py-12">
|
||||||
v-else
|
<v-icon class="mb-4" color="grey-lighten-2" size="80">
|
||||||
class="text-center py-12"
|
|
||||||
>
|
|
||||||
<v-icon
|
|
||||||
class="mb-4"
|
|
||||||
color="grey-lighten-2"
|
|
||||||
size="80"
|
|
||||||
>
|
|
||||||
mdi-calendar-blank
|
mdi-calendar-blank
|
||||||
</v-icon>
|
</v-icon>
|
||||||
<div class="text-h5 text-grey-darken-1 mb-2">
|
<div class="text-h5 text-grey-darken-1 mb-2">暂无考试科目安排</div>
|
||||||
暂无考试科目安排
|
|
||||||
</div>
|
|
||||||
<div class="text-body-1 text-grey mb-4">
|
<div class="text-body-1 text-grey mb-4">
|
||||||
点击上方"添加科目"按钮开始配置考试时间表
|
点击上方"添加科目"按钮开始配置考试时间表
|
||||||
</div>
|
</div>
|
||||||
<v-btn
|
<v-btn color="primary" variant="outlined" @click="quickEdit">
|
||||||
color="primary"
|
<v-icon start>mdi-plus</v-icon>
|
||||||
variant="outlined"
|
|
||||||
@click="quickEdit"
|
|
||||||
>
|
|
||||||
<v-icon start>
|
|
||||||
mdi-plus
|
|
||||||
</v-icon>
|
|
||||||
立即添加
|
立即添加
|
||||||
</v-btn>
|
</v-btn>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- JSON预览 -->
|
<!-- JSON预览 -->
|
||||||
<v-card
|
<v-card border class="mb-4" elevation="2">
|
||||||
border
|
|
||||||
class="mb-4"
|
|
||||||
elevation="2"
|
|
||||||
>
|
|
||||||
<v-card-title
|
<v-card-title
|
||||||
class="d-flex align-center text-white cursor-pointer"
|
class="d-flex align-center text-white cursor-pointer"
|
||||||
@click="showJsonPreview = !showJsonPreview"
|
@click="showJsonPreview = !showJsonPreview"
|
||||||
>
|
>
|
||||||
<v-icon class="mr-2">
|
<v-icon class="mr-2">mdi-code-json</v-icon>
|
||||||
mdi-code-json
|
|
||||||
</v-icon>
|
|
||||||
JSON配置预览
|
JSON配置预览
|
||||||
<v-spacer />
|
<v-spacer></v-spacer>
|
||||||
<v-btn
|
<v-btn
|
||||||
color="white"
|
color="white"
|
||||||
prepend-icon="mdi-content-copy"
|
prepend-icon="mdi-content-copy"
|
||||||
@ -284,17 +209,12 @@
|
|||||||
color="white"
|
color="white"
|
||||||
size="small"
|
size="small"
|
||||||
variant="text"
|
variant="text"
|
||||||
/>
|
>
|
||||||
|
</v-btn>
|
||||||
</v-card-title>
|
</v-card-title>
|
||||||
<v-expand-transition>
|
<v-expand-transition>
|
||||||
<v-card-text
|
<v-card-text v-show="showJsonPreview" class="pa-4">
|
||||||
v-show="showJsonPreview"
|
<v-card class="pa-4" variant="tonal">
|
||||||
class="pa-4"
|
|
||||||
>
|
|
||||||
<v-card
|
|
||||||
class="pa-4"
|
|
||||||
variant="tonal"
|
|
||||||
>
|
|
||||||
<pre class="json-preview"><code>{{ formattedJson }}</code></pre>
|
<pre class="json-preview"><code>{{ formattedJson }}</code></pre>
|
||||||
</v-card>
|
</v-card>
|
||||||
</v-card-text>
|
</v-card-text>
|
||||||
@ -305,23 +225,14 @@
|
|||||||
<!-- 编辑模式 -->
|
<!-- 编辑模式 -->
|
||||||
<div v-if="!loading && isEditMode">
|
<div v-if="!loading && isEditMode">
|
||||||
<!-- 基本信息 -->
|
<!-- 基本信息 -->
|
||||||
<v-card
|
<v-card border class="mb-4" elevation="1">
|
||||||
border
|
|
||||||
class="mb-4"
|
|
||||||
elevation="1"
|
|
||||||
>
|
|
||||||
<v-card-title class="d-flex align-center">
|
<v-card-title class="d-flex align-center">
|
||||||
<v-icon class="mr-2">
|
<v-icon class="mr-2">mdi-information</v-icon>
|
||||||
mdi-information
|
|
||||||
</v-icon>
|
|
||||||
基本信息
|
基本信息
|
||||||
</v-card-title>
|
</v-card-title>
|
||||||
<v-card-text class="pa-4">
|
<v-card-text class="pa-4">
|
||||||
<v-row>
|
<v-row>
|
||||||
<v-col
|
<v-col cols="12" md="6">
|
||||||
cols="12"
|
|
||||||
md="6"
|
|
||||||
>
|
|
||||||
<v-text-field
|
<v-text-field
|
||||||
v-model="localConfig.examName"
|
v-model="localConfig.examName"
|
||||||
:rules="[(v) => !!v || '考试名称不能为空']"
|
:rules="[(v) => !!v || '考试名称不能为空']"
|
||||||
@ -329,18 +240,15 @@
|
|||||||
prepend-inner-icon="mdi-calendar-text"
|
prepend-inner-icon="mdi-calendar-text"
|
||||||
required
|
required
|
||||||
variant="outlined"
|
variant="outlined"
|
||||||
/>
|
></v-text-field>
|
||||||
</v-col>
|
</v-col>
|
||||||
<v-col
|
<v-col cols="12" md="6">
|
||||||
cols="12"
|
|
||||||
md="6"
|
|
||||||
>
|
|
||||||
<v-text-field
|
<v-text-field
|
||||||
v-model="localConfig.room"
|
v-model="localConfig.room"
|
||||||
label="考场号（标准ES尚不支持此配置）"
|
label="考场号（标准ES尚不支持此配置）"
|
||||||
prepend-inner-icon="mdi-home"
|
prepend-inner-icon="mdi-home"
|
||||||
variant="outlined"
|
variant="outlined"
|
||||||
/>
|
></v-text-field>
|
||||||
</v-col>
|
</v-col>
|
||||||
</v-row>
|
</v-row>
|
||||||
<v-textarea
|
<v-textarea
|
||||||
@ -350,7 +258,7 @@
|
|||||||
prepend-inner-icon="mdi-message-text"
|
prepend-inner-icon="mdi-message-text"
|
||||||
rows="3"
|
rows="3"
|
||||||
variant="outlined"
|
variant="outlined"
|
||||||
/>
|
></v-textarea>
|
||||||
|
|
||||||
<!-- 默认提示选项 -->
|
<!-- 默认提示选项 -->
|
||||||
<v-chip-group
|
<v-chip-group
|
||||||
@ -367,39 +275,23 @@
|
|||||||
variant="outlined"
|
variant="outlined"
|
||||||
@click="selectDefaultTip(tip)"
|
@click="selectDefaultTip(tip)"
|
||||||
>
|
>
|
||||||
<v-icon
|
<v-icon size="small" start>mdi-plus</v-icon>
|
||||||
size="small"
|
|
||||||
start
|
|
||||||
>
|
|
||||||
mdi-plus
|
|
||||||
</v-icon>
|
|
||||||
{{ tip }}
|
{{ tip }}
|
||||||
</v-chip>
|
</v-chip>
|
||||||
</v-chip-group>
|
</v-chip-group>
|
||||||
<div class="text-caption text-medium-emphasis ml-2">
|
<div class="text-caption text-medium-emphasis ml-2">
|
||||||
<v-icon
|
<v-icon class="mr-1" size="small">mdi-lightbulb-outline</v-icon>
|
||||||
class="mr-1"
|
|
||||||
size="small"
|
|
||||||
>
|
|
||||||
mdi-lightbulb-outline
|
|
||||||
</v-icon>
|
|
||||||
点击上方选项快速添加常用考试提示
|
点击上方选项快速添加常用考试提示
|
||||||
</div>
|
</div>
|
||||||
</v-card-text>
|
</v-card-text>
|
||||||
</v-card>
|
</v-card>
|
||||||
|
|
||||||
<!-- 考试科目安排 -->
|
<!-- 考试科目安排 -->
|
||||||
<v-card
|
<v-card border class="mb-4" elevation="1">
|
||||||
border
|
|
||||||
class="mb-4"
|
|
||||||
elevation="1"
|
|
||||||
>
|
|
||||||
<v-card-title class="d-flex align-center">
|
<v-card-title class="d-flex align-center">
|
||||||
<v-icon class="mr-2">
|
<v-icon class="mr-2">mdi-format-list-bulleted</v-icon>
|
||||||
mdi-format-list-bulleted
|
|
||||||
</v-icon>
|
|
||||||
考试科目安排
|
考试科目安排
|
||||||
<v-spacer />
|
<v-spacer></v-spacer>
|
||||||
<v-btn
|
<v-btn
|
||||||
color="primary"
|
color="primary"
|
||||||
prepend-icon="mdi-plus"
|
prepend-icon="mdi-plus"
|
||||||
@ -420,10 +312,7 @@
|
|||||||
>
|
>
|
||||||
<div class="w-100">
|
<div class="w-100">
|
||||||
<v-row>
|
<v-row>
|
||||||
<v-col
|
<v-col cols="12" md="4">
|
||||||
cols="12"
|
|
||||||
md="4"
|
|
||||||
>
|
|
||||||
<v-text-field
|
<v-text-field
|
||||||
v-model="examInfo.name"
|
v-model="examInfo.name"
|
||||||
:rules="[(v) => !!v || '科目名称不能为空']"
|
:rules="[(v) => !!v || '科目名称不能为空']"
|
||||||
@ -431,12 +320,9 @@
|
|||||||
label="科目名称"
|
label="科目名称"
|
||||||
prepend-inner-icon="mdi-book"
|
prepend-inner-icon="mdi-book"
|
||||||
variant="outlined"
|
variant="outlined"
|
||||||
/>
|
></v-text-field>
|
||||||
</v-col>
|
</v-col>
|
||||||
<v-col
|
<v-col cols="12" md="3">
|
||||||
cols="12"
|
|
||||||
md="3"
|
|
||||||
>
|
|
||||||
<v-menu
|
<v-menu
|
||||||
v-model="examInfo.startDateMenu"
|
v-model="examInfo.startDateMenu"
|
||||||
:close-on-content-click="false"
|
:close-on-content-click="false"
|
||||||
@ -444,7 +330,7 @@
|
|||||||
offset-y
|
offset-y
|
||||||
transition="scale-transition"
|
transition="scale-transition"
|
||||||
>
|
>
|
||||||
<template #activator="{ props }">
|
<template v-slot:activator="{ props }">
|
||||||
<v-text-field
|
<v-text-field
|
||||||
v-model="examInfo.startFormatted"
|
v-model="examInfo.startFormatted"
|
||||||
:rules="[(v) => !!v || '开始时间不能为空']"
|
:rules="[(v) => !!v || '开始时间不能为空']"
|
||||||
@ -454,7 +340,7 @@
|
|||||||
readonly
|
readonly
|
||||||
v-bind="props"
|
v-bind="props"
|
||||||
variant="outlined"
|
variant="outlined"
|
||||||
/>
|
></v-text-field>
|
||||||
</template>
|
</template>
|
||||||
<v-card min-width="600">
|
<v-card min-width="600">
|
||||||
<v-card-title class="text-center py-2">
|
<v-card-title class="text-center py-2">
|
||||||
@ -462,10 +348,7 @@
|
|||||||
</v-card-title>
|
</v-card-title>
|
||||||
<v-card-text class="pa-0">
|
<v-card-text class="pa-0">
|
||||||
<v-row no-gutters>
|
<v-row no-gutters>
|
||||||
<v-col
|
<v-col class="border-e" cols="6">
|
||||||
class="border-e"
|
|
||||||
cols="6"
|
|
||||||
>
|
|
||||||
<v-date-picker
|
<v-date-picker
|
||||||
v-model="examInfo.startDate"
|
v-model="examInfo.startDate"
|
||||||
color="primary"
|
color="primary"
|
||||||
@ -473,7 +356,7 @@
|
|||||||
locale="zh-cn"
|
locale="zh-cn"
|
||||||
show-adjacent-months
|
show-adjacent-months
|
||||||
@update:model-value="updateStartDateTime(index)"
|
@update:model-value="updateStartDateTime(index)"
|
||||||
/>
|
></v-date-picker>
|
||||||
</v-col>
|
</v-col>
|
||||||
<v-col cols="6">
|
<v-col cols="6">
|
||||||
<v-time-picker
|
<v-time-picker
|
||||||
@ -483,12 +366,12 @@
|
|||||||
format="24hr"
|
format="24hr"
|
||||||
scrollable
|
scrollable
|
||||||
@update:model-value="updateStartDateTime(index)"
|
@update:model-value="updateStartDateTime(index)"
|
||||||
/>
|
></v-time-picker>
|
||||||
</v-col>
|
</v-col>
|
||||||
</v-row>
|
</v-row>
|
||||||
</v-card-text>
|
</v-card-text>
|
||||||
<v-card-actions>
|
<v-card-actions>
|
||||||
<v-spacer />
|
<v-spacer></v-spacer>
|
||||||
<v-btn
|
<v-btn
|
||||||
color="grey"
|
color="grey"
|
||||||
variant="text"
|
variant="text"
|
||||||
@ -507,10 +390,7 @@
|
|||||||
</v-card>
|
</v-card>
|
||||||
</v-menu>
|
</v-menu>
|
||||||
</v-col>
|
</v-col>
|
||||||
<v-col
|
<v-col cols="12" md="3">
|
||||||
cols="12"
|
|
||||||
md="3"
|
|
||||||
>
|
|
||||||
<v-menu
|
<v-menu
|
||||||
v-model="examInfo.endDateMenu"
|
v-model="examInfo.endDateMenu"
|
||||||
:close-on-content-click="false"
|
:close-on-content-click="false"
|
||||||
@ -518,7 +398,7 @@
|
|||||||
offset-y
|
offset-y
|
||||||
transition="scale-transition"
|
transition="scale-transition"
|
||||||
>
|
>
|
||||||
<template #activator="{ props }">
|
<template v-slot:activator="{ props }">
|
||||||
<v-text-field
|
<v-text-field
|
||||||
v-model="examInfo.endFormatted"
|
v-model="examInfo.endFormatted"
|
||||||
:rules="[(v) => !!v || '结束时间不能为空']"
|
:rules="[(v) => !!v || '结束时间不能为空']"
|
||||||
@ -528,7 +408,7 @@
|
|||||||
readonly
|
readonly
|
||||||
v-bind="props"
|
v-bind="props"
|
||||||
variant="outlined"
|
variant="outlined"
|
||||||
/>
|
></v-text-field>
|
||||||
</template>
|
</template>
|
||||||
<v-card min-width="600">
|
<v-card min-width="600">
|
||||||
<v-card-title class="text-center py-2">
|
<v-card-title class="text-center py-2">
|
||||||
@ -536,10 +416,7 @@
|
|||||||
</v-card-title>
|
</v-card-title>
|
||||||
<v-card-text class="pa-0">
|
<v-card-text class="pa-0">
|
||||||
<v-row no-gutters>
|
<v-row no-gutters>
|
||||||
<v-col
|
<v-col class="border-e" cols="6">
|
||||||
class="border-e"
|
|
||||||
cols="6"
|
|
||||||
>
|
|
||||||
<v-date-picker
|
<v-date-picker
|
||||||
v-model="examInfo.endDate"
|
v-model="examInfo.endDate"
|
||||||
color="primary"
|
color="primary"
|
||||||
@ -547,7 +424,7 @@
|
|||||||
locale="zh-cn"
|
locale="zh-cn"
|
||||||
show-adjacent-months
|
show-adjacent-months
|
||||||
@update:model-value="updateEndDateTime(index)"
|
@update:model-value="updateEndDateTime(index)"
|
||||||
/>
|
></v-date-picker>
|
||||||
</v-col>
|
</v-col>
|
||||||
<v-col cols="6">
|
<v-col cols="6">
|
||||||
<v-time-picker
|
<v-time-picker
|
||||||
@ -557,12 +434,12 @@
|
|||||||
format="24hr"
|
format="24hr"
|
||||||
scrollable
|
scrollable
|
||||||
@update:model-value="updateEndDateTime(index)"
|
@update:model-value="updateEndDateTime(index)"
|
||||||
/>
|
></v-time-picker>
|
||||||
</v-col>
|
</v-col>
|
||||||
</v-row>
|
</v-row>
|
||||||
</v-card-text>
|
</v-card-text>
|
||||||
<v-card-actions>
|
<v-card-actions>
|
||||||
<v-spacer />
|
<v-spacer></v-spacer>
|
||||||
<v-btn
|
<v-btn
|
||||||
color="grey"
|
color="grey"
|
||||||
variant="text"
|
variant="text"
|
||||||
@ -581,11 +458,7 @@
|
|||||||
</v-card>
|
</v-card>
|
||||||
</v-menu>
|
</v-menu>
|
||||||
</v-col>
|
</v-col>
|
||||||
<v-col
|
<v-col class="d-flex align-center" cols="12" md="2">
|
||||||
class="d-flex align-center"
|
|
||||||
cols="12"
|
|
||||||
md="2"
|
|
||||||
>
|
|
||||||
<v-btn
|
<v-btn
|
||||||
color="error"
|
color="error"
|
||||||
icon="mdi-delete"
|
icon="mdi-delete"
|
||||||
@ -620,25 +493,14 @@
|
|||||||
</div>
|
</div>
|
||||||
</v-list-item>
|
</v-list-item>
|
||||||
</v-list>
|
</v-list>
|
||||||
<div
|
<div v-else class="text-center py-8">
|
||||||
v-else
|
<v-icon class="mb-2" color="grey-lighten-1" size="48">
|
||||||
class="text-center py-8"
|
|
||||||
>
|
|
||||||
<v-icon
|
|
||||||
class="mb-2"
|
|
||||||
color="grey-lighten-1"
|
|
||||||
size="48"
|
|
||||||
>
|
|
||||||
mdi-book-plus
|
mdi-book-plus
|
||||||
</v-icon>
|
</v-icon>
|
||||||
<p class="text-body-2 text-grey-darken-1 mb-4">
|
<p class="text-body-2 text-grey-darken-1 mb-4">
|
||||||
暂无考试科目，点击"添加科目"按钮开始添加
|
暂无考试科目，点击"添加科目"按钮开始添加
|
||||||
</p>
|
</p>
|
||||||
<v-btn
|
<v-btn color="primary" prepend-icon="mdi-plus" @click="addExamInfo">
|
||||||
color="primary"
|
|
||||||
prepend-icon="mdi-plus"
|
|
||||||
@click="addExamInfo"
|
|
||||||
>
|
|
||||||
添加科目
|
添加科目
|
||||||
</v-btn>
|
</v-btn>
|
||||||
</div>
|
</div>
|
||||||
@ -647,18 +509,10 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- 删除确认对话框 -->
|
<!-- 删除确认对话框 -->
|
||||||
<v-dialog
|
<v-dialog v-model="deleteDialog" max-width="400">
|
||||||
v-model="deleteDialog"
|
|
||||||
max-width="400"
|
|
||||||
>
|
|
||||||
<v-card>
|
<v-card>
|
||||||
<v-card-title class="d-flex align-center">
|
<v-card-title class="d-flex align-center">
|
||||||
<v-icon
|
<v-icon class="mr-2" color="error">mdi-delete-alert</v-icon>
|
||||||
class="mr-2"
|
|
||||||
color="error"
|
|
||||||
>
|
|
||||||
mdi-delete-alert
|
|
||||||
</v-icon>
|
|
||||||
确认删除配置
|
确认删除配置
|
||||||
</v-card-title>
|
</v-card-title>
|
||||||
<v-card-text>
|
<v-card-text>
|
||||||
@ -666,7 +520,7 @@
|
|||||||
<br><small class="text-grey">此操作不可撤销，将会删除所有相关数据</small>
|
<br><small class="text-grey">此操作不可撤销，将会删除所有相关数据</small>
|
||||||
</v-card-text>
|
</v-card-text>
|
||||||
<v-card-actions>
|
<v-card-actions>
|
||||||
<v-spacer />
|
<v-spacer></v-spacer>
|
||||||
<v-btn
|
<v-btn
|
||||||
color="grey"
|
color="grey"
|
||||||
variant="text"
|
variant="text"
|
||||||
|
|||||||
@ -7,10 +7,7 @@
|
|||||||
elevation="4"
|
elevation="4"
|
||||||
rounded="xl"
|
rounded="xl"
|
||||||
>
|
>
|
||||||
<v-btn-group
|
<v-btn-group class="toolbar-buttons" variant="text">
|
||||||
class="toolbar-buttons"
|
|
||||||
variant="text"
|
|
||||||
>
|
|
||||||
<v-btn
|
<v-btn
|
||||||
v-ripple
|
v-ripple
|
||||||
:title="'查看昨天'"
|
:title="'查看昨天'"
|
||||||
@ -35,10 +32,7 @@
|
|||||||
variant="text"
|
variant="text"
|
||||||
@click="$emit('zoom', 'up')"
|
@click="$emit('zoom', 'up')"
|
||||||
/>
|
/>
|
||||||
<v-menu
|
<v-menu :close-on-content-click="false" location="top">
|
||||||
:close-on-content-click="false"
|
|
||||||
location="top"
|
|
||||||
>
|
|
||||||
<template #activator="{ props }">
|
<template #activator="{ props }">
|
||||||
<v-btn
|
<v-btn
|
||||||
v-ripple
|
v-ripple
|
||||||
@ -49,10 +43,7 @@
|
|||||||
variant="text"
|
variant="text"
|
||||||
/>
|
/>
|
||||||
</template>
|
</template>
|
||||||
<v-card
|
<v-card border class="date-picker-card">
|
||||||
border
|
|
||||||
class="date-picker-card"
|
|
||||||
>
|
|
||||||
<v-date-picker
|
<v-date-picker
|
||||||
:model-value="selectedDate"
|
:model-value="selectedDate"
|
||||||
color="primary"
|
color="primary"
|
||||||
@ -97,9 +88,7 @@
|
|||||||
size="large"
|
size="large"
|
||||||
text="复制作业内容到今天"
|
text="复制作业内容到今天"
|
||||||
@click="$emit('copy-to-today')"
|
@click="$emit('copy-to-today')"
|
||||||
>
|
>复制到今天</v-btn>
|
||||||
复制到今天
|
|
||||||
</v-btn>
|
|
||||||
</v-slide-x-reverse-transition>
|
</v-slide-x-reverse-transition>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
@ -8,28 +8,14 @@
|
|||||||
variant="tonal"
|
variant="tonal"
|
||||||
>
|
>
|
||||||
<div class="d-flex align-center">
|
<div class="d-flex align-center">
|
||||||
<v-icon
|
<v-icon :icon="icons[message?.type] || icons.info" class="mr-2"/>
|
||||||
:icon="icons[message?.type] || icons.info"
|
|
||||||
class="mr-2"
|
|
||||||
/>
|
|
||||||
<div>
|
<div>
|
||||||
<div class="text-subtitle-2 font-weight-medium">
|
<div class="text-subtitle-2 font-weight-medium">{{ message?.title }}</div>
|
||||||
{{ message?.title }}
|
<div v-if="message?.content" class="text-body-2">{{ message?.content }}</div>
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
v-if="message?.content"
|
|
||||||
class="text-body-2"
|
|
||||||
>
|
|
||||||
{{ message?.content }}
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<template #actions>
|
<template #actions>
|
||||||
<v-btn
|
<v-btn icon="mdi-close" variant="text" @click="snackbar = false"/>
|
||||||
icon="mdi-close"
|
|
||||||
variant="text"
|
|
||||||
@click="snackbar = false"
|
|
||||||
/>
|
|
||||||
</template>
|
</template>
|
||||||
</v-snackbar>
|
</v-snackbar>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
@ -11,13 +11,9 @@
|
|||||||
/>
|
/>
|
||||||
|
|
||||||
<div class="text-center">
|
<div class="text-center">
|
||||||
<div class="text-body-2 font-weight-light mb-n1">
|
<div class="text-body-2 font-weight-light mb-n1">Welcome to</div>
|
||||||
Welcome to
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h1 class="text-h2 font-weight-bold">
|
<h1 class="text-h2 font-weight-bold">Vuetify</h1>
|
||||||
Vuetify
|
|
||||||
</h1>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="py-4"/>
|
<div class="py-4"/>
|
||||||
@ -37,16 +33,13 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<template #title>
|
<template #title>
|
||||||
<h2 class="text-h5 font-weight-bold">
|
<h2 class="text-h5 font-weight-bold">Get started</h2>
|
||||||
Get started
|
|
||||||
</h2>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<template #subtitle>
|
<template #subtitle>
|
||||||
<div class="text-subtitle-1">
|
<div class="text-subtitle-1">
|
||||||
Replace this page by removing
|
Replace this page by removing
|
||||||
<v-kbd>
|
<v-kbd>{{ `
|
||||||
{{ `
|
|
||||||
<HelloWorld/>
|
<HelloWorld/>
|
||||||
` }}
|
` }}
|
||||||
</v-kbd>
|
</v-kbd>
|
||||||
|
|||||||
@ -11,11 +11,7 @@
|
|||||||
<v-card-title class="d-flex align-center">
|
<v-card-title class="d-flex align-center">
|
||||||
{{ title }}
|
{{ title }}
|
||||||
<v-spacer />
|
<v-spacer />
|
||||||
<v-btn
|
<v-btn icon="mdi-close" variant="text" @click="handleClose" />
|
||||||
icon="mdi-close"
|
|
||||||
variant="text"
|
|
||||||
@click="handleClose"
|
|
||||||
/>
|
|
||||||
</v-card-title>
|
</v-card-title>
|
||||||
<v-card-subtitle>
|
<v-card-subtitle>
|
||||||
{{ autoSave ? autoSavePromptText : manualSavePromptText }}
|
{{ autoSave ? autoSavePromptText : manualSavePromptText }}
|
||||||
@ -35,21 +31,13 @@
|
|||||||
/>
|
/>
|
||||||
|
|
||||||
<!-- Template Buttons Section -->
|
<!-- Template Buttons Section -->
|
||||||
<div
|
<div v-if="templateData" class="mt-4">
|
||||||
v-if="templateData"
|
<div v-if="hasTemplates" class="template-buttons">
|
||||||
class="mt-4"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
v-if="hasTemplates"
|
|
||||||
class="template-buttons"
|
|
||||||
>
|
|
||||||
<!-- Subject specific books -->
|
<!-- Subject specific books -->
|
||||||
<template v-if="subjectBooks">
|
<template v-if="subjectBooks">
|
||||||
<div
|
<div v-for="(pages, book) in subjectBooks" :key="book" class="button-group">
|
||||||
v-for="(pages, book) in subjectBooks"
|
|
||||||
:key="book"
|
|
||||||
class="button-group"
|
|
||||||
>
|
|
||||||
<v-chip
|
<v-chip
|
||||||
:color="isBookSelected(book) ? 'success' : 'default'"
|
:color="isBookSelected(book) ? 'success' : 'default'"
|
||||||
:variant="isBookSelected(book) ? 'elevated' : 'flat'"
|
:variant="isBookSelected(book) ? 'elevated' : 'flat'"
|
||||||
@ -60,10 +48,7 @@
|
|||||||
</v-chip>
|
</v-chip>
|
||||||
|
|
||||||
<!-- Show pages only if book is selected -->
|
<!-- Show pages only if book is selected -->
|
||||||
<div
|
<div v-if="isBookSelected(book)" class="pages-container mt-2">
|
||||||
v-if="isBookSelected(book)"
|
|
||||||
class="pages-container mt-2"
|
|
||||||
>
|
|
||||||
<v-chip
|
<v-chip
|
||||||
v-for="page in pages"
|
v-for="page in pages"
|
||||||
:key="page"
|
:key="page"
|
||||||
@ -80,11 +65,7 @@
|
|||||||
|
|
||||||
<!-- Common books -->
|
<!-- Common books -->
|
||||||
<template v-if="commonBooks">
|
<template v-if="commonBooks">
|
||||||
<div
|
<div v-for="(pages, book) in commonBooks" :key="book" class="button-group">
|
||||||
v-for="(pages, book) in commonBooks"
|
|
||||||
:key="book"
|
|
||||||
class="button-group"
|
|
||||||
>
|
|
||||||
<v-chip
|
<v-chip
|
||||||
:color="isBookSelected(book) ? 'success' : 'default'"
|
:color="isBookSelected(book) ? 'success' : 'default'"
|
||||||
:variant="isBookSelected(book) ? 'elevated' : 'flat'"
|
:variant="isBookSelected(book) ? 'elevated' : 'flat'"
|
||||||
@ -95,10 +76,7 @@
|
|||||||
</v-chip>
|
</v-chip>
|
||||||
|
|
||||||
<!-- Show pages only if book is selected -->
|
<!-- Show pages only if book is selected -->
|
||||||
<div
|
<div v-if="isBookSelected(book)" class="pages-container mt-2">
|
||||||
v-if="isBookSelected(book)"
|
|
||||||
class="pages-container mt-2"
|
|
||||||
>
|
|
||||||
<v-chip
|
<v-chip
|
||||||
v-for="page in pages"
|
v-for="page in pages"
|
||||||
:key="page"
|
:key="page"
|
||||||
@ -114,10 +92,7 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<!-- Actions -->
|
<!-- Actions -->
|
||||||
<div
|
<div v-if="templateData.actions?.length" class="button-group">
|
||||||
v-if="templateData.actions?.length"
|
|
||||||
class="button-group"
|
|
||||||
>
|
|
||||||
<v-chip
|
<v-chip
|
||||||
v-for="action in templateData.actions"
|
v-for="action in templateData.actions"
|
||||||
:key="action"
|
:key="action"
|
||||||
@ -130,21 +105,14 @@
|
|||||||
</v-chip>
|
</v-chip>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div v-else class="text-center text-body-2 text-disabled mt-2">
|
||||||
v-else
|
|
||||||
class="text-center text-body-2 text-disabled mt-2"
|
|
||||||
>
|
|
||||||
暂无可用的模板
|
暂无可用的模板
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Quick Tools Section -->
|
<!-- Quick Tools Section -->
|
||||||
<div
|
<div v-if="showQuickTools && !isMobile" class="quick-tools ml-4" style="min-width: 180px;">
|
||||||
v-if="showQuickTools && !isMobile"
|
|
||||||
class="quick-tools ml-4"
|
|
||||||
style="min-width: 180px;"
|
|
||||||
>
|
|
||||||
<!-- Numeric Keypad -->
|
<!-- Numeric Keypad -->
|
||||||
<div class="numeric-keypad mb-4">
|
<div class="numeric-keypad mb-4">
|
||||||
<div class="keypad-row">
|
<div class="keypad-row">
|
||||||
@ -255,11 +223,10 @@
|
|||||||
border-color="warning"
|
border-color="warning"
|
||||||
prominent
|
prominent
|
||||||
>
|
>
|
||||||
<template #prepend />
|
<template #prepend>
|
||||||
|
</template>
|
||||||
<div class="d-flex flex-column">
|
<div class="d-flex flex-column">
|
||||||
<div class="text-h6 mb-1">
|
<div class="text-h6 mb-1">你打算修改历史？</div>
|
||||||
你打算修改历史？
|
|
||||||
</div>
|
|
||||||
<div class="text-body-2">
|
<div class="text-body-2">
|
||||||
这是 {{ new Date(currentDateString.slice(0,4), currentDateString.slice(4,6)-1, currentDateString.slice(6,8)).toLocaleDateString() }} 的作业 • 请谨慎操作，确保不会覆盖重要数据
|
这是 {{ new Date(currentDateString.slice(0,4), currentDateString.slice(4,6)-1, currentDateString.slice(6,8)).toLocaleDateString() }} 的作业 • 请谨慎操作，确保不会覆盖重要数据
|
||||||
</div>
|
</div>
|
||||||
@ -269,6 +236,7 @@
|
|||||||
<div class="text-center text-body-2 text-disabled mb-5">
|
<div class="text-center text-body-2 text-disabled mb-5">
|
||||||
点击空白处完成编辑
|
点击空白处完成编辑
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</v-card>
|
</v-card>
|
||||||
</v-dialog>
|
</v-dialog>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
@ -1,50 +1,33 @@
|
|||||||
<template>
|
<template>
|
||||||
<v-navigation-drawer
|
<v-navigation-drawer v-if="drawer" v-model="drawer" location="right" temporary width="400">
|
||||||
v-if="drawer"
|
|
||||||
v-model="drawer"
|
|
||||||
location="right"
|
|
||||||
temporary
|
|
||||||
width="400"
|
|
||||||
>
|
|
||||||
<v-toolbar color="primary">
|
<v-toolbar color="primary">
|
||||||
<v-toolbar-title>消息记录</v-toolbar-title>
|
<v-toolbar-title>消息记录</v-toolbar-title>
|
||||||
|
|
||||||
</v-toolbar>
|
</v-toolbar>
|
||||||
|
|
||||||
<v-list>
|
<v-list>
|
||||||
<v-list-item
|
<v-list-item v-for="msg in messages" :key="msg.id" rounded>
|
||||||
v-for="msg in messages"
|
|
||||||
:key="msg.id"
|
|
||||||
rounded
|
|
||||||
>
|
|
||||||
<template #prepend>
|
<template #prepend>
|
||||||
<v-icon
|
<v-icon :color="colors[msg.type]" :icon="icons[msg.type]" size="20"/>
|
||||||
:color="colors[msg.type]"
|
|
||||||
:icon="icons[msg.type]"
|
|
||||||
size="20"
|
|
||||||
/>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<v-list-item-title>{{ msg.title }}</v-list-item-title>
|
<v-list-item-title>{{ msg.title }}</v-list-item-title>
|
||||||
<v-list-item-subtitle v-if="msg.content">
|
<v-list-item-subtitle v-if="msg.content">{{
|
||||||
{{
|
|
||||||
msg.content
|
msg.content
|
||||||
}}
|
}}
|
||||||
</v-list-item-subtitle>
|
</v-list-item-subtitle>
|
||||||
<span class="text-caption text-grey">
|
<span class="text-caption text-grey">
|
||||||
{{ new Date(msg.timestamp).toLocaleTimeString() }}
|
{{ new Date(msg.timestamp).toLocaleTimeString() }}
|
||||||
</span>
|
</span>
|
||||||
|
|
||||||
|
|
||||||
</v-list-item>
|
</v-list-item>
|
||||||
|
|
||||||
<v-list-item v-if="!messages.length">
|
<v-list-item v-if="!messages.length">
|
||||||
<template #prepend>
|
<template #prepend>
|
||||||
<v-icon
|
<v-icon color="grey" icon="mdi-inbox"/>
|
||||||
color="grey"
|
|
||||||
icon="mdi-inbox"
|
|
||||||
/>
|
|
||||||
</template>
|
</template>
|
||||||
<v-list-item-title class="text-grey">
|
<v-list-item-title class="text-grey">暂无消息</v-list-item-title>
|
||||||
暂无消息
|
|
||||||
</v-list-item-title>
|
|
||||||
</v-list-item>
|
</v-list-item>
|
||||||
</v-list>
|
</v-list>
|
||||||
</v-navigation-drawer>
|
</v-navigation-drawer>
|
||||||
|
|||||||
@ -4,23 +4,17 @@
|
|||||||
<v-card-title>迁移设置</v-card-title>
|
<v-card-title>迁移设置</v-card-title>
|
||||||
<v-card-text>
|
<v-card-text>
|
||||||
<v-row>
|
<v-row>
|
||||||
<v-col
|
<v-col cols="12" md="6">
|
||||||
cols="12"
|
|
||||||
md="6"
|
|
||||||
>
|
|
||||||
<v-text-field
|
<v-text-field
|
||||||
v-model="classNumber"
|
v-model="classNumber"
|
||||||
hint="请输入需要迁移的班级编号"
|
hint="请输入需要迁移的班级编号"
|
||||||
label="班级编号"
|
label="班级编号"
|
||||||
persistent-hint
|
persistent-hint
|
||||||
prepend-icon="mdi-account-group"
|
prepend-icon="mdi-account-group"
|
||||||
/>
|
></v-text-field>
|
||||||
</v-col>
|
</v-col>
|
||||||
|
|
||||||
<v-col
|
<v-col cols="12" md="6">
|
||||||
cols="12"
|
|
||||||
md="6"
|
|
||||||
>
|
|
||||||
<v-text-field
|
<v-text-field
|
||||||
v-model="machineId"
|
v-model="machineId"
|
||||||
hint="系统已自动填充设备标识，通常无需修改"
|
hint="系统已自动填充设备标识，通常无需修改"
|
||||||
@ -28,35 +22,23 @@
|
|||||||
persistent-hint
|
persistent-hint
|
||||||
prepend-icon="mdi-identifier"
|
prepend-icon="mdi-identifier"
|
||||||
readonly
|
readonly
|
||||||
/>
|
></v-text-field>
|
||||||
</v-col>
|
</v-col>
|
||||||
</v-row>
|
</v-row>
|
||||||
|
|
||||||
<v-radio-group
|
<v-radio-group v-model="migrationType" class="mt-2">
|
||||||
v-model="migrationType"
|
<v-radio label="本地数据迁移" value="local"></v-radio>
|
||||||
class="mt-2"
|
<v-radio label="服务器数据迁移" value="server"></v-radio>
|
||||||
>
|
|
||||||
<v-radio
|
|
||||||
label="本地数据迁移"
|
|
||||||
value="local"
|
|
||||||
/>
|
|
||||||
<v-radio
|
|
||||||
label="服务器数据迁移"
|
|
||||||
value="server"
|
|
||||||
/>
|
|
||||||
</v-radio-group>
|
</v-radio-group>
|
||||||
|
|
||||||
<div
|
<div v-if="migrationType === 'server'" class="mt-4">
|
||||||
v-if="migrationType === 'server'"
|
|
||||||
class="mt-4"
|
|
||||||
>
|
|
||||||
<v-text-field
|
<v-text-field
|
||||||
v-model="serverUrl"
|
v-model="serverUrl"
|
||||||
hint="输入服务器域名，例如：https://example.com"
|
hint="输入服务器域名，例如：https://example.com"
|
||||||
label="服务器地址"
|
label="服务器地址"
|
||||||
persistent-hint
|
persistent-hint
|
||||||
prepend-icon="mdi-server"
|
prepend-icon="mdi-server"
|
||||||
/>
|
></v-text-field>
|
||||||
|
|
||||||
<v-alert
|
<v-alert
|
||||||
class="mt-2"
|
class="mt-2"
|
||||||
@ -64,44 +46,33 @@
|
|||||||
type="info"
|
type="info"
|
||||||
variant="outlined"
|
variant="outlined"
|
||||||
>
|
>
|
||||||
服务器接口格式：<br>
|
服务器接口格式：<br/>
|
||||||
- 配置接口：域名/班号/config<br>
|
- 配置接口：域名/班号/config<br/>
|
||||||
- 作业数据接口：域名/班号/homework?date=YYYY-MM-DD
|
- 作业数据接口：域名/班号/homework?date=YYYY-MM-DD
|
||||||
</v-alert>
|
</v-alert>
|
||||||
|
|
||||||
<div class="d-flex align-center mt-4">
|
<div class="d-flex align-center mt-4">
|
||||||
<v-icon
|
<v-icon class="mr-2" color="warning">mdi-calendar-range</v-icon>
|
||||||
class="mr-2"
|
|
||||||
color="warning"
|
|
||||||
>
|
|
||||||
mdi-calendar-range
|
|
||||||
</v-icon>
|
|
||||||
<span class="text-subtitle-1">选择迁移时间范围：</span>
|
<span class="text-subtitle-1">选择迁移时间范围：</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<v-row class="mt-1">
|
<v-row class="mt-1">
|
||||||
<v-col
|
<v-col cols="12" md="6">
|
||||||
cols="12"
|
|
||||||
md="6"
|
|
||||||
>
|
|
||||||
<v-text-field
|
<v-text-field
|
||||||
v-model="startDate"
|
v-model="startDate"
|
||||||
label="开始日期"
|
label="开始日期"
|
||||||
prepend-icon="mdi-calendar-start"
|
prepend-icon="mdi-calendar-start"
|
||||||
type="date"
|
type="date"
|
||||||
/>
|
></v-text-field>
|
||||||
</v-col>
|
</v-col>
|
||||||
|
|
||||||
<v-col
|
<v-col cols="12" md="6">
|
||||||
cols="12"
|
|
||||||
md="6"
|
|
||||||
>
|
|
||||||
<v-text-field
|
<v-text-field
|
||||||
v-model="endDate"
|
v-model="endDate"
|
||||||
label="结束日期"
|
label="结束日期"
|
||||||
prepend-icon="mdi-calendar-end"
|
prepend-icon="mdi-calendar-end"
|
||||||
type="date"
|
type="date"
|
||||||
/>
|
></v-text-field>
|
||||||
</v-col>
|
</v-col>
|
||||||
</v-row>
|
</v-row>
|
||||||
</div>
|
</div>
|
||||||
@ -114,7 +85,7 @@
|
|||||||
<span>{{
|
<span>{{
|
||||||
migrationType === "local" ? "本地数据库内容" : "服务器数据内容"
|
migrationType === "local" ? "本地数据库内容" : "服务器数据内容"
|
||||||
}}</span>
|
}}</span>
|
||||||
<v-spacer />
|
<v-spacer></v-spacer>
|
||||||
<v-btn
|
<v-btn
|
||||||
:loading="loading || scanning"
|
:loading="loading || scanning"
|
||||||
color="primary"
|
color="primary"
|
||||||
@ -173,7 +144,7 @@
|
|||||||
<v-skeleton-loader
|
<v-skeleton-loader
|
||||||
v-if="loading || scanning"
|
v-if="loading || scanning"
|
||||||
type="table"
|
type="table"
|
||||||
/>
|
></v-skeleton-loader>
|
||||||
</v-card-text>
|
</v-card-text>
|
||||||
</v-card>
|
</v-card>
|
||||||
|
|
||||||
@ -181,27 +152,18 @@
|
|||||||
<v-card-title>迁移目标</v-card-title>
|
<v-card-title>迁移目标</v-card-title>
|
||||||
<v-card-text>
|
<v-card-text>
|
||||||
<v-radio-group v-model="targetStorage">
|
<v-radio-group v-model="targetStorage">
|
||||||
<v-radio
|
<v-radio label="本地 KV 存储" value="kv-local"></v-radio>
|
||||||
label="本地 KV 存储"
|
<v-radio label="服务器 KV 存储" value="kv-server"></v-radio>
|
||||||
value="kv-local"
|
|
||||||
/>
|
|
||||||
<v-radio
|
|
||||||
label="服务器 KV 存储"
|
|
||||||
value="kv-server"
|
|
||||||
/>
|
|
||||||
</v-radio-group>
|
</v-radio-group>
|
||||||
|
|
||||||
<div
|
<div v-if="targetStorage === 'kv-server'" class="mt-4">
|
||||||
v-if="targetStorage === 'kv-server'"
|
|
||||||
class="mt-4"
|
|
||||||
>
|
|
||||||
<v-text-field
|
<v-text-field
|
||||||
v-model="targetServerUrl"
|
v-model="targetServerUrl"
|
||||||
hint="输入KV服务器地址，例如：https://example.com/kv-api"
|
hint="输入KV服务器地址，例如：https://example.com/kv-api"
|
||||||
label="目标服务器地址"
|
label="目标服务器地址"
|
||||||
persistent-hint
|
persistent-hint
|
||||||
prepend-icon="mdi-server-network"
|
prepend-icon="mdi-server-network"
|
||||||
/>
|
></v-text-field>
|
||||||
</div>
|
</div>
|
||||||
</v-card-text>
|
</v-card-text>
|
||||||
</v-card>
|
</v-card>
|
||||||
@ -217,26 +179,16 @@
|
|||||||
</v-btn>
|
</v-btn>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<v-dialog
|
<v-dialog v-model="showResult" max-width="600">
|
||||||
v-model="showResult"
|
|
||||||
max-width="600"
|
|
||||||
>
|
|
||||||
<v-card>
|
<v-card>
|
||||||
<v-card-title class="d-flex align-center">
|
<v-card-title class="d-flex align-center">
|
||||||
<v-icon
|
<v-icon :color="migrationSuccess ? 'success' : 'error'" class="mr-2">
|
||||||
:color="migrationSuccess ? 'success' : 'error'"
|
|
||||||
class="mr-2"
|
|
||||||
>
|
|
||||||
{{ migrationSuccess ? "mdi-check-circle" : "mdi-alert-circle" }}
|
{{ migrationSuccess ? "mdi-check-circle" : "mdi-alert-circle" }}
|
||||||
</v-icon>
|
</v-icon>
|
||||||
<span>{{ migrationSuccess ? "迁移成功" : "迁移失败" }}</span>
|
<span>{{ migrationSuccess ? "迁移成功" : "迁移失败" }}</span>
|
||||||
</v-card-title>
|
</v-card-title>
|
||||||
<v-card-text>
|
<v-card-text>
|
||||||
<v-alert
|
<v-alert v-if="migrationError" class="mb-4" type="error">
|
||||||
v-if="migrationError"
|
|
||||||
class="mb-4"
|
|
||||||
type="error"
|
|
||||||
>
|
|
||||||
{{ migrationError }}
|
{{ migrationError }}
|
||||||
</v-alert>
|
</v-alert>
|
||||||
|
|
||||||
@ -245,7 +197,7 @@
|
|||||||
成功迁移 {{ migrationStats.success }} 项数据到
|
成功迁移 {{ migrationStats.success }} 项数据到
|
||||||
{{ targetStorage === "kv-local" ? "本地" : "服务器" }} KV 存储。
|
{{ targetStorage === "kv-local" ? "本地" : "服务器" }} KV 存储。
|
||||||
</p>
|
</p>
|
||||||
<v-divider class="my-4" />
|
<v-divider class="my-4"></v-divider>
|
||||||
<v-list>
|
<v-list>
|
||||||
<v-list-subheader>迁移详情</v-list-subheader>
|
<v-list-subheader>迁移详情</v-list-subheader>
|
||||||
<v-list-item
|
<v-list-item
|
||||||
@ -263,13 +215,8 @@
|
|||||||
</div>
|
</div>
|
||||||
</v-card-text>
|
</v-card-text>
|
||||||
<v-card-actions>
|
<v-card-actions>
|
||||||
<v-spacer />
|
<v-spacer></v-spacer>
|
||||||
<v-btn
|
<v-btn color="primary" @click="showResult = false"> 关闭</v-btn>
|
||||||
color="primary"
|
|
||||||
@click="showResult = false"
|
|
||||||
>
|
|
||||||
关闭
|
|
||||||
</v-btn>
|
|
||||||
</v-card-actions>
|
</v-card-actions>
|
||||||
</v-card>
|
</v-card>
|
||||||
</v-dialog>
|
</v-dialog>
|
||||||
|
|||||||
@ -5,32 +5,16 @@
|
|||||||
max-width="600"
|
max-width="600"
|
||||||
persistent
|
persistent
|
||||||
>
|
>
|
||||||
<v-card
|
<v-card border class="random-picker-card" rounded="xl">
|
||||||
border
|
|
||||||
class="random-picker-card"
|
|
||||||
rounded="xl"
|
|
||||||
>
|
|
||||||
<v-card-title class="text-h5 d-flex align-center">
|
<v-card-title class="text-h5 d-flex align-center">
|
||||||
<v-icon
|
<v-icon class="mr-2" icon="mdi-account-question"/>
|
||||||
class="mr-2"
|
|
||||||
icon="mdi-account-question"
|
|
||||||
/>
|
|
||||||
随机点名
|
随机点名
|
||||||
<v-spacer/>
|
<v-spacer/>
|
||||||
<v-btn
|
<v-btn icon="mdi-close" variant="text" @click="dialog = false"/>
|
||||||
icon="mdi-close"
|
|
||||||
variant="text"
|
|
||||||
@click="dialog = false"
|
|
||||||
/>
|
|
||||||
</v-card-title>
|
</v-card-title>
|
||||||
|
|
||||||
<v-card-text
|
<v-card-text v-if="!isPickingStarted" class="text-center py-6">
|
||||||
v-if="!isPickingStarted"
|
<div class="text-h6 mb-4">请选择抽取人数</div>
|
||||||
class="text-center py-6"
|
|
||||||
>
|
|
||||||
<div class="text-h6 mb-4">
|
|
||||||
请选择抽取人数
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="d-flex justify-center align-center counter-container">
|
<div class="d-flex justify-center align-center counter-container">
|
||||||
<v-btn
|
<v-btn
|
||||||
@ -68,29 +52,14 @@
|
|||||||
mandatory
|
mandatory
|
||||||
rounded="pill"
|
rounded="pill"
|
||||||
>
|
>
|
||||||
<v-btn
|
<v-btn prepend-icon="mdi-account" value="name">姓名模式</v-btn>
|
||||||
prepend-icon="mdi-account"
|
<v-btn prepend-icon="mdi-numeric" value="number">学号模式</v-btn>
|
||||||
value="name"
|
|
||||||
>
|
|
||||||
姓名模式
|
|
||||||
</v-btn>
|
|
||||||
<v-btn
|
|
||||||
prepend-icon="mdi-numeric"
|
|
||||||
value="number"
|
|
||||||
>
|
|
||||||
学号模式
|
|
||||||
</v-btn>
|
|
||||||
</v-btn-toggle>
|
</v-btn-toggle>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- 学号范围设置 -->
|
<!-- 学号范围设置 -->
|
||||||
<div
|
<div v-if="pickerMode === 'number'" class="number-range-container mt-4">
|
||||||
v-if="pickerMode === 'number'"
|
<div class="text-subtitle-1 mb-2">学号范围设置</div>
|
||||||
class="number-range-container mt-4"
|
|
||||||
>
|
|
||||||
<div class="text-subtitle-1 mb-2">
|
|
||||||
学号范围设置
|
|
||||||
</div>
|
|
||||||
<div class="d-flex justify-center align-center gap-4">
|
<div class="d-flex justify-center align-center gap-4">
|
||||||
<v-text-field
|
<v-text-field
|
||||||
v-model.number="minNumber"
|
v-model.number="minNumber"
|
||||||
@ -129,10 +98,7 @@
|
|||||||
</v-btn>
|
</v-btn>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div
|
<div v-if="filteredStudents.length === 0" class="mt-4 text-error">
|
||||||
v-if="filteredStudents.length === 0"
|
|
||||||
class="mt-4 text-error"
|
|
||||||
>
|
|
||||||
<template v-if="pickerMode === 'name'">
|
<template v-if="pickerMode === 'name'">
|
||||||
没有可抽取的学生，请调整过滤选项
|
没有可抽取的学生，请调整过滤选项
|
||||||
</template>
|
</template>
|
||||||
@ -143,11 +109,8 @@
|
|||||||
|
|
||||||
<div class="mt-4 text-caption">
|
<div class="mt-4 text-caption">
|
||||||
当前可抽取学生: {{ filteredStudents.length }}人
|
当前可抽取学生: {{ filteredStudents.length }}人
|
||||||
<v-tooltip
|
<v-tooltip v-if="pickerMode === 'name'" location="bottom">
|
||||||
v-if="pickerMode === 'name'"
|
<template v-slot:activator="{ props }">
|
||||||
location="bottom"
|
|
||||||
>
|
|
||||||
<template #activator="{ props }">
|
|
||||||
<v-icon
|
<v-icon
|
||||||
class="ml-1"
|
class="ml-1"
|
||||||
icon="mdi-information-outline"
|
icon="mdi-information-outline"
|
||||||
@ -169,10 +132,7 @@
|
|||||||
</v-tooltip>
|
</v-tooltip>
|
||||||
|
|
||||||
<!-- 添加临时过滤选项 -->
|
<!-- 添加临时过滤选项 -->
|
||||||
<div
|
<div v-if="pickerMode === 'name'" class="d-flex flex-wrap justify-center gap-2 mt-4">
|
||||||
v-if="pickerMode === 'name'"
|
|
||||||
class="d-flex flex-wrap justify-center gap-2 mt-4"
|
|
||||||
>
|
|
||||||
<v-chip
|
<v-chip
|
||||||
:color="tempFilters.excludeLate ? 'warning' : 'default'"
|
:color="tempFilters.excludeLate ? 'warning' : 'default'"
|
||||||
:variant="tempFilters.excludeLate ? 'elevated' : 'text'"
|
:variant="tempFilters.excludeLate ? 'elevated' : 'text'"
|
||||||
@ -205,14 +165,8 @@
|
|||||||
</div>
|
</div>
|
||||||
</v-card-text>
|
</v-card-text>
|
||||||
|
|
||||||
<v-card-text
|
<v-card-text v-else class="text-center py-6">
|
||||||
v-else
|
<div v-if="isAnimating" class="animation-container">
|
||||||
class="text-center py-6"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
v-if="isAnimating"
|
|
||||||
class="animation-container"
|
|
||||||
>
|
|
||||||
<div class="animation-wrapper">
|
<div class="animation-wrapper">
|
||||||
<transition-group
|
<transition-group
|
||||||
class="shuffle-container"
|
class="shuffle-container"
|
||||||
@ -231,13 +185,8 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div
|
<div v-else class="result-container">
|
||||||
v-else
|
<div class="text-h6 mb-4">抽取结果</div>
|
||||||
class="result-container"
|
|
||||||
>
|
|
||||||
<div class="text-h6 mb-4">
|
|
||||||
抽取结果
|
|
||||||
</div>
|
|
||||||
<v-card
|
<v-card
|
||||||
v-for="(student, index) in pickedStudents"
|
v-for="(student, index) in pickedStudents"
|
||||||
:key="index"
|
:key="index"
|
||||||
|
|||||||
@ -1,39 +1,22 @@
|
|||||||
<template>
|
<template>
|
||||||
<v-dialog
|
<v-dialog v-model="isVisible" max-width="500" persistent>
|
||||||
v-model="isVisible"
|
|
||||||
max-width="500"
|
|
||||||
persistent
|
|
||||||
>
|
|
||||||
<v-card class="rate-limit-modal">
|
<v-card class="rate-limit-modal">
|
||||||
<v-card-title class="text-center pa-4 bg-error text-white">
|
<v-card-title class="text-center pa-4 bg-error text-white">
|
||||||
<v-icon
|
<v-icon class="mr-2" icon="mdi-clock-alert-outline" size="large"/>
|
||||||
class="mr-2"
|
|
||||||
icon="mdi-clock-alert-outline"
|
|
||||||
size="large"
|
|
||||||
/>
|
|
||||||
请求频率超限
|
请求频率超限
|
||||||
</v-card-title>
|
</v-card-title>
|
||||||
|
|
||||||
<v-card-text class="pa-6">
|
<v-card-text class="pa-6">
|
||||||
<div class="text-body-1 mb-4">
|
<div class="text-body-1 mb-4">您的请求过于频繁，请稍后再试。</div>
|
||||||
您的请求过于频繁，请稍后再试。
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<v-card
|
<v-card v-if="activeRequests.length > 0" class="mb-4" flat>
|
||||||
v-if="activeRequests.length > 0"
|
|
||||||
class="mb-4"
|
|
||||||
flat
|
|
||||||
>
|
|
||||||
<v-card-text>
|
<v-card-text>
|
||||||
<v-list
|
<v-list
|
||||||
v-for="(request, index) in activeRequests"
|
v-for="(request, index) in activeRequests"
|
||||||
:key="index"
|
:key="index"
|
||||||
class="mb-4"
|
class="mb-4"
|
||||||
>
|
>
|
||||||
<v-list-item
|
<v-list-item color="primary" prepend-icon="mdi-web">
|
||||||
color="primary"
|
|
||||||
prepend-icon="mdi-web"
|
|
||||||
>
|
|
||||||
<v-list-item-title>
|
<v-list-item-title>
|
||||||
等待时间:
|
等待时间:
|
||||||
<span class="text-primary font-weight-bold">{{
|
<span class="text-primary font-weight-bold">{{
|
||||||
@ -44,11 +27,12 @@
|
|||||||
{{ request.method }} {{ request.path }}
|
{{ request.method }} {{ request.path }}
|
||||||
</v-list-item-subtitle>
|
</v-list-item-subtitle>
|
||||||
</v-list-item>
|
</v-list-item>
|
||||||
</v-list>
|
</v-list
|
||||||
|
>
|
||||||
<v-divider
|
<v-divider
|
||||||
v-if="index < activeRequests.length - 1"
|
v-if="index < activeRequests.length - 1"
|
||||||
class="my-3"
|
class="my-3"
|
||||||
/>
|
></v-divider>
|
||||||
</v-card-text>
|
</v-card-text>
|
||||||
</v-card>
|
</v-card>
|
||||||
|
|
||||||
@ -58,14 +42,8 @@
|
|||||||
</v-card-text>
|
</v-card-text>
|
||||||
|
|
||||||
<v-card-actions class="pa-4 pt-0">
|
<v-card-actions class="pa-4 pt-0">
|
||||||
<v-spacer />
|
<v-spacer></v-spacer>
|
||||||
<v-btn
|
<v-btn color="primary" variant="tonal" @click="close"> 我知道了</v-btn>
|
||||||
color="primary"
|
|
||||||
variant="tonal"
|
|
||||||
@click="close"
|
|
||||||
>
|
|
||||||
我知道了
|
|
||||||
</v-btn>
|
|
||||||
</v-card-actions>
|
</v-card-actions>
|
||||||
</v-card>
|
</v-card>
|
||||||
</v-dialog>
|
</v-dialog>
|
||||||
|
|||||||
@ -1,8 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<v-card
|
<v-card class="settings-card rounded-lg" elevation="2">
|
||||||
class="settings-card rounded-lg"
|
|
||||||
elevation="2"
|
|
||||||
>
|
|
||||||
<v-card-item>
|
<v-card-item>
|
||||||
<template #prepend>
|
<template #prepend>
|
||||||
<v-icon
|
<v-icon
|
||||||
@ -11,9 +8,7 @@
|
|||||||
size="large"
|
size="large"
|
||||||
/>
|
/>
|
||||||
</template>
|
</template>
|
||||||
<v-card-title class="text-h6">
|
<v-card-title class="text-h6">{{ title }}</v-card-title>
|
||||||
{{ title }}
|
|
||||||
</v-card-title>
|
|
||||||
</v-card-item>
|
</v-card-item>
|
||||||
|
|
||||||
<v-card-text>
|
<v-card-text>
|
||||||
@ -26,10 +21,7 @@
|
|||||||
<slot/>
|
<slot/>
|
||||||
</v-card-text>
|
</v-card-text>
|
||||||
|
|
||||||
<v-card-actions
|
<v-card-actions v-if="$slots.actions" class="pa-4">
|
||||||
v-if="$slots.actions"
|
|
||||||
class="pa-4"
|
|
||||||
>
|
|
||||||
<slot name="actions"/>
|
<slot name="actions"/>
|
||||||
</v-card-actions>
|
</v-card-actions>
|
||||||
</v-card>
|
</v-card>
|
||||||
|
|||||||
@ -1,16 +1,9 @@
|
|||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<!-- 统一链接生成器卡片 -->
|
<!-- 统一链接生成器卡片 -->
|
||||||
<v-card
|
<v-card border class="unified-link-generator">
|
||||||
border
|
|
||||||
class="unified-link-generator"
|
|
||||||
>
|
|
||||||
<v-card-title class="text-h6">
|
<v-card-title class="text-h6">
|
||||||
<v-icon
|
<v-icon class="mr-2" icon="mdi-link-variant" start/>
|
||||||
class="mr-2"
|
|
||||||
icon="mdi-link-variant"
|
|
||||||
start
|
|
||||||
/>
|
|
||||||
统一链接生成器
|
统一链接生成器
|
||||||
</v-card-title>
|
</v-card-title>
|
||||||
|
|
||||||
@ -20,23 +13,15 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- 预配置认证信息部分 -->
|
<!-- 预配置认证信息部分 -->
|
||||||
<v-card
|
<v-card class="mb-4" variant="tonal">
|
||||||
class="mb-4"
|
|
||||||
variant="tonal"
|
|
||||||
>
|
|
||||||
<v-card-title class="text-subtitle-1">
|
<v-card-title class="text-subtitle-1">
|
||||||
<v-icon start>
|
<v-icon start>mdi-account-key</v-icon>
|
||||||
mdi-account-key
|
|
||||||
</v-icon>
|
|
||||||
预配置认证信息
|
预配置认证信息
|
||||||
</v-card-title>
|
</v-card-title>
|
||||||
|
|
||||||
<v-card-text>
|
<v-card-text>
|
||||||
<v-row>
|
<v-row>
|
||||||
<v-col
|
<v-col cols="12" md="6">
|
||||||
cols="12"
|
|
||||||
md="6"
|
|
||||||
>
|
|
||||||
<v-text-field
|
<v-text-field
|
||||||
v-model="preconfigForm.namespace"
|
v-model="preconfigForm.namespace"
|
||||||
hint="设备的命名空间标识符"
|
hint="设备的命名空间标识符"
|
||||||
@ -47,10 +32,7 @@
|
|||||||
variant="outlined"
|
variant="outlined"
|
||||||
/>
|
/>
|
||||||
</v-col>
|
</v-col>
|
||||||
<v-col
|
<v-col cols="12" md="6">
|
||||||
cols="12"
|
|
||||||
md="6"
|
|
||||||
>
|
|
||||||
<v-text-field
|
<v-text-field
|
||||||
v-model="preconfigForm.authCode"
|
v-model="preconfigForm.authCode"
|
||||||
hint="留空则需要用户手动输入"
|
hint="留空则需要用户手动输入"
|
||||||
@ -82,19 +64,9 @@
|
|||||||
type="info"
|
type="info"
|
||||||
variant="tonal"
|
variant="tonal"
|
||||||
>
|
>
|
||||||
<div class="text-subtitle-2 mb-2">
|
<div class="text-subtitle-2 mb-2">预配置信息：</div>
|
||||||
预配置信息：
|
<v-chip class="mr-2 mb-1" size="small">
|
||||||
</div>
|
<v-icon size="small" start>mdi-identifier</v-icon>
|
||||||
<v-chip
|
|
||||||
class="mr-2 mb-1"
|
|
||||||
size="small"
|
|
||||||
>
|
|
||||||
<v-icon
|
|
||||||
size="small"
|
|
||||||
start
|
|
||||||
>
|
|
||||||
mdi-identifier
|
|
||||||
</v-icon>
|
|
||||||
命名空间: {{ preconfigForm.namespace }}
|
命名空间: {{ preconfigForm.namespace }}
|
||||||
</v-chip>
|
</v-chip>
|
||||||
<v-chip
|
<v-chip
|
||||||
@ -103,27 +75,12 @@
|
|||||||
color="warning"
|
color="warning"
|
||||||
size="small"
|
size="small"
|
||||||
>
|
>
|
||||||
<v-icon
|
<v-icon size="small" start>mdi-lock</v-icon>
|
||||||
size="small"
|
|
||||||
start
|
|
||||||
>
|
|
||||||
mdi-lock
|
|
||||||
</v-icon>
|
|
||||||
认证码: {{ preconfigForm.authCode.length > 8 ? preconfigForm.authCode.substring(0, 8) + "..." :
|
认证码: {{ preconfigForm.authCode.length > 8 ? preconfigForm.authCode.substring(0, 8) + "..." :
|
||||||
preconfigForm.authCode }}
|
preconfigForm.authCode }}
|
||||||
</v-chip>
|
</v-chip>
|
||||||
<v-chip
|
<v-chip v-else class="mr-2 mb-1" color="grey" size="small">
|
||||||
v-else
|
<v-icon size="small" start>mdi-lock-open</v-icon>
|
||||||
class="mr-2 mb-1"
|
|
||||||
color="grey"
|
|
||||||
size="small"
|
|
||||||
>
|
|
||||||
<v-icon
|
|
||||||
size="small"
|
|
||||||
start
|
|
||||||
>
|
|
||||||
mdi-lock-open
|
|
||||||
</v-icon>
|
|
||||||
无认证码
|
无认证码
|
||||||
</v-chip>
|
</v-chip>
|
||||||
<v-chip
|
<v-chip
|
||||||
@ -131,11 +88,7 @@
|
|||||||
class="mr-2 mb-1"
|
class="mr-2 mb-1"
|
||||||
size="small"
|
size="small"
|
||||||
>
|
>
|
||||||
<v-icon
|
<v-icon size="small" start>{{
|
||||||
size="small"
|
|
||||||
start
|
|
||||||
>
|
|
||||||
{{
|
|
||||||
preconfigForm.autoExecute ? "mdi-play-circle" : "mdi-hand-back-left"
|
preconfigForm.autoExecute ? "mdi-play-circle" : "mdi-hand-back-left"
|
||||||
}}
|
}}
|
||||||
</v-icon>
|
</v-icon>
|
||||||
@ -146,14 +99,9 @@
|
|||||||
</v-card>
|
</v-card>
|
||||||
|
|
||||||
<!-- 设置分享部分 -->
|
<!-- 设置分享部分 -->
|
||||||
<v-card
|
<v-card class="mb-4" variant="tonal">
|
||||||
class="mb-4"
|
|
||||||
variant="tonal"
|
|
||||||
>
|
|
||||||
<v-card-title class="text-subtitle-1">
|
<v-card-title class="text-subtitle-1">
|
||||||
<v-icon start>
|
<v-icon start>mdi-cog-transfer</v-icon>
|
||||||
mdi-cog-transfer
|
|
||||||
</v-icon>
|
|
||||||
设置分享（可选）
|
设置分享（可选）
|
||||||
</v-card-title>
|
</v-card-title>
|
||||||
|
|
||||||
@ -204,10 +152,7 @@
|
|||||||
|
|
||||||
<!-- 选择摘要 -->
|
<!-- 选择摘要 -->
|
||||||
<div class="d-flex align-center mb-3 flex-wrap gap-2">
|
<div class="d-flex align-center mb-3 flex-wrap gap-2">
|
||||||
<v-chip
|
<v-chip class="mr-2" color="primary">
|
||||||
class="mr-2"
|
|
||||||
color="primary"
|
|
||||||
>
|
|
||||||
已选 {{ selectedItems.length }} 项设置
|
已选 {{ selectedItems.length }} 项设置
|
||||||
</v-chip>
|
</v-chip>
|
||||||
|
|
||||||
@ -238,9 +183,7 @@
|
|||||||
<v-expansion-panel-title>
|
<v-expansion-panel-title>
|
||||||
<template #default="{ expanded }">
|
<template #default="{ expanded }">
|
||||||
<div class="d-flex align-center">
|
<div class="d-flex align-center">
|
||||||
<v-icon class="mr-2">
|
<v-icon class="mr-2">{{ expanded ? 'mdi-chevron-up' : 'mdi-chevron-down' }}</v-icon>
|
||||||
{{ expanded ? 'mdi-chevron-up' : 'mdi-chevron-down' }}
|
|
||||||
</v-icon>
|
|
||||||
显示设置列表详情
|
显示设置列表详情
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@ -318,14 +261,9 @@
|
|||||||
</v-card>
|
</v-card>
|
||||||
|
|
||||||
<!-- 链接生成和操作部分 -->
|
<!-- 链接生成和操作部分 -->
|
||||||
<v-card
|
<v-card class="mb-4" variant="outlined">
|
||||||
class="mb-4"
|
|
||||||
variant="outlined"
|
|
||||||
>
|
|
||||||
<v-card-title class="text-subtitle-1">
|
<v-card-title class="text-subtitle-1">
|
||||||
<v-icon start>
|
<v-icon start>mdi-link</v-icon>
|
||||||
mdi-link
|
|
||||||
</v-icon>
|
|
||||||
生成的统一链接
|
生成的统一链接
|
||||||
</v-card-title>
|
</v-card-title>
|
||||||
|
|
||||||
@ -379,20 +317,10 @@
|
|||||||
type="success"
|
type="success"
|
||||||
variant="tonal"
|
variant="tonal"
|
||||||
>
|
>
|
||||||
<div class="text-subtitle-2 mb-2">
|
<div class="text-subtitle-2 mb-2">链接包含内容：</div>
|
||||||
链接包含内容：
|
|
||||||
</div>
|
|
||||||
<div class="d-flex flex-wrap gap-1">
|
<div class="d-flex flex-wrap gap-1">
|
||||||
<v-chip
|
<v-chip color="primary" size="small">
|
||||||
color="primary"
|
<v-icon size="small" start>mdi-account-key</v-icon>
|
||||||
size="small"
|
|
||||||
>
|
|
||||||
<v-icon
|
|
||||||
size="small"
|
|
||||||
start
|
|
||||||
>
|
|
||||||
mdi-account-key
|
|
||||||
</v-icon>
|
|
||||||
预配置认证
|
预配置认证
|
||||||
</v-chip>
|
</v-chip>
|
||||||
<v-chip
|
<v-chip
|
||||||
@ -400,25 +328,11 @@
|
|||||||
color="secondary"
|
color="secondary"
|
||||||
size="small"
|
size="small"
|
||||||
>
|
>
|
||||||
<v-icon
|
<v-icon size="small" start>mdi-cog</v-icon>
|
||||||
size="small"
|
|
||||||
start
|
|
||||||
>
|
|
||||||
mdi-cog
|
|
||||||
</v-icon>
|
|
||||||
{{ selectedItems.length }} 项设置
|
{{ selectedItems.length }} 项设置
|
||||||
</v-chip>
|
</v-chip>
|
||||||
<v-chip
|
<v-chip v-else color="grey" size="small">
|
||||||
v-else
|
<v-icon size="small" start>mdi-cog-off</v-icon>
|
||||||
color="grey"
|
|
||||||
size="small"
|
|
||||||
>
|
|
||||||
<v-icon
|
|
||||||
size="small"
|
|
||||||
start
|
|
||||||
>
|
|
||||||
mdi-cog-off
|
|
||||||
</v-icon>
|
|
||||||
无额外设置
|
无额外设置
|
||||||
</v-chip>
|
</v-chip>
|
||||||
</div>
|
</div>
|
||||||
@ -427,13 +341,8 @@
|
|||||||
</v-card>
|
</v-card>
|
||||||
|
|
||||||
<!-- 安全提醒 -->
|
<!-- 安全提醒 -->
|
||||||
<v-alert
|
<v-alert type="warning" variant="tonal">
|
||||||
type="warning"
|
<div class="text-subtitle-2 mb-2">⚠️ 安全提醒</div>
|
||||||
variant="tonal"
|
|
||||||
>
|
|
||||||
<div class="text-subtitle-2 mb-2">
|
|
||||||
⚠️ 安全提醒
|
|
||||||
</div>
|
|
||||||
<ul class="text-body-2 pl-4">
|
<ul class="text-body-2 pl-4">
|
||||||
<li>认证码和设置信息会在URL中传输，请谨慎分发</li>
|
<li>认证码和设置信息会在URL中传输，请谨慎分发</li>
|
||||||
<li>建议仅在受信任的网络环境中使用</li>
|
<li>建议仅在受信任的网络环境中使用</li>
|
||||||
@ -600,45 +509,6 @@ export default {
|
|||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
|
||||||
watch: {
|
|
||||||
// 监听选择变化，自动生成统一链接
|
|
||||||
selectedItems: {
|
|
||||||
handler() {
|
|
||||||
if (this.preconfigForm.namespace.trim()) {
|
|
||||||
this.generateUnifiedLink();
|
|
||||||
}
|
|
||||||
},
|
|
||||||
deep: true,
|
|
||||||
},
|
|
||||||
|
|
||||||
// 监听预配置表单变化，自动生成统一链接
|
|
||||||
"preconfigForm.namespace": {
|
|
||||||
handler() {
|
|
||||||
if (this.preconfigForm.namespace.trim()) {
|
|
||||||
this.generateUnifiedLink();
|
|
||||||
} else {
|
|
||||||
this.unifiedLink = "";
|
|
||||||
}
|
|
||||||
},
|
|
||||||
},
|
|
||||||
|
|
||||||
"preconfigForm.authCode": {
|
|
||||||
handler() {
|
|
||||||
if (this.preconfigForm.namespace.trim()) {
|
|
||||||
this.generateUnifiedLink();
|
|
||||||
}
|
|
||||||
},
|
|
||||||
},
|
|
||||||
|
|
||||||
"preconfigForm.autoExecute": {
|
|
||||||
handler() {
|
|
||||||
if (this.preconfigForm.namespace.trim()) {
|
|
||||||
this.generateUnifiedLink();
|
|
||||||
}
|
|
||||||
},
|
|
||||||
},
|
|
||||||
},
|
|
||||||
|
|
||||||
methods: {
|
methods: {
|
||||||
/**
|
/**
|
||||||
* 处理表格选择变化
|
* 处理表格选择变化
|
||||||
@ -912,5 +782,44 @@ export default {
|
|||||||
this.linkCopied = false;
|
this.linkCopied = false;
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
|
||||||
|
watch: {
|
||||||
|
// 监听选择变化，自动生成统一链接
|
||||||
|
selectedItems: {
|
||||||
|
handler() {
|
||||||
|
if (this.preconfigForm.namespace.trim()) {
|
||||||
|
this.generateUnifiedLink();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
deep: true,
|
||||||
|
},
|
||||||
|
|
||||||
|
// 监听预配置表单变化，自动生成统一链接
|
||||||
|
"preconfigForm.namespace": {
|
||||||
|
handler() {
|
||||||
|
if (this.preconfigForm.namespace.trim()) {
|
||||||
|
this.generateUnifiedLink();
|
||||||
|
} else {
|
||||||
|
this.unifiedLink = "";
|
||||||
|
}
|
||||||
|
},
|
||||||
|
},
|
||||||
|
|
||||||
|
"preconfigForm.authCode": {
|
||||||
|
handler() {
|
||||||
|
if (this.preconfigForm.namespace.trim()) {
|
||||||
|
this.generateUnifiedLink();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
},
|
||||||
|
|
||||||
|
"preconfigForm.autoExecute": {
|
||||||
|
handler() {
|
||||||
|
if (this.preconfigForm.namespace.trim()) {
|
||||||
|
this.generateUnifiedLink();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@ -17,10 +17,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- 发送者信息（使用 Vuetify Card） -->
|
<!-- 发送者信息（使用 Vuetify Card） -->
|
||||||
<v-card
|
<v-card variant="flat" color="white">
|
||||||
variant="flat"
|
|
||||||
color="white"
|
|
||||||
>
|
|
||||||
<v-card-title>发送者信息</v-card-title>
|
<v-card-title>发送者信息</v-card-title>
|
||||||
<v-card-text>
|
<v-card-text>
|
||||||
<v-chip
|
<v-chip
|
||||||
@ -29,12 +26,7 @@
|
|||||||
variant="outlined"
|
variant="outlined"
|
||||||
size="small"
|
size="small"
|
||||||
>
|
>
|
||||||
<v-icon
|
<v-icon left size="16"> mdi-account </v-icon>
|
||||||
left
|
|
||||||
size="16"
|
|
||||||
>
|
|
||||||
mdi-account
|
|
||||||
</v-icon>
|
|
||||||
{{ senderName }}
|
{{ senderName }}
|
||||||
</v-chip>
|
</v-chip>
|
||||||
<v-chip
|
<v-chip
|
||||||
@ -43,12 +35,7 @@
|
|||||||
variant="outlined"
|
variant="outlined"
|
||||||
size="small"
|
size="small"
|
||||||
>
|
>
|
||||||
<v-icon
|
<v-icon left size="16"> mdi-devices </v-icon>
|
||||||
left
|
|
||||||
size="16"
|
|
||||||
>
|
|
||||||
mdi-devices
|
|
||||||
</v-icon>
|
|
||||||
{{ deviceType }}
|
{{ deviceType }}
|
||||||
</v-chip>
|
</v-chip>
|
||||||
<v-chip
|
<v-chip
|
||||||
@ -57,33 +44,18 @@
|
|||||||
variant="outlined"
|
variant="outlined"
|
||||||
size="small"
|
size="small"
|
||||||
>
|
>
|
||||||
<v-icon
|
<v-icon left size="16"> mdi-clock </v-icon>
|
||||||
left
|
|
||||||
size="16"
|
|
||||||
>
|
|
||||||
mdi-clock
|
|
||||||
</v-icon>
|
|
||||||
{{ formatTime(currentNotification?.timestamp) }}
|
{{ formatTime(currentNotification?.timestamp) }}
|
||||||
</v-chip>
|
</v-chip>
|
||||||
</v-card-text>
|
</v-card-text>
|
||||||
</v-card>
|
</v-card>
|
||||||
|
|
||||||
<!-- 多通知导航 -->
|
<!-- 多通知导航 -->
|
||||||
<div
|
<div v-if="hasMultipleNotifications" class="navigation-controls mt-6">
|
||||||
v-if="hasMultipleNotifications"
|
<v-card variant="flat" color="rgba(255,255,255,0.1)">
|
||||||
class="navigation-controls mt-6"
|
|
||||||
>
|
|
||||||
<v-card
|
|
||||||
variant="flat"
|
|
||||||
color="rgba(255,255,255,0.1)"
|
|
||||||
>
|
|
||||||
<v-card-text class="text-center">
|
<v-card-text class="text-center">
|
||||||
<div class="notification-counter mb-3">
|
<div class="notification-counter mb-3">
|
||||||
<v-chip
|
<v-chip color="white" variant="flat" size="small">
|
||||||
color="white"
|
|
||||||
variant="flat"
|
|
||||||
size="small"
|
|
||||||
>
|
|
||||||
{{ notificationCountText }}
|
{{ notificationCountText }}
|
||||||
</v-chip>
|
</v-chip>
|
||||||
</div>
|
</div>
|
||||||
@ -116,15 +88,8 @@
|
|||||||
|
|
||||||
<!-- 操作按钮 -->
|
<!-- 操作按钮 -->
|
||||||
<div class="mt-8">
|
<div class="mt-8">
|
||||||
<v-btn
|
<v-btn color="white" size="large" variant="flat" @click="close">
|
||||||
color="white"
|
<v-icon left> mdi-check </v-icon>
|
||||||
size="large"
|
|
||||||
variant="flat"
|
|
||||||
@click="close"
|
|
||||||
>
|
|
||||||
<v-icon left>
|
|
||||||
mdi-check
|
|
||||||
</v-icon>
|
|
||||||
我知道了
|
我知道了
|
||||||
</v-btn>
|
</v-btn>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -28,6 +28,8 @@
|
|||||||
<v-row>
|
<v-row>
|
||||||
<v-col cols="12">
|
<v-col cols="12">
|
||||||
<v-card>
|
<v-card>
|
||||||
|
|
||||||
|
|
||||||
<v-card-text>
|
<v-card-text>
|
||||||
<v-form>
|
<v-form>
|
||||||
<v-row>
|
<v-row>
|
||||||
@ -40,14 +42,15 @@
|
|||||||
label="强调通知"
|
label="强调通知"
|
||||||
color="red"
|
color="red"
|
||||||
inset
|
inset
|
||||||
/>
|
>
|
||||||
|
</v-switch>
|
||||||
<v-checkbox
|
<v-checkbox
|
||||||
v-model="notificationForm.isPersistent"
|
v-model="notificationForm.isPersistent"
|
||||||
label="常驻展示"
|
label="常驻展示"
|
||||||
color="primary"
|
color="primary"
|
||||||
hide-details
|
hide-details
|
||||||
class="mt-0"
|
class="mt-0"
|
||||||
/>
|
></v-checkbox>
|
||||||
</v-col>
|
</v-col>
|
||||||
<v-col cols="12">
|
<v-col cols="12">
|
||||||
<v-textarea
|
<v-textarea
|
||||||
@ -78,6 +81,8 @@
|
|||||||
</v-btn>
|
</v-btn>
|
||||||
|
|
||||||
<v-spacer />
|
<v-spacer />
|
||||||
|
|
||||||
|
|
||||||
</v-card-actions>
|
</v-card-actions>
|
||||||
</v-card>
|
</v-card>
|
||||||
</v-col>
|
</v-col>
|
||||||
@ -88,16 +93,11 @@
|
|||||||
<v-col cols="12">
|
<v-col cols="12">
|
||||||
<v-card>
|
<v-card>
|
||||||
<v-card-title>
|
<v-card-title>
|
||||||
<v-icon class="mr-2">
|
<v-icon class="mr-2">mdi-pin</v-icon>
|
||||||
mdi-pin
|
|
||||||
</v-icon>
|
|
||||||
常驻通知管理
|
常驻通知管理
|
||||||
</v-card-title>
|
</v-card-title>
|
||||||
<v-card-text>
|
<v-card-text>
|
||||||
<div
|
<div v-if="persistentNotifications.length === 0" class="text-center text-grey py-4">
|
||||||
v-if="persistentNotifications.length === 0"
|
|
||||||
class="text-center text-grey py-4"
|
|
||||||
>
|
|
||||||
暂无常驻通知
|
暂无常驻通知
|
||||||
</div>
|
</div>
|
||||||
<v-list v-else>
|
<v-list v-else>
|
||||||
@ -108,25 +108,14 @@
|
|||||||
:subtitle="formatTime(item.timestamp)"
|
:subtitle="formatTime(item.timestamp)"
|
||||||
lines="two"
|
lines="two"
|
||||||
>
|
>
|
||||||
<template #prepend>
|
<template v-slot:prepend>
|
||||||
<v-icon :color="item.isUrgent ? 'error' : 'primary'">
|
<v-icon :color="item.isUrgent ? 'error' : 'primary'">
|
||||||
{{ item.isUrgent ? 'mdi-alert-circle' : 'mdi-information' }}
|
{{ item.isUrgent ? 'mdi-alert-circle' : 'mdi-information' }}
|
||||||
</v-icon>
|
</v-icon>
|
||||||
</template>
|
</template>
|
||||||
<template #append>
|
<template v-slot:append>
|
||||||
<v-btn
|
<v-btn icon="mdi-pencil" variant="text" size="small" @click="openEditDialog(item)"></v-btn>
|
||||||
icon="mdi-pencil"
|
<v-btn icon="mdi-delete" variant="text" color="error" size="small" @click="deletePersistentNotification(item.id)"></v-btn>
|
||||||
variant="text"
|
|
||||||
size="small"
|
|
||||||
@click="openEditDialog(item)"
|
|
||||||
/>
|
|
||||||
<v-btn
|
|
||||||
icon="mdi-delete"
|
|
||||||
variant="text"
|
|
||||||
color="error"
|
|
||||||
size="small"
|
|
||||||
@click="deletePersistentNotification(item.id)"
|
|
||||||
/>
|
|
||||||
</template>
|
</template>
|
||||||
</v-list-item>
|
</v-list-item>
|
||||||
</v-list>
|
</v-list>
|
||||||
@ -212,14 +201,17 @@
|
|||||||
>
|
>
|
||||||
<v-card-text class="pa-2">
|
<v-card-text class="pa-2">
|
||||||
<div class="align-center">
|
<div class="align-center">
|
||||||
|
|
||||||
<span class="text-body-2 font-weight-medium">{{ device.deviceName }} </span>
|
<span class="text-body-2 font-weight-medium">{{ device.deviceName }} </span>
|
||||||
<br>
|
<br/>
|
||||||
|
|
||||||
{{ device.deviceType }}
|
{{ device.deviceType }}
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="text-caption mt-1">
|
<div class="text-caption mt-1">
|
||||||
已读于 {{ formatDeviceTime(device.timestamp) }}
|
已读于 {{ formatDeviceTime(device.timestamp) }}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</v-card-text>
|
</v-card-text>
|
||||||
</v-card>
|
</v-card>
|
||||||
|
|
||||||
@ -234,6 +226,7 @@
|
|||||||
>
|
>
|
||||||
<v-card-text class="pa-2">
|
<v-card-text class="pa-2">
|
||||||
<div class="align-center">
|
<div class="align-center">
|
||||||
|
|
||||||
<span class="text-body-2 font-weight-medium">{{ device.deviceName }}</span>
|
<span class="text-body-2 font-weight-medium">{{ device.deviceName }}</span>
|
||||||
<v-spacer />
|
<v-spacer />
|
||||||
<span class="text-caption text-grey">
|
<span class="text-caption text-grey">
|
||||||
@ -245,9 +238,9 @@
|
|||||||
</div>
|
</div>
|
||||||
</v-card-text>
|
</v-card-text>
|
||||||
</v-card>
|
</v-card>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div v-else>
|
<div v-else> <v-card
|
||||||
<v-card
|
|
||||||
|
|
||||||
color="info-lighten-4"
|
color="info-lighten-4"
|
||||||
variant="outlined"
|
variant="outlined"
|
||||||
@ -258,8 +251,7 @@
|
|||||||
<v-card-text>
|
<v-card-text>
|
||||||
如果数秒后任然显示这个提示，则可能没有任何设备在线接收通知。
|
如果数秒后任然显示这个提示，则可能没有任何设备在线接收通知。
|
||||||
</v-card-text>
|
</v-card-text>
|
||||||
</v-card>
|
</v-card></div>
|
||||||
</div>
|
|
||||||
</v-col>
|
</v-col>
|
||||||
</v-row>
|
</v-row>
|
||||||
</v-card-text>
|
</v-card-text>
|
||||||
@ -274,22 +266,12 @@
|
|||||||
<EventSender ref="eventSender" />
|
<EventSender ref="eventSender" />
|
||||||
|
|
||||||
<!-- 编辑常驻通知对话框 -->
|
<!-- 编辑常驻通知对话框 -->
|
||||||
<v-dialog
|
<v-dialog v-model="editDialog" max-width="500" :fullscreen="$vuetify.display.xs">
|
||||||
v-model="editDialog"
|
|
||||||
max-width="500"
|
|
||||||
:fullscreen="$vuetify.display.xs"
|
|
||||||
>
|
|
||||||
<v-card>
|
<v-card>
|
||||||
<v-toolbar
|
<v-toolbar flat density="compact">
|
||||||
flat
|
|
||||||
density="compact"
|
|
||||||
>
|
|
||||||
<v-toolbar-title>编辑常驻通知</v-toolbar-title>
|
<v-toolbar-title>编辑常驻通知</v-toolbar-title>
|
||||||
<v-spacer />
|
<v-spacer></v-spacer>
|
||||||
<v-btn
|
<v-btn icon="mdi-close" @click="editDialog = false"></v-btn>
|
||||||
icon="mdi-close"
|
|
||||||
@click="editDialog = false"
|
|
||||||
/>
|
|
||||||
</v-toolbar>
|
</v-toolbar>
|
||||||
<v-card-text>
|
<v-card-text>
|
||||||
<v-form>
|
<v-form>
|
||||||
@ -298,66 +280,38 @@
|
|||||||
label="通知内容"
|
label="通知内容"
|
||||||
rows="3"
|
rows="3"
|
||||||
auto-grow
|
auto-grow
|
||||||
/>
|
></v-textarea>
|
||||||
<v-switch
|
<v-switch
|
||||||
v-model="editForm.isUrgent"
|
v-model="editForm.isUrgent"
|
||||||
label="强调通知"
|
label="强调通知"
|
||||||
color="error"
|
color="error"
|
||||||
hide-details
|
hide-details
|
||||||
/>
|
></v-switch>
|
||||||
<v-checkbox
|
<v-checkbox
|
||||||
v-model="editForm.resend"
|
v-model="editForm.resend"
|
||||||
label="保存并重新发送通知"
|
label="保存并重新发送通知"
|
||||||
hint="勾选后将作为新通知发送给所有在线设备"
|
hint="勾选后将作为新通知发送给所有在线设备"
|
||||||
persistent-hint
|
persistent-hint
|
||||||
/>
|
></v-checkbox>
|
||||||
</v-form>
|
</v-form>
|
||||||
</v-card-text>
|
</v-card-text>
|
||||||
<v-card-actions>
|
<v-card-actions>
|
||||||
<v-spacer />
|
<v-spacer></v-spacer>
|
||||||
<v-btn
|
<v-btn variant="text" @click="editDialog = false">取消</v-btn>
|
||||||
variant="text"
|
<v-btn color="primary" :loading="savingEdit" @click="saveEdit">保存</v-btn>
|
||||||
@click="editDialog = false"
|
|
||||||
>
|
|
||||||
取消
|
|
||||||
</v-btn>
|
|
||||||
<v-btn
|
|
||||||
color="primary"
|
|
||||||
:loading="savingEdit"
|
|
||||||
@click="saveEdit"
|
|
||||||
>
|
|
||||||
保存
|
|
||||||
</v-btn>
|
|
||||||
</v-card-actions>
|
</v-card-actions>
|
||||||
</v-card>
|
</v-card>
|
||||||
</v-dialog>
|
</v-dialog>
|
||||||
|
|
||||||
<!-- 删除确认对话框 -->
|
<!-- 删除确认对话框 -->
|
||||||
<v-dialog
|
<v-dialog v-model="deleteConfirmDialog" max-width="400">
|
||||||
v-model="deleteConfirmDialog"
|
|
||||||
max-width="400"
|
|
||||||
>
|
|
||||||
<v-card>
|
<v-card>
|
||||||
<v-card-title class="text-h5">
|
<v-card-title class="text-h5">确认删除</v-card-title>
|
||||||
确认删除
|
|
||||||
</v-card-title>
|
|
||||||
<v-card-text>确定要删除这条常驻通知吗？此操作无法撤销。</v-card-text>
|
<v-card-text>确定要删除这条常驻通知吗？此操作无法撤销。</v-card-text>
|
||||||
<v-card-actions>
|
<v-card-actions>
|
||||||
<v-spacer />
|
<v-spacer></v-spacer>
|
||||||
<v-btn
|
<v-btn color="grey-darken-1" variant="text" @click="deleteConfirmDialog = false">取消</v-btn>
|
||||||
color="grey-darken-1"
|
<v-btn color="error" variant="text" @click="executeDelete">删除</v-btn>
|
||||||
variant="text"
|
|
||||||
@click="deleteConfirmDialog = false"
|
|
||||||
>
|
|
||||||
取消
|
|
||||||
</v-btn>
|
|
||||||
<v-btn
|
|
||||||
color="error"
|
|
||||||
variant="text"
|
|
||||||
@click="executeDelete"
|
|
||||||
>
|
|
||||||
删除
|
|
||||||
</v-btn>
|
|
||||||
</v-card-actions>
|
</v-card-actions>
|
||||||
</v-card>
|
</v-card>
|
||||||
</v-dialog>
|
</v-dialog>
|
||||||
|
|||||||
@ -8,35 +8,19 @@
|
|||||||
>
|
>
|
||||||
<v-card>
|
<v-card>
|
||||||
<v-card-title class="d-flex align-center">
|
<v-card-title class="d-flex align-center">
|
||||||
<v-icon
|
<v-icon class="mr-2" icon="mdi-account-group" />
|
||||||
class="mr-2"
|
|
||||||
icon="mdi-account-group"
|
|
||||||
/>
|
|
||||||
出勤状态管理
|
出勤状态管理
|
||||||
<v-spacer />
|
<v-spacer />
|
||||||
<v-chip
|
<v-chip v-if="!isMobile" class="ml-2" color="primary" size="small">
|
||||||
v-if="!isMobile"
|
|
||||||
class="ml-2"
|
|
||||||
color="primary"
|
|
||||||
size="small"
|
|
||||||
>
|
|
||||||
{{ dateString }}
|
{{ dateString }}
|
||||||
</v-chip>
|
</v-chip>
|
||||||
<v-btn
|
<v-btn v-if="isMobile" icon="mdi-close" variant="text" @click="$emit('update:modelValue', false)" />
|
||||||
v-if="isMobile"
|
|
||||||
icon="mdi-close"
|
|
||||||
variant="text"
|
|
||||||
@click="$emit('update:modelValue', false)"
|
|
||||||
/>
|
|
||||||
</v-card-title>
|
</v-card-title>
|
||||||
|
|
||||||
<v-card-text>
|
<v-card-text>
|
||||||
<!-- 批量操作和搜索 -->
|
<!-- 批量操作和搜索 -->
|
||||||
<v-row class="mb-4">
|
<v-row class="mb-4">
|
||||||
<v-col
|
<v-col cols="12" md="12">
|
||||||
cols="12"
|
|
||||||
md="12"
|
|
||||||
>
|
|
||||||
<v-text-field
|
<v-text-field
|
||||||
v-model="attendanceSearch"
|
v-model="attendanceSearch"
|
||||||
clearable
|
clearable
|
||||||
@ -144,10 +128,7 @@
|
|||||||
md="6"
|
md="6"
|
||||||
sm="6"
|
sm="6"
|
||||||
>
|
>
|
||||||
<v-card
|
<v-card border class="student-card">
|
||||||
border
|
|
||||||
class="student-card"
|
|
||||||
>
|
|
||||||
<v-card-text class="d-flex align-center pa-2">
|
<v-card-text class="d-flex align-center pa-2">
|
||||||
<div class="flex-grow-1">
|
<div class="flex-grow-1">
|
||||||
<div class="d-flex align-center">
|
<div class="d-flex align-center">
|
||||||
@ -156,13 +137,11 @@
|
|||||||
class="mr-2"
|
class="mr-2"
|
||||||
size="24"
|
size="24"
|
||||||
>
|
>
|
||||||
<v-icon size="small">
|
<v-icon size="small"
|
||||||
{{ getStudentStatusIcon(student) }}
|
>{{ getStudentStatusIcon(student) }}
|
||||||
</v-icon>
|
</v-icon>
|
||||||
</v-avatar>
|
</v-avatar>
|
||||||
<div class="text-subtitle-1">
|
<div class="text-subtitle-1">{{ student }}</div>
|
||||||
{{ student }}
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="attendance-actions">
|
<div class="attendance-actions">
|
||||||
@ -204,19 +183,10 @@
|
|||||||
</v-col>
|
</v-col>
|
||||||
</v-row>
|
</v-row>
|
||||||
<v-row>
|
<v-row>
|
||||||
<v-col
|
<v-col cols="12" md="12">
|
||||||
cols="12"
|
<v-card class="mb-4" color="primary" variant="tonal">
|
||||||
md="12"
|
|
||||||
>
|
|
||||||
<v-card
|
|
||||||
class="mb-4"
|
|
||||||
color="primary"
|
|
||||||
variant="tonal"
|
|
||||||
>
|
|
||||||
<v-card-text>
|
<v-card-text>
|
||||||
<div class="text-subtitle-2 mb-2">
|
<div class="text-subtitle-2 mb-2">批量操作</div>
|
||||||
批量操作
|
|
||||||
</div>
|
|
||||||
<div class="d-flex flex-wrap gap-2">
|
<div class="d-flex flex-wrap gap-2">
|
||||||
<v-btn
|
<v-btn
|
||||||
class="flex-grow-1"
|
class="flex-grow-1"
|
||||||
@ -262,13 +232,8 @@
|
|||||||
<v-card-actions>
|
<v-card-actions>
|
||||||
<v-spacer />
|
<v-spacer />
|
||||||
|
|
||||||
<v-btn
|
<v-btn color="primary" @click="$emit('save')">
|
||||||
color="primary"
|
<v-icon start>mdi-content-save</v-icon>
|
||||||
@click="$emit('save')"
|
|
||||||
>
|
|
||||||
<v-icon start>
|
|
||||||
mdi-content-save
|
|
||||||
</v-icon>
|
|
||||||
保存
|
保存
|
||||||
</v-btn>
|
</v-btn>
|
||||||
</v-card-actions>
|
</v-card-actions>
|
||||||
|
|||||||
@ -45,7 +45,8 @@
|
|||||||
:key="'absent-' + index"
|
:key="'absent-' + index"
|
||||||
class="gray-text"
|
class="gray-text"
|
||||||
>
|
>
|
||||||
<span v-if="display.lgAndUp.value">{{ `${index + 1}. ` }}</span><span style="white-space: nowrap">{{ name }}</span>
|
<span v-if="display.lgAndUp.value">{{ `${index + 1}. ` }}</span
|
||||||
|
><span style="white-space: nowrap">{{ name }}</span>
|
||||||
</h3>
|
</h3>
|
||||||
<h2>
|
<h2>
|
||||||
<span style="white-space: nowrap">迟到</span>
|
<span style="white-space: nowrap">迟到</span>
|
||||||
@ -59,7 +60,8 @@
|
|||||||
:key="'late-' + index"
|
:key="'late-' + index"
|
||||||
class="gray-text"
|
class="gray-text"
|
||||||
>
|
>
|
||||||
<span v-if="display.lgAndUp.value">{{ `${index + 1}. ` }}</span><span style="white-space: nowrap">{{ name }}</span>
|
<span v-if="display.lgAndUp.value">{{ `${index + 1}. ` }}</span
|
||||||
|
><span style="white-space: nowrap">{{ name }}</span>
|
||||||
</h3>
|
</h3>
|
||||||
<h2>
|
<h2>
|
||||||
<span style="white-space: nowrap">不参与</span>
|
<span style="white-space: nowrap">不参与</span>
|
||||||
@ -73,7 +75,8 @@
|
|||||||
:key="'exclude-' + index"
|
:key="'exclude-' + index"
|
||||||
class="gray-text"
|
class="gray-text"
|
||||||
>
|
>
|
||||||
<span v-if="display.lgAndUp.value">{{ `${index + 1}. ` }}</span><span style="white-space: nowrap">{{ name }}</span>
|
<span v-if="display.lgAndUp.value">{{ `${index + 1}. ` }}</span
|
||||||
|
><span style="white-space: nowrap">{{ name }}</span>
|
||||||
</h3>
|
</h3>
|
||||||
</v-col>
|
</v-col>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
@ -41,7 +41,9 @@
|
|||||||
label="命名空间"
|
label="命名空间"
|
||||||
prepend-inner-icon="mdi-identifier"
|
prepend-inner-icon="mdi-identifier"
|
||||||
variant="outlined"
|
variant="outlined"
|
||||||
/>
|
>
|
||||||
|
|
||||||
|
</v-text-field>
|
||||||
|
|
||||||
<v-text-field
|
<v-text-field
|
||||||
v-model="form.password"
|
v-model="form.password"
|
||||||
@ -49,7 +51,9 @@
|
|||||||
prepend-inner-icon="mdi-lock-outline"
|
prepend-inner-icon="mdi-lock-outline"
|
||||||
type="text"
|
type="text"
|
||||||
variant="outlined"
|
variant="outlined"
|
||||||
/>
|
>
|
||||||
|
|
||||||
|
</v-text-field>
|
||||||
|
|
||||||
<v-alert
|
<v-alert
|
||||||
v-if="error"
|
v-if="error"
|
||||||
|
|||||||
@ -139,6 +139,8 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</v-card>
|
</v-card>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- 步骤 3: 询问使用场景 -->
|
<!-- 步骤 3: 询问使用场景 -->
|
||||||
|
|||||||
@ -1,23 +1,12 @@
|
|||||||
<template>
|
<template>
|
||||||
<v-container class="fill-height">
|
<v-container class="fill-height">
|
||||||
<v-responsive
|
<v-responsive class="align-centerfill-height mx-auto" max-width="900">
|
||||||
class="align-centerfill-height mx-auto"
|
<v-img class="mb-4" height="150" src="@/assets/logo.svg"/>
|
||||||
max-width="900"
|
|
||||||
>
|
|
||||||
<v-img
|
|
||||||
class="mb-4"
|
|
||||||
height="150"
|
|
||||||
src="@/assets/logo.svg"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<div class="text-center">
|
<div class="text-center">
|
||||||
<div class="text-body-2 font-weight-light mb-n1">
|
<div class="text-body-2 font-weight-light mb-n1">出现了错误</div>
|
||||||
出现了错误
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h1 class="text-h2 font-weight-bold">
|
<h1 class="text-h2 font-weight-bold">404</h1>
|
||||||
404
|
|
||||||
</h1>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="py-4"/>
|
<div class="py-4"/>
|
||||||
@ -36,15 +25,11 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<template #title>
|
<template #title>
|
||||||
<h2 class="text-h5 font-weight-bold">
|
<h2 class="text-h5 font-weight-bold">为什么会出现此错误？</h2>
|
||||||
为什么会出现此错误？
|
|
||||||
</h2>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<template #subtitle>
|
<template #subtitle>
|
||||||
<div class="text-subtitle-1">
|
<div class="text-subtitle-1">大概是页面未找到</div>
|
||||||
大概是页面未找到
|
|
||||||
</div>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<v-overlay
|
<v-overlay
|
||||||
@ -85,7 +70,7 @@
|
|||||||
rounded="lg"
|
rounded="lg"
|
||||||
title="返回上一页"
|
title="返回上一页"
|
||||||
variant="text"
|
variant="text"
|
||||||
@click="$router.back()"
|
@click="this.$router.back()"
|
||||||
>
|
>
|
||||||
<v-overlay
|
<v-overlay
|
||||||
contained
|
contained
|
||||||
|
|||||||
@ -10,12 +10,7 @@
|
|||||||
>
|
>
|
||||||
上传
|
上传
|
||||||
</v-btn>
|
</v-btn>
|
||||||
<v-btn
|
<v-btn v-else color="success" size="large" @click="$emit('show-sync-message')">
|
||||||
v-else
|
|
||||||
color="success"
|
|
||||||
size="large"
|
|
||||||
@click="$emit('show-sync-message')"
|
|
||||||
>
|
|
||||||
同步完成
|
同步完成
|
||||||
</v-btn>
|
</v-btn>
|
||||||
<v-btn
|
<v-btn
|
||||||
@ -81,11 +76,7 @@
|
|||||||
variant="tonal"
|
variant="tonal"
|
||||||
>
|
>
|
||||||
<v-card-title class="text-subtitle-1">
|
<v-card-title class="text-subtitle-1">
|
||||||
<v-icon
|
<v-icon icon="mdi-shield-check" size="small" start />
|
||||||
icon="mdi-shield-check"
|
|
||||||
size="small"
|
|
||||||
start
|
|
||||||
/>
|
|
||||||
屏幕保护技术已启用
|
屏幕保护技术已启用
|
||||||
</v-card-title>
|
</v-card-title>
|
||||||
<v-card-text class="text-body-2">
|
<v-card-text class="text-body-2">
|
||||||
|
|||||||
@ -1,8 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<div
|
<div ref="gridContainer" class="grid-masonry">
|
||||||
ref="gridContainer"
|
|
||||||
class="grid-masonry"
|
|
||||||
>
|
|
||||||
<TransitionGroup name="grid">
|
<TransitionGroup name="grid">
|
||||||
<div
|
<div
|
||||||
v-for="item in sortedItems"
|
v-for="item in sortedItems"
|
||||||
@ -25,11 +22,7 @@
|
|||||||
@touchmove="handleTouchMove"
|
@touchmove="handleTouchMove"
|
||||||
>
|
>
|
||||||
<v-card-title class="d-flex align-center">
|
<v-card-title class="d-flex align-center">
|
||||||
<v-icon
|
<v-icon class="mr-2" color="primary" icon="mdi-account-group" />
|
||||||
class="mr-2"
|
|
||||||
color="primary"
|
|
||||||
icon="mdi-account-group"
|
|
||||||
/>
|
|
||||||
出勤统计
|
出勤统计
|
||||||
</v-card-title>
|
</v-card-title>
|
||||||
<v-card-text>
|
<v-card-text>
|
||||||
@ -46,70 +39,28 @@
|
|||||||
</div>
|
</div>
|
||||||
<v-divider class="mb-2" />
|
<v-divider class="mb-2" />
|
||||||
|
|
||||||
<div
|
<div v-if="item.data.absent.length > 0" class="mb-2">
|
||||||
v-if="item.data.absent.length > 0"
|
<div class="text-error text-caption mb-1">请假 ({{ item.data.absent.length }})</div>
|
||||||
class="mb-2"
|
<div class="d-flex flex-wrap" style="gap: 4px">
|
||||||
>
|
<v-chip v-for="name in item.data.absent" :key="name" color="error" size="x-small" variant="flat">
|
||||||
<div class="text-error text-caption mb-1">
|
|
||||||
请假 ({{ item.data.absent.length }})
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="d-flex flex-wrap"
|
|
||||||
style="gap: 4px"
|
|
||||||
>
|
|
||||||
<v-chip
|
|
||||||
v-for="name in item.data.absent"
|
|
||||||
:key="name"
|
|
||||||
color="error"
|
|
||||||
size="x-small"
|
|
||||||
variant="flat"
|
|
||||||
>
|
|
||||||
{{ name }}
|
{{ name }}
|
||||||
</v-chip>
|
</v-chip>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div
|
<div v-if="item.data.late.length > 0" class="mb-2">
|
||||||
v-if="item.data.late.length > 0"
|
<div class="text-warning text-caption mb-1">迟到 ({{ item.data.late.length }})</div>
|
||||||
class="mb-2"
|
<div class="d-flex flex-wrap" style="gap: 4px">
|
||||||
>
|
<v-chip v-for="name in item.data.late" :key="name" color="warning" size="x-small" variant="flat">
|
||||||
<div class="text-warning text-caption mb-1">
|
|
||||||
迟到 ({{ item.data.late.length }})
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="d-flex flex-wrap"
|
|
||||||
style="gap: 4px"
|
|
||||||
>
|
|
||||||
<v-chip
|
|
||||||
v-for="name in item.data.late"
|
|
||||||
:key="name"
|
|
||||||
color="warning"
|
|
||||||
size="x-small"
|
|
||||||
variant="flat"
|
|
||||||
>
|
|
||||||
{{ name }}
|
{{ name }}
|
||||||
</v-chip>
|
</v-chip>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div
|
<div v-if="item.data.exclude.length > 0" class="mb-2">
|
||||||
v-if="item.data.exclude.length > 0"
|
<div class="text-grey text-caption mb-1">不参与 ({{ item.data.exclude.length }})</div>
|
||||||
class="mb-2"
|
<div class="d-flex flex-wrap" style="gap: 4px">
|
||||||
>
|
<v-chip v-for="name in item.data.exclude" :key="name" color="grey" size="x-small" variant="flat">
|
||||||
<div class="text-grey text-caption mb-1">
|
|
||||||
不参与 ({{ item.data.exclude.length }})
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="d-flex flex-wrap"
|
|
||||||
style="gap: 4px"
|
|
||||||
>
|
|
||||||
<v-chip
|
|
||||||
v-for="name in item.data.exclude"
|
|
||||||
:key="name"
|
|
||||||
color="grey"
|
|
||||||
size="x-small"
|
|
||||||
variant="flat"
|
|
||||||
>
|
|
||||||
{{ name }}
|
{{ name }}
|
||||||
</v-chip>
|
</v-chip>
|
||||||
</div>
|
</div>
|
||||||
@ -140,11 +91,7 @@
|
|||||||
@touchmove="handleTouchMove"
|
@touchmove="handleTouchMove"
|
||||||
>
|
>
|
||||||
<v-card-title class="text-primary">
|
<v-card-title class="text-primary">
|
||||||
<v-icon
|
<v-icon class="mr-2" icon="mdi-card-text-outline" size="small" />
|
||||||
class="mr-2"
|
|
||||||
icon="mdi-card-text-outline"
|
|
||||||
size="small"
|
|
||||||
/>
|
|
||||||
{{ item.name }}
|
{{ item.name }}
|
||||||
</v-card-title>
|
</v-card-title>
|
||||||
<v-card-text :style="contentStyle">
|
<v-card-text :style="contentStyle">
|
||||||
@ -182,10 +129,7 @@
|
|||||||
<!-- 单独显示空科目 -->
|
<!-- 单独显示空科目 -->
|
||||||
<div class="empty-subjects mt-4">
|
<div class="empty-subjects mt-4">
|
||||||
<!-- 移动端优化视图 -->
|
<!-- 移动端优化视图 -->
|
||||||
<div
|
<div v-if="isMobile" class="d-flex flex-wrap justify-center">
|
||||||
v-if="isMobile"
|
|
||||||
class="d-flex flex-wrap justify-center"
|
|
||||||
>
|
|
||||||
<v-chip
|
<v-chip
|
||||||
v-for="subject in unusedSubjects"
|
v-for="subject in unusedSubjects"
|
||||||
:key="subject.name"
|
:key="subject.name"
|
||||||
@ -194,37 +138,24 @@
|
|||||||
variant="tonal"
|
variant="tonal"
|
||||||
@click="handleCardClick('dialog', subject.name)"
|
@click="handleCardClick('dialog', subject.name)"
|
||||||
>
|
>
|
||||||
<v-icon
|
<v-icon start size="small">mdi-plus</v-icon>
|
||||||
start
|
|
||||||
size="small"
|
|
||||||
>
|
|
||||||
mdi-plus
|
|
||||||
</v-icon>
|
|
||||||
{{ subject.name }}
|
{{ subject.name }}
|
||||||
</v-chip>
|
</v-chip>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<template v-else-if="emptySubjectDisplay === 'button'">
|
<template v-else-if="emptySubjectDisplay === 'button'">
|
||||||
<v-btn-group
|
<v-btn-group divided variant="tonal">
|
||||||
divided
|
|
||||||
variant="tonal"
|
|
||||||
>
|
|
||||||
<v-btn
|
<v-btn
|
||||||
v-for="subject in unusedSubjects"
|
v-for="subject in unusedSubjects"
|
||||||
:key="subject.name"
|
:key="subject.name"
|
||||||
@click="handleCardClick('dialog', subject.name)"
|
@click="handleCardClick('dialog', subject.name)"
|
||||||
>
|
>
|
||||||
<v-icon start>
|
<v-icon start> mdi-plus</v-icon>
|
||||||
mdi-plus
|
|
||||||
</v-icon>
|
|
||||||
{{ subject.name }}
|
{{ subject.name }}
|
||||||
</v-btn>
|
</v-btn>
|
||||||
</v-btn-group>
|
</v-btn-group>
|
||||||
</template>
|
</template>
|
||||||
<div
|
<div v-else class="empty-subjects-grid">
|
||||||
v-else
|
|
||||||
class="empty-subjects-grid"
|
|
||||||
>
|
|
||||||
<TransitionGroup name="v-list">
|
<TransitionGroup name="v-list">
|
||||||
<v-card
|
<v-card
|
||||||
v-for="subject in unusedSubjects"
|
v-for="subject in unusedSubjects"
|
||||||
@ -237,15 +168,8 @@
|
|||||||
{{ subject.name }}
|
{{ subject.name }}
|
||||||
</v-card-title>
|
</v-card-title>
|
||||||
<v-card-text class="text-center">
|
<v-card-text class="text-center">
|
||||||
<v-icon
|
<v-icon color="grey" size="small"> mdi-plus</v-icon>
|
||||||
color="grey"
|
<div class="text-caption text-grey">点击添加作业</div>
|
||||||
size="small"
|
|
||||||
>
|
|
||||||
mdi-plus
|
|
||||||
</v-icon>
|
|
||||||
<div class="text-caption text-grey">
|
|
||||||
点击添加作业
|
|
||||||
</div>
|
|
||||||
</v-card-text>
|
</v-card-text>
|
||||||
</v-card>
|
</v-card>
|
||||||
</TransitionGroup>
|
</TransitionGroup>
|
||||||
|
|||||||
@ -1,46 +1,25 @@
|
|||||||
<template>
|
<template>
|
||||||
<v-card
|
<v-card border hover rounded="xl">
|
||||||
border
|
|
||||||
hover
|
|
||||||
rounded="xl"
|
|
||||||
>
|
|
||||||
<v-card-item>
|
<v-card-item>
|
||||||
<template #prepend>
|
<template #prepend>
|
||||||
<v-icon
|
<v-icon class="mr-2" icon="mdi-information" size="large"/>
|
||||||
class="mr-2"
|
|
||||||
icon="mdi-information"
|
|
||||||
size="large"
|
|
||||||
/>
|
|
||||||
</template>
|
</template>
|
||||||
<v-card-title class="text-h6">
|
<v-card-title class="text-h6">关于</v-card-title>
|
||||||
关于
|
|
||||||
</v-card-title>
|
|
||||||
</v-card-item>
|
</v-card-item>
|
||||||
|
|
||||||
<v-card-text>
|
<v-card-text>
|
||||||
<v-row>
|
<v-row>
|
||||||
<v-col
|
<v-col class="mx-auto" cols="12" md="8">
|
||||||
class="mx-auto"
|
|
||||||
cols="12"
|
|
||||||
md="8"
|
|
||||||
>
|
|
||||||
<div class="d-flex flex-column align-start">
|
<div class="d-flex flex-column align-start">
|
||||||
<v-avatar
|
<v-avatar class="mb-4" size="120">
|
||||||
class="mb-4"
|
|
||||||
size="120"
|
|
||||||
>
|
|
||||||
<v-img
|
<v-img
|
||||||
alt="Classworks"
|
alt="Classworks"
|
||||||
src="../../assets/cslogo.png"
|
src="../../assets/cslogo.png"
|
||||||
/>
|
/>
|
||||||
</v-avatar>
|
</v-avatar>
|
||||||
|
|
||||||
<h2 class="text-h5 mb-2">
|
<h2 class="text-h5 mb-2">Classworks</h2>
|
||||||
Classworks
|
<p class="text-body-1 mb-4">适用于班级大屏的作业板小工具</p>
|
||||||
</h2>
|
|
||||||
<p class="text-body-1 mb-4">
|
|
||||||
适用于班级大屏的作业板小工具
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<div class="d-flex gap-2 flex-wrap mb-6">
|
<div class="d-flex gap-2 flex-wrap mb-6">
|
||||||
<v-btn
|
<v-btn
|
||||||
@ -78,11 +57,9 @@
|
|||||||
</v-btn>
|
</v-btn>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<v-divider class="mb-4 w-100" />
|
<v-divider class="mb-4 w-100"></v-divider>
|
||||||
|
|
||||||
<h3 class="text-h6 mb-2">
|
<h3 class="text-h6 mb-2">备注与致谢</h3>
|
||||||
备注与致谢
|
|
||||||
</h3>
|
|
||||||
<v-list class="mb-4 bg-transparent">
|
<v-list class="mb-4 bg-transparent">
|
||||||
<v-list-item
|
<v-list-item
|
||||||
append-icon="mdi-link"
|
append-icon="mdi-link"
|
||||||
@ -121,7 +98,7 @@
|
|||||||
新一代，开源，编程社区
|
新一代，开源，编程社区
|
||||||
</v-list-item-subtitle>
|
</v-list-item-subtitle>
|
||||||
</v-list-item>
|
</v-list-item>
|
||||||
<v-divider class="ma-1" />
|
<v-divider class="ma-1"></v-divider>
|
||||||
<v-list-item
|
<v-list-item
|
||||||
append-icon="mdi-link"
|
append-icon="mdi-link"
|
||||||
href="https://github.com/HUSX100/IslandCaller"
|
href="https://github.com/HUSX100/IslandCaller"
|
||||||
@ -164,14 +141,12 @@
|
|||||||
fullscreen
|
fullscreen
|
||||||
transition="dialog-bottom-transition"
|
transition="dialog-bottom-transition"
|
||||||
>
|
>
|
||||||
<v-card>
|
<v-card
|
||||||
|
>
|
||||||
<v-toolbar>
|
<v-toolbar>
|
||||||
<v-btn
|
<v-btn icon="mdi-close" @click="showDeps = false"></v-btn>
|
||||||
icon="mdi-close"
|
|
||||||
@click="showDeps = false"
|
|
||||||
/>
|
|
||||||
<v-toolbar-title>使用的第三方库</v-toolbar-title>
|
<v-toolbar-title>使用的第三方库</v-toolbar-title>
|
||||||
<v-spacer />
|
<v-spacer></v-spacer>
|
||||||
</v-toolbar>
|
</v-toolbar>
|
||||||
<v-card-text>
|
<v-card-text>
|
||||||
<v-list>
|
<v-list>
|
||||||
@ -195,108 +170,45 @@
|
|||||||
</v-dialog>
|
</v-dialog>
|
||||||
|
|
||||||
<!-- 报告问题对话框 -->
|
<!-- 报告问题对话框 -->
|
||||||
<v-dialog
|
<v-dialog v-model="showReportDialog" max-width="640">
|
||||||
v-model="showReportDialog"
|
|
||||||
max-width="640"
|
|
||||||
>
|
|
||||||
<v-card>
|
<v-card>
|
||||||
<v-toolbar density="compact">
|
<v-toolbar density="compact">
|
||||||
<v-btn
|
<v-btn icon="mdi-close" @click="showReportDialog = false"></v-btn>
|
||||||
icon="mdi-close"
|
|
||||||
@click="showReportDialog = false"
|
|
||||||
/>
|
|
||||||
<v-toolbar-title>报告问题</v-toolbar-title>
|
<v-toolbar-title>报告问题</v-toolbar-title>
|
||||||
<v-spacer />
|
<v-spacer></v-spacer>
|
||||||
</v-toolbar>
|
</v-toolbar>
|
||||||
<v-card-text>
|
<v-card-text>
|
||||||
<p class="mb-4">
|
<p class="mb-4">
|
||||||
调试ID与下方的浏览器环境信息将帮助我们快速定位问题，请在反馈中一并附上。
|
调试ID与下方的浏览器环境信息将帮助我们快速定位问题，请在反馈中一并附上。
|
||||||
</p>
|
</p>
|
||||||
<v-sheet
|
<v-sheet class="mb-3 pa-3 bg-grey-lighten-4 rounded" style="max-height: 260px; overflow: auto;">
|
||||||
class="mb-3 pa-3 bg-grey-lighten-4 rounded"
|
<pre class="text-body-2" style="white-space: pre-wrap; margin: 0;">{{ envBoxText }}</pre>
|
||||||
style="max-height: 260px; overflow: auto;"
|
|
||||||
>
|
|
||||||
<pre
|
|
||||||
class="text-body-2"
|
|
||||||
style="white-space: pre-wrap; margin: 0;"
|
|
||||||
>{{ envBoxText }}</pre>
|
|
||||||
</v-sheet>
|
</v-sheet>
|
||||||
<div class="d-flex gap-2 flex-wrap mb-4">
|
<div class="d-flex gap-2 flex-wrap mb-4">
|
||||||
<v-btn
|
<v-btn size="small" variant="text" prepend-icon="mdi-refresh" @click="reloadVisitorId" :loading="visitorLoading">刷新</v-btn>
|
||||||
size="small"
|
<v-btn size="small" variant="text" prepend-icon="mdi-content-copy" @click="copyEnvInfo">复制信息</v-btn>
|
||||||
variant="text"
|
<v-btn size="small" variant="text" prepend-icon="mdi-open-in-new" @click="goToDebug">查看 /debug 页面</v-btn>
|
||||||
prepend-icon="mdi-refresh"
|
|
||||||
:loading="visitorLoading"
|
|
||||||
@click="reloadVisitorId"
|
|
||||||
>
|
|
||||||
刷新
|
|
||||||
</v-btn>
|
|
||||||
<v-btn
|
|
||||||
size="small"
|
|
||||||
variant="text"
|
|
||||||
prepend-icon="mdi-content-copy"
|
|
||||||
@click="copyEnvInfo"
|
|
||||||
>
|
|
||||||
复制信息
|
|
||||||
</v-btn>
|
|
||||||
<v-btn
|
|
||||||
size="small"
|
|
||||||
variant="text"
|
|
||||||
prepend-icon="mdi-open-in-new"
|
|
||||||
@click="goToDebug"
|
|
||||||
>
|
|
||||||
查看 /debug 页面
|
|
||||||
</v-btn>
|
|
||||||
</div>
|
</div>
|
||||||
<v-alert
|
<v-alert v-if="copyOk" type="success" density="compact" class="mb-4">已复制到剪贴板</v-alert>
|
||||||
v-if="copyOk"
|
<h4 class="text-subtitle-1 mb-2">反馈渠道</h4>
|
||||||
type="success"
|
<v-list lines="one" class="bg-transparent">
|
||||||
density="compact"
|
<v-list-item :href="qqGroupLink" target="_blank" prepend-icon="mdi-qqchat">
|
||||||
class="mb-4"
|
|
||||||
>
|
|
||||||
已复制到剪贴板
|
|
||||||
</v-alert>
|
|
||||||
<h4 class="text-subtitle-1 mb-2">
|
|
||||||
反馈渠道
|
|
||||||
</h4>
|
|
||||||
<v-list
|
|
||||||
lines="one"
|
|
||||||
class="bg-transparent"
|
|
||||||
>
|
|
||||||
<v-list-item
|
|
||||||
:href="qqGroupLink"
|
|
||||||
target="_blank"
|
|
||||||
prepend-icon="mdi-qqchat"
|
|
||||||
>
|
|
||||||
<v-list-item-title>QQ群 ({{ qqGroupNumber }})</v-list-item-title>
|
<v-list-item-title>QQ群 ({{ qqGroupNumber }})</v-list-item-title>
|
||||||
<v-list-item-subtitle>964979747</v-list-item-subtitle>
|
<v-list-item-subtitle>964979747</v-list-item-subtitle>
|
||||||
</v-list-item>
|
</v-list-item>
|
||||||
<v-list-item
|
<v-list-item :href="githubIssueUrl" target="_blank" prepend-icon="mdi-github">
|
||||||
:href="githubIssueUrl"
|
|
||||||
target="_blank"
|
|
||||||
prepend-icon="mdi-github"
|
|
||||||
>
|
|
||||||
<v-list-item-title>GitHub Issue</v-list-item-title>
|
<v-list-item-title>GitHub Issue</v-list-item-title>
|
||||||
<v-list-item-subtitle>ZeroCatDev/Classworks</v-list-item-subtitle>
|
<v-list-item-subtitle>ZeroCatDev/Classworks</v-list-item-subtitle>
|
||||||
</v-list-item>
|
</v-list-item>
|
||||||
<v-list-item
|
<v-list-item :href="mailtoLink" target="_blank" prepend-icon="mdi-email">
|
||||||
:href="mailtoLink"
|
|
||||||
target="_blank"
|
|
||||||
prepend-icon="mdi-email"
|
|
||||||
>
|
|
||||||
<v-list-item-title>邮件</v-list-item-title>
|
<v-list-item-title>邮件</v-list-item-title>
|
||||||
<v-list-item-subtitle>sun@wuyuan.dev</v-list-item-subtitle>
|
<v-list-item-subtitle>sun@wuyuan.dev</v-list-item-subtitle>
|
||||||
</v-list-item>
|
</v-list-item>
|
||||||
</v-list>
|
</v-list>
|
||||||
</v-card-text>
|
</v-card-text>
|
||||||
<v-card-actions>
|
<v-card-actions>
|
||||||
<v-spacer />
|
<v-spacer></v-spacer>
|
||||||
<v-btn
|
<v-btn variant="text" @click="showReportDialog = false">关闭</v-btn>
|
||||||
variant="text"
|
|
||||||
@click="showReportDialog = false"
|
|
||||||
>
|
|
||||||
关闭
|
|
||||||
</v-btn>
|
|
||||||
</v-card-actions>
|
</v-card-actions>
|
||||||
</v-card>
|
</v-card>
|
||||||
</v-dialog>
|
</v-dialog>
|
||||||
|
|||||||
@ -1,17 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<v-card
|
<v-card :border="border" class="setting-group">
|
||||||
:border="border"
|
<v-card-title v-if="title" class="d-flex align-center">
|
||||||
class="setting-group"
|
<v-icon v-if="icon" :icon="icon" class="mr-2"/>
|
||||||
>
|
|
||||||
<v-card-title
|
|
||||||
v-if="title"
|
|
||||||
class="d-flex align-center"
|
|
||||||
>
|
|
||||||
<v-icon
|
|
||||||
v-if="icon"
|
|
||||||
:icon="icon"
|
|
||||||
class="mr-2"
|
|
||||||
/>
|
|
||||||
{{ title }}
|
{{ title }}
|
||||||
</v-card-title>
|
</v-card-title>
|
||||||
|
|
||||||
@ -28,7 +18,7 @@
|
|||||||
</v-card-text>
|
</v-card-text>
|
||||||
|
|
||||||
<v-card-actions v-if="$slots.actions">
|
<v-card-actions v-if="$slots.actions">
|
||||||
<slot name="actions" />
|
<slot name="actions"></slot>
|
||||||
</v-card-actions>
|
</v-card-actions>
|
||||||
</v-card>
|
</v-card>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
@ -1,8 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<v-list-item
|
<v-list-item :disabled="disabled" class="setting-item">
|
||||||
:disabled="disabled"
|
|
||||||
class="setting-item"
|
|
||||||
>
|
|
||||||
<template #prepend>
|
<template #prepend>
|
||||||
<v-icon :icon="settingIcon"/>
|
<v-icon :icon="settingIcon"/>
|
||||||
</template>
|
</template>
|
||||||
@ -17,10 +14,7 @@
|
|||||||
|
|
||||||
<template #append>
|
<template #append>
|
||||||
<div class="d-flex flex-column flex-sm-row align-center">
|
<div class="d-flex flex-column flex-sm-row align-center">
|
||||||
<div
|
<div v-if="type !== 'string' || hasOptions" class="me-2">
|
||||||
v-if="type !== 'string' || hasOptions"
|
|
||||||
class="me-2"
|
|
||||||
>
|
|
||||||
<!-- 根据设置类型渲染不同的控件 -->
|
<!-- 根据设置类型渲染不同的控件 -->
|
||||||
<v-switch
|
<v-switch
|
||||||
v-if="type === 'boolean'"
|
v-if="type === 'boolean'"
|
||||||
@ -46,10 +40,7 @@
|
|||||||
@update:model-value="updateSetting"
|
@update:model-value="updateSetting"
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<div
|
<div v-else-if="type === 'number'" class="d-flex align-center">
|
||||||
v-else-if="type === 'number'"
|
|
||||||
class="d-flex align-center"
|
|
||||||
>
|
|
||||||
<v-btn
|
<v-btn
|
||||||
:disabled="disabled || localValue <= minValue"
|
:disabled="disabled || localValue <= minValue"
|
||||||
icon="mdi-minus"
|
icon="mdi-minus"
|
||||||
@ -85,7 +76,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<v-menu location="bottom">
|
<v-menu location="bottom">
|
||||||
<template #activator="{ props }">
|
<template v-slot:activator="{ props }">
|
||||||
<v-btn
|
<v-btn
|
||||||
:disabled="disabled"
|
:disabled="disabled"
|
||||||
class="ml-2"
|
class="ml-2"
|
||||||
@ -97,36 +88,24 @@
|
|||||||
</template>
|
</template>
|
||||||
<v-list density="compact">
|
<v-list density="compact">
|
||||||
<v-list-item @click="copySettingId">
|
<v-list-item @click="copySettingId">
|
||||||
<template #prepend>
|
<template v-slot:prepend>
|
||||||
<v-icon
|
<v-icon icon="mdi-key" size="small"/>
|
||||||
icon="mdi-key"
|
|
||||||
size="small"
|
|
||||||
/>
|
|
||||||
</template>
|
</template>
|
||||||
<v-list-item-title>复制设置ID</v-list-item-title>
|
<v-list-item-title>复制设置ID</v-list-item-title>
|
||||||
</v-list-item>
|
</v-list-item>
|
||||||
|
|
||||||
<v-list-item @click="copySettingValue">
|
<v-list-item @click="copySettingValue">
|
||||||
<template #prepend>
|
<template v-slot:prepend>
|
||||||
<v-icon
|
<v-icon icon="mdi-content-copy" size="small"/>
|
||||||
icon="mdi-content-copy"
|
|
||||||
size="small"
|
|
||||||
/>
|
|
||||||
</template>
|
</template>
|
||||||
<v-list-item-title>复制设置值</v-list-item-title>
|
<v-list-item-title>复制设置值</v-list-item-title>
|
||||||
</v-list-item>
|
</v-list-item>
|
||||||
|
|
||||||
<v-divider />
|
<v-divider></v-divider>
|
||||||
|
|
||||||
<v-list-item
|
<v-list-item :disabled="isDefaultValue" @click="resetToDefault">
|
||||||
:disabled="isDefaultValue"
|
<template v-slot:prepend>
|
||||||
@click="resetToDefault"
|
<v-icon icon="mdi-restore" size="small"/>
|
||||||
>
|
|
||||||
<template #prepend>
|
|
||||||
<v-icon
|
|
||||||
icon="mdi-restore"
|
|
||||||
size="small"
|
|
||||||
/>
|
|
||||||
</template>
|
</template>
|
||||||
<v-list-item-title>重置为默认值</v-list-item-title>
|
<v-list-item-title>重置为默认值</v-list-item-title>
|
||||||
</v-list-item>
|
</v-list-item>
|
||||||
@ -137,10 +116,7 @@
|
|||||||
</v-list-item>
|
</v-list-item>
|
||||||
|
|
||||||
<!-- 文本框显示在下方 -->
|
<!-- 文本框显示在下方 -->
|
||||||
<div
|
<div v-if="type === 'string' && !hasOptions" class="px-4 pb-2 pt-0">
|
||||||
v-if="type === 'string' && !hasOptions"
|
|
||||||
class="px-4 pb-2 pt-0"
|
|
||||||
>
|
|
||||||
<v-text-field
|
<v-text-field
|
||||||
v-model="localValue"
|
v-model="localValue"
|
||||||
:disabled="disabled"
|
:disabled="disabled"
|
||||||
|
|||||||
@ -1,46 +1,30 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="settings-explorer">
|
<div class="settings-explorer">
|
||||||
|
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<v-text-field
|
<v-text-field v-model="searchQuery" class="mb-4" clearable density="comfortable" label="搜索设置"
|
||||||
v-model="searchQuery"
|
prepend-inner-icon="mdi-magnify" variant="outlined"/>
|
||||||
class="mb-4"
|
|
||||||
clearable
|
|
||||||
density="comfortable"
|
|
||||||
label="搜索设置"
|
|
||||||
prepend-inner-icon="mdi-magnify"
|
|
||||||
variant="outlined"
|
|
||||||
/>
|
|
||||||
|
|
||||||
|
|
||||||
<v-list>
|
<v-list>
|
||||||
<div
|
<div v-for="setting in allSettings" :key="setting.key">
|
||||||
v-for="setting in allSettings"
|
<setting-item :key="setting.key" :disabled="setting.requireDeveloper && !isDeveloperMode"
|
||||||
:key="setting.key"
|
:setting-key="setting.key" @error="onSettingError"
|
||||||
>
|
@update="onSettingUpdate"/>
|
||||||
<setting-item
|
|
||||||
:key="setting.key"
|
|
||||||
:disabled="setting.requireDeveloper && !isDeveloperMode"
|
|
||||||
:setting-key="setting.key"
|
|
||||||
@error="onSettingError"
|
|
||||||
@update="onSettingUpdate"
|
|
||||||
/>
|
|
||||||
<v-divider class="my-2"/>
|
<v-divider class="my-2"/>
|
||||||
</div>
|
</div>
|
||||||
</v-list>
|
</v-list>
|
||||||
<v-card border>
|
<v-card border>
|
||||||
<v-card-title class="text-subtitle-1">
|
<v-card-title class="text-subtitle-1">当前配置</v-card-title>
|
||||||
当前配置
|
|
||||||
</v-card-title>
|
|
||||||
<v-card-text>
|
<v-card-text>
|
||||||
<pre class="settings-json">{{ formattedSettings }}</pre>
|
<pre class="settings-json">{{ formattedSettings }}</pre>
|
||||||
</v-card-text>
|
</v-card-text>
|
||||||
<v-card-actions>
|
<v-card-actions>
|
||||||
<v-spacer />
|
<v-spacer></v-spacer>
|
||||||
<v-btn @click="copySettingsToClipboard">
|
<v-btn @click="copySettingsToClipboard">
|
||||||
复制到剪贴板
|
复制到剪贴板
|
||||||
<v-icon right>
|
<v-icon right>mdi-content-copy</v-icon>
|
||||||
mdi-content-copy
|
|
||||||
</v-icon>
|
|
||||||
</v-btn>
|
</v-btn>
|
||||||
</v-card-actions>
|
</v-card-actions>
|
||||||
</v-card>
|
</v-card>
|
||||||
|
|||||||
@ -6,20 +6,11 @@
|
|||||||
>
|
>
|
||||||
<v-card-item>
|
<v-card-item>
|
||||||
<template #prepend>
|
<template #prepend>
|
||||||
<v-icon
|
<v-icon class="mr-2" icon="mdi-account-group" size="large"/>
|
||||||
class="mr-2"
|
|
||||||
icon="mdi-account-group"
|
|
||||||
size="large"
|
|
||||||
/>
|
|
||||||
</template>
|
</template>
|
||||||
<v-card-title class="text-h6">
|
<v-card-title class="text-h6">学生列表</v-card-title>
|
||||||
学生列表
|
|
||||||
</v-card-title>
|
|
||||||
<template #append>
|
<template #append>
|
||||||
<unsaved-warning
|
<unsaved-warning :show="unsavedChanges" message="有未保存的更改"/>
|
||||||
:show="unsavedChanges"
|
|
||||||
message="有未保存的更改"
|
|
||||||
/>
|
|
||||||
<v-btn
|
<v-btn
|
||||||
:disabled="modelValue.list.length === 0"
|
:disabled="modelValue.list.length === 0"
|
||||||
class="mr-2"
|
class="mr-2"
|
||||||
@ -48,13 +39,7 @@
|
|||||||
indeterminate
|
indeterminate
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<v-alert
|
<v-alert v-if="error" class="mb-4" closable type="error" variant="tonal">
|
||||||
v-if="error"
|
|
||||||
class="mb-4"
|
|
||||||
closable
|
|
||||||
type="error"
|
|
||||||
variant="tonal"
|
|
||||||
>
|
|
||||||
{{ error }}
|
{{ error }}
|
||||||
</v-alert>
|
</v-alert>
|
||||||
|
|
||||||
@ -62,11 +47,7 @@
|
|||||||
<!-- 普通编辑模式 -->
|
<!-- 普通编辑模式 -->
|
||||||
<div v-if="!modelValue.advanced">
|
<div v-if="!modelValue.advanced">
|
||||||
<v-row class="mb-6">
|
<v-row class="mb-6">
|
||||||
<v-col
|
<v-col cols="12" md="4" sm="6">
|
||||||
cols="12"
|
|
||||||
md="4"
|
|
||||||
sm="6"
|
|
||||||
>
|
|
||||||
<v-text-field
|
<v-text-field
|
||||||
v-model="newStudentName"
|
v-model="newStudentName"
|
||||||
class="mb-4"
|
class="mb-4"
|
||||||
@ -107,10 +88,7 @@
|
|||||||
v-bind="props"
|
v-bind="props"
|
||||||
>
|
>
|
||||||
<v-card-text class="d-flex align-center pa-3">
|
<v-card-text class="d-flex align-center pa-3">
|
||||||
<v-menu
|
<v-menu :open-on-hover="!isMobile" location="bottom">
|
||||||
:open-on-hover="!isMobile"
|
|
||||||
location="bottom"
|
|
||||||
>
|
|
||||||
<template #activator="{ props: menuProps }">
|
<template #activator="{ props: menuProps }">
|
||||||
<v-btn
|
<v-btn
|
||||||
class="mr-3 font-weight-medium"
|
class="mr-3 font-weight-medium"
|
||||||
@ -122,10 +100,7 @@
|
|||||||
</v-btn>
|
</v-btn>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<v-list
|
<v-list density="compact" nav>
|
||||||
density="compact"
|
|
||||||
nav
|
|
||||||
>
|
|
||||||
<v-list-item
|
<v-list-item
|
||||||
:disabled="index === 0"
|
:disabled="index === 0"
|
||||||
prepend-icon="mdi-arrow-up-bold"
|
prepend-icon="mdi-arrow-up-bold"
|
||||||
@ -197,10 +172,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- 高级编辑模式 -->
|
<!-- 高级编辑模式 -->
|
||||||
<div
|
<div v-else class="pt-2">
|
||||||
v-else
|
|
||||||
class="pt-2"
|
|
||||||
>
|
|
||||||
<v-textarea
|
<v-textarea
|
||||||
v-model="modelValue.text"
|
v-model="modelValue.text"
|
||||||
hint="使用文本编辑模式批量编辑学生名单，保存时会自动去除空行"
|
hint="使用文本编辑模式批量编辑学生名单，保存时会自动去除空行"
|
||||||
@ -215,10 +187,7 @@
|
|||||||
</v-expand-transition>
|
</v-expand-transition>
|
||||||
|
|
||||||
<v-row class="mt-6">
|
<v-row class="mt-6">
|
||||||
<v-col
|
<v-col class="d-flex gap-2" cols="12">
|
||||||
class="d-flex gap-2"
|
|
||||||
cols="12"
|
|
||||||
>
|
|
||||||
<v-btn
|
<v-btn
|
||||||
:disabled="loading"
|
:disabled="loading"
|
||||||
:loading="loading"
|
:loading="loading"
|
||||||
|
|||||||
@ -1,15 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<v-card
|
<v-card :disabled="!hasNamespaceInfo" :loading="loading" class="my-4">
|
||||||
:disabled="!hasNamespaceInfo"
|
|
||||||
:loading="loading"
|
|
||||||
class="my-4"
|
|
||||||
>
|
|
||||||
<template #loader>
|
<template #loader>
|
||||||
<v-progress-linear
|
<v-progress-linear v-if="loading" color="primary" indeterminate/>
|
||||||
v-if="loading"
|
|
||||||
color="primary"
|
|
||||||
indeterminate
|
|
||||||
/>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@ -1,8 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<settings-card
|
<settings-card icon="mdi-database-cog" title="数据源设置">
|
||||||
icon="mdi-database-cog"
|
|
||||||
title="数据源设置"
|
|
||||||
>
|
|
||||||
<v-list>
|
<v-list>
|
||||||
<!-- 服务器模式设置 -->
|
<!-- 服务器模式设置 -->
|
||||||
<template
|
<template
|
||||||
@ -13,10 +10,7 @@
|
|||||||
>
|
>
|
||||||
<v-list-item>
|
<v-list-item>
|
||||||
<template #prepend>
|
<template #prepend>
|
||||||
<v-icon
|
<v-icon class="mr-3" icon="mdi-lan-connect"/>
|
||||||
class="mr-3"
|
|
||||||
icon="mdi-lan-connect"
|
|
||||||
/>
|
|
||||||
</template>
|
</template>
|
||||||
<v-list-item-title>检查服务器连接</v-list-item-title>
|
<v-list-item-title>检查服务器连接</v-list-item-title>
|
||||||
<template #append>
|
<template #append>
|
||||||
@ -28,131 +22,90 @@
|
|||||||
测试连接
|
测试连接
|
||||||
</v-btn>
|
</v-btn>
|
||||||
</template>
|
</template>
|
||||||
</v-list-item><!-- 数据迁移，仅对KV本地存储有效 -->
|
</v-list-item
|
||||||
|
><!-- 数据迁移，仅对KV本地存储有效 -->
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<!-- 本地存储设置 -->
|
<!-- 本地存储设置 -->
|
||||||
<template v-if="currentProvider === 'kv-local'">
|
<template v-if="currentProvider === 'kv-local'">
|
||||||
<v-list-item>
|
<v-list-item>
|
||||||
<template #prepend>
|
<template #prepend>
|
||||||
<v-icon
|
<v-icon class="mr-3" icon="mdi-database"/>
|
||||||
class="mr-3"
|
|
||||||
icon="mdi-database"
|
|
||||||
/>
|
|
||||||
</template>
|
</template>
|
||||||
<v-list-item-title>清除数据库缓存</v-list-item-title>
|
<v-list-item-title>清除数据库缓存</v-list-item-title>
|
||||||
<v-list-item-subtitle>
|
<v-list-item-subtitle
|
||||||
这将清除所有本地数据库中的数据
|
>这将清除所有本地数据库中的数据
|
||||||
</v-list-item-subtitle>
|
</v-list-item-subtitle
|
||||||
<template #append>
|
|
||||||
<v-btn
|
|
||||||
color="error"
|
|
||||||
variant="tonal"
|
|
||||||
@click="confirmClearIndexedDB"
|
|
||||||
>
|
>
|
||||||
|
<template #append>
|
||||||
|
<v-btn color="error" variant="tonal" @click="confirmClearIndexedDB">
|
||||||
清除
|
清除
|
||||||
</v-btn>
|
</v-btn>
|
||||||
</template>
|
</template>
|
||||||
</v-list-item>
|
</v-list-item>
|
||||||
<v-list-item>
|
<v-list-item>
|
||||||
<template #prepend>
|
<template #prepend>
|
||||||
<v-icon
|
<v-icon class="mr-3" icon="mdi-database-export"/>
|
||||||
class="mr-3"
|
|
||||||
icon="mdi-database-export"
|
|
||||||
/>
|
|
||||||
</template>
|
</template>
|
||||||
<v-list-item-title>导出数据库</v-list-item-title>
|
<v-list-item-title>导出数据库</v-list-item-title>
|
||||||
<template #append>
|
<template #append>
|
||||||
<v-btn
|
<v-btn variant="tonal" @click="exportData"> 导出</v-btn>
|
||||||
variant="tonal"
|
|
||||||
@click="exportData"
|
|
||||||
>
|
|
||||||
导出
|
|
||||||
</v-btn>
|
|
||||||
</template>
|
</template>
|
||||||
</v-list-item>
|
</v-list-item>
|
||||||
</template>
|
</template>
|
||||||
<v-list-item>
|
<v-list-item>
|
||||||
<template #prepend>
|
<template #prepend>
|
||||||
<v-icon
|
<v-icon class="mr-3" icon="mdi-database-import"/>
|
||||||
class="mr-3"
|
|
||||||
icon="mdi-database-import"
|
|
||||||
/>
|
|
||||||
</template>
|
</template>
|
||||||
<v-list-item-title>迁移旧数据</v-list-item-title>
|
<v-list-item-title>迁移旧数据</v-list-item-title>
|
||||||
<v-list-item-subtitle>
|
<v-list-item-subtitle
|
||||||
将旧的存储格式数据转移到新的KV存储
|
>将旧的存储格式数据转移到新的KV存储
|
||||||
</v-list-item-subtitle>
|
</v-list-item-subtitle
|
||||||
<template #append>
|
|
||||||
<v-btn
|
|
||||||
:loading="migrateLoading"
|
|
||||||
variant="tonal"
|
|
||||||
@click="migrateData"
|
|
||||||
>
|
>
|
||||||
|
<template #append>
|
||||||
|
<v-btn :loading="migrateLoading" variant="tonal" @click="migrateData">
|
||||||
迁移
|
迁移
|
||||||
</v-btn>
|
</v-btn>
|
||||||
</template>
|
</template>
|
||||||
</v-list-item><!-- 显示机器ID -->
|
</v-list-item
|
||||||
|
><!-- 显示机器ID -->
|
||||||
<v-list-item>
|
<v-list-item>
|
||||||
<template #prepend>
|
<template #prepend>
|
||||||
<v-icon
|
<v-icon class="mr-3" icon="mdi-identifier"/>
|
||||||
class="mr-3"
|
|
||||||
icon="mdi-identifier"
|
|
||||||
/>
|
|
||||||
</template>
|
</template>
|
||||||
<v-list-item-title>本机唯一标识符</v-list-item-title>
|
<v-list-item-title>本机唯一标识符</v-list-item-title>
|
||||||
<v-list-item-subtitle v-if="machineId">
|
<v-list-item-subtitle v-if="machineId">{{
|
||||||
{{
|
|
||||||
machineId
|
machineId
|
||||||
}}
|
}}
|
||||||
</v-list-item-subtitle>
|
</v-list-item-subtitle>
|
||||||
<v-list-item-subtitle v-else>
|
<v-list-item-subtitle v-else>正在加载...</v-list-item-subtitle>
|
||||||
正在加载...
|
|
||||||
</v-list-item-subtitle>
|
|
||||||
</v-list-item>
|
</v-list-item>
|
||||||
<v-list-item>
|
<v-list-item>
|
||||||
<template #prepend>
|
<template #prepend>
|
||||||
<v-icon
|
<v-icon class="mr-3" icon="mdi-lan-connect"/>
|
||||||
class="mr-3"
|
|
||||||
icon="mdi-lan-connect"
|
|
||||||
/>
|
|
||||||
</template>
|
</template>
|
||||||
<v-list-item-title>查看本地缓存</v-list-item-title>
|
<v-list-item-title>查看本地缓存</v-list-item-title>
|
||||||
<template #append>
|
<template #append>
|
||||||
<v-btn
|
<v-btn to="/cachemanagement" variant="tonal"> 查看</v-btn>
|
||||||
to="/cachemanagement"
|
|
||||||
variant="tonal"
|
|
||||||
>
|
|
||||||
查看
|
|
||||||
</v-btn>
|
|
||||||
</template>
|
</template>
|
||||||
</v-list-item>
|
</v-list-item>
|
||||||
</v-list>
|
</v-list>
|
||||||
|
|
||||||
<!-- 确认对话框 -->
|
<!-- 确认对话框 -->
|
||||||
<v-dialog
|
<v-dialog v-model="confirmDialog" max-width="400">
|
||||||
v-model="confirmDialog"
|
|
||||||
max-width="400"
|
|
||||||
>
|
|
||||||
<v-card>
|
<v-card>
|
||||||
<v-card-title>{{ confirmTitle }}</v-card-title>
|
<v-card-title>{{ confirmTitle }}</v-card-title>
|
||||||
<v-card-text>{{ confirmMessage }}</v-card-text>
|
<v-card-text>{{ confirmMessage }}</v-card-text>
|
||||||
<v-card-actions>
|
<v-card-actions>
|
||||||
<v-spacer />
|
<v-spacer></v-spacer>
|
||||||
<v-btn
|
<v-btn color="grey" variant="text" @click="confirmDialog = false"
|
||||||
color="grey"
|
>取消
|
||||||
variant="text"
|
</v-btn
|
||||||
@click="confirmDialog = false"
|
|
||||||
>
|
>
|
||||||
取消
|
<v-btn color="error" variant="tonal" @click="handleConfirm"
|
||||||
</v-btn>
|
>确认
|
||||||
<v-btn
|
</v-btn
|
||||||
color="error"
|
|
||||||
variant="tonal"
|
|
||||||
@click="handleConfirm"
|
|
||||||
>
|
>
|
||||||
确认
|
|
||||||
</v-btn>
|
|
||||||
</v-card-actions>
|
</v-card-actions>
|
||||||
</v-card>
|
</v-card>
|
||||||
</v-dialog>
|
</v-dialog>
|
||||||
|
|||||||
@ -1,9 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<settings-card
|
<settings-card border icon="mdi-monitor" title="显示设置">
|
||||||
border
|
|
||||||
icon="mdi-monitor"
|
|
||||||
title="显示设置"
|
|
||||||
>
|
|
||||||
<v-list>
|
<v-list>
|
||||||
<setting-item :setting-key="'display.emptySubjectDisplay'"/>
|
<setting-item :setting-key="'display.emptySubjectDisplay'"/>
|
||||||
|
|
||||||
@ -31,6 +27,7 @@
|
|||||||
|
|
||||||
<v-divider class="my-2"/>
|
<v-divider class="my-2"/>
|
||||||
<setting-item :setting-key="'display.showExamScheduleButton'"/>
|
<setting-item :setting-key="'display.showExamScheduleButton'"/>
|
||||||
|
|
||||||
</v-list>
|
</v-list>
|
||||||
</settings-card>
|
</settings-card>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
@ -6,20 +6,11 @@
|
|||||||
@click="handleClick"
|
@click="handleClick"
|
||||||
>
|
>
|
||||||
<v-card-text>
|
<v-card-text>
|
||||||
<div
|
<div ref="typewriter" class="typewriter-text"></div>
|
||||||
ref="typewriter"
|
<div ref="sourceWriter" class="source-text"></div>
|
||||||
class="typewriter-text"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
ref="sourceWriter"
|
|
||||||
class="source-text"
|
|
||||||
/>
|
|
||||||
</v-card-text>
|
</v-card-text>
|
||||||
<transition name="fade">
|
<transition name="fade">
|
||||||
<v-chip
|
<v-chip v-if="currentQuote?.contributor" class="contributor">
|
||||||
v-if="currentQuote?.contributor"
|
|
||||||
class="contributor"
|
|
||||||
>
|
|
||||||
<v-avatar start>
|
<v-avatar start>
|
||||||
<v-img :src="`https://github.com/${currentQuote.contributor}.png`"/>
|
<v-img :src="`https://github.com/${currentQuote.contributor}.png`"/>
|
||||||
</v-avatar>
|
</v-avatar>
|
||||||
@ -58,10 +49,6 @@ export default {
|
|||||||
this.initTypewriters();
|
this.initTypewriters();
|
||||||
},
|
},
|
||||||
|
|
||||||
beforeUnmount() {
|
|
||||||
[this.typewriter, this.sourceWriter].forEach(writer => writer?.stop());
|
|
||||||
},
|
|
||||||
|
|
||||||
methods: {
|
methods: {
|
||||||
initTypewriters() {
|
initTypewriters() {
|
||||||
this.typewriter = new Typewriter(this.$refs.typewriter, TYPEWRITER_CONFIG.main);
|
this.typewriter = new Typewriter(this.$refs.typewriter, TYPEWRITER_CONFIG.main);
|
||||||
@ -106,6 +93,10 @@ export default {
|
|||||||
console.error("复制失败:", err);
|
console.error("复制失败:", err);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
beforeUnmount() {
|
||||||
|
[this.typewriter, this.sourceWriter].forEach(writer => writer?.stop());
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@ -1,8 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<settings-card
|
<settings-card icon="mdi-cog" title="编辑设置">
|
||||||
icon="mdi-cog"
|
|
||||||
title="编辑设置"
|
|
||||||
>
|
|
||||||
<v-list>
|
<v-list>
|
||||||
<setting-item :setting-key="'edit.autoSave'"/>
|
<setting-item :setting-key="'edit.autoSave'"/>
|
||||||
|
|
||||||
@ -25,6 +22,7 @@
|
|||||||
|
|
||||||
<v-divider class="my-2"/>
|
<v-divider class="my-2"/>
|
||||||
<setting-item :setting-key="'edit.manualSavePromptText'"/>
|
<setting-item :setting-key="'edit.manualSavePromptText'"/>
|
||||||
|
|
||||||
</v-list>
|
</v-list>
|
||||||
</settings-card>
|
</settings-card>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
@ -48,15 +48,8 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<v-row>
|
<v-row>
|
||||||
<v-col
|
<v-col cols="12" md="6">
|
||||||
cols="12"
|
<setting-group border icon="mdi-book" title="科目配置">
|
||||||
md="6"
|
|
||||||
>
|
|
||||||
<setting-group
|
|
||||||
border
|
|
||||||
icon="mdi-book"
|
|
||||||
title="科目配置"
|
|
||||||
>
|
|
||||||
<v-list>
|
<v-list>
|
||||||
<v-list-item>
|
<v-list-item>
|
||||||
<v-text-field
|
<v-text-field
|
||||||
@ -70,14 +63,8 @@
|
|||||||
/>
|
/>
|
||||||
</v-list-item>
|
</v-list-item>
|
||||||
|
|
||||||
<v-list-item
|
<v-list-item v-for="subject in subjectList" :key="subject">
|
||||||
v-for="subject in subjectList"
|
<v-card border class="w-100 mb-2">
|
||||||
:key="subject"
|
|
||||||
>
|
|
||||||
<v-card
|
|
||||||
border
|
|
||||||
class="w-100 mb-2"
|
|
||||||
>
|
|
||||||
<v-card-title class="d-flex align-center">
|
<v-card-title class="d-flex align-center">
|
||||||
<v-text-field
|
<v-text-field
|
||||||
v-model="editedSubjects[subject]"
|
v-model="editedSubjects[subject]"
|
||||||
@ -108,24 +95,17 @@
|
|||||||
@keyup.enter="() => addBookType(subject)"
|
@keyup.enter="() => addBookType(subject)"
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<v-list
|
<v-list border density="compact" rounded>
|
||||||
border
|
|
||||||
density="compact"
|
|
||||||
rounded
|
|
||||||
>
|
|
||||||
<v-list-item
|
<v-list-item
|
||||||
v-for="(books, bookType) in config.subjects[subject].books"
|
v-for="(books, bookType) in config.subjects[subject].books"
|
||||||
:key="bookType"
|
:key="bookType"
|
||||||
:title="bookType"
|
:title="bookType"
|
||||||
@click="openSubjectBookDialog(subject, bookType, books)"
|
@click="openSubjectBookDialog(subject, bookType, books)"
|
||||||
>
|
>
|
||||||
<template #prepend>
|
<template v-slot:prepend>
|
||||||
<v-icon
|
<v-icon class="mr-2" icon="mdi-book-open-variant"/>
|
||||||
class="mr-2"
|
|
||||||
icon="mdi-book-open-variant"
|
|
||||||
/>
|
|
||||||
</template>
|
</template>
|
||||||
<template #append>
|
<template v-slot:append>
|
||||||
<v-chip
|
<v-chip
|
||||||
class="mr-2"
|
class="mr-2"
|
||||||
color="info"
|
color="info"
|
||||||
@ -150,15 +130,8 @@
|
|||||||
</setting-group>
|
</setting-group>
|
||||||
</v-col>
|
</v-col>
|
||||||
|
|
||||||
<v-col
|
<v-col cols="12" md="6">
|
||||||
cols="12"
|
<setting-group border icon="mdi-cog" title="通用配置">
|
||||||
md="6"
|
|
||||||
>
|
|
||||||
<setting-group
|
|
||||||
border
|
|
||||||
icon="mdi-cog"
|
|
||||||
title="通用配置"
|
|
||||||
>
|
|
||||||
<v-list>
|
<v-list>
|
||||||
<v-list-item>
|
<v-list-item>
|
||||||
<v-text-field
|
<v-text-field
|
||||||
@ -173,24 +146,17 @@
|
|||||||
</v-list-item>
|
</v-list-item>
|
||||||
|
|
||||||
<v-list-item>
|
<v-list-item>
|
||||||
<v-list
|
<v-list border density="compact" rounded>
|
||||||
border
|
|
||||||
density="compact"
|
|
||||||
rounded
|
|
||||||
>
|
|
||||||
<v-list-item
|
<v-list-item
|
||||||
v-for="(books, bookType) in config.commonSubject.books"
|
v-for="(books, bookType) in config.commonSubject.books"
|
||||||
:key="bookType"
|
:key="bookType"
|
||||||
:title="bookType"
|
:title="bookType"
|
||||||
@click="openSubjectBookDialog('common', bookType, books)"
|
@click="openSubjectBookDialog('common', bookType, books)"
|
||||||
>
|
>
|
||||||
<template #prepend>
|
<template v-slot:prepend>
|
||||||
<v-icon
|
<v-icon class="mr-2" icon="mdi-book-multiple"/>
|
||||||
class="mr-2"
|
|
||||||
icon="mdi-book-multiple"
|
|
||||||
/>
|
|
||||||
</template>
|
</template>
|
||||||
<template #append>
|
<template v-slot:append>
|
||||||
<v-chip
|
<v-chip
|
||||||
class="mr-2"
|
class="mr-2"
|
||||||
color="info"
|
color="info"
|
||||||
@ -225,18 +191,14 @@
|
|||||||
</v-list-item>
|
</v-list-item>
|
||||||
|
|
||||||
<v-list-item>
|
<v-list-item>
|
||||||
<v-list
|
<v-list border density="compact" rounded>
|
||||||
border
|
|
||||||
density="compact"
|
|
||||||
rounded
|
|
||||||
>
|
|
||||||
<v-list-item
|
<v-list-item
|
||||||
v-for="action in config.actions"
|
v-for="action in config.actions"
|
||||||
:key="action"
|
:key="action"
|
||||||
:title="action"
|
:title="action"
|
||||||
@click="openActionDialog(action)"
|
@click="openActionDialog(action)"
|
||||||
>
|
>
|
||||||
<template #append>
|
<template v-slot:append>
|
||||||
<v-btn
|
<v-btn
|
||||||
color="error"
|
color="error"
|
||||||
icon="mdi-delete"
|
icon="mdi-delete"
|
||||||
@ -254,10 +216,7 @@
|
|||||||
</v-row>
|
</v-row>
|
||||||
|
|
||||||
<!-- 编辑弹框 -->
|
<!-- 编辑弹框 -->
|
||||||
<v-dialog
|
<v-dialog v-model="dialog.show" max-width="600px">
|
||||||
v-model="dialog.show"
|
|
||||||
max-width="600px"
|
|
||||||
>
|
|
||||||
<v-card>
|
<v-card>
|
||||||
<v-card-title class="text-h5 pa-4">
|
<v-card-title class="text-h5 pa-4">
|
||||||
{{ dialog.title }}
|
{{ dialog.title }}
|
||||||
@ -276,43 +235,22 @@
|
|||||||
/>
|
/>
|
||||||
</v-col>
|
</v-col>
|
||||||
|
|
||||||
<v-col
|
<v-col v-if="dialog.editedItem.type === 'subjectBook'" cols="12">
|
||||||
v-if="dialog.editedItem.type === 'subjectBook'"
|
<div class="text-subtitle-2 mb-2">所属科目</div>
|
||||||
cols="12"
|
<v-chip color="primary">{{ dialog.editedItem.subject }}</v-chip>
|
||||||
>
|
|
||||||
<div class="text-subtitle-2 mb-2">
|
|
||||||
所属科目
|
|
||||||
</div>
|
|
||||||
<v-chip color="primary">
|
|
||||||
{{ dialog.editedItem.subject }}
|
|
||||||
</v-chip>
|
|
||||||
</v-col>
|
</v-col>
|
||||||
|
|
||||||
<v-col
|
<v-col v-if="['subjectBook', 'commonBook'].includes(dialog.editedItem.type)" cols="12">
|
||||||
v-if="['subjectBook', 'commonBook'].includes(dialog.editedItem.type)"
|
|
||||||
cols="12"
|
|
||||||
>
|
|
||||||
<v-card variant="outlined">
|
<v-card variant="outlined">
|
||||||
<v-card-title class="text-subtitle-1 py-2">
|
<v-card-title class="text-subtitle-1 py-2">需完成部分</v-card-title>
|
||||||
需完成部分
|
|
||||||
</v-card-title>
|
|
||||||
<v-card-text class="pt-0">
|
<v-card-text class="pt-0">
|
||||||
<v-list
|
<v-list border class="mb-2" density="compact" rounded>
|
||||||
border
|
|
||||||
class="mb-2"
|
|
||||||
density="compact"
|
|
||||||
rounded
|
|
||||||
>
|
|
||||||
<v-list-item
|
<v-list-item
|
||||||
v-for="(task, index) in dialog.editedItem.tasks"
|
v-for="(task, index) in dialog.editedItem.tasks"
|
||||||
:key="index"
|
:key="index"
|
||||||
>
|
>
|
||||||
<template #prepend>
|
<template v-slot:prepend>
|
||||||
<v-icon
|
<v-icon class="mr-2" icon="mdi-checkbox-blank-circle-outline" size="small"/>
|
||||||
class="mr-2"
|
|
||||||
icon="mdi-checkbox-blank-circle-outline"
|
|
||||||
size="small"
|
|
||||||
/>
|
|
||||||
</template>
|
</template>
|
||||||
<v-text-field
|
<v-text-field
|
||||||
v-model="dialog.editedItem.tasks[index]"
|
v-model="dialog.editedItem.tasks[index]"
|
||||||
@ -320,7 +258,7 @@
|
|||||||
hide-details
|
hide-details
|
||||||
variant="plain"
|
variant="plain"
|
||||||
/>
|
/>
|
||||||
<template #append>
|
<template v-slot:append>
|
||||||
<v-btn
|
<v-btn
|
||||||
color="error"
|
color="error"
|
||||||
icon="mdi-delete"
|
icon="mdi-delete"
|
||||||
@ -349,7 +287,7 @@
|
|||||||
</v-card-text>
|
</v-card-text>
|
||||||
|
|
||||||
<v-card-actions class="pa-4">
|
<v-card-actions class="pa-4">
|
||||||
<v-spacer />
|
<v-spacer></v-spacer>
|
||||||
<v-btn
|
<v-btn
|
||||||
color="primary"
|
color="primary"
|
||||||
variant="elevated"
|
variant="elevated"
|
||||||
|
|||||||
@ -1,27 +1,15 @@
|
|||||||
<template>
|
<template>
|
||||||
<settings-card
|
<settings-card :loading="loading" icon="mdi-database-edit" title="KV数据库管理">
|
||||||
:loading="loading"
|
|
||||||
icon="mdi-database-edit"
|
|
||||||
title="KV数据库管理"
|
|
||||||
>
|
|
||||||
<v-list>
|
<v-list>
|
||||||
<!-- 数据库连接状态 -->
|
<!-- 数据库连接状态 -->
|
||||||
<v-list-item>
|
<v-list-item>
|
||||||
<template #prepend>
|
<template #prepend>
|
||||||
<v-icon
|
<v-icon :color="connectionColor" :icon="connectionIcon" class="mr-3"/>
|
||||||
:color="connectionColor"
|
|
||||||
:icon="connectionIcon"
|
|
||||||
class="mr-3"
|
|
||||||
/>
|
|
||||||
</template>
|
</template>
|
||||||
<v-list-item-title>数据库状态</v-list-item-title>
|
<v-list-item-title>数据库状态</v-list-item-title>
|
||||||
<v-list-item-subtitle>{{ connectionStatus }}</v-list-item-subtitle>
|
<v-list-item-subtitle>{{ connectionStatus }}</v-list-item-subtitle>
|
||||||
<template #append>
|
<template #append>
|
||||||
<v-btn
|
<v-btn :loading="loading" variant="tonal" @click="refreshConnection">
|
||||||
:loading="loading"
|
|
||||||
variant="tonal"
|
|
||||||
@click="refreshConnection"
|
|
||||||
>
|
|
||||||
刷新
|
刷新
|
||||||
</v-btn>
|
</v-btn>
|
||||||
</template>
|
</template>
|
||||||
@ -32,29 +20,17 @@
|
|||||||
<!-- 数据列表 -->
|
<!-- 数据列表 -->
|
||||||
<v-list-item>
|
<v-list-item>
|
||||||
<template #prepend>
|
<template #prepend>
|
||||||
<v-icon
|
<v-icon class="mr-3" icon="mdi-format-list-bulleted"/>
|
||||||
class="mr-3"
|
|
||||||
icon="mdi-format-list-bulleted"
|
|
||||||
/>
|
|
||||||
</template>
|
</template>
|
||||||
<v-list-item-title>数据条目</v-list-item-title>
|
<v-list-item-title>数据条目</v-list-item-title>
|
||||||
<v-list-item-subtitle>共 {{ kvData.length }} 条记录</v-list-item-subtitle>
|
<v-list-item-subtitle>共 {{ kvData.length }} 条记录</v-list-item-subtitle>
|
||||||
<template #append>
|
<template #append>
|
||||||
<v-btn-group variant="tonal">
|
<v-btn-group variant="tonal">
|
||||||
<v-btn
|
<v-btn :loading="loadingData" @click="loadKvData">
|
||||||
:loading="loadingData"
|
|
||||||
@click="loadKvData"
|
|
||||||
>
|
|
||||||
加载数据
|
加载数据
|
||||||
</v-btn>
|
</v-btn>
|
||||||
<v-btn
|
<v-btn :disabled="!isKvProvider" @click="createNewItem">
|
||||||
:disabled="!isKvProvider"
|
<v-icon class="mr-1" icon="mdi-plus"/>
|
||||||
@click="createNewItem"
|
|
||||||
>
|
|
||||||
<v-icon
|
|
||||||
class="mr-1"
|
|
||||||
icon="mdi-plus"
|
|
||||||
/>
|
|
||||||
新建
|
新建
|
||||||
</v-btn>
|
</v-btn>
|
||||||
</v-btn-group>
|
</v-btn-group>
|
||||||
@ -63,16 +39,9 @@
|
|||||||
</v-list>
|
</v-list>
|
||||||
|
|
||||||
<!-- 数据表格 -->
|
<!-- 数据表格 -->
|
||||||
<v-card
|
<v-card v-if="kvData.length > 0" class="mt-4" variant="outlined">
|
||||||
v-if="kvData.length > 0"
|
|
||||||
class="mt-4"
|
|
||||||
variant="outlined"
|
|
||||||
>
|
|
||||||
<v-card-title class="d-flex align-center">
|
<v-card-title class="d-flex align-center">
|
||||||
<v-icon
|
<v-icon class="mr-2" icon="mdi-table"/>
|
||||||
class="mr-2"
|
|
||||||
icon="mdi-table"
|
|
||||||
/>
|
|
||||||
KV数据列表
|
KV数据列表
|
||||||
<v-spacer/>
|
<v-spacer/>
|
||||||
<v-text-field
|
<v-text-field
|
||||||
@ -100,10 +69,7 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<template #[`item.actions`]="{ item }">
|
<template #[`item.actions`]="{ item }">
|
||||||
<v-btn-group
|
<v-btn-group density="compact" variant="text">
|
||||||
density="compact"
|
|
||||||
variant="text"
|
|
||||||
>
|
|
||||||
<v-btn
|
<v-btn
|
||||||
icon="mdi-eye"
|
icon="mdi-eye"
|
||||||
size="small"
|
size="small"
|
||||||
@ -136,23 +102,13 @@
|
|||||||
</v-card>
|
</v-card>
|
||||||
|
|
||||||
<!-- 查看数据对话框 -->
|
<!-- 查看数据对话框 -->
|
||||||
<v-dialog
|
<v-dialog v-model="viewDialog" max-width="800px">
|
||||||
v-model="viewDialog"
|
|
||||||
max-width="800px"
|
|
||||||
>
|
|
||||||
<v-card>
|
<v-card>
|
||||||
<v-card-title class="d-flex align-center">
|
<v-card-title class="d-flex align-center">
|
||||||
<v-icon
|
<v-icon class="mr-2" icon="mdi-eye"/>
|
||||||
class="mr-2"
|
|
||||||
icon="mdi-eye"
|
|
||||||
/>
|
|
||||||
查看数据
|
查看数据
|
||||||
<v-spacer/>
|
<v-spacer/>
|
||||||
<v-btn
|
<v-btn icon="mdi-close" variant="text" @click="viewDialog = false"/>
|
||||||
icon="mdi-close"
|
|
||||||
variant="text"
|
|
||||||
@click="viewDialog = false"
|
|
||||||
/>
|
|
||||||
</v-card-title>
|
</v-card-title>
|
||||||
|
|
||||||
<v-card-subtitle v-if="selectedItem">
|
<v-card-subtitle v-if="selectedItem">
|
||||||
@ -173,20 +129,11 @@
|
|||||||
|
|
||||||
<v-card-actions>
|
<v-card-actions>
|
||||||
<v-spacer/>
|
<v-spacer/>
|
||||||
<v-btn
|
<v-btn variant="tonal" @click="copyToClipboard(selectedItem?.value)">
|
||||||
variant="tonal"
|
<v-icon class="mr-1" icon="mdi-content-copy"/>
|
||||||
@click="copyToClipboard(selectedItem?.value)"
|
|
||||||
>
|
|
||||||
<v-icon
|
|
||||||
class="mr-1"
|
|
||||||
icon="mdi-content-copy"
|
|
||||||
/>
|
|
||||||
复制数据
|
复制数据
|
||||||
</v-btn>
|
</v-btn>
|
||||||
<v-btn
|
<v-btn variant="text" @click="viewDialog = false">
|
||||||
variant="text"
|
|
||||||
@click="viewDialog = false"
|
|
||||||
>
|
|
||||||
关闭
|
关闭
|
||||||
</v-btn>
|
</v-btn>
|
||||||
</v-card-actions>
|
</v-card-actions>
|
||||||
@ -194,23 +141,13 @@
|
|||||||
</v-dialog>
|
</v-dialog>
|
||||||
|
|
||||||
<!-- 编辑数据对话框 -->
|
<!-- 编辑数据对话框 -->
|
||||||
<v-dialog
|
<v-dialog v-model="editDialog" max-width="800px">
|
||||||
v-model="editDialog"
|
|
||||||
max-width="800px"
|
|
||||||
>
|
|
||||||
<v-card>
|
<v-card>
|
||||||
<v-card-title class="d-flex align-center">
|
<v-card-title class="d-flex align-center">
|
||||||
<v-icon
|
<v-icon class="mr-2" icon="mdi-pencil"/>
|
||||||
class="mr-2"
|
|
||||||
icon="mdi-pencil"
|
|
||||||
/>
|
|
||||||
编辑数据
|
编辑数据
|
||||||
<v-spacer/>
|
<v-spacer/>
|
||||||
<v-btn
|
<v-btn icon="mdi-close" variant="text" @click="closeEditDialog"/>
|
||||||
icon="mdi-close"
|
|
||||||
variant="text"
|
|
||||||
@click="closeEditDialog"
|
|
||||||
/>
|
|
||||||
</v-card-title>
|
</v-card-title>
|
||||||
|
|
||||||
<v-card-subtitle v-if="editingItem">
|
<v-card-subtitle v-if="editingItem">
|
||||||
@ -231,10 +168,7 @@
|
|||||||
|
|
||||||
<v-card-actions>
|
<v-card-actions>
|
||||||
<v-spacer/>
|
<v-spacer/>
|
||||||
<v-btn
|
<v-btn variant="text" @click="closeEditDialog">
|
||||||
variant="text"
|
|
||||||
@click="closeEditDialog"
|
|
||||||
>
|
|
||||||
取消
|
取消
|
||||||
</v-btn>
|
</v-btn>
|
||||||
<v-btn
|
<v-btn
|
||||||
@ -251,23 +185,13 @@
|
|||||||
</v-dialog>
|
</v-dialog>
|
||||||
|
|
||||||
<!-- 新建数据对话框 -->
|
<!-- 新建数据对话框 -->
|
||||||
<v-dialog
|
<v-dialog v-model="createDialog" max-width="800px">
|
||||||
v-model="createDialog"
|
|
||||||
max-width="800px"
|
|
||||||
>
|
|
||||||
<v-card>
|
<v-card>
|
||||||
<v-card-title class="d-flex align-center">
|
<v-card-title class="d-flex align-center">
|
||||||
<v-icon
|
<v-icon class="mr-2" icon="mdi-plus"/>
|
||||||
class="mr-2"
|
|
||||||
icon="mdi-plus"
|
|
||||||
/>
|
|
||||||
新建数据
|
新建数据
|
||||||
<v-spacer/>
|
<v-spacer/>
|
||||||
<v-btn
|
<v-btn icon="mdi-close" variant="text" @click="closeCreateDialog"/>
|
||||||
icon="mdi-close"
|
|
||||||
variant="text"
|
|
||||||
@click="closeCreateDialog"
|
|
||||||
/>
|
|
||||||
</v-card-title>
|
</v-card-title>
|
||||||
|
|
||||||
<v-card-text>
|
<v-card-text>
|
||||||
@ -287,7 +211,7 @@
|
|||||||
:error-messages="isValidNewJson ? [] : ['请输入有效的JSON格式']"
|
:error-messages="isValidNewJson ? [] : ['请输入有效的JSON格式']"
|
||||||
class="font-monospace"
|
class="font-monospace"
|
||||||
label="数据内容 (JSON格式)"
|
label="数据内容 (JSON格式)"
|
||||||
placeholder="请输入JSON数据，如：{"name": "value"}"
|
placeholder='请输入JSON数据，如：{"name": "value"}'
|
||||||
rows="15"
|
rows="15"
|
||||||
variant="outlined"
|
variant="outlined"
|
||||||
/>
|
/>
|
||||||
@ -295,10 +219,7 @@
|
|||||||
|
|
||||||
<v-card-actions>
|
<v-card-actions>
|
||||||
<v-spacer/>
|
<v-spacer/>
|
||||||
<v-btn
|
<v-btn variant="text" @click="closeCreateDialog">
|
||||||
variant="text"
|
|
||||||
@click="closeCreateDialog"
|
|
||||||
>
|
|
||||||
取消
|
取消
|
||||||
</v-btn>
|
</v-btn>
|
||||||
<v-btn
|
<v-btn
|
||||||
@ -315,23 +236,13 @@
|
|||||||
</v-dialog>
|
</v-dialog>
|
||||||
|
|
||||||
<!-- 云端地址对话框 -->
|
<!-- 云端地址对话框 -->
|
||||||
<v-dialog
|
<v-dialog v-model="cloudUrlDialog" max-width="800px">
|
||||||
v-model="cloudUrlDialog"
|
|
||||||
max-width="800px"
|
|
||||||
>
|
|
||||||
<v-card>
|
<v-card>
|
||||||
<v-card-title class="d-flex align-center">
|
<v-card-title class="d-flex align-center">
|
||||||
<v-icon
|
<v-icon class="mr-2" icon="mdi-cloud-download"/>
|
||||||
class="mr-2"
|
|
||||||
icon="mdi-cloud-download"
|
|
||||||
/>
|
|
||||||
获取云端访问地址
|
获取云端访问地址
|
||||||
<v-spacer/>
|
<v-spacer/>
|
||||||
<v-btn
|
<v-btn icon="mdi-close" variant="text" @click="cloudUrlDialog = false"/>
|
||||||
icon="mdi-close"
|
|
||||||
variant="text"
|
|
||||||
@click="cloudUrlDialog = false"
|
|
||||||
/>
|
|
||||||
</v-card-title>
|
</v-card-title>
|
||||||
|
|
||||||
<v-card-subtitle v-if="selectedCloudItem">
|
<v-card-subtitle v-if="selectedCloudItem">
|
||||||
@ -339,43 +250,19 @@
|
|||||||
</v-card-subtitle>
|
</v-card-subtitle>
|
||||||
|
|
||||||
<v-card-text>
|
<v-card-text>
|
||||||
<v-alert
|
<v-alert v-if="cloudUrlError" class="mb-4" type="error" variant="tonal">
|
||||||
v-if="cloudUrlError"
|
|
||||||
class="mb-4"
|
|
||||||
type="error"
|
|
||||||
variant="tonal"
|
|
||||||
>
|
|
||||||
{{ cloudUrlError }}
|
{{ cloudUrlError }}
|
||||||
</v-alert>
|
</v-alert>
|
||||||
|
|
||||||
<v-alert
|
<v-alert v-if="cloudUrlResult && cloudUrlResult.success" class="mb-4" type="success" variant="tonal">
|
||||||
v-if="cloudUrlResult && cloudUrlResult.success"
|
|
||||||
class="mb-4"
|
|
||||||
type="success"
|
|
||||||
variant="tonal"
|
|
||||||
>
|
|
||||||
<v-alert-title>云端地址获取成功</v-alert-title>
|
<v-alert-title>云端地址获取成功</v-alert-title>
|
||||||
<div class="mt-2">
|
<div class="mt-2">
|
||||||
<div
|
<div v-if="cloudUrlResult.migrated" class="mb-2">
|
||||||
v-if="cloudUrlResult.migrated"
|
<v-icon class="mr-1" color="success" icon="mdi-database-arrow-up"/>
|
||||||
class="mb-2"
|
|
||||||
>
|
|
||||||
<v-icon
|
|
||||||
class="mr-1"
|
|
||||||
color="success"
|
|
||||||
icon="mdi-database-arrow-up"
|
|
||||||
/>
|
|
||||||
数据已从本地迁移到云端
|
数据已从本地迁移到云端
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div v-if="cloudUrlResult.configured" class="mb-2">
|
||||||
v-if="cloudUrlResult.configured"
|
<v-icon class="mr-1" color="info" icon="mdi-cog"/>
|
||||||
class="mb-2"
|
|
||||||
>
|
|
||||||
<v-icon
|
|
||||||
class="mr-1"
|
|
||||||
color="info"
|
|
||||||
icon="mdi-cog"
|
|
||||||
/>
|
|
||||||
云端配置已自动设置
|
云端配置已自动设置
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -392,16 +279,10 @@
|
|||||||
@click:append-inner="copyCloudUrl"
|
@click:append-inner="copyCloudUrl"
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<v-expansion-panels
|
<v-expansion-panels v-if="cloudUrlResult && cloudUrlResult.url" class="mt-4">
|
||||||
v-if="cloudUrlResult && cloudUrlResult.url"
|
|
||||||
class="mt-4"
|
|
||||||
>
|
|
||||||
<v-expansion-panel>
|
<v-expansion-panel>
|
||||||
<v-expansion-panel-title>
|
<v-expansion-panel-title>
|
||||||
<v-icon
|
<v-icon class="mr-2" icon="mdi-cog"/>
|
||||||
class="mr-2"
|
|
||||||
icon="mdi-cog"
|
|
||||||
/>
|
|
||||||
高级选项
|
高级选项
|
||||||
</v-expansion-panel-title>
|
</v-expansion-panel-title>
|
||||||
<v-expansion-panel-text>
|
<v-expansion-panel-text>
|
||||||
@ -422,10 +303,7 @@
|
|||||||
variant="tonal"
|
variant="tonal"
|
||||||
@click="refreshCloudUrl"
|
@click="refreshCloudUrl"
|
||||||
>
|
>
|
||||||
<v-icon
|
<v-icon class="mr-1" icon="mdi-refresh"/>
|
||||||
class="mr-1"
|
|
||||||
icon="mdi-refresh"
|
|
||||||
/>
|
|
||||||
重新获取
|
重新获取
|
||||||
</v-btn>
|
</v-btn>
|
||||||
</v-expansion-panel-text>
|
</v-expansion-panel-text>
|
||||||
@ -435,10 +313,7 @@
|
|||||||
|
|
||||||
<v-card-actions>
|
<v-card-actions>
|
||||||
<v-spacer/>
|
<v-spacer/>
|
||||||
<v-btn
|
<v-btn variant="text" @click="cloudUrlDialog = false">
|
||||||
variant="text"
|
|
||||||
@click="cloudUrlDialog = false"
|
|
||||||
>
|
|
||||||
关闭
|
关闭
|
||||||
</v-btn>
|
</v-btn>
|
||||||
<v-btn
|
<v-btn
|
||||||
@ -447,10 +322,7 @@
|
|||||||
variant="tonal"
|
variant="tonal"
|
||||||
@click="openCloudUrl"
|
@click="openCloudUrl"
|
||||||
>
|
>
|
||||||
<v-icon
|
<v-icon class="mr-1" icon="mdi-open-in-new"/>
|
||||||
class="mr-1"
|
|
||||||
icon="mdi-open-in-new"
|
|
||||||
/>
|
|
||||||
在新窗口打开
|
在新窗口打开
|
||||||
</v-btn>
|
</v-btn>
|
||||||
</v-card-actions>
|
</v-card-actions>
|
||||||
@ -458,37 +330,24 @@
|
|||||||
</v-dialog>
|
</v-dialog>
|
||||||
|
|
||||||
<!-- 删除确认对话框 -->
|
<!-- 删除确认对话框 -->
|
||||||
<v-dialog
|
<v-dialog v-model="deleteDialog" max-width="400px">
|
||||||
v-model="deleteDialog"
|
|
||||||
max-width="400px"
|
|
||||||
>
|
|
||||||
<v-card>
|
<v-card>
|
||||||
<v-card-title class="d-flex align-center text-error">
|
<v-card-title class="d-flex align-center text-error">
|
||||||
<v-icon
|
<v-icon class="mr-2" icon="mdi-alert"/>
|
||||||
class="mr-2"
|
|
||||||
icon="mdi-alert"
|
|
||||||
/>
|
|
||||||
确认删除
|
确认删除
|
||||||
</v-card-title>
|
</v-card-title>
|
||||||
|
|
||||||
<v-card-text>
|
<v-card-text>
|
||||||
确定要删除键名为 <code>{{ itemToDelete?.key }}</code> 的数据吗？
|
确定要删除键名为 <code>{{ itemToDelete?.key }}</code> 的数据吗？
|
||||||
<br><br>
|
<br><br>
|
||||||
<v-alert
|
<v-alert class="mt-2" type="warning" variant="tonal">
|
||||||
class="mt-2"
|
|
||||||
type="warning"
|
|
||||||
variant="tonal"
|
|
||||||
>
|
|
||||||
此操作不可撤销，请谨慎操作！
|
此操作不可撤销，请谨慎操作！
|
||||||
</v-alert>
|
</v-alert>
|
||||||
</v-card-text>
|
</v-card-text>
|
||||||
|
|
||||||
<v-card-actions>
|
<v-card-actions>
|
||||||
<v-spacer/>
|
<v-spacer/>
|
||||||
<v-btn
|
<v-btn variant="text" @click="deleteDialog = false">
|
||||||
variant="text"
|
|
||||||
@click="deleteDialog = false"
|
|
||||||
>
|
|
||||||
取消
|
取消
|
||||||
</v-btn>
|
</v-btn>
|
||||||
<v-btn
|
<v-btn
|
||||||
|
|||||||
@ -1,8 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<settings-card
|
<settings-card icon="mdi-cog" title="编辑设置">
|
||||||
icon="mdi-cog"
|
|
||||||
title="编辑设置"
|
|
||||||
>
|
|
||||||
<v-list>
|
<v-list>
|
||||||
<setting-item setting-key="randomPicker.enabled"/>
|
<setting-item setting-key="randomPicker.enabled"/>
|
||||||
<v-divider class="my-2"/>
|
<v-divider class="my-2"/>
|
||||||
@ -18,6 +15,8 @@
|
|||||||
|
|
||||||
<v-divider class="my-2"/>
|
<v-divider class="my-2"/>
|
||||||
<setting-item setting-key="randomPicker.animation"/>
|
<setting-item setting-key="randomPicker.animation"/>
|
||||||
|
|
||||||
|
|
||||||
</v-list>
|
</v-list>
|
||||||
</settings-card>
|
</settings-card>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
@ -1,21 +1,13 @@
|
|||||||
<template>
|
<template>
|
||||||
<settings-card
|
<settings-card icon="mdi-refresh-circle" title="刷新设置">
|
||||||
icon="mdi-refresh-circle"
|
|
||||||
title="刷新设置"
|
|
||||||
>
|
|
||||||
<v-form>
|
<v-form>
|
||||||
<v-list>
|
<v-list>
|
||||||
<setting-item
|
<setting-item setting-key="refresh.auto" title="自动刷新"/>
|
||||||
setting-key="refresh.auto"
|
|
||||||
title="自动刷新"
|
|
||||||
/>
|
|
||||||
<v-divider class="my-2"/>
|
<v-divider class="my-2"/>
|
||||||
|
|
||||||
<setting-item
|
<setting-item setting-key="refresh.interval" title="刷新间隔"/>
|
||||||
setting-key="refresh.interval"
|
|
||||||
title="刷新间隔"
|
|
||||||
/>
|
|
||||||
</v-list>
|
</v-list>
|
||||||
|
|
||||||
</v-form>
|
</v-form>
|
||||||
</settings-card>
|
</settings-card>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
@ -58,16 +58,10 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- 添加新科目 -->
|
<!-- 添加新科目 -->
|
||||||
<v-card
|
<v-card class="mb-4" variant="outlined">
|
||||||
class="mb-4"
|
|
||||||
variant="outlined"
|
|
||||||
>
|
|
||||||
<v-card-text>
|
<v-card-text>
|
||||||
<v-row>
|
<v-row>
|
||||||
<v-col
|
<v-col cols="12" sm="6">
|
||||||
cols="12"
|
|
||||||
sm="6"
|
|
||||||
>
|
|
||||||
<v-text-field
|
<v-text-field
|
||||||
v-model="newSubjectName"
|
v-model="newSubjectName"
|
||||||
:rules="[v => !!v || '科目名称不能为空']"
|
:rules="[v => !!v || '科目名称不能为空']"
|
||||||
@ -91,7 +85,7 @@
|
|||||||
v-for="(subject, index) in subjects"
|
v-for="(subject, index) in subjects"
|
||||||
:key="subject.order"
|
:key="subject.order"
|
||||||
>
|
>
|
||||||
<template #prepend>
|
<template v-slot:prepend>
|
||||||
<div class="d-flex flex-column align-center mr-2">
|
<div class="d-flex flex-column align-center mr-2">
|
||||||
<v-btn
|
<v-btn
|
||||||
:disabled="index === 0"
|
:disabled="index === 0"
|
||||||
@ -120,7 +114,7 @@
|
|||||||
/>
|
/>
|
||||||
</v-list-item-title>
|
</v-list-item-title>
|
||||||
|
|
||||||
<template #append>
|
<template v-slot:append>
|
||||||
<v-btn
|
<v-btn
|
||||||
color="error"
|
color="error"
|
||||||
icon="mdi-delete"
|
icon="mdi-delete"
|
||||||
|
|||||||
@ -1,15 +1,9 @@
|
|||||||
<template>
|
<template>
|
||||||
<settings-card
|
<settings-card icon="mdi-palette" title="主题设置">
|
||||||
icon="mdi-palette"
|
|
||||||
title="主题设置"
|
|
||||||
>
|
|
||||||
<v-list>
|
<v-list>
|
||||||
<v-list-item>
|
<v-list-item>
|
||||||
<template #prepend>
|
<template #prepend>
|
||||||
<v-icon
|
<v-icon class="mr-3" icon="mdi-theme-light-dark"/>
|
||||||
class="mr-3"
|
|
||||||
icon="mdi-theme-light-dark"
|
|
||||||
/>
|
|
||||||
</template>
|
</template>
|
||||||
<v-list-item-title>主题模式</v-list-item-title>
|
<v-list-item-title>主题模式</v-list-item-title>
|
||||||
<v-list-item-subtitle>选择明亮或暗黑主题</v-list-item-subtitle>
|
<v-list-item-subtitle>选择明亮或暗黑主题</v-list-item-subtitle>
|
||||||
@ -20,17 +14,11 @@
|
|||||||
density="comfortable"
|
density="comfortable"
|
||||||
>
|
>
|
||||||
<v-btn value="light">
|
<v-btn value="light">
|
||||||
<v-icon
|
<v-icon class="mr-2" icon="mdi-white-balance-sunny"/>
|
||||||
class="mr-2"
|
|
||||||
icon="mdi-white-balance-sunny"
|
|
||||||
/>
|
|
||||||
明亮
|
明亮
|
||||||
</v-btn>
|
</v-btn>
|
||||||
<v-btn value="dark">
|
<v-btn value="dark">
|
||||||
<v-icon
|
<v-icon class="mr-2" icon="mdi-moon-waning-crescent"/>
|
||||||
class="mr-2"
|
|
||||||
icon="mdi-moon-waning-crescent"
|
|
||||||
/>
|
|
||||||
暗黑
|
暗黑
|
||||||
</v-btn>
|
</v-btn>
|
||||||
</v-btn-toggle>
|
</v-btn-toggle>
|
||||||
@ -49,11 +37,6 @@ export default {
|
|||||||
name: 'ThemeSettingsCard',
|
name: 'ThemeSettingsCard',
|
||||||
components: {SettingsCard},
|
components: {SettingsCard},
|
||||||
|
|
||||||
setup() {
|
|
||||||
const theme = useTheme();
|
|
||||||
return {theme};
|
|
||||||
},
|
|
||||||
|
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
localTheme: getSetting('theme.mode')
|
localTheme: getSetting('theme.mode')
|
||||||
@ -67,6 +50,11 @@ export default {
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
|
setup() {
|
||||||
|
const theme = useTheme();
|
||||||
|
return {theme};
|
||||||
|
},
|
||||||
|
|
||||||
methods: {
|
methods: {
|
||||||
updateTheme(mode) {
|
updateTheme(mode) {
|
||||||
this.theme.global.name.value = mode;
|
this.theme.global.name.value = mode;
|
||||||
|
|||||||
@ -3,82 +3,39 @@
|
|||||||
<v-row>
|
<v-row>
|
||||||
<v-col cols="12">
|
<v-col cols="12">
|
||||||
<div class="d-flex align-center mb-6">
|
<div class="d-flex align-center mb-6">
|
||||||
<v-icon
|
<v-icon class="mr-3" color="primary" size="x-large">mdi-database-cog-outline</v-icon>
|
||||||
class="mr-3"
|
|
||||||
color="primary"
|
|
||||||
size="x-large"
|
|
||||||
>
|
|
||||||
mdi-database-cog-outline
|
|
||||||
</v-icon>
|
|
||||||
<div>
|
<div>
|
||||||
<h1 class="text-h4 ">
|
<h1 class="text-h4 ">缓存管理</h1>
|
||||||
缓存管理
|
<div class="text-subtitle-1 text-grey">管理应用的本地缓存资源</div>
|
||||||
</h1>
|
|
||||||
<div class="text-subtitle-1 text-grey">
|
|
||||||
管理应用的本地缓存资源
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<v-card
|
<v-card class="mb-6" color="info" density="compact" variant="tonal">
|
||||||
class="mb-6"
|
|
||||||
color="info"
|
|
||||||
density="compact"
|
|
||||||
variant="tonal"
|
|
||||||
>
|
|
||||||
<v-card-text class="d-flex align-center">
|
<v-card-text class="d-flex align-center">
|
||||||
<v-icon
|
<v-icon class="mr-2" color="info">mdi-information-outline</v-icon>
|
||||||
class="mr-2"
|
|
||||||
color="info"
|
|
||||||
>
|
|
||||||
mdi-information-outline
|
|
||||||
</v-icon>
|
|
||||||
<span>在这里您可以查看和管理应用的缓存文件。清除缓存可能会导致应用需要重新下载资源，但有助于解决某些显示问题。</span>
|
<span>在这里您可以查看和管理应用的缓存文件。清除缓存可能会导致应用需要重新下载资源，但有助于解决某些显示问题。</span>
|
||||||
</v-card-text>
|
</v-card-text>
|
||||||
</v-card>
|
</v-card>
|
||||||
|
|
||||||
<v-row>
|
<v-row>
|
||||||
<v-col
|
<v-col cols="12" md="8">
|
||||||
cols="12"
|
<v-card class="mb-4" variant="tonal">
|
||||||
md="8"
|
|
||||||
>
|
|
||||||
<v-card
|
|
||||||
class="mb-4"
|
|
||||||
variant="tonal"
|
|
||||||
>
|
|
||||||
<v-card-text>
|
<v-card-text>
|
||||||
<div class="d-flex align-center mb-2">
|
<div class="d-flex align-center mb-2">
|
||||||
<v-icon
|
<v-icon class="mr-2" color="primary">mdi-information</v-icon>
|
||||||
class="mr-2"
|
|
||||||
color="primary"
|
|
||||||
>
|
|
||||||
mdi-information
|
|
||||||
</v-icon>
|
|
||||||
<span class="text-h6">什么是缓存？</span>
|
<span class="text-h6">什么是缓存？</span>
|
||||||
</div>
|
</div>
|
||||||
<p>
|
<p>
|
||||||
缓存是浏览器在本地存储的网站资源副本，如图片、脚本和样式表等。这些缓存可以加快页面加载速度，减少数据使用，并在离线时提供基本功能。
|
缓存是浏览器在本地存储的网站资源副本，如图片、脚本和样式表等。这些缓存可以加快页面加载速度，减少数据使用，并在离线时提供基本功能。</p>
|
||||||
</p>
|
|
||||||
</v-card-text>
|
</v-card-text>
|
||||||
</v-card>
|
</v-card>
|
||||||
</v-col>
|
</v-col>
|
||||||
|
|
||||||
<v-col
|
<v-col cols="12" md="4">
|
||||||
cols="12"
|
<v-card class="mb-4" variant="tonal">
|
||||||
md="4"
|
|
||||||
>
|
|
||||||
<v-card
|
|
||||||
class="mb-4"
|
|
||||||
variant="tonal"
|
|
||||||
>
|
|
||||||
<v-card-text>
|
<v-card-text>
|
||||||
<div class="d-flex align-center mb-2">
|
<div class="d-flex align-center mb-2">
|
||||||
<v-icon
|
<v-icon class="mr-2" color="warning">mdi-lightbulb-outline</v-icon>
|
||||||
class="mr-2"
|
|
||||||
color="warning"
|
|
||||||
>
|
|
||||||
mdi-lightbulb-outline
|
|
||||||
</v-icon>
|
|
||||||
<span class="text-h6">何时清除缓存？</span>
|
<span class="text-h6">何时清除缓存？</span>
|
||||||
</div>
|
</div>
|
||||||
<ul class="pl-4">
|
<ul class="pl-4">
|
||||||
|
|||||||
@ -1,17 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<v-container
|
<v-container class="fill-height" fluid>
|
||||||
class="fill-height"
|
<v-row align="center" justify="center">
|
||||||
fluid
|
<v-col cols="12" md="6" sm="8">
|
||||||
>
|
|
||||||
<v-row
|
|
||||||
align="center"
|
|
||||||
justify="center"
|
|
||||||
>
|
|
||||||
<v-col
|
|
||||||
cols="12"
|
|
||||||
md="6"
|
|
||||||
sm="8"
|
|
||||||
>
|
|
||||||
<v-card>
|
<v-card>
|
||||||
<v-card-title class="text-h5">
|
<v-card-title class="text-h5">
|
||||||
{{ status === 'processing' ? '正在处理授权...' : status === 'success' ? '授权成功' : '授权失败' }}
|
{{ status === 'processing' ? '正在处理授权...' : status === 'success' ? '授权成功' : '授权失败' }}
|
||||||
@ -22,17 +12,12 @@
|
|||||||
class="mb-4"
|
class="mb-4"
|
||||||
color="primary"
|
color="primary"
|
||||||
indeterminate
|
indeterminate
|
||||||
/>
|
></v-progress-linear>
|
||||||
<p>{{ message }}</p>
|
<p>{{ message }}</p>
|
||||||
</v-card-text>
|
</v-card-text>
|
||||||
<v-card-actions v-if="status !== 'processing'">
|
<v-card-actions v-if="status !== 'processing'">
|
||||||
<v-spacer />
|
<v-spacer></v-spacer>
|
||||||
<v-btn
|
<v-btn color="primary" @click="goToHome">返回首页</v-btn>
|
||||||
color="primary"
|
|
||||||
@click="goToHome"
|
|
||||||
>
|
|
||||||
返回首页
|
|
||||||
</v-btn>
|
|
||||||
</v-card-actions>
|
</v-card-actions>
|
||||||
</v-card>
|
</v-card>
|
||||||
</v-col>
|
</v-col>
|
||||||
|
|||||||
@ -2,17 +2,9 @@
|
|||||||
<v-container class="fill-height">
|
<v-container class="fill-height">
|
||||||
<v-row>
|
<v-row>
|
||||||
<v-col cols="12">
|
<v-col cols="12">
|
||||||
<v-card
|
<v-card class="elevation-12" border>
|
||||||
class="elevation-12"
|
|
||||||
border
|
|
||||||
>
|
|
||||||
<v-card-title class="d-flex align-center primary lighten-1 white--text py-3 px-4">
|
<v-card-title class="d-flex align-center primary lighten-1 white--text py-3 px-4">
|
||||||
<v-icon
|
<v-icon color="white" class="mr-2">mdi-swap-horizontal</v-icon>
|
||||||
color="white"
|
|
||||||
class="mr-2"
|
|
||||||
>
|
|
||||||
mdi-swap-horizontal
|
|
||||||
</v-icon>
|
|
||||||
课程表转换工具
|
课程表转换工具
|
||||||
</v-card-title>
|
</v-card-title>
|
||||||
<v-card-subtitle>
|
<v-card-subtitle>
|
||||||
@ -30,9 +22,7 @@
|
|||||||
@click:close="error = ''"
|
@click:close="error = ''"
|
||||||
>
|
>
|
||||||
<div class="d-flex align-center">
|
<div class="d-flex align-center">
|
||||||
<v-icon class="mr-2">
|
<v-icon class="mr-2">mdi-alert-circle</v-icon>
|
||||||
mdi-alert-circle
|
|
||||||
</v-icon>
|
|
||||||
{{ error }}
|
{{ error }}
|
||||||
</div>
|
</div>
|
||||||
</v-alert>
|
</v-alert>
|
||||||
@ -48,75 +38,38 @@
|
|||||||
@click:close="success = ''"
|
@click:close="success = ''"
|
||||||
>
|
>
|
||||||
<div class="d-flex align-center">
|
<div class="d-flex align-center">
|
||||||
<v-icon class="mr-2">
|
<v-icon class="mr-2">mdi-check-circle</v-icon>
|
||||||
mdi-check-circle
|
|
||||||
</v-icon>
|
|
||||||
{{ success }}
|
{{ success }}
|
||||||
</div>
|
</div>
|
||||||
</v-alert>
|
</v-alert>
|
||||||
|
|
||||||
<!-- 输入方式选择 -->
|
<!-- 输入方式选择 -->
|
||||||
<v-tabs
|
<v-tabs v-model="activeTab" class="mb-4 mx-2" color="primary" rounded>
|
||||||
v-model="activeTab"
|
<v-tab value="text" class="px-5">
|
||||||
class="mb-4 mx-2"
|
<v-icon start>mdi-text-box</v-icon>
|
||||||
color="primary"
|
|
||||||
rounded
|
|
||||||
>
|
|
||||||
<v-tab
|
|
||||||
value="text"
|
|
||||||
class="px-5"
|
|
||||||
>
|
|
||||||
<v-icon start>
|
|
||||||
mdi-text-box
|
|
||||||
</v-icon>
|
|
||||||
文本粘贴
|
文本粘贴
|
||||||
</v-tab>
|
</v-tab>
|
||||||
<v-tab
|
<v-tab value="file" class="px-5">
|
||||||
value="file"
|
<v-icon start>mdi-file-upload</v-icon>
|
||||||
class="px-5"
|
|
||||||
>
|
|
||||||
<v-icon start>
|
|
||||||
mdi-file-upload
|
|
||||||
</v-icon>
|
|
||||||
文件上传
|
文件上传
|
||||||
</v-tab>
|
</v-tab>
|
||||||
</v-tabs>
|
</v-tabs>
|
||||||
|
|
||||||
<!-- 格式选择 -->
|
<!-- 格式选择 -->
|
||||||
<v-btn-toggle
|
<v-btn-toggle v-model="formatMode" color="primary" class="mb-4 mx-2" mandatory density="comfortable" border
|
||||||
v-model="formatMode"
|
rounded>
|
||||||
color="primary"
|
<v-btn value="auto">自动检测</v-btn>
|
||||||
class="mb-4 mx-2"
|
<v-btn value="json">JSON</v-btn>
|
||||||
mandatory
|
<v-btn value="yaml" :disabled="!yamlLibLoaded">
|
||||||
density="comfortable"
|
|
||||||
border
|
|
||||||
rounded
|
|
||||||
>
|
|
||||||
<v-btn value="auto">
|
|
||||||
自动检测
|
|
||||||
</v-btn>
|
|
||||||
<v-btn value="json">
|
|
||||||
JSON
|
|
||||||
</v-btn>
|
|
||||||
<v-btn
|
|
||||||
value="yaml"
|
|
||||||
:disabled="!yamlLibLoaded"
|
|
||||||
>
|
|
||||||
YAML
|
YAML
|
||||||
<v-tooltip
|
<v-tooltip activator="parent" location="bottom">
|
||||||
activator="parent"
|
|
||||||
location="bottom"
|
|
||||||
>
|
|
||||||
{{ yamlLibLoaded ? 'YAML解析库已加载' : '正在加载YAML解析库...' }}
|
{{ yamlLibLoaded ? 'YAML解析库已加载' : '正在加载YAML解析库...' }}
|
||||||
</v-tooltip>
|
</v-tooltip>
|
||||||
</v-btn>
|
</v-btn>
|
||||||
</v-btn-toggle>
|
</v-btn-toggle>
|
||||||
|
|
||||||
<!-- 添加当前检测到的格式提示 -->
|
<!-- 添加当前检测到的格式提示 -->
|
||||||
<div
|
<div v-if="jsonText && formatMode === 'auto'" class="text-caption mb-2">
|
||||||
v-if="jsonText && formatMode === 'auto'"
|
|
||||||
class="text-caption mb-2"
|
|
||||||
>
|
|
||||||
检测到的格式: {{ isYaml(jsonText) ? 'YAML' : 'JSON' }}
|
检测到的格式: {{ isYaml(jsonText) ? 'YAML' : 'JSON' }}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@ -132,7 +85,7 @@
|
|||||||
rows="6"
|
rows="6"
|
||||||
placeholder="请在此粘贴CSES格式的数据..."
|
placeholder="请在此粘贴CSES格式的数据..."
|
||||||
@input="handleTextChange"
|
@input="handleTextChange"
|
||||||
/>
|
></v-textarea>
|
||||||
</div>
|
</div>
|
||||||
</v-window-item>
|
</v-window-item>
|
||||||
<v-window-item value="file">
|
<v-window-item value="file">
|
||||||
@ -143,13 +96,13 @@
|
|||||||
prepend-icon="mdi-file-upload"
|
prepend-icon="mdi-file-upload"
|
||||||
:loading="loading"
|
:loading="loading"
|
||||||
:disabled="loading"
|
:disabled="loading"
|
||||||
|
@change="handleFileChange"
|
||||||
hint="支持JSON、YAML格式文件"
|
hint="支持JSON、YAML格式文件"
|
||||||
persistent-hint
|
persistent-hint
|
||||||
:rules="[
|
:rules="[
|
||||||
v => !v || v.size < 2000000 || '文件大小不能超过 2 MB',
|
v => !v || v.size < 2000000 || '文件大小不能超过 2 MB',
|
||||||
]"
|
]"
|
||||||
@change="handleFileChange"
|
></v-file-input>
|
||||||
/>
|
|
||||||
|
|
||||||
<v-alert
|
<v-alert
|
||||||
v-if="file && formatMode === 'auto'"
|
v-if="file && formatMode === 'auto'"
|
||||||
@ -165,33 +118,17 @@
|
|||||||
|
|
||||||
<!-- 设置面板 -->
|
<!-- 设置面板 -->
|
||||||
<v-col cols="12">
|
<v-col cols="12">
|
||||||
<v-card
|
<v-card flat class="pa-4 rounded-lg" border>
|
||||||
flat
|
|
||||||
class="pa-4 rounded-lg"
|
|
||||||
border
|
|
||||||
>
|
|
||||||
<div class="d-flex align-center mb-3">
|
<div class="d-flex align-center mb-3">
|
||||||
<v-icon
|
<v-icon color="primary" class="mr-2">mdi-calendar-multiselect</v-icon>
|
||||||
color="primary"
|
<h3 class="text-subtitle-1 font-weight-medium mr-auto">选择导出天数</h3>
|
||||||
class="mr-2"
|
|
||||||
>
|
|
||||||
mdi-calendar-multiselect
|
|
||||||
</v-icon>
|
|
||||||
<h3 class="text-subtitle-1 font-weight-medium mr-auto">
|
|
||||||
选择导出天数
|
|
||||||
</h3>
|
|
||||||
<v-btn
|
<v-btn
|
||||||
variant="text"
|
variant="text"
|
||||||
color="primary"
|
color="primary"
|
||||||
class="ml-2"
|
class="ml-2"
|
||||||
@click="selectAllDays"
|
@click="selectAllDays"
|
||||||
>
|
>
|
||||||
<v-icon
|
<v-icon start size="small">mdi-checkbox-multiple-marked</v-icon>
|
||||||
start
|
|
||||||
size="small"
|
|
||||||
>
|
|
||||||
mdi-checkbox-multiple-marked
|
|
||||||
</v-icon>
|
|
||||||
全选
|
全选
|
||||||
</v-btn>
|
</v-btn>
|
||||||
<v-btn
|
<v-btn
|
||||||
@ -200,37 +137,19 @@
|
|||||||
class="ml-2"
|
class="ml-2"
|
||||||
@click="clearSelectedDays"
|
@click="clearSelectedDays"
|
||||||
>
|
>
|
||||||
<v-icon
|
<v-icon start size="small">mdi-checkbox-multiple-blank-outline</v-icon>
|
||||||
start
|
|
||||||
size="small"
|
|
||||||
>
|
|
||||||
mdi-checkbox-multiple-blank-outline
|
|
||||||
</v-icon>
|
|
||||||
清除
|
清除
|
||||||
</v-btn>
|
</v-btn>
|
||||||
</div>
|
</div>
|
||||||
<v-chip-group
|
<v-chip-group v-model="selectedDays" multiple class="mb-2" color="primary">
|
||||||
v-model="selectedDays"
|
<v-chip v-for="day in 7" :key="day" :value="day" filter variant="tonal" class="filter-chip" label>
|
||||||
multiple
|
|
||||||
class="mb-2"
|
|
||||||
color="primary"
|
|
||||||
>
|
|
||||||
<v-chip
|
|
||||||
v-for="day in 7"
|
|
||||||
:key="day"
|
|
||||||
:value="day"
|
|
||||||
filter
|
|
||||||
variant="tonal"
|
|
||||||
class="filter-chip"
|
|
||||||
label
|
|
||||||
>
|
|
||||||
{{ dayNames[day] }}
|
{{ dayNames[day] }}
|
||||||
<v-badge
|
<v-badge
|
||||||
v-if="getDaySchedule(day).length > 0"
|
v-if="getDaySchedule(day).length > 0"
|
||||||
:content="getDaySchedule(day).length"
|
:content="getDaySchedule(day).length"
|
||||||
color="primary"
|
color="primary"
|
||||||
inline
|
inline
|
||||||
/>
|
></v-badge>
|
||||||
</v-chip>
|
</v-chip>
|
||||||
</v-chip-group>
|
</v-chip-group>
|
||||||
</v-card>
|
</v-card>
|
||||||
@ -238,51 +157,31 @@
|
|||||||
|
|
||||||
<!-- 改进设置选项卡，显示为开关组 -->
|
<!-- 改进设置选项卡，显示为开关组 -->
|
||||||
<v-col cols="12">
|
<v-col cols="12">
|
||||||
<v-card
|
<v-card flat class="pa-4 rounded-lg" border>
|
||||||
flat
|
|
||||||
class="pa-4 rounded-lg"
|
|
||||||
border
|
|
||||||
>
|
|
||||||
<div class="d-flex align-center mb-3">
|
<div class="d-flex align-center mb-3">
|
||||||
<v-icon
|
<v-icon color="primary" class="mr-2">mdi-cog</v-icon>
|
||||||
color="primary"
|
<h3 class="text-subtitle-1 font-weight-medium">显示配置</h3>
|
||||||
class="mr-2"
|
|
||||||
>
|
|
||||||
mdi-cog
|
|
||||||
</v-icon>
|
|
||||||
<h3 class="text-subtitle-1 font-weight-medium">
|
|
||||||
显示配置
|
|
||||||
</h3>
|
|
||||||
</div>
|
</div>
|
||||||
<v-row>
|
<v-row>
|
||||||
<v-col
|
<v-col cols="12" sm="6">
|
||||||
cols="12"
|
|
||||||
sm="6"
|
|
||||||
>
|
|
||||||
<v-switch
|
<v-switch
|
||||||
v-model="settings.hideTeacherName"
|
v-model="settings.hideTeacherName"
|
||||||
label="不显示教师姓名"
|
label="不显示教师姓名"
|
||||||
color="primary"
|
color="primary"
|
||||||
inset
|
inset
|
||||||
hide-details
|
hide-details
|
||||||
/>
|
></v-switch>
|
||||||
</v-col>
|
</v-col>
|
||||||
<v-col
|
<v-col cols="12" sm="6">
|
||||||
cols="12"
|
|
||||||
sm="6"
|
|
||||||
>
|
|
||||||
<v-switch
|
<v-switch
|
||||||
v-model="settings.hideRoom"
|
v-model="settings.hideRoom"
|
||||||
label="不显示教室信息"
|
label="不显示教室信息"
|
||||||
color="primary"
|
color="primary"
|
||||||
inset
|
inset
|
||||||
hide-details
|
hide-details
|
||||||
/>
|
></v-switch>
|
||||||
</v-col>
|
</v-col>
|
||||||
<v-col
|
<v-col cols="12" sm="6">
|
||||||
cols="12"
|
|
||||||
sm="6"
|
|
||||||
>
|
|
||||||
<v-text-field
|
<v-text-field
|
||||||
v-model.number="settings.totalWeeks"
|
v-model.number="settings.totalWeeks"
|
||||||
label="总周数"
|
label="总周数"
|
||||||
@ -294,23 +193,19 @@
|
|||||||
variant="outlined"
|
variant="outlined"
|
||||||
prepend-inner-icon="mdi-calendar-week"
|
prepend-inner-icon="mdi-calendar-week"
|
||||||
class="mt-3"
|
class="mt-3"
|
||||||
/>
|
></v-text-field>
|
||||||
</v-col>
|
</v-col>
|
||||||
</v-row>
|
</v-row>
|
||||||
</v-card>
|
</v-card>
|
||||||
</v-col>
|
</v-col>
|
||||||
|
|
||||||
<!-- 添加加载状态的骨架屏 -->
|
<!-- 添加加载状态的骨架屏 -->
|
||||||
<v-card
|
<v-card v-if="loading" class="my-4" outlined>
|
||||||
v-if="loading"
|
|
||||||
class="my-4"
|
|
||||||
outlined
|
|
||||||
>
|
|
||||||
<v-card-text>
|
<v-card-text>
|
||||||
<v-skeleton-loader
|
<v-skeleton-loader
|
||||||
type="table"
|
type="table"
|
||||||
class="mx-auto"
|
class="mx-auto"
|
||||||
/>
|
></v-skeleton-loader>
|
||||||
</v-card-text>
|
</v-card-text>
|
||||||
</v-card>
|
</v-card>
|
||||||
|
|
||||||
@ -335,31 +230,12 @@
|
|||||||
</v-alert>
|
</v-alert>
|
||||||
|
|
||||||
<!-- 课程表预览 -->
|
<!-- 课程表预览 -->
|
||||||
<v-card
|
<v-card v-if="processedData" class="my-4" elevation="1">
|
||||||
v-if="processedData"
|
|
||||||
class="my-4"
|
|
||||||
elevation="1"
|
|
||||||
>
|
|
||||||
<v-card-title class="d-flex align-center pa-4 bg-primary-lighten-5">
|
<v-card-title class="d-flex align-center pa-4 bg-primary-lighten-5">
|
||||||
<v-icon
|
<v-icon color="primary" class="mr-2">mdi-table</v-icon>
|
||||||
color="primary"
|
|
||||||
class="mr-2"
|
|
||||||
>
|
|
||||||
mdi-table
|
|
||||||
</v-icon>
|
|
||||||
<span class="font-weight-bold">课程表</span>
|
<span class="font-weight-bold">课程表</span>
|
||||||
<v-chip
|
<v-chip color="primary" class="ml-3" size="small" pill>
|
||||||
color="primary"
|
<v-icon start size="x-small">mdi-book-open-variant</v-icon>
|
||||||
class="ml-3"
|
|
||||||
size="small"
|
|
||||||
pill
|
|
||||||
>
|
|
||||||
<v-icon
|
|
||||||
start
|
|
||||||
size="x-small"
|
|
||||||
>
|
|
||||||
mdi-book-open-variant
|
|
||||||
</v-icon>
|
|
||||||
{{ processedData.tableData.length }} 节课程
|
{{ processedData.tableData.length }} 节课程
|
||||||
</v-chip>
|
</v-chip>
|
||||||
</v-card-title>
|
</v-card-title>
|
||||||
@ -387,15 +263,8 @@
|
|||||||
/>
|
/>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<template
|
<template v-for="day in 7" #[`item.${day}`]="{ item }" :key="day">
|
||||||
v-for="day in 7"
|
<div v-if="item[day]" class="course-cell">
|
||||||
#[`item.${day}`]="{ item }"
|
|
||||||
:key="day"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
v-if="item[day]"
|
|
||||||
class="course-cell"
|
|
||||||
>
|
|
||||||
<template v-if="Array.isArray(item[day])">
|
<template v-if="Array.isArray(item[day])">
|
||||||
<div
|
<div
|
||||||
v-for="(course, index) in item[day]"
|
v-for="(course, index) in item[day]"
|
||||||
@ -406,12 +275,12 @@
|
|||||||
<span
|
<span
|
||||||
v-if="!settings.hideTeacherName && course.teacher"
|
v-if="!settings.hideTeacherName && course.teacher"
|
||||||
>
|
>
|
||||||
<br>{{ course.teacher }}
|
<br/>{{ course.teacher }}
|
||||||
</span>
|
</span>
|
||||||
<span
|
<span
|
||||||
v-if="!settings.hideRoom && course.room"
|
v-if="!settings.hideRoom && course.room"
|
||||||
>
|
>
|
||||||
<br>{{ course.room }}
|
<br/>{{ course.room }}
|
||||||
</span>
|
</span>
|
||||||
<span
|
<span
|
||||||
v-if="course.weekType"
|
v-if="course.weekType"
|
||||||
@ -426,12 +295,12 @@
|
|||||||
<span
|
<span
|
||||||
v-if="!settings.hideTeacherName && item[day].teacher"
|
v-if="!settings.hideTeacherName && item[day].teacher"
|
||||||
>
|
>
|
||||||
<br>{{ item[day].teacher }}
|
<br/>{{ item[day].teacher }}
|
||||||
</span>
|
</span>
|
||||||
<span
|
<span
|
||||||
v-if="!settings.hideRoom && item[day].room"
|
v-if="!settings.hideRoom && item[day].room"
|
||||||
>
|
>
|
||||||
<br>{{ item[day].room }}
|
<br/>{{ item[day].room }}
|
||||||
</span>
|
</span>
|
||||||
<span
|
<span
|
||||||
v-if="item[day].weekType"
|
v-if="item[day].weekType"
|
||||||
@ -447,48 +316,18 @@
|
|||||||
</v-card>
|
</v-card>
|
||||||
|
|
||||||
<!-- 时间表 -->
|
<!-- 时间表 -->
|
||||||
<v-card
|
<v-card v-if="hasExportData" class="my-4" elevation="1">
|
||||||
v-if="hasExportData"
|
|
||||||
class="my-4"
|
|
||||||
elevation="1"
|
|
||||||
>
|
|
||||||
<v-card-title class="d-flex align-center pa-4 bg-primary-lighten-5">
|
<v-card-title class="d-flex align-center pa-4 bg-primary-lighten-5">
|
||||||
<v-icon
|
<v-icon color="primary" class="mr-2">mdi-timetable</v-icon>
|
||||||
color="primary"
|
|
||||||
class="mr-2"
|
|
||||||
>
|
|
||||||
mdi-timetable
|
|
||||||
</v-icon>
|
|
||||||
<span class="font-weight-bold">每日课程时间表</span>
|
<span class="font-weight-bold">每日课程时间表</span>
|
||||||
<v-chip
|
<v-chip class="ml-3" size="small" color="primary" pill>
|
||||||
class="ml-3"
|
<v-icon start size="x-small">mdi-clock-outline</v-icon>
|
||||||
size="small"
|
|
||||||
color="primary"
|
|
||||||
pill
|
|
||||||
>
|
|
||||||
<v-icon
|
|
||||||
start
|
|
||||||
size="x-small"
|
|
||||||
>
|
|
||||||
mdi-clock-outline
|
|
||||||
</v-icon>
|
|
||||||
{{ totalClassHours }} 课时
|
{{ totalClassHours }} 课时
|
||||||
</v-chip>
|
</v-chip>
|
||||||
<v-tooltip v-if="exportPeriods.length > 0">
|
<v-tooltip v-if="exportPeriods.length > 0">
|
||||||
<template #activator="{ props }">
|
<template v-slot:activator="{ props }">
|
||||||
<v-chip
|
<v-chip class="ml-2" size="small" color="info" v-bind="props" pill>
|
||||||
class="ml-2"
|
<v-icon start size="x-small">mdi-information-outline</v-icon>
|
||||||
size="small"
|
|
||||||
color="info"
|
|
||||||
v-bind="props"
|
|
||||||
pill
|
|
||||||
>
|
|
||||||
<v-icon
|
|
||||||
start
|
|
||||||
size="x-small"
|
|
||||||
>
|
|
||||||
mdi-information-outline
|
|
||||||
</v-icon>
|
|
||||||
节次已重排
|
节次已重排
|
||||||
</v-chip>
|
</v-chip>
|
||||||
</template>
|
</template>
|
||||||
@ -497,47 +336,25 @@
|
|||||||
</v-card-title>
|
</v-card-title>
|
||||||
<v-card-text>
|
<v-card-text>
|
||||||
<!-- 美化日期导航标签 -->
|
<!-- 美化日期导航标签 -->
|
||||||
<v-tabs
|
<v-tabs v-if="daysWithSchedule.length > 0" v-model="activeDay" class="mb-4" color="primary" grow
|
||||||
v-if="daysWithSchedule.length > 0"
|
align-tabs="center">
|
||||||
v-model="activeDay"
|
<v-tab v-for="day in daysWithSchedule" :key="day" :value="day" class="px-2 font-weight-medium">
|
||||||
class="mb-4"
|
|
||||||
color="primary"
|
|
||||||
grow
|
|
||||||
align-tabs="center"
|
|
||||||
>
|
|
||||||
<v-tab
|
|
||||||
v-for="day in daysWithSchedule"
|
|
||||||
:key="day"
|
|
||||||
:value="day"
|
|
||||||
class="px-2 font-weight-medium"
|
|
||||||
>
|
|
||||||
{{ dayNames[day] }}
|
{{ dayNames[day] }}
|
||||||
<v-badge
|
<v-badge
|
||||||
:content="getDaySchedule(day).length"
|
:content="getDaySchedule(day).length"
|
||||||
color="primary"
|
color="primary"
|
||||||
inline
|
inline
|
||||||
/>
|
></v-badge>
|
||||||
</v-tab>
|
</v-tab>
|
||||||
</v-tabs>
|
</v-tabs>
|
||||||
|
|
||||||
<!-- 当前选中日期的课程表 -->
|
<!-- 当前选中日期的课程表 -->
|
||||||
<v-window v-model="activeDay">
|
<v-window v-model="activeDay">
|
||||||
<v-window-item
|
<v-window-item v-for="day in daysWithSchedule" :key="day" :value="day">
|
||||||
v-for="day in daysWithSchedule"
|
<v-table density="compact" class="rounded" :headers-length="6" disable-sort>
|
||||||
:key="day"
|
|
||||||
:value="day"
|
|
||||||
>
|
|
||||||
<v-table
|
|
||||||
density="compact"
|
|
||||||
class="rounded"
|
|
||||||
:headers-length="6"
|
|
||||||
disable-sort
|
|
||||||
>
|
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
<th class="text-center">
|
<th class="text-center">节次</th>
|
||||||
节次
|
|
||||||
</th>
|
|
||||||
<th>课程</th>
|
<th>课程</th>
|
||||||
<th>时间</th>
|
<th>时间</th>
|
||||||
<th>教师</th>
|
<th>教师</th>
|
||||||
@ -546,100 +363,54 @@
|
|||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
<tbody>
|
<tbody>
|
||||||
<template
|
<template v-for="(group, index) in groupByPeriod(getDaySchedule(day))" :key="index">
|
||||||
v-for="(group, index) in groupByPeriod(getDaySchedule(day))"
|
|
||||||
:key="index"
|
|
||||||
>
|
|
||||||
<tr>
|
<tr>
|
||||||
<td class="text-center font-weight-bold">
|
<td class="text-center font-weight-bold">
|
||||||
{{ group.period }}
|
{{ group.period }}
|
||||||
<v-tooltip v-if="group.originalPeriod !== group.period">
|
<v-tooltip v-if="group.originalPeriod !== group.period">
|
||||||
<template #activator="{ props }">
|
<template v-slot:activator="{ props }">
|
||||||
<v-icon
|
<v-icon size="x-small" v-bind="props" color="info" class="ml-1">mdi-sync</v-icon>
|
||||||
size="x-small"
|
|
||||||
v-bind="props"
|
|
||||||
color="info"
|
|
||||||
class="ml-1"
|
|
||||||
>
|
|
||||||
mdi-sync
|
|
||||||
</v-icon>
|
|
||||||
</template>
|
</template>
|
||||||
原节次: {{ group.originalPeriod }}
|
原节次: {{ group.originalPeriod }}
|
||||||
</v-tooltip>
|
</v-tooltip>
|
||||||
</td>
|
</td>
|
||||||
<td>
|
<td>
|
||||||
<div
|
<div v-for="(item, i) in group.items" :key="i" class="mb-1">
|
||||||
v-for="(item, i) in group.items"
|
<v-chip size="small" :color="getSubjectColor(item.subject)" label text-color="white"
|
||||||
:key="i"
|
class="mr-1">
|
||||||
class="mb-1"
|
|
||||||
>
|
|
||||||
<v-chip
|
|
||||||
size="small"
|
|
||||||
:color="getSubjectColor(item.subject)"
|
|
||||||
label
|
|
||||||
text-color="white"
|
|
||||||
class="mr-1"
|
|
||||||
>
|
|
||||||
{{ item.subject }}
|
{{ item.subject }}
|
||||||
</v-chip>
|
</v-chip>
|
||||||
<v-chip
|
<v-chip v-if="group.items.length > 1" size="x-small" class="ml-1"
|
||||||
v-if="group.items.length > 1"
|
:color="item.weekType === '单' ? 'warning' : 'success'">
|
||||||
size="x-small"
|
|
||||||
class="ml-1"
|
|
||||||
:color="item.weekType === '单' ? 'warning' : 'success'"
|
|
||||||
>
|
|
||||||
{{ item.weekType }}周
|
{{ item.weekType }}周
|
||||||
</v-chip>
|
</v-chip>
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
<td>
|
<td>
|
||||||
<div
|
<div v-for="(timeSlot, i) in group.uniqueTimeSlots" :key="i" class="mb-1">
|
||||||
v-for="(timeSlot, i) in group.uniqueTimeSlots"
|
<v-chip size="x-small" class="time-chip">
|
||||||
:key="i"
|
|
||||||
class="mb-1"
|
|
||||||
>
|
|
||||||
<v-chip
|
|
||||||
size="x-small"
|
|
||||||
class="time-chip"
|
|
||||||
>
|
|
||||||
{{ formatTime(timeSlot.startTime) }} - {{ formatTime(timeSlot.endTime) }}
|
{{ formatTime(timeSlot.startTime) }} - {{ formatTime(timeSlot.endTime) }}
|
||||||
</v-chip>
|
</v-chip>
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
<td>
|
<td>
|
||||||
<template v-if="!settings.hideTeacherName">
|
<template v-if="!settings.hideTeacherName">
|
||||||
<div
|
<div v-for="(item, i) in group.items" :key="i" class="mb-1">
|
||||||
v-for="(item, i) in group.items"
|
|
||||||
:key="i"
|
|
||||||
class="mb-1"
|
|
||||||
>
|
|
||||||
{{ item.teacher || '-' }}
|
{{ item.teacher || '-' }}
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<template v-else>
|
<template v-else>-</template>
|
||||||
-
|
|
||||||
</template>
|
|
||||||
</td>
|
</td>
|
||||||
<td>
|
<td>
|
||||||
<template v-if="!settings.hideRoom">
|
<template v-if="!settings.hideRoom">
|
||||||
<div
|
<div v-for="(item, i) in group.items" :key="i" class="mb-1">
|
||||||
v-for="(item, i) in group.items"
|
|
||||||
:key="i"
|
|
||||||
class="mb-1"
|
|
||||||
>
|
|
||||||
{{ item.room || '-' }}
|
{{ item.room || '-' }}
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<template v-else>
|
<template v-else>-</template>
|
||||||
-
|
|
||||||
</template>
|
|
||||||
</td>
|
</td>
|
||||||
<td>
|
<td>
|
||||||
<div
|
<div v-for="(item, i) in group.items" :key="i" class="mb-1">
|
||||||
v-for="(item, i) in group.items"
|
|
||||||
:key="i"
|
|
||||||
class="mb-1"
|
|
||||||
>
|
|
||||||
{{ item.weeks }}
|
{{ item.weeks }}
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
@ -651,11 +422,7 @@
|
|||||||
</v-window>
|
</v-window>
|
||||||
|
|
||||||
<!-- 无数据提示 -->
|
<!-- 无数据提示 -->
|
||||||
<v-alert
|
<v-alert v-if="hasExportData && daysWithSchedule.length === 0" type="info" class="mt-3">
|
||||||
v-if="hasExportData && daysWithSchedule.length === 0"
|
|
||||||
type="info"
|
|
||||||
class="mt-3"
|
|
||||||
>
|
|
||||||
没有找到任何课程数据
|
没有找到任何课程数据
|
||||||
</v-alert>
|
</v-alert>
|
||||||
</v-card-text>
|
</v-card-text>
|
||||||
@ -663,24 +430,24 @@
|
|||||||
</v-card-text>
|
</v-card-text>
|
||||||
|
|
||||||
<v-card-actions class="">
|
<v-card-actions class="">
|
||||||
<v-spacer />
|
<v-spacer></v-spacer>
|
||||||
<v-btn
|
<v-btn
|
||||||
color="primary"
|
color="primary"
|
||||||
variant="outlined"
|
variant="outlined"
|
||||||
:loading="loading"
|
:loading="loading"
|
||||||
:disabled="(!jsonText && !file) || loading"
|
:disabled="(!jsonText && !file) || loading"
|
||||||
prepend-icon="mdi-cog-refresh"
|
|
||||||
@click="processInput"
|
@click="processInput"
|
||||||
|
prepend-icon="mdi-cog-refresh"
|
||||||
>
|
>
|
||||||
处理数据
|
处理数据
|
||||||
</v-btn>
|
</v-btn>
|
||||||
<v-btn
|
<v-btn
|
||||||
color="info"
|
color="info"
|
||||||
:disabled="!hasExportData"
|
:disabled="!hasExportData"
|
||||||
|
@click="showExportPreview"
|
||||||
class="ml-2"
|
class="ml-2"
|
||||||
prepend-icon="mdi-eye"
|
prepend-icon="mdi-eye"
|
||||||
border
|
border
|
||||||
@click="showExportPreview"
|
|
||||||
>
|
>
|
||||||
刷新
|
刷新
|
||||||
</v-btn>
|
</v-btn>
|
||||||
@ -688,10 +455,10 @@
|
|||||||
color="success"
|
color="success"
|
||||||
variant="outlined"
|
variant="outlined"
|
||||||
:disabled="!hasExportData"
|
:disabled="!hasExportData"
|
||||||
|
@click="downloadCSV"
|
||||||
class="ml-2"
|
class="ml-2"
|
||||||
prepend-icon="mdi-download"
|
prepend-icon="mdi-download"
|
||||||
border
|
border
|
||||||
@click="downloadCSV"
|
|
||||||
>
|
>
|
||||||
下载CSV
|
下载CSV
|
||||||
</v-btn>
|
</v-btn>
|
||||||
@ -968,22 +735,6 @@ export default {
|
|||||||
return days;
|
return days;
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
async mounted() {
|
|
||||||
// 加载YAML解析库
|
|
||||||
try {
|
|
||||||
await loadJsYaml();
|
|
||||||
this.yamlLibLoaded = true;
|
|
||||||
} catch (error) {
|
|
||||||
this.error = error.message;
|
|
||||||
}
|
|
||||||
|
|
||||||
// 监听daysWithSchedule变化，设置默认选中的日期
|
|
||||||
this.$watch('daysWithSchedule', (newVal) => {
|
|
||||||
if (newVal.length > 0 && !this.activeDay) {
|
|
||||||
this.activeDay = newVal[0];
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
methods: {
|
methods: {
|
||||||
async handleFileChange() {
|
async handleFileChange() {
|
||||||
this.resetData();
|
this.resetData();
|
||||||
@ -1490,6 +1241,22 @@ export default {
|
|||||||
clearSelectedDays() {
|
clearSelectedDays() {
|
||||||
this.selectedDays = [];
|
this.selectedDays = [];
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
async mounted() {
|
||||||
|
// 加载YAML解析库
|
||||||
|
try {
|
||||||
|
await loadJsYaml();
|
||||||
|
this.yamlLibLoaded = true;
|
||||||
|
} catch (error) {
|
||||||
|
this.error = error.message;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 监听daysWithSchedule变化，设置默认选中的日期
|
||||||
|
this.$watch('daysWithSchedule', (newVal) => {
|
||||||
|
if (newVal.length > 0 && !this.activeDay) {
|
||||||
|
this.activeDay = newVal[0];
|
||||||
|
}
|
||||||
|
});
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@ -86,14 +86,8 @@
|
|||||||
<v-divider class="my-4"/>
|
<v-divider class="my-4"/>
|
||||||
<v-row>
|
<v-row>
|
||||||
<v-col cols="12">
|
<v-col cols="12">
|
||||||
<v-card
|
<v-card border color="primary" variant="tonal">
|
||||||
border
|
<v-card-title class="text-subtitle-1">聊天室消息</v-card-title>
|
||||||
color="primary"
|
|
||||||
variant="tonal"
|
|
||||||
>
|
|
||||||
<v-card-title class="text-subtitle-1">
|
|
||||||
聊天室消息
|
|
||||||
</v-card-title>
|
|
||||||
<v-card-text>
|
<v-card-text>
|
||||||
<v-textarea
|
<v-textarea
|
||||||
v-model="chatInput"
|
v-model="chatInput"
|
||||||
|
|||||||
@ -6,19 +6,13 @@
|
|||||||
请将这个ID复制并私聊给开发者，以便进行问题排查。
|
请将这个ID复制并私聊给开发者，以便进行问题排查。
|
||||||
</v-card-subtitle>
|
</v-card-subtitle>
|
||||||
<v-card-text>
|
<v-card-text>
|
||||||
<div class="text-h6 mb-2">
|
<div class="text-h6 mb-2">访客 ID</div>
|
||||||
访客 ID
|
|
||||||
</div>
|
|
||||||
<v-code class="d-block pa-2 bg-grey-lighten-4 rounded mb-4">
|
<v-code class="d-block pa-2 bg-grey-lighten-4 rounded mb-4">
|
||||||
{{ visitorId || '加载中...' }}
|
{{ visitorId || '加载中...' }}
|
||||||
</v-code>
|
</v-code>
|
||||||
</v-card-text>
|
</v-card-text>
|
||||||
<v-card-actions>
|
<v-card-actions>
|
||||||
<v-btn
|
<v-btn color="primary" @click="loadData" :loading="loading">
|
||||||
color="primary"
|
|
||||||
:loading="loading"
|
|
||||||
@click="loadData"
|
|
||||||
>
|
|
||||||
Refresh
|
Refresh
|
||||||
</v-btn>
|
</v-btn>
|
||||||
</v-card-actions>
|
</v-card-actions>
|
||||||
|
|||||||
@ -11,26 +11,16 @@
|
|||||||
{{ error }}
|
{{ error }}
|
||||||
</v-alert>
|
</v-alert>
|
||||||
|
|
||||||
<v-skeleton-loader
|
<v-skeleton-loader v-if="loading" type="article"/>
|
||||||
v-if="loading"
|
|
||||||
type="article"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<div v-else-if="!config">
|
<div v-else-if="!config">
|
||||||
<v-alert
|
<v-alert border="start" type="warning" variant="tonal">
|
||||||
border="start"
|
|
||||||
type="warning"
|
|
||||||
variant="tonal"
|
|
||||||
>
|
|
||||||
缺少配置，请通过 URL 参数 id 或 url 传入配置。
|
缺少配置，请通过 URL 参数 id 或 url 传入配置。
|
||||||
</v-alert>
|
</v-alert>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div v-else>
|
<div v-else>
|
||||||
<div
|
<div ref="playerRef" class="player">
|
||||||
ref="playerRef"
|
|
||||||
class="player"
|
|
||||||
>
|
|
||||||
<ExamPlayer
|
<ExamPlayer
|
||||||
v-model:room-number="roomNumberLocal"
|
v-model:room-number="roomNumberLocal"
|
||||||
:config="playerConfigObj"
|
:config="playerConfigObj"
|
||||||
|
|||||||
@ -2,17 +2,9 @@
|
|||||||
<v-container class="fill-height">
|
<v-container class="fill-height">
|
||||||
<v-row>
|
<v-row>
|
||||||
<v-col cols="12">
|
<v-col cols="12">
|
||||||
<v-card
|
<v-card border class="elevation-12">
|
||||||
border
|
|
||||||
class="elevation-12"
|
|
||||||
>
|
|
||||||
<v-card-title class="d-flex align-center primary lighten-1 white--text py-3 px-4">
|
<v-card-title class="d-flex align-center primary lighten-1 white--text py-3 px-4">
|
||||||
<v-icon
|
<v-icon class="mr-2" color="white">mdi-calendar-check</v-icon>
|
||||||
class="mr-2"
|
|
||||||
color="white"
|
|
||||||
>
|
|
||||||
mdi-calendar-check
|
|
||||||
</v-icon>
|
|
||||||
考试看板
|
考试看板
|
||||||
</v-card-title>
|
</v-card-title>
|
||||||
<v-card-subtitle>
|
<v-card-subtitle>
|
||||||
@ -30,9 +22,7 @@
|
|||||||
@click:close="error = ''"
|
@click:close="error = ''"
|
||||||
>
|
>
|
||||||
<div class="d-flex align-center">
|
<div class="d-flex align-center">
|
||||||
<v-icon class="mr-2">
|
<v-icon class="mr-2">mdi-alert-circle</v-icon>
|
||||||
mdi-alert-circle
|
|
||||||
</v-icon>
|
|
||||||
{{ error }}
|
{{ error }}
|
||||||
</div>
|
</div>
|
||||||
</v-alert>
|
</v-alert>
|
||||||
@ -48,9 +38,7 @@
|
|||||||
@click:close="success = ''"
|
@click:close="success = ''"
|
||||||
>
|
>
|
||||||
<div class="d-flex align-center">
|
<div class="d-flex align-center">
|
||||||
<v-icon class="mr-2">
|
<v-icon class="mr-2">mdi-check-circle</v-icon>
|
||||||
mdi-check-circle
|
|
||||||
</v-icon>
|
|
||||||
{{ success }}
|
{{ success }}
|
||||||
</div>
|
</div>
|
||||||
</v-alert>
|
</v-alert>
|
||||||
@ -86,29 +74,19 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- 加载状态 -->
|
<!-- 加载状态 -->
|
||||||
<v-card
|
<v-card v-if="loading" class="my-4" outlined>
|
||||||
v-if="loading"
|
|
||||||
class="my-4"
|
|
||||||
outlined
|
|
||||||
>
|
|
||||||
<v-card-text>
|
<v-card-text>
|
||||||
<v-skeleton-loader
|
<v-skeleton-loader
|
||||||
class="mx-auto"
|
class="mx-auto"
|
||||||
type="list-item-avatar-two-line@3"
|
type="list-item-avatar-two-line@3"
|
||||||
/>
|
></v-skeleton-loader>
|
||||||
</v-card-text>
|
</v-card-text>
|
||||||
</v-card>
|
</v-card>
|
||||||
|
|
||||||
<!-- 配置列表 -->
|
<!-- 配置列表 -->
|
||||||
<v-card
|
<v-card v-if="!loading && configs.length > 0" class="my-4" elevation="1">
|
||||||
v-if="!loading && configs.length > 0"
|
|
||||||
class="my-4"
|
|
||||||
elevation="1"
|
|
||||||
>
|
|
||||||
<v-card-title class="d-flex align-center pa-4 bg-primary-lighten-5">
|
<v-card-title class="d-flex align-center pa-4 bg-primary-lighten-5">
|
||||||
<v-icon class="mr-2">
|
<v-icon class="mr-2">mdi-format-list-bulleted</v-icon>
|
||||||
mdi-format-list-bulleted
|
|
||||||
</v-icon>
|
|
||||||
<span class="font-weight-bold">配置列表</span>
|
<span class="font-weight-bold">配置列表</span>
|
||||||
</v-card-title>
|
</v-card-title>
|
||||||
<v-list>
|
<v-list>
|
||||||
@ -120,13 +98,8 @@
|
|||||||
@click="showEditDialog(config)"
|
@click="showEditDialog(config)"
|
||||||
>
|
>
|
||||||
<template #prepend>
|
<template #prepend>
|
||||||
<v-avatar
|
<v-avatar class="mr-2" color="primary">
|
||||||
class="mr-2"
|
<v-icon color="white">mdi-calendar-text</v-icon>
|
||||||
color="primary"
|
|
||||||
>
|
|
||||||
<v-icon color="white">
|
|
||||||
mdi-calendar-text
|
|
||||||
</v-icon>
|
|
||||||
</v-avatar>
|
</v-avatar>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@ -135,21 +108,11 @@
|
|||||||
</v-list-item-title>
|
</v-list-item-title>
|
||||||
<v-list-item-subtitle class="text-caption mt-1">
|
<v-list-item-subtitle class="text-caption mt-1">
|
||||||
<div class="d-flex align-center">
|
<div class="d-flex align-center">
|
||||||
<v-icon
|
<v-icon class="mr-1" size="small">mdi-information-outline</v-icon>
|
||||||
class="mr-1"
|
|
||||||
size="small"
|
|
||||||
>
|
|
||||||
mdi-information-outline
|
|
||||||
</v-icon>
|
|
||||||
{{ config.message || '无描述' }}
|
{{ config.message || '无描述' }}
|
||||||
</div>
|
</div>
|
||||||
<div class="d-flex align-center mt-1">
|
<div class="d-flex align-center mt-1">
|
||||||
<v-icon
|
<v-icon class="mr-1" size="small">mdi-book-multiple</v-icon>
|
||||||
class="mr-1"
|
|
||||||
size="small"
|
|
||||||
>
|
|
||||||
mdi-book-multiple
|
|
||||||
</v-icon>
|
|
||||||
{{ config.examInfos ? config.examInfos.length : 0 }} 堂考试
|
{{ config.examInfos ? config.examInfos.length : 0 }} 堂考试
|
||||||
</div>
|
</div>
|
||||||
</v-list-item-subtitle>
|
</v-list-item-subtitle>
|
||||||
@ -177,6 +140,8 @@
|
|||||||
>
|
>
|
||||||
<v-icon>mdi-eye</v-icon>
|
<v-icon>mdi-eye</v-icon>
|
||||||
</v-btn>
|
</v-btn>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</v-list-item>
|
</v-list-item>
|
||||||
@ -184,22 +149,12 @@
|
|||||||
</v-card>
|
</v-card>
|
||||||
|
|
||||||
<!-- 空状态 -->
|
<!-- 空状态 -->
|
||||||
<v-card
|
<v-card v-if="!loading && configs.length === 0" class="my-4" elevation="1">
|
||||||
v-if="!loading && configs.length === 0"
|
|
||||||
class="my-4"
|
|
||||||
elevation="1"
|
|
||||||
>
|
|
||||||
<v-card-text class="text-center py-8">
|
<v-card-text class="text-center py-8">
|
||||||
<v-icon
|
<v-icon class="mb-4" color="grey-lighten-1" size="64">
|
||||||
class="mb-4"
|
|
||||||
color="grey-lighten-1"
|
|
||||||
size="64"
|
|
||||||
>
|
|
||||||
mdi-calendar-blank
|
mdi-calendar-blank
|
||||||
</v-icon>
|
</v-icon>
|
||||||
<h3 class="text-h6 mb-2 text-grey-darken-1">
|
<h3 class="text-h6 mb-2 text-grey-darken-1">暂无配置</h3>
|
||||||
暂无配置
|
|
||||||
</h3>
|
|
||||||
<p class="text-body-2 text-grey-darken-1 mb-4">
|
<p class="text-body-2 text-grey-darken-1 mb-4">
|
||||||
点击"新建配置"按钮创建您的第一个考试配置
|
点击"新建配置"按钮创建您的第一个考试配置
|
||||||
</p>
|
</p>
|
||||||
@ -218,18 +173,10 @@
|
|||||||
</v-row>
|
</v-row>
|
||||||
|
|
||||||
<!-- 重命名对话框 -->
|
<!-- 重命名对话框 -->
|
||||||
<v-dialog
|
<v-dialog v-model="renameDialog" max-width="500">
|
||||||
v-model="renameDialog"
|
|
||||||
max-width="500"
|
|
||||||
>
|
|
||||||
<v-card>
|
<v-card>
|
||||||
<v-card-title class="d-flex align-center">
|
<v-card-title class="d-flex align-center">
|
||||||
<v-icon
|
<v-icon class="mr-2" color="primary">mdi-rename-box</v-icon>
|
||||||
class="mr-2"
|
|
||||||
color="primary"
|
|
||||||
>
|
|
||||||
mdi-rename-box
|
|
||||||
</v-icon>
|
|
||||||
重命名配置
|
重命名配置
|
||||||
</v-card-title>
|
</v-card-title>
|
||||||
<v-card-text>
|
<v-card-text>
|
||||||
@ -240,10 +187,10 @@
|
|||||||
prepend-inner-icon="mdi-calendar-text"
|
prepend-inner-icon="mdi-calendar-text"
|
||||||
variant="outlined"
|
variant="outlined"
|
||||||
@keyup.enter="renameConfig"
|
@keyup.enter="renameConfig"
|
||||||
/>
|
></v-text-field>
|
||||||
</v-card-text>
|
</v-card-text>
|
||||||
<v-card-actions>
|
<v-card-actions>
|
||||||
<v-spacer />
|
<v-spacer></v-spacer>
|
||||||
<v-btn
|
<v-btn
|
||||||
color="grey"
|
color="grey"
|
||||||
variant="text"
|
variant="text"
|
||||||
@ -265,21 +212,12 @@
|
|||||||
</v-dialog>
|
</v-dialog>
|
||||||
|
|
||||||
<!-- 编辑配置弹框 -->
|
<!-- 编辑配置弹框 -->
|
||||||
<v-dialog
|
<v-dialog v-model="editDialog" max-width="1200" persistent>
|
||||||
v-model="editDialog"
|
|
||||||
max-width="1200"
|
|
||||||
persistent
|
|
||||||
>
|
|
||||||
<v-card>
|
<v-card>
|
||||||
<v-card-title class="d-flex align-center primary lighten-1 white--text py-3 px-4">
|
<v-card-title class="d-flex align-center primary lighten-1 white--text py-3 px-4">
|
||||||
<v-icon
|
<v-icon class="mr-2" color="white">mdi-pencil</v-icon>
|
||||||
class="mr-2"
|
|
||||||
color="white"
|
|
||||||
>
|
|
||||||
mdi-pencil
|
|
||||||
</v-icon>
|
|
||||||
编辑考试配置
|
编辑考试配置
|
||||||
<v-spacer />
|
<v-spacer></v-spacer>
|
||||||
<v-chip
|
<v-chip
|
||||||
v-if="editingConfig"
|
v-if="editingConfig"
|
||||||
class="mr-2"
|
class="mr-2"
|
||||||
@ -299,10 +237,8 @@
|
|||||||
<v-icon>mdi-close</v-icon>
|
<v-icon>mdi-close</v-icon>
|
||||||
</v-btn>
|
</v-btn>
|
||||||
</v-card-title>
|
</v-card-title>
|
||||||
<v-card-text
|
<v-card-text class="pa-4"
|
||||||
class="pa-4"
|
style="max-height: 70vh; overflow-y: auto;">
|
||||||
style="max-height: 70vh; overflow-y: auto;"
|
|
||||||
>
|
|
||||||
<ExamConfigEditor
|
<ExamConfigEditor
|
||||||
v-if="editingConfig"
|
v-if="editingConfig"
|
||||||
ref="configEditor"
|
ref="configEditor"
|
||||||
@ -323,7 +259,7 @@
|
|||||||
>
|
>
|
||||||
关闭
|
关闭
|
||||||
</v-btn>
|
</v-btn>
|
||||||
<v-spacer />
|
<v-spacer></v-spacer>
|
||||||
<v-btn
|
<v-btn
|
||||||
:loading="saving"
|
:loading="saving"
|
||||||
color="success"
|
color="success"
|
||||||
|
|||||||
@ -34,16 +34,11 @@
|
|||||||
<v-btn
|
<v-btn
|
||||||
v-if="shouldShowUrgentTestButton"
|
v-if="shouldShowUrgentTestButton"
|
||||||
prepend-icon="mdi-chat"
|
prepend-icon="mdi-chat"
|
||||||
variant="tonal"
|
|
||||||
@click="urgentTestDialog = true"
|
@click="urgentTestDialog = true"
|
||||||
|
variant="tonal"
|
||||||
|
>发送通知</v-btn
|
||||||
>
|
>
|
||||||
发送通知
|
<v-btn icon="mdi-chat" variant="text" @click="isChatOpen = true" />
|
||||||
</v-btn>
|
|
||||||
<v-btn
|
|
||||||
icon="mdi-chat"
|
|
||||||
variant="text"
|
|
||||||
@click="isChatOpen = true"
|
|
||||||
/>
|
|
||||||
<v-btn
|
<v-btn
|
||||||
:badge="unreadCount || undefined"
|
:badge="unreadCount || undefined"
|
||||||
:badge-color="unreadCount ? 'error' : undefined"
|
:badge-color="unreadCount ? 'error' : undefined"
|
||||||
@ -51,11 +46,7 @@
|
|||||||
variant="text"
|
variant="text"
|
||||||
@click="$refs.messageLog.drawer = true"
|
@click="$refs.messageLog.drawer = true"
|
||||||
/>
|
/>
|
||||||
<v-btn
|
<v-btn icon="mdi-cog" variant="text" @click="$router.push('/settings')" />
|
||||||
icon="mdi-cog"
|
|
||||||
variant="text"
|
|
||||||
@click="$router.push('/settings')"
|
|
||||||
/>
|
|
||||||
</template>
|
</template>
|
||||||
</v-app-bar>
|
</v-app-bar>
|
||||||
<!-- 初始化选择卡片，仅在首页且需要授权时显示；不影响顶栏 -->
|
<!-- 初始化选择卡片，仅在首页且需要授权时显示；不影响顶栏 -->
|
||||||
@ -72,20 +63,11 @@
|
|||||||
@token-info-updated="updateTokenDisplayInfo"
|
@token-info-updated="updateTokenDisplayInfo"
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<div
|
<div v-if="!shouldShowInit" class="d-flex">
|
||||||
v-if="!shouldShowInit"
|
|
||||||
class="d-flex"
|
|
||||||
>
|
|
||||||
<!-- 主要内容区域 -->
|
<!-- 主要内容区域 -->
|
||||||
<v-container
|
<v-container class="main-window flex-grow-1 no-select bloom-container" fluid>
|
||||||
class="main-window flex-grow-1 no-select bloom-container"
|
|
||||||
fluid
|
|
||||||
>
|
|
||||||
<!-- 常驻通知区域 -->
|
<!-- 常驻通知区域 -->
|
||||||
<v-row
|
<v-row v-if="persistentNotifications.length > 0" class="mb-4">
|
||||||
v-if="persistentNotifications.length > 0"
|
|
||||||
class="mb-4"
|
|
||||||
>
|
|
||||||
<v-col cols="12">
|
<v-col cols="12">
|
||||||
<v-card
|
<v-card
|
||||||
v-for="notification in persistentNotifications"
|
v-for="notification in persistentNotifications"
|
||||||
@ -96,49 +78,31 @@
|
|||||||
@click="showNotificationDetail(notification)"
|
@click="showNotificationDetail(notification)"
|
||||||
>
|
>
|
||||||
<v-card-text class="d-flex align-center py-3">
|
<v-card-text class="d-flex align-center py-3">
|
||||||
|
|
||||||
<span class="text-h6 text-truncate font-weight-bold">{{ notification.message }}</span>
|
<span class="text-h6 text-truncate font-weight-bold">{{ notification.message }}</span>
|
||||||
<v-spacer />
|
<v-spacer></v-spacer>
|
||||||
<v-btn
|
<v-btn icon="mdi-chevron-right" variant="text"></v-btn>
|
||||||
icon="mdi-chevron-right"
|
|
||||||
variant="text"
|
|
||||||
/>
|
|
||||||
</v-card-text>
|
</v-card-text>
|
||||||
</v-card>
|
</v-card>
|
||||||
</v-col>
|
</v-col>
|
||||||
</v-row>
|
</v-row>
|
||||||
|
|
||||||
<!-- 通知详情对话框 -->
|
<!-- 通知详情对话框 -->
|
||||||
<v-dialog
|
<v-dialog v-model="notificationDetailDialog" max-width="700" scrollable>
|
||||||
v-model="notificationDetailDialog"
|
<v-card v-if="currentNotification" class="rounded-xl">
|
||||||
max-width="700"
|
|
||||||
scrollable
|
|
||||||
>
|
|
||||||
<v-card
|
|
||||||
v-if="currentNotification"
|
|
||||||
class="rounded-xl"
|
|
||||||
>
|
|
||||||
<v-card-title class="d-flex align-center pa-4 text-h5">
|
<v-card-title class="d-flex align-center pa-4 text-h5">
|
||||||
<span
|
|
||||||
:class="currentNotification.isUrgent ? 'text-error' : ''"
|
<span :class="currentNotification.isUrgent ? 'text-error' : ''" class="font-weight-bold">
|
||||||
class="font-weight-bold"
|
|
||||||
>
|
|
||||||
{{ currentNotification.isUrgent ? '强调通知' : '通知详情' }}
|
{{ currentNotification.isUrgent ? '强调通知' : '通知详情' }}
|
||||||
</span>
|
</span>
|
||||||
<v-spacer />
|
<v-spacer></v-spacer>
|
||||||
<v-btn
|
<v-btn icon="mdi-close" variant="text" @click="notificationDetailDialog = false"></v-btn>
|
||||||
icon="mdi-close"
|
|
||||||
variant="text"
|
|
||||||
@click="notificationDetailDialog = false"
|
|
||||||
/>
|
|
||||||
</v-card-title>
|
</v-card-title>
|
||||||
|
|
||||||
<v-divider />
|
<v-divider></v-divider>
|
||||||
|
|
||||||
<v-card-text class="pa-6">
|
<v-card-text class="pa-6">
|
||||||
<div
|
<div class="text-h4 font-weight-medium mb-4" style="line-height: 1.5;">
|
||||||
class="text-h4 font-weight-medium mb-4"
|
|
||||||
style="line-height: 1.5;"
|
|
||||||
>
|
|
||||||
{{ currentNotification.message }}
|
{{ currentNotification.message }}
|
||||||
</div>
|
</div>
|
||||||
<div class="text-subtitle-1 text-grey">
|
<div class="text-subtitle-1 text-grey">
|
||||||
@ -146,7 +110,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</v-card-text>
|
</v-card-text>
|
||||||
|
|
||||||
<v-divider />
|
<v-divider></v-divider>
|
||||||
|
|
||||||
<v-card-actions class="pa-4">
|
<v-card-actions class="pa-4">
|
||||||
<v-btn
|
<v-btn
|
||||||
@ -159,7 +123,7 @@
|
|||||||
>
|
>
|
||||||
删除通知
|
删除通知
|
||||||
</v-btn>
|
</v-btn>
|
||||||
<v-spacer />
|
<v-spacer></v-spacer>
|
||||||
<v-btn
|
<v-btn
|
||||||
color="primary"
|
color="primary"
|
||||||
size="x-large"
|
size="x-large"
|
||||||
@ -224,10 +188,7 @@
|
|||||||
@save="handleHomeworkSave"
|
@save="handleHomeworkSave"
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<v-snackbar
|
<v-snackbar v-model="state.snackbar" :timeout="2000">
|
||||||
v-model="state.snackbar"
|
|
||||||
:timeout="2000"
|
|
||||||
>
|
|
||||||
{{ state.snackbarText }}
|
{{ state.snackbarText }}
|
||||||
</v-snackbar>
|
</v-snackbar>
|
||||||
|
|
||||||
@ -263,41 +224,24 @@
|
|||||||
<FloatingICP />
|
<FloatingICP />
|
||||||
|
|
||||||
<!-- 设备聊天室（右下角浮窗） -->
|
<!-- 设备聊天室（右下角浮窗） -->
|
||||||
<ChatWidget
|
<ChatWidget v-model="isChatOpen" :show-button="false" />
|
||||||
v-model="isChatOpen"
|
|
||||||
:show-button="false"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<!-- 紧急通知测试对话框 -->
|
<!-- 紧急通知测试对话框 -->
|
||||||
<UrgentTestDialog v-model="urgentTestDialog" />
|
<UrgentTestDialog v-model="urgentTestDialog" />
|
||||||
|
|
||||||
<!-- 添加确认对话框 -->
|
<!-- 添加确认对话框 -->
|
||||||
<v-dialog
|
<v-dialog v-model="confirmDialog.show" max-width="400">
|
||||||
v-model="confirmDialog.show"
|
|
||||||
max-width="400"
|
|
||||||
>
|
|
||||||
<v-card>
|
<v-card>
|
||||||
<v-card-title class="text-h6">
|
<v-card-title class="text-h6"> 确认保存</v-card-title>
|
||||||
确认保存
|
|
||||||
</v-card-title>
|
|
||||||
<v-card-text>
|
<v-card-text>
|
||||||
您正在修改 {{ state.dateString }} 的数据，确定要保存吗？
|
您正在修改 {{ state.dateString }} 的数据，确定要保存吗？
|
||||||
</v-card-text>
|
</v-card-text>
|
||||||
<v-card-actions>
|
<v-card-actions>
|
||||||
<v-spacer />
|
<v-spacer />
|
||||||
<v-btn
|
<v-btn color="grey" variant="text" @click="confirmDialog.reject">
|
||||||
color="grey"
|
|
||||||
variant="text"
|
|
||||||
@click="confirmDialog.reject"
|
|
||||||
>
|
|
||||||
取消
|
取消
|
||||||
</v-btn>
|
</v-btn>
|
||||||
<v-btn
|
<v-btn color="primary" @click="confirmDialog.resolve"> 确认保存</v-btn>
|
||||||
color="primary"
|
|
||||||
@click="confirmDialog.resolve"
|
|
||||||
>
|
|
||||||
确认保存
|
|
||||||
</v-btn>
|
|
||||||
</v-card-actions>
|
</v-card-actions>
|
||||||
</v-card>
|
</v-card>
|
||||||
</v-dialog>
|
</v-dialog>
|
||||||
@ -310,14 +254,9 @@
|
|||||||
/>
|
/>
|
||||||
|
|
||||||
<!-- 添加URL配置确认对话框 -->
|
<!-- 添加URL配置确认对话框 -->
|
||||||
<v-dialog
|
<v-dialog v-model="urlConfigDialog.show" max-width="500">
|
||||||
v-model="urlConfigDialog.show"
|
|
||||||
max-width="500"
|
|
||||||
>
|
|
||||||
<v-card>
|
<v-card>
|
||||||
<v-card-title class="text-h6">
|
<v-card-title class="text-h6"> 确认应用URL配置</v-card-title>
|
||||||
确认应用URL配置
|
|
||||||
</v-card-title>
|
|
||||||
<v-card-text>
|
<v-card-text>
|
||||||
<p>以下配置将应用于当前班级：</p>
|
<p>以下配置将应用于当前班级：</p>
|
||||||
<v-list density="compact">
|
<v-list density="compact">
|
||||||
@ -326,28 +265,17 @@
|
|||||||
:key="change.key"
|
:key="change.key"
|
||||||
>
|
>
|
||||||
<template #prepend>
|
<template #prepend>
|
||||||
<v-icon
|
<v-icon :icon="change.icon" class="mr-2" size="small" />
|
||||||
:icon="change.icon"
|
|
||||||
class="mr-2"
|
|
||||||
size="small"
|
|
||||||
/>
|
|
||||||
</template>
|
</template>
|
||||||
<v-list-item-title class="d-flex align-center">
|
<v-list-item-title class="d-flex align-center">
|
||||||
<span class="text-subtitle-1">{{ change.name }}</span>
|
<span class="text-subtitle-1">{{ change.name }}</span>
|
||||||
<v-tooltip
|
<v-tooltip activator="parent" location="top"
|
||||||
activator="parent"
|
>{{ change.description || change.key }}
|
||||||
location="top"
|
|
||||||
>
|
|
||||||
{{ change.description || change.key }}
|
|
||||||
</v-tooltip>
|
</v-tooltip>
|
||||||
</v-list-item-title>
|
</v-list-item-title>
|
||||||
<v-list-item-subtitle>
|
<v-list-item-subtitle>
|
||||||
<span class="text-grey-darken-1">{{ change.oldValue }}</span>
|
<span class="text-grey-darken-1">{{ change.oldValue }}</span>
|
||||||
<v-icon
|
<v-icon class="mx-1" icon="mdi-arrow-right" size="small" />
|
||||||
class="mx-1"
|
|
||||||
icon="mdi-arrow-right"
|
|
||||||
size="small"
|
|
||||||
/>
|
|
||||||
<span class="text-primary font-weight-medium">{{
|
<span class="text-primary font-weight-medium">{{
|
||||||
change.newValue
|
change.newValue
|
||||||
}}</span>
|
}}</span>
|
||||||
@ -364,49 +292,29 @@
|
|||||||
>
|
>
|
||||||
取消
|
取消
|
||||||
</v-btn>
|
</v-btn>
|
||||||
<v-btn
|
<v-btn color="primary" @click="urlConfigDialog.confirmHandler">
|
||||||
color="primary"
|
|
||||||
@click="urlConfigDialog.confirmHandler"
|
|
||||||
>
|
|
||||||
确认应用
|
确认应用
|
||||||
</v-btn>
|
</v-btn>
|
||||||
</v-card-actions>
|
</v-card-actions>
|
||||||
</v-card>
|
</v-card>
|
||||||
</v-dialog>
|
</v-dialog>
|
||||||
<!-- 通知详情对话框 -->
|
<!-- 通知详情对话框 -->
|
||||||
<v-dialog
|
<v-dialog v-model="notificationDetailDialog" max-width="600">
|
||||||
v-model="notificationDetailDialog"
|
|
||||||
max-width="600"
|
|
||||||
>
|
|
||||||
<v-card v-if="currentNotification">
|
<v-card v-if="currentNotification">
|
||||||
<v-card-title
|
<v-card-title class="headline" :class="currentNotification.isUrgent ? 'text-error' : 'text-primary'">
|
||||||
class="headline"
|
|
||||||
:class="currentNotification.isUrgent ? 'text-error' : 'text-primary'"
|
|
||||||
>
|
|
||||||
{{ currentNotification.isUrgent ? '强调通知' : '通知详情' }}
|
{{ currentNotification.isUrgent ? '强调通知' : '通知详情' }}
|
||||||
</v-card-title>
|
</v-card-title>
|
||||||
<v-card-text class="text-h5 py-4">
|
<v-card-text class="text-h5 py-4">
|
||||||
{{ currentNotification.message }}
|
{{ currentNotification.message }}
|
||||||
</v-card-text>
|
</v-card-text>
|
||||||
<v-card-actions>
|
<v-card-actions>
|
||||||
<v-btn
|
<v-btn color="error" variant="text" @click="removePersistentNotification(currentNotification.id)">删除</v-btn>
|
||||||
color="error"
|
<v-spacer></v-spacer>
|
||||||
variant="text"
|
<v-btn color="primary" @click="notificationDetailDialog = false">关闭</v-btn>
|
||||||
@click="removePersistentNotification(currentNotification.id)"
|
|
||||||
>
|
|
||||||
删除
|
|
||||||
</v-btn>
|
|
||||||
<v-spacer />
|
|
||||||
<v-btn
|
|
||||||
color="primary"
|
|
||||||
@click="notificationDetailDialog = false"
|
|
||||||
>
|
|
||||||
关闭
|
|
||||||
</v-btn>
|
|
||||||
</v-card-actions>
|
</v-card-actions>
|
||||||
</v-card>
|
</v-card>
|
||||||
</v-dialog>
|
</v-dialog>
|
||||||
<br><br><br>
|
<br /><br /><br />
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
|||||||
@ -7,20 +7,11 @@
|
|||||||
@click="$router.push('/')"
|
@click="$router.push('/')"
|
||||||
/>
|
/>
|
||||||
</template>
|
</template>
|
||||||
<v-app-bar-title
|
<v-app-bar-title v-if="list && !isRenaming" class="text-h6">{{ list.name }}</v-app-bar-title>
|
||||||
v-if="list && !isRenaming"
|
<v-app-bar-title v-else class="text-h6">列表</v-app-bar-title>
|
||||||
class="text-h6"
|
|
||||||
>
|
|
||||||
{{ list.name }}
|
|
||||||
</v-app-bar-title>
|
|
||||||
<v-app-bar-title
|
|
||||||
v-else
|
|
||||||
class="text-h6"
|
|
||||||
>
|
|
||||||
列表
|
|
||||||
</v-app-bar-title>
|
|
||||||
</v-app-bar>
|
</v-app-bar>
|
||||||
<v-container>
|
<v-container>
|
||||||
|
|
||||||
<div class="d-flex align-center mb-4">
|
<div class="d-flex align-center mb-4">
|
||||||
<v-btn
|
<v-btn
|
||||||
border
|
border
|
||||||
@ -32,19 +23,11 @@
|
|||||||
</v-btn>
|
</v-btn>
|
||||||
<h1 v-if="list && !isRenaming">
|
<h1 v-if="list && !isRenaming">
|
||||||
{{ list.name }}
|
{{ list.name }}
|
||||||
<v-btn
|
<v-btn border icon size="small" @click="startRenaming">
|
||||||
border
|
|
||||||
icon
|
|
||||||
size="small"
|
|
||||||
@click="startRenaming"
|
|
||||||
>
|
|
||||||
<v-icon>mdi-pencil</v-icon>
|
<v-icon>mdi-pencil</v-icon>
|
||||||
</v-btn>
|
</v-btn>
|
||||||
</h1>
|
</h1>
|
||||||
<div
|
<div v-else-if="list && isRenaming" class="d-flex align-center">
|
||||||
v-else-if="list && isRenaming"
|
|
||||||
class="d-flex align-center"
|
|
||||||
>
|
|
||||||
<v-text-field
|
<v-text-field
|
||||||
v-model="newListName"
|
v-model="newListName"
|
||||||
autofocus
|
autofocus
|
||||||
@ -54,20 +37,11 @@
|
|||||||
label="列表名称"
|
label="列表名称"
|
||||||
style="min-width: 200px;"
|
style="min-width: 200px;"
|
||||||
@keyup.enter="saveListName"
|
@keyup.enter="saveListName"
|
||||||
/>
|
></v-text-field>
|
||||||
<v-btn
|
<v-btn class="mr-2" color="primary" size="small" @click="saveListName">
|
||||||
class="mr-2"
|
|
||||||
color="primary"
|
|
||||||
size="small"
|
|
||||||
@click="saveListName"
|
|
||||||
>
|
|
||||||
<v-icon>mdi-check</v-icon>
|
<v-icon>mdi-check</v-icon>
|
||||||
</v-btn>
|
</v-btn>
|
||||||
<v-btn
|
<v-btn color="error" size="small" @click="cancelRenaming">
|
||||||
color="error"
|
|
||||||
size="small"
|
|
||||||
@click="cancelRenaming"
|
|
||||||
>
|
|
||||||
<v-icon>mdi-close</v-icon>
|
<v-icon>mdi-close</v-icon>
|
||||||
</v-btn>
|
</v-btn>
|
||||||
</div>
|
</div>
|
||||||
@ -77,11 +51,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<v-card
|
<v-card border class="mb-5" rounded="xl">
|
||||||
border
|
|
||||||
class="mb-5"
|
|
||||||
rounded="xl"
|
|
||||||
>
|
|
||||||
<v-card-title class="d-flex align-center">
|
<v-card-title class="d-flex align-center">
|
||||||
项目列表
|
项目列表
|
||||||
<v-spacer/>
|
<v-spacer/>
|
||||||
@ -138,11 +108,7 @@
|
|||||||
</v-btn>
|
</v-btn>
|
||||||
</v-card-actions>
|
</v-card-actions>
|
||||||
</v-card>
|
</v-card>
|
||||||
<v-card
|
<v-card border class="mb-5" rounded="xl">
|
||||||
border
|
|
||||||
class="mb-5"
|
|
||||||
rounded="xl"
|
|
||||||
>
|
|
||||||
<v-card-title>添加新项目</v-card-title>
|
<v-card-title>添加新项目</v-card-title>
|
||||||
<v-card-text>
|
<v-card-text>
|
||||||
<v-text-field
|
<v-text-field
|
||||||
@ -160,11 +126,7 @@
|
|||||||
</v-card-text>
|
</v-card-text>
|
||||||
</v-card>
|
</v-card>
|
||||||
|
|
||||||
<v-card
|
<v-card border class="mb-5" rounded="xl">
|
||||||
border
|
|
||||||
class="mb-5"
|
|
||||||
rounded="xl"
|
|
||||||
>
|
|
||||||
<v-card-title>列表排序</v-card-title>
|
<v-card-title>列表排序</v-card-title>
|
||||||
<v-card-text>
|
<v-card-text>
|
||||||
<v-text-field
|
<v-text-field
|
||||||
@ -191,30 +153,16 @@
|
|||||||
</v-card>
|
</v-card>
|
||||||
|
|
||||||
<!-- 确认删除对话框 -->
|
<!-- 确认删除对话框 -->
|
||||||
<v-dialog
|
<v-dialog v-model="deleteDialog.show" max-width="500">
|
||||||
v-model="deleteDialog.show"
|
<v-card border rounded="xl">
|
||||||
max-width="500"
|
|
||||||
>
|
|
||||||
<v-card
|
|
||||||
border
|
|
||||||
rounded="xl"
|
|
||||||
>
|
|
||||||
<v-card-title>{{ deleteDialog.title }}</v-card-title>
|
<v-card-title>{{ deleteDialog.title }}</v-card-title>
|
||||||
<v-card-text>{{ deleteDialog.text }}</v-card-text>
|
<v-card-text>{{ deleteDialog.text }}</v-card-text>
|
||||||
<v-card-actions>
|
<v-card-actions>
|
||||||
<v-spacer />
|
<v-spacer></v-spacer>
|
||||||
<v-btn
|
<v-btn color="primary" variant="text" @click="deleteDialog.show = false">
|
||||||
color="primary"
|
|
||||||
variant="text"
|
|
||||||
@click="deleteDialog.show = false"
|
|
||||||
>
|
|
||||||
取消
|
取消
|
||||||
</v-btn>
|
</v-btn>
|
||||||
<v-btn
|
<v-btn color="error" variant="text" @click="confirmDelete">
|
||||||
color="error"
|
|
||||||
variant="text"
|
|
||||||
@click="confirmDelete"
|
|
||||||
>
|
|
||||||
确认删除
|
确认删除
|
||||||
</v-btn>
|
</v-btn>
|
||||||
</v-card-actions>
|
</v-card-actions>
|
||||||
@ -222,14 +170,8 @@
|
|||||||
</v-dialog>
|
</v-dialog>
|
||||||
|
|
||||||
<!-- 项目详情对话框 -->
|
<!-- 项目详情对话框 -->
|
||||||
<v-dialog
|
<v-dialog v-model="itemDialog.show" max-width="600">
|
||||||
v-model="itemDialog.show"
|
<v-card border rounded="xl">
|
||||||
max-width="600"
|
|
||||||
>
|
|
||||||
<v-card
|
|
||||||
border
|
|
||||||
rounded="xl"
|
|
||||||
>
|
|
||||||
<v-card-title>
|
<v-card-title>
|
||||||
<span v-if="!itemDialog.isEditing">项目详情</span>
|
<span v-if="!itemDialog.isEditing">项目详情</span>
|
||||||
<span v-else>编辑项目</span>
|
<span v-else>编辑项目</span>
|
||||||
@ -239,16 +181,13 @@
|
|||||||
<div v-if="!itemDialog.isEditing && itemDialog.item">
|
<div v-if="!itemDialog.isEditing && itemDialog.item">
|
||||||
<v-list>
|
<v-list>
|
||||||
<v-list-item>
|
<v-list-item>
|
||||||
<v-list-item-title class="text-subtitle-1 font-weight-bold">
|
<v-list-item-title class="text-subtitle-1 font-weight-bold">{{ itemDialog.item.name }}
|
||||||
{{ itemDialog.item.name }}
|
|
||||||
</v-list-item-title>
|
</v-list-item-title>
|
||||||
<v-list-item-subtitle>{{ itemDialog.item.id }}</v-list-item-subtitle>
|
<v-list-item-subtitle>{{ itemDialog.item.id }}</v-list-item-subtitle>
|
||||||
</v-list-item>
|
</v-list-item>
|
||||||
|
|
||||||
<v-list-item>
|
<v-list-item>
|
||||||
<v-list-item-title class="text-subtitle-1 font-weight-bold">
|
<v-list-item-title class="text-subtitle-1 font-weight-bold">状态</v-list-item-title>
|
||||||
状态
|
|
||||||
</v-list-item-title>
|
|
||||||
<v-list-item-subtitle>
|
<v-list-item-subtitle>
|
||||||
<v-chip
|
<v-chip
|
||||||
:color="itemDialog.item.completed ? 'success' : 'warning'"
|
:color="itemDialog.item.completed ? 'success' : 'warning'"
|
||||||
@ -260,24 +199,20 @@
|
|||||||
</v-list-item>
|
</v-list-item>
|
||||||
|
|
||||||
<v-list-item v-if="itemDialog.item.description">
|
<v-list-item v-if="itemDialog.item.description">
|
||||||
<v-list-item-title class="text-subtitle-1 font-weight-bold">
|
<v-list-item-title class="text-subtitle-1 font-weight-bold">描述</v-list-item-title>
|
||||||
描述
|
|
||||||
</v-list-item-title>
|
|
||||||
<v-list-item-subtitle>{{ itemDialog.item.description }}</v-list-item-subtitle>
|
<v-list-item-subtitle>{{ itemDialog.item.description }}</v-list-item-subtitle>
|
||||||
</v-list-item>
|
</v-list-item>
|
||||||
|
|
||||||
</v-list>
|
</v-list>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div
|
<div v-else-if="itemDialog.isEditing && itemDialog.item" class="pa-2">
|
||||||
v-else-if="itemDialog.isEditing && itemDialog.item"
|
|
||||||
class="pa-2"
|
|
||||||
>
|
|
||||||
<v-text-field
|
<v-text-field
|
||||||
v-model="itemDialog.editedItem.name"
|
v-model="itemDialog.editedItem.name"
|
||||||
class="mb-3"
|
class="mb-3"
|
||||||
label="名称"
|
label="名称"
|
||||||
variant="outlined"
|
variant="outlined"
|
||||||
/>
|
></v-text-field>
|
||||||
|
|
||||||
<v-textarea
|
<v-textarea
|
||||||
v-model="itemDialog.editedItem.description"
|
v-model="itemDialog.editedItem.description"
|
||||||
@ -285,7 +220,7 @@
|
|||||||
label="描述"
|
label="描述"
|
||||||
rows="3"
|
rows="3"
|
||||||
variant="outlined"
|
variant="outlined"
|
||||||
/>
|
></v-textarea>
|
||||||
|
|
||||||
|
|
||||||
<v-switch
|
<v-switch
|
||||||
@ -293,56 +228,37 @@
|
|||||||
color="success"
|
color="success"
|
||||||
hide-details
|
hide-details
|
||||||
label="已完成"
|
label="已完成"
|
||||||
/>
|
></v-switch>
|
||||||
</div>
|
</div>
|
||||||
</v-card-text>
|
</v-card-text>
|
||||||
|
|
||||||
<v-card-actions>
|
<v-card-actions>
|
||||||
<v-spacer />
|
<v-spacer></v-spacer>
|
||||||
|
|
||||||
<template v-if="!itemDialog.isEditing">
|
<template v-if="!itemDialog.isEditing">
|
||||||
<v-btn
|
<v-btn color="primary" variant="text" @click="startEditingItem">
|
||||||
color="primary"
|
|
||||||
variant="text"
|
|
||||||
@click="startEditingItem"
|
|
||||||
>
|
|
||||||
编辑
|
编辑
|
||||||
</v-btn>
|
</v-btn>
|
||||||
<v-btn
|
<v-btn color="error" variant="text" @click="confirmDeleteItem(itemDialog.item?.id)">
|
||||||
color="error"
|
|
||||||
variant="text"
|
|
||||||
@click="confirmDeleteItem(itemDialog.item?.id)"
|
|
||||||
>
|
|
||||||
删除
|
删除
|
||||||
</v-btn>
|
</v-btn>
|
||||||
<v-btn
|
<v-btn color="secondary" variant="text" @click="itemDialog.show = false">
|
||||||
color="secondary"
|
|
||||||
variant="text"
|
|
||||||
@click="itemDialog.show = false"
|
|
||||||
>
|
|
||||||
关闭
|
关闭
|
||||||
</v-btn>
|
</v-btn>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<template v-else>
|
<template v-else>
|
||||||
<v-btn
|
<v-btn color="success" variant="text" @click="saveItemChanges">
|
||||||
color="success"
|
|
||||||
variant="text"
|
|
||||||
@click="saveItemChanges"
|
|
||||||
>
|
|
||||||
保存
|
保存
|
||||||
</v-btn>
|
</v-btn>
|
||||||
<v-btn
|
<v-btn color="secondary" variant="text" @click="cancelEditingItem">
|
||||||
color="secondary"
|
|
||||||
variant="text"
|
|
||||||
@click="cancelEditingItem"
|
|
||||||
>
|
|
||||||
取消
|
取消
|
||||||
</v-btn>
|
</v-btn>
|
||||||
</template>
|
</template>
|
||||||
</v-card-actions>
|
</v-card-actions>
|
||||||
</v-card>
|
</v-card>
|
||||||
</v-dialog>
|
</v-dialog>
|
||||||
|
|
||||||
</v-container>
|
</v-container>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|||||||
@ -7,16 +7,12 @@
|
|||||||
@click="$router.push('/')"
|
@click="$router.push('/')"
|
||||||
/>
|
/>
|
||||||
</template>
|
</template>
|
||||||
<v-app-bar-title class="text-h6">
|
<v-app-bar-title class="text-h6">列表</v-app-bar-title>
|
||||||
列表
|
|
||||||
</v-app-bar-title>
|
|
||||||
</v-app-bar>
|
</v-app-bar>
|
||||||
<v-container>
|
<v-container>
|
||||||
<v-card
|
|
||||||
border
|
|
||||||
class="mb-5"
|
<v-card border class="mb-5" rounded="xl">
|
||||||
rounded="xl"
|
|
||||||
>
|
|
||||||
<v-card-title>现有列表</v-card-title>
|
<v-card-title>现有列表</v-card-title>
|
||||||
<v-card-text v-if="lists.length === 0">
|
<v-card-text v-if="lists.length === 0">
|
||||||
暂无列表，请创建新列表
|
暂无列表，请创建新列表
|
||||||
@ -31,10 +27,7 @@
|
|||||||
<div v-if="list.id !== editingListId">
|
<div v-if="list.id !== editingListId">
|
||||||
<v-list-item-title>{{ list.name }}</v-list-item-title>
|
<v-list-item-title>{{ list.name }}</v-list-item-title>
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div v-else class="d-flex align-center w-100">
|
||||||
v-else
|
|
||||||
class="d-flex align-center w-100"
|
|
||||||
>
|
|
||||||
<v-text-field
|
<v-text-field
|
||||||
v-model="editListName"
|
v-model="editListName"
|
||||||
autofocus
|
autofocus
|
||||||
@ -43,41 +36,21 @@
|
|||||||
hide-details
|
hide-details
|
||||||
label="列表名称"
|
label="列表名称"
|
||||||
@keyup.enter="saveListName"
|
@keyup.enter="saveListName"
|
||||||
/>
|
></v-text-field>
|
||||||
<v-btn
|
<v-btn border class="mr-2" color="primary" icon @click.stop.prevent="saveListName">
|
||||||
border
|
|
||||||
class="mr-2"
|
|
||||||
color="primary"
|
|
||||||
icon
|
|
||||||
@click.stop.prevent="saveListName"
|
|
||||||
>
|
|
||||||
<v-icon>mdi-check</v-icon>
|
<v-icon>mdi-check</v-icon>
|
||||||
</v-btn>
|
</v-btn>
|
||||||
<v-btn
|
<v-btn border color="error" icon @click.stop.prevent="cancelEditing">
|
||||||
border
|
|
||||||
color="error"
|
|
||||||
icon
|
|
||||||
@click.stop.prevent="cancelEditing"
|
|
||||||
>
|
|
||||||
<v-icon>mdi-close</v-icon>
|
<v-icon>mdi-close</v-icon>
|
||||||
</v-btn>
|
</v-btn>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<template #append>
|
<template #append>
|
||||||
<div v-if="list.id !== editingListId">
|
<div v-if="list.id !== editingListId">
|
||||||
<v-btn
|
<v-btn border class="mr-2" icon @click.stop.prevent="startEditing(list.id)">
|
||||||
border
|
|
||||||
class="mr-2"
|
|
||||||
icon
|
|
||||||
@click.stop.prevent="startEditing(list.id)"
|
|
||||||
>
|
|
||||||
<v-icon>mdi-pencil</v-icon>
|
<v-icon>mdi-pencil</v-icon>
|
||||||
</v-btn>
|
</v-btn>
|
||||||
<v-btn
|
<v-btn border icon @click.stop.prevent="confirmDeleteList(list.id)">
|
||||||
border
|
|
||||||
icon
|
|
||||||
@click.stop.prevent="confirmDeleteList(list.id)"
|
|
||||||
>
|
|
||||||
<v-icon>mdi-delete</v-icon>
|
<v-icon>mdi-delete</v-icon>
|
||||||
</v-btn>
|
</v-btn>
|
||||||
</div>
|
</div>
|
||||||
@ -85,49 +58,30 @@
|
|||||||
</v-list-item>
|
</v-list-item>
|
||||||
</v-list>
|
</v-list>
|
||||||
</v-card>
|
</v-card>
|
||||||
<v-card
|
<v-card border class="mb-5" rounded="xl">
|
||||||
border
|
|
||||||
class="mb-5"
|
|
||||||
rounded="xl"
|
|
||||||
>
|
|
||||||
<v-card-title>创建新列表</v-card-title>
|
<v-card-title>创建新列表</v-card-title>
|
||||||
<v-card-text>
|
<v-card-text>
|
||||||
<v-text-field
|
<v-text-field
|
||||||
v-model="newListName"
|
v-model="newListName"
|
||||||
:rules="[v => !!v || '名称不能为空']"
|
:rules="[v => !!v || '名称不能为空']"
|
||||||
label="列表名称"
|
label="列表名称"
|
||||||
/>
|
></v-text-field>
|
||||||
<v-btn
|
<v-btn :disabled="!newListName" color="primary" @click="createNewList">
|
||||||
:disabled="!newListName"
|
|
||||||
color="primary"
|
|
||||||
@click="createNewList"
|
|
||||||
>
|
|
||||||
创建列表
|
创建列表
|
||||||
</v-btn>
|
</v-btn>
|
||||||
</v-card-text>
|
</v-card-text>
|
||||||
</v-card>
|
</v-card>
|
||||||
<!-- 确认删除对话框 -->
|
<!-- 确认删除对话框 -->
|
||||||
<v-dialog
|
<v-dialog v-model="deleteDialog.show" max-width="500">
|
||||||
v-model="deleteDialog.show"
|
|
||||||
max-width="500"
|
|
||||||
>
|
|
||||||
<v-card border>
|
<v-card border>
|
||||||
<v-card-title>删除列表</v-card-title>
|
<v-card-title>删除列表</v-card-title>
|
||||||
<v-card-text>{{ deleteDialog.text }}</v-card-text>
|
<v-card-text>{{ deleteDialog.text }}</v-card-text>
|
||||||
<v-card-actions>
|
<v-card-actions>
|
||||||
<v-spacer />
|
<v-spacer></v-spacer>
|
||||||
<v-btn
|
<v-btn color="primary" variant="text" @click="deleteDialog.show = false">
|
||||||
color="primary"
|
|
||||||
variant="text"
|
|
||||||
@click="deleteDialog.show = false"
|
|
||||||
>
|
|
||||||
取消
|
取消
|
||||||
</v-btn>
|
</v-btn>
|
||||||
<v-btn
|
<v-btn color="error" variant="text" @click="confirmDelete">
|
||||||
color="error"
|
|
||||||
variant="text"
|
|
||||||
@click="confirmDelete"
|
|
||||||
>
|
|
||||||
确认删除
|
确认删除
|
||||||
</v-btn>
|
</v-btn>
|
||||||
</v-card-actions>
|
</v-card-actions>
|
||||||
|
|||||||
@ -11,11 +11,10 @@
|
|||||||
icon="mdi-menu"
|
icon="mdi-menu"
|
||||||
variant="text"
|
variant="text"
|
||||||
@click="drawer = !drawer"
|
@click="drawer = !drawer"
|
||||||
|
|
||||||
/>
|
/>
|
||||||
</template>
|
</template>
|
||||||
<v-app-bar-title class="text-h6">
|
<v-app-bar-title class="text-h6">设置</v-app-bar-title>
|
||||||
设置
|
|
||||||
</v-app-bar-title>
|
|
||||||
</v-app-bar>
|
</v-app-bar>
|
||||||
|
|
||||||
<v-container fluid>
|
<v-container fluid>
|
||||||
@ -44,23 +43,14 @@
|
|||||||
direction="vertical"
|
direction="vertical"
|
||||||
style="width: 100%"
|
style="width: 100%"
|
||||||
>
|
>
|
||||||
<v-tabs-window-item value="index">
|
<v-tabs-window-item value="index"
|
||||||
<v-card
|
|
||||||
border
|
|
||||||
class="service-card gradient-right clickable mb-4"
|
|
||||||
color="primary"
|
|
||||||
elevation="8"
|
|
||||||
hover
|
|
||||||
rounded="xl"
|
|
||||||
variant="tonal"
|
|
||||||
@click="openClassworksKV"
|
|
||||||
>
|
>
|
||||||
|
<v-card border class="service-card gradient-right clickable mb-4" color="primary" elevation="8" hover
|
||||||
|
rounded="xl" variant="tonal" @click="openClassworksKV">
|
||||||
<v-card-item>
|
<v-card-item>
|
||||||
<div class="card-title">
|
<div class="card-title">
|
||||||
<div>
|
<div>
|
||||||
<div class="text-h6">
|
<div class="text-h6">在寻找 Classworks KV ？</div>
|
||||||
在寻找 Classworks KV ？
|
|
||||||
</div>
|
|
||||||
<div class="text-caption text-medium-emphasis">
|
<div class="text-caption text-medium-emphasis">
|
||||||
文档形键值数据库
|
文档形键值数据库
|
||||||
</div>
|
</div>
|
||||||
@ -81,43 +71,40 @@
|
|||||||
</div>
|
</div>
|
||||||
</v-card-text>
|
</v-card-text>
|
||||||
</v-card>
|
</v-card>
|
||||||
<v-card
|
<v-card border class="rounded-xl mb-4" subtitle="设置" title="Classworks">
|
||||||
border
|
|
||||||
class="rounded-xl mb-4"
|
|
||||||
subtitle="设置"
|
|
||||||
title="Classworks"
|
|
||||||
>
|
|
||||||
<v-card-text>
|
<v-card-text>
|
||||||
<v-alert
|
<v-alert
|
||||||
class="rounded-xl"
|
class="rounded-xl"
|
||||||
color="error"
|
color="error"
|
||||||
icon="mdi-alert-circle"
|
icon="mdi-alert-circle"
|
||||||
variant="tonal"
|
variant="tonal"
|
||||||
>
|
>Classworks
|
||||||
Classworks
|
|
||||||
是开源免费的软件，官方没有提供任何形式的付费支持服务，源代码仓库地址在
|
是开源免费的软件，官方没有提供任何形式的付费支持服务，源代码仓库地址在
|
||||||
<a
|
<a
|
||||||
href="https://github.com/ZeroCatDev/Classworks"
|
href="https://github.com/ZeroCatDev/Classworks"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
>https://github.com/ZeroCatDev/Classworks</a>。如果您通过有偿协助等付费方式取得本应用，在遇到问题时请在与卖家约定的服务框架下，优先向卖家求助。如果卖家没有提供您预期的服务，请退款或通过其它形式积极维护您的合法权益。
|
>https://github.com/ZeroCatDev/Classworks</a
|
||||||
</v-alert>
|
>。如果您通过有偿协助等付费方式取得本应用，在遇到问题时请在与卖家约定的服务框架下，优先向卖家求助。如果卖家没有提供您预期的服务，请退款或通过其它形式积极维护您的合法权益。
|
||||||
|
</v-alert
|
||||||
|
>
|
||||||
<v-alert
|
<v-alert
|
||||||
class="mt-4 rounded-xl"
|
class="mt-4 rounded-xl"
|
||||||
color="info"
|
color="info"
|
||||||
icon="mdi-information"
|
icon="mdi-information"
|
||||||
variant="tonal"
|
variant="tonal"
|
||||||
|
>请不要使用浏览器清除缓存功能，否则会导致配置丢失。
|
||||||
|
<del
|
||||||
|
>恶意的操作可能导致您受到贵校教师的处理
|
||||||
|
</del
|
||||||
|
>
|
||||||
|
</v-alert
|
||||||
>
|
>
|
||||||
请不要使用浏览器清除缓存功能，否则会导致配置丢失。
|
|
||||||
<del>恶意的操作可能导致您受到贵校教师的处理
|
|
||||||
</del>
|
|
||||||
</v-alert>
|
|
||||||
<v-alert
|
<v-alert
|
||||||
class="mt-4 rounded-xl"
|
class="mt-4 rounded-xl"
|
||||||
color="warning"
|
color="warning"
|
||||||
icon="mdi-information"
|
icon="mdi-information"
|
||||||
variant="tonal"
|
variant="tonal"
|
||||||
>
|
><p>
|
||||||
<p>
|
|
||||||
请不要使用包括但不限于360极速浏览器、360安全浏览器、夸克浏览器、QQ浏览器等浏览器使用
|
请不要使用包括但不限于360极速浏览器、360安全浏览器、夸克浏览器、QQ浏览器等浏览器使用
|
||||||
Classworks
|
Classworks
|
||||||
，这些浏览器过时且存在严重的一致性问题。在Windows上，使用新版
|
，这些浏览器过时且存在严重的一致性问题。在Windows上，使用新版
|
||||||
@ -127,7 +114,7 @@
|
|||||||
上述浏览器商标为其所属公司所有，Classworks™
|
上述浏览器商标为其所属公司所有，Classworks™
|
||||||
与上述浏览器所属公司无竞争关系。
|
与上述浏览器所属公司无竞争关系。
|
||||||
</p>
|
</p>
|
||||||
<br>
|
<br/>
|
||||||
<v-btn
|
<v-btn
|
||||||
append-icon="mdi-open-in-new"
|
append-icon="mdi-open-in-new"
|
||||||
class="text-none rounded-xl"
|
class="text-none rounded-xl"
|
||||||
@ -135,10 +122,11 @@
|
|||||||
href="https://www.microsoft.com/zh-cn/windows/microsoft-edge"
|
href="https://www.microsoft.com/zh-cn/windows/microsoft-edge"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
variant="tonal"
|
variant="tonal"
|
||||||
|
>下载 Microsoft Edge（微软边缘浏览器）
|
||||||
|
</v-btn
|
||||||
|
>
|
||||||
|
</v-alert
|
||||||
>
|
>
|
||||||
下载 Microsoft Edge（微软边缘浏览器）
|
|
||||||
</v-btn>
|
|
||||||
</v-alert>
|
|
||||||
</v-card-text>
|
</v-card-text>
|
||||||
</v-card>
|
</v-card>
|
||||||
<about-card/>
|
<about-card/>
|
||||||
@ -150,27 +138,15 @@
|
|||||||
border
|
border
|
||||||
@saved="onSettingsSaved"
|
@saved="onSettingsSaved"
|
||||||
/>
|
/>
|
||||||
<data-provider-settings-card
|
<data-provider-settings-card border class="mt-4"/>
|
||||||
border
|
<kv-database-card border class="mt-4"/>
|
||||||
class="mt-4"
|
|
||||||
/>
|
|
||||||
<kv-database-card
|
|
||||||
border
|
|
||||||
class="mt-4"
|
|
||||||
/>
|
|
||||||
</v-tabs-window-item>
|
</v-tabs-window-item>
|
||||||
|
|
||||||
<v-tabs-window-item value="student">
|
<v-tabs-window-item value="student">
|
||||||
<student-list-card
|
<student-list-card :is-mobile="isMobile" border/>
|
||||||
:is-mobile="isMobile"
|
|
||||||
border
|
|
||||||
/>
|
|
||||||
</v-tabs-window-item>
|
</v-tabs-window-item>
|
||||||
<v-tabs-window-item value="share">
|
<v-tabs-window-item value="share">
|
||||||
<settings-link-generator
|
<settings-link-generator border class="mt-4"/>
|
||||||
border
|
|
||||||
class="mt-4"
|
|
||||||
/>
|
|
||||||
</v-tabs-window-item>
|
</v-tabs-window-item>
|
||||||
|
|
||||||
<v-tabs-window-item value="refresh">
|
<v-tabs-window-item value="refresh">
|
||||||
@ -206,35 +182,27 @@
|
|||||||
</v-tabs-window-item>
|
</v-tabs-window-item>
|
||||||
|
|
||||||
<v-tabs-window-item value="randomPicker">
|
<v-tabs-window-item value="randomPicker">
|
||||||
<random-picker-card
|
<random-picker-card :is-mobile="isMobile" border/>
|
||||||
:is-mobile="isMobile"
|
|
||||||
border
|
|
||||||
/>
|
|
||||||
</v-tabs-window-item>
|
</v-tabs-window-item>
|
||||||
<v-tabs-window-item value="subject">
|
<v-tabs-window-item value="subject">
|
||||||
<subject-management-card border/>
|
<subject-management-card border/>
|
||||||
<br>
|
<br/>
|
||||||
<homework-template-card border/>
|
<homework-template-card border/>
|
||||||
</v-tabs-window-item>
|
</v-tabs-window-item>
|
||||||
|
|
||||||
<v-tabs-window-item value="developer">
|
<v-tabs-window-item value="developer"
|
||||||
<settings-card
|
|
||||||
border
|
|
||||||
icon="mdi-developer-board"
|
|
||||||
title="开发者选项"
|
|
||||||
>
|
>
|
||||||
|
<settings-card border icon="mdi-developer-board" title="开发者选项">
|
||||||
<v-list>
|
<v-list>
|
||||||
<v-list-item>
|
<v-list-item>
|
||||||
<template #prepend>
|
<template #prepend>
|
||||||
<v-icon
|
<v-icon class="mr-3" icon="mdi-code-tags"/>
|
||||||
class="mr-3"
|
|
||||||
icon="mdi-code-tags"
|
|
||||||
/>
|
|
||||||
</template>
|
</template>
|
||||||
<v-list-item-title>启用开发者选项</v-list-item-title>
|
<v-list-item-title>启用开发者选项</v-list-item-title>
|
||||||
<v-list-item-subtitle>
|
<v-list-item-subtitle
|
||||||
启用后可以查看和修改开发者设置
|
>启用后可以查看和修改开发者设置
|
||||||
</v-list-item-subtitle>
|
</v-list-item-subtitle
|
||||||
|
>
|
||||||
<template #append>
|
<template #append>
|
||||||
<v-switch
|
<v-switch
|
||||||
v-model="settings.developer.enabled"
|
v-model="settings.developer.enabled"
|
||||||
@ -252,15 +220,9 @@
|
|||||||
@saved="onSettingsSaved"
|
@saved="onSettingsSaved"
|
||||||
/>
|
/>
|
||||||
<template v-if="settings.developer.enabled">
|
<template v-if="settings.developer.enabled">
|
||||||
<v-card
|
<v-card border class="mt-4 rounded-lg">
|
||||||
border
|
|
||||||
class="mt-4 rounded-lg"
|
|
||||||
>
|
|
||||||
<v-card-title class="d-flex align-center">
|
<v-card-title class="d-flex align-center">
|
||||||
<v-icon
|
<v-icon class="mr-2" icon="mdi-cog-outline"/>
|
||||||
class="mr-2"
|
|
||||||
icon="mdi-cog-outline"
|
|
||||||
/>
|
|
||||||
所有设置
|
所有设置
|
||||||
</v-card-title>
|
</v-card-title>
|
||||||
<v-card-subtitle> 浏览和修改所有可用设置</v-card-subtitle>
|
<v-card-subtitle> 浏览和修改所有可用设置</v-card-subtitle>
|
||||||
@ -269,18 +231,12 @@
|
|||||||
</v-card-text>
|
</v-card-text>
|
||||||
</v-card>
|
</v-card>
|
||||||
</template>
|
</template>
|
||||||
<v-col
|
<v-col v-if="settings.developer.enabled" cols="12"></v-col>
|
||||||
v-if="settings.developer.enabled"
|
|
||||||
cols="12"
|
|
||||||
/>
|
|
||||||
</v-tabs-window-item>
|
</v-tabs-window-item>
|
||||||
|
|
||||||
<v-tabs-window-item value="about">
|
<v-tabs-window-item value="about">
|
||||||
<about-card/>
|
<about-card/>
|
||||||
<echo-chamber-card
|
<echo-chamber-card border class="mt-4"/>
|
||||||
border
|
|
||||||
class="mt-4"
|
|
||||||
/>
|
|
||||||
</v-tabs-window-item>
|
</v-tabs-window-item>
|
||||||
</v-tabs-window>
|
</v-tabs-window>
|
||||||
</v-container>
|
</v-container>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user