优化首页样式

saiadmin-artd/src/views/dashboard/console/modules/new-player-list.vue

@@ -0,0 +1,46 @@
+<template>
+  <div class="art-card p-5 overflow-hidden mb-5 max-sm:mb-4">
+    <div class="art-card-header mb-4">
+      <div class="title">
+        <h4>新增玩家</h4>
+        <p class="text-g-600 text-sm mt-1">最新50条新增玩家记录</p>
+      </div>
+    </div>
+    <ArtTable
+      class="w-full"
+      :data="tableData"
+      style="width: 100%"
+      size="default"
+      :border="false"
+      :stripe="true"
+      :header-cell-style="{ background: 'transparent' }"
+    >
+      <template #default>
+        <ElTableColumn label="玩家" prop="name" min-width="120" />
+        <ElTableColumn label="余额" prop="coin" min-width="120" align="right">
+          <template #default="scope">
+            {{ formatCoin(scope.row.coin) }}
+          </template>
+        </ElTableColumn>
+        <ElTableColumn label="抽奖券" prop="total_ticket_count" min-width="100" align="right" />
+      </template>
+    </ArtTable>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { fetchNewPlayerList, type NewPlayerItem } from '@/api/dashboard'
+
+  const tableData = ref<NewPlayerItem[]>([])
+
+  function formatCoin(val: number | undefined): string {
+    if (val === undefined || val === null) return '0.00'
+    return Number(val).toFixed(2)
+  }
+
+  onMounted(() => {
+    fetchNewPlayerList().then((data) => {
+      tableData.value = Array.isArray(data) ? data : []
+    })
+  })
+</script>