feat(custom): 增加游戏数据统计

src/views/game/api.js

@@ -20,4 +20,10 @@ export default {
 
   //   添加修改游戏
   addGame: (data) => request.post('/game/edit', data),
+
+  // 当前投注用户
+  nowUser: () => request.post('/now/draw/user', {}),
+
+  // 全部投注用户
+  allUser: () => request.post('/all/draw/user', {}),
 }

src/views/game/data/index.vue

@@ -14,15 +14,14 @@
         <div>开奖记录：</div>
         <n-button type="primary" @click="openData">预览</n-button>
       </div>
-      <!-- <div ml-20 flex>
-        <div>点杀状态：</div>
-        <n-switch
-          v-model:value="val"
-          :checked-value="1"
-          :unchecked-value="2"
-          @update:value="handleUpdateValue"
-        />
-      </div> -->
+      <div ml-20 flex items-center>
+        <div>本局记录：</div>
+        <n-button type="primary" @click="openJl(1)">预览</n-button>
+      </div>
+      <div ml-20 flex items-center>
+        <div>全部记录：</div>
+        <n-button type="primary" @click="openJl(2)">预览</n-button>
+      </div>
     </div>
 
     <div flex>
@@ -96,6 +95,39 @@
           :max-height="600"
           :pagination="false"
           :bordered="false"
+          remote
+        />
+      </n-card>
+    </n-modal>
+    <!-- 游戏记录 -->
+    <n-modal v-model:show="jlModal">
+      <n-card
+        style="width: 900px"
+        :title="jlTitle"
+        :bordered="false"
+        size="huge"
+        role="dialog"
+        aria-modal="true"
+      >
+        <div>
+          <span>
+            总投注(豆子):
+            <span text-red>{{ jlData.total_number }}</span>
+          </span>
+          <span ml-20>
+            总积分:
+            <span text-red>{{ jlData.total_integral }}</span>
+          </span>
+        </div>
+        <n-data-table
+          :loading="jlLoading"
+          :columns="jlColumns"
+          :data="jlData.data"
+          :max-height="600"
+          :pagination="false"
+          :bordered="false"
+          remote
+          @update:sorter="handleSorterChange"
         />
       </n-card>
     </n-modal>
@@ -232,6 +264,91 @@ const openData = async () => {
     throw error
   }
 }
+
+const jlModal = ref(false)
+const jlTitle = ref('')
+
+const jlData = ref({})
+
+const jlColumns = ref([
+  {
+    title: '昵称',
+    key: 'User',
+    align: 'center',
+  },
+  {
+    title: '电话',
+    key: 'Phone',
+    align: 'center',
+  },
+  {
+    title: '期数',
+    key: 'Periods',
+    align: 'center',
+  },
+  {
+    title: '下注豆子',
+    key: 'TotalCount',
+    align: 'center',
+    sorter: true,
+    sortOrder: false,
+  },
+  {
+    title: '赢积分',
+    key: 'NumberSum',
+    align: 'center',
+    sorter: true,
+    sortOrder: false,
+  },
+  {
+    title: '购买号码',
+    key: 'PeriodsNum',
+    align: 'center',
+  },
+  {
+    title: '时间',
+    key: 'DrawTime',
+    align: 'center',
+  },
+])
+
+const jlLoading = ref(false)
+
+const openJl = async (e) => {
+  try {
+    jlModal.value = true
+    jlTitle.value = e === 1 ? '本局游戏记录' : '全部游戏记录'
+    jlLoading.value = true
+    const res = e === 1 ? await api.nowUser() : await api.allUser()
+    jlData.value = res.data
+  } catch (error) {
+    $message.error(error.msg)
+  }
+  jlLoading.value = false
+}
+
+const handleSorterChange = (sorter) => {
+  if (!jlLoading.value) {
+    jlLoading.value = true
+    switch (sorter.columnKey) {
+      case 'TotalCount':
+        jlColumns.value[3].sortOrder = !sorter ? false : sorter.order
+        jlData.value.data = jlData.value.data.sort((a, b) => {
+          if (sorter.order === 'descend') return b.NumberSum - a.NumberSum
+          return a.NumberSum - b.NumberSum
+        })
+        break
+      case 'NumberSum':
+        jlColumns.value[4].sortOrder = !sorter ? false : sorter.order
+        jlData.value.data = jlData.value.data.sort((a, b) => {
+          if (sorter.order === 'descend') return b.NumberSum - a.NumberSum
+          return a.NumberSum - b.NumberSum
+        })
+        break
+    }
+    jlLoading.value = false
+  }
+}
 </script>
 
 <style lang="scss" scoped></style>