新增 - 休闲游戏时长统计

src/api/statisticsIeisureGameDuration/statisticsIeisureGameDuration.js

@@ -16,3 +16,29 @@ export const getMinigameListStat = query => {
         params: query
     });
 };
+// 获取休闲游戏时长明细列表
+export const getMinigamePageDetail = query => {
+    return request({
+        url: '/admin/minigame/sud/stat/pageDetail',
+        method: 'get',
+        params: query
+    });
+};
+// 导出休闲游戏时长统计
+export const exportMiniGameStat = query => {
+    return request({
+        url: `/admin/minigame/sud/stat/exportStat`,
+        method: 'get',
+        params: query,
+        responseType: 'blob'
+    });
+}
+// 导出休闲游戏时长明细
+export const exportMiniGameDetail = query => {
+    return request({
+        url: `/admin/minigame/sud/stat/exportDetail`,
+        method: 'get',
+        params: query,
+        responseType: 'blob'
+    });
+}

src/views/data/statisticsIeisureGameDuration.vue

@@ -20,6 +20,7 @@
           type="month"
           placeholder="选择月"
           value-format="YYYY-MM"
+          :clearable="false"
         >
         </el-date-picker
       ></el-config-provider>
@@ -43,14 +44,18 @@
     >
       <el-table-column prop="statMonth" align="center" label="月份" />
       <el-table-column prop="gameName" align="center" label="游戏名称" />
-      <el-table-column prop="totalDuration" align="center" label="总时长" >
+      <el-table-column prop="totalDuration" align="center" label="总时长(秒)">
-
+        <template v-slot="scope">
+           <el-button @click="detailFun(scope.row)" type="text" size="small">
+          {{ scope.row.totalDuration }}
+        </el-button>
+        </template>
       </el-table-column>
-      <el-table-column prop="arDuration" align="center" label="阿拉伯时长" />
+      <el-table-column prop="arDuration" align="center" label="阿拉伯时长(秒)" />
-      <el-table-column prop="enDuration" align="center" label="英语区时长" />
+      <el-table-column prop="enDuration" align="center" label="英语区时长(秒)" />
-      <el-table-column prop="en2Duration" align="center" label="英语2区时长" />
+      <el-table-column prop="en2Duration" align="center" label="英语2区时长(秒)" />
-      <el-table-column prop="trDuration" align="center" label="土耳其区时长" />
+      <el-table-column prop="trDuration" align="center" label="土耳其区时长(秒)" />
-      <el-table-column prop="zhDuration" align="center" label="华语区时长" />
+      <el-table-column prop="zhDuration" align="center" label="华语区时长(秒)" />
     </el-table>
     <!-- 明细弹窗 -->
     <el-dialog
@@ -59,16 +64,32 @@
       width="30%"
       center
     >
-      <el-table
+    <el-button style="" type="primary" @click="confirmExport2ExcelDetail()"
-        :data="dailydetailTable"
+          >导出</el-button
-        style="width: 100%"
-        ref="multipleTable"
         >
-        <el-table-column prop="channel" align="center" label="渠道" />
+      <el-table
-        <el-table-column prop="amount" align="center" label="充值金额" />
+        :data="detailtableData.data"
-        <el-table-column prop="count" align="center" label="充值笔数" />
+        style="width: 100%;margin-top: 20px;"
+        ref="multipleTable"
+        border
+      >
+        <el-table-column prop="date" align="center" label="日期" />
+        <el-table-column prop="gameName" align="center" label="游戏名称" />
+        <el-table-column prop="erbanNo" align="center" label="房间号" />
+        <el-table-column prop="partitionDesc" align="center" label="分区" />
+        <el-table-column prop="duration" align="center" label="游戏时长(秒)" />
       </el-table>
-
+      <el-pagination
+      style="margin-top: 10px"
+      class="paginationClass"
+      :current-page="detailData.page"
+      :page-size="detailData.size"
+      :page-sizes="[10, 20, 50, 100, 200]"
+      layout="sizes, prev, pager, next"
+      :total="detailtableData.total"
+      @size-change="handleSizeChangeDetail"
+      @current-change="handleCurrentChangeDetail"
+    />
       <template #footer>
         <span class="dialog-footer">
           <el-button type="primary" @click="dailydetailDialog = false">
@@ -76,6 +97,7 @@
           </el-button>
         </span>
       </template>
+
     </el-dialog>
   </div>
 </template>
@@ -93,6 +115,9 @@ import { dateFormat } from "@/utils/system-helper";
 import {
   mgList,
   getMinigameListStat,
+  getMinigamePageDetail,
+  exportMiniGameStat,
+  exportMiniGameDetail,
 } from "@/api/statisticsIeisureGameDuration/statisticsIeisureGameDuration";
 import zhCn from "element-plus/dist/locale/zh-cn.mjs";
 const formData = reactive({
@@ -104,12 +129,23 @@ const tableData = reactive({
   total: 0,
   loading: false,
 });
+const detailData = reactive({
+  month: "",
+  gameId: "",
+  page: 1,
+  size: 10,
+});
+const detailtableData = reactive({
+  data: [],
+  total: 0,
+  loading: false,
+});
 const gameList = ref([]);
 const dailydetailDialog = ref(false);
 // 查询
 const getData = () => {
-    if(formData.month==''){
+  if (formData.month == "" && !formData.month) {
-        ElMessage.warning('请选择月份')
+    ElMessage.warning("请选择月份");
     return;
   }
   tableData.loading = true;
@@ -125,54 +161,41 @@ const getData = () => {
     }
   });
 };
+// 明细
+const detailFun = (row) => {
+  if(row){
+      detailData.gameId = row.gameId;
+  detailData.month = row.statMonth;
+  }
+  getMinigamePageDetail(detailData).then((res) => {
+    if (res.code == 200) {
+      detailtableData.data = res.data.records;
+      detailtableData.loading = false;
+      detailtableData.total = res.data.total;
+       dailydetailDialog.value = true;
+    } else {
+      ElMessage.error(res.message);
+    }
+  });
+};
 //重置
 const resetFormData = () => {
   Object.assign(formData.value, {
-    erbanNoStr: "",
-    channel: "",
-    partitionId: undefined,
     gameId: "",
-    pageNo: 1,
-    pageSize: 10,
-    total: 0,
-    startTime: "",
-    endTime: "",
   });
-  tableData.value.dataOuter = [];
-  JSON.parse;
 };
 // 导出
 const confirmExport2Excel = async () => {
-  Object.assign(formData.value, { pageSize: 10000, pageNo: 1 });
-  const {
-    erbanNoStr,
-    channel,
-    endTime,
-    gameId,
-    pageNo,
-    pageSize,
-    partitionId,
-    startTime,
-  } = formData.value;
   try {
-    const res = await {
+        const res = await exportMiniGameStat(formData)
-      erbanNoStr,
-      channel,
-      endTime,
-      gameId,
-      pageNo,
-      pageSize,
-      partitionId,
-      startTime,
-    };
         if (res) {
           ElMessage({
-        message: "导出成功",
+            message: '导出成功',
-        type: "success",
+            type: 'success',
           });
           let time = formatDate(new Date());
           let alink = document.createElement("a");
-      alink.download = `game用户汇总${time}.xls`;
+          alink.download = `休闲游戏时长统计${time}.xls`;
           alink.style.display = "none";
           const blob = new Blob([res]);
           alink.href = URL.createObjectURL(blob);
@@ -180,13 +203,49 @@ const confirmExport2Excel = async () => {
           alink.click();
           URL.revokeObjectURL(alink.href);
         }
+
       } catch (error) {
         ElMessage({
           message: error.message,
-      type: "error",
+          type: 'error',
         });
       }
 };
+// 导出
+const confirmExport2ExcelDetail = async () => {
+  try {
+        const res = await exportMiniGameDetail(detailData)
+        if (res) {
+          ElMessage({
+            message: '导出成功',
+            type: 'success',
+          });
+          let time = formatDate(new Date());
+          let alink = document.createElement("a");
+          alink.download = `休闲游戏时长明细统计${time}.xls`;
+          alink.style.display = "none";
+          const blob = new Blob([res]);
+          alink.href = URL.createObjectURL(blob);
+          document.body.appendChild(alink);
+          alink.click();
+          URL.revokeObjectURL(alink.href);
+        }
+
+      } catch (error) {
+        ElMessage({
+          message: error.message,
+          type: 'error',
+        });
+      }
+};
+const handleSizeChangeDetail = (val) => {
+  detailData.size = val;
+  detailFun();
+};
+const handleCurrentChangeDetail = (val) => {
+  detailData.page = val;
+  detailFun();
+};
 onMounted(() => {
   mgList().then((res) => {
     if (res.code == 200) {