xuyue/ojnext
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

更新首页列表

Browse Source
This commit is contained in:
xuyue
2023-11-01 19:03:01 +08:00
parent 9cf73331ea
commit 710f4b5eb9
35 changed files with 261 additions and 241 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/oj/problem/components/Editor.vue
View File

@@ -13,7 +13,7 @@ const contestID = !!route.params.contestID ? route.params.contestID : null
const storageKey = computed(
() =>
`problem_${problem.value!._id}_contest_${contestID}_lang_${code.language}`
`problem_${problem.value!._id}_contest_${contestID}_lang_${code.language}`,
)
onMounted(() => {
@@ -26,7 +26,7 @@ onMounted(() => {
})
const editorHeight = computed(() =>
isDesktop.value ? "calc(100vh - 133px)" : "calc(100vh - 172px)"
isDesktop.value ? "calc(100vh - 133px)" : "calc(100vh - 172px)",
)
function changeCode(v: string) {

11
src/oj/problem/components/ProblemContent.vue
View File

@@ -23,7 +23,7 @@ const samples = ref<Sample[]>(
msg: "",
status: "not_test",
loading: false,
}))
})),
)
async function test(sample: Sample, index: number) {
@@ -202,7 +202,8 @@ function type(status: ProblemStatus) {
border: 1px solid rgb(239, 239, 245);
word-break: break-word;
box-sizing: border-box;
transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1),
transition:
background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1),
border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
@@ -219,13 +220,15 @@ function type(status: ProblemStatus) {
width: 100%;
border-spacing: 0;
border: 1px solid rgba(239, 239, 245, 1);
transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1),
transition:
background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1),
border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.problemContent > .content > table th {
background-color: rgba(250, 250, 252, 1);
transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1),
transition:
background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1),
border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

200
src/oj/problem/components/ProblemSubmission.vue
View File

@@ -1,100 +1,100 @@
<script lang="ts" setup>
import { useUserStore } from "~/shared/store/user"
import { Submission } from "~/utils/types"
import { parseTime } from "~/utils/functions"
import { LANGUAGE_SHOW_VALUE } from "~/utils/constants"
import { getSubmissions } from "~/oj/api"
import { isDesktop } from "~/shared/composables/breakpoints"
import SubmissionResultTag from "~/shared/SubmissionResultTag.vue"
import Pagination from "~/shared/Pagination.vue"
import { NButton } from "naive-ui"
const userStore = useUserStore()
const route = useRoute()
const router = useRouter()
const columns: DataTableColumn<Submission>[] = [
{
title: "提交时间",
key: "create_time",
width: 200,
render: (row) =>
parseTime(
row.create_time,
isDesktop ? "YYYY-MM-DD HH:mm:ss" : "M-D hh:mm"
),
},
{
title: "编号",
key: "id",
minWidth: 160,
render: (row) => {
if (row.show_link) {
return h(
NButton,
{
text: true,
type: "info",
onClick: () => {
const data = router.resolve("/submission/" + row.id)
window.open(data.href, "_blank")
},
},
() => row.id.slice(0, 12)
)
} else {
return row.id.slice(0, 12)
}
},
},
{
title: "状态",
key: "status",
width: 140,
render: (row) => h(SubmissionResultTag, { result: row.result }),
},
{
title: "语言",
key: "language",
width: 100,
render: (row) => LANGUAGE_SHOW_VALUE[row.language],
},
]
const submissions = ref<Submission[]>([])
const total = ref(0)
const query = reactive({
limit: 10,
page: 1,
})
async function listSubmissions() {
const offset = query.limit * (query.page - 1)
const res = await getSubmissions({
...query,
myself: "1",
offset,
problem_id: <string>route.params.problemID ?? "",
contest_id: <string>route.params.contestID ?? "",
})
submissions.value = res.data.results
total.value = res.data.total
}
onMounted(listSubmissions)
watch(query, listSubmissions)
</script>
<template>
<n-data-table
v-if="userStore.isAuthed"
striped
:columns="columns"
:data="submissions"
/>
<Pagination
v-if="userStore.isAuthed"
:total="total"
v-model:limit="query.limit"
v-model:page="query.page"
/>
<n-alert type="error" v-if="!userStore.isAuthed" title="请先登录" />
</template>
<script lang="ts" setup>
import { useUserStore } from "~/shared/store/user"
import { Submission } from "~/utils/types"
import { parseTime } from "~/utils/functions"
import { LANGUAGE_SHOW_VALUE } from "~/utils/constants"
import { getSubmissions } from "~/oj/api"
import { isDesktop } from "~/shared/composables/breakpoints"
import SubmissionResultTag from "~/shared/SubmissionResultTag.vue"
import Pagination from "~/shared/Pagination.vue"
import { NButton } from "naive-ui"
const userStore = useUserStore()
const route = useRoute()
const router = useRouter()
const columns: DataTableColumn<Submission>[] = [
{
title: "提交时间",
key: "create_time",
width: 200,
render: (row) =>
parseTime(
row.create_time,
isDesktop ? "YYYY-MM-DD HH:mm:ss" : "M-D hh:mm",
),
},
{
title: "编号",
key: "id",
minWidth: 160,
render: (row) => {
if (row.show_link) {
return h(
NButton,
{
text: true,
type: "info",
onClick: () => {
const data = router.resolve("/submission/" + row.id)
window.open(data.href, "_blank")
},
},
() => row.id.slice(0, 12),
)
} else {
return row.id.slice(0, 12)
}
},
},
{
title: "状态",
key: "status",
width: 140,
render: (row) => h(SubmissionResultTag, { result: row.result }),
},
{
title: "语言",
key: "language",
width: 100,
render: (row) => LANGUAGE_SHOW_VALUE[row.language],
},
]
const submissions = ref<Submission[]>([])
const total = ref(0)
const query = reactive({
limit: 10,
page: 1,
})
async function listSubmissions() {
const offset = query.limit * (query.page - 1)
const res = await getSubmissions({
...query,
myself: "1",
offset,
problem_id: <string>route.params.problemID ?? "",
contest_id: <string>route.params.contestID ?? "",
})
submissions.value = res.data.results
total.value = res.data.total
}
onMounted(listSubmissions)
watch(query, listSubmissions)
</script>
<template>
<n-data-table
v-if="userStore.isAuthed"
striped
:columns="columns"
:data="submissions"
/>
<Pagination
v-if="userStore.isAuthed"
:total="total"
v-model:limit="query.limit"
v-model:page="query.page"
/>
<n-alert type="error" v-if="!userStore.isAuthed" title="请先登录" />
</template>

14
src/oj/problem/components/Submit.vue
View File

@@ -39,17 +39,21 @@ const { start: fetchSubmission } = useTimeoutFn(
}
},
2000,
{ immediate: false }
{ immediate: false },
)
const judging = computed(
() =>
!!(submission.value && submission.value.result === SubmissionStatus.judging)
!!(
submission.value && submission.value.result === SubmissionStatus.judging
),
)
const pending = computed(
() =>
!!(submission.value && submission.value.result === SubmissionStatus.pending)
!!(
submission.value && submission.value.result === SubmissionStatus.pending
),
)
const submitting = computed(
@@ -57,7 +61,7 @@ const submitting = computed(
!!(
submission.value &&
submission.value.result === SubmissionStatus.submitting
)
),
)
const submitDisabled = computed(() => {
@@ -186,7 +190,7 @@ watch(
size: party.variation.skew(2, 0.3),
})
}
}
},
)
</script>

94
src/oj/problem/components/TestCat.vue
View File

@@ -1,47 +1,47 @@
<script setup lang="ts">
import { code } from "oj/composables/code"
import { createTestSubmission } from "~/utils/judge"
const input = ref("")
const output = ref("")
async function test() {
output.value = "运行中..."
const res = await createTestSubmission(code, input.value)
output.value = res.output
}
function clear() {
const id = setTimeout(() => {
clearTimeout(id)
output.value = ""
}, 200)
}
</script>
<template>
<n-popover
trigger="click"
placement="bottom-end"
scrollable
:show-arrow="false"
style="max-height: 600px; max-width: 800px"
@clickoutside="clear"
>
<template #trigger>
<n-button>快速测试</n-button>
</template>
<n-space vertical>
<n-input type="textarea" v-model:value="input" />
<n-space justify="end">
<n-button @click="test">运行</n-button>
</n-space>
<div class="testcase">{{ output }}</div>
</n-space>
</n-popover>
</template>
<style scoped>
.testcase {
white-space: pre;
font-size: 16px;
font-family: "Consolas";
}
</style>
<script setup lang="ts">
import { code } from "oj/composables/code"
import { createTestSubmission } from "~/utils/judge"
const input = ref("")
const output = ref("")
async function test() {
output.value = "运行中..."
const res = await createTestSubmission(code, input.value)
output.value = res.output
}
function clear() {
const id = setTimeout(() => {
clearTimeout(id)
output.value = ""
}, 200)
}
</script>
<template>
<n-popover
trigger="click"
placement="bottom-end"
scrollable
:show-arrow="false"
style="max-height: 600px; max-width: 800px"
@clickoutside="clear"
>
<template #trigger>
<n-button>快速测试</n-button>
</template>
<n-space vertical>
<n-input type="textarea" v-model:value="input" />
<n-space justify="end">
<n-button @click="test">运行</n-button>
</n-space>
<div class="testcase">{{ output }}</div>
</n-space>
</n-popover>
</template>
<style scoped>
.testcase {
white-space: pre;
font-size: 16px;
font-family: "Consolas";
}
</style>