From 179f0718e6df2693fec5ac7dc9ff2f25539989d3 Mon Sep 17 00:00:00 2001
From: dragon <3013557874@qq.com>
Date: Thu, 13 Feb 2025 17:12:43 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E6=88=90=E7=81=B5=E5=B0=8F=E6=B8=B8?=
 =?UTF-8?q?=E6=88=8F=E7=99=BD=E5=90=8D=E5=8D=95&&=E6=B4=BB=E8=B7=83?=
 =?UTF-8?q?=E7=BB=9F=E8=AE=A1=E7=B1=BB=E6=9A=82=E5=AD=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/gameWhitelist/gameWhitelist.js    |  37 +++
 src/views/data/newOverview.vue            | 243 ++++++++++++++++++
 src/views/gameWhitelist/gameWhitelist.vue | 286 ++++++++++++++++++++++
 3 files changed, 566 insertions(+)
 create mode 100644 src/api/gameWhitelist/gameWhitelist.js
 create mode 100644 src/views/data/newOverview.vue
 create mode 100644 src/views/gameWhitelist/gameWhitelist.vue

diff --git a/src/api/gameWhitelist/gameWhitelist.js b/src/api/gameWhitelist/gameWhitelist.js
new file mode 100644
index 0000000..71794c5
--- /dev/null
+++ b/src/api/gameWhitelist/gameWhitelist.js
@@ -0,0 +1,37 @@
+import request from '@/utils/request';
+import qs from 'qs';
+import { genQueryParam } from '@/utils/maintainer';
+
+// ==================================灵小游戏====================================
+// 游戏列表
+export const gameList = query => {
+    return request({
+        url: '/admin/game/list',
+        method: 'get',
+        params: query
+    });
+};
+// 列表
+export const gameFeeRateList = query => {
+    return request({
+        url: '/admin/game/feeRateList',
+        method: 'post',
+        params: query
+    });
+};
+// 保存
+export const gameFeeRate = query => {
+    return request({
+        url: '/admin/game/feeRate',
+        method: 'post',
+        params: query
+    });
+};
+// 设置失效
+export const feeRateInvalid = query => {
+    return request({
+        url: '/admin/game/feeRate/invalid',
+        method: 'get',
+        params: query
+    });
+};
\ No newline at end of file
diff --git a/src/views/data/newOverview.vue b/src/views/data/newOverview.vue
new file mode 100644
index 0000000..b5a21e8
--- /dev/null
+++ b/src/views/data/newOverview.vue
@@ -0,0 +1,243 @@
+<template>
+  <!-- 表格 -->
+  <el-table
+    v-loading="loading"
+    :data="tableData"
+    border
+    style="width: 100%; margin-top: 25px"
+  >
+    <el-table-column prop="x" align="center" label="日期" />
+    <el-table-column prop="x" align="center" label="新总注册" />
+    <el-table-column prop="x" align="center" label="新完善资料" />
+    <el-table-column prop="x" align="center" label="完善率" />
+
+    <el-table-column align="center" label="阿拉伯区新注册（完善资料）" width="">
+      <template v-slot="scope">
+        <el-button
+          @click="
+            detailsTitle = '阿拉伯区注册明细';
+            edi(scope.row, 2);
+          "
+          type="text"
+          size="small"
+        >
+          {{ scope.row.arDiamond }}
+        </el-button>
+      </template>
+    </el-table-column>
+    <el-table-column align="center" label="英语区新注册（完善资料）" width="">
+      <template v-slot="scope">
+        <el-button
+          @click="
+            detailsTitle = '英语区注册明细';
+            edi(scope.row, 1);
+          "
+          type="text"
+          size="small"
+        >
+          {{ scope.row.enDiamond }}
+        </el-button>
+      </template>
+    </el-table-column>
+    <el-table-column align="center" label="华语区新注册（完善资料）" width="">
+      <template v-slot="scope">
+        <el-button
+          @click="
+            detailsTitle = '华语区注册明细';
+            edi(scope.row, 4);
+          "
+          type="text"
+          size="small"
+        >
+          {{ scope.row.zhDiamond }}
+        </el-button>
+      </template>
+    </el-table-column>
+    <el-table-column align="center" label="土耳其区新注册（完善资料）" width="">
+      <template v-slot="scope">
+        <el-button
+          @click="
+            detailsTitle = '土耳其区注册明细';
+            edi(scope.row, 8);
+          "
+          type="text"
+          size="small"
+        >
+          {{ scope.row.trDiamond }}
+        </el-button>
+      </template>
+    </el-table-column>
+  </el-table>
+
+  <!-- 分页 -->
+  <!-- <el-pagination
+    style="margin-top: 10px"
+    class="paginationClass"
+    v-model:current-page="currentPage"
+    v-model:page-size="pageSize"
+    :page-sizes="[10, 20, 30, 40, 50, 100, 200, 300, 400, 500, 999999999]"
+    layout="sizes, prev, pager, next"
+    :total="total"
+    @size-change="handleSizeChange"
+    @current-change="handleCurrentChange"
+  /> -->
+
+  <!-- 详情 -->
+  <el-dialog v-model="detailsDialog" :title="detailsTitle" width="30%" center>
+    <!-- 内表格 -->
+    <el-table
+      v-loading="loading"
+      :data="tableDataIn"
+      border
+      style="width: 100%; margin-top: 25px"
+    >
+      <el-table-column prop="x" align="center" label="日期" />
+      <el-table-column prop="x" align="center" label="国家" />
+      <el-table-column prop="x" align="center" label="新注册（完善资料）" />
+      <el-table-column prop="x" align="center" label="占比" />
+    </el-table>
+    <!-- 操作 -->
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button type="primary" class="primary" @click="detailsDialog = false"
+          >关闭</el-button
+        >
+      </span>
+    </template>
+  </el-dialog>
+</template>
+<script>
+// import { diamondStatList } from "@/api/dailyCoinStatistics/dailyCoinStatistics";
+import { dateFormat } from "@/utils/system-helper";
+import { ElMessage } from "element-plus";
+export default {
+  name: "newOverview",
+  data() {
+    return {
+      loading: false,
+      // 查询条件
+      inquire: {
+        time: [],
+      },
+      // 表格
+      tableData: [{ x: "x" }],
+      // 分页
+      total: 10, //总页数
+      currentPage: 1, //页码
+      pageSize: 10, //条数
+      //   内表格
+      detailsDialog: false,
+      detailsTitle: "金币明细",
+      tableDataIn: [],
+    };
+  },
+  created() {
+    // this.getData();
+  },
+  methods: {
+    // 查询
+    getData() {
+      this.loading = true;
+      let time = this.inquire.time;
+      let startTime = null;
+      let endTime = null;
+      if (time.length > 0) {
+        startTime = this.inquire.time[0]
+          ? dateFormat(this.inquire.time[0], "yyyy-MM-dd hh:mm:ss")
+          : null;
+        endTime = this.inquire.time[1]
+          ? dateFormat(this.inquire.time[1], "yyyy-MM-dd hh:mm:ss")
+          : null;
+      }
+      //   diamondStatList({
+      //     startDate: startTime,
+      //     endDate: endTime,
+      //     // pageNo: this.currentPage,
+      //     // pageSize: this.pageSize,
+      //   }).then((res) => {
+      //     if (res.code == 200) {
+      //       // this.total = res.data.total;
+      //       this.tableData = res.data;
+      //       this.loading = false;
+      //     } else {
+      //       ElMessage({
+      //         showClose: true,
+      //         message: res.message,
+      //         type: "error",
+      //       });
+      //     }
+      //   });
+    },
+    // 详情
+    edi(res, type) {
+      var jsonArr =
+        // type == 0
+        //   ? res.totalDiamondDetail
+        //   : type == 1
+        //   ? res.enDomainDetail
+        //   : type == 2
+        //   ? res.arDomainDetail
+        //   : type == 4
+        //   ? res.zhDomainDetail
+        //   : type == 8
+        //   ? res.trDomainDetail
+        //   : `"[""]"`;
+    //   this.tableDataIn = JSON.parse(jsonArr);
+      this.detailsDialog = true;
+    },
+    // 分页导航
+    handleSizeChange() {
+      this.getData();
+    },
+    handleCurrentChange() {
+      this.getData();
+    },
+  },
+};
+</script>
+<style lang="less" scoped>
+.outer {
+  padding-top: 20px;
+  background: #ecf0f5;
+  border-top: 3px solid #d2d6de;
+  .demonstration {
+    margin-right: 20px;
+  }
+  .inquire {
+    display: flex;
+    justify-content: space-between;
+    white-space: nowrap;
+    float: left;
+    margin-right: 20px;
+  }
+  .search {
+    width: 100%;
+    height: 41px;
+    .searchLeft,
+    .searchRight {
+      width: 20%;
+      float: left;
+      span {
+        margin-right: 10px;
+      }
+      .input {
+        width: 75%;
+      }
+    }
+  }
+  .buttonBox {
+    margin-top: 10px;
+  }
+  .authorityBox {
+    .authoritySpan {
+      margin-right: 20px;
+    }
+    .authorityInpput {
+      width: 50%;
+    }
+  }
+  .dialogTableVisibleBut {
+    margin: -25px 0 20px 0px;
+  }
+}
+</style>
diff --git a/src/views/gameWhitelist/gameWhitelist.vue b/src/views/gameWhitelist/gameWhitelist.vue
new file mode 100644
index 0000000..5edbd52
--- /dev/null
+++ b/src/views/gameWhitelist/gameWhitelist.vue
@@ -0,0 +1,286 @@
+<template>
+  <div class="box">
+    <!-- 查询 -->
+    <div class="inquire">
+      <span>ID</span>
+      <el-input
+        v-model="inquire.userId"
+        placeholder=""
+        class="input"
+      ></el-input>
+    </div>
+    <div class="inquire">
+      <span>状态</span>
+      <el-select v-model="inquire.validStatus" placeholder="请选择">
+        <el-option
+          v-for="item in inquire.options"
+          :key="item.value"
+          :label="item.label"
+          :value="item.value"
+        >
+        </el-option>
+      </el-select>
+    </div>
+
+    <!-- 新增按钮 -->
+    <el-button class="primary" type="primary" @click="addDialog = true"
+      >新增</el-button
+    >
+    <!-- 查询按钮 -->
+    <el-button class="primary" type="primary" @click="getData()"
+      >查询</el-button
+    >
+    <!-- 表格 -->
+    <el-table
+      v-loading="loading"
+      :data="tableData"
+      border
+      style="width: 100%; margin-top: 25px"
+    >
+      <el-table-column prop="erbanNo" align="center" label="用户ID" />
+      <el-table-column prop="uid" align="center" label="UID" />
+      <el-table-column prop="gameId" align="center" label="游戏ID" />
+      <el-table-column prop="gameName" align="center" label="游戏名称" />
+      <el-table-column prop="feeRate" align="center" label="water" />
+      <el-table-column prop="adminName" align="center" label="操作人" />
+      <el-table-column prop="createTime" align="center" label="添加时间" />
+      <el-table-column align="center" label="操作" width="100">
+        <template v-slot="scope">
+          <el-button
+            v-show="scope.row.validStatus == 1"
+            @click="invalid(scope.row.id)"
+            class="primary"
+            type="primary"
+            size="default"
+            >失效</el-button
+          >
+          <div v-show="scope.row.validStatus == 0">无效</div>
+          <div v-show="scope.row.validStatus == -1">全部</div>
+        </template>
+      </el-table-column>
+      <el-table-column prop="invalidTime" align="center" label="失效时间" />
+    </el-table>
+
+    <!-- 分页 -->
+    <el-pagination
+      style="margin-top: 10px"
+      class="paginationClass"
+      v-model:current-page="currentPage"
+      v-model:page-size="pageSize"
+      :page-sizes="[10, 20, 30, 40, 50, 100, 200, 300, 400, 500, 999999999]"
+      layout="sizes, prev, pager, next"
+      :total="total"
+      @size-change="handleSizeChange"
+      @current-change="handleCurrentChange"
+    />
+  </div>
+
+  <!-- 新增弹窗 -->
+  <el-dialog v-model="addDialog" title="新增" width="36%" center>
+    <div style="margin-bottom: 25px; margin-top: 10px">
+      <span style="display: inline-block; margin-right: 20px">用户id</span>
+      <el-input
+        v-model="adduserID"
+        style="width: 75%"
+        class="input"
+        placeholder="请输入"
+      ></el-input>
+    </div>
+    <div style="margin-bottom: 25px; margin-top: 10px">
+      <span style="display: inline-block; margin-right: 20px">游戏id</span>
+      <el-select v-model="gameID" placeholder="请选择">
+        <el-option
+          v-for="item in gameIDArr"
+          :key="item.gameId"
+          :label="item.gameName"
+          :value="item.gameId"
+        >
+        </el-option>
+      </el-select>
+    </div>
+    <div style="margin-bottom: 25px; margin-top: 10px">
+      <span style="display: inline-block; margin-right: 20px">Water</span>
+      <el-input
+        v-model="water"
+        style="width: 75%"
+        class="input"
+        placeholder="请输入"
+      ></el-input>
+    </div>
+
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button @click="addDialog = false">取消</el-button>
+        <el-button type="primary" @click="addClick()"> 保存 </el-button>
+      </span>
+    </template>
+  </el-dialog>
+</template>
+<script>
+import {
+  gameList,
+  gameFeeRateList,
+  gameFeeRate,
+  feeRateInvalid,
+} from "@/api/gameWhitelist/gameWhitelist";
+// @ts-ignore
+import { dateFormat } from "@/utils/system-helper";
+// @ts-ignore
+import { ElMessage } from "element-plus";
+export default {
+  name: "gameWhitelist",
+  data() {
+    return {
+      loading: false,
+      //查询所需条件对象
+      inquire: {
+        userId: "",
+        validStatus: "-1",
+        options: [
+          {
+            label: "无效",
+            value: "0",
+          },
+          {
+            label: "有效",
+            value: "1",
+          },
+          {
+            label: "全部",
+            value: "-1",
+          },
+        ],
+      },
+      //新增所需对象
+      resource: {},
+      // 表格
+      tableData: [],
+      // 分页
+      total: 10, //总页数
+      currentPage: 1, //页码
+      pageSize: 10, //条数
+      // 新增
+      addDialog: false,
+      adduserID: "",
+      gameID: "",
+      gameIDArr: [],
+      water: "",
+    };
+  },
+  created() {
+    gameList().then((res) => {
+      if (res.code == 200) {
+        this.gameIDArr = res.data;
+      } else {
+        this.butClick = false;
+        ElMessage({
+          showClose: true,
+          message: res.message,
+          type: "error",
+        });
+      }
+    });
+    this.getData();
+  },
+  methods: {
+    // 查询接口
+    getData() {
+      this.loading = true;
+      gameFeeRateList({
+        erbanNo: this.inquire.userId,
+        validStatus: this.inquire.validStatus,
+        pageNo: this.currentPage,
+        pageSize: this.pageSize,
+      }).then((res) => {
+        if (res.code == 200) {
+          this.total = res.data.total;
+          this.tableData = res.data.rows;
+          this.loading = false;
+        } else {
+          this.butClick = false;
+          ElMessage({
+            showClose: true,
+            message: res.message,
+            type: "error",
+          });
+        }
+      });
+    },
+    // 确认新增按钮
+    addClick() {
+      gameFeeRate({
+        erbanNo: this.adduserID,
+        gameFeeRate: this.water,
+        gameId: this.gameID,
+      }).then((res) => {
+        if (res.code == 200) {
+          this.getData();
+          this.addDialog = false;
+          ElMessage({
+            showClose: true,
+            message: "新增成功",
+            type: "success",
+          });
+        } else {
+          this.butClick = false;
+          ElMessage({
+            showClose: true,
+            message: res.message,
+            type: "error",
+          });
+        }
+      });
+    },
+    invalid(id) {
+      feeRateInvalid({ id }).then((res) => {
+        if (res.code == 200) {
+          this.getData();
+          ElMessage({
+            showClose: true,
+            message: "设置成功",
+            type: "success",
+          });
+        } else {
+          this.butClick = false;
+          ElMessage({
+            showClose: true,
+            message: res.message,
+            type: "error",
+          });
+        }
+      });
+    },
+    // 分页导航
+    handleSizeChange() {
+      this.getData();
+    },
+    handleCurrentChange() {
+      this.getData();
+    },
+  },
+};
+</script>
+<style lang="less" scoped>
+.box {
+  padding-top: 20px;
+  background: #ecf0f5;
+  .inquire {
+    display: inline-block;
+    margin-right: 20px;
+    span {
+      margin-right: 10px;
+    }
+    .input {
+      width: 180px;
+      margin-right: 10px;
+    }
+  }
+  .dialogTableVisibleBut {
+    display: block;
+    margin: 30px 0 0 830px;
+  }
+  .paginationClass {
+    margin: 15px 0 5px 0px;
+  }
+}
+</style>