Compare commits
1 Commits
72eb502d72
...
vipUserIn
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
83c513541e |
@@ -1,2 +1,2 @@
|
|||||||
VUE_APP_API_BASE_URL='http://localhost:8080'
|
VUE_APP_API_BASE_URL='http://beta.admin.pekolive.com'
|
||||||
VUE_APP_DEBUG_MODE=true
|
VUE_APP_DEBUG_MODE=true
|
||||||
@@ -1,2 +1,2 @@
|
|||||||
VUE_APP_API_BASE_URL=http://admin.web.moliparty.com
|
VUE_APP_API_BASE_URL=http://admin.web.pekolive.com
|
||||||
VUE_APP_DEBUG_MODE=false
|
VUE_APP_DEBUG_MODE=false
|
||||||
9
auto-imports.d.ts
vendored
9
auto-imports.d.ts
vendored
@@ -1,9 +0,0 @@
|
|||||||
/* eslint-disable */
|
|
||||||
/* prettier-ignore */
|
|
||||||
// @ts-nocheck
|
|
||||||
// noinspection JSUnusedGlobalSymbols
|
|
||||||
// Generated by unplugin-auto-import
|
|
||||||
export {}
|
|
||||||
declare global {
|
|
||||||
|
|
||||||
}
|
|
||||||
47
components.d.ts
vendored
47
components.d.ts
vendored
@@ -1,47 +0,0 @@
|
|||||||
/* 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']
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,17 +0,0 @@
|
|||||||
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
|
|
||||||
});
|
|
||||||
};
|
|
||||||
@@ -1,75 +0,0 @@
|
|||||||
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
|
|
||||||
});
|
|
||||||
};
|
|
||||||
@@ -1,27 +0,0 @@
|
|||||||
|
|
||||||
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'
|
|
||||||
});
|
|
||||||
}
|
|
||||||
@@ -1,58 +0,0 @@
|
|||||||
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
|
|
||||||
});
|
|
||||||
};
|
|
||||||
@@ -1,25 +0,0 @@
|
|||||||
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
|
|
||||||
});
|
|
||||||
};
|
|
||||||
@@ -1,17 +0,0 @@
|
|||||||
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
|
|
||||||
});
|
|
||||||
};
|
|
||||||
@@ -1,83 +0,0 @@
|
|||||||
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
|
|
||||||
});
|
|
||||||
};
|
|
||||||
@@ -1,69 +0,0 @@
|
|||||||
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'
|
|
||||||
});
|
|
||||||
};
|
|
||||||
@@ -1,25 +0,0 @@
|
|||||||
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
|
|
||||||
});
|
|
||||||
};
|
|
||||||
@@ -1,75 +0,0 @@
|
|||||||
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'
|
|
||||||
});
|
|
||||||
};
|
|
||||||
@@ -32,11 +32,3 @@ export const vipSendSend = query => {
|
|||||||
params: query
|
params: query
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
// 赠送VIP接口 - 客服
|
|
||||||
export const vipSendSendCustomerSend = query => {
|
|
||||||
return request({
|
|
||||||
url: '/vipSend/customerSend',
|
|
||||||
method: 'post',
|
|
||||||
params: query
|
|
||||||
});
|
|
||||||
};
|
|
||||||
@@ -1,42 +0,0 @@
|
|||||||
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'
|
|
||||||
});
|
|
||||||
}
|
|
||||||
@@ -1,41 +0,0 @@
|
|||||||
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
|
|
||||||
});
|
|
||||||
};
|
|
||||||
@@ -1,6 +1,15 @@
|
|||||||
import request from '@/utils/request';
|
import request from '@/utils/request';
|
||||||
import { genQueryParam } from '@/utils/maintainer';
|
import { genQueryParam } from '@/utils/maintainer';
|
||||||
|
|
||||||
|
// 分区接口
|
||||||
|
export const listPartitionInfo = query => {
|
||||||
|
return request({
|
||||||
|
url: '/partition/listPartitionInfo',
|
||||||
|
method: 'get',
|
||||||
|
params: query
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
// 邀请移除记录
|
// 邀请移除记录
|
||||||
export const pageOperateRecord = query => {
|
export const pageOperateRecord = query => {
|
||||||
return request({
|
return request({
|
||||||
|
|||||||
@@ -1,26 +0,0 @@
|
|||||||
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
|
|
||||||
});
|
|
||||||
};
|
|
||||||
@@ -1,68 +0,0 @@
|
|||||||
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
|
|
||||||
});
|
|
||||||
};
|
|
||||||
@@ -1,13 +0,0 @@
|
|||||||
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
|
|
||||||
});
|
|
||||||
};
|
|
||||||
@@ -1,10 +0,0 @@
|
|||||||
import request from '@/utils/request';
|
|
||||||
import {genQueryParam} from "@/utils/maintainer";
|
|
||||||
|
|
||||||
export const pageRecord = query => {
|
|
||||||
return request({
|
|
||||||
url: '/admin/emailRecord/page',
|
|
||||||
method: 'get',
|
|
||||||
params: query
|
|
||||||
});
|
|
||||||
};
|
|
||||||
@@ -1,69 +0,0 @@
|
|||||||
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
|
|
||||||
});
|
|
||||||
};
|
|
||||||
@@ -1,26 +0,0 @@
|
|||||||
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
|
|
||||||
});
|
|
||||||
};
|
|
||||||
@@ -1,35 +0,0 @@
|
|||||||
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
|
|
||||||
});
|
|
||||||
};
|
|
||||||
@@ -1,82 +0,0 @@
|
|||||||
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
|
|
||||||
});
|
|
||||||
};
|
|
||||||
@@ -1,25 +0,0 @@
|
|||||||
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
|
|
||||||
});
|
|
||||||
};
|
|
||||||
@@ -1,83 +0,0 @@
|
|||||||
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;
|
|
||||||
};
|
|
||||||
@@ -2,6 +2,15 @@ import request from '@/utils/request';
|
|||||||
import { genQueryParam } from '@/utils/maintainer';
|
import { genQueryParam } from '@/utils/maintainer';
|
||||||
import qs from 'qs';
|
import qs from 'qs';
|
||||||
|
|
||||||
|
// 分区接口
|
||||||
|
export const listPartitionInfo = query => {
|
||||||
|
return request({
|
||||||
|
url: '/partition/listPartitionInfo',
|
||||||
|
method: 'get',
|
||||||
|
params: query
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
// 奖池拉框
|
// 奖池拉框
|
||||||
export const listType = query => {
|
export const listType = query => {
|
||||||
return request({
|
return request({
|
||||||
@@ -43,11 +52,6 @@ export const personal = query => {
|
|||||||
params: query
|
params: query
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
// 个人数据
|
|
||||||
export const exportPersonal = query => {
|
|
||||||
window.location.href = `/admin/lucky24/record/personal/export?${genQueryParam(query)}`;
|
|
||||||
return;
|
|
||||||
};
|
|
||||||
// 汇总
|
// 汇总
|
||||||
export const platform = query => {
|
export const platform = query => {
|
||||||
return request({
|
return request({
|
||||||
@@ -73,31 +77,3 @@ export const updateUserMulti = query => {
|
|||||||
params: query
|
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;
|
|
||||||
};
|
|
||||||
@@ -1,6 +1,14 @@
|
|||||||
import request from '@/utils/request';
|
import request from '@/utils/request';
|
||||||
import { genQueryParam } from '@/utils/maintainer';
|
import { genQueryParam } from '@/utils/maintainer';
|
||||||
|
|
||||||
|
// 地区接口
|
||||||
|
export const listPartitionInfo = query => {
|
||||||
|
return request({
|
||||||
|
url: '/partition/listPartitionInfo',
|
||||||
|
method: 'get',
|
||||||
|
params: query
|
||||||
|
});
|
||||||
|
};
|
||||||
// 福袋列表请求
|
// 福袋列表请求
|
||||||
export const listLuckyBagLinearGift = query => {
|
export const listLuckyBagLinearGift = query => {
|
||||||
return request({
|
return request({
|
||||||
|
|||||||
@@ -1,28 +0,0 @@
|
|||||||
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
|
|
||||||
});
|
|
||||||
};
|
|
||||||
@@ -1,6 +1,13 @@
|
|||||||
import request from '@/utils/request';
|
import request from '@/utils/request';
|
||||||
import { genQueryParam } from '@/utils/maintainer';
|
import { genQueryParam } from '@/utils/maintainer';
|
||||||
|
// 地区接口
|
||||||
|
export const listPartitionInfo = query => {
|
||||||
|
return request({
|
||||||
|
url: '/partition/listPartitionInfo',
|
||||||
|
method: 'get',
|
||||||
|
params: query
|
||||||
|
});
|
||||||
|
};
|
||||||
// 勋章信息-列表
|
// 勋章信息-列表
|
||||||
export const medalPage = query => {
|
export const medalPage = query => {
|
||||||
return request({
|
return request({
|
||||||
|
|||||||
@@ -1,23 +0,0 @@
|
|||||||
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
|
|
||||||
});
|
|
||||||
};
|
|
||||||
@@ -1,6 +1,15 @@
|
|||||||
import request from '@/utils/request';
|
import request from '@/utils/request';
|
||||||
import { genQueryParam } from '@/utils/maintainer';
|
import { genQueryParam } from '@/utils/maintainer';
|
||||||
|
|
||||||
|
// 分区接口
|
||||||
|
export const listPartitionInfo = query => {
|
||||||
|
return request({
|
||||||
|
url: '/partition/listPartitionInfo',
|
||||||
|
method: 'get',
|
||||||
|
params: query
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
// 邀请移除记录
|
// 邀请移除记录
|
||||||
export const pageOperateRecord = query => {
|
export const pageOperateRecord = query => {
|
||||||
return request({
|
return request({
|
||||||
@@ -270,30 +279,3 @@ export const guildApplyAudit = query => {
|
|||||||
params: query
|
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
|
|
||||||
});
|
|
||||||
};
|
|
||||||
@@ -1,6 +1,15 @@
|
|||||||
import request from '@/utils/request';
|
import request from '@/utils/request';
|
||||||
import { genQueryParam } from '@/utils/maintainer';
|
import { genQueryParam } from '@/utils/maintainer';
|
||||||
|
|
||||||
|
// 分区接口
|
||||||
|
export const listPartitionInfo = query => {
|
||||||
|
return request({
|
||||||
|
url: '/partition/listPartitionInfo',
|
||||||
|
method: 'get',
|
||||||
|
params: query
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
// 邀请移除记录
|
// 邀请移除记录
|
||||||
export const pageOperateRecord = query => {
|
export const pageOperateRecord = query => {
|
||||||
return request({
|
return request({
|
||||||
@@ -30,7 +39,7 @@ export const create = query => {
|
|||||||
return request({
|
return request({
|
||||||
url: '/admin/guild/manage/create',
|
url: '/admin/guild/manage/create',
|
||||||
method: 'post',
|
method: 'post',
|
||||||
data: query
|
params: query
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
// 删除公会信息
|
// 删除公会信息
|
||||||
@@ -51,7 +60,7 @@ export const update = query => {
|
|||||||
return request({
|
return request({
|
||||||
url: '/admin/guild/manage/update',
|
url: '/admin/guild/manage/update',
|
||||||
method: 'post',
|
method: 'post',
|
||||||
data: query
|
params: query
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
// 导出-公会信息
|
// 导出-公会信息
|
||||||
@@ -92,63 +101,3 @@ export const removeMember = query => {
|
|||||||
params: 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
|
|
||||||
});
|
|
||||||
};
|
|
||||||
@@ -1,16 +0,0 @@
|
|||||||
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
|
|
||||||
});
|
|
||||||
};
|
|
||||||
@@ -2,6 +2,14 @@ import request from '@/utils/request';
|
|||||||
import { genQueryParam } from '@/utils/maintainer';
|
import { genQueryParam } from '@/utils/maintainer';
|
||||||
import qs from 'qs';
|
import qs from 'qs';
|
||||||
|
|
||||||
|
// 地区接口
|
||||||
|
export const listPartitionInfo = query => {
|
||||||
|
return request({
|
||||||
|
url: '/partition/listPartitionInfo',
|
||||||
|
method: 'get',
|
||||||
|
params: query
|
||||||
|
});
|
||||||
|
};
|
||||||
// 个人主页资源管理列表
|
// 个人主页资源管理列表
|
||||||
export const pesonalBackgroundListByPage = query => {
|
export const pesonalBackgroundListByPage = query => {
|
||||||
return request({
|
return request({
|
||||||
|
|||||||
@@ -1,37 +0,0 @@
|
|||||||
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
|
|
||||||
});
|
|
||||||
};
|
|
||||||
@@ -3,6 +3,14 @@ import qs from 'qs';
|
|||||||
import { genQueryParam } from '@/utils/maintainer';
|
import { genQueryParam } from '@/utils/maintainer';
|
||||||
// 活动配置 相关接口(一级菜单:活动配置)
|
// 活动配置 相关接口(一级菜单:活动配置)
|
||||||
|
|
||||||
|
// 分区接口
|
||||||
|
export const listPartitionInfo = query => {
|
||||||
|
return request({
|
||||||
|
url: '/partition/listPartitionInfo',
|
||||||
|
method: 'get',
|
||||||
|
params: query
|
||||||
|
});
|
||||||
|
};
|
||||||
// 国家
|
// 国家
|
||||||
export const regionInfoList = query => {
|
export const regionInfoList = query => {
|
||||||
return request({
|
return request({
|
||||||
|
|||||||
@@ -4,6 +4,15 @@ import qs from 'qs';
|
|||||||
import { genQueryParam } from '@/utils/maintainer';
|
import { genQueryParam } from '@/utils/maintainer';
|
||||||
// 活动配置 相关接口(一级菜单:活动配置)
|
// 活动配置 相关接口(一级菜单:活动配置)
|
||||||
|
|
||||||
|
// 分区接口
|
||||||
|
export const listPartitionInfo = query => {
|
||||||
|
return request({
|
||||||
|
url: '/partition/listPartitionInfo',
|
||||||
|
method: 'get',
|
||||||
|
params: query
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
// 充值代理列表导出
|
// 充值代理列表导出
|
||||||
export const chargeAgentExport = query => {
|
export const chargeAgentExport = query => {
|
||||||
window.location.href = `/anchorSalaryBill/chargeAgent/export?${genQueryParam(query)}`;
|
window.location.href = `/anchorSalaryBill/chargeAgent/export?${genQueryParam(query)}`;
|
||||||
@@ -202,133 +211,3 @@ export const diamondStatisticsExport = query => {
|
|||||||
window.location.href = `/admin/guild/diamondStatistics/export?${genQueryParam(query)}`;
|
window.location.href = `/admin/guild/diamondStatistics/export?${genQueryParam(query)}`;
|
||||||
return;
|
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
|
|
||||||
});
|
|
||||||
};
|
|
||||||
@@ -1,40 +0,0 @@
|
|||||||
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
|
|
||||||
});
|
|
||||||
};
|
|
||||||
@@ -1,5 +1,15 @@
|
|||||||
import request from '@/utils/request';
|
import request from '@/utils/request';
|
||||||
|
import { genQueryParam } from '@/utils/maintainer';
|
||||||
|
import qs from 'qs';
|
||||||
|
|
||||||
|
// 地区接口
|
||||||
|
export const listPartitionInfo = query => {
|
||||||
|
return request({
|
||||||
|
url: '/partition/listPartitionInfo',
|
||||||
|
method: 'get',
|
||||||
|
params: query
|
||||||
|
});
|
||||||
|
};
|
||||||
// ==============================================首页ui配置==============================================
|
// ==============================================首页ui配置==============================================
|
||||||
// 配置
|
// 配置
|
||||||
export const appUiSetting = query => {
|
export const appUiSetting = query => {
|
||||||
|
|||||||
@@ -1,10 +0,0 @@
|
|||||||
import request from '@/utils/request';
|
|
||||||
import {genQueryParam} from "@/utils/maintainer";
|
|
||||||
|
|
||||||
export const pageRecord = query => {
|
|
||||||
return request({
|
|
||||||
url: '/admin/smsRecord/page',
|
|
||||||
method: 'get',
|
|
||||||
params: query
|
|
||||||
});
|
|
||||||
};
|
|
||||||
@@ -1,31 +0,0 @@
|
|||||||
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
|
|
||||||
});
|
|
||||||
};
|
|
||||||
@@ -1,9 +0,0 @@
|
|||||||
import request from '@/utils/request';
|
|
||||||
// 获取列表
|
|
||||||
export const incomePageFamily = query => {
|
|
||||||
return request({
|
|
||||||
url: '/admin/superCenter/pageFamilyIncomes',
|
|
||||||
method: 'get',
|
|
||||||
params: query
|
|
||||||
});
|
|
||||||
};
|
|
||||||
@@ -1,17 +0,0 @@
|
|||||||
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
|
|
||||||
});
|
|
||||||
};
|
|
||||||
@@ -1,17 +0,0 @@
|
|||||||
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
|
|
||||||
});
|
|
||||||
};
|
|
||||||
@@ -1,9 +0,0 @@
|
|||||||
import request from '@/utils/request';
|
|
||||||
// 获取列表
|
|
||||||
export const diamondStatistics = query => {
|
|
||||||
return request({
|
|
||||||
url: '/admin/superCenter/diamondStatistics',
|
|
||||||
method: 'get',
|
|
||||||
params: query
|
|
||||||
});
|
|
||||||
};
|
|
||||||
@@ -1,9 +0,0 @@
|
|||||||
import request from '@/utils/request';
|
|
||||||
// 获取列表
|
|
||||||
export const guildApplyList = query => {
|
|
||||||
return request({
|
|
||||||
url: '/admin/superCenter/guildApplyList',
|
|
||||||
method: 'get',
|
|
||||||
params: query
|
|
||||||
});
|
|
||||||
};
|
|
||||||
@@ -1,27 +0,0 @@
|
|||||||
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
|
|
||||||
});
|
|
||||||
};
|
|
||||||
@@ -1,75 +0,0 @@
|
|||||||
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
|
|
||||||
});
|
|
||||||
};
|
|
||||||
@@ -1,35 +0,0 @@
|
|||||||
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
|
|
||||||
});
|
|
||||||
};
|
|
||||||
@@ -1,18 +0,0 @@
|
|||||||
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
|
|
||||||
});
|
|
||||||
};
|
|
||||||
@@ -1,18 +0,0 @@
|
|||||||
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,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
@@ -3,7 +3,7 @@
|
|||||||
<div class="pull-right hidden-xs">
|
<div class="pull-right hidden-xs">
|
||||||
<b>Version</b> 2.0.0
|
<b>Version</b> 2.0.0
|
||||||
</div>
|
</div>
|
||||||
<strong>Copyright © 2025 <a href="">卡盖亚网络</a>.</strong> All rights
|
<strong>Copyright © 2024 <a href="">触海网络</a>.</strong> All rights
|
||||||
reserved.
|
reserved.
|
||||||
</footer>
|
</footer>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
@@ -6,7 +6,7 @@
|
|||||||
<!-- mini logo for sidebar mini 50x50 pixels -->
|
<!-- mini logo for sidebar mini 50x50 pixels -->
|
||||||
<span class="logo-mini"><b>M</b>S</span>
|
<span class="logo-mini"><b>M</b>S</span>
|
||||||
<!-- logo for regular state and mobile devices -->
|
<!-- logo for regular state and mobile devices -->
|
||||||
<span class="logo-lg"><b>MoliParty</b>管理系统</span>
|
<span class="logo-lg"><b>molistar</b>管理系统</span>
|
||||||
</a>
|
</a>
|
||||||
<!-- Header Navbar: style can be found in header.less -->
|
<!-- Header Navbar: style can be found in header.less -->
|
||||||
<nav class="navbar navbar-static-top" role="navigation">
|
<nav class="navbar navbar-static-top" role="navigation">
|
||||||
|
|||||||
@@ -3,8 +3,6 @@ const partitionInfoMap = {
|
|||||||
2: '阿拉伯语区',
|
2: '阿拉伯语区',
|
||||||
4: '华语区',
|
4: '华语区',
|
||||||
8: '土耳其区',
|
8: '土耳其区',
|
||||||
16: '英语2区',
|
|
||||||
32: '独联体',
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export const partitionDesc = (val) => {
|
export const partitionDesc = (val) => {
|
||||||
|
|||||||
@@ -1,325 +0,0 @@
|
|||||||
<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>
|
|
||||||
@@ -1,442 +0,0 @@
|
|||||||
<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>
|
|
||||||
@@ -4,85 +4,100 @@
|
|||||||
<div class="inquire">
|
<div class="inquire">
|
||||||
<div class="block">
|
<div class="block">
|
||||||
<span class="demonstration">选择分区</span>
|
<span class="demonstration">选择分区</span>
|
||||||
<el-select v-model="inquire.partitionId"
|
<el-select
|
||||||
|
v-model="inquire.partitionId"
|
||||||
style="width: 75%"
|
style="width: 75%"
|
||||||
placeholder="请选择"
|
placeholder="请选择"
|
||||||
@change="handleChange">
|
@change="handleChange"
|
||||||
<el-option v-for="item in inquire.inquireonInfos"
|
>
|
||||||
|
<el-option
|
||||||
|
v-for="item in inquire.inquireonInfos"
|
||||||
:key="item.id"
|
:key="item.id"
|
||||||
:label="item.desc"
|
:label="item.desc"
|
||||||
:value="item.id"></el-option>
|
:value="item.id"
|
||||||
|
></el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- 表格 -->
|
<!-- 表格 -->
|
||||||
<el-table v-loading="loading"
|
<el-table
|
||||||
|
v-loading="loading"
|
||||||
:data="tableData"
|
:data="tableData"
|
||||||
border
|
border
|
||||||
style="width: 100%; margin-top: 25px">
|
style="width: 100%; margin-top: 25px"
|
||||||
<el-table-column prop="seq"
|
>
|
||||||
align="center"
|
<el-table-column prop="seq" align="center" label="排序" />
|
||||||
label="排序" />
|
<el-table-column prop="name" align="center" label="礼物面板类型" />
|
||||||
<el-table-column prop="name"
|
<el-table-column prop="enable" align="center" label="是否生效">
|
||||||
align="center"
|
|
||||||
label="礼物面板类型" />
|
|
||||||
<el-table-column prop="enable"
|
|
||||||
align="center"
|
|
||||||
label="是否生效">
|
|
||||||
<template v-slot="scope">{{ scope.row.enable ? "是" : "否" }}</template>
|
<template v-slot="scope">{{ scope.row.enable ? "是" : "否" }}</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column align="center"
|
<el-table-column align="center" label="操作">
|
||||||
label="操作">
|
|
||||||
<template v-slot="scope">
|
<template v-slot="scope">
|
||||||
<el-button @click="ediClick(scope.row)"
|
<el-button
|
||||||
|
@click="ediClick(scope.row)"
|
||||||
class="primary"
|
class="primary"
|
||||||
type="primary"
|
type="primary"
|
||||||
size="default">编辑</el-button>
|
size="default"
|
||||||
|
>编辑</el-button
|
||||||
|
>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
<!-- 编辑弹窗 -->
|
<!-- 编辑弹窗 -->
|
||||||
<el-dialog v-model="eidDialog"
|
<el-dialog v-model="eidDialog" :title="eidDialogTitle" width="30%" center>
|
||||||
:title="eidDialogTitle"
|
|
||||||
width="30%"
|
|
||||||
center>
|
|
||||||
<!-- 礼物面板类型 -->
|
<!-- 礼物面板类型 -->
|
||||||
<div style="margin-bottom: 25px; margin-top: 10px">
|
<div style="margin-bottom: 25px; margin-top: 10px">
|
||||||
<span style="display: inline-block; white-space: nowrap; margin-right: 70px"
|
<span
|
||||||
class="col-sm-2 control-label">礼物面板类型</span>
|
style="display: inline-block; white-space: nowrap; margin-right: 70px"
|
||||||
<el-input v-model="eidObj.type"
|
class="col-sm-2 control-label"
|
||||||
|
>礼物面板类型</span
|
||||||
|
>
|
||||||
|
<el-input
|
||||||
|
v-model="eidObj.type"
|
||||||
style="width: 60%"
|
style="width: 60%"
|
||||||
class="input"
|
class="input"
|
||||||
placeholder="请输入"
|
placeholder="请输入"
|
||||||
disabled></el-input>
|
disabled
|
||||||
|
></el-input>
|
||||||
</div>
|
</div>
|
||||||
<!-- 面板排序 -->
|
<!-- 面板排序 -->
|
||||||
<div style="margin-bottom: 25px; margin-top: 10px">
|
<div style="margin-bottom: 25px; margin-top: 10px">
|
||||||
<span style="display: inline-block; white-space: nowrap; margin-right: 70px"
|
<span
|
||||||
class="col-sm-2 control-label">面板排序-{{ eidText }}</span>
|
style="display: inline-block; white-space: nowrap; margin-right: 70px"
|
||||||
<el-input v-model="eidObj.seq"
|
class="col-sm-2 control-label"
|
||||||
|
>面板排序-{{ eidText }}</span
|
||||||
|
>
|
||||||
|
<el-input
|
||||||
|
v-model="eidObj.seq"
|
||||||
style="width: 60%"
|
style="width: 60%"
|
||||||
class="input"
|
class="input"
|
||||||
placeholder="请输入"></el-input>
|
placeholder="请输入"
|
||||||
|
></el-input>
|
||||||
</div>
|
</div>
|
||||||
<!-- 是否生效 -->
|
<!-- 是否生效 -->
|
||||||
<div style="margin-bottom: 25px; margin-top: 10px">
|
<div style="margin-bottom: 25px; margin-top: 10px">
|
||||||
<span style="display: inline-block; white-space: nowrap; margin-right: 70px"
|
<span
|
||||||
class="col-sm-2 control-label">是否生效</span>
|
style="display: inline-block; white-space: nowrap; margin-right: 70px"
|
||||||
<el-select v-model="eidObj.value"
|
class="col-sm-2 control-label"
|
||||||
|
>是否生效</span
|
||||||
|
>
|
||||||
|
<el-select
|
||||||
|
v-model="eidObj.value"
|
||||||
style="width: 60%"
|
style="width: 60%"
|
||||||
placeholder="请选择">
|
placeholder="请选择"
|
||||||
<el-option v-for="item in eidObj.option"
|
>
|
||||||
|
<el-option
|
||||||
|
v-for="item in eidObj.option"
|
||||||
:key="item.id"
|
:key="item.id"
|
||||||
:label="item.desc"
|
:label="item.desc"
|
||||||
:value="item.id"></el-option>
|
:value="item.id"
|
||||||
|
></el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</div>
|
</div>
|
||||||
<template #footer>
|
<template #footer>
|
||||||
<span class="dialog-footer">
|
<span class="dialog-footer">
|
||||||
<el-button @click="eidDialog = false">取消</el-button>
|
<el-button @click="eidDialog = false">取消</el-button>
|
||||||
<el-button type="primary"
|
<el-button type="primary" @click="eidDialogClick()"> 确认 </el-button>
|
||||||
@click="eidDialogClick()"> 确认 </el-button>
|
|
||||||
</span>
|
</span>
|
||||||
</template>
|
</template>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
@@ -90,24 +105,23 @@
|
|||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import { list, update } from "@/api/GiftPanelManagement/GiftPanelManagement";
|
import { list, update } from "@/api/GiftPanelManagement/GiftPanelManagement";
|
||||||
import { listAll } from "@/api/partition/partitionInfo";
|
|
||||||
// @ts-ignore
|
// @ts-ignore
|
||||||
import { dateFormat } from "@/utils/system-helper";
|
import { dateFormat } from "@/utils/system-helper";
|
||||||
// @ts-ignore
|
// @ts-ignore
|
||||||
import { ElMessage } from "element-plus";
|
import { ElMessage } from "element-plus";
|
||||||
export default {
|
export default {
|
||||||
name: "GiftPanelManagement",
|
name: "GiftPanelManagement",
|
||||||
data () {
|
data() {
|
||||||
return {
|
return {
|
||||||
loading: false,
|
loading: false,
|
||||||
//查询所需条件对象
|
//查询所需条件对象
|
||||||
inquire: {
|
inquire: {
|
||||||
partitionId: 1,
|
partitionId: 4,
|
||||||
inquireonInfos: [
|
inquireonInfos: [
|
||||||
// { desc: "英语区", id: 1 },
|
{ desc: "英语区", id: 1 },
|
||||||
// { desc: "阿拉伯区", id: 2 },
|
{ desc: "阿拉伯区", id: 2 },
|
||||||
// { desc: "华语区", id: 4 },
|
{ desc: "华语区", id: 4 },
|
||||||
// { desc: "土耳其区", id: 8 },
|
{ desc: "土耳其区", id: 8 },
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
// 表格
|
// 表格
|
||||||
@@ -135,17 +149,14 @@ export default {
|
|||||||
},
|
},
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
created () {
|
created() {
|
||||||
this.eidDialogTitle = `编辑礼物面板信息-华语区`;
|
this.eidDialogTitle = `编辑礼物面板信息-华语区`;
|
||||||
this.eidText = `华语区`;
|
this.eidText = `华语区`;
|
||||||
this.getData();
|
this.getData();
|
||||||
listAll().then((res) => {
|
|
||||||
this.inquire.inquireonInfos = res.data;
|
|
||||||
});
|
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
// 查询接口
|
// 查询接口
|
||||||
getData () {
|
getData() {
|
||||||
this.loading = true;
|
this.loading = true;
|
||||||
list({
|
list({
|
||||||
partitionId: this.inquire.partitionId,
|
partitionId: this.inquire.partitionId,
|
||||||
@@ -154,14 +165,14 @@ export default {
|
|||||||
this.loading = false;
|
this.loading = false;
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
ediClick (val) {
|
ediClick(val) {
|
||||||
this.eidDialog = true;
|
this.eidDialog = true;
|
||||||
this.eidObj.type = val.name;
|
this.eidObj.type = val.name;
|
||||||
this.eidObj.seq = val.seq;
|
this.eidObj.seq = val.seq;
|
||||||
this.eidObj.value = val.enable;
|
this.eidObj.value = val.enable;
|
||||||
this.eidObjNew = val;
|
this.eidObjNew = val;
|
||||||
},
|
},
|
||||||
eidDialogClick () {
|
eidDialogClick() {
|
||||||
update({
|
update({
|
||||||
enable: this.eidObj.value,
|
enable: this.eidObj.value,
|
||||||
id: this.eidObjNew.id,
|
id: this.eidObjNew.id,
|
||||||
@@ -185,7 +196,7 @@ export default {
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
handleChange (val) {
|
handleChange(val) {
|
||||||
console.log(val);
|
console.log(val);
|
||||||
if (val == 1) {
|
if (val == 1) {
|
||||||
this.eidDialogTitle = `编辑礼物面板信息-英语区`;
|
this.eidDialogTitle = `编辑礼物面板信息-英语区`;
|
||||||
@@ -196,15 +207,9 @@ export default {
|
|||||||
} else if (val == 4) {
|
} else if (val == 4) {
|
||||||
this.eidDialogTitle = `编辑礼物面板信息-华语区`;
|
this.eidDialogTitle = `编辑礼物面板信息-华语区`;
|
||||||
this.eidText = `华语区`;
|
this.eidText = `华语区`;
|
||||||
} else if (val == 8) {
|
}else if (val == 8) {
|
||||||
this.eidDialogTitle = `编辑礼物面板信息-土耳其区`;
|
this.eidDialogTitle = `编辑礼物面板信息-土耳其区`;
|
||||||
this.eidText = `土耳其区`;
|
this.eidText = `土耳其区`;
|
||||||
} else if (val == 16) {
|
|
||||||
this.eidDialogTitle = `编辑礼物面板信息-英语2区`;
|
|
||||||
this.eidText = `英语2区`;
|
|
||||||
}else if (val == 32) {
|
|
||||||
this.eidDialogTitle = `编辑礼物面板信息-独联体`;
|
|
||||||
this.eidText = `独联体`;
|
|
||||||
}
|
}
|
||||||
this.getData();
|
this.getData();
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -2,7 +2,7 @@
|
|||||||
<div class="outer">
|
<div class="outer">
|
||||||
<div class="search">
|
<div class="search">
|
||||||
<div class="searchLeft">
|
<div class="searchLeft">
|
||||||
<span>平台ID</span>
|
<span>用户平台ID</span>
|
||||||
<el-input
|
<el-input
|
||||||
v-model="userId"
|
v-model="userId"
|
||||||
size="default"
|
size="default"
|
||||||
@@ -10,15 +10,6 @@
|
|||||||
class="input"
|
class="input"
|
||||||
></el-input>
|
></el-input>
|
||||||
</div>
|
</div>
|
||||||
<div class="searchLeft">
|
|
||||||
<span>邮箱</span>
|
|
||||||
<el-input
|
|
||||||
v-model="email"
|
|
||||||
size="default"
|
|
||||||
placeholder="邮箱"
|
|
||||||
class="input"
|
|
||||||
></el-input>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<!-- 按钮 -->
|
<!-- 按钮 -->
|
||||||
<div class="buttonBox">
|
<div class="buttonBox">
|
||||||
@@ -39,7 +30,6 @@
|
|||||||
<el-table-column prop="erbanNo" 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="nick" align="center" label="用戶昵称" />
|
||||||
<el-table-column prop="phone" 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="signTime" align="center" label="注册时间" />
|
||||||
<el-table-column prop="createTime" align="center" label="进入访问限制时间" />
|
<el-table-column prop="createTime" align="center" label="进入访问限制时间" />
|
||||||
<el-table-column prop="inviteCode" align="center" label="邀请码" />
|
<el-table-column prop="inviteCode" align="center" label="邀请码" />
|
||||||
@@ -139,10 +129,13 @@ export default {
|
|||||||
name: "AccessRestriction",
|
name: "AccessRestriction",
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
userId: undefined, //用戶id
|
userId: "", //用戶id
|
||||||
email: undefined, //用戶id
|
|
||||||
loading: false, //列表loading
|
loading: false, //列表loading
|
||||||
tableData: [], //列表数据
|
tableData: [
|
||||||
|
{
|
||||||
|
erbanNo: "123123123",
|
||||||
|
},
|
||||||
|
], //列表数据
|
||||||
total: 10, //总页数
|
total: 10, //总页数
|
||||||
currentPage: 1, //页码
|
currentPage: 1, //页码
|
||||||
pageSize: 10, //条数
|
pageSize: 10, //条数
|
||||||
@@ -165,7 +158,6 @@ export default {
|
|||||||
page: this.currentPage,
|
page: this.currentPage,
|
||||||
pageSize: this.pageSize,
|
pageSize: this.pageSize,
|
||||||
userErBanNo: this.userId,
|
userErBanNo: this.userId,
|
||||||
email: this.email,
|
|
||||||
}).then((res) => {
|
}).then((res) => {
|
||||||
this.tableData = res.data.records;
|
this.tableData = res.data.records;
|
||||||
this.loading = false;
|
this.loading = false;
|
||||||
|
|||||||
@@ -3,7 +3,15 @@
|
|||||||
<!-- 查询 -->
|
<!-- 查询 -->
|
||||||
<div class="inquire">
|
<div class="inquire">
|
||||||
<span>分区</span>
|
<span>分区</span>
|
||||||
<partition-select v-model:partition-id="inquire.partitionId" v-model:partition-infos="inquire.options" />
|
<el-select filterable v-model="inquire.partitionId" placeholder="请选择">
|
||||||
|
<el-option
|
||||||
|
v-for="item in inquire.options"
|
||||||
|
:key="item.id"
|
||||||
|
:label="item.desc"
|
||||||
|
:value="item.id"
|
||||||
|
>
|
||||||
|
</el-option>
|
||||||
|
</el-select>
|
||||||
</div>
|
</div>
|
||||||
<el-button class="primary but" type="primary" @click="getData()"
|
<el-button class="primary but" type="primary" @click="getData()"
|
||||||
>查询</el-button
|
>查询</el-button
|
||||||
@@ -125,8 +133,6 @@
|
|||||||
? "VIP"
|
? "VIP"
|
||||||
: scope.row.awardType == 11
|
: scope.row.awardType == 11
|
||||||
? "勋章"
|
? "勋章"
|
||||||
: scope.row.awardType == 13
|
|
||||||
? "金豆"
|
|
||||||
: "铭牌"
|
: "铭牌"
|
||||||
}}
|
}}
|
||||||
</template>
|
</template>
|
||||||
@@ -202,8 +208,6 @@
|
|||||||
? "VIP"
|
? "VIP"
|
||||||
: scope.row.awardType == 11
|
: scope.row.awardType == 11
|
||||||
? "勋章"
|
? "勋章"
|
||||||
: scope.row.awardType == 13
|
|
||||||
? "金豆"
|
|
||||||
: "铭牌"
|
: "铭牌"
|
||||||
}}
|
}}
|
||||||
</template>
|
</template>
|
||||||
@@ -548,24 +552,26 @@
|
|||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import {
|
import {
|
||||||
|
listPartitionInfo,
|
||||||
levelList,
|
levelList,
|
||||||
levelUpdate,
|
levelUpdate,
|
||||||
awardList,
|
awardList,
|
||||||
awardUpdate,
|
awardUpdate,
|
||||||
awardDel,
|
awardDel,
|
||||||
} from "@/api/boom/boom";
|
} from "@/api/boom/boom";
|
||||||
|
// @ts-ignore
|
||||||
|
import { dateFormat } from "@/utils/system-helper";
|
||||||
|
// @ts-ignore
|
||||||
import { ElMessage } from "element-plus";
|
import { ElMessage } from "element-plus";
|
||||||
import PartitionSelect from "@/views/common/partitionSelect.vue";
|
|
||||||
export default {
|
export default {
|
||||||
name: "levelSet",
|
name: "levelSet",
|
||||||
components: {PartitionSelect},
|
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
id: "",
|
id: "",
|
||||||
loading: false,
|
loading: false,
|
||||||
//查询所需条件对象
|
//查询所需条件对象
|
||||||
inquire: {
|
inquire: {
|
||||||
partitionId: undefined,
|
partitionId: 2,
|
||||||
options: [],
|
options: [],
|
||||||
},
|
},
|
||||||
// 表格
|
// 表格
|
||||||
@@ -596,7 +602,6 @@ export default {
|
|||||||
{ desc: "VIP", value: 10 },
|
{ desc: "VIP", value: 10 },
|
||||||
{ desc: "勋章", value: 11 },
|
{ desc: "勋章", value: 11 },
|
||||||
{ desc: "铭牌", value: 2 },
|
{ desc: "铭牌", value: 2 },
|
||||||
{ desc: "金豆", value: 13 },
|
|
||||||
],
|
],
|
||||||
type: "",
|
type: "",
|
||||||
typeArr: [
|
typeArr: [
|
||||||
@@ -628,7 +633,6 @@ export default {
|
|||||||
{ desc: "VIP", value: 10 },
|
{ desc: "VIP", value: 10 },
|
||||||
{ desc: "勋章", value: 11 },
|
{ desc: "勋章", value: 11 },
|
||||||
{ desc: "铭牌", value: 2 },
|
{ desc: "铭牌", value: 2 },
|
||||||
{ desc: "金豆", value: 13 },
|
|
||||||
],
|
],
|
||||||
type: "",
|
type: "",
|
||||||
typeArr: [
|
typeArr: [
|
||||||
@@ -660,6 +664,13 @@ export default {
|
|||||||
pageSize: 5, //条数
|
pageSize: 5, //条数
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
|
created() {
|
||||||
|
listPartitionInfo().then((res) => {
|
||||||
|
this.inquire.options = res.data;
|
||||||
|
this.inquire.partitionId = res.data[0].id;
|
||||||
|
this.getData();
|
||||||
|
});
|
||||||
|
},
|
||||||
methods: {
|
methods: {
|
||||||
// 查询接口
|
// 查询接口
|
||||||
getData() {
|
getData() {
|
||||||
|
|||||||
@@ -3,7 +3,15 @@
|
|||||||
<!-- 查询 -->
|
<!-- 查询 -->
|
||||||
<div class="inquire">
|
<div class="inquire">
|
||||||
<span>分区</span>
|
<span>分区</span>
|
||||||
<partition-select v-model:partition-id="inquire.partitionId" v-model:partition-infos="inquire.options" />
|
<el-select filterable v-model="inquire.partitionId" placeholder="请选择">
|
||||||
|
<el-option
|
||||||
|
v-for="item in inquire.options"
|
||||||
|
:key="item.id"
|
||||||
|
:label="item.desc"
|
||||||
|
:value="item.id"
|
||||||
|
>
|
||||||
|
</el-option>
|
||||||
|
</el-select>
|
||||||
</div>
|
</div>
|
||||||
<div class="inquire">
|
<div class="inquire">
|
||||||
<span>房间ID:</span>
|
<span>房间ID:</span>
|
||||||
@@ -170,8 +178,6 @@
|
|||||||
? "VIP"
|
? "VIP"
|
||||||
: scope.row.awardType == 11
|
: scope.row.awardType == 11
|
||||||
? "勋章"
|
? "勋章"
|
||||||
: scope.row.awardType == 13
|
|
||||||
? "金豆"
|
|
||||||
: "铭牌"
|
: "铭牌"
|
||||||
}}
|
}}
|
||||||
</template>
|
</template>
|
||||||
@@ -182,11 +188,7 @@
|
|||||||
prop="createTime"
|
prop="createTime"
|
||||||
align="center"
|
align="center"
|
||||||
label="奖励发放时间"
|
label="奖励发放时间"
|
||||||
>
|
/>
|
||||||
<template v-slot="scope">{{
|
|
||||||
convertTimestamp(scope.row.createTime)
|
|
||||||
}}</template>
|
|
||||||
</el-table-column>
|
|
||||||
</el-table>
|
</el-table>
|
||||||
<!-- 分页 -->
|
<!-- 分页 -->
|
||||||
<el-pagination
|
<el-pagination
|
||||||
@@ -212,6 +214,7 @@
|
|||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import {
|
import {
|
||||||
|
listPartitionInfo,
|
||||||
recordList,
|
recordList,
|
||||||
detailList,
|
detailList,
|
||||||
recordExport,
|
recordExport,
|
||||||
@@ -220,17 +223,15 @@ import {
|
|||||||
import { dateFormat } from "@/utils/system-helper";
|
import { dateFormat } from "@/utils/system-helper";
|
||||||
// @ts-ignore
|
// @ts-ignore
|
||||||
import { ElMessage } from "element-plus";
|
import { ElMessage } from "element-plus";
|
||||||
import PartitionSelect from "@/views/common/partitionSelect.vue";
|
|
||||||
export default {
|
export default {
|
||||||
name: "recordData",
|
name: "recordData",
|
||||||
components: {PartitionSelect},
|
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
loading: false,
|
loading: false,
|
||||||
loading2: false,
|
loading2: false,
|
||||||
//查询所需条件对象
|
//查询所需条件对象
|
||||||
inquire: {
|
inquire: {
|
||||||
partitionId: undefined,
|
partitionId: 2,
|
||||||
options: [],
|
options: [],
|
||||||
roomId: "",
|
roomId: "",
|
||||||
boomLevel: "",
|
boomLevel: "",
|
||||||
@@ -257,6 +258,13 @@ export default {
|
|||||||
pageSize2: 10, //条数
|
pageSize2: 10, //条数
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
|
created() {
|
||||||
|
listPartitionInfo().then((res) => {
|
||||||
|
this.inquire.options = res.data;
|
||||||
|
this.inquire.partitionId = res.data[0].id;
|
||||||
|
this.getData();
|
||||||
|
});
|
||||||
|
},
|
||||||
methods: {
|
methods: {
|
||||||
// 查询接口
|
// 查询接口
|
||||||
getData() {
|
getData() {
|
||||||
@@ -353,10 +361,6 @@ export default {
|
|||||||
endTime: endTime,
|
endTime: endTime,
|
||||||
}).then();
|
}).then();
|
||||||
},
|
},
|
||||||
convertTimestamp (time) {
|
|
||||||
let date = new Date(time);
|
|
||||||
return date.format("yyyy-MM-dd hh:mm:ss");
|
|
||||||
},
|
|
||||||
// 分页详情导航
|
// 分页详情导航
|
||||||
handleSizeChange2() {
|
handleSizeChange2() {
|
||||||
this.detailListFun();
|
this.detailListFun();
|
||||||
|
|||||||
@@ -1,182 +0,0 @@
|
|||||||
<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>
|
|
||||||
@@ -1,121 +0,0 @@
|
|||||||
<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>
|
|
||||||
@@ -1,236 +0,0 @@
|
|||||||
<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>
|
|
||||||
|
|
||||||
@@ -1,255 +0,0 @@
|
|||||||
<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>
|
|
||||||
@@ -1,122 +0,0 @@
|
|||||||
<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>
|
|
||||||
@@ -1,552 +0,0 @@
|
|||||||
<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>
|
|
||||||
|
|
||||||
File diff suppressed because it is too large
Load Diff
@@ -6,59 +6,36 @@
|
|||||||
<section class="content-header">
|
<section class="content-header">
|
||||||
<h1 id="itemTitle"></h1>
|
<h1 id="itemTitle"></h1>
|
||||||
</section>
|
</section>
|
||||||
<div id="toolbar"
|
<div id="toolbar" style="height: auto;">
|
||||||
style="height: auto;">
|
<form id="searchForm" class="" action="" method="post" target="_blank">
|
||||||
<form id="searchForm"
|
|
||||||
class=""
|
|
||||||
action=""
|
|
||||||
method="post"
|
|
||||||
target="_blank">
|
|
||||||
<div class="col-sm-12">
|
<div class="col-sm-12">
|
||||||
<label for="type"
|
<label for="type" class="col-sm-1 control-label">气泡类型:</label>
|
||||||
class="col-sm-1 control-label">气泡类型:</label>
|
|
||||||
<div class="col-sm-2">
|
<div class="col-sm-2">
|
||||||
<select name="type"
|
<select name="type" id="type" data-btn-class="btn-warning" class="form-control">
|
||||||
id="type"
|
<option value="" selected="selected">全部</option>
|
||||||
data-btn-class="btn-warning"
|
|
||||||
class="form-control">
|
|
||||||
<option value=""
|
|
||||||
selected="selected">全部</option>
|
|
||||||
<option value="1">普通</option>
|
<option value="1">普通</option>
|
||||||
<option value="2">贵族</option>
|
<option value="2">贵族</option>
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<label for="id"
|
<label for="id" class="col-sm-1 control-label">气泡id:</label>
|
||||||
class="col-sm-1 control-label">气泡id:</label>
|
<div class="col-sm-2"><input type="text" class="form-control" name="id" id="id"></div>
|
||||||
<div class="col-sm-2"><input type="text"
|
|
||||||
class="form-control"
|
|
||||||
name="id"
|
|
||||||
id="id"></div>
|
|
||||||
|
|
||||||
<label for="name"
|
<label for="name" class="col-sm-1 control-label">气泡名称:</label>
|
||||||
class="col-sm-1 control-label">气泡名称:</label>
|
<div class="col-sm-2"><input type="text" class="form-control" name="name" id="name"></div>
|
||||||
<div class="col-sm-2"><input type="text"
|
|
||||||
class="form-control"
|
|
||||||
name="name"
|
|
||||||
id="name"></div>
|
|
||||||
|
|
||||||
<label for="partitionId"
|
<label for="partitionId" class="col-sm-1 control-label">地区:</label>
|
||||||
class="col-sm-1 control-label">地区:</label>
|
|
||||||
<div class="col-sm-2">
|
<div class="col-sm-2">
|
||||||
<select name="partitionId"
|
<select name="partitionId" id="partitionId" class="form-control"></select>
|
||||||
id="partitionId"
|
|
||||||
class="form-control"></select>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
<div class="col-sm-12">
|
<div class="col-sm-12">
|
||||||
<button id="btnSearch"
|
<button id="btnSearch" class="btn btn-default">
|
||||||
class="btn btn-default">
|
|
||||||
<i class="glyphicon glyphicon-search"></i>查询
|
<i class="glyphicon glyphicon-search"></i>查询
|
||||||
</button>
|
</button>
|
||||||
<button id="btnAdd"
|
<button id="btnAdd" class="btn btn-default">
|
||||||
class="btn btn-default">
|
|
||||||
<i class="glyphicon glyphicon-plus"></i>新增
|
<i class="glyphicon glyphicon-plus"></i>新增
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
@@ -69,210 +46,90 @@
|
|||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<div class="modal fade"
|
<div class="modal fade" id="addModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel">
|
||||||
id="addModal"
|
<div class="modal-dialog" role="document">
|
||||||
tabindex="-1"
|
<div class="modal-content" style="width: 500px;">
|
||||||
role="dialog"
|
|
||||||
aria-labelledby="modalLabel">
|
|
||||||
<div class="modal-dialog"
|
|
||||||
role="document">
|
|
||||||
<div class="modal-content"
|
|
||||||
style="width: 500px;">
|
|
||||||
<div class="modal-header">
|
<div class="modal-header">
|
||||||
<button type="button"
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
|
||||||
class="close"
|
aria-hidden="true">×</span></button>
|
||||||
data-dismiss="modal"
|
<h4 class="modal-title" id="modalLabel">新增气泡</h4>
|
||||||
aria-label="Close"><span aria-hidden="true">×</span></button>
|
|
||||||
<h4 class="modal-title"
|
|
||||||
id="modalLabel">新增气泡</h4>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="modal-body">
|
<div class="modal-body">
|
||||||
<form class="form-horizontal"
|
<form class="form-horizontal" id="addForm">
|
||||||
id="addForm">
|
<input type="hidden" name="id" id="modal_id" />
|
||||||
<input type="hidden"
|
|
||||||
name="id"
|
|
||||||
id="modal_id" />
|
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label for="partitionFlag"
|
<label for="partitionFlag" class="col-sm-4 control-label">选择分区</label>
|
||||||
class="col-sm-4 control-label">选择分区</label>
|
|
||||||
<div class="col-sm-6">
|
<div class="col-sm-6">
|
||||||
<input type="checkbox"
|
<input type="checkbox" name="partitionFlag" value="1"/>英语区<br>
|
||||||
name="partitionFlag"
|
<input type="checkbox" name="partitionFlag" value="2"/>阿拉伯语区<br>
|
||||||
value="1" />英语区<br>
|
<input type="checkbox" name="partitionFlag" value="4"/>华语区<br>
|
||||||
<input type="checkbox"
|
<input type="checkbox" name="partitionFlag" value="8"/>土耳其区<br>
|
||||||
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>
|
</div>
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label for="modal_type"
|
<label for="modal_type" class="col-sm-4 control-label">装扮类型:</label>
|
||||||
class="col-sm-4 control-label">装扮类型:</label>
|
|
||||||
<div class="col-sm-6">
|
<div class="col-sm-6">
|
||||||
<select name="type"
|
<select name="type" id="modal_type" data-btn-class="btn-warning" class="form-control">
|
||||||
id="modal_type"
|
|
||||||
data-btn-class="btn-warning"
|
|
||||||
class="form-control">
|
|
||||||
<option value="1">普通装扮</option>
|
<option value="1">普通装扮</option>
|
||||||
<option value="2">贵族装扮</option>
|
<option value="2">贵族装扮</option>
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label for="modal_name"
|
<label for="modal_name" class="col-sm-4 control-label">装扮名称:</label>
|
||||||
class="col-sm-4 control-label">装扮名称:</label>
|
|
||||||
<div class="col-sm-6">
|
<div class="col-sm-6">
|
||||||
<input type="text"
|
<input type="text" class="form-control validate[required]" name="name" id="modal_name"
|
||||||
class="form-control validate[required]"
|
|
||||||
name="name"
|
|
||||||
id="modal_name"
|
|
||||||
placeholder="请输入气泡名称">
|
placeholder="请输入气泡名称">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label for="en_modal_name"
|
<label for="ar_modal_name" class="col-sm-4 control-label">阿语装扮名称:</label>
|
||||||
class="col-sm-4 control-label">英语装扮名称:</label>
|
|
||||||
<div class="col-sm-6">
|
<div class="col-sm-6">
|
||||||
<input type="text"
|
<input type="text" class="form-control validate[required]" name="name" id="ar_modal_name" placeholder="请输入气泡名称">
|
||||||
class="form-control validate[required]"
|
|
||||||
name="name"
|
|
||||||
id="en_modal_name"
|
|
||||||
placeholder="请输入气泡名称">
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label for="ar_modal_name"
|
<label for="en_modal_name" class="col-sm-4 control-label">英语装扮名称:</label>
|
||||||
class="col-sm-4 control-label">阿语装扮名称:</label>
|
|
||||||
<div class="col-sm-6">
|
<div class="col-sm-6">
|
||||||
<input type="text"
|
<input type="text" class="form-control validate[required]" name="name" id="en_modal_name" placeholder="请输入气泡名称">
|
||||||
class="form-control validate[required]"
|
|
||||||
name="name"
|
|
||||||
id="ar_modal_name"
|
|
||||||
placeholder="请输入气泡名称">
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label for="tr_modal_name"
|
<label for="tr_modal_name" class="col-sm-4 control-label">土耳其装扮名称:</label>
|
||||||
class="col-sm-4 control-label">土耳其语装扮名称:</label>
|
|
||||||
<div class="col-sm-6">
|
<div class="col-sm-6">
|
||||||
<input type="text"
|
<input type="text" class="form-control validate[required]" name="name" id="tr_modal_name" placeholder="请输入气泡名称">
|
||||||
class="form-control validate[required]"
|
|
||||||
name="name"
|
|
||||||
id="tr_modal_name"
|
|
||||||
placeholder="请输入气泡名称">
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="form-group">
|
<form class="form-horizontal" id="addForm1">
|
||||||
<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">
|
<div class="form-group">
|
||||||
<label class="col-sm-4 control-label">安卓图片:</label>
|
<label class="col-sm-4 control-label">安卓图片:</label>
|
||||||
<div class="col-sm-6">
|
<div class="col-sm-6">
|
||||||
<img src=""
|
<img src="" id="addAndroidIconPicUrl" style="height:44px;" alt="">
|
||||||
id="addAndroidIconPicUrl"
|
<input type="file" id="add_android_UploadIconPic" name="uploadFile"
|
||||||
style="height:44px;"
|
|
||||||
alt="">
|
|
||||||
<input type="file"
|
|
||||||
id="add_android_UploadIconPic"
|
|
||||||
name="uploadFile"
|
|
||||||
accept="image/gif,image/jpeg,image/jpg,image/png,image/svg">
|
accept="image/gif,image/jpeg,image/jpg,image/png,image/svg">
|
||||||
<button class="btn btn-success"
|
<button class="btn btn-success" type="button" name="uploadBtn"
|
||||||
type="button"
|
|
||||||
name="uploadBtn"
|
|
||||||
id="addAndroidIconPicUrl_androidUrl">上传</button>
|
id="addAndroidIconPicUrl_androidUrl">上传</button>
|
||||||
<input type="hidden"
|
<input type="hidden" id="androidUrl" name="androidUrl" class="form-control" />
|
||||||
id="androidUrl"
|
|
||||||
name="androidUrl"
|
|
||||||
class="form-control" />
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
<form class="form-horizontal"
|
<form class="form-horizontal" id="addForm2">
|
||||||
id="addForm2">
|
<div class="form-group" >
|
||||||
<div class="form-group">
|
|
||||||
<label class="col-sm-4 control-label">IOS图片:</label>
|
<label class="col-sm-4 control-label">IOS图片:</label>
|
||||||
<div class="col-sm-6">
|
<div class="col-sm-6">
|
||||||
<img src=""
|
<img src="" id="addIosIconPicUrl" style="height:44px;" alt="">
|
||||||
id="addIosIconPicUrl"
|
<input type="file" id="add_ios_UploadIconPic" name="uploadFile"
|
||||||
style="height:44px;"
|
|
||||||
alt="">
|
|
||||||
<input type="file"
|
|
||||||
id="add_ios_UploadIconPic"
|
|
||||||
name="uploadFile"
|
|
||||||
accept="image/gif,image/jpeg,image/jpg,image/png,image/svg">
|
accept="image/gif,image/jpeg,image/jpg,image/png,image/svg">
|
||||||
<button class="btn btn-success"
|
<button class="btn btn-success" type="button" name="uploadBtn"
|
||||||
type="button"
|
|
||||||
name="uploadBtn"
|
|
||||||
id="addIosIconPicUrl_iosUrl">上传</button>
|
id="addIosIconPicUrl_iosUrl">上传</button>
|
||||||
<input type="hidden"
|
<input type="hidden" id="iosUrl" name="iosUrl" class="form-control" />
|
||||||
id="iosUrl"
|
|
||||||
name="iosUrl"
|
|
||||||
class="form-control" />
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label for="status"
|
<label for="status" class="col-sm-4 control-label">装扮状态:</label>
|
||||||
class="col-sm-4 control-label">装扮状态:</label>
|
|
||||||
<div class="col-sm-6">
|
<div class="col-sm-6">
|
||||||
<select name="status"
|
<select name="status" id="status" data-btn-class="btn-warning" class="form-control">
|
||||||
id="status"
|
|
||||||
data-btn-class="btn-warning"
|
|
||||||
class="form-control">
|
|
||||||
<option value="1">有效</option>
|
<option value="1">有效</option>
|
||||||
<option value="2">无效</option>
|
<option value="2">无效</option>
|
||||||
</select>
|
</select>
|
||||||
@@ -282,79 +139,49 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="modal-footer">
|
<div class="modal-footer">
|
||||||
<button type="button"
|
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
|
||||||
class="btn btn-default"
|
<button type="button" class="btn btn-primary" id="button-save">保存</button>
|
||||||
data-dismiss="modal">关闭</button>
|
|
||||||
<button type="button"
|
|
||||||
class="btn btn-primary"
|
|
||||||
id="button-save">保存</button>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- 为用户赠送铭牌弹窗 -->
|
<!-- 为用户赠送铭牌弹窗 -->
|
||||||
<div class="modal fade"
|
<div class="modal fade" id="sendModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel">
|
||||||
id="sendModal"
|
<div class="modal-dialog" role="document">
|
||||||
tabindex="-1"
|
|
||||||
role="dialog"
|
|
||||||
aria-labelledby="modalLabel">
|
|
||||||
<div class="modal-dialog"
|
|
||||||
role="document">
|
|
||||||
<div class="modal-content">
|
<div class="modal-content">
|
||||||
<div class="modal-header">
|
<div class="modal-header">
|
||||||
<button type="button"
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
|
||||||
class="close"
|
aria-hidden="true">x</span></button>
|
||||||
data-dismiss="modal"
|
<h4 class="modal-title" id="modalSendLabel">赠送装扮</h4>
|
||||||
aria-label="Close"><span aria-hidden="true">x</span></button>
|
|
||||||
<h4 class="modal-title"
|
|
||||||
id="modalSendLabel">赠送装扮</h4>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="modal-body">
|
<div class="modal-body">
|
||||||
<form class="form-horizontal"
|
<form class="form-horizontal" id="sendForm">
|
||||||
id="sendForm">
|
<input type="hidden" name="id" id="sendId" />
|
||||||
<input type="hidden"
|
|
||||||
name="id"
|
|
||||||
id="sendId" />
|
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label for="sendErbanNo"
|
<label for="sendErbanNo" class="col-sm-3 control-label">ID</label>
|
||||||
class="col-sm-3 control-label">ID</label>
|
|
||||||
<div class="col-sm-9">
|
<div class="col-sm-9">
|
||||||
<textarea name="erbanNos"
|
<textarea name="erbanNos" id="sendErbanNo" class="form-control validate[required]"
|
||||||
id="sendErbanNo"
|
|
||||||
class="form-control validate[required]"
|
|
||||||
placeholder="多个ID使用,分隔,一次性不得超过100个"></textarea>
|
placeholder="多个ID使用,分隔,一次性不得超过100个"></textarea>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label for="sendDays"
|
<label for="sendDays" class="col-sm-3 control-label">赠送天数</label>
|
||||||
class="col-sm-3 control-label">赠送天数</label>
|
|
||||||
<div class="col-sm-9">
|
<div class="col-sm-9">
|
||||||
<input type="text"
|
<input type="text" name="days" id="sendDays" class="form-control validate[required]" />
|
||||||
name="days"
|
|
||||||
id="sendDays"
|
|
||||||
class="form-control validate[required]" />
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label for="sendDesc"
|
<label for="sendDesc" class="col-sm-3 control-label">备注</label>
|
||||||
class="col-sm-3 control-label">备注</label>
|
|
||||||
<div class="col-sm-9">
|
<div class="col-sm-9">
|
||||||
<input type="text"
|
<input type="text" name="remark" id="sendDesc" class="form-control validate[required]" />
|
||||||
name="remark"
|
|
||||||
id="sendDesc"
|
|
||||||
class="form-control validate[required]" />
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
<div class="modal-footer">
|
<div class="modal-footer">
|
||||||
<button type="button"
|
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
|
||||||
class="btn btn-default"
|
<button type="button" class="btn btn-primary" id="send">提交</button>
|
||||||
data-dismiss="modal">关闭</button>
|
|
||||||
<button type="button"
|
|
||||||
class="btn btn-primary"
|
|
||||||
id="send">提交</button>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -368,17 +195,17 @@ import { buildSelectOption } from '@/utils/system-helper';
|
|||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: "ChatbubbleManageView",
|
name: "ChatbubbleManageView",
|
||||||
setup () {
|
setup() {
|
||||||
return {};
|
return {};
|
||||||
},
|
},
|
||||||
created () {
|
created() {
|
||||||
this.$nextTick(function () {
|
this.$nextTick(function () {
|
||||||
this.initPartition();
|
this.initPartition();
|
||||||
this.initData();
|
this.initData();
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
initData () {
|
initData() {
|
||||||
$(function () {
|
$(function () {
|
||||||
$('#table').bootstrapTable('destroy');
|
$('#table').bootstrapTable('destroy');
|
||||||
$('#table').bootstrapTable({
|
$('#table').bootstrapTable({
|
||||||
@@ -403,23 +230,13 @@ export default {
|
|||||||
if ((val & 8) != 0) {
|
if ((val & 8) != 0) {
|
||||||
value += '土耳其区<br>';
|
value += '土耳其区<br>';
|
||||||
}
|
}
|
||||||
if ((val & 16) != 0) {
|
|
||||||
value += '英语2区<br>';
|
|
||||||
}
|
|
||||||
if ((val & 32) != 0) {
|
|
||||||
value += '独联体<br>';
|
|
||||||
}
|
|
||||||
return value;
|
return value;
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{ field: 'name.zh', 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.ar', title: '阿语装扮名称', align: 'middle', width: '5%' },
|
{field: 'name.en', title: '英语装扮名称', align: 'middle', width: '5%'},
|
||||||
{ field: 'name.tr', 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',
|
field: 'iosUrl',
|
||||||
title: '装扮图片',
|
title: '装扮图片',
|
||||||
@@ -500,7 +317,7 @@ export default {
|
|||||||
sidePagination: "server", //表示服务端请求
|
sidePagination: "server", //表示服务端请求
|
||||||
queryParamsType: "-",
|
queryParamsType: "-",
|
||||||
uniqueId: "id",
|
uniqueId: "id",
|
||||||
queryParams: function queryParams (params) { //设置查询参数
|
queryParams: function queryParams(params) { //设置查询参数
|
||||||
var param = {
|
var param = {
|
||||||
page: params.pageNumber,
|
page: params.pageNumber,
|
||||||
pageSize: params.pageSize,
|
pageSize: params.pageSize,
|
||||||
@@ -511,17 +328,17 @@ export default {
|
|||||||
};
|
};
|
||||||
return param;
|
return param;
|
||||||
},
|
},
|
||||||
ajax: function (request) { //使用ajax请求
|
ajax:function(request){ //使用ajax请求
|
||||||
$.ajax({
|
$.ajax({
|
||||||
type: "GET",
|
type:"GET",
|
||||||
url: '/admin/chatbubble/listByPage',
|
url:'/admin/chatbubble/listByPage',
|
||||||
contentType: 'application/json;charset=utf-8',
|
contentType:'application/json;charset=utf-8',
|
||||||
dataType: 'json',
|
dataType:'json',
|
||||||
data: request.data,
|
data: request.data,
|
||||||
success: function (res) {
|
success:function (res) {
|
||||||
console.log(res);
|
console.log(res);
|
||||||
request.success({
|
request.success({
|
||||||
"rows": res.rows.map(i => {
|
"rows": res.rows.map(i=>{
|
||||||
let value = i.name;
|
let value = i.name;
|
||||||
if (value.startsWith('{') && value.endsWith('}')) {
|
if (value.startsWith('{') && value.endsWith('}')) {
|
||||||
i.name = JSON.parse(value);
|
i.name = JSON.parse(value);
|
||||||
@@ -530,7 +347,6 @@ export default {
|
|||||||
zh: value,
|
zh: value,
|
||||||
ar: value,
|
ar: value,
|
||||||
en: value,
|
en: value,
|
||||||
pr: value,
|
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
return i;
|
return i;
|
||||||
@@ -538,7 +354,7 @@ export default {
|
|||||||
"total": res.total
|
"total": res.total
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
error: function (error) {
|
error:function(error){
|
||||||
console.log(error);
|
console.log(error);
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
@@ -567,11 +383,7 @@ export default {
|
|||||||
$("#addForm #modal_type").val(row.type);
|
$("#addForm #modal_type").val(row.type);
|
||||||
console.log(row.name)
|
console.log(row.name)
|
||||||
let name = row.name;
|
let name = row.name;
|
||||||
if (Object.prototype.hasOwnProperty.call(name, 'zh')
|
if (Object.prototype.hasOwnProperty.call(name, 'zh') || Object.prototype.hasOwnProperty.call(name, 'ar') || Object.prototype.hasOwnProperty.call(name, 'en')) {
|
||||||
|| 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);
|
$("#modal_name").val(row.name.zh);
|
||||||
// 阿语名称
|
// 阿语名称
|
||||||
$("#ar_modal_name").val(row.name.ar);
|
$("#ar_modal_name").val(row.name.ar);
|
||||||
@@ -579,10 +391,6 @@ export default {
|
|||||||
$("#en_modal_name").val(row.name.en);
|
$("#en_modal_name").val(row.name.en);
|
||||||
// 土耳其名称
|
// 土耳其名称
|
||||||
$("#tr_modal_name").val(row.name.tr);
|
$("#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 {
|
} else {
|
||||||
$("#modal_name").val(name);
|
$("#modal_name").val(name);
|
||||||
// 阿语名称
|
// 阿语名称
|
||||||
@@ -591,10 +399,6 @@ export default {
|
|||||||
$("#en_modal_name").val(name);
|
$("#en_modal_name").val(name);
|
||||||
// 土耳其名称
|
// 土耳其名称
|
||||||
$("#tr_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);
|
$('#addAndroidIconPicUrl').attr("src", row.androidUrl);
|
||||||
$("#addForm #androidUrl").val(row.androidUrl);
|
$("#addForm #androidUrl").val(row.androidUrl);
|
||||||
@@ -618,21 +422,6 @@ export default {
|
|||||||
} else {
|
} else {
|
||||||
$("input:checkbox[name='partitionFlag']")[2].checked = false;
|
$("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');
|
$("#addModal").modal('show');
|
||||||
});
|
});
|
||||||
|
|
||||||
@@ -685,7 +474,7 @@ export default {
|
|||||||
var androidUrl = $('#androidUrl').val();
|
var androidUrl = $('#androidUrl').val();
|
||||||
var iosUrl = $('#iosUrl').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;
|
obj[item.name] = item.value;
|
||||||
return obj;
|
return obj;
|
||||||
}, {});
|
}, {});
|
||||||
@@ -697,12 +486,8 @@ export default {
|
|||||||
var en_name = $("#en_modal_name").val();
|
var en_name = $("#en_modal_name").val();
|
||||||
// 土耳其名称
|
// 土耳其名称
|
||||||
var tr_name = $("#tr_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, "tr": tr_name, "pr": pt_name , "ru": ru_name, "es": es_name, "uz": uz_name}
|
var jsonName = {"zh":name,"ar":ar_name,"en":en_name,"tr":tr_name}
|
||||||
const nameValue = JSON.stringify(jsonName);
|
const nameValue = JSON.stringify(jsonName);
|
||||||
// 修改属性值
|
// 修改属性值
|
||||||
formData.name = nameValue; // 将giftName修改为"newGiftName"
|
formData.name = nameValue; // 将giftName修改为"newGiftName"
|
||||||
@@ -724,38 +509,13 @@ export default {
|
|||||||
$("#tipModal").modal('show');
|
$("#tipModal").modal('show');
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
if (isEmpty(en_name)) {
|
|
||||||
$("#tipMsg").text("英语装扮名字不能为空");
|
|
||||||
$("#tipModal").modal('show');
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
if (isEmpty(ar_name)) {
|
if (isEmpty(ar_name)) {
|
||||||
$("#tipMsg").text("阿语装扮名字不能为空");
|
$("#tipMsg").text("阿语装扮名字不能为空");
|
||||||
$("#tipModal").modal('show');
|
$("#tipModal").modal('show');
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
if (isEmpty(tr_name)) {
|
if (isEmpty(en_name)) {
|
||||||
$("#tipMsg").text("土耳其语装扮名字不能为空");
|
$("#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');
|
$("#tipModal").modal('show');
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
@@ -770,7 +530,7 @@ export default {
|
|||||||
if (json.code === 200) {
|
if (json.code === 200) {
|
||||||
$("#tipMsg").text("保存成功");
|
$("#tipMsg").text("保存成功");
|
||||||
$("#tipModal").modal('show');
|
$("#tipModal").modal('show');
|
||||||
setTimeout(function () {
|
setTimeout(function() {
|
||||||
TableHelper.doRefresh("#table");
|
TableHelper.doRefresh("#table");
|
||||||
$("#addModal").modal('hide');
|
$("#addModal").modal('hide');
|
||||||
}, 1000);
|
}, 1000);
|
||||||
@@ -783,7 +543,7 @@ export default {
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
function cleanModal () {
|
function cleanModal() {
|
||||||
$('#id').val('');
|
$('#id').val('');
|
||||||
$("#addForm #modal_id").val('');
|
$("#addForm #modal_id").val('');
|
||||||
$('#addAndroidIconPicUrl').attr('src', '');
|
$('#addAndroidIconPicUrl').attr('src', '');
|
||||||
@@ -798,16 +558,12 @@ export default {
|
|||||||
$('#ar_modal_name').val('');
|
$('#ar_modal_name').val('');
|
||||||
$('#en_modal_name').val('');
|
$('#en_modal_name').val('');
|
||||||
$('#tr_modal_name').val('');
|
$('#tr_modal_name').val('');
|
||||||
$('#pt_modal_name').val('');
|
$('input[name="partitionFlag"]').each(function() {
|
||||||
$('#ru_modal_name').val('');
|
|
||||||
$('#es_modal_name').val('');
|
|
||||||
$('#uz_modal_name').val('');
|
|
||||||
$('input[name="partitionFlag"]').each(function () {
|
|
||||||
$(this).checked = false;
|
$(this).checked = false;
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
//判断空值
|
//判断空值
|
||||||
function isEmpty (data) {
|
function isEmpty(data) {
|
||||||
if (data == null || data == undefined || data == "") {
|
if (data == null || data == undefined || data == "") {
|
||||||
return true;
|
return true;
|
||||||
}
|
}
|
||||||
@@ -897,7 +653,7 @@ export default {
|
|||||||
});
|
});
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
initPartition () {
|
initPartition() {
|
||||||
getPartitionInfoList().then(res => {
|
getPartitionInfoList().then(res => {
|
||||||
let data = res.data;
|
let data = res.data;
|
||||||
buildSelectOption(
|
buildSelectOption(
|
||||||
@@ -919,12 +675,10 @@ export default {
|
|||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>.fixed-table-body {
|
||||||
.fixed-table-body {
|
|
||||||
height: auto !important;
|
height: auto !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pull-left {
|
.pull-left {
|
||||||
width: 100% !important;
|
width: 100% !important;
|
||||||
}
|
}</style>
|
||||||
</style>
|
|
||||||
@@ -1,108 +0,0 @@
|
|||||||
<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>
|
|
||||||
@@ -1,125 +0,0 @@
|
|||||||
<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>
|
|
||||||
@@ -1,403 +0,0 @@
|
|||||||
<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>
|
|
||||||
@@ -1,375 +0,0 @@
|
|||||||
<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>
|
|
||||||
@@ -1,398 +0,0 @@
|
|||||||
<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>
|
|
||||||
@@ -1,260 +0,0 @@
|
|||||||
<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>
|
|
||||||
@@ -1,266 +0,0 @@
|
|||||||
<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>
|
|
||||||
@@ -270,41 +270,6 @@ export default {
|
|||||||
valign: "middle",
|
valign: "middle",
|
||||||
width: "10%",
|
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",
|
field: "pic",
|
||||||
title: "装扮图片",
|
title: "装扮图片",
|
||||||
|
|||||||
@@ -1,146 +0,0 @@
|
|||||||
<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>
|
|
||||||
@@ -1,384 +0,0 @@
|
|||||||
<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>
|
|
||||||
@@ -1,329 +0,0 @@
|
|||||||
<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>
|
|
||||||
@@ -51,7 +51,7 @@
|
|||||||
</button>
|
</button>
|
||||||
<h4 class="modal-title" id="modalLabel1">新增表情图片</h4>
|
<h4 class="modal-title" id="modalLabel1">新增表情图片</h4>
|
||||||
</div>
|
</div>
|
||||||
<div class="modal-body" style="overflow-y:auto;width: 100%;height: 500px">
|
<div class="modal-body" style="overflow:auto;width: 100%;max-height: 80%">
|
||||||
<ul id="bigImg"></ul>
|
<ul id="bigImg"></ul>
|
||||||
</div>
|
</div>
|
||||||
<div class="modal-footer" style="height: 20%">
|
<div class="modal-footer" style="height: 20%">
|
||||||
@@ -116,8 +116,7 @@
|
|||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label for="addFaceId" class="col-sm-3 control-label">表情名ID:</label>
|
<label for="addFaceId" class="col-sm-3 control-label">表情名ID:</label>
|
||||||
<div class="col-sm-9">
|
<div class="col-sm-9">
|
||||||
<input type="text" class="form-control validate[required]" name="addFaceId"
|
<input type="text" class="form-control validate[required]" name="addFaceId" id="addFaceId">
|
||||||
id="addFaceId">
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
@@ -146,8 +145,8 @@
|
|||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label class="col-sm-3 control-label">审核中表情状态</label>
|
<label class="col-sm-3 control-label">审核中表情状态</label>
|
||||||
<div class="col-sm-9">
|
<div class="col-sm-9">
|
||||||
<label class="radio-inline"><input name="luckFace" type="radio" id="isLuckFace"
|
<label class="radio-inline"><input name="luckFace" type="radio" id="isLuckFace" value="0"
|
||||||
value="0" checked>显示</label>
|
checked>显示</label>
|
||||||
<label class="radio-inline"><input name="luckFace" type="radio" id="isLuckFaceNo"
|
<label class="radio-inline"><input name="luckFace" type="radio" id="isLuckFaceNo"
|
||||||
value="1">隐藏</label>
|
value="1">隐藏</label>
|
||||||
</div>
|
</div>
|
||||||
@@ -192,8 +191,8 @@
|
|||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label class="col-sm-3 control-label">表情帧动画结束时候结果图片是否互斥:</label>
|
<label class="col-sm-3 control-label">表情帧动画结束时候结果图片是否互斥:</label>
|
||||||
<div class="col-sm-9">
|
<div class="col-sm-9">
|
||||||
<label class="radio-inline"><input name="canResultRepeat" type="radio"
|
<label class="radio-inline"><input name="canResultRepeat" type="radio" id="canResultRepeat"
|
||||||
id="canResultRepeat" value="1" checked>不互斥</label>
|
value="1" checked>不互斥</label>
|
||||||
<label class="radio-inline"><input name="canResultRepeat" type="radio"
|
<label class="radio-inline"><input name="canResultRepeat" type="radio"
|
||||||
id="canResultRepeatNo" value="0">互斥</label>
|
id="canResultRepeatNo" value="0">互斥</label>
|
||||||
</div>
|
</div>
|
||||||
@@ -870,11 +869,4 @@ select {
|
|||||||
.opt-group .col-sm-7 {
|
.opt-group .col-sm-7 {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* .modal-body {
|
|
||||||
overflow-y: auto;
|
|
||||||
-webkit-overflow-scrolling: touch;
|
|
||||||
scrollbar-width: none;
|
|
||||||
height: 500px !important;
|
|
||||||
} */
|
|
||||||
</style>
|
</style>
|
||||||
File diff suppressed because it is too large
Load Diff
@@ -8,12 +8,10 @@
|
|||||||
</section>
|
</section>
|
||||||
<div id="toolbar">
|
<div id="toolbar">
|
||||||
<div class="col-sm-12">
|
<div class="col-sm-12">
|
||||||
<button id="btnSearch"
|
<button id="btnSearch" class="btn btn-default">
|
||||||
class="btn btn-default">
|
|
||||||
<i class="glyphicon glyphicon-search"></i>查询
|
<i class="glyphicon glyphicon-search"></i>查询
|
||||||
</button>
|
</button>
|
||||||
<button id="btnAdd"
|
<button id="btnAdd" class="btn btn-default">
|
||||||
class="btn btn-default">
|
|
||||||
<i class="glyphicon glyphicon-plus"></i>增加
|
<i class="glyphicon glyphicon-plus"></i>增加
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
@@ -24,47 +22,33 @@
|
|||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<div class="modal fade"
|
<div class="modal fade" id="roomTagModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel">
|
||||||
id="roomTagModal"
|
<div class="modal-dialog" role="document">
|
||||||
tabindex="-1"
|
|
||||||
role="dialog"
|
|
||||||
aria-labelledby="modalLabel">
|
|
||||||
<div class="modal-dialog"
|
|
||||||
role="document">
|
|
||||||
<div class="modal-content">
|
<div class="modal-content">
|
||||||
<div class="modal-header">
|
<div class="modal-header">
|
||||||
<button type="button"
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
|
||||||
class="close"
|
aria-hidden="true">×</span>
|
||||||
data-dismiss="modal"
|
|
||||||
aria-label="Close"><span aria-hidden="true">×</span>
|
|
||||||
</button>
|
</button>
|
||||||
<h4 class="modal-title"
|
<h4 class="modal-title" id="modalLabel">资源位</h4>
|
||||||
id="modalLabel">资源位</h4>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="modal-body">
|
<div class="modal-body">
|
||||||
<form class="form-horizontal"
|
<form class="form-horizontal" id="addForm">
|
||||||
id="addForm">
|
<input type="hidden" name="id" id="id" />
|
||||||
<input type="hidden"
|
|
||||||
name="id"
|
|
||||||
id="id" />
|
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label for="partitionId"
|
<label for="partitionId" class="col-sm-3 control-label">选择地区:</label>
|
||||||
class="col-sm-3 control-label">选择地区:</label>
|
|
||||||
<div class="col-sm-9">
|
<div class="col-sm-9">
|
||||||
<select name="partitionId"
|
<select name="partitionId" id="partitionId" class="col-sm-3 form-control">
|
||||||
id="partitionId"
|
<option value="1">英语区</option>
|
||||||
class="col-sm-3 form-control">
|
<option value="2">阿拉伯语区</option>
|
||||||
|
<option value="4">华语区</option>
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!--A策略-->
|
<!--A策略-->
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label for="resourceA"
|
<label for="resourceA" class="col-sm-3 control-label">A策略<font color="red">*</font>:</label>
|
||||||
class="col-sm-3 control-label">A策略<font color="red">*</font>:</label>
|
|
||||||
<div class="col-sm-9">
|
<div class="col-sm-9">
|
||||||
<select name="status"
|
<select name="status" id="resourceA" class="form-control validate[required]">
|
||||||
id="resourceA"
|
|
||||||
class="form-control validate[required]">
|
|
||||||
<option value=""></option>
|
<option value=""></option>
|
||||||
<option value="1">牌照房</option>
|
<option value="1">牌照房</option>
|
||||||
<option value="2">相亲房</option>
|
<option value="2">相亲房</option>
|
||||||
@@ -79,44 +63,26 @@
|
|||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label class="col-sm-3 control-label">A图标<font color="red">*</font>:</label>
|
<label class="col-sm-3 control-label">A图标<font color="red">*</font>:</label>
|
||||||
<div class="col-sm-8">
|
<div class="col-sm-8">
|
||||||
<img src=""
|
<img src="" id="iconImgUrlA" style='width:108px;height:45px;' alt="">
|
||||||
id="iconImgUrlA"
|
<input type="file" id="iconFileA" name='uploadFile'
|
||||||
style='width:108px;height:45px;'
|
|
||||||
alt="">
|
|
||||||
<input type="file"
|
|
||||||
id="iconFileA"
|
|
||||||
name='uploadFile'
|
|
||||||
accept='image/gif,image/jpeg,image/jpg,image/png,image/svg'>
|
accept='image/gif,image/jpeg,image/jpg,image/png,image/svg'>
|
||||||
<button class="btn btn-success"
|
<button class="btn btn-success" type='button' id="iconBtnA">上传</button>
|
||||||
type='button'
|
<input type="hidden" id="iconUrlA" name='alertWinPic'
|
||||||
id="iconBtnA">上传</button>
|
|
||||||
<input type="hidden"
|
|
||||||
id="iconUrlA"
|
|
||||||
name='alertWinPic'
|
|
||||||
class="form-control validate[required]">
|
class="form-control validate[required]">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="form-group"
|
<div class="form-group" id="boxA">
|
||||||
id="boxA">
|
<label for="contentA" class="col-sm-3 control-label" id="contentLabA"></label>
|
||||||
<label for="contentA"
|
|
||||||
class="col-sm-3 control-label"
|
|
||||||
id="contentLabA"></label>
|
|
||||||
<div class="col-sm-9">
|
<div class="col-sm-9">
|
||||||
<input type="text"
|
<input type="text" class="form-control validate[required]" name="name" id="contentA">
|
||||||
class="form-control validate[required]"
|
|
||||||
name="name"
|
|
||||||
id="contentA">
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!--B策略-->
|
<!--B策略-->
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label for="resourceB"
|
<label for="resourceB" class="col-sm-3 control-label">B策略<font color="red">*</font>:</label>
|
||||||
class="col-sm-3 control-label">B策略<font color="red">*</font>:</label>
|
|
||||||
<div class="col-sm-9">
|
<div class="col-sm-9">
|
||||||
<select name="status"
|
<select name="status" id="resourceB" class="form-control validate[required]">
|
||||||
id="resourceB"
|
|
||||||
class="form-control validate[required]">
|
|
||||||
<option value=""></option>
|
<option value=""></option>
|
||||||
<option value="1">牌照房</option>
|
<option value="1">牌照房</option>
|
||||||
<option value="2">相亲房</option>
|
<option value="2">相亲房</option>
|
||||||
@@ -131,45 +97,26 @@
|
|||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label class="col-sm-3 control-label">B图标<font color="red">*</font>:</label>
|
<label class="col-sm-3 control-label">B图标<font color="red">*</font>:</label>
|
||||||
<div class="col-sm-8">
|
<div class="col-sm-8">
|
||||||
<img src=""
|
<img src="" id="iconImgUrlB" style='width:108px;height:45px;' alt="">
|
||||||
id="iconImgUrlB"
|
<input type="file" id="iconFileB" name='uploadFile'
|
||||||
style='width:108px;height:45px;'
|
|
||||||
alt="">
|
|
||||||
<input type="file"
|
|
||||||
id="iconFileB"
|
|
||||||
name='uploadFile'
|
|
||||||
accept='image/gif,image/jpeg,image/jpg,image/png,image/svg'>
|
accept='image/gif,image/jpeg,image/jpg,image/png,image/svg'>
|
||||||
<button class="btn btn-success"
|
<button class="btn btn-success" type='button' id="iconBtnB">上传</button>
|
||||||
type='button'
|
<input type="hidden" id="iconUrlB" name='alertWinPic'
|
||||||
id="iconBtnB">上传</button>
|
|
||||||
<input type="hidden"
|
|
||||||
id="iconUrlB"
|
|
||||||
name='alertWinPic'
|
|
||||||
class="form-control validate[required]">
|
class="form-control validate[required]">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="form-group"
|
<div class="form-group" id="boxB">
|
||||||
id="boxB">
|
<label for="contentB" class="col-sm-3 control-label" id="contentLabB"></label>
|
||||||
<label for="contentB"
|
|
||||||
class="col-sm-3 control-label"
|
|
||||||
id="contentLabB"></label>
|
|
||||||
<div class="col-sm-9">
|
<div class="col-sm-9">
|
||||||
<input type="text"
|
<input type="text" class="form-control validate[required]" name="name" id="contentB">
|
||||||
class="form-control validate[required]"
|
|
||||||
name="name"
|
|
||||||
id="contentB">
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label class="col-sm-3 control-label">生效时段<font color="red">*</font>:</label>
|
<label class="col-sm-3 control-label">生效时段<font color="red">*</font>:</label>
|
||||||
<div class="col-sm-8">
|
<div class="col-sm-8">
|
||||||
<input type="text"
|
<input type="text" class="input-sm datetime validate[required]" name="beginTime"
|
||||||
class="input-sm datetime validate[required]"
|
|
||||||
name="beginTime"
|
|
||||||
id="beginTime">
|
id="beginTime">
|
||||||
-<input type="text"
|
-<input type="text" class="input-sm datetime validate[required]" name="endTime"
|
||||||
class="input-sm datetime validate[required]"
|
|
||||||
name="endTime"
|
|
||||||
id="endTime">
|
id="endTime">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -177,12 +124,8 @@
|
|||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
<div class="modal-footer">
|
<div class="modal-footer">
|
||||||
<button type="button"
|
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
|
||||||
class="btn btn-default"
|
<button type="button" class="btn btn-primary" id="add">确定</button>
|
||||||
data-dismiss="modal">关闭</button>
|
|
||||||
<button type="button"
|
|
||||||
class="btn btn-primary"
|
|
||||||
id="add">确定</button>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
@@ -196,39 +139,17 @@ import { serverError, formatTime } from '@/utils/maintainer';
|
|||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: "RecommendResourceAdminView",
|
name: "RecommendResourceAdminView",
|
||||||
setup () {
|
setup() {
|
||||||
return {};
|
return {};
|
||||||
},
|
},
|
||||||
created () {
|
created() {
|
||||||
this.$nextTick(function () {
|
this.$nextTick(function () {
|
||||||
this.initData();
|
this.initData();
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
initData () {
|
initData() {
|
||||||
$(function () {
|
$(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({
|
$('.datetime').datetimepicker({
|
||||||
format: 'yyyy-mm-dd hh:ii:00',
|
format: 'yyyy-mm-dd hh:ii:00',
|
||||||
@@ -274,15 +195,6 @@ export default {
|
|||||||
if ((val & 4) != 0) {
|
if ((val & 4) != 0) {
|
||||||
value += '华语区<br>';
|
value += '华语区<br>';
|
||||||
}
|
}
|
||||||
if ((val & 8) != 0) {
|
|
||||||
value += '土耳其区<br>';
|
|
||||||
}
|
|
||||||
if ((val & 16) != 0) {
|
|
||||||
value += '英语2区<br>';
|
|
||||||
}
|
|
||||||
if ((val & 32) != 0) {
|
|
||||||
value += '独联体<br>';
|
|
||||||
}
|
|
||||||
return value;
|
return value;
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@@ -350,7 +262,7 @@ export default {
|
|||||||
search: false,
|
search: false,
|
||||||
sidePagination: "server", //表示服务端请求
|
sidePagination: "server", //表示服务端请求
|
||||||
queryParamsType: "undefined",
|
queryParamsType: "undefined",
|
||||||
queryParams: function queryParams (params) { //设置查询参数
|
queryParams: function queryParams(params) { //设置查询参数
|
||||||
var param = {
|
var param = {
|
||||||
pageNum: params.pageNumber,
|
pageNum: params.pageNumber,
|
||||||
pageSize: params.pageSize
|
pageSize: params.pageSize
|
||||||
@@ -552,7 +464,7 @@ export default {
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
function apiResult (json) {
|
function apiResult(json) {
|
||||||
if (json.code == 200 && json.message == 'success') {
|
if (json.code == 200 && json.message == 'success') {
|
||||||
return true;
|
return true;
|
||||||
}
|
}
|
||||||
@@ -660,7 +572,7 @@ export default {
|
|||||||
|
|
||||||
});
|
});
|
||||||
|
|
||||||
function pardeResourceType (val) {
|
function pardeResourceType(val) {
|
||||||
if (val == 1) {
|
if (val == 1) {
|
||||||
return '牌照房';
|
return '牌照房';
|
||||||
} else if (val == 2) {
|
} else if (val == 2) {
|
||||||
@@ -681,7 +593,7 @@ export default {
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
function clearModal () {
|
function clearModal() {
|
||||||
$("#id").val('');
|
$("#id").val('');
|
||||||
|
|
||||||
$('#iconUrlA').val('');
|
$('#iconUrlA').val('');
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
@@ -1,393 +0,0 @@
|
|||||||
<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>
|
|
||||||
@@ -1,299 +0,0 @@
|
|||||||
<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>
|
|
||||||
@@ -1,342 +0,0 @@
|
|||||||
<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>
|
|
||||||
@@ -1,297 +0,0 @@
|
|||||||
<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>
|
|
||||||
@@ -1,248 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="box">
|
|
||||||
<div class="inquire">
|
|
||||||
<span>用户ID:</span>
|
|
||||||
<el-input v-model="formData.erbanNo"
|
|
||||||
placeholder=""
|
|
||||||
class="input" />
|
|
||||||
</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="packId"
|
|
||||||
align="center"
|
|
||||||
label="礼包ID" />
|
|
||||||
<el-table-column prop="packName"
|
|
||||||
align="center"
|
|
||||||
label="礼包名称-华语区">
|
|
||||||
<template v-slot="scope">{{
|
|
||||||
getJsonField(scope.row.packName, "zh")
|
|
||||||
}}</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="packName"
|
|
||||||
align="center"
|
|
||||||
label="礼包名称-英语区">
|
|
||||||
<template v-slot="scope">{{
|
|
||||||
getJsonField(scope.row.packName, "en")
|
|
||||||
}}</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="packName"
|
|
||||||
align="center"
|
|
||||||
label="礼包名称-阿语区">
|
|
||||||
<template v-slot="scope">{{
|
|
||||||
getJsonField(scope.row.packName, "ar")
|
|
||||||
}}</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="packName"
|
|
||||||
align="center"
|
|
||||||
label="礼包名称-土耳其区">
|
|
||||||
<template v-slot="scope">{{
|
|
||||||
getJsonField(scope.row.packName, "tr")
|
|
||||||
}}</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="packName"
|
|
||||||
align="center"
|
|
||||||
label="礼包名称-葡萄牙语区">
|
|
||||||
<template v-slot="scope">{{
|
|
||||||
getJsonField(scope.row.packName, "pt")
|
|
||||||
}}</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="packName"
|
|
||||||
align="center"
|
|
||||||
label="礼包名称-俄语">
|
|
||||||
<template v-slot="scope">{{
|
|
||||||
getJsonField(scope.row.packName, "ru")
|
|
||||||
}}</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="packName"
|
|
||||||
align="center"
|
|
||||||
label="礼包名称-西班牙语">
|
|
||||||
<template v-slot="scope">{{
|
|
||||||
getJsonField(scope.row.packName, "es")
|
|
||||||
}}</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="packName"
|
|
||||||
align="center"
|
|
||||||
label="礼包名称-乌兹别克语">
|
|
||||||
<template v-slot="scope">{{
|
|
||||||
getJsonField(scope.row.packName, "uz")
|
|
||||||
}}</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="erbanNo"
|
|
||||||
align="center"
|
|
||||||
label="用户ID" />
|
|
||||||
<el-table-column prop="packNum"
|
|
||||||
align="center"
|
|
||||||
label="数量" />
|
|
||||||
<el-table-column prop="remark"
|
|
||||||
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-column prop="adminUser"
|
|
||||||
align="center"
|
|
||||||
label="操作人" />
|
|
||||||
<el-table-column align="center"
|
|
||||||
label="操作"
|
|
||||||
width="220">
|
|
||||||
<template v-slot="scope">
|
|
||||||
<el-button @click="packRecall(scope.row.id)"
|
|
||||||
class="primary"
|
|
||||||
type="primary"
|
|
||||||
size="default"
|
|
||||||
v-if="scope.row.status == 1">
|
|
||||||
撤回
|
|
||||||
</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" />
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import { ref, onMounted, reactive, computed } from "vue";
|
|
||||||
import { ElMessage, ElMessageBox } from "element-plus";
|
|
||||||
import {
|
|
||||||
getRecordList,
|
|
||||||
optionPackRecall,
|
|
||||||
} from "@/api/giftPackCenter/giftPackCenter";
|
|
||||||
export default {
|
|
||||||
name: "distributionRecord",
|
|
||||||
setup () {
|
|
||||||
const formData = reactive({
|
|
||||||
pageNo: 1,
|
|
||||||
pageSize: 10,
|
|
||||||
erbanNo: "",
|
|
||||||
});
|
|
||||||
const tableData = reactive({
|
|
||||||
data: [],
|
|
||||||
total: 0,
|
|
||||||
loading: false,
|
|
||||||
});
|
|
||||||
const getData = () => {
|
|
||||||
tableData.loading = true;
|
|
||||||
getRecordList(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 packRecall = (recordId) => {
|
|
||||||
optionPackRecall({ recordId }).then((res) => {
|
|
||||||
if (res.code == 200) {
|
|
||||||
ElMessage.success("撤回成功");
|
|
||||||
getData();
|
|
||||||
} else {
|
|
||||||
ElMessage.error(res.message);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
};
|
|
||||||
const // 解析json字段
|
|
||||||
getJsonField = (jsonStr, field) => {
|
|
||||||
try {
|
|
||||||
if (!jsonStr) return "";
|
|
||||||
const obj = JSON.parse(jsonStr);
|
|
||||||
return obj?.[field] || "";
|
|
||||||
} catch (e) {
|
|
||||||
console.error("JSON 解析失败:", jsonStr);
|
|
||||||
return "";
|
|
||||||
}
|
|
||||||
};
|
|
||||||
const convertTimestamp = (time) => {
|
|
||||||
let date = new Date(time);
|
|
||||||
return date.format("yyyy-MM-dd hh:mm:ss");
|
|
||||||
};
|
|
||||||
const handleSizeChange = (val) => {
|
|
||||||
formData.pageSize = val;
|
|
||||||
getData();
|
|
||||||
};
|
|
||||||
const handleCurrentChange = (val) => {
|
|
||||||
formData.pageNo = val;
|
|
||||||
getData();
|
|
||||||
};
|
|
||||||
return {
|
|
||||||
formData,
|
|
||||||
tableData,
|
|
||||||
getData,
|
|
||||||
getJsonField,
|
|
||||||
convertTimestamp,
|
|
||||||
packRecall,
|
|
||||||
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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.selectBox {
|
|
||||||
display: flex;
|
|
||||||
height: 35px;
|
|
||||||
line-height: 35px;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.selectBoxImg {
|
|
||||||
height: 150px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.avatar {
|
|
||||||
width: 178px;
|
|
||||||
height: 178px;
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,717 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="box">
|
|
||||||
<el-button style=""
|
|
||||||
type="primary"
|
|
||||||
@click="getData()">查询</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="packId"
|
|
||||||
align="center"
|
|
||||||
label="礼包ID" />
|
|
||||||
<el-table-column prop="partitionDesc"
|
|
||||||
align="center"
|
|
||||||
label="分区" />
|
|
||||||
<el-table-column prop="packName"
|
|
||||||
align="center"
|
|
||||||
label="礼包名称-华语区">
|
|
||||||
<template v-slot="scope">{{
|
|
||||||
getJsonField(scope.row.packName, "zh")
|
|
||||||
}}</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="packName"
|
|
||||||
align="center"
|
|
||||||
label="礼包名称-英语区">
|
|
||||||
<template v-slot="scope">{{
|
|
||||||
getJsonField(scope.row.packName, "en")
|
|
||||||
}}</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="packName"
|
|
||||||
align="center"
|
|
||||||
label="礼包名称-阿语区">
|
|
||||||
<template v-slot="scope">{{
|
|
||||||
getJsonField(scope.row.packName, "ar")
|
|
||||||
}}</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="packName"
|
|
||||||
align="center"
|
|
||||||
label="礼包名称-土耳其区">
|
|
||||||
<template v-slot="scope">{{
|
|
||||||
getJsonField(scope.row.packName, "tr")
|
|
||||||
}}</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="packName"
|
|
||||||
align="center"
|
|
||||||
label="礼包名称-葡萄牙语区">
|
|
||||||
<template v-slot="scope">{{
|
|
||||||
getJsonField(scope.row.packName, "pt")
|
|
||||||
}}</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="packName"
|
|
||||||
align="center"
|
|
||||||
label="礼包名称-俄语">
|
|
||||||
<template v-slot="scope">{{
|
|
||||||
getJsonField(scope.row.packName, "ru")
|
|
||||||
}}</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="packName"
|
|
||||||
align="center"
|
|
||||||
label="礼包名称-西班牙语">
|
|
||||||
<template v-slot="scope">{{
|
|
||||||
getJsonField(scope.row.packName, "es")
|
|
||||||
}}</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="packName"
|
|
||||||
align="center"
|
|
||||||
label="礼包名称-乌兹别克语">
|
|
||||||
<template v-slot="scope">{{
|
|
||||||
getJsonField(scope.row.packName, "uz")
|
|
||||||
}}</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="imgUrl"
|
|
||||||
align="center"
|
|
||||||
label="礼包样式">
|
|
||||||
<template v-slot="scope">
|
|
||||||
<el-image style="width: 100px; height: 100px"
|
|
||||||
:src="scope.row.imgUrl"
|
|
||||||
:zoom-rate="1.1"
|
|
||||||
:preview-src-list="[scope.row.imgUrl ?? '']"
|
|
||||||
fit="scale-down"
|
|
||||||
preview-teleported="true"
|
|
||||||
hide-on-click-modal="true" />
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="createTime"
|
|
||||||
align="center"
|
|
||||||
label="创建时间">
|
|
||||||
<template v-slot="scope">
|
|
||||||
{{ scope.row.createTime }}
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="expireDay"
|
|
||||||
align="center"
|
|
||||||
label="礼包过期时间" />
|
|
||||||
<el-table-column align="center"
|
|
||||||
label="操作"
|
|
||||||
width="220">
|
|
||||||
<template v-slot="scope">
|
|
||||||
<el-button @click="detailPageFun(scope.row)"
|
|
||||||
class="primary"
|
|
||||||
type="primary"
|
|
||||||
size="default">
|
|
||||||
编辑礼包
|
|
||||||
</el-button>
|
|
||||||
<el-button @click="getRewardList(scope.row.packId)"
|
|
||||||
class="primary"
|
|
||||||
type="primary"
|
|
||||||
size="default">
|
|
||||||
奖品列表
|
|
||||||
</el-button>
|
|
||||||
<el-button @click="
|
|
||||||
getAwardsFun(scope.row.partitionId);
|
|
||||||
addFormData.packId = scope.row.packId;
|
|
||||||
"
|
|
||||||
class="primary"
|
|
||||||
type="primary"
|
|
||||||
size="default"
|
|
||||||
style="margin-left: 0; margin-top: 10px">
|
|
||||||
添加奖品
|
|
||||||
</el-button>
|
|
||||||
<el-button @click="
|
|
||||||
addFormData.packId = scope.row.packId;
|
|
||||||
sendPackCenterDialog = true;
|
|
||||||
"
|
|
||||||
class="primary"
|
|
||||||
type="primary"
|
|
||||||
size="default"
|
|
||||||
style="margin-top: 10px">
|
|
||||||
赠送礼包
|
|
||||||
</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.packId == '' ? '新增' : '编辑'"
|
|
||||||
width="28%"
|
|
||||||
center>
|
|
||||||
<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.packNameZh"
|
|
||||||
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.packNameEn"
|
|
||||||
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.packNameAr"
|
|
||||||
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.packNameTr"
|
|
||||||
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.packNamePt"
|
|
||||||
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.packNameRu"
|
|
||||||
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.packNameEs"
|
|
||||||
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.packNameUz"
|
|
||||||
style="width: 50%"
|
|
||||||
class="input"></el-input>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="selectBox selectBoxImg">
|
|
||||||
<span class="left"
|
|
||||||
style="display: inline-block; margin-right: 20px; width: 100px">礼包样式</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.imgUrl"
|
|
||||||
:src="addFormData.imgUrl"
|
|
||||||
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-select v-model="addFormData.status"
|
|
||||||
placeholder="请选择">
|
|
||||||
<el-option label="有效"
|
|
||||||
:value="1"></el-option>
|
|
||||||
<el-option label="无效"
|
|
||||||
:value="0"></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>
|
|
||||||
<partition-select v-model:partition-id="addFormData.partitionId" />
|
|
||||||
</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.expireDay"
|
|
||||||
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()"> 确认 </el-button>
|
|
||||||
</span>
|
|
||||||
</template>
|
|
||||||
</el-dialog>
|
|
||||||
<!-- 详情表格 -->
|
|
||||||
<el-dialog v-model="detailsDialog"
|
|
||||||
title="奖品列表"
|
|
||||||
width="50%"
|
|
||||||
center>
|
|
||||||
<!-- 内表格 -->
|
|
||||||
<el-table v-loading="tableDetailData.loading"
|
|
||||||
:data="tableDetailData.data"
|
|
||||||
border
|
|
||||||
style="width: 100%; margin-top: 25px">
|
|
||||||
<el-table-column prop="awardTypeName"
|
|
||||||
align="center"
|
|
||||||
label="类型">
|
|
||||||
<template v-slot="scope">
|
|
||||||
{{ scope.row.awardTypeName + "-" + scope.row.awardName }}
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="awardId"
|
|
||||||
align="center"
|
|
||||||
label="ID" />
|
|
||||||
<el-table-column prop="awardNum"
|
|
||||||
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="scale-down"
|
|
||||||
preview-teleported="true"
|
|
||||||
hide-on-click-modal="true" />
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column align="center"
|
|
||||||
label="操作"
|
|
||||||
width="220">
|
|
||||||
<template v-slot="scope">
|
|
||||||
<el-button @click="delPageFun(scope.row.itemId)"
|
|
||||||
class="primary"
|
|
||||||
type="primary"
|
|
||||||
size="default">
|
|
||||||
删除
|
|
||||||
</el-button>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</el-table>
|
|
||||||
</el-dialog>
|
|
||||||
<el-dialog v-model="addRewardDialog"
|
|
||||||
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">添加奖品</span>
|
|
||||||
<el-select v-model="addFormData.awardId"
|
|
||||||
placeholder="请选择">
|
|
||||||
<el-option v-for="item in awardsList"
|
|
||||||
:key="item.awardId"
|
|
||||||
:label="item.awardTypeName + '-' + item.awardName"
|
|
||||||
:value="item.awardId">
|
|
||||||
</el-option>
|
|
||||||
</el-select>
|
|
||||||
</div>
|
|
||||||
<template #footer>
|
|
||||||
<span class="dialog-footer">
|
|
||||||
<el-button @click="addRewardDialog = false">取消</el-button>
|
|
||||||
<el-button type="primary"
|
|
||||||
@click="addRewardFun()"> 确认 </el-button>
|
|
||||||
</span>
|
|
||||||
</template>
|
|
||||||
</el-dialog>
|
|
||||||
<el-dialog v-model="sendPackCenterDialog"
|
|
||||||
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"></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.packNum"
|
|
||||||
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.remark"
|
|
||||||
style="width: 50%"
|
|
||||||
class="input"
|
|
||||||
:rows="5"
|
|
||||||
type="textarea"></el-input>
|
|
||||||
</div>
|
|
||||||
<template #footer>
|
|
||||||
<span class="dialog-footer">
|
|
||||||
<el-button @click="sendPackCenterDialog = false">取消</el-button>
|
|
||||||
<el-button type="primary"
|
|
||||||
@click="sendPackCenterFun()">
|
|
||||||
确认
|
|
||||||
</el-button>
|
|
||||||
</span>
|
|
||||||
</template>
|
|
||||||
</el-dialog>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import { ref, onMounted, reactive, computed } from "vue";
|
|
||||||
import { ElMessage, ElMessageBox } from "element-plus";
|
|
||||||
import {
|
|
||||||
getConfigList,
|
|
||||||
configSave,
|
|
||||||
getItemList,
|
|
||||||
deleteReward,
|
|
||||||
addReward,
|
|
||||||
getAwardsList,
|
|
||||||
sendPackCenter,
|
|
||||||
} from "@/api/giftPackCenter/giftPackCenter";
|
|
||||||
import PartitionSelect from "@/views/common/partitionSelect.vue";
|
|
||||||
export default {
|
|
||||||
name: "giftPackageConfiguration",
|
|
||||||
components: {
|
|
||||||
PartitionSelect,
|
|
||||||
},
|
|
||||||
setup () {
|
|
||||||
const formData = reactive({
|
|
||||||
pageNo: 1,
|
|
||||||
pageSize: 10,
|
|
||||||
});
|
|
||||||
const addFormData = reactive({
|
|
||||||
expireDay: "",
|
|
||||||
imgUrl: "",
|
|
||||||
packId: "",
|
|
||||||
status: "",
|
|
||||||
partitionId: undefined,
|
|
||||||
packNameZh: "",
|
|
||||||
packNameEn: "",
|
|
||||||
packNameAr: "",
|
|
||||||
packNameTr: "",
|
|
||||||
packNamePt: "",
|
|
||||||
packNameRu: "",
|
|
||||||
packNameEs: "",
|
|
||||||
packNameUz: "",
|
|
||||||
awardId: "",
|
|
||||||
erbanNo: "",
|
|
||||||
packNum: "",
|
|
||||||
remark: "",
|
|
||||||
});
|
|
||||||
const tableData = reactive({
|
|
||||||
data: [],
|
|
||||||
total: 0,
|
|
||||||
loading: false,
|
|
||||||
});
|
|
||||||
const tableDetailData = reactive({
|
|
||||||
data: [],
|
|
||||||
total: 0,
|
|
||||||
loading: false,
|
|
||||||
});
|
|
||||||
const awardsList = ref([]);
|
|
||||||
const addRewardDialog = ref(false);
|
|
||||||
const addDialog = ref(false);
|
|
||||||
const detailsDialog = ref(false);
|
|
||||||
const sendPackCenterDialog = ref(false);
|
|
||||||
const getRewardPackId = ref('');
|
|
||||||
const getData = () => {
|
|
||||||
tableData.loading = true;
|
|
||||||
getConfigList(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 addFun = () => {
|
|
||||||
const obj = {
|
|
||||||
expireDay: addFormData.expireDay,
|
|
||||||
imgUrl: addFormData.imgUrl,
|
|
||||||
status: addFormData.status,
|
|
||||||
packName: JSON.stringify({
|
|
||||||
zh: addFormData.packNameZh,
|
|
||||||
en: addFormData.packNameEn,
|
|
||||||
ar: addFormData.packNameAr,
|
|
||||||
tr: addFormData.packNameTr,
|
|
||||||
pt: addFormData.packNamePt,
|
|
||||||
ru: addFormData.packNameRu,
|
|
||||||
es: addFormData.packNameEs,
|
|
||||||
uz: addFormData.packNameUz,
|
|
||||||
}),
|
|
||||||
partitionId: addFormData.partitionId,
|
|
||||||
};
|
|
||||||
if (addFormData.packId) {
|
|
||||||
obj.packId = addFormData.packId;
|
|
||||||
}
|
|
||||||
configSave(obj).then((res) => {
|
|
||||||
if (res.code == 200) {
|
|
||||||
if (addFormData.packId) {
|
|
||||||
ElMessage.success("修改成功");
|
|
||||||
} else {
|
|
||||||
ElMessage.success("添加成功");
|
|
||||||
}
|
|
||||||
resetaddFormData();
|
|
||||||
addDialog.value = false;
|
|
||||||
getData();
|
|
||||||
} else {
|
|
||||||
ElMessage.error(res.message);
|
|
||||||
addDialog.value = false;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
};
|
|
||||||
// 重置
|
|
||||||
const resetaddFormData = () => {
|
|
||||||
Object.assign(addFormData, {
|
|
||||||
expireDay: "",
|
|
||||||
imgUrl: "",
|
|
||||||
packId: "",
|
|
||||||
status: "",
|
|
||||||
partitionId: undefined,
|
|
||||||
packNameZh: "",
|
|
||||||
packNameEn: "",
|
|
||||||
packNameAr: "",
|
|
||||||
packNameTr: "",
|
|
||||||
packNamePt: "",
|
|
||||||
packNameRu: "",
|
|
||||||
packNameEs: "",
|
|
||||||
packNameUz: "",
|
|
||||||
awardId: "",
|
|
||||||
erbanNo: "",
|
|
||||||
packNum: "",
|
|
||||||
remark: "",
|
|
||||||
});
|
|
||||||
};
|
|
||||||
// 编辑
|
|
||||||
const detailPageFun = (row) => {
|
|
||||||
Object.assign(addFormData, row);
|
|
||||||
if (row.packName) {
|
|
||||||
addFormData.packNameZh = JSON.parse(row.packName).zh;
|
|
||||||
addFormData.packNameEn = JSON.parse(row.packName).en;
|
|
||||||
addFormData.packNameAr = JSON.parse(row.packName).ar;
|
|
||||||
addFormData.packNameTr = JSON.parse(row.packName).tr;
|
|
||||||
addFormData.packNamePt = JSON.parse(row.packName).pt;
|
|
||||||
addFormData.packNameRu = JSON.parse(row.packName).ru;
|
|
||||||
addFormData.packNameEs = JSON.parse(row.packName).es;
|
|
||||||
addFormData.packNameUz = JSON.parse(row.packName).uz;
|
|
||||||
}
|
|
||||||
addDialog.value = true;
|
|
||||||
};
|
|
||||||
// 奖品列表
|
|
||||||
const getRewardList = (packId) => {
|
|
||||||
getRewardPackId.value = packId;
|
|
||||||
tableDetailData.loading = true;
|
|
||||||
getItemList({ packId }).then((res) => {
|
|
||||||
if (res.code == 200) {
|
|
||||||
tableDetailData.data = res.data;
|
|
||||||
tableDetailData.total = res.data.total;
|
|
||||||
tableDetailData.loading = false;
|
|
||||||
detailsDialog.value = true;
|
|
||||||
} else {
|
|
||||||
tableDetailData.loading = false;
|
|
||||||
ElMessage.error(res.message);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
};
|
|
||||||
// 奖品列表 - 删除奖品
|
|
||||||
const delPageFun = (itemId) => {
|
|
||||||
deleteReward({ itemId }).then((res) => {
|
|
||||||
if (res.code == 200) {
|
|
||||||
ElMessage.success("删除成功");
|
|
||||||
getRewardList(getRewardPackId.value);
|
|
||||||
} else {
|
|
||||||
ElMessage.error(res.message);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
};
|
|
||||||
const getAwardsFun = (partitionId) => {
|
|
||||||
getAwardsList({ partitionId }).then((res) => {
|
|
||||||
if (res.code == 200) {
|
|
||||||
awardsList.value = res.data;
|
|
||||||
addRewardDialog.value = true;
|
|
||||||
} else {
|
|
||||||
ElMessage.error(res.message);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
};
|
|
||||||
// 添加奖品
|
|
||||||
const addRewardFun = () => {
|
|
||||||
const { awardId, packId } = addFormData;
|
|
||||||
addReward({ awardId, packId }).then((res) => {
|
|
||||||
if (res.code == 200) {
|
|
||||||
ElMessage.success("添加成功");
|
|
||||||
addRewardDialog.value = false;
|
|
||||||
addFormData.awardId = "";
|
|
||||||
addFormData.packId = "";
|
|
||||||
} else {
|
|
||||||
ElMessage.error(res.message);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
};
|
|
||||||
// 赠送礼包
|
|
||||||
const sendPackCenterFun = () => {
|
|
||||||
let obj = {
|
|
||||||
erbanNo: addFormData.erbanNo,
|
|
||||||
packId: addFormData.packId,
|
|
||||||
packNum: addFormData.packNum,
|
|
||||||
remark: addFormData.remark,
|
|
||||||
};
|
|
||||||
sendPackCenter(obj).then((res) => {
|
|
||||||
if (res.code == 200) {
|
|
||||||
ElMessage.success("赠送成功");
|
|
||||||
sendPackCenterDialog.value = false;
|
|
||||||
resetaddFormData();
|
|
||||||
} else {
|
|
||||||
ElMessage.error(res.message);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
};
|
|
||||||
const // 解析json字段
|
|
||||||
getJsonField = (jsonStr, field) => {
|
|
||||||
try {
|
|
||||||
if (!jsonStr) return "";
|
|
||||||
const obj = JSON.parse(jsonStr);
|
|
||||||
return obj?.[field] || "";
|
|
||||||
} catch (e) {
|
|
||||||
console.error("JSON 解析失败:", jsonStr);
|
|
||||||
return "";
|
|
||||||
}
|
|
||||||
};
|
|
||||||
const handleSizeChange = (val) => {
|
|
||||||
formData.pageSize = val;
|
|
||||||
getData();
|
|
||||||
};
|
|
||||||
const handleCurrentChange = (val) => {
|
|
||||||
formData.pageNo = val;
|
|
||||||
getData();
|
|
||||||
};
|
|
||||||
const beforeAvatarUpload = () => {
|
|
||||||
ElMessage({
|
|
||||||
showClose: true,
|
|
||||||
message: "上传中~",
|
|
||||||
type: "warning",
|
|
||||||
});
|
|
||||||
};
|
|
||||||
const handleAvatarError = () => {
|
|
||||||
ElMessage({
|
|
||||||
showClose: true,
|
|
||||||
message: "上传失败!",
|
|
||||||
type: "error",
|
|
||||||
});
|
|
||||||
};
|
|
||||||
const handleAvatarSuccess = (res, file) => {
|
|
||||||
addFormData.imgUrl = file.response.data;
|
|
||||||
ElMessage({
|
|
||||||
showClose: true,
|
|
||||||
message: "上传成功!",
|
|
||||||
type: "success",
|
|
||||||
});
|
|
||||||
};
|
|
||||||
onMounted(() => {
|
|
||||||
getData();
|
|
||||||
});
|
|
||||||
return {
|
|
||||||
formData,
|
|
||||||
tableData,
|
|
||||||
getData,
|
|
||||||
handleSizeChange,
|
|
||||||
handleCurrentChange,
|
|
||||||
getJsonField,
|
|
||||||
addDialog,
|
|
||||||
addFormData,
|
|
||||||
addFun,
|
|
||||||
beforeAvatarUpload,
|
|
||||||
handleAvatarError,
|
|
||||||
handleAvatarSuccess,
|
|
||||||
detailPageFun,
|
|
||||||
tableDetailData,
|
|
||||||
detailsDialog,
|
|
||||||
getRewardList,
|
|
||||||
delPageFun,
|
|
||||||
addRewardFun,
|
|
||||||
addRewardDialog,
|
|
||||||
getAwardsFun,
|
|
||||||
awardsList,
|
|
||||||
resetaddFormData,
|
|
||||||
sendPackCenterDialog,
|
|
||||||
sendPackCenterFun,
|
|
||||||
getRewardPackId
|
|
||||||
};
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</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>
|
|
||||||
@@ -1,219 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="box">
|
|
||||||
<div class="inquire">
|
|
||||||
<span>用户ID:</span>
|
|
||||||
<el-input v-model="formData.erbanNo"
|
|
||||||
placeholder=""
|
|
||||||
class="input" />
|
|
||||||
</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="packId"
|
|
||||||
align="center"
|
|
||||||
label="礼包ID" />
|
|
||||||
<el-table-column prop="partitionDesc"
|
|
||||||
align="center"
|
|
||||||
label="分区" />
|
|
||||||
<el-table-column prop="packName"
|
|
||||||
align="center"
|
|
||||||
label="礼包名称-华语区">
|
|
||||||
<template v-slot="scope">{{
|
|
||||||
getJsonField(scope.row.packName, "zh")
|
|
||||||
}}</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="packName"
|
|
||||||
align="center"
|
|
||||||
label="礼包名称-英语区">
|
|
||||||
<template v-slot="scope">{{
|
|
||||||
getJsonField(scope.row.packName, "en")
|
|
||||||
}}</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="packName"
|
|
||||||
align="center"
|
|
||||||
label="礼包名称-阿语区">
|
|
||||||
<template v-slot="scope">{{
|
|
||||||
getJsonField(scope.row.packName, "ar")
|
|
||||||
}}</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="packName"
|
|
||||||
align="center"
|
|
||||||
label="礼包名称-土耳其区">
|
|
||||||
<template v-slot="scope">{{
|
|
||||||
getJsonField(scope.row.packName, "tr")
|
|
||||||
}}</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="packName"
|
|
||||||
align="center"
|
|
||||||
label="礼包名称-葡萄牙语区">
|
|
||||||
<template v-slot="scope">{{
|
|
||||||
getJsonField(scope.row.packName, "pt")
|
|
||||||
}}</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="packName"
|
|
||||||
align="center"
|
|
||||||
label="礼包名称-俄语">
|
|
||||||
<template v-slot="scope">{{
|
|
||||||
getJsonField(scope.row.packName, "ru")
|
|
||||||
}}</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="packName"
|
|
||||||
align="center"
|
|
||||||
label="礼包名称-西班牙语">
|
|
||||||
<template v-slot="scope">{{
|
|
||||||
getJsonField(scope.row.packName, "es")
|
|
||||||
}}</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="packName"
|
|
||||||
align="center"
|
|
||||||
label="礼包名称-乌兹别克语">
|
|
||||||
<template v-slot="scope">{{
|
|
||||||
getJsonField(scope.row.packName, "uz")
|
|
||||||
}}</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="targeErbanNo"
|
|
||||||
align="center"
|
|
||||||
label="赠送用户ID" />
|
|
||||||
<el-table-column prop="targeNick"
|
|
||||||
align="center"
|
|
||||||
label="赠送用户昵称" />
|
|
||||||
<el-table-column prop="packNum"
|
|
||||||
align="center"
|
|
||||||
label="赠送/使用数量" />
|
|
||||||
<el-table-column prop="packNum"
|
|
||||||
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"
|
|
||||||
:current-page="formData.pageNo"
|
|
||||||
:page-size="formData.pageSize"
|
|
||||||
:page-sizes="[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, computed } from "vue";
|
|
||||||
import { ElMessage, ElMessageBox } from "element-plus";
|
|
||||||
import { getUseRecordList } from "@/api/giftPackCenter/giftPackCenter";
|
|
||||||
export default {
|
|
||||||
name: "usageRecord",
|
|
||||||
setup () {
|
|
||||||
const formData = reactive({
|
|
||||||
pageNo: 1,
|
|
||||||
pageSize: 10,
|
|
||||||
erbanNo: "",
|
|
||||||
});
|
|
||||||
const tableData = reactive({
|
|
||||||
data: [],
|
|
||||||
total: 0,
|
|
||||||
loading: false,
|
|
||||||
});
|
|
||||||
const getData = () => {
|
|
||||||
tableData.loading = true;
|
|
||||||
getUseRecordList(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 // 解析json字段
|
|
||||||
getJsonField = (jsonStr, field) => {
|
|
||||||
try {
|
|
||||||
if (!jsonStr) return "";
|
|
||||||
const obj = JSON.parse(jsonStr);
|
|
||||||
return obj?.[field] || "";
|
|
||||||
} catch (e) {
|
|
||||||
console.error("JSON 解析失败:", jsonStr);
|
|
||||||
return "";
|
|
||||||
}
|
|
||||||
};
|
|
||||||
const convertTimestamp = (time) => {
|
|
||||||
let date = new Date(time);
|
|
||||||
return date.format("yyyy-MM-dd hh:mm:ss");
|
|
||||||
};
|
|
||||||
return {
|
|
||||||
formData,
|
|
||||||
tableData,
|
|
||||||
getData,
|
|
||||||
getJsonField,
|
|
||||||
convertTimestamp
|
|
||||||
};
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</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>
|
|
||||||
@@ -1,280 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="box">
|
|
||||||
<!-- 表格数据 -->
|
|
||||||
<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="reachNum"
|
|
||||||
align="center"
|
|
||||||
label="公会成员达到人数"
|
|
||||||
/>
|
|
||||||
<el-table-column
|
|
||||||
prop="receiveNum"
|
|
||||||
align="center"
|
|
||||||
label="公会成员领取人数"
|
|
||||||
>
|
|
||||||
<template v-slot="scope">
|
|
||||||
<el-button @click="detailFun(scope.row)" type="text" size="small">
|
|
||||||
{{ scope.row.receiveNum }}
|
|
||||||
</el-button>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="guildMemberNumn"
|
|
||||||
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="dailydetailDialog"
|
|
||||||
title="日任务奖励领取明细"
|
|
||||||
width="60%"
|
|
||||||
center
|
|
||||||
>
|
|
||||||
<div>
|
|
||||||
<div class="inquire">
|
|
||||||
<span>用户ID:</span>
|
|
||||||
<el-input v-model="detailData.erbanNo" placeholder="" class="input" />
|
|
||||||
</div>
|
|
||||||
<div class="inquire">
|
|
||||||
<span>设备:</span>
|
|
||||||
<el-input
|
|
||||||
v-model="detailData.deviceId"
|
|
||||||
placeholder="支持模糊搜索"
|
|
||||||
class="input"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<div class="inquire">
|
|
||||||
<span>IP:</span>
|
|
||||||
<el-input
|
|
||||||
v-model="detailData.ip"
|
|
||||||
placeholder="支持模糊搜索"
|
|
||||||
class="input"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<el-button style="" type="primary" @click="detailFun()">查询</el-button>
|
|
||||||
<el-button style="" type="primary" @click="confirmExport2Excel()"
|
|
||||||
>导出</el-button
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
<el-table
|
|
||||||
:data="detailtableData.data"
|
|
||||||
style="width: 100%; margin-top: 30px"
|
|
||||||
ref="multipleTable"
|
|
||||||
border
|
|
||||||
>
|
|
||||||
<el-table-column prop="guildId" align="center" label="公会ID" />
|
|
||||||
<el-table-column prop="erbanNo" align="center" label="用户ID" />
|
|
||||||
<el-table-column prop="uid" align="center" label="用户UID" />
|
|
||||||
<el-table-column prop="deviceId" align="center" label="领取设备" />
|
|
||||||
<el-table-column prop="ip" align="center" label="领取IP" />
|
|
||||||
<el-table-column prop="statusStr" align="center" label="主播状态" />
|
|
||||||
<el-table-column prop="receiveTime" align="center" label="领取时间" />
|
|
||||||
</el-table>
|
|
||||||
<el-pagination
|
|
||||||
style="margin-top: 10px"
|
|
||||||
class="paginationClass"
|
|
||||||
:current-page="detailData.pageNo"
|
|
||||||
:page-size="detailData.pageSize"
|
|
||||||
:page-sizes="[10, 20, 50, 100, 200]"
|
|
||||||
layout="sizes, prev, pager, next"
|
|
||||||
:total="detailtableData.total"
|
|
||||||
@size-change="handleSizeChangeDetail"
|
|
||||||
@current-change="handleCurrentChangeDetail"
|
|
||||||
/>
|
|
||||||
<template #footer>
|
|
||||||
<span class="dialog-footer">
|
|
||||||
<el-button type="primary" @click="dailydetailDialog = false">
|
|
||||||
关闭
|
|
||||||
</el-button>
|
|
||||||
</span>
|
|
||||||
</template>
|
|
||||||
</el-dialog>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
export default {
|
|
||||||
name: "DailyTaskRewardCollection",
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
<script setup>
|
|
||||||
import { ref, onMounted, reactive, computed } from "vue";
|
|
||||||
import { ElMessage, ElMessageBox } from "element-plus";
|
|
||||||
import { formatDate } from "@/utils/relDate";
|
|
||||||
import { dateFormat } from "@/utils/system-helper";
|
|
||||||
import {
|
|
||||||
getDailyTaskCoinRecvNums,
|
|
||||||
getDailyTaskcoinRecvDetail,
|
|
||||||
exportMiniGameDetail,
|
|
||||||
} from "@/api/DailyTaskRewardCollection/DailyTaskRewardCollection";
|
|
||||||
const formData = reactive({
|
|
||||||
pageNo: 1,
|
|
||||||
pageSize: 10,
|
|
||||||
});
|
|
||||||
const tableData = reactive({
|
|
||||||
data: [],
|
|
||||||
total: 0,
|
|
||||||
loading: false,
|
|
||||||
});
|
|
||||||
const detailData = reactive({
|
|
||||||
partitionId: "",
|
|
||||||
statDate: "",
|
|
||||||
pageNo: 1,
|
|
||||||
pageSize: 10,
|
|
||||||
deviceId: "",
|
|
||||||
ip: "",
|
|
||||||
erbanNo: "",
|
|
||||||
});
|
|
||||||
const detailtableData = reactive({
|
|
||||||
data: [],
|
|
||||||
total: 0,
|
|
||||||
loading: false,
|
|
||||||
});
|
|
||||||
const dailydetailDialog = ref(false);
|
|
||||||
|
|
||||||
// 查询
|
|
||||||
const getData = () => {
|
|
||||||
tableData.loading = true;
|
|
||||||
getDailyTaskCoinRecvNums(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 detailFun = (row) => {
|
|
||||||
if (row) {
|
|
||||||
detailData.partitionId = row.partitionId;
|
|
||||||
detailData.statDate = row.statDate;
|
|
||||||
}
|
|
||||||
getDailyTaskcoinRecvDetail(detailData).then((res) => {
|
|
||||||
if (res.code == 200) {
|
|
||||||
detailtableData.data = res.data.rows;
|
|
||||||
detailtableData.loading = false;
|
|
||||||
detailtableData.total = res.data.total;
|
|
||||||
dailydetailDialog.value = true;
|
|
||||||
} else {
|
|
||||||
ElMessage.error(res.message);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
};
|
|
||||||
// 导出
|
|
||||||
const confirmExport2Excel = async () => {
|
|
||||||
try {
|
|
||||||
const res = await exportMiniGameDetail(detailData);
|
|
||||||
if (res) {
|
|
||||||
ElMessage({
|
|
||||||
message: "导出成功",
|
|
||||||
type: "success",
|
|
||||||
});
|
|
||||||
let time = formatDate(new Date());
|
|
||||||
let alink = document.createElement("a");
|
|
||||||
alink.download = `日任务奖励领取明细${time}.xls`;
|
|
||||||
alink.style.display = "none";
|
|
||||||
const blob = new Blob([res]);
|
|
||||||
alink.href = URL.createObjectURL(blob);
|
|
||||||
document.body.appendChild(alink);
|
|
||||||
alink.click();
|
|
||||||
URL.revokeObjectURL(alink.href);
|
|
||||||
}
|
|
||||||
} catch (error) {
|
|
||||||
ElMessage({
|
|
||||||
message: error.message,
|
|
||||||
type: "error",
|
|
||||||
});
|
|
||||||
}
|
|
||||||
};
|
|
||||||
const handleSizeChange = (val) => {
|
|
||||||
formData.pageSize = val;
|
|
||||||
getData();
|
|
||||||
};
|
|
||||||
const handleCurrentChange = (val) => {
|
|
||||||
formData.pageNo = val;
|
|
||||||
getData();
|
|
||||||
};
|
|
||||||
const handleSizeChangeDetail = (val) => {
|
|
||||||
detailData.pageSize = val;
|
|
||||||
detailFun();
|
|
||||||
};
|
|
||||||
const handleCurrentChangeDetail = (val) => {
|
|
||||||
detailData.pageNo = val;
|
|
||||||
detailFun();
|
|
||||||
};
|
|
||||||
onMounted(() => {
|
|
||||||
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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.selectBox {
|
|
||||||
display: flex;
|
|
||||||
height: 35px;
|
|
||||||
line-height: 35px;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.selectBoxImg {
|
|
||||||
height: 150px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.avatar {
|
|
||||||
width: 178px;
|
|
||||||
height: 178px;
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
File diff suppressed because it is too large
Load Diff
@@ -1,283 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="box">
|
|
||||||
<div class="inquire">
|
|
||||||
<span>公会ID:</span>
|
|
||||||
<el-input v-model="formData.guildId" placeholder="" class="input" />
|
|
||||||
</div>
|
|
||||||
<div class="inquire">
|
|
||||||
<span>公会长ID:</span>
|
|
||||||
<el-input v-model="formData.ownerErbanNo" placeholder="" class="input" />
|
|
||||||
</div>
|
|
||||||
<div class="inquire">
|
|
||||||
<span>主播ID:</span>
|
|
||||||
<el-input v-model="formData.erbanNo" placeholder="" class="input" />
|
|
||||||
</div>
|
|
||||||
<div class="inquire">
|
|
||||||
<span>周期</span>
|
|
||||||
<el-select
|
|
||||||
v-model="selectedDate"
|
|
||||||
placeholder="请选择"
|
|
||||||
@change="handleDateChange"
|
|
||||||
clearable
|
|
||||||
value-key="cycleDate"
|
|
||||||
>
|
|
||||||
<el-option
|
|
||||||
v-for="item in dateCycleArr"
|
|
||||||
:key="item.cycleDate"
|
|
||||||
:label="item.intervalFormatter"
|
|
||||||
:value="item"
|
|
||||||
>
|
|
||||||
</el-option>
|
|
||||||
</el-select>
|
|
||||||
</div>
|
|
||||||
<el-button style="" type="primary" @click="getData()">查询</el-button>
|
|
||||||
<el-button style="" type="primary" @click="confirmExportExcel()"
|
|
||||||
>导出</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="guildId" align="center" label="公会ID" />
|
|
||||||
<el-table-column prop="guildName" align="center" label="公会昵称" />
|
|
||||||
<el-table-column prop="erbanNo" align="center" label="主播ID" />
|
|
||||||
<el-table-column prop="nick" align="center" label="主播昵称" />
|
|
||||||
<el-table-column prop="diamondNum" align="center" label="钻石收入" />
|
|
||||||
<el-table-column
|
|
||||||
prop="micMinutes"
|
|
||||||
align="center"
|
|
||||||
label="活跃时长(分钟)"
|
|
||||||
/>
|
|
||||||
<el-table-column prop="micDay" align="center" label="有效天数">
|
|
||||||
<template v-slot="scope">
|
|
||||||
<el-button @click="micDayDetail(scope.row)" type="text" size="small">
|
|
||||||
{{ scope.row.micDay }}
|
|
||||||
</el-button>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="anchorDiamondSalary"
|
|
||||||
align="center"
|
|
||||||
label="主播钻石薪资"
|
|
||||||
/>
|
|
||||||
<el-table-column
|
|
||||||
prop="anchorMicSalary"
|
|
||||||
align="center"
|
|
||||||
label="主播时长薪资"
|
|
||||||
/>
|
|
||||||
<el-table-column prop="ownerSalary" 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="30%" center>
|
|
||||||
<!-- 内表格 -->
|
|
||||||
<el-table
|
|
||||||
v-loading="tableDataIn.loading"
|
|
||||||
:data="tableDataIn.data"
|
|
||||||
border
|
|
||||||
style="width: 100%; margin-top: 25px"
|
|
||||||
>
|
|
||||||
<el-table-column prop="statDate" align="center" label="日期" />
|
|
||||||
<el-table-column
|
|
||||||
prop="micMinutes"
|
|
||||||
align="center"
|
|
||||||
label="活跃时长(分钟)"
|
|
||||||
/>
|
|
||||||
<el-table-column prop="day" align="center" label="是否有效">
|
|
||||||
<template v-slot="scope">
|
|
||||||
{{ scope.row.micDay >= 1 ? "有效" : "无效" }}
|
|
||||||
</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>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
export default {
|
|
||||||
name: "SalaryDetails",
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
<script setup>
|
|
||||||
import { ref, onMounted, reactive, computed } from "vue";
|
|
||||||
import { ElMessage, ElMessageBox } from "element-plus";
|
|
||||||
import {
|
|
||||||
getGuildPolicyQueryMemberPage,
|
|
||||||
exportQueryMember,
|
|
||||||
getGuildPolicyCycleDates,
|
|
||||||
getGuildPolicyMicDayDetail,
|
|
||||||
} from "@/api/SalaryDetails/SalaryDetails.js";
|
|
||||||
import { formatDate } from "@/utils/relDate";
|
|
||||||
const formData = reactive({
|
|
||||||
pageNo: 1,
|
|
||||||
pageSize: 10,
|
|
||||||
erbanNo: "",
|
|
||||||
guildId: "",
|
|
||||||
ownerErbanNo: "",
|
|
||||||
endDate: "",
|
|
||||||
startDate: "",
|
|
||||||
});
|
|
||||||
const selectedDate = ref(null);
|
|
||||||
const tableData = reactive({
|
|
||||||
data: [],
|
|
||||||
total: 0,
|
|
||||||
loading: false,
|
|
||||||
});
|
|
||||||
const tableDataIn = reactive({
|
|
||||||
data: [],
|
|
||||||
loading: false,
|
|
||||||
});
|
|
||||||
const dateCycleArr = ref([]);
|
|
||||||
const detailsDialog = ref(false);
|
|
||||||
// 下拉选择
|
|
||||||
const handleDateChange = (val) => {
|
|
||||||
formData.startDate = val.startDate;
|
|
||||||
formData.endDate = val.endDate;
|
|
||||||
};
|
|
||||||
// 查询
|
|
||||||
const getData = () => {
|
|
||||||
tableData.loading = true;
|
|
||||||
getGuildPolicyQueryMemberPage(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 micDayDetail = (row) => {
|
|
||||||
getGuildPolicyMicDayDetail({
|
|
||||||
guildMemberId: row.guildMemberId,
|
|
||||||
endDate: formData.endDate,
|
|
||||||
startDate: formData.startDate,
|
|
||||||
}).then((res) => {
|
|
||||||
if (res.code == 200) {
|
|
||||||
tableDataIn.data = res.data;
|
|
||||||
tableDataIn.loading = false;
|
|
||||||
detailsDialog.value = true;
|
|
||||||
} else {
|
|
||||||
tableDataIn.loading = false;
|
|
||||||
ElMessage.error(res.message);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
};
|
|
||||||
// 导出
|
|
||||||
const confirmExportExcel = async () => {
|
|
||||||
// Object.assign(formData, { pageSize: 10000, pageNo: 1 });
|
|
||||||
try {
|
|
||||||
const res = await exportQueryMember(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 handleSizeChange = (val) => {
|
|
||||||
formData.pageSize = val;
|
|
||||||
getData();
|
|
||||||
};
|
|
||||||
const handleCurrentChange = (val) => {
|
|
||||||
formData.pageNo = val;
|
|
||||||
getData();
|
|
||||||
};
|
|
||||||
onMounted(() => {
|
|
||||||
getGuildPolicyCycleDates().then((res) => {
|
|
||||||
if (res.code == 200) {
|
|
||||||
dateCycleArr.value = res.data;
|
|
||||||
} else {
|
|
||||||
ElMessage({
|
|
||||||
showClose: true,
|
|
||||||
message: res.message,
|
|
||||||
type: "error",
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
|
||||||
</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;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -3,142 +3,142 @@
|
|||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="region-box">
|
<div class="region-box">
|
||||||
<el-radio-group v-model="region">
|
<el-radio-group v-model="region">
|
||||||
<el-radio v-for="(item, index) in userAreaRegion"
|
<el-radio
|
||||||
|
v-for="(item, index) in userAreaRegion"
|
||||||
:key="index"
|
:key="index"
|
||||||
:label="item.value">{{ item.name }}</el-radio>
|
:label="item.value"
|
||||||
|
>{{ item.name }}</el-radio
|
||||||
|
>
|
||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
</div>
|
</div>
|
||||||
<div class="handle-box">
|
<div class="handle-box">
|
||||||
<el-form ref="searchForm"
|
<el-form
|
||||||
|
ref="searchForm"
|
||||||
:model="searchForm"
|
:model="searchForm"
|
||||||
:rules="searchRule"
|
:rules="searchRule"
|
||||||
label-width="90px"
|
label-width="90px"
|
||||||
:disabled="tableLoading">
|
:disabled="tableLoading"
|
||||||
|
>
|
||||||
<div class="search-line">
|
<div class="search-line">
|
||||||
<el-form-item label="分区"
|
<el-form-item label="分区" prop="partitionId">
|
||||||
prop="partitionId">
|
<el-select v-model="searchForm.partitionId" placeholder="请选择">
|
||||||
<partition-select v-model:partition-id="searchForm.partitionId"
|
<el-option
|
||||||
v-model:partition-infos="partitionArr" />
|
v-for="item in partitionArr"
|
||||||
|
:key="item.id"
|
||||||
|
:label="item.desc"
|
||||||
|
:value="item.id"
|
||||||
|
>
|
||||||
|
</el-option>
|
||||||
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="地区"
|
<el-form-item label="公会ID" prop="agencyId">
|
||||||
prop="regionId">
|
<el-input
|
||||||
<partition-region-select v-model:partition-id="searchForm.partitionId"
|
v-model.trim="searchForm.agencyId"
|
||||||
v-model:region-id="searchForm.regionId"
|
placeholder="请输入"
|
||||||
v-model:after-init="getData" />
|
></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="公会ID"
|
<el-form-item label="公会长ID" prop="agencyOwnerId">
|
||||||
prop="agencyId">
|
<el-input
|
||||||
<el-input v-model.trim="searchForm.agencyId"
|
v-model.trim="searchForm.agencyOwnerId"
|
||||||
placeholder="请输入"></el-input>
|
placeholder="请输入"
|
||||||
|
></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="公会长ID"
|
<el-form-item label="周期" prop="dateCycle">
|
||||||
prop="agencyOwnerId">
|
<el-select placeholder="请选择" v-model="searchForm.dateCycle">
|
||||||
<el-input v-model.trim="searchForm.agencyOwnerId"
|
<el-option
|
||||||
placeholder="请输入"></el-input>
|
v-for="(item, i) in dateCycleList"
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="周期"
|
|
||||||
prop="dateCycle">
|
|
||||||
<el-select placeholder="请选择"
|
|
||||||
v-model="searchForm.dateCycle">
|
|
||||||
<el-option v-for="(item, i) in dateCycleList"
|
|
||||||
:key="i"
|
:key="i"
|
||||||
:label="item.startDateStr + '~' + item.endDateStr"
|
:label="item.startDateStr + '~' + item.endDateStr"
|
||||||
:value="item.dateCycle"></el-option>
|
:value="item.dateCycle"
|
||||||
|
></el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
||||||
<el-form-item label-width="40px">
|
<el-form-item label-width="40px">
|
||||||
<el-button type="primary"
|
<el-button type="primary" @click="handSearch">搜索</el-button>
|
||||||
@click="handSearch">搜索</el-button>
|
<el-button plain @click="resetSearchForm">重置搜索</el-button>
|
||||||
<el-button plain
|
|
||||||
@click="resetSearchForm">重置搜索</el-button>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</div>
|
</div>
|
||||||
</el-form>
|
</el-form>
|
||||||
<el-button type="primary"
|
<el-button type="primary" class="exportBtn" @click="confirmExport2Excel"
|
||||||
class="exportBtn"
|
>导出</el-button
|
||||||
@click="confirmExport2Excel">导出</el-button>
|
>
|
||||||
</div>
|
</div>
|
||||||
<div class="table">
|
<div class="table">
|
||||||
<el-table :data="tableData"
|
<el-table
|
||||||
|
:data="tableData"
|
||||||
border
|
border
|
||||||
v-loading="tableLoading"
|
v-loading="tableLoading"
|
||||||
@header-click="headerCopy"
|
@header-click="headerCopy"
|
||||||
style="width: 100%">
|
style="width: 100%"
|
||||||
|
>
|
||||||
<!-- <el-table-column align="center" prop="region" label="区服">
|
<!-- <el-table-column align="center" prop="region" label="区服">
|
||||||
<template v-slot="scope">
|
<template v-slot="scope">
|
||||||
{{ regionType(scope.row.region) }}
|
{{ regionType(scope.row.region) }}
|
||||||
</template>
|
</template>
|
||||||
</el-table-column> -->
|
</el-table-column> -->
|
||||||
<el-table-column align="center"
|
<el-table-column align="center" prop="partitionDesc" label="分区"> </el-table-column>
|
||||||
prop="partitionDesc"
|
<el-table-column align="center" prop="agencyId" label="公会ID">
|
||||||
label="分区"> </el-table-column>
|
|
||||||
<el-table-column align="center"
|
|
||||||
prop="agencyId"
|
|
||||||
label="公会ID">
|
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column align="center"
|
<el-table-column align="center" prop="agencyName" label="公会名称">
|
||||||
prop="agencyName"
|
|
||||||
label="公会名称">
|
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column align="center"
|
<el-table-column
|
||||||
|
align="center"
|
||||||
prop="hallMemberCount"
|
prop="hallMemberCount"
|
||||||
label="主播人数">
|
label="主播人数"
|
||||||
|
>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- <el-table-column align="center" prop="agencyAbbr" label="公会国家"> </el-table-column> -->
|
<!-- <el-table-column align="center" prop="agencyAbbr" label="公会国家"> </el-table-column> -->
|
||||||
<el-table-column align="center"
|
<el-table-column align="center" prop="agencyErbanNo" label="公会长ID">
|
||||||
prop="agencyErbanNo"
|
|
||||||
label="公会长ID">
|
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column align="center"
|
<el-table-column align="center" prop="energyValue" label="总钻石流水">
|
||||||
prop="agencyRegionName"
|
|
||||||
label="公会长地区">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column align="center"
|
|
||||||
prop="energyValue"
|
|
||||||
label="总钻石流水">
|
|
||||||
<template v-slot="scope">
|
<template v-slot="scope">
|
||||||
{{
|
{{
|
||||||
scope.row.energyValue
|
scope.row.energyValue
|
||||||
|
? scope.row.energyValue.toLocaleString()
|
||||||
|
: "null"
|
||||||
}}
|
}}
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column align="center"
|
<el-table-column
|
||||||
|
align="center"
|
||||||
prop="salaryRate"
|
prop="salaryRate"
|
||||||
label="公会长薪资比例">
|
label="公会长薪资比例"
|
||||||
|
>
|
||||||
<template v-slot="scope">
|
<template v-slot="scope">
|
||||||
{{ scope.row.salaryRate ? scope.row.salaryRate + "%" : "0%" }}
|
{{ scope.row.salaryRate ? scope.row.salaryRate + "%" : "0%" }}
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column align="center"
|
<el-table-column align="center" prop="hallSalary" label="公会长薪资">
|
||||||
prop="hallSalary"
|
|
||||||
label="公会长薪资">
|
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
</div>
|
</div>
|
||||||
<table-pagination :pageParams="pageParams"
|
<table-pagination
|
||||||
|
:pageParams="pageParams"
|
||||||
:pageTotal="pageTotal"
|
:pageTotal="pageTotal"
|
||||||
:page-sizes="[10, 20, 100, 200]"
|
:page-sizes="[10, 20, 100, 200]"
|
||||||
@handleSizeChange="handleSizeChange"
|
@handleSizeChange="handleSizeChange"
|
||||||
@handlePageChange="handlePageChange"></table-pagination>
|
@handlePageChange="handlePageChange"
|
||||||
|
></table-pagination>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script lang=js>
|
<script lang=js>
|
||||||
import { getDateCycleList, getAgencyDiamondFlow, agencyDiamondFlowExport } from '@/api/relAgency/relAgency.js';
|
import { getDateCycleList, getAgencyDiamondFlow, agencyDiamondFlowExport,listPartitionInfo } from '@/api/relAgency/relAgency.js';
|
||||||
import TablePagination from '@/components/common/TablePagination';
|
import TablePagination from '@/components/common/TablePagination';
|
||||||
import { formatDate, formatDateYMD } from '@/utils/relDate';
|
import { formatDate, formatDateYMD } from '@/utils/relDate';
|
||||||
// @ts-ignore
|
// @ts-ignore
|
||||||
import { ElMessage } from "element-plus";
|
import { ElMessage } from "element-plus";
|
||||||
import { ElMessageBox } from 'element-plus';
|
import { ref } from 'vue'; // 引入 ref
|
||||||
import PartitionSelect from "@/views/common/partitionSelect.vue"; // 正确引入 ElM
|
import { ElMessageBox } from 'element-plus'; // 正确引入 ElM
|
||||||
import PartitionRegionSelect from "@/views/common/partitionRegionSelect.vue"; // 正确引入 ElM
|
|
||||||
// 混入
|
// 混入
|
||||||
|
// import Mixin from '../../mixin/mixRegion.js';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: "agencyDiamondFlow",
|
name: "agencyDiamondFlow",
|
||||||
components: {PartitionSelect, TablePagination },
|
// mixins: [Mixin],
|
||||||
|
components: { TablePagination },
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
partitionArr: [],
|
partitionArr: [],
|
||||||
@@ -158,8 +158,7 @@ export default {
|
|||||||
agencyId: null,
|
agencyId: null,
|
||||||
dateCycle: null,
|
dateCycle: null,
|
||||||
region: null,
|
region: null,
|
||||||
partitionId: undefined,
|
partitionId: "",
|
||||||
regionId: undefined,
|
|
||||||
},
|
},
|
||||||
searchRule: {
|
searchRule: {
|
||||||
startTime: [
|
startTime: [
|
||||||
@@ -192,20 +191,19 @@ export default {
|
|||||||
};
|
};
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
|
listPartitionInfo().then((res) => {
|
||||||
|
this.partitionArr = res.data;
|
||||||
|
this.searchForm.partitionId=this.partitionArr[0].id;
|
||||||
|
});
|
||||||
this.getDateCycleList();
|
this.getDateCycleList();
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
getDateCycleList() {
|
getDateCycleList() {
|
||||||
getDateCycleList({ month: 3 }).then((res) => {
|
getDateCycleList({ month: 3 }).then((res) => {
|
||||||
this.dateCycleList = res.data || [];
|
this.dateCycleList = res.data || [];
|
||||||
this.searchForm.dateCycle = res.data? this.dateCycleList[0].dateCycle: undefined;
|
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
getData() {
|
getData() {
|
||||||
if (!this.searchForm.dateCycle) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
this.tableLoading = true;
|
this.tableLoading = true;
|
||||||
|
|
||||||
let { pageParams, searchForm } = this;
|
let { pageParams, searchForm } = this;
|
||||||
@@ -296,6 +294,7 @@ export default {
|
|||||||
},
|
},
|
||||||
// 分页导航
|
// 分页导航
|
||||||
handleSizeChange(val) {
|
handleSizeChange(val) {
|
||||||
|
console.log(val);
|
||||||
this.pageParams.pageSize = val;
|
this.pageParams.pageSize = val;
|
||||||
this.getData();
|
this.getData();
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -11,10 +11,15 @@
|
|||||||
>
|
>
|
||||||
<div class="search-line">
|
<div class="search-line">
|
||||||
<el-form-item label="分区" prop="partitionId">
|
<el-form-item label="分区" prop="partitionId">
|
||||||
<partition-select v-model:partition-id="searchForm.partitionId"
|
<el-select v-model="searchForm.partitionId" placeholder="请选择">
|
||||||
v-model:partition-infos="partitionArr"
|
<el-option
|
||||||
v-model:after-init="getData"
|
v-for="item in partitionArr"
|
||||||
/>
|
:key="item.id"
|
||||||
|
:label="item.desc"
|
||||||
|
:value="item.id"
|
||||||
|
>
|
||||||
|
</el-option>
|
||||||
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="充值代理ID" prop="chargeAgentErbanNo">
|
<el-form-item label="充值代理ID" prop="chargeAgentErbanNo">
|
||||||
<el-input
|
<el-input
|
||||||
@@ -45,7 +50,6 @@
|
|||||||
></el-date-picker>
|
></el-date-picker>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<div class='title'>统计时间按照东八区统计。东三区时间筛选需要增加5小时!!!!!</div>
|
|
||||||
|
|
||||||
<el-form-item label-width="40px">
|
<el-form-item label-width="40px">
|
||||||
<el-button type="primary" @click="handSearch">搜索</el-button>
|
<el-button type="primary" @click="handSearch">搜索</el-button>
|
||||||
@@ -100,10 +104,13 @@
|
|||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="createTimeStr"
|
prop="createTime"
|
||||||
label="创建时间"
|
label="创建时间"
|
||||||
width="160"
|
width="160"
|
||||||
>
|
>
|
||||||
|
<template v-slot="scope">
|
||||||
|
{{ convertTimestamp(scope.row.createTime) }}
|
||||||
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
</div>
|
</div>
|
||||||
@@ -122,6 +129,7 @@
|
|||||||
import {
|
import {
|
||||||
chargeAgentList,
|
chargeAgentList,
|
||||||
chargeAgentSum,
|
chargeAgentSum,
|
||||||
|
listPartitionInfo,
|
||||||
chargeAgentExport,
|
chargeAgentExport,
|
||||||
} from "@/api/relAgency/relAgency.js";
|
} from "@/api/relAgency/relAgency.js";
|
||||||
import TablePagination from "@/components/common/TablePagination";
|
import TablePagination from "@/components/common/TablePagination";
|
||||||
@@ -130,10 +138,9 @@ import { dateFormat } from "@/utils/system-helper";
|
|||||||
// @ts-ignore
|
// @ts-ignore
|
||||||
import { ElMessage } from "element-plus";
|
import { ElMessage } from "element-plus";
|
||||||
import { ref } from "vue";
|
import { ref } from "vue";
|
||||||
import PartitionSelect from "@/views/common/partitionSelect.vue";
|
|
||||||
export default {
|
export default {
|
||||||
name: "agentSendSalary",
|
name: "agentSendSalary",
|
||||||
components: {PartitionSelect, TablePagination },
|
components: { TablePagination },
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
total: 0,
|
total: 0,
|
||||||
@@ -152,7 +159,7 @@ export default {
|
|||||||
chargeAgentErbanNo: null,
|
chargeAgentErbanNo: null,
|
||||||
startTime: null,
|
startTime: null,
|
||||||
endTime: null,
|
endTime: null,
|
||||||
partitionId: undefined,
|
partitionId: "",
|
||||||
},
|
},
|
||||||
partitionArr: [],
|
partitionArr: [],
|
||||||
searchRule: {
|
searchRule: {
|
||||||
@@ -185,6 +192,13 @@ export default {
|
|||||||
},
|
},
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
|
created() {
|
||||||
|
// this.getData();
|
||||||
|
listPartitionInfo().then((res) => {
|
||||||
|
this.partitionArr = res.data;
|
||||||
|
this.searchForm.partitionId = this.partitionArr[0].id;
|
||||||
|
});
|
||||||
|
},
|
||||||
methods: {
|
methods: {
|
||||||
getData() {
|
getData() {
|
||||||
this.tableLoading = true;
|
this.tableLoading = true;
|
||||||
@@ -292,7 +306,21 @@ export default {
|
|||||||
headerCopy(column, e) {
|
headerCopy(column, e) {
|
||||||
this.$copy(column.label);
|
this.$copy(column.label);
|
||||||
},
|
},
|
||||||
}
|
},
|
||||||
|
computed: {
|
||||||
|
convertTimestamp1() {
|
||||||
|
return function (time) {
|
||||||
|
let date = new Date(time);
|
||||||
|
return formatDateYMD(date);
|
||||||
|
};
|
||||||
|
},
|
||||||
|
convertTimestamp() {
|
||||||
|
return function (time) {
|
||||||
|
let date = new Date(time);
|
||||||
|
return formatDate(date);
|
||||||
|
};
|
||||||
|
},
|
||||||
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -309,10 +337,4 @@ export default {
|
|||||||
.search-line {
|
.search-line {
|
||||||
width: 38%;
|
width: 38%;
|
||||||
}
|
}
|
||||||
.title{
|
|
||||||
color: red;
|
|
||||||
font-size: 16px;
|
|
||||||
margin-bottom: 18px;
|
|
||||||
margin-left:40px;
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -1,201 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="box">
|
|
||||||
<div class="inquire">
|
|
||||||
<span>公会ID:</span>
|
|
||||||
<el-input v-model="formData.guildId" placeholder="" class="input" />
|
|
||||||
</div>
|
|
||||||
<div class="inquire">
|
|
||||||
<span>公会长ID:</span>
|
|
||||||
<el-input v-model="formData.ownerErbanNo" placeholder="" class="input" />
|
|
||||||
</div>
|
|
||||||
<div class="inquire">
|
|
||||||
<span>主播ID:</span>
|
|
||||||
<el-input v-model="formData.erbanNo" placeholder="" class="input" />
|
|
||||||
</div>
|
|
||||||
<div class="inquire">
|
|
||||||
<span>周期</span>
|
|
||||||
<el-select v-model="formData.cycleDate" placeholder="请选择" clearable>
|
|
||||||
<el-option
|
|
||||||
v-for="item in dateCycleArr"
|
|
||||||
:key="item.cycleDate"
|
|
||||||
:label="item.intervalFormatter"
|
|
||||||
:value="item.cycleDate"
|
|
||||||
>
|
|
||||||
</el-option>
|
|
||||||
</el-select>
|
|
||||||
</div>
|
|
||||||
<el-button style="" type="primary" @click="getData()">查询</el-button>
|
|
||||||
<el-button style="" type="primary" @click="confirmExportExcel()"
|
|
||||||
>导出</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="guildId" align="center" label="公会ID" />
|
|
||||||
<el-table-column prop="guildName" 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="nick" align="center" label="主播昵称" />
|
|
||||||
<el-table-column prop="guildCrystalNum" align="center" label="清除紫水晶数" />
|
|
||||||
<el-table-column align="center" prop="createTime" label="清除时间">
|
|
||||||
<template v-slot="scope">{{
|
|
||||||
dateFormat(scope.row.createTime)
|
|
||||||
}}</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"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
export default {
|
|
||||||
name: "amethystClearRecord",
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
<script setup>
|
|
||||||
import { ref, onMounted, reactive, computed } from "vue";
|
|
||||||
import { ElMessage, ElMessageBox } from "element-plus";
|
|
||||||
import {
|
|
||||||
getGuildAmethystClearRecordList,
|
|
||||||
exportClearAmethyst,
|
|
||||||
getGuildPolicyCycleDates,
|
|
||||||
} from "@/api/SalaryDetails/SalaryDetails.js";
|
|
||||||
import { formatDate } from "@/utils/relDate";
|
|
||||||
const formData = reactive({
|
|
||||||
pageNo: 1,
|
|
||||||
pageSize: 10,
|
|
||||||
erbanNo: "",
|
|
||||||
guildId: "",
|
|
||||||
ownerErbanNo: "",
|
|
||||||
cycleDate: "",
|
|
||||||
});
|
|
||||||
const tableData = reactive({
|
|
||||||
data: [],
|
|
||||||
total: 0,
|
|
||||||
loading: false,
|
|
||||||
});
|
|
||||||
const dateCycleArr = ref([]);
|
|
||||||
// 查询
|
|
||||||
const getData = () => {
|
|
||||||
tableData.loading = true;
|
|
||||||
getGuildAmethystClearRecordList(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 confirmExportExcel = async () => {
|
|
||||||
// Object.assign(formData, { pageSize: 10000, pageNo: 1 });
|
|
||||||
try {
|
|
||||||
const res = await exportClearAmethyst(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 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();
|
|
||||||
};
|
|
||||||
onMounted(() => {
|
|
||||||
getGuildPolicyCycleDates().then((res) => {
|
|
||||||
if (res.code == 200) {
|
|
||||||
dateCycleArr.value = res.data;
|
|
||||||
} else {
|
|
||||||
ElMessage({
|
|
||||||
showClose: true,
|
|
||||||
message: res.message,
|
|
||||||
type: "error",
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
|
||||||
</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;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -2,163 +2,150 @@
|
|||||||
<div class="anchor-salary-operate">
|
<div class="anchor-salary-operate">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="handle-box">
|
<div class="handle-box">
|
||||||
<el-form ref="searchForm"
|
<el-form
|
||||||
|
ref="searchForm"
|
||||||
:model="searchForm"
|
:model="searchForm"
|
||||||
:rules="searchRule"
|
:rules="searchRule"
|
||||||
label-width="90px"
|
label-width="90px"
|
||||||
:disabled="tableLoading">
|
:disabled="tableLoading"
|
||||||
|
>
|
||||||
<div class="search-line">
|
<div class="search-line">
|
||||||
<el-form-item label="分区"
|
<el-form-item label="分区" prop="partitionId">
|
||||||
prop="partitionId">
|
<el-select v-model="searchForm.partitionId" placeholder="请选择">
|
||||||
<partition-select v-model:partition-id="searchForm.partitionId"
|
<el-option
|
||||||
v-model:partition-infos="partitionArr"
|
v-for="item in partitionArr"
|
||||||
v-model:after-init="getData" />
|
:key="item.id"
|
||||||
|
:label="item.desc"
|
||||||
|
:value="item.id"
|
||||||
|
>
|
||||||
|
</el-option>
|
||||||
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="主播ID"
|
<el-form-item label="主播ID" prop="erbanNo">
|
||||||
prop="erbanNo">
|
<el-input
|
||||||
<el-input v-model.trim="searchForm.erbanNo"
|
v-model.trim="searchForm.erbanNo"
|
||||||
placeholder="请输入"></el-input>
|
placeholder="请输入"
|
||||||
|
></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="公会ID"
|
<el-form-item label="公会ID" prop="agencyId">
|
||||||
prop="agencyId">
|
<el-input
|
||||||
<el-input v-model.trim="searchForm.agencyId"
|
v-model.trim="searchForm.agencyId"
|
||||||
placeholder="请输入"></el-input>
|
placeholder="请输入"
|
||||||
|
></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="公会长ID"
|
<el-form-item label="公会长ID" prop="agencyOwnerId">
|
||||||
prop="agencyOwnerId">
|
<el-input
|
||||||
<el-input v-model.trim="searchForm.agencyOwnerId"
|
v-model.trim="searchForm.agencyOwnerId"
|
||||||
placeholder="请输入"></el-input>
|
placeholder="请输入"
|
||||||
|
></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="周期"
|
<el-form-item label="周期" prop="dateCycle">
|
||||||
prop="dateCycle">
|
<el-select placeholder="请选择" v-model="searchForm.dateCycle">
|
||||||
<el-select placeholder="请选择"
|
<el-option
|
||||||
v-model="searchForm.dateCycle">
|
v-for="(item, i) in dateCycleList"
|
||||||
<el-option v-for="(item, i) in dateCycleList"
|
|
||||||
:key="i"
|
:key="i"
|
||||||
:label="item.startDateStr + '~' + item.endDateStr"
|
:label="item.startDateStr + '~' + item.endDateStr"
|
||||||
:value="item.dateCycle"></el-option>
|
:value="item.dateCycle"
|
||||||
|
></el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
||||||
<el-form-item label-width="40px">
|
<el-form-item label-width="40px">
|
||||||
<el-button type="primary"
|
<el-button type="primary" @click="handSearch">搜索</el-button>
|
||||||
@click="handSearch">搜索</el-button>
|
<el-button plain @click="resetSearchForm">重置搜索</el-button>
|
||||||
<el-button plain
|
|
||||||
@click="resetSearchForm">重置搜索</el-button>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</div>
|
</div>
|
||||||
</el-form>
|
</el-form>
|
||||||
</div>
|
</div>
|
||||||
<div class="table">
|
<div class="table">
|
||||||
<el-table :data="tableData"
|
<el-table
|
||||||
|
:data="tableData"
|
||||||
border
|
border
|
||||||
v-loading="tableLoading"
|
v-loading="tableLoading"
|
||||||
@header-click="headerCopy"
|
@header-click="headerCopy"
|
||||||
style="width: 100%">
|
style="width: 100%"
|
||||||
|
>
|
||||||
<!-- <el-table-column align="center" prop="dateCycle" label="周期" width="105">
|
<!-- <el-table-column align="center" prop="dateCycle" label="周期" width="105">
|
||||||
<template v-slot="scope">
|
<template v-slot="scope">
|
||||||
{{ dateCycleType(scope.row.dateCycle) }}
|
{{ dateCycleType(scope.row.dateCycle) }}
|
||||||
</template>
|
</template>
|
||||||
</el-table-column> -->
|
</el-table-column> -->
|
||||||
<el-table-column align="center"
|
<el-table-column align="center" prop="partitionDesc" label="分区" />
|
||||||
prop="partitionDesc"
|
<el-table-column align="center" prop="erbano" label="主播ID">
|
||||||
label="分区" />
|
|
||||||
<el-table-column align="center"
|
|
||||||
prop="erbano"
|
|
||||||
label="主播ID">
|
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column align="center"
|
<el-table-column align="center" prop="nick" label="主播昵称">
|
||||||
prop="nick"
|
|
||||||
label="主播昵称">
|
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column align="center"
|
<el-table-column align="center" prop="agencyId" label="公会ID">
|
||||||
prop="agencyId"
|
|
||||||
label="公会ID">
|
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column align="center"
|
<el-table-column
|
||||||
|
align="center"
|
||||||
prop="agencyOwnerErbanNo"
|
prop="agencyOwnerErbanNo"
|
||||||
label="公会长ID">
|
label="公会长ID"
|
||||||
|
>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column align="center"
|
<el-table-column align="center" prop="diamondFlow" label="钻石流水">
|
||||||
prop="agencyOwnerRegionDesc"
|
|
||||||
label="公会长地区">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column align="center"
|
|
||||||
prop="diamondFlow"
|
|
||||||
label="钻石流水">
|
|
||||||
<template v-slot="scope">
|
<template v-slot="scope">
|
||||||
{{
|
{{
|
||||||
scope.row.diamondFlow
|
scope.row.diamondFlow
|
||||||
|
? scope.row.diamondFlow.toLocaleString()
|
||||||
|
: "0"
|
||||||
}}
|
}}
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column align="center"
|
<el-table-column
|
||||||
|
align="center"
|
||||||
prop="diamondToUsb"
|
prop="diamondToUsb"
|
||||||
label="钻石兑换薪资">
|
label="钻石兑换薪资"
|
||||||
|
>
|
||||||
<template v-slot="scope">
|
<template v-slot="scope">
|
||||||
<el-button type="text"
|
<el-button type="text" @click="handleOpen(1, scope.row)">
|
||||||
@click="handleOpen(1, scope.row)">
|
|
||||||
{{ scope.row.diamondToUsb + "us" }}
|
{{ scope.row.diamondToUsb + "us" }}
|
||||||
</el-button>
|
</el-button>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column align="center"
|
<el-table-column align="center" prop="usbToGold" label="薪资兑换金币">
|
||||||
prop="usbToGold"
|
|
||||||
label="薪资兑换金币">
|
|
||||||
<template v-slot="scope">
|
<template v-slot="scope">
|
||||||
<el-button type="text"
|
<el-button type="text" @click="handleOpen(2, scope.row)">
|
||||||
@click="handleOpen(2, scope.row)">
|
|
||||||
{{ scope.row.usbToGold + "us" }}
|
{{ scope.row.usbToGold + "us" }}
|
||||||
</el-button>
|
</el-button>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column align="center"
|
<el-table-column
|
||||||
|
align="center"
|
||||||
prop="usbToAgent"
|
prop="usbToAgent"
|
||||||
label="薪资转增代理">
|
label="薪资转增代理"
|
||||||
|
>
|
||||||
<template v-slot="scope">
|
<template v-slot="scope">
|
||||||
<el-button type="text"
|
<el-button type="text" @click="handleOpen(3, scope.row)">
|
||||||
@click="handleOpen(3, scope.row)">
|
|
||||||
{{ scope.row.usbToAgent + "us" }}
|
{{ scope.row.usbToAgent + "us" }}
|
||||||
</el-button>
|
</el-button>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column align="center"
|
<el-table-column
|
||||||
|
align="center"
|
||||||
prop="usbToOwner"
|
prop="usbToOwner"
|
||||||
label="薪资转增公会长">
|
label="薪资转增公会长"
|
||||||
|
>
|
||||||
<template v-slot="scope">
|
<template v-slot="scope">
|
||||||
<el-button type="text"
|
<el-button type="text" @click="handleOpen(4, scope.row)">
|
||||||
@click="handleOpen(4, scope.row)">
|
|
||||||
{{ scope.row.usbToOwner + "us" }}
|
{{ scope.row.usbToOwner + "us" }}
|
||||||
</el-button>
|
</el-button>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column align="center"
|
<el-table-column
|
||||||
|
align="center"
|
||||||
prop="officialWithdram"
|
prop="officialWithdram"
|
||||||
label="官方提现">
|
label="官方提现"
|
||||||
|
>
|
||||||
<template v-slot="scope">
|
<template v-slot="scope">
|
||||||
<el-button type="text"
|
<el-button type="text" @click="handleOpen(5, scope.row)">
|
||||||
@click="handleOpen(5, scope.row)">
|
|
||||||
{{ scope.row.officialWithdram + "us" }}
|
{{ scope.row.officialWithdram + "us" }}
|
||||||
</el-button>
|
</el-button>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column align="center"
|
<el-table-column align="center" prop="usb" label="剩余薪资">
|
||||||
prop="platformOperationUsb"
|
|
||||||
label="官方操作">
|
|
||||||
<template v-slot="scope">
|
|
||||||
<el-button type="text"
|
|
||||||
@click="handleOpen(9, scope.row)">
|
|
||||||
{{ scope.row.platformOperationUsb + "us" }}
|
|
||||||
</el-button>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column align="center"
|
<el-table-column align="center" prop="diamond" label="钻石余额(当前)">
|
||||||
prop="usb"
|
|
||||||
label="剩余薪资">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column align="center"
|
|
||||||
prop="diamond"
|
|
||||||
label="钻石余额(当前)">
|
|
||||||
<template v-slot="scope">
|
<template v-slot="scope">
|
||||||
{{
|
{{
|
||||||
scope.row.diamond ? scope.row.diamond.toLocaleString() : "null"
|
scope.row.diamond ? scope.row.diamond.toLocaleString() : "null"
|
||||||
@@ -167,66 +154,78 @@
|
|||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
</div>
|
</div>
|
||||||
<table-pagination :pageParams="pageParams"
|
<table-pagination
|
||||||
|
:pageParams="pageParams"
|
||||||
:pageTotal="pageTotal"
|
:pageTotal="pageTotal"
|
||||||
:page-sizes="[10, 20, 100, 200]"
|
:page-sizes="[10, 20, 100, 200]"
|
||||||
@handleSizeChange="handleSizeChange"
|
@handleSizeChange="handleSizeChange"
|
||||||
@handlePageChange="handlePageChange"></table-pagination>
|
@handlePageChange="handlePageChange"
|
||||||
|
></table-pagination>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- 弹出框 -->
|
<!-- 弹出框 -->
|
||||||
<el-dialog :title="dialogTitle"
|
<el-dialog :title="dialogTitle" v-model="dialogVisible" width="60%">
|
||||||
v-model="dialogVisible"
|
<el-table
|
||||||
width="60%">
|
:data="dialogData"
|
||||||
<el-table :data="dialogData"
|
|
||||||
border
|
border
|
||||||
class="received-table"
|
class="received-table"
|
||||||
v-loading="dialogLoading">
|
v-loading="dialogLoading"
|
||||||
<el-table-column prop="createTime"
|
>
|
||||||
label="日期"
|
<el-table-column prop="createTime" label="日期" align="center">
|
||||||
align="center">
|
|
||||||
<template v-slot="scope">{{
|
<template v-slot="scope">{{
|
||||||
convertTimestamp(scope.row.createTime)
|
convertTimestamp(scope.row.createTime)
|
||||||
}}</template>
|
}}</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="nick"
|
<el-table-column
|
||||||
|
prop="nick"
|
||||||
label="主播昵称"
|
label="主播昵称"
|
||||||
align="center"></el-table-column>
|
align="center"
|
||||||
<el-table-column prop="erbano"
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="erbano"
|
||||||
label="主播ID"
|
label="主播ID"
|
||||||
align="center"></el-table-column>
|
align="center"
|
||||||
|
></el-table-column>
|
||||||
<!-- 薪资兑换金币6 -->
|
<!-- 薪资兑换金币6 -->
|
||||||
<el-table-column v-if="dialogType == 6"
|
<el-table-column
|
||||||
|
v-if="dialogType == 6"
|
||||||
prop="gold"
|
prop="gold"
|
||||||
label="兑换金币数量"
|
label="兑换金币数量"
|
||||||
align="center">
|
align="center"
|
||||||
|
>
|
||||||
<template v-slot="scope">
|
<template v-slot="scope">
|
||||||
{{ scope.row.gold ? scope.row.gold.toLocaleString() : "0" }}
|
{{ scope.row.gold ? scope.row.gold.toLocaleString() : "0" }}
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- 钻石兑换薪资1 -->
|
<!-- 钻石兑换薪资1 -->
|
||||||
<el-table-column v-if="dialogType == 1"
|
<el-table-column
|
||||||
|
v-if="dialogType == 1"
|
||||||
prop="exDiamond"
|
prop="exDiamond"
|
||||||
label="兑换钻石数量"
|
label="兑换钻石数量"
|
||||||
align="center">
|
align="center"
|
||||||
|
>
|
||||||
<template v-slot="scope">
|
<template v-slot="scope">
|
||||||
{{
|
{{
|
||||||
scope.row.exDiamond ? scope.row.exDiamond.toLocaleString() : "0"
|
scope.row.exDiamond ? scope.row.exDiamond.toLocaleString() : "0"
|
||||||
}}
|
}}
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column v-if="dialogType == 1 || dialogType == 6"
|
<el-table-column
|
||||||
|
v-if="dialogType == 1 || dialogType == 6"
|
||||||
prop="tradeUsb"
|
prop="tradeUsb"
|
||||||
label="兑换薪资数"
|
label="兑换薪资数"
|
||||||
align="center">
|
align="center"
|
||||||
|
>
|
||||||
<template v-slot="scope">
|
<template v-slot="scope">
|
||||||
{{ scope.row.tradeUsb + "us" }}
|
{{ scope.row.tradeUsb + "us" }}
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column v-if="dialogType == 1"
|
<el-table-column
|
||||||
|
v-if="dialogType == 1"
|
||||||
prop="afterDiamond"
|
prop="afterDiamond"
|
||||||
label="钻石余额"
|
label="钻石余额"
|
||||||
align="center">
|
align="center"
|
||||||
|
>
|
||||||
<template v-slot="scope">
|
<template v-slot="scope">
|
||||||
{{
|
{{
|
||||||
scope.row.afterDiamond
|
scope.row.afterDiamond
|
||||||
@@ -236,95 +235,87 @@
|
|||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- 薪资转增代理2 -->
|
<!-- 薪资转增代理2 -->
|
||||||
<el-table-column v-if="dialogType == 2"
|
<el-table-column
|
||||||
|
v-if="dialogType == 2"
|
||||||
prop="receiveErbano"
|
prop="receiveErbano"
|
||||||
label="充值代理ID"
|
label="充值代理ID"
|
||||||
align="center"></el-table-column>
|
align="center"
|
||||||
<el-table-column v-if="dialogType == 2"
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
v-if="dialogType == 2"
|
||||||
prop="receiveNick"
|
prop="receiveNick"
|
||||||
label="充值代理名称"
|
label="充值代理名称"
|
||||||
align="center"></el-table-column>
|
align="center"
|
||||||
<el-table-column v-if="dialogType == 2"
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
v-if="dialogType == 2"
|
||||||
prop="beforeUsb"
|
prop="beforeUsb"
|
||||||
label="当前薪资"
|
label="当前薪资"
|
||||||
align="center">
|
align="center"
|
||||||
|
>
|
||||||
<template v-slot="scope">
|
<template v-slot="scope">
|
||||||
{{ scope.row.beforeUsb + "us" }}
|
{{ scope.row.beforeUsb + "us" }}
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column v-if="dialogType == 2"
|
<el-table-column
|
||||||
|
v-if="dialogType == 2"
|
||||||
prop="tradeUsb"
|
prop="tradeUsb"
|
||||||
label="转增代理"
|
label="转增代理"
|
||||||
align="center">
|
align="center"
|
||||||
|
>
|
||||||
<template v-slot="scope">
|
<template v-slot="scope">
|
||||||
{{ scope.row.tradeUsb + "us" }}
|
{{ scope.row.tradeUsb + "us" }}
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- 薪资转增公会长3 -->
|
<!-- 薪资转增公会长3 -->
|
||||||
<el-table-column v-if="dialogType == 3 || dialogType == 4 || dialogType == 9"
|
<el-table-column
|
||||||
|
v-if="dialogType == 3 || dialogType == 4"
|
||||||
prop="receiveNick"
|
prop="receiveNick"
|
||||||
label="公会长昵称"
|
label="公会长昵称"
|
||||||
align="center"></el-table-column>
|
align="center"
|
||||||
<el-table-column v-if="dialogType == 3 || dialogType == 4 || dialogType == 9"
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
v-if="dialogType == 3 || dialogType == 4"
|
||||||
prop="receiveErbano"
|
prop="receiveErbano"
|
||||||
label="公会长ID"
|
label="公会长ID"
|
||||||
align="center"></el-table-column>
|
align="center"
|
||||||
<el-table-column v-if="dialogType == 3"
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
v-if="dialogType == 3"
|
||||||
prop="tradeUsb"
|
prop="tradeUsb"
|
||||||
label="转增公会长"
|
label="转增公会长"
|
||||||
align="center">
|
align="center"
|
||||||
|
>
|
||||||
<template v-slot="scope">
|
<template v-slot="scope">
|
||||||
{{ scope.row.tradeUsb + "us" }}
|
{{ scope.row.tradeUsb + "us" }}
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- 官方提现4 -->
|
<!-- 官方提现4 -->
|
||||||
<el-table-column v-if="dialogType == 4"
|
<el-table-column
|
||||||
|
v-if="dialogType == 4"
|
||||||
prop="tradeUsb"
|
prop="tradeUsb"
|
||||||
label="官方提现"
|
label="官方提现"
|
||||||
align="center">
|
align="center"
|
||||||
|
>
|
||||||
<template v-slot="scope">
|
<template v-slot="scope">
|
||||||
{{ scope.row.tradeUsb + "us" }}
|
{{ scope.row.tradeUsb + "us" }}
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
|
|
||||||
<el-table-column v-if="dialogType == 9"
|
<el-table-column align="center" prop="afterUsb" label="剩余薪资">
|
||||||
align="center"
|
|
||||||
prop="type"
|
|
||||||
label="赠送方式">
|
|
||||||
<template v-slot="scope">
|
|
||||||
{{ scope.row.type == '9'?'官方增加薪资':'官方减少薪资' }}
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
|
|
||||||
<el-table-column v-if="dialogType == 9"
|
|
||||||
align="center"
|
|
||||||
prop="tradeUsb"
|
|
||||||
label="操作数量">
|
|
||||||
<template v-slot="scope">
|
|
||||||
{{ scope.row.tradeUsb + "us" }}
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
|
|
||||||
<el-table-column v-if="dialogType == 9"
|
|
||||||
align="center"
|
|
||||||
prop="remark"
|
|
||||||
label="备注">
|
|
||||||
</el-table-column>
|
|
||||||
|
|
||||||
<el-table-column align="center"
|
|
||||||
prop="afterUsb"
|
|
||||||
label="剩余薪资">
|
|
||||||
<template v-slot="scope">
|
<template v-slot="scope">
|
||||||
{{ scope.row.afterUsb + "us" }}
|
{{ scope.row.afterUsb + "us" }}
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
|
|
||||||
<table-pagination :pageParams="pageParams1"
|
<table-pagination
|
||||||
|
:pageParams="pageParams1"
|
||||||
:pageTotal="pageTotal1"
|
:pageTotal="pageTotal1"
|
||||||
:page-sizes="[5, 10, 20]"
|
:page-sizes="[5, 10, 20]"
|
||||||
@handleSizeChange="handleSizeChange1"
|
@handleSizeChange="handleSizeChange1"
|
||||||
@handlePageChange="handlePageChange1"></table-pagination>
|
@handlePageChange="handlePageChange1"
|
||||||
|
></table-pagination>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@@ -334,17 +325,17 @@ import {
|
|||||||
getDateCycleList,
|
getDateCycleList,
|
||||||
getAnchorSalaryBill,
|
getAnchorSalaryBill,
|
||||||
anchorSalaryBillDetail,
|
anchorSalaryBillDetail,
|
||||||
|
listPartitionInfo,
|
||||||
} from "@/api/relAgency/relAgency.js";
|
} from "@/api/relAgency/relAgency.js";
|
||||||
import TablePagination from "@/components/common/TablePagination";
|
import TablePagination from "@/components/common/TablePagination";
|
||||||
import { formatDate, formatDateYMD } from "@/utils/relDate";
|
import { formatDate, formatDateYMD } from "@/utils/relDate";
|
||||||
// @ts-ignore
|
// @ts-ignore
|
||||||
import { ElMessage } from "element-plus";
|
import { ElMessage } from "element-plus";
|
||||||
import PartitionSelect from "@/views/common/partitionSelect.vue";
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: "anchorSalaryOperate",
|
name: "anchorSalaryOperate",
|
||||||
components: { PartitionSelect, TablePagination },
|
components: { TablePagination },
|
||||||
data () {
|
data() {
|
||||||
return {
|
return {
|
||||||
dateCycleList: [],
|
dateCycleList: [],
|
||||||
btnLoading: false, // 导出弹出框(dialog)的确认按钮
|
btnLoading: false, // 导出弹出框(dialog)的确认按钮
|
||||||
@@ -362,7 +353,7 @@ export default {
|
|||||||
agencyId: null,
|
agencyId: null,
|
||||||
dateCycle: null,
|
dateCycle: null,
|
||||||
erbanNo: null,
|
erbanNo: null,
|
||||||
partitionId: undefined,
|
partitionId: null,
|
||||||
},
|
},
|
||||||
partitionArr: [],
|
partitionArr: [],
|
||||||
searchRule: {
|
searchRule: {
|
||||||
@@ -406,21 +397,20 @@ export default {
|
|||||||
dialogType: 1,
|
dialogType: 1,
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
created () {
|
created() {
|
||||||
this.getDateCycleList();
|
this.getDateCycleList();
|
||||||
},
|
listPartitionInfo().then((res) => {
|
||||||
methods: {
|
this.partitionArr = res.data;
|
||||||
getDateCycleList () {
|
this.searchForm.partitionId = this.partitionArr[0].id;
|
||||||
getDateCycleList({ month: 3 }).then((res) => {
|
|
||||||
this.dateCycleList = res.data || [];
|
|
||||||
this.searchForm.dateCycle = res.data ? res.data[0].dateCycle : undefined;
|
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
getData () {
|
methods: {
|
||||||
if (this.searchForm.dateCycle == undefined) {
|
getDateCycleList() {
|
||||||
return;
|
getDateCycleList({ month: 3 }).then((res) => {
|
||||||
}
|
this.dateCycleList = res.data || [];
|
||||||
|
});
|
||||||
|
},
|
||||||
|
getData() {
|
||||||
this.tableLoading = true;
|
this.tableLoading = true;
|
||||||
|
|
||||||
let { pageParams, searchForm } = this;
|
let { pageParams, searchForm } = this;
|
||||||
@@ -452,7 +442,7 @@ export default {
|
|||||||
});
|
});
|
||||||
},
|
},
|
||||||
// 弹窗
|
// 弹窗
|
||||||
handleOpen (index, row) {
|
handleOpen(index, row) {
|
||||||
switch (index) {
|
switch (index) {
|
||||||
case 1:
|
case 1:
|
||||||
this.dialogTitle = "钻石兑换薪资";
|
this.dialogTitle = "钻石兑换薪资";
|
||||||
@@ -474,10 +464,6 @@ export default {
|
|||||||
this.dialogTitle = "薪资兑换金币";
|
this.dialogTitle = "薪资兑换金币";
|
||||||
this.dialogType = 6;
|
this.dialogType = 6;
|
||||||
break;
|
break;
|
||||||
case 9:
|
|
||||||
this.dialogTitle = "官方操作";
|
|
||||||
this.dialogType = 9;
|
|
||||||
break;
|
|
||||||
default:
|
default:
|
||||||
break;
|
break;
|
||||||
}
|
}
|
||||||
@@ -495,7 +481,7 @@ export default {
|
|||||||
|
|
||||||
this.getDetail();
|
this.getDetail();
|
||||||
},
|
},
|
||||||
getDetail () {
|
getDetail() {
|
||||||
let { pageParams1, dialogParams } = this;
|
let { pageParams1, dialogParams } = this;
|
||||||
pageParams1 = JSON.parse(JSON.stringify(pageParams1));
|
pageParams1 = JSON.parse(JSON.stringify(pageParams1));
|
||||||
dialogParams = JSON.parse(JSON.stringify(dialogParams));
|
dialogParams = JSON.parse(JSON.stringify(dialogParams));
|
||||||
@@ -520,7 +506,7 @@ export default {
|
|||||||
});
|
});
|
||||||
},
|
},
|
||||||
// 点击搜索
|
// 点击搜索
|
||||||
handSearch () {
|
handSearch() {
|
||||||
this.$refs["searchForm"].validate((valid) => {
|
this.$refs["searchForm"].validate((valid) => {
|
||||||
if (valid) {
|
if (valid) {
|
||||||
this.pageParams.pageNo = 1;
|
this.pageParams.pageNo = 1;
|
||||||
@@ -529,49 +515,49 @@ export default {
|
|||||||
});
|
});
|
||||||
},
|
},
|
||||||
// 重置搜索表单
|
// 重置搜索表单
|
||||||
resetSearchForm () {
|
resetSearchForm() {
|
||||||
this.$refs["searchForm"].resetFields();
|
this.$refs["searchForm"].resetFields();
|
||||||
this.pageParams.pageNo = 1;
|
this.pageParams.pageNo = 1;
|
||||||
this.tableData = [];
|
this.tableData = [];
|
||||||
this.getData();
|
this.getData();
|
||||||
},
|
},
|
||||||
// 分页导航
|
// 分页导航
|
||||||
handleSizeChange (val) {
|
handleSizeChange(val) {
|
||||||
this.pageParams.pageSize = val;
|
this.pageParams.pageSize = val;
|
||||||
this.getData();
|
this.getData();
|
||||||
},
|
},
|
||||||
handlePageChange (val) {
|
handlePageChange(val) {
|
||||||
this.pageParams.pageNo = val;
|
this.pageParams.pageNo = val;
|
||||||
this.getData();
|
this.getData();
|
||||||
},
|
},
|
||||||
// 弹窗分页导航
|
// 弹窗分页导航
|
||||||
handleSizeChange1 (val) {
|
handleSizeChange1(val) {
|
||||||
this.pageParams1.pageSize = val;
|
this.pageParams1.pageSize = val;
|
||||||
this.getDetail();
|
this.getDetail();
|
||||||
},
|
},
|
||||||
handlePageChange1 (val) {
|
handlePageChange1(val) {
|
||||||
this.pageParams1.pageNo = val;
|
this.pageParams1.pageNo = val;
|
||||||
this.getDetail();
|
this.getDetail();
|
||||||
},
|
},
|
||||||
|
|
||||||
headerCopy (column, e) {
|
headerCopy(column, e) {
|
||||||
this.$copy(column.label);
|
this.$copy(column.label);
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
convertTimestamp1 () {
|
convertTimestamp1() {
|
||||||
return function (time) {
|
return function (time) {
|
||||||
let date = new Date(time);
|
let date = new Date(time);
|
||||||
return formatDateYMD(date);
|
return formatDateYMD(date);
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
convertTimestamp () {
|
convertTimestamp() {
|
||||||
return function (time) {
|
return function (time) {
|
||||||
let date = new Date(time);
|
let date = new Date(time);
|
||||||
return formatDate(date);
|
return formatDate(date);
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
dateCycleType () {
|
dateCycleType() {
|
||||||
const { dateCycleList } = this;
|
const { dateCycleList } = this;
|
||||||
return function (value) {
|
return function (value) {
|
||||||
for (let item of dateCycleList) {
|
for (let item of dateCycleList) {
|
||||||
|
|||||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user