feat(阶段1): 搬入 ojnext 为 apps/web，未改业务代码

2026-08-06 21:18:16 -06:00
parent 3c975e85ee
commit ae1fb329b5
258 changed files with 40490 additions and 91 deletions
@@ -0,0 +1,93 @@
+<script setup lang="ts">
+import { Icon } from "@iconify/vue"
+import { CONTEST_STATUS, ContestStatus } from "utils/constants"
+import { useBreakpoints } from "shared/composables/breakpoints"
+import { useContestStore } from "../store/contest"
+import ContestInfo from "./components/ContestInfo.vue"
+import ContestMenu from "./components/ContestMenu.vue"
+
+const props = defineProps<{
+  contestID: string
+}>()
+const contestStore = useContestStore()
+const message = useMessage()
+
+const { isDesktop } = useBreakpoints()
+
+const password = ref("")
+
+async function check() {
+  await contestStore.checkPassword(props.contestID, password.value)
+  if (!contestStore.access) {
+    message.error("密码错误")
+  }
+}
+
+watch(
+  () => contestStore.contestStatus,
+  (nv, ov) => {
+    if (nv === ContestStatus.underway && ov == ContestStatus.not_started) {
+      contestStore.init(props.contestID)
+    }
+  },
+)
+
+onMounted(() => {
+  contestStore.init(props.contestID)
+})
+
+onBeforeUnmount(contestStore.clear)
+
+const passwordFormVisible = computed(
+  () =>
+    contestStore.isPrivate &&
+    !contestStore.access &&
+    !contestStore.isContestAdmin,
+)
+</script>
+
+<template>
+  <n-flex vertical size="large" v-if="contestStore.contest">
+    <n-flex align="center" justify="space-between">
+      <n-flex align="center">
+        <n-tag :type="CONTEST_STATUS[contestStore.contestStatus]['type']">
+          {{ contestStore.countdown }}
+        </n-tag>
+        <Icon
+          v-if="contestStore.isPrivate"
+          icon="streamline-ultimate-color:shield-lock"
+          :height="30"
+        ></Icon>
+        <h2 class="contestTitle">{{ contestStore.contest.title }}</h2>
+      </n-flex>
+      <n-flex align="center">
+        <ContestInfo />
+        <ContestMenu />
+      </n-flex>
+    </n-flex>
+    <n-form
+      :inline="isDesktop"
+      label-placement="left"
+      v-if="passwordFormVisible"
+    >
+      <n-form-item label="需要输入密码才能看到题目">
+        <n-input
+          name="ContestPassword"
+          type="password"
+          v-model:value="password"
+        />
+      </n-form-item>
+      <n-form-item>
+        <n-button @click="check" :disabled="!password">确认</n-button>
+      </n-form-item>
+    </n-form>
+    <router-view></router-view>
+  </n-flex>
+</template>
+
+<style scoped>
+.contestTitle {
+  font-weight: 500;
+  margin: 0;
+}
+</style>