Compare commits
57 Commits
c715d99fa6
...
epartyDeve
Author | SHA1 | Date | |
---|---|---|---|
5536d3ff29 | |||
e0781bc83f | |||
1d64f1bd02 | |||
a471edfd32 | |||
d189ee00eb | |||
7ba01b87f5 | |||
dd1c53e14b | |||
07b2744095 | |||
ff4f5ad76f | |||
cc5f0e5600 | |||
e877ceff60 | |||
6a28af2709 | |||
30a0b68f30 | |||
ea94435dad | |||
da653a858a | |||
d0fc9981aa | |||
9023f59471 | |||
58546f2882 | |||
f2f44b3ad9 | |||
485f2bd18c | |||
e4ac5d4582 | |||
9dec07a699 | |||
b2673b876e | |||
2401c1171f | |||
7cc3166b5b | |||
c48b1c7796 | |||
39db59dd51 | |||
36210549a6 | |||
61ae63444d | |||
79b289f1ed | |||
02760f3359 | |||
18f7571e2b | |||
5ba7067c4a | |||
b279b6b456 | |||
c57f289e40 | |||
f65793d7fe | |||
f4517ad489 | |||
dafe2ee563 | |||
5745b2b625 | |||
4e92f352d7 | |||
c377d7ca7a | |||
06b3e5e86c | |||
fcdc63641f | |||
93b471dada | |||
a4470312a9 | |||
240a660d68 | |||
8808af9667 | |||
496e14dc65 | |||
145e8803ee | |||
4acd5c2a8f | |||
4f45821390 | |||
53f6c75c7f | |||
26fb33c8f6 | |||
cff55051b1 | |||
59cacb1472 | |||
515467119c | |||
![]() |
7989513aa8 |
@@ -1,2 +1,2 @@
|
||||
VUE_APP_API_BASE_URL=http://admin.web.pekolive.com
|
||||
VUE_APP_API_BASE_URL=http://admin.web.epartylive.com
|
||||
VUE_APP_DEBUG_MODE=false
|
@@ -31,4 +31,12 @@ export const vipSendSend = query => {
|
||||
method: 'post',
|
||||
params: query
|
||||
});
|
||||
};
|
||||
// 赠送VIP接口 - 客服
|
||||
export const vipSendSendCustomerSend = query => {
|
||||
return request({
|
||||
url: '/vipSend/customerSend',
|
||||
method: 'post',
|
||||
params: query
|
||||
});
|
||||
};
|
@@ -43,6 +43,11 @@ export const personal = query => {
|
||||
params: query
|
||||
});
|
||||
};
|
||||
// 个人数据
|
||||
export const exportPersonal = query => {
|
||||
window.location.href = `/admin/lucky24/record/personal/export?${genQueryParam(query)}`;
|
||||
return;
|
||||
};
|
||||
// 汇总
|
||||
export const platform = query => {
|
||||
return request({
|
||||
@@ -81,4 +86,18 @@ export const pageRecord = 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;
|
||||
};
|
@@ -175,19 +175,6 @@ export const statExportFamilyMember = query => {
|
||||
window.location.href = `/admin/family/wage/stat/exportFamilyMember?${genQueryParam(query)}`;
|
||||
return;
|
||||
};
|
||||
// 工会统计-每日工会详情
|
||||
export const listFamilyMemberDaily = query => {
|
||||
return request({
|
||||
url: '/admin/family/wage/stat/listFamilyMemberDaily',
|
||||
method: 'get',
|
||||
params: query
|
||||
});
|
||||
};
|
||||
// 工会统计-单每日会导出
|
||||
export const exportFamilyMemberDaily = query => {
|
||||
window.location.href = `/admin/family/wage/stat/exportFamilyMemberDaily?${genQueryParam(query)}`;
|
||||
return;
|
||||
};
|
||||
// 工会统计-导出公会工资统计
|
||||
export const statExportFamily = query => {
|
||||
window.location.href = `/admin/family/wage/stat/exportFamily?${genQueryParam(query)}`;
|
||||
|
@@ -30,7 +30,7 @@ export const create = query => {
|
||||
return request({
|
||||
url: '/admin/guild/manage/create',
|
||||
method: 'post',
|
||||
params: query
|
||||
data: query
|
||||
});
|
||||
};
|
||||
// 删除公会信息
|
||||
@@ -51,7 +51,7 @@ export const update = query => {
|
||||
return request({
|
||||
url: '/admin/guild/manage/update',
|
||||
method: 'post',
|
||||
params: query
|
||||
data: query
|
||||
});
|
||||
};
|
||||
// 导出-公会信息
|
||||
|
@@ -44,7 +44,7 @@ export const familyMemberWeekLevelRewardExport = query => {
|
||||
// 获取 公会钻石薪资流水统计 列表
|
||||
export const getAgencyDiamondFlow = query => {
|
||||
return request({
|
||||
url: '/agency/diamond/flow/list',
|
||||
url: '/agency/diamond/flow/page',
|
||||
method: 'get',
|
||||
params: query
|
||||
});
|
||||
@@ -271,4 +271,201 @@ export const exportRoomHourDiamondList = query => {
|
||||
params: query,
|
||||
responseType: 'blob'
|
||||
});
|
||||
};
|
||||
// 主播游戏薪资操作(不用分区)
|
||||
export const getAnchorGameSalaryBill = query => {
|
||||
return request({
|
||||
url: '/anchorGameSalaryBill/anchorSummary/list',
|
||||
method: 'get',
|
||||
params: query
|
||||
});
|
||||
};
|
||||
// salaryType 1钻石兑换薪资明细 2 薪资转赠充值代理 明细 3薪资转增公会长明细 4官方提现 6 薪资兑换金币明细
|
||||
export const anchorGameSalaryBillDetail = query => {
|
||||
return request({
|
||||
url: '/anchorGameSalaryBill/detail/list',
|
||||
method: 'get',
|
||||
params: query
|
||||
});
|
||||
};
|
||||
|
||||
// 游戏薪资官方提现记录 列表
|
||||
export const gameUsdWithdrawExamineList = query => {
|
||||
return request({
|
||||
url: '/gameUsdWithdrawExamine/list',
|
||||
method: 'get',
|
||||
params: query
|
||||
});
|
||||
};
|
||||
// 游戏薪资官方提现记录 导出
|
||||
export const gameUsdWithdrawExamineExport = query => {
|
||||
return request({
|
||||
url: `/gameUsdWithdrawExamine/export`,
|
||||
method: 'post',
|
||||
params: query,
|
||||
responseType: 'blob'
|
||||
});
|
||||
};
|
||||
|
||||
// 游戏薪资官方提现记录 结算
|
||||
export const gameUsdWithdrawExamineSet = query => {
|
||||
return request({
|
||||
url: '/gameUsdWithdrawExamine/batchSettle',
|
||||
method: 'post',
|
||||
params: query
|
||||
});
|
||||
};
|
||||
// 游戏薪资官方提现记录 批量驳回
|
||||
export const batchGameUsdWithdrawExamineReject = query => {
|
||||
return request({
|
||||
url: '/gameUsdWithdrawExamine/batchReject',
|
||||
method: 'post',
|
||||
params: query
|
||||
});
|
||||
};
|
||||
// 充值代理转增游戏薪资
|
||||
export const chargeGameAgentList = query => {
|
||||
return request({
|
||||
url: '/anchorGameSalaryBill/chargeAgent/list',
|
||||
method: 'get',
|
||||
params: query
|
||||
});
|
||||
};
|
||||
// 充值代理转增薪资 总值
|
||||
export const chargeGameAgentSum = query => {
|
||||
return request({
|
||||
url: '/anchorGameSalaryBill/chargeAgent/sum',
|
||||
method: 'get',
|
||||
params: query
|
||||
});
|
||||
};
|
||||
// 充值代理转增薪资导出
|
||||
export const chargeGameAgentExport = query => {
|
||||
window.location.href = `/anchorGameSalaryBill/chargeAgent/export?${genQueryParam(query)}`;
|
||||
return;
|
||||
};
|
||||
|
||||
// 游戏薪资明细
|
||||
export const getGameUsdList = query => {
|
||||
return request({
|
||||
url: '/gameUsd/detail',
|
||||
method: 'get',
|
||||
params: query
|
||||
});
|
||||
};
|
||||
// 游戏薪资官方提现方式配置渠道 列表
|
||||
export const getGamelistAccountType = query => {
|
||||
return request({
|
||||
url: '/admin/gameUsdWithdrawAccountConfig/listAccountType',
|
||||
method: 'get',
|
||||
params: query
|
||||
});
|
||||
};
|
||||
// 游戏薪资官方提现方式配置 列表
|
||||
export const getGameAccountConfigList = query => {
|
||||
return request({
|
||||
url: '/admin/gameUsdWithdrawAccountConfig/page',
|
||||
method: 'get',
|
||||
params: query
|
||||
});
|
||||
};
|
||||
// 游戏薪资官方提现方式配置 编辑
|
||||
export const saveGameAccountConfig = query => {
|
||||
return request({
|
||||
url: '/admin/gameUsdWithdrawAccountConfig/save',
|
||||
method: 'get',
|
||||
params: query
|
||||
});
|
||||
};
|
||||
// 房间金币流水 -列表
|
||||
export const getRoomWeekDiamondPage = query => {
|
||||
return request({
|
||||
url: '/admin/roomWeekDiamond/page',
|
||||
method: 'get',
|
||||
params: query
|
||||
});
|
||||
};
|
||||
// 房间金币流水-导出
|
||||
export const exportRoomWeekDiamond = query => {
|
||||
return request({
|
||||
url: `/admin/roomWeekDiamond/export`,
|
||||
method: 'get',
|
||||
params: query,
|
||||
responseType: 'blob'
|
||||
});
|
||||
}
|
||||
// 房间金币流水 -发放
|
||||
export const sendRoomWeekDiamondRaward = query => {
|
||||
return request({
|
||||
url: '/admin/roomWeekDiamond/send',
|
||||
method: 'post',
|
||||
params: query
|
||||
});
|
||||
};
|
||||
// 房间金币流水 -档位列表
|
||||
export const getRoomWeekDiamondListLevel = query => {
|
||||
return request({
|
||||
url: '/admin/roomWeekDiamond/listLevel',
|
||||
method: 'get',
|
||||
params: query
|
||||
});
|
||||
};
|
||||
// 主播周奖励 - 列表
|
||||
export const getguildMemberWeekLevelRewardPage = query => {
|
||||
return request({
|
||||
url: '/admin/guildMemberWeekLevelReward/page',
|
||||
method: 'get',
|
||||
params: query
|
||||
});
|
||||
};
|
||||
|
||||
// 主播周奖励 - 周期
|
||||
export const getguildMemberWeekLevelRewardListCycleDate = query => {
|
||||
return request({
|
||||
url: '/admin/guildMemberWeekLevelReward/listCycleDate',
|
||||
method: 'get',
|
||||
params: query
|
||||
});
|
||||
};
|
||||
// 主播周奖励-导出
|
||||
export const exportGuildMemberWeekLevelReward = query => {
|
||||
return request({
|
||||
url: `/admin/guildMemberWeekLevelReward/export`,
|
||||
method: 'get',
|
||||
params: query,
|
||||
responseType: 'blob'
|
||||
});
|
||||
}
|
||||
// 房间日流水 -列表
|
||||
export const getRoomSendRankDayRewardPage = query => {
|
||||
return request({
|
||||
url: '/admin/roomSendRank/dayReward/page',
|
||||
method: 'get',
|
||||
params: query
|
||||
});
|
||||
};
|
||||
// 房间日流水-导出
|
||||
export const exportRoomSendRankDayReward = query => {
|
||||
return request({
|
||||
url: `/admin/roomSendRank/dayReward/export`,
|
||||
method: 'get',
|
||||
params: query,
|
||||
responseType: 'blob'
|
||||
});
|
||||
}
|
||||
// 房间日流水 -明细
|
||||
export const getRoomSendRankDayRewardListDetail = query => {
|
||||
return request({
|
||||
url: '/admin/roomSendRank/dayReward/listDetail',
|
||||
method: 'get',
|
||||
params: query
|
||||
});
|
||||
};
|
||||
// 半个月周期
|
||||
export const getWageStatListDateCycle = query => {
|
||||
return request({
|
||||
url: '/admin/family/wage/stat/listDateCycle',
|
||||
method: 'get',
|
||||
params: query
|
||||
});
|
||||
};
|
@@ -64,4 +64,12 @@ export const exportChargeRecordTotalExport = query => {
|
||||
params: query,
|
||||
responseType: 'blob'
|
||||
});
|
||||
};
|
||||
// 充值明细
|
||||
export const getChargeRecordPartitionRegionDetail = query => {
|
||||
return request({
|
||||
url: '/admin/chargeRecord/partitionRegionDetail',
|
||||
method: 'get',
|
||||
params: query
|
||||
});
|
||||
};
|
18
src/api/users/UserInformationCustomer.js
Normal file
18
src/api/users/UserInformationCustomer.js
Normal file
@@ -0,0 +1,18 @@
|
||||
import request from '@/utils/request';
|
||||
|
||||
// 获取用户充值等级列表
|
||||
export const getUserCheckAdmin = query => {
|
||||
return request({
|
||||
url: '/admin/userCheckAdmin/getUser',
|
||||
method: 'get',
|
||||
params: query
|
||||
});
|
||||
};
|
||||
// 修改用户等级
|
||||
export const changeUserExpChange = query => {
|
||||
return request({
|
||||
url: '/userExpChange/change',
|
||||
method: 'post',
|
||||
params: query
|
||||
});
|
||||
};
|
10
src/api/users/userGameDataDetails.js
Normal file
10
src/api/users/userGameDataDetails.js
Normal file
@@ -0,0 +1,10 @@
|
||||
import request from "@/utils/request";
|
||||
// 列表
|
||||
export const getMiniGameLudoList = query => {
|
||||
return request({
|
||||
url: '/admin/miniGame/ludo/stat',
|
||||
method: 'get',
|
||||
params: query,
|
||||
|
||||
});
|
||||
}
|
@@ -6,7 +6,7 @@
|
||||
<!-- mini logo for sidebar mini 50x50 pixels -->
|
||||
<span class="logo-mini"><b>M</b>S</span>
|
||||
<!-- logo for regular state and mobile devices -->
|
||||
<span class="logo-lg"><b>molistar</b>管理系统</span>
|
||||
<span class="logo-lg"><b>e-party</b>管理系统</span>
|
||||
</a>
|
||||
<!-- Header Navbar: style can be found in header.less -->
|
||||
<nav class="navbar navbar-static-top" role="navigation">
|
||||
@@ -92,4 +92,12 @@ export default {
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped></style>
|
||||
<style scoped>
|
||||
.navbar,.logo,.user-header{
|
||||
/* background-color: ; */
|
||||
background-color: #04D5C6 !important;
|
||||
}
|
||||
.sidebar-toggle:hover{
|
||||
background-color:#04D5C6 !important;
|
||||
}
|
||||
</style>
|
@@ -250,4 +250,7 @@ export default {
|
||||
|
||||
<style scoped>
|
||||
@import "@/css/main.css";
|
||||
.pull-right{
|
||||
background-color:#04D5C6 !important;
|
||||
}
|
||||
</style>
|
@@ -687,6 +687,23 @@ export default {
|
||||
{ field: 'name.ar', title: '阿语名称', align: 'center', width: '20%' },
|
||||
{ field: 'name.tr', title: '土耳其语名称', align: 'center', width: '20%' },
|
||||
{ field: 'name.pt', title: '葡萄牙语名称', align: 'center', width: '20%' },
|
||||
{
|
||||
field: "pic",
|
||||
title: "座驾样式",
|
||||
align: "center",
|
||||
width: "5%",
|
||||
formatter: function (val, row, index) {
|
||||
if (val) {
|
||||
return (
|
||||
"<img style='max-width: 50px;max-height: 50px' src='" +
|
||||
val +
|
||||
"'>"
|
||||
);
|
||||
} else {
|
||||
return "-";
|
||||
}
|
||||
},
|
||||
},
|
||||
{
|
||||
field: 'partitionFlag',
|
||||
title: '地区',
|
||||
@@ -737,27 +754,9 @@ export default {
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
field: 'radishSale',
|
||||
title: '萝卜购买',
|
||||
align: 'center',
|
||||
width: '5%',
|
||||
formatter: function (val, row, index) {
|
||||
if (val == true) {
|
||||
return "是";
|
||||
} else if (val == false) {
|
||||
return "否";
|
||||
} else {
|
||||
return "-";
|
||||
}
|
||||
}
|
||||
},
|
||||
{ field: 'originalPrice', title: '原价(钻石)', align: 'center', width: '5%' },
|
||||
{ field: 'price', title: '购买价格(钻石)', align: 'center', width: '5%' },
|
||||
{ field: 'renewPrice', title: '续费价格(钻石)', align: 'center', width: '5%' },
|
||||
{ field: 'radishOriginalPrice', title: '原价(萝卜)', align: 'center', width: '5%' },
|
||||
{ field: 'radishPrice', title: '购买价格(萝卜)', align: 'center', width: '5%' },
|
||||
{ field: 'radishRenewPrice', title: '续费价格(萝卜)', align: 'center', width: '5%' },
|
||||
{
|
||||
field: 'enable', title: '启用状态', align: 'center', width: '15%', formatter: function (val, row, index) {
|
||||
if (val == 1) {
|
||||
|
@@ -5,8 +5,9 @@
|
||||
<div class="block">
|
||||
<span class="demonstration">开始时间</span>
|
||||
<el-date-picker v-model="inquire.time[0]"
|
||||
type="dates"
|
||||
placeholder="开始时间">
|
||||
type="date"
|
||||
placeholder="开始时间"
|
||||
format="YYYY-MM-DD">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
</div>
|
||||
@@ -14,8 +15,9 @@
|
||||
<div class="block">
|
||||
<span class="demonstration">结束时间</span>
|
||||
<el-date-picker v-model="inquire.time[1]"
|
||||
type="dates"
|
||||
placeholder="结束时间">
|
||||
type="date"
|
||||
placeholder="结束时间"
|
||||
format="YYYY-MM-DD">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
</div>
|
||||
@@ -237,7 +239,7 @@ export default {
|
||||
loading: false,
|
||||
// 查询条件
|
||||
inquire: {
|
||||
time: [],
|
||||
time: this.calculateLastSevenDays(),
|
||||
},
|
||||
// 表格
|
||||
tableData: [{ x: "x" }],
|
||||
@@ -252,7 +254,7 @@ export default {
|
||||
};
|
||||
},
|
||||
created () {
|
||||
// this.getData();
|
||||
this.getData();
|
||||
},
|
||||
computed: {
|
||||
// 千分位
|
||||
@@ -265,6 +267,13 @@ export default {
|
||||
|
||||
},
|
||||
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);
|
||||
|
@@ -1,162 +1,166 @@
|
||||
<template>
|
||||
<!-- 表格 -->
|
||||
<el-table v-loading="loading"
|
||||
:data="tableData"
|
||||
border
|
||||
style="width: 100%; margin-top: 25px">
|
||||
<el-table-column align="center"
|
||||
label="日期"
|
||||
width="220px">
|
||||
<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
|
||||
prop="totalNewCount"
|
||||
align="center"
|
||||
label="全服公会总新增"
|
||||
/>
|
||||
|
||||
<el-table-column align="center"
|
||||
label="阿拉伯公会总新增"
|
||||
width="">
|
||||
<el-table-column align="center" label="阿拉伯公会总新增" width="">
|
||||
<template v-slot="scope">
|
||||
<el-button @click="
|
||||
<el-button
|
||||
@click="
|
||||
detailsTitle = '阿拉伯公会总新增' + scope.row.date;
|
||||
edi(scope.row.arNewCountDetail, false);
|
||||
"
|
||||
type="text"
|
||||
size="small">
|
||||
type="text"
|
||||
size="small"
|
||||
>
|
||||
{{ scope.row.arNewCount }}
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center"
|
||||
label="英语区总新增"
|
||||
width="">
|
||||
<el-table-column align="center" label="英语区总新增" width="">
|
||||
<template v-slot="scope">
|
||||
<el-button @click="
|
||||
<el-button
|
||||
@click="
|
||||
detailsTitle = '英语区总新增' + scope.row.date;
|
||||
edi(scope.row.enNewCountDetail, false);
|
||||
"
|
||||
type="text"
|
||||
size="small">
|
||||
type="text"
|
||||
size="small"
|
||||
>
|
||||
{{ scope.row.enNewCount }}
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center"
|
||||
label="华语区总新增"
|
||||
width="">
|
||||
<el-table-column align="center" label="华语区总新增" width="">
|
||||
<template v-slot="scope">
|
||||
<el-button @click="
|
||||
<el-button
|
||||
@click="
|
||||
detailsTitle = '华语区总新增' + scope.row.date;
|
||||
edi(scope.row.zhNewCountDetail, false);
|
||||
"
|
||||
type="text"
|
||||
size="small">
|
||||
type="text"
|
||||
size="small"
|
||||
>
|
||||
{{ scope.row.zhNewCount }}
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center"
|
||||
label="土耳其区总新增"
|
||||
width="">
|
||||
<el-table-column align="center" label="土耳其区总新增" width="">
|
||||
<template v-slot="scope">
|
||||
<el-button @click="
|
||||
<el-button
|
||||
@click="
|
||||
detailsTitle = '土耳其区总新增' + scope.row.date;
|
||||
edi(scope.row.trNewCountDetail, false);
|
||||
"
|
||||
type="text"
|
||||
size="small">
|
||||
type="text"
|
||||
size="small"
|
||||
>
|
||||
{{ scope.row.trNewCount }}
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center"
|
||||
label="英语2区总新增"
|
||||
width="">
|
||||
<el-table-column align="center" label="英语2区总新增" width="">
|
||||
<template v-slot="scope">
|
||||
<el-button @click="
|
||||
<el-button
|
||||
@click="
|
||||
detailsTitle = '英语2区总新增' + scope.row.date;
|
||||
edi(scope.row.en2NewCountDetail, false);
|
||||
"
|
||||
type="text"
|
||||
size="small">
|
||||
type="text"
|
||||
size="small"
|
||||
>
|
||||
{{ scope.row.en2NewCount }}
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column prop="totalActiveCount"
|
||||
align="center"
|
||||
label="全服公会活跃度" />
|
||||
<el-table-column
|
||||
prop="totalActiveCount"
|
||||
align="center"
|
||||
label="全服公会活跃度"
|
||||
/>
|
||||
|
||||
<el-table-column align="center"
|
||||
label="阿拉伯公会活跃度"
|
||||
width="">
|
||||
<el-table-column align="center" label="阿拉伯公会活跃度" width="">
|
||||
<template v-slot="scope">
|
||||
<el-button @click="
|
||||
<el-button
|
||||
@click="
|
||||
detailsTitle = '阿拉伯公会活跃度' + scope.row.date;
|
||||
edi(scope.row.arActiveCountDetail, true);
|
||||
"
|
||||
type="text"
|
||||
size="small">
|
||||
type="text"
|
||||
size="small"
|
||||
>
|
||||
{{ scope.row.arActiveCount }}
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center"
|
||||
label="英语区活跃度"
|
||||
width="">
|
||||
<el-table-column align="center" label="英语区活跃度" width="">
|
||||
<template v-slot="scope">
|
||||
<el-button @click="
|
||||
<el-button
|
||||
@click="
|
||||
detailsTitle = '英语区活跃度' + scope.row.date;
|
||||
edi(scope.row.enActiveCountDetail, true);
|
||||
"
|
||||
type="text"
|
||||
size="small">
|
||||
type="text"
|
||||
size="small"
|
||||
>
|
||||
{{ scope.row.enActiveCount }}
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center"
|
||||
label="华语区活跃度"
|
||||
width="">
|
||||
<el-table-column align="center" label="华语区活跃度" width="">
|
||||
<template v-slot="scope">
|
||||
<el-button @click="
|
||||
<el-button
|
||||
@click="
|
||||
detailsTitle = '华语区活跃度' + scope.row.date;
|
||||
edi(scope.row.zhActiveCountDetail, true);
|
||||
"
|
||||
type="text"
|
||||
size="small">
|
||||
type="text"
|
||||
size="small"
|
||||
>
|
||||
{{ scope.row.zhActiveCount }}
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center"
|
||||
label="土耳其区活跃度"
|
||||
width="">
|
||||
<el-table-column align="center" label="土耳其区活跃度" width="">
|
||||
<template v-slot="scope">
|
||||
<el-button @click="
|
||||
<el-button
|
||||
@click="
|
||||
detailsTitle = '土耳其区活跃度' + scope.row.date;
|
||||
edi(scope.row.trActiveCountDetail, true);
|
||||
"
|
||||
type="text"
|
||||
size="small">
|
||||
type="text"
|
||||
size="small"
|
||||
>
|
||||
{{ scope.row.trActiveCount }}
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center"
|
||||
label="英语2区活跃度"
|
||||
width="">
|
||||
<el-table-column align="center" label="英语2区活跃度" width="">
|
||||
<template v-slot="scope">
|
||||
<el-button @click="
|
||||
<el-button
|
||||
@click="
|
||||
detailsTitle = '英语2区活跃度' + scope.row.date;
|
||||
edi(scope.row.en2ActiveCountDetail, true);
|
||||
"
|
||||
type="text"
|
||||
size="small">
|
||||
type="text"
|
||||
size="small"
|
||||
>
|
||||
{{ scope.row.en2ActiveCount }}
|
||||
</el-button>
|
||||
</template>
|
||||
@@ -177,51 +181,70 @@
|
||||
/> -->
|
||||
|
||||
<!-- 详情 -->
|
||||
<el-dialog v-model="detailsDialog"
|
||||
:title="detailsTitle"
|
||||
width="50%"
|
||||
center>
|
||||
<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="activeMemberCount"
|
||||
align="center"
|
||||
label="本周收礼主播数" />
|
||||
<el-table-column prop="guildGoldFlow"
|
||||
align="center"
|
||||
label="本周公会钻石流水" />
|
||||
<el-table-column prop="guildDiamondFlow"
|
||||
align="center"
|
||||
label="本周公会金币流水" />
|
||||
<el-table-column prop="lastGuildGoldFlow"
|
||||
align="center"
|
||||
label="上周公会钻石流水"
|
||||
v-if="detailsIsShow" />
|
||||
<el-table-column prop="guildGoldFlowWow"
|
||||
align="center"
|
||||
label="周环比"
|
||||
v-if="detailsIsShow">
|
||||
<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) + '%'
|
||||
scope.row.lastGuildGoldFlow === 0
|
||||
? "--"
|
||||
: formatPercentage(
|
||||
scope.row.guildGoldFlow / scope.row.lastGuildGoldFlow
|
||||
) + "%"
|
||||
}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
@@ -229,9 +252,9 @@
|
||||
<!-- 操作 -->
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
<el-button type="primary"
|
||||
class="primary"
|
||||
@click="detailsDialog = false">关闭</el-button>
|
||||
<el-button type="primary" class="primary" @click="detailsDialog = false"
|
||||
>关闭</el-button
|
||||
>
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
@@ -242,7 +265,7 @@ import { dateFormat } from "@/utils/system-helper";
|
||||
import { ElMessage } from "element-plus";
|
||||
export default {
|
||||
name: "guildStatisticsData",
|
||||
data () {
|
||||
data() {
|
||||
return {
|
||||
loading: false,
|
||||
// 查询条件
|
||||
@@ -262,12 +285,23 @@ export default {
|
||||
detailsIsShow: false,
|
||||
};
|
||||
},
|
||||
created () {
|
||||
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 () {
|
||||
getData() {
|
||||
this.loading = true;
|
||||
let time = this.inquire.time;
|
||||
let startTime = null;
|
||||
@@ -298,19 +332,19 @@ export default {
|
||||
});
|
||||
},
|
||||
// 详情
|
||||
edi (res, type) {
|
||||
edi(res, type) {
|
||||
this.detailsIsShow = type;
|
||||
this.tableDataIn = JSON.parse(res);
|
||||
this.detailsDialog = true;
|
||||
},
|
||||
formatPercentage (value) {
|
||||
formatPercentage(value) {
|
||||
return parseFloat((value * 100).toFixed(2));
|
||||
},
|
||||
// 分页导航
|
||||
handleSizeChange () {
|
||||
handleSizeChange() {
|
||||
this.getData();
|
||||
},
|
||||
handleCurrentChange () {
|
||||
handleCurrentChange() {
|
||||
this.getData();
|
||||
},
|
||||
},
|
||||
@@ -361,4 +395,4 @@ export default {
|
||||
margin: -25px 0 20px 0px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
185
src/views/data/userGameDataDetails.vue
Normal file
185
src/views/data/userGameDataDetails.vue
Normal file
@@ -0,0 +1,185 @@
|
||||
<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.erbanNo"
|
||||
placeholder="请输入用户ID"
|
||||
class="input"
|
||||
></el-input>
|
||||
</div>
|
||||
<div class="inquire">
|
||||
<span class="demonstration">游戏渠道</span>
|
||||
<el-select v-model="formData.entrance" placeholder="请选择">
|
||||
<el-option label="全部" :value="''"></el-option>
|
||||
<el-option label="首页" :value="1"></el-option>
|
||||
<el-option label="房间" :value="2"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="inquire" style="margin-top: 20px">
|
||||
<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>
|
||||
<div class="title_txt">
|
||||
<span>游戏总耗时:{{ totalDurationFormatter }} </span>
|
||||
<span>游戏次数:{{ roundCount }} </span>
|
||||
<span>消耗钻石完成次数:{{ paidRoundCount }} </span>
|
||||
</div>
|
||||
<!-- 表格数据 -->
|
||||
<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="partitionDesc" align="center" label="分区" />
|
||||
<el-table-column prop="mgName" align="center" label="游戏昵称" />
|
||||
<el-table-column prop="mgId" align="center" label="游戏ID" />
|
||||
<el-table-column prop="startTime" align="center" label="游戏开始时间" />
|
||||
<el-table-column prop="playerNum" align="center" label="游戏参与人数" />
|
||||
<el-table-column prop="durationFormatter" align="center" label="游戏耗时" />
|
||||
<el-table-column prop="erbanNo" align="center" label="用户ID" />
|
||||
<el-table-column prop="nick" align="center" label="用户昵称" />
|
||||
<el-table-column prop="entranceDesc" align="center" label="游戏渠道" />
|
||||
<el-table-column prop="ticket" align="center" label="消耗钻石" />
|
||||
<el-table-column prop="isWinner" align="center" label="赢家" >
|
||||
<template v-slot="scope">
|
||||
{{ scope.row.isWinner? '是' : '否' }}
|
||||
</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 PartitionSelect from "../common/partitionSelect.vue";
|
||||
export default {
|
||||
name: "userGameDataDetails",
|
||||
components: { PartitionSelect },
|
||||
};
|
||||
</script>
|
||||
<script setup>
|
||||
import { ref, onMounted, reactive, computed } from "vue";
|
||||
import { ElMessage, ElMessageBox } from "element-plus";
|
||||
import { dateFormat } from "@/utils/system-helper";
|
||||
import {getMiniGameLudoList } from "@/api/users/userGameDataDetails.js";
|
||||
const dataTime = ref("");
|
||||
const formData = reactive({
|
||||
partitionId: undefined,
|
||||
pageNo: 1,
|
||||
pageSize: 10,
|
||||
erbanNo: "",
|
||||
startTime: "",
|
||||
endTime: "",
|
||||
entrance:''
|
||||
});
|
||||
const tableData = reactive({
|
||||
data: [],
|
||||
total: 0,
|
||||
loading: false,
|
||||
});
|
||||
const paidRoundCount = ref('0');
|
||||
const roundCount = ref('0');
|
||||
const totalDurationFormatter = ref('0');
|
||||
const getData = () => {
|
||||
tableData.loading = true;
|
||||
if (dataTime.value && dataTime.value.length > 0) {
|
||||
formData.startTime = dateFormat(dataTime.value[0], "yyyy-MM-dd");
|
||||
formData.endTime = dateFormat(dataTime.value[1], "yyyy-MM-dd");
|
||||
} else {
|
||||
formData.startTime = dataTime.value;
|
||||
formData.endTime = dataTime.value;
|
||||
}
|
||||
getMiniGameLudoList(formData).then((res) => {
|
||||
if (res.code === 200) {
|
||||
tableData.data = res.data.page.records;
|
||||
tableData.total = res.data.page.total;
|
||||
tableData.loading = false;
|
||||
if(formData.pageNo == 1){
|
||||
paidRoundCount.value = res.data.paidRoundCount;
|
||||
roundCount.value = res.data.roundCount;
|
||||
totalDurationFormatter.value = res.data.totalDurationFormatter;
|
||||
}
|
||||
} else {
|
||||
tableData.loading = false;
|
||||
ElMessage.error(res.message);
|
||||
}
|
||||
});
|
||||
};
|
||||
const handleSizeChange = (val) => {
|
||||
formData.pageSize = val;
|
||||
getData();
|
||||
};
|
||||
const handleCurrentChange = (val) => {
|
||||
formData.pageNo = val;
|
||||
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;
|
||||
}
|
||||
.title_txt{
|
||||
font-weight: 600;
|
||||
margin-top: 20px;
|
||||
span{
|
||||
margin-right: 20px;
|
||||
}
|
||||
}
|
||||
</style>
|
@@ -27,13 +27,13 @@
|
||||
v-model:after-init="getData" />
|
||||
</el-form-item>
|
||||
<el-form-item label="公会ID"
|
||||
prop="agencyId">
|
||||
<el-input v-model.trim="searchForm.agencyId"
|
||||
prop="guildId">
|
||||
<el-input v-model.trim="searchForm.guildId"
|
||||
placeholder="请输入"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="公会长ID"
|
||||
prop="agencyOwnerId">
|
||||
<el-input v-model.trim="searchForm.agencyOwnerId"
|
||||
prop="guildOwnerErbanNo">
|
||||
<el-input v-model.trim="searchForm.guildOwnerErbanNo"
|
||||
placeholder="请输入"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="周期"
|
||||
@@ -74,44 +74,55 @@
|
||||
prop="partitionDesc"
|
||||
label="分区"> </el-table-column>
|
||||
<el-table-column align="center"
|
||||
prop="agencyId"
|
||||
prop="guildId"
|
||||
label="公会ID">
|
||||
</el-table-column>
|
||||
<el-table-column align="center"
|
||||
prop="agencyName"
|
||||
prop="guildName"
|
||||
label="公会名称">
|
||||
</el-table-column>
|
||||
<el-table-column align="center"
|
||||
prop="hallMemberCount"
|
||||
prop="memberCount"
|
||||
label="主播人数">
|
||||
</el-table-column>
|
||||
<!-- <el-table-column align="center" prop="agencyAbbr" label="公会国家"> </el-table-column> -->
|
||||
<el-table-column align="center"
|
||||
prop="agencyErbanNo"
|
||||
prop="guildOwnerUid"
|
||||
label="公会长ID">
|
||||
</el-table-column>
|
||||
<el-table-column align="center"
|
||||
prop="agencyRegionName"
|
||||
prop="guildOwnerRegionId"
|
||||
label="公会长地区">
|
||||
</el-table-column>
|
||||
<el-table-column align="center"
|
||||
prop="energyValue"
|
||||
prop="diamondNum"
|
||||
label="总钻石流水">
|
||||
<template v-slot="scope">
|
||||
{{
|
||||
scope.row.energyValue
|
||||
scope.row.diamondNum
|
||||
}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center"
|
||||
prop="salaryRate"
|
||||
label="公会长薪资比例">
|
||||
<template v-slot="scope">
|
||||
{{ scope.row.salaryRate ? scope.row.salaryRate + "%" : "0%" }}
|
||||
prop="activeMemberCount"
|
||||
label="公会有效主播">
|
||||
</el-table-column>
|
||||
<el-table-column align="center"
|
||||
prop="activeMemberBonusRatio"
|
||||
label="公会有效主播薪资比例">
|
||||
<template v-slot="scope">
|
||||
{{ toPercentage(scope.row.activeMemberBonusRatio) }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center"
|
||||
prop="hallSalary"
|
||||
prop="baseSalaryRatio"
|
||||
label="公会长薪资比例">
|
||||
<template v-slot="scope">
|
||||
{{ toPercentage(scope.row.baseSalaryRatio) }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center"
|
||||
prop="totalSalary"
|
||||
label="公会长薪资">
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
@@ -154,8 +165,8 @@ export default {
|
||||
},
|
||||
// 搜索表单相关
|
||||
searchForm: {
|
||||
agencyOwnerId: null,
|
||||
agencyId: null,
|
||||
guildOwnerErbanNo: null,
|
||||
guildId: null,
|
||||
dateCycle: null,
|
||||
region: null,
|
||||
partitionId: undefined,
|
||||
@@ -305,7 +316,11 @@ export default {
|
||||
},
|
||||
headerCopy(column, e) {
|
||||
this.$copy(column.label);
|
||||
}
|
||||
},
|
||||
// 百分比
|
||||
toPercentage (value) {
|
||||
return (value * 100).toFixed(2) + "%";
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
convertTimestamp1() {
|
||||
|
318
src/views/guildOperationManagement/agentSendGameSalary.vue
Normal file
318
src/views/guildOperationManagement/agentSendGameSalary.vue
Normal file
@@ -0,0 +1,318 @@
|
||||
<template>
|
||||
<div class="agent-send-salary">
|
||||
<div class="container">
|
||||
<div class="handle-box">
|
||||
<el-form
|
||||
ref="searchForm"
|
||||
:model="searchForm"
|
||||
:rules="searchRule"
|
||||
label-width="90px"
|
||||
:disabled="tableLoading"
|
||||
>
|
||||
<div class="search-line">
|
||||
<el-form-item label="分区" prop="partitionId">
|
||||
<partition-select v-model:partition-id="searchForm.partitionId"
|
||||
v-model:partition-infos="partitionArr"
|
||||
v-model:after-init="getData"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="充值代理ID" prop="chargeAgentErbanNo">
|
||||
<el-input
|
||||
v-model.trim="searchForm.chargeAgentErbanNo"
|
||||
placeholder="请输入"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="主播ID" prop="erbanNo">
|
||||
<el-input
|
||||
v-model.trim="searchForm.erbanNo"
|
||||
placeholder="请输入"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="时间" class="large">
|
||||
<el-form-item prop="startTime">
|
||||
<el-date-picker
|
||||
type="datetime"
|
||||
placeholder="选择开始时间"
|
||||
v-model="searchForm.startTime"
|
||||
></el-date-picker>
|
||||
</el-form-item>
|
||||
<el-col :span="2" align="center">-</el-col>
|
||||
<el-form-item prop="endTime">
|
||||
<el-date-picker
|
||||
type="datetime"
|
||||
placeholder="选择结束时间"
|
||||
v-model="searchForm.endTime"
|
||||
></el-date-picker>
|
||||
</el-form-item>
|
||||
</el-form-item>
|
||||
<div class='title'>统计时间按照东八区统计。东三区时间筛选需要增加5小时!!!!!</div>
|
||||
|
||||
<el-form-item label-width="40px">
|
||||
<el-button type="primary" @click="handSearch">搜索</el-button>
|
||||
<el-button plain @click="resetSearchForm">重置搜索</el-button>
|
||||
<el-button type="primary" @click="chargeGameAgentExportFun"
|
||||
>导出</el-button
|
||||
>
|
||||
</el-form-item>
|
||||
</div>
|
||||
</el-form>
|
||||
<el-button type="text" class="total"
|
||||
>转增薪资总额:{{ total ? total.toLocaleString() : "0" }}</el-button
|
||||
>
|
||||
</div>
|
||||
<div class="table">
|
||||
<el-table
|
||||
:data="tableData"
|
||||
border
|
||||
v-loading="tableLoading"
|
||||
@header-click="headerCopy"
|
||||
style="width: 100%"
|
||||
>
|
||||
<el-table-column align="center" prop="partitionDesc" label="分区">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="receiveErbano"
|
||||
label="充值代理ID"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="receiveNick"
|
||||
label="充值代理昵称"
|
||||
>
|
||||
</el-table-column>
|
||||
<!-- <el-table-column
|
||||
align="center"
|
||||
prop="receiveAbbr"
|
||||
label="充值代理国家"
|
||||
>
|
||||
</el-table-column> -->
|
||||
<el-table-column align="center" prop="erbano" label="主播ID">
|
||||
</el-table-column>
|
||||
<el-table-column align="center" prop="nick" label="主播昵称">
|
||||
</el-table-column>
|
||||
<!-- <el-table-column align="center" prop="abbr" label="主播国家">
|
||||
</el-table-column> -->
|
||||
<el-table-column align="center" prop="tradeUsb" label="转增游戏薪资">
|
||||
</el-table-column>
|
||||
<el-table-column align="center" prop="gold" label="对应金币数">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="createTimeStr"
|
||||
label="创建时间"
|
||||
width="160"
|
||||
>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
<table-pagination
|
||||
:pageParams="pageParams"
|
||||
:pageTotal="pageTotal"
|
||||
:page-sizes="[10, 20, 100, 200]"
|
||||
@handleSizeChange="handleSizeChange"
|
||||
@handlePageChange="handlePageChange"
|
||||
></table-pagination>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
chargeGameAgentList,
|
||||
chargeGameAgentSum,
|
||||
chargeGameAgentExport,
|
||||
} from "@/api/relAgency/relAgency.js";
|
||||
import TablePagination from "@/components/common/TablePagination";
|
||||
import { formatDate, formatDateYMD } from "@/utils/relDate";
|
||||
import { dateFormat } from "@/utils/system-helper";
|
||||
// @ts-ignore
|
||||
import { ElMessage } from "element-plus";
|
||||
import { ref } from "vue";
|
||||
import PartitionSelect from "@/views/common/partitionSelect.vue";
|
||||
export default {
|
||||
name: "agentSendGameSalary",
|
||||
components: {PartitionSelect, TablePagination },
|
||||
data() {
|
||||
return {
|
||||
total: 0,
|
||||
btnLoading: false, // 导出弹出框(dialog)的确认按钮
|
||||
tableLoading: false, // 表格是否加载中
|
||||
|
||||
tableData: [], // 接口返回的表格数据
|
||||
pageTotal: 0, // 接口返回的表格总条数
|
||||
pageParams: {
|
||||
pageNo: 1,
|
||||
pageSize: 20,
|
||||
},
|
||||
// 搜索表单相关
|
||||
searchForm: {
|
||||
erbanNo: null,
|
||||
chargeAgentErbanNo: null,
|
||||
startTime: null,
|
||||
endTime: null,
|
||||
partitionId: undefined,
|
||||
},
|
||||
partitionArr: [],
|
||||
searchRule: {
|
||||
startTime: [
|
||||
{
|
||||
validator: (rule, value, callback) => {
|
||||
this.$refs["searchForm"].validateField("endTime");
|
||||
callback();
|
||||
},
|
||||
trigger: "change",
|
||||
},
|
||||
],
|
||||
endTime: [
|
||||
{
|
||||
validator: (rule, value, callback) => {
|
||||
const { startTime } = this.searchForm;
|
||||
if (startTime !== null && startTime !== "" && value) {
|
||||
if (value <= startTime) {
|
||||
callback(new Error("须晚于开始时间"));
|
||||
} else {
|
||||
callback();
|
||||
}
|
||||
} else {
|
||||
callback();
|
||||
}
|
||||
},
|
||||
trigger: "change",
|
||||
},
|
||||
],
|
||||
},
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
getData() {
|
||||
this.tableLoading = true;
|
||||
|
||||
let { pageParams, searchForm } = this;
|
||||
console.log(searchForm);
|
||||
searchForm.startTime = searchForm.startTime
|
||||
? dateFormat(searchForm.startTime, "yyyy-MM-dd hh:mm:ss")
|
||||
: null;
|
||||
searchForm.endTime = searchForm.endTime
|
||||
? dateFormat(searchForm.endTime, "yyyy-MM-dd hh:mm:ss")
|
||||
: null;
|
||||
searchForm = JSON.parse(JSON.stringify(searchForm));
|
||||
pageParams = JSON.parse(JSON.stringify(pageParams));
|
||||
Object.keys(searchForm).forEach((item) => {
|
||||
if (
|
||||
!searchForm[item] ||
|
||||
(searchForm[item] !== undefined && searchForm[item] === "")
|
||||
) {
|
||||
delete searchForm[item];
|
||||
}
|
||||
});
|
||||
Object.assign(pageParams, searchForm);
|
||||
console.log(pageParams);
|
||||
|
||||
chargeGameAgentList(pageParams).then((res) => {
|
||||
this.tableLoading = false;
|
||||
if (res.code == 200) {
|
||||
let data = res.data;
|
||||
this.tableData = data.records;
|
||||
this.pageTotal = data.total;
|
||||
} else {
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: res.message,
|
||||
type: "error",
|
||||
});
|
||||
}
|
||||
});
|
||||
chargeGameAgentSum(pageParams).then((res) => {
|
||||
if (res.code == 200) {
|
||||
this.total = res.data;
|
||||
} else {
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: res.message,
|
||||
type: "error",
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
// 导出
|
||||
chargeGameAgentExportFun() {
|
||||
|
||||
let { pageParams, searchForm } = this;
|
||||
console.log(searchForm);
|
||||
searchForm.startTime = searchForm.startTime
|
||||
? dateFormat(searchForm.startTime, "yyyy-MM-dd hh:mm:ss")
|
||||
: null;
|
||||
searchForm.endTime = searchForm.endTime
|
||||
? dateFormat(searchForm.endTime, "yyyy-MM-dd hh:mm:ss")
|
||||
: null;
|
||||
searchForm = JSON.parse(JSON.stringify(searchForm));
|
||||
pageParams = JSON.parse(JSON.stringify(pageParams));
|
||||
Object.keys(searchForm).forEach((item) => {
|
||||
if (
|
||||
!searchForm[item] ||
|
||||
(searchForm[item] !== undefined && searchForm[item] === "")
|
||||
) {
|
||||
delete searchForm[item];
|
||||
}
|
||||
});
|
||||
Object.assign(pageParams, searchForm);
|
||||
console.log(pageParams);
|
||||
|
||||
chargeGameAgentExport(pageParams).then((res) => {});
|
||||
},
|
||||
// 点击搜索
|
||||
handSearch() {
|
||||
this.$refs["searchForm"].validate((valid) => {
|
||||
if (valid) {
|
||||
this.pageParams.pageNo = 1;
|
||||
this.getData();
|
||||
}
|
||||
});
|
||||
},
|
||||
// 重置搜索表单
|
||||
resetSearchForm() {
|
||||
this.$refs["searchForm"].resetFields();
|
||||
this.pageParams.pageNo = 1;
|
||||
this.getData();
|
||||
},
|
||||
|
||||
// 分页导航
|
||||
handleSizeChange(val) {
|
||||
// this.$set(this.pageParams, 'pageSize', val);
|
||||
this.pageParams.pageSize = val;
|
||||
this.getData();
|
||||
},
|
||||
handlePageChange(val) {
|
||||
// this.$set(this.pageParams, 'pageNo', val);
|
||||
this.pageParams.pageNo = val;
|
||||
this.getData();
|
||||
},
|
||||
headerCopy(column, e) {
|
||||
this.$copy(column.label);
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scope>
|
||||
.exportBtn {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.total {
|
||||
font-size: 18px;
|
||||
}
|
||||
.container {
|
||||
width: 100%;
|
||||
}
|
||||
.search-line {
|
||||
width: 38%;
|
||||
}
|
||||
.title{
|
||||
color: red;
|
||||
font-size: 16px;
|
||||
margin-bottom: 18px;
|
||||
margin-left:40px;
|
||||
}
|
||||
</style>
|
657
src/views/guildOperationManagement/anchorGameSalaryOperation.vue
Normal file
657
src/views/guildOperationManagement/anchorGameSalaryOperation.vue
Normal file
@@ -0,0 +1,657 @@
|
||||
<template>
|
||||
<div class="anchor-salary-operate">
|
||||
<div class="container">
|
||||
<div class="handle-box">
|
||||
<el-form
|
||||
ref="searchForm"
|
||||
:model="searchForm"
|
||||
:rules="searchRule"
|
||||
label-width="90px"
|
||||
:disabled="tableLoading"
|
||||
>
|
||||
<div class="search-line">
|
||||
<el-form-item label="分区" prop="partitionId">
|
||||
<partition-select
|
||||
v-model:partition-id="searchForm.partitionId"
|
||||
v-model:partition-infos="partitionArr"
|
||||
v-model:after-init="getData"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="主播ID" prop="erbanNo">
|
||||
<el-input
|
||||
v-model.trim="searchForm.erbanNo"
|
||||
placeholder="请输入"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="公会ID" prop="agencyId">
|
||||
<el-input
|
||||
v-model.trim="searchForm.agencyId"
|
||||
placeholder="请输入"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="公会长ID" prop="agencyOwnerId">
|
||||
<el-input
|
||||
v-model.trim="searchForm.agencyOwnerId"
|
||||
placeholder="请输入"
|
||||
></el-input>
|
||||
</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"
|
||||
:label="item.startDateStr + '~' + item.endDateStr"
|
||||
:value="item.dateCycle"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label-width="40px">
|
||||
<el-button type="primary" @click="handSearch">搜索</el-button>
|
||||
<el-button plain @click="resetSearchForm">重置搜索</el-button>
|
||||
</el-form-item>
|
||||
</div>
|
||||
</el-form>
|
||||
</div>
|
||||
<div class="table">
|
||||
<el-table
|
||||
:data="tableData"
|
||||
border
|
||||
v-loading="tableLoading"
|
||||
@header-click="headerCopy"
|
||||
style="width: 100%"
|
||||
>
|
||||
<!-- <el-table-column align="center" prop="dateCycle" label="周期" width="105">
|
||||
<template v-slot="scope">
|
||||
{{ dateCycleType(scope.row.dateCycle) }}
|
||||
</template>
|
||||
</el-table-column> -->
|
||||
<el-table-column align="center" prop="partitionDesc" label="分区" />
|
||||
<el-table-column align="center" prop="erbano" label="主播ID">
|
||||
</el-table-column>
|
||||
<el-table-column align="center" prop="nick" label="主播昵称">
|
||||
</el-table-column>
|
||||
<el-table-column align="center" prop="agencyId" label="公会ID">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="agencyOwnerErbanNo"
|
||||
label="公会长ID"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="agencyOwnerRegionDesc"
|
||||
label="公会长地区"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="gameUsd"
|
||||
label="本周起获得游戏薪资"
|
||||
>
|
||||
<template v-slot="scope">
|
||||
<el-button type="text" @click="handleOpen(0, scope.row)">
|
||||
{{ scope.row.gameUsd + "us" }}
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="receiveUsd"
|
||||
label="本周期已领取的薪资"
|
||||
>
|
||||
<template v-slot="scope">
|
||||
<el-button type="text" @click="handleOpen(1, scope.row)">
|
||||
{{ scope.row.receiveUsd + "us" }}
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="usbToAgent"
|
||||
label="薪资转增代理"
|
||||
>
|
||||
<template v-slot="scope">
|
||||
<el-button type="text" @click="handleOpen(3, scope.row)">
|
||||
{{ scope.row.usbToAgent + "us" }}
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="usbToOwner"
|
||||
label="薪资转增公会长"
|
||||
>
|
||||
<template v-slot="scope">
|
||||
<el-button type="text" @click="handleOpen(4, scope.row)">
|
||||
{{ scope.row.usbToOwner + "us" }}
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="officialWithdram"
|
||||
label="官方提现"
|
||||
>
|
||||
<template v-slot="scope">
|
||||
<el-button type="text" @click="handleOpen(5, scope.row)">
|
||||
{{ scope.row.officialWithdram + "us" }}
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center"
|
||||
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 align="center" prop="usb" label="剩余薪资">
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
<table-pagination
|
||||
:pageParams="pageParams"
|
||||
:pageTotal="pageTotal"
|
||||
:page-sizes="[10, 20, 100, 200]"
|
||||
@handleSizeChange="handleSizeChange"
|
||||
@handlePageChange="handlePageChange"
|
||||
></table-pagination>
|
||||
</div>
|
||||
|
||||
<!-- 弹出框 -->
|
||||
<el-dialog :title="dialogTitle" v-model="dialogVisible" width="60%">
|
||||
<el-table
|
||||
:data="dialogData"
|
||||
border
|
||||
class="received-table"
|
||||
v-loading="dialogLoading"
|
||||
>
|
||||
<el-table-column prop="createTime" label="日期" align="center">
|
||||
<template v-slot="scope">{{
|
||||
convertTimestamp(scope.row.createTime)
|
||||
}}</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="nick"
|
||||
label="主播昵称"
|
||||
align="center"
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
prop="erbano"
|
||||
label="主播ID"
|
||||
align="center"
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="playGameNum"
|
||||
label="完成次数"
|
||||
v-if="dialogType == 0"
|
||||
>
|
||||
<template v-slot="scope">
|
||||
{{ scope.row.playGameNum }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="gameUsd"
|
||||
label="获得薪资"
|
||||
v-if="dialogType == 0"
|
||||
>
|
||||
<template v-slot="scope">
|
||||
{{ scope.row.gameUsd }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="tradeUsb"
|
||||
label="领取薪资"
|
||||
v-if="dialogType == 1"
|
||||
>
|
||||
<template v-slot="scope">
|
||||
{{ scope.row.tradeUsb }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="receiveStatDate"
|
||||
label="薪资产生时间"
|
||||
v-if="dialogType == 1"
|
||||
>
|
||||
<template v-slot="scope">
|
||||
{{ scope.row.receiveStatDate }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- 薪资兑换金币6 -->
|
||||
<el-table-column
|
||||
v-if="dialogType == 6"
|
||||
prop="gold"
|
||||
label="兑换金币数量"
|
||||
align="center"
|
||||
>
|
||||
<template v-slot="scope">
|
||||
{{ scope.row.gold ? scope.row.gold.toLocaleString() : "0" }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
v-if="dialogType == 6"
|
||||
prop="tradeUsb"
|
||||
label="兑换薪资数"
|
||||
align="center"
|
||||
>
|
||||
<template v-slot="scope">
|
||||
{{ scope.row.tradeUsb + "us" }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- 薪资转增代理2 -->
|
||||
<el-table-column
|
||||
v-if="dialogType == 2"
|
||||
prop="receiveErbano"
|
||||
label="充值代理ID"
|
||||
align="center"
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
v-if="dialogType == 2"
|
||||
prop="receiveNick"
|
||||
label="充值代理名称"
|
||||
align="center"
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
v-if="dialogType == 2"
|
||||
prop="beforeUsb"
|
||||
label="当前薪资"
|
||||
align="center"
|
||||
>
|
||||
<template v-slot="scope">
|
||||
{{ scope.row.beforeUsb + "us" }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
v-if="dialogType == 2"
|
||||
prop="tradeUsb"
|
||||
label="转增代理"
|
||||
align="center"
|
||||
>
|
||||
<template v-slot="scope">
|
||||
{{ scope.row.tradeUsb + "us" }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- 薪资转增公会长3 -->
|
||||
<el-table-column
|
||||
v-if="dialogType == 3 || dialogType == 4 || dialogType == 9"
|
||||
prop="receiveNick"
|
||||
label="公会长昵称"
|
||||
align="center"
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
v-if="dialogType == 3 || dialogType == 4 || dialogType == 9"
|
||||
prop="receiveErbano"
|
||||
label="公会长ID"
|
||||
align="center"
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
v-if="dialogType == 3"
|
||||
prop="tradeUsb"
|
||||
label="转增公会长"
|
||||
align="center"
|
||||
>
|
||||
<template v-slot="scope">
|
||||
{{ scope.row.tradeUsb + "us" }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- 官方提现4 -->
|
||||
<el-table-column
|
||||
v-if="dialogType == 4"
|
||||
prop="tradeUsb"
|
||||
label="官方提现"
|
||||
align="center"
|
||||
>
|
||||
<template v-slot="scope">
|
||||
{{ scope.row.tradeUsb + "us" }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
v-if="dialogType == 9"
|
||||
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="剩余薪资"
|
||||
v-if="dialogType != 0"
|
||||
>
|
||||
<template v-slot="scope">
|
||||
{{ scope.row.afterUsb + "us" }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<table-pagination
|
||||
:pageParams="pageParams1"
|
||||
:pageTotal="pageTotal1"
|
||||
:page-sizes="[5, 10, 20]"
|
||||
@handleSizeChange="handleSizeChange1"
|
||||
@handlePageChange="handlePageChange1"
|
||||
></table-pagination>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
getDateCycleList,
|
||||
getAnchorGameSalaryBill,
|
||||
anchorGameSalaryBillDetail,
|
||||
} from "@/api/relAgency/relAgency.js";
|
||||
import TablePagination from "@/components/common/TablePagination";
|
||||
import { formatDate, formatDateYMD } from "@/utils/relDate";
|
||||
// @ts-ignore
|
||||
import { ElMessage } from "element-plus";
|
||||
import PartitionSelect from "@/views/common/partitionSelect.vue";
|
||||
|
||||
export default {
|
||||
name: "anchorGameSalaryOperation",
|
||||
components: { PartitionSelect, TablePagination },
|
||||
data() {
|
||||
return {
|
||||
dateCycleList: [],
|
||||
btnLoading: false, // 导出弹出框(dialog)的确认按钮
|
||||
tableLoading: false, // 表格是否加载中
|
||||
|
||||
tableData: [], // 接口返回的表格数据
|
||||
pageTotal: 0, // 接口返回的表格总条数
|
||||
pageParams: {
|
||||
pageNo: 1,
|
||||
pageSize: 20,
|
||||
},
|
||||
// 搜索表单相关
|
||||
searchForm: {
|
||||
agencyOwnerId: null,
|
||||
agencyId: null,
|
||||
dateCycle: null,
|
||||
erbanNo: null,
|
||||
partitionId: undefined,
|
||||
},
|
||||
partitionArr: [],
|
||||
searchRule: {
|
||||
startTime: [
|
||||
{
|
||||
validator: (rule, value, callback) => {
|
||||
this.$refs["searchForm"].validateField("endTime");
|
||||
callback();
|
||||
},
|
||||
trigger: "change",
|
||||
},
|
||||
],
|
||||
endTime: [
|
||||
{
|
||||
validator: (rule, value, callback) => {
|
||||
const { startTime } = this.searchForm;
|
||||
if (startTime !== null && startTime !== "" && value) {
|
||||
if (value <= startTime) {
|
||||
callback(new Error("须晚于开始时间"));
|
||||
} else {
|
||||
callback();
|
||||
}
|
||||
} else {
|
||||
callback();
|
||||
}
|
||||
},
|
||||
trigger: "change",
|
||||
},
|
||||
],
|
||||
},
|
||||
dialogData: [], //弹窗表格数据
|
||||
dialogVisible: false,
|
||||
dialogLoading: false,
|
||||
pageTotal1: 0, // 接口返回的表格总条数
|
||||
pageParams1: {
|
||||
pageNo: 1,
|
||||
pageSize: 10,
|
||||
},
|
||||
dialogParams: {},
|
||||
dialogTitle: "钻石兑换薪资",
|
||||
dialogType: 1,
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getDateCycleList();
|
||||
},
|
||||
methods: {
|
||||
getDateCycleList() {
|
||||
getDateCycleList({ month: 3 }).then((res) => {
|
||||
this.dateCycleList = res.data || [];
|
||||
this.searchForm.dateCycle = res.data
|
||||
? res.data[0].dateCycle
|
||||
: undefined;
|
||||
});
|
||||
},
|
||||
getData() {
|
||||
if (this.searchForm.dateCycle == undefined) {
|
||||
return;
|
||||
}
|
||||
|
||||
this.tableLoading = true;
|
||||
|
||||
let { pageParams, searchForm } = this;
|
||||
searchForm = JSON.parse(JSON.stringify(searchForm));
|
||||
pageParams = JSON.parse(JSON.stringify(pageParams));
|
||||
Object.keys(searchForm).forEach((item) => {
|
||||
if (
|
||||
!searchForm[item] ||
|
||||
(searchForm[item] !== undefined && searchForm[item] === "")
|
||||
) {
|
||||
delete searchForm[item];
|
||||
}
|
||||
});
|
||||
Object.assign(pageParams, searchForm);
|
||||
|
||||
getAnchorGameSalaryBill(pageParams).then((res) => {
|
||||
this.tableLoading = false;
|
||||
if (res.code == 200) {
|
||||
let data = res.data;
|
||||
this.tableData = data.records;
|
||||
this.pageTotal = data.total;
|
||||
} else {
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: res.message,
|
||||
type: "error",
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
// 弹窗
|
||||
handleOpen(index, row) {
|
||||
console.log(index, "----------");
|
||||
switch (index) {
|
||||
case 0:
|
||||
this.dialogTitle = "本周起获得游戏薪资";
|
||||
this.dialogType = 0;
|
||||
break;
|
||||
case 1:
|
||||
this.dialogTitle = "本周期已领取的薪资";
|
||||
this.dialogType = 1;
|
||||
break;
|
||||
case 3:
|
||||
this.dialogTitle = "薪资转增代理";
|
||||
this.dialogType = 2;
|
||||
break;
|
||||
case 4:
|
||||
this.dialogTitle = "薪资转增公会长";
|
||||
this.dialogType = 3;
|
||||
break;
|
||||
case 5:
|
||||
this.dialogTitle = "官方提现";
|
||||
this.dialogType = 4;
|
||||
break;
|
||||
case 2:
|
||||
this.dialogTitle = "薪资兑换金币";
|
||||
this.dialogType = 6;
|
||||
break;
|
||||
case 9:
|
||||
this.dialogTitle = "官方操作";
|
||||
this.dialogType = 9;
|
||||
break;
|
||||
default:
|
||||
break;
|
||||
}
|
||||
this.dialogParams = {
|
||||
salaryType: String(index),
|
||||
dateCycle: this.searchForm.dateCycle,
|
||||
uid: row.uid,
|
||||
hallId: row.hallId,
|
||||
};
|
||||
this.pageParams1 = {
|
||||
pageNo: 1,
|
||||
pageSize: 10,
|
||||
};
|
||||
console.log(this.dialogParams);
|
||||
|
||||
this.getDetail();
|
||||
},
|
||||
getDetail() {
|
||||
let { pageParams1, dialogParams } = this;
|
||||
pageParams1 = JSON.parse(JSON.stringify(pageParams1));
|
||||
dialogParams = JSON.parse(JSON.stringify(dialogParams));
|
||||
Object.keys(dialogParams).forEach((item) => {
|
||||
if (
|
||||
!dialogParams[item] ||
|
||||
(dialogParams[item] !== undefined && dialogParams[item] === "")
|
||||
) {
|
||||
delete dialogParams[item];
|
||||
}
|
||||
});
|
||||
Object.assign(pageParams1, dialogParams);
|
||||
this.dialogVisible = true;
|
||||
this.dialogLoading = true;
|
||||
anchorGameSalaryBillDetail(pageParams1).then((res) => {
|
||||
if (res.success === true) {
|
||||
let data = res.data;
|
||||
this.dialogData = data.records;
|
||||
this.pageTotal1 = data.total;
|
||||
}
|
||||
this.dialogLoading = false;
|
||||
});
|
||||
},
|
||||
// 点击搜索
|
||||
handSearch() {
|
||||
this.$refs["searchForm"].validate((valid) => {
|
||||
if (valid) {
|
||||
this.pageParams.pageNo = 1;
|
||||
this.getData();
|
||||
}
|
||||
});
|
||||
},
|
||||
// 重置搜索表单
|
||||
resetSearchForm() {
|
||||
this.$refs["searchForm"].resetFields();
|
||||
this.pageParams.pageNo = 1;
|
||||
this.tableData = [];
|
||||
this.getData();
|
||||
},
|
||||
// 分页导航
|
||||
handleSizeChange(val) {
|
||||
this.pageParams.pageSize = val;
|
||||
this.getData();
|
||||
},
|
||||
handlePageChange(val) {
|
||||
this.pageParams.pageNo = val;
|
||||
this.getData();
|
||||
},
|
||||
// 弹窗分页导航
|
||||
handleSizeChange1(val) {
|
||||
this.pageParams1.pageSize = val;
|
||||
this.getDetail();
|
||||
},
|
||||
handlePageChange1(val) {
|
||||
this.pageParams1.pageNo = val;
|
||||
this.getDetail();
|
||||
},
|
||||
|
||||
headerCopy(column, e) {
|
||||
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);
|
||||
};
|
||||
},
|
||||
dateCycleType() {
|
||||
const { dateCycleList } = this;
|
||||
return function (value) {
|
||||
for (let item of dateCycleList) {
|
||||
if (item.dateCycle === value) {
|
||||
return (
|
||||
this.convertTimestamp1(item.startDate) +
|
||||
"~" +
|
||||
this.convertTimestamp1(item.endDate)
|
||||
);
|
||||
}
|
||||
}
|
||||
return "";
|
||||
};
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scope>
|
||||
.el-button--text {
|
||||
font-size: 16px;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.container {
|
||||
width: 100%;
|
||||
}
|
||||
.search-line {
|
||||
width: 38%;
|
||||
}
|
||||
</style>
|
361
src/views/guildOperationManagement/dailyRoomFlow.vue
Normal file
361
src/views/guildOperationManagement/dailyRoomFlow.vue
Normal file
@@ -0,0 +1,361 @@
|
||||
<template>
|
||||
<div class="box">
|
||||
<div class="inquire">
|
||||
<span>分区</span>
|
||||
<partition-select v-model:partition-id="formData.partitionId" />
|
||||
</div>
|
||||
<div class="inquire">
|
||||
<div class="block">
|
||||
<span class="demonstration">地区</span>
|
||||
<partition-region-select
|
||||
v-model:partition-id="formData.partitionId"
|
||||
v-model:region-id="formData.regionId"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="inquire">
|
||||
<span>用户ID</span>
|
||||
<el-input
|
||||
v-model="formData.erbanNo"
|
||||
placeholder="请输入用户ID"
|
||||
class="input"
|
||||
></el-input>
|
||||
</div>
|
||||
<div class="inquire">
|
||||
<span class="demonstration">状态</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>
|
||||
<div class="inquire" style="margin-top: 20px">
|
||||
<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.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="erbanNo" align="center" label="房间ID" />
|
||||
<el-table-column prop="roomTitle" align="center" label="房间昵称" />
|
||||
<el-table-column prop="partitionIdDesc" align="center" label="分区" />
|
||||
<el-table-column prop="regionName" align="center" label="国家" />
|
||||
<el-table-column prop="serialValue" align="center" label="房间流水">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
@click="
|
||||
detailDialogFun(
|
||||
scope.row.partitionId,
|
||||
scope.row.roomUid,
|
||||
scope.row.statDate
|
||||
)
|
||||
"
|
||||
type="text"
|
||||
size="medium "
|
||||
>{{ scope.row.serialValue }}</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="levelName" align="center" label="档位" />
|
||||
<el-table-column prop="ownerReward" align="center" label="目标获得金币" />
|
||||
<el-table-column
|
||||
prop="ownerReceiveReward"
|
||||
align="center"
|
||||
label="已获得金币"
|
||||
/>
|
||||
<el-table-column prop="receiveTime" align="center" label="领取时间" />
|
||||
<el-table-column prop="isWinner" align="center" label="操作人">
|
||||
<template v-slot="scope">
|
||||
<template v-if="scope.row.ownerReceiveReward > 0">
|
||||
{{
|
||||
"用户ID:" + scope.row.erbanNo + "(uid:" + scope.row.roomUid + ")"
|
||||
}}
|
||||
</template>
|
||||
</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="detailDialog" title="房间贡献明细" width="60%" center>
|
||||
<!-- 表格数据 -->
|
||||
|
||||
<div style="margin-bottom: 25px">
|
||||
<span style="display: inline-block; margin-right: 20px">用户ID:</span>
|
||||
<el-input
|
||||
style="width: 15%"
|
||||
class="input"
|
||||
v-model="detailData.erbanNo"
|
||||
></el-input>
|
||||
<el-button
|
||||
style="margin-left: 20px"
|
||||
type="primary"
|
||||
@click="searchSpecificData()"
|
||||
>查询</el-button
|
||||
>
|
||||
</div>
|
||||
|
||||
<el-table
|
||||
v-loading="detailData.loading"
|
||||
:data="detailData.showData"
|
||||
border
|
||||
style="width: 100%; margin-top: 25px"
|
||||
>
|
||||
<el-table-column prop="statDate" align="center" label="日期" />
|
||||
<el-table-column prop="rank" align="center" label="排行" />
|
||||
<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="regionDesc" align="center" label="国家" />
|
||||
<el-table-column prop="userSerialValue" align="center" label="贡献值" />
|
||||
<el-table-column prop="rewardRatio" align="center" label="比例">
|
||||
<template v-slot="scope">
|
||||
{{ (scope.row.rewardRatio * 100).toFixed(2) + "%" }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="userReward"
|
||||
align="center"
|
||||
label="目标获得金币"
|
||||
/>
|
||||
<el-table-column
|
||||
prop="userReceiveReward"
|
||||
align="center"
|
||||
label="已获得金币"
|
||||
/>
|
||||
<el-table-column prop="receiveTime" align="center" label="领取时间" />
|
||||
<el-table-column align="center" label="领取人">
|
||||
<template v-slot="scope">
|
||||
<template v-if="scope.row.userReceiveReward !=0">
|
||||
{{
|
||||
"用户ID:" + scope.row.erbanNo + "(uid:" + scope.row.uid + ")"
|
||||
}}
|
||||
</template>
|
||||
</template>
|
||||
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import PartitionSelect from "../common/partitionSelect.vue";
|
||||
import PartitionRegionSelect from "@/views/common/partitionRegionSelect.vue";
|
||||
export default {
|
||||
name: "dailyRoomFlow",
|
||||
components: { PartitionSelect, PartitionRegionSelect },
|
||||
};
|
||||
</script>
|
||||
<script setup>
|
||||
import { ref, onMounted, reactive, computed } from "vue";
|
||||
import { ElMessage, ElMessageBox } from "element-plus";
|
||||
import { dateFormat } from "@/utils/system-helper";
|
||||
import { formatDate } from "@/utils/relDate";
|
||||
import {
|
||||
getRoomSendRankDayRewardPage,
|
||||
exportRoomSendRankDayReward,
|
||||
getRoomSendRankDayRewardListDetail,
|
||||
} from "@/api/relAgency/relAgency.js";
|
||||
const dataTime = ref("");
|
||||
const formData = reactive({
|
||||
partitionId: undefined,
|
||||
pageNo: 1,
|
||||
pageSize: 10,
|
||||
erbanNo: "",
|
||||
startDate: "",
|
||||
endDate: "",
|
||||
status: -1,
|
||||
regionId: "",
|
||||
});
|
||||
const tableData = reactive({
|
||||
data: [],
|
||||
total: 0,
|
||||
loading: false,
|
||||
});
|
||||
const detailDialog = ref(false);
|
||||
const detailData = reactive({
|
||||
data: [],
|
||||
showData: [],
|
||||
loading: false,
|
||||
erbanNo: "",
|
||||
});
|
||||
const getData = () => {
|
||||
tableData.loading = true;
|
||||
if (dataTime.value && dataTime.value.length > 0) {
|
||||
formData.startDate = dateFormat(dataTime.value[0], "yyyy-MM-dd");
|
||||
formData.endDate = dateFormat(dataTime.value[1], "yyyy-MM-dd");
|
||||
} else {
|
||||
formData.startDate = dataTime.value;
|
||||
formData.endDate = dataTime.value;
|
||||
}
|
||||
getRoomSendRankDayRewardPage(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 detailDialogFun = (partitionId, roomUid, statDate) => {
|
||||
detailData.loading = true;
|
||||
getRoomSendRankDayRewardListDetail({
|
||||
partitionId,
|
||||
roomUid,
|
||||
statDate,
|
||||
}).then((res) => {
|
||||
if (res.code == 200) {
|
||||
detailData.data = res.data;
|
||||
detailData.showData = res.data;
|
||||
detailData.loading = false;
|
||||
detailDialog.value = true;
|
||||
} else {
|
||||
detailData.loading = false;
|
||||
ElMessage({
|
||||
message: res.message,
|
||||
type: "error",
|
||||
});
|
||||
}
|
||||
});
|
||||
};
|
||||
const searchSpecificData = () => {
|
||||
// 假设你想根据房间ID查找
|
||||
if (detailData.erbanNo) {
|
||||
const specificData = detailData.data.filter(
|
||||
(item) => item.erbanNo == detailData.erbanNo
|
||||
);
|
||||
detailData.showData = specificData;
|
||||
} else {
|
||||
detailData.showData = detailData.data;
|
||||
}
|
||||
};
|
||||
//重置
|
||||
const resetFormData = () => {
|
||||
Object.assign(formData, {
|
||||
partitionId: undefined,
|
||||
pageNo: 1,
|
||||
pageSize: 10,
|
||||
erbanNo: "",
|
||||
startTime: "",
|
||||
endTime: "",
|
||||
status: -1,
|
||||
regionId: "",
|
||||
});
|
||||
tableData.data = [];
|
||||
tableData.total = 0;
|
||||
dataTime.value = "";
|
||||
};
|
||||
// 导出
|
||||
const confirmExport2Excel = async () => {
|
||||
try {
|
||||
const res = await exportRoomSendRankDayReward(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();
|
||||
};
|
||||
</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;
|
||||
}
|
||||
.title_txt {
|
||||
font-weight: 600;
|
||||
margin-top: 20px;
|
||||
span {
|
||||
margin-right: 20px;
|
||||
}
|
||||
}
|
||||
</style>
|
181
src/views/guildOperationManagement/gameSalaryDetails.vue
Normal file
181
src/views/guildOperationManagement/gameSalaryDetails.vue
Normal file
@@ -0,0 +1,181 @@
|
||||
<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.erbanNo"
|
||||
placeholder="请输入用户ID"
|
||||
class="input"
|
||||
></el-input>
|
||||
</div>
|
||||
<div class="inquire">
|
||||
<span>公会ID</span>
|
||||
<el-input
|
||||
v-model="formData.guildId"
|
||||
placeholder="请输入用户ID"
|
||||
class="input"
|
||||
></el-input>
|
||||
</div>
|
||||
<div class="inquire">
|
||||
<span>公会长ID</span>
|
||||
<el-input
|
||||
v-model="formData.ownerErbanNo"
|
||||
placeholder="请输入用户ID"
|
||||
class="input"
|
||||
></el-input>
|
||||
</div>
|
||||
<div class="inquire">
|
||||
<span>周期</span>
|
||||
<el-select v-model="formData.cycleDate" placeholder="请选择">
|
||||
<el-option
|
||||
v-for="(item,index) in dateCycleArr"
|
||||
:key="index"
|
||||
:label="item.startDateStr + '~' + item.endDateStr"
|
||||
:value="item.dateCycle"
|
||||
>
|
||||
</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="partitionDesc" align="center" label="分区" />
|
||||
<el-table-column prop="statDate" align="center" label="日期" />
|
||||
<el-table-column prop="erbanNo" align="center" label="用户ID" />
|
||||
<el-table-column prop="nick" align="center" label="用户昵称" />
|
||||
<el-table-column prop="guildId" align="center" label="公会ID" />
|
||||
<el-table-column prop="guildName" align="center" label="公会昵称" />
|
||||
<el-table-column prop="diamondNum" align="center" label="投入钻石" />
|
||||
<el-table-column prop="playGameNum" align="center" label="游戏次数" />
|
||||
<el-table-column prop="gameUsd" align="center" label="游戏薪资" />
|
||||
<el-table-column prop="purseUsd" 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 PartitionSelect from "../common/partitionSelect.vue";
|
||||
export default {
|
||||
name: "gameSalaryDetails",
|
||||
components: { PartitionSelect },
|
||||
};
|
||||
</script>
|
||||
<script setup>
|
||||
import { ref, onMounted, reactive, computed } from "vue";
|
||||
import { ElMessage, ElMessageBox } from "element-plus";
|
||||
import { getDateCycleList ,getGameUsdList} from "@/api/relAgency/relAgency.js";
|
||||
const formData = reactive({
|
||||
partitionId: undefined,
|
||||
pageNo: 1,
|
||||
pageSize: 10,
|
||||
erbanNo: "",
|
||||
guildId: "",
|
||||
ownerErbanNo: "",
|
||||
cycleDate: "",
|
||||
});
|
||||
const dateCycleArr = ref([]);
|
||||
const tableData = reactive({
|
||||
data: [],
|
||||
total: 0,
|
||||
loading: false,
|
||||
});
|
||||
// 查询
|
||||
const getData = () => {
|
||||
tableData.loading = true;
|
||||
getGameUsdList(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 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(() => {
|
||||
|
||||
getDateCycleList({ month: 3 }).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;
|
||||
}
|
||||
</style>
|
@@ -0,0 +1,651 @@
|
||||
<template>
|
||||
<div class="official-withdraw-record">
|
||||
<div class="container">
|
||||
<div class="region-box">
|
||||
<el-radio-group v-model="region">
|
||||
<el-radio v-for="(item, index) in userAreaRegion"
|
||||
:key="index"
|
||||
:label="item.value">{{ item.name }}</el-radio>
|
||||
</el-radio-group>
|
||||
</div>
|
||||
<div class="handle-box">
|
||||
<el-form ref="searchForm"
|
||||
:model="searchForm"
|
||||
:rules="searchRule"
|
||||
label-width="90px"
|
||||
:disabled="tableLoading">
|
||||
<div class="search-line">
|
||||
<el-form-item label="分区"
|
||||
prop="partitionId">
|
||||
<partition-select v-model:partition-id="searchForm.partitionId"
|
||||
v-model:partition-infos="partitionArr"
|
||||
v-model:handle-change="getlistByPartitionId"
|
||||
v-model:after-init="getData" />
|
||||
</el-form-item>
|
||||
<el-form-item label="MoliStar ID"
|
||||
prop="agencyOwnerErbanNo">
|
||||
<el-input v-model.trim="searchForm.agencyOwnerErbanNo"
|
||||
placeholder="请输入"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="提现状态"
|
||||
prop="status">
|
||||
<el-select v-model="searchForm.status">
|
||||
<el-option label="审核中"
|
||||
value="0"></el-option>
|
||||
<el-option label="审核通过"
|
||||
value="1"></el-option>
|
||||
<el-option label="未通过"
|
||||
value="2"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="提现账户"
|
||||
prop="accountType">
|
||||
<el-select v-model="searchForm.accountType">
|
||||
<el-option label="Vodafone"
|
||||
value="VODAFONE"></el-option>
|
||||
<el-option label="Payonner"
|
||||
value="PAYONNER"></el-option>
|
||||
<el-option label="USD"
|
||||
value="USDT"></el-option>
|
||||
<el-option label="Bank"
|
||||
value="BANK"></el-option>
|
||||
<el-option label="Other"
|
||||
value="OTHER"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="国家"
|
||||
prop="country">
|
||||
<el-select v-model="searchForm.country">
|
||||
<el-option v-for="(item, index) in adminCountryArr"
|
||||
:key="index"
|
||||
:label="item.label"
|
||||
:value="item.value"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="时间"
|
||||
class="large">
|
||||
<el-form-item prop="startTime">
|
||||
<el-date-picker type="datetime"
|
||||
placeholder="选择开始时间"
|
||||
v-model="searchForm.startTime"></el-date-picker>
|
||||
</el-form-item>
|
||||
<el-col :span="2"
|
||||
align="center">-</el-col>
|
||||
<el-form-item prop="endTime">
|
||||
<el-date-picker type="datetime"
|
||||
placeholder="选择结束时间"
|
||||
v-model="searchForm.endTime"></el-date-picker>
|
||||
</el-form-item>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label-width="40px">
|
||||
<el-button type="primary"
|
||||
@click="handSearch">搜索</el-button>
|
||||
<el-button type="primary"
|
||||
plain
|
||||
@click="resetSearchForm">重置搜索</el-button>
|
||||
<el-button type="primary"
|
||||
class="exportBtn"
|
||||
@click="confirmExport2Excel">导出</el-button>
|
||||
<el-button @click="handleChangeAll()"
|
||||
type="info"
|
||||
plain>批量发放</el-button>
|
||||
<el-button @click="
|
||||
centerDialogVisible = true;
|
||||
centerDialogVisibleType = 1;
|
||||
"
|
||||
type="info"
|
||||
plain>批量驳回</el-button>
|
||||
</el-form-item>
|
||||
</div>
|
||||
</el-form>
|
||||
</div>
|
||||
<!-- 表格 -->
|
||||
<div class="table">
|
||||
<el-table :data="tableData"
|
||||
border
|
||||
v-loading="tableLoading"
|
||||
@header-click="headerCopy"
|
||||
@selection-change="handleSelectionChange"
|
||||
style="width: 100%; overflow-x: auto">
|
||||
<el-table-column type="selection"> </el-table-column>
|
||||
<el-table-column align="center"
|
||||
prop="erbanNo"
|
||||
label="MoliStar ID" />
|
||||
<el-table-column align="center"
|
||||
prop="partitionDesc"
|
||||
label="分区" />
|
||||
<el-table-column align="center"
|
||||
prop="nick"
|
||||
label="昵称" />
|
||||
<el-table-column align="center"
|
||||
prop="guildId"
|
||||
label="公会id" />
|
||||
<el-table-column align="center"
|
||||
prop="roleTypeDesc"
|
||||
label="角色" />
|
||||
<el-table-column align="center"
|
||||
prop="guildOwnerErbanNo"
|
||||
label="公会长id" />
|
||||
<el-table-column align="center"
|
||||
prop="accountCountry"
|
||||
label="国家" />
|
||||
<el-table-column align="center"
|
||||
prop="blocked"
|
||||
label="用户当前账户状态">
|
||||
<template v-slot="scope">
|
||||
{{ scope.row.blocked ? "封禁" : "正常" }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center"
|
||||
prop="status"
|
||||
label="申请状态">
|
||||
<template v-slot="scope">
|
||||
{{
|
||||
scope.row.status == 0
|
||||
? "审核中"
|
||||
: scope.row.status == 1
|
||||
? "通过"
|
||||
: "未通过"
|
||||
}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center"
|
||||
prop="createTime"
|
||||
label="申请时间" />
|
||||
<el-table-column align="center"
|
||||
prop="accountType"
|
||||
label="提现类型 " />
|
||||
<el-table-column align="center"
|
||||
prop="guildUsdNum"
|
||||
label="提现薪资US" />
|
||||
<el-table-column align="center"
|
||||
prop="currency"
|
||||
label="发放币种" />
|
||||
<el-table-column align="center"
|
||||
prop="currencyNum"
|
||||
label="发放金额" />
|
||||
<el-table-column align="center"
|
||||
prop="withdrawRate"
|
||||
label="手续费" />
|
||||
<el-table-column align="center"
|
||||
prop="withdrawNum"
|
||||
label="核销薪资" />
|
||||
<el-table-column align="center"
|
||||
prop="operator"
|
||||
label="操作人" />
|
||||
<el-table-column align="center"
|
||||
prop="updateTime"
|
||||
label="操作时间" />
|
||||
<el-table-column align="center"
|
||||
prop="remark"
|
||||
label="驳回理由">
|
||||
<template v-slot="scope">
|
||||
{{ scope.row.remark ? scope.row.remark : "/" }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center"
|
||||
prop="hallSalary"
|
||||
label="操作"
|
||||
width="150">
|
||||
<template v-slot="scope">
|
||||
<div v-if="scope.row.status == 0">
|
||||
<el-button @click="handleChange(scope.row)"
|
||||
type="text"
|
||||
size="mini">
|
||||
发放
|
||||
</el-button>
|
||||
<el-button @click="
|
||||
centerDialogVisible = true;
|
||||
centerDialogVisibleType = 2;
|
||||
centerDialogVisibleID = scope.row.id;
|
||||
"
|
||||
type="text"
|
||||
size="mini">
|
||||
驳回
|
||||
</el-button>
|
||||
</div>
|
||||
<div>
|
||||
<el-button @click="accountInfosFun(scope.row)"
|
||||
type="text"
|
||||
size="mini">
|
||||
查看详情
|
||||
</el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
<!-- 分页 -->
|
||||
<table-pagination :pageParams="pageParams"
|
||||
:pageTotal="pageTotal"
|
||||
:page-sizes="[10, 20, 100, 200]"
|
||||
@handleSizeChange="handleSizeChange"
|
||||
@handlePageChange="handlePageChange"></table-pagination>
|
||||
<!-- 驳回弹窗 -->
|
||||
<el-dialog v-model="centerDialogVisible"
|
||||
title="提示"
|
||||
width="30%"
|
||||
center>
|
||||
<span> 请选择驳回理由:</span>
|
||||
<div class="boxs">
|
||||
<el-radio class="radios"
|
||||
v-model="radio"
|
||||
label="用户消息提供不足">用户消息提供不足</el-radio>
|
||||
</div>
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
<el-button @click="centerDialogVisible = false">取消</el-button>
|
||||
<el-button type="primary"
|
||||
@click="dialogClick()"> 确认 </el-button>
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
<!-- 提现详情弹窗 -->
|
||||
<el-dialog v-model="centerDialogVisible2"
|
||||
title="提现详情">
|
||||
<div class="boxs2">
|
||||
<div>申请提现时间:{{ accountDetails.createTime }}</div>
|
||||
<div>申请ID:{{ accountDetails.erbanNo }}</div>
|
||||
<div>country:{{ accountDetails.country }}</div>
|
||||
<div>payeeAccount:{{ accountDetails.bank_account }}</div>
|
||||
<div>Bank Name:{{ accountDetails.bank_name }}</div>
|
||||
<div>SWIFT Code:{{ accountDetails.swift_code }}</div>
|
||||
<div>payeeName::{{ accountDetails.full_name }}</div>
|
||||
<div>address:{{ accountDetails.address }}</div>
|
||||
<div>提现薪资US:{{ accountDetails.guildUsdNum }}</div>
|
||||
<div>
|
||||
发放金额:{{ accountDetails.currency }}
|
||||
{{ accountDetails.currencyNum }}
|
||||
</div>
|
||||
<div>提现手续费:{{ accountDetails.withdrawRate }}</div>
|
||||
<div>核销薪资:{{ accountDetails.withdrawNum }}</div>
|
||||
</div>
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
<el-button @click="centerDialogVisible2 = false">确认</el-button>
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
gameUsdWithdrawExamineList,
|
||||
gameUsdWithdrawExamineExport,
|
||||
gameUsdWithdrawExamineSet,
|
||||
batchGameUsdWithdrawExamineReject,
|
||||
adminCountry,
|
||||
} from "@/api/relAgency/relAgency.js";
|
||||
import TablePagination from "@/components/common/TablePagination";
|
||||
import { formatDate, formatDateYMD } from "@/utils/relDate";
|
||||
import { dateFormat } from "@/utils/system-helper";
|
||||
import { ElMessage } from "element-plus";
|
||||
import { ElMessageBox } from "element-plus";
|
||||
import PartitionSelect from "@/views/common/partitionSelect.vue"; // 正确引入 ElM
|
||||
// 混入
|
||||
|
||||
export default {
|
||||
name: "officialGameSalaryWithdrawalRecord",
|
||||
// mixins: [Mixin],
|
||||
components: { PartitionSelect, TablePagination },
|
||||
data () {
|
||||
return {
|
||||
dateCycleList: [],
|
||||
btnLoading: false, // 导出弹出框(dialog)的确认按钮
|
||||
tableLoading: false, // 表格是否加载中
|
||||
|
||||
tableData: [], // 接口 返回的表格数据
|
||||
pageTotal: 0, // 接口返回的表格总条数
|
||||
pageParams: {
|
||||
pageNo: 1,
|
||||
pageSize: 20,
|
||||
},
|
||||
centerDialogVisible: false, //驳回弹窗
|
||||
centerDialogVisibleType: null, //驳回弹窗
|
||||
centerDialogVisibleID: null, //驳回弹窗
|
||||
centerDialogVisible2: false, //操作弹窗
|
||||
radio: "用户消息提供不足", //驳回原因
|
||||
// 搜索表单相关
|
||||
searchForm: {
|
||||
agencyOwnerErbanNo: null,
|
||||
status: null,
|
||||
startTime: null,
|
||||
endTime: null,
|
||||
adminCountry: null,
|
||||
country: null,
|
||||
partitionId: null,
|
||||
},
|
||||
partitionArr: [],
|
||||
adminCountryArr: [],
|
||||
searchRule: {
|
||||
startTime: [
|
||||
{
|
||||
validator: (rule, value, callback) => {
|
||||
this.$refs["searchForm"].validateField("endTime");
|
||||
callback();
|
||||
},
|
||||
trigger: "change",
|
||||
},
|
||||
],
|
||||
endTime: [
|
||||
{
|
||||
validator: (rule, value, callback) => {
|
||||
const { startTime } = this.searchForm;
|
||||
if (startTime !== null && startTime !== "" && value) {
|
||||
if (value <= startTime) {
|
||||
callback(new Error("须晚于开始时间"));
|
||||
} else {
|
||||
callback();
|
||||
}
|
||||
} else {
|
||||
callback();
|
||||
}
|
||||
},
|
||||
trigger: "change",
|
||||
},
|
||||
],
|
||||
},
|
||||
idStr: [], //批量删除ID
|
||||
// 查看薪资弹窗数据存储
|
||||
accountDetails: {
|
||||
createTime: null,
|
||||
erbanNo: null,
|
||||
country: null,
|
||||
bank_account: null,
|
||||
bank_name: null,
|
||||
swift_code: null,
|
||||
full_name: null,
|
||||
address: null,
|
||||
guildUsdNum: null,
|
||||
currency: null,
|
||||
currencyNum: null,
|
||||
withdrawRate: null,
|
||||
withdrawNum: null,
|
||||
},
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
getlistByPartitionId () {
|
||||
adminCountry({ partitionId: this.searchForm.partitionId }).then((res) => {
|
||||
if (res.code == 200) {
|
||||
this.adminCountryArr = res.data;
|
||||
this.searchForm.country = ''
|
||||
}
|
||||
});
|
||||
},
|
||||
getData () {
|
||||
this.tableLoading = true;
|
||||
|
||||
let { pageParams, searchForm } = this;
|
||||
searchForm.startTime = searchForm.startTime
|
||||
? dateFormat(searchForm.startTime, "yyyy-MM-dd hh:mm:ss")
|
||||
: "";
|
||||
searchForm.endTime = searchForm.endTime
|
||||
? dateFormat(searchForm.endTime, "yyyy-MM-dd hh:mm:ss")
|
||||
: "";
|
||||
searchForm = JSON.parse(JSON.stringify(searchForm));
|
||||
pageParams = JSON.parse(JSON.stringify(pageParams));
|
||||
Object.keys(searchForm).forEach((item) => {
|
||||
if (
|
||||
(searchForm[item] !== undefined && searchForm[item] === "")
|
||||
) {
|
||||
delete searchForm[item];
|
||||
}
|
||||
});
|
||||
Object.assign(pageParams, searchForm);
|
||||
console.log(pageParams);
|
||||
console.log(searchForm);
|
||||
gameUsdWithdrawExamineList(pageParams).then((res) => {
|
||||
this.tableLoading = false;
|
||||
if (res.code == 200) {
|
||||
let data = res.data;
|
||||
this.tableData = data.records;
|
||||
this.pageTotal = data.total;
|
||||
} else {
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: res.message,
|
||||
type: "error",
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
handleSelectionChange (rows) {
|
||||
this.idStr = null;
|
||||
this.idStr = rows.map((obj) => obj.id).join(",");
|
||||
},
|
||||
handleChangeAll () {
|
||||
ElMessageBox.confirm("确定要结算吗", "提示", {
|
||||
confirmButtonText: "确定",
|
||||
cancelButtonText: "取消",
|
||||
type: "warning",
|
||||
})
|
||||
.then(() => {
|
||||
gameUsdWithdrawExamineSet({ ids: this.idStr }).then((res) => {
|
||||
if (res.success === true) {
|
||||
ElMessage({
|
||||
type: "success",
|
||||
message: "操作成功!",
|
||||
});
|
||||
this.getData();
|
||||
this.idStr = null;
|
||||
}
|
||||
});
|
||||
})
|
||||
.catch(() => {
|
||||
ElMessage({
|
||||
type: "warning ",
|
||||
message: "已取消",
|
||||
});
|
||||
});
|
||||
},
|
||||
// 查看详情处理函数
|
||||
accountInfosFun (res) {
|
||||
var obj = JSON.parse(res.accountInfos);
|
||||
console.log(obj);
|
||||
this.accountDetails.createTime = res.createTime ? res.createTime : "-";
|
||||
this.accountDetails.erbanNo = res.erbanNo ? res.erbanNo : "-";
|
||||
this.accountDetails.country = obj.country ? obj.country : "-";
|
||||
this.accountDetails.bank_account = obj.bank_account
|
||||
? obj.bank_account
|
||||
: "-";
|
||||
this.accountDetails.bank_name = obj.bank_name ? obj.bank_name : "-";
|
||||
this.accountDetails.swift_code = obj.swift_code ? obj.swift_code : "-";
|
||||
this.accountDetails.full_name = obj.full_name ? obj.full_name : "-";
|
||||
this.accountDetails.address = obj.address ? obj.address : "-";
|
||||
this.accountDetails.guildUsdNum = res.guildUsdNum ? res.guildUsdNum : "-";
|
||||
this.accountDetails.currency = res.currency ? res.currency : "-";
|
||||
this.accountDetails.currencyNum = res.currencyNum ? res.currencyNum : "-";
|
||||
this.accountDetails.withdrawRate = res.withdrawRate
|
||||
? res.withdrawRate
|
||||
: "-";
|
||||
this.accountDetails.withdrawNum = res.withdrawNum ? res.withdrawNum : "-";
|
||||
this.centerDialogVisible2 = true;
|
||||
},
|
||||
// 批量驳回
|
||||
dialogClick () {
|
||||
batchGameUsdWithdrawExamineReject({
|
||||
ids:
|
||||
this.centerDialogVisibleType == 1
|
||||
? this.idStr
|
||||
: this.centerDialogVisibleID,
|
||||
remark: this.radio,
|
||||
})
|
||||
.then((res) => {
|
||||
if (res.code == 200) {
|
||||
ElMessage({
|
||||
type: "success",
|
||||
message: "操作成功!",
|
||||
});
|
||||
this.getData();
|
||||
this.centerDialogVisible = false;
|
||||
this.idStr = null;
|
||||
} else {
|
||||
ElMessage({
|
||||
type: "error",
|
||||
message: res.message,
|
||||
});
|
||||
}
|
||||
})
|
||||
.catch(() => {
|
||||
ElMessage({
|
||||
type: "warning ",
|
||||
message: "已取消",
|
||||
});
|
||||
});
|
||||
},
|
||||
handleChange (row) {
|
||||
ElMessageBox.confirm("确定要结算吗", "提示", {
|
||||
confirmButtonText: "确定",
|
||||
cancelButtonText: "取消",
|
||||
type: "warning",
|
||||
})
|
||||
.then(() => {
|
||||
gameUsdWithdrawExamineSet({ ids: row.id }).then((res) => {
|
||||
if (res.success === true) {
|
||||
ElMessage({
|
||||
type: "success",
|
||||
message: "操作成功!",
|
||||
});
|
||||
this.getData();
|
||||
this.idStr = null;
|
||||
}
|
||||
});
|
||||
})
|
||||
.catch(() => {
|
||||
ElMessage({
|
||||
type: "warning ",
|
||||
message: "已取消",
|
||||
});
|
||||
});
|
||||
},
|
||||
// 点击搜索
|
||||
handSearch () {
|
||||
this.$refs["searchForm"].validate((valid) => {
|
||||
if (valid) {
|
||||
this.pageParams.pageNo = 1;
|
||||
this.getData();
|
||||
}
|
||||
});
|
||||
},
|
||||
// 重置搜索表单
|
||||
resetSearchForm () {
|
||||
this.$refs["searchForm"].resetFields();
|
||||
this.pageParams.pageNo = 1;
|
||||
this.getData();
|
||||
},
|
||||
// 确认导出
|
||||
confirmExport2Excel () {
|
||||
ElMessageBox.confirm("确定以当前筛选条件导出Excel吗?", "提示", {
|
||||
confirmButtonText: "确定",
|
||||
cancelButtonText: "取消",
|
||||
type: "warning",
|
||||
})
|
||||
.then(() => {
|
||||
this.btnLoading = true;
|
||||
let { searchForm } = this;
|
||||
searchForm = JSON.parse(JSON.stringify(searchForm));
|
||||
Object.keys(searchForm).forEach((item) => {
|
||||
if (
|
||||
!searchForm[item] ||
|
||||
(searchForm[item] !== undefined && searchForm[item] === "")
|
||||
) {
|
||||
delete searchForm[item];
|
||||
}
|
||||
});
|
||||
Object.assign(searchForm, { pageSize: -1, pageNo: 1 });
|
||||
|
||||
gameUsdWithdrawExamineExport(searchForm)
|
||||
.then((res) => {
|
||||
if (res) {
|
||||
this.exportVisible = false;
|
||||
this.btnLoading = false;
|
||||
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((err) => {
|
||||
console.error(err); // 打印错误信息
|
||||
ElMessage.error("导出失败");
|
||||
});
|
||||
})
|
||||
.catch(() => {
|
||||
ElMessage({
|
||||
type: "info",
|
||||
message: "取消",
|
||||
});
|
||||
});
|
||||
},
|
||||
// 分页导航
|
||||
handleSizeChange (val) {
|
||||
this.pageParams.pageSize = val;
|
||||
this.getData();
|
||||
},
|
||||
handlePageChange (val) {
|
||||
this.pageParams.pageNo = val;
|
||||
this.getData();
|
||||
},
|
||||
headerCopy (column, e) {
|
||||
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>
|
||||
|
||||
<style scope>
|
||||
.exportBtn {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.text {
|
||||
margin-left: 20px;
|
||||
}
|
||||
.container {
|
||||
width: 100%;
|
||||
}
|
||||
.search-line {
|
||||
width: 38%;
|
||||
}
|
||||
.boxs {
|
||||
margin-top: 10px;
|
||||
width: 100%;
|
||||
word-wrap: break-word; /* 允许在单词内换行 */
|
||||
overflow-wrap: break-word; /* 同上,现代浏览器推荐使用 */
|
||||
white-space: normal; /* 允许换行 */
|
||||
}
|
||||
.radios {
|
||||
display: block !important;
|
||||
width: 100% !important;
|
||||
word-wrap: break-word !important; /* 允许在单词内换行 */
|
||||
overflow-wrap: break-word !important; /* 同上,现代浏览器推荐使用 */
|
||||
white-space: normal !important; /* 允许换行 */
|
||||
height: auto !important;
|
||||
}
|
||||
.boxs2 div {
|
||||
margin-bottom: 10px;
|
||||
font-size: 16px;
|
||||
}
|
||||
</style>
|
@@ -0,0 +1,330 @@
|
||||
<template>
|
||||
<div class="box">
|
||||
<div class="inquire">
|
||||
<span>分区</span>
|
||||
<partition-select
|
||||
v-model:partition-id="formData.partitionId"
|
||||
@update:partitionId="getlistByPartition"
|
||||
v-model:delete-id="deleteId"
|
||||
:needAll="true"
|
||||
:needAllPartition="true"
|
||||
/>
|
||||
</div>
|
||||
<div class="inquire">
|
||||
<span>渠道</span>
|
||||
<el-select
|
||||
v-model="formData.accountType"
|
||||
placeholder="请选择"
|
||||
@change="getAdminCountryArr"
|
||||
clearable
|
||||
>
|
||||
<el-option
|
||||
v-for="item in accountTypeArr"
|
||||
:key="item.value"
|
||||
:label="item.name"
|
||||
:value="item.value"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="inquire">
|
||||
<span>国家</span>
|
||||
<el-select v-model="formData.country" placeholder="请选择" clearable>
|
||||
<el-option
|
||||
v-for="item in adminCountryArr"
|
||||
:key="item"
|
||||
:label="item"
|
||||
:value="item"
|
||||
>
|
||||
</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="partitionDesc" align="center" label="分区" />
|
||||
<el-table-column prop="accountTypeDesc" align="center" label="渠道" />
|
||||
<el-table-column prop="country" align="center" label="国家" />
|
||||
<el-table-column prop="currency" align="center" label="货币" />
|
||||
<el-table-column prop="usdRatio" align="center" label="汇率" />
|
||||
<el-table-column prop="updateTime" align="center" label="更新时间" />
|
||||
<el-table-column prop="enable" align="center" label="是否展示">
|
||||
<template v-slot="scope">
|
||||
{{ scope.row.enable ? "是" : "否" }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="feeRate" align="center" label="手续费" />
|
||||
<el-table-column prop="seq" 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
|
||||
>
|
||||
</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="editDialog" 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
|
||||
>{{ editFormData.partitionDesc }}
|
||||
</div>
|
||||
<div style="margin-bottom: 25px">
|
||||
<span
|
||||
style="display: inline-block; margin-right: 20px; width: 100px"
|
||||
class="col-sm-2 control-label"
|
||||
>国家</span
|
||||
>{{ editFormData.country }}
|
||||
</div>
|
||||
<div style="margin-bottom: 25px">
|
||||
<span
|
||||
style="display: inline-block; margin-right: 20px; width: 100px"
|
||||
class="col-sm-2 control-label"
|
||||
>货币</span
|
||||
>{{ editFormData.currency }}
|
||||
</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="editFormData.usdRatio"
|
||||
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="editFormData.feeRate"
|
||||
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="editFormData.seq"
|
||||
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="editFormData.enable" placeholder="请选择" >
|
||||
<el-option label="是" :value="true"></el-option>
|
||||
<el-option label="否" :value="false"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
<el-button @click="editDialog = false">取消</el-button>
|
||||
<el-button type="primary" @click="editDialogClick()"> 确认 </el-button>
|
||||
</span>
|
||||
</template>
|
||||
</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 {
|
||||
getGamelistAccountType,
|
||||
getGameAccountConfigList,
|
||||
saveGameAccountConfig
|
||||
} from "@/api/relAgency/relAgency";
|
||||
export default {
|
||||
name: "officialWithdrawalGameMethodConfiguration",
|
||||
components: {
|
||||
PartitionSelect,
|
||||
},
|
||||
setup() {
|
||||
const formData = reactive({
|
||||
partitionId: undefined,
|
||||
pageNo: 1,
|
||||
pageSize: 10,
|
||||
country: "",
|
||||
accountType: "",
|
||||
});
|
||||
const tableData = reactive({
|
||||
data: [],
|
||||
total: 0,
|
||||
loading: false,
|
||||
});
|
||||
const deleteId = ref(4);
|
||||
const accountTypeArr = ref([]);
|
||||
const accountTypeAllArr = ref([]);
|
||||
const adminCountryArr = ref([]);
|
||||
const editFormData = reactive({});
|
||||
const editDialog = ref(false);
|
||||
// 选择分区
|
||||
const getlistByPartition = (e) => {
|
||||
console.log(e);
|
||||
if (e) {
|
||||
formData.partitionId = e;
|
||||
const matchedItems = accountTypeAllArr.value.filter(
|
||||
(item) => (item.partitionFlag & formData.partitionId) != 0
|
||||
);
|
||||
accountTypeArr.value = matchedItems;
|
||||
} else {
|
||||
formData.partitionId = undefined;
|
||||
accountTypeArr.value = accountTypeAllArr.value;
|
||||
}
|
||||
formData.accountType = "";
|
||||
formData.country = "";
|
||||
};
|
||||
// 选择渠道
|
||||
const getAdminCountryArr = (e) => {
|
||||
const arr = accountTypeAllArr.value.filter((item) => item.value == e);
|
||||
formData.country = "";
|
||||
adminCountryArr.value = arr[0].country;
|
||||
};
|
||||
// 查询
|
||||
const getData = () => {
|
||||
tableData.loading = true;
|
||||
getGameAccountConfigList(formData).then((res) => {
|
||||
if (res.code == 200) {
|
||||
tableData.data = res.data.records;
|
||||
tableData.total = res.data.total;
|
||||
tableData.loading = false;
|
||||
} else {
|
||||
tableData.loading = false;
|
||||
ElMessage.error(res.message);
|
||||
}
|
||||
});
|
||||
};
|
||||
// 编辑
|
||||
const detailPageFun = (row) => {
|
||||
editDialog.value = true;
|
||||
Object.assign(editFormData, row);
|
||||
};
|
||||
const editDialogClick = () => {
|
||||
let obj = {
|
||||
accountType : editFormData.accountType,
|
||||
country : editFormData.country,
|
||||
partitionId : editFormData.partitionId,
|
||||
seq : editFormData.seq,
|
||||
usdRatio : editFormData.usdRatio,
|
||||
withdrawRate : editFormData.feeRate,
|
||||
enable:editFormData.enable
|
||||
}
|
||||
saveGameAccountConfig(obj).then((res) => {
|
||||
if (res.code == 200) {
|
||||
ElMessage.success(res.message);
|
||||
editDialog.value = false;
|
||||
getData();
|
||||
} else {
|
||||
ElMessage.error(res.message);
|
||||
}
|
||||
});
|
||||
};
|
||||
onMounted(() => {
|
||||
getGamelistAccountType().then((res) => {
|
||||
if (res.code == 200) {
|
||||
accountTypeAllArr.value = res.data;
|
||||
// const matchedItems = accountTypeAllArr.value.filter(item=>
|
||||
// (item.partitionFlag & 1) != 0
|
||||
// )
|
||||
accountTypeArr.value = res.data;
|
||||
} else {
|
||||
ElMessage.error(res.message);
|
||||
}
|
||||
});
|
||||
});
|
||||
const handleSizeChange = (val) => {
|
||||
formData.pageSize = val;
|
||||
getData();
|
||||
};
|
||||
const handleCurrentChange = (val) => {
|
||||
formData.pageNo = val;
|
||||
getData();
|
||||
};
|
||||
return {
|
||||
formData,
|
||||
adminCountryArr,
|
||||
getlistByPartition,
|
||||
tableData,
|
||||
getData,
|
||||
editDialog,
|
||||
editFormData,
|
||||
deleteId,
|
||||
accountTypeArr,
|
||||
accountTypeAllArr,
|
||||
getAdminCountryArr,
|
||||
handleSizeChange,
|
||||
handleCurrentChange,
|
||||
detailPageFun,
|
||||
editDialogClick
|
||||
};
|
||||
},
|
||||
};
|
||||
</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>
|
349
src/views/guildOperationManagement/roomGoldCoinFlow.vue
Normal file
349
src/views/guildOperationManagement/roomGoldCoinFlow.vue
Normal file
@@ -0,0 +1,349 @@
|
||||
<template>
|
||||
<div class="box">
|
||||
<div class="inquire">
|
||||
<span>分区</span>
|
||||
<el-select
|
||||
v-model="formData.partitionId"
|
||||
placeholder="请选择"
|
||||
@change="getlistByPartition()"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in partitionOptions"
|
||||
:key="item.id"
|
||||
:label="item.desc"
|
||||
:value="item.id"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</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>用户ID</span>
|
||||
<el-input
|
||||
v-model="formData.erbanNo"
|
||||
placeholder=""
|
||||
class="input"
|
||||
></el-input>
|
||||
</div>
|
||||
<div class="inquire">
|
||||
<span>公会长ID</span>
|
||||
<el-input
|
||||
v-model="formData.ownerErbanNo"
|
||||
placeholder=""
|
||||
class="input"
|
||||
></el-input>
|
||||
</div>
|
||||
<div class="inquire">
|
||||
<span>公会ID</span>
|
||||
<el-input
|
||||
v-model="formData.guildId"
|
||||
placeholder=""
|
||||
class="input"
|
||||
></el-input>
|
||||
</div>
|
||||
<div class="inquire">
|
||||
<span>周期</span>
|
||||
<el-select v-model="formData.dateCycle" placeholder="请选择">
|
||||
<el-option
|
||||
v-for="item in dateCycleArr"
|
||||
:key="item.timeId"
|
||||
:label="item.timeName"
|
||||
:value="item.timeId"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
|
||||
<div class="inquire">
|
||||
<span class="demonstration">状态</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-option label="已经发放" :value="2"></el-option>
|
||||
</el-select>
|
||||
</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.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="erbanNo" align="center" label="用户ID" />
|
||||
<el-table-column prop="roomName" align="center" label="房间昵称" />
|
||||
<el-table-column prop="partitionIdDesc" align="center" label="分区" />
|
||||
<el-table-column prop="regionName" align="center" label="国家" />
|
||||
<el-table-column prop="goldNum" align="center" label="金币流水" />
|
||||
<el-table-column prop="diamondNum" align="center" label="钻石流水" />
|
||||
<el-table-column prop="levelName" align="center" label="档位" />
|
||||
<el-table-column
|
||||
prop="rewardGold"
|
||||
align="center"
|
||||
label="对应金币流水发放金币"
|
||||
/>
|
||||
<el-table-column prop="status" align="center" label="状态">
|
||||
<template #default="row">
|
||||
<span>{{ row.row.status == 0 ? "本周" :row.row.status == 1 ?'未发放' :"已经发放" }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="sendTime" align="center" label="发放时间" />
|
||||
<el-table-column align="center" label="操作" width="300">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
class="primary"
|
||||
type="primary"
|
||||
@click="sendDiamond(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"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import { ref, onMounted, reactive } from "vue";
|
||||
import { getPartitionInfoList } from "@/api/partition/partitionInfo";
|
||||
import { dateFormat } from "@/utils/system-helper";
|
||||
import { ElMessage, ElMessageBox } from "element-plus";
|
||||
import { formatDate } from "@/utils/relDate";
|
||||
import {
|
||||
getlistByPartitionId,
|
||||
getRoomWeekDiamondPage,
|
||||
exportRoomWeekDiamond,
|
||||
sendRoomWeekDiamondRaward,
|
||||
getDateCycleList,
|
||||
getRoomWeekDiamondListLevel,
|
||||
} from "@/api/relAgency/relAgency.js";
|
||||
import { familyMemberWeekLevelRewardListCycleDate } from "@/api/ResponsiblePersonManagement/ResponsiblePersonManagement.js";
|
||||
export default {
|
||||
name: "roomGoldCoinFlow",
|
||||
setup() {
|
||||
const dataTime = ref("");
|
||||
const formData = reactive({
|
||||
partitionId: "",
|
||||
erbanNo: "",
|
||||
pageNo: 1,
|
||||
pageSize: 10,
|
||||
status: -1,
|
||||
regionId: "",
|
||||
ownerErbanNo: "",
|
||||
guildId: "",
|
||||
dateCycle: "",
|
||||
});
|
||||
const tableData = reactive({
|
||||
data: [],
|
||||
total: 0,
|
||||
loading: false,
|
||||
});
|
||||
const adminCountryArr = ref([]);
|
||||
const partitionOptions = ref([]);
|
||||
const dateCycleArr = ref([]);
|
||||
const levelArr = ref([]);
|
||||
|
||||
const getlistByPartition = () => {
|
||||
getlistByPartitionId({
|
||||
partitionId: formData.partitionId,
|
||||
containAll: true,
|
||||
}).then((res) => {
|
||||
if (res.code == 200) {
|
||||
adminCountryArr.value = res.data;
|
||||
}
|
||||
});
|
||||
};
|
||||
const getData = () => {
|
||||
tableData.loading = true;
|
||||
getRoomWeekDiamondPage(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 sendDiamond = (row) => {
|
||||
const roomUid = row.roomUid;
|
||||
const partitionId = row.partitionId;
|
||||
const statDate = row.statDate;
|
||||
ElMessageBox.confirm("确认发放吗", "提示", {
|
||||
type: "warning",
|
||||
confirmButtonText: "确定",
|
||||
cancelButtonText: "取消",
|
||||
}).then(() => {
|
||||
sendRoomWeekDiamondRaward({ roomUid, partitionId, statDate }).then(
|
||||
(res) => {
|
||||
if (res.code === 200) {
|
||||
ElMessage.success("发放成功");
|
||||
getData();
|
||||
} else {
|
||||
ElMessage.error(res.message);
|
||||
}
|
||||
}
|
||||
);
|
||||
});
|
||||
};
|
||||
// 导出
|
||||
const confirmExport2Excel = async () => {
|
||||
Object.assign(formData, { pageSize: 10000, pageNo: 1 });
|
||||
try {
|
||||
const res = await exportRoomWeekDiamond(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 resetFormData = () => {
|
||||
Object.assign(formData, {
|
||||
erbanNo: "",
|
||||
pageNo: 1,
|
||||
pageSize: 10,
|
||||
status: -1,
|
||||
regionId: "",
|
||||
ownerErbanNo: "",
|
||||
guildId: "",
|
||||
dateCycle: "",
|
||||
});
|
||||
tableData.data = [];
|
||||
tableData.total = 0;
|
||||
dataTime.value = "";
|
||||
};
|
||||
const handleSizeChange = (val) => {
|
||||
formData.pageSize = val;
|
||||
getData();
|
||||
};
|
||||
const handleCurrentChange = (val) => {
|
||||
formData.pageNo = val;
|
||||
getData();
|
||||
};
|
||||
onMounted(() => {
|
||||
getPartitionInfoList().then((res) => {
|
||||
partitionOptions.value = res.data;
|
||||
formData.partitionId = partitionOptions.value[0].id;
|
||||
getlistByPartition();
|
||||
});
|
||||
familyMemberWeekLevelRewardListCycleDate().then((res) => {
|
||||
if (res.code == 200) {
|
||||
res.data.forEach((res, i) => {
|
||||
dateCycleArr.value[i] = {
|
||||
timeName: `${dateFormat(
|
||||
res.startDate,
|
||||
"yyyy-MM-dd"
|
||||
)}~${dateFormat(res.endDate, "yyyy-MM-dd")}`,
|
||||
timeId: res.dateCycle,
|
||||
};
|
||||
});
|
||||
} else {
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: res.message,
|
||||
type: "error",
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
return {
|
||||
formData,
|
||||
partitionOptions,
|
||||
adminCountryArr,
|
||||
getlistByPartition,
|
||||
dataTime,
|
||||
tableData,
|
||||
getData,
|
||||
handleSizeChange,
|
||||
handleCurrentChange,
|
||||
sendDiamond,
|
||||
resetFormData,
|
||||
confirmExport2Excel,
|
||||
dateCycleArr,
|
||||
levelArr,
|
||||
};
|
||||
},
|
||||
};
|
||||
</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,63 +1,54 @@
|
||||
<template>
|
||||
<div class="box">
|
||||
<!-- 查询 -->
|
||||
<div class="inquire">
|
||||
<div class="block">
|
||||
<span class="demonstration">分区</span>
|
||||
<partition-select v-model:partition-id="inquire.partitionId"
|
||||
v-model:partition-infos="inquire.partitionArr"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="inquire">
|
||||
<span>周期</span>
|
||||
<el-select v-model="inquire.gameArrVal" placeholder="请选择">
|
||||
<el-option
|
||||
v-for="item in inquire.gamesArr"
|
||||
:key="item.gameId"
|
||||
:label="item.gameName"
|
||||
:value="item.gameId"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="inquire">
|
||||
<span>ID</span>
|
||||
<span>公会ID</span>
|
||||
<el-input
|
||||
v-model="inquire.userId"
|
||||
v-model="formData.guildId"
|
||||
placeholder=""
|
||||
class="input"
|
||||
></el-input>
|
||||
</div>
|
||||
<!-- 查询按钮 -->
|
||||
<el-button
|
||||
class="primary"
|
||||
type="primary"
|
||||
@click="
|
||||
tableData = [];
|
||||
currentPage = 1;
|
||||
isFinished = false;
|
||||
getData();
|
||||
"
|
||||
>查询</el-button
|
||||
>
|
||||
<el-button
|
||||
class="primary"
|
||||
type="primary"
|
||||
@click="
|
||||
this.inquire.userId = '';
|
||||
this.getData();
|
||||
"
|
||||
>重置搜索</el-button
|
||||
<div class="inquire">
|
||||
<span>公会长ID</span>
|
||||
<el-input
|
||||
v-model="formData.guildOwnerErbanNo"
|
||||
placeholder=""
|
||||
class="input"
|
||||
></el-input>
|
||||
</div>
|
||||
<div class="inquire">
|
||||
<span>主播ID</span>
|
||||
<el-input
|
||||
v-model="formData.erbanNo"
|
||||
placeholder=""
|
||||
class="input"
|
||||
></el-input>
|
||||
</div>
|
||||
|
||||
<div class="inquire">
|
||||
<span>周期</span>
|
||||
<el-select v-model="formData.cycleDate " placeholder="请选择">
|
||||
<el-option
|
||||
v-for="item in dateCycleArr"
|
||||
:key="item.timeId"
|
||||
:label="item.timeName"
|
||||
:value="item.timeId"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</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="loading"
|
||||
:data="tableData"
|
||||
v-loading="tableData.loading"
|
||||
:data="tableData.data"
|
||||
ref="multipleTable"
|
||||
@selection-change="handleSelectionChange"
|
||||
border
|
||||
@@ -67,123 +58,136 @@
|
||||
<el-table-column prop="familyId" align="center" label="公会ID" />
|
||||
<el-table-column prop="familyName" align="center" label="公会昵称" />
|
||||
<el-table-column prop="familyOwnerId" align="center" label="公会长ID" />
|
||||
<el-table-column
|
||||
prop="familyOwnerNick"
|
||||
align="center"
|
||||
label="公会长昵称"
|
||||
/>
|
||||
<el-table-column prop="familyOwnerNick" align="center" label="公会长昵称" />
|
||||
<el-table-column prop="erbanNo" align="center" label="主播ID" />
|
||||
<el-table-column prop="nick" align="center" label="主播昵称" />
|
||||
<el-table-column prop="level" align="center" label="主播等级" />
|
||||
<el-table-column prop="processNum" align="center" label="钻石流水" />
|
||||
<el-table-column prop="rewardNum" align="center" label="已获得金币" />
|
||||
<el-table-column prop="receivedNum" align="center" label="已领取金币" />
|
||||
<el-table-column prop="rewardNum" align="center" label="金币奖励" />
|
||||
<el-table-column prop="micValidDay" align="center" label="天数" />
|
||||
<el-table-column prop="bonusRewardNum" align="center" label="时长奖励" />
|
||||
<el-table-column prop="totalRewardNum" align="center" label="目标领取金币" />
|
||||
<el-table-column prop="receivedNum" 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="[1, 10, 20, 30, 40, 50, 100, 200, 300, 400, 500, 999999999]"
|
||||
:current-page="formData.pageNo"
|
||||
:page-size="formData.pageSize"
|
||||
:page-sizes="[10, 20, 50, 100, 200]"
|
||||
layout="sizes, prev, pager, next"
|
||||
:total="total"
|
||||
:total="tableData.total"
|
||||
@size-change="handleSizeChange"
|
||||
@current-change="handleCurrentChange"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import {
|
||||
familyMemberWeekLevelRewardPage,
|
||||
familyMemberWeekLevelRewardExport,
|
||||
familyMemberWeekLevelRewardListCycleDate,
|
||||
} from "@/api/relAgency/relAgency";
|
||||
// @ts-ignore
|
||||
import { ref, onMounted, reactive } from "vue";
|
||||
import { dateFormat } from "@/utils/system-helper";
|
||||
// @ts-ignore
|
||||
import { ElMessage, ElTable } from "element-plus";
|
||||
import { ref } from "vue";
|
||||
import { ElMessageBox } from "element-plus";
|
||||
import PartitionSelect from "@/views/common/partitionSelect.vue"; // 正确引入 ElM
|
||||
import { ElMessage, ElMessageBox } from "element-plus";
|
||||
import { formatDate } from "@/utils/relDate";
|
||||
import {
|
||||
getguildMemberWeekLevelRewardPage,
|
||||
exportGuildMemberWeekLevelReward,
|
||||
getguildMemberWeekLevelRewardListCycleDate
|
||||
} from "@/api/relAgency/relAgency.js";
|
||||
export default {
|
||||
name: "weeklyRewards",
|
||||
components: {PartitionSelect},
|
||||
data() {
|
||||
return {
|
||||
setup() {
|
||||
const formData = reactive({
|
||||
erbanNo: "",
|
||||
pageNo: 1,
|
||||
pageSize: 10,
|
||||
guildOwnerErbanNo: "",
|
||||
guildId: "",
|
||||
cycleDate : "",
|
||||
partitionId:2
|
||||
});
|
||||
const tableData = reactive({
|
||||
data: [],
|
||||
total: 0,
|
||||
loading: false,
|
||||
//查询所需条件对象
|
||||
inquire: {
|
||||
userId: "",
|
||||
gamesArr: [],
|
||||
gameArrVal: 1,
|
||||
partitionId: 1,
|
||||
partitionArr: [
|
||||
{ id: 1, desc: "英语区" },
|
||||
{ id: 2, desc: "阿拉伯" },
|
||||
],
|
||||
},
|
||||
// 表格
|
||||
tableData: [],
|
||||
// 分页
|
||||
total: 0, //总页数
|
||||
currentPage: 1, //页码
|
||||
pageSize: 10, //条数
|
||||
});
|
||||
const dateCycleArr = ref([]);
|
||||
|
||||
const getData = () => {
|
||||
if(formData.cycleDate == ""){
|
||||
ElMessage.error("请选择周期");
|
||||
return;
|
||||
}
|
||||
tableData.loading = true;
|
||||
getguildMemberWeekLevelRewardPage(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);
|
||||
}
|
||||
});
|
||||
};
|
||||
},
|
||||
created() {
|
||||
// const timestamps = this.getCurrentWeekTimestamps();
|
||||
// var obj = {};
|
||||
// timestamps.forEach((res, i) => {
|
||||
// this.inquire.gamesArr[i] = {
|
||||
// gameName: dateFormat(res, "yyyy-MM-dd"),
|
||||
// gameId: dateFormat(res, "yyyy-MM-dd"),
|
||||
// };
|
||||
// });
|
||||
// this.inquire.gameArrVal = this.inquire.gamesArr[0].gameId;
|
||||
familyMemberWeekLevelRewardListCycleDate().then((res) => {
|
||||
if (res.code == 200) {
|
||||
res.data.forEach((res, i) => {
|
||||
this.inquire.gamesArr[i] = {
|
||||
gameName: `${dateFormat(res.startDate, "yyyy-MM-dd")}~${dateFormat(
|
||||
res.endDate,
|
||||
"yyyy-MM-dd"
|
||||
)}`,
|
||||
gameId: res.dateCycle,
|
||||
};
|
||||
});
|
||||
this.inquire.gameArrVal = this.inquire.gamesArr[0].gameId;
|
||||
this.getData();
|
||||
} else {
|
||||
// 导出
|
||||
const confirmExport2Excel = async () => {
|
||||
try {
|
||||
const res = await exportGuildMemberWeekLevelReward(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({
|
||||
showClose: true,
|
||||
message: res.message,
|
||||
message: error.message,
|
||||
type: "error",
|
||||
});
|
||||
}
|
||||
});
|
||||
// listPartitionInfo().then((res) => {
|
||||
// this.inquire.partitionArr = res.data;
|
||||
// this.inquire.partitionId = this.inquire.partitionArr[0].id;
|
||||
// this.getData();
|
||||
// });
|
||||
},
|
||||
methods: {
|
||||
// 查询接口
|
||||
getData() {
|
||||
this.isLoading = true;
|
||||
this.loading = true;
|
||||
familyMemberWeekLevelRewardPage({
|
||||
cycleDate: this.inquire.gameArrVal,
|
||||
erbanNo: this.inquire.userId,
|
||||
pageNo: this.currentPage,
|
||||
pageSize: this.pageSize,
|
||||
partitionId: this.inquire.partitionId,
|
||||
}).then((res) => {
|
||||
};
|
||||
//重置
|
||||
const resetFormData = () => {
|
||||
Object.assign(formData, {
|
||||
erbanNo: "",
|
||||
pageNo: 1,
|
||||
pageSize: 10,
|
||||
guildOwnerErbanNo: "",
|
||||
guildId: "",
|
||||
cycleDate : "",
|
||||
partitionId:2
|
||||
});
|
||||
tableData.data = [];
|
||||
tableData.total = 0;
|
||||
};
|
||||
const handleSizeChange = (val) => {
|
||||
formData.pageSize = val;
|
||||
getData();
|
||||
};
|
||||
const handleCurrentChange = (val) => {
|
||||
formData.pageNo = val;
|
||||
getData();
|
||||
};
|
||||
onMounted(() => {
|
||||
getguildMemberWeekLevelRewardListCycleDate().then((res) => {
|
||||
if (res.code == 200) {
|
||||
this.total = res.data.total;
|
||||
this.tableData = res.data.rows;
|
||||
res.data.forEach((res, i) => {
|
||||
dateCycleArr.value[i] = {
|
||||
timeName: `${dateFormat(
|
||||
res.startDate,
|
||||
"yyyy-MM-dd"
|
||||
)}~${dateFormat(res.endDate, "yyyy-MM-dd")}`,
|
||||
timeId: res.dateCycle,
|
||||
};
|
||||
});
|
||||
} else {
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
@@ -191,42 +195,18 @@ export default {
|
||||
type: "error",
|
||||
});
|
||||
}
|
||||
this.loading = false;
|
||||
this.isLoading = false;
|
||||
});
|
||||
},
|
||||
getCurrentWeekTimestamps() {
|
||||
const today = new Date();
|
||||
const dayOfWeek = today.getDay(); // 0(周日)到6(周六)
|
||||
// 计算到周一的天数差:周日需-6天,其他天减(当前星期数 - 1)
|
||||
const diffToMonday = dayOfWeek === 0 ? -6 : 1 - dayOfWeek;
|
||||
const monday = new Date(today);
|
||||
monday.setDate(monday.getDate() + diffToMonday);
|
||||
monday.setHours(0, 0, 0, 0); // 设置为周一的0点
|
||||
|
||||
const weekTimestamps = [];
|
||||
for (let i = 0; i < 7; i++) {
|
||||
const date = new Date(monday);
|
||||
date.setDate(monday.getDate() + i);
|
||||
weekTimestamps.push(date.getTime());
|
||||
}
|
||||
return weekTimestamps; // 包含周一到周日每天0点的时间戳数组
|
||||
},
|
||||
// 导出
|
||||
confirmExport2Excel() {
|
||||
familyMemberWeekLevelRewardExport({
|
||||
cycleDate: this.inquire.gameArrVal,
|
||||
erbanNo: this.inquire.userId,
|
||||
partitionId: this.inquire.partitionId,
|
||||
}).then();
|
||||
},
|
||||
// 分页导航
|
||||
handleSizeChange() {
|
||||
this.getData();
|
||||
},
|
||||
handleCurrentChange() {
|
||||
this.getData();
|
||||
},
|
||||
});
|
||||
return {
|
||||
formData,
|
||||
tableData,
|
||||
getData,
|
||||
handleSizeChange,
|
||||
handleCurrentChange,
|
||||
resetFormData,
|
||||
confirmExport2Excel,
|
||||
dateCycleArr,
|
||||
};
|
||||
},
|
||||
};
|
||||
</script>
|
||||
@@ -234,41 +214,28 @@ export default {
|
||||
.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;
|
||||
}
|
||||
.pagination {
|
||||
margin: 10px auto 10px;
|
||||
position: relative;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
.pagination_in {
|
||||
text-align: center;
|
||||
}
|
||||
</style>
|
||||
|
@@ -601,6 +601,23 @@ export default {
|
||||
{ field: 'name.en', title: '英语头饰名称', align: 'center', width: '5%' },
|
||||
{ field: 'name.tr', title: '土耳其头饰名称', align: 'center', width: '5%' },
|
||||
{ field: 'name.pt', title: '葡萄牙头饰名称', align: 'center', width: '5%' },
|
||||
{
|
||||
field: "pic",
|
||||
title: "头饰样式",
|
||||
align: "center",
|
||||
width: "5%",
|
||||
formatter: function (val, row, index) {
|
||||
if (val) {
|
||||
return (
|
||||
"<img style='max-width: 50px;max-height: 50px' src='" +
|
||||
val +
|
||||
"'>"
|
||||
);
|
||||
} else {
|
||||
return "-";
|
||||
}
|
||||
},
|
||||
},
|
||||
{
|
||||
field: 'partitionFlag',
|
||||
title: '地区',
|
||||
@@ -641,27 +658,9 @@ export default {
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
field: 'radishSale',
|
||||
title: '萝卜购买',
|
||||
align: 'center',
|
||||
width: '5%',
|
||||
formatter: function (val, row, index) {
|
||||
if (val == true) {
|
||||
return "是";
|
||||
} else if (val == false) {
|
||||
return "否";
|
||||
} else {
|
||||
return "-";
|
||||
}
|
||||
}
|
||||
},
|
||||
{ field: 'originalPrice', title: '原价(钻石)', align: 'center', width: '5%' },
|
||||
{ field: 'price', title: '购买价格(钻石)', align: 'center', width: '5%' },
|
||||
{ field: 'renewPrice', title: '续费价格(钻石)', align: 'center', width: '5%' },
|
||||
{ field: 'radishOriginalPrice', title: '原价(萝卜)', align: 'center', width: '5%' },
|
||||
{ field: 'radishPrice', title: '购买价格(萝卜)', align: 'center', width: '5%' },
|
||||
{ field: 'radishRenewPrice', title: '续费价格(萝卜)', align: 'center', width: '5%' },
|
||||
{ field: 'days', title: '有效期', align: 'center', width: '5%' },
|
||||
{ field: 'seq', title: '排序', align: 'center', width: '5%' },
|
||||
{
|
||||
|
@@ -4,7 +4,7 @@
|
||||
:style="[smsSwitch ? 'height: 350px' : '']">
|
||||
<div class="login_box">
|
||||
<div class="login_logo">
|
||||
<span style="font-size:24px;color:#222;font-weight:bold;"> MOLISTAR 管 理 系 统</span>
|
||||
<span style="font-size:24px;color:#222;font-weight:bold;"> E-Party 管 理 系 统</span>
|
||||
</div>
|
||||
<div class="login_form">
|
||||
<form id="loginForm"
|
||||
|
@@ -62,6 +62,10 @@
|
||||
inquire.time = '';
|
||||
">重置筛选
|
||||
</el-button>
|
||||
<el-button class="primary"
|
||||
type="primary"
|
||||
v-loading="loading"
|
||||
@click="exportPersonalRecord()">导出</el-button>
|
||||
<el-button class="primary"
|
||||
type="primary"
|
||||
style="margin-left: 20px;"
|
||||
@@ -263,7 +267,7 @@
|
||||
</template>
|
||||
<script>
|
||||
import { listLevel } from '@/api/userRechargeLevel/userRechargeLevel'
|
||||
import { personal, updateUserMulti, pageRecord, exportRecord, listType } from "@/api/luckGift/luckGift";
|
||||
import { personal, exportPersonal, updateUserMulti, pageRecord, exportRecord, listType } from "@/api/luckGift/luckGift";
|
||||
// @ts-ignore
|
||||
import { dateFormat } from "@/utils/system-helper";
|
||||
// @ts-ignore
|
||||
@@ -370,6 +374,22 @@ export default {
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
exportPersonalRecord (row) {
|
||||
this.loading = true;
|
||||
const params = {
|
||||
erbanNo: this.inquire.userId,
|
||||
date: this.inquire.time
|
||||
? dateFormat(this.inquire.time, "yyyy-MM-dd")
|
||||
: null,
|
||||
partitionId: this.inquire.value,
|
||||
userRechargeLevel: this.inquire.userRechargeLevel,
|
||||
poolType: this.inquire.poolType ? this.inquire.poolType : undefined,
|
||||
sortCol: this.inquire.sortCol,
|
||||
sortOrder: this.inquire.sortOrder
|
||||
}
|
||||
exportPersonal(params)
|
||||
this.loading = false;
|
||||
},
|
||||
// 确认保存
|
||||
editDialogClick () {
|
||||
this.butClick = true;
|
||||
|
504
src/views/luckGift/luckGiftFollowUserData.vue
Normal file
504
src/views/luckGift/luckGiftFollowUserData.vue
Normal file
@@ -0,0 +1,504 @@
|
||||
<template>
|
||||
<div class="box">
|
||||
<!-- ID -->
|
||||
<div class="condition">
|
||||
<!-- 分区 -->
|
||||
<div class="inquire">
|
||||
<span>分区</span>
|
||||
<partition-select v-model:partition-id="inquire.value" />
|
||||
</div>
|
||||
<!-- 送出时间 -->
|
||||
<div class="inquire">
|
||||
<span>时间</span>
|
||||
<el-date-picker v-model="inquire.time"
|
||||
@change="handleDateChange"
|
||||
type="date"
|
||||
placeholder="请选择">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
<!-- 送出时间 -->
|
||||
<div class="inquire">
|
||||
<span>数组类型</span>
|
||||
<el-select v-model="inquire.poolType"
|
||||
placeholder="请选择">
|
||||
<el-option v-for="item in poolTypes"
|
||||
:key="item.type"
|
||||
:label="item.name"
|
||||
:value="item.type">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</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"
|
||||
v-loading="loading"
|
||||
@click="exportPersonalRecord()">导出</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-dialog v-model="recordDialog.show"
|
||||
v-model:title="recordDialog.title"
|
||||
@close="closeRecordDialog"
|
||||
label-width="auto"
|
||||
width="82%"
|
||||
center>
|
||||
<!-- 表格 -->
|
||||
<el-table v-loading="pageRecord.loading"
|
||||
:data="pageRecord.data"
|
||||
border
|
||||
style="width: 100%; margin-top: 25px">
|
||||
<el-table-column prop="createTime"
|
||||
align="center"
|
||||
label="时间" />
|
||||
<el-table-column prop="partitionDesc"
|
||||
align="center"
|
||||
label="分区" />
|
||||
<el-table-column prop="erbanNo"
|
||||
align="center"
|
||||
label="平台id" />
|
||||
<el-table-column prop="nick"
|
||||
align="center"
|
||||
label="昵称" />
|
||||
<el-table-column prop="receiverErbanNo"
|
||||
align="center"
|
||||
label="收礼者平台id" />
|
||||
<el-table-column prop="receiverNick"
|
||||
align="center"
|
||||
label="收礼者昵称" />
|
||||
<el-table-column prop="roomErbanNo"
|
||||
align="center"
|
||||
label="房间id" />
|
||||
<el-table-column prop="giftId"
|
||||
align="center"
|
||||
label="礼物id" />
|
||||
<el-table-column prop="giftName"
|
||||
align="center"
|
||||
label="礼物名称" />
|
||||
<el-table-column prop="giftGoldPrice"
|
||||
align="center"
|
||||
label="礼物价格" />
|
||||
<el-table-column prop="giftNum"
|
||||
align="center"
|
||||
label="数量" />
|
||||
<el-table-column prop="input"
|
||||
align="center"
|
||||
label="进入" />
|
||||
<el-table-column prop="poolTypeDesc"
|
||||
align="center"
|
||||
label="数组类型" />
|
||||
<el-table-column prop="poolId"
|
||||
align="center"
|
||||
label="数组ID" />
|
||||
<el-table-column prop="expect"
|
||||
align="center"
|
||||
label="期望值" />
|
||||
<el-table-column prop="isSupplement"
|
||||
align="center"
|
||||
label="本次是否后台赠送" />
|
||||
<el-table-column prop="drawMultiple"
|
||||
align="center"
|
||||
label="数组倍数" />
|
||||
<el-table-column prop="afterMultiple"
|
||||
align="center"
|
||||
label="最终倍数" />
|
||||
<el-table-column prop="winGoldNum"
|
||||
align="center"
|
||||
label="退出" />
|
||||
<el-table-column prop="stockResult"
|
||||
align="center"
|
||||
label="库存结果" />
|
||||
</el-table>
|
||||
|
||||
<!-- 分页 -->
|
||||
<el-pagination style="margin-top: 10px"
|
||||
class="paginationClass"
|
||||
v-model:current-page="pageRecord.pageNo"
|
||||
v-model:page-size="pageRecord.pageSize"
|
||||
:page-sizes="[50, 100, 200, 500]"
|
||||
layout="sizes, prev, pager, next"
|
||||
:total="pageRecord.total"
|
||||
@size-change="handleRecordPageChange"
|
||||
@current-change="handleRecordPageChange" />
|
||||
</el-dialog>
|
||||
|
||||
<!-- 表格 -->
|
||||
<el-table v-loading="loading"
|
||||
:data="tableData"
|
||||
@sort-change="handleSortChange"
|
||||
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="userRechargeLevel"
|
||||
align="center"
|
||||
label="充值等级" />
|
||||
<el-table-column prop="totalInput"
|
||||
:sortable="inquire.sortable"
|
||||
align="center"
|
||||
label="进入" />
|
||||
<el-table-column prop="totalOutput"
|
||||
:sortable="inquire.sortable"
|
||||
align="center"
|
||||
label="退出" />
|
||||
<el-table-column prop="production"
|
||||
:sortable="inquire.sortable"
|
||||
align="center"
|
||||
label="剩余" />
|
||||
<el-table-column prop="productionRatio"
|
||||
:sortable="inquire.sortable"
|
||||
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-column align="center"
|
||||
label="操作"
|
||||
width="180">
|
||||
<template v-slot="scope">
|
||||
<el-button class="primary"
|
||||
type="primary"
|
||||
@click="openRecordDialog(scope.row)">明细</el-button>
|
||||
<el-button v-loading="exportLoading"
|
||||
@click="exportRecord(scope.row)">导出</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="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 { followUserPersonal, exportFollowUserPersonal, updateUserMulti, pageRecord, exportRecord, listType } from "@/api/luckGift/luckGift";
|
||||
// @ts-ignore
|
||||
import { dateFormat } from "@/utils/system-helper";
|
||||
// @ts-ignore
|
||||
import { ElMessage } from "element-plus";
|
||||
import PartitionSelect from "@/views/common/partitionSelect.vue";
|
||||
export default {
|
||||
name: "luckGiftFollowUserData",
|
||||
components: {
|
||||
PartitionSelect
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
loading: false,
|
||||
totalInput: 0,
|
||||
totalOutput: 0,
|
||||
totalProductionRatio: 0,
|
||||
//查询所需条件对象
|
||||
inquire: {
|
||||
time: "",
|
||||
value: undefined,
|
||||
poolType: undefined,
|
||||
sortable: false,
|
||||
sortCol: undefined,
|
||||
sortOrder: undefined
|
||||
},
|
||||
poolTypes: [],
|
||||
// 表格
|
||||
tableData: [],
|
||||
// 分页
|
||||
total: 20, //总页数
|
||||
currentPage: 1, //页码
|
||||
pageSize: 20, //条数
|
||||
editDialog: false,
|
||||
editDialogTitle: "",
|
||||
value: "",
|
||||
butClick: false,
|
||||
|
||||
recordDialog: {
|
||||
show: false,
|
||||
title: "",
|
||||
},
|
||||
|
||||
pageRecord: {
|
||||
uid: undefined,
|
||||
date: undefined,
|
||||
poolType: undefined,
|
||||
loading: false,
|
||||
data: [],
|
||||
total: 0,
|
||||
pageNo: 1,
|
||||
pageSize: 50,
|
||||
},
|
||||
|
||||
exportLoading: false,
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
loadPoolTypes () {
|
||||
listType({ needAll: true }).then((res) => {
|
||||
if (res.code != 200) {
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: res.message,
|
||||
type: "error",
|
||||
});
|
||||
return
|
||||
}
|
||||
this.poolTypes = res.data;
|
||||
this.inquire.poolType = this.poolTypes[0].type
|
||||
})
|
||||
},
|
||||
// 查询接口
|
||||
getData () {
|
||||
if (!this.inquire.time) {
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: "时间需要填",
|
||||
type: "error",
|
||||
});
|
||||
return;
|
||||
}
|
||||
this.loading = true;
|
||||
followUserPersonal({
|
||||
pageNo: this.currentPage,
|
||||
pageSize: this.pageSize,
|
||||
date: this.inquire.time
|
||||
? dateFormat(this.inquire.time, "yyyy-MM-dd")
|
||||
: null,
|
||||
partitionId: this.inquire.value,
|
||||
poolType: this.inquire.poolType ? this.inquire.poolType : undefined,
|
||||
sortCol: this.inquire.sortCol,
|
||||
sortOrder: this.inquire.sortOrder
|
||||
}).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;
|
||||
});
|
||||
},
|
||||
exportPersonalRecord () {
|
||||
this.loading = true;
|
||||
const params = {
|
||||
date: this.inquire.time
|
||||
? dateFormat(this.inquire.time, "yyyy-MM-dd")
|
||||
: null,
|
||||
partitionId: this.inquire.value,
|
||||
poolType: this.inquire.poolType ? this.inquire.poolType : undefined,
|
||||
sortCol: this.inquire.sortCol,
|
||||
sortOrder: this.inquire.sortOrder
|
||||
}
|
||||
exportFollowUserPersonal(params)
|
||||
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",
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
handleDateChange (val) {
|
||||
if (val && !this.inquire.sortable) {
|
||||
this.inquire.sortable = 'custom';
|
||||
this.inquire.sortCol = undefined;
|
||||
this.inquire.sortOrder = undefined;
|
||||
}
|
||||
if (!val && this.inquire.sortable) {
|
||||
this.inquire.sortable = false;
|
||||
this.inquire.sortCol = undefined;
|
||||
this.inquire.sortOrder = undefined;
|
||||
}
|
||||
},
|
||||
handleSortChange (data) {
|
||||
if (data.order) {
|
||||
this.inquire.sortCol = data.prop;
|
||||
this.inquire.sortOrder = data.order == "ascending" ? "asc" : "desc";
|
||||
} else {
|
||||
this.inquire.sortCol = undefined;
|
||||
this.inquire.sortOrder = undefined
|
||||
}
|
||||
this.getData();
|
||||
},
|
||||
// 分页导航
|
||||
handleSizeChange () {
|
||||
this.getData();
|
||||
},
|
||||
handleCurrentChange () {
|
||||
this.getData();
|
||||
},
|
||||
openRecordDialog (row) {
|
||||
this.recordDialog.show = true;
|
||||
this.recordDialog.title = '[' + row.erbanNo + ']' + row.date + '明细';
|
||||
this.pageRecord.uid = row.uid;
|
||||
this.pageRecord.date = row.date;
|
||||
this.pageRecord.poolType = row.poolType ? row.poolType : undefined;
|
||||
this.pageRecordData();
|
||||
},
|
||||
closeRecordDialog () {
|
||||
this.recordDialog.show = false;
|
||||
this.recordDialog.title = undefined;
|
||||
this.pageRecord.uid = undefined;
|
||||
this.pageRecord.date = undefined;
|
||||
this.pageRecord.poolType = undefined;
|
||||
},
|
||||
// 分页导航
|
||||
handleRecordPageChange () {
|
||||
this.pageRecordData();
|
||||
},
|
||||
pageRecordData () {
|
||||
if (!this.pageRecord.uid && !this.pageRecord.date) {
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: "时间和ID至少填一项",
|
||||
type: "error",
|
||||
});
|
||||
return;
|
||||
}
|
||||
this.pageRecord.loading = true;
|
||||
pageRecord({
|
||||
uid: this.pageRecord.uid,
|
||||
date: this.pageRecord.date,
|
||||
poolType: this.pageRecord.poolType,
|
||||
pageNo: this.pageRecord.pageNo,
|
||||
pageSize: this.pageRecord.pageSize,
|
||||
}).then((res) => {
|
||||
if (res.code !== 200) {
|
||||
throw new Error(res.msg);
|
||||
}
|
||||
this.pageRecord.total = res.data.total;
|
||||
this.pageRecord.data = res.data.rows;
|
||||
}).catch((error) => {
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: error.message,
|
||||
type: "error",
|
||||
});
|
||||
}).finally(() => {
|
||||
this.pageRecord.loading = false;
|
||||
});
|
||||
},
|
||||
exportRecord (row) {
|
||||
this.exportLoading = true;
|
||||
exportRecord({ uid: row.uid, date: row.date })
|
||||
this.exportLoading = false;
|
||||
},
|
||||
},
|
||||
mounted () {
|
||||
this.loadPoolTypes()
|
||||
},
|
||||
};
|
||||
</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,6 +1,24 @@
|
||||
<template>
|
||||
<div class="box">
|
||||
<div class="condition">
|
||||
<div class="inquire">
|
||||
<span>后台关注用户</span>
|
||||
<!-- @input="handleInput" -->
|
||||
<el-input v-model="inquire.adminFollowErbanNoList"
|
||||
placeholder=""
|
||||
class="input"
|
||||
disabled></el-input>
|
||||
<el-button class="primary"
|
||||
type="primary"
|
||||
@click="
|
||||
editDialog = true;
|
||||
butClick = false;
|
||||
type = 16;
|
||||
editDialogTitle = '后台关注用户';
|
||||
value = inquire.adminFollowErbanNoList;
|
||||
">
|
||||
编辑</el-button>
|
||||
</div>
|
||||
<div class="inquire">
|
||||
<span>用户上线列表</span>
|
||||
<!-- @input="handleInput" -->
|
||||
@@ -662,6 +680,7 @@ export default {
|
||||
userRevenueRatio: "",
|
||||
warnMulti: "",
|
||||
followErbanNoList: "",
|
||||
adminFollowErbanNoList: "",
|
||||
whiteErbanNoProductionRatioMap: "",
|
||||
blackErbanNoList: "",
|
||||
preJudgeValue_H: undefined,
|
||||
@@ -701,6 +720,7 @@ export default {
|
||||
this.inquire.userRevenueRatio = res.data.receiverRatio;
|
||||
this.inquire.warnMulti = res.data.warnMulti;
|
||||
this.inquire.followErbanNoList = res.data.followErbanNoList.join();
|
||||
this.inquire.adminFollowErbanNoList = res.data.adminFollowErbanNoList.join();
|
||||
// this.inquire.whiteErbanNoProductionRatioMap = res.data.whiteErbanNoProductionRatioMap.join();
|
||||
this.inquire.blackErbanNoList = res.data.blackErbanNoList.join();
|
||||
var newArr = [];
|
||||
@@ -837,6 +857,8 @@ export default {
|
||||
obj.warnMulti = this.value;
|
||||
} else if (this.type == 11) {
|
||||
obj.followErbanNoList = this.value.split(",");
|
||||
} else if (this.type == 16) {
|
||||
obj.adminFollowErbanNoList = this.value.split(",");
|
||||
} else if (this.type == 14) {
|
||||
obj.whiteErbanNoProductionRatioMap =
|
||||
this.whiteErbanNoProductionRatioMap;
|
||||
|
@@ -528,7 +528,8 @@ export default {
|
||||
console.log(this.controlsObj.value);
|
||||
console.log(this.controlsObj.options);
|
||||
this.controlsObj.value.forEach((res, i) => {
|
||||
partitionFlagVal |= this.controlsObj.options[i].id;
|
||||
// partitionFlagVal |= this.controlsObj.options[i].id;
|
||||
partitionFlagVal += res;
|
||||
});
|
||||
obj.partitionFlag = partitionFlagVal;
|
||||
obj.name = JSON.stringify({
|
||||
|
@@ -708,7 +708,7 @@ export default {
|
||||
$('#trFixedWord').val(fixedWord);
|
||||
$('#ptFixedWord').val(fixedWord);
|
||||
}
|
||||
$('#nameplateType1').attr("disabled", "true");
|
||||
// $('#nameplateType1').attr("disabled", "true");
|
||||
if (!json.isCustomWord) {
|
||||
$('input[name="isCustomWord"]').get(0).checked = true;
|
||||
$('#fixedWord-div').addClass("hidden");
|
||||
@@ -806,8 +806,8 @@ export default {
|
||||
var trFixedWord = $('#trFixedWord').val();
|
||||
var ptFixedWord = $('#ptFixedWord').val();
|
||||
let fixedWordValue = '';
|
||||
if (!(zhFixedWord == '' && arFixedWord == '' && enFixedWord == '' && trFixedWord == "")) {
|
||||
let jsonFixedWord = { 'zh': zhFixedWord, 'ar': arFixedWord, 'en': enFixedWord, 'tr': trFixedWord };
|
||||
if (!(zhFixedWord == '' && arFixedWord == '' && enFixedWord == '' && trFixedWord == "" && ptFixedWord== "")) {
|
||||
let jsonFixedWord = { 'zh': zhFixedWord, 'ar': arFixedWord, 'en': enFixedWord, 'tr': trFixedWord ,'pt': ptFixedWord};
|
||||
fixedWordValue = JSON.stringify(jsonFixedWord);
|
||||
}
|
||||
var isCustomWord = $('input[name="isCustomWord"]:checked').val();
|
||||
@@ -817,7 +817,7 @@ export default {
|
||||
var tr_name = $('#tr_name1').val();
|
||||
var pt_name = $('#pt_name1').val();
|
||||
|
||||
var jsonName = { "zh": name, "ar": ar_name, "en": en_name, "tr": tr_name }
|
||||
var jsonName = { "zh": name, "ar": ar_name, "en": en_name, "tr": tr_name,'pt':pt_name }
|
||||
const nameValue = JSON.stringify(jsonName);
|
||||
var nameplateType = $('#nameplateType1').val();
|
||||
var id = $('#id').val();
|
||||
|
@@ -7,7 +7,7 @@
|
||||
<el-date-picker v-model="inquire.time[0]"
|
||||
type="date"
|
||||
placeholder="开始时间"
|
||||
format="YYYY-MM-DD 00:00:00">
|
||||
format="YYYY-MM-DD">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
</div>
|
||||
@@ -17,10 +17,15 @@
|
||||
<el-date-picker v-model="inquire.time[1]"
|
||||
type="date"
|
||||
placeholder="结束时间"
|
||||
format="YYYY-MM-DD 23:59:59">
|
||||
format="YYYY-MM-DD">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
</div>
|
||||
<div class="inquire">
|
||||
<span>分区</span>
|
||||
<partition-select v-model:partition-id="inquire.partitionId"
|
||||
@update:partitionId="getlistByPartition" />
|
||||
</div>
|
||||
<div class="inquire">
|
||||
<div class="block">
|
||||
<span class="demonstration">国家</span>
|
||||
@@ -81,12 +86,6 @@
|
||||
<el-table-column prop="goldIncome"
|
||||
align="center"
|
||||
label="月金币收入(流水)" />
|
||||
<el-table-column prop="hasGoldIncomeMemberNum"
|
||||
align="center"
|
||||
label="有流水成员数" />
|
||||
<el-table-column prop="sendGiftUserNum"
|
||||
align="center"
|
||||
label="送礼人数" />
|
||||
<el-table-column align="center"
|
||||
label="操作">
|
||||
<template v-slot="scope">
|
||||
@@ -124,9 +123,6 @@
|
||||
<el-table-column prop="goldIncome"
|
||||
align="center"
|
||||
label="金币收入(流水)" />
|
||||
<el-table-column prop="sendGiftUserNum"
|
||||
align="center"
|
||||
label="送礼人数" />
|
||||
</el-table>
|
||||
<!-- 分页 -->
|
||||
<el-pagination style="margin-top: 10px"
|
||||
@@ -167,12 +163,17 @@ import {
|
||||
incomeExportFamilys,
|
||||
getlistByPartitionId
|
||||
} from "@/api/nobleman/nobleman";
|
||||
import PartitionSelect from "@/views/common/partitionSelect.vue";
|
||||
|
||||
// @ts-ignore
|
||||
import { dateFormat } from "@/utils/system-helper";
|
||||
// @ts-ignore
|
||||
import { ElMessage } from "element-plus";
|
||||
export default {
|
||||
name: "GoldWater",
|
||||
components: {
|
||||
PartitionSelect
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
loading: false,
|
||||
@@ -181,7 +182,7 @@ export default {
|
||||
time: this.calculateLastSevenDays(),
|
||||
id: "",
|
||||
nick: "",
|
||||
partitionId: 2,
|
||||
partitionId: undefined,
|
||||
inquireonInfos: [
|
||||
// { desc: "英语区", id: 1 },
|
||||
// { desc: "阿拉伯区", id: 2 },
|
||||
@@ -206,17 +207,18 @@ export default {
|
||||
};
|
||||
},
|
||||
created () {
|
||||
this.getData();
|
||||
this.getlistByPartitionId()
|
||||
// this.getlistByPartitionId()
|
||||
},
|
||||
methods: {
|
||||
getlistByPartitionId () {
|
||||
getlistByPartitionId({ partitionId: 1, containAll: true }).then((res) => {
|
||||
getlistByPartition (e) {
|
||||
console.log(e)
|
||||
if (e) {
|
||||
this.inquire.partitionId = e;
|
||||
}
|
||||
getlistByPartitionId({ partitionId: this.inquire.partitionId, containAll: true }).then((res) => {
|
||||
if (res.code == 200) {
|
||||
this.inquire.inquireonInfos = res.data;
|
||||
// let obj = {name:{zh:"全部"},id:0}
|
||||
// obj.name = JSON.stringify(obj.name)
|
||||
// this.inquire.inquireonInfos.unshift(obj)
|
||||
this.getData();
|
||||
}
|
||||
});
|
||||
},
|
||||
@@ -228,10 +230,10 @@ export default {
|
||||
let endTime = null;
|
||||
if (time.length > 0) {
|
||||
startTime = this.inquire.time[0]
|
||||
? dateFormat(this.inquire.time[0], "yyyy-MM-dd 00:00:00")
|
||||
? dateFormat(this.inquire.time[0], "yyyy-MM-dd")
|
||||
: null;
|
||||
endTime = this.inquire.time[1]
|
||||
? dateFormat(this.inquire.time[1], "yyyy-MM-dd 23:59:59")
|
||||
? dateFormat(this.inquire.time[1], "yyyy-MM-dd")
|
||||
: null;
|
||||
}
|
||||
if (!startTime || !endTime) {
|
||||
@@ -273,8 +275,8 @@ export default {
|
||||
let startTime = "";
|
||||
let endTime = "";
|
||||
if (time && time.length > 0) {
|
||||
startTime = dateFormat(this.inquire.time[0], "yyyy-MM-dd hh:mm:ss");
|
||||
endTime = dateFormat(this.inquire.time[1], "yyyy-MM-dd hh:mm:ss");
|
||||
startTime = dateFormat(this.inquire.time[0], "yyyy-MM-dd");
|
||||
endTime = dateFormat(this.inquire.time[1], "yyyy-MM-dd");
|
||||
}
|
||||
incomeExportFamilys({
|
||||
startDate: startTime,
|
||||
@@ -290,8 +292,8 @@ export default {
|
||||
let startTime = "";
|
||||
let endTime = "";
|
||||
if (time && time.length > 0) {
|
||||
startTime = dateFormat(this.inquire.time[0], "yyyy-MM-dd hh:mm:ss");
|
||||
endTime = dateFormat(this.inquire.time[1], "yyyy-MM-dd hh:mm:ss");
|
||||
startTime = dateFormat(this.inquire.time[0], "yyyy-MM-dd");
|
||||
endTime = dateFormat(this.inquire.time[1], "yyyy-MM-dd");
|
||||
}
|
||||
incomeExportFamily({
|
||||
familyId: val.id,
|
||||
@@ -314,8 +316,8 @@ export default {
|
||||
let startDate = "";
|
||||
let endDate = "";
|
||||
if (time && time.length > 0) {
|
||||
startDate = dateFormat(this.inquire.time[0], "yyyy-MM-dd hh:mm:ss");
|
||||
endDate = dateFormat(this.inquire.time[1], "yyyy-MM-dd hh:mm:ss");
|
||||
startDate = dateFormat(this.inquire.time[0], "yyyy-MM-dd");
|
||||
endDate = dateFormat(this.inquire.time[1], "yyyy-MM-dd");
|
||||
}
|
||||
if (val) {
|
||||
this.detailsTitle = `公会昵称:【${val.name}】 时间:【${val.createTime}】—金币收入明细`;
|
||||
@@ -339,8 +341,8 @@ export default {
|
||||
let startTime = "";
|
||||
let endTime = "";
|
||||
if (time && time.length > 0) {
|
||||
startTime = dateFormat(this.inquire.time[0], "yyyy-MM-dd hh:mm:ss");
|
||||
endTime = dateFormat(this.inquire.time[1], "yyyy-MM-dd hh:mm:ss");
|
||||
startTime = dateFormat(this.inquire.time[0], "yyyy-MM-dd");
|
||||
endTime = dateFormat(this.inquire.time[1], "yyyy-MM-dd");
|
||||
}
|
||||
incomeExportFamily({
|
||||
familyId: this.familyIdEx,
|
||||
|
@@ -1,5 +1,9 @@
|
||||
<template>
|
||||
<div class="box">
|
||||
<div class="inquire">
|
||||
<span>分区</span>
|
||||
<partition-select v-model:partition-id="inquire.partitionId" />
|
||||
</div>
|
||||
<!-- 查询 -->
|
||||
<div class="inquire">
|
||||
<span>公会ID</span>
|
||||
@@ -112,6 +116,9 @@
|
||||
size="default">{{ scope.row.memberNum }}/{{ scope.row.memberNumLimit }}</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="operator"
|
||||
align="center"
|
||||
label="操作人" />
|
||||
<el-table-column align="center"
|
||||
label="收款账户"
|
||||
width="300">
|
||||
@@ -509,10 +516,12 @@ import {
|
||||
} from "@/api/nobleman/nobleman";
|
||||
// @ts-ignore
|
||||
import { dateFormat } from "@/utils/system-helper";
|
||||
import PartitionSelect from "../common/partitionSelect.vue";
|
||||
// @ts-ignore
|
||||
import { ElMessage } from "element-plus";
|
||||
export default {
|
||||
name: "GuildInfo",
|
||||
components: { PartitionSelect },
|
||||
data () {
|
||||
return {
|
||||
loading: false,
|
||||
@@ -525,6 +534,7 @@ export default {
|
||||
referrer: "",
|
||||
time: "",
|
||||
inviteErbanNo: undefined,
|
||||
partitionId: undefined,
|
||||
},
|
||||
//新增所需对象
|
||||
resource: {
|
||||
@@ -595,6 +605,7 @@ export default {
|
||||
erbanNo: this.inquire.userId,
|
||||
referrer: this.inquire.referrer,
|
||||
familyName: this.inquire.nick,
|
||||
partitionId: this.inquire.partitionId,
|
||||
// startDate: startTime,
|
||||
// endDate: endTime,
|
||||
inviteErbanNo: this.inquire.inviteErbanNo,
|
||||
|
@@ -2,6 +2,17 @@
|
||||
<div class="box">
|
||||
<!-- 时间选择器 -->
|
||||
<div class="inquire">
|
||||
<span>周期</span>
|
||||
<el-select v-model="inquire.cycleDate"
|
||||
placeholder="请选择">
|
||||
<el-option v-for="(item,index) in dateCycleArr"
|
||||
:key="index"
|
||||
:label="item.startDateStr + '~' + item.endDateStr"
|
||||
:value="item.dateCycle">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<!-- <div class="inquire">
|
||||
<div class="block">
|
||||
<span class="demonstration">日期</span>
|
||||
<el-config-provider :locale="zhCn">
|
||||
@@ -10,7 +21,7 @@
|
||||
placeholder="选择月">
|
||||
</el-date-picker></el-config-provider>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
<div class="inquire">
|
||||
<div class="block">
|
||||
<span class="demonstration">会长分区</span>
|
||||
@@ -72,11 +83,12 @@
|
||||
<el-table-column prop="agentWage"
|
||||
align="center"
|
||||
label="代理工资" />
|
||||
<el-table-column prop="diamondWage"
|
||||
align="center"
|
||||
label="钻石工资" />
|
||||
<el-table-column prop="diamondRemain"
|
||||
align="center"
|
||||
label="当前钻石余额">
|
||||
<template v-slot="scope">{{ scope.row.diamondRemain }}</template>
|
||||
</el-table-column>
|
||||
label="当前钻石余额" />
|
||||
<el-table-column align="center"
|
||||
label="操作"
|
||||
width="260">
|
||||
@@ -131,18 +143,12 @@
|
||||
<el-table-column prop="agentWage"
|
||||
align="center"
|
||||
label="代理工资" />
|
||||
<el-table-column prop="diamondWage"
|
||||
align="center"
|
||||
label="钻石工资" />
|
||||
<el-table-column prop="diamondRemain"
|
||||
align="center"
|
||||
label="当前钻石余额" />
|
||||
<el-table-column align="center"
|
||||
label="操作">
|
||||
<template v-slot="scope">
|
||||
<el-button @click="detailsClick(scope.row)"
|
||||
class="primary"
|
||||
type="primary"
|
||||
size="default">查看详情</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<template #footer>
|
||||
<div class="dialog-footer">
|
||||
@@ -153,59 +159,6 @@
|
||||
</template>
|
||||
</el-dialog>
|
||||
|
||||
<!-- 内嵌单个成员明细 -->
|
||||
<el-dialog :title="detailsTitle2"
|
||||
v-model="detailsDialog2">
|
||||
<el-table v-loading="loading"
|
||||
:data="tableDataDetails2"
|
||||
border
|
||||
style="width: 100%; margin-top: 25px">
|
||||
<el-table-column prop="date"
|
||||
align="center"
|
||||
label="日期" />
|
||||
<el-table-column prop="micRemainTime"
|
||||
align="center"
|
||||
label="直播时长" />
|
||||
<el-table-column prop="micVaild"
|
||||
align="center"
|
||||
label="是否有效天">
|
||||
<template v-slot="scope">
|
||||
{{ scope.row.micVaild ? "是" : "否" }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="goldIncome"
|
||||
align="center"
|
||||
label="当日金币收入" />
|
||||
<el-table-column prop="savedGoldIncome"
|
||||
align="center"
|
||||
label="月累计金币收入" />
|
||||
<el-table-column prop="saveedGoldWage"
|
||||
align="center"
|
||||
label="月金币工资" />
|
||||
<el-table-column prop="diamondRemain"
|
||||
align="center"
|
||||
label="当日钻石余额" />
|
||||
<!-- <el-table-column align="center" label="操作">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
@click="detailsClick2(scope)"
|
||||
class="primary"
|
||||
type="text"
|
||||
size="default"
|
||||
:disabled="!scope.row.enable"
|
||||
>查看详情</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column> -->
|
||||
</el-table>
|
||||
<template #footer>
|
||||
<div class="dialog-footer">
|
||||
<el-button @click="detailsDialog2 = false">关闭</el-button>
|
||||
<el-button type="primary"
|
||||
@click="detailsClickOut2()">导出</el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-dialog>
|
||||
<!-- 分页 -->
|
||||
<el-pagination style="margin-top: 10px"
|
||||
class="paginationClass"
|
||||
@@ -224,12 +177,9 @@ import {
|
||||
statPageFamily,
|
||||
listFamilyMember,
|
||||
statExportFamilyMember,
|
||||
listFamilyMemberDaily,
|
||||
exportFamilyMemberDaily,
|
||||
statExportFamily,
|
||||
} from "@/api/nobleman/nobleman";
|
||||
// @ts-ignore
|
||||
import { dateFormat } from "@/utils/system-helper";
|
||||
import { getWageStatListDateCycle } from "@/api/relAgency/relAgency.js";
|
||||
// @ts-ignore
|
||||
import { ElMessage } from "element-plus";
|
||||
export default {
|
||||
@@ -240,14 +190,14 @@ export default {
|
||||
loading: false,
|
||||
//查询所需条件对象
|
||||
inquire: {
|
||||
time: "",
|
||||
nick: "",
|
||||
partitionId: 2,
|
||||
partitionId: 1,
|
||||
inquireonInfos: [
|
||||
{ desc: "英语区", id: 1 },
|
||||
{ desc: "阿拉伯区", id: 2 },
|
||||
{ desc: "华语区", id: 4 },
|
||||
{ desc: "土耳其区", id: 8 },
|
||||
],
|
||||
cycleDate: '',
|
||||
},
|
||||
// 表格
|
||||
tableData: [],
|
||||
@@ -265,23 +215,40 @@ export default {
|
||||
detailsTitle2: "工会昵称 用户昵称(ID:0) 时间段 结算明细",
|
||||
tableDataDetails2: [],
|
||||
detailsClickOutObj2: {},
|
||||
dateCycleArr: [],
|
||||
};
|
||||
},
|
||||
created () {
|
||||
// this.getData();
|
||||
getWageStatListDateCycle({ month: 4 }).then((res) => {
|
||||
if (res.code == 200) {
|
||||
this.dateCycleArr = res.data || [];
|
||||
this.inquire.cycleDate = this.dateCycleArr[0].dateCycle;
|
||||
this.getData();
|
||||
} else {
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: res.message,
|
||||
type: "error",
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
methods: {
|
||||
// 查询接口
|
||||
getData () {
|
||||
// this.loading = true;
|
||||
let time = this.inquire.time;
|
||||
if (time) {
|
||||
time = dateFormat(this.inquire.time, "yyyy-MM");
|
||||
// let time = this.inquire.time;
|
||||
// if (time) {
|
||||
// time = dateFormat(this.inquire.time, "yyyy-MM");
|
||||
// }
|
||||
if (this.inquire.cycleDate == "") {
|
||||
ElMessage.error("请选择周期");
|
||||
return;
|
||||
}
|
||||
statPageFamily({
|
||||
erbanNo: this.inquire.nick,
|
||||
partitionId: this.inquire.partitionId,
|
||||
month: time,
|
||||
cycleDate: this.inquire.cycleDate,
|
||||
pageNum: this.currentPage,
|
||||
pageSize: this.pageSize,
|
||||
}).then((res) => {
|
||||
@@ -292,13 +259,9 @@ export default {
|
||||
},
|
||||
// 导出总外列表
|
||||
deriveFun (val) {
|
||||
let time = this.inquire.time;
|
||||
if (time) {
|
||||
time = dateFormat(this.inquire.time, "yyyy-MM");
|
||||
}
|
||||
statExportFamily({
|
||||
erbanNo: this.inquire.nick,
|
||||
month: time,
|
||||
cycleDate: this.inquire.cycleDate,
|
||||
partitionId: this.inquire.partitionId,
|
||||
}).then((res) => { });
|
||||
},
|
||||
@@ -306,7 +269,7 @@ export default {
|
||||
deriveFun2 (val) {
|
||||
statExportFamilyMember({
|
||||
familyId: val.id,
|
||||
month: dateFormat(this.inquire.time, "yyyy-MM"),
|
||||
cycleDate: this.inquire.cycleDate,
|
||||
});
|
||||
this.detailsDialog = false;
|
||||
},
|
||||
@@ -315,13 +278,10 @@ export default {
|
||||
console.log(val);
|
||||
var than = this;
|
||||
this.detailsClickOutObj = val;
|
||||
than.detailsTitle = `[${val.name}] [${dateFormat(
|
||||
than.inquire.time,
|
||||
"yyyy-MM"
|
||||
)}]结算明细`;
|
||||
than.detailsTitle = `[${val.name}] [${this.inquire.cycleDate}]结算明细`;
|
||||
listFamilyMember({
|
||||
familyId: val.id,
|
||||
month: dateFormat(than.inquire.time, "yyyy-MM"),
|
||||
cycleDate: this.inquire.cycleDate,
|
||||
}).then((res) => {
|
||||
this.tableDataDetails = res.data;
|
||||
this.detailsDialog = true;
|
||||
@@ -331,37 +291,10 @@ export default {
|
||||
detailsClickOut () {
|
||||
statExportFamilyMember({
|
||||
familyId: this.detailsClickOutObj.id,
|
||||
month: dateFormat(this.inquire.time, "yyyy-MM"),
|
||||
cycleDate: this.inquire.cycleDate,
|
||||
});
|
||||
this.detailsDialog = false;
|
||||
},
|
||||
// 嵌套详情按钮
|
||||
detailsClick (val) {
|
||||
var than = this;
|
||||
this.detailsClickOutObj2 = val;
|
||||
than.detailsTitle2 = `公会名称:${val.familyName} 成员名称:${val.nick
|
||||
}(ID:${val.erbanNo}) ${dateFormat(
|
||||
than.inquire.time,
|
||||
"yyyy-MM"
|
||||
)} 结算明细`;
|
||||
listFamilyMemberDaily({
|
||||
familyId: val.familyId,
|
||||
month: dateFormat(than.inquire.time, "yyyy-MM"),
|
||||
uid: val.uid,
|
||||
}).then((res) => {
|
||||
than.tableDataDetails2 = res.data;
|
||||
than.detailsDialog2 = true;
|
||||
});
|
||||
},
|
||||
// 导出每日成员数据
|
||||
detailsClickOut2 () {
|
||||
exportFamilyMemberDaily({
|
||||
familyId: this.detailsClickOutObj2.id,
|
||||
month: dateFormat(this.inquire.time, "yyyy-MM"),
|
||||
uid: this.detailsClickOutObj2.uid,
|
||||
});
|
||||
this.detailsDialog2 = false;
|
||||
},
|
||||
// 分页导航
|
||||
handleSizeChange () {
|
||||
this.getData();
|
||||
|
@@ -13,7 +13,9 @@
|
||||
<input type="hidden" name="status" id="exportStatus" />
|
||||
<input type="hidden" name="newUser" id="exportNewUser" />
|
||||
<input type="hidden" name="appChannel" id="exportAppChannel" />
|
||||
<input type="hidden" name="appChannel" id="exportRegionId" />
|
||||
<input type="hidden" name="regionId" id="exportRegionId" />
|
||||
<input type="hidden" name="chargeRecordId" id="exportChargeRecordId" />
|
||||
<input type="hidden" name="pingxxChargeId" id="exportPingxxChargeId" />
|
||||
</form>
|
||||
<section class="content">
|
||||
<div id="toolbar">
|
||||
@@ -56,6 +58,14 @@
|
||||
<label for="regionId">国家:</label>
|
||||
<select name="regionId" id="regionId" class="form-control"></select>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="qErbanNo">商户订单号:</label>
|
||||
<input type="text" class="form-control" name="chargeRecordId" id="chargeRecordId" />
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="qErbanNo">第三方订单号:</label>
|
||||
<input type="text" class="form-control" name="pingxxChargeId" id="pingxxChargeId" />
|
||||
</div>
|
||||
</form>
|
||||
<div id="mapObjHtml"></div>
|
||||
<button id="btnSearch" class="btn btn-sm btn-primary">查询</button>
|
||||
@@ -166,6 +176,12 @@ export default {
|
||||
align: "center",
|
||||
width: "5%",
|
||||
},
|
||||
{
|
||||
field: "updateTime",
|
||||
title: "更新时间",
|
||||
align: "center",
|
||||
width: "5%",
|
||||
},
|
||||
],
|
||||
undefinedText: "-",
|
||||
cache: false,
|
||||
@@ -191,6 +207,9 @@ export default {
|
||||
newUser: $("#qNewUser").val(),
|
||||
appChannel: $("#qAppChannel").val(),
|
||||
regionId: $("#regionId").val(),
|
||||
pingxxChargeId: $("#pingxxChargeId").val(),
|
||||
chargeRecordId: $("#chargeRecordId").val(),
|
||||
|
||||
};
|
||||
return param;
|
||||
},
|
||||
@@ -256,6 +275,8 @@ export default {
|
||||
newUser: $("#qNewUser").val(),
|
||||
appChannel: $("#qAppChannel").val(),
|
||||
regionId: $("#regionId").val(),
|
||||
chargeRecordId: $("#chargeRecordId").val(),
|
||||
pingxxChargeId: $("#pingxxChargeId").val(),
|
||||
};
|
||||
|
||||
// 手动加载数据
|
||||
@@ -338,6 +359,8 @@ export default {
|
||||
$("#exportNewUser").val($("#qNewUser").val());
|
||||
$("#exportAppChannel").val($("#qAppChannel").val());
|
||||
$("#exportRegionId").val($("#regionId").val());
|
||||
$("#exportPingxxChargeId").val($("#pingxxChargeId").val());
|
||||
$("#exportChargeRecordId").val($("#chargeRecordId").val());
|
||||
form.submit();
|
||||
});
|
||||
},
|
||||
|
@@ -20,6 +20,8 @@
|
||||
<option value="17">活动奖励钻石</option>
|
||||
<option value="20">公款充值钻石</option>
|
||||
<option value="51">官方钻石消除</option>
|
||||
<option value="65">官方消除游戏薪资</option>
|
||||
<option value="66">官方赠送游戏薪资</option>
|
||||
<option value="63">官方消除薪资</option>
|
||||
<option value="64">官方赠送薪资</option>
|
||||
</select>
|
||||
@@ -67,6 +69,8 @@
|
||||
<option value="17">活动奖励钻石</option>
|
||||
<option value="20">公款充值钻石</option>
|
||||
<option value="51">官方钻石消除</option>
|
||||
<option value="65">官方消除游戏薪资</option>
|
||||
<option value="66">官方赠送游戏薪资</option>
|
||||
<option value="63">官方消除薪资</option>
|
||||
<option value="64">官方赠送薪资</option>
|
||||
</select>
|
||||
@@ -134,6 +138,8 @@ export default {
|
||||
if (val == 17) { return "活动奖励钻石" }
|
||||
if (val == 20) { return "公款充值钻石" }
|
||||
if (val == 51) { return "官方钻石消除" }
|
||||
if (val == 65) { return "官方消除游戏薪资" }
|
||||
if (val == 66) { return "官方赠送游戏薪资" }
|
||||
if (val == 63) { return "官方消除薪资" }
|
||||
if (val == 64) { return "官方赠送薪资" }
|
||||
return val;
|
||||
|
@@ -25,12 +25,18 @@
|
||||
<label for="type"
|
||||
class="col-sm-2 control-label">备注:</label>
|
||||
<div class="col-sm-10">
|
||||
<input type="text"
|
||||
<!-- <input type="text"
|
||||
name="remark"
|
||||
id="remark"
|
||||
class="form-control"
|
||||
maxlength="100"
|
||||
placeholder="非必填">
|
||||
placeholder="非必填"> -->
|
||||
<textarea class="form-control"
|
||||
name="remark"
|
||||
id="remark"
|
||||
style="height:80px;"
|
||||
placeholder="非必填"
|
||||
></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
@@ -214,7 +220,7 @@ export default {
|
||||
$('#num').on('input', function() {
|
||||
var numValue = $(this).val();
|
||||
if (numValue && !isNaN(numValue)) {
|
||||
var transferValue = (parseInt(numValue) / 7000).toFixed(2);
|
||||
var transferValue = (parseInt(numValue) / 30000).toFixed(2);
|
||||
$('#numTransfer').val(transferValue);
|
||||
} else {
|
||||
$('#numTransfer').val('');
|
||||
@@ -279,7 +285,7 @@ export default {
|
||||
$("#tipModal").modal('show');
|
||||
return;
|
||||
}
|
||||
if (actualGold != parseInt(actualAmount * 7000)) {
|
||||
if (actualGold != parseInt(actualAmount * 30000)) {
|
||||
$("#tipMsg").text("赠送金币与充值金额兑换比例不正确!");
|
||||
$("#tipModal").modal('show');
|
||||
return;
|
||||
@@ -302,25 +308,21 @@ export default {
|
||||
'ernos': erBanNos,
|
||||
'type': type,
|
||||
'num': num,
|
||||
'actualAmount': actualAmount,
|
||||
'remark': remark,
|
||||
'busType': busType
|
||||
};
|
||||
if (type == 'CLEAR_USER_GOLD') {
|
||||
clearUserGold(data);
|
||||
} else {
|
||||
give(data);
|
||||
}
|
||||
operate(data);
|
||||
});
|
||||
|
||||
function give (data) {
|
||||
function operate (data) {
|
||||
isGiveBol = true;
|
||||
if (confirm('确认吗?')) {
|
||||
$("#tipMsg").text("处理中,请稍后...");
|
||||
$("#tipModal").modal('show');
|
||||
|
||||
$.ajax({
|
||||
type: "post",
|
||||
url: "/admin/goldcoin/give",
|
||||
url: "/admin/goldcoin/operate",
|
||||
data: data,
|
||||
dataType: "json",
|
||||
success: function (json) {
|
||||
@@ -337,6 +339,8 @@ export default {
|
||||
isGiveBol = false;
|
||||
}
|
||||
});
|
||||
}else{
|
||||
isGiveBol = false;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -367,7 +371,7 @@ export default {
|
||||
return;
|
||||
}
|
||||
const actualGold = parseInt(num);
|
||||
if (actualGold != parseInt(actualAmount * 7000)) {
|
||||
if (actualGold != parseInt(actualAmount * 30000)) {
|
||||
$("#tipMsg").text("赠送金币与充值金额兑换比例不正确!");
|
||||
$("#tipModal").modal('show');
|
||||
return;
|
||||
@@ -382,32 +386,7 @@ export default {
|
||||
}
|
||||
}
|
||||
|
||||
function clearUserGold (data) {
|
||||
isGiveBol = true;
|
||||
if (confirm('确认吗?')) {
|
||||
$("#tipMsg").text("处理中,请稍后...");
|
||||
$("#tipModal").modal('show');
|
||||
$.ajax({
|
||||
type: "post",
|
||||
url: "/admin/goldcoin/clearUserGold",
|
||||
data: { erBanNos: data.ernos, num: data.num },
|
||||
dataType: "json",
|
||||
success: function (json) {
|
||||
if (json.code == 200) {
|
||||
$("#tipMsg").text("处理成功");
|
||||
$('#btnScan').click();
|
||||
} else {
|
||||
$("#tipMsg").text("处理出错,errorCode: " + json.message);
|
||||
}
|
||||
isGiveBol = false;
|
||||
},
|
||||
error: function (json) {
|
||||
$("#tipMsg").text("处理出错,网络出错");
|
||||
isGiveBol = false;
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
function trimTextArea (str) {
|
||||
return str.split('\n').map((line) => line.trim())
|
||||
@@ -441,6 +420,7 @@ function initUserInfoTable () {
|
||||
{ field: 'goldNum', title: '钻石', align: 'center', width: '5%', valign: 'middle' },
|
||||
{ field: 'radishNum', title: '水晶', align: 'center', width: '5%', valign: 'middle' },
|
||||
{ field: 'diamondsNum', title: '金币', align: 'center', width: '5%', valign: 'middle' },
|
||||
{ field: 'gameUsdNum', title: '游戏薪资', align: 'center', width: '5%', valign: 'middle' },
|
||||
{ field: 'guildUsdNum', title: '薪资', align: 'center', width: '5%', valign: 'middle' }
|
||||
],
|
||||
cache: false,
|
||||
@@ -503,7 +483,8 @@ function initGoldRecordTable () {
|
||||
formatter: function (val, row, index) {
|
||||
// 根据条件判断显示哪个字段
|
||||
// 示例:根据typeCn字段的值来决定显示什么
|
||||
if (row.currencyType == 0 || row.currencyType == 4) {
|
||||
if (row.currencyType == 0 || row.currencyType == 4 || row.currencyType == 5) {
|
||||
|
||||
if(row.currencyType == 0 && row.diamondNum == null){
|
||||
return row.goldNum
|
||||
}else{
|
||||
|
@@ -97,6 +97,14 @@
|
||||
}}
|
||||
</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="partitionDesc" align="center" label="区域" />
|
||||
<el-table-column prop="operationNum" align="center" label="操作数量" />
|
||||
<el-table-column prop="actualAmount" align="center" label="打款金额" />
|
||||
<el-table-column prop="typeDesc" align="center" label="赠送类型" />
|
||||
<el-table-column prop="currencyTypeDesc" align="center" label="赠送分类" />
|
||||
<el-table-column prop="remark" align="center" label="备注" />
|
||||
<el-table-column prop="operatorName" align="center" label="操作人" />
|
||||
</el-table>
|
||||
<!-- 分页 -->
|
||||
@@ -147,6 +155,8 @@ export default {
|
||||
{ desc: "官方金币消除", id: "OFFICAL_REDUCE_DIAMONDS" },
|
||||
{ desc: "官方赠送钻石", id: "OFFICAL_GOLD" },
|
||||
{ desc: "用户钻石清除", id: "CLEAR_USER_GOLD" },
|
||||
{ desc: "官方消除游戏薪资", id: "OFFICAL_MINUS_GAME_USD" },
|
||||
{ desc: "官方赠送游戏薪资", id: "OFFICAL_PLUS_GAME_USD" },
|
||||
{ desc: "官方消除薪资", id: "OFFICAL_MINUS_GUILD_USD" },
|
||||
{ desc: "官方赠送薪资", id: "OFFICAL_PLUS_GUILD_USD" },
|
||||
],
|
||||
|
@@ -14,6 +14,29 @@
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="inquire"
|
||||
style="display: inline-block; margin-right: 20px">
|
||||
<span class="demonstration">游戏类型:</span>
|
||||
<el-select v-model="searchValues.panelType"
|
||||
style="width: 75%"
|
||||
placeholder="请选择">
|
||||
<el-option label="全部" value=""></el-option>
|
||||
<el-option label="休闲游戏" :value="1"></el-option>
|
||||
<el-option label="娱乐游戏" :value="2"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="inquire"
|
||||
style="display: inline-block; margin-right: 20px">
|
||||
<span class="demonstration">游戏第三方:</span>
|
||||
<el-select v-model="searchValues.code"
|
||||
style="width: 70%"
|
||||
placeholder="请选择">
|
||||
<el-option label="全部" value=""></el-option>
|
||||
<el-option label="百顺" value="BAISHUN"></el-option>
|
||||
<el-option label="灵仙" value="LEADERCC"></el-option>
|
||||
<el-option label="Joy" value="JOYPLAY"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<!-- 按钮 -->
|
||||
<div class="buttonBox">
|
||||
<el-button @click="addClick()"
|
||||
@@ -135,6 +158,16 @@
|
||||
prop="HIGH_RECHARGE_USER"
|
||||
label="可见用户"
|
||||
:formatter="ruleJsonFormatter" />
|
||||
<el-table-column align="center"
|
||||
prop="panelType"
|
||||
label="游戏分类" >
|
||||
<template v-slot="scope">{{ scope.row.panelType==1?'休闲游戏':'娱乐游戏' }}</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center"
|
||||
prop="panelType"
|
||||
label="游戏第三方" >
|
||||
<template v-slot="scope">{{ scope.row.code=='BAISHUN'?'百顺':scope.row.code=='LEADERCC'?'灵仙':'Joy'}}</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center"
|
||||
label="操作"
|
||||
width="200">
|
||||
@@ -356,6 +389,16 @@
|
||||
:value="value"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div style="margin-bottom: 25px">
|
||||
<span style="display: inline-block; margin-right: 20px"
|
||||
class="col-sm-2 control-label">游戏分类</span>
|
||||
<el-select v-model="resource.panelType"
|
||||
style="width: 75%"
|
||||
placeholder="请选择">
|
||||
<el-option label="休闲游戏" :value="1"></el-option>
|
||||
<el-option label="娱乐游戏" :value="2"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
<el-button @click="editDialog = false">取消</el-button>
|
||||
@@ -445,11 +488,14 @@ export default {
|
||||
seriesNameAr: '',
|
||||
seriesNameTr: '',
|
||||
seriesNamePt: '',
|
||||
panelType:''
|
||||
},
|
||||
imageUrl: '',
|
||||
partitionInfos: [],
|
||||
searchValues: {
|
||||
partitionId: null,
|
||||
panelType:'',
|
||||
code:''
|
||||
},
|
||||
};
|
||||
},
|
||||
@@ -528,6 +574,8 @@ export default {
|
||||
partitionId: this.searchValues.partitionId,
|
||||
page: this.currentPage,
|
||||
pageSize: this.pageSize,
|
||||
panelType: this.searchValues.panelType,
|
||||
code: this.searchValues.code,
|
||||
}).then(res => {
|
||||
let data = res.data;
|
||||
this.totals = data.total;
|
||||
@@ -571,6 +619,7 @@ export default {
|
||||
this.resource.seriesNameAr = '';
|
||||
this.resource.seriesNameTr = '';
|
||||
this.resource.seriesNamePt = '';
|
||||
this.resource.panelType = '';
|
||||
for (let i = 0, len = this.rules.length; i < len; i++) {
|
||||
let rule = this.rules[i];
|
||||
this.resource.ruleValue[rule.ruleCode] = '';
|
||||
@@ -590,6 +639,7 @@ export default {
|
||||
this.resource.startTime = row.startTime;
|
||||
this.resource.endTime = row.endTime;
|
||||
this.resource.seqNo = row.seqNo;
|
||||
this.resource.panelType = row.panelType;
|
||||
if (row.name) {
|
||||
this.resource.seriesNameZh = JSON.parse(row.name).zh;
|
||||
this.resource.seriesNameEn = JSON.parse(row.name).en;
|
||||
@@ -651,6 +701,7 @@ export default {
|
||||
seqNo: this.resource.seqNo,
|
||||
ruleValue: JSON.stringify(this.resource.ruleValue),
|
||||
partitionId: this.resource.partitionId,
|
||||
panelType: this.resource.panelType,
|
||||
}).then(res => {
|
||||
this.getData();
|
||||
this.editDialog = false;
|
||||
|
@@ -36,7 +36,31 @@
|
||||
<!-- 表格 -->
|
||||
<el-table :data="tableData" border style="width: 100%; margin-top: 25px">
|
||||
<el-table-column align="center" prop="id" label="资源位ID" />
|
||||
<el-table-column align="center" prop="name" label="活动名称" />
|
||||
<el-table-column prop="name"
|
||||
align="center"
|
||||
label="活动名称-华语区">
|
||||
<template v-slot="scope">{{ getJsonField(scope.row.name, 'zh') }}</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="name"
|
||||
align="center"
|
||||
label="活动名称-英语区">
|
||||
<template v-slot="scope">{{ getJsonField(scope.row.name, 'en') }}</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="name"
|
||||
align="center"
|
||||
label="活动名称-阿语区">
|
||||
<template v-slot="scope">{{ getJsonField(scope.row.name, 'ar') }}</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="name"
|
||||
align="center"
|
||||
label="活动名称-土耳其区">
|
||||
<template v-slot="scope">{{ getJsonField(scope.row.name, 'tr') }}</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="name"
|
||||
align="center"
|
||||
label="活动名称-葡萄牙语区">
|
||||
<template v-slot="scope">{{ getJsonField(scope.row.name, 'pt') }}</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" prop="partitionId" label="地区">
|
||||
<template v-slot="scope">
|
||||
<span>{{ getPartitionInfo(scope.row.partitionId) }}</span>
|
||||
@@ -147,20 +171,7 @@
|
||||
/>
|
||||
<!-- 编辑弹窗 -->
|
||||
<el-dialog v-model="editDialog" title="开屏配置" width="50%" center>
|
||||
<div style="margin-bottom: 25px">
|
||||
<span
|
||||
style="display: inline-block; margin-right: 20px"
|
||||
class="col-sm-2 control-label"
|
||||
>活动名称</span
|
||||
>
|
||||
<el-input
|
||||
v-model="resource.name"
|
||||
style="width: 75%"
|
||||
class="input"
|
||||
placeholder="请输入活动名称"
|
||||
></el-input>
|
||||
</div>
|
||||
<div style="margin-bottom: 25px; margin-top: 70px">
|
||||
<div style="margin-bottom: 25px;">
|
||||
<span
|
||||
style="display: inline-block; margin-right: 20px"
|
||||
class="col-sm-2 control-label"
|
||||
@@ -179,6 +190,46 @@
|
||||
></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<!-- 活动名称-华语 -->
|
||||
<div style="margin-bottom: 25px; margin-top: 10px; display: flex">
|
||||
<span style="display: inline-block; margin-right: 20px"
|
||||
class="col-sm-2 control-label">活动名称-华语</span>
|
||||
<el-input v-model="resource.nickZh"
|
||||
placeholder=""
|
||||
class="input"></el-input>
|
||||
</div>
|
||||
<!-- 活动名称-英语 -->
|
||||
<div style="margin-bottom: 25px; margin-top: 10px; display: flex">
|
||||
<span style="display: inline-block; margin-right: 20px"
|
||||
class="col-sm-2 control-label">活动名称-英语</span>
|
||||
<el-input v-model="resource.nickEn"
|
||||
placeholder=""
|
||||
class="input"></el-input>
|
||||
</div>
|
||||
<!-- 活动名称-阿语 -->
|
||||
<div style="margin-bottom: 25px; margin-top: 10px; display: flex">
|
||||
<span style="display: inline-block; margin-right: 20px"
|
||||
class="col-sm-2 control-label">活动名称-阿语</span>
|
||||
<el-input v-model="resource.nickAr"
|
||||
placeholder=""
|
||||
class="input"></el-input>
|
||||
</div>
|
||||
<!-- 活动名称-土耳其 -->
|
||||
<div style="margin-bottom: 25px; margin-top: 10px; display: flex">
|
||||
<span style="display: inline-block; margin-right: 20px"
|
||||
class="col-sm-2 control-label">活动名称-土耳其</span>
|
||||
<el-input v-model="resource.nickTr"
|
||||
placeholder=""
|
||||
class="input"></el-input>
|
||||
</div>
|
||||
<!-- 活动名称-葡萄牙语 -->
|
||||
<div style="margin-bottom: 25px; margin-top: 10px; display: flex">
|
||||
<span style="display: inline-block; margin-right: 20px"
|
||||
class="col-sm-2 control-label">活动名称-葡萄牙语</span>
|
||||
<el-input v-model="resource.nickPt"
|
||||
placeholder=""
|
||||
class="input"></el-input>
|
||||
</div>
|
||||
<div style="margin-bottom: 25px">
|
||||
<span
|
||||
style="display: inline-block; margin-right: 20px"
|
||||
@@ -419,6 +470,11 @@ export default {
|
||||
seqNo: 0,
|
||||
ruleValue: {},
|
||||
partitionId: null,
|
||||
nickZh: "",
|
||||
nickEn: "",
|
||||
nickAr: "",
|
||||
nickTr: "",
|
||||
nickPt: "",
|
||||
},
|
||||
imageUrl: "",
|
||||
partitionInfos: [],
|
||||
@@ -521,6 +577,13 @@ export default {
|
||||
this.resource.endTime = null;
|
||||
this.resource.seqNo = 0;
|
||||
this.resource.ruleValue = {};
|
||||
|
||||
this.resource.nickZh = "";
|
||||
this.resource.nickEn = "";
|
||||
this.resource.nickAr = "";
|
||||
this.resource.nickTr = "";
|
||||
this.resource.nickPt = "";
|
||||
|
||||
for (let i = 0, len = this.rules.length; i < len; i++) {
|
||||
let rule = this.rules[i];
|
||||
this.resource.ruleValue[rule.ruleCode] = "";
|
||||
@@ -538,6 +601,13 @@ export default {
|
||||
this.resource.startTime = row.startTime;
|
||||
this.resource.endTime = row.endTime;
|
||||
this.resource.seqNo = row.seqNo;
|
||||
|
||||
this.resource.nickZh = JSON.parse(row.name).zh;
|
||||
this.resource.nickEn = JSON.parse(row.name).en;
|
||||
this.resource.nickAr = JSON.parse(row.name).ar;
|
||||
this.resource.nickTr = JSON.parse(row.name).tr;
|
||||
this.resource.nickPt = JSON.parse(row.name).pt;
|
||||
|
||||
let ruleValue = row.ruleValue;
|
||||
for (let i = 0, len = this.rules.length; i < len; i++) {
|
||||
let ruleCode = this.rules[i].ruleCode;
|
||||
@@ -577,9 +647,16 @@ export default {
|
||||
if (now >= new Date(startTime) && now <= new Date(endTime)) {
|
||||
isEnabled = 1;
|
||||
}
|
||||
let resourceName = JSON.stringify({
|
||||
zh: this.resource.nickZh,
|
||||
en: this.resource.nickEn,
|
||||
ar: this.resource.nickAr,
|
||||
tr: this.resource.nickTr,
|
||||
pt: this.resource.nickPt,
|
||||
});
|
||||
saveResource({
|
||||
id: this.resource.id,
|
||||
name: this.resource.name,
|
||||
name: resourceName,
|
||||
icon: this.resource.icon,
|
||||
type: 2,
|
||||
skipType: this.resource.skipType,
|
||||
@@ -623,6 +700,17 @@ export default {
|
||||
}
|
||||
return partitions[0].desc;
|
||||
},
|
||||
// 解析json字段
|
||||
getJsonField (jsonStr, field) {
|
||||
try {
|
||||
if (!jsonStr) return '';
|
||||
const obj = JSON.parse(jsonStr);
|
||||
return obj?.[field] || '';
|
||||
} catch (e) {
|
||||
console.error('JSON 解析失败:', jsonStr);
|
||||
return '';
|
||||
}
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
1477
src/views/superCenter/CarGoodsAdminViewSuper.vue
Normal file
1477
src/views/superCenter/CarGoodsAdminViewSuper.vue
Normal file
File diff suppressed because it is too large
Load Diff
623
src/views/superCenter/DynamicVerifyViewSuper.vue
Normal file
623
src/views/superCenter/DynamicVerifyViewSuper.vue
Normal file
@@ -0,0 +1,623 @@
|
||||
<template>
|
||||
<section class="content">
|
||||
<div class="box box-primary">
|
||||
<div class="box-body">
|
||||
<!-- Content Header (Page header) -->
|
||||
<section class="content-header">
|
||||
<h1 id="itemTitle"></h1>
|
||||
</section>
|
||||
<!-- .content -->
|
||||
<div id="table"></div>
|
||||
<div id="toolbar" style="height: auto">
|
||||
<form
|
||||
id="searchForm"
|
||||
class="col-sm-pull-12"
|
||||
action="/admin/dynamic/verify/export"
|
||||
method="post"
|
||||
target="_blank"
|
||||
>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div
|
||||
class="modal fade"
|
||||
id="showModal"
|
||||
tabindex="-1"
|
||||
role="dialog"
|
||||
aria-labelledby="modalLabel"
|
||||
>
|
||||
<div class="modal-dialog" role="document">
|
||||
<div class="modal-content" style="width: 500px">
|
||||
<div class="modal-header">
|
||||
<button
|
||||
type="button"
|
||||
class="close"
|
||||
data-dismiss="modal"
|
||||
aria-label="Close"
|
||||
>
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
<h4 class="modal-title" id="modalLabel">查看</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<input type="hidden" name="id" id="dynamicId" />
|
||||
<div class="show" style="margin-left: 60px"></div>
|
||||
</div>
|
||||
<div id="imgMask"><img src="" alt="" /></div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-default" data-dismiss="modal">
|
||||
关闭
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="modal fade"
|
||||
id="notPassModal"
|
||||
tabindex="-1"
|
||||
role="dialog"
|
||||
aria-labelledby="modalLabe2"
|
||||
>
|
||||
<div class="modal-dialog" role="document">
|
||||
<div class="modal-content" style="width: 600px">
|
||||
<div class="modal-header">
|
||||
<button
|
||||
type="button"
|
||||
class="close"
|
||||
data-dismiss="modal"
|
||||
aria-label="Close"
|
||||
>
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
<h4 class="modal-title" id="modalLabe2">请选择原因</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form class="form-horizontal" id="notPassForm">
|
||||
<input type="hidden" name="id" id="dynamicId1" />
|
||||
<input type="hidden" name="status" id="status1" />
|
||||
<div class="form-group">
|
||||
<div class="col-sm-10">
|
||||
<select
|
||||
id="quick_reason"
|
||||
class="form-control"
|
||||
data-btn-class="btn-warning"
|
||||
onchange="setReason()"
|
||||
>
|
||||
<option value="0">
|
||||
動態可能包含抽煙、喝酒、辱罵、攻擊他人等不文明內容
|
||||
</option>
|
||||
<option value="1">動態涉及色情、暴力、病毒等違規內容</option>
|
||||
<option value="2">動態包含政治敏感信息</option>
|
||||
<option value="3">動態包含廣告、營銷內容</option>
|
||||
<option value="4">
|
||||
動態可能包含個人隱私信息或涉及他人營私信息
|
||||
</option>
|
||||
<option value="5">動態可能涉及線下交易</option>
|
||||
<option value="6">動態內容無意義</option>
|
||||
<option value="7">動態內容與世界主題無關</option>
|
||||
<option value="8">動態可能涉嫌侵犯他人版權</option>
|
||||
<option value="9">其他</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<div class="col-sm-10">
|
||||
<textarea
|
||||
name="reason"
|
||||
id="reason"
|
||||
class="form-control"
|
||||
rows="3"
|
||||
></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-default" data-dismiss="modal">
|
||||
关闭
|
||||
</button>
|
||||
<button type="button" class="btn btn-primary" id="not-pass-save">
|
||||
保存
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="modal fade"
|
||||
id="showContentModal"
|
||||
tabindex="-1"
|
||||
role="dialog"
|
||||
aria-labelledby="modalLabe3"
|
||||
>
|
||||
<div class="modal-dialog" role="document">
|
||||
<div class="modal-content" style="width: 500px">
|
||||
<div class="modal-header">
|
||||
<button
|
||||
type="button"
|
||||
class="close"
|
||||
data-dismiss="modal"
|
||||
aria-label="Close"
|
||||
>
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
<h4 class="modal-title" id="modalLabe3">查看动态内容详情</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<span id="dynamic-content"></span>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-default" data-dismiss="modal">
|
||||
关闭
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import TableHelper from "@/utils/bootstrap-table-helper";
|
||||
import { showLoading, hideLoading } from "@/utils/maintainer";
|
||||
|
||||
var picker1 = $("#beginDate").datetimepicker({
|
||||
format: "yyyy-mm-dd hh:ii:00",
|
||||
autoclose: true,
|
||||
todayBtn: true,
|
||||
});
|
||||
var picker2 = $("#endDate").datetimepicker({
|
||||
format: "yyyy-mm-dd hh:ii:00",
|
||||
autoclose: true,
|
||||
todayBtn: true,
|
||||
});
|
||||
picker1.on("changeDate", function () {
|
||||
var date = $("#beginDate").datetimepicker("getDate");
|
||||
picker2.datetimepicker("setStartDate", date);
|
||||
});
|
||||
picker2.on("changeDate", function () {
|
||||
var date = $("#endDate").datetimepicker("getDate");
|
||||
picker1.datetimepicker("setEndDate", date);
|
||||
});
|
||||
export default {
|
||||
name: "DynamicVerifyViewSuper",
|
||||
setup() {
|
||||
function setReason() {
|
||||
if ($("#quick_reason option:selected").val() != 9) {
|
||||
$("#reason").val($("#quick_reason option:selected").text());
|
||||
} else {
|
||||
$("#reason").val("");
|
||||
}
|
||||
}
|
||||
|
||||
function showContent(note) {
|
||||
var content = $(note).parent().find("input").val();
|
||||
$("#dynamic-content").text(content);
|
||||
$("#showContentModal").modal("show");
|
||||
}
|
||||
|
||||
function showPic(resUrl, id) {
|
||||
var html = '<div style="width: 320px;">';
|
||||
console.log(resUrl);
|
||||
if (resUrl != null && resUrl != "" && resUrl != undefined) {
|
||||
var resUrls = resUrl.split(",");
|
||||
for (var i = 0; i < resUrls.length; i++) {
|
||||
if (
|
||||
resUrls[i] != null &&
|
||||
resUrls[i] != undefined &&
|
||||
resUrls[i] != ""
|
||||
) {
|
||||
html +=
|
||||
'<img id="imgs" src="' +
|
||||
resUrls[i] +
|
||||
'" style="width: 100px;height: 100px;">';
|
||||
}
|
||||
}
|
||||
}
|
||||
html += "</div>";
|
||||
// 打开编辑弹窗
|
||||
$("#showModal").modal("show");
|
||||
$("#dynamicId").val(id);
|
||||
$(".show").html(html);
|
||||
}
|
||||
|
||||
function showVideo(resUrl, id) {
|
||||
var html =
|
||||
'<video width="320" height="240" controls autoplay><source src="' +
|
||||
resUrl +
|
||||
'" type="video/mp4"></video>';
|
||||
// 打开编辑弹窗
|
||||
$("#showModal").modal("show");
|
||||
$("#dynamicId").val(id);
|
||||
$(".show").html(html);
|
||||
}
|
||||
window.setReason = setReason;
|
||||
window.showContent = showContent;
|
||||
window.showPic = showPic;
|
||||
window.showVideo = showVideo;
|
||||
return {
|
||||
setReason,
|
||||
showContent,
|
||||
showPic,
|
||||
showVideo,
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.$nextTick(function () {
|
||||
this.initData();
|
||||
});
|
||||
},
|
||||
methods: {
|
||||
initData() {
|
||||
$(function () {
|
||||
$("#table").bootstrapTable("destroy");
|
||||
$("#table").bootstrapTable({
|
||||
columns: [
|
||||
//{field: 'id', title: 'id', align: 'center', width: '5%'},
|
||||
{ field: "erbanNo", title: "平台号", align: "center", width: "5%" },
|
||||
{ field: "nick", title: "昵称", align: "center", width: "5%" },
|
||||
{ field: "gender", title: "性别", align: "center", width: "5%" },
|
||||
{ field: "worldName", title: "话题", align: "center", width: "5%" },
|
||||
{
|
||||
field: "content",
|
||||
title: "动态内容",
|
||||
align: "center",
|
||||
width: "5%",
|
||||
formatter: function (val, row, index) {
|
||||
if (isEmpty(val)) {
|
||||
return "-";
|
||||
} else {
|
||||
if (val.length > 50) {
|
||||
var content =
|
||||
"<input type='hidden' id='input-content' value='" +
|
||||
val +
|
||||
"'>";
|
||||
return (
|
||||
val.substring(0, 50) +
|
||||
"..." +
|
||||
content +
|
||||
"<button href='#' class='btn btn-sm' style='color: #00acd6;background:none' onclick=showContent(this) style='margin-left: 10px;'>查看更多</a>"
|
||||
);
|
||||
} else {
|
||||
return val;
|
||||
}
|
||||
}
|
||||
},
|
||||
},
|
||||
{
|
||||
field: "resUrl",
|
||||
title: "图片/视频/语音",
|
||||
align: "center",
|
||||
width: "5%",
|
||||
formatter: function (val, row, index) {
|
||||
if (row.type == 1) {
|
||||
return (
|
||||
'<audio controls="controls"><source src="' +
|
||||
val +
|
||||
'" type="audio/mpeg"></audio>'
|
||||
);
|
||||
} else if (row.type == 2) {
|
||||
return (
|
||||
"<button href='#' class='btn btn-sm' style='color: #00acd6;background:none' onclick=showPic('" +
|
||||
row.resUrl +
|
||||
"'," +
|
||||
row.id +
|
||||
")>查看图片</button>"
|
||||
);
|
||||
} else if (row.type == 3) {
|
||||
return (
|
||||
"<button href='#' class='btn btn-sm' style='color: #00acd6;background:none' onclick=showVideo('" +
|
||||
row.resUrl +
|
||||
"'," +
|
||||
row.id +
|
||||
")>查看视频</button>"
|
||||
);
|
||||
}
|
||||
},
|
||||
},
|
||||
{
|
||||
field: "createTime",
|
||||
title: "发布时间",
|
||||
align: "center",
|
||||
width: "5%",
|
||||
valign: "middle",
|
||||
formatter: function (val, row, index) {
|
||||
if (val) {
|
||||
var date = new Date(val);
|
||||
return date.format("yyyy-MM-dd hh:mm:00");
|
||||
} else {
|
||||
return "-";
|
||||
}
|
||||
},
|
||||
},
|
||||
{ field: "statusStr", title: "状态", align: "center", width: "5%" },
|
||||
{
|
||||
field: "updateBy",
|
||||
title: "操作人",
|
||||
align: "center",
|
||||
width: "5%",
|
||||
},
|
||||
{
|
||||
field: "updateTime",
|
||||
title: "操作时间",
|
||||
align: "center",
|
||||
width: "5%",
|
||||
valign: "middle",
|
||||
formatter: function (val, row, index) {
|
||||
if (val) {
|
||||
var date = new Date(val);
|
||||
return date.format("yyyy-MM-dd hh:mm:00");
|
||||
} else {
|
||||
return "-";
|
||||
}
|
||||
},
|
||||
},
|
||||
{
|
||||
field: "id",
|
||||
title: "操作",
|
||||
align: "center",
|
||||
width: "5%",
|
||||
formatter: function (val, row, index) {
|
||||
var pass =
|
||||
'<button class="btn btn-sm btn-primary opt-pass" data-id=' +
|
||||
val +
|
||||
" data-status=1>通 过</button>";
|
||||
var noPass =
|
||||
'<button class="btn btn-sm btn-danger opt-not-pass" data-id=' +
|
||||
val +
|
||||
" data-status=2>不通过</button>";
|
||||
var shelve =
|
||||
'<button class="btn btn-sm btn-primary opt-pass" data-id=' +
|
||||
val +
|
||||
" data-status=4>上 架</button>";
|
||||
var unshelve =
|
||||
'<button class="btn btn-sm btn-danger opt-not-pass" data-id=' +
|
||||
val +
|
||||
" data-status=5>下 架</button>";
|
||||
if (row.status == 0) {
|
||||
return pass + "</br>" + noPass;
|
||||
} else if (
|
||||
row.status == 1 ||
|
||||
row.status == 6 ||
|
||||
row.status == 4
|
||||
) {
|
||||
return unshelve;
|
||||
} else if (
|
||||
row.status == 2 ||
|
||||
row.status == 5 ||
|
||||
row.status == 7
|
||||
) {
|
||||
return shelve;
|
||||
}
|
||||
},
|
||||
},
|
||||
],
|
||||
cache: false,
|
||||
striped: true,
|
||||
showRefresh: false,
|
||||
pageSize: 10,
|
||||
pagination: true,
|
||||
pageList: [10, 20, 50, 100],
|
||||
search: false,
|
||||
sidePagination: "server", //表示服务端请求
|
||||
//设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
|
||||
//设置为limit可以获取limit, offset, search, sort, order
|
||||
queryParamsType: "-",
|
||||
queryParams: function queryParams(params) {
|
||||
//设置查询参数
|
||||
var param = {
|
||||
pageNumber: params.pageNumber,
|
||||
pageSize: params.pageSize,
|
||||
erbanNo: $("#erbanNo").val(),
|
||||
nick: $("#nick").val(),
|
||||
status: $("#status").val(),
|
||||
beginDate: $("#beginDate").val(),
|
||||
endDate: $("#endDate").val(),
|
||||
wolrdId: $("#wolrdId").val(),
|
||||
partitionId: $("#partitionId").val(),
|
||||
};
|
||||
return param;
|
||||
},
|
||||
toolbar: "#toolbar",
|
||||
url: "/admin/superCenter/dynamicList",
|
||||
onLoadSuccess: function () {
|
||||
//加载成功时执行
|
||||
console.log("load success");
|
||||
},
|
||||
onLoadError: function () {
|
||||
//加载失败时执行
|
||||
console.log("load fail");
|
||||
},
|
||||
});
|
||||
|
||||
// 查询刷新
|
||||
$("#btnSearch").on("click", function () {
|
||||
TableHelper.doRefresh("#table");
|
||||
});
|
||||
|
||||
//重置
|
||||
$("#btnReset").on("click", function () {
|
||||
$("#erbanNo").val("");
|
||||
$("#nick").val("");
|
||||
$("#status").val("");
|
||||
$("#beginDate").val("");
|
||||
$("#endDate").val("");
|
||||
$("#wolrdId").val("");
|
||||
});
|
||||
|
||||
//审核不通过/下架弹框
|
||||
$("#table").on("click", ".opt-not-pass", function () {
|
||||
var id = $(this).attr("data-id");
|
||||
var status = $(this).attr("data-status");
|
||||
if (id == "undefined") {
|
||||
$("#tipMsg").text("id参数有误");
|
||||
$("#tipModal").modal("show");
|
||||
return;
|
||||
}
|
||||
if (status == "undefined") {
|
||||
$("#tipMsg").text("状态参数有误");
|
||||
$("#tipModal").modal("show");
|
||||
return;
|
||||
}
|
||||
$("#dynamicId1").val(id);
|
||||
$("#status1").val(status);
|
||||
// 打开编辑弹窗
|
||||
$("#notPassModal").modal("show");
|
||||
$("#modalLabe2").text("请选择不通过的原因");
|
||||
status = 5;
|
||||
if (status) {
|
||||
$("#modalLabe2").text("请选择下架的原因");
|
||||
}
|
||||
window.setReason();
|
||||
});
|
||||
//审核不通过/下架弹窗
|
||||
$("#not-pass-save").click(function () {
|
||||
var id = $("#dynamicId1").val();
|
||||
if (id == "undefined") {
|
||||
$("#tipMsg").text("id参数有误");
|
||||
$("#tipModal").modal("show");
|
||||
return;
|
||||
}
|
||||
var status = $("#status1").val();
|
||||
if (status == "undefined") {
|
||||
$("#tipMsg").text("状态参数有误");
|
||||
$("#tipModal").modal("show");
|
||||
return;
|
||||
}
|
||||
var reason = $("#reason").val();
|
||||
if (reason.length <= 0) {
|
||||
alert("请输入原因!");
|
||||
return;
|
||||
}
|
||||
var text = "不通过";
|
||||
if (status == 5) {
|
||||
text = "下架";
|
||||
}
|
||||
verify(text, id, status, reason);
|
||||
});
|
||||
|
||||
$("#table").on("click", ".opt-pass", function () {
|
||||
var id = $(this).attr("data-id");
|
||||
var status = $(this).attr("data-status");
|
||||
if (id == "undefined") {
|
||||
$("#tipMsg").text("id参数有误");
|
||||
$("#tipModal").modal("show");
|
||||
return;
|
||||
}
|
||||
if (status == "undefined") {
|
||||
$("#tipMsg").text("状态参数有误");
|
||||
$("#tipModal").modal("show");
|
||||
return;
|
||||
}
|
||||
var text = "通过";
|
||||
if (status == 4) {
|
||||
text = "上架";
|
||||
}
|
||||
verify(text, id, status, "");
|
||||
});
|
||||
//导出
|
||||
$("#btnExport").on("click", function () {
|
||||
var erbanNo = $("#erbanNo").val();
|
||||
var nick = $("#nick").val();
|
||||
var status = $("#status").val();
|
||||
var beginDate = $("#beginDate").val();
|
||||
var endDate = $("#endDate").val();
|
||||
var wolrdId = $("#wolrdId").val();
|
||||
if (
|
||||
isEmpty(erbanNo) &&
|
||||
isEmpty(nick) &&
|
||||
isEmpty(status) &&
|
||||
isEmpty(beginDate) &&
|
||||
isEmpty(endDate) &&
|
||||
isEmpty(wolrdId)
|
||||
) {
|
||||
$("#tipMsg").text("请输入导出条件!");
|
||||
$("#tipModal").modal("show");
|
||||
return;
|
||||
}
|
||||
$("#searchForm").submit();
|
||||
});
|
||||
//图片放大
|
||||
$("#showModal").on("mouseenter", "#imgs", function (e) {
|
||||
var src = $(this).attr("src");
|
||||
$("#imgMask img").attr("src", src);
|
||||
$("#imgMask").show();
|
||||
$("#imgMask").css({
|
||||
top: e.clientY + 20,
|
||||
});
|
||||
});
|
||||
$("#showModal").on("mouseleave", "#imgs", function (e) {
|
||||
console.log("移出");
|
||||
$("#imgMask").hide();
|
||||
});
|
||||
});
|
||||
},
|
||||
},
|
||||
};
|
||||
|
||||
//判断空值
|
||||
function isEmpty(data) {
|
||||
if (data == null || data == undefined || data == "") {
|
||||
return true;
|
||||
}
|
||||
return false;
|
||||
}
|
||||
//审核
|
||||
function verify(text, id, status, reason) {
|
||||
//if (confirm("你确认【"+ text + "】该动态吗?")) {
|
||||
showLoading();
|
||||
$.ajax({
|
||||
type: "post",
|
||||
url: "/admin/superCenter/dynamicChangeStatus",
|
||||
data: {
|
||||
dynamicId: id,
|
||||
status: status,
|
||||
reason: reason,
|
||||
},
|
||||
dataType: "json",
|
||||
success: function (json) {
|
||||
hideLoading();
|
||||
if (status == 2 || status == 5) {
|
||||
$("#notPassModal").modal("hide");
|
||||
}
|
||||
if (json.success == "true") {
|
||||
$("#tipMsg").text("操作成功");
|
||||
$("#tipModal").modal("show");
|
||||
TableHelper.doRefresh("#table");
|
||||
} else {
|
||||
$("#tipMsg").text("操作失败");
|
||||
$("#tipModal").modal("show");
|
||||
}
|
||||
},
|
||||
});
|
||||
//}
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
#imgMask {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
min-width: 150px;
|
||||
padding: 4px;
|
||||
background: #fff;
|
||||
z-index: 999;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#imgMask img {
|
||||
max-height: 600px;
|
||||
max-width: 600px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.fixed-table-body {
|
||||
height: auto !important;
|
||||
}
|
||||
</style>
|
@@ -4,133 +4,124 @@
|
||||
<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 00:00:00"
|
||||
>
|
||||
<el-date-picker v-model="inquire.time[0]"
|
||||
type="date"
|
||||
placeholder="开始时间"
|
||||
format="YYYY-MM-DD 00:00:00">
|
||||
</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 23:59:59"
|
||||
>
|
||||
<el-date-picker v-model="inquire.time[1]"
|
||||
type="date"
|
||||
placeholder="结束时间"
|
||||
format="YYYY-MM-DD 23:59:59">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 公会ID -->
|
||||
<div class="inquire">
|
||||
<span>会长ID</span>
|
||||
<el-input v-model="inquire.id" placeholder="" class="input"></el-input>
|
||||
<el-input v-model="inquire.id"
|
||||
placeholder=""
|
||||
class="input"></el-input>
|
||||
</div>
|
||||
<!-- 公会 -->
|
||||
<!-- 查询按钮 -->
|
||||
<el-button class="primary" type="primary" @click="getData()"
|
||||
>查询</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="ownerErbanNo" align="center" label="会长ID" />
|
||||
<el-table-column prop="name" align="center" label="公会名称" />
|
||||
<el-table-column prop="zoneName" align="center" label="公会长所属国家" />
|
||||
<el-table-column
|
||||
prop="ownerPartitionName"
|
||||
align="center"
|
||||
label="会长分区"
|
||||
/>
|
||||
<el-table-column prop="memberNum" align="center" label="成员数" />
|
||||
<el-table-column
|
||||
prop="goldIncome"
|
||||
align="center"
|
||||
label="月金币收入(流水)"
|
||||
/>
|
||||
<el-table-column
|
||||
prop="hasGoldIncomeMemberNum"
|
||||
align="center"
|
||||
label="有流水成员数"
|
||||
/>
|
||||
<el-table-column prop="sendGiftUserNum" align="center" label="送礼人数" />
|
||||
<el-table-column align="center" label="操作">
|
||||
<el-table v-loading="loading"
|
||||
:data="tableData"
|
||||
border
|
||||
style="width: 100%; margin-top: 25px">
|
||||
<el-table-column prop="ownerErbanNo"
|
||||
align="center"
|
||||
label="会长ID" />
|
||||
<el-table-column prop="name"
|
||||
align="center"
|
||||
label="公会名称" />
|
||||
<el-table-column prop="zoneName"
|
||||
align="center"
|
||||
label="公会长所属国家" />
|
||||
<el-table-column prop="ownerPartitionName"
|
||||
align="center"
|
||||
label="会长分区" />
|
||||
<el-table-column prop="memberNum"
|
||||
align="center"
|
||||
label="成员数" />
|
||||
<el-table-column prop="goldIncome"
|
||||
align="center"
|
||||
label="月金币收入(流水)" />
|
||||
<el-table-column align="center"
|
||||
label="操作">
|
||||
<template v-slot="scope">
|
||||
<el-button @click="ediClick(scope.row)" type="text" size="default"
|
||||
>查看详情</el-button
|
||||
>
|
||||
<el-button @click="ediClick(scope.row)"
|
||||
type="text"
|
||||
size="default">查看详情</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<!-- 内嵌单个工会详情 -->
|
||||
<el-dialog :title="detailsTitle" v-model="detailsDialog">
|
||||
<el-table
|
||||
v-loading="loading"
|
||||
:data="tableDataDetails"
|
||||
border
|
||||
style="width: 100%; margin-top: 25px"
|
||||
>
|
||||
<el-table-column prop="erbanNo" align="center" label="用户平台ID"
|
||||
><template v-slot="scope">
|
||||
<el-dialog :title="detailsTitle"
|
||||
v-model="detailsDialog">
|
||||
<el-table v-loading="loading"
|
||||
:data="tableDataDetails"
|
||||
border
|
||||
style="width: 100%; margin-top: 25px">
|
||||
<el-table-column prop="erbanNo"
|
||||
align="center"
|
||||
label="用户平台ID"><template v-slot="scope">
|
||||
{{
|
||||
scope.row.enable ? scope.row.erbanNo : scope.row.erbanNo + "离开"
|
||||
}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="nick" align="center" label="用户昵称" />
|
||||
<el-table-column prop="micRemainTime" align="center" label="直播时长" />
|
||||
<el-table-column
|
||||
prop="goldIncome"
|
||||
align="center"
|
||||
label="金币收入(流水)"
|
||||
/>
|
||||
<el-table-column
|
||||
prop="sendGiftUserNum"
|
||||
align="center"
|
||||
label="送礼人数"
|
||||
/>
|
||||
<el-table-column prop="nick"
|
||||
align="center"
|
||||
label="用户昵称" />
|
||||
<el-table-column prop="micRemainTime"
|
||||
align="center"
|
||||
label="直播时长" />
|
||||
<el-table-column prop="goldIncome"
|
||||
align="center"
|
||||
label="金币收入(流水)" />
|
||||
<el-table-column prop="sendGiftUserNum"
|
||||
align="center"
|
||||
label="送礼人数" />
|
||||
</el-table>
|
||||
<!-- 分页 -->
|
||||
<el-pagination
|
||||
style="margin-top: 10px"
|
||||
class="paginationClass"
|
||||
v-model:current-page="detailspageNum"
|
||||
v-model:page-size="detailspageSize"
|
||||
:page-sizes="[10, 20, 30, 40, 50, 100, 200, 300, 400, 500, 999999999]"
|
||||
layout="sizes, prev, pager, next"
|
||||
:total="detailstotal"
|
||||
@size-change="detailshandleSizeChange"
|
||||
@current-change="detailshandleCurrentChange"
|
||||
/>
|
||||
<el-pagination style="margin-top: 10px"
|
||||
class="paginationClass"
|
||||
v-model:current-page="detailspageNum"
|
||||
v-model:page-size="detailspageSize"
|
||||
:page-sizes="[10, 20, 30, 40, 50, 100, 200, 300, 400, 500, 999999999]"
|
||||
layout="sizes, prev, pager, next"
|
||||
:total="detailstotal"
|
||||
@size-change="detailshandleSizeChange"
|
||||
@current-change="detailshandleCurrentChange" />
|
||||
<template #footer>
|
||||
<div class="dialog-footer">
|
||||
<el-button @click="detailsDialog = false">关闭</el-button>
|
||||
</div></template
|
||||
>
|
||||
</div>
|
||||
</template>
|
||||
</el-dialog>
|
||||
|
||||
<!-- 分页 -->
|
||||
<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-pagination style="margin-top: 10px"
|
||||
class="paginationClass"
|
||||
v-model:current-page="currentPage"
|
||||
v-model:page-size="pageSize"
|
||||
:page-sizes="[10, 20, 30, 40, 50, 100, 200, 300, 400, 500, 999999999]"
|
||||
layout="sizes, prev, pager, next"
|
||||
:total="total"
|
||||
@size-change="handleSizeChange"
|
||||
@current-change="handleCurrentChange" />
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
@@ -146,7 +137,7 @@ import { dateFormat } from "@/utils/system-helper";
|
||||
import { ElMessage } from "element-plus";
|
||||
export default {
|
||||
name: "GoldWaterSuper",
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
loading: false,
|
||||
//查询所需条件对象
|
||||
@@ -165,24 +156,24 @@ export default {
|
||||
detailsTitle: "",
|
||||
tableDataDetails: [],
|
||||
familyIdEx: "",
|
||||
detailspageSize:10,
|
||||
detailspageNum :1,
|
||||
detailstotal:0
|
||||
detailspageSize: 10,
|
||||
detailspageNum: 1,
|
||||
detailstotal: 0
|
||||
};
|
||||
},
|
||||
created() {
|
||||
created () {
|
||||
// this.getData();
|
||||
},
|
||||
methods: {
|
||||
// 默认七天
|
||||
calculateLastSevenDays() {
|
||||
// 默认七天
|
||||
calculateLastSevenDays () {
|
||||
const end = new Date();
|
||||
const start = new Date();
|
||||
start.setTime(start.getTime() - 3600 * 1000 * 24 * 6);
|
||||
return [start, end];
|
||||
},
|
||||
// 查询接口
|
||||
getData() {
|
||||
getData () {
|
||||
this.loading = true;
|
||||
let time = this.inquire.time;
|
||||
let startTime = null;
|
||||
@@ -226,8 +217,8 @@ export default {
|
||||
});
|
||||
},
|
||||
// 查看详情按钮
|
||||
ediClick(val) {
|
||||
|
||||
ediClick (val) {
|
||||
|
||||
let time = this.inquire.time;
|
||||
let startDate = "";
|
||||
let endDate = "";
|
||||
@@ -235,16 +226,16 @@ export default {
|
||||
startDate = dateFormat(this.inquire.time[0], "yyyy-MM-dd hh:mm:ss");
|
||||
endDate = dateFormat(this.inquire.time[1], "yyyy-MM-dd hh:mm:ss");
|
||||
}
|
||||
if(val){
|
||||
if (val) {
|
||||
this.detailsTitle = `公会昵称:【${val.name}】 时间:【${val.createTime}】—金币收入明细`;
|
||||
this.familyIdEx = val.id;
|
||||
this.familyIdEx = val.id;
|
||||
}
|
||||
incomeListFamilyMember({
|
||||
endDate,
|
||||
startDate,
|
||||
familyId: this.familyIdEx,
|
||||
pageNum:this.detailspageNum,
|
||||
pageSize:this.detailspageSize
|
||||
familyId: this.familyIdEx,
|
||||
pageNum: this.detailspageNum,
|
||||
pageSize: this.detailspageSize
|
||||
}).then((res) => {
|
||||
this.tableDataDetails = res.data.records;
|
||||
this.detailsDialog = true;
|
||||
@@ -252,16 +243,16 @@ export default {
|
||||
});
|
||||
},
|
||||
// 分页导航
|
||||
handleSizeChange() {
|
||||
handleSizeChange () {
|
||||
this.getData();
|
||||
},
|
||||
handleCurrentChange() {
|
||||
handleCurrentChange () {
|
||||
this.getData();
|
||||
},
|
||||
detailshandleSizeChange(){
|
||||
detailshandleSizeChange () {
|
||||
this.ediClick()
|
||||
},
|
||||
detailshandleCurrentChange(){
|
||||
detailshandleCurrentChange () {
|
||||
this.ediClick()
|
||||
}
|
||||
},
|
||||
|
@@ -1,5 +1,18 @@
|
||||
<template>
|
||||
<div class="box">
|
||||
<div class="inquire">
|
||||
<span>公会ID</span>
|
||||
<el-input v-model="inquire.familyId"
|
||||
placeholder=""
|
||||
class="input"
|
||||
type="number"></el-input>
|
||||
</div>
|
||||
<div class="inquire">
|
||||
<span>会长ID</span>
|
||||
<el-input v-model="inquire.userId"
|
||||
placeholder=""
|
||||
class="input"></el-input>
|
||||
</div>
|
||||
<!-- 查询按钮 -->
|
||||
<el-button class="primary" type="primary" @click="getData()"
|
||||
>查询</el-button
|
||||
@@ -58,41 +71,11 @@
|
||||
{{ scope.row.memberNum }}/{{ scope.row.memberNumLimit }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" label="收款账户" width="300">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
@click="payAccountDialogFun(scope.row)"
|
||||
type="text"
|
||||
size="medium "
|
||||
>
|
||||
payoneer:{{
|
||||
scope.row.payAccount.payoneer
|
||||
? scope.row.payAccount.payoneer
|
||||
: "未添加"
|
||||
}} </el-button
|
||||
><br />
|
||||
<el-button
|
||||
@click="payAccountDialogFun(scope.row)"
|
||||
type="text"
|
||||
size="medium "
|
||||
>
|
||||
USDT-ERC20:{{
|
||||
scope.row.payAccount.usdt ? scope.row.payAccount.usdt : "未添加"
|
||||
}} </el-button
|
||||
><br />
|
||||
<el-button
|
||||
@click="payAccountDialogFun(scope.row)"
|
||||
type="text"
|
||||
size="medium "
|
||||
>
|
||||
PayPal:{{
|
||||
scope.row.payAccount.payPal
|
||||
? scope.row.payAccount.payPal
|
||||
: "未添加"
|
||||
}} </el-button
|
||||
><br />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="operator"
|
||||
align="center"
|
||||
label="操作人"
|
||||
/>
|
||||
<el-table-column
|
||||
prop="guildContact"
|
||||
align="center"
|
||||
@@ -203,10 +186,8 @@ export default {
|
||||
delDialogData: null,
|
||||
//查询所需条件对象
|
||||
inquire: {
|
||||
familyId: undefined,
|
||||
userId: "",
|
||||
referrer: "",
|
||||
time: "",
|
||||
familyId:'',
|
||||
userId:'',
|
||||
},
|
||||
//新增所需对象
|
||||
resource: {
|
||||
@@ -234,10 +215,8 @@ export default {
|
||||
getData() {
|
||||
this.loading = true;
|
||||
pageFamily({
|
||||
// familyId: this.inquire.familyId,
|
||||
// erbanNo: this.inquire.userId,
|
||||
// referrer: this.inquire.referrer,
|
||||
// familyName: this.inquire.nick,
|
||||
familyId: this.inquire.familyId,
|
||||
erbanNo: this.inquire.userId,
|
||||
pageNum: this.currentPage,
|
||||
pageSize: this.pageSize,
|
||||
}).then((res) => {
|
||||
|
@@ -262,6 +262,11 @@ export default {
|
||||
$("#tipMsg").text("请输入体验天数");
|
||||
$("#tipModal").modal('show');
|
||||
return;
|
||||
}
|
||||
if ($('#sendDays').val()>30) {
|
||||
$("#tipMsg").text("赠送天数不超过30天");
|
||||
$("#tipModal").modal('show');
|
||||
return;
|
||||
}
|
||||
var sendDays = $('#sendDays').val();
|
||||
var sendDesc = $('#sendDesc').val();
|
||||
|
@@ -254,6 +254,11 @@ export default {
|
||||
$("#tipModal").modal('show');
|
||||
return;
|
||||
}
|
||||
if ($('#sendDays').val()>30) {
|
||||
$("#tipMsg").text("赠送天数不超过30天");
|
||||
$("#tipModal").modal('show');
|
||||
return;
|
||||
}
|
||||
var sendDays = $('#sendDays').val();
|
||||
var sendDesc = $('#sendDesc').val();
|
||||
var nameplateId = $('#sendNameplateId').val();
|
||||
|
1372
src/views/superCenter/UserCheckAdminViewSuper.vue
Normal file
1372
src/views/superCenter/UserCheckAdminViewSuper.vue
Normal file
File diff suppressed because it is too large
Load Diff
@@ -125,6 +125,10 @@ export default {
|
||||
{
|
||||
vipLevel:3,
|
||||
vipName: "VIP3"
|
||||
},
|
||||
{
|
||||
vipLevel:4,
|
||||
vipName: "VIP4"
|
||||
}
|
||||
],
|
||||
value2: "",
|
||||
|
1184
src/views/superCenter/towPageBannerViewSuper.vue
Normal file
1184
src/views/superCenter/towPageBannerViewSuper.vue
Normal file
File diff suppressed because it is too large
Load Diff
@@ -245,6 +245,10 @@ export default {
|
||||
return str.trim();
|
||||
},
|
||||
trimTextArea (str) {
|
||||
// 确保 str 是字符串类型,避免 split 报错
|
||||
if (!str || typeof str !== 'string') {
|
||||
return '';
|
||||
}
|
||||
return str.split('\n').map((line) => line.trim())
|
||||
.filter(str => str && '' != str).join('\n');
|
||||
}
|
||||
|
@@ -163,6 +163,7 @@ const getData = () => {
|
||||
// 详情
|
||||
const detailPageFun = (row) => {
|
||||
detailStatTable.value = JSON.parse(row.detailStat);
|
||||
dateCycleArr.value.sort((a, b) => b.receiveTotalGuildUsd - a.receiveTotalGuildUsd);
|
||||
detailStatDialog.value = true;
|
||||
};
|
||||
// 重置
|
||||
|
@@ -25,25 +25,123 @@
|
||||
style="width: 100%; margin-top: 25px"
|
||||
>
|
||||
<el-table-column prop="date" align="center" label="日期" />
|
||||
<el-table-column prop="v5payUsd" align="center" label="
|
||||
V5play充值美元" />
|
||||
<el-table-column prop="googleUsd" align="center" label="google充值美元" />
|
||||
<el-table-column prop="razerUsd" align="center" label="razer充值" />
|
||||
<el-table-column
|
||||
prop="v5payUsd"
|
||||
align="center"
|
||||
label="
|
||||
V5play充值美元"
|
||||
>
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
@click="detailDialogFun(scope.row.date, 'v5pay')"
|
||||
type="text"
|
||||
size="medium "
|
||||
>{{ scope.row.v5payUsd }}</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="googleUsd" align="center" label="google充值美元">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
@click="detailDialogFun(scope.row.date, 'google_play_billing')"
|
||||
type="text"
|
||||
size="medium "
|
||||
>{{ scope.row.googleUsd }}</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="razerUsd" align="center" label="razer充值">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
@click="detailDialogFun(scope.row.date, 'razer')"
|
||||
type="text"
|
||||
size="medium "
|
||||
>{{ scope.row.razerUsd }}</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="payermaxUsd"
|
||||
align="center"
|
||||
label="payermax充值美元"
|
||||
/>
|
||||
<el-table-column prop="myCardUsd" align="center" label="myCard充值美元" />
|
||||
>
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
@click="detailDialogFun(scope.row.date, 'payermax')"
|
||||
type="text"
|
||||
size="medium "
|
||||
>{{ scope.row.payermaxUsd }}</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="myCardUsd" align="center" label="myCard充值美元">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
@click="detailDialogFun(scope.row.date, 'MyCard')"
|
||||
type="text"
|
||||
size="medium "
|
||||
>{{ scope.row.myCardUsd }}</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="startPayUsd"
|
||||
align="center"
|
||||
label="startPay充值美元"
|
||||
/>
|
||||
<el-table-column prop="iosUsd" align="center" label="ios充值美元" />
|
||||
<el-table-column prop="companyUsd" align="center" label="对公打款美元" />
|
||||
<el-table-column prop="totalUsd" align="center" label="总充值美元" />
|
||||
>
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
@click="detailDialogFun(scope.row.date, 'start_pay')"
|
||||
type="text"
|
||||
size="medium "
|
||||
>{{ scope.row.startPayUsd }}</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="iosUsd" align="center" label="ios充值美元">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
@click="detailDialogFun(scope.row.date, 'ios_pay')"
|
||||
type="text"
|
||||
size="medium "
|
||||
>{{ scope.row.iosUsd }}</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="companyUsd" align="center" label="对公打款美元">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
@click="detailDialogFun(scope.row.date, 'company')"
|
||||
type="text"
|
||||
size="medium "
|
||||
>{{ scope.row.companyUsd }}</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="totalUsd" align="center" label="总充值美元" >
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
@click="detailDialogFun(scope.row.date, '')"
|
||||
type="text"
|
||||
size="medium "
|
||||
>{{ scope.row.totalUsd }}</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!--国家明细弹窗 -->
|
||||
<el-dialog v-model="detailDialog" title="国家明细" width="25%" center>
|
||||
<!-- 表格数据 -->
|
||||
<el-table
|
||||
v-loading="detailData.loading"
|
||||
:data="detailData.data"
|
||||
border
|
||||
style="width: 100%; margin-top: 25px"
|
||||
>
|
||||
<el-table-column prop="regionName" align="center" label="国家" />
|
||||
<el-table-column prop="usd" align="center" label="充值美元" />
|
||||
</el-table>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -56,20 +154,29 @@ export default {
|
||||
import { ref, onMounted, reactive, computed } from "vue";
|
||||
import { ElMessage, ElMessageBox } from "element-plus";
|
||||
import { dateFormat } from "@/utils/system-helper";
|
||||
import {getChargeRecordPartitionDetail,exportPartitionDetail} from '@/api/users/ChargeRecordPartitionStatisticsView.js'
|
||||
import {
|
||||
getChargeRecordPartitionDetail,
|
||||
exportPartitionDetail,
|
||||
getChargeRecordPartitionRegionDetail,
|
||||
} from "@/api/users/ChargeRecordPartitionStatisticsView.js";
|
||||
import { formatDate } from "@/utils/relDate";
|
||||
|
||||
const dataTime = ref([]);
|
||||
const formData = reactive({
|
||||
beginDate: "",
|
||||
endDate: "",
|
||||
partitionId:2
|
||||
partitionId: 2,
|
||||
});
|
||||
const tableData = reactive({
|
||||
data: [],
|
||||
total: 0,
|
||||
loading: false,
|
||||
});
|
||||
const detailDialog = ref(false);
|
||||
const detailData = reactive({
|
||||
data: [],
|
||||
loading: false,
|
||||
});
|
||||
// 查询
|
||||
const getData = () => {
|
||||
tableData.loading = true;
|
||||
@@ -81,50 +188,70 @@ const getData = () => {
|
||||
formData.endDate = dataTime.value;
|
||||
}
|
||||
getChargeRecordPartitionDetail(formData).then((res) => {
|
||||
tableData.data = res;
|
||||
tableData.loading = false;
|
||||
tableData.data = res;
|
||||
tableData.loading = false;
|
||||
});
|
||||
};
|
||||
// 导出
|
||||
const confirmExportExcel = async () => {
|
||||
// Object.assign(formData, { pageSize: 10000, pageNo: 1 });
|
||||
try {
|
||||
const res = await exportPartitionDetail(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 confirmExportExcel = async () => {
|
||||
// Object.assign(formData, { pageSize: 10000, pageNo: 1 });
|
||||
try {
|
||||
const res = await exportPartitionDetail(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",
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
// 设置默认日期范围(今天到7天前)
|
||||
const setDefaultDateRange = () => {
|
||||
const today = new Date();
|
||||
const sevenDaysAgo = new Date();
|
||||
sevenDaysAgo.setDate(today.getDate() - 7);
|
||||
|
||||
|
||||
dataTime.value = [
|
||||
dateFormat(sevenDaysAgo, "yyyy-MM-dd"),
|
||||
dateFormat(today, "yyyy-MM-dd")
|
||||
dateFormat(today, "yyyy-MM-dd"),
|
||||
];
|
||||
};
|
||||
|
||||
// 国家明细
|
||||
const detailDialogFun = (beginDate, channel) => {
|
||||
detailData.loading = true;
|
||||
getChargeRecordPartitionRegionDetail({
|
||||
beginDate,
|
||||
channel,
|
||||
partitionId: 2,
|
||||
}).then((res) => {
|
||||
if (res.code == 200) {
|
||||
detailData.data = res.data;
|
||||
detailData.loading = false;
|
||||
detailDialog.value = true;
|
||||
} else {
|
||||
detailData.loading = false;
|
||||
ElMessage({
|
||||
message: res.message,
|
||||
type: "error",
|
||||
});
|
||||
}
|
||||
});
|
||||
};
|
||||
onMounted(() => {
|
||||
setDefaultDateRange();
|
||||
getData();
|
||||
@@ -164,4 +291,4 @@ onMounted(() => {
|
||||
line-height: 35px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
@@ -25,25 +25,123 @@
|
||||
style="width: 100%; margin-top: 25px"
|
||||
>
|
||||
<el-table-column prop="date" align="center" label="日期" />
|
||||
<el-table-column prop="v5payUsd" align="center" label="
|
||||
V5play充值美元" />
|
||||
<el-table-column prop="googleUsd" align="center" label="google充值美元" />
|
||||
<el-table-column prop="razerUsd" align="center" label="razer充值" />
|
||||
<el-table-column
|
||||
prop="v5payUsd"
|
||||
align="center"
|
||||
label="
|
||||
V5play充值美元"
|
||||
>
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
@click="detailDialogFun(scope.row.date, 'v5pay')"
|
||||
type="text"
|
||||
size="medium "
|
||||
>{{ scope.row.v5payUsd }}</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="googleUsd" align="center" label="google充值美元">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
@click="detailDialogFun(scope.row.date, 'google_play_billing')"
|
||||
type="text"
|
||||
size="medium "
|
||||
>{{ scope.row.googleUsd }}</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="razerUsd" align="center" label="razer充值">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
@click="detailDialogFun(scope.row.date, 'razer')"
|
||||
type="text"
|
||||
size="medium "
|
||||
>{{ scope.row.razerUsd }}</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="payermaxUsd"
|
||||
align="center"
|
||||
label="payermax充值美元"
|
||||
/>
|
||||
<el-table-column prop="myCardUsd" align="center" label="myCard充值美元" />
|
||||
>
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
@click="detailDialogFun(scope.row.date, 'payermax')"
|
||||
type="text"
|
||||
size="medium "
|
||||
>{{ scope.row.payermaxUsd }}</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="myCardUsd" align="center" label="myCard充值美元">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
@click="detailDialogFun(scope.row.date, 'MyCard')"
|
||||
type="text"
|
||||
size="medium "
|
||||
>{{ scope.row.myCardUsd }}</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="startPayUsd"
|
||||
align="center"
|
||||
label="startPay充值美元"
|
||||
/>
|
||||
<el-table-column prop="iosUsd" align="center" label="ios充值美元" />
|
||||
<el-table-column prop="companyUsd" align="center" label="对公打款美元" />
|
||||
<el-table-column prop="totalUsd" align="center" label="总充值美元" />
|
||||
>
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
@click="detailDialogFun(scope.row.date, 'start_pay')"
|
||||
type="text"
|
||||
size="medium "
|
||||
>{{ scope.row.startPayUsd }}</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="iosUsd" align="center" label="ios充值美元">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
@click="detailDialogFun(scope.row.date, 'ios_pay')"
|
||||
type="text"
|
||||
size="medium "
|
||||
>{{ scope.row.iosUsd }}</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="companyUsd" align="center" label="对公打款美元">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
@click="detailDialogFun(scope.row.date, 'company')"
|
||||
type="text"
|
||||
size="medium "
|
||||
>{{ scope.row.companyUsd }}</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="totalUsd" align="center" label="总充值美元" >
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
@click="detailDialogFun(scope.row.date, '')"
|
||||
type="text"
|
||||
size="medium "
|
||||
>{{ scope.row.totalUsd }}</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!--国家明细弹窗 -->
|
||||
<el-dialog v-model="detailDialog" title="国家明细" width="25%" center>
|
||||
<!-- 表格数据 -->
|
||||
<el-table
|
||||
v-loading="detailData.loading"
|
||||
:data="detailData.data"
|
||||
border
|
||||
style="width: 100%; margin-top: 25px"
|
||||
>
|
||||
<el-table-column prop="regionName" align="center" label="国家" />
|
||||
<el-table-column prop="usd" align="center" label="充值美元" />
|
||||
</el-table>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -56,20 +154,29 @@ export default {
|
||||
import { ref, onMounted, reactive, computed } from "vue";
|
||||
import { ElMessage, ElMessageBox } from "element-plus";
|
||||
import { dateFormat } from "@/utils/system-helper";
|
||||
import {getChargeRecordPartitionDetail,exportPartitionDetail} from '@/api/users/ChargeRecordPartitionStatisticsView.js'
|
||||
import {
|
||||
getChargeRecordPartitionDetail,
|
||||
exportPartitionDetail,
|
||||
getChargeRecordPartitionRegionDetail,
|
||||
} from "@/api/users/ChargeRecordPartitionStatisticsView.js";
|
||||
import { formatDate } from "@/utils/relDate";
|
||||
|
||||
const dataTime = ref([]);
|
||||
const formData = reactive({
|
||||
beginDate: "",
|
||||
endDate: "",
|
||||
partitionId:16
|
||||
partitionId: 16,
|
||||
});
|
||||
const tableData = reactive({
|
||||
data: [],
|
||||
total: 0,
|
||||
loading: false,
|
||||
});
|
||||
const detailDialog = ref(false);
|
||||
const detailData = reactive({
|
||||
data: [],
|
||||
loading: false,
|
||||
});
|
||||
// 查询
|
||||
const getData = () => {
|
||||
tableData.loading = true;
|
||||
@@ -81,50 +188,70 @@ const getData = () => {
|
||||
formData.endDate = dataTime.value;
|
||||
}
|
||||
getChargeRecordPartitionDetail(formData).then((res) => {
|
||||
tableData.data = res;
|
||||
tableData.loading = false;
|
||||
tableData.data = res;
|
||||
tableData.loading = false;
|
||||
});
|
||||
};
|
||||
// 导出
|
||||
const confirmExportExcel = async () => {
|
||||
// Object.assign(formData, { pageSize: 10000, pageNo: 1 });
|
||||
try {
|
||||
const res = await exportPartitionDetail(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 confirmExportExcel = async () => {
|
||||
// Object.assign(formData, { pageSize: 10000, pageNo: 1 });
|
||||
try {
|
||||
const res = await exportPartitionDetail(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",
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
// 设置默认日期范围(今天到7天前)
|
||||
const setDefaultDateRange = () => {
|
||||
const today = new Date();
|
||||
const sevenDaysAgo = new Date();
|
||||
sevenDaysAgo.setDate(today.getDate() - 7);
|
||||
|
||||
|
||||
dataTime.value = [
|
||||
dateFormat(sevenDaysAgo, "yyyy-MM-dd"),
|
||||
dateFormat(today, "yyyy-MM-dd")
|
||||
dateFormat(today, "yyyy-MM-dd"),
|
||||
];
|
||||
};
|
||||
|
||||
// 国家明细
|
||||
const detailDialogFun = (beginDate, channel) => {
|
||||
detailData.loading = true;
|
||||
getChargeRecordPartitionRegionDetail({
|
||||
beginDate,
|
||||
channel,
|
||||
partitionId: 16,
|
||||
}).then((res) => {
|
||||
if (res.code == 200) {
|
||||
detailData.data = res.data;
|
||||
detailData.loading = false;
|
||||
detailDialog.value = true;
|
||||
} else {
|
||||
detailData.loading = false;
|
||||
ElMessage({
|
||||
message: res.message,
|
||||
type: "error",
|
||||
});
|
||||
}
|
||||
});
|
||||
};
|
||||
onMounted(() => {
|
||||
setDefaultDateRange();
|
||||
getData();
|
||||
@@ -164,4 +291,4 @@ onMounted(() => {
|
||||
line-height: 35px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
@@ -25,25 +25,123 @@
|
||||
style="width: 100%; margin-top: 25px"
|
||||
>
|
||||
<el-table-column prop="date" align="center" label="日期" />
|
||||
<el-table-column prop="v5payUsd" align="center" label="
|
||||
V5play充值美元" />
|
||||
<el-table-column prop="googleUsd" align="center" label="google充值美元" />
|
||||
<el-table-column prop="razerUsd" align="center" label="razer充值" />
|
||||
<el-table-column
|
||||
prop="v5payUsd"
|
||||
align="center"
|
||||
label="
|
||||
V5play充值美元"
|
||||
>
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
@click="detailDialogFun(scope.row.date, 'v5pay')"
|
||||
type="text"
|
||||
size="medium "
|
||||
>{{ scope.row.v5payUsd }}</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="googleUsd" align="center" label="google充值美元">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
@click="detailDialogFun(scope.row.date, 'google_play_billing')"
|
||||
type="text"
|
||||
size="medium "
|
||||
>{{ scope.row.googleUsd }}</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="razerUsd" align="center" label="razer充值">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
@click="detailDialogFun(scope.row.date, 'razer')"
|
||||
type="text"
|
||||
size="medium "
|
||||
>{{ scope.row.razerUsd }}</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="payermaxUsd"
|
||||
align="center"
|
||||
label="payermax充值美元"
|
||||
/>
|
||||
<el-table-column prop="myCardUsd" align="center" label="myCard充值美元" />
|
||||
>
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
@click="detailDialogFun(scope.row.date, 'payermax')"
|
||||
type="text"
|
||||
size="medium "
|
||||
>{{ scope.row.payermaxUsd }}</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="myCardUsd" align="center" label="myCard充值美元">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
@click="detailDialogFun(scope.row.date, 'MyCard')"
|
||||
type="text"
|
||||
size="medium "
|
||||
>{{ scope.row.myCardUsd }}</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="startPayUsd"
|
||||
align="center"
|
||||
label="startPay充值美元"
|
||||
/>
|
||||
<el-table-column prop="iosUsd" align="center" label="ios充值美元" />
|
||||
<el-table-column prop="companyUsd" align="center" label="对公打款美元" />
|
||||
<el-table-column prop="totalUsd" align="center" label="总充值美元" />
|
||||
>
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
@click="detailDialogFun(scope.row.date, 'start_pay')"
|
||||
type="text"
|
||||
size="medium "
|
||||
>{{ scope.row.startPayUsd }}</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="iosUsd" align="center" label="ios充值美元">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
@click="detailDialogFun(scope.row.date, 'ios_pay')"
|
||||
type="text"
|
||||
size="medium "
|
||||
>{{ scope.row.iosUsd }}</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="companyUsd" align="center" label="对公打款美元">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
@click="detailDialogFun(scope.row.date, 'company')"
|
||||
type="text"
|
||||
size="medium "
|
||||
>{{ scope.row.companyUsd }}</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="totalUsd" align="center" label="总充值美元" >
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
@click="detailDialogFun(scope.row.date, '')"
|
||||
type="text"
|
||||
size="medium "
|
||||
>{{ scope.row.totalUsd }}</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!--国家明细弹窗 -->
|
||||
<el-dialog v-model="detailDialog" title="国家明细" width="25%" center>
|
||||
<!-- 表格数据 -->
|
||||
<el-table
|
||||
v-loading="detailData.loading"
|
||||
:data="detailData.data"
|
||||
border
|
||||
style="width: 100%; margin-top: 25px"
|
||||
>
|
||||
<el-table-column prop="regionName" align="center" label="国家" />
|
||||
<el-table-column prop="usd" align="center" label="充值美元" />
|
||||
</el-table>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -56,20 +154,29 @@ export default {
|
||||
import { ref, onMounted, reactive, computed } from "vue";
|
||||
import { ElMessage, ElMessageBox } from "element-plus";
|
||||
import { dateFormat } from "@/utils/system-helper";
|
||||
import {getChargeRecordPartitionDetail,exportPartitionDetail} from '@/api/users/ChargeRecordPartitionStatisticsView.js'
|
||||
import {
|
||||
getChargeRecordPartitionDetail,
|
||||
exportPartitionDetail,
|
||||
getChargeRecordPartitionRegionDetail,
|
||||
} from "@/api/users/ChargeRecordPartitionStatisticsView.js";
|
||||
import { formatDate } from "@/utils/relDate";
|
||||
|
||||
const dataTime = ref([]);
|
||||
const formData = reactive({
|
||||
beginDate: "",
|
||||
endDate: "",
|
||||
partitionId:1
|
||||
partitionId: 1,
|
||||
});
|
||||
const tableData = reactive({
|
||||
data: [],
|
||||
total: 0,
|
||||
loading: false,
|
||||
});
|
||||
const detailDialog = ref(false);
|
||||
const detailData = reactive({
|
||||
data: [],
|
||||
loading: false,
|
||||
});
|
||||
// 查询
|
||||
const getData = () => {
|
||||
tableData.loading = true;
|
||||
@@ -81,50 +188,70 @@ const getData = () => {
|
||||
formData.endDate = dataTime.value;
|
||||
}
|
||||
getChargeRecordPartitionDetail(formData).then((res) => {
|
||||
tableData.data = res;
|
||||
tableData.loading = false;
|
||||
tableData.data = res;
|
||||
tableData.loading = false;
|
||||
});
|
||||
};
|
||||
// 导出
|
||||
const confirmExportExcel = async () => {
|
||||
// Object.assign(formData, { pageSize: 10000, pageNo: 1 });
|
||||
try {
|
||||
const res = await exportPartitionDetail(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 confirmExportExcel = async () => {
|
||||
// Object.assign(formData, { pageSize: 10000, pageNo: 1 });
|
||||
try {
|
||||
const res = await exportPartitionDetail(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",
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
// 设置默认日期范围(今天到7天前)
|
||||
const setDefaultDateRange = () => {
|
||||
const today = new Date();
|
||||
const sevenDaysAgo = new Date();
|
||||
sevenDaysAgo.setDate(today.getDate() - 7);
|
||||
|
||||
|
||||
dataTime.value = [
|
||||
dateFormat(sevenDaysAgo, "yyyy-MM-dd"),
|
||||
dateFormat(today, "yyyy-MM-dd")
|
||||
dateFormat(today, "yyyy-MM-dd"),
|
||||
];
|
||||
};
|
||||
|
||||
// 国家明细
|
||||
const detailDialogFun = (beginDate, channel) => {
|
||||
detailData.loading = true;
|
||||
getChargeRecordPartitionRegionDetail({
|
||||
beginDate,
|
||||
channel,
|
||||
partitionId: 1,
|
||||
}).then((res) => {
|
||||
if (res.code == 200) {
|
||||
detailData.data = res.data;
|
||||
detailData.loading = false;
|
||||
detailDialog.value = true;
|
||||
} else {
|
||||
detailData.loading = false;
|
||||
ElMessage({
|
||||
message: res.message,
|
||||
type: "error",
|
||||
});
|
||||
}
|
||||
});
|
||||
};
|
||||
onMounted(() => {
|
||||
setDefaultDateRange();
|
||||
getData();
|
||||
@@ -164,4 +291,4 @@ onMounted(() => {
|
||||
line-height: 35px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
@@ -25,25 +25,123 @@
|
||||
style="width: 100%; margin-top: 25px"
|
||||
>
|
||||
<el-table-column prop="date" align="center" label="日期" />
|
||||
<el-table-column prop="v5payUsd" align="center" label="
|
||||
V5play充值美元" />
|
||||
<el-table-column prop="googleUsd" align="center" label="google充值美元" />
|
||||
<el-table-column prop="razerUsd" align="center" label="razer充值" />
|
||||
<el-table-column
|
||||
prop="v5payUsd"
|
||||
align="center"
|
||||
label="
|
||||
V5play充值美元"
|
||||
>
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
@click="detailDialogFun(scope.row.date, 'v5pay')"
|
||||
type="text"
|
||||
size="medium "
|
||||
>{{ scope.row.v5payUsd }}</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="googleUsd" align="center" label="google充值美元">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
@click="detailDialogFun(scope.row.date, 'google_play_billing')"
|
||||
type="text"
|
||||
size="medium "
|
||||
>{{ scope.row.googleUsd }}</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="razerUsd" align="center" label="razer充值">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
@click="detailDialogFun(scope.row.date, 'razer')"
|
||||
type="text"
|
||||
size="medium "
|
||||
>{{ scope.row.razerUsd }}</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="payermaxUsd"
|
||||
align="center"
|
||||
label="payermax充值美元"
|
||||
/>
|
||||
<el-table-column prop="myCardUsd" align="center" label="myCard充值美元" />
|
||||
>
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
@click="detailDialogFun(scope.row.date, 'payermax')"
|
||||
type="text"
|
||||
size="medium "
|
||||
>{{ scope.row.payermaxUsd }}</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="myCardUsd" align="center" label="myCard充值美元">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
@click="detailDialogFun(scope.row.date, 'MyCard')"
|
||||
type="text"
|
||||
size="medium "
|
||||
>{{ scope.row.myCardUsd }}</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="startPayUsd"
|
||||
align="center"
|
||||
label="startPay充值美元"
|
||||
/>
|
||||
<el-table-column prop="iosUsd" align="center" label="ios充值美元" />
|
||||
<el-table-column prop="companyUsd" align="center" label="对公打款美元" />
|
||||
<el-table-column prop="totalUsd" align="center" label="总充值美元" />
|
||||
>
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
@click="detailDialogFun(scope.row.date, 'start_pay')"
|
||||
type="text"
|
||||
size="medium "
|
||||
>{{ scope.row.startPayUsd }}</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="iosUsd" align="center" label="ios充值美元">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
@click="detailDialogFun(scope.row.date, 'ios_pay')"
|
||||
type="text"
|
||||
size="medium "
|
||||
>{{ scope.row.iosUsd }}</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="companyUsd" align="center" label="对公打款美元">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
@click="detailDialogFun(scope.row.date, 'company')"
|
||||
type="text"
|
||||
size="medium "
|
||||
>{{ scope.row.companyUsd }}</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="totalUsd" align="center" label="总充值美元" >
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
@click="detailDialogFun(scope.row.date, '')"
|
||||
type="text"
|
||||
size="medium "
|
||||
>{{ scope.row.totalUsd }}</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!--国家明细弹窗 -->
|
||||
<el-dialog v-model="detailDialog" title="国家明细" width="25%" center>
|
||||
<!-- 表格数据 -->
|
||||
<el-table
|
||||
v-loading="detailData.loading"
|
||||
:data="detailData.data"
|
||||
border
|
||||
style="width: 100%; margin-top: 25px"
|
||||
>
|
||||
<el-table-column prop="regionName" align="center" label="国家" />
|
||||
<el-table-column prop="usd" align="center" label="充值美元" />
|
||||
</el-table>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -56,20 +154,29 @@ export default {
|
||||
import { ref, onMounted, reactive, computed } from "vue";
|
||||
import { ElMessage, ElMessageBox } from "element-plus";
|
||||
import { dateFormat } from "@/utils/system-helper";
|
||||
import {getChargeRecordPartitionDetail,exportPartitionDetail} from '@/api/users/ChargeRecordPartitionStatisticsView.js'
|
||||
import {
|
||||
getChargeRecordPartitionDetail,
|
||||
exportPartitionDetail,
|
||||
getChargeRecordPartitionRegionDetail,
|
||||
} from "@/api/users/ChargeRecordPartitionStatisticsView.js";
|
||||
import { formatDate } from "@/utils/relDate";
|
||||
|
||||
const dataTime = ref([]);
|
||||
const formData = reactive({
|
||||
beginDate: "",
|
||||
endDate: "",
|
||||
partitionId:8
|
||||
partitionId: 8,
|
||||
});
|
||||
const tableData = reactive({
|
||||
data: [],
|
||||
total: 0,
|
||||
loading: false,
|
||||
});
|
||||
const detailDialog = ref(false);
|
||||
const detailData = reactive({
|
||||
data: [],
|
||||
loading: false,
|
||||
});
|
||||
// 查询
|
||||
const getData = () => {
|
||||
tableData.loading = true;
|
||||
@@ -81,50 +188,70 @@ const getData = () => {
|
||||
formData.endDate = dataTime.value;
|
||||
}
|
||||
getChargeRecordPartitionDetail(formData).then((res) => {
|
||||
tableData.data = res;
|
||||
tableData.loading = false;
|
||||
tableData.data = res;
|
||||
tableData.loading = false;
|
||||
});
|
||||
};
|
||||
// 导出
|
||||
const confirmExportExcel = async () => {
|
||||
// Object.assign(formData, { pageSize: 10000, pageNo: 1 });
|
||||
try {
|
||||
const res = await exportPartitionDetail(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 confirmExportExcel = async () => {
|
||||
// Object.assign(formData, { pageSize: 10000, pageNo: 1 });
|
||||
try {
|
||||
const res = await exportPartitionDetail(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",
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
// 设置默认日期范围(今天到7天前)
|
||||
const setDefaultDateRange = () => {
|
||||
const today = new Date();
|
||||
const sevenDaysAgo = new Date();
|
||||
sevenDaysAgo.setDate(today.getDate() - 7);
|
||||
|
||||
|
||||
dataTime.value = [
|
||||
dateFormat(sevenDaysAgo, "yyyy-MM-dd"),
|
||||
dateFormat(today, "yyyy-MM-dd")
|
||||
dateFormat(today, "yyyy-MM-dd"),
|
||||
];
|
||||
};
|
||||
|
||||
// 国家明细
|
||||
const detailDialogFun = (beginDate, channel) => {
|
||||
detailData.loading = true;
|
||||
getChargeRecordPartitionRegionDetail({
|
||||
beginDate,
|
||||
channel,
|
||||
partitionId: 8,
|
||||
}).then((res) => {
|
||||
if (res.code == 200) {
|
||||
detailData.data = res.data;
|
||||
detailData.loading = false;
|
||||
detailDialog.value = true;
|
||||
} else {
|
||||
detailData.loading = false;
|
||||
ElMessage({
|
||||
message: res.message,
|
||||
type: "error",
|
||||
});
|
||||
}
|
||||
});
|
||||
};
|
||||
onMounted(() => {
|
||||
setDefaultDateRange();
|
||||
getData();
|
||||
@@ -164,4 +291,4 @@ onMounted(() => {
|
||||
line-height: 35px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
@@ -25,25 +25,123 @@
|
||||
style="width: 100%; margin-top: 25px"
|
||||
>
|
||||
<el-table-column prop="date" align="center" label="日期" />
|
||||
<el-table-column prop="v5payUsd" align="center" label="
|
||||
V5play充值美元" />
|
||||
<el-table-column prop="googleUsd" align="center" label="google充值美元" />
|
||||
<el-table-column prop="razerUsd" align="center" label="razer充值" />
|
||||
<el-table-column
|
||||
prop="v5payUsd"
|
||||
align="center"
|
||||
label="
|
||||
V5play充值美元"
|
||||
>
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
@click="detailDialogFun(scope.row.date, 'v5pay')"
|
||||
type="text"
|
||||
size="medium "
|
||||
>{{ scope.row.v5payUsd }}</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="googleUsd" align="center" label="google充值美元">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
@click="detailDialogFun(scope.row.date, 'google_play_billing')"
|
||||
type="text"
|
||||
size="medium "
|
||||
>{{ scope.row.googleUsd }}</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="razerUsd" align="center" label="razer充值">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
@click="detailDialogFun(scope.row.date, 'razer')"
|
||||
type="text"
|
||||
size="medium "
|
||||
>{{ scope.row.razerUsd }}</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="payermaxUsd"
|
||||
align="center"
|
||||
label="payermax充值美元"
|
||||
/>
|
||||
<el-table-column prop="myCardUsd" align="center" label="myCard充值美元" />
|
||||
>
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
@click="detailDialogFun(scope.row.date, 'payermax')"
|
||||
type="text"
|
||||
size="medium "
|
||||
>{{ scope.row.payermaxUsd }}</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="myCardUsd" align="center" label="myCard充值美元">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
@click="detailDialogFun(scope.row.date, 'MyCard')"
|
||||
type="text"
|
||||
size="medium "
|
||||
>{{ scope.row.myCardUsd }}</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="startPayUsd"
|
||||
align="center"
|
||||
label="startPay充值美元"
|
||||
/>
|
||||
<el-table-column prop="iosUsd" align="center" label="ios充值美元" />
|
||||
<el-table-column prop="companyUsd" align="center" label="对公打款美元" />
|
||||
<el-table-column prop="totalUsd" align="center" label="总充值美元" />
|
||||
>
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
@click="detailDialogFun(scope.row.date, 'start_pay')"
|
||||
type="text"
|
||||
size="medium "
|
||||
>{{ scope.row.startPayUsd }}</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="iosUsd" align="center" label="ios充值美元">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
@click="detailDialogFun(scope.row.date, 'ios_pay')"
|
||||
type="text"
|
||||
size="medium "
|
||||
>{{ scope.row.iosUsd }}</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="companyUsd" align="center" label="对公打款美元">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
@click="detailDialogFun(scope.row.date, 'company')"
|
||||
type="text"
|
||||
size="medium "
|
||||
>{{ scope.row.companyUsd }}</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="totalUsd" align="center" label="总充值美元" >
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
@click="detailDialogFun(scope.row.date, '')"
|
||||
type="text"
|
||||
size="medium "
|
||||
>{{ scope.row.totalUsd }}</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!--国家明细弹窗 -->
|
||||
<el-dialog v-model="detailDialog" title="国家明细" width="25%" center>
|
||||
<!-- 表格数据 -->
|
||||
<el-table
|
||||
v-loading="detailData.loading"
|
||||
:data="detailData.data"
|
||||
border
|
||||
style="width: 100%; margin-top: 25px"
|
||||
>
|
||||
<el-table-column prop="regionName" align="center" label="国家" />
|
||||
<el-table-column prop="usd" align="center" label="充值美元" />
|
||||
</el-table>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -56,20 +154,29 @@ export default {
|
||||
import { ref, onMounted, reactive, computed } from "vue";
|
||||
import { ElMessage, ElMessageBox } from "element-plus";
|
||||
import { dateFormat } from "@/utils/system-helper";
|
||||
import {getChargeRecordPartitionDetail,exportPartitionDetail} from '@/api/users/ChargeRecordPartitionStatisticsView.js'
|
||||
import {
|
||||
getChargeRecordPartitionDetail,
|
||||
exportPartitionDetail,
|
||||
getChargeRecordPartitionRegionDetail,
|
||||
} from "@/api/users/ChargeRecordPartitionStatisticsView.js";
|
||||
import { formatDate } from "@/utils/relDate";
|
||||
|
||||
const dataTime = ref([]);
|
||||
const formData = reactive({
|
||||
beginDate: "",
|
||||
endDate: "",
|
||||
partitionId:4
|
||||
partitionId: 4,
|
||||
});
|
||||
const tableData = reactive({
|
||||
data: [],
|
||||
total: 0,
|
||||
loading: false,
|
||||
});
|
||||
const detailDialog = ref(false);
|
||||
const detailData = reactive({
|
||||
data: [],
|
||||
loading: false,
|
||||
});
|
||||
// 查询
|
||||
const getData = () => {
|
||||
tableData.loading = true;
|
||||
@@ -81,50 +188,70 @@ const getData = () => {
|
||||
formData.endDate = dataTime.value;
|
||||
}
|
||||
getChargeRecordPartitionDetail(formData).then((res) => {
|
||||
tableData.data = res;
|
||||
tableData.loading = false;
|
||||
tableData.data = res;
|
||||
tableData.loading = false;
|
||||
});
|
||||
};
|
||||
// 导出
|
||||
const confirmExportExcel = async () => {
|
||||
// Object.assign(formData, { pageSize: 10000, pageNo: 1 });
|
||||
try {
|
||||
const res = await exportPartitionDetail(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 confirmExportExcel = async () => {
|
||||
// Object.assign(formData, { pageSize: 10000, pageNo: 1 });
|
||||
try {
|
||||
const res = await exportPartitionDetail(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",
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
// 设置默认日期范围(今天到7天前)
|
||||
const setDefaultDateRange = () => {
|
||||
const today = new Date();
|
||||
const sevenDaysAgo = new Date();
|
||||
sevenDaysAgo.setDate(today.getDate() - 7);
|
||||
|
||||
|
||||
dataTime.value = [
|
||||
dateFormat(sevenDaysAgo, "yyyy-MM-dd"),
|
||||
dateFormat(today, "yyyy-MM-dd")
|
||||
dateFormat(today, "yyyy-MM-dd"),
|
||||
];
|
||||
};
|
||||
|
||||
// 国家明细
|
||||
const detailDialogFun = (beginDate, channel) => {
|
||||
detailData.loading = true;
|
||||
getChargeRecordPartitionRegionDetail({
|
||||
beginDate,
|
||||
channel,
|
||||
partitionId: 4,
|
||||
}).then((res) => {
|
||||
if (res.code == 200) {
|
||||
detailData.data = res.data;
|
||||
detailData.loading = false;
|
||||
detailDialog.value = true;
|
||||
} else {
|
||||
detailData.loading = false;
|
||||
ElMessage({
|
||||
message: res.message,
|
||||
type: "error",
|
||||
});
|
||||
}
|
||||
});
|
||||
};
|
||||
onMounted(() => {
|
||||
setDefaultDateRange();
|
||||
getData();
|
||||
@@ -164,4 +291,4 @@ onMounted(() => {
|
||||
line-height: 35px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
@@ -728,7 +728,7 @@ export default {
|
||||
}
|
||||
}
|
||||
},
|
||||
{ field: 'goldPtice', title: '礼物价格', align: 'center', width: '10%' },
|
||||
{ field: 'goldPrice', title: '礼物价格', align: 'center', width: '10%' },
|
||||
{
|
||||
field: 'consumeType',
|
||||
title: '消费类型',
|
||||
|
@@ -591,8 +591,7 @@ export default {
|
||||
$("#addSave").on("click", function () {
|
||||
if ($("#addMsgForm").validationEngine("validate")) {
|
||||
if (
|
||||
$("#msgType").val() == 100 &&
|
||||
($("#skipUrlContent").val() == undefined ||
|
||||
$("#msgType").val() == 100 && $("#skip").val() != '' && ($("#skipUrlContent").val() == undefined ||
|
||||
$("#skipUrlContent").val().length <= 0)
|
||||
) {
|
||||
alert("未填写跳转链接");
|
||||
|
@@ -265,7 +265,7 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<!-- <div class="form-group">
|
||||
<label for="editDefUser"
|
||||
class="col-sm-3 control-label">财富等级:</label>
|
||||
<div class="col-sm-8" style="display: flex;align-items: center;">
|
||||
@@ -285,7 +285,7 @@
|
||||
type="button"
|
||||
id="modifyCharmLevelBtn">修改</button>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
<div class="form-group">
|
||||
<label for="alipayAccountName"
|
||||
|
218
src/views/users/UserInformationCustomer.vue
Normal file
218
src/views/users/UserInformationCustomer.vue
Normal file
@@ -0,0 +1,218 @@
|
||||
<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"
|
||||
border
|
||||
style="width: 100%; margin-top: 25px"
|
||||
>
|
||||
<el-table-column prop="nick" align="center" label="用户昵称" />
|
||||
<el-table-column prop="erbanNo" align="center" label="用户ID" />
|
||||
<el-table-column prop="erbanNo" align="center" label="财富等级" >
|
||||
<template #default="scope">
|
||||
{{ scope.row.userLevelVo?.experLevelName + '(' + scope.row.userLevelVo?.experAmount + ')'}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="nick" align="center" label="魅力等级" >
|
||||
<template #default="scope">
|
||||
{{ scope.row.userLevelVo?.charmLevelName + '(' + scope.row.userLevelVo?.charmAmount + ')'}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" label="操作" >
|
||||
<template #default="scope">
|
||||
<el-button class="primary"
|
||||
type="primary"
|
||||
@click="detailPageFun(scope.row)"
|
||||
size="default"
|
||||
>编辑</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!-- 弹窗 -->
|
||||
<el-dialog v-model="remarkDialog" title="编辑" width="25%" center destroy-on-close>
|
||||
<div style="margin-bottom: 25px; margin-top: 10px; display: flex;align-items: center;">
|
||||
<span
|
||||
style="display: inline-block;"
|
||||
class="col-sm-3 control-label"
|
||||
>财富等级:</span
|
||||
>
|
||||
{{experLevelName}}
|
||||
<el-button class="primary"
|
||||
type="primary"
|
||||
size="default"
|
||||
style="margin-left: 30px;"
|
||||
@click="changePageFun(2)"
|
||||
>编辑</el-button>
|
||||
</div>
|
||||
<div style="margin-bottom: 25px; margin-top: 10px; display: flex;align-items: center;">
|
||||
<span
|
||||
style="display: inline-block;"
|
||||
class="col-sm-3 control-label"
|
||||
>魅力等级:</span
|
||||
>
|
||||
{{charmLevelName}}
|
||||
<el-button class="primary"
|
||||
type="primary"
|
||||
size="default"
|
||||
style="margin-left: 30px;"
|
||||
@click="changePageFun(1)"
|
||||
>编辑</el-button>
|
||||
</div>
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
<el-button @click="remarkDialog = false">取消</el-button>
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
<!-- 填写弹窗 -->
|
||||
<el-dialog v-model="changeDialog" :title="typeChange == 2?'财富等级修改':'魅力等级修改'" width="25%" center destroy-on-close>
|
||||
<div style="margin-bottom: 25px; margin-top: 10px; display: flex;align-items: center;">
|
||||
<span
|
||||
style="display: inline-block;"
|
||||
class="col-sm-3 control-label"
|
||||
>当前等级:</span
|
||||
>
|
||||
{{typeChange == 2?experLevelName:charmLevelName}}
|
||||
</div>
|
||||
<div style="margin-bottom: 25px; margin-top: 10px; display: flex">
|
||||
<span
|
||||
style="display: inline-block; margin-right: 20px"
|
||||
class="col-sm-3 control-label"
|
||||
>更改等级</span
|
||||
>
|
||||
<el-input
|
||||
v-model="newLevelSeq"
|
||||
placeholder="请输入"
|
||||
class="input"
|
||||
></el-input>
|
||||
</div>
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
<el-button @click="changeDialog = false">取消</el-button>
|
||||
<el-button type="primary" @click="confirmChangeFun()">
|
||||
确认
|
||||
</el-button>
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "UserInformationCustomer",
|
||||
};
|
||||
</script>
|
||||
<script setup>
|
||||
import { ref, onMounted, reactive, computed } from "vue";
|
||||
import { ElMessage, ElMessageBox } from "element-plus";
|
||||
import { getUserCheckAdmin,changeUserExpChange} from "@/api/users/UserInformationCustomer.js"
|
||||
|
||||
const formData = reactive({
|
||||
erbanNo: "",
|
||||
});
|
||||
const tableData = reactive({
|
||||
data: [],
|
||||
total: 0,
|
||||
loading: false,
|
||||
});
|
||||
const remarkDialog = ref(false);
|
||||
const charmLevelName = ref('');
|
||||
const experLevelName = ref('');
|
||||
const typeChange = ref(0);
|
||||
const changeDialog = ref(false);
|
||||
const newLevelSeq = ref('');
|
||||
const uid = ref('');
|
||||
|
||||
// 查询
|
||||
const getData = () => {
|
||||
tableData.loading = true;
|
||||
tableData.data = [];
|
||||
getUserCheckAdmin(formData).then((res) => {
|
||||
if (res.code == 200) {
|
||||
tableData.data.push(res.data);
|
||||
tableData.total = res.data.total;
|
||||
tableData.loading = false;
|
||||
} else {
|
||||
tableData.loading = false;
|
||||
ElMessage.error(res.message);
|
||||
}
|
||||
});
|
||||
};
|
||||
const detailPageFun = (row) => {
|
||||
experLevelName.value =row.userLevelVo.experLevelName + '(' +row.userLevelVo.experAmount + ')';
|
||||
charmLevelName.value =row.userLevelVo.charmLevelName + '(' +row.userLevelVo.charmAmount + ')';
|
||||
remarkDialog.value =true;
|
||||
uid.value =row.uid;
|
||||
};
|
||||
const changePageFun = (val) => {
|
||||
typeChange.value = val;
|
||||
changeDialog.value =true;
|
||||
};
|
||||
const confirmChangeFun = () => {
|
||||
changeUserExpChange({
|
||||
uid:uid.value,type:typeChange.value,newLevelSeq:newLevelSeq.value
|
||||
}).then((res) => {
|
||||
if (res.code == 200) {
|
||||
ElMessage({
|
||||
message: "修改成功",
|
||||
type: "success",
|
||||
});
|
||||
changeDialog.value =false;
|
||||
remarkDialog.value =false;
|
||||
newLevelSeq.value = '';
|
||||
tableData.data = [];
|
||||
getData();
|
||||
} else {
|
||||
ElMessage.error(res.message);
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
</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>
|
370
src/views/vip/VipGiveCustomer.vue
Normal file
370
src/views/vip/VipGiveCustomer.vue
Normal file
@@ -0,0 +1,370 @@
|
||||
<template>
|
||||
<div class="box">
|
||||
<!-- 查询 -->
|
||||
<div class="inquire">
|
||||
<span>ID</span>
|
||||
<el-input
|
||||
v-model="inquire.userId"
|
||||
placeholder=""
|
||||
class="input"
|
||||
></el-input>
|
||||
</div>
|
||||
<!-- 查询按钮 -->
|
||||
<el-button class="primary" type="primary" @click="getData()"
|
||||
>查询
|
||||
</el-button>
|
||||
<el-button class="primary" type="primary" @click="editDialog = true"
|
||||
>赠送VIP
|
||||
</el-button>
|
||||
|
||||
<!-- 表格 -->
|
||||
<el-table
|
||||
v-loading="loading"
|
||||
:data="tableData"
|
||||
border
|
||||
style="width: 100%; margin-top: 25px"
|
||||
>
|
||||
<el-table-column prop="erbanNo" align="center" label="平台号" />
|
||||
<el-table-column prop="nick" align="center" label="昵称" />
|
||||
<el-table-column
|
||||
prop="registerTime"
|
||||
align="center"
|
||||
label="用户注册时间"
|
||||
/>
|
||||
<el-table-column prop="createTime" align="center" label="赠送贵族时间" />
|
||||
<el-table-column prop="vipLevel" align="center" label="赠送贵族等级">
|
||||
<template v-slot="scope">VIP{{ scope.row.vipLevel }}</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="adminName" 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"
|
||||
/>
|
||||
|
||||
<!-- 赠送VIP弹窗 -->
|
||||
<el-dialog
|
||||
v-model="editDialog"
|
||||
title="赠送VIP(点击确认直接赠送,请认真核对谨慎操作!!)"
|
||||
width="36%"
|
||||
center
|
||||
>
|
||||
<!-- 赠送用户平台ID -->
|
||||
<div style="margin-bottom: 25px; margin-top: 10px">
|
||||
<span
|
||||
style="display: inline-block; margin-right: 20px"
|
||||
class="col-sm-2 control-label"
|
||||
>赠送用户平台ID</span
|
||||
>
|
||||
<el-input
|
||||
v-model="editObj.userId"
|
||||
style="width: 75%"
|
||||
class="input"
|
||||
placeholder="请输入赠送用户平台ID"
|
||||
@input="inputFun()"
|
||||
></el-input>
|
||||
</div>
|
||||
|
||||
<!-- 赠送等级 -->
|
||||
<div style="margin-bottom: 25px; margin-top: 10px">
|
||||
<span
|
||||
style="display: inline-block; margin-right: 20px"
|
||||
class="col-sm-2 control-label"
|
||||
>赠送VIP等级</span
|
||||
>
|
||||
<el-select v-model="editObj.value" placeholder="请选择">
|
||||
<el-option
|
||||
v-for="item in editObj.options"
|
||||
:key="item.vipLevel"
|
||||
:label="item.vipName"
|
||||
:value="item.vipLevel"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
|
||||
<!-- 赠送天数 -->
|
||||
<div style="margin-bottom: 25px; margin-top: 10px">
|
||||
<span
|
||||
style="display: inline-block; margin-right: 20px"
|
||||
class="col-sm-2 control-label"
|
||||
>赠送天数</span
|
||||
>
|
||||
<el-select v-model="editObj.value2" placeholder="请选择">
|
||||
<el-option
|
||||
v-for="item in editObj.options2"
|
||||
:key="item.day"
|
||||
:label="item.dayName"
|
||||
:value="item.day"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<!-- 用户昵称 -->
|
||||
<div style="margin-bottom: 25px; margin-top: 10px">
|
||||
<span
|
||||
style="display: inline-block; margin-right: 20px"
|
||||
class="col-sm-2 control-label"
|
||||
>用户昵称</span
|
||||
>
|
||||
<el-input
|
||||
v-model="editObj.nick"
|
||||
style="width: 75%"
|
||||
class="input"
|
||||
placeholder="请先输入用户平台id"
|
||||
disabled
|
||||
></el-input>
|
||||
</div>
|
||||
<!-- 用户地区 -->
|
||||
<div style="margin-bottom: 25px; margin-top: 10px">
|
||||
<span
|
||||
style="display: inline-block; margin-right: 20px"
|
||||
class="col-sm-2 control-label"
|
||||
>用户地区</span
|
||||
>
|
||||
<el-input
|
||||
v-model="editObj.region"
|
||||
style="width: 75%"
|
||||
class="input"
|
||||
placeholder="请先输入用户平台id"
|
||||
disabled
|
||||
></el-input>
|
||||
</div>
|
||||
<!-- 用户注册时间 -->
|
||||
<div style="margin-bottom: 25px; margin-top: 10px">
|
||||
<span
|
||||
style="display: inline-block; margin-right: 20px"
|
||||
class="col-sm-2 control-label"
|
||||
>用户注册时间</span
|
||||
>
|
||||
<el-input
|
||||
v-model="editObj.time"
|
||||
style="width: 75%"
|
||||
class="input"
|
||||
placeholder="请先输入用户平台id"
|
||||
disabled
|
||||
></el-input>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
<el-button @click="editDialog = false">取消</el-button>
|
||||
<el-button type="primary" @click="editDialogClick()">
|
||||
确认
|
||||
</el-button>
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import {
|
||||
getByErbanNo,
|
||||
listAll,
|
||||
pageRecord,
|
||||
vipSendSendCustomerSend,
|
||||
} from "@/api/VipGive/VipGive";
|
||||
// @ts-ignore
|
||||
import { dateFormat } from "@/utils/system-helper";
|
||||
// @ts-ignore
|
||||
import { ElMessage } from "element-plus";
|
||||
export default {
|
||||
name: "VipGiveCustomer",
|
||||
data() {
|
||||
return {
|
||||
loading: false,
|
||||
//查询所需条件对象
|
||||
inquire: {
|
||||
userId: "",
|
||||
},
|
||||
// 表格
|
||||
tableData: [],
|
||||
// 分页
|
||||
total: 10, //总页数
|
||||
currentPage: 1, //页码
|
||||
pageSize: 10, //条数
|
||||
// 赠送VIP
|
||||
editDialog: false,
|
||||
timeout: "",
|
||||
editObj: {
|
||||
userId: "",
|
||||
value: "",
|
||||
options: [
|
||||
{
|
||||
vipLevel: 1,
|
||||
vipName: "VIP1",
|
||||
},
|
||||
{
|
||||
vipLevel: 2,
|
||||
vipName: "VIP2",
|
||||
},
|
||||
{
|
||||
vipLevel: 3,
|
||||
vipName: "VIP3",
|
||||
},
|
||||
{
|
||||
vipLevel: 4,
|
||||
vipName: "VIP4",
|
||||
},
|
||||
{
|
||||
vipLevel: 5,
|
||||
vipName: "VIP5",
|
||||
},
|
||||
],
|
||||
value2: "",
|
||||
options2: [
|
||||
{
|
||||
dayName: "1天",
|
||||
day: 1,
|
||||
},
|
||||
{
|
||||
dayName: "3天",
|
||||
day: 3,
|
||||
},
|
||||
{
|
||||
dayName: "5天",
|
||||
day: 5,
|
||||
},
|
||||
{
|
||||
dayName: "7天",
|
||||
day: 7,
|
||||
},
|
||||
{
|
||||
dayName: "15天",
|
||||
day: 15,
|
||||
},
|
||||
{
|
||||
dayName: "30天",
|
||||
day: 30,
|
||||
},
|
||||
],
|
||||
nick: "",
|
||||
time: "",
|
||||
region: "",
|
||||
uid: "",
|
||||
},
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getData();
|
||||
// listAll().then((res) => {
|
||||
// this.editObj.options = res.data;
|
||||
// });
|
||||
},
|
||||
methods: {
|
||||
// 查询接口
|
||||
getData() {
|
||||
this.loading = true;
|
||||
pageRecord({
|
||||
erbanNo: this.inquire.userId,
|
||||
current: this.currentPage,
|
||||
size: this.pageSize,
|
||||
ads: 1,
|
||||
}).then((res) => {
|
||||
this.total = res.data.total;
|
||||
this.tableData = res.data.rows;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
// 监听弹窗用户id输入
|
||||
inputFun() {
|
||||
var than = this;
|
||||
clearTimeout(than.timeout);
|
||||
than.timeout = setTimeout(function () {
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: "查询中~",
|
||||
type: "warning",
|
||||
});
|
||||
getByErbanNo({
|
||||
erbanNo: than.editObj.userId,
|
||||
}).then((res) => {
|
||||
if (res.code == 200) {
|
||||
than.editObj.nick = res.data.nick;
|
||||
than.editObj.region = res.data.partitionName;
|
||||
than.editObj.time = res.data.createTime;
|
||||
than.editObj.uid = res.data.uid;
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: "查询成功",
|
||||
type: "success",
|
||||
});
|
||||
} else {
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: res.message,
|
||||
type: "error",
|
||||
});
|
||||
}
|
||||
});
|
||||
}, 1000);
|
||||
},
|
||||
// 赠送按钮
|
||||
editDialogClick() {
|
||||
vipSendSendCustomerSend({
|
||||
uid: this.editObj.uid,
|
||||
vipLevel: this.editObj.value,
|
||||
days: this.editObj.value2,
|
||||
}).then((res) => {
|
||||
if (res.code == 200) {
|
||||
this.getData();
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: "赠送成功",
|
||||
type: "success",
|
||||
});
|
||||
this.editDialog = false;
|
||||
} else {
|
||||
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>
|
@@ -19,7 +19,7 @@ module.exports = defineConfig({
|
||||
config
|
||||
.plugin('html') // 配置 html-webpack-plugin 插件
|
||||
.tap(args => {
|
||||
args[0].title = 'MOLISTAR管理后台' // 设置网页标题
|
||||
args[0].title = 'E-Party管理后台' // 设置网页标题
|
||||
return args
|
||||
})
|
||||
},
|
||||
|
Reference in New Issue
Block a user