|
|
@@ -0,0 +1,232 @@
|
|
|
+<template>
|
|
|
+ <div class="ma-content-block">
|
|
|
+ <sa-table
|
|
|
+ ref="crudRef"
|
|
|
+ :options="options"
|
|
|
+ :columns="columns"
|
|
|
+ :searchForm="searchForm"
|
|
|
+ >
|
|
|
+ <!-- 搜索区 tableSearch -->
|
|
|
+ <template #tableSearch>
|
|
|
+ <a-col :sm="8" :xs="24">
|
|
|
+ <a-form-item label="游戏名" field="game_id">
|
|
|
+ <a-tree-select
|
|
|
+ v-model="searchForm.game_id"
|
|
|
+ :data="gameList"
|
|
|
+ placeholder="请选择游戏"
|
|
|
+ allow-clear
|
|
|
+ :field-names="{ title: 'name', key: 'id' }"
|
|
|
+ allow-search
|
|
|
+ tree-checked-strategy="child"
|
|
|
+ :tree-checkable="true"
|
|
|
+ :max-tag-count="1"
|
|
|
+ />
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :sm="8" :xs="24">
|
|
|
+ <a-form-item label="媒体ID" field="media_id">
|
|
|
+ <a-select
|
|
|
+ v-model="searchForm.media_id"
|
|
|
+ :options="[]"
|
|
|
+ placeholder="请选择媒体ID"
|
|
|
+ allow-clear
|
|
|
+ />
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :sm="8" :xs="24">
|
|
|
+ <a-form-item label="负责人" field="auth_id">
|
|
|
+ <a-select
|
|
|
+ v-model="searchForm.auth_id"
|
|
|
+ :options="[]"
|
|
|
+ placeholder="请选择负责人"
|
|
|
+ allow-clear
|
|
|
+ />
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :sm="8" :xs="24">
|
|
|
+ <a-form-item label="渠道ID" field="agent_id">
|
|
|
+ <a-input
|
|
|
+ v-model="searchForm.agent_id"
|
|
|
+ placeholder="请输入渠道ID"
|
|
|
+ allow-clear
|
|
|
+ />
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :sm="8" :xs="24">
|
|
|
+ <a-form-item label="广告位ID" field="site_id">
|
|
|
+ <a-input
|
|
|
+ v-model="searchForm.site_id"
|
|
|
+ placeholder="请输入广告位ID"
|
|
|
+ allow-clear
|
|
|
+ />
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :sm="8" :xs="24">
|
|
|
+ <a-form-item label="用户名" field="user_name">
|
|
|
+ <a-input
|
|
|
+ v-model="searchForm.user_name"
|
|
|
+ placeholder="请输入用户名"
|
|
|
+ allow-clear
|
|
|
+ />
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :sm="8" :xs="24">
|
|
|
+ <a-form-item label="服务器ID" field="server_id">
|
|
|
+ <a-input
|
|
|
+ v-model="searchForm.server_id"
|
|
|
+ placeholder="请输入服务器ID"
|
|
|
+ allow-clear
|
|
|
+ />
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :sm="8" :xs="24">
|
|
|
+ <a-form-item label="服务器名" field="server_name">
|
|
|
+ <a-input
|
|
|
+ v-model="searchForm.server_name"
|
|
|
+ placeholder="请输入服务器名"
|
|
|
+ allow-clear
|
|
|
+ />
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :sm="8" :xs="24">
|
|
|
+ <a-form-item label="注册日期" field="reg_date">
|
|
|
+ <a-range-picker
|
|
|
+ v-model="searchForm.reg_date"
|
|
|
+ :show-time="false"
|
|
|
+ mode="date"
|
|
|
+ />
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :sm="8" :xs="24">
|
|
|
+ <a-form-item label="充值日期" field="pay_date">
|
|
|
+ <a-range-picker
|
|
|
+ v-model="searchForm.pay_date"
|
|
|
+ :show-time="false"
|
|
|
+ mode="date"
|
|
|
+ />
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ </template>
|
|
|
+
|
|
|
+ <template #user_name="{ record }">
|
|
|
+ {{ record.uid }} - {{ record.user_name }}
|
|
|
+ </template>
|
|
|
+
|
|
|
+ <template #game_name="{ record }">
|
|
|
+ {{ record.game_id }} - {{ record.game_name }}
|
|
|
+ </template>
|
|
|
+
|
|
|
+ <template #alert="{ record }">
|
|
|
+ <div>
|
|
|
+ <div v-if="record.login_alert === 0">
|
|
|
+ <a-tag color="red">登录告警</a-tag>
|
|
|
+ </div>
|
|
|
+ <div v-if="record.pay_alert === 0">
|
|
|
+ <a-tag color="red">充值告警</a-tag>
|
|
|
+ </div>
|
|
|
+ <div v-else><a-tag color="green">正常</a-tag></div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+
|
|
|
+ <template #login_time="{ record }">
|
|
|
+ {{ dayjs(record.login_time * 1000).format("YYYY-MM-DD HH:mm:ss") }}
|
|
|
+ </template>
|
|
|
+
|
|
|
+ <template #pay_time="{ record }">
|
|
|
+ {{ dayjs(record.pay_time * 1000).format("YYYY-MM-DD HH:mm:ss") }}
|
|
|
+ </template>
|
|
|
+
|
|
|
+ <!-- Table 自定义渲染 -->
|
|
|
+ </sa-table>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script setup>
|
|
|
+import { onMounted, ref, reactive } from "vue";
|
|
|
+import api from "../../api/gameLog/sdkOrderRank";
|
|
|
+import dayjs from "dayjs";
|
|
|
+import commonApi from "../../api/common";
|
|
|
+
|
|
|
+// 引用定义
|
|
|
+const crudRef = ref();
|
|
|
+const gameList = ref([]);
|
|
|
+
|
|
|
+// 搜索表单
|
|
|
+const searchForm = ref({
|
|
|
+ game_id: "",
|
|
|
+ media_id: "",
|
|
|
+ auth_id: "",
|
|
|
+ agent_id: "",
|
|
|
+ site_id: "",
|
|
|
+ user_name: "",
|
|
|
+ server_id: "",
|
|
|
+ server_name: "",
|
|
|
+ reg_date: [],
|
|
|
+ pay_date: [],
|
|
|
+});
|
|
|
+
|
|
|
+// SaTable 基础配置
|
|
|
+const options = reactive({
|
|
|
+ api: api.getPageList,
|
|
|
+ pk: "orderid",
|
|
|
+ rowSelection: { showCheckedAll: true },
|
|
|
+ operationColumn: false,
|
|
|
+});
|
|
|
+
|
|
|
+// SaTable 列配置
|
|
|
+const columns = reactive([
|
|
|
+ { title: "用户名", dataIndex: "user_name", width: 250 },
|
|
|
+ { title: "渠道ID", dataIndex: "agent_id", width: 120 },
|
|
|
+ { title: "广告位ID", dataIndex: "site_id", width: 120 },
|
|
|
+
|
|
|
+ { title: "游戏名", dataIndex: "game_name", width: 120 },
|
|
|
+
|
|
|
+ // { title: "服务器ID", dataIndex: "server_id", width: 120 },
|
|
|
+ { title: "服务器名", dataIndex: "server_name", width: 120 },
|
|
|
+ { title: "角色名", dataIndex: "role_name", width: 120 },
|
|
|
+ { title: "角色ID", dataIndex: "role_id", width: 120 },
|
|
|
+
|
|
|
+ { title: "支付方式", dataIndex: "pay_channel_name", width: 120 },
|
|
|
+ { title: "历史充值金额", dataIndex: "totalMoney", width: 120 },
|
|
|
+ { title: "累计充值金额", dataIndex: "searchTotalMoney", width: 120 },
|
|
|
+
|
|
|
+ { title: "充值日期", dataIndex: "pay_date", width: 180 },
|
|
|
+ { title: "注册日期", dataIndex: "reg_date", width: 180 },
|
|
|
+
|
|
|
+ { title: "最近登录时间", dataIndex: "login_time", width: 180 },
|
|
|
+ { title: "最近充值时间", dataIndex: "pay_time", width: 180 },
|
|
|
+
|
|
|
+ { title: "告警", dataIndex: "alert", width: 120 },
|
|
|
+
|
|
|
+ { title: "渠道名", dataIndex: "agent_name", width: 180 },
|
|
|
+ { title: "负责人", dataIndex: "auth_name", width: 180 },
|
|
|
+]);
|
|
|
+
|
|
|
+// 页面数据初始化
|
|
|
+const initPage = async () => {
|
|
|
+ searchForm.value.pay_date = [
|
|
|
+ dayjs().format("YYYY-MM-DD"),
|
|
|
+ dayjs().format("YYYY-MM-DD"),
|
|
|
+ ];
|
|
|
+ await getGameList();
|
|
|
+};
|
|
|
+
|
|
|
+// 获取游戏列表
|
|
|
+const getGameList = async () => {
|
|
|
+ const res = await commonApi.getGameListTreeApi();
|
|
|
+ if (res.code === 200) {
|
|
|
+ gameList.value = res.data;
|
|
|
+ }
|
|
|
+};
|
|
|
+
|
|
|
+// SaTable 数据请求
|
|
|
+const refresh = async () => {
|
|
|
+ crudRef.value?.refresh();
|
|
|
+};
|
|
|
+
|
|
|
+// 页面加载完成执行
|
|
|
+onMounted(async () => {
|
|
|
+ initPage();
|
|
|
+ refresh();
|
|
|
+});
|
|
|
+</script>
|