fix.

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: {

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>

src/oj/contest/list.vue

@@ -119,6 +119,7 @@ function rowProps(row: Contest) {
 }
 </script>
 <template>
+  <n-space vertical size="large">
     <n-space>
       <n-form :show-feedback="false" label-placement="left" inline>
         <n-form-item label="比赛状态">
@@ -132,7 +133,7 @@ function rowProps(row: Contest) {
           <n-input clearable @change="search" />
         </n-form-item>
       </n-form>
-    <n-form label-placement="left" inline>
+      <n-form :show-feedback="false" label-placement="left" inline>
         <n-form-item>
           <n-space>
             <n-button @click="search(query.keyword)">搜索</n-button>
@@ -141,7 +142,13 @@ function rowProps(row: Contest) {
         </n-form-item>
       </n-form>
     </n-space>
-  <n-data-table striped :columns="columns" :data="data" :row-props="rowProps" />
+    <n-data-table
+      striped
+      :columns="columns"
+      :data="data"
+      :row-props="rowProps"
+    />
+  </n-space>
   <Pagination
     v-model:limit="query.limit"
     v-model:page="query.page"

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) {

src/oj/problem/list.vue

@@ -168,6 +168,7 @@ function rowProps(row: ProblemFiltered) {
 </script>
 
 <template>
+  <n-space vertical size="large">
     <n-space>
       <n-form :show-feedback="false" inline label-placement="left">
         <n-form-item label="难度">
@@ -181,7 +182,7 @@ function rowProps(row: ProblemFiltered) {
           <n-input clearable @change="search" />
         </n-form-item>
       </n-form>
-    <n-form inline label-placement="left">
+      <n-form :show-feedback="false" inline label-placement="left">
         <n-form-item>
           <n-space>
             <n-button @click="search(query.keyword)">搜索</n-button>
@@ -205,12 +206,12 @@ function rowProps(row: ProblemFiltered) {
       </n-button>
     </n-space>
     <n-data-table
-    class="table"
       striped
       :data="problems"
       :columns="columns"
       :row-props="rowProps"
     />
+  </n-space>
   <Pagination
     :total="total"
     v-model:limit="query.limit"
@@ -226,8 +227,4 @@ function rowProps(row: ProblemFiltered) {
 .select {
   width: 120px;
 }
-
-.table {
-  margin-top: 24px;
-}
 </style>

src/oj/submission/list.vue

@@ -230,6 +230,7 @@ const columns = computed(() => {
 })
 </script>
 <template>
+  <n-space vertical size="large">
     <n-space>
       <n-form :show-feedback="false" inline label-placement="left">
         <n-form-item label="提交状态">
@@ -243,7 +244,7 @@ const columns = computed(() => {
           <n-switch v-model:value="query.myself" />
         </n-form-item>
       </n-form>
-    <n-form inline label-placement="left">
+      <n-form :show-feedback="false" inline label-placement="left">
         <n-form-item label="搜索用户">
           <n-input clearable @change="search" />
         </n-form-item>
@@ -256,6 +257,7 @@ const columns = computed(() => {
       </n-form>
     </n-space>
     <n-data-table striped :columns="columns" :data="submissions" />
+  </n-space>
   <Pagination
     :total="total"
     v-model:limit="query.limit"