房间内角标入口 - 编辑修复财富等级限制生效范围问题

.env.development

@@ -1,2 +1,2 @@
-VUE_APP_API_BASE_URL='http://beta.admin.pekolive.com'
+VUE_APP_API_BASE_URL='http://localhost:8080'
 VUE_APP_DEBUG_MODE=true

auto-imports.d.ts

@@ -0,0 +1,9 @@
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// noinspection JSUnusedGlobalSymbols
+// Generated by unplugin-auto-import
+export {}
+declare global {
+
+}

components.d.ts

@@ -0,0 +1,47 @@
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// Generated by unplugin-vue-components
+// Read more: https://github.com/vuejs/core/pull/3399
+export {}
+
+declare module 'vue' {
+  export interface GlobalComponents {
+    ElButton: typeof import('element-plus/es')['ElButton']
+    ElCheckbox: typeof import('element-plus/es')['ElCheckbox']
+    ElCheckboxGroup: typeof import('element-plus/es')['ElCheckboxGroup']
+    ElCol: typeof import('element-plus/es')['ElCol']
+    ElConfigProvider: typeof import('element-plus/es')['ElConfigProvider']
+    ElDatePicker: typeof import('element-plus/es')['ElDatePicker']
+    ElDialog: typeof import('element-plus/es')['ElDialog']
+    ElForm: typeof import('element-plus/es')['ElForm']
+    ElFormItem: typeof import('element-plus/es')['ElFormItem']
+    ElIcon: typeof import('element-plus/es')['ElIcon']
+    ElImage: typeof import('element-plus/es')['ElImage']
+    ElInput: typeof import('element-plus/es')['ElInput']
+    ElOption: typeof import('element-plus/es')['ElOption']
+    ElPagination: typeof import('element-plus/es')['ElPagination']
+    ElPopover: typeof import('element-plus/es')['ElPopover']
+    ElRadio: typeof import('element-plus/es')['ElRadio']
+    ElRadioGroup: typeof import('element-plus/es')['ElRadioGroup']
+    ElRate: typeof import('element-plus/es')['ElRate']
+    ElSelect: typeof import('element-plus/es')['ElSelect']
+    ElSwitch: typeof import('element-plus/es')['ElSwitch']
+    ElTable: typeof import('element-plus/es')['ElTable']
+    ElTableColumn: typeof import('element-plus/es')['ElTableColumn']
+    ElTabPane: typeof import('element-plus/es')['ElTabPane']
+    ElTabs: typeof import('element-plus/es')['ElTabs']
+    ElTag: typeof import('element-plus/es')['ElTag']
+    ElText: typeof import('element-plus/es')['ElText']
+    ElUpload: typeof import('element-plus/es')['ElUpload']
+    Footer: typeof import('./src/components/footer/index.vue')['default']
+    Header: typeof import('./src/components/header/index.vue')['default']
+    Maintainer: typeof import('./src/components/maintainer/index.vue')['default']
+    RouterLink: typeof import('vue-router')['RouterLink']
+    RouterView: typeof import('vue-router')['RouterView']
+    TablePagination: typeof import('./src/components/common/TablePagination.vue')['default']
+  }
+  export interface ComponentCustomProperties {
+    vLoading: typeof import('element-plus/es')['ElLoadingDirective']
+  }
+}

package-lock.json

@@ -22,10 +22,12 @@
         "knockout": "^3.5.1",
         "less": "^4.2.0",
         "less-loader": "^11.1.3",
+        "moment-timezone": "^0.5.45",
         "node-sass": "^9.0.0",
         "popper.js": "^1.16.1",
         "sass": "^1.67.0",
         "sass-loader": "^13.3.2",
+        "svgaplayerweb": "^2.3.2",
         "unplugin-element-plus": "^0.8.0",
         "vue-clipboard2": "^0.3.3",
         "vue-router": "^4.0.3",
@@ -8974,6 +8976,25 @@
       "integrity": "sha512-23g5BFj4zdQL/b6tor7Ji+QY4pEfNH784BMslY9Qb0UnJWRAt+lQGLYmRaM0KDBwIG23ffEBELhZDP2rhi9f/Q==",
       "dev": true
     },
+    "node_modules/moment": {
+      "version": "2.30.1",
+      "resolved": "https://registry.npmmirror.com/moment/-/moment-2.30.1.tgz",
+      "integrity": "sha512-uEmtNhbDOrWPFS+hdjFCBfy9f2YoyzRpwcl+DqpC6taX21FzsTLQVbMV/W7PzNSX6x/bhC1zA3c2UQ5NzH6how==",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/moment-timezone": {
+      "version": "0.5.45",
+      "resolved": "https://registry.npmmirror.com/moment-timezone/-/moment-timezone-0.5.45.tgz",
+      "integrity": "sha512-HIWmqA86KcmCAhnMAN0wuDOARV/525R2+lOLotuGFzn4HO+FH+/645z2wx0Dt3iDv6/p61SIvKnDstISainhLQ==",
+      "dependencies": {
+        "moment": "^2.29.4"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/mrmime": {
       "version": "1.0.1",
       "resolved": "https://registry.npmmirror.com/mrmime/-/mrmime-1.0.1.tgz",
@@ -11970,6 +11991,11 @@
       "integrity": "sha512-ovssysQTa+luh7A5Weu3Rta6FJlFBBbInjOh722LIt6klpU2/HtdUbszju/G4devcvk8PGt7FCLv5wftu3THUA==",
       "dev": true
     },
+    "node_modules/svgaplayerweb": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmmirror.com/svgaplayerweb/-/svgaplayerweb-2.3.2.tgz",
+      "integrity": "sha512-QuTvNIgy3W6Mi4h74SczEHUtAwb8m3ax7Ai7xRLUuN6hjJh49RGtWOWq1IuF2I7ECcl0HAYn8FcTn99UDz9UiQ=="
+    },
     "node_modules/svgo": {
       "version": "2.8.0",
       "resolved": "https://registry.npmmirror.com/svgo/-/svgo-2.8.0.tgz",

package.json

@@ -22,10 +22,12 @@
     "knockout": "^3.5.1",
     "less": "^4.2.0",
     "less-loader": "^11.1.3",
+    "moment-timezone": "^0.5.45",
     "node-sass": "^9.0.0",
     "popper.js": "^1.16.1",
     "sass": "^1.67.0",
     "sass-loader": "^13.3.2",
+    "svgaplayerweb": "^2.3.2",
     "unplugin-element-plus": "^0.8.0",
     "vue-clipboard2": "^0.3.3",
     "vue-router": "^4.0.3",

src/App.vue

@@ -34,3 +34,11 @@ export default {
   computed: {},
 };
 </script>
+<style>
+.modal-open{
+    overflow-y: scroll;
+}
+body{
+    padding-right:0 !important;
+}
+</style>

src/api/AnalysisOperatingGuild/AnalysisOperatingGuild.js

@@ -0,0 +1,17 @@
+import request from "@/utils/request";
+// 列表
+export const getGuildPartitionPageWeekStat = query => {
+    return request({
+        url: '/admin/guildPartition/pageWeekStat',
+        method: 'get',
+        params: query
+    });
+};
+// 备注
+export const guildPartitionMark = query => {
+    return request({
+        url: '/admin/guildPartition/mark',
+        method: 'post',
+        params: query
+    });
+};

src/api/BD/IdentitySettings.js

@@ -0,0 +1,75 @@
+import request from '@/utils/request';
+// 列表
+export const getBdList = query => {
+    return request({
+        url: '/admin/bd/list',
+        method: 'get',
+        params: query
+    });
+};
+// 添加
+
+export const addBdInfo = query => {
+    return request({
+        url: '/admin/bd/add',
+        method: 'post',
+        params: query
+    });
+};
+// 移除
+export const removeBdInfo = query => {
+    return request({
+        url: '/admin/bd/remove',
+        method: 'post',
+        params: query
+    });
+};
+// 获取用户信息
+export const getByErbanNo = query => {
+    return request({
+        url: '/admin/user/getByErbanNo',
+        method: 'get',
+        params: query
+    });
+};
+// 获取分区下的国家
+export const getlistByPartitionId = query => {
+    return request({
+        url: '/admin/regionInfo/listByPartitionId',
+        method: 'get',
+        params: query
+    });
+};
+// 公会详情
+export const getGuildsDetail = query => {
+    return request({
+        url: '/admin/bd/guilds',
+        method: 'get',
+        params: query
+    });
+};
+// 解绑公会
+export const operatorGuildUnBound = query => {
+    return request({
+        url: '/admin/bd/guildUnBound',
+        method: 'post',
+        params: query
+    });
+};
+
+// 管理列表
+export const getBdDataList = query => {
+    return request({
+        url: '/admin/bdData/list',
+        method: 'get',
+        params: query
+    });
+};
+// 管理列表-详情
+export const getBdDetailGuildsList = query => {
+    return request({
+        url: '/admin/bdData/guilds',
+        method: 'get',
+        params: query
+    });
+};

src/api/DailyTaskRewardCollection/DailyTaskRewardCollection.js

@@ -0,0 +1,27 @@
+
+import request from "@/utils/request";
+// 日任务奖励领取详情
+export const getDailyTaskCoinRecvNums = query => {
+    return request({
+        url: '/admin/dailyTask/coinRecvNums',
+        method: 'get',
+        params: query
+    });
+};
+// 日任务奖励领取详情-明细
+export const getDailyTaskcoinRecvDetail = query => {
+    return request({
+        url: '/admin/dailyTask/coinRecvDetail',
+        method: 'get',
+        params: query
+    });
+};
+// 日任务奖励领取详情-明细-导出
+export const exportMiniGameDetail = query => {
+    return request({
+        url: `/admin/dailyTask/coinRecvDetailExport`,
+        method: 'get',
+        params: query,
+        responseType: 'blob'
+    });
+}

src/api/EmojiManagement/EmojiManagement.js

@@ -0,0 +1,58 @@
+import request from '@/utils/request';
+// 表情包Tab列表
+export const getFaceTabNewList = query => {
+    return request({
+        url: '/faceTabNew/list',
+        method: 'get',
+        params: query
+    });
+};
+// Tab保存编辑
+export const saveOrUpdateFaceTabNew = query => {
+    return request({
+        url: '/faceTabNew/saveOrUpdate',
+        method: 'post',
+        params: query
+    });
+};
+// Tab删除
+export const deleteFaceTabNew = query => {
+    return request({
+        url: '/faceTabNew/delete',
+        method: 'post',
+        params: query
+    });
+};
+
+// 表情包列表
+export const getFaceNewList = query => {
+    return request({
+        url: '/faceNew/list',
+        method: 'get',
+        params: query
+    });
+};
+// 保存编辑
+export const saveOrUpdateFaceNew = query => {
+    return request({
+        url: '/faceNew/saveOrUpdate',
+        method: 'post',
+        params: query
+    });
+};
+// 表情包tab列表
+export const getFaceNewTabList = query => {
+    return request({
+        url: '/faceNew/tab/list',
+        method: 'get',
+        params: query
+    });
+};
+// 删除表情包
+export const deleteFaceNew = query => {
+    return request({
+        url: '/faceNew/delete',
+        method: 'DELETE',
+        params: query
+    });
+};

src/api/OperationLuckyDataQuery/OperationLuckyDataQuery.js

@@ -0,0 +1,25 @@
+import request from "@/utils/request";
+// 运营幸运数据查询-列表
+export const getOperatorPersonalList = query => {
+    return request({
+        url: '/admin/lucky24/record/operatorPersonal',
+        method: 'get',
+        params: query
+    });
+};
+// 运营游戏数据查询-列表
+export const getGameDataUserTotalALL = query => {
+    return request({
+        url: '/admin/gamedata/userTotalALL',
+        method: 'get',
+        params: query
+    });
+};
+// 游戏列表
+export const getGameAllList = query => {
+    return request({
+        url: '/admin/game/allList',
+        method: 'get',
+        params: query
+    });
+};

src/api/RechargeAgentDropshipping/RechargeAgentDropshipping.js

@@ -0,0 +1,17 @@
+import request from "@/utils/request";
+// 列表
+export const getRechargeAgentStatList = query => {
+    return request({
+        url: '/admin/rechargeAgentStat/page',
+        method: 'get',
+        params: query
+    });
+};
+// 导出
+export const exportRechargeAgentStat = query => {
+    return request({
+        url: '/admin/rechargeAgentStat/export',
+        method: 'post',
+        params: query
+    });
+};

src/api/ResponsiblePersonManagement/ResponsiblePersonManagement.js

@@ -0,0 +1,83 @@
+import request from "@/utils/request";
+// 负责人列表
+export const getGuildOperatorList = query => {
+    return request({
+        url: '/admin/guildOperator/page',
+        method: 'get',
+        params: query
+    });
+};
+// 获取分区下的国家
+export const getlistByPartitionId = query => {
+    return request({
+        url: '/admin/regionInfo/listByPartitionId',
+        method: 'get',
+        params: query
+    });
+};
+// 获取全量后台用户列表
+export const getUserListAll = query => {
+    return request({
+        url: '/admin/user/listAll',
+        method: 'get',
+        params: query
+    });
+};
+// 保存
+export const saveGuildOperator = query => {
+    return request({
+        headers: { "Content-Type": 'application/json;charset=UTF-8' },
+        url: '/admin/guildOperator/save',
+        method: 'post',
+        data: query
+    });
+};
+// 获取 周期列表
+export const familyMemberWeekLevelRewardListCycleDate = query => {
+    return request({
+        url: '/admin/familyMemberWeekLevelReward/listCycleDate',
+        method: 'get',
+        params: query
+    });
+};
+// 获取 负责人全部列表
+export const getGuildOperatorListAll = query => {
+    return request({
+        url: '/admin/guildOperator/listAll',
+        method: 'get',
+        params: query
+    });
+};
+
+// 获取 运营流水分析列表
+export const getGuildOperatorPageWeekStatList = query => {
+    return request({
+        url: '/admin/guildOperator/pageWeekStat',
+        method: 'get',
+        params: query
+    });
+};
+// 获取 公会运营负责人变更记录
+export const getGuildOperatorHistoryList = query => {
+    return request({
+        url: '/admin/guildOperatorHistory/page',
+        method: 'get',
+        params: query
+    });
+};
+// 获取 运营流水分析 - 公会明细
+export const getPageWeekStatDetail = query => {
+    return request({
+        url: '/admin/guildOperator/pageWeekStatDetail',
+        method: 'get',
+        params: query
+    });
+};
+// 获取 运营流水分析 - 公会明细 - 添加备注
+export const guildOperatorMarkDetail = query => {
+    return request({
+        url: '/admin/guildOperator/markDetail',
+        method: 'post',
+        params: query
+    });
+};

src/api/SalaryDetails/SalaryDetails.js

@@ -0,0 +1,69 @@
+import request from '@/utils/request';
+
+// 查询公会成员薪资明细
+export const getGuildPolicyQueryMemberPage = query => {
+    return request({
+        url: '/admin/guildPolicy2/queryMemberPage',
+        method: 'get',
+        params: query
+    });
+};
+// 查询公会成员薪资明细导出
+export const exportQueryMember = query => {
+    return request({
+        url: `/admin/guildPolicy2/queryMemberExport`,
+        method: 'get',
+        params: query,
+        responseType: 'blob'
+    });
+}
+// 周期下拉
+export const getGuildPolicyCycleDates = query => {
+    return request({
+        url: '/admin/guildPolicy2/cycleDates',
+        method: 'get',
+        params: query
+    });
+};
+// 有效天数明细
+export const getGuildPolicyMicDayDetail = query => {
+    return request({
+        url: '/admin/guildPolicy2/micDayDetail',
+        method: 'get',
+        params: query
+    });
+};
+// 钻石清空记录列表
+export const getGuildPolicyClearDiamond = query => {
+    return request({
+        url: '/admin/guildPolicy2ClearDiamond',
+        method: 'get',
+        params: query
+    });
+};
+// 查询公会成员薪资明细导出
+export const exportClearDiamond = query => {
+    return request({
+        url: `/admin/guildPolicy2ClearDiamond/export`,
+        method: 'get',
+        params: query,
+        responseType: 'blob'
+    });
+}
+// 紫水晶清空记录列表
+export const getGuildAmethystClearRecordList = query => {
+    return request({
+        url: '/admin/guild/guildCrystal/page',
+        method: 'get',
+        params: query
+    });
+};
+// 紫水晶清空记录列表 - 导出
+export const exportClearAmethyst = query => {
+    return request({
+        url: '/admin/guild/guildCrystal/export',
+        method: 'get',
+        params: query,
+         responseType: 'blob'
+    });
+};

src/api/SsGuild/LuckyNumber.js

@@ -0,0 +1,25 @@
+import request from '@/utils/request';
+// 配置获取
+export const getConfig = query => {
+    return request({
+        url: '/admin/luckyNumber/getConfig',
+        method: 'get',
+        params: query
+    });
+};
+// 修改配置
+export const updateConfig = query => {
+    return request({
+        url: '/admin/luckyNumber/update',
+        method: 'post',
+        data: query
+    });
+};
+// 提交记录
+export const getluckyNumberList = query => {
+    return request({
+        url: '/admin/luckyNumber/list',
+        method: 'get',
+        params: query
+    });
+};

src/api/SsGuild/rewardConfiguration.js

@@ -0,0 +1,75 @@
+import request from '@/utils/request';
+// 奖励配置
+// 活动列表
+export const getActivitylList = query => {
+    return request({
+        url: '/activityH5LevelExp/activityType',
+        method: 'get',
+        params: query
+    });
+};
+// 等级列表
+export const getLevelList = query => {
+    return request({
+        url: '/activityH5LevelExp/select/list',
+        method: 'get',
+        params: query
+    });
+};
+// 奖励查询列表
+export const getAwardList = query => {
+    return request({
+        url: '/activityH5LevelAward/list',
+        method: 'get',
+        params: query
+    });
+};
+// 奖励类型
+export const getAwardTypeList = query => {
+    return request({
+        url: '/activityH5LevelExp/awardType',
+        method: 'get',
+        params: query
+    });
+};
+// 新增
+export const saveAwardList = query => {
+    return request({
+        url: '/activityH5LevelAward/save',
+        method: 'post',
+        params: query
+    });
+};
+// 删除
+export const delAwardList = query => {
+    return request({
+        url: '/activityH5LevelAward/del',
+        method: 'post',
+        params: query
+    });
+};
+// 更新
+export const updateAwardList = query => {
+    return request({
+        url: '/activityH5LevelAward/update',
+        method: 'post',
+        params: query
+    });
+}
+// 奖励发放记录-列表
+export const getAwardRecordList = query => {
+    return request({
+        url: '/activityH5AwardRecord/list',
+        method: 'get',
+        params: query
+    });
+};
+// 导出
+export const exportActivityAwardRecord = query => {
+    return request({
+        url: `/activityH5AwardRecord/export`,
+        method: 'post',
+        params: query,
+        responseType: 'blob'
+    });
+};

src/api/VipGive/VipGive.js

@@ -32,3 +32,11 @@ export const vipSendSend = query => {
         params: query
     });
 };
+// 赠送VIP接口 - 客服
+export const vipSendSendCustomerSend = query => {
+    return request({
+        url: '/vipSend/customerSend',
+        method: 'post',
+        params: query
+    });
+};

src/api/basicActivityData/basicActivityData.js

@@ -0,0 +1,42 @@
+import request from '@/utils/request';
+// 活动列表
+export const getActKeysList = query => {
+    return request({
+        url: '/admin/activityDayTotal/actKeys',
+        method: 'get',
+        params: query
+    });
+};
+// 列表
+export const getDataList = query => {
+    return request({
+        url: '/admin/activityDayTotal/list',
+        method: 'get',
+        params: query
+    });
+};
+// 新用户列表
+export const getNewUsersList = query => {
+    return request({
+        url: '/admin/activityDayTotal/newUsers',
+        method: 'get',
+        params: query
+    });
+};
+// 榜单列表
+export const getRankList = query => {
+    return request({
+        url: '/admin/activityDayTotal/rankList',
+        method: 'get',
+        params: query
+    });
+};
+// 导出
+export const exportActivityDayTotal = query => {
+    return request({
+        url: `/admin/activityDayTotal/export`,
+        method: 'post',
+        params: query,
+        responseType: 'blob'
+    });
+}

src/api/block/block.js

@@ -0,0 +1,41 @@
+import request from '@/utils/request';
+
+export const page = query => {
+    return request({
+        url: '/admin/block/page',
+        method: 'get',
+        params: query
+    });
+};
+
+export const get = query => {
+    return request({
+        url: '/admin/block/get',
+        method: 'get',
+        params: query
+    });
+};
+
+export const save = query => {
+    return request({
+        url: '/admin/block/save',
+        method: 'post',
+        params: query
+    });
+};
+
+export const update = query => {
+    return request({
+        url: '/admin/block/update',
+        method: 'post',
+        params: query
+    });
+};
+
+export const del = query => {
+    return request({
+        url: '/admin/block/delete',
+        method: 'post',
+        params: query
+    });
+};

src/api/boom/boom.js

@@ -0,0 +1,157 @@
+import request from '@/utils/request';
+import { genQueryParam } from '@/utils/maintainer';
+
+// 邀请移除记录
+export const pageOperateRecord = query => {
+    return request({
+        url: '/admin/guild/manage/pageOperateRecord',
+        method: 'get',
+        params: query
+    });
+};
+// 查询公会信息
+export const pageFamily = query => {
+    return request({
+        url: '/admin/guild/manage/pageGuild',
+        method: 'get',
+        params: query
+    });
+};
+// 公会成员信息
+export const pageFamilyMember = query => {
+    return request({
+        url: '/admin/family/manage/pageFamilyMember',
+        method: 'get',
+        params: query
+    });
+};
+// 创建公会信息
+export const create = query => {
+    return request({
+        url: '/admin/guild/manage/create',
+        method: 'post',
+        params: query
+    });
+};
+// 删除公会信息
+export const dismiss = query => {
+    return request({
+        url: '/admin/guild/manage/dismiss',
+        method: 'post',
+        params: query
+    });
+};
+// 幸运礼物详情导出 
+export const luckyGiftRewardRecordExport = query => {
+    window.location.href = `/admin/luckyGiftRewardRecord/export?${genQueryParam(query)}`;
+    return;
+};
+// 公会信息编辑接口
+export const update = query => {
+    return request({
+        url: '/admin/guild/manage/update',
+        method: 'post',
+        params: query
+    });
+};
+// 导出-公会信息
+export const exportInfo = query => {
+    window.location.href = `/admin/guild/manage/exportGuild?${genQueryParam(query)}`;
+    return;
+};
+// 成员信息-弹窗详情
+export const manageListFamilyMember = query => {
+    return request({
+        url: '/admin/guild/manage/listGuildMember',
+        method: 'get',
+        params: query
+    });
+};
+
+// 成员信息-新增成员
+export const addMember = query => {
+    return request({
+        url: '/admin/guild/manage/addMember',
+        method: 'post',
+        params: query
+    });
+};
+// 成员信息-设置管理员
+export const setManager = query => {
+    return request({
+        url: '/admin/guild/manage/setManager',
+        method: 'post',
+        params: query
+    });
+};
+// 成员信息-删除管理员
+export const removeMember = query => {
+    return request({
+        url: '/admin/guild/manage/removeMember',
+        method: 'post',
+        params: query
+    });
+};
+// ========================================================Boom活动等级配置================================================
+// Boom活动等级配置-列表
+export const levelList = query => {
+    return request({
+        url: '/room/boom/level/list',
+        method: 'get',
+        params: query
+    });
+};
+// Boom活动等级配置-弹窗列表详情
+export const awardList = query => {
+    return request({
+        url: '/room/boom/level/award/list',
+        method: 'get',
+        params: query
+    });
+};
+// Boom活动等级配置-弹窗列表删除详情
+export const awardDel = query => {
+    return request({
+        url: '/room/boom/level/award/del',
+        method: 'get',
+        params: query
+    });
+};
+// Boom活动等级配置-编辑
+export const levelUpdate = query => {
+    return request({
+        url: '/room/boom/level/update',
+        method: 'put',
+        data: query
+    });
+};
+// Boom活动等级配置-弹窗编辑
+export const awardUpdate = query => {
+    return request({
+        url: '/room/boom/level/award/update',
+        method: 'put',
+        data: query
+    });
+};
+// ========================================================Boom数据后台================================================
+// Boom活动等级配置-数据后台列表
+export const recordList = query => {
+    return request({
+        url: '/room/boom/award/record/list',
+        method: 'get',
+        params: query
+    });
+};
+// Boom活动等级配置-数据后台明细列表
+export const detailList = query => {
+    return request({
+        url: '/room/boom/award/record/detail/list',
+        method: 'get',
+        params: query
+    });
+};
+// 导出-Boom活动等级配置
+export const recordExport = query => {
+    window.location.href = `/room/boom/award/record/export?${genQueryParam(query)}`;
+    return;
+};

src/api/boom/roomActivityApplication.js

@@ -0,0 +1,26 @@
+import request from '@/utils/request';
+import { genQueryParam } from '@/utils/maintainer';
+// 房间活动申请列表
+export const getListEvent = query => {
+    return request({
+        url: '/userevent/listEvent',
+        method: 'get',
+        params: query
+    });
+};
+// 房间活动申请列表-审核
+export const operatorListEvent = query => {
+    return request({
+        url: '/userevent/operator',
+        method: 'post',
+        params: query
+    });
+};
+// 房间活动数据统计 -列表
+export const getUserEventDataList = query => {
+    return request({
+        url: '/userEventData/list',
+        method: 'get',
+        params: query
+    });
+};

src/api/bravoGift/bravoGift.js

@@ -0,0 +1,68 @@
+import request from '@/utils/request';
+
+// 奖池拉框
+export const listType = query => {
+    return request({
+        url: '/admin/bravo/pool/listType',
+        method: 'get',
+        params: query
+    });
+};
+// 池子列表
+export const list = query => {
+    return request({
+        url: '/admin/bravo/pool/list',
+        method: 'get',
+        params: query
+    });
+};
+// 保存池子
+export const save = query => {
+    return request({
+        headers: { "Content-Type": 'application/json;charset=UTF-8' },
+        url: '/admin/bravo/pool/save',
+        method: 'post',
+        data: query
+    });
+};
+// 基础配置
+export const getConfig = query => {
+    return request({
+        url: '/admin/bravo/config/getConfig',
+        method: 'get',
+        params: query
+    });
+};
+// 基础配置-修改
+export const updateSet = query => {
+    return request({
+        headers: { "Content-Type": 'application/json;charset=UTF-8' },
+        url: '/admin/bravo/config/update',
+        method: 'post',
+        data: query
+    });
+};
+// 赠送用户
+export const updateUserMulti = query => {
+    return request({
+        url: '/admin/bravo/config/updateUserMulti',
+        method: 'post',
+        params: query
+    });
+};
+// 个人数据
+export const personal = query => {
+    return request({
+        url: '/admin/bravo/record/personal',
+        method: 'get',
+        params: query
+    });
+};
+// 汇总
+export const platform = query => {
+    return request({
+        url: '/admin/bravo/record/platform',
+        method: 'get',
+        params: query
+    });
+};

src/api/dailyCoinStatistics/dailyCoinStatistics.js

@@ -0,0 +1,13 @@
+import request from '@/utils/request';
+import qs from 'qs';
+import { genQueryParam } from '@/utils/maintainer';
+
+// ==================================每日数据====================================
+// 列表
+export const diamondStatList = query => {
+    return request({
+        url: '/admin/diamondStat/list',
+        method: 'get',
+        params: query
+    });
+};

src/api/email/emailRecord.js

@@ -0,0 +1,10 @@
+import request from '@/utils/request';
+import {genQueryParam} from "@/utils/maintainer";
+
+export const pageRecord = query => {
+    return request({
+        url: '/admin/emailRecord/page',
+        method: 'get',
+        params: query
+    });
+};

src/api/gameSummary/gameSummary.js

@@ -0,0 +1,69 @@
+import request from '@/utils/request';
+import {genQueryParam} from "@/utils/maintainer";
+
+export const gameList = query => {
+    return request({
+        url: '/admin/game/list',
+        method: 'get',
+        params: query
+    });
+};
+export const getGamedata = query => {
+    return request({
+        url: '/admin/gamedata/total',
+        method: 'get',
+        params: query
+    });
+};
+// 导出
+export const exportForMiniGame = query => {
+    return request({
+        url: `/admin/gamedata/total/export`,
+        method: 'post',
+        params: query,
+        responseType: 'blob'
+    });
+};
+
+// 明细
+export const getUserGamedata = query => {
+    return request({
+        url: '/admin/gamedata/v2/user/total',
+        method: 'get',
+        params: query
+    });
+};
+// 导出
+export const exportUserForMiniGame = query => {
+    return request({
+        url: `/admin/gamedata/v2/user/export`,
+        method: 'post',
+        params: query,
+        responseType: 'blob'
+    });
+};
+// 游戏明细
+export const getGameDetailGamedata = query => {
+    return request({
+        url: '/admin/gamedata/gameDetail',
+        method: 'get',
+        params: query
+    });
+};
+// 导出
+export const exportGameDetailExportForMiniGame = query => {
+    return request({
+        url: `/admin/gamedata/gameDetailExport`,
+        method: 'post',
+        params: query,
+        responseType: 'blob'
+    });
+};
+// 汇总
+export const getTotalDayGamedata = query => {
+    return request({
+        url: '/admin/gamedata/user/totalDay',
+        method: 'get',
+        params: query
+    });
+};

src/api/gameWhitelist/gameFeeUserRechargeLevelConfig.js

@@ -0,0 +1,26 @@
+import request from '@/utils/request';
+
+// 列表
+export const page = query => {
+    return request({
+        url: '/admin/game/feeRateUserRechargeLevel/page',
+        method: 'get',
+        params: query
+    });
+};
+// 保存
+export const save = query => {
+    return request({
+        url: '/admin/game/feeRateUserRechargeLevel/save',
+        method: 'post',
+        params: query
+    });
+};
+// 删除
+export const del = query => {
+    return request({
+        url: '/admin/game/feeRateUserRechargeLevel/delete',
+        method: 'post',
+        params: query
+    });
+};

src/api/gameWhitelist/gameWhitelist.js

@@ -0,0 +1,35 @@
+import request from '@/utils/request';
+
+// ==================================灵小游戏====================================
+// 游戏列表
+export const gameList = query => {
+    return request({
+        url: '/admin/game/list',
+        method: 'get',
+        params: query
+    });
+};
+// 列表
+export const gameFeeRateList = query => {
+    return request({
+        url: '/admin/game/feeRate/list',
+        method: 'post',
+        params: query
+    });
+};
+// 保存
+export const gameFeeRate = query => {
+    return request({
+        url: '/admin/game/feeRate/save',
+        method: 'post',
+        params: query
+    });
+};
+// 设置失效
+export const feeRateInvalid = query => {
+    return request({
+        url: '/admin/game/feeRate/invalid',
+        method: 'get',
+        params: query
+    });
+};

src/api/giftPackCenter/giftPackCenter.js

@@ -0,0 +1,82 @@
+import request from '@/utils/request';
+// 礼包配置中心
+// 礼包配置列表
+export const getConfigList = query => {
+    return request({
+        url: '/admin/packCenter/configList',
+        method: 'get',
+        params: query
+    });
+};
+// 礼包配置保存更新
+export const configSave = query => {
+    return request({
+        url: '/admin/packCenter/configSave',
+        method: 'post',
+        params: query
+    });
+};
+// 奖品列表
+export const getItemList = query => {
+    return request({
+        url: '/admin/packCenter/itemList',
+        method: 'get',
+        params: query
+    });
+};
+// 奖品列表 - 删除奖品
+export const deleteReward = query => {
+    return request({
+        url: '/admin/packCenter/itemDel',
+        method: 'post',
+        params: query
+    });
+};
+// 添加奖品
+export const addReward = query => {
+    return request({
+        url: '/admin/packCenter/itemAdd',
+        method: 'post',
+        params: query
+    });
+};
+// 奖励列表
+export const getAwardsList = query => {
+    return request({
+        url: '/admin/packCenter/awards',
+        method: 'get',
+        params: query
+    });
+};
+// 赠送礼包
+export const sendPackCenter = query => {
+    return request({
+        url: '/admin/userPack/send',
+        method: 'post',
+        params: query
+    });
+};
+// 奖励列表
+export const getRecordList = query => {
+    return request({
+        url: '/admin/userPack/recordList',
+        method: 'get',
+        params: query
+    });
+};
+// 撤回礼包
+export const optionPackRecall = query => {
+    return request({
+        url: '/admin/userPack/packRecall',
+        method: 'post',
+        params: query
+    });
+};
+//礼包使用记录
+export const getUseRecordList = query => {
+    return request({
+        url: '/admin/userUsePack/recordList',
+        method: 'get',
+        params: query
+    });
+};

src/api/lingSmallGames/lingSmallGames.js

@@ -0,0 +1,38 @@
+import request from '@/utils/request';
+import { genQueryParam } from '@/utils/maintainer';
+import qs from 'qs';
+
+// 获取游戏列表
+export const sysConfKey = query => {
+    return request({
+        url: '/admin/sysConf/key',
+        method: 'get',
+        params: query
+    });
+};
+// 获取列表
+export const statisPage = query => {
+    return request({
+        url: '/admin/miniGame/leadercc/statis/page',
+        method: 'get',
+        params: query
+    });
+};
+// 获取详情列表
+export const detailPage = query => {
+    return request({
+        url: '/admin/miniGame/leadercc/statis/detailPage',
+        method: 'get',
+        params: query
+    });
+};
+// 导出
+export const exportForMiniGame = query => {
+    window.location.href = `/admin/miniGame/leadercc/statis/exportForMiniGame?${genQueryParam(query)}`;
+    return;
+};
+// 导出弹窗
+export const statisExport = query => {
+    window.location.href = `/admin/miniGame/leadercc/statis/export?${genQueryParam(query)}`;
+    return;
+};

src/api/listLargeRUsers/listLargeRUsers.js

@@ -0,0 +1,25 @@
+import request from '@/utils/request';
+// 获取大R列表
+export const getHighRechargeUserList = query => {
+    return request({
+        url: '/admin/recharge/highRechargeUser/page',
+        method: 'get',
+        params: query
+    });
+};
+// 移除大R
+export const delHighRechargeUser = query => {
+    return request({
+        url: '/admin/recharge/highRechargeUser/del',
+        method: 'post',
+        params: query
+    });
+};
+// 添加大R
+export const addHighRechargeUser = query => {
+    return request({
+        url: '/admin/recharge/highRechargeUser/add',
+        method: 'post',
+        params: query
+    });
+};

src/api/luckGift/luck25.js

@@ -0,0 +1,83 @@
+import request from '@/utils/request';
+import { genQueryParam } from '@/utils/maintainer';
+
+// 奖池拉框
+export const listType = query => {
+    return request({
+        url: '/admin/lucky25/pool/listType',
+        method: 'get',
+        params: query
+    });
+};
+// 池子列表
+export const list = query => {
+    return request({
+        url: '/admin/lucky25/pool/list',
+        method: 'get',
+        params: query
+    });
+};
+// 基础配置
+export const getConfig = query => {
+    return request({
+        url: '/admin/lucky25/config/getConfig',
+        method: 'get',
+        params: query
+    });
+};
+// 基础配置-修改
+export const updateSet = query => {
+    return request({
+        headers: { "Content-Type": 'application/json;charset=UTF-8' },
+        url: '/admin/lucky25/config/update',
+        method: 'post',
+        data: query
+    });
+};
+// 个人数据
+export const personal = query => {
+    return request({
+        url: '/admin/lucky25/record/personal',
+        method: 'get',
+        params: query
+    });
+};
+// 汇总
+export const platform = query => {
+    return request({
+        url: '/admin/lucky25/record/platform',
+        method: 'get',
+        params: query
+    });
+};
+// 保存池子
+export const save = query => {
+    return request({
+        headers: { "Content-Type": 'application/json;charset=UTF-8' },
+        url: '/admin/lucky25/pool/save',
+        method: 'post',
+        data: query
+    });
+};
+// 赠送用户
+export const updateUserMulti = query => {
+    return request({
+        url: '/admin/lucky25/config/updateUserMulti',
+        method: 'post',
+        params: query
+    });
+};
+// 获取明细
+export const pageRecord = query => {
+    return request({
+        url: '/admin/lucky25/record/page',
+        method: 'get',
+        params: query
+    });
+};
+
+// 导出明细
+export const exportRecord = query => {
+    window.location.href = `/admin/lucky25/record/export?${genQueryParam(query)}`;
+    return;
+};

src/api/luckGift/luckGift.js

@@ -0,0 +1,103 @@
+import request from '@/utils/request';
+import { genQueryParam } from '@/utils/maintainer';
+import qs from 'qs';
+
+// 奖池拉框
+export const listType = query => {
+    return request({
+        url: '/admin/lucky24/pool/listType',
+        method: 'get',
+        params: query
+    });
+};
+// 池子列表
+export const list = query => {
+    return request({
+        url: '/admin/lucky24/pool/list',
+        method: 'get',
+        params: query
+    });
+};
+// 基础配置
+export const getConfig = query => {
+    return request({
+        url: '/admin/lucky24/config/getConfig',
+        method: 'get',
+        params: query
+    });
+};
+// 基础配置-修改
+export const updateSet = query => {
+    return request({
+        headers: { "Content-Type": 'application/json;charset=UTF-8' },
+        url: '/admin/lucky24/config/update',
+        method: 'post',
+        data: query
+    });
+};
+// 个人数据
+export const personal = query => {
+    return request({
+        url: '/admin/lucky24/record/personal',
+        method: 'get',
+        params: query
+    });
+};
+// 个人数据
+export const exportPersonal = query => {
+    window.location.href = `/admin/lucky24/record/personal/export?${genQueryParam(query)}`;
+    return;
+};
+// 汇总
+export const platform = query => {
+    return request({
+        url: '/admin/lucky24/record/platform',
+        method: 'get',
+        params: query
+    });
+};
+// 保存池子
+export const save = query => {
+    return request({
+        headers: { "Content-Type": 'application/json;charset=UTF-8' },
+        url: '/admin/lucky24/pool/save',
+        method: 'post',
+        data: query
+    });
+};
+// 赠送用户
+export const updateUserMulti = query => {
+    return request({
+        url: '/admin/lucky24/config/updateUserMulti',
+        method: 'post',
+        params: query
+    });
+};
+// 获取明细
+export const pageRecord = query => {
+    return request({
+        url: '/admin/lucky24/record/page',
+        method: 'get',
+        params: query
+    });
+};
+
+// 导出明细
+export const exportRecord = query => {
+    window.location.href = `/admin/lucky24/record/export?${genQueryParam(query)}`;
+    return;
+};
+
+// 个人数据
+export const followUserPersonal = query => {
+    return request({
+        url: '/admin/lucky24/followUserRecord/personal',
+        method: 'get',
+        params: query
+    });
+};
+// 个人数据
+export const exportFollowUserPersonal = query => {
+    window.location.href = `/admin/lucky24/followUserRecord/personal/export?${genQueryParam(query)}`;
+    return;
+};

src/api/luckyTycoon/luckyTycoon.js

@@ -1,14 +1,6 @@
 import request from '@/utils/request';
 import { genQueryParam } from '@/utils/maintainer';
 
-// 地区接口
-export const listPartitionInfo = query => {
-    return request({
-        url: '/partition/listPartitionInfo',
-        method: 'get',
-        params: query
-    });
-};
 // 福袋列表请求
 export const listLuckyBagLinearGift = query => {
     return request({

src/api/medal/MedalLevelManagement.js

@@ -0,0 +1,28 @@
+import request from '@/utils/request';
+
+// 勋章等级管理-列表
+export const getMedalSeriesList = query => {
+    return request({
+        url: '/admin/medalSeries/list',
+        method: 'get',
+        params: query
+    });
+};
+// 保存
+export const saveOrUpdate = query => {
+    return request({
+        url: '/admin/medalSeries/saveOrUpdate',
+        method: 'post',
+        headers: {"Content-Type": 'application/json;charset=UTF-8' },
+        data: query
+    });
+};
+
+// 上下架
+export const updateStatus = query => {
+    return request({
+        url: '/admin/medalSeries/updateStatus',
+        method: 'post',
+        params: query
+    });
+};

src/api/medal/medal.js

@@ -1,13 +1,6 @@
 import request from '@/utils/request';
 import { genQueryParam } from '@/utils/maintainer';
-// 地区接口
-export const listPartitionInfo = query => {
-    return request({
-        url: '/partition/listPartitionInfo',
-        method: 'get',
-        params: query
-    });
-};
+
 // 勋章信息-列表
 export const medalPage = query => {
     return request({

src/api/miniGame/miniGameWeekJackpot.js

@@ -0,0 +1,23 @@
+import request from '@/utils/request';
+import {genQueryParam} from "@/utils/maintainer";
+
+export const pageRecord = query => {
+    return request({
+        url: '/admin/miniGameWeekJackpot/pageRecord',
+        method: 'get',
+        params: query
+    });
+};
+
+export const exportRecord = query => {
+    window.location.href = `/admin/miniGameWeekJackpot/exportRecord?${genQueryParam(query)}`;
+    return;
+}
+
+export const listUserRecord = query => {
+    return request({
+        url: '/admin/miniGameWeekJackpot/listUserRecord',
+        method: 'get',
+        params: query
+    });
+};

src/api/nobleman/nobleman.js

@@ -252,3 +252,48 @@ export const removeMember = query => {
         params: query
     });
 };
+
+// -审核列表
+export const guildApplyList = query => {
+    return request({
+        url: '/admin/guildApply/list',
+        method: 'get',
+        params: query
+    });
+};
+
+// -审核操作
+export const guildApplyAudit = query => {
+    return request({
+        url: '/admin/guildApply/audit',
+        method: 'post',
+        params: query
+    });
+};
+
+// 主播退公会申请 列表
+export const guildManageQuitList = query => {
+    return request({
+        url: '/admin/guild/manage/quitList',
+        method: 'get',
+        params: query
+    });
+};
+
+// 主播退公会申请审核
+export const guildManageOptQuit = query => {
+    return request({
+        url: '/admin/guild/manage/optQuit',
+        method: 'post',
+        params: query
+    });
+};
+
+// 获取分区下的国家
+export const getlistByPartitionId = query => {
+    return request({
+        url: '/admin/regionInfo/listByPartitionId',
+        method: 'get',
+        params: query
+    });
+};

src/api/noblemanNew/noblemanNew.js

@@ -30,7 +30,7 @@ export const create = query => {
     return request({
         url: '/admin/guild/manage/create',
         method: 'post',
-        params: query
+         data: query
     });
 };
 // 删除公会信息
@@ -51,7 +51,7 @@ export const update = query => {
     return request({
         url: '/admin/guild/manage/update',
         method: 'post',
-        params: query
+       data: query
     });
 };
 // 导出-公会信息
@@ -92,3 +92,63 @@ export const removeMember = query => {
         params: query
     });
 };
+// 主播公会信息-列表
+
+export const getGuildManagePageGuildMemberList = query => {
+    return request({
+        url: '/admin/guild/manage/pageGuildMember',
+        method: 'get',
+        params: query
+    });
+};
+// 主播公会信息-增加
+
+export const addGuildManagePageGuildMember = query => {
+    return request({
+        url: '/admin/guild/manage/addMember',
+        method: 'post',
+        params: query
+    });
+};
+// 主播公会信息-删除
+
+export const removeGuildManagePageGuildMember = query => {
+    return request({
+        url: '/admin/guild/manage/removeMember',
+        method: 'post',
+        params: query
+    });
+};
+// 公会主播钻石流水-列表
+export const getDiamondStatisticsList = query => {
+    return request({
+        url: '/admin/guildMember/diamondStatistics',
+        method: 'get',
+        params: query
+    });
+};
+// 公会主播钻石流水-导出
+export const exportDiamondStatistics = query => {
+    return request({
+        url: `/admin/guildMember/diamondStatistics/export`,
+        method: 'get',
+        params: query,
+        responseType: 'blob'
+    });
+};
+// 获取 负责人全部列表
+export const getGuildOperatorListAll = query => {
+    return request({
+        url: '/admin/guildOperator/listAll',
+        method: 'get',
+        params: query
+    });
+};
+// 获取 国家列表
+export const getlistByPartitionId = query => {
+    return request({
+        url: '/admin/regionInfo/listByPartitionId',
+        method: 'get',
+        params: query
+    });
+};

src/api/partition/partitionInfo.js

@@ -7,3 +7,10 @@ export const getPartitionInfoList = query => {
         params: query
     });
 };
+export const listAll = query => {
+    return request({
+        url: '/partition/listAll',
+        method: 'get',
+        params: query
+    });
+};

src/api/partition/regionInfo.js

@@ -0,0 +1,16 @@
+import request from '@/utils/request';
+
+export const listByPartitionId = query => {
+    return request({
+        url: '/admin/regionInfo/listByPartitionId',
+        method: 'get',
+        params: query
+    });
+};
+export const listAll = query => {
+    return request({
+        url: '/admin/regionInfo/list',
+        method: 'get',
+        params: query
+    });
+};

src/api/personalHomepageResourceManagement/personalHomepageResourceManagement.js

@@ -0,0 +1,44 @@
+import request from '@/utils/request';
+import { genQueryParam } from '@/utils/maintainer';
+import qs from 'qs';
+
+// 个人主页资源管理列表
+export const pesonalBackgroundListByPage = query => {
+    return request({
+        url: '/admin/pesonalBackground/listByPage',
+        method: 'get',
+        params: query
+    });
+};
+// 个人主页资源管理赠送
+export const pesonalBackgroundListSend = query => {
+    return request({
+        url: '/admin/pesonalBackground/send',
+        method: 'get',
+        params: query
+    });
+};
+// 个人主页资源管理保存
+export const pesonalBackgroundSaveOrUpdate = query => {
+    return request({
+        url: '/admin/pesonalBackground/saveOrUpdate',
+        method: 'post',
+        params: query
+    });
+};
+// 个人主页记录管理&个人赠送记录
+export const pesonalBackgroundListRecordByPage = query => {
+    return request({
+        url: '/admin/pesonalBackground/listRecordByPage',
+        method: 'get',
+        params: query
+    });
+};
+// 个人赠送记录撤回
+export const pesonalBackgroundListRecordRecoveryPersonalBackground = query => {
+    return request({
+        url: '/admin/pesonalBackground/recoveryPersonalBackground',
+        method: 'get',
+        params: query
+    });
+};

src/api/recharge/rechargeSubUser.js

@@ -0,0 +1,37 @@
+import request from '@/utils/request';
+
+export const listRegionType = () => {
+    return request({
+        url: '/admin/charge/region/list',
+        method: 'get',
+    });
+};
+
+// 奖池拉框
+export const page = query => {
+    return request({
+        url: '/admin/recharge/user/page',
+        method: 'get',
+        params: query
+    });
+};
+
+// 奖池拉框
+export const save = query => {
+    return request({
+        headers:{"Content-Type": 'application/x-www-form-urlencoded'},
+        url: '/admin/recharge/user/save',
+        method: 'post',
+        data: query
+    });
+};
+
+
+// 奖池拉框
+export const del = query => {
+    return request({
+        url: '/admin/recharge/user/del',
+        method: 'get',
+        params: query
+    });
+};

src/api/refund/refund.js

@@ -0,0 +1,40 @@
+import request from '@/utils/request';
+import qs from 'qs';
+import { genQueryParam } from '@/utils/maintainer';
+// 活动配置 相关接口（一级菜单：活动配置）
+
+// 国家
+export const regionInfoList = query => {
+    return request({
+        url: '/admin/regionInfo/list',
+        method: 'get',
+        params: query
+    });
+};
+// 列表
+export const refundList = query => {
+    return request({
+        url: '/admin/chargeRecord/refundList',
+        method: 'get',
+        params: query
+    });
+};
+// 导出
+export const refundExport = query => {
+    window.location.href = `/admin/chargeRecord/refundExport?${genQueryParam(query)}`;
+    return;
+};
+// ======================================金币钻石操作记录==================================
+// 列表
+export const goldcoinRecordAll = query => {
+    return request({
+        url: '/admin/goldcoin/recordAll',
+        method: 'get',
+        params: query
+    });
+};
+// 导出
+export const recordAllExport = query => {
+    window.location.href = `/admin/goldcoin/recordAllExport?${genQueryParam(query)}`;
+    return;
+};

src/api/relAgency/relAgency.js

@@ -4,6 +4,12 @@ import qs from 'qs';
 import { genQueryParam } from '@/utils/maintainer';
 // 活动配置 相关接口（一级菜单：活动配置）
 
+//  充值代理列表导出
+export const chargeAgentExport = query => {
+    window.location.href = `/anchorSalaryBill/chargeAgent/export?${genQueryParam(query)}`;
+    return;
+};
+
 // 获取 周期列表
 export const getDateCycleList = query => {
     return request({
@@ -12,6 +18,28 @@ export const getDateCycleList = query => {
         params: query
     });
 };
+// 获取 周奖励周期列表
+export const familyMemberWeekLevelRewardListCycleDate = query => {
+    return request({
+        url: '/admin/familyMemberWeekLevelReward/listCycleDate',
+        method: 'get',
+        params: query
+    });
+};
+// 获取 周奖励查询列表
+export const familyMemberWeekLevelRewardPage = query => {
+    return request({
+        url: '/admin/familyMemberWeekLevelReward/page',
+        method: 'get',
+        params: query
+    });
+};
+
+//  导出
+export const familyMemberWeekLevelRewardExport = query => {
+    window.location.href = `/admin/familyMemberWeekLevelReward/export?${genQueryParam(query)}`;
+    return;
+};
 
 // 获取 公会钻石薪资流水统计 列表
 export const getAgencyDiamondFlow = query => {
@@ -88,9 +116,16 @@ export const agencyWithdrawExamineExport = query => {
     });
 };
 // 官方提现记录 结算
+// export const agencyWithdrawSet = query => {
+//     return request({
+//         url: '/agencyWithdrawExamine/settle',
+//         method: 'post',
+//         params: query
+//     });
+// };
 export const agencyWithdrawSet = query => {
     return request({
-        url: '/agencyWithdrawExamine/settle',
+        url: '/agencyWithdrawExamine/batchSettle',
         method: 'post',
         params: query
     });
@@ -103,6 +138,14 @@ export const agencyWithdrawBatchSet = query => {
         params: query
     });
 };
+// 官方提现记录 批量驳回
+export const batchReject = query => {
+    return request({
+        url: '/agencyWithdrawExamine/batchReject',
+        method: 'post',
+        params: query
+    });
+};
 
 // 公会开业数据统计
 export const agencyOpenList = query => {
@@ -136,3 +179,156 @@ export const excellentAnchorDetail = query => {
         params: query
     });
 };
+// 官方提现-国家
+export const adminCountry = query => {
+    return request({
+        url: '/admin/country/list',
+        method: 'get',
+        params: query
+    });
+};
+
+// =====================================钻石充值流水=======================================
+// 查询
+export const diamondStatistics = query => {
+    return request({
+        url: '/admin/guild/diamondStatistics',
+        method: 'get',
+        params: query
+    });
+};
+//  导出
+export const diamondStatisticsExport = query => {
+    window.location.href = `/admin/guild/diamondStatistics/export?${genQueryParam(query)}`;
+    return;
+};
+// 获取分区下的国家
+export const getlistByPartitionId = query => {
+    return request({
+        url: '/admin/regionInfo/listByPartitionId',
+        method: 'get',
+        params: query
+    });
+};
+// 每日钻石流水列表
+export const getroomDayDiamondList = query => {
+    return request({
+        url: '/admin/roomDayDiamond/list',
+        method: 'get',
+        params: query
+    });
+};
+//  每日钻石流水列表导出
+export const roomDayDiamondExport = query => {
+    window.location.href = `/admin/roomDayDiamond/export?${genQueryParam(query)}`;
+    return;
+};
+// 每日钻石流水列表
+export const sendroomDayDiamond = query => {
+    return request({
+        url: '/admin/roomDayDiamond/send',
+        method: 'post',
+        params: query
+    });
+};
+// 官方提现方式渠道列表
+export const getlistAccountType = query => {
+    return request({
+        url: '/admin/guildUsdWithdrawAccountConfig/listAccountType',
+        method: 'get',
+        params: query
+    });
+};
+// 官方提现方式配置 列表
+export const getAccountConfigList = query => {
+    return request({
+        url: '/admin/guildUsdWithdrawAccountConfig/page',
+        method: 'get',
+        params: query
+    });
+};
+// 官方提现方式配置 编辑
+export const saveAccountConfig = query => {
+    return request({
+        url: '/admin/guildUsdWithdrawAccountConfig/save',
+        method: 'get',
+        params: query
+    });
+};
+// 房间钻石流水查询 - 列表
+export const getRoomHourDiamondList = query => {
+    return request({
+        url: '/admin/roomHourDiamond/list',
+        method: 'get',
+        params: query
+    });
+};
+// 房间钻石流水查询 - 导出
+export const exportRoomHourDiamondList = query => {
+    return request({
+        url: '/admin/roomHourDiamond/export',
+        method: 'post',
+        params: query,
+        responseType: 'blob'
+    });
+};
+
+// CIS公会钻石 - 列表
+export const getSovietList = query => {
+    return request({
+        url: '/admin/soviet/list',
+        method: 'get',
+        params: query
+    });
+};
+// CIS公会钻石 - 导出
+export const exportSovietList = query => {
+    return request({
+        url: '/admin/soviet/export',
+        method: 'post',
+        params: query,
+        responseType: 'blob'
+    });
+};
+// CIS公会成员钻石 - 列表
+export const getSovietMemberList = query => {
+    return request({
+        url: '/admin/soviet/memberList',
+        method: 'get',
+        params: query
+    });
+};
+// CIS公会成员钻石 - 导出
+export const exportSovietMemberList = query => {
+    return request({
+        url: '/admin/soviet/memberExport',
+        method: 'post',
+        params: query,
+        responseType: 'blob'
+    });
+};
+// CIS房主钻石 - 列表
+export const getSovietRoomList = query => {
+    return request({
+        url: '/admin/soviet/roomList',
+        method: 'get',
+        params: query
+    });
+};
+// CIS房主钻石 - 导出
+export const exportSovietRoomList = query => {
+    return request({
+        url: '/admin/soviet/roomExport',
+        method: 'post',
+        params: query,
+        responseType: 'blob'
+    });
+};
+// CIS房主钻石 - CIS房主钻石-周期
+export const getRoomCycleDateList = query => {
+    return request({
+        url: '/admin/soviet/roomCycleDateList',
+        method: 'get',
+        params: query
+    });
+};

src/api/relPrivilegeManage/relPrivilegeManage.js

@@ -35,7 +35,7 @@ export const prettyNumberExamineReject = query => {
 // 靓号导入
 export const erbanUpload = query => {
     return request({
-        url: '/prettyNumberExamine/erban/upload',
+        url: '/admin/prettyNumber/upload',
         method: 'post',
         headers: { 'Content-Type': 'multipart/form-data' },
         data: query

src/api/room/roomTabRegion.js

@@ -0,0 +1,40 @@
+import request from '@/utils/request';
+
+export const listRegionTab = query => {
+    return request({
+        url: '/admin/roomTabRegion/listRegionTab',
+        method: 'get',
+        params: query
+    });
+};
+
+export const list = query => {
+    return request({
+        url: '/admin/roomTabRegion/list',
+        method: 'get',
+        params: query
+    });
+};
+
+export const get = query => {
+    return request({
+        url: '/admin/roomTabRegion/get',
+        method: 'get',
+        params: query
+    });
+};
+
+export const save = query => {
+    return request({
+        url: '/admin/roomTabRegion/save',
+        method: 'post',
+        params: query
+    });
+};
+export const del = query => {
+    return request({
+        url: '/admin/roomTabRegion/delete',
+        method: 'post',
+        params: query
+    });
+};

src/api/roomBackground/roomBackground.js

@@ -0,0 +1,77 @@
+import request from '@/utils/request';
+
+// ==============================================首页ui配置==============================================
+// 配置
+export const appUiSetting = query => {
+    return request({
+        url: '/appUiSetting',
+        method: 'get',
+        params: query
+    });
+};
+// 保存
+export const appUiSettingSave = query => {
+    return request({
+        url: '/appUiSetting/save',
+        method: 'post',
+        data: query
+    });
+};
+// ==============================================自定义背景==============================================
+// 列表
+export const page = query => {
+    return request({
+        url: '/admin/roomBackground/page',
+        method: 'get',
+        params: query
+    });
+};
+// 新增
+export const roomBackgroundAdd = query => {
+    return request({
+        url: '/admin/roomBackground/add',
+        method: 'post',
+        params: query
+    });
+};
+// 编辑
+export const roomBackgroundUpdate = query => {
+    return request({
+        url: '/admin/roomBackground/update',
+        method: 'post',
+        params: query
+    });
+};
+// ==============================================自定义背景==============================================
+// 列表
+export const customPage = query => {
+    return request({
+        url: '/admin/roomBackground/custom/page',
+        method: 'get',
+        params: query
+    });
+};
+// 通过
+export const customPass = query => {
+    return request({
+        url: '/admin/roomBackground/custom/pass',
+        method: 'post',
+        params: query
+    });
+};
+// 拒绝
+export const customReject = query => {
+    return request({
+        url: '/admin/roomBackground/custom/reject',
+        method: 'post',
+        params: query
+    });
+};
+// 删除
+export const customDel = query => {
+    return request({
+        url: '/admin/roomBackground/custom/del',
+        method: 'post',
+        params: query
+    });
+};

src/api/sms/smsRecord.js

@@ -0,0 +1,10 @@
+import request from '@/utils/request';
+import {genQueryParam} from "@/utils/maintainer";
+
+export const pageRecord = query => {
+    return request({
+        url: '/admin/smsRecord/page',
+        method: 'get',
+        params: query
+    });
+};

src/api/statistics/statistics.js

@@ -0,0 +1,31 @@
+import request from '@/utils/request';
+import qs from 'qs';
+import { genQueryParam } from '@/utils/maintainer';
+
+// ==================================用户新增====================================
+// 列表
+export const dnuPage = query => {
+    return request({
+        url: '/admin/stats/dnu/page',
+        method: 'get',
+        params: query
+    });
+};
+// ==================================用户活跃====================================
+// 列表
+export const dauPage = query => {
+    return request({
+        url: '/admin/stats/dau/page',
+        method: 'get',
+        params: query
+    });
+};
+// ==================================工会数据统计====================================
+// 列表
+export const guiildPage = query => {
+    return request({
+        url: '/admin/stats/guild/page',
+        method: 'get',
+        params: query
+    });
+};

src/api/superCenter/GoldWaterSuper.js

@@ -0,0 +1,9 @@
+import request from '@/utils/request';
+// 获取列表
+export const incomePageFamily = query => {
+    return request({
+        url: '/admin/superCenter/pageFamilyIncomes',
+        method: 'get',
+        params: query
+    });
+};

src/api/superCenter/GuildInfoSuper.js

@@ -0,0 +1,17 @@
+import request from '@/utils/request';
+// 获取列表
+export const pageFamily = query => {
+    return request({
+        url: '/admin/superCenter/pageFamily',
+        method: 'get',
+        params: query
+    });
+};
+// 创建公会
+export const createFamily = query => {
+    return request({
+        url: '/admin/superCenter/createFamily',
+        method: 'post',
+        params: query
+    });
+};

src/api/superCenter/VipGiveSuper.js

@@ -0,0 +1,17 @@
+import request from '@/utils/request';
+// 获取列表
+export const pageRecord = query => {
+    return request({
+        url: '/admin/superCenter/vipSendRecord',
+        method: 'get',
+        params: query
+    });
+};
+// 赠送
+export const vipSendSend = query => {
+    return request({
+        url: '/admin/superCenter/vipSend',
+        method: 'post',
+        params: query
+    });
+};

src/api/superCenter/diamondFlowSuper.js

@@ -0,0 +1,9 @@
+import request from '@/utils/request';
+// 获取列表
+export const diamondStatistics = query => {
+    return request({
+        url: '/admin/superCenter/diamondStatistics',
+        method: 'get',
+        params: query
+    });
+};

src/api/superCenter/newGuildApplicationSuper.js

@@ -0,0 +1,9 @@
+import request from '@/utils/request';
+// 获取列表
+export const guildApplyList = query => {
+    return request({
+        url: '/admin/superCenter/guildApplyList',
+        method: 'get',
+        params: query
+    });
+};

src/api/userRechargeLevel/userRechargeLevel.js

@@ -0,0 +1,27 @@
+import request from '@/utils/request';
+
+// 获取用户充值等级列表
+export const listLevel = query => {
+  return request({
+      url: '/admin/recharge/userRechargeLevel/listLevel',
+      method: 'get',
+      params: query
+  });
+};
+
+// 获取用户充值等级列表
+export const pageUserRechargeLevel = query => {
+    return request({
+        url: '/admin/recharge/userRechargeLevel/page',
+        method: 'get',
+        params: query
+    });
+};
+// 财富/魅力等级修改记录 - 列表
+export const getUserExpChangeRecordList = query => {
+    return request({
+        url: '/userExpChange/userExpChangeRecordList',
+        method: 'get',
+        params: query
+    });
+};

src/api/users/ChargeRecordPartitionStatisticsView.js

@@ -0,0 +1,75 @@
+import request from "@/utils/request";
+// 各分区充值统计-列表
+export const getChargeRecordPartitionDetail = query => {
+    return request({
+        url: '/admin/chargeRecord/partitionDetail',
+        method: 'get',
+        params: query
+    });
+};
+// 各分区充值统计-导出
+export const exportPartitionDetail = query => {
+    return request({
+        url: `/admin/chargeRecord/exportPartitionDetail`,
+        method: 'get',
+        params: query,
+        responseType: 'blob'
+    });
+}
+// 今日充值统计-列表
+export const getChargeRecordDailtList = query => {
+    return request({
+        url: '/admin/chargeRecord/dailylist',
+        method: 'get',
+        params: query
+    });
+};
+// 今日充值统计-今日充值数据
+export const getChargeRecordDailyTotal = query => {
+    return request({
+        url: '/admin/chargeRecord/dailytotal',
+        method: 'get',
+        params: query
+    });
+};
+// 今日充值统计-明细
+export const getChargeRecordDailyDetail = query => {
+    return request({
+        url: '/admin/chargeRecord/dailydetail',
+        method: 'get',
+        params: query
+    });
+};
+// 累计充值数据 - 列表
+export const getChargeRecordTotalList = query => {
+    return request({
+        url: '/admin/chargeRecord/totallist',
+        method: 'get',
+        params: query
+    });
+};
+// 累计充值数据 - 明细
+export const getChargeRecordTotalDetail = query => {
+    return request({
+        url: '/admin/chargeRecord/totaldetail',
+        method: 'get',
+        params: query
+    });
+};
+// 累计充值数据 - 导出
+export const exportChargeRecordTotalExport = query => {
+    return request({
+        url: '/admin/chargeRecord/totalexport',
+        method: 'get',
+        params: query,
+         responseType: 'blob'
+    });
+};
+// 充值明细
+export const getChargeRecordPartitionRegionDetail = query => {
+    return request({
+        url: '/admin/chargeRecord/partitionRegionDetail',
+        method: 'get',
+        params: query
+    });
+};

src/api/users/SuspectedUserX.js

@@ -0,0 +1,35 @@
+import request from '@/utils/request';
+
+// X嫌疑人 - 列表
+export const getChargeUserXDetailPage = query => {
+    return request({
+        url: '/chargeUserXDetail/list',
+        method: 'get',
+        params: query
+    });
+};
+// X嫌疑人 导出
+export const exportChargeUserXDetail = query => {
+    return request({
+        url: `/chargeUserXDetail/export`,
+        method: 'post',
+        params: query,
+        responseType: 'blob'
+    });
+}
+// X嫌疑人 - 增加
+export const saveChargeUserXDetailPage = query => {
+    return request({
+        url: '/chargeUserXDetail/save',
+        method: 'post',
+        params: query
+    });
+};
+// X嫌疑人 - 删除
+export const deleteChargeUserXDetailPage = query => {
+    return request({
+        url: '/chargeUserXDetail/delete',
+        method: 'post',
+        params: query
+    });
+};

src/api/users/UserInformationCustomer.js

@@ -0,0 +1,18 @@
+import request from '@/utils/request';
+
+// 获取用户充值等级列表
+export const getUserCheckAdmin = query => {
+  return request({
+      url: '/admin/userCheckAdmin/getUser',
+      method: 'get',
+      params: query
+  });
+};
+// 修改用户等级
+export const changeUserExpChange = query => {
+  return request({
+      url: '/userExpChange/change',
+      method: 'post',
+      params: query
+  });
+};

src/api/users/userAvatarManagement.js

@@ -0,0 +1,18 @@
+import request from "@/utils/request";
+// 列表
+export const getavatarPaidRecordList = query => {
+    return request({
+        url: '/admin/avatarPaidRecord/page',
+        method: 'get',
+        params: query,
+
+    });
+}
+// 下架
+export const resetAvatarPaidRecord = query => {
+    return request({
+        url: '/admin/avatarPaidRecord/reset',
+        method: 'get',
+        params: query,
+    });
+}

src/components/footer/index.vue

@@ -3,7 +3,7 @@
         <div class="pull-right hidden-xs">
             <b>Version</b> 2.0.0
         </div>
-        <strong>Copyright &copy; 2024 <a href="">触海网络</a>.</strong> All rights
+        <strong>Copyright &copy; 2025 <a href="">卡盖亚网络</a>.</strong> All rights
         reserved.
     </footer>
 </template>

src/main.js

@@ -60,6 +60,17 @@ const app = createApp(App)
 app.config.globalProperties.$copy = function (text) {
     copy(text, this);
 };
-
+// 全局错误处理
+window.onerror = function (message, source, lineno, colno, error) {
+    console.log(error)
+    // 判断是否是 'insertBefore' 错误
+    if (error instanceof TypeError && message.includes('insertBefore')) {
+        console.error('捕获到 TypeError 错误:', error);
+        window.location.reload();
+        // 你可以在这里处理错误，比如记录日志或执行其他操作
+        return true;  // 阻止浏览器默认的错误处理
+    }
+    return false;  // 默认处理其他类型的错误
+};
 app.config.warnHandler = () => null;
 app.use(store).use(router).use(components).use(VueClipboard).mount('#app')

src/utils/partitionDesc.js

@@ -0,0 +1,22 @@
+const partitionInfoMap = {
+    1: '英语区',
+    2: '阿拉伯语区',
+    4: '华语区',
+    8: '土耳其区',
+    16: '英语2区',
+    32: '独联体',
+}
+
+export const partitionDesc = (val) => {
+    return Object.keys(partitionInfoMap).filter(k=>{
+        return(Number(val) & Number(k)) != 0 
+    }).map(k=>partitionInfoMap[k]).join(",");
+}
+
+export const partitionIdArr = (val) => {
+    var arr =[];
+     Object.keys(partitionInfoMap).filter(k=>{
+        return(Number(val) & Number(k)) != 0 
+    }).map(k=>arr.push(Number(k)));
+    return arr
+}

src/utils/request.js

@@ -5,7 +5,7 @@ import global from "@/constants/global";
 const service = axios.create();
 import { ElMessage } from 'element-plus'
 service.interceptors.request.use(config => {
-    console.log('config', config);
+    // console.log('config', config);
     return config;
 }, error => {
     Promise.reject(error);
@@ -13,7 +13,7 @@ service.interceptors.request.use(config => {
 
 service.interceptors.response.use(res => {
     userLogout(res.headers[global.NEED_LOGOUT.toLowerCase()]);
-    console.log('res.data', res);
+    // console.log('res.data', res);
     // if (res.data.code == 200) {
         // ElMessage({
         //     message: "成功",

src/views/BD/BDmanagement.vue

@@ -0,0 +1,325 @@
+<template>
+  <div class="box">
+    <div class="inquire">
+      <span>用户ID:</span>
+      <el-input v-model="formData.erbanNo"
+                placeholder=""
+                class="input" />
+    </div>
+    <div class="inquire">
+      <span>分区</span>
+      <partition-select v-model:partition-id="formData.partitionId"
+                        @update:partitionId="getlistByPartition" />
+    </div>
+    <div class="inquire">
+      <span>国家</span>
+      <el-select v-model="formData.regionId"
+                 placeholder="请选择">
+        <el-option v-for="item in adminCountryArr"
+                   :key="item.id"
+                   :label="item.name"
+                   :value="item.id">
+        </el-option>
+      </el-select>
+    </div>
+    <div class="inquire">
+      <span class="demonstration">日期</span>
+      <el-date-picker v-model="dataTime"
+                      type="daterange"
+                      range-separator="至"
+                      start-placeholder="开始日期"
+                      end-placeholder="结束日期"
+                      value-format="YYYY-MM-DD">
+      </el-date-picker>
+    </div>
+    <el-button style=""
+               type="primary"
+               @click="getData()">查询</el-button>
+
+    <el-table v-loading="tableData.loading"
+              :data="tableData.data"
+              ref="multipleTable"
+              @selection-change="handleSelectionChange"
+              border
+              style="width: 100%; margin-top: 25px">
+      <el-table-column prop="erbanNo"
+                       align="center"
+                       label="用户ID" />
+      <el-table-column prop="nick"
+                       align="center"
+                       label="用户昵称" />
+      <el-table-column prop="partitionDesc"
+                       align="center"
+                       label="分区" />
+      <el-table-column prop="regionName"
+                       align="center"
+                       label="国家" />
+      <el-table-column prop="createTime"
+                       align="center"
+                       label="创建时间">
+        <template v-slot="scope">
+          {{ dateFormat(scope.row.createTime) }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="guildNum"
+                       align="center"
+                       label="旗下公会数量">
+        <template v-slot="scope">
+          <el-button type="text"
+                     size="small"
+                     @click="editFen(scope.row)">
+            {{ scope.row.guildNum }}
+          </el-button>
+        </template>
+      </el-table-column>
+      <el-table-column prop="diamondNum"
+                       align="center"
+                       label="公会钻石流水" />
+      <el-table-column prop="goldNum"
+                       align="center"
+                       label="公会金币流水" />
+
+      <el-table-column prop="owner"
+                       align="center"
+                       label="负责人" />
+    </el-table>
+    <!-- 分页 -->
+    <el-pagination style="margin-top: 10px"
+                   class="paginationClass"
+                   :current-page="formData.pageNo"
+                   :page-size="formData.pageSize"
+                   :page-sizes="[10, 20, 50, 100, 200]"
+                   layout="sizes, prev, pager, next"
+                   :total="tableData.total"
+                   @size-change="handleSizeChange"
+                   @current-change="handleCurrentChange" />
+    <!-- 详情表格 -->
+    <el-dialog v-model="detailsDialog"
+               title="公会钻石流水详情"
+               width="70%"
+               center>
+      <!-- 内表格 -->
+      <el-table v-loading="tableDetailData.loading"
+                :data="tableDetailData.data"
+                border
+                style="width: 100%; margin-top: 25px">
+        <el-table-column prop="guildId"
+                         align="center"
+                         label="公会ID" />
+        <el-table-column prop="guildName"
+                         align="center"
+                         label="公会昵称" />
+        <el-table-column prop="ownerErbanNo"
+                         align="center"
+                         label="公会长ID" />
+        <el-table-column prop="nick"
+                         align="center"
+                         label="公会长昵称" />
+        <el-table-column prop="regionName"
+                         align="center"
+                         label="所属国家" />
+        <el-table-column prop="createTime"
+                         align="center"
+                         label="公会成立时间">
+          <template v-slot="scope">
+            {{ dateFormat(scope.row.createTime) }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="memberNum"
+                         align="center"
+                         label="公会成员数(不包括公会长)" />
+        <el-table-column prop="diamondNum"
+                         align="center"
+                         label="公会钻石流水" />
+        <el-table-column prop="goldNum"
+                         align="center"
+                         label="公会金币流水" />
+        <el-table-column prop="status"
+                         align="center"
+                         label="绑定状态">
+          <template v-slot="scope">
+            {{ scope.row.status == 1 ? '有效' : '无效' }}
+          </template>
+        </el-table-column>
+      </el-table>
+      <!-- 分页 -->
+      <el-pagination style="margin-top: 10px"
+                     class="paginationClass"
+                     :current-page="formDetailData.pageNo"
+                     :page-size="formDetailData.pageSize"
+                     :page-sizes="[10, 20, 50, 100, 200]"
+                     layout="sizes, prev, pager, next"
+                     :total="tableDetailData.total"
+                     @size-change="handleSizeChangeDetail"
+                     @current-change="handleCurrentChangeDetail" />
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { ref, onMounted, reactive, computed } from 'vue'
+import PartitionSelect from "@/views/common/partitionSelect.vue";
+import { getBdDetailGuildsList, getBdDataList, getlistByPartitionId } from "@/api/BD/IdentitySettings.js"
+import { ElMessage, ElMessageBox } from "element-plus";
+import { dateFormat } from "@/utils/system-helper";
+export default {
+  name: 'BDmanagement',
+  components: {
+    PartitionSelect
+  },
+  setup () {
+    const formData = reactive({
+      partitionId: undefined,
+      pageNo: 1,
+      pageSize: 10,
+      erbanNo: '',
+      regionId: '',
+      startTime: '',
+      endTime: ''
+    })
+    const tableData = reactive({
+      data: [],
+      total: 0,
+      loading: false,
+    })
+    const formDetailData = reactive({
+      bdId: '',
+      pageNo: 1,
+      pageSize: 10,
+      startTime: '',
+      endTime: '',
+      partitionId: '',
+    })
+    const tableDetailData = reactive({
+      data: [],
+      total: 0,
+      loading: false,
+    })
+    const detailsDialog = ref(false)
+    const dataTime = ref('');
+    const adminCountryArr = ref([])
+    const getlistByPartition = (e) => {
+      if (e) {
+        formData.partitionId = e;
+      }
+      getlistByPartitionId({ partitionId: formData.partitionId, containAll: true }).then((res) => {
+        if (res.code == 200) {
+          adminCountryArr.value = res.data;
+        }
+      });
+    }
+    const getData = () => {
+      tableData.loading = true;
+      if (dataTime.value && dataTime.value.length > 0) {
+        formData.startTime = dataTime.value[0];
+        formData.endTime = dataTime.value[1];
+        console.log(dataTime.value)
+      } else {
+        formData.startTime = dataTime.value
+        formData.endTime = dataTime.value
+      }
+      getBdDataList(formData).then(res => {
+        if (res.code == 200) {
+          tableData.data = res.data.rows
+          tableData.total = res.data.total
+          tableData.loading = false
+        } else {
+          tableData.loading = false;
+          ElMessage.error(res.message)
+        }
+      })
+    }
+    // 详情
+    const editFen = (row) => {
+      if (row) {
+        formDetailData.bdId = row.id;
+        formDetailData.partitionId = formData.partitionId;
+        formDetailData.endTime = formData.endTime;
+        formDetailData.startTime = formData.startTime;
+
+      }
+      tableDetailData.loading = true;
+      getBdDetailGuildsList(formDetailData).then(res => {
+        if (res.code == 200) {
+          tableDetailData.data = res.data.rows
+          tableDetailData.total = res.data.total
+          tableDetailData.loading = false
+          detailsDialog.value = true
+
+        } else {
+          tableDetailData.loading = false
+          ElMessage.error(res.message)
+        }
+
+      })
+    }
+    const dateFormat = (row) => {
+      const date = new Date(row);
+      return date.format("yyyy-MM-dd hh:mm:ss");
+    }
+    const handleSizeChange = (val) => {
+      formData.pageSize = val;
+      getData();
+    };
+    const handleCurrentChange = (val) => {
+      formData.pageNo = val;
+      getData();
+    };
+    const handleSizeChangeDetail = (val) => {
+      formDetailData.pageSize = val;
+      editFen();
+    };
+    const handleCurrentChangeDetail = (val) => {
+      formDetailData.pageNo = val;
+      editFen();
+    };
+    return {
+      formData,
+      adminCountryArr,
+      getlistByPartition,
+      dataTime,
+      getData,
+      tableData,
+      dateFormat,
+      editFen,
+      formDetailData,
+      detailsDialog,
+      tableDetailData,
+      handleSizeChange,
+      handleCurrentChange,
+      handleSizeChangeDetail,
+      handleCurrentChangeDetail
+    }
+  }
+}
+</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>

src/views/BD/IdentitySettings.vue

@@ -0,0 +1,442 @@
+<template>
+  <div class="box">
+    <div class="inquire">
+      <span>用户ID:</span>
+      <el-input v-model="formData.erbanNo"
+                placeholder=""
+                class="input" />
+    </div>
+    <div class="inquire">
+      <span>分区</span>
+      <partition-select v-model:partition-id="formData.partitionId"
+                        @update:partitionId="getlistByPartition" />
+    </div>
+    <div class="inquire">
+      <span>国家</span>
+      <el-select v-model="formData.regionId"
+                 placeholder="请选择">
+        <el-option v-for="item in adminCountryArr"
+                   :key="item.id"
+                   :label="item.name"
+                   :value="item.id">
+        </el-option>
+      </el-select>
+    </div>
+    <el-button style=""
+               type="primary"
+               @click="getData()">查询</el-button>
+    <el-button style=""
+               type="primary"
+               @click="addDialog = true">新增</el-button>
+    <el-table v-loading="tableData.loading"
+              :data="tableData.data"
+              ref="multipleTable"
+              @selection-change="handleSelectionChange"
+              border
+              style="width: 100%; margin-top: 25px">
+      <el-table-column prop="erbanNo"
+                       align="center"
+                       label="用户ID" />
+      <el-table-column prop="nick"
+                       align="center"
+                       label="用户昵称" />
+      <el-table-column prop="partitionDesc"
+                       align="center"
+                       label="分区" />
+      <el-table-column prop="regionName"
+                       align="center"
+                       label="国家" />
+      <el-table-column prop="createTime"
+                       align="center"
+                       label="创建时间">
+        <template v-slot="scope">
+          {{ dateFormat(scope.row.createTime) }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="guildNum"
+                       align="center"
+                       label="旗下公会数量">
+        <template v-slot="scope">
+          <el-button type="text"
+                     size="small"
+                     @click="editFen(scope.row)">
+            {{ scope.row.guildNum }}
+          </el-button>
+        </template>
+      </el-table-column>
+      <el-table-column prop="owner"
+                       align="center"
+                       label="负责人" />
+      <el-table-column align="center"
+                       label="操作"
+                       width="300">
+        <template v-slot="scope">
+          <el-button class="primary"
+                     type="primary"
+                     @click="
+                        removePageFun(scope.row);
+                    "
+                     size="default"
+                     v-if="scope.row.status == 1">移除</el-button>
+        </template>
+      </el-table-column>
+      <el-table-column prop="operator"
+                       align="center"
+                       label="操作人" />
+    </el-table>
+    <!-- 分页 -->
+    <el-pagination style="margin-top: 10px"
+                   class="paginationClass"
+                   :current-page="formData.pageNo"
+                   :page-size="formData.pageSize"
+                   :page-sizes="[10, 20, 50, 100, 200]"
+                   layout="sizes, prev, pager, next"
+                   :total="tableData.total"
+                   @size-change="handleSizeChange"
+                   @current-change="handleCurrentChange" />
+    <el-dialog v-model="addDialog"
+               title="新增"
+               width="28%"
+               center>
+      <div style="margin-bottom: 25px">
+        <span style="display: inline-block; margin-right: 20px; width: 100px"
+              class="col-sm-2 control-label">平台ID</span>
+        <el-input v-model="addFormData.erbanNo"
+                  style="width: 50%"
+                  class="input"
+                  @change="getByErbanNoInfo()"></el-input>
+      </div>
+      <div style="margin-bottom: 25px;display: inline-block;width: 100%;">
+        <span style="display: inline-block; margin-right: 20px; width: 100px"
+              class="col-sm-2 control-label">用户昵称</span>
+        <div>
+          <span style="display: inline-block;"
+                class="col-sm-2 control-label">{{ ByErbanNoInfo.nick }}</span>
+        </div>
+
+      </div>
+      <div style="margin-bottom: 25px;display: inline-block;width: 100%;">
+        <span style="display: inline-block; margin-right: 20px; width: 100px"
+              class="col-sm-2 control-label">用户分区</span>
+        <div>
+          <span style="display: inline-block;"
+                class="col-sm-2 control-label">{{ ByErbanNoInfo.partitionName
+                        }}</span>
+        </div>
+
+      </div>
+      <div style="margin-bottom: 25px">
+        <span style="display: inline-block; margin-right: 20px; width: 100px"
+              class="col-sm-2 control-label">负责人</span>
+        <el-input v-model="addFormData.owner"
+                  style="width: 50%"
+                  class="input"></el-input>
+      </div>
+      <template #footer>
+        <span class="dialog-footer">
+          <el-button @click="addDialog = false">取消</el-button>
+          <el-button type="primary"
+                     @click="addFun()"
+                     v-if="ByErbanNoInfo.uid != ''"> 确认 </el-button>
+        </span>
+      </template>
+    </el-dialog>
+    <!-- 详情表格 -->
+    <el-dialog v-model="detailsDialog"
+               title="公会详情"
+               width="70%"
+               center>
+      <!-- 内表格 -->
+      <el-table v-loading="tableDetailData.loading"
+                :data="tableDetailData.data"
+                border
+                style="width: 100%; margin-top: 25px">
+        <el-table-column prop="guildId"
+                         align="center"
+                         label="公会ID" />
+        <el-table-column prop="guildName"
+                         align="center"
+                         label="公会昵称" />
+        <el-table-column prop="ownerErbanNo"
+                         align="center"
+                         label="公会长ID" />
+        <el-table-column prop="nick"
+                         align="center"
+                         label="公会长昵称" />
+        <el-table-column prop="regionName"
+                         align="center"
+                         label="所属国家" />
+        <el-table-column prop="createTime"
+                         align="center"
+                         label="公会成立时间">
+          <template v-slot="scope">
+            {{ dateFormat(scope.row.createTime) }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="memberNum"
+                         align="center"
+                         label="公会成员数(不包括公会长)" />
+        <el-table-column prop="status"
+                         align="center"
+                         label="绑定状态">
+          <template v-slot="scope">
+            {{ scope.row.status == 1 ? '有效' : '无效' }}
+          </template>
+        </el-table-column>
+        <el-table-column align="center"
+                         label="操作"
+                         width="300">
+          <template v-slot="scope">
+            <el-button class="primary"
+                       type="primary"
+                       @click="
+                            unbindPageFun(scope.row);
+                        "
+                       size="default"
+                       v-if="scope.row.status == 1">解绑</el-button>
+          </template>
+        </el-table-column>
+        <el-table-column prop="operator"
+                         align="center"
+                         label="操作人" />
+      </el-table>
+      <!-- 分页 -->
+      <el-pagination style="margin-top: 10px"
+                     class="paginationClass"
+                     :current-page="formDetailData.pageNo"
+                     :page-size="formDetailData.pageSize"
+                     :page-sizes="[10, 20, 50, 100, 200]"
+                     layout="sizes, prev, pager, next"
+                     :total="tableDetailData.total"
+                     @size-change="handleSizeChangeDetail"
+                     @current-change="handleCurrentChangeDetail" />
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { ref, onMounted, reactive, computed } from 'vue'
+import PartitionSelect from "@/views/common/partitionSelect.vue";
+import { getBdList, addBdInfo, removeBdInfo, getByErbanNo, getlistByPartitionId, getGuildsDetail, operatorGuildUnBound } from "@/api/BD/IdentitySettings.js"
+import { ElMessage, ElMessageBox } from "element-plus";
+export default {
+  name: 'IdentitySettings',
+  components: {
+    PartitionSelect
+  },
+  setup () {
+    const formData = reactive({
+      partitionId: undefined,
+      pageNo: 1,
+      pageSize: 10,
+      erbanNo: '',
+      regionId: ''
+    })
+    const addFormData = reactive({
+      erbanNo: '',
+      uid: '',
+      owner: ''
+    })
+    const tableData = reactive({
+      data: [],
+      total: 0,
+      loading: false,
+    })
+    const ByErbanNoInfo = reactive({
+      uid: '',
+      partitionName: '',
+      nick: ''
+    })
+    const formDetailData = reactive({
+      bdId: '',
+      pageNo: 1,
+      pageSize: 10,
+    })
+    const tableDetailData = reactive({
+      data: [],
+      total: 0,
+      loading: false,
+    })
+    const adminCountryArr = ref([])
+    const addDialog = ref(false)
+    const detailsDialog = ref(false)
+    const getlistByPartition = (e) => {
+      if (e) {
+        formData.partitionId = e;
+      }
+      getlistByPartitionId({ partitionId: formData.partitionId, containAll: true }).then((res) => {
+        if (res.code == 200) {
+          adminCountryArr.value = res.data;
+        }
+      });
+    }
+    const getData = () => {
+      tableData.loading = true;
+      getBdList(formData).then(res => {
+        if (res.code == 200) {
+          tableData.data = res.data.rows
+          tableData.total = res.data.total
+          tableData.loading = false
+        } else {
+          tableData.loading = false;
+          ElMessage.error(res.message)
+        }
+      })
+    };
+    const getByErbanNoInfo = () => {
+      getByErbanNo({ erbanNo: addFormData.erbanNo }).then(res => {
+        if (res.code == 200) {
+          Object.assign(ByErbanNoInfo, res.data)
+        } else {
+          ElMessage.error(res.message)
+          Object.assign(ByErbanNoInfo, { partitionName: '', nick: '', uid: '' })
+        }
+      })
+    }
+    // 增加
+    const addFun = () => {
+      if (addFormData.erbanNo == '') {
+        ElMessage.error('请输入正确的用户ID')
+        return
+      }
+      addDialog.value = false
+      addBdInfo({ owner: addFormData.owner, uid: ByErbanNoInfo.uid }).then(res => {
+        if (res.code == 200) {
+          ElMessage.success('添加成功')
+          getData()
+        } else {
+          ElMessage.error(res.message)
+        }
+        Object.assign(addFormData, { erbanNo: '', owner: '', uid: '' })
+        Object.assign(ByErbanNoInfo, { partitionName: '', nick: '', uid: '' })
+      })
+    }
+    const removePageFun = (row) => {
+      ElMessageBox.confirm('确定要移除吗？', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        removeBdInfo({ id: row.id }).then(res => {
+          if (res.code == 200) {
+            ElMessage.success('移除成功')
+            getData()
+          } else {
+            ElMessage.error(res.message)
+          }
+        })
+      })
+    }
+    // 详情
+    const editFen = (row) => {
+      if (row) {
+        formDetailData.bdId = row.id
+      }
+      tableDetailData.loading = true;
+      getGuildsDetail(formDetailData).then(res => {
+        if (res.code == 200) {
+          tableDetailData.data = res.data.rows
+          tableDetailData.total = res.data.total
+          tableDetailData.loading = false
+          detailsDialog.value = true
+
+        } else {
+          tableDetailData.loading = false
+          ElMessage.error(res.message)
+        }
+
+      })
+    }
+    // 解绑
+    const unbindPageFun = (row) => {
+      ElMessageBox.confirm('确定要解除绑定吗？', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        operatorGuildUnBound({ bdGuildId: row.bdGuildId }).then(res => {
+          if (res.code == 200) {
+            ElMessage.success('解除成功')
+            editFen()
+          } else {
+            ElMessage.error(res.message)
+          }
+        })
+      })
+    }
+    const dateFormat = (row) => {
+      const date = new Date(row);
+      return date.format("yyyy-MM-dd hh:mm:ss");
+    }
+    const handleSizeChange = (val) => {
+      formData.pageSize = val;
+      getData();
+    };
+    const handleCurrentChange = (val) => {
+      formData.pageNo = val;
+      getData();
+    };
+    const handleSizeChangeDetail = (val) => {
+      formDetailData.pageSize = val;
+      editFen();
+    };
+    const handleCurrentChangeDetail = (val) => {
+      formDetailData.pageNo = val;
+      editFen();
+    };
+    return {
+      formData,
+      addFormData,
+      tableData,
+      addDialog,
+      getData,
+      detailsDialog,
+      adminCountryArr,
+      getlistByPartition,
+      getByErbanNoInfo,
+      ByErbanNoInfo,
+      addFun,
+      dateFormat,
+      removePageFun,
+      editFen,
+      formDetailData,
+      tableDetailData,
+      unbindPageFun,
+      handleSizeChange,
+      handleCurrentChange,
+      handleSizeChangeDetail,
+      handleCurrentChangeDetail
+    }
+  }
+}
+</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>

src/views/GiftPanelManagement/GiftPanelManagement.vue

@@ -4,100 +4,85 @@
     <div class="inquire">
       <div class="block">
         <span class="demonstration">选择分区</span>
-        <el-select
-          v-model="inquire.partitionId"
+        <el-select v-model="inquire.partitionId"
                    style="width: 75%"
                    placeholder="请选择"
-          @change="handleChange"
-        >
-          <el-option
-            v-for="item in inquire.inquireonInfos"
+                   @change="handleChange">
+          <el-option v-for="item in inquire.inquireonInfos"
                      :key="item.id"
                      :label="item.desc"
-            :value="item.id"
-          ></el-option>
+                     :value="item.id"></el-option>
         </el-select>
       </div>
     </div>
     <!-- 表格 -->
-    <el-table
-      v-loading="loading"
+    <el-table v-loading="loading"
               :data="tableData"
               border
-      style="width: 100%; margin-top: 25px"
-    >
-      <el-table-column prop="seq" align="center" label="排序" />
-      <el-table-column prop="name" align="center" label="礼物面板类型" />
-      <el-table-column prop="enable" align="center" label="是否生效">
+              style="width: 100%; margin-top: 25px">
+      <el-table-column prop="seq"
+                       align="center"
+                       label="排序" />
+      <el-table-column prop="name"
+                       align="center"
+                       label="礼物面板类型" />
+      <el-table-column prop="enable"
+                       align="center"
+                       label="是否生效">
         <template v-slot="scope">{{ scope.row.enable ? "是" : "否" }}</template>
       </el-table-column>
-      <el-table-column align="center" label="操作">
+      <el-table-column align="center"
+                       label="操作">
         <template v-slot="scope">
-          <el-button
-            @click="ediClick(scope.row)"
+          <el-button @click="ediClick(scope.row)"
                      class="primary"
                      type="primary"
-            size="default"
-            >编辑</el-button
-          >
+                     size="default">编辑</el-button>
         </template>
       </el-table-column>
     </el-table>
     <!-- 编辑弹窗 -->
-    <el-dialog v-model="eidDialog" :title="eidDialogTitle" width="30%" center>
+    <el-dialog v-model="eidDialog"
+               :title="eidDialogTitle"
+               width="30%"
+               center>
       <!-- 礼物面板类型 -->
       <div style="margin-bottom: 25px; margin-top: 10px">
-        <span
-          style="display: inline-block; white-space: nowrap; margin-right: 70px"
-          class="col-sm-2 control-label"
-          >礼物面板类型</span
-        >
-        <el-input
-          v-model="eidObj.type"
+        <span style="display: inline-block; white-space: nowrap; margin-right: 70px"
+              class="col-sm-2 control-label">礼物面板类型</span>
+        <el-input v-model="eidObj.type"
                   style="width: 60%"
                   class="input"
                   placeholder="请输入"
-          disabled
-        ></el-input>
+                  disabled></el-input>
       </div>
       <!-- 面板排序 -->
       <div style="margin-bottom: 25px; margin-top: 10px">
-        <span
-          style="display: inline-block; white-space: nowrap; margin-right: 70px"
-          class="col-sm-2 control-label"
-          >面板排序-{{ eidText }}</span
-        >
-        <el-input
-          v-model="eidObj.seq"
+        <span style="display: inline-block; white-space: nowrap; margin-right: 70px"
+              class="col-sm-2 control-label">面板排序-{{ eidText }}</span>
+        <el-input v-model="eidObj.seq"
                   style="width: 60%"
                   class="input"
-          placeholder="请输入"
-        ></el-input>
+                  placeholder="请输入"></el-input>
       </div>
       <!-- 是否生效 -->
       <div style="margin-bottom: 25px; margin-top: 10px">
-        <span
-          style="display: inline-block; white-space: nowrap; margin-right: 70px"
-          class="col-sm-2 control-label"
-          >是否生效</span
-        >
-        <el-select
-          v-model="eidObj.value"
+        <span style="display: inline-block; white-space: nowrap; margin-right: 70px"
+              class="col-sm-2 control-label">是否生效</span>
+        <el-select v-model="eidObj.value"
                    style="width: 60%"
-          placeholder="请选择"
-        >
-          <el-option
-            v-for="item in eidObj.option"
+                   placeholder="请选择">
+          <el-option v-for="item in eidObj.option"
                      :key="item.id"
                      :label="item.desc"
-            :value="item.id"
-          ></el-option>
+                     :value="item.id"></el-option>
         </el-select>
       </div>
       <template #footer>
         <span class="dialog-footer">
           <el-button @click="eidDialog = false">取消</el-button>
-          <el-button type="primary" @click="eidDialogClick()"> 确认 </el-button>
+          <el-button type="primary"
+                     @click="eidDialogClick()"> 确认 </el-button>
         </span>
       </template>
     </el-dialog>
@@ -105,22 +90,24 @@
 </template>
 <script>
 import { list, update } from "@/api/GiftPanelManagement/GiftPanelManagement";
+import { listAll } from "@/api/partition/partitionInfo";
 // @ts-ignore
 import { dateFormat } from "@/utils/system-helper";
 // @ts-ignore
 import { ElMessage } from "element-plus";
 export default {
   name: "GiftPanelManagement",
-  data() {
+  data () {
     return {
       loading: false,
       //查询所需条件对象
       inquire: {
-        partitionId: 4,
+        partitionId: 1,
         inquireonInfos: [
-          { desc: "英语区", id: 1 },
-          { desc: "阿拉伯区", id: 2 },
-          { desc: "华语区", id: 4 },
+          // { desc: "英语区", id: 1 },
+          // { desc: "阿拉伯区", id: 2 },
+          // { desc: "华语区", id: 4 },
+          // { desc: "土耳其区", id: 8 },
         ],
       },
       // 表格
@@ -148,14 +135,17 @@ export default {
       },
     };
   },
-  created() {
+  created () {
     this.eidDialogTitle = `编辑礼物面板信息-华语区`;
     this.eidText = `华语区`;
     this.getData();
+    listAll().then((res) => {
+      this.inquire.inquireonInfos = res.data;
+    });
   },
   methods: {
     // 查询接口
-    getData() {
+    getData () {
       this.loading = true;
       list({
         partitionId: this.inquire.partitionId,
@@ -164,14 +154,14 @@ export default {
         this.loading = false;
       });
     },
-    ediClick(val) {
+    ediClick (val) {
       this.eidDialog = true;
       this.eidObj.type = val.name;
       this.eidObj.seq = val.seq;
       this.eidObj.value = val.enable;
       this.eidObjNew = val;
     },
-    eidDialogClick() {
+    eidDialogClick () {
       update({
         enable: this.eidObj.value,
         id: this.eidObjNew.id,
@@ -195,7 +185,7 @@ export default {
         }
       });
     },
-    handleChange(val) {
+    handleChange (val) {
       console.log(val);
       if (val == 1) {
         this.eidDialogTitle = `编辑礼物面板信息-英语区`;
@@ -206,6 +196,15 @@ export default {
       } else if (val == 4) {
         this.eidDialogTitle = `编辑礼物面板信息-华语区`;
         this.eidText = `华语区`;
+      } else if (val == 8) {
+        this.eidDialogTitle = `编辑礼物面板信息-土耳其区`;
+        this.eidText = `土耳其区`;
+      } else if (val == 16) {
+        this.eidDialogTitle = `编辑礼物面板信息-英语2区`;
+        this.eidText = `英语2区`;
+      }else if (val == 32) {
+        this.eidDialogTitle = `编辑礼物面板信息-独联体`;
+        this.eidText = `独联体`;
       }
       this.getData();
     },

src/views/accessRestriction/AccessRestriction.vue

@@ -2,7 +2,7 @@
   <div class="outer">
     <div class="search">
       <div class="searchLeft">
-        <span>用户平台ID</span>
+        <span>平台ID</span>
         <el-input
           v-model="userId"
           size="default"
@@ -10,6 +10,15 @@
           class="input"
         ></el-input>
       </div>
+      <div class="searchLeft">
+        <span>邮箱</span>
+        <el-input
+            v-model="email"
+            size="default"
+            placeholder="邮箱"
+            class="input"
+        ></el-input>
+      </div>
     </div>
     <!-- 按钮 -->
     <div class="buttonBox">
@@ -30,6 +39,7 @@
       <el-table-column prop="erbanNo" align="center" label="用戶id" />
       <el-table-column prop="nick" align="center" label="用戶昵称" />
       <el-table-column prop="phone" align="center" label="手机号" />
+      <el-table-column prop="email" align="center" label="邮箱" />
       <el-table-column prop="signTime" align="center" label="注册时间" />
       <el-table-column prop="createTime" align="center" label="进入访问限制时间" />
       <el-table-column prop="inviteCode" align="center" label="邀请码" />
@@ -51,6 +61,7 @@
           {{langFormat(scope.row.lang)}}
         </template>
       </el-table-column>
+      <el-table-column prop="reason" align="center" label="原因" />
       <el-table-column align="center" label="操作" width="300">
         <template v-slot="scope">
           <el-button
@@ -128,13 +139,10 @@ export default {
   name: "AccessRestriction",
   data() {
     return {
-      userId: "", //用戶id
+      userId: undefined, //用戶id
+      email: undefined, //用戶id
       loading: false, //列表loading
-      tableData: [
-        {
-          erbanNo: "123123123",
-        },
-      ], //列表数据
+      tableData: [], //列表数据
       total: 10, //总页数
       currentPage: 1, //页码
       pageSize: 10, //条数
@@ -157,6 +165,7 @@ export default {
         page: this.currentPage,
         pageSize: this.pageSize,
         userErBanNo: this.userId,
+        email: this.email,
       }).then((res) => {
         this.tableData = res.data.records;
         this.loading = false;

src/views/accountApplyManage/accountApplyManage.vue

@@ -3,52 +3,55 @@
     <div class="container">
       <div class="region-box">
         <el-radio-group v-model="region">
-          <el-radio
-            v-for="(item, index) in userAreaRegion"
+          <el-radio v-for="(item, index) in userAreaRegion"
                     :key="index"
-            :label="item.value"
-            >{{ item.name }}</el-radio
-          >
+                    :label="item.value">{{ item.name }}</el-radio>
         </el-radio-group>
       </div>
       <div class="handle-box">
-        <el-form
-          ref="searchForm"
+        <el-form ref="searchForm"
                  :model="searchForm"
                  label-width="90px"
-          :disabled="tableLoading"
-        >
+                 :disabled="tableLoading">
           <div class="search-line">
-            <el-form-item label="Shaker ID" prop="erbanNo">
-              <el-input
-                v-model.trim="searchForm.erbanNo"
-                placeholder="Please enter"
-              ></el-input>
+            <el-form-item label="MoliStar ID"
+                          prop="erbanNo">
+              <el-input v-model.trim="searchForm.erbanNo"
+                        placeholder="Please enter"></el-input>
             </el-form-item>
-            <el-form-item label="UID" prop="uid">
-              <el-input
-                v-model.trim="searchForm.uid"
-                placeholder="Please enter"
-              ></el-input>
+            <el-form-item label="UID"
+                          prop="uid">
+              <el-input v-model.trim="searchForm.uid"
+                        placeholder="Please enter"></el-input>
             </el-form-item>
-            <el-form-item label="SID" prop="sid">
-              <el-input
-                v-model.trim="searchForm.sid"
-                placeholder="Please enter"
-              ></el-input>
+            <el-form-item label="SID"
+                          prop="sid">
+              <el-input v-model.trim="searchForm.sid"
+                        placeholder="Please enter"></el-input>
+            </el-form-item>
+            <el-form-item label="Region"
+                          prop="partitionId">
+              <el-select v-model="searchForm.partitionId">
+                <el-option label="全部"
+                           value=""></el-option>
+                <el-option v-for="item in partitionInfoList"
+                           :key="item.id"
+                           :label="item.desc"
+                           :value="item.id"></el-option>
+              </el-select>
             </el-form-item>
             <el-form-item label-width="40px">
-              <el-button type="primary" @click="handSearch">Search</el-button>
-              <el-button plain @click="resetSearchForm">Reset Search</el-button>
-              <el-upload
-                class="file-uploader"
+              <el-button type="primary"
+                         @click="handSearch">Search</el-button>
+              <el-button plain
+                         @click="resetSearchForm">Reset Search</el-button>
+              <el-upload class="file-uploader"
                          action="#"
                          list-type="picture-card"
                          :show-file-list="false"
                          :on-change="handleExcel"
                          accept=".xls, .xlsx"
-                :auto-upload="false"
-              >
+                         :auto-upload="false">
                 <el-button type="primary">Import</el-button>
               </el-upload>
             </el-form-item>
@@ -67,76 +70,93 @@
         </el-upload> -->
       </div>
       <div class="table">
-        <el-table
-          :data="tableData"
+        <el-table :data="tableData"
                   border
                   v-loading="tableLoading"
                   @header-click="headerCopy"
-          style="width: 100%"
-        >
-          <el-table-column align="center" prop="id" label="No.">
+                  style="width: 100%">
+          <el-table-column align="center"
+                           prop="id"
+                           label="No.">
           </el-table-column>
-          <el-table-column align="center" prop="erbanNo" label="Shaker ID">
+          <el-table-column align="center"
+                           prop="erbanNo"
+                           label="MoliStar ID">
           </el-table-column>
-          <el-table-column align="center" prop="uid" label="UID">
+          <el-table-column align="center"
+                           prop="uid"
+                           label="UID">
           </el-table-column>
-          <el-table-column align="center" prop="level" label="SID Level">
+          <el-table-column align="center"
+                           prop="level"
+                           label="SID Level">
           </el-table-column>
-          <el-table-column align="center" prop="nick" label="Nickname">
+          <el-table-column align="center"
+                           prop="nick"
+                           label="Nickname">
           </el-table-column>
-          <el-table-column align="center" prop="createTime" label="Apply time">
+          <el-table-column align="center"
+                           prop="partitionInfo"
+                           label="Region">
+          </el-table-column>
+          <el-table-column align="center"
+                           prop="createTime"
+                           label="Apply time">
             <template v-slot="scope">{{
               convertTimestamp(scope.row.createTime)
             }}</template>
           </el-table-column>
-          <el-table-column align="center" prop="prettyNo" label="SID">
+          <el-table-column align="center"
+                           prop="prettyNo"
+                           label="SID">
           </el-table-column>
-          <el-table-column align="center" prop="status" label="State">
+          <el-table-column align="center"
+                           prop="status"
+                           label="State">
             <template v-slot="scope">
               <el-tag :type="applyStateTag(scope.row.status)">{{
                 applyStateText(scope.row.status)
               }}</el-tag>
             </template>
           </el-table-column>
-          <el-table-column align="center" prop="updateTime" label="Review time">
+          <el-table-column align="center"
+                           prop="updateTime"
+                           label="Review time">
             <template v-slot="scope">{{
               convertTimestamp(scope.row.updateTime)
             }}</template>
           </el-table-column>
-          <el-table-column align="center" label="Operate">
+          <el-table-column align="center"
+                           prop="operater"
+                           label="Operator">
+          </el-table-column>
+          <el-table-column align="center"
+                           label="Operate">
             <template v-slot="scope">
-              <el-button
-                type="text"
+              <el-button type="text"
                          v-if="scope.row.status == 0"
-                @click="handlePass(scope.$index, scope.row)"
-              >
+                         @click="handlePass(scope.$index, scope.row)">
                 Pass
               </el-button>
-              <el-button
-                type="text"
+              <el-button type="text"
                          v-if="scope.row.status == 0"
-                @click="handleReject(scope.$index, scope.row)"
-              >
+                         @click="handleReject(scope.$index, scope.row)">
                 Reject
               </el-button>
-              <el-button
-                type="text"
+              <el-button type="text"
                          v-if="scope.row.status == 1"
                          class="red"
-                @click="handleDelete(scope.$index, scope.row)"
-              >
+                         @click="handleDelete(scope.$index, scope.row)">
                 Delete
               </el-button>
             </template>
           </el-table-column>
         </el-table>
-        <table-pagination
-          :pageParams="pageParams"
+        <table-pagination :pageParams="pageParams"
                           :pageTotal="pageTotal"
                           :ifShowSizes="true"
                           @handleSizeChange="handleSizeChange"
-          @handlePageChange="handlePageChange"
-        ></table-pagination>
+                          @handlePageChange="handlePageChange"></table-pagination>
       </div>
     </div>
   </div>
@@ -150,6 +170,7 @@ import {
   prettyNumberExamineReject,
   erbanUpload,
 } from "@/api/relPrivilegeManage/relPrivilegeManage.js";
+import { getPartitionInfoList } from '@/api/partition/partitionInfo';
 import TablePagination from "@/components/common/TablePagination";
 import { formatDate } from "@/utils/relDate";
 import { ElMessageBox, ElMessage } from "element-plus"; // 正确引入 ElM
@@ -160,16 +181,17 @@ export default {
   name: "accountApplyManage",
   // mixins: [Mixin],
   components: { TablePagination },
-  data() {
+  data () {
     return {
+      partitionInfoList: [],
       tableLoading: false, // 表格是否加载中
       tableData: [], // 接口返回的表格数据
       // 搜索表单相关
       searchForm: {
         erbanNo: null,
         uid: null,
-        level: null,
-        region: null,
+        sid: null,
+        partitionId: null,
       },
       pageTotal: 0, // 接口返回的表格总条数
       pageParams: {
@@ -178,11 +200,12 @@ export default {
       },
     };
   },
-  created() {
+  created () {
+    this.initPartition();
     this.getData();
   },
   methods: {
-    getData() {
+    getData () {
       this.tableLoading = true;
 
       let { pageParams, searchForm } = this;
@@ -209,7 +232,7 @@ export default {
       });
     },
     //导入表格
-    handleExcel(file) {
+    handleExcel (file) {
       let formData = new FormData(); //声明一个FormDate对象
       formData.append("file", file.raw); //把文件信息放入对象中
       console.log(file.raw);
@@ -228,7 +251,7 @@ export default {
         });
     },
     // 通过
-    handlePass(index, row) {
+    handlePass (index, row) {
       ElMessageBox.confirm("Are you sure you want to pass?", "Prompt", {
         type: "warning",
         confirmButtonText: "Sure",
@@ -252,10 +275,10 @@ export default {
             }
           });
         })
-        .catch(() => {});
+        .catch(() => { });
     },
     // 拒绝
-    handleReject(index, row) {
+    handleReject (index, row) {
       ElMessageBox.confirm("Are you sure you want to refuse?", "Prompt", {
         type: "warning",
         confirmButtonText: "Sure",
@@ -279,10 +302,10 @@ export default {
             }
           });
         })
-        .catch(() => {});
+        .catch(() => { });
     },
     // 删除操作
-    handleDelete(index, row) {
+    handleDelete (index, row) {
       // 二次确认删除
       ElMessageBox.confirm("Are you sure you want to delete?", "Prompt", {
         type: "warning",
@@ -307,10 +330,10 @@ export default {
             }
           });
         })
-        .catch(() => {});
+        .catch(() => { });
     },
     // 点击搜索
-    handSearch() {
+    handSearch () {
       this.$refs["searchForm"].validate((valid) => {
         if (valid) {
           this.pageParams.pageNo = 1;
@@ -319,27 +342,32 @@ export default {
       });
     },
     // 重置搜索表单
-    resetSearchForm() {
+    resetSearchForm () {
       this.$refs["searchForm"].resetFields();
       this.pageParams.pageNo = 1;
       this.getData();
     },
-
     // 分页导航
-    handleSizeChange(val) {
+    handleSizeChange (val) {
       this.pageParams.pageNo = val;
       this.getData();
     },
-    handlePageChange(val) {
+    handlePageChange (val) {
       this.pageParams.pageNo = val;
       this.getData();
     },
-    headerCopy(column, e) {
+    headerCopy (column, e) {
       this.$copy(column.label);
     },
+    initPartition () {
+      getPartitionInfoList().then(res => {
+        let data = res.data;
+        this.partitionInfoList = data;
+      });
+    },
   },
   computed: {
-    applyStateTag() {
+    applyStateTag () {
       return function (val) {
         let text = "";
         switch (val) {
@@ -359,7 +387,7 @@ export default {
         return text;
       };
     },
-    applyStateText() {
+    applyStateText () {
       return function (val) {
         let text = "";
         switch (val) {
@@ -379,7 +407,7 @@ export default {
         return text;
       };
     },
-    convertTimestamp() {
+    convertTimestamp () {
       return function (time) {
         let date = new Date(time);
         return formatDate(date);

src/views/boom/levelSet.vue

@@ -0,0 +1,971 @@
+<template>
+  <div class="box">
+    <!-- 查询 -->
+    <div class="inquire">
+      <span>分区</span>
+      <partition-select v-model:partition-id="inquire.partitionId" v-model:partition-infos="inquire.options" />
+    </div>
+    <el-button class="primary but" type="primary" @click="getData()"
+      >查询</el-button
+    >
+
+    <!-- 表格 -->
+    <el-table
+      v-loading="loading"
+      :data="tableData"
+      border
+      style="width: 100%; margin-top: 25px"
+    >
+      <el-table-column prop="levelName" align="center" label="Boom等级" />
+      <el-table-column prop="goldNum" align="center" label="金币任务数" />
+      <el-table-column prop="countDownVapUrl" align="center" label="Boom等级图">
+        <template v-slot="scope">
+          <el-image
+            style="width: 100px; height: 100px"
+            :src="scope.row.pic"
+            :zoom-rate="1.1"
+            :preview-src-list="[scope.row.pic]"
+            fit="contain"
+            preview-teleported="true"
+            hide-on-click-modal="true"
+          />
+        </template>
+      </el-table-column>
+      <el-table-column prop="x" align="center" label="Boom倒计时">
+        <template v-slot="scope">
+          <video
+            :key="scope.row.countDownVapUrl"
+            width="320"
+            height="240"
+            controls="controls"
+          >
+            <source :src="scope.row.countDownVapUrl" type="video/mp4" /></video
+        ></template>
+      </el-table-column>
+      <el-table-column prop="x" align="center" label="Boon"
+        ><template v-slot="scope">
+          <video
+            :key="scope.row.endVapUrl"
+            width="320"
+            height="240"
+            controls="controls"
+          >
+            <source :src="scope.row.endVapUrl" type="video/mp4" /></video
+        ></template>
+      </el-table-column>
+      <el-table-column align="center" label="操作" width="300">
+        <template v-slot="scope">
+          <el-button
+            @click="
+              eidObj.level = scope.row.level;
+              eidObj.goldNum = scope.row.goldNum;
+              eidObj.imageUrl1 = scope.row.pic;
+              eidObj.imageUrl2 = scope.row.countDownVapUrl;
+              eidObj.imageUrl3 = scope.row.endVapUrl;
+              id = scope.row.id;
+              eidDialogBox = true;
+            "
+            type="text"
+            size="default"
+            >编辑</el-button
+          >
+          <el-button
+            @click="
+              member.level = scope.row.level;
+              member.goldNum = scope.row.goldNum;
+              seeList(scope.row);
+            "
+            type="text"
+            size="default"
+            >查看明细</el-button
+          >
+          <el-button
+            @click="
+              member.level = scope.row.level;
+              member.goldNum = scope.row.goldNum;
+              id = scope.row.level;
+              eidList(scope.row);
+            "
+            type="text"
+            size="default"
+            >编辑明细</el-button
+          >
+        </template>
+      </el-table-column>
+    </el-table>
+    <!-- 等级奖励配置（查看） -->
+    <el-dialog v-model="memberDialog" title="等级奖励配置（查看）" center>
+      <div class="inquire">
+        <span>Boom等级：{{ member.level }}</span>
+      </div>
+      <div class="inquire">
+        <span>金币任务数量：{{ member.goldNum }}</span>
+      </div>
+      <!-- 内嵌表格 -->
+      <el-table
+        :data="member.tableData"
+        border
+        style="width: 100%; margin-top: 25px"
+      >
+        <el-table-column prop="seq" align="center" label="排序" />
+        <el-table-column prop="x" align="center" label="奖品类型">
+          <template v-slot="scope">
+            {{
+              scope.row.awardType == 8
+                ? "金币"
+                : scope.row.awardType == 6
+                ? "礼物"
+                : scope.row.awardType == 5
+                ? "座驾"
+                : scope.row.awardType == 1
+                ? "头饰"
+                : scope.row.awardType == 3
+                ? "气泡"
+                : scope.row.awardType == 10
+                ? "VIP"
+                : scope.row.awardType == 11
+                ? "勋章"
+                : scope.row.awardType == 13
+                ? "金豆"
+                : "铭牌"
+            }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="awardNum" align="center" label="奖品天数" />
+        <el-table-column prop="type" align="center" label="用户身份">
+          <template v-slot="scope">
+            {{ scope.row.type == 1 ? "固定身份" : "随机身份" }}
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="awardId"
+          align="center"
+          label="奖品ID/VIP等级1"
+        />
+        <el-table-column prop="isShow" align="center" label="是否展示">
+          <template v-slot="scope">
+            {{ scope.row.isShow == 1 ? "是" : "否" }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="awardStock" align="center" label="奖品库存" />
+        <el-table-column prop="awardPic" align="center" label="奖励图片">
+        <template v-slot="scope">
+          <el-image
+            style="width: 100px; height: 100px"
+            :src="scope.row.awardPic"
+            :zoom-rate="1.1"
+            :preview-src-list="[scope.row.awardPic]"
+            fit="contain"
+            preview-teleported="true"
+            hide-on-click-modal="true"
+          />
+        </template>
+      </el-table-column>
+      </el-table>
+      <template #footer>
+        <span class="dialog-footer">
+          <el-button type="primary" @click="memberDialog = false">
+            关闭
+          </el-button>
+        </span>
+      </template>
+    </el-dialog>
+    <!-- 等级奖励配置（编辑） -->
+    <el-dialog v-model="eidDialog" title="等级奖励配置（编辑）" center>
+      <div class="inquire">
+        <span>Boom等级：{{ member.level }}</span>
+      </div>
+      <div class="inquire">
+        <span>金币任务数量：{{ member.goldNum }}</span>
+      </div>
+      <!-- 内嵌表格 -->
+      <el-table
+        :data="eid.tableData"
+        border
+        style="width: 100%; margin-top: 25px"
+      >
+        <el-table-column prop="seq" align="center" label="排序" />
+        <el-table-column prop="x" align="center" label="奖品类型">
+          <template v-slot="scope">
+            {{
+              scope.row.awardType == 8
+                ? "金币"
+                : scope.row.awardType == 6
+                ? "礼物"
+                : scope.row.awardType == 5
+                ? "座驾"
+                : scope.row.awardType == 1
+                ? "头饰"
+                : scope.row.awardType == 3
+                ? "气泡"
+                : scope.row.awardType == 10
+                ? "VIP"
+                : scope.row.awardType == 11
+                ? "勋章"
+                : scope.row.awardType == 13
+                ? "金豆"
+                : "铭牌"
+            }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="awardNum" align="center" label="奖品天数" />
+        <el-table-column prop="type" align="center" label="用户身份">
+          <template v-slot="scope">
+            {{ scope.row.type == 1 ? "固定身份" : "随机身份" }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="awardId" align="center" label="奖品ID/VIP等级" />
+        <el-table-column prop="awardPic" align="center" label="奖励图片">
+        <template v-slot="scope">
+          <el-image
+            style="width: 100px; height: 100px"
+            :src="scope.row.awardPic"
+            :zoom-rate="1.1"
+            :preview-src-list="[scope.row.awardPic]"
+            fit="contain"
+            preview-teleported="true"
+            hide-on-click-modal="true"
+          />
+        </template>
+      </el-table-column>
+        <el-table-column prop="isShow" align="center" label="是否展示">
+          <template v-slot="scope">
+            {{ scope.row.isShow == 1 ? "是" : "否" }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="awardStock" align="center" label="奖品库存" />
+        <el-table-column prop="x" align="center" label="操作">
+          <template v-slot="scope">
+            <el-button @click="editFun(scope.row)" type="text" size="default"
+              >编辑</el-button
+            >
+            <el-button @click="delFun(scope.row)" type="text" size="default"
+              >删除</el-button
+            >
+          </template>
+        </el-table-column>
+      </el-table>
+      <template #footer>
+        <span class="dialog-footer">
+          <el-button type="primary" @click="addDialog = true">
+            增加一条
+          </el-button>
+          <el-button type="primary" @click="eidDialog = false">
+            关闭
+          </el-button>
+        </span>
+      </template>
+    </el-dialog>
+    <!-- 增加一条弹窗 -->
+    <el-dialog
+      v-model="addDialog"
+      title="等级奖励配置（新增）"
+      class="addBox"
+      center
+      width="26%"
+    >
+      <div class="inquire">
+        <span>奖品类型：</span>
+        <el-select filterable v-model="addObj.giftVal" placeholder="请选择">
+          <el-option
+            v-for="item in addObj.giftType"
+            :key="item.id"
+            :label="item.desc"
+            :value="item.value"
+          >
+          </el-option>
+        </el-select>
+      </div>
+      <div class="inquire">
+        <span>用户身份：</span>
+        <el-select filterable v-model="addObj.type" placeholder="请选择">
+          <el-option
+            v-for="item in addObj.typeArr"
+            :key="item.id"
+            :label="item.desc"
+            :value="item.value"
+          >
+          </el-option>
+        </el-select>
+      </div>
+      <div class="inquire">
+        <span>奖品ID/VIP等级:</span>
+        <el-input
+          v-model="addObj.giftId"
+          placeholder=""
+          class="input"
+        ></el-input>
+      </div>
+      <div class="inquire">
+        <span>奖励数量/天数：</span>
+        <el-input
+          v-model="addObj.giftNum"
+          placeholder=""
+          class="input"
+        ></el-input>
+      </div>
+      <div class="inquire">
+        <span>库存：</span>
+        <el-input
+          v-model="addObj.awardStock"
+          placeholder=""
+          class="input"
+        ></el-input>
+      </div>
+      <div class="inquire">
+        <span>顺序:</span>
+        <el-input v-model="addObj.sNo" placeholder="" class="input"></el-input>
+      </div>
+      <div class="inquire">
+        <span>是否展示：</span>
+        <el-select filterable v-model="addObj.showVal" placeholder="请选择">
+          <el-option
+            v-for="item in addObj.show"
+            :key="item.id"
+            :label="item.desc"
+            :value="item.value"
+          >
+          </el-option>
+        </el-select>
+      </div>
+      <div class="inquire">
+        <span>奖励图片：</span>
+        <el-upload
+          class="avatar-uploader"
+          action="/admin/tencent/cos/upload/file"
+          :show-file-list="false"
+          :on-success="handleAvatarSuccess4"
+          :before-upload="beforeAvatarUpload"
+          :on-error="handleAvatarError"
+        >
+          <img v-if="addObj.imageUrl" :src="addObj.imageUrl" class="avatar" />
+          <el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon>
+        </el-upload>
+      </div>
+      <template #footer>
+        <span class="dialog-footer">
+          <el-button type="primary" @click="addFun()"> 保存 </el-button>
+          <el-button type="primary" @click="addDialog = false">
+            取消
+          </el-button>
+        </span>
+      </template>
+    </el-dialog>
+    <!-- 编辑弹窗 -->
+    <el-dialog
+      v-model="editDialog"
+      title="等级奖励配置（编辑）"
+      class="addBox"
+      center
+      width="26%"
+    >
+      <div class="inquire">
+        <span>奖品类型：</span>
+        <el-select filterable v-model="editObj.giftVal" placeholder="请选择">
+          <el-option
+            v-for="item in editObj.giftType"
+            :key="item.id"
+            :label="item.desc"
+            :value="item.value"
+          >
+          </el-option>
+        </el-select>
+      </div>
+      <div class="inquire">
+        <span>用户身份：</span>
+        <el-select filterable v-model="editObj.type" placeholder="请选择">
+          <el-option
+            v-for="item in editObj.typeArr"
+            :key="item.id"
+            :label="item.desc"
+            :value="item.value"
+          >
+          </el-option>
+        </el-select>
+      </div>
+      <div class="inquire">
+        <span>奖品ID/VIP等级:</span>
+        <el-input
+          v-model="editObj.giftId"
+          placeholder=""
+          class="input"
+        ></el-input>
+      </div>
+      <div class="inquire">
+        <span>奖励数量/天数：</span>
+        <el-input
+          v-model="editObj.giftNum"
+          placeholder=""
+          class="input"
+        ></el-input>
+      </div>
+      <div class="inquire">
+        <span>库存：</span>
+        <el-input
+          v-model="editObj.awardStock"
+          placeholder=""
+          class="input"
+        ></el-input>
+      </div>
+      <div class="inquire">
+        <span>顺序:</span>
+        <el-input v-model="editObj.sNo" placeholder="" class="input"></el-input>
+      </div>
+      <div class="inquire">
+        <span>是否展示：</span>
+        <el-select filterable v-model="editObj.showVal" placeholder="请选择">
+          <el-option
+            v-for="item in editObj.show"
+            :key="item.id"
+            :label="item.desc"
+            :value="item.value"
+          >
+          </el-option>
+        </el-select>
+      </div>
+      <div class="inquire">
+        <span>奖励图片：</span>
+        <el-upload
+          class="avatar-uploader"
+          action="/admin/tencent/cos/upload/file"
+          :show-file-list="false"
+          :on-success="handleAvatarSuccess5"
+          :before-upload="beforeAvatarUpload"
+          :on-error="handleAvatarError"
+        >
+          <img v-if="editObj.imageUrl" :src="editObj.imageUrl" class="avatar" />
+          <el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon>
+        </el-upload>
+      </div>
+      <template #footer>
+        <span class="dialog-footer">
+          <el-button type="primary" @click="editSaveFun()"> 保存 </el-button>
+          <el-button type="primary" @click="editDialog = false">
+            取消
+          </el-button>
+        </span>
+      </template>
+    </el-dialog>
+    <!-- 编辑弹窗 -->
+    <el-dialog
+      v-model="eidDialogBox"
+      title="编辑"
+      class="addBox"
+      center
+      width="26%"
+    >
+      <div class="inquire">
+        <span>BOOM等级：</span>
+        <el-input
+          v-model="eidObj.level"
+          placeholder=""
+          class="input"
+          disabled
+        ></el-input>
+      </div>
+      <div class="inquire">
+        <span>金币任务数：</span>
+        <el-input
+          v-model="eidObj.goldNum"
+          placeholder=""
+          class="input"
+        ></el-input>
+      </div>
+      <div class="inquire">
+        <span style="float: left">等级图：</span>
+        <el-upload
+          style="float: left"
+          class="avatar-uploader input"
+          action="/admin/tencent/cos/upload/file"
+          :show-file-list="false"
+          :on-success="handleAvatarSuccess1"
+          :before-upload="beforeAvatarUpload"
+          :on-error="handleAvatarError"
+        >
+          <img v-if="eidObj.imageUrl1" :src="eidObj.imageUrl1" class="avatar" />
+          <el-icon v-else class="avatar-uploader-icon">
+            <Plus />
+          </el-icon>
+        </el-upload>
+      </div>
+      <div class="inquire">
+        <span style="float: left">倒计时：</span>
+        <el-upload
+          style="float: left; width: 200px; height: 150px"
+          class="avatar-uploader input"
+          action="/admin/tencent/cos/upload/file"
+          :show-file-list="false"
+          :on-success="handleAvatarSuccess2"
+          :before-upload="beforeAvatarUpload"
+          :on-error="handleAvatarError"
+        >
+          <video
+            v-if="eidObj.imageUrl2"
+            :key="eidObj.imageUrl2"
+            autoplay
+            width="320"
+            height="240"
+            controls="controls"
+          >
+            <source :src="eidObj.imageUrl2" type="video/mp4" />
+          </video>
+        </el-upload>
+      </div>
+      <div class="inquire">
+        <span style="float: left">Boom：</span>
+        <el-upload
+          style="float: left; width: 200px; height: 150px"
+          class="avatar-uploader input"
+          action="/admin/tencent/cos/upload/file"
+          :show-file-list="false"
+          :on-success="handleAvatarSuccess3"
+          :before-upload="beforeAvatarUpload"
+          :on-error="handleAvatarError"
+        >
+          <video
+            v-if="eidObj.imageUrl3"
+            :key="eidObj.imageUrl3"
+            autoplay
+            width="320"
+            height="240"
+            controls="controls"
+          >
+            <source :src="eidObj.imageUrl3" type="video/mp4" />
+          </video>
+        </el-upload>
+      </div>
+
+      <template #footer>
+        <span class="dialog-footer">
+          <el-button type="primary" @click="levelUpdateFun()"> 保存 </el-button>
+          <el-button type="primary" @click="eidDialogBox = false">
+            取消
+          </el-button>
+        </span>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import {
+  levelList,
+  levelUpdate,
+  awardList,
+  awardUpdate,
+  awardDel,
+} from "@/api/boom/boom";
+import { ElMessage } from "element-plus";
+import PartitionSelect from "@/views/common/partitionSelect.vue";
+export default {
+  name: "levelSet",
+  components: {PartitionSelect},
+  data() {
+    return {
+      id: "",
+      loading: false,
+      //查询所需条件对象
+      inquire: {
+        partitionId: undefined,
+        options: [],
+      },
+      // 表格
+      tableData: [],
+      // 内嵌表格查看
+      memberDialog: false,
+      member: {
+        level: "",
+        goldNum: "",
+        tableData: [],
+      },
+      // 内嵌表格编辑
+      eidDialog: false,
+      eid: {
+        tableData: [],
+      },
+      //   编辑弹窗
+      editDialog: false,
+      editObj: {
+        imageUrl: "",
+        giftVal: 8,
+        giftType: [
+          { desc: "金币", value: 8 },
+          { desc: "礼物", value: 6 },
+          { desc: "座驾", value: 5 },
+          { desc: "头饰", value: 1 },
+          { desc: "气泡", value: 3 },
+          { desc: "VIP", value: 10 },
+          { desc: "勋章", value: 11 },
+          { desc: "铭牌", value: 2 },
+          { desc: "金豆", value: 13 },
+        ],
+        type: "",
+        typeArr: [
+          { desc: "固定身份", value: 1 },
+          { desc: "随机身份", value: 2 },
+        ],
+        giftId: "",
+        giftNum: "",
+        awardStock: "",
+        sNo: "",
+        showVal: "",
+        id: "",
+        show: [
+          { desc: "是", value: 1 },
+          { desc: "否", value: 0 },
+        ],
+      },
+      //   新增弹窗
+      addDialog: false,
+      addObj: {
+        imageUrl: "",
+        giftVal: 8,
+        giftType: [
+          { desc: "金币", value: 8 },
+          { desc: "礼物", value: 6 },
+          { desc: "座驾", value: 5 },
+          { desc: "头饰", value: 1 },
+          { desc: "气泡", value: 3 },
+          { desc: "VIP", value: 10 },
+          { desc: "勋章", value: 11 },
+          { desc: "铭牌", value: 2 },
+          { desc: "金豆", value: 13 },
+        ],
+        type: "",
+        typeArr: [
+          { desc: "固定身份", value: 1 },
+          { desc: "随机身份", value: 2 },
+        ],
+        giftId: "",
+        giftNum: "",
+        awardStock: "",
+        sNo: "",
+        showVal: "",
+        show: [
+          { desc: "是", value: 1 },
+          { desc: "否", value: 0 },
+        ],
+      },
+      //编辑
+      eidDialogBox: false,
+      eidObj: {
+        level: "",
+        goldNum: "",
+        imageUrl1: "",
+        imageUrl2: "",
+        imageUrl3: "",
+      },
+      // 分页
+      total: 0, //总页数
+      currentPage: 1, //页码
+      pageSize: 5, //条数
+    };
+  },
+  methods: {
+    // 查询接口
+    getData() {
+      this.loading = true;
+      levelList({
+        partitionId: this.inquire.partitionId,
+      }).then((res) => {
+        if (res.code == 200) {
+          // this.total = res.data.total;
+          // this.tableData = res.data.records;
+          this.tableData = res.data;
+          this.loading = false;
+        } else {
+          ElMessage({
+            showClose: true,
+            message: res.message,
+            type: "error",
+          });
+        }
+      });
+    },
+    // 编辑弹窗
+    editFun(val) {
+      this.editObj.giftVal = val.awardType;
+      this.editObj.giftNum = val.awardNum;
+      this.editObj.giftId = val.awardId;
+      this.editObj.awardStock = val.awardStock;
+      this.editObj.sNo = val.seq;
+      this.editObj.showVal = val.isShow;
+      this.editObj.type = val.type;
+      this.editObj.imageUrl = val.awardPic;
+      this.editObj.id = val.id;
+      this.editDialog = true;
+    },
+    // 确认编辑弹窗
+    editSaveFun() {
+      var level = this.id;
+      var obj = {
+        awardType: this.editObj.giftVal,
+        awardNum: this.editObj.giftNum,
+        awardId: this.editObj.giftId,
+        awardStock: this.editObj.awardStock,
+        seq: this.editObj.sNo,
+        isShow: this.editObj.showVal,
+        type: this.editObj.type,
+        awardPic: this.editObj.imageUrl,
+        id: this.editObj.id,
+        partitionId: this.inquire.partitionId,
+        level,
+      };
+      awardUpdate(obj).then((res) => {
+        if (res.code == 200) {
+          this.editDialog = false;
+          awardList({
+            level,
+            partitionId: this.inquire.partitionId,
+          }).then((res) => {
+            this.eid.tableData = res.data;
+            ElMessage({
+              showClose: true,
+              message: "成功",
+              type: "success",
+            });
+          });
+        } else {
+          ElMessage({
+            showClose: true,
+            message: res.message,
+            type: "error",
+          });
+        }
+      });
+    },
+    // 新增
+    addFun() {
+      var level = this.id;
+      var obj = {
+        awardType: this.addObj.giftVal,
+        awardNum: this.addObj.giftNum,
+        awardId: this.addObj.giftId,
+        awardStock: this.addObj.awardStock,
+        seq: this.addObj.sNo,
+        isShow: this.addObj.showVal,
+        type: this.addObj.type,
+        awardPic: this.addObj.imageUrl,
+        partitionId: this.inquire.partitionId,
+        level,
+      };
+      awardUpdate(obj).then((res) => {
+        if (res.code == 200) {
+          this.addDialog = false;
+          awardList({
+            level,
+            partitionId: this.inquire.partitionId,
+          }).then((res) => {
+            this.eid.tableData = res.data;
+            ElMessage({
+              showClose: true,
+              message: "成功",
+              type: "success",
+            });
+          });
+        } else {
+          ElMessage({
+            showClose: true,
+            message: res.message,
+            type: "error",
+          });
+        }
+      });
+    },
+    // 删除
+    delFun(val) {
+      var level = this.id;
+      awardDel({
+        id: val.id,
+      }).then((res) => {
+        if (res.code == 200) {
+          awardList({
+            level,
+            partitionId: this.inquire.partitionId,
+          }).then((res) => {
+            this.eid.tableData = res.data;
+            ElMessage({
+              showClose: true,
+              message: "成功",
+              type: "success",
+            });
+          });
+        } else {
+          ElMessage({
+            showClose: true,
+            message: res.message,
+            type: "error",
+          });
+        }
+      });
+    },
+    // 查看明细
+    seeList(val) {
+      awardList({
+        level: val.level,
+        partitionId: this.inquire.partitionId,
+      }).then((res) => {
+        this.memberDialog = true;
+        this.member.tableData = res.data;
+      });
+    },
+    eidList(val) {
+      awardList({
+        level: val.level,
+        partitionId: this.inquire.partitionId,
+      }).then((res) => {
+        this.eidDialog = true;
+        this.eid.tableData = res.data;
+      });
+    },
+    // 编辑列表
+    levelUpdateFun() {
+      var obj = {
+        id: this.id,
+        level: this.eidObj.level,
+        goldNum: this.eidObj.goldNum,
+        pic: this.eidObj.imageUrl1,
+        countDownVapUrl: this.eidObj.imageUrl2,
+        endVapUrl: this.eidObj.imageUrl3,
+        partition: this.inquire.partitionId,
+      };
+      levelUpdate(obj).then((res) => {
+        if (res.code == 200) {
+          ElMessage({
+            showClose: true,
+            message: "编辑成功！",
+            type: "success",
+          });
+          this.eidDialogBox = false;
+          this.getData();
+        } else {
+          ElMessage({
+            showClose: true,
+            message: res.success,
+            type: "error",
+          });
+        }
+      });
+    },
+    beforeAvatarUpload() {
+      ElMessage({
+        showClose: true,
+        message: "上传中,可能较慢，请等待上穿成功的提示在操作下一步~",
+        type: "warning",
+      });
+    },
+    handleAvatarError() {
+      ElMessage({
+        showClose: true,
+        message: "上传失败！",
+        type: "error",
+      });
+    },
+    handleAvatarSuccess1(res, file) {
+      console.log(file);
+      // this.ediObj.imageUrl = URL.createObjectURL();
+      this.eidObj.imageUrl1 = res.data;
+      ElMessage({
+        showClose: true,
+        message: "上传成功！",
+        type: "success",
+      });
+    },
+    handleAvatarSuccess2(res, file) {
+      console.log(file);
+      // this.ediObj.imageUrl = URL.createObjectURL();
+      this.eidObj.imageUrl2 = res.data;
+      ElMessage({
+        showClose: true,
+        message: "上传成功！",
+        type: "success",
+      });
+    },
+    handleAvatarSuccess3(res, file) {
+      console.log(file);
+      // this.ediObj.imageUrl = URL.createObjectURL();
+      this.eidObj.imageUrl3 = res.data;
+      ElMessage({
+        showClose: true,
+        message: "上传成功！",
+        type: "success",
+      });
+    },
+    handleAvatarSuccess4(res, file) {
+      console.log(file);
+      // this.ediObj.imageUrl = URL.createObjectURL();
+      this.addObj.imageUrl = res.data;
+      ElMessage({
+        showClose: true,
+        message: "上传成功！",
+        type: "success",
+      });
+    },
+    handleAvatarSuccess5(res, file) {
+      console.log(file);
+      // this.ediObj.imageUrl = URL.createObjectURL();
+      this.editObj.imageUrl = res.data;
+      ElMessage({
+        showClose: true,
+        message: "上传成功！",
+        type: "success",
+      });
+    },
+    // 分页导航
+    handleSizeChange() {
+      this.getData();
+    },
+    handleCurrentChange() {
+      this.getData();
+    },
+  },
+};
+</script>
+<style lang="less" scoped>
+.box {
+  padding-top: 20px;
+  background: #ecf0f5;
+  .inquire {
+    display: inline-block;
+    margin-right: 20px;
+    margin-bottom: 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;
+  }
+}
+.selectBox {
+  display: flex;
+  height: 35px;
+  line-height: 35px;
+  margin-bottom: 20px;
+}
+.selectBoxImg {
+  height: 150px;
+}
+.addBox {
+  .el-dialog__body {
+    .inquire {
+      span {
+        margin-right: 10px;
+        width: 113px;
+        display: inline-block;
+      }
+      .input {
+        width: 180px;
+        margin-right: 10px;
+      }
+    }
+  }
+}
+</style>

src/views/boom/recordData.vue

@@ -0,0 +1,410 @@
+<template>
+  <div class="box">
+    <!-- 查询 -->
+    <div class="inquire">
+      <span>分区</span>
+      <partition-select v-model:partition-id="inquire.partitionId" v-model:partition-infos="inquire.options" />
+    </div>
+    <div class="inquire">
+      <span>房间ID:</span>
+      <el-input
+        v-model="inquire.roomId"
+        placeholder=""
+        class="input"
+      ></el-input>
+    </div>
+    <div class="inquire">
+      <span>BOOM等级:</span>
+      <el-input
+        v-model="inquire.boomLevel"
+        placeholder=""
+        class="input"
+      ></el-input>
+    </div>
+    <div class="inquire">
+      <span>触发者ID：</span>
+      <el-input
+        v-model="inquire.triggererId"
+        placeholder=""
+        class="input"
+      ></el-input>
+    </div>
+    <div class="inquire">
+      <div class="block">
+        <span class="demonstration">开始时间</span>
+        <el-date-picker
+          v-model="inquire.time[0]"
+          type="datetime"
+          placeholder="开始时间"
+        >
+        </el-date-picker>
+      </div>
+    </div>
+    <div class="inquire">
+      <div class="block">
+        <span class="demonstration">结束时间</span>
+        <el-date-picker
+          v-model="inquire.time[1]"
+          type="datetime"
+          placeholder="结束时间"
+        >
+        </el-date-picker>
+      </div>
+    </div>
+
+    <!-- 查询按钮 -->
+    <el-button class="primary but" type="primary" @click="getData()"
+      >查询</el-button
+    >
+    <el-button
+      class="primary"
+      type="primary"
+      @click="
+        inquire.partitionId = inquire.options[0].id;
+        inquire.roomId = '';
+        inquire.boomLevel = '';
+        inquire.triggererId = '';
+        inquire.time = [];
+        getData();
+      "
+      >重置查询</el-button
+    >
+    <el-button
+      class="primary"
+      type="primary"
+      @click="diamondStatisticsExportFun()"
+      >导出</el-button
+    >
+
+    <!-- 表格 -->
+    <el-table
+      v-loading="loading"
+      :data="tableData"
+      border
+      style="width: 100%; margin-top: 25px"
+    >
+      <el-table-column prop="cycleDate" align="center" label="日期" />
+      <el-table-column prop="roomErbanNo" align="center" label="房间ID" />
+      <el-table-column prop="level" align="center" label="Boom等级" />
+      <el-table-column prop="erbanNo" align="center" label="触发者ID" />
+      <el-table-column prop="drawTime" align="center" label="触发时间" />
+      <el-table-column prop="num" align="center" label="参与用户数" />
+      <el-table-column prop="awardNum" align="center" label="发放奖励数" />
+      <el-table-column prop="ownerGold" align="center" label="获得金币数" />
+      <el-table-column align="center" label="操作" width="300">
+        <template v-slot="scope">
+          <el-button
+            @click="
+              memberVal = scope.row;
+              detailListFun();
+            "
+            type="text"
+            size="default"
+            >贡献及获奖明细</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-loading="loading2"
+      v-model="memberDialog"
+      title="贡献或获奖明细"
+      center
+    >
+      <!-- 内嵌表格 -->
+      <el-table
+        :data="member.tableData"
+        border
+        style="width: 100%; margin-top: 25px"
+      >
+        <el-table-column prop="roleType" align="center" label="角色">
+          <template v-slot="scope">
+            {{
+              scope.row.roleType == 1
+                ? "房主"
+                : scope.row.roleType == 2
+                ? "贡献榜1"
+                : scope.row.roleType == 3
+                ? "贡献榜2"
+                : scope.row.roleType == 4
+                ? "贡献榜3"
+                : scope.row.roleType == 5
+                ? "boom触发者"
+                : scope.row.roleType == 6
+                ? "房内普通用户"
+                : ""
+            }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="erbanNo" align="center" label="用户ID" />
+        <el-table-column prop="nick" align="center" label="用户昵称" />
+        <el-table-column prop="exper" align="center" label="贡献值" />
+        <el-table-column prop="level" align="center" label="Boom等级" />
+        <el-table-column prop="awardType" align="center" label="奖品类型">
+          <template v-slot="scope">
+            {{
+              scope.row.awardType == 8
+                ? "金币"
+                : scope.row.awardType == 6
+                ? "礼物"
+                : scope.row.awardType == 5
+                ? "座驾"
+                : scope.row.awardType == 1
+                ? "头饰"
+                : scope.row.awardType == 3
+                ? "气泡"
+                : scope.row.awardType == 10
+                ? "VIP"
+                : scope.row.awardType == 11
+                ? "勋章"
+                : scope.row.awardType == 13
+                ? "金豆"
+                : "铭牌"
+            }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="awardName" align="center" label="获得奖励" />
+        <el-table-column prop="awardNum" align="center" label="获得奖励数" />
+        <el-table-column
+          prop="createTime"
+          align="center"
+          label="奖励发放时间"
+        >
+        <template v-slot="scope">{{
+          convertTimestamp(scope.row.createTime)
+        }}</template>
+        </el-table-column>
+      </el-table>
+      <!-- 分页 -->
+      <el-pagination
+        style="margin-top: 10px"
+        class="paginationClass"
+        v-model:current-page="currentPage2"
+        v-model:page-size="pageSize2"
+        :page-sizes="[10, 20, 30, 40, 50, 100, 200, 300, 400, 500, 999999999]"
+        layout="sizes, prev, pager, next"
+        :total="total2"
+        @size-change="handleSizeChange2"
+        @current-change="handleCurrentChange2"
+      />
+      <template #footer>
+        <span class="dialog-footer">
+          <el-button type="primary" @click="memberDialog = false">
+            关闭
+          </el-button>
+        </span>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import {
+  recordList,
+  detailList,
+  recordExport,
+} from "@/api/boom/boom";
+// @ts-ignore
+import { dateFormat } from "@/utils/system-helper";
+// @ts-ignore
+import { ElMessage } from "element-plus";
+import PartitionSelect from "@/views/common/partitionSelect.vue";
+export default {
+  name: "recordData",
+  components: {PartitionSelect},
+  data() {
+    return {
+      loading: false,
+      loading2: false,
+      //查询所需条件对象
+      inquire: {
+        partitionId: undefined,
+        options: [],
+        roomId: "",
+        boomLevel: "",
+        triggererId: "",
+        time: [],
+      },
+      // 表格
+      tableData: [],
+      // 内嵌表格
+      memberDialog: false,
+      memberVal: null,
+      member: {
+        tableData: [],
+      },
+      //   新增弹窗
+      addDialog: false,
+      // 分页
+      total: 0, //总页数
+      currentPage: 1, //页码
+      pageSize: 10, //条数
+      // 分页
+      total2: 0, //总页数
+      currentPage2: 1, //页码
+      pageSize2: 10, //条数
+    };
+  },
+  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;
+      }
+      recordList({
+        partitionId: this.inquire.partitionId,
+        erbanNo: this.inquire.triggererId,
+        level: this.inquire.boomLevel,
+        roomErbanNo: this.inquire.roomId,
+        startTime: startTime,
+        endTime: endTime,
+        pageNo: this.currentPage,
+        pageSize: this.pageSize,
+      }).then((res) => {
+        if (res.code == 200) {
+          this.total = res.data.total;
+          this.tableData = res.data.records;
+          this.loading = false;
+        } else {
+          ElMessage({
+            showClose: true,
+            message: res.message,
+            type: "error",
+          });
+        }
+      });
+    },
+    // 详细弹窗
+    detailListFun() {
+      this.loading2 = 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;
+      }
+      detailList({
+        partitionId: this.inquire.partitionId,
+        signId: this.memberVal.signId,
+        level: this.memberVal.level,
+        startTime: startTime,
+        endTime: endTime,
+        pageNo: this.currentPage2,
+        pageSize: this.pageSize2,
+      }).then((res) => {
+        if (res.code == 200) {
+          this.total2 = res.data.total;
+          this.member.tableData = res.data.records;
+          this.memberDialog = true;
+          this.loading2 = false;
+        } else {
+          ElMessage({
+            showClose: true,
+            message: res.message,
+            type: "error",
+          });
+        }
+      });
+    },
+    diamondStatisticsExportFun() {
+      let time = this.inquire.time;
+      let startTime = "";
+      let endTime = "";
+      if (time.length > 0) {
+        startTime = this.inquire.time[0]
+          ? dateFormat(this.inquire.time[0], "yyyy-MM-dd hh:mm:ss")
+          : "";
+        endTime = this.inquire.time[1]
+          ? dateFormat(this.inquire.time[1], "yyyy-MM-dd hh:mm:ss")
+          : "";
+      }
+      recordExport({
+        partitionId: this.inquire.partitionId,
+        erbanNo: this.inquire.triggererId,
+        level: this.inquire.boomLevel,
+        roomErbanNo: this.inquire.roomId,
+        startTime: startTime,
+        endTime: endTime,
+      }).then();
+    },
+   convertTimestamp (time) {
+      let date = new Date(time);
+      return date.format("yyyy-MM-dd hh:mm:ss");
+    },
+    // 分页详情导航
+    handleSizeChange2() {
+      this.detailListFun();
+    },
+    handleCurrentChange2() {
+      this.detailListFun();
+    },
+    // 分页导航
+    handleSizeChange() {
+      this.getData();
+    },
+    handleCurrentChange() {
+      this.getData();
+    },
+  },
+};
+</script>
+<style lang="less" scoped>
+.box {
+  padding-top: 20px;
+  background: #ecf0f5;
+  .inquire {
+    display: inline-block;
+    margin-right: 20px;
+    margin-bottom: 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;
+  }
+}
+.selectBox {
+  display: flex;
+  height: 35px;
+  line-height: 35px;
+  margin-bottom: 20px;
+}
+.selectBoxImg {
+  height: 150px;
+}
+</style>

src/views/boom/roomActivityApplication.vue

@@ -0,0 +1,182 @@
+<template>
+    <div class="box">
+        <div class="inquire">
+            <span>分区</span>
+            <partition-select v-model:partition-id="formData.partitionId" />
+        </div>
+        <div class="inquire">
+            <span>房间ID:</span>
+            <el-input v-model="formData.roomErbanNo" placeholder="" class="input"></el-input>
+        </div>
+        <div class="inquire">
+            <div class="block">
+                <span class="demonstration">开始时间</span>
+                <el-date-picker v-model="formData.startTime" type="datetime" placeholder="开始时间">
+                </el-date-picker>
+            </div>
+        </div>
+        <div class="inquire">
+            <span class="demonstration">状态</span>
+            <el-select v-model="formData.eventStatus" placeholder="请选择">
+                <el-option label="全部" :value="-1"></el-option>
+                <el-option label="待审核" :value="0"></el-option>
+                <el-option label="审核通过" :value="1"></el-option>
+                <el-option label="拒绝" :value="2"></el-option>
+                <el-option label="删除" :value="3"></el-option>
+                <el-option label="过期" :value="4"></el-option>
+            </el-select>
+        </div>
+        <el-button style="" type="primary" @click="getData()">查询</el-button>
+        <!-- 表格数据 -->
+        <el-table v-loading="tableData.loading" :data="tableData.data" ref="multipleTable"
+            @selection-change="handleSelectionChange" border style="width: 100%; margin-top: 25px">
+            <el-table-column prop="id" align="center" label="id" />
+            <el-table-column prop="roomErbanNo" align="center" label="房间ID" />
+            <el-table-column prop="erbanNo" align="center" label="举办人ID" />
+            <el-table-column prop="nick" align="center" label="举办人昵称" />
+            <el-table-column prop="partitionDesc" align="center" label="分区" />
+            <el-table-column prop="eventTopic" align="center" label="活动标题" />
+            <el-table-column prop="eventDetail" align="center" label="活动内容" />
+            <el-table-column prop="eventBanner" align="center" label="活动banner" >
+                <template v-slot="scope">
+                    <el-image style="width: 100px; height: 100px" :src="scope.row.eventBanner" :zoom-rate="1.1"
+                        :preview-src-list="[scope.row.eventBanner]" fit="scale-down" preview-teleported="true"
+                        hide-on-click-modal="true" />
+                </template>
+            </el-table-column>
+            <el-table-column prop="eventStartTimeStr" align="center" label="开始时间" />
+            <el-table-column prop="eventDuration" align="center" label="活动时长（分钟）" />
+            <el-table-column prop="createTimeStr" align="center" label="提交时间" />
+            <el-table-column align="center" label="操作" width="200">
+                <template v-slot="scope">
+                    <template v-if="scope.row.eventStatus === 0">
+                        <el-button class="primary" type="primary" @click="
+                            operatorEvent(scope.row, 1);
+                        " size="default">同意</el-button>
+                        <el-button class="primary" type="danger" @click="
+                            operatorEvent(scope.row, 2);
+                        " size="default">拒绝</el-button>
+                    </template>
+                    <template v-else>
+                        {{ scope.row.eventStatus === 1 ? '审核通过' : scope.row.eventStatus === 2 ? '已拒绝' :
+                            scope.row.eventStatus === 3 ? '已删除' + '('+scope.row.remark+')' : '已过期' }}
+                    </template>
+                </template>
+            </el-table-column>
+            <el-table-column prop="operator" align="center" label="操作人" />
+        </el-table>
+        <!-- 分页 -->
+        <el-pagination style="margin-top: 10px" class="paginationClass" :current-page="formData.pageNo"
+            :page-size="formData.pageSize" :page-sizes="[10, 20, 50, 100, 200]" layout="sizes, prev, pager, next"
+            :total="tableData.total" @size-change="handleSizeChange" @current-change="handleCurrentChange" />
+    </div>
+</template>
+
+<script>
+import { ref, onMounted, reactive } from 'vue'
+import PartitionSelect from "../common/partitionSelect.vue";
+import { ElMessage, ElMessageBox } from "element-plus";
+import { dateFormat } from "@/utils/system-helper";
+import { getListEvent, operatorListEvent } from "@/api/boom/roomActivityApplication";
+export default {
+    name: "roomActivityApplication",
+    components: { PartitionSelect },
+    setup() {
+        const formData = reactive({
+            partitionId: undefined,
+            roomErbanNo: '',
+            startTime: '',
+            eventStatus: -1,
+            pageNo: 1,
+            pageSize: 10,
+        });
+        const tableData = reactive({
+            data: [],
+            total: 0,
+            loading: false,
+        })
+        const getData = () => {
+            if (formData.startTime) {
+                formData.startTime = dateFormat(formData.startTime, "yyyy-MM-dd hh:mm:ss")
+            }
+            tableData.loading = true;
+            getListEvent(formData).then(res => {
+                if (res.code == 200) {
+                    tableData.data = res.data.rows
+                    tableData.loading = false;
+                    tableData.total = res.data.total
+
+                } else {
+                    tableData.loading = false;
+                    ElMessage.error(res.message);
+                }
+            })
+        };
+        const operatorEvent = (row, eventStatus) => {
+            const eventId = row.id;
+            ElMessageBox.confirm('确认此操作吗', "提示", {
+                type: "warning",
+                confirmButtonText: "确定",
+                cancelButtonText: "取消",
+            }).then(() => {
+                operatorListEvent({ eventId, eventStatus }).then(res => {
+                    if (res.code === 200) {
+                        ElMessage.success('操作成功');
+                        getData();
+                    } else {
+                        ElMessage.error(res.message);
+                    }
+                })
+            })
+
+
+        }
+        const handleSizeChange = (val) => {
+            formData.pageSize = val;
+            getData();
+        };
+        const handleCurrentChange = (val) => {
+            formData.pageNo = val;
+            getData();
+        };
+        return {
+            formData,
+            getData,
+            tableData,
+            handleSizeChange,
+            handleCurrentChange,
+            operatorEvent
+        }
+    }
+}
+</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>

src/views/boom/roomActivityDataStatistics.vue

@@ -0,0 +1,121 @@
+<template>
+    <div class="box">
+        <div class="inquire">
+            <span>分区</span>
+            <partition-select v-model:partition-id="formData.partitionId" />
+        </div>
+        <div class="inquire">
+            <span>房间ID:</span>
+            <el-input v-model="formData.roomErbanNo" placeholder="" class="input"></el-input>
+        </div>
+        <div class="inquire">
+            <div class="block">
+                <span class="demonstration">开始时间</span>
+                <el-date-picker v-model="formData.startTime" type="datetime" placeholder="开始时间">
+                </el-date-picker>
+            </div>
+        </div>
+        <el-button style="" type="primary" @click="getData()">查询</el-button>
+        <!-- 表格数据 -->
+        <el-table v-loading="tableData.loading" :data="tableData.data" ref="multipleTable"
+            @selection-change="handleSelectionChange" border style="width: 100%; margin-top: 25px">
+            <el-table-column prop="id" align="center" label="id" />
+            <el-table-column prop="roomErbanNo" align="center" label="房间ID" />
+            <el-table-column prop="erbanNo" align="center" label="举办人ID" />
+            <el-table-column prop="nick" align="center" label="举办人昵称" />
+            <el-table-column prop="partitionDesc" align="center" label="分区" />
+            <el-table-column prop="eventStartTimeStr" align="center" label="开始时间" />
+            <el-table-column prop="eventDuration" align="center" label="活动时长（分钟）" />
+            <el-table-column prop="diamondNum" align="center" label="房间钻石流水" />
+            <el-table-column prop="goldNum" align="center" label="房间金币流水" />
+        </el-table>
+        <!-- 分页 -->
+        <el-pagination style="margin-top: 10px" class="paginationClass" :current-page="formData.pageNo"
+            :page-size="formData.pageSize" :page-sizes="[10, 20, 50, 100, 200]" layout="sizes, prev, pager, next"
+            :total="tableData.total" @size-change="handleSizeChange" @current-change="handleCurrentChange" />
+    </div>
+</template>
+
+<script>
+import { ref, onMounted, reactive } from 'vue'
+import PartitionSelect from "../common/partitionSelect.vue";
+import { ElMessage, ElMessageBox } from "element-plus";
+import { getUserEventDataList } from "@/api/boom/roomActivityApplication";
+export default {
+    name: "roomActivityDataStatistics",
+    components: { PartitionSelect },
+    setup() {
+        const formData = reactive({
+            partitionId: undefined,
+            roomErbanNo: '',
+            startTime: '',
+            pageNo:1,
+            pageSize:10,
+        });
+        const tableData = reactive({
+            data: [],
+            total: 0,
+            loading: false,
+        })
+        const getData = () => {
+            tableData.loading = true;
+            getUserEventDataList(formData).then(res => {
+                if (res.code == 200) {
+                    tableData.data = res.data.rows
+                    tableData.loading = false;
+                    tableData.total = res.data.total
+
+                } else {
+                    tableData.loading = false;
+                    ElMessage.error(res.message);
+                }
+            })
+        };
+        const handleSizeChange = (val) => {
+            formData.pageSize = val;
+            getData();
+        };
+        const handleCurrentChange = (val) => {
+            formData.pageNo = val;
+            getData();
+        };
+        return {
+            formData,
+            getData,
+            tableData,
+            handleSizeChange,
+            handleCurrentChange
+        }
+    }
+}
+</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>

src/views/bravoGift/bravoGiftArrange.vue

@@ -0,0 +1,236 @@
+<template>
+    <div class="box">
+      <div class="condition">
+        <!-- 分区 -->
+        <div class="inquire">
+          <span>奖池</span>
+          <el-select
+            v-model="inquire.value"
+            placeholder="请选择"
+            @change="handleChange"
+          >
+            <el-option
+              v-for="item in inquire.options"
+              :key="item.type"
+              :label="item.name"
+              :value="item.type"
+            >
+            </el-option>
+          </el-select>
+        </div>
+      </div>
+  
+      <!-- 总分组 -->
+      <div class="allArr">
+        目前数组 <span>{{ allArr.length }} </span> 组:
+        <span class="span" v-for="(item, index) in allArr" :key="index">
+          {{ item.expect }},
+        </span>
+      </div>
+  
+      <!-- 数组设置 -->
+      <div class="arrSet">数组设置：</div>
+  
+      <!-- 数组内容 -->
+      <div class="boxs">
+        <div class="arrContent" v-for="(item, index) in arr" :key="index">
+          <div class="arrBox">
+            <div class="left">
+              <div class="left_in1">
+                数组ID: <b class="b1">{{ item.id }}</b> ,
+              </div>
+              <div class="left_in1">
+                期望: <b class="b1">{{ item.expect }}</b> ,
+              </div>
+              <div class="left_in2">
+                得到率: <b class="b2">{{ (item.winRate * 100).toFixed(2) }}%</b> ,
+              </div>
+            </div>
+            <div class="right" v-for="(arrInItem, i) in item.itemList" :key="i">
+              <span>{{ arrInItem.multi }}</span>
+              <el-input
+                @input="handleInput(index, i, $event)"
+                v-model="arrInItem.num"
+                placeholder=""
+                class="input"
+              />
+            </div>
+          </div>
+        </div>
+      </div>
+  
+      <!-- 按钮 -->
+      <div class="but">
+        <el-button class="primary" type="primary" @click="saveFun()"
+          >保存
+        </el-button>
+      </div>
+    </div>
+  </template>
+  <script>
+  import { listType, list, save } from "@/api/bravoGift/bravoGift";
+  // @ts-ignore
+  import { dateFormat } from "@/utils/system-helper";
+  // @ts-ignore
+  import { ElMessage } from "element-plus";
+  import moment from "moment-timezone";
+  export default {
+    name: "bravoGiftArrange",
+    data() {
+      return {
+        //查询所需条件对象
+        inquire: {
+          value: "",
+          options: [],
+        },
+        allArr: [], //总数组
+        arr: [], //处理下面总数组
+      };
+    },
+    created() {
+      listType().then((res) => {
+        this.inquire.options = res.data;
+        this.inquire.value = res.data[0].type;
+        this.getData();
+      });
+    },
+    methods: {
+      // 查询接口
+      getData() {
+        list({ type: this.inquire.value }).then((res) => {
+          this.allArr = res.data;
+          this.arr = res.data;
+        });
+      },
+      handleInput(index, i, val) {
+        // 期望值 expectedvalue = 倍数 * 5 * num / 2500
+        // 中奖率 winRate =不为θ的倍数的num / 500
+        this.arr[index].expect = this.calculationFun(index, i, val).expect;
+        this.arr[index].winRate = this.calculationFun(index, i, val).winRate;
+      },
+      // 计算函数
+      calculationFun(index, i, val) {
+        var expectNum = 0;
+        var winRate = 0;
+        this.arr[index].itemList.forEach((res) => {
+          expectNum += res.multi * res.num;
+          winRate += Number(res.num);
+        });
+        console.log(winRate);
+        return {
+          expect: (expectNum / 500).toFixed(2),
+          winRate: (winRate / 500).toFixed(4),
+        };
+      },
+      // 保存
+      saveFun() {
+        //
+        save(
+          JSON.stringify({ poolList: this.arr, type: this.inquire.value })
+        ).then((res) => {
+          if (res.code == 200) {
+            ElMessage({
+              showClose: true,
+              message: "保存成功",
+              type: "success",
+            });
+            this.getData();
+          } else {
+            ElMessage({
+              showClose: true,
+              message: res.message,
+              type: "error",
+            });
+          }
+        });
+      },
+      // 监听类型
+      handleChange(value) {
+        this.inquire.value = value;
+        this.getData();
+      },
+    },
+  };
+  </script>
+  <style lang="less" scoped>
+  .box {
+    padding-top: 20px;
+    background: #ecf0f5;
+    font-size: 18px;
+    .condition {
+      margin-bottom: 20px;
+      .inquire {
+        display: inline-block;
+        margin-right: 20px;
+        span {
+          margin-right: 10px;
+        }
+        .input {
+          width: 180px;
+          margin-right: 10px;
+        }
+      }
+    }
+    .but {
+      margin-bottom: 20px;
+    }
+    .allArr {
+      margin: 20px 0 10px 0;
+      span {
+        color: red;
+      }
+      .span {
+        margin: 0 10px;
+      }
+    }
+    .arrSet {
+      margin-bottom: 0px;
+    }
+    .boxs {
+      display: flex;
+      // justify-content: space-between;
+      flex-wrap: wrap;
+      .arrContent {
+        // margin-bottom: 20px;
+        width: 190px;
+        // height: 395px;
+        line-height: 30px;
+        margin-bottom: 20px;
+        .arrBox {
+          .left {
+            // float: left;
+            div {
+              min-width: 100px;
+              display: block;
+              // margin-bottom: -25px;
+              .b1 {
+                color: red;
+              }
+              .b2 {
+                color: blue;
+              }
+            }
+            .left_in2 {
+              margin-bottom: 10px
+            }
+          }
+          .right {
+            float: left;
+            margin-bottom: 15px;
+            span {
+              display: inline-block;
+              width: 45px;
+            }
+            .input {
+              display: inline-block;
+              width: 100px;
+              margin-right: 10px;
+              font-size: 16px;
+            }
+          }
+        }
+      }
+    }
+  }
+  </style>
+  

src/views/bravoGift/bravoGiftData.vue

@@ -0,0 +1,255 @@
+<template>
+  <div class="box">
+    <!-- ID -->
+    <div class="condition">
+      <!-- 分区 -->
+      <div class="inquire">
+        <span>分区</span>
+        <partition-select v-model:partition-id="inquire.value"
+                          v-model:partition-infos="inquire.options"
+        />
+      </div>
+      <div class="inquire">
+        <span>MoliStar ID</span>
+        <el-input v-model="inquire.userId" placeholder="" class="input">
+        </el-input>
+      </div>
+      <!-- 送出时间 -->
+      <div class="inquire">
+        <span>送出时间</span>
+        <el-date-picker v-model="inquire.time" type="date" placeholder="请选择">
+        </el-date-picker>
+      </div>
+    </div>
+    <el-button type="text">总进入：{{ totalInput }}</el-button>
+    <el-button type="text">总退出：{{ totalOutput }}</el-button>
+    <el-button type="text"
+      >总比例：{{ totalProductionRatio }}</el-button
+    >
+    <!-- 按钮 -->
+    <div class="but">
+      <el-button class="primary" type="primary" @click="getData()"
+        >查询
+      </el-button>
+      <el-button
+        @click="
+          inquire.userId = '';
+          inquire.time = '';
+        "
+        >重置筛选
+      </el-button>
+      <el-button
+        class="primary"
+        type="primary"
+        style="margin-left: 20px;"
+        :disabled="butClick"
+        @click="
+          editDialog = true;
+          type = 12;
+          editDialogTitle = '赠送1000倍奖励';
+          value = inquire.x;
+        "
+      >
+        赠送</el-button
+      >
+    </div>
+
+    <!-- 表格 -->
+    <el-table
+      v-loading="loading"
+      :data="tableData"
+      border
+      style="width: 100%; margin-top: 25px"
+    >
+      <el-table-column prop="date" align="center" label="日期" />
+      <el-table-column prop="uid" align="center" label="uid" />
+      <el-table-column prop="erbanNo" align="center" label="平台id" />
+      <el-table-column prop="totalInput" align="center" label="进入" />
+      <el-table-column prop="totalOutput" align="center" label="退出" />
+      <el-table-column prop="production" align="center" label="剩余" />
+      <el-table-column
+        prop="productionRatio"
+        align="center"
+        label="退出/进入"
+      />
+      <el-table-column prop="avgInput" align="center" label="每次进入" />
+      <el-table-column prop="num" align="center" label="总次数" />
+      <el-table-column prop="winNum" align="center" label="得到次数" />
+      <el-table-column prop="winRate" 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"
+    />
+
+    <!-- 编辑弹窗 -->
+    <el-dialog v-model="editDialog" :title="editDialogTitle" width="36%" center>
+      <div style="margin-bottom: 25px; margin-top: 10px">
+        <span
+          style="display: inline-block; margin-right: 20px"
+          class="col-sm-2 control-label"
+          >{{ editDialogTitle }}</span
+        >
+        <el-input
+          v-model="value"
+          style="width: 75%"
+          class="input"
+          placeholder="请输入用户ID"
+        ></el-input>
+      </div>
+
+      <template #footer>
+        <span class="dialog-footer">
+          <el-button
+            @click="
+              editDialog = false;
+              butClick = false;
+            "
+            >取消</el-button
+          >
+          <el-button
+            type="primary"
+            :disabled="butClick"
+            @click="editDialogClick()"
+          >
+            保存
+          </el-button>
+        </span>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import { personal, updateUserMulti } from "@/api/bravoGift/bravoGift";
+// @ts-ignore
+import { dateFormat } from "@/utils/system-helper";
+// @ts-ignore
+import { ElMessage } from "element-plus";
+import moment from "moment-timezone";
+import PartitionSelect from "@/views/common/partitionSelect.vue";
+export default {
+  name: "bravoGiftData",
+  components: {PartitionSelect},
+  data() {
+    return {
+      loading: false,
+      totalInput: 0,
+      totalOutput: 0,
+      totalProductionRatio: 0,
+      //查询所需条件对象
+      inquire: {
+        userId: "",
+        time: "",
+        value: undefined,
+        options: [],
+      },
+      // 表格
+      tableData: [],
+      // 分页
+      total: 10, //总页数
+      currentPage: 1, //页码
+      pageSize: 10, //条数
+      editDialog: false,
+      editDialogTitle: "",
+      value: "",
+      butClick:false
+    };
+  },
+  methods: {
+    // 查询接口
+    getData() {
+      this.butClick = false;
+      console.log(dateFormat(this.inquire.time, "yyyy-MM-dd"));
+      if (!this.inquire.time && this.inquire.userId == '') {
+        ElMessage({
+          showClose: true,
+          message: "时间和ID至少填一项",
+          type: "error",
+        });
+        return;
+      }
+      this.loading = true;
+      personal({
+        erbanNo: this.inquire.userId,
+        pageNo: this.currentPage,
+        pageSize: this.pageSize,
+        date: this.inquire.time
+          ? dateFormat(this.inquire.time, "yyyy-MM-dd")
+          : null,
+        partitionId: this.inquire.value,
+      }).then((res) => {
+        this.total = res.data.dataPage.total;
+        this.tableData = res.data.dataPage.rows;
+        this.totalInput = res.data.totalInput;
+        this.totalOutput = res.data.totalOutput;
+        this.totalProductionRatio = res.data.totalProductionRatio;
+        this.loading = false;
+      });
+    },
+    // 确认保存
+    editDialogClick() {
+      this.butClick = true;
+      updateUserMulti({ erbanNo: this.value }).then((res) => {
+        if (res.code == 200) {
+          ElMessage({
+            showClose: true,
+            message: "赠送成功",
+            type: "success",
+          });
+          setTimeout(() => {
+            this.butClick = false;
+          }, 1000);
+          this.editDialog = false;
+          this.getData();
+        } 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;
+  .condition {
+    margin-bottom: 20px;
+    .inquire {
+      display: inline-block;
+      margin-right: 20px;
+      span {
+        margin-right: 10px;
+      }
+      .input {
+        width: 180px;
+        margin-right: 10px;
+      }
+    }
+  }
+  .but {
+    margin-bottom: 20px;
+  }
+}
+</style>

src/views/bravoGift/bravoGiftDataAll.vue

@@ -0,0 +1,122 @@
+<template>
+  <div class="box">
+    <div class="condition">
+      <!-- 分区 -->
+      <div class="inquire">
+        <span>分区</span>
+        <partition-select v-model:partition-id="inquire.value"
+                          v-model:partition-infos="inquire.options"
+        />
+      </div>
+      <!-- 时间 -->
+      <!-- <div class="inquire">
+        <span>时间</span>
+        <el-date-picker v-model="inquire.time" type="date" placeholder="请选择">
+        </el-date-picker>
+      </div> -->
+    </div>
+    <!-- 按钮 -->
+    <div class="but">
+      <el-button class="primary" type="primary" @click="getData()"
+        >查询
+      </el-button>
+    </div>
+    <el-button type="text">数组出金币总额：{{ totalInput }}</el-button>
+    <el-button type="text">数组出返币总额：{{ totalOutput }}</el-button>
+    <el-button type="text">投产比：{{ totalProductionRatio }}</el-button>
+    <!-- 表格 -->
+    <el-table
+      v-loading="loading"
+      :data="tableData"
+      border
+      style="width: 100%; margin-top: 25px"
+    >
+      <el-table-column prop="date" align="center" label="日期" />
+      <el-table-column prop="totalInput" align="center" label="进入" />
+      <el-table-column prop="totalOutput" align="center" label="退出" />
+      <el-table-column
+        prop="productionRatio"
+        align="center"
+        label="退出/进入比例"
+      />
+      <el-table-column prop="num" align="center" label="参与次数" />
+      <el-table-column prop="count" align="center" label="参与人数" />
+      <el-table-column prop="winCount" align="center" label="得到人数" />
+      <el-table-column prop="winNum" align="center" label="得到次数" />
+      <el-table-column prop="winRate" align="center" label="得到率" />
+    </el-table>
+  </div>
+</template>
+<script>
+import { platform } from "@/api/bravoGift/bravoGift";
+import PartitionSelect from "@/views/common/partitionSelect.vue";
+export default {
+  name: "bravoGiftDataAll",
+  components: {PartitionSelect},
+  data() {
+    return {
+      loading: false,
+      totalInput: "0",
+      totalOutput: "0",
+      totalProductionRatio: "0",
+      //查询所需条件对象
+      inquire: {
+        value: undefined,
+        options: [],
+        time: "",
+      },
+      // 表格
+      tableData: [],
+      // 分页
+      total: 10, //总页数
+      currentPage: 1, //页码
+      pageSize: 10, //条数
+    };
+  },
+  methods: {
+    // 查询接口
+    getData() {
+      this.loading = true;
+      platform({
+        partitionId: this.inquire.value,
+      }).then((res) => {
+        this.totalInput = res.data.totalInput;
+        this.totalOutput = res.data.totalOutput;
+        this.totalProductionRatio = res.data.totalProductionRatio;
+        this.tableData = res.data.dataList;
+        this.loading = false;
+      });
+    },
+    // 分页导航
+    handleSizeChange() {
+      this.getData();
+    },
+    handleCurrentChange() {
+      this.getData();
+    },
+  },
+};
+</script>
+<style lang="less" scoped>
+.box {
+  padding-top: 20px;
+  background: #ecf0f5;
+  .condition {
+    margin-bottom: 20px;
+    .inquire {
+      display: inline-block;
+      margin-right: 20px;
+      span {
+        margin-right: 10px;
+      }
+      .input {
+        width: 180px;
+        margin-right: 10px;
+      }
+    }
+  }
+  .but {
+    margin-bottom: 20px;
+  }
+}
+</style>

src/views/bravoGift/bravoGiftSet.vue

@@ -0,0 +1,552 @@
+<template>
+    <div class="box">
+      <div class="condition">
+              <div class="inquire">
+          <span>用户上线列表</span>
+          <!-- @input="handleInput" -->
+          <el-input
+            v-model="inquire.followErbanNoList"
+            placeholder=""
+            class="input"
+            disabled
+          ></el-input>
+          <el-button
+            class="primary"
+            type="primary"
+            @click="
+              editDialog = true;
+              butClick = false;
+              type = 11;
+              editDialogTitle = '用户上线列表';
+              value = inquire.followErbanNoList;
+            "
+          >
+            编辑</el-button
+          >
+        </div>
+        <div class="inquire">
+          <span>用户W级列表</span>
+          <!-- @input="handleInput" -->
+          <!-- <el-input
+            v-model="inquire.whiteErbanNoProductionRatioMap"
+            placeholder=""
+            class="input"
+            disabled
+          ></el-input> -->
+          <el-button class="primary" type="primary" @click="detailsClick">
+            查看详情</el-button
+          >
+        </div>
+        <div class="inquire">
+          <span>用户B级列表</span>
+          <!-- @input="handleInput" -->
+          <el-input
+            v-model="inquire.blackErbanNoList"
+            placeholder=""
+            class="input"
+            disabled
+          ></el-input>
+          <el-button
+            class="primary"
+            type="primary"
+            @click="
+              editDialog = true;
+              butClick = false;
+              type = 13;
+              editDialogTitle = '用户B级列表';
+              value = inquire.blackErbanNoList;
+            "
+          >
+            编辑</el-button
+          >
+        </div>
+        <!-- 分区 -->
+        <div class="inquire">
+          <span>分区</span>
+          <partition-select v-model:partition-id="inquire.value" v-model:partition-infos="inquire.options" v-model:after-init="getData" @update:partitionId="handleChange"/>
+        </div>
+  
+        <div class="inquire">
+          <span>对比值N</span>
+          <!-- @input="handleInput" -->
+          <el-input
+            v-model="inquire.comparisonValue"
+            placeholder=""
+            class="input"
+            disabled
+          ></el-input>
+          <el-button
+            class="primary"
+            type="primary"
+            @click="
+              editDialog = true;
+              butClick = false;
+              type = 1;
+              editDialogTitle = '对比值N';
+              value = inquire.comparisonValue;
+            "
+          >
+            编辑</el-button
+          >
+        </div>
+  
+        <div class="inquire">
+          <span>Bravo金币库存</span>
+          <el-input
+            v-model="inquire.goldInventory"
+            placeholder=""
+            class="input"
+            disabled
+          ></el-input>
+          <el-button
+            class="primary"
+            type="primary"
+            @click="
+              editDialog = true;
+              butClick = false;
+              type = 2;
+              editDialogTitle = '幸运24金币库存';
+              value = inquire.goldInventory;
+            "
+            >编辑</el-button
+          >
+        </div>
+  
+        <!-- <div class="inquire">  
+          <span>幸运礼物ID</span>
+          <el-input
+            v-model="inquire.x"
+            placeholder=""
+            class="input"
+            disabled
+          ></el-input>
+          <el-button
+            class="primary"
+            type="primary"
+            @click="
+              editDialog = true;
+              butClick = false;
+              type = 8;
+              editDialogTitle = '幸运礼物ID';
+              value = inquire.x;
+            "
+          >
+            编辑</el-button
+          >
+        </div> -->
+  
+        <div class="inquire">
+          <span>平台抽成</span>
+          <el-input
+            v-model="inquire.platformCommission"
+            placeholder=""
+            class="input"
+            disabled
+          ></el-input>
+          <el-button
+            class="primary"
+            type="primary"
+            @click="
+              editDialog = true;
+              butClick = false;
+              type = 3;
+              editDialogTitle = '平台抽成';
+              value = inquire.platformCommission;
+            "
+            >编辑</el-button
+          >
+        </div>
+  
+        <div class="inquire">
+          <span>用户收益比例</span>
+          <el-input
+            v-model="inquire.userRevenueRatio"
+            placeholder=""
+            class="input"
+            disabled
+          ></el-input>
+          <el-button
+            class="primary"
+            type="primary"
+            @click="
+              editDialog = true;
+              butClick = false;
+              type = 4;
+              editDialogTitle = '用户收益比例';
+              value = inquire.userRevenueRatio;
+            "
+            >编辑</el-button
+          >
+        </div>
+  
+        <div class="inquire">
+          <span>通知制定金额</span>
+          <!-- @input="handleInput" -->
+          <el-input
+            v-model="inquire.warnMulti"
+            placeholder=""
+            class="input"
+            disabled
+          ></el-input>
+          <el-button
+            class="primary"
+            type="primary"
+            @click="
+              editDialog = true;
+              butClick = false;
+              type = 9;
+              editDialogTitle = '通知制定金额';
+              value = inquire.warnMulti;
+            "
+          >
+            编辑</el-button
+          >
+        </div>
+  
+        <!-- <div class="inquire">
+          <span>库存告急通知</span>
+          <el-input
+            v-model="inquire.x"
+            placeholder=""
+            class="input"
+            disabled
+          ></el-input>
+          <el-button
+            class="primary"
+            type="primary"
+            @click="
+              editDialog = true;
+              butClick = false;
+              type = 10;
+              editDialogTitle = '库存告急通知';
+              value = inquire.x;
+            "
+          >
+            编辑</el-button
+          >
+        </div> -->
+  
+  
+        <div class="inquire">
+          <span>赠送1000倍奖励</span>
+          <el-button
+            class="primary"
+            type="primary"
+            :disabled="butClick"
+            @click="
+              editDialog = true;
+              type = 12;
+              editDialogTitle = '赠送1000倍奖励';
+              value = inquire.x;
+            "
+          >
+            赠送</el-button
+          >
+        </div>
+      </div>
+      <!-- 编辑弹窗 -->
+      <el-dialog v-model="editDialog" :title="editDialogTitle" width="36%" center>
+        <div style="margin-bottom: 25px; margin-top: 10px">
+          <span
+            style="display: inline-block; margin-right: 20px"
+            class="col-sm-2 control-label"
+            >{{ editDialogTitle }}</span
+          >
+          <el-input
+            v-model="value"
+            style="width: 75%"
+            class="input"
+            placeholder="请输入"
+          ></el-input>
+        </div>
+  
+        <template #footer>
+          <span class="dialog-footer">
+            <el-button
+              @click="
+                editDialog = false;
+                butClick = false;
+              "
+              >取消</el-button
+            >
+            <el-button
+              type="primary"
+              :disabled="butClick"
+              @click="editDialogClick()"
+            >
+              保存
+            </el-button>
+          </span>
+        </template>
+      </el-dialog>
+      <!-- 详情弹窗 -->
+      <el-dialog v-model="detailsDialog" title="用户W级列表" width="36%" center>
+        <el-button class="primary" type="primary" @click="addDetail">
+          新增</el-button
+        >
+        <el-table :data="detailsTable" style="width: 100%">
+          <el-table-column label="用户ID">
+            <template v-slot="scope">
+              <el-input
+                v-model="scope.row.userId"
+                type="number"
+                @blur="handleEdit(scope.$index, scope.row)"
+              ></el-input>
+            </template>
+          </el-table-column>
+          <el-table-column label="值">
+            <template v-slot="scope">
+              <el-input
+                v-model="scope.row.val"
+                type="number"
+                @blur="handleEdit(scope.$index, scope.row)"
+              ></el-input>
+            </template>
+          </el-table-column>
+          <el-table-column label="操作">
+            <template v-slot="scope">
+              <el-button
+                class="danger"
+                type="danger"
+                @click="delDetail(scope.$index, scope.row)"
+              >
+                删除</el-button
+              >
+            </template>
+          </el-table-column>
+          <!-- 其他列 -->
+        </el-table>
+  
+        <template #footer>
+          <span class="dialog-footer">
+            <el-button @click="detailsDialog = false">取消</el-button>
+            <el-button type="primary" :disabled="butClick" @click="sevaDetail()">
+              保存
+            </el-button>
+          </span>
+        </template>
+      </el-dialog>
+    </div>
+  </template>
+  <script>
+  import { getConfig, updateSet, updateUserMulti } from "@/api/bravoGift/bravoGift";
+  import { ElMessage } from "element-plus";
+  import moment from "moment-timezone";
+  import PartitionSelect from "../common/partitionSelect.vue";
+  export default {
+    name: "bravoGiftSet",
+    components: {PartitionSelect},
+    data() {
+      return {
+        loading: false,
+        butClick: false,
+        butClickTime: null,
+        //查询所需条件对象
+        inquire: {
+          value: 1,
+          options: [
+            // {
+            //   name: "阿拉伯区",
+            //   type: 2,
+            // },
+            // {
+            //   name: "英语区",
+            //   type: 1,
+            // },
+            // {
+            //   name: "华语区",
+            //   type: 4,
+            // },
+            // {
+            //   name: "土耳其区",
+            //   type: 8,
+            // },
+          ],
+          comparisonValue: "",
+          goldInventory: "",
+          giftId: "",
+          platformCommission: "",
+          userRevenueRatio: "",
+          warnMulti: "",
+          followErbanNoList: "",
+          whiteErbanNoProductionRatioMap: "",
+          blackErbanNoList: "",
+        },
+        editDialog: false,
+        editDialogTitle: "",
+        detailsDialog: false,
+        value: "",
+        type: null,
+        // 详情
+        detailsTable: [],
+        whiteErbanNoProductionRatioMap: null,
+      };
+    },
+    methods: {
+      // 查询接口
+      getData() {
+        getConfig({ partitionId: this.inquire.value }).then((res) => {
+          this.inquire.comparisonValue = res.data.productionRatio;
+          this.inquire.goldInventory = res.data.stock;
+          this.inquire.platformCommission = res.data.platformRatio;
+          this.inquire.userRevenueRatio = res.data.receiverRatio;
+          this.inquire.warnMulti = res.data.warnMulti;
+          this.inquire.followErbanNoList = res.data.followErbanNoList.join();
+          // this.inquire.whiteErbanNoProductionRatioMap = res.data.whiteErbanNoProductionRatioMap.join();
+          this.inquire.blackErbanNoList = res.data.blackErbanNoList.join();
+          var newArr = [];
+          var obj = res.data.whiteErbanNoProductionRatioMap;
+          var arr = Object.keys(obj).map((key) => ({
+            userId: key,
+            val: obj[key],
+          }));
+          arr.forEach((res, i) => {
+            newArr[i] = res;
+          });
+          this.detailsTable = newArr;
+        });
+      },
+      // 查看详情按钮
+      detailsClick() {
+        this.getData();
+        this.detailsDialog = true;
+        this.type = 14;
+        // this.value = inquire.whiteErbanNoProductionRatioMap;
+      },
+      // 详情新增按钮
+      addDetail() {
+        this.detailsTable.unshift([]);
+      },
+      // 详情删除按钮
+      delDetail(index, val) {
+        this.detailsTable.splice(index, 1);
+      },
+      // 详情确认保存按钮
+      sevaDetail() {
+        var map = {};
+        var lock = true;
+        this.detailsTable.forEach((res) => {
+          if (res.userId == (undefined || "") || res.val == undefined || "") {
+            lock = false;
+          }
+          map[res.userId] = res.val;
+        });
+        console.log(map);
+        this.whiteErbanNoProductionRatioMap = map;
+        if (lock) {
+          this.editDialogClick();
+        } else {
+          ElMessage({
+            showClose: true,
+            message: "用户ID和值不能为空",
+            type: "error",
+          });
+        }
+      },
+      // 详情编辑监听
+      handleEdit(index, row) {
+        // 这里可以添加保存逻辑，例如调用API更新服务器数据等。
+        console.log(index, "保存行数据", row);
+        // 示例：更新本地数据或其他操作...
+      },
+      // 确认保存
+      editDialogClick() {
+        var obj = {};
+        obj.partitionId = this.inquire.value;
+        if (this.type == 12) {
+          this.butClick = true;
+          updateUserMulti({ erbanNo: this.value }).then((res) => {
+            if (res.code == 200) {
+              ElMessage({
+                showClose: true,
+                message: "赠送成功",
+                type: "success",
+              });
+              setTimeout(() => {
+                this.butClick = false;
+              }, 3000);
+              this.editDialog = false;
+              this.getData();
+            } else {
+              this.butClick = false;
+              ElMessage({
+                showClose: true,
+                message: res.message,
+                type: "error",
+              });
+            }
+          });
+        } else {
+          if (this.type == 1) {
+            obj.productionRatio = this.value;
+          } else if (this.type == 2) {
+            obj.stock = this.value;
+          } else if (this.type == 3) {
+            obj.platformRatio = this.value;
+          } else if (this.type == 4) {
+            obj.receiverRatio = this.value;
+          } else if (this.type == 9) {
+            obj.warnMulti = this.value;
+          } else if (this.type == 11) {
+            obj.followErbanNoList = this.value.split(",");
+          } else if (this.type == 14) {
+            obj.whiteErbanNoProductionRatioMap =
+              this.whiteErbanNoProductionRatioMap;
+          } else if (this.type == 13) {
+            obj.blackErbanNoList = this.value.split(",");
+          }
+          updateSet(obj).then((res) => {
+            if (res.code == 200) {
+              ElMessage({
+                showClose: true,
+                message: "保存成功",
+                type: "success",
+              });
+              this.editDialog = false;
+              // this.detailsDialog = false;
+              this.getData();
+            } else {
+              ElMessage({
+                showClose: true,
+                message: res.message,
+                type: "error",
+              });
+            }
+          });
+        }
+      },
+      // 监听类型
+      handleChange(value) {
+        this.inquire.value = value;
+        this.getData();
+      },
+    },
+  };
+  </script>
+  <style lang="less" scoped>
+  .box {
+    padding-top: 20px;
+    background: #ecf0f5;
+    .condition {
+      margin-bottom: 20px;
+      .inquire {
+        margin-right: 20px;
+        margin-bottom: 20px;
+        span {
+          display: inline-block;
+          width: 110px;
+          margin-right: 10px;
+          // text-align: right;
+        }
+        .input {
+          width: 180px;
+          margin-right: 10px;
+        }
+      }
+    }
+    .but {
+      margin-bottom: 20px;
+    }
+  }
+  </style>
+  

src/views/charge/ChargeRegionView.vue

@@ -11,21 +11,23 @@
         <div id="toolbar">
           <div class="col-sm-12">
             <label for="searchType"
-                   class="col-sm-4 control-label">地区:</label>
-            <div class="col-sm-6">
+                   class="col-sm-2 control-label">地区:</label>
+            <div class="col-sm-8">
               <select name="searchType"
                       id="searchType"
                       data-btn-class="btn-warning"
                       class="form-control">
               </select>
             </div>
-          </div>
-          <button id="btnSearch"
-                  class="btn btn-default">
+            <div class="col-sm-2">
+              <button id="btnSearch" class="btn btn-default">
                 <i class="glyphicon glyphicon-search"></i>查询
               </button>
             </div>
           </div>
+
+        </div>
+      </div>
       <div class="box-body"
            style="height:150%;">
         <!-- Content Header (Page header) -->
@@ -60,9 +62,6 @@
             <input type="hidden"
                    name="code"
                    id="code" />
-            <input type="hidden"
-                   name="currency"
-                   id="currency" />
             <input type="hidden"
                    name="type"
                    id="type" />
@@ -76,9 +75,19 @@
                        id="name">
               </div>
             </div>
+            <div class="form-group">
+              <label for="currency"
+                     class="col-sm-3 control-label">货币：</label>
+              <div class="col-sm-9">
+                <input type="text"
+                       readonly
+                       class="form-control"
+                       id="currency">
+              </div>
+            </div>
             <div class="form-group">
               <label for="rate"
-                     class="col-sm-3 control-label">USD汇率：</label>
+                     class="col-sm-3 control-label">兑USD汇率：</label>
               <div class="col-sm-9">
                 <input type="text"
                        class="form-control"
@@ -324,9 +333,10 @@ export default {
         $('#regionTable').bootstrapTable({
           columns: [
             { field: 'name', title: '地区', align: 'center', width: '5%' },
+            { field: 'currency', title: '货币', align: 'center', width: '5%'},
             {
               field: 'rate',
-              title: 'USD汇率',
+              title: '兑USD汇率',
               align: 'center',
               width: '5%',
               formatter: function (val, row, index) {
@@ -430,7 +440,7 @@ export default {
                 return '<img src="' + val + '" style="width:90px;height:90px;" alt="">'
               }
             },
-            { field: 'regionName', title: '地区', align: 'center', width: '5%' },
+            { field: 'currency', title: '货币', align: 'center', width: '5%' },
             {
               field: 'isEnabled',
               title: '是否展示在充值H5',
@@ -823,7 +833,7 @@ export default {
           var $select = $('#searchType');
           for (let i = 0; i < array.length; i++) {
             var $option = $('<option value="' + array[i].type + '" />');
-            $option.html(array[i].name);
+            $option.html(array[i].desc + '(' + array[i].name + ')');
             if (i == 0) {
               $option.attr('selected', true);
             }

src/views/chatbubble/ChatbubbleManageView.vue

@@ -6,36 +6,59 @@
         <section class="content-header">
           <h1 id="itemTitle"></h1>
         </section>
-                <div id="toolbar" style="height: auto;">
-                    <form id="searchForm" class="" action="" method="post" target="_blank">
+        <div id="toolbar"
+             style="height: auto;">
+          <form id="searchForm"
+                class=""
+                action=""
+                method="post"
+                target="_blank">
             <div class="col-sm-12">
-                            <label for="type" class="col-sm-1 control-label">气泡类型:</label>
+              <label for="type"
+                     class="col-sm-1 control-label">气泡类型:</label>
               <div class="col-sm-2">
-                                <select name="type" id="type" data-btn-class="btn-warning" class="form-control">
-                                    <option value="" selected="selected">全部</option>
+                <select name="type"
+                        id="type"
+                        data-btn-class="btn-warning"
+                        class="form-control">
+                  <option value=""
+                          selected="selected">全部</option>
                   <option value="1">普通</option>
                   <option value="2">贵族</option>
                 </select>
               </div>
 
-                            <label for="id" class="col-sm-1 control-label">气泡id:</label>
-                            <div class="col-sm-2"><input type="text" class="form-control" name="id" id="id"></div>
+              <label for="id"
+                     class="col-sm-1 control-label">气泡id:</label>
+              <div class="col-sm-2"><input type="text"
+                       class="form-control"
+                       name="id"
+                       id="id"></div>
 
-                            <label for="name" class="col-sm-1 control-label">气泡名称:</label>
-                            <div class="col-sm-2"><input type="text" class="form-control" name="name" id="name"></div>
+              <label for="name"
+                     class="col-sm-1 control-label">气泡名称:</label>
+              <div class="col-sm-2"><input type="text"
+                       class="form-control"
+                       name="name"
+                       id="name"></div>
 
-                            <label for="partitionId" class="col-sm-1 control-label">地区:</label>
+              <label for="partitionId"
+                     class="col-sm-1 control-label">地区:</label>
               <div class="col-sm-2">
-                                <select name="partitionId" id="partitionId" class="form-control"></select>
+                <select name="partitionId"
+                        id="partitionId"
+                        class="form-control"></select>
               </div>
 
             </div>
           </form>
           <div class="col-sm-12">
-                        <button id="btnSearch" class="btn btn-default">
+            <button id="btnSearch"
+                    class="btn btn-default">
               <i class="glyphicon glyphicon-search"></i>查询
             </button>
-                        <button id="btnAdd" class="btn btn-default">
+            <button id="btnAdd"
+                    class="btn btn-default">
               <i class="glyphicon glyphicon-plus"></i>新增
             </button>
           </div>
@@ -46,79 +69,210 @@
     </div>
   </section>
 
-    <div class="modal fade" id="addModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel">
-        <div class="modal-dialog" role="document">
-            <div class="modal-content" style="width: 500px;">
+  <div class="modal fade"
+       id="addModal"
+       tabindex="-1"
+       role="dialog"
+       aria-labelledby="modalLabel">
+    <div class="modal-dialog"
+         role="document">
+      <div class="modal-content"
+           style="width: 500px;">
         <div class="modal-header">
-                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
-                            aria-hidden="true">&times;</span></button>
-                    <h4 class="modal-title" id="modalLabel">新增气泡</h4>
+          <button type="button"
+                  class="close"
+                  data-dismiss="modal"
+                  aria-label="Close"><span aria-hidden="true">&times;</span></button>
+          <h4 class="modal-title"
+              id="modalLabel">新增气泡</h4>
         </div>
         <div class="modal-body">
-                    <form class="form-horizontal" id="addForm">
-                        <input type="hidden" name="id" id="modal_id" />
+          <form class="form-horizontal"
+                id="addForm">
+            <input type="hidden"
+                   name="id"
+                   id="modal_id" />
             <div class="form-group">
-                            <label for="partitionFlag" class="col-sm-4 control-label">选择分区</label>
+              <label for="partitionFlag"
+                     class="col-sm-4 control-label">选择分区</label>
               <div class="col-sm-6">
-                                <input type="checkbox" name="partitionFlag" value="1"/>英语区<br>
-                                <input type="checkbox" name="partitionFlag" value="2"/>阿拉伯语区<br>
-                                <input type="checkbox" name="partitionFlag" value="4"/>华语区<br>
+                <input type="checkbox"
+                       name="partitionFlag"
+                       value="1" />英语区<br>
+                <input type="checkbox"
+                       name="partitionFlag"
+                       value="2" />阿拉伯语区<br>
+                <input type="checkbox"
+                       name="partitionFlag"
+                       value="4" />华语区<br>
+                <input type="checkbox"
+                       name="partitionFlag"
+                       value="8" />土耳其区<br>
+                <input type="checkbox"
+                       name="partitionFlag"
+                       value="16" />英语2区<br>
+                       <input type="checkbox"
+                       name="partitionFlag"
+                       value="32" />独联体<br>
               </div>
             </div>
             <div class="form-group">
-                            <label for="modal_type" class="col-sm-4 control-label">装扮类型:</label>
+              <label for="modal_type"
+                     class="col-sm-4 control-label">装扮类型:</label>
               <div class="col-sm-6">
-                                <select name="type" id="modal_type" data-btn-class="btn-warning" class="form-control">
+                <select name="type"
+                        id="modal_type"
+                        data-btn-class="btn-warning"
+                        class="form-control">
                   <option value="1">普通装扮</option>
                   <option value="2">贵族装扮</option>
                 </select>
               </div>
             </div>
             <div class="form-group">
-                            <label for="modal_name" class="col-sm-4 control-label">装扮名称:</label>
+              <label for="modal_name"
+                     class="col-sm-4 control-label">装扮名称:</label>
               <div class="col-sm-6">
-                                <input type="text" class="form-control validate[required]" name="name" id="modal_name"
+                <input type="text"
+                       class="form-control validate[required]"
+                       name="name"
+                       id="modal_name"
                        placeholder="请输入气泡名称">
               </div>
             </div>
             <div class="form-group">
-                            <label for="ar_modal_name" class="col-sm-4 control-label">阿语装扮名称:</label>
+              <label for="en_modal_name"
+                     class="col-sm-4 control-label">英语装扮名称:</label>
               <div class="col-sm-6">
-                                <input type="text" class="form-control validate[required]" name="name" id="ar_modal_name" placeholder="请输入气泡名称">
+                <input type="text"
+                       class="form-control validate[required]"
+                       name="name"
+                       id="en_modal_name"
+                       placeholder="请输入气泡名称">
               </div>
             </div>
             <div class="form-group">
-                            <label for="en_modal_name" class="col-sm-4 control-label">英语装扮名称:</label>
+              <label for="ar_modal_name"
+                     class="col-sm-4 control-label">阿语装扮名称:</label>
               <div class="col-sm-6">
-                                <input type="text" class="form-control validate[required]" name="name" id="en_modal_name" placeholder="请输入气泡名称">
+                <input type="text"
+                       class="form-control validate[required]"
+                       name="name"
+                       id="ar_modal_name"
+                       placeholder="请输入气泡名称">
               </div>
             </div>
+            <div class="form-group">
+              <label for="tr_modal_name"
+                     class="col-sm-4 control-label">土耳其语装扮名称:</label>
+              <div class="col-sm-6">
+                <input type="text"
+                       class="form-control validate[required]"
+                       name="name"
+                       id="tr_modal_name"
+                       placeholder="请输入气泡名称">
+              </div>
+            </div>
+            <div class="form-group">
+              <label for="pt_modal_name"
+                     class="col-sm-4 control-label">葡萄牙语装扮名称:</label>
+              <div class="col-sm-6">
+                <input type="text"
+                       class="form-control validate[required]"
+                       name="name"
+                       id="pt_modal_name"
+                       placeholder="请输入气泡名称">
+              </div>
+            </div>
+            <div class="form-group">
+              <label for="ru_modal_name"
+                     class="col-sm-4 control-label">俄语装扮名称:</label>
+              <div class="col-sm-6">
+                <input type="text"
+                       class="form-control validate[required]"
+                       name="name"
+                       id="ru_modal_name"
+                       placeholder="请输入气泡名称">
+              </div>
+            </div>
+            <div class="form-group">
+              <label for="es_modal_name"
+                     class="col-sm-4 control-label">西班牙语装扮名称:</label>
+              <div class="col-sm-6">
+                <input type="text"
+                       class="form-control validate[required]"
+                       name="name"
+                       id="es_modal_name"
+                       placeholder="请输入气泡名称">
+              </div>
+            </div>
+            <div class="form-group">
+              <label for="uz_modal_name"
+                     class="col-sm-4 control-label">乌兹别克语装扮名称:</label>
+              <div class="col-sm-6">
+                <input type="text"
+                       class="form-control validate[required]"
+                       name="name"
+                       id="uz_modal_name"
+                       placeholder="请输入气泡名称">
+              </div>
+            </div>
+            <form class="form-horizontal"
+                  id="addForm1">
               <div class="form-group">
                 <label class="col-sm-4 control-label">安卓图片:</label>
                 <div class="col-sm-6">
-                                <img src="" id="addAndroidIconPicUrl" style="height:44px;" alt="">
-                                <input type="file" id="add_android_UploadIconPic" name="uploadFile"
+                  <img src=""
+                       id="addAndroidIconPicUrl"
+                       style="height:44px;"
+                       alt="">
+                  <input type="file"
+                         id="add_android_UploadIconPic"
+                         name="uploadFile"
                          accept="image/gif,image/jpeg,image/jpg,image/png,image/svg">
-                                <button class="btn btn-success" type="button" name="uploadBtn"
+                  <button class="btn btn-success"
+                          type="button"
+                          name="uploadBtn"
                           id="addAndroidIconPicUrl_androidUrl">上传</button>
-                                <input type="hidden" id="androidUrl" name="androidUrl" class="form-control" />
+                  <input type="hidden"
+                         id="androidUrl"
+                         name="androidUrl"
+                         class="form-control" />
                 </div>
               </div>
+            </form>
+            <form class="form-horizontal"
+                  id="addForm2">
               <div class="form-group">
                 <label class="col-sm-4 control-label">IOS图片:</label>
                 <div class="col-sm-6">
-                                <img src="" id="addIosIconPicUrl" style="height:44px;" alt="">
-                                <input type="file" id="add_ios_UploadIconPic" name="uploadFile"
+                  <img src=""
+                       id="addIosIconPicUrl"
+                       style="height:44px;"
+                       alt="">
+                  <input type="file"
+                         id="add_ios_UploadIconPic"
+                         name="uploadFile"
                          accept="image/gif,image/jpeg,image/jpg,image/png,image/svg">
-                                <button class="btn btn-success" type="button" name="uploadBtn"
+                  <button class="btn btn-success"
+                          type="button"
+                          name="uploadBtn"
                           id="addIosIconPicUrl_iosUrl">上传</button>
-                                <input type="hidden" id="iosUrl" name="iosUrl" class="form-control" />
+                  <input type="hidden"
+                         id="iosUrl"
+                         name="iosUrl"
+                         class="form-control" />
                 </div>
               </div>
+            </form>
             <div class="form-group">
-                            <label for="status" class="col-sm-4 control-label">装扮状态:</label>
+              <label for="status"
+                     class="col-sm-4 control-label">装扮状态:</label>
               <div class="col-sm-6">
-                                <select name="status" id="status" data-btn-class="btn-warning" class="form-control">
+                <select name="status"
+                        id="status"
+                        data-btn-class="btn-warning"
+                        class="form-control">
                   <option value="1">有效</option>
                   <option value="2">无效</option>
                 </select>
@@ -128,49 +282,79 @@
         </div>
 
         <div class="modal-footer">
-                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
-                    <button type="button" class="btn btn-primary" id="button-save">保存</button>
+          <button type="button"
+                  class="btn btn-default"
+                  data-dismiss="modal">关闭</button>
+          <button type="button"
+                  class="btn btn-primary"
+                  id="button-save">保存</button>
         </div>
       </div>
     </div>
   </div>
 
   <!-- 为用户赠送铭牌弹窗 -->
-    <div class="modal fade" id="sendModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel">
-        <div class="modal-dialog" role="document">
+  <div class="modal fade"
+       id="sendModal"
+       tabindex="-1"
+       role="dialog"
+       aria-labelledby="modalLabel">
+    <div class="modal-dialog"
+         role="document">
       <div class="modal-content">
         <div class="modal-header">
-                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
-                            aria-hidden="true">x</span></button>
-                    <h4 class="modal-title" id="modalSendLabel">赠送装扮</h4>
+          <button type="button"
+                  class="close"
+                  data-dismiss="modal"
+                  aria-label="Close"><span aria-hidden="true">x</span></button>
+          <h4 class="modal-title"
+              id="modalSendLabel">赠送装扮</h4>
         </div>
         <div class="modal-body">
-                    <form class="form-horizontal" id="sendForm">
-                        <input type="hidden" name="id" id="sendId" />
+          <form class="form-horizontal"
+                id="sendForm">
+            <input type="hidden"
+                   name="id"
+                   id="sendId" />
             <div class="form-group">
-                            <label for="sendErbanNo" class="col-sm-3 control-label">ID</label>
+              <label for="sendErbanNo"
+                     class="col-sm-3 control-label">ID</label>
               <div class="col-sm-9">
-                                <textarea name="erbanNos" id="sendErbanNo" class="form-control validate[required]"
+                <textarea name="erbanNos"
+                          id="sendErbanNo"
+                          class="form-control validate[required]"
                           placeholder="多个ID使用,分隔，一次性不得超过100个"></textarea>
               </div>
             </div>
             <div class="form-group">
-                            <label for="sendDays" class="col-sm-3 control-label">赠送天数</label>
+              <label for="sendDays"
+                     class="col-sm-3 control-label">赠送天数</label>
               <div class="col-sm-9">
-                                <input type="text" name="days" id="sendDays" class="form-control validate[required]" />
+                <input type="text"
+                       name="days"
+                       id="sendDays"
+                       class="form-control validate[required]" />
               </div>
             </div>
             <div class="form-group">
-                            <label for="sendDesc" class="col-sm-3 control-label">备注</label>
+              <label for="sendDesc"
+                     class="col-sm-3 control-label">备注</label>
               <div class="col-sm-9">
-                                <input type="text" name="remark" id="sendDesc" class="form-control validate[required]" />
+                <input type="text"
+                       name="remark"
+                       id="sendDesc"
+                       class="form-control validate[required]" />
               </div>
             </div>
           </form>
         </div>
         <div class="modal-footer">
-                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
-                    <button type="button" class="btn btn-primary" id="send">提交</button>
+          <button type="button"
+                  class="btn btn-default"
+                  data-dismiss="modal">关闭</button>
+          <button type="button"
+                  class="btn btn-primary"
+                  id="send">提交</button>
         </div>
       </div>
     </div>
@@ -184,17 +368,17 @@ import { buildSelectOption } from '@/utils/system-helper';
 
 export default {
   name: "ChatbubbleManageView",
-    setup() {
+  setup () {
     return {};
   },
-    created() {
+  created () {
     this.$nextTick(function () {
       this.initPartition();
       this.initData();
     });
   },
   methods: {
-        initData() {
+    initData () {
       $(function () {
         $('#table').bootstrapTable('destroy');
         $('#table').bootstrapTable({
@@ -216,12 +400,26 @@ export default {
                 if ((val & 4) != 0) {
                   value += '华语区<br>';
                 }
+                if ((val & 8) != 0) {
+                  value += '土耳其区<br>';
+                }
+                if ((val & 16) != 0) {
+                  value += '英语2区<br>';
+                }
+                if ((val & 32) != 0) {
+                  value += '独联体<br>';
+                }
                 return value;
               }
             },
-                        {field: 'name.zh', title: '装扮名称', align: 'middle', width: '5%'},
-                        {field: 'name.ar', title: '阿语装扮名称', align: 'middle', width: '5%'},
-                        {field: 'name.en', title: '英语装扮名称', align: 'middle', width: '5%'}, 
+            { field: 'name.zh', title: '装扮名称', align: 'middle', width: '5%' },
+            { field: 'name.en', title: '英语装扮名称', align: 'middle', width: '5%' },
+            { field: 'name.ar', title: '阿语装扮名称', align: 'middle', width: '5%' },
+            { field: 'name.tr', title: '土耳其语扮名称', align: 'middle', width: '5%' },
+            { field: 'name.pt', title: '葡萄牙语名称', align: 'middle', width: '5%' },
+            { field: 'name.ru', title: '俄语名称', align: 'middle', width: '5%' },
+            { field: 'name.es', title: '西班牙语名称', align: 'middle', width: '5%' },
+            { field: 'name.uz', title: '乌兹别克语名称', align: 'middle', width: '5%' },
             {
               field: 'iosUrl',
               title: '装扮图片',
@@ -302,7 +500,7 @@ export default {
           sidePagination: "server", //表示服务端请求
           queryParamsType: "-",
           uniqueId: "id",
-                    queryParams: function queryParams(params) {   //设置查询参数
+          queryParams: function queryParams (params) {   //设置查询参数
             var param = {
               page: params.pageNumber,
               pageSize: params.pageSize,
@@ -313,17 +511,17 @@ export default {
             };
             return param;
           },
-                    ajax:function(request){                    //使用ajax请求
+          ajax: function (request) {                    //使用ajax请求
             $.ajax({
-                            type:"GET",
-                            url:'/admin/chatbubble/listByPage',
-                            contentType:'application/json;charset=utf-8',
-                            dataType:'json',
+              type: "GET",
+              url: '/admin/chatbubble/listByPage',
+              contentType: 'application/json;charset=utf-8',
+              dataType: 'json',
               data: request.data,
-                            success:function (res) {
+              success: function (res) {
                 console.log(res);
                 request.success({
-                                    "rows": res.rows.map(i=>{
+                  "rows": res.rows.map(i => {
                     let value = i.name;
                     if (value.startsWith('{') && value.endsWith('}')) {
                       i.name = JSON.parse(value);
@@ -332,6 +530,7 @@ export default {
                         zh: value,
                         ar: value,
                         en: value,
+                        pr: value,
                       };
                     }
                     return i;
@@ -339,7 +538,7 @@ export default {
                   "total": res.total
                 });
               },
-                            error:function(error){
+              error: function (error) {
                 console.log(error);
               }
             })
@@ -368,18 +567,34 @@ export default {
           $("#addForm #modal_type").val(row.type);
           console.log(row.name)
           let name = row.name;
-                    if (Object.prototype.hasOwnProperty.call(name, 'zh') || Object.prototype.hasOwnProperty.call(name, 'ar') || Object.prototype.hasOwnProperty.call(name, 'en')) {
+          if (Object.prototype.hasOwnProperty.call(name, 'zh')
+            || Object.prototype.hasOwnProperty.call(name, 'ar')
+            || Object.prototype.hasOwnProperty.call(name, 'en')
+            || Object.prototype.hasOwnProperty.call(name, 'tr')
+            || Object.prototype.hasOwnProperty.call(name, 'pt')) {
             $("#modal_name").val(row.name.zh);
             // 阿语名称
             $("#ar_modal_name").val(row.name.ar);
             // 英语名称
             $("#en_modal_name").val(row.name.en);
+            // 土耳其名称
+            $("#tr_modal_name").val(row.name.tr);
+            $("#pt_modal_name").val(row.name.pt);
+            $("#ru_modal_name").val(row.name.ru);
+            $("#es_modal_name").val(row.name.es);
+            $("#uz_modal_name").val(row.name.uz);
           } else {
             $("#modal_name").val(name);
             // 阿语名称
             $("#ar_modal_name").val(name);
             // 英语名称
             $("#en_modal_name").val(name);
+            // 土耳其名称
+            $("#tr_modal_name").val(name);
+            $("#pt_modal_name").val(name);
+            $("#ru_modal_name").val(name);
+            $("#es_modal_name").val(name);
+            $("#uz_modal_name").val(name);
           }
           $('#addAndroidIconPicUrl').attr("src", row.androidUrl);
           $("#addForm #androidUrl").val(row.androidUrl);
@@ -403,32 +618,58 @@ export default {
           } else {
             $("input:checkbox[name='partitionFlag']")[2].checked = false;
           }
+          if ((partitionFlag & 8) != 0) {
+            $("input:checkbox[name='partitionFlag']")[3].checked = true;
+          } else {
+            $("input:checkbox[name='partitionFlag']")[3].checked = false;
+          }
+          if ((partitionFlag & 16) != 0) {
+            $("input:checkbox[name='partitionFlag']")[4].checked = true;
+          } else {
+            $("input:checkbox[name='partitionFlag']")[4].checked = false;
+          }
+          if ((partitionFlag & 32) != 0) {
+            $("input:checkbox[name='partitionFlag']")[5].checked = true;
+          } else {
+            $("input:checkbox[name='partitionFlag']")[5].checked = false;
+          }
           $("#addModal").modal('show');
         });
 
 
-                $("[name='uploadBtn']").on('click', function () {
-                    let id = $(this).attr('id');
-                    let b = id.split("_");
-                    let imageId = b[0];
-                    let inputId = b[1];
-                    console.log(imageId)
-                    console.log(inputId)
+        $("#addAndroidIconPicUrl_androidUrl").on('click', function () {
           var options = {
             type: 'post',
             url: '/admin/upload/img',
             dataType: 'json',
             success: function (json) {
               if (json.path) {
-                                $("#" + inputId).val(json.path);
-                                $("#" + imageId).attr("src", json.path);
+                $("#addAndroidIconPicUrl").val(json.path);
+                $("#addAndroidIconPicUrl").attr("src", json.path);
               } else {
                 $("#tipMsg").text(json.msg);
                 $("#tipModal").modal('show');
               }
             }
           };
-                    $("#addForm").ajaxSubmit(options);
+          $("#addForm1").ajaxSubmit(options);
+        });
+        $("#addIosIconPicUrl_iosUrl").on('click', function () {
+          var options = {
+            type: 'post',
+            url: '/admin/upload/img',
+            dataType: 'json',
+            success: function (json) {
+              if (json.path) {
+                $("#addIosIconPicUrl").val(json.path);
+                $("#addIosIconPicUrl").attr("src", json.path);
+              } else {
+                $("#tipMsg").text(json.msg);
+                $("#tipModal").modal('show');
+              }
+            }
+          };
+          $("#addForm2").ajaxSubmit(options);
         });
 
 
@@ -444,7 +685,7 @@ export default {
           var androidUrl = $('#androidUrl').val();
           var iosUrl = $('#iosUrl').val();
           // 获取序列化字符串并转换为对象
-                    let formData = $('#addForm').serializeArray().reduce(function(obj, item) {
+          let formData = $('#addForm').serializeArray().reduce(function (obj, item) {
             obj[item.name] = item.value;
             return obj;
           }, {});
@@ -454,8 +695,14 @@ export default {
           var ar_name = $("#ar_modal_name").val();
           // 英语名称
           var en_name = $("#en_modal_name").val();
+          // 土耳其名称
+          var tr_name = $("#tr_modal_name").val();
+          var pt_name = $("#pt_modal_name").val();
+          var ru_name = $("#ru_modal_name").val();
+          var es_name = $("#es_modal_name").val();
+          var uz_name = $("#uz_modal_name").val();
           // 国际化字段
-                    var jsonName = {"zh":name,"ar":ar_name,"en":en_name}
+          var jsonName = { "zh": name, "ar": ar_name, "en": en_name, "tr": tr_name, "pr": pt_name , "ru": ru_name, "es": es_name, "uz": uz_name}
           const nameValue = JSON.stringify(jsonName);
           // 修改属性值
           formData.name = nameValue; // 将giftName修改为"newGiftName"
@@ -467,6 +714,8 @@ export default {
             partitionFlag |= partitionFlagArray[i].value;
           }
           formData.partitionFlag = partitionFlag;
+          formData.androidUrl = $('#addAndroidIconPicUrl').attr('src');
+          formData.iosUrl = $('#addIosIconPicUrl').attr('src');
           // 将修改后的对象转换回序列化字符串
           let newSerializeStr = $.param(formData);
           //做下数据校验
@@ -475,18 +724,38 @@ export default {
             $("#tipModal").modal('show');
             return;
           }
-                    if (isEmpty(ar_name)) {
-                        $("#tipMsg").text("阿语装扮名字不能为空");
-                        $("#tipModal").modal('show');
-                        return;
-                    }
           if (isEmpty(en_name)) {
             $("#tipMsg").text("英语装扮名字不能为空");
             $("#tipModal").modal('show');
             return;
           }
-                    if (isEmpty(androidUrl) || isEmpty(iosUrl)) {
-                        $("#tipMsg").text("图片不能为空");
+          if (isEmpty(ar_name)) {
+            $("#tipMsg").text("阿语装扮名字不能为空");
+            $("#tipModal").modal('show');
+            return;
+          }
+          if (isEmpty(tr_name)) {
+            $("#tipMsg").text("土耳其语装扮名字不能为空");
+            $("#tipModal").modal('show');
+            return;
+          }
+          if (isEmpty(pt_name)) {
+            $("#tipMsg").text("葡萄牙语装扮名字不能为空");
+            $("#tipModal").modal('show');
+            return;
+          }
+          if (isEmpty(ru_name)) {
+            $("#tipMsg").text("俄语装扮名字不能为空");
+            $("#tipModal").modal('show');
+            return;
+          }
+          if (isEmpty(es_name)) {
+            $("#tipMsg").text("西班牙语装扮名字不能为空");
+            $("#tipModal").modal('show');
+            return;
+          }
+          if (isEmpty(uz_name)) {
+            $("#tipMsg").text("乌兹别克语装扮名字不能为空");
             $("#tipModal").modal('show');
             return;
           }
@@ -501,7 +770,7 @@ export default {
                 if (json.code === 200) {
                   $("#tipMsg").text("保存成功");
                   $("#tipModal").modal('show');
-                                    setTimeout(function() {
+                  setTimeout(function () {
                     TableHelper.doRefresh("#table");
                     $("#addModal").modal('hide');
                   }, 1000);
@@ -514,7 +783,7 @@ export default {
           }
         });
 
-                function cleanModal() {
+        function cleanModal () {
           $('#id').val('');
           $("#addForm #modal_id").val('');
           $('#addAndroidIconPicUrl').attr('src', '');
@@ -528,12 +797,17 @@ export default {
           $('#modal_name').val('');
           $('#ar_modal_name').val('');
           $('#en_modal_name').val('');
-                    $('input[name="partitionFlag"]').each(function() {
+          $('#tr_modal_name').val('');
+          $('#pt_modal_name').val('');
+          $('#ru_modal_name').val('');
+          $('#es_modal_name').val('');
+          $('#uz_modal_name').val('');
+          $('input[name="partitionFlag"]').each(function () {
             $(this).checked = false;
           });
         }
         //判断空值
-                function isEmpty(data) {
+        function isEmpty (data) {
           if (data == null || data == undefined || data == "") {
             return true;
           }
@@ -623,7 +897,7 @@ export default {
         });
       });
     },
-        initPartition() {
+    initPartition () {
       getPartitionInfoList().then(res => {
         let data = res.data;
         buildSelectOption(
@@ -645,10 +919,12 @@ export default {
 };
 </script>
 
-<style scoped>.fixed-table-body {
+<style scoped>
+.fixed-table-body {
   height: auto !important;
 }
 
 .pull-left {
   width: 100% !important;
-}</style>
+}
+</style>

src/views/common/partitionRegionSelect.vue

@@ -0,0 +1,108 @@
+<template>
+  <!-- 使用 el-select 组件，并绑定 v-model 到 partitionId -->
+  <el-select v-model="regionIdValue" :placeholder="placeholder" @change="handleChangeEvent">
+    <!-- 遍历 partitionInfoList 数组，为每个 item 生成一个 el-option 组件 -->
+    <el-option v-for="item in regionInfoList" :key="item.id" :label="item.name" :value="item.id">
+    </el-option>
+  </el-select>
+</template>
+
+<script>
+import { ref, watch, onMounted } from "vue";
+import { listByPartitionId } from "@/api/partition/regionInfo";
+
+export default {
+  name: "partitionRegionSelect",
+  // 定义组件的 props
+  props: {
+    partitionId: {
+      type: Number,
+      default: 0,
+      required: true,
+    },
+    regionId: {
+      type: Number,
+      default: undefined,
+    },
+    regionInfos: {
+      type: Array,
+      default: () => [],
+    },
+    needAll: {
+      type: Boolean,
+      default: true,
+    },
+    placeholder: {
+      type: String,
+      default: "请选择地区",
+    },
+    handleChange: {
+      type: Function,
+      default: () => { },
+    },
+    afterInit: {
+      type: Function,
+      default: () => { },
+    },
+  },
+  // 明确声明触发的事件
+  emits: ["update:regionId", "update:regionInfos"],
+  setup(props, { emit }) {
+    // 定义响应式变量 internalValue 用于内部管理 partitionId 的值
+    const partitionIdValue = ref(props.partitionId);
+    // 定义响应式变量 internalValue 用于内部管理 partitionId 的值
+    const regionIdValue = ref(props.regionId);
+    // 定义响应式变量 partitionInfoList 用于存储分区信息列表
+    const regionInfoList = ref(props.regionInfos);
+
+    // 监听外部传入的 partitionId 变化，并同步到 internalValue
+    watch(
+      () => props.partitionId,
+      (newVal) => {
+        partitionIdValue.value = newVal;
+
+        if (newVal == undefined){
+          return
+        }
+
+        loadRegionInfos()
+      }
+    );
+
+    const loadRegionInfos = () => {
+      const partitionId = partitionIdValue.value;
+      const needAll = props.needAll;
+      const params = { partitionId, "containAll": needAll};
+      listByPartitionId(params).then((res) => {
+        setRegionInfos(res.data)
+      }).finally(() => {
+        props.afterInit()
+      });
+    };
+
+    const setRegionInfos = (data) => {
+      regionInfoList.value = data;
+      regionIdValue.value = data[0].id;
+
+      emit("update:regionId", regionIdValue.value);
+      emit("update:regionInfos", regionInfoList.value);
+    };
+
+    // 处理选择变化时触发的事件，并通过 emit 通知父组件
+    const handleChangeEvent = (value) => {
+      regionIdValue.value = value
+      emit("update:regionId", value);
+
+      props.handleChange(value);
+    };
+
+    // 返回需要暴露给模板使用的变量和方法
+    return {
+      partitionIdValue,
+      regionIdValue,
+      regionInfoList,
+      handleChangeEvent,
+    };
+  },
+};
+</script>

src/views/common/partitionSelect.vue

@@ -0,0 +1,125 @@
+<template>
+  <!-- 使用 el-select 组件，并绑定 v-model 到 partitionId -->
+  <el-select v-model="partitionIdValue" :placeholder="placeholder" @change="handleChangeEvent">
+    <!-- 遍历 partitionInfoList 数组，为每个 item 生成一个 el-option 组件 -->
+    <el-option v-for="item in partitionInfoList" :key="item.id" :label="item.desc" :value="item.id">
+    </el-option>
+  </el-select>
+</template>
+
+<script>
+import { ref, watch, onMounted } from "vue";
+import { getPartitionInfoList, listAll } from "@/api/partition/partitionInfo";
+
+export default {
+  name: "partitionSelect",
+  // 定义组件的 props
+  props: {
+    partitionId: {
+      type: Number,
+      default: undefined,
+      required: true,
+    },
+    needAllPartition: {
+      type: Boolean,
+      default: false,
+    },
+    partitionInfos: {
+      type: Array,
+      default: () => [],
+    },
+    needAll: {
+      type: Boolean,
+      default: false,
+    },
+    placeholder: {
+      type: String,
+      default: "请选择分区",
+    },
+    handleChange: {
+      type: Function,
+      default: () => { },
+    },
+    afterInit: {
+      type: Function,
+      default: () => { },
+    },
+    // 删除指定id
+    deleteId:{
+      type: Number,
+      default: undefined,
+    }
+  },
+  // 明确声明触发的事件
+  emits: ["update:partitionId", "update:partitionInfos"],
+  setup(props, { emit }) {
+    // 定义响应式变量 partitionInfoList 用于存储分区信息列表
+    const partitionInfoList = ref(props.partitionInfos);
+    // 定义响应式变量 internalValue 用于内部管理 partitionId 的值
+    const partitionIdValue = ref(props.partitionId);
+
+    // 监听外部传入的 partitionId 变化，并同步到 internalValue
+    watch(
+      () => props.partitionId,
+      (newVal) => {
+        partitionIdValue.value = newVal;
+      }
+    );
+
+    // 在组件挂载时加载分区信息
+    onMounted(() => {
+      const listDateFunc = !props.needAllPartition ? getPartitionInfoList : listAll;
+      listDateFunc().then((res) => {
+        setPartitionInfos(res.data)
+      }).finally(() => {
+        props.afterInit()
+      });
+    });
+
+    const setPartitionInfos = (data) => {
+      partitionInfoList.value = data;
+
+      if (props.needAll) {
+        partitionInfoList.value.unshift({
+          id: undefined,
+          desc: "全部"
+        })
+      }
+      // 删除指定id
+      if(props.deleteId){
+        partitionInfoList.value.forEach((item,index)=>{
+          if(item.id === props.deleteId){
+            partitionInfoList.value.splice(index,1)
+          }
+        })
+      }
+
+      // 优先使用父组件传入的 partitionId
+      if (props.partitionId !== undefined && props.partitionId !== null) {
+        partitionIdValue.value = props.partitionId;
+      } else {
+        // 如果父组件未传值，则使用列表第一个选项的 id
+        partitionIdValue.value = partitionInfoList.value?.[0]?.id || undefined;
+      }
+
+      emit("update:partitionId", partitionIdValue.value);
+      emit("update:partitionInfos", partitionInfoList.value);
+    };
+
+    // 处理选择变化时触发的事件，并通过 emit 通知父组件
+    const handleChangeEvent = (value) => {
+      partitionIdValue.value = value
+      emit("update:partitionId", value);
+
+      props.handleChange(value);
+    };
+
+    // 返回需要暴露给模板使用的变量和方法
+    return {
+      partitionIdValue,
+      partitionInfoList,
+      handleChangeEvent,
+    };
+  },
+};
+</script>

src/views/dailyCoinStatistics/dailyCoinStatistics.vue

@@ -0,0 +1,403 @@
+<template>
+  <div class="outer">
+    <!-- 查询 -->
+    <div class="inquire">
+      <div class="block">
+        <span class="demonstration">开始时间</span>
+        <el-date-picker v-model="inquire.time[0]"
+                        type="date"
+                        placeholder="开始时间"
+                        format="YYYY-MM-DD">
+        </el-date-picker>
+      </div>
+    </div>
+    <div class="inquire">
+      <div class="block">
+        <span class="demonstration">结束时间</span>
+        <el-date-picker v-model="inquire.time[1]"
+                        type="date"
+                        placeholder="结束时间"
+                        format="YYYY-MM-DD">
+        </el-date-picker>
+      </div>
+    </div>
+    <!-- 查询按钮 -->
+    <el-button style=""
+               type="primary"
+               @click="getData()">查询</el-button>
+    <!-- <el-button style="" type="primary" @click="exportDate()">导出</el-button> -->
+  </div>
+
+  <!-- 表格 -->
+  <el-table v-loading="loading"
+            :data="tableData"
+            border
+            style="width: 100%; margin-top: 25px">
+    <el-table-column prop="date"
+                     align="center"
+                     label="日期" />
+    <el-table-column align="center"
+                     label="全平台真实消耗"
+                     width="">
+      <template v-slot="scope">
+        <el-button @click="
+            detailsTitle = '全平台金币明细';
+            edi(scope.row, 0);
+          "
+                   type="text"
+                   size="small">
+          {{ formattedNumber(scope.row.totalDiamond) }}
+        </el-button>
+      </template>
+    </el-table-column>
+    <el-table-column align="center"
+                     label="阿拉伯区真实消耗"
+                     width="">
+      <template v-slot="scope">
+        <el-button @click="
+            detailsTitle = '阿拉伯区金币明细';
+            edi(scope.row, 2);
+          "
+                   type="text"
+                   size="small">
+          {{ formattedNumber(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">
+          {{ formattedNumber(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">
+          {{ formattedNumber(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">
+          {{ formattedNumber(scope.row.trDiamond) }}
+        </el-button>
+      </template>
+    </el-table-column>
+
+    <el-table-column align="center"
+                     label="英语2区真实消耗"
+                     width="">
+      <template v-slot="scope">
+        <el-button @click="
+            detailsTitle = '英语区2金币明细';
+            edi(scope.row, 16);
+          "
+                   type="text"
+                   size="small">
+          {{ formattedNumber(scope.row.en2Diamond) }}
+        </el-button>
+      </template>
+    </el-table-column>
+
+    <el-table-column prop="totalRemainDiamond"
+                     align="center"
+                     label="全平台库存">
+      <template v-slot="scope">
+        {{ formattedNumber(scope.row.totalRemainDiamond) }}
+      </template>
+    </el-table-column>
+
+    <el-table-column prop="arRemainDiamond"
+                     align="center"
+                     label="阿拉伯区库存">
+      <template v-slot="scope">
+        {{ formattedNumber(scope.row.arRemainDiamond) }}
+      </template>
+    </el-table-column>
+    <el-table-column prop="enRemainDiamond"
+                     align="center"
+                     label="英语区库存">
+      <template v-slot="scope">
+        {{ formattedNumber(scope.row.enRemainDiamond) }}
+      </template>
+    </el-table-column>
+    <el-table-column prop="zhRemainDiamond"
+                     align="center"
+                     label="华语区库存">
+      <template v-slot="scope">
+        {{ formattedNumber(scope.row.zhRemainDiamond) }}
+      </template>
+    </el-table-column>
+    <el-table-column prop="trRemainDiamond"
+                     align="center"
+                     label="土耳其区库存">
+      <template v-slot="scope">
+        {{ formattedNumber(scope.row.trRemainDiamond) }}
+      </template>
+    </el-table-column>
+    <el-table-column prop="en2RemainDiamond"
+                     align="center"
+                     label="英语2区库存">
+      <template v-slot="scope">
+        {{ formattedNumber(scope.row.en2RemainDiamond) }}
+      </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="domainDesc"
+                       align="center"
+                       label="类型" />
+      <el-table-column prop="addDiamond"
+                       align="center"
+                       label="增加">
+        <template v-slot="scope">
+          {{ formattedNumber(scope.row.addDiamond) }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="subDiamond"
+                       align="center"
+                       label="消耗">
+        <template v-slot="scope">
+          {{ formattedNumber(scope.row.subDiamond) }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="subDiamond"
+                       align="center"
+                       label="留存">
+        <template #default="row">
+          {{ formattedNumber(totalDiamonds(row.row)) }}
+          <div v-if="row.row.domainDesc ==='小游戏' || row.row.domainDesc ==='幸运数字礼物' || row.row.domainDesc ==='Bravo礼物'">
+            {{ percentage(row.row) }}%
+          </div>
+        </template>
+      </el-table-column>
+    </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: "dailyCoinStatistics",
+  data () {
+    return {
+      loading: false,
+      // 查询条件
+      inquire: {
+        time: this.calculateLastSevenDays(),
+      },
+      // 表格
+      tableData: [{ x: "x" }],
+      // 分页
+      total: 10, //总页数
+      currentPage: 1, //页码
+      pageSize: 10, //条数
+      //   内表格
+      detailsDialog: false,
+      detailsTitle: "金币明细",
+      tableDataIn: [],
+    };
+  },
+  created () {
+    this.getData();
+  },
+  computed: {
+    // 千分位
+    formattedNumber () {
+      return (num) => {
+        if (num === null || num === undefined) return '';
+        return Math.floor(num).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
+      };
+    },
+
+  },
+  methods: {
+        // 默认七天
+    calculateLastSevenDays () {
+      const end = new Date();
+      const start = new Date();
+      start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
+      return [start, end];
+    },
+    totalDiamonds (row) {
+      const subDiamond = Number(row.subDiamond || 0);
+      const addDiamond = Number(row.addDiamond || 0);
+      return subDiamond + addDiamond;
+    },
+    // 计算百分比，防止除零异常
+    percentage (row) {
+      const subDiamond = Number(row.subDiamond || 0);
+      const addDiamond = Number(row.addDiamond || 0);
+
+      if (subDiamond === 0) {
+        return '0.00'; // 防止除零错误
+      }
+
+
+      const result = (addDiamond / subDiamond) * 100;
+      return result.toFixed(2); // 格式化为两位小数
+    },
+    // 查询
+    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")
+          : null;
+        endTime = this.inquire.time[1]
+          ? dateFormat(this.inquire.time[1], "yyyy-MM-dd")
+          : 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
+                  : type == 16
+                    ? res.en2DomainDetail
+                      : `"[""]"`;
+
+      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>

src/views/data/basicActivityData.vue

@@ -0,0 +1,375 @@
+<template>
+  <div class="box">
+    <div class="inquire">
+      <span>分区</span>
+      <partition-select v-model:partition-id="formData.partitionId" />
+    </div>
+    <div class="inquire">
+      <span>活动</span>
+      <el-select v-model="formData.actKey" placeholder="请选择">
+        <el-option
+          v-for="item in actKeysArr"
+          :key="item.actKey"
+          :label="item.actName || item.actKey"
+          :value="item.actKey"
+        >
+        </el-option>
+      </el-select>
+    </div>
+    <div class="inquire">
+      <span class="demonstration">日期</span>
+      <el-date-picker
+        v-model="dataTime"
+        type="daterange"
+        range-separator="至"
+        start-placeholder="开始日期"
+        end-placeholder="结束日期"
+        value-format="YYYY-MM-DD"
+      >
+      </el-date-picker>
+    </div>
+    <el-button style="" type="primary" @click="getData()">查询</el-button>
+    <el-button style="" type="primary" @click="confirmExport2Excel()"
+      >导出</el-button
+    >
+
+    <el-table
+      v-loading="tableData.loading"
+      :data="tableData.data"
+      ref="multipleTable"
+      @selection-change="handleSelectionChange"
+      border
+      style="width: 100%; margin-top: 25px"
+    >
+      <el-table-column prop="statDate" align="center" label="日期" />
+      <el-table-column prop="actName" align="center" label="活动" />
+      <el-table-column prop="totalUserNum" align="center" label="总参与人数" />
+      <el-table-column prop="actUserNum" align="center" label="独立参与人数" />
+      <el-table-column prop="actNum" align="center" label="参与总次数" />
+      <!-- <el-table-column prop="guildNum" align="center" label="旗下公会数量">
+        <template v-slot="scope">
+          <el-button type="text" size="small" @click="editFen(scope.row)">
+            {{ scope.row.guildNum }}
+          </el-button>
+        </template>
+      </el-table-column> -->
+      <el-table-column prop="perValue" align="center" label="人均参与次数" />
+      <el-table-column prop="actValue" align="center" label="榜单总值" />
+
+      <el-table-column prop="topTen" align="center" label="榜单前10用户">
+        <template v-slot="scope">
+          <el-button
+            type="text"
+            size="small"
+            @click="
+              editTopTen(scope.row);
+              detailsTypeDialog = 0;
+            "
+          >
+            {{ scope.row.topTen }}
+          </el-button>
+        </template>
+      </el-table-column>
+      <el-table-column prop="newUserNum" align="center" label="新用户数">
+        <template v-slot="scope">
+          <el-button
+            type="text"
+            size="small"
+            @click="
+              editNewUserNum(scope.row);
+              detailsTypeDialog = 1;
+            "
+          >
+            {{ scope.row.newUserNum }}
+          </el-button>
+        </template>
+      </el-table-column>
+      <el-table-column prop="chargeUserNum" align="center" label="充值人数" />
+      <el-table-column prop="chargeGoldNum" align="center" label="充值金额" />
+    </el-table>
+    <!-- 分页 -->
+    <el-pagination
+      style="margin-top: 10px"
+      class="paginationClass"
+      :current-page="formData.pageNo"
+      :page-size="formData.pageSize"
+      :page-sizes="[10, 20, 50, 100, 200]"
+      layout="sizes, prev, pager, next"
+      :total="tableData.total"
+      @size-change="handleSizeChange"
+      @current-change="handleCurrentChange"
+    />
+    <!-- 详情表格 -->
+    <el-dialog
+      v-model="detailsDialog"
+      :title="detailsTypeDialog == 0 ? '榜单详情' : '新用户详情'"
+      width="70%"
+      center
+    >
+      <!-- 内表格 -->
+      <el-table
+        v-loading="tableDetailData.loading"
+        :data="tableDetailData.data"
+        border
+        style="width: 100%; margin-top: 25px"
+      >
+        <template v-if="detailsTypeDialog == 0">
+          <el-table-column prop="erbanNo" align="center" label="用户ID" />
+          <el-table-column prop="nick" align="center" label="用户昵称" />
+          <el-table-column
+            prop="partitionDesc"
+            align="center"
+            label="用户分区"
+          />
+          <el-table-column prop="regionName" align="center" label="国家" />
+          <el-table-column prop="rank" align="center" label="榜单排行" />
+          <el-table-column prop="actValue" align="center" label="榜单数值" />
+        </template>
+        <template v-if="detailsTypeDialog == 1">
+          <el-table-column prop="erbanNo" align="center" label="用户ID" />
+          <el-table-column prop="nick" align="center" label="用户昵称" />
+          <el-table-column
+            prop="partitionDesc"
+            align="center"
+            label="用户分区"
+          />
+          <el-table-column prop="signTime" align="center" label="注册时间" />
+          <el-table-column
+            prop="chargeGoleNum"
+            align="center"
+            label="充值金额"
+          />
+        </template>
+      </el-table>
+      <!-- 分页 -->
+      <el-pagination
+        style="margin-top: 10px"
+        class="paginationClass"
+        :current-page="formDetailData.pageNo"
+        :page-size="formDetailData.pageSize"
+        :page-sizes="[10, 20, 50, 100, 200]"
+        layout="sizes, prev, pager, next"
+        :total="tableDetailData.total"
+        @size-change="handleSizeChangeDetail"
+        @current-change="handleCurrentChangeDetail"
+      />
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { ref, onMounted, reactive, computed } from "vue";
+import PartitionSelect from "@/views/common/partitionSelect.vue";
+import { ElMessage, ElMessageBox } from "element-plus";
+import { formatDate } from "@/utils/relDate";
+import {
+  getActKeysList,
+  getDataList,
+  getNewUsersList,
+  getRankList,
+  exportActivityDayTotal,
+} from "@/api/basicActivityData/basicActivityData";
+export default {
+  name: "basicActivityData",
+  components: {
+    PartitionSelect,
+  },
+  setup() {
+    const formData = reactive({
+      partitionId: undefined,
+      pageNo: 1,
+      pageSize: 10,
+      startDate: "",
+      endDate: "",
+      actKey: "",
+    });
+    const tableData = reactive({
+      data: [],
+      total: 0,
+      loading: false,
+    });
+    const formDetailData = reactive({
+      pageNo: 1,
+      pageSize: 10,
+      partitionId: "",
+      actKey: "",
+      statDate: "",
+    });
+    const tableDetailData = reactive({
+      data: [],
+      total: 0,
+      loading: false,
+    });
+    const detailsDialog = ref(false);
+    const detailsTypeDialog = ref(0); //0榜单详情 1新用户详情
+    const dataTime = ref("");
+    const actKeysArr = ref([]);
+    const getData = () => {
+      tableData.loading = true;
+      if (dataTime.value && dataTime.value.length > 0) {
+        formData.startDate = dataTime.value[0];
+        formData.endDate = dataTime.value[1];
+        console.log(dataTime.value);
+      } else {
+        formData.startDate = dataTime.value;
+        formData.endDate = dataTime.value;
+      }
+      getDataList(formData).then((res) => {
+        if (res.code == 200) {
+          tableData.data = res.data.rows;
+          tableData.total = res.data.total;
+          tableData.loading = false;
+        } else {
+          tableData.loading = false;
+          ElMessage.error(res.message);
+        }
+      });
+    };
+    // 导出
+    const confirmExport2Excel = async () => {
+      // Object.assign(formData, { pageSize: 10000, pageNo: 1 });
+      try {
+        const res = await exportActivityDayTotal(formData);
+        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 editTopTen = (row) => {
+      if (row) {
+        formDetailData.actKey = row.actKey;
+        formDetailData.partitionId = formData.partitionId;
+        formDetailData.statDate = row.statDate;
+      }
+      tableDetailData.loading = true;
+      getRankList(formDetailData).then((res) => {
+        if (res.code == 200) {
+          tableDetailData.data = res.data.rows;
+          tableDetailData.total = res.data.total;
+          tableDetailData.loading = false;
+          detailsDialog.value = true;
+        } else {
+          tableDetailData.loading = false;
+          ElMessage.error(res.message);
+        }
+      });
+    };
+    // 新用户详情
+    const editNewUserNum = (row) => {
+      if (row) {
+        formDetailData.actKey = row.actKey;
+        formDetailData.partitionId = formData.partitionId;
+        formDetailData.statDate = row.statDate;
+      }
+      tableDetailData.loading = true;
+      getNewUsersList(formDetailData).then((res) => {
+        if (res.code == 200) {
+          tableDetailData.data = res.data.rows;
+          tableDetailData.total = res.data.total;
+          tableDetailData.loading = false;
+          detailsDialog.value = true;
+        } else {
+          tableDetailData.loading = false;
+          ElMessage.error(res.message);
+        }
+      });
+    };
+
+    const handleSizeChange = (val) => {
+      formData.pageSize = val;
+      getData();
+    };
+    const handleCurrentChange = (val) => {
+      formData.pageNo = val;
+      getData();
+    };
+    const handleSizeChangeDetail = (val) => {
+      formDetailData.pageSize = val;
+      if (detailsTypeDialog.value == 0) {
+        editTopTen();
+      } else {
+        editNewUserNum();
+      }
+    };
+    const handleCurrentChangeDetail = (val) => {
+      formDetailData.pageNo = val;
+      if (detailsTypeDialog.value == 0) {
+        editTopTen();
+      } else {
+        editNewUserNum();
+      }
+    };
+    onMounted(() => {
+      getActKeysList().then((res) => {
+        actKeysArr.value = res.data;
+      });
+    });
+    return {
+      formData,
+      tableData,
+      dataTime,
+      getData,
+      handleSizeChange,
+      handleCurrentChange,
+      confirmExport2Excel,
+      actKeysArr,
+      detailsDialog,
+      tableDetailData,
+      formDetailData,
+      editTopTen,
+      handleSizeChangeDetail,
+      handleCurrentChangeDetail,
+      editNewUserNum,
+      detailsTypeDialog,
+    };
+  },
+};
+</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>

src/views/data/guildStatisticsData.vue

@@ -0,0 +1,398 @@
+<template>
+  <!-- 表格 -->
+  <el-table
+    v-loading="loading"
+    :data="tableData"
+    border
+    style="width: 100%; margin-top: 25px"
+  >
+    <el-table-column align="center" label="日期" width="220px">
+      <template v-slot="scope">
+        {{ scope.row.date }} ~ {{ scope.row.endDate }}
+      </template>
+    </el-table-column>
+
+    <el-table-column
+      prop="totalNewCount"
+      align="center"
+      label="全服公会总新增"
+    />
+
+    <el-table-column align="center" label="阿拉伯公会总新增" width="">
+      <template v-slot="scope">
+        <el-button
+          @click="
+            detailsTitle = '阿拉伯公会总新增' + scope.row.date;
+            edi(scope.row.arNewCountDetail, false);
+          "
+          type="text"
+          size="small"
+        >
+          {{ scope.row.arNewCount }}
+        </el-button>
+      </template>
+    </el-table-column>
+    <el-table-column align="center" label="英语区总新增" width="">
+      <template v-slot="scope">
+        <el-button
+          @click="
+            detailsTitle = '英语区总新增' + scope.row.date;
+            edi(scope.row.enNewCountDetail, false);
+          "
+          type="text"
+          size="small"
+        >
+          {{ scope.row.enNewCount }}
+        </el-button>
+      </template>
+    </el-table-column>
+    <el-table-column align="center" label="华语区总新增" width="">
+      <template v-slot="scope">
+        <el-button
+          @click="
+            detailsTitle = '华语区总新增' + scope.row.date;
+            edi(scope.row.zhNewCountDetail, false);
+          "
+          type="text"
+          size="small"
+        >
+          {{ scope.row.zhNewCount }}
+        </el-button>
+      </template>
+    </el-table-column>
+    <el-table-column align="center" label="土耳其区总新增" width="">
+      <template v-slot="scope">
+        <el-button
+          @click="
+            detailsTitle = '土耳其区总新增' + scope.row.date;
+            edi(scope.row.trNewCountDetail, false);
+          "
+          type="text"
+          size="small"
+        >
+          {{ scope.row.trNewCount }}
+        </el-button>
+      </template>
+    </el-table-column>
+    <el-table-column align="center" label="英语2区总新增" width="">
+      <template v-slot="scope">
+        <el-button
+          @click="
+            detailsTitle = '英语2区总新增' + scope.row.date;
+            edi(scope.row.en2NewCountDetail, false);
+          "
+          type="text"
+          size="small"
+        >
+          {{ scope.row.en2NewCount }}
+        </el-button>
+      </template>
+    </el-table-column>
+
+    <el-table-column
+      prop="totalActiveCount"
+      align="center"
+      label="全服公会活跃度"
+    />
+
+    <el-table-column align="center" label="阿拉伯公会活跃度" width="">
+      <template v-slot="scope">
+        <el-button
+          @click="
+            detailsTitle = '阿拉伯公会活跃度' + scope.row.date;
+            edi(scope.row.arActiveCountDetail, true);
+          "
+          type="text"
+          size="small"
+        >
+          {{ scope.row.arActiveCount }}
+        </el-button>
+      </template>
+    </el-table-column>
+    <el-table-column align="center" label="英语区活跃度" width="">
+      <template v-slot="scope">
+        <el-button
+          @click="
+            detailsTitle = '英语区活跃度' + scope.row.date;
+            edi(scope.row.enActiveCountDetail, true);
+          "
+          type="text"
+          size="small"
+        >
+          {{ scope.row.enActiveCount }}
+        </el-button>
+      </template>
+    </el-table-column>
+    <el-table-column align="center" label="华语区活跃度" width="">
+      <template v-slot="scope">
+        <el-button
+          @click="
+            detailsTitle = '华语区活跃度' + scope.row.date;
+            edi(scope.row.zhActiveCountDetail, true);
+          "
+          type="text"
+          size="small"
+        >
+          {{ scope.row.zhActiveCount }}
+        </el-button>
+      </template>
+    </el-table-column>
+    <el-table-column align="center" label="土耳其区活跃度" width="">
+      <template v-slot="scope">
+        <el-button
+          @click="
+            detailsTitle = '土耳其区活跃度' + scope.row.date;
+            edi(scope.row.trActiveCountDetail, true);
+          "
+          type="text"
+          size="small"
+        >
+          {{ scope.row.trActiveCount }}
+        </el-button>
+      </template>
+    </el-table-column>
+    <el-table-column align="center" label="英语2区活跃度" width="">
+      <template v-slot="scope">
+        <el-button
+          @click="
+            detailsTitle = '英语2区活跃度' + scope.row.date;
+            edi(scope.row.en2ActiveCountDetail, true);
+          "
+          type="text"
+          size="small"
+        >
+          {{ scope.row.en2ActiveCount }}
+        </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="50%" center>
+    <!-- 内表格 -->
+    <el-table
+      v-loading="loading"
+      :data="tableDataIn"
+      border
+      style="width: 100%; margin-top: 25px"
+    >
+      <el-table-column prop="date" align="center" label="日期" />
+      <el-table-column prop="endDate" align="center" label="结束时间" />
+      <el-table-column prop="guildId" align="center" label="公会ID" />
+      <el-table-column prop="ownerErbanNo" align="center" label="公会长ID" />
+      <el-table-column
+        prop="ownerRegionName"
+        align="center"
+        label="公会长所属国家"
+      />
+      <el-table-column prop="operatorName" align="center" label="公会负责人" />
+      <el-table-column
+        prop="activeMemberCount"
+        align="center"
+        label="本周收礼主播数"
+      />
+      <el-table-column
+        prop="guildGoldFlow"
+        align="center"
+        label="本周公会钻石流水"
+      >
+      <template v-slot="scope">
+          {{
+            formattedNumber(scope.row.guildGoldFlow)
+          }}
+        </template>
+      </el-table-column>
+      <el-table-column
+        prop="guildDiamondFlow"
+        align="center"
+        label="本周公会金币流水"
+      >
+      <template v-slot="scope">
+          {{
+            formattedNumber(scope.row.guildDiamondFlow)
+          }}
+        </template>
+      </el-table-column>
+      <el-table-column
+        prop="lastGuildGoldFlow"
+        align="center"
+        label="上周公会钻石流水"
+        v-if="detailsIsShow"
+      />
+      <el-table-column
+        prop="guildGoldFlowWow"
+        align="center"
+        label="周环比"
+        v-if="detailsIsShow"
+      >
+        <template v-slot="scope">
+          {{
+            scope.row.lastGuildGoldFlow === 0
+              ? "--"
+              : formatPercentage(
+                  scope.row.guildGoldFlow / scope.row.lastGuildGoldFlow
+                ) + "%"
+          }}
+        </template>
+      </el-table-column>
+    </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 { guiildPage } from "@/api/statistics/statistics";
+import { dateFormat } from "@/utils/system-helper";
+import { ElMessage } from "element-plus";
+export default {
+  name: "guildStatisticsData",
+  data() {
+    return {
+      loading: false,
+      // 查询条件
+      inquire: {
+        time: [],
+      },
+      // 表格
+      tableData: [],
+      // 分页
+      total: 10, //总页数
+      currentPage: 1, //页码
+      pageSize: 10, //条数
+      //   内表格
+      detailsDialog: false,
+      detailsTitle: "金币明细",
+      tableDataIn: [],
+      detailsIsShow: false,
+    };
+  },
+  created() {
+    this.getData();
+  },
+  computed: {
+    // 千分位
+    formattedNumber() {
+      return (num) => {
+        if (num === null || num === undefined) return "";
+        return Math.floor(num)
+          .toString()
+          .replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+      };
+    },
+  },
+  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;
+      }
+      guiildPage({
+        page: 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 {
+          ElMessage({
+            showClose: true,
+            message: res.message,
+            type: "error",
+          });
+        }
+      });
+    },
+    // 详情
+    edi(res, type) {
+      this.detailsIsShow = type;
+      this.tableDataIn = JSON.parse(res);
+      this.detailsDialog = true;
+    },
+    formatPercentage(value) {
+      return parseFloat((value * 100).toFixed(2));
+    },
+    // 分页导航
+    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>

src/views/data/newOverview.vue

@@ -0,0 +1,260 @@
+<template>
+  <!-- 表格 -->
+  <el-table v-loading="loading"
+            :data="tableData"
+            border
+            style="width: 100%; margin-top: 25px">
+    <el-table-column prop="date"
+                     align="center"
+                     label="日期" />
+    <el-table-column prop="accountCount"
+                     align="center"
+                     label="新总注册" />
+    <el-table-column prop="userCount"
+                     align="center"
+                     label="新完善资料" />
+    <el-table-column prop="userRatio"
+                     align="center"
+                     label="完善率" />
+
+    <el-table-column align="center"
+                     label="阿拉伯区新注册（完善资料）"
+                     width="">
+      <template v-slot="scope">
+        <el-button @click="
+            detailsTitle = '阿拉伯区注册明细' + scope.row.date;
+            edi(scope.row.arCountDetail, 2);
+          "
+                   type="text"
+                   size="small">
+          {{ scope.row.arCount }}
+        </el-button>
+      </template>
+    </el-table-column>
+    <el-table-column align="center"
+                     label="英语区新注册（完善资料）"
+                     width="">
+      <template v-slot="scope">
+        <el-button @click="
+            detailsTitle = '英语区注册明细' + scope.row.date;
+            edi(scope.row.enCountDetail, 1);
+          "
+                   type="text"
+                   size="small">
+          {{ scope.row.enCount }}
+        </el-button>
+      </template>
+    </el-table-column>
+    <el-table-column align="center"
+                     label="华语区新注册（完善资料）"
+                     width="">
+      <template v-slot="scope">
+        <el-button @click="
+            detailsTitle = '华语区注册明细' + scope.row.date;
+            edi(scope.row.zhCountDetail, 4);
+          "
+                   type="text"
+                   size="small">
+          {{ scope.row.zhCount }}
+        </el-button>
+      </template>
+    </el-table-column>
+    <el-table-column align="center"
+                     label="土耳其区新注册（完善资料）"
+                     width="">
+      <template v-slot="scope">
+        <el-button @click="
+            detailsTitle = '土耳其区注册明细' + scope.row.date;
+            edi(scope.row.trCountDetailt, 8);
+          "
+                   type="text"
+                   size="small">
+          {{ scope.row.trCount }}
+        </el-button>
+      </template>
+    </el-table-column>
+    <el-table-column align="center"
+                     label="英语2区新注册（完善资料）"
+                     width="">
+      <template v-slot="scope">
+        <el-button @click="
+            detailsTitle = '英语2区注册明细' + scope.row.date;
+            edi(scope.row.en2CountDetail, 1);
+          "
+                   type="text"
+                   size="small">
+          {{ scope.row.en2Count }}
+        </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="[20, 50, 100, 200, 500]"
+                 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="regionDesc"
+                       align="center"
+                       label="国家" />
+      <el-table-column prop="count"
+                       align="center"
+                       label="新注册（完善资料）" />
+      <el-table-column prop="ratio"
+                       align="center"
+                       label="占比">
+        <template v-slot="scope">
+          {{ formatPercentage(scope.row.ratio) }}%
+        </template>
+      </el-table-column>
+    </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 { dnuPage } from "@/api/statistics/statistics";
+import { ElMessage } from "element-plus";
+export default {
+  name: "newOverview",
+  data () {
+    return {
+      loading: false,
+      // 查询条件
+      inquire: {
+        time: [],
+      },
+      // 表格
+      tableData: [],
+      // 分页
+      total: 0, //总页数
+      currentPage: 1, //页码
+      pageSize: 20, //条数
+      //   内表格
+      detailsDialog: false,
+      detailsTitle: "金币明细",
+      tableDataIn: [],
+    };
+  },
+  created () {
+    this.getData();
+  },
+  methods: {
+    // 查询
+    getData () {
+      this.loading = true;
+      dnuPage({
+        page: 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 {
+          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(res));
+      this.detailsDialog = true;
+    },
+    formatPercentage (value) {
+      return parseFloat((value * 100).toFixed(2));
+    },
+    // 分页导航
+    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>

src/views/data/overviewActiveStatistics.vue

@@ -0,0 +1,266 @@
+<template>
+  <!-- 表格 -->
+  <el-table v-loading="loading"
+            :data="tableData"
+            border
+            style="width: 100%; margin-top: 25px">
+    <el-table-column prop="date"
+                     align="center"
+                     label="日期" />
+    <el-table-column prop="totalCount"
+                     align="center"
+                     label="当天总活跃度">
+      <template v-slot="scope">
+        <el-button @click="
+            detailsTitle = '当天总活跃度' + scope.row.date;
+            edi(scope.row.totalCountDetail, 2);
+          "
+                   type="text"
+                   size="small">
+          {{ scope.row.totalCount }}
+        </el-button>
+      </template>
+    </el-table-column>
+
+    <el-table-column align="center"
+                     label="阿拉伯区总活跃度"
+                     width="">
+      <template v-slot="scope">
+        <el-button @click="
+            detailsTitle = '阿拉伯区总活跃度' + scope.row.date;
+            edi(scope.row.arCountDetail, 2);
+          "
+                   type="text"
+                   size="small">
+          {{ scope.row.arCount }}
+        </el-button>
+      </template>
+    </el-table-column>
+    <el-table-column align="center"
+                     label="英语区总活跃度"
+                     width="">
+      <template v-slot="scope">
+        <el-button @click="
+            detailsTitle = '英语区总活跃度' + scope.row.date;
+            edi(scope.row.enCountDetail, 1);
+          "
+                   type="text"
+                   size="small">
+          {{ scope.row.enCount }}
+        </el-button>
+      </template>
+    </el-table-column>
+    <el-table-column align="center"
+                     label="华语区总活跃度"
+                     width="">
+      <template v-slot="scope">
+        <el-button @click="
+            detailsTitle = '华语区总活跃度' + scope.row.date;
+            edi(scope.row.zhCountDetail, 4);
+          "
+                   type="text"
+                   size="small">
+          {{ scope.row.zhCount }}
+        </el-button>
+      </template>
+    </el-table-column>
+    <el-table-column align="center"
+                     label="土耳其区总活跃度"
+                     width="">
+      <template v-slot="scope">
+        <el-button @click="
+            detailsTitle = '土耳其区总活跃度' + scope.row.date;
+            edi(scope.row.trCountDetail, 8);
+          "
+                   type="text"
+                   size="small">
+          {{ scope.row.trCount }}
+        </el-button>
+      </template>
+    </el-table-column>
+    <el-table-column align="center"
+                     label="英语2区总活跃度"
+                     width="">
+      <template v-slot="scope">
+        <el-button @click="
+            detailsTitle = '英语2区总活跃度' + scope.row.date;
+            edi(scope.row.en2CountDetail, 16);
+          "
+                   type="text"
+                   size="small">
+          {{ scope.row.en2Count }}
+        </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="[20, 50, 100, 200, 500]"
+                 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="regionDesc"
+                       align="center"
+                       label="国家" />
+      <el-table-column prop="count"
+                       align="center"
+                       label="活跃度" />
+      <el-table-column prop="ratio"
+                       align="center"
+                       label="占比">
+        <template v-slot="scope">
+          {{ formatPercentage(scope.row.ratio) }}%
+        </template>
+      </el-table-column>
+    </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 { dauPage } from "@/api/statistics/statistics";
+import { dateFormat } from "@/utils/system-helper";
+import { ElMessage } from "element-plus";
+export default {
+  name: "overviewActiveStatistics",
+  data () {
+    return {
+      loading: false,
+      // 查询条件
+      inquire: {
+        time: [],
+      },
+      // 表格
+      tableData: [],
+      // 分页
+      total: 0, //总页数
+      currentPage: 1, //页码
+      pageSize: 20, //条数
+      //   内表格
+      detailsDialog: false,
+      detailsTitle: "金币明细",
+      tableDataIn: [],
+    };
+  },
+  created () {
+    this.getData();
+  },
+  methods: {
+    // 查询
+    getData () {
+      this.loading = true;
+      dauPage({
+        page: 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 {
+          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(res));
+      this.detailsDialog = true;
+    },
+    formatPercentage (value) {
+      return parseFloat((value * 100).toFixed(2));
+    },
+    // 分页导航
+    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>

src/views/dressShop/DressShopAdminView.vue

@@ -7,222 +7,467 @@
           <h1 id="itemTitle"></h1>
         </section>
         <div id="toolbar">
+          <el-form-item label="装扮类型" prop="dateCycle">
+            <el-select placeholder="请选择" v-model="dressTypeVal">
+              <el-option
+                v-for="(item, i) in dressTypeArr"
+                :key="i"
+                :label="item.desc"
+                :value="item.val"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="获得方式" prop="dateCycle">
+            <el-select placeholder="请选择" v-model="obtainWayVal">
+              <el-option
+                v-for="(item, i) in obtainWayArr"
+                :key="i"
+                :label="item.desc"
+                :value="item.val"
+              ></el-option>
+            </el-select>
+          </el-form-item>
           <div class="col-sm-12">
-            <button id="btnAdd"
-                    class="btn btn-default">
+            <button
+              id="btnAdd"
+              class="btn btn-default"
+              style="margin-right: 20px"
+            >
               <i class="glyphicon glyphicon-plus"></i>增加
             </button>
+            <button @click="initData" id="getData" class="btn btn-default">
+              查询
+            </button>
           </div>
-
         </div>
       </div>
 
       <!-- .content -->
       <div id="table"></div>
-
     </div>
   </section>
 
-  <div class="modal fade"
+  <div
+    class="modal fade"
     id="roomTagModal"
     tabindex="-1"
     role="dialog"
-       aria-labelledby="modalLabel">
-    <div class="modal-dialog"
-         role="document">
+    aria-labelledby="modalLabel"
+  >
+    <div class="modal-dialog" role="document">
       <div class="modal-content">
         <div class="modal-header">
-          <button type="button"
+          <button
+            type="button"
             class="close"
             data-dismiss="modal"
-                  aria-label="Close"><span aria-hidden="true">&times;</span>
+            aria-label="Close"
+          >
+            <span aria-hidden="true">&times;</span>
           </button>
-          <h4 class="modal-title"
-              id="modalLabel">新增</h4>
+          <h4 class="modal-title" id="modalLabel">新增</h4>
         </div>
         <div class="modal-body">
-          <form class="form-horizontal"
-                id="addForm">
-            <input type="hidden"
-                   name="id"
-                   id="id" />
+          <form class="form-horizontal" id="addForm">
+            <input type="hidden" name="id" id="id" />
             <div class="form-group">
-              <label for="dressType"
-                     class="col-sm-3 control-label">装扮类型:</label>
+              <label for="dressType" class="col-sm-3 control-label"
+                >装扮类型:</label
+              >
               <div class="col-sm-9">
-                <select name="dressType"
-                        id="dressType">
+                <select name="dressType" id="dressType">
                   <option value="">-- 请选择 --</option>
                   <option value="0">头饰</option>
                   <option value="1">座驾</option>
                   <option value="2">铭牌</option>
                   <option value="3">资料卡</option>
                   <option value="4">聊天气泡</option>
+                  <option value="5">个人装扮</option>
                 </select>
               </div>
             </div>
-            <div class="form-group"
-                 id="txtBox">
-              <label for="dressId"
-                     class="col-sm-3 control-label">装扮id<font color="red">*</font>：</label>
+            <div class="form-group">
+              <label for="obtainWay" class="col-sm-3 control-label"
+                >获得方式:</label
+              >
               <div class="col-sm-9">
-                <input type="text"
+                <select name="obtainWay" id="obtainWay">
+                  <option value="">-- 请选择 --</option>
+                  <option value="1">普通</option>
+                  <option value="2">活动</option>
+                </select>
+              </div>
+            </div>
+            <div class="form-group" id="txtBox">
+              <label for="dressId" class="col-sm-3 control-label"
+                >装扮id<font color="red">*</font>：</label
+              >
+              <div class="col-sm-9">
+                <input
+                  type="text"
                   class="form-control validate[required]"
                   name="dressId"
                   id="dressId"
-                       placeholder="请输入对应的装扮id">
+                  placeholder="请输入对应的装扮id"
+                />
               </div>
             </div>
             <div class="form-group">
-              <label for="dressSeq"
-                     class="col-sm-3 control-label">展示排序<font color="red">*</font>：</label>
+              <label for="dressSeq" class="col-sm-3 control-label"
+                >展示排序<font color="red">*</font>：</label
+              >
               <div class="col-sm-9">
-                <input type="text"
+                <input
+                  type="text"
                   class="form-control validate[required]"
                   name="dressSeq"
                   id="dressSeq"
-                       placeholder="数字小的排前面，必填">
+                  placeholder="数字小的排前面，必填"
+                />
               </div>
             </div>
             <div class="form-group">
-              <label for="dressPrice"
-                     class="col-sm-3 control-label">装扮价格:</label>
+              <label for="dressPrice" class="col-sm-3 control-label"
+                >装扮价格:</label
+              >
               <div class="col-sm-9">
-                <input type="text"
+                <input
+                  type="text"
                   class="form-control validate[required]"
                   name="dressPrice"
                   id="dressPrice"
-                       placeholder="请输入价格">
+                  placeholder="请输入价格"
+                />
               </div>
             </div>
             <div class="form-group">
-              <label for="dressDay"
-                     class="col-sm-3 control-label">有效期（天）:</label>
+              <label for="dressDay" class="col-sm-3 control-label"
+                >有效期（天）:</label
+              >
               <div class="col-sm-9">
-                <input type="text"
+                <input
+                  type="text"
                   class="form-control validate[required]"
                   name="dressDay"
                   id="dressDay"
-                       placeholder="请输入天数">
+                  placeholder="请输入天数"
+                />
               </div>
             </div>
             <div class="form-group">
-              <label for="dressLimitStatus"
-                     class="col-sm-3 control-label">装扮限时状态:</label>
+              <label for="dressLimitStatus" class="col-sm-3 control-label"
+                >装扮限时状态:</label
+              >
               <div class="col-sm-9">
-                <select name="dressType"
-                        id="dressLimitStatus">
+                <select name="dressType" id="dressLimitStatus">
                   <option value="0">是</option>
                   <option value="1">否</option>
                 </select>
               </div>
             </div>
+            <div class="form-group">
+              <label for="vipLimit" class="col-sm-3 control-label"
+                >贵族限定:</label
+              >
+              <div class="col-sm-9">
+                <select name="dressType" id="vipLimit">
+                  <option value="0">无限制</option>
+                  <option value="1">VIP1</option>
+                  <option value="2">VIP2</option>
+                  <option value="3">VIP3</option>
+                  <option value="4">VIP4</option>
+                  <option value="5">VIP5</option>
+                  <option value="6">VIP6</option>
+                  <option value="7">VIP7</option>
+                  <option value="8">VIP8</option>
+                  <option value="9">VIP9</option>
+                </select>
+              </div>
+            </div>
           </form>
         </div>
         <div class="modal-footer">
-          <button type="button"
-                  class="btn btn-default"
-                  data-dismiss="modal">关闭</button>
-          <button type="button"
-                  class="btn btn-primary"
-                  id="add">确定</button>
+          <button type="button" class="btn btn-default" data-dismiss="modal">
+            关闭
+          </button>
+          <button type="button" class="btn btn-primary" id="add">确定</button>
         </div>
-
       </div>
     </div>
   </div>
 </template>
 
 <script>
-import TableHelper from '@/utils/bootstrap-table-helper';
-import { serverError } from '@/utils/maintainer';
+import TableHelper from "@/utils/bootstrap-table-helper";
+import { serverError } from "@/utils/maintainer";
 
 export default {
   name: "DressShopAdminView",
-  setup () {
-    return {};
+  data() {
+    return {
+      dressTypeVal: "",
+      dressTypeArr: [
+        { desc: "全部", val: "" },
+        { desc: "头饰", val: "0" },
+        { desc: "座驾", val: "1" },
+        { desc: "铭牌", val: "2" },
+        { desc: "资料卡", val: "3" },
+        { desc: "聊天气泡", val: "4" },
+        { desc: "个人装扮", val: "5" },
+      ],
+      obtainWayVal: "",
+      obtainWayArr: [
+        { desc: "全部", val: "" },
+        { desc: "普通", val: "1" },
+        { desc: "活动", val: "2" },
+      ],
+    };
   },
-  created () {
+  created() {
     this.$nextTick(function () {
       this.initData();
     });
   },
   methods: {
-    initData () {
-      $(function () {
-        $('#table').bootstrapTable('destroy');
-        $('#table').bootstrapTable({
+    initData() {
+      var dressTypeVal = this.dressTypeVal;
+      var obtainWayVal = this.obtainWayVal;
+      $("#table").bootstrapTable("destroy");
+      $("#table").bootstrapTable({
         columns: [
-            { field: 'id', title: 'ID', align: 'center', valign: 'middle', width: '10%' },
-            { field: 'dressId', title: '装扮id', align: 'center', valign: 'middle', width: '10%' },
-            { field: 'name.zh', title: '装扮名称', align: 'left', valign: 'middle', width: '10%' },
-            { field: 'name.ar', title: '阿语装扮名称', align: 'left', valign: 'middle', width: '10%' },
-            { field: 'name.en', title: '英语装扮名称', align: 'left', valign: 'middle', width: '10%' },
           {
-              field: 'pic', title: '装扮图片', align: 'left', valign: 'middle', width: '10%',
-              formatter: function (val, row, index) {
-                if (null != val && val != '') {
-                  return '<img src="' + val + '" alt="" style="width: 30px; height: 30px;">';
-                }
-                return '-';
-              }
+            field: "id",
+            title: "ID",
+            align: "center",
+            valign: "middle",
+            width: "10%",
           },
           {
-              field: 'dressType',
-              title: '装扮类型',
-              align: 'center',
-              width: '5%',
-              valign: 'middle',
+            field: "dressId",
+            title: "装扮id",
+            align: "center",
+            valign: "middle",
+            width: "10%",
+          },
+          {
+            field: "name.zh",
+            title: "装扮名称",
+            align: "left",
+            valign: "middle",
+            width: "10%",
+          },
+          {
+            field: "name.ar",
+            title: "阿语装扮名称",
+            align: "left",
+            valign: "middle",
+            width: "10%",
+          },
+          {
+            field: "name.en",
+            title: "英语装扮名称",
+            align: "left",
+            valign: "middle",
+            width: "10%",
+          },
+          {
+            field: "name.tr",
+            title: "土耳其装扮名称",
+            align: "left",
+            valign: "middle",
+            width: "10%",
+          },
+          {
+            field: "name.pt",
+            title: "葡萄牙语装扮名称",
+            align: "left",
+            valign: "middle",
+            width: "10%",
+          },
+          {
+            field: "name.ru",
+            title: "俄语装扮名称",
+            align: "left",
+            valign: "middle",
+            width: "10%",
+          },
+          {
+            field: "name.es",
+            title: "西班牙语装扮名称",
+            align: "left",
+            valign: "middle",
+            width: "10%",
+          },
+          {
+            field: "name.uz",
+            title: "乌兹别克语装扮名称",
+            align: "left",
+            valign: "middle",
+            width: "10%",
+          },
+          {
+            field: "pic",
+            title: "装扮图片",
+            align: "left",
+            valign: "middle",
+            width: "10%",
             formatter: function (val, row, index) {
-                if (val == '0') {
+              if (null != val && val != "") {
+                return (
+                  '<img src="' +
+                  val +
+                  '" alt="" style="width: 30px; height: 30px;">'
+                );
+              }
+              return "-";
+            },
+          },
+          {
+            field: "dressType",
+            title: "装扮类型",
+            align: "center",
+            width: "5%",
+            valign: "middle",
+            formatter: function (val, row, index) {
+              if (val == "0") {
                 return "头饰";
-                } else if (val == '1') {
-                  return '座驾';
-                } else if (val == '2') {
-                  return '铭牌';
-                } else if (val == '3') {
-                  return '资料卡';
-                } else if (val == '4') {
-                  return '聊天气泡';
+              } else if (val == "1") {
+                return "座驾";
+              } else if (val == "2") {
+                return "铭牌";
+              } else if (val == "3") {
+                return "资料卡";
+              } else if (val == "4") {
+                return "聊天气泡";
+              } else if (val == "5") {
+                return "个人装扮";
               } else {
-                  return '-';
+                return "-";
               }
-              }
-
             },
-            { field: 'dressSeq', title: '装扮排序', align: 'center', valign: 'middle', width: '10%' },
-            { field: 'dressPrice', title: '装扮展示价值', align: 'center', valign: 'middle', width: '10%' },
-            { field: 'dressDay', title: '装扮有效期（天）', align: 'center', valign: 'middle', width: '10%' },
-            { field: 'buyNum', title: '购买数量', align: '购买数量   ', valign: 'middle', width: '10%' },
-            { field: 'userDonateNum', title: '购买赠送用户数量', align: '购买数量', valign: 'middle', width: '10%' },
+          },
           {
-              field: 'dressLimitStatus',
-              title: '装扮限时状态',
-              align: 'center',
-              width: '5%',
-              valign: 'middle',
+            field: "obtainWay",
+            title: "获得方式",
+            align: "center",
+            width: "5%",
+            valign: "middle",
             formatter: function (val, row, index) {
-                if (val == '0') {
+              if (val == "1") {
+                return "普通";
+              } else if (val == "2") {
+                return "活动";
+              } else {
+                return "-";
+              }
+            },
+          },
+          {
+            field: "dressSeq",
+            title: "装扮排序",
+            align: "center",
+            valign: "middle",
+            width: "10%",
+          },
+          {
+            field: "dressPrice",
+            title: "装扮展示价值",
+            align: "center",
+            valign: "middle",
+            width: "10%",
+          },
+          {
+            field: "dressDay",
+            title: "装扮有效期（天）",
+            align: "center",
+            valign: "middle",
+            width: "10%",
+          },
+          {
+            field: "buyNum",
+            title: "购买数量",
+            align: "购买数量   ",
+            valign: "middle",
+            width: "10%",
+          },
+          {
+            field: "userDonateNum",
+            title: "购买赠送用户数量",
+            align: "购买数量",
+            valign: "middle",
+            width: "10%",
+          },
+          {
+            field: "dressLimitStatus",
+            title: "装扮限时状态",
+            align: "center",
+            width: "5%",
+            valign: "middle",
+            formatter: function (val, row, index) {
+              if (val == "0") {
                 return "有效";
               } else {
-                  return '无效';
+                return "无效";
               }
-              }
-
+            },
           },
           {
-              field: 'id',
-              title: '操作',
-              align: 'center',
-              width: '10%',
+            field: "vipLimit",
+            title: "贵族限定",
+            align: "center",
+            width: "5%",
+            valign: "middle",
             formatter: function (val, row, index) {
-                return '<button id="btnEdit" name="btnEdit" class="btn btn-sm btn-success opt-edit" data-id=' + val + '>' +
+              if (val == "1") {
+                return "VIP1";
+              }
+              if (val == "2") {
+                return "VIP2";
+              }
+              if (val == "3") {
+                return "VIP3";
+              }
+              if (val == "4") {
+                return "VIP4";
+              }
+              if (val == "5") {
+                return "VIP5";
+              }
+              if (val == "6") {
+                return "VIP6";
+              }
+              if (val == "7") {
+                return "VIP7";
+              }
+              if (val == "8") {
+                return "VIP8";
+              }
+              if (val == "9") {
+                return "VIP9";
+              } else {
+                return "无限制";
+              }
+            },
+          },
+          {
+            field: "id",
+            title: "操作",
+            align: "center",
+            width: "10%",
+            formatter: function (val, row, index) {
+              return (
+                '<button id="btnEdit" name="btnEdit" class="btn btn-sm btn-success opt-edit" data-id=' +
+                val +
+                ">" +
                 '<i class="glyphicon glyphicon-edit"></i> 编辑</button>' +
-                  '&nbsp;&nbsp;<button class="btn btn-sm btn-danger opt-remove" data-id=' + val + ' data-new-status=' + 2 +
-                  '><i class="glyphicon glyphicon-remove"></i>删除</button>';
-
-              }
-            }
+                '&nbsp;&nbsp;<button class="btn btn-sm btn-danger opt-remove" data-id=' +
+                val +
+                " data-new-status=" +
+                2 +
+                '><i class="glyphicon glyphicon-remove"></i>删除</button>'
+              );
+            },
+          },
         ],
         undefinedText: "-",
         cache: false,
@@ -234,28 +479,32 @@ export default {
         search: false,
         sidePagination: "server", //表示服务端请求
         queryParamsType: "undefined",
-          queryParams: function queryParams (params) {   //设置查询参数
+        queryParams: function queryParams(params) {
+          //设置查询参数
           var param = {
             pageNum: params.pageNumber,
-              pageSize: params.pageSize
+            pageSize: params.pageSize,
+            dressType: dressTypeVal,
+            obtainWay: obtainWayVal,
           };
           return param;
         },
-          ajax: function (request) {                    //使用ajax请求
+        ajax: function (request) {
+          //使用ajax请求
           $.ajax({
             type: "GET",
-              url: '/admin/dress/shop/list',
-              contentType: 'application/json;charset=utf-8',
-              dataType: 'json',
+            url: "/admin/dress/shop/list",
+            contentType: "application/json;charset=utf-8",
+            dataType: "json",
             data: request.data,
             success: function (res) {
               apiResult(res);
-                console.log(res)
+              console.log(res);
               request.success({
                 total: res.data.total,
-                  rows: res.data.rows.map(i => {
+                rows: res.data.rows.map((i) => {
                   let value = i.name;
-                    if (value.startsWith('{') && value.endsWith('}')) {
+                  if (value.startsWith("{") && value.endsWith("}")) {
                     i.name = JSON.parse(i.name);
                   } else {
                     i.name = {
@@ -265,46 +514,48 @@ export default {
                     };
                   }
                   return i;
-                  })
+                }),
               });
             },
             error: function (req) {
               serverError(req);
-              }
-            })
             },
-          toolbar: '#toolbar',
-          onLoadSuccess: function () {  //加载成功时执行
+          });
+        },
+        toolbar: "#toolbar",
+        onLoadSuccess: function () {
+          //加载成功时执行
           console.log("load success");
         },
-          onLoadError: function () {  //加载失败时执行
+        onLoadError: function () {
+          //加载失败时执行
           console.log("load fail");
-          }
+        },
       });
 
-
       // 查询刷新
-        $('#btnSearch').on('click', function () {
-          TableHelper.doRefresh('#table');
+      $("#btnSearch").on("click", function () {
+        TableHelper.doRefresh("#table");
       });
 
-
       //新建标签
       $("#btnAdd").click(function () {
         clearModal();
-          $("#roomTagModal").modal('show');
+        $("#roomTagModal").modal("show");
       });
 
       $("#add").click(function () {
         var id = $("#id").val();
-          var dressType = $('#dressType').val();
+        var dressType = $("#dressType").val();
+        var obtainWay = $("#obtainWay").val();
         var dressId = $("#dressId").val();
-          var dressSeq = $('#dressSeq').val();
-          var dressPrice = $('#dressPrice').val();
-          var dressDay = $('#dressDay').val();
-          var dressLimitStatus = $('#dressLimitStatus').val();
+        var dressSeq = $("#dressSeq").val();
+        var dressPrice = $("#dressPrice").val();
+        var dressDay = $("#dressDay").val();
+        var dressLimitStatus = $("#dressLimitStatus").val();
+        var vipLimit = $("#vipLimit").val();
 
-          if ($("#addForm").validationEngine('validate')) {
+        if ($("#addForm").validationEngine("validate")) {
           $.ajax({
             type: "post",
             url: "/admin/dress/shop/saveOrUpdate",
@@ -312,31 +563,32 @@ export default {
               id: id,
               dressId: dressId,
               dressType: dressType,
+              obtainWay: obtainWay,
               dressSeq: dressSeq,
               dressPrice: dressPrice,
               dressDay: dressDay,
               dressLimitStatus: dressLimitStatus,
+              vipLimit: vipLimit,
             },
             dataType: "json",
             success: function (json) {
               if (json.code == 200) {
                 $("#tipMsg").text("保存成功");
-                  $("#tipModal").modal('show');
+                $("#tipModal").modal("show");
                 TableHelper.doRefresh("#table");
-                  $("#roomTagModal").modal('hide');
+                $("#roomTagModal").modal("hide");
               } else {
                 $("#tipMsg").text("保存失败." + json.message);
-                  $("#tipModal").modal('show');
+                $("#tipModal").modal("show");
                 TableHelper.doRefresh("#table");
-                  $("#roomTagModal").modal('hide');
-                }
+                $("#roomTagModal").modal("hide");
               }
+            },
           });
         }
-
       });
 
-        $("#table").on("click", '.opt-edit', function () {
+      $("#table").on("click", ".opt-edit", function () {
         var id = $(this).attr("data-id");
         clearModal();
 
@@ -349,116 +601,113 @@ export default {
             var json = res.data;
             if (json) {
               $("#id").val(id);
-                $('#dressId').val(json.dressId);
-                $('#dressType').val(json.dressType);
-                $('#dressSeq').val(json.dressSeq);
-                $('#dressPrice').val(json.dressPrice);
-                $('#dressDay').val(json.dressDay);
-                $('#dressLimitStatus').val(json.dressLimitStatus);
+              $("#dressId").val(json.dressId);
+              $("#dressType").val(json.dressType);
+              $("#obtainWay").val(json.obtainWay);
+              $("#dressSeq").val(json.dressSeq);
+              $("#dressPrice").val(json.dressPrice);
+              $("#dressDay").val(json.dressDay);
+              $("#dressLimitStatus").val(json.dressLimitStatus);
+              $("#vipLimit").val(json.vipLimit);
               // 打开编辑弹窗
-                $("#roomTagModal").modal('show');
+              $("#roomTagModal").modal("show");
               $("#modalLabel").text("编辑");
             } else {
               $("#tipMsg").text("获取信息出错");
-                $("#tipModal").modal('show');
-              }
+              $("#tipModal").modal("show");
             }
+          },
         });
       });
 
-        $("#table").on("click", '.opt-remove', function () {
+      $("#table").on("click", ".opt-remove", function () {
         var id = $(this).attr("data-id");
 
-          if (confirm("你确认删除该记录吗? \r\n 删除后再也不能找回，请谨慎操作！")) {
+        if (
+          confirm("你确认删除该记录吗? \r\n 删除后再也不能找回，请谨慎操作！")
+        ) {
           const requestParam = {
-              id: id
-            }
+            id: id,
+          };
 
           $.ajax({
             type: "get",
             url: "/admin/dress/shop/delById",
             data: requestParam,
             dataType: "json",
-              contentType: 'application/json',
+            contentType: "application/json",
             success: function (json) {
               if (json.code == 200) {
                 $("#tipMsg").text("修改成功");
-                  $("#tipModal").modal('show');
+                $("#tipModal").modal("show");
                 TableHelper.doRefresh("#table");
               } else {
                 $("#tipMsg").text("修改失败." + json.message);
-                  $("#tipModal").modal('show');
-                }
+                $("#tipModal").modal("show");
               }
+            },
           });
         }
       });
 
-
-
-        function apiResult (json) {
-          if (json.code == 200 && json.message == 'success') {
+      function apiResult(json) {
+        if (json.code == 200 && json.message == "success") {
           return true;
         }
         $("#tipMsg").text("请求失败，错误信息：" + json.message);
-          $("#tipModal").modal('show');
+        $("#tipModal").modal("show");
         return false;
       }
 
-
-        $('#iconBtn').on('click', function () {
-          if ($('#iconFile').val() == '') {
-            $('#tipMsg').text('上传图片为空');
-            $('#tipModal').modal('show');
+      $("#iconBtn").on("click", function () {
+        if ($("#iconFile").val() == "") {
+          $("#tipMsg").text("上传图片为空");
+          $("#tipModal").modal("show");
           return;
         }
         $.ajaxFileUpload({
-            fileElementId: 'iconFile',    //需要上传的文件域的ID，即<input type="file">的ID。
-            url: '/admin/upload/img', //后台方法的路径
-            type: 'post',   //当要提交自定义参数时，这个参数要设置成post
-            dataType: 'json',   //服务器返回的数据类型。可以为xml,script,json,html。如果不填写，jQuery会自动判断。
+          fileElementId: "iconFile", //需要上传的文件域的ID，即<input type="file">的ID。
+          url: "/admin/upload/img", //后台方法的路径
+          type: "post", //当要提交自定义参数时，这个参数要设置成post
+          dataType: "json", //服务器返回的数据类型。可以为xml,script,json,html。如果不填写，jQuery会自动判断。
           secureuri: false, //是否启用安全提交，默认为false。
           async: true, //是否是异步
-            success: function (json) {   //提交成功后自动执行的处理函数，参数data就是服务器返回的数据。
+          success: function (json) {
+            //提交成功后自动执行的处理函数，参数data就是服务器返回的数据。
             if (json.path) {
-                $('#iconUrl').val(json.path);
-                $('#iconImgUrl').attr("src", json.path);
+              $("#iconUrl").val(json.path);
+              $("#iconImgUrl").attr("src", json.path);
 
               console.log(json.path);
-
             } else {
               $("#tipMsg").text(json.msg);
-                $("#tipModal").modal('show');
+              $("#tipModal").modal("show");
             }
           },
-            error: function (data, status, e) {  //提交失败自动执行的处理函数。
+          error: function (data, status, e) {
+            //提交失败自动执行的处理函数。
             console.error(e);
-            }
+          },
+        });
       });
-        })
 
-        function clearModal () {
-          $('#iconImgUrl').attr('src', '');
+      function clearModal() {
+        $("#iconImgUrl").attr("src", "");
 
-          $('#addForm').find('input[type=text],input[type=hidden],input[type=file]').each(function () {
-            $(this).val('');
-          })
-
-          $('#type').val(1);
+        $("#addForm")
+          .find("input[type=text],input[type=hidden],input[type=file]")
+          .each(function () {
+            $(this).val("");
+          });
 
+        $("#type").val(1);
       }
 
-
       $("#type").change(function () {
         var optVal = $(this).val();
       });
-
-
-
-      });
-    }
     },
-
+  },
 };
 </script>
 

src/views/email/EmailRecordView.vue

@@ -0,0 +1,146 @@
+<template>
+  <div class="box">
+    <!-- ID -->
+    <div class="condition">
+      <div class="inquire">
+        <span>邮箱</span>
+        <el-input v-model="inquire.email" placeholder="邮箱" class="input" />
+      </div>
+    </div>
+    <!-- 按钮 -->
+    <div class="but">
+      <el-button class="primary" type="primary" @click="getData()">查询</el-button>
+    </div>
+
+    <!-- 表格 -->
+    <el-table
+      v-loading="loading"
+      :data="table.tableData"
+      border
+      style="width: 100%; margin-top: 25px"
+    >
+      <el-table-column prop="email" align="center" label="邮箱" />
+      <el-table-column prop="deviceId" align="center" label="设备号" />
+      <el-table-column prop="appVersion" align="center" label="app版本" />
+      <el-table-column prop="model" align="center" label="手机型号" />
+      <el-table-column prop="os" align="center" label="操作系统" />
+      <el-table-column prop="type" align="center" label="业务类型">
+        <template v-slot="scope">
+          {{ getTypeDesc(scope.row.type) }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="code" align="center" label="验证码" />
+      <el-table-column prop="ip" align="center" label="ip" />
+      <el-table-column prop="resCode" align="center" label="服务商状态码" />
+      <el-table-column prop="resMsg" align="center" label="服务商提示" />
+      <el-table-column prop="createTime" align="center" label="发送时间" />
+    </el-table>
+
+    <!-- 分页 -->
+    <el-pagination
+      style="margin-top: 10px"
+      class="paginationClass"
+      v-model:current-page="table.currentPage"
+      v-model:page-size="table.pageSize"
+      :page-sizes="[20, 50, 100, 200]"
+      layout="sizes, prev, pager, next"
+      :total="table.total"
+      @size-change="handleSizeChange"
+      @current-change="handleCurrentChange"
+    />
+
+  </div>
+</template>
+<script>
+import { pageRecord } from "@/api/email/emailRecord";
+
+export default {
+  name: "EmailRecordView",
+  data() {
+    return {
+      typeMap :{
+        1: "注册验证码",
+        2: "登录",
+        3: "忘记密码(客户端重置支付密码有用到)",
+        4: "绑定手机",
+        5: "绑定支付宝",
+        6: "重置支付密码",
+        7: "更换绑定手机号码",
+        8: "实名认证",
+        9: "h5绑定支付宝",
+        10: "后台登录",
+        11: "绑定提现银行卡",
+        12: "h5 绑定提现银行卡",
+        13: "非登录态重置密码",
+        14: "登录态重置密码",
+        15: "手机授权码"
+      },
+      loading: false,
+      //查询所需条件对象
+      inquire: {
+        email: undefined,
+      },
+      table: {
+        tableData: [],
+        total: undefined, //总页数
+        currentPage: 1, //页码
+        pageSize: 20, //条数
+      },
+    };
+  },
+  created() {
+    this.getData();
+  },
+  methods: {
+    getTypeDesc(type){
+      return this.typeMap[type] || "未知";
+    },
+    // 查询接口
+    getData() {
+      this.loading = true;
+      pageRecord({
+        email: this.inquire.email,
+        page: this.table.currentPage,
+        pageSize: this.table.pageSize,
+      }).then((res) => {
+        this.loading = false;
+        if (res.code !== 200){
+          throw new Error(res.msg);
+        }
+        this.table.total = res.data.total;
+        this.table.tableData = res.data.rows;
+      });
+    },
+    // 分页导航
+    handleSizeChange() {
+      this.getData();
+    },
+    handleCurrentChange() {
+      this.getData();
+    },
+  },
+};
+</script>
+<style lang="less" scoped>
+.box {
+  padding-top: 20px;
+  background: #ecf0f5;
+  .condition {
+    margin-bottom: 20px;
+    .inquire {
+      display: inline-block;
+      margin-right: 20px;
+      span {
+        margin-right: 10px;
+      }
+      .input {
+        width: 180px;
+        margin-right: 10px;
+      }
+    }
+  }
+  .but {
+    margin-bottom: 20px;
+  }
+}
+</style>

src/views/face/EmojiManagement.vue

@@ -0,0 +1,384 @@
+<template>
+    <div class="box">
+        <div class="inquire">
+            <span>表情ID:</span>
+            <el-input v-model="formData.id" placeholder="" class="input" />
+        </div>
+        <div class="inquire">
+            <span>Tab名字:</span>
+            <el-select v-model="formData.tabId" placeholder="请选择">
+                <el-option v-for="item in TabData" :key="item.id" :label="item.tabName" :value="item.id">
+                </el-option>
+            </el-select>
+        </div>
+        <div class="inquire">
+            <span>状态</span>
+            <el-select v-model="formData.status" placeholder="请选择">
+                <el-option label="全部" :value="-1"></el-option>
+                <el-option label="不展示" :value="0"></el-option>
+                <el-option label="展示" :value="1"></el-option>
+            </el-select>
+        </div>
+        <el-button style="" type="primary" @click="getData()">查询</el-button>
+        <el-button style="" type="primary" @click="resetFormData()">重置</el-button>
+        <el-button style="" type="primary" @click="addDialog = true;resetaddFormData()">新增</el-button>
+        <!-- 表格数据 -->
+        <el-table v-loading="tableData.loading" :data="tableData.data" ref="multipleTable"
+            @selection-change="handleSelectionChange" border style="width: 100%; margin-top: 25px">
+            <el-table-column prop="tabId" align="center" label="TabID" />
+            <el-table-column prop="tabName" align="center" label="Tab名字" />
+            <el-table-column prop="id" align="center" label="表情ID" />
+            <el-table-column prop="faceName" align="center" label="表情名字" />
+            <el-table-column prop="faceIndex" align="center" label="表情包封面">
+                <template v-slot="scope">
+                    <el-image style="width: 100px; height: 100px" :src="scope.row.faceIndex" :zoom-rate="1.1"
+                        :preview-src-list="[scope.row.faceIndex]" fit="scale-down" preview-teleported="true"
+                        hide-on-click-modal="true" />
+                </template>
+            </el-table-column>
+            <el-table-column prop="seqNo" align="center" label="排序" />
+            <el-table-column prop="showTimes" align="center" label="展示次数" />
+            <el-table-column prop="status" align="center" label="状态">
+                <template v-slot="scope">
+                    {{ scope.row.status == 1 ? '展示' : '不展示' }}
+                </template>
+            </el-table-column>
+            <el-table-column align="center" label="操作" width="300">
+                <template v-slot="scope">
+                    <el-button class="primary" type="primary" @click="
+                        detailPageFun(scope.row);
+                    " size="default">编辑</el-button>
+                    <el-button class="primary" type="danger" @click="
+                        deletePageFun(scope.row);
+                    " size="default">删除</el-button>
+                </template>
+            </el-table-column>
+        </el-table>
+        <!-- 分页 -->
+        <el-pagination style="margin-top: 10px" class="paginationClass" :current-page="formData.pageNo"
+            :page-size="formData.pageSize" :page-sizes="[10, 20, 50, 100, 200]" layout="sizes, prev, pager, next"
+            :total="tableData.total" @size-change="handleSizeChange" @current-change="handleCurrentChange" />
+        <el-dialog v-model="addDialog" :title="addFormData.id == '' ? '新增' : '编辑'" width="28%" center>
+            <div style="margin-bottom: 25px">
+                <span style="display: inline-block; margin-right: 20px; width: 100px"
+                    class="col-sm-2 control-label">Tab名字:</span>
+                <el-select v-model="addFormData.tabId" placeholder="请选择">
+                    <el-option v-for="item in TabData" :key="item.id" :label="item.tabName" :value="item.id">
+                    </el-option>
+                </el-select>
+            </div>
+            <div style="margin-bottom: 25px">
+                <span style="display: inline-block; margin-right: 20px; width: 100px"
+                    class="col-sm-2 control-label">表情名字</span>
+                <el-input v-model="addFormData.faceName" style="width: 50%" class="input"></el-input>
+            </div>
+            <div class="selectBox selectBoxImg">
+                <span class="left" style="margin-right: 35px;padding-left: 15px;">表情包封面</span>
+                <!-- action="/admin/tencent/cos/upload/file" -->
+                <el-upload class="avatar-uploader" action="/admin/tencent/cos/upload/file" :show-file-list="false"
+                    :on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload" :on-error="handleAvatarError">
+                    <img v-if="addFormData.faceIndex" :src="addFormData.faceIndex" class="avatar" />
+                    <el-icon v-else class="avatar-uploader-icon">
+                        <Plus />
+                    </el-icon>
+                </el-upload>
+            </div>
+            <div class="selectBox selectBoxImg">
+                <span class="left" style="margin-right: 65px;padding-left: 15px;">表情包</span>
+                <!-- action="/admin/tencent/cos/upload/file" -->
+                <el-upload class="avatar-uploader" action="/admin/tencent/cos/upload/file" :show-file-list="false"
+                    :on-success="handleAvatarSuccess2" :before-upload="beforeAvatarUploadSvga"
+                    :on-error="handleAvatarError">
+                    <img v-if="addFormData.faceUrl" :src="addFormData.faceUrl" />
+                    <el-icon v-else class="avatar-uploader-icon">
+                        <Plus />
+                    </el-icon>
+                </el-upload>
+            </div>
+            <div style="margin-bottom: 25px">
+                <span style="display: inline-block; margin-right: 20px; width: 100px"
+                    class="col-sm-2 control-label">排序</span>
+                <el-input v-model="addFormData.seqNo" style="width: 50%" class="input"></el-input>
+            </div>
+            <div style="margin-bottom: 25px">
+                <span style="display: inline-block; margin-right: 20px; width: 100px"
+                    class="col-sm-2 control-label">展示次数</span>
+                <el-input v-model="addFormData.showTimes" style="width: 50%" class="input"></el-input>
+            </div>
+            <div style="margin-bottom: 25px">
+                <span style="display: inline-block; margin-right: 20px; width: 100px"
+                    class="col-sm-2 control-label">状态</span>
+                <el-select v-model="addFormData.status" placeholder="请选择">
+                    <el-option label="不展示" :value="0"></el-option>
+                    <el-option label="展示" :value="1"></el-option>
+                </el-select>
+            </div>
+            <template #footer>
+                <span class="dialog-footer">
+                    <el-button @click="addDialog = false">取消</el-button>
+                    <el-button type="primary" @click="addFun()"> 确认 </el-button>
+                </span>
+            </template>
+        </el-dialog>
+    </div>
+</template>
+
+<script>
+import { ref, onMounted, reactive, computed } from 'vue'
+import { getFaceNewList, saveOrUpdateFaceNew, getFaceNewTabList, deleteFaceNew } from '@/api/EmojiManagement/EmojiManagement'
+import { ElMessage, ElMessageBox } from "element-plus";
+export default {
+    name: 'EmojiManagement',
+    setup() {
+        const formData = reactive({
+            id: '',
+            pageNo: 1,
+            pageSize: 10,
+            tabId: '',
+            status: -1
+        })
+        const addFormData = reactive({
+            seqNo: '',
+            id: '',
+            status: 1,
+            showTimes: '',
+            tabId: '',
+            faceName: '',
+            faceIndex: '',
+            faceUrl: ''
+        })
+        const tableData = reactive({
+            data: [],
+            total: 0,
+            loading: false,
+        })
+        const ediObj = reactive({
+            imageUrl2: ''
+        })
+        const TabData = ref([])
+        const addDialog = ref(false)
+        const getData = () => {
+            tableData.loading = true;
+            getFaceNewList(formData).then(res => {
+                if (res.code == 200) {
+                    tableData.data = res.data.rows
+                    tableData.loading = false;
+                    tableData.total = res.data.total
+
+                } else {
+                    tableData.loading = false;
+                    ElMessage.error(res.message);
+                }
+            })
+        };
+        // 增加
+        const addFun = () => {
+            saveOrUpdateFaceNew(addFormData).then(res => {
+                if (res.code == 200) {
+                    ElMessage.success('添加成功');
+                    Object.assign(addFormData, {
+                        seqNo: '',
+                        id: '',
+                        status: 1,
+                        showTimes: '',
+                        tabId: '',
+                        faceName: '',
+                        faceIndex: '',
+                        faceUrl: ''
+                    });
+                    addDialog.value = false
+                    getData()
+                } else {
+                    ElMessage.error(res.message);
+                    addDialog.value = false
+                }
+            })
+        }
+        //重置
+        const resetFormData = () => {
+            Object.assign(formData, {
+                partitionId: 1,
+                pageNo: 1,
+                pageSize: 10,
+                erbanNo: '',
+            });
+
+        };
+        const resetaddFormData = () => {
+            Object.assign(addFormData, {
+                seqNo: '',
+                        id: '',
+                        status: 1,
+                        showTimes: '',
+                        tabId: '',
+                        faceName: '',
+                        faceIndex: '',
+                        faceUrl: ''
+            });
+
+        };
+
+        // 编辑
+        const detailPageFun = (row) => {
+            addFormData.id = row.id;
+            addFormData.faceIndex = row.faceIndex;
+            addFormData.faceName = row.faceName;
+            addFormData.faceUrl = row.faceUrl;
+            addFormData.seqNo = row.seqNo;
+            addFormData.showTimes = row.showTimes;
+            addFormData.status = row.status;
+            addFormData.tabId = row.tabId;
+            addDialog.value = true
+        }
+        // 删除
+        const deletePageFun = (row) => {
+            ElMessageBox.confirm('确定要删除吗？', '提示', {
+                confirmButtonText: '确定',
+                cancelButtonText: '取消',
+                type: 'warning'
+            }).then(() => {
+                deleteFaceNew({ id: row.id }).then(res => {
+                    if (res.code == 200) {
+                        ElMessage.success('删除成功')
+                        getData()
+                    } else {
+                        ElMessage.error(res.message)
+                    }
+                })
+            })
+        }
+        const beforeAvatarUpload = () => {
+            ElMessage({
+                showClose: true,
+                message: "上传中~",
+                type: "warning",
+            });
+        };
+
+        const handleAvatarError = () => {
+            ElMessage({
+                showClose: true,
+                message: "上传失败！",
+                type: "error",
+            });
+        };
+        const handleAvatarSuccess = (res, file) => {
+            addFormData.faceIndex = file.response.data;
+            ElMessage({
+                showClose: true,
+                message: "上传成功！",
+                type: "success",
+            });
+        };
+        const beforeAvatarUploadSvga = (file) => {
+            const dotIndex = (file.name).indexOf('.'); // 找到 '.' 的位置
+            if (dotIndex !== -1) {
+                const result = (file.name).substring(dotIndex + 1); // 从 '.' 之后开始截取
+                if (result == 'svga') {
+                    ElMessage({
+                        showClose: true,
+                        message: "上传中~",
+                        type: "warning",
+                    });
+                    return true;
+                } else {
+                    ElMessage.error('请上传svga格式文件');
+                    return false;
+                }
+            } else {
+                ElMessage.error('请上传svga格式文件');
+                return false;
+            }
+        };
+        const handleAvatarSuccess2 = (res, file) => {
+            addFormData.faceUrl = file.response.data;
+            ElMessage({
+                showClose: true,
+                message: "上传成功！",
+                type: "success",
+            });
+        };
+        const handleSizeChange = (val) => {
+            formData.pageSize = val;
+            getData();
+        };
+        const handleCurrentChange = (val) => {
+            formData.pageNo = val;
+            getData();
+        };
+        onMounted(() => {
+            getFaceNewTabList().then(res => {
+                TabData.value = res.data
+            })
+        })
+        return {
+            formData,
+            addFormData,
+            tableData,
+            addDialog,
+            getData,
+            addFun,
+            resetFormData,
+            handleSizeChange,
+            handleCurrentChange,
+            beforeAvatarUpload,
+            handleAvatarError,
+            handleAvatarSuccess,
+            ediObj,
+            TabData,
+            handleAvatarSuccess2,
+            beforeAvatarUploadSvga,
+            detailPageFun,
+            deletePageFun,
+            resetaddFormData
+        }
+    },
+}
+</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;
+    }
+}
+
+.selectBox {
+    display: flex;
+    height: 35px;
+    line-height: 35px;
+    margin-bottom: 20px;
+}
+
+.selectBoxImg {
+    height: 150px;
+}
+
+.avatar {
+    width: 178px;
+    height: 178px;
+    display: block;
+}
+</style>

src/views/face/EmojiTabManagement.vue

@@ -0,0 +1,329 @@
+<template>
+    <div class="box">
+        <div class="inquire">
+            <span>TabID:</span>
+            <el-input v-model="formData.id" placeholder="" class="input" />
+        </div>
+        <div class="inquire">
+            <span>类型</span>
+            <el-select v-model="formData.useVip" placeholder="请选择">
+                <el-option label="全部" :value="-1"></el-option>
+                <el-option label="普通" :value="0"></el-option>
+                <el-option label="贵族" :value="1"></el-option>
+            </el-select>
+        </div>
+        <div class="inquire">
+            <span>状态</span>
+            <el-select v-model="formData.status" placeholder="请选择">
+                <el-option label="全部" :value="-1"></el-option>
+                <el-option label="不展示" :value="0"></el-option>
+                <el-option label="展示" :value="1"></el-option>
+            </el-select>
+        </div>
+        <el-button style="" type="primary" @click="getData()">查询</el-button>
+        <el-button style="" type="primary" @click="resetFormData()">重置</el-button>
+        <el-button style="" type="primary" @click="addDialog = true; resetaddFormData()">新增</el-button>
+        <!-- 表格数据 -->
+        <el-table v-loading="tableData.loading" :data="tableData.data" ref="multipleTable"
+            @selection-change="handleSelectionChange" border style="width: 100%; margin-top: 25px">
+            <el-table-column prop="id" align="center" label="ID" />
+            <el-table-column prop="tabName" align="center" label="Tab名字" />
+            <el-table-column prop="tabUrl" align="center" label="Tab封面">
+                <template v-slot="scope">
+                    <el-image style="width: 100px; height: 100px" :src="scope.row.tabUrl" :zoom-rate="1.1"
+                        :preview-src-list="[scope.row.tabUrl]" fit="scale-down" preview-teleported="true"
+                        hide-on-click-modal="true" />
+                </template>
+            </el-table-column>
+            <el-table-column prop="useVip" align="center" label="表情类型">
+                <template v-slot="scope">
+                    {{ scope.row.useVip == 1 ? '贵族' : '普通' }}
+                </template>
+            </el-table-column>
+            <el-table-column prop="status" align="center" label="状态">
+                <template v-slot="scope">
+                    {{ scope.row.status == 1 ? '展示' : '不展示' }}
+                </template>
+            </el-table-column>
+            <el-table-column prop="tabSeq" align="center" label="排序" />
+            <el-table-column align="center" label="操作" width="300">
+                <template v-slot="scope">
+                    <el-button class="primary" type="primary" @click="
+                        detailPageFun(scope.row);
+                    " size="default">编辑</el-button>
+                    <!-- <el-button class="primary" type="danger" @click="
+                        deletePageFun(scope.row);
+                    " size="default">删除</el-button> -->
+                </template>
+            </el-table-column>
+        </el-table>
+        <!-- 分页 -->
+        <el-pagination style="margin-top: 10px" class="paginationClass" :current-page="formData.pageNo"
+            :page-size="formData.pageSize" :page-sizes="[10, 20, 50, 100, 200]" layout="sizes, prev, pager, next"
+            :total="tableData.total" @size-change="handleSizeChange" @current-change="handleCurrentChange" />
+        <el-dialog v-model="addDialog" :title="addFormData.id == '' ? '新增' : '编辑'" width="28%" center>
+            <!-- <div style="margin-bottom: 25px" v-if="addFormData.id != ''">
+                <span style="display: inline-block; margin-right: 20px; width: 100px"
+                    class="col-sm-2 control-label">表情TabID</span>
+                <el-input v-model="addFormData.id" style="width: 50%" class="input" disabled></el-input>
+            </div> -->
+            <div style="margin-bottom: 25px">
+                <span style="display: inline-block; margin-right: 20px; width: 100px"
+                    class="col-sm-2 control-label">表情Tab名字</span>
+                <el-input v-model="addFormData.tabName" style="width: 50%" class="input"></el-input>
+            </div>
+            <div style="margin-bottom: 25px">
+                <span style="display: inline-block; margin-right: 20px; width: 100px"
+                    class="col-sm-2 control-label">表情类型</span>
+                <el-select v-model="addFormData.useVip" placeholder="请选择">
+                    <el-option label="普通" :value="0"></el-option>
+                    <el-option label="贵族" :value="1"></el-option>
+                </el-select>
+            </div>
+            <div class="selectBox selectBoxImg">
+                <span class="left" style="margin-right: 75px;padding-left: 15px;">Tab图</span>
+                <!-- action="/admin/tencent/cos/upload/file" -->
+                <el-upload class="avatar-uploader" action="/admin/tencent/cos/upload/file" :show-file-list="false"
+                    :on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload" :on-error="handleAvatarError">
+                    <img v-if="addFormData.tabUrl" :src="addFormData.tabUrl" class="avatar" />
+                    <el-icon v-else class="avatar-uploader-icon">
+                        <Plus />
+                    </el-icon>
+                </el-upload>
+            </div>
+            <div style="margin-bottom: 25px">
+                <span style="display: inline-block; margin-right: 20px; width: 100px"
+                    class="col-sm-2 control-label">排序</span>
+                <el-input v-model="addFormData.tabSeq" style="width: 50%" class="input"></el-input>
+            </div>
+            <div style="margin-bottom: 25px">
+                <span style="display: inline-block; margin-right: 20px; width: 100px"
+                    class="col-sm-2 control-label">状态</span>
+                <el-select v-model="addFormData.status" placeholder="请选择">
+                    <el-option label="不展示" :value="0"></el-option>
+                    <el-option label="展示" :value="1"></el-option>
+                </el-select>
+            </div>
+            <template #footer>
+                <span class="dialog-footer">
+                    <el-button @click="addDialog = false">取消</el-button>
+                    <el-button type="primary" @click="addFun()"> 确认 </el-button>
+                </span>
+            </template>
+        </el-dialog>
+    </div>
+</template>
+
+<script>
+import { ref, onMounted, reactive, computed } from 'vue'
+import { ElMessage, ElMessageBox } from "element-plus";
+import { getFaceTabNewList, saveOrUpdateFaceTabNew, deleteFaceTabNew } from '@/api/EmojiManagement/EmojiManagement'
+export default {
+    name: 'EmojiTabManagement',
+    setup() {
+        const formData = reactive({
+            pageNo: 1,
+            pageSize: 10,
+            useVip: -1,
+            status: -1,
+            id: ''
+        })
+        const addFormData = reactive({
+            id: '',
+            useVip: 0,
+            tabUrl: '',
+            status: 1,
+            tabSeq: '',
+            tabName: ''
+        })
+        const tableData = reactive({
+            data: [],
+            total: 0,
+            loading: false,
+        })
+        const addDialog = ref(false)
+        const getData = () => {
+            tableData.loading = true;
+            getFaceTabNewList(formData).then(res => {
+                if (res.code == 200) {
+                    tableData.data = res.data.records
+                    tableData.loading = false;
+                    tableData.total = res.data.total
+
+                } else {
+                    tableData.loading = false;
+                    ElMessage.error(res.message);
+                }
+            })
+        };
+        // 增加
+        const addFun = () => {
+            saveOrUpdateFaceTabNew(addFormData).then(res => {
+                if (res.code == 200) {
+                    ElMessage.success('添加成功');
+                    Object.assign(addFormData, {
+                        id: '',
+                        useVip: 0,
+                        tabUrl: '',
+                        status: 1,
+                        tabSeq: '',
+                        tabName: ''
+                    });
+                    addDialog.value = false
+                    getData()
+                } else {
+                    ElMessage.error(res.message);
+                    addDialog.value = false
+                }
+            })
+        }
+        // 编辑
+        const detailPageFun = (row) => {
+            addFormData.id = row.id;
+            addFormData.useVip = row.useVip;
+            addFormData.tabUrl = row.tabUrl;
+            addFormData.status = row.status;
+            addFormData.tabSeq = row.tabSeq;
+            addFormData.tabName = row.tabName || '';
+            addDialog.value = true
+        }
+        // 删除
+        const deletePageFun = (row) => {
+            ElMessageBox.confirm('确定要删除吗？', '提示', {
+                confirmButtonText: '确定',
+                cancelButtonText: '取消',
+                type: 'warning'
+            }).then(() => {
+                deleteFaceTabNew({ id: row.id }).then(res => {
+                    if (res.code == 200) {
+                        ElMessage.success('删除成功')
+                        getData()
+                    } else {
+                        ElMessage.error(res.message)
+                    }
+                })
+            })
+        }
+        //重置
+        const resetFormData = () => {
+            Object.assign(formData, {
+                pageNo: 1,
+                pageSize: 10,
+                useVip: -1,
+                status: -1,
+                id: ''
+            });
+
+        };
+        const resetaddFormData = () => {
+            Object.assign(addFormData, {
+                id: '',
+                useVip: 0,
+                tabUrl: '',
+                status: 1,
+                tabSeq: '',
+                tabName: ''
+            });
+
+        };
+        const beforeAvatarUpload = () => {
+            ElMessage({
+                showClose: true,
+                message: "上传中~",
+                type: "warning",
+            });
+        };
+        const handleAvatarError = () => {
+            ElMessage({
+                showClose: true,
+                message: "上传失败！",
+                type: "error",
+            });
+        };
+        const handleAvatarSuccess = (res, file) => {
+            addFormData.tabUrl = file.response.data;
+            ElMessage({
+                showClose: true,
+                message: "上传成功！",
+                type: "success",
+            });
+        };
+        const handleSizeChange = (val) => {
+            formData.pageSize = val;
+            getData();
+        };
+        const handleCurrentChange = (val) => {
+            formData.pageNo = val;
+            getData();
+        };
+        onMounted(() => {
+            getData();
+
+        })
+        return {
+            formData,
+            addFormData,
+            tableData,
+            addDialog,
+            getData,
+            addFun,
+            resetFormData,
+            handleSizeChange,
+            handleCurrentChange,
+            beforeAvatarUpload,
+            handleAvatarError,
+            handleAvatarSuccess,
+            detailPageFun,
+            deletePageFun,
+            resetaddFormData
+        }
+    },
+}
+</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;
+    }
+}
+
+.selectBox {
+    display: flex;
+    height: 35px;
+    line-height: 35px;
+    margin-bottom: 20px;
+}
+
+.selectBoxImg {
+    height: 150px;
+}
+
+.avatar {
+    width: 178px;
+    height: 178px;
+    display: block;
+}
+</style>

src/views/face/FaceJsonAdminView.vue

@@ -51,7 +51,7 @@
                     </button>
                     <h4 class="modal-title" id="modalLabel1">新增表情图片</h4>
                 </div>
-                <div class="modal-body" style="overflow:auto;width: 100%;max-height: 80%">
+                <div class="modal-body" style="overflow-y:auto;width: 100%;height: 500px">
                     <ul id="bigImg"></ul>
                 </div>
                 <div class="modal-footer" style="height: 20%">
@@ -116,7 +116,8 @@
                         <div class="form-group">
                             <label for="addFaceId" class="col-sm-3 control-label">表情名ID:</label>
                             <div class="col-sm-9">
-                                <input type="text" class="form-control validate[required]" name="addFaceId" id="addFaceId">
+                                <input type="text" class="form-control validate[required]" name="addFaceId"
+                                    id="addFaceId">
                             </div>
                         </div>
                         <div class="form-group">
@@ -145,8 +146,8 @@
                         <div class="form-group">
                             <label class="col-sm-3 control-label">审核中表情状态</label>
                             <div class="col-sm-9">
-                                <label class="radio-inline"><input name="luckFace" type="radio" id="isLuckFace" value="0"
-                                        checked>显示</label>
+                                <label class="radio-inline"><input name="luckFace" type="radio" id="isLuckFace"
+                                        value="0" checked>显示</label>
                                 <label class="radio-inline"><input name="luckFace" type="radio" id="isLuckFaceNo"
                                         value="1">隐藏</label>
                             </div>
@@ -191,8 +192,8 @@
                         <div class="form-group">
                             <label class="col-sm-3 control-label">表情帧动画结束时候结果图片是否互斥:</label>
                             <div class="col-sm-9">
-                                <label class="radio-inline"><input name="canResultRepeat" type="radio" id="canResultRepeat"
-                                        value="1" checked>不互斥</label>
+                                <label class="radio-inline"><input name="canResultRepeat" type="radio"
+                                        id="canResultRepeat" value="1" checked>不互斥</label>
                                 <label class="radio-inline"><input name="canResultRepeat" type="radio"
                                         id="canResultRepeatNo" value="0">互斥</label>
                             </div>
@@ -869,4 +870,11 @@ select {
 .opt-group .col-sm-7 {
     text-align: left;
 }
+
+/* .modal-body {
+    overflow-y: auto;
+    -webkit-overflow-scrolling: touch;
+    scrollbar-width: none;
+    height: 500px !important;
+} */
 </style>

src/views/firstpage/FirstPageActivityBannerView.vue

@@ -108,7 +108,7 @@
                             </select>
                             <div class="col-sm-6">
                                 <input type="text" class="form-control validate[required]" name="skipUri"
-                                    id="skipUrlContent">
+                                    id="skipUrlContent" oninput="this.value = this.value.replace(/[\u4e00-\u9fa5]/g, '')">
                             </div>
                         </div>
                         <div class="form-group">
@@ -269,7 +269,7 @@
                             </select>
                             <div class="col-sm-6">
                                 <input type="text" class="form-control validate[required]" name="skipUri"
-                                    id="addSkipUrlContent">
+                                    id="addSkipUrlContent" oninput="this.value = this.value.replace(/[\u4e00-\u9fa5]/g, '')">
                             </div>
                         </div>
                         <div class="form-group">

src/views/firstpage/RecommendResourceAdminView.vue

@@ -8,10 +8,12 @@
         </section>
         <div id="toolbar">
           <div class="col-sm-12">
-                        <button id="btnSearch" class="btn btn-default">
+            <button id="btnSearch"
+                    class="btn btn-default">
               <i class="glyphicon glyphicon-search"></i>查询
             </button>
-                        <button id="btnAdd" class="btn btn-default">
+            <button id="btnAdd"
+                    class="btn btn-default">
               <i class="glyphicon glyphicon-plus"></i>增加
             </button>
           </div>
@@ -22,33 +24,47 @@
     </div>
   </section>
 
-    <div class="modal fade" id="roomTagModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel">
-        <div class="modal-dialog" role="document">
+  <div class="modal fade"
+       id="roomTagModal"
+       tabindex="-1"
+       role="dialog"
+       aria-labelledby="modalLabel">
+    <div class="modal-dialog"
+         role="document">
       <div class="modal-content">
         <div class="modal-header">
-                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
-                            aria-hidden="true">&times;</span>
+          <button type="button"
+                  class="close"
+                  data-dismiss="modal"
+                  aria-label="Close"><span aria-hidden="true">&times;</span>
           </button>
-                    <h4 class="modal-title" id="modalLabel">资源位</h4>
+          <h4 class="modal-title"
+              id="modalLabel">资源位</h4>
         </div>
         <div class="modal-body">
-                    <form class="form-horizontal" id="addForm">
-                        <input type="hidden" name="id" id="id" />
+          <form class="form-horizontal"
+                id="addForm">
+            <input type="hidden"
+                   name="id"
+                   id="id" />
             <div class="form-group">
-                            <label for="partitionId" class="col-sm-3 control-label">选择地区：</label>
+              <label for="partitionId"
+                     class="col-sm-3 control-label">选择地区：</label>
               <div class="col-sm-9">
-                                <select name="partitionId" id="partitionId" class="col-sm-3 form-control">
-                                    <option value="1">英语区</option>
-                                    <option value="2">阿拉伯语区</option>
-                                    <option value="4">华语区</option>
+                <select name="partitionId"
+                        id="partitionId"
+                        class="col-sm-3 form-control">
                 </select>
               </div>
             </div>
             <!--A策略-->
             <div class="form-group">
-                            <label for="resourceA" class="col-sm-3 control-label">A策略<font color="red">*</font>：</label>
+              <label for="resourceA"
+                     class="col-sm-3 control-label">A策略<font color="red">*</font>：</label>
               <div class="col-sm-9">
-                                <select name="status" id="resourceA" class="form-control validate[required]">
+                <select name="status"
+                        id="resourceA"
+                        class="form-control validate[required]">
                   <option value=""></option>
                   <option value="1">牌照房</option>
                   <option value="2">相亲房</option>
@@ -63,26 +79,44 @@
             <div class="form-group">
               <label class="col-sm-3 control-label">A图标<font color="red">*</font>：</label>
               <div class="col-sm-8">
-                                <img src="" id="iconImgUrlA" style='width:108px;height:45px;' alt="">
-                                <input type="file" id="iconFileA" name='uploadFile'
+                <img src=""
+                     id="iconImgUrlA"
+                     style='width:108px;height:45px;'
+                     alt="">
+                <input type="file"
+                       id="iconFileA"
+                       name='uploadFile'
                        accept='image/gif,image/jpeg,image/jpg,image/png,image/svg'>
-                                <button class="btn btn-success" type='button' id="iconBtnA">上传</button>
-                                <input type="hidden" id="iconUrlA" name='alertWinPic'
+                <button class="btn btn-success"
+                        type='button'
+                        id="iconBtnA">上传</button>
+                <input type="hidden"
+                       id="iconUrlA"
+                       name='alertWinPic'
                        class="form-control validate[required]">
               </div>
             </div>
-                        <div class="form-group" id="boxA">
-                            <label for="contentA" class="col-sm-3 control-label" id="contentLabA"></label>
+            <div class="form-group"
+                 id="boxA">
+              <label for="contentA"
+                     class="col-sm-3 control-label"
+                     id="contentLabA"></label>
               <div class="col-sm-9">
-                                <input type="text" class="form-control validate[required]" name="name" id="contentA">
+                <input type="text"
+                       class="form-control validate[required]"
+                       name="name"
+                       id="contentA">
               </div>
             </div>
 
             <!--B策略-->
             <div class="form-group">
-                            <label for="resourceB" class="col-sm-3 control-label">B策略<font color="red">*</font>：</label>
+              <label for="resourceB"
+                     class="col-sm-3 control-label">B策略<font color="red">*</font>：</label>
               <div class="col-sm-9">
-                                <select name="status" id="resourceB" class="form-control validate[required]">
+                <select name="status"
+                        id="resourceB"
+                        class="form-control validate[required]">
                   <option value=""></option>
                   <option value="1">牌照房</option>
                   <option value="2">相亲房</option>
@@ -97,26 +131,45 @@
             <div class="form-group">
               <label class="col-sm-3 control-label">B图标<font color="red">*</font>：</label>
               <div class="col-sm-8">
-                                <img src="" id="iconImgUrlB" style='width:108px;height:45px;' alt="">
-                                <input type="file" id="iconFileB" name='uploadFile'
+                <img src=""
+                     id="iconImgUrlB"
+                     style='width:108px;height:45px;'
+                     alt="">
+                <input type="file"
+                       id="iconFileB"
+                       name='uploadFile'
                        accept='image/gif,image/jpeg,image/jpg,image/png,image/svg'>
-                                <button class="btn btn-success" type='button' id="iconBtnB">上传</button>
-                                <input type="hidden" id="iconUrlB" name='alertWinPic'
+                <button class="btn btn-success"
+                        type='button'
+                        id="iconBtnB">上传</button>
+                <input type="hidden"
+                       id="iconUrlB"
+                       name='alertWinPic'
                        class="form-control validate[required]">
               </div>
             </div>
-                        <div class="form-group" id="boxB">
-                            <label for="contentB" class="col-sm-3 control-label" id="contentLabB"></label>
+            <div class="form-group"
+                 id="boxB">
+              <label for="contentB"
+                     class="col-sm-3 control-label"
+                     id="contentLabB"></label>
               <div class="col-sm-9">
-                                <input type="text" class="form-control validate[required]" name="name" id="contentB">
+                <input type="text"
+                       class="form-control validate[required]"
+                       name="name"
+                       id="contentB">
               </div>
             </div>
             <div class="form-group">
               <label class="col-sm-3 control-label">生效时段<font color="red">*</font>:</label>
               <div class="col-sm-8">
-                                <input type="text" class="input-sm datetime validate[required]" name="beginTime"
+                <input type="text"
+                       class="input-sm datetime validate[required]"
+                       name="beginTime"
                        id="beginTime">
-                                -<input type="text" class="input-sm datetime validate[required]" name="endTime"
+                -<input type="text"
+                       class="input-sm datetime validate[required]"
+                       name="endTime"
                        id="endTime">
               </div>
             </div>
@@ -124,8 +177,12 @@
           </form>
         </div>
         <div class="modal-footer">
-                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
-                    <button type="button" class="btn btn-primary" id="add">确定</button>
+          <button type="button"
+                  class="btn btn-default"
+                  data-dismiss="modal">关闭</button>
+          <button type="button"
+                  class="btn btn-primary"
+                  id="add">确定</button>
         </div>
 
       </div>
@@ -139,17 +196,39 @@ import { serverError, formatTime } from '@/utils/maintainer';
 
 export default {
   name: "RecommendResourceAdminView",
-    setup() {
+  setup () {
     return {};
   },
-    created() {
+  created () {
     this.$nextTick(function () {
       this.initData();
     });
   },
   methods: {
-        initData() {
+    initData () {
       $(function () {
+        $.ajax({
+          type: 'get',
+          url: '/partition/listPartitionInfo',
+          dataType: 'json',
+          success: function (json) {
+            if (json.code == 200) {
+              var partitionId = $("#partitionId");
+              partitionId.empty();
+
+              // 遍历数据并添加 option
+              $.each(json.data, function (index, item) {
+                // 创建新的 option 元素
+                var option = $('<option></option>')
+                  .attr('value', item.id)  // 设置 value 属性
+                  .text(item.desc);           // 设置文本内容
+
+                // 追加到 select 元素
+                partitionId.append(option.clone());
+              });
+            }
+          }
+        });
 
         $('.datetime').datetimepicker({
           format: 'yyyy-mm-dd hh:ii:00',
@@ -195,6 +274,15 @@ export default {
                 if ((val & 4) != 0) {
                   value += '华语区<br>';
                 }
+                if ((val & 8) != 0) {
+                  value += '土耳其区<br>';
+                }
+                if ((val & 16) != 0) {
+                  value += '英语2区<br>';
+                }
+                if ((val & 32) != 0) {
+                  value += '独联体<br>';
+                }
                 return value;
               }
             },
@@ -262,7 +350,7 @@ export default {
           search: false,
           sidePagination: "server", //表示服务端请求
           queryParamsType: "undefined",
-                    queryParams: function queryParams(params) {   //设置查询参数
+          queryParams: function queryParams (params) {   //设置查询参数
             var param = {
               pageNum: params.pageNumber,
               pageSize: params.pageSize
@@ -464,7 +552,7 @@ export default {
           }
         });
 
-                function apiResult(json) {
+        function apiResult (json) {
           if (json.code == 200 && json.message == 'success') {
             return true;
           }
@@ -572,7 +660,7 @@ export default {
 
         });
 
-                function pardeResourceType(val) {
+        function pardeResourceType (val) {
           if (val == 1) {
             return '牌照房';
           } else if (val == 2) {
@@ -593,7 +681,7 @@ export default {
         }
 
 
-                function clearModal() {
+        function clearModal () {
           $("#id").val('');
 
           $('#iconUrlA').val('');

src/views/gameSummary/GameSummary.vue

@@ -0,0 +1,393 @@
+<template>
+    <div class="box">
+        <!-- 查询 -->
+        <div class="inquire">
+            <span>分区</span>
+            <partition-select v-model:partition-id="formData.partitionId" v-model:partition-infos="partitionOptions" />
+        </div>
+        <div class="inquire">
+            <span>第三方名称</span>
+            <el-select v-model="formData.channel" placeholder="请选择" @change="changeEvent">
+                <el-option v-for="item in nameOptions" :key="item.channel" :label="item.name" :value="item.channel">
+                </el-option>
+            </el-select>
+        </div>
+        <div class="inquire" v-if="formData.channel">
+            <span>游戏名称</span>
+            <el-select v-model="formData.gameId" placeholder="请选择">
+                <el-option v-for="item in gameOptions[formData.channel]" :key="item.gameId" :label="item.gameName"
+                    :value="item.gameId">
+                </el-option>
+            </el-select>
+        </div>
+        <div class="inquire">
+            <span class="demonstration">日期</span>
+            <el-date-picker v-model="dataTime" type="daterange" range-separator="至" start-placeholder="开始日期"
+                end-placeholder="结束日期">
+            </el-date-picker>
+        </div>
+        <el-button style="" type="primary" @click="getData()">查询</el-button>
+        <el-button class="primary" type="primary" @click="resetFormData()">重置</el-button>
+        <el-button class="primary" type="primary" @click="confirmExport2Excel()">导出</el-button>
+        <!-- 表格数据 -->
+        <el-table v-loading="tableData.loadingOuter" :data="tableData.dataOuter" ref="multipleTable"
+            @selection-change="handleSelectionChange" border style="width: 100%; margin-top: 25px">
+            <el-table-column prop="statDate" align="center" label="日期" />
+            <el-table-column prop="newUsersCount" align="center" label="新用户参与人数" />
+            <el-table-column prop="totalUsersCount" align="center" label="总参与人数" />
+            <el-table-column prop="payGold" align="center" label="投入" />
+            <el-table-column prop="winGold" align="center" label="支出" />
+            <el-table-column prop="totalRemain" align="center" label="剩余" />
+            <el-table-column prop="betRate" align="center" label="比例">
+                <template #default="row">
+                    <span>{{ (row.row.betRate * 100).toFixed(2) + '%' }}</span>
+                </template>
+            </el-table-column>
+            <el-table-column align="center" label="操作" width="300">
+                <template v-slot="scope">
+                    <el-button class="primary" type="primary" @click="
+                        detailPageFun(scope.row, 1);
+                    " size="default">明细</el-button>
+                    <el-button class="primary" type="primary" @click="
+                        detailPageFun(scope.row, 2);
+                    " size="default">游戏明细</el-button>
+                </template>
+            </el-table-column>
+        </el-table>
+
+        <!-- 分页 -->
+        <el-pagination style="margin-top: 10px" class="paginationClass" :current-page="formData.pageNo"
+            :page-size="formData.pageSize" :page-sizes="[10, 20, 50, 100, 200]" layout="sizes, prev, pager, next"
+            :total="formData.total" @size-change="handleSizeChange" @current-change="handleCurrentChange" />
+
+        <!-- 详情 -->
+        <el-dialog v-model="detailsDialog" :title="detailPageType == 1 ? '用户明细' : '游戏明细'" width="70%">
+            <el-button class="primary" type="primary" @click="confirmExport2ExcelTwo()">导出</el-button>
+
+            <!-- 内表格 -->
+            <el-table v-loading="tableData.loadingInner" :data="tableData.dataInner" border
+                style="width: 100%; margin-top: 25px">
+                <template v-if="detailPageType == 1">
+                    <el-table-column prop="erbanNo" align="center" label="用户id" />
+                    <el-table-column prop="nick" align="center" label="用户昵称" />
+                    <el-table-column prop="partitionId" align="center" label="分区">
+                        <template #default="row">
+                            <span>{{ getPartitionDesc(row.row.partitionId) }}</span>
+                        </template>
+                    </el-table-column>
+                    <el-table-column prop="channel" align="center" label="第三方名称" />
+                    <el-table-column prop="gameName" align="center" label="游戏名称" />
+                    <el-table-column prop="payGold" align="center" label="投入" />
+                    <el-table-column prop="winGold" align="center" label="支出" />
+                    <el-table-column prop="totalRemain" align="center" label="剩余" />
+                    <el-table-column prop="betRate" align="center" label="比例">
+                        <template #default="row">
+                            <span>{{ (row.row.betRate * 100).toFixed(2) + '%' }}</span>
+                        </template>
+                    </el-table-column>
+                </template>
+                <template v-if="detailPageType == 2">
+                    <el-table-column prop="statDate" align="center" label="日期" />
+                    <el-table-column prop="gameName" align="center" label="游戏名称" />
+                    <el-table-column prop="gameId" align="center" label="游戏ID" />
+                    <el-table-column prop="payGold" align="center" label="投入" />
+                    <el-table-column prop="winGold" align="center" label="支出" />
+                    <el-table-column prop="totalRemain" align="center" label="剩余" />
+                    <el-table-column prop="betRate" align="center" label="比例">
+                        <template #default="row">
+                            <span>{{ (row.row.betRate * 100).toFixed(2) + '%' }}</span>
+                        </template>
+                    </el-table-column>
+                </template>
+            </el-table>
+            <el-pagination style="margin-top: 10px" class="paginationClass" :current-page="dialogPagination.pageNo"
+                :page-size="dialogPagination.pageSize" :page-sizes="[10, 20, 50, 100, 200]"
+                layout="sizes, prev, pager, next" :total="dialogPagination.total" @size-change="detailhandleSizeChange"
+                @current-change="detailhandleCurrentChange" />
+            <!-- 操作 -->
+            <template #footer>
+                <span class="dialog-footer">
+                    <el-button type="primary" class="primary" @click="detailsDialog = false;detailPageType = 0">关闭</el-button>
+                </span>
+            </template>
+        </el-dialog>
+    </div>
+</template>
+
+<script>
+import { ref, onMounted } from 'vue'
+import { dateFormat } from "@/utils/system-helper";
+import { formatDate } from "@/utils/relDate";
+import {
+    gameList,
+    getGamedata,
+    exportForMiniGame,
+    getUserGamedata,
+    exportUserForMiniGame,
+    getGameDetailGamedata,
+    exportGameDetailExportForMiniGame
+} from "@/api/gameSummary/gameSummary";
+import { ElMessage } from "element-plus";
+import PartitionSelect from "../common/partitionSelect.vue";
+
+export default {
+    name: "GameSummary",
+  components: {PartitionSelect},
+    setup() {
+        const partitionOptions = ref([]);
+        const nameOptions = ref([{ name: '灵', channel: 'LEADERCC' }, { name: '百顺', channel: 'BAISHUN' },{ name: 'JOY游戏', channel: 'JOYPLAY' }]);
+        const gameOptions = ref({});
+        const dataTime = ref('');
+        const formData = ref({
+            channel: 'LEADERCC',
+            partitionId: undefined,
+            gameId: 'All',
+            pageNo: 1,
+            pageSize: 10,
+            total: 0,
+            startTime: '',
+            endTime: ''
+        });
+        const tableData = ref({
+            dataOuter: [],
+            dataInner: [],
+            loadingOuter: false,
+            loadingInner: false
+        });
+        const dialogPagination = ref({
+            pageNo: 1,
+            pageSize: 10,
+            total: 0,
+        })
+        const detailsDialog = ref(false);
+        const exportStatDate = ref('');
+        const detailPageType = ref(0);
+        const changeEvent = () => {
+            formData.value.gameId = gameOptions.value[formData.value.channel][0].gameId;
+        }
+        const getGameOptions = () => {
+            nameOptions.value.forEach(item => {
+                gameList({ channel: item.channel }).then(res => {
+                    if (res.code == 200) {
+                        gameOptions.value[item.channel] = res.data;
+                    }
+                });
+            });
+        }
+        // 查询
+        const getData = () => {
+            tableData.value.loadingOuter = true;
+            if (dataTime.value && dataTime.value.length > 0) {
+                formData.value.startTime = dateFormat(dataTime.value[0], "yyyy-MM-dd hh:mm:ss");
+                formData.value.endTime = dateFormat(dataTime.value[1], "yyyy-MM-dd hh:mm:ss");
+            } else {
+                formData.value.startTime = dataTime.value
+                formData.value.endTime = dataTime.value
+            }
+            const { channel, endTime, gameId, pageNo, pageSize, partitionId, startTime } = formData.value;
+            getGamedata({ channel, endTime, gameId, pageNo, pageSize, partitionId, startTime }).then(res => {
+                if (res.code == 200) {
+                    tableData.value.dataOuter = res.data.rows;
+                    tableData.value.loadingOuter = false;
+                    formData.value.total = res.data.total
+                } else {
+                    tableData.value.loadingOuter = false;
+                    ElMessage.error(res.message);
+                }
+
+            });
+        }
+        //重置
+        const resetFormData = () => {
+            Object.assign(formData.value, {
+                channel: '',
+                partitionId: undefined,
+                gameId: '',
+                pageNo: 1,
+                pageSize: 10,
+                total: 0,
+                startTime: '',
+                endTime: ''
+            });
+            tableData.value.dataOuter = [];
+            tableData.value.dataInner = [];
+        };
+        // 导出
+        const confirmExport2Excel = async () => {
+            Object.assign(formData.value, { pageSize: 10000, pageNo: 1 });
+            const { channel, endTime, gameId, pageNo, pageSize, partitionId, startTime } = formData.value;
+            try {
+                const res = await exportForMiniGame({
+                    channel, endTime, gameId, pageNo, pageSize, partitionId, startTime
+                })
+                if (res) {
+                    ElMessage({
+                        message: '导出成功',
+                        type: 'success',
+                    });
+                    let time = formatDate(new Date());
+                    let alink = document.createElement("a");
+                    alink.download = `game汇总${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 confirmExport2ExcelTwo = async () => {
+            const demand = detailPageType.value == 1 ? exportUserForMiniGame : exportGameDetailExportForMiniGame
+            try {
+                console.log(exportStatDate.value, '-----')
+                const { channel, gameId, partitionId } = formData.value;
+                // Object.assign(dialogPagination.value, { pageSize: 10000, pageNo: 1 });
+                const res = await demand({
+                    channel,
+                    gameId,
+                    partitionId,
+                    endTime: exportStatDate.value,
+                    startTime: exportStatDate.value,
+                })
+                if (res) {
+                    ElMessage({
+                        message: '导出成功',
+                        type: 'success',
+                    });
+                    let time = formatDate(new Date());
+                    let alink = document.createElement("a");
+                    alink.download = detailPageType.value == 1 ? `game汇总用户明细${time}.xls` : `game汇总游戏明细${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);
+                    // exportStatDate.value = ''
+                }
+
+            } catch (error) {
+                ElMessage({
+                    message: error.message,
+                    type: 'error',
+                });
+            }
+        }
+        // 明细
+        const detailPageFun = async (row, type) => {
+            tableData.value.loadingInner = true;
+            // console.log(type, 'type--------')
+            if(type){
+            detailPageType.value = type
+            }
+            if (row) {
+                exportStatDate.value = row.statDate
+            }
+            console.log(detailPageType.value, 'type--------')
+            const { channel, gameId, partitionId } = formData.value;
+            const { pageNo, pageSize } = dialogPagination.value
+            const demand = detailPageType.value == 1 ? getUserGamedata : getGameDetailGamedata
+            const res = await demand({
+                channel,
+                gameId,
+                partitionId,
+                endTime: exportStatDate.value,
+                startTime: exportStatDate.value,
+                pageNo,
+                pageSize
+            })
+            if (res.code == 200) {
+                tableData.value.dataInner = res.data.rows;
+                tableData.value.loadingInner = false;
+                detailsDialog.value = true
+                dialogPagination.value.total = res.data.total
+            }
+        }
+        const handleSizeChange = (val) => {
+            formData.value.pageSize = val;
+            getData();
+        };
+        const handleCurrentChange = (val) => {
+            formData.value.pageNo = val;
+            getData();
+        };
+        const getPartitionDesc = (partitionId) => {
+            if (!partitionOptions.value || !partitionId) return '空';
+            const item = partitionOptions.value.find(item => item.id === partitionId);
+            return item?.desc || '空';
+        }
+        const detailhandleSizeChange = (val) => {
+            dialogPagination.value.pageSize = val;
+            detailPageFun();
+        };
+        const detailhandleCurrentChange = (val) => {
+            dialogPagination.value.pageNo = val;
+            detailPageFun();
+        };
+        onMounted(() => {
+            getGameOptions()
+        });
+        return {
+            partitionOptions,
+            nameOptions,
+            formData,
+            changeEvent,
+            getGameOptions,
+            gameOptions,
+            dataTime,
+            getData,
+            confirmExport2Excel,
+            tableData,
+            resetFormData,
+            detailPageFun,
+            handleSizeChange,
+            handleCurrentChange,
+            detailsDialog,
+            getPartitionDesc,
+            confirmExport2ExcelTwo,
+            exportStatDate,
+            dialogPagination,
+            detailhandleSizeChange,
+            detailhandleCurrentChange,
+            detailPageType
+        };
+    },
+}
+</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>

src/views/gameUserSummary/gameUserSummary.vue

@@ -0,0 +1,299 @@
+<template>
+    <div class="box">
+        <div class="inquire">
+      <span>用户ID</span>
+      <el-input
+        v-model="formData.erbanNoStr"
+        placeholder="请输入用户id，逗号隔开"
+        class="input"
+      ></el-input>
+    </div>
+        <div class="inquire">
+            <span>分区</span>
+            <partition-select v-model:partition-id="formData.partitionId" v-model:partition-infos="partitionOptions" />
+        </div>
+        <div class="inquire">
+            <span>第三方名称</span>
+            <el-select v-model="formData.channel" placeholder="请选择" @change="changeEvent">
+                <el-option v-for="item in nameOptions" :key="item.channel" :label="item.name" :value="item.channel">
+                </el-option>
+            </el-select>
+        </div>
+        <div class="inquire" v-if="formData.channel">
+            <span>游戏名称</span>
+            <el-select v-model="formData.gameId" placeholder="请选择">
+                <el-option v-for="item in gameOptions[formData.channel]" :key="item.gameId" :label="item.gameName"
+                    :value="item.gameId">
+                </el-option>
+            </el-select>
+        </div>
+        <div class="inquire">
+            <span class="demonstration">日期</span>
+            <el-date-picker v-model="dataTime" type="daterange" range-separator="至" start-placeholder="开始日期"
+                end-placeholder="结束日期" @calendar-change="calendarChange()">
+            </el-date-picker>
+        </div>
+        <el-button style="" type="primary" @click="getData()">查询</el-button>
+        <el-button class="primary" type="primary" @click="resetFormData()">重置</el-button>
+        <el-button class="primary" type="primary" @click="confirmExport2Excel()">导出</el-button>
+        <el-button class="primary" type="primary" @click="getTotalDayGamedataInfo()">汇总</el-button>
+        <div class="summary_txt" v-if="tableData.totalStat !=undefined">汇总：总进：{{tableData.totalStat.payGold}}，总出：{{tableData.totalStat.winGold}}，总剩余：{{tableData.totalStat.totalRemain}}，比例：{{ (tableData.totalStat.betRate * 100).toFixed(2) + '%' }}</div>
+        <template v-if="tableData.totalList.length>0">
+        <div class="summary_txt" v-for="(item,index) in tableData.totalList" :key="index">
+            {{ item.statDate }}汇总数据： 总进：{{item.payGold}}，总出：{{item.winGold}}，总剩余：{{item.totalRemain}}，比例：{{ (item.betRate * 100).toFixed(2) + '%' }}
+        </div>
+    </template>
+        <!-- 表格数据 -->
+        <el-table v-loading="tableData.loadingOuter" :data="tableData.dataOuter" ref="multipleTable"
+            @selection-change="handleSelectionChange" border style="width: 100%; margin-top: 25px">
+            <el-table-column prop="statDate" align="center" label="日期" />
+            <el-table-column prop="channel" align="center" label="第三方名称" />
+            <el-table-column prop="gameName" align="center" label="Game名称" />
+            <el-table-column prop="erbanNo" align="center" label="用户id" />
+            <el-table-column prop="nick" align="center" label="用户昵称" />
+            <el-table-column prop="partitionId" align="center" label="分区">
+                    <template #default="row">
+                        <span>{{ getPartitionDesc(row.row.partitionId) }}</span>
+                    </template>
+                </el-table-column>
+            <el-table-column prop="payGold" align="center" label="投入" />
+            <el-table-column prop="playNum" align="center" label="投入次数" />
+            <el-table-column prop="winGold" align="center" label="支出" />
+            <el-table-column prop="totalRemain" align="center" label="剩余" />
+            <el-table-column prop="betRate" align="center" label="比例">
+                <template #default="row">
+                    <span>{{ (row.row.betRate * 100).toFixed(2) + '%' }}</span>
+                </template>
+            </el-table-column>
+        </el-table>
+         <!-- 分页 -->
+         <el-pagination style="margin-top: 10px" class="paginationClass" :current-page="formData.pageNo"
+            :page-size="formData.pageSize" :page-sizes="[10, 20, 50, 100, 200]" layout="sizes, prev, pager, next"
+            :total="formData.total" @size-change="handleSizeChange" @current-change="handleCurrentChange" />
+    </div>
+</template>
+
+<script>
+import { ref, onMounted } from 'vue'
+import { dateFormat } from "@/utils/system-helper";
+import { formatDate } from "@/utils/relDate";
+import {
+    gameList,
+    getUserGamedata,
+    exportUserForMiniGame,
+    getTotalDayGamedata
+} from "@/api/gameSummary/gameSummary";
+import { ElMessage } from "element-plus";
+import PartitionSelect from "../common/partitionSelect.vue";
+export default {
+    name: "gameUserSummary",
+  components: {PartitionSelect},
+    setup () {
+        const partitionOptions = ref([]);
+        const nameOptions = ref([{ name: '灵', channel: 'LEADERCC' }, { name: '百顺', channel: 'BAISHUN' },{ name: 'JOY游戏', channel: 'JOYPLAY' }]);
+        const gameOptions = ref({});
+        const dataTime = ref('');
+        const formData = ref({
+            erbanNoStr:'',
+            channel: 'LEADERCC',
+            partitionId: undefined,
+            gameId: 'All',
+            pageNo: 1,
+            pageSize: 10,
+            total: 0,
+            startTime: '',
+            endTime: ''
+        });
+        const tableData = ref({
+            dataOuter: [],
+            loadingOuter:false,
+            totalStat:undefined,
+            totalList:[]
+
+        });
+        const changeEvent = () => {
+            formData.value.gameId = gameOptions.value[formData.value.channel][0].gameId;
+        }
+        const getGameOptions = () => {
+            nameOptions.value.forEach(item => {
+                gameList({ channel: item.channel }).then(res => {
+                    if (res.code == 200) {
+                        gameOptions.value[item.channel] = res.data;
+                    }
+                });
+            });
+        }
+        // 查询
+        const getData = () => {
+            tableData.value.loadingOuter = true;
+            if (dataTime.value && dataTime.value.length > 0) {
+                formData.value.startTime = dateFormat(dataTime.value[0], "yyyy-MM-dd hh:mm:ss");
+                formData.value.endTime = dateFormat(dataTime.value[1], "yyyy-MM-dd hh:mm:ss");
+            }else{
+                formData.value.startTime = dataTime.value
+                formData.value.endTime = dataTime.value
+            }
+            const { erbanNoStr,channel, endTime, gameId, pageNo, pageSize, partitionId, startTime } = formData.value;
+            getUserGamedata({erbanNoStr, channel, endTime, gameId, pageNo, pageSize, partitionId, startTime }).then(res => {
+                if (res.code == 200) {
+                    tableData.value.dataOuter = res.data.rows;
+                    tableData.value.loadingOuter = false;
+                    formData.value.total = res.data.total
+                    tableData.value.totalStat = res.data.totalMap?.totalStat;
+                    tableData.value.totalList = [];
+                } else {
+                    tableData.value.loadingOuter = false;
+                    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 = [];
+        };
+        // 导出
+        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 exportUserForMiniGame({
+                    erbanNoStr,channel, endTime, gameId, pageNo, pageSize, partitionId, startTime
+                })
+                if (res) {
+                    ElMessage({
+                        message: '导出成功',
+                        type: 'success',
+                    });
+                    let time = formatDate(new Date());
+                    let alink = document.createElement("a");
+                    alink.download = `game用户汇总${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 getTotalDayGamedataInfo = () => { 
+            if (dataTime.value && dataTime.value.length > 0) {
+                formData.value.startTime = dateFormat(dataTime.value[0], "yyyy-MM-dd hh:mm:ss");
+                formData.value.endTime = dateFormat(dataTime.value[1], "yyyy-MM-dd hh:mm:ss");
+            } else {
+                formData.value.startTime = dataTime.value
+                formData.value.endTime = dataTime.value
+            }
+            const { channel, endTime, gameId, pageNo, pageSize, partitionId, startTime } = formData.value;
+            getTotalDayGamedata({ channel, endTime, gameId, pageNo, pageSize, partitionId, startTime }).then(res => {
+                if (res.code == 200) {
+                    tableData.value.totalList = res.data;
+
+                } else {
+                    ElMessage.error(res.message);
+                }
+
+            });
+        }
+        const handleSizeChange = (val) => {
+            formData.value.pageSize = val;
+            getData();
+        };
+        const handleCurrentChange = (val) => {
+            formData.value.pageNo = val;
+            getData();
+        };
+        const getPartitionDesc = (partitionId) => {
+            if (!partitionOptions.value || !partitionId) return '空';
+            const item = partitionOptions.value.find(item => item.id === partitionId);
+            return item?.desc || '空';
+        }
+        const calendarChange = () => {
+            console.log()
+        }
+        onMounted(() => {
+            getGameOptions()
+            // changeEvent()
+        });
+        return {
+            partitionOptions,
+            nameOptions,
+            gameOptions,
+            dataTime,
+            formData,
+            tableData,
+            changeEvent,
+            getGameOptions,
+            resetFormData,
+            handleSizeChange,
+            handleCurrentChange,
+            getPartitionDesc,
+            getData,
+            confirmExport2Excel,
+            calendarChange,
+            getTotalDayGamedataInfo
+
+        }
+    }
+}
+</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;
+    }
+}
+.summary_txt{
+font-family: PingFang SC, PingFang SC;
+font-weight: 500;
+font-size: 16px;
+color: #313131;
+line-height: 21px;
+text-align: left;
+font-style: normal;
+text-transform: none;
+margin-top: 10px;
+}
+</style>

src/views/gameWhitelist/gameFeeRateUserRechargeLevelConfig.vue

@@ -0,0 +1,342 @@
+<template>
+  <div class="box">
+    <!-- 查询 -->
+    <div class="inquire">
+      <span>用户充值等级</span>
+      <el-select v-model="inquire.userRechargeLevel"
+                 placeholder="请选择"
+                 class="select">
+        <el-option label="全部"
+                   :value="inquire.userRechargeLevelAll" />
+        <el-option v-for="item in inquire.userRechargeLevelList"
+                   :key="item"
+                   :label="item"
+                   :value="item">
+        </el-option>
+      </el-select>
+    </div>
+    <!-- 查询 -->
+    <div class="inquire">
+      <span>游戏商</span>
+      <el-select v-model="inquire.channel"
+                 default="LEADERCC"
+                 placeholder="请选择"
+                 class="select">
+        <el-option label="灵"
+                   value="LEADERCC" />
+      </el-select>
+    </div>
+    <!-- 查询 -->
+    <div class="inquire">
+      <span>游戏</span>
+      <el-select v-model="inquire.gameId"
+                 placeholder="请选择"
+                 class="select">
+        <el-option v-for="item in inquire.gameList"
+                   :key="item.gameId"
+                   :label="item.gameName"
+                   :value="item.gameId">
+        </el-option>
+      </el-select>
+    </div>
+
+    <!-- 新增按钮 -->
+    <el-button class="primary"
+               type="primary"
+               @click="editDialog = 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="userRechargeLevel"
+                       align="center"
+                       label="充值等级" />
+      <el-table-column prop="channelName"
+                       align="center"
+                       label="游戏商" />
+      <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="updateTime"
+                       align="center"
+                       label="更新时间" />
+      <el-table-column prop="adminName"
+                       align="center"
+                       label="操作人" />
+      <el-table-column align="center"
+                       label="操作"
+                       width="240">
+        <template v-slot="scope">
+          <el-button @click="openEditDialog(scope.row)"
+                     class="primary"
+                     type="primary"
+                     size="default">编辑</el-button>
+          <el-button @click="confirmDelete(scope.row)"
+                     class="danger"
+                     type="danger"
+                     size="default">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <!-- 分页 -->
+    <el-pagination style="margin-top: 10px"
+                   class="paginationClass"
+                   v-model:current-page="page.currentPage"
+                   v-model:page-size="page.pageSize"
+                   :page-sizes="[10, 20, 50]"
+                   layout="sizes, prev, pager, next"
+                   :total="page.total"
+                   @size-change="handleSizeChange"
+                   @current-change="handleCurrentChange" />
+  </div>
+
+  <!-- 新增弹窗 -->
+  <el-dialog v-model="editDialog"
+             title="新增"
+             width="30%"
+             center>
+    <el-form label-width="80px">
+      <el-form-item label="用户充值等级">
+        <el-select v-model="editObj.userRechargeLevel"
+                   placeholder="请选择"
+                   class="select">
+          <el-option v-for="item in inquire.userRechargeLevelList"
+                     :key="item"
+                     :label="item"
+                     :value="item">
+          </el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="游戏商">
+        <el-select v-model="editObj.channel"
+                   placeholder="请选择"
+                   class="select">
+          <el-option label="灵"
+                     value="LEADERCC" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="游戏id">
+        <el-select v-model="editObj.gameId"
+                   placeholder="请选择"
+                   style="width: 100%;">
+          <el-option v-for="item in inquire.gameList"
+                     :key="item.gameId"
+                     :label="item.gameName"
+                     :value="item.gameId">
+          </el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="Water">
+        <el-input style="width: 100%;"
+                  v-model="editObj.feeRate"
+                  placeholder="请输入"></el-input>
+      </el-form-item>
+      <el-form-item>
+        （例如water:0.2%，则填0.2即可，water2%，则填2）
+      </el-form-item>
+    </el-form>
+
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button @click="editDialog = false">取消</el-button>
+        <el-button type="primary"
+                   @click="editClick()"> 保存 </el-button>
+      </span>
+    </template>
+  </el-dialog>
+</template>
+
+<script>
+import { listLevel } from '@/api/userRechargeLevel/userRechargeLevel'
+import { gameList } from "@/api/gameWhitelist/gameWhitelist";
+import { page, save, del } from "@/api/gameWhitelist/gameFeeUserRechargeLevelConfig";
+// @ts-ignore
+import { ElMessage, ElMessageBox } from "element-plus";
+export default {
+  name: "gameFeeRateUserRechargeLevelConfig",
+  data () {
+    return {
+      loading: false,
+      //查询所需条件对象
+      inquire: {
+        userRechargeLevelAll: "全部",
+        userRechargeLevel: undefined,
+        userRechargeLevelList: [],
+        gameId: undefined,
+        gameList: [],
+      },
+      page: {
+        total: 0,
+        currentPage: 1,
+        pageSize: 10
+      },
+      // 表格
+      tableData: [],
+      // 新增
+      editDialog: false,
+      editObj: {},
+    };
+  },
+  created () {
+    listLevel().then(res => {
+      if (res.code !== 200) {
+        ElMessage.error(res.message);
+        return
+      }
+      this.inquire.userRechargeLevelList = res.data;
+      this.inquire.userRechargeLevel = this.inquire.userRechargeLevelAll;
+    })
+    gameList().then((res) => {
+      if (res.code != 200) {
+        ElMessage({
+          showClose: true,
+          message: res.message,
+          type: "error",
+        });
+        return
+      }
+      this.inquire.gameList = [{ gameId: undefined, gameName: '全部' }, ...res.data];
+      this.inquire.gameId = this.inquire.gameList[0].gameId;
+    });
+    this.getData();
+  },
+  methods: {
+    // 查询接口
+    getData () {
+      this.loading = true;
+      page({
+        userRechargeLevel: this.inquire.userRechargeLevel == this.inquire.userRechargeLevelAll ?
+          undefined : this.inquire.userRechargeLevel,
+        channel: this.inquire.channel,
+        gameId: this.inquire.gameId,
+        pageNo: this.page.currentPage,
+        pageSize: this.page.pageSize,
+      }).then((res) => {
+        if (res.code == 200) {
+          this.page.total = res.data.total;
+          this.tableData = res.data.rows;
+          this.loading = false;
+        } else {
+          ElMessage({
+            showClose: true,
+            message: res.message,
+            type: "error",
+          });
+        }
+      });
+    },
+    openEditDialog (obj) {
+      this.editDialog = true;
+      this.editObj = Object.assign({}, obj);
+    },
+    // 确认新增按钮
+    editClick () {
+      save({
+        userRechargeLevel: this.editObj.userRechargeLevel,
+        channel: this.editObj.channel,
+        gameId: this.editObj.gameId,
+        feeRate: this.editObj.feeRate,
+      }).then((res) => {
+        if (res.code != 200) {
+          ElMessage({
+            showClose: true,
+            message: res.message,
+            type: "error",
+          });
+          return;
+        }
+        this.editDialog = false;
+        ElMessage({
+          showClose: true,
+          message: "新增成功",
+          type: "success",
+        });
+        this.getData();
+      });
+    },
+    // 删除确认
+    confirmDelete (row) {
+      ElMessageBox.confirm(
+        '确定要删除这条记录吗？',
+        '提示',
+        {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }
+      ).then(() => {
+        del({
+          userRechargeLevel: row.userRechargeLevel,
+          channel: row.channel,
+          gameId: row.gameId,
+        }).then((res) => {
+          if (res.code != 200) {
+            ElMessage({
+              showClose: true,
+              message: res.message,
+              type: "error",
+            });
+            return;
+          }
+          ElMessage({
+            showClose: true,
+            message: "删除成功",
+            type: "success",
+          });
+          this.getData();
+        });
+      }).catch(() => {
+        ElMessage({
+          type: 'info',
+          message: '已取消删除',
+        });
+      });
+    },
+    // 分页导航
+    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>

src/views/gameWhitelist/gameWhitelist.vue

@@ -0,0 +1,297 @@
+<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="uid"
+                       align="center"
+                       label="UID" />
+      <el-table-column prop="erbanNo"
+                       align="center"
+                       label="用户ID" />
+      <el-table-column prop="userRechargeLevel"
+                       align="center"
+                       label="充值等级" />
+      <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, 50, 100, 200, 500]"
+                   layout="sizes, prev, pager, next"
+                   :total="total"
+                   @size-change="handleSizeChange"
+                   @current-change="handleCurrentChange" />
+  </div>
+
+  <!-- 新增弹窗 -->
+  <el-dialog v-model="addDialog"
+             title="新增"
+             width="30%"
+             center>
+    <el-form label-width="80px">
+      <el-form-item label="用户id">
+        <el-input style="width: 100%;"
+                  v-model="adduserID"
+                  placeholder="请输入"></el-input>
+      </el-form-item>
+      <el-form-item label="游戏id">
+        <el-select v-model="gameID"
+                   placeholder="请选择"
+                   style="width: 100%;">
+          <el-option v-for="item in gameIDArr"
+                     :key="item.gameId"
+                     :label="item.gameName"
+                     :value="item.gameId">
+          </el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="Water">
+        <el-input style="width: 100%;"
+                  v-model="water"
+                  placeholder="请输入"></el-input>
+      </el-form-item>
+      <el-form-item>
+        （例如water:0.2%，则填0.2即可，water2%，则填2）
+      </el-form-item>
+    </el-form>
+
+    <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>

src/views/gamemanage/GameManageBannerView.vue

@@ -83,7 +83,7 @@
                             </select>
                             <div class="col-sm-6">
                                 <input type="text" class="form-control validate[required]" name="skipUri"
-                                    id="skipUrlContent">
+                                    id="skipUrlContent" oninput="this.value = this.value.replace(/[\u4e00-\u9fa5]/g, '')">
                             </div>
                         </div>
                         <div class="form-group">
@@ -238,7 +238,7 @@
                             </select>
                             <div class="col-sm-6">
                                 <input type="text" class="form-control validate[required]" name="skipUri"
-                                    id="addSkipUrlContent">
+                                    id="addSkipUrlContent" oninput="this.value = this.value.replace(/[\u4e00-\u9fa5]/g, '')">
                             </div>
                         </div>
                         <div class="form-group">