update

src/oj/problem/components/Form.vue

@@ -10,7 +10,7 @@ import storage from "~/utils/storage"
 import { LANGUAGE } from "~/utils/types"
 import Submit from "./Submit.vue"
 import StatisticsPanel from "~/shared/components/StatisticsPanel.vue"
-import {Icon} from "@iconify/vue"
+import IconButton from "~/shared/components/IconButton.vue"
 
 interface Props {
   storageKey: string
@@ -145,11 +145,12 @@ function showStatisticsPanel() {
       <n-dropdown size="large" :options="menu" @select="select">
         <n-button :size="isDesktop ? 'medium' : 'small'">操作</n-button>
       </n-dropdown>
-      <n-button circle v-if="isDesktop && userStore.isSuperAdmin" @click="goEdit">
-        <template #icon>
-          <Icon icon="streamline-ultimate-color:file-code-edit" />
-        </template>
-      </n-button>
+      <IconButton
+        icon="streamline-ultimate-color:file-code-edit"
+        tip="编辑题目"
+        v-if="isDesktop && userStore.isSuperAdmin"
+        @click="goEdit"
+      />
     </n-flex>
   </n-flex>
   <n-modal

src/oj/submission/components/ButtonWithSearch.vue

@@ -32,7 +32,7 @@ function filterClass() {
           </template>
         </n-button>
       </template>
-      {{ "搜索" + props.type}}
+      {{ "搜索" + props.type }}
     </n-tooltip>
     <n-tooltip v-if="showFilterClass">
       <template #trigger>

src/oj/submission/list.vue

@@ -15,7 +15,7 @@ import ButtonWithSearch from "./components/ButtonWithSearch.vue"
 import StatisticsPanel from "~/shared/components/StatisticsPanel.vue"
 import SubmissionLink from "./components/SubmissionLink.vue"
 import SubmissionDetail from "./detail.vue"
-import { Icon } from "@iconify/vue"
+import IconButton from "~/shared/components/IconButton.vue"
 
 interface SubmissionQuery {
   username: string
@@ -301,11 +301,11 @@ const columns = computed(() => {
         <n-form-item
           v-if="userStore.isSuperAdmin && route.name === 'submissions'"
         >
-          <n-button circle @click="toggleStatisticPanel(true)">
-            <template #icon>
-              <Icon icon="streamline-emojis:bar-chart" />
-            </template>
-          </n-button>
+          <IconButton
+            icon="streamline-emojis:bar-chart"
+            tip="数据统计"
+            @click="toggleStatisticPanel(true)"
+          />
         </n-form-item>
         <n-form-item v-if="todayCount > 0">
           <component :is="isDesktop ? NH2 : NText" class="todayCount">