From 0b235e5913df05feb93401699215717e2d8772a2 Mon Sep 17 00:00:00 2001
From: yuetsh <517252939@qq.com>
Date: Sat, 10 May 2025 23:50:58 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E4=B8=80=E8=A8=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/learn/06/index.md                         |   2 +-
 src/learn/menu.md                             |   4 +-
 src/oj/api.ts                                 |   2 +-
 src/oj/problem/list.vue                       | 102 +++++++++---------
 .../submission/components/StatisticsPanel.vue |   4 +-
 src/oj/user/setting.vue                       |   4 +-
 src/shared/api.ts                             |   4 +
 src/shared/components/Hitokoto.vue            |  42 ++++++++
 src/shared/layout/default.vue                 |   4 +-
 9 files changed, 104 insertions(+), 64 deletions(-)
 create mode 100644 src/shared/components/Hitokoto.vue

diff --git a/src/learn/06/index.md b/src/learn/06/index.md
index db2c6c8..e5bc10a 100644
--- a/src/learn/06/index.md
+++ b/src/learn/06/index.md
@@ -10,4 +10,4 @@
 
 你的爱情可惜没如果，但是Python不可惜，因为Python有if（不愧是年度最佳烂梗
 
-## 学好if就一句话：注意缩进！
\ No newline at end of file
+## 学好if就一句话：注意缩进！
diff --git a/src/learn/menu.md b/src/learn/menu.md
index 2553e93..93fcdef 100644
--- a/src/learn/menu.md
+++ b/src/learn/menu.md
@@ -2,6 +2,6 @@
 会赢的！
 不是，你怎么说话带空格啊？
 你这身高绝对没有1米76
-优美的Python语言之f**k-string
+优美的Python语言之f\*\*k-string
 全都怪我，不该沉默时沉默
-可以看到的循环
\ No newline at end of file
+可以看到的循环
diff --git a/src/oj/api.ts b/src/oj/api.ts
index 79ad151..938b3fa 100644
--- a/src/oj/api.ts
+++ b/src/oj/api.ts
@@ -231,4 +231,4 @@ export function refreshUserProblemDisplayIds() {
 
 export function getMetrics(userid: number) {
   return http.get("metrics", { params: { userid } })
-}
\ No newline at end of file
+}
diff --git a/src/oj/problem/list.vue b/src/oj/problem/list.vue
index 1b73f27..f1f354d 100644
--- a/src/oj/problem/list.vue
+++ b/src/oj/problem/list.vue
@@ -1,10 +1,11 @@
 <script setup lang="ts">
 import { Icon } from "@iconify/vue"
 import { NSpace, NTag } from "naive-ui"
-import { getProblemList, getRandomProblemID } from "oj/api"
+import { getProblemList } from "oj/api"
 import { filterEmptyValue, getTagColor } from "utils/functions"
 import { ProblemFiltered } from "utils/types"
 import { getProblemTagList } from "~/shared/api"
+import Hitokoto from "~/shared/components/Hitokoto.vue"
 import Pagination from "~/shared/components/Pagination.vue"
 import { isDesktop } from "~/shared/composables/breakpoints"
 import { useUserStore } from "~/shared/store/user"
@@ -104,10 +105,10 @@ function clear() {
   query.difficulty = ""
 }
 
-async function getRandom() {
-  const res = await getRandomProblemID()
-  router.push("/problem/" + res.data)
-}
+// async function getRandom() {
+//   const res = await getRandomProblemID()
+//   router.push("/problem/" + res.data)
+// }
 
 watch(() => query.page, routerPush)
 watch(
@@ -218,41 +219,48 @@ function rowProps(row: ProblemFiltered) {
 
 <template>
   <n-flex vertical size="large">
-    <n-space>
-      <n-form :show-feedback="false" inline label-placement="left">
-        <n-form-item label="题目难度">
-          <n-select
-            style="width: 120px"
-            v-model:value="query.difficulty"
-            :options="difficultyOptions"
-          />
-        </n-form-item>
-        <n-form-item>
-          <n-input
-            clearable
-            class="input"
-            v-model:value="query.keyword"
-            placeholder="题号或者标题"
-          />
-        </n-form-item>
-      </n-form>
-      <n-form :show-feedback="false" inline label-placement="left">
-        <n-form-item>
-          <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-flex>
-        </n-form-item>
-      </n-form>
-      <n-button @click="toggleShowTag()" quaternary icon-placement="right">
-        <template #icon>
-          <Icon v-if="showTag" icon="ph:caret-down"></Icon>
-          <Icon v-else icon="ph:caret-up"></Icon>
-        </template>
-        标签
-      </n-button>
-    </n-space>
+    <n-flex justify="space-between">
+      <n-flex>
+        <div>
+          <n-form :show-feedback="false" inline label-placement="left">
+            <n-form-item label="题目难度">
+              <n-select
+                style="width: 120px"
+                v-model:value="query.difficulty"
+                :options="difficultyOptions"
+              />
+            </n-form-item>
+            <n-form-item>
+              <n-input
+                clearable
+                style="width: 200px"
+                v-model:value="query.keyword"
+                placeholder="题号或者标题"
+              />
+            </n-form-item>
+          </n-form>
+        </div>
+        <div>
+          <n-form :show-feedback="false" inline label-placement="left">
+            <n-form-item>
+              <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-flex>
+            </n-form-item>
+          </n-form>
+        </div>
+        <n-button @click="toggleShowTag()" quaternary icon-placement="right">
+          <template #icon>
+            <Icon v-if="showTag" icon="ph:caret-down"></Icon>
+            <Icon v-else icon="ph:caret-up"></Icon>
+          </template>
+          标签
+        </n-button>
+      </n-flex>
+      <Hitokoto v-if="isDesktop" />
+    </n-flex>
     <n-collapse-transition :show="showTag">
       <n-flex>
         <n-tag
@@ -281,16 +289,4 @@ function rowProps(row: ProblemFiltered) {
   />
 </template>
 
-<style scoped>
-.tagTitle {
-  line-height: 28px;
-}
-
-.select {
-  width: 120px;
-}
-
-.input {
-  width: 200px;
-}
-</style>
+<style scoped></style>
diff --git a/src/oj/submission/components/StatisticsPanel.vue b/src/oj/submission/components/StatisticsPanel.vue
index 965c080..3b642d0 100644
--- a/src/oj/submission/components/StatisticsPanel.vue
+++ b/src/oj/submission/components/StatisticsPanel.vue
@@ -5,7 +5,7 @@
         <n-input
           placeholder="用户（可选）"
           v-model:value="query.username"
-          style="width: 200px;"
+          style="width: 200px"
           clearable
         />
       </n-form-item>
@@ -13,7 +13,7 @@
         <n-input
           placeholder="题号（可选）"
           v-model:value="query.problem"
-          style="width: 200px;"
+          style="width: 200px"
           clearable
         />
       </n-form-item>
diff --git a/src/oj/user/setting.vue b/src/oj/user/setting.vue
index 6bc56a3..449ab1d 100644
--- a/src/oj/user/setting.vue
+++ b/src/oj/user/setting.vue
@@ -60,9 +60,7 @@ async function saveProfile() {
       <n-form-item label="个性签名">
         <n-input v-model:value="userStore.profile.mood" />
       </n-form-item>
-      <n-button @click="saveProfile">
-        更改信息
-      </n-button>
+      <n-button @click="saveProfile">更改信息</n-button>
     </n-form>
   </n-flex>
 </template>
diff --git a/src/shared/api.ts b/src/shared/api.ts
index b175dd3..8f6845e 100644
--- a/src/shared/api.ts
+++ b/src/shared/api.ts
@@ -29,3 +29,7 @@ export function getProblemTagList() {
 export function getCaptcha() {
   return http.get("captcha")
 }
+
+export function getHitokoto() {
+  return http.get("hitokoto")
+}
diff --git a/src/shared/components/Hitokoto.vue b/src/shared/components/Hitokoto.vue
new file mode 100644
index 0000000..42406a1
--- /dev/null
+++ b/src/shared/components/Hitokoto.vue
@@ -0,0 +1,42 @@
+<script setup lang="ts">
+import { getHitokoto } from "../api"
+
+const hitokoto = reactive({
+  sentence: "",
+  from: "",
+})
+
+async function receive() {
+  const res = await getHitokoto()
+  hitokoto.sentence = res.data.hitokoto
+  hitokoto.from = res.data.from
+}
+
+onMounted(receive)
+</script>
+<template>
+  <div class="hitokoto" @click="receive">
+    <div class="sentence">{{ hitokoto.sentence }}</div>
+    <div class="from">{{ "from " + hitokoto.from }}</div>
+  </div>
+</template>
+<style scoped>
+.hitokoto {
+  cursor: pointer;
+  height: 34px;
+}
+
+.hitokoto .sentence {
+  max-width: 500px;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  word-break: break-all;
+  white-space: nowrap;
+}
+
+.hitokoto .from {
+  float: right;
+  font-size: 12px;
+  color: grey;
+}
+</style>
diff --git a/src/shared/layout/default.vue b/src/shared/layout/default.vue
index 9dfcc90..6319311 100644
--- a/src/shared/layout/default.vue
+++ b/src/shared/layout/default.vue
@@ -7,7 +7,7 @@ import Signup from "../components/Signup.vue"
 
 <template>
   <n-layout position="absolute">
-    <n-layout-header bordered style="padding: 8px;">
+    <n-layout-header bordered style="padding: 8px">
       <Header class="header" />
     </n-layout-header>
     <n-layout-content
@@ -22,7 +22,7 @@ import Signup from "../components/Signup.vue"
 </template>
 
 <style scoped>
-.header { 
+.header {
   max-width: 2000px;
   margin-left: auto;
   margin-right: auto;