From efc9413ce6f32580abd0ff1c7c38989abd1c00b6 Mon Sep 17 00:00:00 2001
From: yuetsh <517252939@qq.com>
Date: Fri, 7 Apr 2023 12:32:55 +0800
Subject: [PATCH] fix.

---
 src/oj/api.ts                 |  2 +-
 src/oj/contest/detail.vue     |  2 +-
 src/oj/contest/list.vue       | 51 +++++++++++---------
 src/oj/contest/pages/rank.vue |  6 ++-
 src/oj/problem/list.vue       | 89 +++++++++++++++++------------------
 src/oj/submission/list.vue    | 52 ++++++++++----------
 6 files changed, 105 insertions(+), 97 deletions(-)

diff --git a/src/oj/api.ts b/src/oj/api.ts
index dbbcc28..0ba53f8 100644
--- a/src/oj/api.ts
+++ b/src/oj/api.ts
@@ -129,7 +129,7 @@ export async function getContestProblems(contestID: string) {
 
 export function getContestRank(
   contestID: string,
-  query: { limit: number; offset: number }
+  query: { limit: number; offset: number; force_refresh: "1" | "0" }
 ) {
   return http.get("contest_rank", {
     params: {
diff --git a/src/oj/contest/detail.vue b/src/oj/contest/detail.vue
index 9839941..594c33c 100644
--- a/src/oj/contest/detail.vue
+++ b/src/oj/contest/detail.vue
@@ -29,7 +29,7 @@ const passwordFormVisible = computed(
 </script>
 
 <template>
-  <n-space vertical v-if="contestStore.contest">
+  <n-space vertical size="large" v-if="contestStore.contest">
     <n-space align="center" justify="space-between">
       <n-space align="center">
         <h2 class="contestTitle">{{ contestStore.contest.title }}</h2>
diff --git a/src/oj/contest/list.vue b/src/oj/contest/list.vue
index d930958..260db0f 100644
--- a/src/oj/contest/list.vue
+++ b/src/oj/contest/list.vue
@@ -119,29 +119,36 @@ function rowProps(row: Contest) {
 }
 </script>
 <template>
-  <n-space>
-    <n-form :show-feedback="false" label-placement="left" inline>
-      <n-form-item label="比赛状态">
-        <n-select
-          class="select"
-          :options="options"
-          v-model:value="query.status"
-        />
-      </n-form-item>
-      <n-form-item label="搜索">
-        <n-input clearable @change="search" />
-      </n-form-item>
-    </n-form>
-    <n-form label-placement="left" inline>
-      <n-form-item>
-        <n-space>
-          <n-button @click="search(query.keyword)">搜索</n-button>
-          <n-button @click="clear">重置</n-button>
-        </n-space>
-      </n-form-item>
-    </n-form>
+  <n-space vertical size="large">
+    <n-space>
+      <n-form :show-feedback="false" label-placement="left" inline>
+        <n-form-item label="比赛状态">
+          <n-select
+            class="select"
+            :options="options"
+            v-model:value="query.status"
+          />
+        </n-form-item>
+        <n-form-item label="搜索">
+          <n-input clearable @change="search" />
+        </n-form-item>
+      </n-form>
+      <n-form :show-feedback="false" label-placement="left" inline>
+        <n-form-item>
+          <n-space>
+            <n-button @click="search(query.keyword)">搜索</n-button>
+            <n-button @click="clear">重置</n-button>
+          </n-space>
+        </n-form-item>
+      </n-form>
+    </n-space>
+    <n-data-table
+      striped
+      :columns="columns"
+      :data="data"
+      :row-props="rowProps"
+    />
   </n-space>
-  <n-data-table striped :columns="columns" :data="data" :row-props="rowProps" />
   <Pagination
     v-model:limit="query.limit"
     v-model:page="query.page"
diff --git a/src/oj/contest/pages/rank.vue b/src/oj/contest/pages/rank.vue
index 00a22bf..eb61ff0 100644
--- a/src/oj/contest/pages/rank.vue
+++ b/src/oj/contest/pages/rank.vue
@@ -70,6 +70,7 @@ async function listRanks() {
   const res = await getContestRank(props.contestID, {
     limit: query.limit,
     offset: query.limit * (query.page - 1),
+    force_refresh: "0",
   })
   total.value = res.data.total
   data.value = res.data.results
@@ -81,7 +82,7 @@ async function listRanks() {
 async function addColumns() {
   try {
     problems.value = await getContestProblems(props.contestID)
-    problems.value.map((problem, index) => {
+    problems.value.map((problem) => {
       columns.value.push({
         align: "center",
         title: () =>
@@ -99,7 +100,7 @@ async function addColumns() {
                   },
                 }),
             },
-            () => `${index + 1}`
+            () => problem.title
           ),
         render: (row) => {
           if (row.submission_info[problem.id]) {
@@ -138,6 +139,7 @@ async function addColumns() {
         },
         key: problem.id,
         width: 150,
+        ellipsis: true,
       })
     })
   } catch (err) {
diff --git a/src/oj/problem/list.vue b/src/oj/problem/list.vue
index 87356a3..f66af71 100644
--- a/src/oj/problem/list.vue
+++ b/src/oj/problem/list.vue
@@ -168,49 +168,50 @@ function rowProps(row: ProblemFiltered) {
 </script>
 
 <template>
-  <n-space>
-    <n-form :show-feedback="false" inline label-placement="left">
-      <n-form-item label="难度">
-        <n-select
-          class="select"
-          v-model:value="query.difficulty"
-          :options="difficultyOptions"
-        />
-      </n-form-item>
-      <n-form-item label="搜索">
-        <n-input clearable @change="search" />
-      </n-form-item>
-    </n-form>
-    <n-form inline label-placement="left">
-      <n-form-item>
-        <n-space>
-          <n-button @click="search(query.keyword)">搜索</n-button>
-          <n-button @click="clear">重置</n-button>
-          <n-button @click="getRandom">随机一题</n-button>
-        </n-space>
-      </n-form-item>
-    </n-form>
+  <n-space vertical size="large">
+    <n-space>
+      <n-form :show-feedback="false" inline label-placement="left">
+        <n-form-item label="难度">
+          <n-select
+            class="select"
+            v-model:value="query.difficulty"
+            :options="difficultyOptions"
+          />
+        </n-form-item>
+        <n-form-item label="搜索">
+          <n-input clearable @change="search" />
+        </n-form-item>
+      </n-form>
+      <n-form :show-feedback="false" inline label-placement="left">
+        <n-form-item>
+          <n-space>
+            <n-button @click="search(query.keyword)">搜索</n-button>
+            <n-button @click="clear">重置</n-button>
+            <n-button @click="getRandom">随机一题</n-button>
+          </n-space>
+        </n-form-item>
+      </n-form>
+    </n-space>
+    <n-space>
+      <div class="tagTitle">标签</div>
+      <n-button
+        @click="chooseTag(tag)"
+        v-for="tag in tags"
+        :key="tag.id"
+        size="small"
+        secondary
+        :type="tag.checked ? 'success' : 'default'"
+      >
+        {{ tag.name }}
+      </n-button>
+    </n-space>
+    <n-data-table
+      striped
+      :data="problems"
+      :columns="columns"
+      :row-props="rowProps"
+    />
   </n-space>
-  <n-space>
-    <div class="tagTitle">标签</div>
-    <n-button
-      @click="chooseTag(tag)"
-      v-for="tag in tags"
-      :key="tag.id"
-      size="small"
-      secondary
-      :type="tag.checked ? 'success' : 'default'"
-    >
-      {{ tag.name }}
-    </n-button>
-  </n-space>
-  <n-data-table
-    class="table"
-    striped
-    :data="problems"
-    :columns="columns"
-    :row-props="rowProps"
-  />
   <Pagination
     :total="total"
     v-model:limit="query.limit"
@@ -226,8 +227,4 @@ function rowProps(row: ProblemFiltered) {
 .select {
   width: 120px;
 }
-
-.table {
-  margin-top: 24px;
-}
 </style>
diff --git a/src/oj/submission/list.vue b/src/oj/submission/list.vue
index eb560fe..c01e732 100644
--- a/src/oj/submission/list.vue
+++ b/src/oj/submission/list.vue
@@ -230,32 +230,34 @@ const columns = computed(() => {
 })
 </script>
 <template>
-  <n-space>
-    <n-form :show-feedback="false" inline label-placement="left">
-      <n-form-item label="提交状态">
-        <n-select
-          class="select"
-          v-model:value="query.result"
-          :options="options"
-        />
-      </n-form-item>
-      <n-form-item label="只看自己">
-        <n-switch v-model:value="query.myself" />
-      </n-form-item>
-    </n-form>
-    <n-form inline label-placement="left">
-      <n-form-item label="搜索用户">
-        <n-input clearable @change="search" />
-      </n-form-item>
-      <n-form-item>
-        <n-space>
-          <n-button @click="search(query.username)">搜索</n-button>
-          <n-button @click="clear">重置</n-button>
-        </n-space>
-      </n-form-item>
-    </n-form>
+  <n-space vertical size="large">
+    <n-space>
+      <n-form :show-feedback="false" inline label-placement="left">
+        <n-form-item label="提交状态">
+          <n-select
+            class="select"
+            v-model:value="query.result"
+            :options="options"
+          />
+        </n-form-item>
+        <n-form-item label="只看自己">
+          <n-switch v-model:value="query.myself" />
+        </n-form-item>
+      </n-form>
+      <n-form :show-feedback="false" inline label-placement="left">
+        <n-form-item label="搜索用户">
+          <n-input clearable @change="search" />
+        </n-form-item>
+        <n-form-item>
+          <n-space>
+            <n-button @click="search(query.username)">搜索</n-button>
+            <n-button @click="clear">重置</n-button>
+          </n-space>
+        </n-form-item>
+      </n-form>
+    </n-space>
+    <n-data-table striped :columns="columns" :data="submissions" />
   </n-space>
-  <n-data-table striped :columns="columns" :data="submissions" />
   <Pagination
     :total="total"
     v-model:limit="query.limit"