fix avatar property (to uface

src/views/manage/point/PointOrderManage.vue

@@ -2,7 +2,7 @@
 import { PointOrderModel } from '@/api/api-models'
 import { QueryGetAPI } from '@/api/query'
 import { POINT_API_URL } from '@/data/constants'
-import { useMessage } from 'naive-ui'
+import { NCard, NList, NListItem, useMessage } from 'naive-ui'
 import { ref } from 'vue'
 
 const message = useMessage()
@@ -25,4 +25,12 @@ async function getOrders() {
 }
 </script>
 
-<template></template>
+<template>
+  <NList bordered hoverable clickable>
+    <NListItem v-for="order in orders" v-bind:key="order.id">
+      <NCard :bordered="false">
+
+      </NCard>
+    </NListItem>
+  </NList>
+</template>

src/views/manage/point/PointUserDetailCard.vue

@@ -0,0 +1,56 @@
+<script setup lang="ts">
+import { ResponsePointOrder2StreamerModel, ResponsePointUserModel } from '@/api/api-models'
+import { QueryGetAPI } from '@/api/query'
+import { POINT_API_URL } from '@/data/constants'
+import { NCard, NDataTable, NDivider, NFlex, NList, NListItem, NModal, NSpin, useMessage } from 'naive-ui'
+import { ref } from 'vue'
+
+const props = defineProps<{
+  user: ResponsePointUserModel
+}>()
+
+const orders = ref<ResponsePointOrder2StreamerModel[]>(await getOrders())
+const pointHistory = ref([])
+const isLoading = ref(false)
+
+const message = useMessage()
+
+async function getOrders() {
+  try {
+    isLoading.value = true
+    const data = await QueryGetAPI<ResponsePointOrder2StreamerModel[]>(POINT_API_URL + 'get-user-orders', {
+      id: props.user.info?.id,
+    })
+    if (data.code == 200) {
+      return data.data
+    } else {
+      message.error('获取订单失败: ' + data.message)
+      console.error(data)
+    }
+  } catch (err) {
+    message.error('获取订单失败: ' + err)
+    console.error(err)
+  } finally {
+    isLoading.value = false
+  }
+  return []
+}
+</script>
+
+<template>
+  <NCard :bordered="false">
+    <NCard title="用户信息">
+      <NFlex>
+
+      </NFlex>
+    </NCard>
+    <NDivider>
+      订单
+    </NDivider>
+    <NSpin :show="isLoading">
+      <NList>
+        <NListItem v-for="order in orders" v-bind:key="order.id"> </NListItem>
+      </NList>
+    </NSpin>
+  </NCard>
+</template>

src/views/manage/point/PointUserManage.vue

@@ -0,0 +1,86 @@
+<script setup lang="ts">
+import { ResponsePointUserModel } from '@/api/api-models'
+import { QueryGetAPI } from '@/api/query'
+import { POINT_API_URL } from '@/data/constants'
+import { NButton, NCard, NDataTable, NList, NListItem, NModal, useMessage } from 'naive-ui'
+import { h, ref } from 'vue'
+import PointUserDetailCard from './PointUserDetailCard.vue'
+
+const message = useMessage()
+
+const pn = ref(1)
+const ps = ref(25)
+const showModal = ref(false)
+
+const users = ref<ResponsePointUserModel[]>(await getUsers())
+const currentUser = ref<ResponsePointUserModel>()
+
+const column = [
+  {
+    title: '认证',
+    key: 'auth',
+    render: (row: ResponsePointUserModel) => {
+      return row.isAuthed ? '已认证' : '未认证'
+    },
+  },
+  {
+    title: '用户名',
+    key: 'username',
+    render: (row: ResponsePointUserModel) => {
+      return row.info?.name ?? '未知'
+    },
+  },
+  {
+    title: '积分',
+    key: 'points',
+    render: (row: ResponsePointUserModel) => {
+      return row.point
+    },
+  },
+  {
+    title: '订单数量',
+    key: 'orders',
+    render: (row: ResponsePointUserModel) => {
+      return row.orderCount
+    },
+  },
+  {
+    title: '操作',
+    key: 'action',
+    render: (row: ResponsePointUserModel) => {
+      return h(
+        NButton,
+        {
+          onClick: () => {
+            currentUser.value = row
+            showModal.value = true
+          },
+        },
+        { default: () => '详情' },
+      )
+    },
+  },
+]
+
+async function getUsers() {
+  try {
+    const data = await QueryGetAPI<ResponsePointUserModel[]>(POINT_API_URL + 'get-all-users')
+    if (data.code == 200) {
+      return data.data
+    } else {
+      message.error('获取订单失败: ' + data.message)
+    }
+  } catch (err) {
+    console.log(err)
+    message.error('获取订单失败: ' + err)
+  }
+  return []
+}
+</script>
+
+<template>
+  <NDataTable :columns="column" :data="users" :pagination="{ pageSize: ps, page: pn, showSizePicker: true, pageSizes: [10, 25, 50, 100] }" />
+  <NModal v-model:show="showModal" style="max-width: 600px" title="用户详情">
+    <PointUserDetailCard v-if="currentUser" :user="currentUser" />
+  </NModal>
+</template>