From 535c2d75168bafae8c58a21072b1b1787f2d273c Mon Sep 17 00:00:00 2001
From: Megghy <megghy@qq.com>
Date: Sun, 18 Feb 2024 19:57:28 +0800
Subject: [PATCH] update point views

---
 src/api/api-models.ts                      |   7 +-
 src/components/EventFetcherStatusCard.vue  |  56 +++--
 src/components/manage/PointHistoryCard.vue |  76 +++++--
 src/components/manage/PointOrderCard.vue   | 229 ++++++++++++++++++++-
 src/views/BiliAuthView.vue                 |  21 +-
 src/views/IndexView.vue                    |  35 +++-
 src/views/ManageLayout.vue                 |  18 +-
 src/views/ViewerLayout.vue                 |  94 +++++++--
 src/views/manage/DashboardView.vue         |  70 +++++--
 src/views/manage/HistoryView.vue           |  14 +-
 src/views/manage/point/PointManage.vue     | 156 ++++++++++----
 src/views/pointViews/PointGoodsView.vue    |  52 ++++-
 src/views/pointViews/PointUserLayout.vue   |  22 +-
 13 files changed, 715 insertions(+), 135 deletions(-)

diff --git a/src/api/api-models.ts b/src/api/api-models.ts
index d5af4c4..eefc1ab 100644
--- a/src/api/api-models.ts
+++ b/src/api/api-models.ts
@@ -551,6 +551,8 @@ export interface ResponsePointGoodModel {
   type: GoodsTypes
   isAllowRebuy: boolean
   maxBuyCount?: number
+  collectUrl?: string
+  embedCollectUrl?: boolean
 }
 export interface ImageUploadModel {
   existImages: string[]
@@ -559,7 +561,7 @@ export interface ImageUploadModel {
 export interface PointGoodsModel {
   id?: number
   name: string
-  count: number
+  count?: number
   price: number
   tags: string[]
   cover?: ImageUploadModel
@@ -630,6 +632,9 @@ export interface ResponsePointOrder2UserModel {
   goods: ResponsePointGoodModel
   status: PointOrderStatus
   createAt: number
+
+  trackingNumber?: string
+  expressCompany?: string
 }
 export enum PointOrderStatus {
   Pending, // 订单正在等待处理
diff --git a/src/components/EventFetcherStatusCard.vue b/src/components/EventFetcherStatusCard.vue
index 7ca6dd9..15aafeb 100644
--- a/src/components/EventFetcherStatusCard.vue
+++ b/src/components/EventFetcherStatusCard.vue
@@ -8,7 +8,7 @@ const accountInfo = useAccount()
 
 const status = computed(() => {
   if (!accountInfo.value) return 'error'
-  if (accountInfo.value.eventFetcherOnline == true) {
+  if (accountInfo.value.eventFetcherOnline == true || accountInfo.value.isServerFetcherOnline == true) {
     if (accountInfo.value.eventFetcherStatus) {
       return 'warning'
     } else if (Object.keys(accountInfo.value.eventFetcherStatusV3 ?? {}).length > 0) {
@@ -34,19 +34,29 @@ const status = computed(() => {
         <br />
         事件上传到本站后允许按照自定义范围进行查询, 并导出为 CSV 之类的表格
         <br />
-        <NButton type="info" size="small" tag="a" href="https://www.yuque.com/megghy/dez70g/vfvcyv3024xvaa1p" target="_blank"> 关于 EVENT-FETCHER </NButton>
+        <NButton
+          type="info"
+          size="small"
+          tag="a"
+          href="https://www.yuque.com/megghy/dez70g/vfvcyv3024xvaa1p"
+          target="_blank"
+        >
+          关于 EVENT-FETCHER
+        </NButton>
       </NTooltip>
     </template>
-    <NTooltip v-if="status != 'info'">
-      <template #trigger>
-        <NTag size="small" :color="{ borderColor: 'white', textColor: 'white', color: '#4b6159' }">
-          <NIcon :component="FlashCheckmark16Filled" />
-          {{ accountInfo?.eventFetcherVersion ?? '未知' }}
-        </NTag>
-      </template>
-      你所使用的版本
-    </NTooltip>
-    <NDivider vertical/>
+    <template v-if="status != 'info' && !accountInfo?.isServerFetcherOnline">
+      <NTooltip>
+        <template #trigger>
+          <NTag size="small" :color="{ borderColor: 'white', textColor: 'white', color: '#4b6159' }">
+            <NIcon :component="FlashCheckmark16Filled" />
+            {{ accountInfo?.eventFetcherVersion ?? '未知' }}
+          </NTag>
+        </template>
+        你所使用的版本
+      </NTooltip>
+      <NDivider vertical />
+    </template>
     <NTag :type="status">
       <template v-if="accountInfo?.eventFetcherOnline == true && accountInfo?.eventFetcherStatus">
         此版本已过期, 请更新
@@ -54,26 +64,40 @@ const status = computed(() => {
           <template #trigger>
             <NButton type="warning" size="tiny"> 关于 </NButton>
           </template>
-          Node.js 版已不再更新, 如果是 Docker 的话请切换至 ghcr.io/megghy/vtsurueventfetcher.net, 其他环境请下载 https://github.com/Megghy/VtsuruEventFetcher.Net/releases/latest
+          Node.js 版已不再更新, 如果是 Docker 的话请切换至 ghcr.io/megghy/vtsurueventfetcher.net, 其他环境请下载
+          https://github.com/Megghy/VtsuruEventFetcher.Net/releases/latest
         </NTooltip>
       </template>
       <template v-else>
         <template v-if="status == 'success'">
-          运行中 | 今日已接收
+          <NText>
+            {{ accountInfo?.isServerFetcherOnline ? '正在由本站提供监听服务' : '运行中' }}
+          </NText>
+          | 今日已接收
           <NText color="white" strong>
             {{ accountInfo?.eventFetcherTodayReceive }}
           </NText>
           条
         </template>
         <template v-else-if="status == 'warning'">
-          <template v-if="accountInfo?.eventFetcherStatusV3"> 异常: {{ Object.values(accountInfo.eventFetcherStatusV3).join('; ') }} </template>
+          <template v-if="accountInfo?.eventFetcherStatusV3">
+            异常: {{ Object.values(accountInfo.eventFetcherStatusV3).join('; ') }}
+          </template>
         </template>
         <template v-else-if="status == 'info'"> 未连接 </template>
       </template>
     </NTag>
     <template v-if="accountInfo?.eventFetcherOnline != true">
       <NDivider vertical />
-      <NButton type="info" size="small" tag="a" href="https://www.yuque.com/megghy/dez70g/vfvcyv3024xvaa1p" target="_blank"> 关于 EVENT-FETCHER </NButton>
+      <NButton
+        type="info"
+        size="tiny"
+        tag="a"
+        href="https://www.yuque.com/megghy/dez70g/vfvcyv3024xvaa1p"
+        target="_blank"
+      >
+        关于 EVENT-FETCHER
+      </NButton>
     </template>
   </NAlert>
 </template>
diff --git a/src/components/manage/PointHistoryCard.vue b/src/components/manage/PointHistoryCard.vue
index b2c74f3..78260d0 100644
--- a/src/components/manage/PointHistoryCard.vue
+++ b/src/components/manage/PointHistoryCard.vue
@@ -1,12 +1,28 @@
 <script setup lang="ts">
-import { DataTableColumns, NDataTable, NDivider, NFlex, NTag, NText, NTime, NTooltip } from 'naive-ui'
-import { h } from 'vue'
-import { EventDataTypes, PointFrom, ResponsePointHisrotyModel } from '@/api/api-models'
+import {
+  DataTableColumns,
+  NButton,
+  NDataTable,
+  NDivider,
+  NFlex,
+  NInput,
+  NModal,
+  NTag,
+  NText,
+  NTime,
+  NTooltip,
+} from 'naive-ui'
+import { h, ref } from 'vue'
+import { EventDataTypes, PointFrom, ResponsePointGoodModel, ResponsePointHisrotyModel } from '@/api/api-models'
+import PointGoodsItem from './PointGoodsItem.vue'
 
 const props = defineProps<{
   histories: ResponsePointHisrotyModel[]
 }>()
 
+const showGoodsModal = ref(false)
+const currentGoods = ref<ResponsePointGoodModel>()
+
 const historyColumn: DataTableColumns<ResponsePointHisrotyModel> = [
   {
     title: '时间',
@@ -23,7 +39,11 @@ const historyColumn: DataTableColumns<ResponsePointHisrotyModel> = [
     title: '积分变动',
     key: 'point',
     render: (row: ResponsePointHisrotyModel) => {
-      return h(NText, { style: { color: row.from === PointFrom.Use ? 'red' : 'green' } }, () => (row.from === PointFrom.Use ? '' : '+') + row.point)
+      return h(
+        NText,
+        { style: { color: row.from === PointFrom.Use ? 'red' : 'green' } },
+        () => (row.from === PointFrom.Use ? '' : '+') + row.point,
+      )
     },
   },
   {
@@ -38,7 +58,7 @@ const historyColumn: DataTableColumns<ResponsePointHisrotyModel> = [
         value: PointFrom.Danmaku,
       },
       {
-        label: '手动',
+        label: '主播赠予',
         value: PointFrom.Manual,
       },
       {
@@ -52,7 +72,7 @@ const historyColumn: DataTableColumns<ResponsePointHisrotyModel> = [
           case PointFrom.Danmaku:
             return h(NTag, { type: 'info', bordered: false, size: 'small' }, () => '直播间')
           case PointFrom.Manual:
-            return h(NTag, { type: 'success', bordered: false, size: 'small' }, () => '手动')
+            return h(NTag, { type: 'success', bordered: false, size: 'small' }, () => '主播赠予')
           case PointFrom.Use:
             return h(NTag, { type: 'warning', bordered: false, size: 'small' }, () => '使用')
         }
@@ -71,33 +91,52 @@ const historyColumn: DataTableColumns<ResponsePointHisrotyModel> = [
             case EventDataTypes.Guard:
               return h(NFlex, { justify: 'center', align: 'center' }, () => [
                 h(NTag, { type: 'info', size: 'small' }, () => '上舰'),
-                h(NDivider, { vertical: true, style: { margin: '0' } }),
                 row.extra?.msg,
               ])
             case EventDataTypes.Gift:
               return h(NFlex, { justify: 'center' }, () => [
                 h(NTag, { type: 'info', size: 'small', style: { margin: '0' } }, () => '礼物'),
-                h(NDivider, { vertical: true }),
                 row.extra?.msg,
               ])
             case EventDataTypes.SC:
               return h(NFlex, { justify: 'center' }, () => [
                 h(NTag, { type: 'info', size: 'small', style: { margin: '0' } }, () => 'SC'),
-                h(NDivider, { vertical: true }),
                 row.extra?.price,
               ])
           }
         case PointFrom.Manual:
           return h(NFlex, { align: 'center' }, () => [
-            h(NTag, { type: 'info', size: 'small', style: { margin: '0' } }, () => '备注'),
-            h(NDivider, { vertical: true }),
-            h(NText, { depth: 3 }, () => row.extra ?? h(NText, { italic: true, depth: '3' }, () => '未提供')),
+            h(NTag, { type: 'info', size: 'small', style: { margin: '0' } }, () => '来自'),
+            h(
+              NButton,
+              {
+                tag: 'a',
+                href: '/user/' + row.extra.user?.name,
+                target: '_blank',
+                text: true,
+                type: 'info',
+                secondary: true,
+              },
+              () => row.extra.user?.name,
+            ),
+            h(NTag, { type: 'info', size: 'small', style: { margin: '0' }, bordered: false }, () => '备注'),
+            h(NText, {}, () => row.extra.reason ?? h(NText, { italic: true, depth: '3' }, () => '未提供')),
           ])
         case PointFrom.Use:
           return h(NFlex, { align: 'center' }, () => [
-            h(NTag, { type: 'success', size: 'small', style: { margin: '0' }, strong: true }, () => '购买'),
-            h(NDivider, { vertical: true }),
-            row.extra,
+            h(NTag, { type: 'success', size: 'small', style: { margin: '0' }, strong: true }, () => '兑换'),
+            h(
+              NButton,
+              {
+                text: true,
+                type: 'info',
+                onClick: () => {
+                  currentGoods.value = row.extra
+                  showGoodsModal.value = true
+                },
+              },
+              () => row.extra?.name,
+            ),
           ])
       }
     },
@@ -112,4 +151,11 @@ const historyColumn: DataTableColumns<ResponsePointHisrotyModel> = [
     :pagination="{ showSizePicker: true, pageSizes: [10, 25, 50, 100], defaultPageSize: 10, size: 'small' }"
   >
   </NDataTable>
+  <NModal v-model:show="showGoodsModal" preset="card" title="礼物详情 (快照)" style="max-width: 400px; height: auto">
+    <PointGoodsItem :goods="currentGoods" />
+    <template v-if="currentGoods?.content">
+      <NDivider> 礼物内容 </NDivider>
+      <NInput :value="currentGoods?.content" type="textarea" readonly placeholder="无内容" />
+    </template>
+  </NModal>
 </template>
diff --git a/src/components/manage/PointOrderCard.vue b/src/components/manage/PointOrderCard.vue
index a1d26a3..da7c95a 100644
--- a/src/components/manage/PointOrderCard.vue
+++ b/src/components/manage/PointOrderCard.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import {
+  GoodsStatus,
   GoodsTypes,
   PointOrderStatus,
   ResponsePointGoodModel,
@@ -8,6 +9,8 @@ import {
 } from '@/api/api-models'
 import {
   DataTableColumns,
+  DataTableRowKey,
+  NAutoComplete,
   NButton,
   NCard,
   NDataTable,
@@ -15,17 +18,25 @@ import {
   NFlex,
   NIcon,
   NInput,
+  NInputGroup,
+  NInputGroupLabel,
   NModal,
   NScrollbar,
+  NStep,
+  NSteps,
   NTag,
   NText,
   NTime,
   NTooltip,
+  useDialog,
+  useMessage,
 } from 'naive-ui'
-import { computed, h, ref, watch } from 'vue'
+import { computed, h, onMounted, ref, watch } from 'vue'
 import AddressDisplay from './AddressDisplay.vue'
 import PointGoodsItem from './PointGoodsItem.vue'
 import { Info24Filled } from '@vicons/fluent'
+import { QueryPostAPI } from '@/api/query'
+import { POINT_API_URL } from '@/data/constants'
 
 const props = defineProps<{
   order: ResponsePointOrder2UserModel[] | ResponsePointOrder2OwnerModel[]
@@ -33,6 +44,9 @@ const props = defineProps<{
   goods?: ResponsePointGoodModel[]
   loading?: boolean
 }>()
+const message = useMessage()
+const dialog = useDialog()
+
 const isLoading = ref(false)
 watch(
   () => props.loading,
@@ -46,6 +60,7 @@ const orderAsUser = computed(() => {
 const orderAsOwner = computed(() => {
   return props.order as ResponsePointOrder2OwnerModel[]
 })
+const selectedItem = ref<DataTableRowKey[]>()
 
 const showDetailModal = ref(false)
 const orderDetail = ref<ResponsePointOrder2UserModel | ResponsePointOrder2OwnerModel>()
@@ -55,8 +70,32 @@ const currentGoods = computed(() => {
   //@ts-ignore
   else return props.goods.find((g) => g.id == orderDetail.value.goodsId)
 })
+const expressOptions = computed(() => {
+  if (!orderAsOwner.value) return []
+  return orderAsOwner.value.map((o) => ({
+    label: o.expressCompany,
+    value: o.expressCompany,
+  }))
+})
 
 const orderColumn: DataTableColumns<ResponsePointOrder2UserModel | ResponsePointOrder2OwnerModel> = [
+  {
+    type: 'selection',
+
+    disabled: () => props.type == 'user',
+    options: [
+      'all',
+      'none',
+      {
+        label: '选中未发货的',
+        key: 'f2',
+        onSelect: (pageData) => {
+          selectedItem.value = pageData.filter((row) => row.status == PointOrderStatus.Pending).map((row) => row.id)
+          console.log(selectedItem.value)
+        },
+      },
+    ],
+  },
   {
     title: '订单号',
     key: 'id',
@@ -72,17 +111,36 @@ const orderColumn: DataTableColumns<ResponsePointOrder2UserModel | ResponsePoint
   {
     title: '使用积分',
     key: 'point',
+    sorter: 'default',
   },
   {
     title: '订单状态',
     key: 'status',
-    sorter: 'default',
+    filter: (filterOptionValue: unknown, row: ResponsePointOrder2UserModel | ResponsePointOrder2OwnerModel) => {
+      return row.status == filterOptionValue
+    },
+    filterOptions: [
+      {
+        label: '等待发货',
+        value: PointOrderStatus.Pending,
+      },
+      {
+        label: '已发货',
+        value: PointOrderStatus.Shipped,
+      },
+      {
+        label: '已完成',
+        value: PointOrderStatus.Completed,
+      },
+    ],
     render: (row: ResponsePointOrder2UserModel | ResponsePointOrder2OwnerModel) => {
       switch (row.status) {
         case PointOrderStatus.Pending:
           return h(NTag, { size: 'small' }, () => '等待发货')
         case PointOrderStatus.Shipped:
-          return h(NTag, { size: 'small', type: 'info' }, () => '已发货')
+          return h(NTag, { size: 'small', type: row.expressCompany ? 'info' : 'warning', bordered: false }, () =>
+            row.expressCompany ? '已发货 | 已填写单号' : '已发货 | 未填写单号',
+          )
         case PointOrderStatus.Completed:
           return h(NTag, { size: 'small', type: 'success' }, () => '已完成')
       }
@@ -114,10 +172,45 @@ const orderColumn: DataTableColumns<ResponsePointOrder2UserModel | ResponsePoint
     title: '地址',
     key: 'address',
     render: (row: ResponsePointOrder2UserModel | ResponsePointOrder2OwnerModel) => {
+      const collectUrl =
+        row.instanceOf == 'user' ? row.goods.collectUrl : props.goods?.find((g) => g.id == row.goodsId)?.collectUrl
       if (row.type == GoodsTypes.Physical) {
-        return h(AddressDisplay, { address: row.address })
+        return collectUrl
+          ? h(NButton, { tag: 'a', href: collectUrl, target: '_blank', text: true, type: 'info' }, () =>
+              h(NText, { italic: true }, () => '通过站外链接收集'),
+            )
+          : h(AddressDisplay, { address: row.address })
       } else {
-        return h(NText, { depth: 3 }, () => '无需发货')
+        return h(NText, { depth: 3, italic: true }, () => '无需发货')
+      }
+    },
+  },
+  {
+    title: '快递信息',
+    key: 'express',
+    render: (row: ResponsePointOrder2UserModel | ResponsePointOrder2OwnerModel) => {
+      if (row.type == GoodsTypes.Physical) {
+        return row.trackingNumber
+          ? h(
+              NFlex,
+              {
+                depth: 3,
+              },
+              () => [
+                h(
+                  NTag,
+                  {
+                    size: 'tiny',
+                    bordered: false,
+                  },
+                  () => row.expressCompany,
+                ),
+                h(NText, { depth: 3 }, () => row.trackingNumber),
+              ],
+            )
+          : h(NText, { depth: 3, italic: true }, () => '尚未发货')
+      } else {
+        return h(NText, { depth: 3, italic: true }, () => '无需发货')
       }
     },
   },
@@ -140,10 +233,73 @@ const orderColumn: DataTableColumns<ResponsePointOrder2UserModel | ResponsePoint
     },
   },
 ]
+function onChangeStatus(id: number, status: PointOrderStatus) {
+  dialog.info({
+    title: '提示',
+    content: '确认修改订单状态?',
+    positiveText: '确认',
+    negativeText: '取消',
+    onPositiveClick: () => {
+      updateStatus([id], status)
+    },
+  })
+}
+async function updateStatus(id: number[], status: PointOrderStatus) {
+  try {
+    const data = await QueryPostAPI(POINT_API_URL + 'update-orders-status', {
+      ids: id,
+      status,
+    })
+    if (data.code == 200) {
+      message.success('操作成功')
+      props.order?.forEach((row) => {
+        if (id.includes(row.id)) {
+          row.status = status
+        }
+      })
+    } else {
+      message.error('操作失败: ' + data.message)
+    }
+  } catch (err) {
+    message.error('操作失败: ' + err)
+    console.log(err)
+  }
+}
+async function updateExpress(item: ResponsePointOrder2OwnerModel) {
+  if (!item.trackingNumber || !item.expressCompany) {
+    message.error('请填写快递单号和快递公司')
+    return
+  }
+  try {
+    isLoading.value = true
+    const data = await QueryPostAPI(POINT_API_URL + 'update-order-express', {
+      id: item.id,
+      trackingNumber: item.trackingNumber,
+      expressCompany: item.expressCompany,
+    })
+    if (data.code == 200) {
+      message.success('操作成功')
+    } else {
+      message.error('操作失败: ' + data.message)
+    }
+  } catch (err) {
+    message.error('操作失败: ' + err)
+    console.log(err)
+  }
+  isLoading.value = false
+}
+
+onMounted(() => {
+  props.order?.forEach((row) => {
+    row.instanceOf = props.type
+  })
+})
 </script>
 
 <template>
   <NDataTable
+    v-model:checked-row-keys="selectedItem"
+    :row-key="(row) => row.id"
     :loading="isLoading"
     :columns="orderColumn"
     :data="order"
@@ -159,9 +315,9 @@ const orderColumn: DataTableColumns<ResponsePointOrder2UserModel | ResponsePoint
   >
     <NScrollbar style="max-height: 80vh">
       <div style="width: 97%">
-        <template v-if="type == 'user'">
+        <template v-if="orderDetail.instanceOf == 'user'">
           <NDivider style="margin-top: 0">
-            商品快照
+            礼物快照
             <NTooltip>
               <template #trigger>
                 <NIcon :component="Info24Filled" />
@@ -176,8 +332,65 @@ const orderColumn: DataTableColumns<ResponsePointOrder2UserModel | ResponsePoint
             <NDivider> 虚拟礼物内容 </NDivider>
             <NInput :value="currentGoods?.content" type="textarea" readonly placeholder="无内容" />
           </template>
+          <template
+            v-if="
+              orderDetail.type == GoodsTypes.Physical &&
+              orderDetail.status == PointOrderStatus.Pending &&
+              orderDetail.goods.embedCollectUrl &&
+              orderDetail.goods.collectUrl
+            "
+          >
+            <NDivider> 填写收货地址 </NDivider>
+            <NButton tag="a" :href="orderDetail.goods.collectUrl" target="_blank" type="info">
+              在新窗口中打开地址填写表格
+            </NButton>
+            <br />
+            <iframe
+              height="1200"
+              width="800"
+              :src="orderDetail.goods.collectUrl"
+              frameborder="0"
+              allowfullscreen
+              sandbox="allow-same-origin allow-scripts allow-modals allow-downloads allow-forms allow-popups"
+            ></iframe>
+          </template>
+        </template>
+        <template v-else-if="orderDetail.instanceOf == 'owner'">
+          <NDivider> 设置订单状态 </NDivider>
+          <NFlex justify="center" style="width: 100%">
+            <NSteps
+              :current="orderDetail.status + 1"
+              size="small"
+              @update:current="(c) => onChangeStatus(orderDetail?.id ?? -1, c - 1)"
+            >
+              <NStep title="等待中" description="等待主播发货" :disabled="orderDetail.status >= 0" />
+              <NStep title="已发货" description="已经发货了" :disabled="orderDetail.status >= 1" />
+              <NStep title="已完成" description="就是已完成" :disabled="orderDetail.status >= 2" />
+            </NSteps>
+          </NFlex>
+          <template v-if="orderDetail.status == PointOrderStatus.Shipped && orderDetail.instanceOf == 'owner'">
+            <NDivider> 快递 </NDivider>
+            <NFlex vertical>
+              <NAutoComplete
+                v-model:value="orderDetail.expressCompany"
+                placeholder="快递公司"
+                :options="expressOptions"
+                style="max-width: 100px"
+              />
+              <NInputGroup>
+                <NInputGroupLabel> 快递单号 </NInputGroupLabel>
+                <NInput
+                  v-model:value="orderDetail.trackingNumber"
+                  placeholder="就是快递单号"
+                  style="max-width: 200px"
+                />
+              </NInputGroup>
+              <NButton type="primary" @click="updateExpress(orderDetail)" style="width: 120px" :loading="isLoading">
+                更新快递信息
+              </NButton>
+            </NFlex>
+          </template>
         </template>
-        <template v-else-if="type == 'owner'"> </template>
       </div>
     </NScrollbar>
   </NModal>
diff --git a/src/views/BiliAuthView.vue b/src/views/BiliAuthView.vue
index 9d4507e..a5cef5b 100644
--- a/src/views/BiliAuthView.vue
+++ b/src/views/BiliAuthView.vue
@@ -117,7 +117,7 @@ onMounted(async () => {
 
 <template>
   <NFlex justify="center" align="center" style="height: 100vh">
-    <NCard embedded style="margin: 20px">
+    <NCard embedded style="margin: 20px; max-width: 1100px">
       <template #header> Bilibili 身份验证 </template>
       <NFlex :wrap="false">
         <NSteps :current="currentStep + 1" vertical style="max-width: 300px">
@@ -134,7 +134,14 @@ onMounted(async () => {
                 <NInput :value="startModel?.code" :allow-input="() => false" />
                 <NButton @click="copyCode"> 复制认证码 </NButton>
               </NInputGroup>
-              <NButton type="primary" tag="a" :href="'https://live.bilibili.com/' + startModel?.targetRoomId" target="_blank"> 前往直播间 </NButton>
+              <NButton
+                type="primary"
+                tag="a"
+                :href="'https://live.bilibili.com/' + startModel?.targetRoomId"
+                target="_blank"
+              >
+                前往直播间
+              </NButton>
             </template>
             <NAlert v-else type="error">
               认证超时
@@ -169,10 +176,16 @@ onMounted(async () => {
         </template>
         <template v-else-if="currentStep == 2">
           <NFlex justify="center" align="center" vertical style="width: 100%">
-            <NAlert type="success"> 你已完成验证! 请妥善保存你的登陆链接, 请勿让其他人获取. 丢失后可以再次通过认证流程获得 </NAlert>
+            <NAlert type="success">
+              你已完成验证! 请妥善保存你的登陆链接, 请勿让其他人获取. 丢失后可以再次通过认证流程获得
+            </NAlert>
             <NText> 你的登陆链接为: </NText>
             <NInputGroup>
-              <NInput :value="`https://vtsuru.live/bili-user?auth=${biliToken}`" type="textarea" :allow-input="() => false" />
+              <NInput
+                :value="`https://vtsuru.live/bili-user?auth=${biliToken}`"
+                type="textarea"
+                :allow-input="() => false"
+              />
               <NButton @click="copyCode" type="info" style="height: 100%"> 复制登陆链接 </NButton>
             </NInputGroup>
             <NFlex>
diff --git a/src/views/IndexView.vue b/src/views/IndexView.vue
index 5c86a11..c31e56d 100644
--- a/src/views/IndexView.vue
+++ b/src/views/IndexView.vue
@@ -1,6 +1,14 @@
 <script setup lang="ts">
 import vtb from '@/svgs/ic_vtuber.svg'
-import { Lottery24Filled, MoneyOff24Filled, MoreHorizontal24Filled, TabletSpeaker24Filled, VehicleShip24Filled, VideoAdd20Filled } from '@vicons/fluent'
+import {
+  BookCoins20Filled,
+  Lottery24Filled,
+  MoneyOff24Filled,
+  MoreHorizontal24Filled,
+  TabletSpeaker24Filled,
+  VehicleShip24Filled,
+  VideoAdd20Filled,
+} from '@vicons/fluent'
 import { AnalyticsSharp, Calendar, Chatbox, ListCircle, MusicalNote } from '@vicons/ionicons5'
 import { useWindowSize } from '@vueuse/core'
 import { NButton, NDivider, NGradientText, NGrid, NGridItem, NIcon, NSpace, NText } from 'naive-ui'
@@ -13,6 +21,11 @@ const functions = [
     desc: '能够记录并查询上舰和SC记录',
     icon: VehicleShip24Filled,
   },
+  {
+    name: '积分兑换 (将于3月11日上线',
+    desc: '通过上舰, Superchat, 赠送礼物等操作可以获取积分, 并通过积分兑换虚拟或者实体礼物',
+    icon: BookCoins20Filled,
+  },
   {
     name: '日程表',
     desc: '提供多种样式的日程表',
@@ -110,7 +123,15 @@ const iconColor = 'white'
           <NSpace justify="center">
             <NButton type="primary" size="large" @click="$router.push({ name: 'manage-index' })"> 开始使用 </NButton>
             <NButton size="large" @click="$router.push('/user/Megghy')"> 展示 </NButton>
-            <NButton size="large" tag="a" href="https://play-live.bilibili.com/details/1698742711771" target="_blank" color="#ff778f"> 幻星平台 </NButton>
+            <NButton
+              size="large"
+              tag="a"
+              href="https://play-live.bilibili.com/details/1698742711771"
+              target="_blank"
+              color="#ff778f"
+            >
+              幻星平台
+            </NButton>
             <NButton type="info" size="large" @click="$router.push({ name: 'about' })"> 关于 </NButton>
           </NSpace>
         </NSpace>
@@ -130,7 +151,15 @@ const iconColor = 'white'
     <NSpace style="position: absolute; bottom: 0; margin: 0 auto; width: 100vw" justify="center">
       <span style="color: white">
         BY
-        <NButton tag="a" href="https://space.bilibili.com/10021741" target="_blank" text style="color: rgb(215, 245, 230)"> Megghy </NButton>
+        <NButton
+          tag="a"
+          href="https://space.bilibili.com/10021741"
+          target="_blank"
+          text
+          style="color: rgb(215, 245, 230)"
+        >
+          Megghy
+        </NButton>
       </span>
     </NSpace>
   </div>
diff --git a/src/views/ManageLayout.vue b/src/views/ManageLayout.vue
index 9f0bc5e..887c86e 100644
--- a/src/views/ManageLayout.vue
+++ b/src/views/ManageLayout.vue
@@ -7,6 +7,7 @@ import RegisterAndLogin from '@/components/RegisterAndLogin.vue'
 import { ACCOUNT_API_URL } from '@/data/constants'
 import { useMusicRequestProvider } from '@/store/useMusicRequest'
 import {
+  BookCoins20Filled,
   CalendarClock24Filled,
   Chat24Filled,
   Info24Filled,
@@ -112,6 +113,21 @@ const menuOptions = [
     disabled: accountInfo.value?.isEmailVerified == false,
     icon: renderIcon(VehicleShip24Filled),
   },
+  {
+    label: () =>
+      h(
+        RouterLink,
+        {
+          to: {
+            name: 'manage-point',
+          },
+        },
+        { default: () => '积分和礼物' },
+      ),
+    key: 'manage-point',
+    disabled: accountInfo.value?.isEmailVerified == false,
+    icon: renderIcon(BookCoins20Filled),
+  },
   {
     label: () =>
       h(
@@ -501,7 +517,7 @@ onMounted(() => {
               反馈
             </NTooltip>
           </NSpace>
-          <NButton v-if="false" @click="gotoAuthPage()" type="info" secondary>
+          <NButton v-if="accountInfo.biliUserAuthInfo" @click="gotoAuthPage()" type="info" secondary>
             <template #icon>
               <NIcon :component="BrowsersOutline" />
             </template>
diff --git a/src/views/ViewerLayout.vue b/src/views/ViewerLayout.vue
index dc0730b..b9bea2f 100644
--- a/src/views/ViewerLayout.vue
+++ b/src/views/ViewerLayout.vue
@@ -1,11 +1,12 @@
 <!-- eslint-disable vue/component-name-in-template-casing -->
 <script setup lang="ts">
-import { isDarkMode } from '@/Utils'
+import { NavigateToNewTab, isDarkMode } from '@/Utils'
 import { useAccount } from '@/api/account'
 import { FunctionTypes, ThemeType, UserInfo } from '@/api/api-models'
 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 { Chatbox, Home, Moon, MusicalNote, Sunny } from '@vicons/ionicons5'
 import { useElementSize, useStorage } from '@vueuse/core'
@@ -28,6 +29,7 @@ import {
   NSpin,
   NSwitch,
   NText,
+  useMessage,
 } from 'naive-ui'
 import { computed, h, onMounted, ref } from 'vue'
 import { RouterLink, useRoute } from 'vue-router'
@@ -41,6 +43,8 @@ const themeType = useStorage('Settings.Theme', ThemeType.Auto)
 const userInfo = ref<UserInfo>()
 const biliUserInfo = ref()
 const accountInfo = useAccount()
+const useAuth = useAuthStore()
+const message = useMessage()
 
 const notfount = ref(false)
 
@@ -53,16 +57,28 @@ function renderIcon(icon: unknown) {
 }
 const menuOptions = ref<MenuOption[]>()
 async function RequestBiliUserData() {
-  await fetch(FETCH_API + `https://account.bilibili.com/api/member/getCardByMid?mid=${userInfo.value?.biliId}`).then(async (respone) => {
-    let data = await respone.json()
-    if (data.code == 0) {
-      biliUserInfo.value = data.card
-    } else {
-      throw new Error('Bili User API Error: ' + data.message)
-    }
-  })
+  await fetch(FETCH_API + `https://account.bilibili.com/api/member/getCardByMid?mid=${userInfo.value?.biliId}`).then(
+    async (respone) => {
+      let data = await respone.json()
+      if (data.code == 0) {
+        biliUserInfo.value = data.card
+      } else {
+        throw new Error('Bili User API Error: ' + data.message)
+      }
+    },
+  )
+}
+function gotoAuthPage() {
+  if (!accountInfo.value?.biliUserAuthInfo) {
+    message.error('你尚未进行 Bilibili 认证, 请前往面板进行认证和绑定')
+    return
+  }
+  useAuthStore()
+    .setCurrentAuth(accountInfo.value?.biliUserAuthInfo.token)
+    .then(() => {
+      NavigateToNewTab('/bili-user')
+    })
 }
-
 onMounted(async () => {
   userInfo.value = await useUser(id.value?.toString())
   if (!userInfo.value) {
@@ -161,7 +177,12 @@ onMounted(async () => {
       <NPageHeader :subtitle="($route.meta.title as string) ?? ''" style="margin-top: 6px">
         <template #extra>
           <NSpace align="center">
-            <NSwitch :default-value="!isDarkMode()" @update:value="(value: string & number & boolean) => (themeType = value ? ThemeType.Light : ThemeType.Dark)">
+            <NSwitch
+              :default-value="!isDarkMode()"
+              @update:value="
+                (value: string & number & boolean) => (themeType = value ? ThemeType.Light : ThemeType.Dark)
+              "
+            >
               <template #checked>
                 <NIcon :component="Sunny" />
               </template>
@@ -170,10 +191,35 @@ onMounted(async () => {
               </template>
             </NSwitch>
             <template v-if="accountInfo">
-              <NButton style="right: 0px; position: relative" type="primary" @click="$router.push({ name: 'manage-index' })" size="small"> 个人中心 </NButton>
+              <NSpace>
+                <NButton
+                  v-if="useAuth.isAuthed || accountInfo.biliUserAuthInfo"
+                  style="right: 0px; position: relative"
+                  type="primary"
+                  @click="gotoAuthPage"
+                  size="small"
+                  secondary
+                >
+                  认证用户中心
+                </NButton>
+                <NButton
+                  style="right: 0px; position: relative"
+                  type="primary"
+                  @click="$router.push({ name: 'manage-index' })"
+                  size="small"
+                >
+                  个人中心
+                </NButton>
+              </NSpace>
             </template>
             <template v-else>
-              <NButton style="right: 0px; position: relative" type="primary" @click="registerAndLoginModalVisiable = true"> 注册 / 登陆 </NButton>
+              <NButton
+                style="right: 0px; position: relative"
+                type="primary"
+                @click="registerAndLoginModalVisiable = true"
+              >
+                注册 / 登陆
+              </NButton>
             </template>
           </NSpace>
         </template>
@@ -185,7 +231,16 @@ onMounted(async () => {
       </NPageHeader>
     </NLayoutHeader>
     <NLayout has-sider style="height: calc(100vh - 50px)">
-      <NLayoutSider ref="sider" show-trigger default-collapsed collapse-mode="width" :collapsed-width="64" :width="180" :native-scrollbar="false" style="height: 100%">
+      <NLayoutSider
+        ref="sider"
+        show-trigger
+        default-collapsed
+        collapse-mode="width"
+        :collapsed-width="64"
+        :width="180"
+        :native-scrollbar="false"
+        style="height: 100%"
+      >
         <Transition>
           <div v-if="biliUserInfo" style="margin-top: 8px">
             <NSpace vertical justify="center" align="center">
@@ -194,7 +249,9 @@ onMounted(async () => {
                 :img-props="{ referrerpolicy: 'no-referrer' }"
                 round
                 bordered
-                :style="{ boxShadow: isDarkMode() ? 'rgb(195 192 192 / 35%) 0px 0px 8px' : '0 2px 3px rgba(0, 0, 0, 0.1)' }"
+                :style="{
+                  boxShadow: isDarkMode() ? 'rgb(195 192 192 / 35%) 0px 0px 8px' : '0 2px 3px rgba(0, 0, 0, 0.1)',
+                }"
               />
               <NEllipsis v-if="width > 100" style="max-width: 100%">
                 <NText strong>
@@ -204,7 +261,12 @@ onMounted(async () => {
             </NSpace>
           </div>
         </Transition>
-        <NMenu :default-value="$route.name?.toString()" :collapsed-width="64" :collapsed-icon-size="22" :options="menuOptions" />
+        <NMenu
+          :default-value="$route.name?.toString()"
+          :collapsed-width="64"
+          :collapsed-icon-size="22"
+          :options="menuOptions"
+        />
         <NSpace v-if="width > 150" justify="center" align="center" vertical>
           <NText depth="3">
             有更多功能建议请
diff --git a/src/views/manage/DashboardView.vue b/src/views/manage/DashboardView.vue
index 71d2894..7f66ca6 100644
--- a/src/views/manage/DashboardView.vue
+++ b/src/views/manage/DashboardView.vue
@@ -266,10 +266,13 @@ onUnmounted(() => {
 <template>
   <NSpace justify="center" align="center" vertical style="width: 100%">
     <NAlert type="info">
-      当前本站正在测试为粉丝数大于 1000 或至少拥有一位舰长的主播直接从服务端记录并储存弹幕数据, 不过并不清楚B站的风控策略, 此功能不一定会长期启用
+      当前本站正在测试为粉丝数大于 1000 或至少拥有一位舰长的主播直接从服务端记录并储存弹幕数据,
+      不过并不清楚B站的风控策略, 此功能不一定会长期启用
       <br />
       在我们被限制连接之前满足以上条件的主播无需部署
-      <NButton tag="a" href="https://www.yuque.com/megghy/dez70g/vfvcyv3024xvaa1p" target="_blank" type="primary" text> VtsuruEventFetcher </NButton>
+      <NButton tag="a" href="https://www.yuque.com/megghy/dez70g/vfvcyv3024xvaa1p" target="_blank" type="primary" text>
+        VtsuruEventFetcher
+      </NButton>
       即可使用相关功能 (如记录上舰和SC, 直播场记录等) 😊
     </NAlert>
     <NCard embedded style="width: 100%">
@@ -296,7 +299,14 @@ onUnmounted(() => {
             <template v-else>
               <NTag type="error" size="small"> 未认证 </NTag>
             </template>
-            <NButton v-if="accountInfo?.isEmailVerified" type="warning" size="tiny" @click="resetEmailModalVisiable = true"> 修改邮箱 </NButton>
+            <NButton
+              v-if="accountInfo?.isEmailVerified"
+              type="warning"
+              size="tiny"
+              @click="resetEmailModalVisiable = true"
+            >
+              修改邮箱
+            </NButton>
           </NSpace>
         </NCard>
         <NCard size="small">
@@ -305,13 +315,28 @@ onUnmounted(() => {
             <NText style="color: var(--primary-color)">
               <NSpace :size="5" align="center">
                 已认证 | {{ accountInfo?.biliId }}
-                <NTag v-if="accountInfo.biliAuthCodeStatus == BiliAuthCodeStatusType.Active" type="success" size="small" :bordered="false">
+                <NTag
+                  v-if="accountInfo.biliAuthCodeStatus == BiliAuthCodeStatusType.Active"
+                  type="success"
+                  size="small"
+                  :bordered="false"
+                >
                   身份码: 有效
                 </NTag>
-                <NTag v-else-if="accountInfo.biliAuthCodeStatus == BiliAuthCodeStatusType.Inactive" type="error" size="small" :bordered="false">
+                <NTag
+                  v-else-if="accountInfo.biliAuthCodeStatus == BiliAuthCodeStatusType.Inactive"
+                  type="error"
+                  size="small"
+                  :bordered="false"
+                >
                   身份码: 需更新
                 </NTag>
-                <NTag v-else-if="accountInfo.biliAuthCodeStatus == BiliAuthCodeStatusType.Notfound" type="warning" size="small" :bordered="false">
+                <NTag
+                  v-else-if="accountInfo.biliAuthCodeStatus == BiliAuthCodeStatusType.Notfound"
+                  type="warning"
+                  size="small"
+                  :bordered="false"
+                >
                   身份码: 需绑定
                   <NTooltip>
                     <template #trigger>
@@ -332,7 +357,7 @@ onUnmounted(() => {
           </NEllipsis>
           <template v-else>
             <NTag type="error" size="small">
-              未认证
+              未绑定
               <NTooltip>
                 <template #trigger>
                   <NIcon :component="Info24Filled" />
@@ -344,7 +369,7 @@ onUnmounted(() => {
             <NButton size="small" @click="bindBiliCodeModalVisiable = true" type="info"> 进行绑定 </NButton>
           </template>
         </NCard>
-        <NCard size="small" v-if="false">
+        <NCard size="small">
           用户 Bilibili 账户:
           <NEllipsis v-if="accountInfo?.biliUserAuthInfo" style="max-width: 100%">
             <NText style="color: var(--primary-color)">
@@ -370,7 +395,7 @@ onUnmounted(() => {
               </NTooltip>
             </NTag>
             <NDivider vertical />
-            <NButton size="small" @click="bindBiliAuthModalVisiable = true" type="info"> 进行绑定 </NButton>
+            <NButton size="small" @click="bindBiliAuthModalVisiable = true" type="info"> 进行认证 </NButton>
           </template>
         </NCard>
         <EventFetcherStatusCard />
@@ -428,7 +453,12 @@ onUnmounted(() => {
       <NButton @click="resetName" type="warning" :loading="isLoading"> 确定修改 </NButton>
     </template>
   </NModal>
-  <NModal v-model:show="bindBiliCodeModalVisiable" preset="card" title="绑定/更新身份码" style="width: 400px; max-width: 90%">
+  <NModal
+    v-model:show="bindBiliCodeModalVisiable"
+    preset="card"
+    title="绑定/更新身份码"
+    style="width: 400px; max-width: 90%"
+  >
     <NSpace vertical>
       <NInputGroup>
         <NInput v-model:value="biliCode" placeholder="身份码" />
@@ -448,13 +478,25 @@ onUnmounted(() => {
       </NInputGroup>
     </NSpace>
     <template #footer>
-      <NButton @click="accountInfo?.isBiliVerified ? ChangeBili() : BindBili()" type="success" :loading="!token || isLoading"> 确定 </NButton>
+      <NButton
+        @click="accountInfo?.isBiliVerified ? ChangeBili() : BindBili()"
+        type="success"
+        :loading="!token || isLoading"
+      >
+        确定
+      </NButton>
     </template>
   </NModal>
-  <NModal v-model:show="bindBiliAuthModalVisiable" preset="card" title="绑定用户账户" style="width: 700px; max-width: 90%">
+  <NModal
+    v-model:show="bindBiliAuthModalVisiable"
+    preset="card"
+    title="绑定用户账户"
+    style="width: 700px; max-width: 90%"
+  >
     <NSpace vertical>
       <NAlert title="获取认证链接" type="info">
-        因为部分功能如积分兑换等也需要对没有注册本站账户的用户开放, 所以需要现在另一个页面获取认证链接, 然后再回到这里绑定
+        因为部分功能如积分兑换等也需要对没有注册本站账户的用户开放, 所以需要现在另一个页面获取认证链接,
+        然后再回到这里绑定
       </NAlert>
       <NInputGroup>
         <NInput v-model:value="biliAuthText" placeholder="认证链接, 或者 Token" />
@@ -466,7 +508,7 @@ onUnmounted(() => {
                   <Question24Regular />
                 </NIcon>
               </template>
-              前往获取
+              前往认证
             </NButton>
           </template>
           直接粘贴认证完成后给出的类似
diff --git a/src/views/manage/HistoryView.vue b/src/views/manage/HistoryView.vue
index 62b1c19..54e211a 100644
--- a/src/views/manage/HistoryView.vue
+++ b/src/views/manage/HistoryView.vue
@@ -318,14 +318,12 @@ function getOptions() {
         },
         data: chartData.hourlyCounts,
         itemStyle: {
-          normal: {
-            color: function (data: any) {
-              if (completeTimeSeries[data.dataIndex].change) {
-                return '#18a058'
-              } else {
-                return '#5470C6'
-              }
-            },
+          color: function (data: any) {
+            if (completeTimeSeries[data.dataIndex].change) {
+              return '#18a058'
+            } else {
+              return '#5470C6'
+            }
           },
         },
       },
diff --git a/src/views/manage/point/PointManage.vue b/src/views/manage/point/PointManage.vue
index e1ecdd1..24a96e9 100644
--- a/src/views/manage/point/PointManage.vue
+++ b/src/views/manage/point/PointManage.vue
@@ -1,7 +1,14 @@
 <script setup lang="ts">
 import { getBase64, getImageUploadModel } from '@/Utils'
 import { DisableFunction, EnableFunction, useAccount } from '@/api/account'
-import { ResponsePointGoodModel, FunctionTypes, PointGoodsModel, GoodsTypes, GoodsStatus, TagInfo } from '@/api/api-models'
+import {
+  ResponsePointGoodModel,
+  FunctionTypes,
+  PointGoodsModel,
+  GoodsTypes,
+  GoodsStatus,
+  TagInfo,
+} from '@/api/api-models'
 import { QueryGetAPI, QueryPostAPI } from '@/api/query'
 import PointGoodsItem from '@/components/manage/PointGoodsItem.vue'
 import { FILE_BASE_URL, POINT_API_URL } from '@/data/constants'
@@ -49,6 +56,7 @@ import { cloneFnJSON } from '@vueuse/core'
 import { useAuthStore } from '@/store/useAuthStore'
 import PointSettings from './PointSettings.vue'
 import { useRouteHash } from '@vueuse/router'
+import EventFetcherStatusCard from '@/components/EventFetcherStatusCard.vue'
 
 const message = useMessage()
 const accountInfo = useAccount()
@@ -60,7 +68,7 @@ const realHash = useRouteHash('goods', {
 })
 const hash = computed({
   get() {
-    return realHash.value?.slice(1) ?? ''
+    return realHash.value?.startsWith('#') ? realHash.value.slice(1) : realHash.value || 'goods'
   },
   set(val) {
     realHash.value = '#' + val
@@ -77,7 +85,9 @@ const defaultGoodsModel = {
   } as PointGoodsModel,
   fileList: [],
 } as { goods: PointGoodsModel; fileList: UploadFileInfo[] }
-const currentGoodsModel = ref<{ goods: PointGoodsModel; fileList: UploadFileInfo[] }>(JSON.parse(JSON.stringify(defaultGoodsModel)))
+const currentGoodsModel = ref<{ goods: PointGoodsModel; fileList: UploadFileInfo[] }>(
+  JSON.parse(JSON.stringify(defaultGoodsModel)),
+)
 
 const showAddGoodsModal = ref(false)
 
@@ -93,6 +103,10 @@ const rules = {
     required: true,
     message: '请输入礼物价格',
   },
+  'goods.type': {
+    required: true,
+    message: '请选择是虚拟礼物或实物',
+  },
   content: {
     required: true,
     message: '请输入虚拟礼物的具体内容',
@@ -102,10 +116,11 @@ const rules = {
   },
   privacy: {
     required: true,
-    message: '需要阅读并同意本站隐私政策',
+    message: '需要阅读并同意本站隐私协议',
     validator: (rule: FormItemRule, value: boolean) => {
       return (
-        (currentGoodsModel.value.goods.type != GoodsTypes.Physical && currentGoodsModel.value.goods.collectUrl != undefined) ||
+        (currentGoodsModel.value.goods.type != GoodsTypes.Physical &&
+          currentGoodsModel.value.goods.collectUrl != undefined) ||
         isAllowedPrivacyPolicy.value
       )
     },
@@ -114,7 +129,22 @@ const rules = {
     required: true,
     message: '需要输入最大购买数量',
     validator: (rule: FormItemRule, value: number) => {
-      return currentGoodsModel.value.goods.type != GoodsTypes.Physical || (currentGoodsModel.value.goods.maxBuyCount ?? 0) > 0
+      return (
+        currentGoodsModel.value.goods.type != GoodsTypes.Physical ||
+        (currentGoodsModel.value.goods.maxBuyCount ?? 0) > 0
+      )
+    },
+  },
+  'goods.url': {
+    required: true,
+    message: '请输入收集收货地址的链接',
+    validator: (rule: FormItemRule, value: string) => {
+      try {
+        new URL(value)
+        return true
+      } catch (err) {
+        return false
+      }
     },
   },
 }
@@ -179,6 +209,7 @@ async function updateGoods(e: MouseEvent) {
       if (currentGoodsModel.value.fileList.length > 0) {
         currentGoodsModel.value.goods.cover = await getImageUploadModel(currentGoodsModel.value.fileList)
       }
+      console.log(currentGoodsModel.value.goods)
       await QueryPostAPI<ResponsePointGoodModel>(POINT_API_URL + 'update-goods', currentGoodsModel.value.goods)
         .then((data) => {
           if (data.code == 200) {
@@ -220,7 +251,7 @@ function onUpdateClick(item: ResponsePointGoodModel) {
   currentGoodsModel.value = {
     goods: {
       ...item,
-      count: item.count ?? 0,
+      count: item.count,
       cover: undefined,
     },
     fileList: item.cover
@@ -313,23 +344,40 @@ function resetGoods() {
 }
 function responseGoodsToModel(goods: ResponsePointGoodModel) {}
 
-onMounted(() => {
-  if (!hash.value) {
-    hash.value = 'goods'
-  }
-})
+onMounted(() => {})
 </script>
 
 <template>
-  <NAlert type="info">
-    启用积分系统
-    <NSwitch :value="accountInfo?.settings.enableFunctions.includes(FunctionTypes.Point)" @update:value="setFunctionEnable" />
-    <br />
-    <NText depth="3">
-      此功能需要部署
-      <NButton text type="primary" tag="a" href="https://www.yuque.com/megghy/dez70g/vfvcyv3024xvaa1p" target="_blank"> VtsuruEventFetcher </NButton>
-    </NText>
-  </NAlert>
+  <NFlex style="width: 100%">
+    <NAlert type="info" style="min-width: 400px">
+      启用
+      <NButton text type="primary" tag="a" href="https://www.yuque.com/megghy/dez70g/ohulp2torghlqqn8" target="_blank">
+        积分系统
+      </NButton>
+      <NDivider vertical />
+      <NSwitch
+        :value="accountInfo?.settings.enableFunctions.includes(FunctionTypes.Point)"
+        @update:value="setFunctionEnable"
+      />
+      <br />
+      <NText depth="3">
+        此功能需要部署
+        <NButton
+          text
+          type="primary"
+          tag="a"
+          href="https://www.yuque.com/megghy/dez70g/vfvcyv3024xvaa1p"
+          target="_blank"
+        >
+          VtsuruEventFetcher
+        </NButton>
+        , 否则将无法记录各种事件
+      </NText>
+    </NAlert>
+    <EventFetcherStatusCard style="flex: 1" />
+  </NFlex>
+  <br />
+  <NAlert type="success"> 此功能将于 3月11日 官方启用 OpenId 后正式上线 </NAlert>
   <NDivider />
   <NTabs animated v-model:value="hash">
     <NTabPane name="goods" tab="礼物">
@@ -337,13 +385,17 @@ onMounted(() => {
         <NButton type="primary" @click="onModalOpen"> 添加礼物 </NButton>
       </NFlex>
       <NDivider />
-      <NGrid cols="1 500:2 700:3 1000:4 1200:5" :x-gap="12" :y-gap="8">
+      <NEmpty v-if="goods.filter((g) => g.status != GoodsStatus.Discontinued).length == 0" description="暂无礼物" />
+      <NGrid v-else cols="1 500:2 700:3 1000:4 1200:5" :x-gap="12" :y-gap="8">
         <NGridItem v-for="item in goods.filter((g) => g.status != GoodsStatus.Discontinued)" :key="item.id">
           <PointGoodsItem :goods="item">
             <template #footer>
+              <span> 价格: {{ item.price }} </span>
               <NFlex>
                 <NButton type="info" size="small" @click="onUpdateClick(item)"> 修改 </NButton>
-                <NButton type="warning" size="small" @click="onSetShelfClick(item, GoodsStatus.Discontinued)"> 下架 </NButton>
+                <NButton type="warning" size="small" @click="onSetShelfClick(item, GoodsStatus.Discontinued)">
+                  下架
+                </NButton>
                 <NButton type="error" size="small" @click="onDeleteClick(item)"> 删除 </NButton>
               </NFlex>
             </template>
@@ -351,11 +403,15 @@ onMounted(() => {
         </NGridItem>
       </NGrid>
       <NDivider>已下架</NDivider>
-      <NEmpty v-if="goods.filter((g) => g.status == GoodsStatus.Discontinued).length == 0" description="暂无已下架的物品" />
+      <NEmpty
+        v-if="goods.filter((g) => g.status == GoodsStatus.Discontinued).length == 0"
+        description="暂无已下架的礼物"
+      />
       <NGrid v-else cols="1 500:2 700:3 1000:4 1200:5" :x-gap="12" :y-gap="8">
         <NGridItem v-for="item in goods.filter((g) => g.status == GoodsStatus.Discontinued)" :key="item.id">
           <PointGoodsItem :goods="item">
             <template #footer>
+              <span> 价格: {{ item.price }} </span>
               <NFlex>
                 <NButton type="info" size="small" @click="onUpdateClick(item)"> 修改 </NButton>
                 <NButton type="success" size="small" @click="onSetShelfClick(item, GoodsStatus.Normal)"> 上架 </NButton>
@@ -396,20 +452,25 @@ onMounted(() => {
         </NFormItem>
         <NFormItem path="goods.count" label="库存">
           <NCheckbox
-            :checked="currentGoodsModel.goods.count && currentGoodsModel.goods.count < 0"
-            @update:checked="(v) => (currentGoodsModel.goods.count = v ? -1 : 100)"
+            :checked="!currentGoodsModel.goods.count"
+            @update:checked="(v) => (currentGoodsModel.goods.count = v ? undefined : 100)"
           >
             不限
           </NCheckbox>
           <NInputNumber
-            v-if="currentGoodsModel.goods.count > -1"
+            v-if="currentGoodsModel.goods.count"
             v-model:value="currentGoodsModel.goods.count"
             placeholder="可选, 礼物库存"
             style="max-width: 120px"
           />
         </NFormItem>
         <NFormItem path="goods.description" label="描述">
-          <NInput v-model:value="currentGoodsModel.goods.description" placeholder="可选, 礼物描述" maxlength="500" type="textarea" />
+          <NInput
+            v-model:value="currentGoodsModel.goods.description"
+            placeholder="可选, 礼物描述"
+            maxlength="500"
+            type="textarea"
+          />
         </NFormItem>
         <NFormItem path="goods.tags" label="标签">
           <NSelect
@@ -446,12 +507,16 @@ onMounted(() => {
         </NFormItem>
         <template v-if="currentGoodsModel.goods.type == GoodsTypes.Physical">
           <NFormItem path="settings" label="选项">
-            <NCheckbox v-model:checked="currentGoodsModel.goods.isAllowRebuy">允许重复购买</NCheckbox>
+            <NCheckbox v-model:checked="currentGoodsModel.goods.isAllowRebuy">允许重复兑换</NCheckbox>
           </NFormItem>
-          <NFormItem path="goods.maxBuyCount" label="最大购买数量">
-            <NInputNumber v-model:value="currentGoodsModel.goods.maxBuyCount" placeholder="必填, 最大购买数量" min="1" />
+          <NFormItem path="goods.maxBuyCount" label="最大兑换数量">
+            <NInputNumber
+              v-model:value="currentGoodsModel.goods.maxBuyCount"
+              placeholder="必填, 最大兑换数量"
+              min="1"
+            />
           </NFormItem>
-          <NFormItem path="goods.collectUrl" label="收货地址">
+          <NFormItem path="address" label="收货地址">
             <NFlex vertical>
               <NRadioGroup
                 :value="currentGoodsModel.goods.collectUrl == undefined ? 0 : 1"
@@ -471,15 +536,21 @@ onMounted(() => {
             </NFlex>
           </NFormItem>
           <template v-if="currentGoodsModel.goods.collectUrl != undefined">
-            <NFormItem path="goods.url" label="收集链接">
+            <NFormItem path="goods.collectUrl" label="收集链接">
               <NFlex vertical style="width: 100%">
-                <NInput v-model:value="currentGoodsModel.goods.collectUrl" placeholder="用于给用户填写自己收货地址的表格的分享链接" maxlength="300" />
-                <NCheckbox v-model:checked="currentGoodsModel.goods.embedCollectUrl"> 尝试将收集链接嵌入到网页中 </NCheckbox>
+                <NInput
+                  v-model:value="currentGoodsModel.goods.collectUrl"
+                  placeholder="用于给用户填写自己收货地址的表格的分享链接"
+                  maxlength="300"
+                />
+                <NCheckbox v-model:checked="currentGoodsModel.goods.embedCollectUrl">
+                  尝试将收集链接嵌入到网页中
+                </NCheckbox>
               </NFlex>
             </NFormItem>
           </template>
           <template v-else>
-            <NFormItem path="privacy" label="隐私策略" required>
+            <NFormItem path="privacy" label="隐私协议" required>
               <NCheckbox v-model:checked="isAllowedPrivacyPolicy"> 同意本站隐私协议 </NCheckbox>
             </NFormItem>
           </template>
@@ -495,10 +566,19 @@ onMounted(() => {
                 虚拟礼物的具体内容, 网盘链接什么之类的
               </NTooltip>
             </template>
-            <NInput v-model:value="currentGoodsModel.goods.content" type="textarea" placeholder="写这里咯" maxlength="10000" show-count clearable />
+            <NInput
+              v-model:value="currentGoodsModel.goods.content"
+              type="textarea"
+              placeholder="写这里咯"
+              maxlength="10000"
+              show-count
+              clearable
+            />
           </NFormItem>
         </template>
-        <NButton @click="updateGoods" type="primary" :loading="isUpdating"> {{ currentGoodsModel.goods.id ? '修改' : '创建' }} </NButton>
+        <NButton @click="updateGoods" type="primary" :loading="isUpdating">
+          {{ currentGoodsModel.goods.id ? '修改' : '创建' }}
+        </NButton>
       </NForm>
     </NScrollbar>
   </NModal>
diff --git a/src/views/pointViews/PointGoodsView.vue b/src/views/pointViews/PointGoodsView.vue
index 3af5cb1..31e7fa0 100644
--- a/src/views/pointViews/PointGoodsView.vue
+++ b/src/views/pointViews/PointGoodsView.vue
@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import { NavigateToNewTab } from '@/Utils'
+import { useAccount } from '@/api/account'
 import {
   AddressInfo,
   GoodsTypes,
@@ -18,6 +20,7 @@ import {
   NCard,
   NDataTable,
   NDivider,
+  NEmpty,
   NFlex,
   NForm,
   NFormItem,
@@ -48,8 +51,10 @@ const props = defineProps<{
   userInfo: UserInfo
   biliInfo: any
 }>()
+const router = useRouter()
 
 const useAuth = useAuthStore()
+const accountInfo = useAccount()
 const isLoading = ref(false)
 const message = useMessage()
 const dialog = useDialog()
@@ -96,7 +101,11 @@ function getTooltip(goods: ResponsePointGoodModel) {
 async function buyGoods() {
   if (buyCount.value < 1) {
     message.error('兑换数量不能小于1')
-  } else if (!selectedAddress.value && currentGoods.value?.type == GoodsTypes.Physical) {
+  } else if (
+    !selectedAddress.value &&
+    currentGoods.value?.type == GoodsTypes.Physical &&
+    !currentGoods.value.collectUrl
+  ) {
     message.error('请选择收货地址')
   } else if (!Number.isInteger(buyCount.value)) {
     message.error('兑换数量必须为整数')
@@ -117,7 +126,7 @@ async function buyGoods() {
           positiveText: '前往查看',
           negativeText: '我知道了',
           onPositiveClick: () => {
-            useRouter().push({ name: 'PointOrderView', params: { id: data.data.id } })
+            router.push({ name: 'bili-user', hash: '#orders' })
           },
           onNegativeClick: () => {
             showBuyModal.value = false
@@ -161,6 +170,17 @@ const renderOption = ({ node, option }: { node: any; option: SelectOption }) =>
     () => h(AddressDisplay, { address: biliAuth.value.address?.find((a) => a.id == option.value) }),
   )
 }
+function gotoAuthPage() {
+  if (!accountInfo.value?.biliUserAuthInfo) {
+    message.error('你尚未进行 Bilibili 认证, 请前往面板进行认证和绑定')
+    return
+  }
+  useAuthStore()
+    .setCurrentAuth(accountInfo.value?.biliUserAuthInfo.token)
+    .then(() => {
+      NavigateToNewTab('/bili-user')
+    })
+}
 
 onMounted(async () => {
   if (props.userInfo && useAuth.isAuthed) {
@@ -186,13 +206,17 @@ onMounted(async () => {
       立即认证
     </NButton>
   </NAlert>
-  <NCard v-else>
+  <NCard v-else style="max-width: 600px" embedded hoverable>
     <template #header> 你好, {{ useAuth.biliAuth.name }} </template>
+    <template #header-extra>
+      <NButton type="info" @click="gotoAuthPage" secondary size="small"> 前往认证用户中心 </NButton>
+    </template>
     <NText> 你在 {{ userInfo.extra?.streamerInfo?.name ?? userInfo.name }} 的直播间的积分为 {{ currentPoint }} </NText>
   </NCard>
   <NDivider />
   <NSpin :show="isLoading">
-    <NGrid cols="1 500:2 700:3 1000:4 1200:5" x-gap="12" y-gap="8">
+    <NEmpty v-if="goods.length == 0"> 暂无礼物 </NEmpty>
+    <NGrid v-else cols="1 500:2 700:3 1000:4 1200:5" x-gap="12" y-gap="8">
       <NGridItem v-for="item in goods" :key="item.id">
         <PointGoodsItem :goods="item">
           <template #footer>
@@ -235,9 +259,23 @@ onMounted(async () => {
       <NDivider> 选项 </NDivider>
       <NForm>
         <NFormItem label="兑换数量" required
-          ><NInputNumber v-model:value="buyCount" :min="1" style="max-width: 120px" step="1" :precision="0" />
+          ><NInputNumber
+            v-model:value="buyCount"
+            :min="1"
+            :max="currentGoods.maxBuyCount ?? 100000"
+            style="max-width: 120px"
+            step="1"
+            :precision="0"
+          />
         </NFormItem>
-        <NFormItem label="收货地址" required>
+        <NFormItem
+          v-if="
+            currentGoods.type == GoodsTypes.Physical &&
+            (currentGoods.collectUrl == null || currentGoods.collectUrl == undefined)
+          "
+          label="收货地址"
+          required
+        >
           <NSelect
             v-model:show="showAddressSelect"
             :value="selectedAddress?.id"
@@ -246,6 +284,8 @@ onMounted(async () => {
             :render-option="renderOption"
             placeholder="请选择地址"
           />
+          &nbsp;
+          <NButton size="small" type="info" tag="a" href="/bili-user#settings" target="_blank"> 管理收货地址 </NButton>
         </NFormItem>
       </NForm>
     </template>
diff --git a/src/views/pointViews/PointUserLayout.vue b/src/views/pointViews/PointUserLayout.vue
index 9f389dc..a439f53 100644
--- a/src/views/pointViews/PointUserLayout.vue
+++ b/src/views/pointViews/PointUserLayout.vue
@@ -28,7 +28,7 @@ import PointUserHistoryView from './PointUserHistoryView.vue'
 import PointUserSettings from './PointUserSettings.vue'
 import { useRouteHash } from '@vueuse/router'
 import PointOrderView from './PointOrderView.vue'
-import { useRoute } from 'vue-router'
+import { useRoute, useRouter } from 'vue-router'
 
 const useAuth = useAuthStore()
 const message = useMessage()
@@ -43,6 +43,7 @@ const hash = computed({
     realHash.value = '#' + val
   },
 })
+const router = useRouter()
 
 const biliAuth = computed(() => useAuth.biliAuth)
 const isLoading = ref(false)
@@ -58,12 +59,23 @@ const pointColumn = [
     key: 'points',
   },
   {
-    title: '详情',
+    title: '更多',
     key: 'action',
     render: (row: { owner: UserInfo; points: number }) => {
-      return h(NButton, {
-        onClick: () => {},
-      })
+      return h(NFlex, {}, () => [
+        h(
+          NButton,
+          {
+            onClick: () => {
+              router.push({ name: 'user-goods', params: { id: row.owner.name } })
+            },
+            size: 'small',
+            secondary: true,
+            type: 'info',
+          },
+          () => '查看礼物',
+        ),
+      ])
     },
   },
 ]