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

把大部分的 n-space 替换成 n-flex

Browse Source
This commit is contained in:
yuetsh
2024-07-04 10:12:02 +08:00
parent c84d103418
commit 9a775d523a
31 changed files with 155 additions and 163 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/admin/announcement/components/Actions.vue
View File

@@ -25,7 +25,7 @@ async function handleDelete() {
</script>
<template>
<n-space>
<n-flex>
<n-button size="small" type="success" secondary @click="goEdit">
编辑
</n-button>
@@ -35,6 +35,6 @@ async function handleDelete() {
</template>
确定删除这条公告吗？
</n-popconfirm>
</n-space>
</n-flex>
</template>
<style scoped></style>

4
src/admin/announcement/detail.vue
View File

@@ -98,9 +98,9 @@ onMounted(init)
v-model:value="announcement.content"
:min-height="200"
/>
<n-space justify="end">
<n-flex justify="end">
<n-button type="primary" @click="submit">保存</n-button>
</n-space>
</n-flex>
</template>
<style scoped>
.title {

6
src/admin/communication/comments.vue
View File

@@ -1,12 +1,14 @@
<template>
<n-space justify="space-between" class="titleWrapper">
<n-flex justify="space-between" class="titleWrapper">
<h2 class="title">评论列表（只列出有内容的）</h2>
<div>
<n-input
v-model:value="query.problem"
clearable
placeholder="输入题目序号"
/>
</n-space>
</div>
</n-flex>
<n-data-table striped :columns="columns" :data="comments" />
<Pagination
:total="total"

4
src/admin/contest/components/Actions.vue
View File

@@ -22,13 +22,13 @@ function goEditProblems() {
}
</script>
<template>
<n-space>
<n-flex>
<n-button size="small" type="primary" secondary @click="goEditProblems">
题目
</n-button>
<n-button size="small" type="info" secondary @click="goEdit">
编辑
</n-button>
</n-space>
</n-flex>
</template>
<style scoped></style>

4
src/admin/contest/detail.vue
View File

@@ -127,9 +127,9 @@ onMounted(getContestDetail)
v-model:value="contest.description"
:min-height="200"
/>
<n-space justify="end">
<n-flex justify="end">
<n-button type="primary" @click="submit">保存</n-button>
</n-space>
</n-flex>
</template>
<style scoped>

6
src/admin/contest/list.vue
View File

@@ -83,10 +83,12 @@ watchDebounced(() => query.keyword, listContests, { debounce: 500, maxWait: 1000
</script>
<template>
<n-space justify="space-between" class="titleWrapper">
<n-flex justify="space-between" class="titleWrapper">
<h2 class="title">比赛列表</h2>
<div>
<n-input v-model:value="query.keyword" placeholder="输入标题关键字" />
</n-space>
</div>
</n-flex>
<n-data-table :columns="columns" :data="contests" />
<Pagination
:total="total"

4
src/admin/problem/components/Actions.vue
View File

@@ -55,7 +55,7 @@ function goCheck() {
}
</script>
<template>
<n-space align="center">
<n-flex>
<n-button size="small" secondary type="primary" @click="goEdit">
编辑
</n-button>
@@ -74,5 +74,5 @@ function goCheck() {
</template>
下载测试用例
</n-tooltip>
</n-space>
</n-flex>
</template>

4
src/admin/problem/components/AddButton.vue
View File

@@ -37,10 +37,10 @@ async function addProblem() {
<template #trigger>
<n-button secondary size="small" type="primary">+</n-button>
</template>
<n-space vertical>
<n-flex vertical>
<span>请输入在这场比赛中的显示编号</span>
<n-input autofocus v-model:value="displayID" />
</n-space>
</n-flex>
</n-popconfirm>
</template>
<style scoped></style>

26
src/admin/problem/detail.vue
View File

@@ -424,7 +424,7 @@ watch(
title="输出的描述"
/>
<div class="box" v-for="(sample, index) in problem.samples" :key="index">
<n-space justify="space-between" align="center">
<n-flex justify="space-between" align="center">
<strong>测试样例 {{ index + 1 }}</strong>
<n-button
tertiary
@@ -434,19 +434,19 @@ watch(
>
删除 {{ index + 1 }}
</n-button>
</n-space>
</n-flex>
<n-grid x-gap="20" cols="2">
<n-gi span="1">
<n-space vertical>
<n-flex vertical>
<span>输入样例</span>
<n-input type="textarea" v-model:value="sample.input" />
</n-space>
</n-flex>
</n-gi>
<n-gi span="1">
<n-space vertical>
<n-flex vertical>
<span>输出样例</span>
<n-input type="textarea" v-model:value="sample.output" />
</n-space>
</n-flex>
</n-gi>
</n-grid>
</div>
@@ -493,7 +493,7 @@ watch(
type="info"
>
<template #header>
<n-space align="center">
<n-flex align="center">
<div>
测试组编号 {{ problem.test_case_id.slice(0, 12) }} 共有
{{ problem.test_case_score.length }}
@@ -508,21 +508,21 @@ watch(
>
下载
</n-button>
</n-space>
</n-flex>
</template>
</n-alert>
<n-space justify="space-between">
<n-form inline label-placement="left" :show-feedback="false">
<n-form-item label="语言">
<n-checkbox-group v-model:value="problem.languages">
<n-space align="center">
<n-flex align="center">
<n-checkbox
v-for="(language, index) in languageOptions"
:key="index"
:value="language.value"
:label="language.label"
/>
</n-space>
</n-flex>
</n-checkbox-group>
</n-form-item>
<n-form-item>
@@ -543,13 +543,14 @@ watch(
</n-button>
</n-form-item>
</n-form>
<n-space align="center">
<n-flex align="center">
<n-tooltip placement="left">
<template #trigger>
<n-button text>温馨提醒</n-button>
</template>
【测试用例】最好要有10个，要考虑边界情况，不要跟【测试样例】一模一样
</n-tooltip>
<div>
<n-upload
:show-file-list="false"
accept=".zip"
@@ -557,8 +558,9 @@ watch(
>
<n-button type="info">上传测试用例</n-button>
</n-upload>
</div>
<n-button type="primary" @click="submit">提交</n-button>
</n-space>
</n-flex>
</n-space>
</template>

10
src/admin/problem/list.vue
View File

@@ -119,9 +119,9 @@ watchDebounced(() => query.keyword, listProblems, {
</script>
<template>
<n-space class="titleWrapper" justify="space-between">
<n-flex class="titleWrapper" justify="space-between">
<h2 class="title">{{ title }}</h2>
<n-space>
<n-flex>
<n-button v-if="isContestProblemList" @click="createContestProblem">
新建比赛题目
</n-button>
@@ -132,9 +132,11 @@ watchDebounced(() => query.keyword, listProblems, {
>
从题库中选择
</n-button>
<div>
<n-input v-model:value="query.keyword" placeholder="输入标题关键字" />
</n-space>
</n-space>
</div>
</n-flex>
</n-flex>
<n-data-table striped :columns="columns" :data="problems" />
<Pagination
:total="total"

24
src/admin/setting/config.vue
View File

@@ -162,12 +162,12 @@ onMounted(() => {
<template>
<n-card class="box">
<template #header>
<n-space align="center">
<n-flex align="center">
网站设置
<n-button type="primary" size="small" @click="saveWebsiteConfig">
保存
</n-button>
</n-space>
</n-flex>
</template>
<n-form inline label-placement="left">
<n-form-item label="网站 URL">
@@ -185,20 +185,20 @@ onMounted(() => {
<n-input v-model:value="websiteConfig.website_footer" />
</n-form-item>
</n-form>
<n-space align="center">
<n-space align="center">
<n-flex align="center">
<n-flex align="center">
<span>是否允许注册</span>
<n-switch v-model:value="websiteConfig.allow_register" />
</n-space>
<n-space align="center">
</n-flex>
<n-flex align="center">
<span>显示全部题目的提交</span>
<n-switch v-model:value="websiteConfig.submission_list_show_all" />
</n-space>
</n-space>
</n-flex>
</n-flex>
</n-card>
<n-card class="box">
<template #header>
<n-space align="center">
<n-flex align="center">
判题服务器
<n-button
v-if="abnormalServers.length"
@@ -208,7 +208,7 @@ onMounted(() => {
>
删除无效服务器
</n-button>
</n-space>
</n-flex>
</template>
<div class="box">
接口凭证 <n-tag size="small">{{ token }}</n-tag>
@@ -222,12 +222,12 @@ onMounted(() => {
</n-card>
<n-card class="box" v-if="testcases.length">
<template #header>
<n-space align="center">
<n-flex align="center">
无效的测试用例
<n-button size="small" type="warning" @click="() => deleteTestcase()">
全部删除
</n-button>
</n-space>
</n-flex>
</template>
<n-data-table
striped

14
src/admin/setting/home.vue
View File

@@ -79,11 +79,11 @@ watch(
</script>
<template>
<n-space align="center">
<n-flex align="center">
<n-avatar round :size="60" :src="userStore.profile?.avatar" />
<h1 class="name">亲爱的管理员：{{ userStore.user?.username }}</h1>
</n-space>
<n-space>
</n-flex>
<n-flex>
<h2>
<n-gradient-text type="info"> 总用户数：{{ userCount }} </n-gradient-text>
</h2>
@@ -97,17 +97,19 @@ watch(
近期比赛：{{ contestCount }}
</n-gradient-text>
</h2>
</n-space>
<n-space align="center" class="actions">
</n-flex>
<n-flex align="center" class="actions">
<span>我猜你要：</span>
<n-button @click="router.push('/admin/problem/create')">新题目</n-button>
<n-button @click="router.push('/admin/contest/create')">新比赛</n-button>
<div>
<n-input
clearable
@change="listRanks"
v-model:value="query.username"
placeholder="班级前缀"
/>
</div>
<n-button @click="listRanks">用户排名</n-button>
<Pagination
class="pagination"
@@ -115,7 +117,7 @@ watch(
v-model:page="query.page"
v-model:limit="query.limit"
/>
</n-space>
</n-flex>
<n-data-table v-if="data.length" striped :data="data" :columns="columns" />
</template>

4
src/admin/user/components/Actions.vue
View File

@@ -19,7 +19,7 @@ async function banUser() {
}
</script>
<template>
<n-space align="center">
<n-flex>
<n-button
size="small"
type="primary"
@@ -42,5 +42,5 @@ async function banUser() {
</template>
确定删除这个用户吗？删除后无法恢复！
</n-popconfirm>
</n-space>
</n-flex>
</template>

4
src/admin/user/components/Name.vue
View File

@@ -9,7 +9,7 @@ const props = defineProps<Props>()
const isAdmin = computed(() => props.user.admin_type !== "Regular User")
</script>
<template>
<n-space align="center">
<n-flex align="center">
<n-tag v-if="props.user.is_disabled" type="error" size="small">
封号中
</n-tag>
@@ -21,5 +21,5 @@ const isAdmin = computed(() => props.user.admin_type !== "Regular User")
{{ getUserRole(props.user.admin_type).tagString }}
</n-tag>
{{ props.user.username }}
</n-space>
</n-flex>
</template>

12
src/admin/user/generate.vue
View File

@@ -76,11 +76,11 @@ function handleAll() {
<template>
<n-space>
<n-space vertical>
<n-space align="center">
<n-flex vertical>
<n-flex align="center">
<n-switch v-model:value="needKs" />
<span>前面带上 ks</span>
</n-space>
</n-flex>
<n-input v-model:value="prefix" placeholder="班级号" />
<n-input
type="textarea"
@@ -88,7 +88,7 @@ function handleAll() {
placeholder="每行一个用户名"
v-model:value="rawInput"
/>
</n-space>
</n-flex>
<n-scrollbar style="max-height: calc(100vh - 34px)">
<n-data-table
v-if="usersToTable.length"
@@ -96,13 +96,13 @@ function handleAll() {
:data="usersToTable"
/>
</n-scrollbar>
<n-space vertical>
<n-flex vertical>
<n-button @click="generateUsers">让我康康</n-button>
<n-button type="warning" :disabled="!users.length" @click="uploadUsers">
上传用户
</n-button>
<n-button type="info" @click="handleAll">一键三连</n-button>
</n-space>
</n-flex>
</n-space>
</template>

20
src/admin/user/list.vue
View File

@@ -29,7 +29,7 @@ const columns: DataTableColumn<User>[] = [
{
title: "用户名",
key: "username",
width: 180,
width: 200,
render: (row) => h(Name, { user: row }),
},
{
@@ -155,12 +155,12 @@ watch(query, listUsers, { deep: true })
</script>
<template>
<n-space class="titleWrapper" justify="space-between">
<n-space>
<n-flex class="titleWrapper" justify="space-between">
<n-flex>
<h2 class="title">用户列表</h2>
<n-button type="primary" @click="createNewUser">新建用户</n-button>
</n-space>
<n-space>
</n-flex>
<n-flex>
<n-popconfirm
v-if="userIDs.length"
@positive-click="onDeleteUsers(userIDs)"
@@ -170,9 +170,11 @@ watch(query, listUsers, { deep: true })
</template>
确定删除选中的用户吗？删除后无法恢复！
</n-popconfirm>
<div>
<n-input placeholder="请输入关键字搜索" v-model:value="query.keyword" />
</n-space>
</n-space>
</div>
</n-flex>
</n-flex>
<n-data-table
:data="users"
:columns="columns"
@@ -214,10 +216,10 @@ watch(query, listUsers, { deep: true })
<n-switch v-model:value="userEditing.is_disabled">封号</n-switch>
</n-form-item-gi>
</n-grid>
<n-space justify="end">
<n-flex justify="end">
<n-button @click="onCloseEditModal">取消</n-button>
<n-button type="primary" @click="handleEditUser">保存</n-button>
</n-space>
</n-flex>
</n-form>
</n-modal>
</template>

1
src/oj/api.ts
View File

@@ -209,6 +209,7 @@ export function getCommentStatistics(problemID: number) {
return http.get("comment/statistics", { params: { problem_id: problemID } })
}
// TODO: 这个API有问题
export function refreshUserProblemDisplayIds() {
return http.get("profile/fresh_display_id")
}

4
src/oj/contest/components/ContestMenu.vue
View File

@@ -32,7 +32,7 @@ const options: DropdownOption[] = [
</script>
<template>
<div v-if="contestMenuVisible">
<n-space v-if="isDesktop">
<n-flex v-if="isDesktop">
<n-button :type="getCurrentType('problems')" @click="goto('problems')">
比赛题目
</n-button>
@@ -45,7 +45,7 @@ const options: DropdownOption[] = [
<n-button :type="getCurrentType('rank')" @click="goto('rank')">
比赛排名
</n-button>
</n-space>
</n-flex>
<n-dropdown v-else :options="options" @select="goto">
<n-button>菜单</n-button>
</n-dropdown>

25
src/oj/contest/detail.vue
View File

@@ -30,9 +30,12 @@ const passwordFormVisible = computed(
</script>
<template>
<n-space vertical size="large" v-if="contestStore.contest">
<n-space align="center" justify="space-between">
<n-space align="center">
<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-emojis:locked-with-key"
@@ -40,18 +43,12 @@ const passwordFormVisible = computed(
:height="30"
></Icon>
<h2 class="contestTitle">{{ contestStore.contest.title }}</h2>
<n-tag
size="small"
:type="CONTEST_STATUS[contestStore.contestStatus]['type']"
>
{{ contestStore.countdown }}
</n-tag>
</n-space>
<n-space align="center">
</n-flex>
<n-flex align="center">
<ContestInfo />
<ContestMenu />
</n-space>
</n-space>
</n-flex>
</n-flex>
<n-form
:inline="isDesktop"
label-placement="left"
@@ -74,7 +71,7 @@ const passwordFormVisible = computed(
</n-form-item>
</n-form>
<router-view></router-view>
</n-space>
</n-flex>
</template>
<style scoped>

8
src/oj/contest/list.vue
View File

@@ -143,7 +143,7 @@ function rowProps(row: Contest) {
}
</script>
<template>
<n-space vertical size="large">
<n-flex vertical size="large">
<n-space>
<n-form :show-feedback="false" label-placement="left" inline>
<n-form-item label="比赛状态">
@@ -166,10 +166,10 @@ function rowProps(row: Contest) {
</n-form>
<n-form :show-feedback="false" label-placement="left" inline>
<n-form-item>
<n-space>
<n-flex>
<n-button @click="search(query.keyword)">搜索</n-button>
<n-button @click="clear" quaternary>重置</n-button>
</n-space>
</n-flex>
</n-form-item>
</n-form>
</n-space>
@@ -179,7 +179,7 @@ function rowProps(row: Contest) {
:data="data"
:row-props="rowProps"
/>
</n-space>
</n-flex>
<Pagination
v-model:limit="query.limit"
v-model:page="query.page"

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

@@ -46,7 +46,7 @@ function changeLanguage(v: string) {
</script>
<template>
<n-space vertical>
<n-flex vertical>
<Form :storage-key="storageKey" @change-language="changeLanguage" />
<CodeEditor
v-model:value="code.value"
@@ -54,7 +54,7 @@ function changeLanguage(v: string) {
:language="code.language"
:height="editorHeight"
/>
</n-space>
</n-flex>
</template>
<style scoped></style>

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

@@ -87,7 +87,7 @@ function gotoTestCat() {
</script>
<template>
<n-space align="center">
<n-flex align="center">
<n-select
class="language"
v-model:value="code.language"
@@ -108,7 +108,7 @@ function gotoTestCat() {
>
编辑
</n-button>
</n-space>
</n-flex>
</template>
<style scoped>

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

@@ -96,10 +96,10 @@ function type(status: ProblemStatus) {
title="🎉 本 题 已 经 被 你 解 决 啦"
/>
<n-space align="center">
<n-flex align="center">
<n-tag>{{ problem._id }}</n-tag>
<h2 class="problemTitle">{{ problem.title }}</h2>
</n-space>
</n-flex>
<p class="title" :style="style">
<n-flex align="center">
<Icon icon="streamline-emojis:sparkles"></Icon>
@@ -135,7 +135,7 @@ function type(status: ProblemStatus) {
</div>
<div v-for="(sample, index) of samples" :key="index">
<n-space align="center">
<n-flex align="center">
<p class="title" :style="style">例子 {{ index + 1 }}</p>
<n-button
size="small"
@@ -144,7 +144,7 @@ function type(status: ProblemStatus) {
>
{{ label(sample.status, sample.loading) }}
</n-button>
</n-space>
</n-flex>
<n-descriptions
bordered
:column="2"
@@ -152,19 +152,19 @@ function type(status: ProblemStatus) {
>
<n-descriptions-item>
<template #label>
<n-space>
<n-flex>
<span>输入</span>
<Copy :value="sample.input" />
</n-space>
</n-flex>
</template>
<div class="testcase">{{ sample.input }}</div>
</n-descriptions-item>
<n-descriptions-item>
<template #label>
<n-space>
<n-flex>
<span>输出</span>
<Copy :value="sample.output" />
</n-space>
</n-flex>
</template>
<div class="testcase">{{ sample.output }}</div>
</n-descriptions-item>

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

@@ -64,11 +64,11 @@ const options = {
{{ getACRate(problem.accepted_number, problem.submission_number) }}
</n-descriptions-item>
<n-descriptions-item :span="3" label="标签">
<n-space>
<n-flex>
<n-tag size="small" type="info" v-for="tag in problem.tags" :key="tag">
{{ tag }}
</n-tag>
</n-space>
</n-flex>
</n-descriptions-item>
</n-descriptions>
<div class="pie" v-if="problem && problem.submission_number > 0">

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

@@ -255,7 +255,7 @@ watch(
:title="JUDGE_STATUS[submission.result]['name']"
/>
</template>
<n-space vertical v-if="msg || infoTable.length">
<n-flex vertical v-if="msg || infoTable.length">
<n-card v-if="msg" embedded class="msg">{{ msg }}</n-card>
<n-data-table
v-if="infoTable.length"
@@ -263,7 +263,7 @@ watch(
:data="infoTable"
:columns="columns"
/>
</n-space>
</n-flex>
</n-popover>
<n-modal
preset="card"

12
src/oj/problem/list.vue
View File

@@ -212,7 +212,7 @@ function rowProps(row: ProblemFiltered) {
</script>
<template>
<n-space vertical size="large">
<n-flex vertical size="large">
<n-space>
<n-form :show-feedback="false" inline label-placement="left">
<n-form-item label="题目难度">
@@ -232,11 +232,11 @@ function rowProps(row: ProblemFiltered) {
</n-form>
<n-form :show-feedback="false" inline label-placement="left">
<n-form-item>
<n-space align="center">
<n-flex align="center">
<n-button @click="search(query.keyword)">搜索</n-button>
<n-button @click="clear" quaternary>重置</n-button>
<n-button @click="getRandom" quaternary>试试手气</n-button>
</n-space>
</n-flex>
</n-form-item>
</n-form>
<n-button @click="toggleShowTag()" quaternary icon-placement="right">
@@ -248,7 +248,7 @@ function rowProps(row: ProblemFiltered) {
</n-button>
</n-space>
<n-collapse-transition :show="showTag">
<n-space>
<n-flex>
<n-tag
v-for="tag in tags"
:closable="tag.checked"
@@ -259,7 +259,7 @@ function rowProps(row: ProblemFiltered) {
>
{{ tag.name }}
</n-tag>
</n-space>
</n-flex>
</n-collapse-transition>
<n-data-table
striped
@@ -267,7 +267,7 @@ function rowProps(row: ProblemFiltered) {
:columns="columns"
:row-props="rowProps"
/>
</n-space>
</n-flex>
<Pagination
:total="total"
v-model:limit="query.limit"

16
src/oj/submission/components/StatisticsPanel.vue
View File

@@ -1,5 +1,5 @@
<template>
<n-space size="large" vertical>
<n-flex size="large" vertical>
<n-form :show-feedback="false" inline label-placement="left">
<n-form-item>
<n-input
@@ -60,18 +60,11 @@
</n-gradient-text>
</n-h1>
</n-space>
<n-space v-if="count.total === 0">
<n-h1>
<n-h1 v-if="count.total === 0">
<n-gradient-text type="primary">暂无数据统计</n-gradient-text>
</n-h1>
</n-space>
<n-data-table
v-if="list.length"
striped
:columns="columns"
:data="list"
/>
</n-space>
<n-data-table v-if="list.length" striped :columns="columns" :data="list" />
</n-flex>
</template>
<script setup lang="ts">
import { formatISO, sub, type Duration } from "date-fns"
@@ -85,6 +78,7 @@ interface Props {
const props = defineProps<Props>()
const options: SelectOption[] = [
{ label: "30分钟内", value: "minutes:30" },
{ label: "本节课内", value: "hours:1" },
{ label: "两小时内", value: "hours:2" },
{ label: "一天内", value: "days:1" },

8
src/oj/submission/detail.vue
View File

@@ -82,16 +82,16 @@ onMounted(init)
</script>
<template>
<n-space vertical v-if="submission" :size="24">
<n-flex vertical v-if="submission" :size="24">
<n-alert
:type="JUDGE_STATUS[submission.result]['type']"
:title="JUDGE_STATUS[submission.result]['name']"
>
<n-space>
<n-flex>
<span>提交时间：{{ parseTime(submission.create_time) }}</span>
<span>编程语言：{{ submission.language }}</span>
<span>用户：{{ submission.username }}</span>
</n-space>
</n-flex>
</n-alert>
<n-card embedded>
<n-code
@@ -124,7 +124,7 @@ onMounted(init)
:columns="columns"
:data="submission.info.data"
/>
</n-space>
</n-flex>
</template>
<style scoped>

4
src/oj/submission/list.vue
View File

@@ -254,7 +254,7 @@ const columns = computed(() => {
})
</script>
<template>
<n-space vertical size="large">
<n-flex vertical size="large">
<n-space>
<n-form :show-feedback="false" inline label-placement="left">
<n-form-item label="提交状态">
@@ -295,7 +295,7 @@ const columns = computed(() => {
</n-form>
</n-space>
<n-data-table striped :columns="columns" :data="submissions" />
</n-space>
</n-flex>
<Pagination
:total="total"
v-model:limit="query.limit"

22
src/oj/user/index.vue
View File

@@ -1,7 +1,6 @@
<script setup lang="ts">
import { getProfile } from "~/shared/api"
import { Profile } from "~/utils/types"
import { refreshUserProblemDisplayIds } from "../api"
const route = useRoute()
const router = useRouter()
@@ -31,15 +30,10 @@ async function init() {
}
}
async function refresh() {
await refreshUserProblemDisplayIds()
init()
}
onMounted(init)
</script>
<template>
<n-space
<n-flex
class="wrapper"
vertical
justify="center"
@@ -49,7 +43,7 @@ onMounted(init)
<n-avatar round :size="140" :src="profile.avatar" />
<h2>{{ profile.user.username }}</h2>
<p class="desc">{{ profile.mood }}</p>
</n-space>
</n-flex>
<n-descriptions
v-if="!loading && profile"
class="wrapper"
@@ -63,14 +57,8 @@ onMounted(init)
<n-descriptions-item label="总提交数">
{{ profile.submission_number }}
</n-descriptions-item>
<n-descriptions-item v-if="problems.length" :span="2">
<template #label>
<n-flex align="center">
已解决的题目
<n-button size="small" @click="refresh">强制刷新</n-button>
</n-flex>
</template>
<n-space>
<n-descriptions-item v-if="problems.length" label="已解决的题目" :span="2">
<n-flex>
<n-button
v-for="id in problems"
key="id"
@@ -78,7 +66,7 @@ onMounted(init)
>
{{ id }}
</n-button>
</n-space>
</n-flex>
</n-descriptions-item>
</n-descriptions>
<n-empty v-if="!loading && !profile" description="该用户不存在">

4
src/oj/user/setting.vue
View File

@@ -40,7 +40,7 @@ async function saveProfile() {
}
</script>
<template>
<n-space class="container" vertical v-if="userStore.profile">
<n-flex class="container" vertical v-if="userStore.profile">
<h3>个人信息设置</h3>
<n-form>
<n-avatar round :size="120" :src="userStore.profile.avatar" alt="头像" />
@@ -67,7 +67,7 @@ async function saveProfile() {
更改信息
</n-button>
</n-form>
</n-space>
</n-flex>
</template>
<style scoped>
.container {