优化首页样式

saiadmin-artd/src/views/dashboard/console/index.vue

@@ -12,6 +12,15 @@
           <SalesOverview />
         </ElCol>
       </ElRow>
+
+      <ElRow :gutter="20">
+        <ElCol :sm="24" :md="12" :lg="12">
+          <WalletRecordList />
+        </ElCol>
+        <ElCol :sm="24" :md="12" :lg="12">
+          <NewPlayerList />
+        </ElCol>
+      </ElRow>
     </template>
 
     <template v-if="userInfo.dashboard === 'work'">
@@ -34,6 +43,8 @@
   import CardList from './modules/card-list.vue'
   import ActiveUser from './modules/active-user.vue'
   import SalesOverview from './modules/sales-overview.vue'
+  import WalletRecordList from './modules/wallet-record-list.vue'
+  import NewPlayerList from './modules/new-player-list.vue'
   import NewUser from './modules/new-user.vue'
   import Dynamic from './modules/dynamic-stats.vue'
   import TodoList from './modules/todo-list.vue'

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>

saiadmin-artd/src/views/dashboard/console/modules/wallet-record-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="player_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="create_time" min-width="170" />
+      </template>
+    </ArtTable>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { fetchWalletRecordList, type WalletRecordItem } from '@/api/dashboard'
+
+  const tableData = ref<WalletRecordItem[]>([])
+
+  function formatCoin(val: number | undefined): string {
+    if (val === undefined || val === null) return '0.00'
+    return Number(val).toFixed(2)
+  }
+
+  onMounted(() => {
+    fetchWalletRecordList().then((data) => {
+      tableData.value = Array.isArray(data) ? data : []
+    })
+  })
+</script>