From 767ef270fec4aecb21827b8617d1406c9f348c86 Mon Sep 17 00:00:00 2001
From: Megghy <megghy@qq.com>
Date: Sun, 18 Feb 2024 20:06:11 +0800
Subject: [PATCH] improve layout

---
 src/views/ViewerLayout.vue                    |  4 ++--
 src/views/manage/point/PointManage.vue        |  6 ++---
 .../manage/point/PointUserDetailCard.vue      | 22 ++++++++++++-------
 3 files changed, 19 insertions(+), 13 deletions(-)

diff --git a/src/views/ViewerLayout.vue b/src/views/ViewerLayout.vue
index b9bea2f..03ddbc4 100644
--- a/src/views/ViewerLayout.vue
+++ b/src/views/ViewerLayout.vue
@@ -7,7 +7,7 @@ import { useUser } from '@/api/user'
 import RegisterAndLogin from '@/components/RegisterAndLogin.vue'
 import { FETCH_API } from '@/data/constants'
 import { useAuthStore } from '@/store/useAuthStore'
-import { CalendarClock24Filled, Wallet24Filled } from '@vicons/fluent'
+import { BookCoins20Filled, CalendarClock24Filled, Wallet24Filled } from '@vicons/fluent'
 import { Chatbox, Home, Moon, MusicalNote, Sunny } from '@vicons/ionicons5'
 import { useElementSize, useStorage } from '@vueuse/core'
 import {
@@ -158,7 +158,7 @@ onMounted(async () => {
         ),
       show: (userInfo.value?.extra?.enableFunctions.indexOf(FunctionTypes.Point) ?? -1) > -1,
       key: 'user-goods',
-      icon: renderIcon(Wallet24Filled),
+      icon: renderIcon(BookCoins20Filled),
     },
   ]
   await RequestBiliUserData()
diff --git a/src/views/manage/point/PointManage.vue b/src/views/manage/point/PointManage.vue
index 24a96e9..1fc22c3 100644
--- a/src/views/manage/point/PointManage.vue
+++ b/src/views/manage/point/PointManage.vue
@@ -348,7 +348,7 @@ onMounted(() => {})
 </script>
 
 <template>
-  <NFlex style="width: 100%">
+  <NFlex>
     <NAlert type="info" style="min-width: 400px">
       启用
       <NButton text type="primary" tag="a" href="https://www.yuque.com/megghy/dez70g/ohulp2torghlqqn8" target="_blank">
@@ -374,10 +374,10 @@ onMounted(() => {})
         , 否则将无法记录各种事件
       </NText>
     </NAlert>
-    <EventFetcherStatusCard style="flex: 1" />
+    <EventFetcherStatusCard />
   </NFlex>
   <br />
-  <NAlert type="success"> 此功能将于 3月11日 官方启用 OpenId 后正式上线 </NAlert>
+  <NAlert type="success" style="max-width: 400px"> 此功能将于 3月11日 官方启用 OpenId 后正式上线 </NAlert>
   <NDivider />
   <NTabs animated v-model:value="hash">
     <NTabPane name="goods" tab="礼物">
diff --git a/src/views/manage/point/PointUserDetailCard.vue b/src/views/manage/point/PointUserDetailCard.vue
index 51b0db2..f8affa9 100644
--- a/src/views/manage/point/PointUserDetailCard.vue
+++ b/src/views/manage/point/PointUserDetailCard.vue
@@ -1,9 +1,5 @@
 <script setup lang="ts">
-import {
-  ResponsePointHisrotyModel,
-  ResponsePointOrder2OwnerModel,
-  ResponsePointUserModel,
-} from '@/api/api-models'
+import { ResponsePointHisrotyModel, ResponsePointOrder2OwnerModel, ResponsePointUserModel } from '@/api/api-models'
 import { QueryGetAPI } from '@/api/query'
 import PointHistoryCard from '@/components/manage/PointHistoryCard.vue'
 import { POINT_API_URL } from '@/data/constants'
@@ -126,7 +122,9 @@ async function givePoint() {
 
 onMounted(async () => {
   pointHistory.value = await getPointHistory()
-  orders.value = await getOrders()
+  if (props.user.info?.id) {
+    orders.value = await getOrders()
+  }
 })
 </script>
 
@@ -162,7 +160,9 @@ onMounted(async () => {
         <NFlex>
           <NTooltip :disabled="user.isAuthed">
             <template #trigger>
-              <NButton type="primary" @click="showAddPointModal = true" :disabled="!user.isAuthed" size="small"> 给予积分 </NButton>
+              <NButton type="primary" @click="showAddPointModal = true" :disabled="!user.isAuthed" size="small">
+                给予积分
+              </NButton>
             </template>
             <NText> 未认证用户无法给予积分 </NText>
           </NTooltip>
@@ -185,7 +185,13 @@ onMounted(async () => {
     <NModal v-model:show="showAddPointModal" preset="card" style="width: 500px; max-width: 90vw; height: auto">
       <template #header> 给予积分 </template>
       <NFlex vertical>
-        <NInputNumber v-model:value="addPointCount" type="number" placeholder="请输入积分数量" min="0" style="max-width: 120px" />
+        <NInputNumber
+          v-model:value="addPointCount"
+          type="number"
+          placeholder="请输入积分数量"
+          min="0"
+          style="max-width: 120px"
+        />
         <NInput placeholder="请输入备注" v-model:value="addPointReason" :maxlength="100" show-count clearable />
         <NButton type="primary" @click="givePoint" :loading="isLoading"> 给予 </NButton>
       </NFlex>