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

2023-10-28 15:12:11 +08:00
parent ca08cfa52a
commit 092904f3b4
4 changed files with 222 additions and 27 deletions
--- a/src/utils/http/interceptors.js
+++ b/src/utils/http/interceptors.js
@@ -2,8 +2,8 @@ import { getToken } from '@/utils'
 import { resolveResError } from './helpers'

 export function reqResolve(config) {
-  // if (config.url.includes('/dice')) {
-  //   config.baseURL = import.meta.env.VITE_GAME_API
+  // if (config.url.includes('/admin')) {
+  //   config.baseURL = import.meta.env.VITE_ADMIN_API
  // } else {
  //   config.baseURL = import.meta.env.VITE_BASE_API
  // }
--- a/src/views/game/api.js
+++ b/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', {}),
 }
--- a/src/views/game/data/index.vue
+++ b/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>
--- a/src/views/user/index/index.vue
+++ b/src/views/user/index/index.vue
@@ -3,17 +3,22 @@
    <n-grid class="mb-10" x-gap="12">
      <n-gi :span="24">
        <div flex>
-          <n-card w-500>
+          <n-card w-250>
+            <n-statistic label="用户总赢积分" tabular-nums>
+              <n-number-animation ref="numberAnimationInstRef" :from="0" :to="cardData.win" />
+            </n-statistic>
+          </n-card>
+          <n-card ml-10 w-250>
            <n-statistic label="用户积分（留存）" tabular-nums>
              <n-number-animation ref="numberAnimationInstRef" :from="0" :to="cardData.integral" />
            </n-statistic>
          </n-card>
-          <n-card ml-10 w-500>
-            <n-statistic label="用户豆子（留存）" tabular-nums>
+          <n-card ml-10 w-250>
+            <n-statistic label="总豆子" tabular-nums>
              <n-number-animation ref="numberAnimationInstRef" :from="0" :to="cardData.pulse" />
            </n-statistic>
          </n-card>
-          <n-card ml-10 w-500>
+          <n-card ml-10 w-250>
            <n-statistic label="今日新增用户" tabular-nums>
              <n-number-animation
                ref="numberAnimationInstRef"
@@ -22,7 +27,7 @@
              />
            </n-statistic>
          </n-card>
-          <n-card ml-10 w-500>
+          <n-card ml-10 w-250>
            <n-statistic label="用户总流水(元)" tabular-nums>
              <n-number-animation
                ref="numberAnimationInstRef"
@@ -32,7 +37,7 @@
              />
            </n-statistic>
          </n-card>
-          <n-card ml-10 w-500>
+          <n-card ml-10 w-250>
            <n-statistic label="总佣金(积分)" tabular-nums>
              <n-number-animation
                ref="numberAnimationInstRef"
@@ -42,7 +47,7 @@
              />
            </n-statistic>
          </n-card>
-          <n-card ml-10 w-500>
+          <n-card ml-10 w-250>
            <n-statistic label="平台总用户" tabular-nums>
              <n-number-animation
                ref="numberAnimationInstRef"
@@ -65,6 +70,30 @@
          <n-input v-model:value="queryParams.word" :style="{ width: '30%' }" />
        </n-input-group>
      </n-gi>
+      <n-gi :span="24" mt-10>
+        <div>
+          <span>筛选状态：</span>
+          <n-radio-group v-model:value="queryParams.status">
+            <n-radio-button
+              v-for="song in songs"
+              :key="song.value"
+              :value="song.value"
+              :label="song.label"
+            />
+          </n-radio-group>
+        </div>
+      </n-gi>
+      <n-gi :span="10">
+        <div mt-10 flex items-center>
+          <span w-100>时间筛选：</span>
+          <n-date-picker
+            v-model:formatted-value="queryParams.time"
+            value-format="yyyy-MM-dd HH:mm:ss"
+            type="datetimerange"
+            clearable
+          />
+        </div>
+      </n-gi>
      <n-gi span="24" mt-10 flex items-center>
        <n-button type="primary" @click="getList">查询</n-button>
        <n-button ml-10 @click="clear">重置</n-button>
@@ -118,7 +147,7 @@
              />
            </div>
          </n-col>
-          <n-col :span="10" v-if="tabVal === '4'">
+          <n-col v-if="tabVal === '4'" :span="10">
            <div mt-10 flex items-center>
              <span w-100>条件筛选：</span>
              <n-select
@@ -174,6 +203,8 @@ const loading = ref(false)
 const queryParams = ref({
  word: '',
  selectKey: null,
+  status: '',
+  time: null,
 })

 const queryData = ref({
@@ -187,8 +218,28 @@ const cardData = ref({
  today_user: 0,
  total_number: 0,
  total_user: 0,
+  win: 0,
 })

+const songs = ref([
+  {
+    value: 1,
+    label: '未使用',
+  },
+  {
+    value: 3,
+    label: '用户赢',
+  },
+  {
+    value: 4,
+    label: '用户输',
+  },
+  {
+    value: 5,
+    label: '已过期',
+  },
+])
+
 const selectOptions = [
  {
    label: '用户昵称',
@@ -240,6 +291,13 @@ const columns = ref([
    sorter: true,
    sortOrder: false,
  },
+  {
+    title: '赢积分',
+    align: 'center',
+    key: 'win',
+    sorter: true,
+    sortOrder: false,
+  },
  {
    title: '用户豆子',
    align: 'center',
@@ -319,6 +377,8 @@ const clear = () => {
  queryParams.value = {
    word: '',
    selectKey: null,
+    status: '',
+    time: null,
  }
  getList()
 }
@@ -326,7 +386,11 @@ const clear = () => {
 const getList = async () => {
  loading.value = true
  try {
-    const query_data = {}
+    const query_data = {
+      Status: queryParams.value.status || '',
+      StartTime: queryParams.value.time === null ? '' : queryParams.value.time[0] || '',
+      EndTime: queryParams.value.time === null ? '' : queryParams.value.time[1] || '',
+    }
    switch (queryParams.value.selectKey) {
      case 0:
        query_data['UserName'] = queryParams.value.word
@@ -348,6 +412,7 @@ const getList = async () => {
    cardData.value.integral = res.data.integral
    cardData.value.pulse = res.data.pulse
    cardData.value.referee = res.data.referee
+    cardData.value.win = res.data.total_win
  } catch (error) {
    $message.error(error.msg)
  }
@@ -573,13 +638,6 @@ const handleSorterChange = (sorter) => {
  if (!loading.value) {
    loading.value = true
    switch (sorter.columnKey) {
-      case 'pulse':
-        columns.value[5].sortOrder = !sorter ? false : sorter.order
-        data.value = data.value.sort((a, b) => {
-          if (sorter.order === 'descend') return b.pulse - a.pulse
-          return a.pulse - b.pulse
-        })
-        break
      case 'integral':
        columns.value[4].sortOrder = !sorter ? false : sorter.order
        data.value = data.value.sort((a, b) => {
@@ -587,6 +645,20 @@ const handleSorterChange = (sorter) => {
          return a.integral - b.integral
        })
        break
+      case 'win':
+        columns.value[5].sortOrder = !sorter ? false : sorter.order
+        data.value = data.value.sort((a, b) => {
+          if (sorter.order === 'descend') return b.win - a.win
+          return a.win - b.win
+        })
+        break
+      case 'pulse':
+        columns.value[6].sortOrder = !sorter ? false : sorter.order
+        data.value = data.value.sort((a, b) => {
+          if (sorter.order === 'descend') return b.pulse - a.pulse
+          return a.pulse - b.pulse
+        })
+        break
    }
    loading.value = false
  }