mirror of
https://github.com/ZeroCatDev/Classworks.git
synced 2026-02-04 07:53:11 +00:00
chore: 删除不再使用的考试播放器组件
This commit is contained in:
parent
f96b939a39
commit
3a6f6f5fdc
@ -1,216 +0,0 @@
|
||||
<template>
|
||||
<v-alert
|
||||
v-if="error"
|
||||
border="start"
|
||||
class="mb-4"
|
||||
closable
|
||||
type="error"
|
||||
variant="tonal"
|
||||
@click:close="error = ''"
|
||||
>
|
||||
{{ error }}
|
||||
</v-alert>
|
||||
|
||||
<v-skeleton-loader v-if="loading" type="article"/>
|
||||
|
||||
<div v-else-if="!config">
|
||||
<v-alert border="start" type="warning" variant="tonal">
|
||||
缺少配置,请通过 URL 参数 id 或 url 传入配置。
|
||||
</v-alert>
|
||||
</div>
|
||||
|
||||
<div v-else>
|
||||
<div ref="playerRef" class="player">
|
||||
<ExamPlayer
|
||||
v-model:room-number="roomNumberLocal"
|
||||
:config="playerConfigObj"
|
||||
:exam-config="config"
|
||||
:show-action-bar="true"
|
||||
:time-sync-status="'电脑时间'"
|
||||
@exit="exit()"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {ref, computed, onMounted, watch} from "vue";
|
||||
import {useRoute, useRouter} from "vue-router";
|
||||
import dataProvider from "@/utils/dataProvider";
|
||||
import {ExamPlayer} from "@examaware-cs/player";
|
||||
|
||||
export default {
|
||||
name: "ExamPlayerPage",
|
||||
components: {ExamPlayer},
|
||||
setup() {
|
||||
const route = useRoute();
|
||||
const router = useRouter();
|
||||
const loading = ref(true);
|
||||
const error = ref("");
|
||||
const config = ref(null);
|
||||
|
||||
// 播放器配置:支持从查询参数读取考场号
|
||||
const roomNumber = computed(() => {
|
||||
return (route.query.roomNumber || route.query.room || "01") + "";
|
||||
});
|
||||
const roomNumberLocal = ref(roomNumber.value);
|
||||
const playerConfigObj = computed(() => ({
|
||||
roomNumber: roomNumberLocal.value,
|
||||
timeSync: true,
|
||||
refreshInterval: 1000,
|
||||
fullscreen: false,
|
||||
}));
|
||||
|
||||
async function loadConfig() {
|
||||
loading.value = true;
|
||||
error.value = "";
|
||||
config.value = null;
|
||||
try {
|
||||
const url = route.query.url || route.query.configUrl;
|
||||
const id = route.query.id;
|
||||
|
||||
if (url) {
|
||||
const resp = await fetch(url);
|
||||
if (!resp.ok) throw new Error("拉取配置失败: " + resp.status);
|
||||
const json = await resp.json();
|
||||
config.value = normalizeConfig(json);
|
||||
} else if (id) {
|
||||
const data = await dataProvider.loadData(`es_${id}`);
|
||||
if (!data) throw new Error("未找到该配置");
|
||||
config.value = normalizeConfig(data);
|
||||
} else {
|
||||
// 没有参数
|
||||
config.value = null;
|
||||
}
|
||||
// ExamPlayer 组件会自行响应传入的 exam-config
|
||||
} catch (e) {
|
||||
error.value = e?.message || String(e);
|
||||
} finally {
|
||||
loading.value = false;
|
||||
}
|
||||
}
|
||||
|
||||
function exit() {
|
||||
// 返回上一页
|
||||
router.push("/");
|
||||
}
|
||||
|
||||
function normalizeConfig(raw) {
|
||||
// 保障字段存在与正确类型
|
||||
return {
|
||||
examName: raw?.examName || "未命名考试",
|
||||
message: raw?.message || "",
|
||||
// ExamAware 需要 examInfos: { name, start, end, alertTime? }
|
||||
examInfos: Array.isArray(raw?.examInfos)
|
||||
? raw.examInfos.map((i) => ({
|
||||
name: i?.name || "未命名科目",
|
||||
start: i?.start || "",
|
||||
end: i?.end || "",
|
||||
alertTime: typeof i?.alertTime === "number" ? i.alertTime : 15,
|
||||
}))
|
||||
: [],
|
||||
};
|
||||
}
|
||||
|
||||
onMounted(loadConfig);
|
||||
watch(
|
||||
() => [
|
||||
route.query.id,
|
||||
route.query.url,
|
||||
route.query.configUrl,
|
||||
route.query.room,
|
||||
route.query.roomNumber,
|
||||
],
|
||||
loadConfig
|
||||
);
|
||||
watch(roomNumber, (v) => {
|
||||
roomNumberLocal.value = v;
|
||||
});
|
||||
|
||||
return {
|
||||
loading,
|
||||
error,
|
||||
config,
|
||||
roomNumberLocal,
|
||||
playerConfigObj,
|
||||
exit,
|
||||
};
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style scoped>
|
||||
/* 自定义字体定义 */
|
||||
@font-face {
|
||||
font-family: "TCloudNumber";
|
||||
src: url("../assets/fonts/TCloudNumberVF.ttf") format("truetype-variations"),
|
||||
url("../assets/fonts/TCloudNumberVF.ttf") format("truetype");
|
||||
font-weight: 100 900;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
html,
|
||||
body,
|
||||
#app {
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: "MiSans", MiSans, -apple-system, BlinkMacSystemFont, "Segoe UI",
|
||||
Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
|
||||
"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
|
||||
}
|
||||
|
||||
/* 设置主题为深色 */
|
||||
html {
|
||||
color-scheme: dark;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: var(--td-bg-color-page, #0a0a0a);
|
||||
color: var(--td-text-color-primary, #ffffff);
|
||||
}
|
||||
|
||||
/* 通用样式 */
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
font-family: inherit;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
margin: 0;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* 确保 TDesign 组件样式正常工作 */
|
||||
.t-button {
|
||||
font-family: inherit;
|
||||
}
|
||||
|
||||
/* 自定义滚动条样式 */
|
||||
::-webkit-scrollbar {
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
background: var(--td-bg-color-container, #1a1a1a);
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
background: var(--td-bg-color-component, #333333);
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
background: var(--td-bg-color-component-hover, #444444);
|
||||
}
|
||||
</style>
|
||||
Loading…
x
Reference in New Issue
Block a user