allow filter goods tag

src/api/query.ts

@@ -1,7 +1,7 @@
 /* eslint-disable indent */
+import { apiFail } from '@/data/constants'
 import { useLocalStorage } from '@vueuse/core'
 import { APIRoot, PaginationResponse } from './api-models'
-import { apiFail } from '@/data/constants'
 
 const cookie = useLocalStorage('JWT_Token', '')
 
@@ -62,6 +62,7 @@ export async function QueryGetAPI<T>(
   return await QueryGetAPIInternal<APIRoot<T>>(urlString, params, headers)
 }
 async function QueryGetAPIInternal<T>(urlString: string, params?: any, headers?: [string, string][]) {
+  try {
     const url = new URL(urlString)
     url.search = getParams(params)
     if (cookie.value) {
@@ -72,6 +73,10 @@ async function QueryGetAPIInternal<T>(urlString: string, params?: any, headers?:
       method: 'get',
       headers: headers,
     })
+  } catch (err) {
+    console.log(`url:${urlString}, error:${err}`)
+    throw err
+  }
 }
 function getParams(params: any) {
   const urlParams = new URLSearchParams(window.location.search)

src/views/manage/point/PointSubItemManage.vue

@@ -0,0 +1,8 @@
+<script setup lang="ts">
+
+import { computed, onMounted, ref } from 'vue'
+</script>
+
+<template>
+1
+</template>

src/views/manage/point/PointUserManage.vue

@@ -31,6 +31,7 @@ import { computed, h, onMounted, ref } from 'vue'
 import PointUserDetailCard from './PointUserDetailCard.vue'
 import { Info24Filled } from '@vicons/fluent'
 import { objectsToCSV } from '@/Utils'
+import { format } from 'date-fns'
 
 const props = defineProps<{
   goods: ResponsePointGoodModel[]
@@ -245,6 +246,22 @@ async function deleteUser(user: ResponsePointUserModel) {
     isLoading.value = false
   }
 }
+function exportData() {
+/*  const text = objectsToCSV(
+    users.value.map((s) => {
+      const gift = props.goods.find((g) => g.id == s.goodsId)
+      return {
+      }
+    }),
+  )
+  const BOM = new Uint8Array([0xef, 0xbb, 0xbf])
+  const utf8encoder = new TextEncoder()
+  const utf8array = utf8encoder.encode(text)
+  saveAs(
+    new Blob([BOM, utf8array], { type: 'text/csv;charset=utf-8;' }),
+    `用户积分_${format(Date.now(), 'yyyy-MM-dd HH:mm:ss')}_${accountInfo.value?.name}_.csv`,
+  )*/
+}
 
 onMounted(async () => {
   await refresh()
@@ -266,6 +283,7 @@ onMounted(async () => {
         <NFlex>
           <NButton type="primary" @click="refresh">刷新</NButton>
           <NButton type="info" @click="showGivePointModal = true">给予/扣除积分</NButton>
+          <NButton type="info" @click="exportData">导出积分数据</NButton>
         </NFlex>
       </template>
       <NFlex align="center">

src/views/pointViews/PointGoodsView.vue

@@ -2,37 +2,35 @@
 import { NavigateToNewTab } from '@/Utils'
 import { useAccount } from '@/api/account'
 import {
-  AddressInfo,
-  GoodsTypes,
-  ResponsePointGoodModel,
-  ResponsePointOrder2UserModel,
-  UserInfo,
+AddressInfo,
+GoodsTypes,
+ResponsePointGoodModel,
+ResponsePointOrder2UserModel,
+UserInfo,
 } from '@/api/api-models'
 import AddressDisplay from '@/components/manage/AddressDisplay.vue'
 import PointGoodsItem from '@/components/manage/PointGoodsItem.vue'
 import { POINT_API_URL } from '@/data/constants'
 import { useAuthStore } from '@/store/useAuthStore'
 import {
-  NAlert,
-  NButton,
-  NCard,
-  NDivider,
-  NEmpty,
-  NFlex,
-  NForm,
-  NFormItem,
-  NGrid,
-  NGridItem,
-  NInputNumber,
-  NModal,
-  NSelect,
-  NSpin,
-  NTag,
-  NText,
-  NTooltip,
-  SelectOption,
-  useDialog,
-  useMessage,
+NAlert,
+NButton,
+NCard,
+NDivider,
+NEmpty,
+NFlex,
+NForm,
+NFormItem,
+NInputNumber,
+NModal,
+NSelect,
+NSpin,
+NTag,
+NText,
+NTooltip,
+SelectOption,
+useDialog,
+useMessage
 } from 'naive-ui'
 import { computed, h, onMounted, ref } from 'vue'
 import { useRouter } from 'vue-router'
@@ -62,6 +60,15 @@ const selectedAddress = ref<AddressInfo>()
 const canDoBuy = computed(() => {
   return currentGoods.value && currentGoods.value.price * buyCount.value <= currentPoint.value
 })
+const tags = computed(() => {
+  return Array.from(new Set(goods.value.flatMap((g) => g.tags)))
+})
+const selectedTag = ref<string>()
+const selectedItems = computed(() => {
+  return selectedTag.value
+    ? goods.value.filter((g) => g.tags.includes(selectedTag.value))
+    : goods.value
+})
 
 const addressOptions = computed(() => {
   if (!biliAuth.value.id) return []
@@ -208,10 +215,23 @@ onMounted(async () => {
     <NText> 你在 {{ userInfo.extra?.streamerInfo?.name ?? userInfo.name }} 的直播间的积分为 {{ currentPoint }} </NText>
   </NCard>
   <NDivider />
+  <NCard size="small" title="标签">
+    <NFlex align="center" justify="center">
+      <NButton v-for="tag in tags"
+          :type="tag == selectedTag ? 'success' : 'default'"
+          @click="selectedTag = selectedTag == tag ? undefined : tag"
+          :borderd="false"
+          style="margin: 4px"
+          size="small">
+          {{ tag }}
+        </NButton>
+    </NFlex>
+  </NCard>
+  <NDivider />
   <NSpin :show="isLoading">
-    <NEmpty v-if="goods.length == 0"> 暂无礼物 </NEmpty>
+    <NEmpty v-if="selectedItems.length == 0"> 暂无礼物 </NEmpty>
     <NFlex justify="center">
-      <PointGoodsItem v-for="item in goods" :key="item.id" :goods="item" content-style="max-width: 300px;height: 365px">
+      <PointGoodsItem v-for="item in selectedItems" :key="item.id" :goods="item" content-style="max-width: 300px;height: 365px">
         <template #footer>
           <NFlex justify="space-between" align="center">
             <NTooltip>