Compare commits
69 Commits
roomBackgr
...
starRating
Author | SHA1 | Date | |
---|---|---|---|
![]() |
42f556e615 | ||
![]() |
ccf95bb81a | ||
![]() |
dd1fdb23c2 | ||
![]() |
84a26ed699 | ||
![]() |
f1f558e2b1 | ||
![]() |
1b74d19c98 | ||
![]() |
aab2ff2794 | ||
![]() |
d750ae68d2 | ||
![]() |
44ea9d3dcf | ||
![]() |
2394d2ef60 | ||
![]() |
91e295e3b7 | ||
![]() |
47a67f4718 | ||
![]() |
8c06877c67 | ||
![]() |
be82b67bab | ||
![]() |
da9368018a | ||
![]() |
c39b992e31 | ||
![]() |
1aa6a67531 | ||
![]() |
a2fa4a8fbd | ||
![]() |
4ab5768849 | ||
![]() |
fa2d3975d2 | ||
![]() |
0fdcf097c8 | ||
![]() |
3d18a53f34 | ||
![]() |
627de18eaf | ||
![]() |
8868f4204c | ||
![]() |
38bffe26dc | ||
![]() |
8a548f9a69 | ||
![]() |
28b21d5c85 | ||
![]() |
dcdf89aa48 | ||
![]() |
b9dcae392a | ||
![]() |
ae4b9d0493 | ||
![]() |
8789fdfc29 | ||
![]() |
0700880ade | ||
![]() |
7c042161bd | ||
![]() |
431749ef28 | ||
![]() |
7bb0faad23 | ||
![]() |
59a2461f73 | ||
![]() |
223311f321 | ||
![]() |
02474473bf | ||
![]() |
559fea9300 | ||
![]() |
ed618598c2 | ||
![]() |
7610a2768f | ||
![]() |
eb7e9387c6 | ||
![]() |
212498b6be | ||
![]() |
369bf84a1f | ||
![]() |
a79445b9e5 | ||
![]() |
fda1a6aacb | ||
![]() |
e58363371c | ||
![]() |
943518ce24 | ||
![]() |
df0093c4f8 | ||
![]() |
19d8ac3753 | ||
![]() |
9486359ddf | ||
![]() |
ef7c060545 | ||
![]() |
350c1b0e07 | ||
![]() |
f9a1f6a89c | ||
![]() |
c7597a1b14 | ||
![]() |
9b7d0132ef | ||
![]() |
0dcf3594bd | ||
![]() |
e50a89fb0a | ||
![]() |
49bd77ae3f | ||
![]() |
d9a6c2881b | ||
![]() |
46af95e834 | ||
![]() |
07543cca7d | ||
![]() |
a75058d202 | ||
![]() |
9129e29bf3 | ||
![]() |
37df3b5db1 | ||
![]() |
6e841bc675 | ||
![]() |
286969cdd1 | ||
![]() |
d3b48eea86 | ||
![]() |
9e6495d807 |
166
src/api/boom/boom.js
Normal file
166
src/api/boom/boom.js
Normal file
@@ -0,0 +1,166 @@
|
||||
import request from '@/utils/request';
|
||||
import { genQueryParam } from '@/utils/maintainer';
|
||||
|
||||
// 分区接口
|
||||
export const listPartitionInfo = query => {
|
||||
return request({
|
||||
url: '/partition/listPartitionInfo',
|
||||
method: 'get',
|
||||
params: query
|
||||
});
|
||||
};
|
||||
|
||||
// 邀请移除记录
|
||||
export const pageOperateRecord = query => {
|
||||
return request({
|
||||
url: '/admin/guild/manage/pageOperateRecord',
|
||||
method: 'get',
|
||||
params: query
|
||||
});
|
||||
};
|
||||
// 查询公会信息
|
||||
export const pageFamily = query => {
|
||||
return request({
|
||||
url: '/admin/guild/manage/pageGuild',
|
||||
method: 'get',
|
||||
params: query
|
||||
});
|
||||
};
|
||||
// 公会成员信息
|
||||
export const pageFamilyMember = query => {
|
||||
return request({
|
||||
url: '/admin/family/manage/pageFamilyMember',
|
||||
method: 'get',
|
||||
params: query
|
||||
});
|
||||
};
|
||||
// 创建公会信息
|
||||
export const create = query => {
|
||||
return request({
|
||||
url: '/admin/guild/manage/create',
|
||||
method: 'post',
|
||||
params: query
|
||||
});
|
||||
};
|
||||
// 删除公会信息
|
||||
export const dismiss = query => {
|
||||
return request({
|
||||
url: '/admin/guild/manage/dismiss',
|
||||
method: 'post',
|
||||
params: query
|
||||
});
|
||||
};
|
||||
// 幸运礼物详情导出
|
||||
export const luckyGiftRewardRecordExport = query => {
|
||||
window.location.href = `/admin/luckyGiftRewardRecord/export?${genQueryParam(query)}`;
|
||||
return;
|
||||
};
|
||||
// 公会信息编辑接口
|
||||
export const update = query => {
|
||||
return request({
|
||||
url: '/admin/guild/manage/update',
|
||||
method: 'post',
|
||||
params: query
|
||||
});
|
||||
};
|
||||
// 导出-公会信息
|
||||
export const exportInfo = query => {
|
||||
window.location.href = `/admin/guild/manage/exportGuild?${genQueryParam(query)}`;
|
||||
return;
|
||||
};
|
||||
// 成员信息-弹窗详情
|
||||
export const manageListFamilyMember = query => {
|
||||
return request({
|
||||
url: '/admin/guild/manage/listGuildMember',
|
||||
method: 'get',
|
||||
params: query
|
||||
});
|
||||
};
|
||||
|
||||
// 成员信息-新增成员
|
||||
export const addMember = query => {
|
||||
return request({
|
||||
url: '/admin/guild/manage/addMember',
|
||||
method: 'post',
|
||||
params: query
|
||||
});
|
||||
};
|
||||
// 成员信息-设置管理员
|
||||
export const setManager = query => {
|
||||
return request({
|
||||
url: '/admin/guild/manage/setManager',
|
||||
method: 'post',
|
||||
params: query
|
||||
});
|
||||
};
|
||||
// 成员信息-删除管理员
|
||||
export const removeMember = query => {
|
||||
return request({
|
||||
url: '/admin/guild/manage/removeMember',
|
||||
method: 'post',
|
||||
params: query
|
||||
});
|
||||
};
|
||||
// ========================================================Boom活动等级配置================================================
|
||||
// Boom活动等级配置-列表
|
||||
export const levelList = query => {
|
||||
return request({
|
||||
url: '/room/boom/level/list',
|
||||
method: 'get',
|
||||
params: query
|
||||
});
|
||||
};
|
||||
// Boom活动等级配置-弹窗列表详情
|
||||
export const awardList = query => {
|
||||
return request({
|
||||
url: '/room/boom/level/award/list',
|
||||
method: 'get',
|
||||
params: query
|
||||
});
|
||||
};
|
||||
// Boom活动等级配置-弹窗列表删除详情
|
||||
export const awardDel = query => {
|
||||
return request({
|
||||
url: '/room/boom/level/award/del',
|
||||
method: 'get',
|
||||
params: query
|
||||
});
|
||||
};
|
||||
// Boom活动等级配置-编辑
|
||||
export const levelUpdate = query => {
|
||||
return request({
|
||||
url: '/room/boom/level/update',
|
||||
method: 'put',
|
||||
data: query
|
||||
});
|
||||
};
|
||||
// Boom活动等级配置-弹窗编辑
|
||||
export const awardUpdate = query => {
|
||||
return request({
|
||||
url: '/room/boom/level/award/update',
|
||||
method: 'put',
|
||||
data: query
|
||||
});
|
||||
};
|
||||
// ========================================================Boom数据后台================================================
|
||||
// Boom活动等级配置-数据后台列表
|
||||
export const recordList = query => {
|
||||
return request({
|
||||
url: '/room/boom/award/record/list',
|
||||
method: 'get',
|
||||
params: query
|
||||
});
|
||||
};
|
||||
// Boom活动等级配置-数据后台明细列表
|
||||
export const detailList = query => {
|
||||
return request({
|
||||
url: '/room/boom/award/record/detail/list',
|
||||
method: 'get',
|
||||
params: query
|
||||
});
|
||||
};
|
||||
// 导出-Boom活动等级配置
|
||||
export const recordExport = query => {
|
||||
window.location.href = `/room/boom/award/record/export?${genQueryParam(query)}`;
|
||||
return;
|
||||
};
|
@@ -2,6 +2,15 @@ import request from '@/utils/request';
|
||||
import { genQueryParam } from '@/utils/maintainer';
|
||||
import qs from 'qs';
|
||||
|
||||
// 分区接口
|
||||
export const listPartitionInfo = query => {
|
||||
return request({
|
||||
url: '/partition/listPartitionInfo',
|
||||
method: 'get',
|
||||
params: query
|
||||
});
|
||||
};
|
||||
|
||||
// 奖池拉框
|
||||
export const listType = query => {
|
||||
return request({
|
||||
|
@@ -1,6 +1,15 @@
|
||||
import request from '@/utils/request';
|
||||
import { genQueryParam } from '@/utils/maintainer';
|
||||
|
||||
// 分区接口
|
||||
export const listPartitionInfo = query => {
|
||||
return request({
|
||||
url: '/partition/listPartitionInfo',
|
||||
method: 'get',
|
||||
params: query
|
||||
});
|
||||
};
|
||||
|
||||
// 邀请移除记录
|
||||
export const pageOperateRecord = query => {
|
||||
return request({
|
||||
@@ -251,4 +260,22 @@ export const removeMember = query => {
|
||||
method: 'post',
|
||||
params: query
|
||||
});
|
||||
};
|
||||
|
||||
// -审核列表
|
||||
export const guildApplyList = query => {
|
||||
return request({
|
||||
url: '/admin/guildApply/list',
|
||||
method: 'get',
|
||||
params: query
|
||||
});
|
||||
};
|
||||
|
||||
// -审核操作
|
||||
export const guildApplyAudit = query => {
|
||||
return request({
|
||||
url: '/admin/guildApply/audit',
|
||||
method: 'post',
|
||||
params: query
|
||||
});
|
||||
};
|
@@ -1,6 +1,15 @@
|
||||
import request from '@/utils/request';
|
||||
import { genQueryParam } from '@/utils/maintainer';
|
||||
|
||||
// 分区接口
|
||||
export const listPartitionInfo = query => {
|
||||
return request({
|
||||
url: '/partition/listPartitionInfo',
|
||||
method: 'get',
|
||||
params: query
|
||||
});
|
||||
};
|
||||
|
||||
// 邀请移除记录
|
||||
export const pageOperateRecord = query => {
|
||||
return request({
|
||||
|
@@ -0,0 +1,52 @@
|
||||
import request from '@/utils/request';
|
||||
import { genQueryParam } from '@/utils/maintainer';
|
||||
import qs from 'qs';
|
||||
|
||||
// 地区接口
|
||||
export const listPartitionInfo = query => {
|
||||
return request({
|
||||
url: '/partition/listPartitionInfo',
|
||||
method: 'get',
|
||||
params: query
|
||||
});
|
||||
};
|
||||
// 个人主页资源管理列表
|
||||
export const pesonalBackgroundListByPage = query => {
|
||||
return request({
|
||||
url: '/admin/pesonalBackground/listByPage',
|
||||
method: 'get',
|
||||
params: query
|
||||
});
|
||||
};
|
||||
// 个人主页资源管理赠送
|
||||
export const pesonalBackgroundListSend = query => {
|
||||
return request({
|
||||
url: '/admin/pesonalBackground/send',
|
||||
method: 'get',
|
||||
params: query
|
||||
});
|
||||
};
|
||||
// 个人主页资源管理保存
|
||||
export const pesonalBackgroundSaveOrUpdate = query => {
|
||||
return request({
|
||||
url: '/admin/pesonalBackground/saveOrUpdate',
|
||||
method: 'post',
|
||||
params: query
|
||||
});
|
||||
};
|
||||
// 个人主页记录管理&个人赠送记录
|
||||
export const pesonalBackgroundListRecordByPage = query => {
|
||||
return request({
|
||||
url: '/admin/pesonalBackground/listRecordByPage',
|
||||
method: 'get',
|
||||
params: query
|
||||
});
|
||||
};
|
||||
// 个人赠送记录撤回
|
||||
export const pesonalBackgroundListRecordRecoveryPersonalBackground = query => {
|
||||
return request({
|
||||
url: '/admin/pesonalBackground/recoveryPersonalBackground',
|
||||
method: 'get',
|
||||
params: query
|
||||
});
|
||||
};
|
48
src/api/refund/refund.js
Normal file
48
src/api/refund/refund.js
Normal file
@@ -0,0 +1,48 @@
|
||||
import request from '@/utils/request';
|
||||
import qs from 'qs';
|
||||
import { genQueryParam } from '@/utils/maintainer';
|
||||
// 活动配置 相关接口(一级菜单:活动配置)
|
||||
|
||||
// 分区接口
|
||||
export const listPartitionInfo = query => {
|
||||
return request({
|
||||
url: '/partition/listPartitionInfo',
|
||||
method: 'get',
|
||||
params: query
|
||||
});
|
||||
};
|
||||
// 国家
|
||||
export const regionInfoList = query => {
|
||||
return request({
|
||||
url: '/admin/regionInfo/list',
|
||||
method: 'get',
|
||||
params: query
|
||||
});
|
||||
};
|
||||
// 列表
|
||||
export const refundList = query => {
|
||||
return request({
|
||||
url: '/admin/chargeRecord/refundList',
|
||||
method: 'get',
|
||||
params: query
|
||||
});
|
||||
};
|
||||
// 导出
|
||||
export const refundExport = query => {
|
||||
window.location.href = `/admin/chargeRecord/refundExport?${genQueryParam(query)}`;
|
||||
return;
|
||||
};
|
||||
// ======================================金币钻石操作记录==================================
|
||||
// 列表
|
||||
export const goldcoinRecordAll = query => {
|
||||
return request({
|
||||
url: '/admin/goldcoin/recordAll',
|
||||
method: 'get',
|
||||
params: query
|
||||
});
|
||||
};
|
||||
// 导出
|
||||
export const recordAllExport = query => {
|
||||
window.location.href = `/admin/goldcoin/recordAllExport?${genQueryParam(query)}`;
|
||||
return;
|
||||
};
|
@@ -4,8 +4,23 @@ import qs from 'qs';
|
||||
import { genQueryParam } from '@/utils/maintainer';
|
||||
// 活动配置 相关接口(一级菜单:活动配置)
|
||||
|
||||
// 分区接口
|
||||
export const listPartitionInfo = query => {
|
||||
return request({
|
||||
url: '/partition/listPartitionInfo',
|
||||
method: 'get',
|
||||
params: query
|
||||
});
|
||||
};
|
||||
|
||||
// 充值代理列表导出
|
||||
export const chargeAgentExport = query => {
|
||||
window.location.href = `/anchorSalaryBill/chargeAgent/export?${genQueryParam(query)}`;
|
||||
return;
|
||||
};
|
||||
|
||||
// 获取 周期列表
|
||||
export const getDateCycleList = query => {
|
||||
export const getDateCycleList = query => {
|
||||
return request({
|
||||
url: '/anchorSalaryBill/dateCycle/list',
|
||||
method: 'get',
|
||||
|
13
src/main.js
13
src/main.js
@@ -60,6 +60,17 @@ const app = createApp(App)
|
||||
app.config.globalProperties.$copy = function (text) {
|
||||
copy(text, this);
|
||||
};
|
||||
|
||||
// 全局错误处理
|
||||
window.onerror = function (message, source, lineno, colno, error) {
|
||||
console.log(error)
|
||||
// 判断是否是 'insertBefore' 错误
|
||||
if (error instanceof TypeError && message.includes('insertBefore')) {
|
||||
console.error('捕获到 TypeError 错误:', error);
|
||||
window.location.reload();
|
||||
// 你可以在这里处理错误,比如记录日志或执行其他操作
|
||||
return true; // 阻止浏览器默认的错误处理
|
||||
}
|
||||
return false; // 默认处理其他类型的错误
|
||||
};
|
||||
app.config.warnHandler = () => null;
|
||||
app.use(store).use(router).use(components).use(VueClipboard).mount('#app')
|
||||
|
20
src/utils/partitionDesc.js
Normal file
20
src/utils/partitionDesc.js
Normal file
@@ -0,0 +1,20 @@
|
||||
const partitionInfoMap = {
|
||||
1: '英语区',
|
||||
2: '阿拉伯语区',
|
||||
4: '华语区',
|
||||
8: '土耳其区',
|
||||
}
|
||||
|
||||
export const partitionDesc = (val) => {
|
||||
return Object.keys(partitionInfoMap).filter(k=>{
|
||||
return(Number(val) & Number(k)) != 0
|
||||
}).map(k=>partitionInfoMap[k]).join(",");
|
||||
}
|
||||
|
||||
export const partitionIdArr = (val) => {
|
||||
var arr =[];
|
||||
Object.keys(partitionInfoMap).filter(k=>{
|
||||
return(Number(val) & Number(k)) != 0
|
||||
}).map(k=>arr.push(Number(k)));
|
||||
return arr
|
||||
}
|
@@ -5,7 +5,7 @@ import global from "@/constants/global";
|
||||
const service = axios.create();
|
||||
import { ElMessage } from 'element-plus'
|
||||
service.interceptors.request.use(config => {
|
||||
console.log('config', config);
|
||||
// console.log('config', config);
|
||||
return config;
|
||||
}, error => {
|
||||
Promise.reject(error);
|
||||
@@ -13,7 +13,7 @@ service.interceptors.request.use(config => {
|
||||
|
||||
service.interceptors.response.use(res => {
|
||||
userLogout(res.headers[global.NEED_LOGOUT.toLowerCase()]);
|
||||
console.log('res.data', res);
|
||||
// console.log('res.data', res);
|
||||
// if (res.data.code == 200) {
|
||||
// ElMessage({
|
||||
// message: "成功",
|
||||
|
@@ -121,6 +121,7 @@ export default {
|
||||
{ desc: "英语区", id: 1 },
|
||||
{ desc: "阿拉伯区", id: 2 },
|
||||
{ desc: "华语区", id: 4 },
|
||||
{ desc: "土耳其区", id: 8 },
|
||||
],
|
||||
},
|
||||
// 表格
|
||||
@@ -206,6 +207,9 @@ export default {
|
||||
} else if (val == 4) {
|
||||
this.eidDialogTitle = `编辑礼物面板信息-华语区`;
|
||||
this.eidText = `华语区`;
|
||||
}else if (val == 8) {
|
||||
this.eidDialogTitle = `编辑礼物面板信息-土耳其区`;
|
||||
this.eidText = `土耳其区`;
|
||||
}
|
||||
this.getData();
|
||||
},
|
||||
|
982
src/views/boom/levelSet.vue
Normal file
982
src/views/boom/levelSet.vue
Normal file
@@ -0,0 +1,982 @@
|
||||
<template>
|
||||
<div class="box">
|
||||
<!-- 查询 -->
|
||||
<div class="inquire">
|
||||
<span>分区</span>
|
||||
<el-select filterable v-model="inquire.partitionId" placeholder="请选择">
|
||||
<el-option
|
||||
v-for="item in inquire.options"
|
||||
:key="item.id"
|
||||
:label="item.desc"
|
||||
:value="item.id"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<el-button class="primary but" type="primary" @click="getData()"
|
||||
>查询</el-button
|
||||
>
|
||||
|
||||
<!-- 表格 -->
|
||||
<el-table
|
||||
v-loading="loading"
|
||||
:data="tableData"
|
||||
border
|
||||
style="width: 100%; margin-top: 25px"
|
||||
>
|
||||
<el-table-column prop="levelName" align="center" label="Boom等级" />
|
||||
<el-table-column prop="goldNum" align="center" label="金币任务数" />
|
||||
<el-table-column prop="countDownVapUrl" align="center" label="Boom等级图">
|
||||
<template v-slot="scope">
|
||||
<el-image
|
||||
style="width: 100px; height: 100px"
|
||||
:src="scope.row.pic"
|
||||
:zoom-rate="1.1"
|
||||
:preview-src-list="[scope.row.pic]"
|
||||
fit="contain"
|
||||
preview-teleported="true"
|
||||
hide-on-click-modal="true"
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="x" align="center" label="Boom倒计时">
|
||||
<template v-slot="scope">
|
||||
<video
|
||||
:key="scope.row.countDownVapUrl"
|
||||
width="320"
|
||||
height="240"
|
||||
controls="controls"
|
||||
>
|
||||
<source :src="scope.row.countDownVapUrl" type="video/mp4" /></video
|
||||
></template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="x" align="center" label="Boon"
|
||||
><template v-slot="scope">
|
||||
<video
|
||||
:key="scope.row.endVapUrl"
|
||||
width="320"
|
||||
height="240"
|
||||
controls="controls"
|
||||
>
|
||||
<source :src="scope.row.endVapUrl" type="video/mp4" /></video
|
||||
></template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" label="操作" width="300">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
@click="
|
||||
eidObj.level = scope.row.level;
|
||||
eidObj.goldNum = scope.row.goldNum;
|
||||
eidObj.imageUrl1 = scope.row.pic;
|
||||
eidObj.imageUrl2 = scope.row.countDownVapUrl;
|
||||
eidObj.imageUrl3 = scope.row.endVapUrl;
|
||||
id = scope.row.id;
|
||||
eidDialogBox = true;
|
||||
"
|
||||
type="text"
|
||||
size="default"
|
||||
>编辑</el-button
|
||||
>
|
||||
<el-button
|
||||
@click="
|
||||
member.level = scope.row.level;
|
||||
member.goldNum = scope.row.goldNum;
|
||||
seeList(scope.row);
|
||||
"
|
||||
type="text"
|
||||
size="default"
|
||||
>查看明细</el-button
|
||||
>
|
||||
<el-button
|
||||
@click="
|
||||
member.level = scope.row.level;
|
||||
member.goldNum = scope.row.goldNum;
|
||||
id = scope.row.level;
|
||||
eidList(scope.row);
|
||||
"
|
||||
type="text"
|
||||
size="default"
|
||||
>编辑明细</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!-- 等级奖励配置(查看) -->
|
||||
<el-dialog v-model="memberDialog" title="等级奖励配置(查看)" center>
|
||||
<div class="inquire">
|
||||
<span>Boom等级:{{ member.level }}</span>
|
||||
</div>
|
||||
<div class="inquire">
|
||||
<span>金币任务数量:{{ member.goldNum }}</span>
|
||||
</div>
|
||||
<!-- 内嵌表格 -->
|
||||
<el-table
|
||||
:data="member.tableData"
|
||||
border
|
||||
style="width: 100%; margin-top: 25px"
|
||||
>
|
||||
<el-table-column prop="seq" align="center" label="排序" />
|
||||
<el-table-column prop="x" align="center" label="奖品类型">
|
||||
<template v-slot="scope">
|
||||
{{
|
||||
scope.row.awardType == 8
|
||||
? "金币"
|
||||
: scope.row.awardType == 6
|
||||
? "礼物"
|
||||
: scope.row.awardType == 5
|
||||
? "座驾"
|
||||
: scope.row.awardType == 1
|
||||
? "头饰"
|
||||
: scope.row.awardType == 3
|
||||
? "气泡"
|
||||
: scope.row.awardType == 10
|
||||
? "VIP"
|
||||
: scope.row.awardType == 11
|
||||
? "勋章"
|
||||
: "铭牌"
|
||||
}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="awardNum" align="center" label="奖品天数" />
|
||||
<el-table-column prop="type" align="center" label="用户身份">
|
||||
<template v-slot="scope">
|
||||
{{ scope.row.type == 1 ? "固定身份" : "随机身份" }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="awardId"
|
||||
align="center"
|
||||
label="奖品ID/VIP等级1"
|
||||
/>
|
||||
<el-table-column prop="isShow" align="center" label="是否展示">
|
||||
<template v-slot="scope">
|
||||
{{ scope.row.isShow == 1 ? "是" : "否" }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="awardStock" align="center" label="奖品库存" />
|
||||
<el-table-column prop="awardPic" align="center" label="奖励图片">
|
||||
<template v-slot="scope">
|
||||
<el-image
|
||||
style="width: 100px; height: 100px"
|
||||
:src="scope.row.awardPic"
|
||||
:zoom-rate="1.1"
|
||||
:preview-src-list="[scope.row.awardPic]"
|
||||
fit="contain"
|
||||
preview-teleported="true"
|
||||
hide-on-click-modal="true"
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
<el-button type="primary" @click="memberDialog = false">
|
||||
关闭
|
||||
</el-button>
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
<!-- 等级奖励配置(编辑) -->
|
||||
<el-dialog v-model="eidDialog" title="等级奖励配置(编辑)" center>
|
||||
<div class="inquire">
|
||||
<span>Boom等级:{{ member.level }}</span>
|
||||
</div>
|
||||
<div class="inquire">
|
||||
<span>金币任务数量:{{ member.goldNum }}</span>
|
||||
</div>
|
||||
<!-- 内嵌表格 -->
|
||||
<el-table
|
||||
:data="eid.tableData"
|
||||
border
|
||||
style="width: 100%; margin-top: 25px"
|
||||
>
|
||||
<el-table-column prop="seq" align="center" label="排序" />
|
||||
<el-table-column prop="x" align="center" label="奖品类型">
|
||||
<template v-slot="scope">
|
||||
{{
|
||||
scope.row.awardType == 8
|
||||
? "金币"
|
||||
: scope.row.awardType == 6
|
||||
? "礼物"
|
||||
: scope.row.awardType == 5
|
||||
? "座驾"
|
||||
: scope.row.awardType == 1
|
||||
? "头饰"
|
||||
: scope.row.awardType == 3
|
||||
? "气泡"
|
||||
: scope.row.awardType == 10
|
||||
? "VIP"
|
||||
: scope.row.awardType == 11
|
||||
? "勋章"
|
||||
: "铭牌"
|
||||
}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="awardNum" align="center" label="奖品天数" />
|
||||
<el-table-column prop="type" align="center" label="用户身份">
|
||||
<template v-slot="scope">
|
||||
{{ scope.row.type == 1 ? "固定身份" : "随机身份" }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="awardId" align="center" label="奖品ID/VIP等级" />
|
||||
<el-table-column prop="awardPic" align="center" label="奖励图片">
|
||||
<template v-slot="scope">
|
||||
<el-image
|
||||
style="width: 100px; height: 100px"
|
||||
:src="scope.row.awardPic"
|
||||
:zoom-rate="1.1"
|
||||
:preview-src-list="[scope.row.awardPic]"
|
||||
fit="contain"
|
||||
preview-teleported="true"
|
||||
hide-on-click-modal="true"
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="isShow" align="center" label="是否展示">
|
||||
<template v-slot="scope">
|
||||
{{ scope.row.isShow == 1 ? "是" : "否" }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="awardStock" align="center" label="奖品库存" />
|
||||
<el-table-column prop="x" align="center" label="操作">
|
||||
<template v-slot="scope">
|
||||
<el-button @click="editFun(scope.row)" type="text" size="default"
|
||||
>编辑</el-button
|
||||
>
|
||||
<el-button @click="delFun(scope.row)" type="text" size="default"
|
||||
>删除</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
<el-button type="primary" @click="addDialog = true">
|
||||
增加一条
|
||||
</el-button>
|
||||
<el-button type="primary" @click="eidDialog = false">
|
||||
关闭
|
||||
</el-button>
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
<!-- 增加一条弹窗 -->
|
||||
<el-dialog
|
||||
v-model="addDialog"
|
||||
title="等级奖励配置(新增)"
|
||||
class="addBox"
|
||||
center
|
||||
width="26%"
|
||||
>
|
||||
<div class="inquire">
|
||||
<span>奖品类型:</span>
|
||||
<el-select filterable v-model="addObj.giftVal" placeholder="请选择">
|
||||
<el-option
|
||||
v-for="item in addObj.giftType"
|
||||
:key="item.id"
|
||||
:label="item.desc"
|
||||
:value="item.value"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="inquire">
|
||||
<span>用户身份:</span>
|
||||
<el-select filterable v-model="addObj.type" placeholder="请选择">
|
||||
<el-option
|
||||
v-for="item in addObj.typeArr"
|
||||
:key="item.id"
|
||||
:label="item.desc"
|
||||
:value="item.value"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="inquire">
|
||||
<span>奖品ID/VIP等级:</span>
|
||||
<el-input
|
||||
v-model="addObj.giftId"
|
||||
placeholder=""
|
||||
class="input"
|
||||
></el-input>
|
||||
</div>
|
||||
<div class="inquire">
|
||||
<span>奖励数量/天数:</span>
|
||||
<el-input
|
||||
v-model="addObj.giftNum"
|
||||
placeholder=""
|
||||
class="input"
|
||||
></el-input>
|
||||
</div>
|
||||
<div class="inquire">
|
||||
<span>库存:</span>
|
||||
<el-input
|
||||
v-model="addObj.awardStock"
|
||||
placeholder=""
|
||||
class="input"
|
||||
></el-input>
|
||||
</div>
|
||||
<div class="inquire">
|
||||
<span>顺序:</span>
|
||||
<el-input v-model="addObj.sNo" placeholder="" class="input"></el-input>
|
||||
</div>
|
||||
<div class="inquire">
|
||||
<span>是否展示:</span>
|
||||
<el-select filterable v-model="addObj.showVal" placeholder="请选择">
|
||||
<el-option
|
||||
v-for="item in addObj.show"
|
||||
:key="item.id"
|
||||
:label="item.desc"
|
||||
:value="item.value"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="inquire">
|
||||
<span>奖励图片:</span>
|
||||
<el-upload
|
||||
class="avatar-uploader"
|
||||
action="/admin/tencent/cos/upload/file"
|
||||
:show-file-list="false"
|
||||
:on-success="handleAvatarSuccess4"
|
||||
:before-upload="beforeAvatarUpload"
|
||||
:on-error="handleAvatarError"
|
||||
>
|
||||
<img v-if="addObj.imageUrl" :src="addObj.imageUrl" class="avatar" />
|
||||
<el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon>
|
||||
</el-upload>
|
||||
</div>
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
<el-button type="primary" @click="addFun()"> 保存 </el-button>
|
||||
<el-button type="primary" @click="addDialog = false">
|
||||
取消
|
||||
</el-button>
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
<!-- 编辑弹窗 -->
|
||||
<el-dialog
|
||||
v-model="editDialog"
|
||||
title="等级奖励配置(编辑)"
|
||||
class="addBox"
|
||||
center
|
||||
width="26%"
|
||||
>
|
||||
<div class="inquire">
|
||||
<span>奖品类型:</span>
|
||||
<el-select filterable v-model="editObj.giftVal" placeholder="请选择">
|
||||
<el-option
|
||||
v-for="item in editObj.giftType"
|
||||
:key="item.id"
|
||||
:label="item.desc"
|
||||
:value="item.value"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="inquire">
|
||||
<span>用户身份:</span>
|
||||
<el-select filterable v-model="editObj.type" placeholder="请选择">
|
||||
<el-option
|
||||
v-for="item in editObj.typeArr"
|
||||
:key="item.id"
|
||||
:label="item.desc"
|
||||
:value="item.value"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="inquire">
|
||||
<span>奖品ID/VIP等级:</span>
|
||||
<el-input
|
||||
v-model="editObj.giftId"
|
||||
placeholder=""
|
||||
class="input"
|
||||
></el-input>
|
||||
</div>
|
||||
<div class="inquire">
|
||||
<span>奖励数量/天数:</span>
|
||||
<el-input
|
||||
v-model="editObj.giftNum"
|
||||
placeholder=""
|
||||
class="input"
|
||||
></el-input>
|
||||
</div>
|
||||
<div class="inquire">
|
||||
<span>库存:</span>
|
||||
<el-input
|
||||
v-model="editObj.awardStock"
|
||||
placeholder=""
|
||||
class="input"
|
||||
></el-input>
|
||||
</div>
|
||||
<div class="inquire">
|
||||
<span>顺序:</span>
|
||||
<el-input v-model="editObj.sNo" placeholder="" class="input"></el-input>
|
||||
</div>
|
||||
<div class="inquire">
|
||||
<span>是否展示:</span>
|
||||
<el-select filterable v-model="editObj.showVal" placeholder="请选择">
|
||||
<el-option
|
||||
v-for="item in editObj.show"
|
||||
:key="item.id"
|
||||
:label="item.desc"
|
||||
:value="item.value"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="inquire">
|
||||
<span>奖励图片:</span>
|
||||
<el-upload
|
||||
class="avatar-uploader"
|
||||
action="/admin/tencent/cos/upload/file"
|
||||
:show-file-list="false"
|
||||
:on-success="handleAvatarSuccess5"
|
||||
:before-upload="beforeAvatarUpload"
|
||||
:on-error="handleAvatarError"
|
||||
>
|
||||
<img v-if="editObj.imageUrl" :src="editObj.imageUrl" class="avatar" />
|
||||
<el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon>
|
||||
</el-upload>
|
||||
</div>
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
<el-button type="primary" @click="editSaveFun()"> 保存 </el-button>
|
||||
<el-button type="primary" @click="editDialog = false">
|
||||
取消
|
||||
</el-button>
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
<!-- 编辑弹窗 -->
|
||||
<el-dialog
|
||||
v-model="eidDialogBox"
|
||||
title="编辑"
|
||||
class="addBox"
|
||||
center
|
||||
width="26%"
|
||||
>
|
||||
<div class="inquire">
|
||||
<span>BOOM等级:</span>
|
||||
<el-input
|
||||
v-model="eidObj.level"
|
||||
placeholder=""
|
||||
class="input"
|
||||
disabled
|
||||
></el-input>
|
||||
</div>
|
||||
<div class="inquire">
|
||||
<span>金币任务数:</span>
|
||||
<el-input
|
||||
v-model="eidObj.goldNum"
|
||||
placeholder=""
|
||||
class="input"
|
||||
></el-input>
|
||||
</div>
|
||||
<div class="inquire">
|
||||
<span style="float: left">等级图:</span>
|
||||
<el-upload
|
||||
style="float: left"
|
||||
class="avatar-uploader input"
|
||||
action="/admin/tencent/cos/upload/file"
|
||||
:show-file-list="false"
|
||||
:on-success="handleAvatarSuccess1"
|
||||
:before-upload="beforeAvatarUpload"
|
||||
:on-error="handleAvatarError"
|
||||
>
|
||||
<img v-if="eidObj.imageUrl1" :src="eidObj.imageUrl1" class="avatar" />
|
||||
<el-icon v-else class="avatar-uploader-icon">
|
||||
<Plus />
|
||||
</el-icon>
|
||||
</el-upload>
|
||||
</div>
|
||||
<div class="inquire">
|
||||
<span style="float: left">倒计时:</span>
|
||||
<el-upload
|
||||
style="float: left; width: 200px; height: 150px"
|
||||
class="avatar-uploader input"
|
||||
action="/admin/tencent/cos/upload/file"
|
||||
:show-file-list="false"
|
||||
:on-success="handleAvatarSuccess2"
|
||||
:before-upload="beforeAvatarUpload"
|
||||
:on-error="handleAvatarError"
|
||||
>
|
||||
<video
|
||||
v-if="eidObj.imageUrl2"
|
||||
:key="eidObj.imageUrl2"
|
||||
autoplay
|
||||
width="320"
|
||||
height="240"
|
||||
controls="controls"
|
||||
>
|
||||
<source :src="eidObj.imageUrl2" type="video/mp4" />
|
||||
</video>
|
||||
</el-upload>
|
||||
</div>
|
||||
<div class="inquire">
|
||||
<span style="float: left">Boom:</span>
|
||||
<el-upload
|
||||
style="float: left; width: 200px; height: 150px"
|
||||
class="avatar-uploader input"
|
||||
action="/admin/tencent/cos/upload/file"
|
||||
:show-file-list="false"
|
||||
:on-success="handleAvatarSuccess3"
|
||||
:before-upload="beforeAvatarUpload"
|
||||
:on-error="handleAvatarError"
|
||||
>
|
||||
<video
|
||||
v-if="eidObj.imageUrl3"
|
||||
:key="eidObj.imageUrl3"
|
||||
autoplay
|
||||
width="320"
|
||||
height="240"
|
||||
controls="controls"
|
||||
>
|
||||
<source :src="eidObj.imageUrl3" type="video/mp4" />
|
||||
</video>
|
||||
</el-upload>
|
||||
</div>
|
||||
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
<el-button type="primary" @click="levelUpdateFun()"> 保存 </el-button>
|
||||
<el-button type="primary" @click="eidDialogBox = false">
|
||||
取消
|
||||
</el-button>
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import {
|
||||
listPartitionInfo,
|
||||
levelList,
|
||||
levelUpdate,
|
||||
awardList,
|
||||
awardUpdate,
|
||||
awardDel,
|
||||
} from "@/api/boom/boom";
|
||||
// @ts-ignore
|
||||
import { dateFormat } from "@/utils/system-helper";
|
||||
// @ts-ignore
|
||||
import { ElMessage } from "element-plus";
|
||||
export default {
|
||||
name: "levelSet",
|
||||
data() {
|
||||
return {
|
||||
id: "",
|
||||
loading: false,
|
||||
//查询所需条件对象
|
||||
inquire: {
|
||||
partitionId: 2,
|
||||
options: [],
|
||||
},
|
||||
// 表格
|
||||
tableData: [],
|
||||
// 内嵌表格查看
|
||||
memberDialog: false,
|
||||
member: {
|
||||
level: "",
|
||||
goldNum: "",
|
||||
tableData: [],
|
||||
},
|
||||
// 内嵌表格编辑
|
||||
eidDialog: false,
|
||||
eid: {
|
||||
tableData: [],
|
||||
},
|
||||
// 编辑弹窗
|
||||
editDialog: false,
|
||||
editObj: {
|
||||
imageUrl: "",
|
||||
giftVal: 8,
|
||||
giftType: [
|
||||
{ desc: "金币", value: 8 },
|
||||
{ desc: "礼物", value: 6 },
|
||||
{ desc: "座驾", value: 5 },
|
||||
{ desc: "头饰", value: 1 },
|
||||
{ desc: "气泡", value: 3 },
|
||||
{ desc: "VIP", value: 10 },
|
||||
{ desc: "勋章", value: 11 },
|
||||
{ desc: "铭牌", value: 2 },
|
||||
],
|
||||
type: "",
|
||||
typeArr: [
|
||||
{ desc: "固定身份", value: 1 },
|
||||
{ desc: "随机身份", value: 2 },
|
||||
],
|
||||
giftId: "",
|
||||
giftNum: "",
|
||||
awardStock: "",
|
||||
sNo: "",
|
||||
showVal: "",
|
||||
id: "",
|
||||
show: [
|
||||
{ desc: "是", value: 1 },
|
||||
{ desc: "否", value: 0 },
|
||||
],
|
||||
},
|
||||
// 新增弹窗
|
||||
addDialog: false,
|
||||
addObj: {
|
||||
imageUrl: "",
|
||||
giftVal: 8,
|
||||
giftType: [
|
||||
{ desc: "金币", value: 8 },
|
||||
{ desc: "礼物", value: 6 },
|
||||
{ desc: "座驾", value: 5 },
|
||||
{ desc: "头饰", value: 1 },
|
||||
{ desc: "气泡", value: 3 },
|
||||
{ desc: "VIP", value: 10 },
|
||||
{ desc: "勋章", value: 11 },
|
||||
{ desc: "铭牌", value: 2 },
|
||||
],
|
||||
type: "",
|
||||
typeArr: [
|
||||
{ desc: "固定身份", value: 1 },
|
||||
{ desc: "随机身份", value: 2 },
|
||||
],
|
||||
giftId: "",
|
||||
giftNum: "",
|
||||
awardStock: "",
|
||||
sNo: "",
|
||||
showVal: "",
|
||||
show: [
|
||||
{ desc: "是", value: 1 },
|
||||
{ desc: "否", value: 0 },
|
||||
],
|
||||
},
|
||||
//编辑
|
||||
eidDialogBox: false,
|
||||
eidObj: {
|
||||
level: "",
|
||||
goldNum: "",
|
||||
imageUrl1: "",
|
||||
imageUrl2: "",
|
||||
imageUrl3: "",
|
||||
},
|
||||
// 分页
|
||||
total: 0, //总页数
|
||||
currentPage: 1, //页码
|
||||
pageSize: 5, //条数
|
||||
};
|
||||
},
|
||||
created() {
|
||||
listPartitionInfo().then((res) => {
|
||||
this.inquire.options = res.data;
|
||||
this.inquire.partitionId = res.data[0].id;
|
||||
this.getData();
|
||||
});
|
||||
},
|
||||
methods: {
|
||||
// 查询接口
|
||||
getData() {
|
||||
this.loading = true;
|
||||
levelList({
|
||||
partitionId: this.inquire.partitionId,
|
||||
}).then((res) => {
|
||||
if (res.code == 200) {
|
||||
// this.total = res.data.total;
|
||||
// this.tableData = res.data.records;
|
||||
this.tableData = res.data;
|
||||
this.loading = false;
|
||||
} else {
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: res.message,
|
||||
type: "error",
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
// 编辑弹窗
|
||||
editFun(val) {
|
||||
this.editObj.giftVal = val.awardType;
|
||||
this.editObj.giftNum = val.awardNum;
|
||||
this.editObj.giftId = val.awardId;
|
||||
this.editObj.awardStock = val.awardStock;
|
||||
this.editObj.sNo = val.seq;
|
||||
this.editObj.showVal = val.isShow;
|
||||
this.editObj.type = val.type;
|
||||
this.editObj.imageUrl = val.awardPic;
|
||||
this.editObj.id = val.id;
|
||||
this.editDialog = true;
|
||||
},
|
||||
// 确认编辑弹窗
|
||||
editSaveFun() {
|
||||
var level = this.id;
|
||||
var obj = {
|
||||
awardType: this.editObj.giftVal,
|
||||
awardNum: this.editObj.giftNum,
|
||||
awardId: this.editObj.giftId,
|
||||
awardStock: this.editObj.awardStock,
|
||||
seq: this.editObj.sNo,
|
||||
isShow: this.editObj.showVal,
|
||||
type: this.editObj.type,
|
||||
awardPic: this.editObj.imageUrl,
|
||||
id: this.editObj.id,
|
||||
partitionId: this.inquire.partitionId,
|
||||
level,
|
||||
};
|
||||
awardUpdate(obj).then((res) => {
|
||||
if (res.code == 200) {
|
||||
this.editDialog = false;
|
||||
awardList({
|
||||
level,
|
||||
partitionId: this.inquire.partitionId,
|
||||
}).then((res) => {
|
||||
this.eid.tableData = res.data;
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: "成功",
|
||||
type: "success",
|
||||
});
|
||||
});
|
||||
} else {
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: res.message,
|
||||
type: "error",
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
// 新增
|
||||
addFun() {
|
||||
var level = this.id;
|
||||
var obj = {
|
||||
awardType: this.addObj.giftVal,
|
||||
awardNum: this.addObj.giftNum,
|
||||
awardId: this.addObj.giftId,
|
||||
awardStock: this.addObj.awardStock,
|
||||
seq: this.addObj.sNo,
|
||||
isShow: this.addObj.showVal,
|
||||
type: this.addObj.type,
|
||||
awardPic: this.addObj.imageUrl,
|
||||
partitionId: this.inquire.partitionId,
|
||||
level,
|
||||
};
|
||||
awardUpdate(obj).then((res) => {
|
||||
if (res.code == 200) {
|
||||
this.addDialog = false;
|
||||
awardList({
|
||||
level,
|
||||
partitionId: this.inquire.partitionId,
|
||||
}).then((res) => {
|
||||
this.eid.tableData = res.data;
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: "成功",
|
||||
type: "success",
|
||||
});
|
||||
});
|
||||
} else {
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: res.message,
|
||||
type: "error",
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
// 删除
|
||||
delFun(val) {
|
||||
var level = this.id;
|
||||
awardDel({
|
||||
id: val.id,
|
||||
}).then((res) => {
|
||||
if (res.code == 200) {
|
||||
awardList({
|
||||
level,
|
||||
partitionId: this.inquire.partitionId,
|
||||
}).then((res) => {
|
||||
this.eid.tableData = res.data;
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: "成功",
|
||||
type: "success",
|
||||
});
|
||||
});
|
||||
} else {
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: res.message,
|
||||
type: "error",
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
// 查看明细
|
||||
seeList(val) {
|
||||
awardList({
|
||||
level: val.level,
|
||||
partitionId: this.inquire.partitionId,
|
||||
}).then((res) => {
|
||||
this.memberDialog = true;
|
||||
this.member.tableData = res.data;
|
||||
});
|
||||
},
|
||||
eidList(val) {
|
||||
awardList({
|
||||
level: val.level,
|
||||
partitionId: this.inquire.partitionId,
|
||||
}).then((res) => {
|
||||
this.eidDialog = true;
|
||||
this.eid.tableData = res.data;
|
||||
});
|
||||
},
|
||||
// 编辑列表
|
||||
levelUpdateFun() {
|
||||
var obj = {
|
||||
id: this.id,
|
||||
level: this.eidObj.level,
|
||||
goldNum: this.eidObj.goldNum,
|
||||
pic: this.eidObj.imageUrl1,
|
||||
countDownVapUrl: this.eidObj.imageUrl2,
|
||||
endVapUrl: this.eidObj.imageUrl3,
|
||||
partition: this.inquire.partitionId,
|
||||
};
|
||||
levelUpdate(obj).then((res) => {
|
||||
if (res.code == 200) {
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: "编辑成功!",
|
||||
type: "success",
|
||||
});
|
||||
this.eidDialogBox = false;
|
||||
this.getData();
|
||||
} else {
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: res.success,
|
||||
type: "error",
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
beforeAvatarUpload() {
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: "上传中,可能较慢,请等待上穿成功的提示在操作下一步~",
|
||||
type: "warning",
|
||||
});
|
||||
},
|
||||
handleAvatarError() {
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: "上传失败!",
|
||||
type: "error",
|
||||
});
|
||||
},
|
||||
handleAvatarSuccess1(res, file) {
|
||||
console.log(file);
|
||||
// this.ediObj.imageUrl = URL.createObjectURL();
|
||||
this.eidObj.imageUrl1 = res.data;
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: "上传成功!",
|
||||
type: "success",
|
||||
});
|
||||
},
|
||||
handleAvatarSuccess2(res, file) {
|
||||
console.log(file);
|
||||
// this.ediObj.imageUrl = URL.createObjectURL();
|
||||
this.eidObj.imageUrl2 = res.data;
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: "上传成功!",
|
||||
type: "success",
|
||||
});
|
||||
},
|
||||
handleAvatarSuccess3(res, file) {
|
||||
console.log(file);
|
||||
// this.ediObj.imageUrl = URL.createObjectURL();
|
||||
this.eidObj.imageUrl3 = res.data;
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: "上传成功!",
|
||||
type: "success",
|
||||
});
|
||||
},
|
||||
handleAvatarSuccess4(res, file) {
|
||||
console.log(file);
|
||||
// this.ediObj.imageUrl = URL.createObjectURL();
|
||||
this.addObj.imageUrl = res.data;
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: "上传成功!",
|
||||
type: "success",
|
||||
});
|
||||
},
|
||||
handleAvatarSuccess5(res, file) {
|
||||
console.log(file);
|
||||
// this.ediObj.imageUrl = URL.createObjectURL();
|
||||
this.editObj.imageUrl = res.data;
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: "上传成功!",
|
||||
type: "success",
|
||||
});
|
||||
},
|
||||
// 分页导航
|
||||
handleSizeChange() {
|
||||
this.getData();
|
||||
},
|
||||
handleCurrentChange() {
|
||||
this.getData();
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style lang="less" scoped>
|
||||
.box {
|
||||
padding-top: 20px;
|
||||
background: #ecf0f5;
|
||||
.inquire {
|
||||
display: inline-block;
|
||||
margin-right: 20px;
|
||||
margin-bottom: 20px;
|
||||
span {
|
||||
margin-right: 10px;
|
||||
}
|
||||
.input {
|
||||
width: 180px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
.dialogTableVisibleBut {
|
||||
display: block;
|
||||
margin: 30px 0 0 830px;
|
||||
}
|
||||
.paginationClass {
|
||||
margin: 15px 0 5px 0px;
|
||||
}
|
||||
}
|
||||
.selectBox {
|
||||
display: flex;
|
||||
height: 35px;
|
||||
line-height: 35px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.selectBoxImg {
|
||||
height: 150px;
|
||||
}
|
||||
.addBox {
|
||||
.el-dialog__body {
|
||||
.inquire {
|
||||
span {
|
||||
margin-right: 10px;
|
||||
width: 113px;
|
||||
display: inline-block;
|
||||
}
|
||||
.input {
|
||||
width: 180px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
414
src/views/boom/recordData.vue
Normal file
414
src/views/boom/recordData.vue
Normal file
@@ -0,0 +1,414 @@
|
||||
<template>
|
||||
<div class="box">
|
||||
<!-- 查询 -->
|
||||
<div class="inquire">
|
||||
<span>分区</span>
|
||||
<el-select filterable v-model="inquire.partitionId" placeholder="请选择">
|
||||
<el-option
|
||||
v-for="item in inquire.options"
|
||||
:key="item.id"
|
||||
:label="item.desc"
|
||||
:value="item.id"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="inquire">
|
||||
<span>房间ID:</span>
|
||||
<el-input
|
||||
v-model="inquire.roomId"
|
||||
placeholder=""
|
||||
class="input"
|
||||
></el-input>
|
||||
</div>
|
||||
<div class="inquire">
|
||||
<span>BOOM等级:</span>
|
||||
<el-input
|
||||
v-model="inquire.boomLevel"
|
||||
placeholder=""
|
||||
class="input"
|
||||
></el-input>
|
||||
</div>
|
||||
<div class="inquire">
|
||||
<span>触发者ID:</span>
|
||||
<el-input
|
||||
v-model="inquire.triggererId"
|
||||
placeholder=""
|
||||
class="input"
|
||||
></el-input>
|
||||
</div>
|
||||
<div class="inquire">
|
||||
<div class="block">
|
||||
<span class="demonstration">开始时间</span>
|
||||
<el-date-picker
|
||||
v-model="inquire.time[0]"
|
||||
type="datetime"
|
||||
placeholder="开始时间"
|
||||
>
|
||||
</el-date-picker>
|
||||
</div>
|
||||
</div>
|
||||
<div class="inquire">
|
||||
<div class="block">
|
||||
<span class="demonstration">结束时间</span>
|
||||
<el-date-picker
|
||||
v-model="inquire.time[1]"
|
||||
type="datetime"
|
||||
placeholder="结束时间"
|
||||
>
|
||||
</el-date-picker>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 查询按钮 -->
|
||||
<el-button class="primary but" type="primary" @click="getData()"
|
||||
>查询</el-button
|
||||
>
|
||||
<el-button
|
||||
class="primary"
|
||||
type="primary"
|
||||
@click="
|
||||
inquire.partitionId = inquire.options[0].id;
|
||||
inquire.roomId = '';
|
||||
inquire.boomLevel = '';
|
||||
inquire.triggererId = '';
|
||||
inquire.time = [];
|
||||
getData();
|
||||
"
|
||||
>重置查询</el-button
|
||||
>
|
||||
<el-button
|
||||
class="primary"
|
||||
type="primary"
|
||||
@click="diamondStatisticsExportFun()"
|
||||
>导出</el-button
|
||||
>
|
||||
|
||||
<!-- 表格 -->
|
||||
<el-table
|
||||
v-loading="loading"
|
||||
:data="tableData"
|
||||
border
|
||||
style="width: 100%; margin-top: 25px"
|
||||
>
|
||||
<el-table-column prop="cycleDate" align="center" label="日期" />
|
||||
<el-table-column prop="roomErbanNo" align="center" label="房间ID" />
|
||||
<el-table-column prop="level" align="center" label="Boom等级" />
|
||||
<el-table-column prop="erbanNo" align="center" label="触发者ID" />
|
||||
<el-table-column prop="drawTime" align="center" label="触发时间" />
|
||||
<el-table-column prop="num" align="center" label="参与用户数" />
|
||||
<el-table-column prop="awardNum" align="center" label="发放奖励数" />
|
||||
<el-table-column prop="ownerGold" align="center" label="获得金币数" />
|
||||
<el-table-column align="center" label="操作" width="300">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
@click="
|
||||
memberVal = scope.row;
|
||||
detailListFun();
|
||||
"
|
||||
type="text"
|
||||
size="default"
|
||||
>贡献及获奖明细</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!-- 分页 -->
|
||||
<el-pagination
|
||||
style="margin-top: 10px"
|
||||
class="paginationClass"
|
||||
v-model:current-page="currentPage"
|
||||
v-model:page-size="pageSize"
|
||||
:page-sizes="[10, 20, 30, 40, 50, 100, 200, 300, 400, 500, 999999999]"
|
||||
layout="sizes, prev, pager, next"
|
||||
:total="total"
|
||||
@size-change="handleSizeChange"
|
||||
@current-change="handleCurrentChange"
|
||||
/>
|
||||
<!-- 贡献或获奖明细 -->
|
||||
<el-dialog
|
||||
v-loading="loading2"
|
||||
v-model="memberDialog"
|
||||
title="贡献或获奖明细"
|
||||
center
|
||||
>
|
||||
<!-- 内嵌表格 -->
|
||||
<el-table
|
||||
:data="member.tableData"
|
||||
border
|
||||
style="width: 100%; margin-top: 25px"
|
||||
>
|
||||
<el-table-column prop="roleType" align="center" label="角色">
|
||||
<template v-slot="scope">
|
||||
{{
|
||||
scope.row.roleType == 1
|
||||
? "房主"
|
||||
: scope.row.roleType == 2
|
||||
? "贡献榜1"
|
||||
: scope.row.roleType == 3
|
||||
? "贡献榜2"
|
||||
: scope.row.roleType == 4
|
||||
? "贡献榜3"
|
||||
: scope.row.roleType == 5
|
||||
? "boom触发者"
|
||||
: scope.row.roleType == 6
|
||||
? "房内普通用户"
|
||||
: ""
|
||||
}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="erbanNo" align="center" label="用户ID" />
|
||||
<el-table-column prop="nick" align="center" label="用户昵称" />
|
||||
<el-table-column prop="exper" align="center" label="贡献值" />
|
||||
<el-table-column prop="level" align="center" label="Boom等级" />
|
||||
<el-table-column prop="awardType" align="center" label="奖品类型">
|
||||
<template v-slot="scope">
|
||||
{{
|
||||
scope.row.awardType == 8
|
||||
? "金币"
|
||||
: scope.row.awardType == 6
|
||||
? "礼物"
|
||||
: scope.row.awardType == 5
|
||||
? "座驾"
|
||||
: scope.row.awardType == 1
|
||||
? "头饰"
|
||||
: scope.row.awardType == 3
|
||||
? "气泡"
|
||||
: scope.row.awardType == 10
|
||||
? "VIP"
|
||||
: scope.row.awardType == 11
|
||||
? "勋章"
|
||||
: "铭牌"
|
||||
}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="awardName" align="center" label="获得奖励" />
|
||||
<el-table-column prop="awardNum" align="center" label="获得奖励数" />
|
||||
<el-table-column
|
||||
prop="createTime"
|
||||
align="center"
|
||||
label="奖励发放时间"
|
||||
/>
|
||||
</el-table>
|
||||
<!-- 分页 -->
|
||||
<el-pagination
|
||||
style="margin-top: 10px"
|
||||
class="paginationClass"
|
||||
v-model:current-page="currentPage2"
|
||||
v-model:page-size="pageSize2"
|
||||
:page-sizes="[10, 20, 30, 40, 50, 100, 200, 300, 400, 500, 999999999]"
|
||||
layout="sizes, prev, pager, next"
|
||||
:total="total2"
|
||||
@size-change="handleSizeChange2"
|
||||
@current-change="handleCurrentChange2"
|
||||
/>
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
<el-button type="primary" @click="memberDialog = false">
|
||||
关闭
|
||||
</el-button>
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import {
|
||||
listPartitionInfo,
|
||||
recordList,
|
||||
detailList,
|
||||
recordExport,
|
||||
} from "@/api/boom/boom";
|
||||
// @ts-ignore
|
||||
import { dateFormat } from "@/utils/system-helper";
|
||||
// @ts-ignore
|
||||
import { ElMessage } from "element-plus";
|
||||
export default {
|
||||
name: "recordData",
|
||||
data() {
|
||||
return {
|
||||
loading: false,
|
||||
loading2: false,
|
||||
//查询所需条件对象
|
||||
inquire: {
|
||||
partitionId: 2,
|
||||
options: [],
|
||||
roomId: "",
|
||||
boomLevel: "",
|
||||
triggererId: "",
|
||||
time: [],
|
||||
},
|
||||
// 表格
|
||||
tableData: [],
|
||||
// 内嵌表格
|
||||
memberDialog: false,
|
||||
memberVal: null,
|
||||
member: {
|
||||
tableData: [],
|
||||
},
|
||||
// 新增弹窗
|
||||
addDialog: false,
|
||||
// 分页
|
||||
total: 0, //总页数
|
||||
currentPage: 1, //页码
|
||||
pageSize: 10, //条数
|
||||
// 分页
|
||||
total2: 0, //总页数
|
||||
currentPage2: 1, //页码
|
||||
pageSize2: 10, //条数
|
||||
};
|
||||
},
|
||||
created() {
|
||||
listPartitionInfo().then((res) => {
|
||||
this.inquire.options = res.data;
|
||||
this.inquire.partitionId = res.data[0].id;
|
||||
this.getData();
|
||||
});
|
||||
},
|
||||
methods: {
|
||||
// 查询接口
|
||||
getData() {
|
||||
this.loading = true;
|
||||
let time = this.inquire.time;
|
||||
let startTime = null;
|
||||
let endTime = null;
|
||||
if (time.length > 0) {
|
||||
startTime = this.inquire.time[0]
|
||||
? dateFormat(this.inquire.time[0], "yyyy-MM-dd hh:mm:ss")
|
||||
: null;
|
||||
endTime = this.inquire.time[1]
|
||||
? dateFormat(this.inquire.time[1], "yyyy-MM-dd hh:mm:ss")
|
||||
: null;
|
||||
}
|
||||
recordList({
|
||||
partitionId: this.inquire.partitionId,
|
||||
erbanNo: this.inquire.triggererId,
|
||||
level: this.inquire.boomLevel,
|
||||
roomErbanNo: this.inquire.roomId,
|
||||
startTime: startTime,
|
||||
endTime: endTime,
|
||||
pageNo: this.currentPage,
|
||||
pageSize: this.pageSize,
|
||||
}).then((res) => {
|
||||
if (res.code == 200) {
|
||||
this.total = res.data.total;
|
||||
this.tableData = res.data.records;
|
||||
this.loading = false;
|
||||
} else {
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: res.message,
|
||||
type: "error",
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
// 详细弹窗
|
||||
detailListFun() {
|
||||
this.loading2 = true;
|
||||
let time = this.inquire.time;
|
||||
let startTime = null;
|
||||
let endTime = null;
|
||||
if (time.length > 0) {
|
||||
startTime = this.inquire.time[0]
|
||||
? dateFormat(this.inquire.time[0], "yyyy-MM-dd hh:mm:ss")
|
||||
: null;
|
||||
endTime = this.inquire.time[1]
|
||||
? dateFormat(this.inquire.time[1], "yyyy-MM-dd hh:mm:ss")
|
||||
: null;
|
||||
}
|
||||
detailList({
|
||||
partitionId: this.inquire.partitionId,
|
||||
signId: this.memberVal.signId,
|
||||
level: this.memberVal.level,
|
||||
startTime: startTime,
|
||||
endTime: endTime,
|
||||
pageNo: this.currentPage2,
|
||||
pageSize: this.pageSize2,
|
||||
}).then((res) => {
|
||||
if (res.code == 200) {
|
||||
this.total2 = res.data.total;
|
||||
this.member.tableData = res.data.records;
|
||||
this.memberDialog = true;
|
||||
this.loading2 = false;
|
||||
} else {
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: res.message,
|
||||
type: "error",
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
diamondStatisticsExportFun() {
|
||||
let time = this.inquire.time;
|
||||
let startTime = "";
|
||||
let endTime = "";
|
||||
if (time.length > 0) {
|
||||
startTime = this.inquire.time[0]
|
||||
? dateFormat(this.inquire.time[0], "yyyy-MM-dd hh:mm:ss")
|
||||
: "";
|
||||
endTime = this.inquire.time[1]
|
||||
? dateFormat(this.inquire.time[1], "yyyy-MM-dd hh:mm:ss")
|
||||
: "";
|
||||
}
|
||||
recordExport({
|
||||
partitionId: this.inquire.partitionId,
|
||||
erbanNo: this.inquire.triggererId,
|
||||
level: this.inquire.boomLevel,
|
||||
roomErbanNo: this.inquire.roomId,
|
||||
startTime: startTime,
|
||||
endTime: endTime,
|
||||
}).then();
|
||||
},
|
||||
// 分页详情导航
|
||||
handleSizeChange2() {
|
||||
this.detailListFun();
|
||||
},
|
||||
handleCurrentChange2() {
|
||||
this.detailListFun();
|
||||
},
|
||||
// 分页导航
|
||||
handleSizeChange() {
|
||||
this.getData();
|
||||
},
|
||||
handleCurrentChange() {
|
||||
this.getData();
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style lang="less" scoped>
|
||||
.box {
|
||||
padding-top: 20px;
|
||||
background: #ecf0f5;
|
||||
.inquire {
|
||||
display: inline-block;
|
||||
margin-right: 20px;
|
||||
margin-bottom: 20px;
|
||||
span {
|
||||
margin-right: 10px;
|
||||
}
|
||||
.input {
|
||||
width: 180px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
.dialogTableVisibleBut {
|
||||
display: block;
|
||||
margin: 30px 0 0 830px;
|
||||
}
|
||||
.paginationClass {
|
||||
margin: 15px 0 5px 0px;
|
||||
}
|
||||
}
|
||||
.selectBox {
|
||||
display: flex;
|
||||
height: 35px;
|
||||
line-height: 35px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.selectBoxImg {
|
||||
height: 150px;
|
||||
}
|
||||
</style>
|
@@ -70,6 +70,7 @@
|
||||
<input type="checkbox" name="partitionFlag" value="1"/>英语区<br>
|
||||
<input type="checkbox" name="partitionFlag" value="2"/>阿拉伯语区<br>
|
||||
<input type="checkbox" name="partitionFlag" value="4"/>华语区<br>
|
||||
<input type="checkbox" name="partitionFlag" value="8"/>土耳其区<br>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
@@ -101,6 +102,12 @@
|
||||
<input type="text" class="form-control validate[required]" name="name" id="en_name">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="tr_name" class="col-sm-3 control-label">土耳其驾名称</label>
|
||||
<div class="col-sm-9">
|
||||
<input type="text" class="form-control validate[required]" name="name" id="tr_name">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label class="col-sm-3 control-label">使用萝卜购买</label>
|
||||
@@ -438,6 +445,7 @@ export default {
|
||||
{field: 'name.zh', title: '座驾名称', align: 'center', width: '20%'},
|
||||
{field: 'name.ar', title: '阿语座驾名称', align: 'center', width: '20%'},
|
||||
{field: 'name.en', title: '英语座驾名称', align: 'center', width: '20%'},
|
||||
{field: 'name.tr', title: '土耳其名称', align: 'center', width: '20%'},
|
||||
{
|
||||
field: 'partitionFlag',
|
||||
title: '地区',
|
||||
@@ -454,6 +462,9 @@ export default {
|
||||
if ((val & 4) != 0) {
|
||||
value += '华语区<br>';
|
||||
}
|
||||
if ((val & 8) != 0) {
|
||||
value += '土耳其区<br>';
|
||||
}
|
||||
return value;
|
||||
}
|
||||
},
|
||||
@@ -664,9 +675,11 @@ export default {
|
||||
$('#name').val('');
|
||||
$('#ar_name').val('');
|
||||
$('#en_name').val('');
|
||||
$('#tr_name').val('');
|
||||
$("#name").attr('readonly', false);
|
||||
$("#ar_name").attr('readonly', false);
|
||||
$("#en_name").attr('readonly', false);
|
||||
$("#tr_name").attr('readonly', false);
|
||||
// $("#price").attr('readonly', false);
|
||||
// $("#renewPrice").attr('readonly', false);
|
||||
$("#seq").val('');
|
||||
@@ -865,10 +878,12 @@ export default {
|
||||
$("#name").val(jsonName.zh);
|
||||
$("#ar_name").val(jsonName.ar);
|
||||
$("#en_name").val(jsonName.en);
|
||||
$("#tr_name").val(jsonName.tr);
|
||||
} else {
|
||||
$("#name").val(name);
|
||||
$("#ar_name").val(name);
|
||||
$("#en_name").val(name);
|
||||
$("#tr_name").val(name);
|
||||
}
|
||||
$("#price").val(json.entity.price);
|
||||
$("#renewPrice").val(json.entity.renewPrice);
|
||||
@@ -997,6 +1012,11 @@ export default {
|
||||
} else {
|
||||
$("input:checkbox[name='partitionFlag']")[2].checked = false;
|
||||
}
|
||||
if ((partitionFlag & 8) != 0) {
|
||||
$("input:checkbox[name='partitionFlag']")[3].checked = true;
|
||||
} else {
|
||||
$("input:checkbox[name='partitionFlag']")[3].checked = false;
|
||||
}
|
||||
|
||||
// 打开编辑弹窗
|
||||
$("#cardGoodsModal").modal('show');
|
||||
@@ -1077,8 +1097,10 @@ export default {
|
||||
var ar_name = $("#ar_name").val();
|
||||
// 英语名称
|
||||
var en_name = $("#en_name").val();
|
||||
// 土耳其名称
|
||||
var tr_name = $("#tr_name").val();
|
||||
// 国际化字段
|
||||
var jsonName = {"zh":name,"ar":ar_name,"en":en_name}
|
||||
var jsonName = {"zh":name,"ar":ar_name,"en":en_name,"tr":tr_name}
|
||||
const nameValue = JSON.stringify(jsonName);
|
||||
// 修改属性值
|
||||
formData.name = nameValue; // 将giftName修改为"newGiftName"
|
||||
|
@@ -11,19 +11,21 @@
|
||||
<div id="toolbar">
|
||||
<div class="col-sm-12">
|
||||
<label for="searchType"
|
||||
class="col-sm-4 control-label">地区:</label>
|
||||
<div class="col-sm-6">
|
||||
class="col-sm-2 control-label">地区:</label>
|
||||
<div class="col-sm-8">
|
||||
<select name="searchType"
|
||||
id="searchType"
|
||||
data-btn-class="btn-warning"
|
||||
class="form-control">
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-sm-2">
|
||||
<button id="btnSearch" class="btn btn-default">
|
||||
<i class="glyphicon glyphicon-search"></i>查询
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<button id="btnSearch"
|
||||
class="btn btn-default">
|
||||
<i class="glyphicon glyphicon-search"></i>查询
|
||||
</button>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-body"
|
||||
@@ -60,9 +62,6 @@
|
||||
<input type="hidden"
|
||||
name="code"
|
||||
id="code" />
|
||||
<input type="hidden"
|
||||
name="currency"
|
||||
id="currency" />
|
||||
<input type="hidden"
|
||||
name="type"
|
||||
id="type" />
|
||||
@@ -76,9 +75,19 @@
|
||||
id="name">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="currency"
|
||||
class="col-sm-3 control-label">货币:</label>
|
||||
<div class="col-sm-9">
|
||||
<input type="text"
|
||||
readonly
|
||||
class="form-control"
|
||||
id="currency">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="rate"
|
||||
class="col-sm-3 control-label">USD汇率:</label>
|
||||
class="col-sm-3 control-label">兑USD汇率:</label>
|
||||
<div class="col-sm-9">
|
||||
<input type="text"
|
||||
class="form-control"
|
||||
@@ -324,9 +333,10 @@ export default {
|
||||
$('#regionTable').bootstrapTable({
|
||||
columns: [
|
||||
{ field: 'name', title: '地区', align: 'center', width: '5%' },
|
||||
{ field: 'currency', title: '货币', align: 'center', width: '5%'},
|
||||
{
|
||||
field: 'rate',
|
||||
title: 'USD汇率',
|
||||
title: '兑USD汇率',
|
||||
align: 'center',
|
||||
width: '5%',
|
||||
formatter: function (val, row, index) {
|
||||
@@ -430,7 +440,7 @@ export default {
|
||||
return '<img src="' + val + '" style="width:90px;height:90px;" alt="">'
|
||||
}
|
||||
},
|
||||
{ field: 'regionName', title: '地区', align: 'center', width: '5%' },
|
||||
{ field: 'currency', title: '货币', align: 'center', width: '5%' },
|
||||
{
|
||||
field: 'isEnabled',
|
||||
title: '是否展示在充值H5',
|
||||
@@ -823,7 +833,7 @@ export default {
|
||||
var $select = $('#searchType');
|
||||
for (let i = 0; i < array.length; i++) {
|
||||
var $option = $('<option value="' + array[i].type + '" />');
|
||||
$option.html(array[i].name);
|
||||
$option.html(array[i].desc + '(' + array[i].name + ')');
|
||||
if (i == 0) {
|
||||
$option.attr('selected', true);
|
||||
}
|
||||
|
@@ -63,6 +63,7 @@
|
||||
<input type="checkbox" name="partitionFlag" value="1"/>英语区<br>
|
||||
<input type="checkbox" name="partitionFlag" value="2"/>阿拉伯语区<br>
|
||||
<input type="checkbox" name="partitionFlag" value="4"/>华语区<br>
|
||||
<input type="checkbox" name="partitionFlag" value="8"/>土耳其区<br>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
@@ -94,27 +95,37 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="col-sm-4 control-label">安卓图片:</label>
|
||||
<label for="tr_modal_name" class="col-sm-4 control-label">土耳其装扮名称:</label>
|
||||
<div class="col-sm-6">
|
||||
<img src="" id="addAndroidIconPicUrl" style="height:44px;" alt="">
|
||||
<input type="file" id="add_android_UploadIconPic" name="uploadFile"
|
||||
accept="image/gif,image/jpeg,image/jpg,image/png,image/svg">
|
||||
<button class="btn btn-success" type="button" name="uploadBtn"
|
||||
id="addAndroidIconPicUrl_androidUrl">上传</button>
|
||||
<input type="hidden" id="androidUrl" name="androidUrl" class="form-control" />
|
||||
<input type="text" class="form-control validate[required]" name="name" id="tr_modal_name" placeholder="请输入气泡名称">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="col-sm-4 control-label">IOS图片:</label>
|
||||
<div class="col-sm-6">
|
||||
<img src="" id="addIosIconPicUrl" style="height:44px;" alt="">
|
||||
<input type="file" id="add_ios_UploadIconPic" name="uploadFile"
|
||||
accept="image/gif,image/jpeg,image/jpg,image/png,image/svg">
|
||||
<button class="btn btn-success" type="button" name="uploadBtn"
|
||||
id="addIosIconPicUrl_iosUrl">上传</button>
|
||||
<input type="hidden" id="iosUrl" name="iosUrl" class="form-control" />
|
||||
<form class="form-horizontal" id="addForm1">
|
||||
<div class="form-group">
|
||||
<label class="col-sm-4 control-label">安卓图片:</label>
|
||||
<div class="col-sm-6">
|
||||
<img src="" id="addAndroidIconPicUrl" style="height:44px;" alt="">
|
||||
<input type="file" id="add_android_UploadIconPic" name="uploadFile"
|
||||
accept="image/gif,image/jpeg,image/jpg,image/png,image/svg">
|
||||
<button class="btn btn-success" type="button" name="uploadBtn"
|
||||
id="addAndroidIconPicUrl_androidUrl">上传</button>
|
||||
<input type="hidden" id="androidUrl" name="androidUrl" class="form-control" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<form class="form-horizontal" id="addForm2">
|
||||
<div class="form-group" >
|
||||
<label class="col-sm-4 control-label">IOS图片:</label>
|
||||
<div class="col-sm-6">
|
||||
<img src="" id="addIosIconPicUrl" style="height:44px;" alt="">
|
||||
<input type="file" id="add_ios_UploadIconPic" name="uploadFile"
|
||||
accept="image/gif,image/jpeg,image/jpg,image/png,image/svg">
|
||||
<button class="btn btn-success" type="button" name="uploadBtn"
|
||||
id="addIosIconPicUrl_iosUrl">上传</button>
|
||||
<input type="hidden" id="iosUrl" name="iosUrl" class="form-control" />
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<div class="form-group">
|
||||
<label for="status" class="col-sm-4 control-label">装扮状态:</label>
|
||||
<div class="col-sm-6">
|
||||
@@ -216,12 +227,16 @@ export default {
|
||||
if ((val & 4) != 0) {
|
||||
value += '华语区<br>';
|
||||
}
|
||||
if ((val & 8) != 0) {
|
||||
value += '土耳其区<br>';
|
||||
}
|
||||
return value;
|
||||
}
|
||||
},
|
||||
{field: 'name.zh', title: '装扮名称', align: 'middle', width: '5%'},
|
||||
{field: 'name.ar', title: '阿语装扮名称', align: 'middle', width: '5%'},
|
||||
{field: 'name.en', title: '英语装扮名称', align: 'middle', width: '5%'},
|
||||
{field: 'name.tr', title: '土耳其扮名称', align: 'middle', width: '5%'},
|
||||
{
|
||||
field: 'iosUrl',
|
||||
title: '装扮图片',
|
||||
@@ -374,12 +389,16 @@ export default {
|
||||
$("#ar_modal_name").val(row.name.ar);
|
||||
// 英语名称
|
||||
$("#en_modal_name").val(row.name.en);
|
||||
// 土耳其名称
|
||||
$("#tr_modal_name").val(row.name.tr);
|
||||
} else {
|
||||
$("#modal_name").val(name);
|
||||
// 阿语名称
|
||||
$("#ar_modal_name").val(name);
|
||||
// 英语名称
|
||||
$("#en_modal_name").val(name);
|
||||
// 土耳其名称
|
||||
$("#tr_modal_name").val(name);
|
||||
}
|
||||
$('#addAndroidIconPicUrl').attr("src", row.androidUrl);
|
||||
$("#addForm #androidUrl").val(row.androidUrl);
|
||||
@@ -407,28 +426,39 @@ export default {
|
||||
});
|
||||
|
||||
|
||||
$("[name='uploadBtn']").on('click', function () {
|
||||
let id = $(this).attr('id');
|
||||
let b = id.split("_");
|
||||
let imageId = b[0];
|
||||
let inputId = b[1];
|
||||
console.log(imageId)
|
||||
console.log(inputId)
|
||||
$("#addAndroidIconPicUrl_androidUrl").on('click', function () {
|
||||
var options = {
|
||||
type: 'post',
|
||||
url: '/admin/upload/img',
|
||||
dataType: 'json',
|
||||
success: function (json) {
|
||||
if (json.path) {
|
||||
$("#" + inputId).val(json.path);
|
||||
$("#" + imageId).attr("src", json.path);
|
||||
$("#addAndroidIconPicUrl").val(json.path);
|
||||
$("#addAndroidIconPicUrl").attr("src", json.path);
|
||||
} else {
|
||||
$("#tipMsg").text(json.msg);
|
||||
$("#tipModal").modal('show');
|
||||
}
|
||||
}
|
||||
};
|
||||
$("#addForm").ajaxSubmit(options);
|
||||
$("#addForm1").ajaxSubmit(options);
|
||||
});
|
||||
$("#addIosIconPicUrl_iosUrl").on('click', function () {
|
||||
var options = {
|
||||
type: 'post',
|
||||
url: '/admin/upload/img',
|
||||
dataType: 'json',
|
||||
success: function (json) {
|
||||
if (json.path) {
|
||||
$("#addIosIconPicUrl").val(json.path);
|
||||
$("#addIosIconPicUrl").attr("src", json.path);
|
||||
} else {
|
||||
$("#tipMsg").text(json.msg);
|
||||
$("#tipModal").modal('show');
|
||||
}
|
||||
}
|
||||
};
|
||||
$("#addForm2").ajaxSubmit(options);
|
||||
});
|
||||
|
||||
|
||||
@@ -454,8 +484,10 @@ export default {
|
||||
var ar_name = $("#ar_modal_name").val();
|
||||
// 英语名称
|
||||
var en_name = $("#en_modal_name").val();
|
||||
// 土耳其名称
|
||||
var tr_name = $("#tr_modal_name").val();
|
||||
// 国际化字段
|
||||
var jsonName = {"zh":name,"ar":ar_name,"en":en_name}
|
||||
var jsonName = {"zh":name,"ar":ar_name,"en":en_name,"tr":tr_name}
|
||||
const nameValue = JSON.stringify(jsonName);
|
||||
// 修改属性值
|
||||
formData.name = nameValue; // 将giftName修改为"newGiftName"
|
||||
@@ -467,6 +499,8 @@ export default {
|
||||
partitionFlag |= partitionFlagArray[i].value;
|
||||
}
|
||||
formData.partitionFlag = partitionFlag;
|
||||
formData.androidUrl = $('#addAndroidIconPicUrl').attr('src');
|
||||
formData.iosUrl = $('#addIosIconPicUrl').attr('src');
|
||||
// 将修改后的对象转换回序列化字符串
|
||||
let newSerializeStr = $.param(formData);
|
||||
//做下数据校验
|
||||
@@ -528,6 +562,7 @@ export default {
|
||||
$('#modal_name').val('');
|
||||
$('#ar_modal_name').val('');
|
||||
$('#en_modal_name').val('');
|
||||
$('#tr_modal_name').val('');
|
||||
$('input[name="partitionFlag"]').each(function() {
|
||||
$(this).checked = false;
|
||||
});
|
||||
|
File diff suppressed because it is too large
Load Diff
@@ -108,7 +108,7 @@
|
||||
</select>
|
||||
<div class="col-sm-6">
|
||||
<input type="text" class="form-control validate[required]" name="skipUri"
|
||||
id="skipUrlContent">
|
||||
id="skipUrlContent" oninput="this.value = this.value.replace(/[\u4e00-\u9fa5]/g, '')">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
@@ -269,7 +269,7 @@
|
||||
</select>
|
||||
<div class="col-sm-6">
|
||||
<input type="text" class="form-control validate[required]" name="skipUri"
|
||||
id="addSkipUrlContent">
|
||||
id="addSkipUrlContent" oninput="this.value = this.value.replace(/[\u4e00-\u9fa5]/g, '')">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
|
File diff suppressed because it is too large
Load Diff
@@ -197,6 +197,8 @@
|
||||
class="form-control"
|
||||
name="skipUri"
|
||||
id="skipUrlContent"
|
||||
onkeydown="return event.key !== ' '"
|
||||
oninput="this.value = this.value.replace(/\s+/g, '')"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
@@ -457,9 +459,11 @@
|
||||
<div class="col-sm-6">
|
||||
<input
|
||||
type="text"
|
||||
class="form-control validate[required]"
|
||||
class="form-control"
|
||||
name="skipUri"
|
||||
id="addSkipUrlContent"
|
||||
onkeydown="return event.key !== ' '"
|
||||
oninput="this.value = this.value.replace(/\s+/g, '')"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
@@ -733,7 +737,6 @@ export default {
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
function initTable() {
|
||||
$("#table").bootstrapTable({
|
||||
columns: [
|
||||
@@ -1520,7 +1523,7 @@ export default {
|
||||
margin-right: 10px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
.text{
|
||||
.text {
|
||||
font-size: 20px;
|
||||
margin-top: 20px;
|
||||
color: rgb(173, 53, 53);
|
||||
|
@@ -83,7 +83,7 @@
|
||||
</select>
|
||||
<div class="col-sm-6">
|
||||
<input type="text" class="form-control validate[required]" name="skipUri"
|
||||
id="skipUrlContent">
|
||||
id="skipUrlContent" oninput="this.value = this.value.replace(/[\u4e00-\u9fa5]/g, '')">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
@@ -238,7 +238,7 @@
|
||||
</select>
|
||||
<div class="col-sm-6">
|
||||
<input type="text" class="form-control validate[required]" name="skipUri"
|
||||
id="addSkipUrlContent">
|
||||
id="addSkipUrlContent" oninput="this.value = this.value.replace(/[\u4e00-\u9fa5]/g, '')">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
|
@@ -20,6 +20,17 @@
|
||||
:disabled="tableLoading"
|
||||
>
|
||||
<div class="search-line">
|
||||
<el-form-item label="分区" prop="partitionId">
|
||||
<el-select v-model="searchForm.partitionId" placeholder="请选择">
|
||||
<el-option
|
||||
v-for="item in partitionArr"
|
||||
:key="item.id"
|
||||
:label="item.desc"
|
||||
:value="item.id"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="公会ID" prop="agencyId">
|
||||
<el-input
|
||||
v-model.trim="searchForm.agencyId"
|
||||
@@ -66,6 +77,7 @@
|
||||
{{ regionType(scope.row.region) }}
|
||||
</template>
|
||||
</el-table-column> -->
|
||||
<el-table-column align="center" prop="partitionDesc" label="分区"> </el-table-column>
|
||||
<el-table-column align="center" prop="agencyId" label="公会ID">
|
||||
</el-table-column>
|
||||
<el-table-column align="center" prop="agencyName" label="公会名称">
|
||||
@@ -81,7 +93,11 @@
|
||||
</el-table-column>
|
||||
<el-table-column align="center" prop="energyValue" label="总钻石流水">
|
||||
<template v-slot="scope">
|
||||
{{ scope.row.energyValue ? scope.row.energyValue.toLocaleString() : "null"}}
|
||||
{{
|
||||
scope.row.energyValue
|
||||
? scope.row.energyValue.toLocaleString()
|
||||
: "null"
|
||||
}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
@@ -109,7 +125,7 @@
|
||||
</template>
|
||||
|
||||
<script lang=js>
|
||||
import { getDateCycleList, getAgencyDiamondFlow, agencyDiamondFlowExport } from '@/api/relAgency/relAgency.js';
|
||||
import { getDateCycleList, getAgencyDiamondFlow, agencyDiamondFlowExport,listPartitionInfo } from '@/api/relAgency/relAgency.js';
|
||||
import TablePagination from '@/components/common/TablePagination';
|
||||
import { formatDate, formatDateYMD } from '@/utils/relDate';
|
||||
// @ts-ignore
|
||||
@@ -125,6 +141,7 @@ export default {
|
||||
components: { TablePagination },
|
||||
data() {
|
||||
return {
|
||||
partitionArr: [],
|
||||
dateCycleList: [],
|
||||
btnLoading: false, // 导出弹出框(dialog)的确认按钮
|
||||
tableLoading: false, // 表格是否加载中
|
||||
@@ -140,7 +157,8 @@ export default {
|
||||
agencyOwnerId: null,
|
||||
agencyId: null,
|
||||
dateCycle: null,
|
||||
region: null
|
||||
region: null,
|
||||
partitionId: "",
|
||||
},
|
||||
searchRule: {
|
||||
startTime: [
|
||||
@@ -173,6 +191,10 @@ export default {
|
||||
};
|
||||
},
|
||||
created() {
|
||||
listPartitionInfo().then((res) => {
|
||||
this.partitionArr = res.data;
|
||||
this.searchForm.partitionId=this.partitionArr[0].id;
|
||||
});
|
||||
this.getDateCycleList();
|
||||
},
|
||||
methods: {
|
||||
@@ -272,11 +294,12 @@ export default {
|
||||
},
|
||||
// 分页导航
|
||||
handleSizeChange(val) {
|
||||
console.log(val);
|
||||
this.pageParams.pageSize = val;
|
||||
this.getData();
|
||||
},
|
||||
handlePageChange(val) {
|
||||
this.pageParams.pageSize = val;
|
||||
this.pageParams.pageNo = val;
|
||||
this.getData();
|
||||
},
|
||||
headerCopy(column, e) {
|
||||
|
@@ -10,6 +10,17 @@
|
||||
:disabled="tableLoading"
|
||||
>
|
||||
<div class="search-line">
|
||||
<el-form-item label="分区" prop="partitionId">
|
||||
<el-select v-model="searchForm.partitionId" placeholder="请选择">
|
||||
<el-option
|
||||
v-for="item in partitionArr"
|
||||
:key="item.id"
|
||||
:label="item.desc"
|
||||
:value="item.id"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="充值代理ID" prop="chargeAgentErbanNo">
|
||||
<el-input
|
||||
v-model.trim="searchForm.chargeAgentErbanNo"
|
||||
@@ -43,6 +54,9 @@
|
||||
<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="chargeAgentExportFun"
|
||||
>导出</el-button
|
||||
>
|
||||
</el-form-item>
|
||||
</div>
|
||||
</el-form>
|
||||
@@ -58,6 +72,8 @@
|
||||
@header-click="headerCopy"
|
||||
style="width: 100%"
|
||||
>
|
||||
<el-table-column align="center" prop="partitionDesc" label="分区">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="receiveErbano"
|
||||
@@ -110,7 +126,12 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { chargeAgentList, chargeAgentSum } from "@/api/relAgency/relAgency.js";
|
||||
import {
|
||||
chargeAgentList,
|
||||
chargeAgentSum,
|
||||
listPartitionInfo,
|
||||
chargeAgentExport,
|
||||
} from "@/api/relAgency/relAgency.js";
|
||||
import TablePagination from "@/components/common/TablePagination";
|
||||
import { formatDate, formatDateYMD } from "@/utils/relDate";
|
||||
import { dateFormat } from "@/utils/system-helper";
|
||||
@@ -138,7 +159,9 @@ export default {
|
||||
chargeAgentErbanNo: null,
|
||||
startTime: null,
|
||||
endTime: null,
|
||||
partitionId: "",
|
||||
},
|
||||
partitionArr: [],
|
||||
searchRule: {
|
||||
startTime: [
|
||||
{
|
||||
@@ -171,6 +194,10 @@ export default {
|
||||
},
|
||||
created() {
|
||||
// this.getData();
|
||||
listPartitionInfo().then((res) => {
|
||||
this.partitionArr = res.data;
|
||||
this.searchForm.partitionId = this.partitionArr[0].id;
|
||||
});
|
||||
},
|
||||
methods: {
|
||||
getData() {
|
||||
@@ -223,6 +250,32 @@ export default {
|
||||
}
|
||||
});
|
||||
},
|
||||
// 导出
|
||||
chargeAgentExportFun() {
|
||||
|
||||
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);
|
||||
|
||||
chargeAgentExport(pageParams).then((res) => {});
|
||||
},
|
||||
// 点击搜索
|
||||
handSearch() {
|
||||
this.$refs["searchForm"].validate((valid) => {
|
||||
@@ -247,7 +300,7 @@ export default {
|
||||
},
|
||||
handlePageChange(val) {
|
||||
// this.$set(this.pageParams, 'pageNo', val);
|
||||
this.pageParams.pageSize = val;
|
||||
this.pageParams.pageNo = val;
|
||||
this.getData();
|
||||
},
|
||||
headerCopy(column, e) {
|
||||
|
@@ -10,6 +10,17 @@
|
||||
:disabled="tableLoading"
|
||||
>
|
||||
<div class="search-line">
|
||||
<el-form-item label="分区" prop="partitionId">
|
||||
<el-select v-model="searchForm.partitionId" placeholder="请选择">
|
||||
<el-option
|
||||
v-for="item in partitionArr"
|
||||
:key="item.id"
|
||||
:label="item.desc"
|
||||
:value="item.id"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="主播ID" prop="erbanNo">
|
||||
<el-input
|
||||
v-model.trim="searchForm.erbanNo"
|
||||
@@ -59,6 +70,7 @@
|
||||
{{ 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="主播昵称">
|
||||
@@ -313,6 +325,7 @@ import {
|
||||
getDateCycleList,
|
||||
getAnchorSalaryBill,
|
||||
anchorSalaryBillDetail,
|
||||
listPartitionInfo,
|
||||
} from "@/api/relAgency/relAgency.js";
|
||||
import TablePagination from "@/components/common/TablePagination";
|
||||
import { formatDate, formatDateYMD } from "@/utils/relDate";
|
||||
@@ -340,7 +353,9 @@ export default {
|
||||
agencyId: null,
|
||||
dateCycle: null,
|
||||
erbanNo: null,
|
||||
partitionId: null,
|
||||
},
|
||||
partitionArr: [],
|
||||
searchRule: {
|
||||
startTime: [
|
||||
{
|
||||
@@ -384,6 +399,10 @@ export default {
|
||||
},
|
||||
created() {
|
||||
this.getDateCycleList();
|
||||
listPartitionInfo().then((res) => {
|
||||
this.partitionArr = res.data;
|
||||
this.searchForm.partitionId = this.partitionArr[0].id;
|
||||
});
|
||||
},
|
||||
methods: {
|
||||
getDateCycleList() {
|
||||
@@ -429,19 +448,19 @@ export default {
|
||||
this.dialogTitle = "钻石兑换薪资";
|
||||
this.dialogType = 1;
|
||||
break;
|
||||
case 2:
|
||||
case 3:
|
||||
this.dialogTitle = "薪资转增代理";
|
||||
this.dialogType = 2;
|
||||
break;
|
||||
case 3:
|
||||
case 4:
|
||||
this.dialogTitle = "薪资转增公会长";
|
||||
this.dialogType = 3;
|
||||
break;
|
||||
case 4:
|
||||
case 5:
|
||||
this.dialogTitle = "官方提现";
|
||||
this.dialogType = 4;
|
||||
break;
|
||||
case 6:
|
||||
case 2:
|
||||
this.dialogTitle = "薪资兑换金币";
|
||||
this.dialogType = 6;
|
||||
break;
|
||||
@@ -508,7 +527,7 @@ export default {
|
||||
this.getData();
|
||||
},
|
||||
handlePageChange(val) {
|
||||
this.pageParams.pageSize = val;
|
||||
this.pageParams.pageNo = val;
|
||||
this.getData();
|
||||
},
|
||||
// 弹窗分页导航
|
||||
|
@@ -1,6 +1,23 @@
|
||||
<template>
|
||||
<div class="box">
|
||||
<!-- 查询 -->
|
||||
<div class="inquire">
|
||||
<div class="block">
|
||||
<span class="demonstration">分区</span>
|
||||
<el-select
|
||||
v-model="inquire.partitionId"
|
||||
style="width: 75%"
|
||||
placeholder="请选择"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in inquire.partitionArr"
|
||||
:key="item.id"
|
||||
:label="item.desc"
|
||||
:value="item.id"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="inquire">
|
||||
<span>公会ID</span>
|
||||
<el-input
|
||||
@@ -86,6 +103,7 @@
|
||||
style="width: 100%; margin-top: 25px"
|
||||
>
|
||||
<el-table-column type="index" width="100" align="center" label="序号" />
|
||||
<el-table-column prop="partitionDesc" align="center" label="分区" />
|
||||
<el-table-column prop="guildId" align="center" label="公会ID" />
|
||||
<el-table-column prop="guildName" align="center" label="公会昵称" />
|
||||
<el-table-column prop="ownerErbanNo" align="center" label="公会长ID" />
|
||||
@@ -110,6 +128,7 @@
|
||||
import {
|
||||
diamondStatistics,
|
||||
diamondStatisticsExport,
|
||||
listPartitionInfo,
|
||||
} from "@/api/relAgency/relAgency";
|
||||
// @ts-ignore
|
||||
import { dateFormat } from "@/utils/system-helper";
|
||||
@@ -125,6 +144,8 @@ export default {
|
||||
guildId: "",
|
||||
guildBoosId: "",
|
||||
time: [],
|
||||
partitionId: "",
|
||||
partitionArr: [],
|
||||
},
|
||||
// 表格
|
||||
tableData: [],
|
||||
@@ -138,6 +159,10 @@ export default {
|
||||
},
|
||||
created() {
|
||||
// this.getData();
|
||||
listPartitionInfo().then((res) => {
|
||||
this.inquire.partitionArr = res.data;
|
||||
this.inquire.partitionId = this.inquire.partitionArr[0].id;
|
||||
});
|
||||
},
|
||||
methods: {
|
||||
// 查询接口
|
||||
@@ -157,6 +182,7 @@ export default {
|
||||
diamondStatistics({
|
||||
guildId: this.inquire.guildId,
|
||||
ownerErbanNo: this.inquire.guildBoosId,
|
||||
partitionId: this.inquire.partitionId,
|
||||
startTime: startTime,
|
||||
endTime: endTime,
|
||||
pageNo: this.currentPage,
|
||||
|
@@ -3,9 +3,28 @@
|
||||
<!-- 查询 -->
|
||||
<div class="inquire">
|
||||
<span>ID</span>
|
||||
<el-input v-model="inquire.userId"
|
||||
placeholder=""
|
||||
class="input"></el-input>
|
||||
<el-input
|
||||
v-model="inquire.userId"
|
||||
placeholder=""
|
||||
class="input"
|
||||
></el-input>
|
||||
</div>
|
||||
<div class="inquire">
|
||||
<div class="block">
|
||||
<span class="demonstration">分区</span>
|
||||
<el-select
|
||||
v-model="inquire.partitionId"
|
||||
style="width: 75%"
|
||||
placeholder="请选择"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in inquire.partitionArr"
|
||||
:key="item.id"
|
||||
:label="item.desc"
|
||||
:value="item.id"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="inquire">
|
||||
<span>推荐人</span>
|
||||
@@ -30,78 +49,104 @@
|
||||
</div>
|
||||
</div> -->
|
||||
<!-- 查询按钮 -->
|
||||
<el-button class="primary"
|
||||
type="primary"
|
||||
@click="getData()">查询</el-button>
|
||||
<el-button class="primary"
|
||||
type="primary"
|
||||
@click="addDialog = true">添加</el-button>
|
||||
<el-button class="primary"
|
||||
type="primary"
|
||||
@click="exportInfoFun()">导出</el-button>
|
||||
<el-button class="primary" type="primary" @click="getData()"
|
||||
>查询</el-button
|
||||
>
|
||||
<el-button class="primary" type="primary" @click="addDialog = true"
|
||||
>添加</el-button
|
||||
>
|
||||
<el-button class="primary" type="primary" @click="exportInfoFun()"
|
||||
>导出</el-button
|
||||
>
|
||||
|
||||
<!-- 表格 -->
|
||||
<el-table v-loading="loading"
|
||||
:data="tableData"
|
||||
border
|
||||
style="width: 100%; margin-top: 25px">
|
||||
<el-table-column prop="id"
|
||||
align="center"
|
||||
label="公会ID" />
|
||||
<el-table
|
||||
v-loading="loading"
|
||||
:data="tableData"
|
||||
border
|
||||
style="width: 100%; margin-top: 25px"
|
||||
>
|
||||
<el-table-column prop="id" align="center" label="公会ID" />
|
||||
<!-- <el-table-column prop="referrer" align="center" label="推荐人" /> -->
|
||||
<el-table-column prop="ownerErbanNo"
|
||||
align="center"
|
||||
label="会长ID" />
|
||||
<el-table-column prop="ownerNick"
|
||||
align="center"
|
||||
label="会长昵称" />
|
||||
<el-table-column prop="ownerPartitionName"
|
||||
align="center"
|
||||
label="会长分区" />
|
||||
<el-table-column prop="name"
|
||||
align="center"
|
||||
label="公会昵称" />
|
||||
<el-table-column align="center"
|
||||
prop="giftInfo"
|
||||
label="公会头像">
|
||||
<el-table-column prop="ownerErbanNo" align="center" label="会长ID" />
|
||||
<el-table-column prop="ownerNick" align="center" label="会长昵称" />
|
||||
<el-table-column
|
||||
prop="ownerPartitionName"
|
||||
align="center"
|
||||
label="会长分区"
|
||||
/>
|
||||
<el-table-column prop="name" align="center" label="公会昵称" />
|
||||
<el-table-column align="center" prop="giftInfo" label="公会头像">
|
||||
<template v-slot="scope">
|
||||
<el-image style="width: 100px; height: 100px"
|
||||
:src="scope.row.avatar"
|
||||
:zoom-rate="1.1"
|
||||
:preview-src-list="[scope.row.avatar]"
|
||||
fit="scale-down"
|
||||
preview-teleported="true"
|
||||
hide-on-click-modal="true" />
|
||||
<el-image
|
||||
style="width: 100px; height: 100px"
|
||||
:src="scope.row.avatar"
|
||||
:zoom-rate="1.1"
|
||||
:preview-src-list="[scope.row.avatar]"
|
||||
fit="scale-down"
|
||||
preview-teleported="true"
|
||||
hide-on-click-modal="true"
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center"
|
||||
prop="giftInfo"
|
||||
label="公会背景图">
|
||||
<el-table-column align="center" prop="giftInfo" label="公会背景图">
|
||||
<template v-slot="scope">
|
||||
<el-image style="width: 100px; height: 100px"
|
||||
:src="scope.row.backgroundUrl"
|
||||
:zoom-rate="1.1"
|
||||
:preview-src-list="[scope.row.backgroundUrl]"
|
||||
fit="scale-down"
|
||||
preview-teleported="true"
|
||||
hide-on-click-modal="true" />
|
||||
<el-image
|
||||
style="width: 100px; height: 100px"
|
||||
:src="scope.row.backgroundUrl"
|
||||
:zoom-rate="1.1"
|
||||
:preview-src-list="[scope.row.backgroundUrl]"
|
||||
fit="scale-down"
|
||||
preview-teleported="true"
|
||||
hide-on-click-modal="true"
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="createTime"
|
||||
align="center"
|
||||
label="创建日期" />
|
||||
<el-table-column prop="createTime" align="center" label="创建日期" />
|
||||
<!-- <el-table-column prop="memberNum" align="center" label="成员数量" /> -->
|
||||
<el-table-column align="center"
|
||||
label="成员数量/上限">
|
||||
<el-table-column align="center" label="成员数量/上限">
|
||||
<template v-slot="scope">
|
||||
<el-button @click="memberDialogFun(scope.row)"
|
||||
type="text"
|
||||
size="default">{{ scope.row.memberNum }}/{{ scope.row.memberNumLimit }}</el-button>
|
||||
<el-button
|
||||
@click="memberDialogFun(scope.row)"
|
||||
type="text"
|
||||
size="default"
|
||||
>{{ scope.row.memberNum }}/{{ scope.row.memberNumLimit }}</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="adminName" align="center" label="操作人" />
|
||||
<el-table-column
|
||||
prop="guildContact"
|
||||
align="center"
|
||||
label="公会联系方式"
|
||||
/>
|
||||
<el-table-column align="center" prop="idCard" label="公会长身份证件">
|
||||
<template v-slot="scope">
|
||||
<el-image
|
||||
style="width: 100px; height: 100px"
|
||||
:src="scope.row.idCard"
|
||||
:zoom-rate="1.1"
|
||||
:preview-src-list="[scope.row.idCard]"
|
||||
fit="scale-down"
|
||||
preview-teleported="true"
|
||||
hide-on-click-modal="true"
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="inviteErbanNo" align="center" label="邀请人ID" />
|
||||
<el-table-column prop="inviteCheck" align="center" label="邀请人证明">
|
||||
<template v-slot="scope">
|
||||
<el-image
|
||||
style="width: 100px; height: 100px"
|
||||
:src="scope.row.inviteCheck"
|
||||
:zoom-rate="1.1"
|
||||
:preview-src-list="[scope.row.inviteCheck]"
|
||||
fit="scale-down"
|
||||
preview-teleported="true"
|
||||
hide-on-click-modal="true"
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="adminName"
|
||||
align="center"
|
||||
label="操作人" />
|
||||
<!-- <el-table-column align="center" label="收款账户" width="300">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
@@ -140,37 +185,43 @@
|
||||
<!-- <el-table-column prop="goldIncome" align="center" label="金币总收入" />
|
||||
<el-table-column prop="diamondRemain" align="center" label="钻石总收入" /> -->
|
||||
|
||||
<el-table-column align="center"
|
||||
label="操作"
|
||||
width="300">
|
||||
<el-table-column align="center" label="操作" width="300">
|
||||
<template v-slot="scope">
|
||||
<el-button @click="ediClick(scope)"
|
||||
class="primary"
|
||||
type="primary"
|
||||
size="default"
|
||||
:disabled="!scope.row.enable">编辑</el-button>
|
||||
<el-button @click="
|
||||
<el-button
|
||||
@click="ediClick(scope)"
|
||||
class="primary"
|
||||
type="primary"
|
||||
size="default"
|
||||
:disabled="!scope.row.enable"
|
||||
>编辑</el-button
|
||||
>
|
||||
<el-button
|
||||
@click="
|
||||
delDialog = true;
|
||||
delDialogData = scope.row;
|
||||
"
|
||||
:class="scope.row.enable ? 'danger' : 'info'"
|
||||
:type="scope.row.enable ? 'danger' : 'info'"
|
||||
size="default"
|
||||
:disabled="!scope.row.enable">{{ scope.row.enable ? "移除" : "已解散" }}</el-button>
|
||||
:class="scope.row.enable ? 'danger' : 'info'"
|
||||
:type="scope.row.enable ? 'danger' : 'info'"
|
||||
size="default"
|
||||
:disabled="!scope.row.enable"
|
||||
>{{ scope.row.enable ? "移除" : "已解散" }}</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!-- 新增弹窗 -->
|
||||
<el-dialog v-model="addDialog"
|
||||
title="新增"
|
||||
width="28%"
|
||||
center>
|
||||
<el-dialog v-model="addDialog" title="新增" width="28%" center>
|
||||
<div style="margin-bottom: 25px">
|
||||
<span style="display: inline-block; margin-right: 20px; width: 100px"
|
||||
class="col-sm-2 control-label">会长ID</span>
|
||||
<el-input v-model="resource.id"
|
||||
style="width: 75%"
|
||||
class="input"></el-input>
|
||||
<span
|
||||
style="display: inline-block; margin-right: 20px; width: 100px"
|
||||
class="col-sm-2 control-label"
|
||||
>会长ID</span
|
||||
>
|
||||
<el-input
|
||||
v-model="resource.id"
|
||||
style="width: 75%"
|
||||
class="input"
|
||||
></el-input>
|
||||
</div>
|
||||
<!-- <div style="margin-bottom: 25px">
|
||||
<span
|
||||
@@ -199,60 +250,78 @@
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
<el-button @click="addDialog = false">取消</el-button>
|
||||
<el-button type="primary"
|
||||
@click="add()"> 确认 </el-button>
|
||||
<el-button type="primary" @click="add()"> 确认 </el-button>
|
||||
</span>
|
||||
</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"
|
||||
/>
|
||||
<!-- 编辑弹窗 -->
|
||||
<el-dialog v-model="editDialog"
|
||||
title="编辑"
|
||||
width="28%"
|
||||
center>
|
||||
<el-dialog v-model="editDialog" title="编辑" width="28%" 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="ediObj.id"
|
||||
style="width: 75%"
|
||||
class="input"
|
||||
disabled></el-input>
|
||||
<span
|
||||
style="display: inline-block; margin-right: 20px"
|
||||
class="col-sm-2 control-label"
|
||||
>公会ID</span
|
||||
>
|
||||
<el-input
|
||||
v-model="ediObj.id"
|
||||
style="width: 75%"
|
||||
class="input"
|
||||
disabled
|
||||
></el-input>
|
||||
</div>
|
||||
<!-- 会长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="ediObj.leaderId"
|
||||
style="width: 75%"
|
||||
class="input"
|
||||
disabled></el-input>
|
||||
<span
|
||||
style="display: inline-block; margin-right: 20px"
|
||||
class="col-sm-2 control-label"
|
||||
>会长ID</span
|
||||
>
|
||||
<el-input
|
||||
v-model="ediObj.leaderId"
|
||||
style="width: 75%"
|
||||
class="input"
|
||||
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="ediObj.leaderNick"
|
||||
style="width: 75%"
|
||||
class="input"
|
||||
disabled></el-input>
|
||||
<span
|
||||
style="display: inline-block; margin-right: 20px"
|
||||
class="col-sm-2 control-label"
|
||||
>会长昵称</span
|
||||
>
|
||||
<el-input
|
||||
v-model="ediObj.leaderNick"
|
||||
style="width: 75%"
|
||||
class="input"
|
||||
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="ediObj.guildNick"
|
||||
style="width: 75%"
|
||||
class="input"></el-input>
|
||||
<span
|
||||
style="display: inline-block; margin-right: 20px"
|
||||
class="col-sm-2 control-label"
|
||||
>公会昵称</span
|
||||
>
|
||||
<el-input
|
||||
v-model="ediObj.guildNick"
|
||||
style="width: 75%"
|
||||
class="input"
|
||||
></el-input>
|
||||
</div>
|
||||
<!-- 公会头像 -->
|
||||
<div class="selectBox selectBoxImg">
|
||||
@@ -272,116 +341,129 @@
|
||||
</div>
|
||||
<!-- 公会背景图 -->
|
||||
<div class="selectBox selectBoxImg">
|
||||
<span class="left"
|
||||
style="margin-right: 20px">公会背景图</span>
|
||||
<span class="left" style="margin-right: 20px">公会背景图</span>
|
||||
<!-- action="/admin/tencent/cos/upload/file" -->
|
||||
<el-upload class="avatar-uploader"
|
||||
action="/admin/tencent/cos/upload/file"
|
||||
:show-file-list="false"
|
||||
:on-success="handleAvatarSuccess"
|
||||
:before-upload="beforeAvatarUpload"
|
||||
:on-error="handleAvatarError">
|
||||
<img v-if="ediObj.imageUrl1"
|
||||
:src="ediObj.imageUrl1"
|
||||
class="avatar" />
|
||||
<el-icon v-else
|
||||
class="avatar-uploader-icon">
|
||||
<el-upload
|
||||
class="avatar-uploader"
|
||||
action="/admin/tencent/cos/upload/file"
|
||||
:show-file-list="false"
|
||||
:on-success="handleAvatarSuccess"
|
||||
:before-upload="beforeAvatarUpload"
|
||||
:on-error="handleAvatarError"
|
||||
>
|
||||
<img v-if="ediObj.imageUrl1" :src="ediObj.imageUrl1" class="avatar" />
|
||||
<el-icon v-else class="avatar-uploader-icon">
|
||||
<Plus />
|
||||
</el-icon>
|
||||
</el-upload>
|
||||
</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="ediObj.guildNumber"
|
||||
style="width: 75%"
|
||||
class="input"></el-input>
|
||||
<span
|
||||
style="display: inline-block; margin-right: 20px"
|
||||
class="col-sm-2 control-label"
|
||||
>成员数量上限</span
|
||||
>
|
||||
<el-input
|
||||
v-model="ediObj.guildNumber"
|
||||
style="width: 75%"
|
||||
class="input"
|
||||
></el-input>
|
||||
</div>
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
<el-button @click="editDialog = false">取消</el-button>
|
||||
<el-button type="primary"
|
||||
@click="editDialogClick()">
|
||||
<el-button type="primary" @click="editDialogClick()">
|
||||
确认
|
||||
</el-button>
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
<!-- 二次确认删除弹窗 -->
|
||||
<el-dialog v-model="delDialog"
|
||||
title="提示"
|
||||
width="30%"
|
||||
center>
|
||||
<el-dialog v-model="delDialog" title="提示" width="30%" center>
|
||||
<span> 确定要解散该公会吗?</span>
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
<el-button @click="delDialog = false">取消</el-button>
|
||||
<el-button type="primary"
|
||||
@click="delClick()"> 确认 </el-button>
|
||||
<el-button type="primary" @click="delClick()"> 确认 </el-button>
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
<!-- 编辑收款账户弹窗 -->
|
||||
<el-dialog v-model="payAccountDialog"
|
||||
:title="payAccountTitle"
|
||||
width="28%"
|
||||
center>
|
||||
<el-dialog
|
||||
v-model="payAccountDialog"
|
||||
:title="payAccountTitle"
|
||||
width="28%"
|
||||
center
|
||||
>
|
||||
<!-- Payoneer -->
|
||||
<div style="margin-bottom: 25px; margin-top: 10px">
|
||||
<span style="display: inline-block; margin-right: 20px"
|
||||
class="col-sm-2 control-label">Payoneer</span>
|
||||
<el-input v-model="payAccount.payoneer"
|
||||
style="width: 75%"
|
||||
class="input"></el-input>
|
||||
<span
|
||||
style="display: inline-block; margin-right: 20px"
|
||||
class="col-sm-2 control-label"
|
||||
>Payoneer</span
|
||||
>
|
||||
<el-input
|
||||
v-model="payAccount.payoneer"
|
||||
style="width: 75%"
|
||||
class="input"
|
||||
></el-input>
|
||||
</div>
|
||||
<!-- USDT-ERC20 -->
|
||||
<div style="margin-bottom: 25px; margin-top: 10px">
|
||||
<span style="display: inline-block; margin-right: 20px"
|
||||
class="col-sm-2 control-label">USDT-ERC20</span>
|
||||
<el-input v-model="payAccount.usdt"
|
||||
style="width: 75%"
|
||||
class="input"></el-input>
|
||||
<span
|
||||
style="display: inline-block; margin-right: 20px"
|
||||
class="col-sm-2 control-label"
|
||||
>USDT-ERC20</span
|
||||
>
|
||||
<el-input
|
||||
v-model="payAccount.usdt"
|
||||
style="width: 75%"
|
||||
class="input"
|
||||
></el-input>
|
||||
</div>
|
||||
<!-- PayPal -->
|
||||
<div style="margin-bottom: 25px; margin-top: 10px">
|
||||
<span style="display: inline-block; margin-right: 20px"
|
||||
class="col-sm-2 control-label">PayPal</span>
|
||||
<el-input v-model="payAccount.payPal"
|
||||
style="width: 75%"
|
||||
class="input"></el-input>
|
||||
<span
|
||||
style="display: inline-block; margin-right: 20px"
|
||||
class="col-sm-2 control-label"
|
||||
>PayPal</span
|
||||
>
|
||||
<el-input
|
||||
v-model="payAccount.payPal"
|
||||
style="width: 75%"
|
||||
class="input"
|
||||
></el-input>
|
||||
</div>
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
<el-button @click="payAccountDialog = false">取消</el-button>
|
||||
<el-button type="primary"
|
||||
@click="payAccountClick()">
|
||||
<el-button type="primary" @click="payAccountClick()">
|
||||
保存
|
||||
</el-button>
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
<!-- 编辑成员弹窗 -->
|
||||
<el-dialog v-model="memberDialog"
|
||||
:title="memberTitle"
|
||||
width="36%"
|
||||
center>
|
||||
<el-dialog v-model="memberDialog" :title="memberTitle" width="36%" center>
|
||||
<!-- 新增用户 -->
|
||||
<div class="inquire">
|
||||
<span>平台ID</span>
|
||||
<el-input v-model="member.userID"
|
||||
placeholder="请输入新增平台id"
|
||||
class="input"></el-input>
|
||||
<el-button type="primary"
|
||||
@click="addMemberFun()"> 新增 </el-button>
|
||||
<el-input
|
||||
v-model="member.userID"
|
||||
placeholder="请输入新增平台id"
|
||||
class="input"
|
||||
></el-input>
|
||||
<el-button type="primary" @click="addMemberFun()"> 新增 </el-button>
|
||||
</div>
|
||||
<!-- 内嵌表格 -->
|
||||
<el-table v-loading="loading"
|
||||
:data="member.tableData"
|
||||
border
|
||||
style="width: 100%; margin-top: 25px">
|
||||
<el-table-column align="center"
|
||||
label="用户平台ID">
|
||||
<el-table
|
||||
v-loading="loading"
|
||||
:data="member.tableData"
|
||||
border
|
||||
style="width: 100%; margin-top: 25px"
|
||||
>
|
||||
<el-table-column align="center" label="用户平台ID">
|
||||
<template v-slot="scope">
|
||||
{{ scope.row.erbanNo
|
||||
}}{{
|
||||
@@ -394,61 +476,54 @@
|
||||
{{ scope.row.enable == false ? "(已离开)" : "" }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="nick"
|
||||
align="center"
|
||||
label="用户昵称" />
|
||||
<el-table-column prop="createTime"
|
||||
align="center"
|
||||
label="加入时间" />
|
||||
<el-table-column prop="adminName"
|
||||
align="center"
|
||||
label="操作人" />
|
||||
<el-table-column align="center"
|
||||
label="操作"
|
||||
width="300">
|
||||
<el-table-column prop="nick" align="center" label="用户昵称" />
|
||||
<el-table-column prop="createTime" align="center" label="加入时间" />
|
||||
<el-table-column prop="adminName" align="center" label="操作人" />
|
||||
<el-table-column align="center" label="操作" width="300">
|
||||
<template v-slot="scope">
|
||||
<el-button @click="setMemberFun(scope.row)"
|
||||
:class="scope.row.roleType == 2 ? 'danger' : 'primary'"
|
||||
:type="scope.row.roleType == 2 ? 'danger' : 'primary'"
|
||||
size="default"
|
||||
:disabled="scope.row.roleType == 1 ? true : false">{{
|
||||
<el-button
|
||||
@click="setMemberFun(scope.row)"
|
||||
:class="scope.row.roleType == 2 ? 'danger' : 'primary'"
|
||||
:type="scope.row.roleType == 2 ? 'danger' : 'primary'"
|
||||
size="default"
|
||||
:disabled="scope.row.roleType == 1 ? true : false"
|
||||
>{{
|
||||
scope.row.roleType == 1
|
||||
? "会长"
|
||||
: scope.row.roleType == 2
|
||||
? "取消管理员"
|
||||
: "设为管理员"
|
||||
}}</el-button>
|
||||
<el-button @click="
|
||||
}}</el-button
|
||||
>
|
||||
<el-button
|
||||
@click="
|
||||
memberRemoveObj = scope.row;
|
||||
memberRemoveDialog = true;
|
||||
"
|
||||
class="danger"
|
||||
type="danger"
|
||||
size="default"
|
||||
:disabled="scope.row.roleType == 1 ? true : false">删除</el-button>
|
||||
class="danger"
|
||||
type="danger"
|
||||
size="default"
|
||||
:disabled="scope.row.roleType == 1 ? true : false"
|
||||
>删除</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
<el-button type="primary"
|
||||
@click="memberDialog = false">
|
||||
<el-button type="primary" @click="memberDialog = false">
|
||||
关闭
|
||||
</el-button>
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
<!-- 二次确认删除弹窗 -->
|
||||
<el-dialog v-model="memberRemoveDialog"
|
||||
title="提示"
|
||||
width="30%"
|
||||
center>
|
||||
<el-dialog v-model="memberRemoveDialog" title="提示" width="30%" center>
|
||||
<span> 确定要删除该成员吗?</span>
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
<el-button @click="memberRemoveDialog = false">取消</el-button>
|
||||
<el-button type="primary"
|
||||
@click="delmemberRemoveClick()">
|
||||
<el-button type="primary" @click="delmemberRemoveClick()">
|
||||
确认
|
||||
</el-button>
|
||||
</span>
|
||||
@@ -468,6 +543,7 @@ import {
|
||||
addMember,
|
||||
setManager,
|
||||
removeMember,
|
||||
listPartitionInfo,
|
||||
} from "@/api/noblemanNew/noblemanNew";
|
||||
// @ts-ignore
|
||||
import { dateFormat } from "@/utils/system-helper";
|
||||
@@ -475,7 +551,7 @@ import { dateFormat } from "@/utils/system-helper";
|
||||
import { ElMessage } from "element-plus";
|
||||
export default {
|
||||
name: "GuildInfoNew",
|
||||
data () {
|
||||
data() {
|
||||
return {
|
||||
loading: false,
|
||||
delDialog: false,
|
||||
@@ -485,6 +561,8 @@ export default {
|
||||
userId: "",
|
||||
referrer: "",
|
||||
time: "",
|
||||
partitionId: "",
|
||||
partitionArr: [],
|
||||
},
|
||||
//新增所需对象
|
||||
resource: {
|
||||
@@ -533,12 +611,16 @@ export default {
|
||||
memberRemoveObj: {},
|
||||
};
|
||||
},
|
||||
created () {
|
||||
this.getData();
|
||||
created() {
|
||||
listPartitionInfo().then((res) => {
|
||||
this.inquire.partitionArr = res.data;
|
||||
this.inquire.partitionId = this.inquire.partitionArr[0].id;
|
||||
this.getData();
|
||||
});
|
||||
},
|
||||
methods: {
|
||||
// 查询接口
|
||||
getData () {
|
||||
getData() {
|
||||
this.loading = true;
|
||||
let time = this.inquire.time;
|
||||
let startTime = "";
|
||||
@@ -551,6 +633,7 @@ export default {
|
||||
erbanNo: this.inquire.userId,
|
||||
referrer: this.inquire.referrer,
|
||||
familyName: this.inquire.nick,
|
||||
partitionId: this.inquire.partitionId,
|
||||
// startDate: startTime,
|
||||
// endDate: endTime,
|
||||
pageNum: this.currentPage,
|
||||
@@ -562,7 +645,7 @@ export default {
|
||||
});
|
||||
},
|
||||
// 打开成员信息弹窗
|
||||
memberDialogFun (val) {
|
||||
memberDialogFun(val) {
|
||||
var than = this;
|
||||
than.memberTitle = `【${val.name}】成员信息`;
|
||||
than.memberNew = val;
|
||||
@@ -574,7 +657,7 @@ export default {
|
||||
});
|
||||
},
|
||||
// 二次确认删除成员
|
||||
delmemberRemoveClick () {
|
||||
delmemberRemoveClick() {
|
||||
removeMember({
|
||||
guildMemberId: this.memberRemoveObj.guildMemberId,
|
||||
}).then((res) => {
|
||||
@@ -600,7 +683,7 @@ export default {
|
||||
});
|
||||
},
|
||||
// 设置管理员
|
||||
setMemberFun (val) {
|
||||
setMemberFun(val) {
|
||||
setManager({
|
||||
guildMemberId: val.guildMemberId,
|
||||
status: val.roleType == 3 ? true : val.roleType == 2 ? false : null,
|
||||
@@ -627,7 +710,7 @@ export default {
|
||||
});
|
||||
},
|
||||
// 新增成员
|
||||
addMemberFun () {
|
||||
addMemberFun() {
|
||||
addMember({
|
||||
erbanNo: this.member.userID,
|
||||
guildId: this.memberNew.id,
|
||||
@@ -654,7 +737,7 @@ export default {
|
||||
});
|
||||
},
|
||||
// 打开收款账户弹窗
|
||||
payAccountDialogFun (val) {
|
||||
payAccountDialogFun(val) {
|
||||
this.payAccountTitle = `(${val.ownerNick}【ID:${val.ownerErbanNo}】)的收款账户`;
|
||||
this.payAccount.payoneer = val.payAccount.payoneer;
|
||||
this.payAccount.usdt = val.payAccount.usdt;
|
||||
@@ -663,7 +746,7 @@ export default {
|
||||
this.payAccountNew = val;
|
||||
},
|
||||
// 保存收款账户
|
||||
payAccountClick () {
|
||||
payAccountClick() {
|
||||
savePayAccount({
|
||||
id: this.payAccountNew.payAccount.familyId,
|
||||
payPal: this.payAccount.payPal,
|
||||
@@ -688,7 +771,7 @@ export default {
|
||||
});
|
||||
},
|
||||
// 导出
|
||||
exportInfoFun () {
|
||||
exportInfoFun() {
|
||||
let time = this.inquire.time;
|
||||
let startTime = "";
|
||||
let endTime = "";
|
||||
@@ -702,10 +785,10 @@ export default {
|
||||
familyName: this.inquire.nick,
|
||||
// startDate: startTime,
|
||||
// endDate: endTime,
|
||||
}).then((res) => { });
|
||||
}).then((res) => {});
|
||||
},
|
||||
// 添加
|
||||
add () {
|
||||
add() {
|
||||
this.addDialog = false;
|
||||
create({
|
||||
erbanNo: this.resource.id,
|
||||
@@ -728,7 +811,7 @@ export default {
|
||||
});
|
||||
},
|
||||
// 编辑按钮
|
||||
ediClick (res) {
|
||||
ediClick(res) {
|
||||
var obj = res.row;
|
||||
this.ediObj.leaderId = obj.ownerErbanNo;
|
||||
this.ediObj.leaderNick = obj.ownerNick;
|
||||
@@ -740,7 +823,7 @@ export default {
|
||||
this.editDialog = true;
|
||||
},
|
||||
// 二次确认弹窗
|
||||
editDialogClick () {
|
||||
editDialogClick() {
|
||||
console.log(this.ediObj);
|
||||
update({
|
||||
id: this.ediObj.id,
|
||||
@@ -768,7 +851,7 @@ export default {
|
||||
});
|
||||
},
|
||||
// 解散按钮
|
||||
delClick () {
|
||||
delClick() {
|
||||
console.log(this.delDialogData.id);
|
||||
var guildId = this.delDialogData.id;
|
||||
dismiss({ guildId }).then((res) => {
|
||||
@@ -790,21 +873,21 @@ export default {
|
||||
this.delDialog = false;
|
||||
});
|
||||
},
|
||||
beforeAvatarUpload () {
|
||||
beforeAvatarUpload() {
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: "上传中~",
|
||||
type: "warning",
|
||||
});
|
||||
},
|
||||
handleAvatarError () {
|
||||
handleAvatarError() {
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: "上传失败!",
|
||||
type: "error",
|
||||
});
|
||||
},
|
||||
handleAvatarSuccess (res, file) {
|
||||
handleAvatarSuccess(res, file) {
|
||||
console.log(file);
|
||||
this.ediObj.imageUrl1 = file.response.data;
|
||||
ElMessage({
|
||||
@@ -823,10 +906,10 @@ export default {
|
||||
});
|
||||
},
|
||||
// 分页导航
|
||||
handleSizeChange () {
|
||||
handleSizeChange() {
|
||||
this.getData();
|
||||
},
|
||||
handleCurrentChange () {
|
||||
handleCurrentChange() {
|
||||
this.getData();
|
||||
},
|
||||
},
|
||||
|
@@ -20,6 +20,17 @@
|
||||
:disabled="tableLoading"
|
||||
>
|
||||
<div class="search-line">
|
||||
<el-form-item label="分区" prop="partitionId">
|
||||
<el-select v-model="searchForm.partitionId" placeholder="请选择">
|
||||
<el-option
|
||||
v-for="item in partitionArr"
|
||||
:key="item.id"
|
||||
:label="item.desc"
|
||||
:value="item.id"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="MoliStar ID" prop="agencyOwnerErbanNo">
|
||||
<el-input
|
||||
v-model.trim="searchForm.agencyOwnerErbanNo"
|
||||
@@ -72,7 +83,9 @@
|
||||
|
||||
<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" plain @click="resetSearchForm"
|
||||
>重置搜索</el-button
|
||||
>
|
||||
<el-button
|
||||
type="primary"
|
||||
class="exportBtn"
|
||||
@@ -103,10 +116,11 @@
|
||||
v-loading="tableLoading"
|
||||
@header-click="headerCopy"
|
||||
@selection-change="handleSelectionChange"
|
||||
style="width: 100%;overflow-x: auto;"
|
||||
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="accountCountry" label="国家" />
|
||||
<el-table-column
|
||||
@@ -149,7 +163,12 @@
|
||||
{{ scope.row.remark ? scope.row.remark : "/" }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" prop="hallSalary" label="操作" width="150">
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="hallSalary"
|
||||
label="操作"
|
||||
width="150"
|
||||
>
|
||||
<template v-slot="scope">
|
||||
<div v-if="scope.row.status == 0">
|
||||
<el-button
|
||||
@@ -244,6 +263,7 @@ import {
|
||||
agencyWithdrawBatchSet,
|
||||
batchReject,
|
||||
adminCountry,
|
||||
listPartitionInfo,
|
||||
} from "@/api/relAgency/relAgency.js";
|
||||
import TablePagination from "@/components/common/TablePagination";
|
||||
import { formatDate, formatDateYMD } from "@/utils/relDate";
|
||||
@@ -282,7 +302,9 @@ export default {
|
||||
endTime: null,
|
||||
adminCountry: null,
|
||||
country: null,
|
||||
partitionId: null,
|
||||
},
|
||||
partitionArr: [],
|
||||
adminCountryArr: [],
|
||||
searchRule: {
|
||||
startTime: [
|
||||
@@ -334,6 +356,10 @@ export default {
|
||||
created() {
|
||||
adminCountry().then((res) => {
|
||||
this.adminCountryArr = res.data;
|
||||
});
|
||||
listPartitionInfo().then((res) => {
|
||||
this.partitionArr = res.data;
|
||||
this.searchForm.partitionId = this.partitionArr[0].id;
|
||||
this.getData();
|
||||
});
|
||||
},
|
||||
|
@@ -73,6 +73,7 @@
|
||||
<input type="checkbox" name="partitionFlag" value="1"/>英语区<br>
|
||||
<input type="checkbox" name="partitionFlag" value="2"/>阿拉伯语区<br>
|
||||
<input type="checkbox" name="partitionFlag" value="4"/>华语区<br>
|
||||
<input type="checkbox" name="partitionFlag" value="8"/>土耳其区<br>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
@@ -93,6 +94,12 @@
|
||||
<input type="text" class="form-control" name="headwearName" id="headwearEnName">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="headwearTrName" class="col-sm-3 control-label">土耳其头饰名称:</label>
|
||||
<div class="col-sm-9">
|
||||
<input type="text" class="form-control" name="headwearName" id="headwearTrName">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="col-sm-3 control-label">使用萝卜购买</label>
|
||||
<div class="col-sm-9">
|
||||
@@ -385,6 +392,7 @@ export default {
|
||||
{field: 'name.zh', title: '头饰名称', align: 'center', width: '5%'},
|
||||
{field: 'name.ar', title: '阿语头饰名称', align: 'center', width: '5%'},
|
||||
{field: 'name.en', title: '英语头饰名称', align: 'center', width: '5%'},
|
||||
{field: 'name.tr', title: '土耳其头饰名称', align: 'center', width: '5%'},
|
||||
{
|
||||
field: 'partitionFlag',
|
||||
title: '地区',
|
||||
@@ -401,6 +409,9 @@ export default {
|
||||
if ((val & 4) != 0) {
|
||||
value += '华语区<br>';
|
||||
}
|
||||
if ((val & 8) != 0) {
|
||||
value += '土耳其<br>';
|
||||
}
|
||||
return value;
|
||||
}
|
||||
},
|
||||
@@ -643,6 +654,7 @@ export default {
|
||||
$("#headwearName").val("");
|
||||
$("#headwearArName").val("");
|
||||
$("#headwearEnName").val("");
|
||||
$("#headwearTrName").val("");
|
||||
$("#price").val("");
|
||||
$("#renewPrice").val("");
|
||||
$("#originalPrice").val("");
|
||||
@@ -688,8 +700,9 @@ export default {
|
||||
var headwearName = $("#headwearName").val();
|
||||
var headwearArName = $("#headwearArName").val();
|
||||
var headwearEnName = $("#headwearEnName").val();
|
||||
var headwearTrName = $("#headwearTrName").val();
|
||||
// 国际化字段
|
||||
var jsonName = {"zh":headwearName,"ar":headwearArName,"en":headwearEnName}
|
||||
var jsonName = {"zh":headwearName,"ar":headwearArName,"en":headwearEnName,"tr":headwearTrName}
|
||||
const nameValue = JSON.stringify(jsonName);
|
||||
var price = $("#price").val();
|
||||
var renewPrice = $("#renewPrice").val();
|
||||
@@ -825,10 +838,12 @@ export default {
|
||||
$("#headwearName").val(jsonName.zh);
|
||||
$("#headwearArName").val(jsonName.ar);
|
||||
$("#headwearEnName").val(jsonName.en);
|
||||
$("#headwearTrName").val(jsonName.tr);
|
||||
} else {
|
||||
$("#headwearName").val(name);
|
||||
$("#headwearArName").val(name);
|
||||
$("#headwearEnName").val(name);
|
||||
$("#headwearTrName").val(name);
|
||||
}
|
||||
|
||||
$("#price").val(json.price);
|
||||
|
File diff suppressed because it is too large
Load Diff
@@ -12,9 +12,9 @@
|
||||
>
|
||||
<el-option
|
||||
v-for="item in inquire.options"
|
||||
:key="item.type"
|
||||
:label="item.name"
|
||||
:value="item.type"
|
||||
:key="item.id"
|
||||
:label="item.desc"
|
||||
:value="item.id"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
@@ -31,6 +31,11 @@
|
||||
</el-date-picker>
|
||||
</div>
|
||||
</div>
|
||||
<el-button type="text">总进入:{{ totalInput }}</el-button>
|
||||
<el-button type="text">总退出:{{ totalOutput }}</el-button>
|
||||
<el-button type="text"
|
||||
>总比例:{{ totalProductionRatio }}</el-button
|
||||
>
|
||||
<!-- 按钮 -->
|
||||
<div class="but">
|
||||
<el-button class="primary" type="primary" @click="getData()"
|
||||
@@ -134,7 +139,7 @@
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import { personal, updateUserMulti } from "@/api/luckGift/luckGift";
|
||||
import { personal, updateUserMulti,listPartitionInfo } from "@/api/luckGift/luckGift";
|
||||
// @ts-ignore
|
||||
import { dateFormat } from "@/utils/system-helper";
|
||||
// @ts-ignore
|
||||
@@ -145,25 +150,15 @@ export default {
|
||||
data() {
|
||||
return {
|
||||
loading: false,
|
||||
totalInput: 0,
|
||||
totalOutput: 0,
|
||||
totalProductionRatio: 0,
|
||||
//查询所需条件对象
|
||||
inquire: {
|
||||
userId: "",
|
||||
time: "",
|
||||
value: 2,
|
||||
options: [
|
||||
{
|
||||
name: "阿拉伯区",
|
||||
type: 2,
|
||||
},
|
||||
{
|
||||
name: "英语区",
|
||||
type: 1,
|
||||
},
|
||||
{
|
||||
name: "华语区",
|
||||
type: 4,
|
||||
},
|
||||
],
|
||||
value: "",
|
||||
options: [],
|
||||
},
|
||||
// 表格
|
||||
tableData: [],
|
||||
@@ -177,16 +172,20 @@ export default {
|
||||
};
|
||||
},
|
||||
created() {
|
||||
listPartitionInfo().then((res) => {
|
||||
this.inquire.options = res.data;
|
||||
this.inquire.value = this.inquire.options[0].id;
|
||||
});
|
||||
// this.getData();
|
||||
},
|
||||
methods: {
|
||||
// 查询接口
|
||||
getData() {
|
||||
console.log(dateFormat(this.inquire.time, "yyyy-MM-dd"));
|
||||
if (!this.inquire.time) {
|
||||
if (!this.inquire.time && this.inquire.userId == '') {
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: "请选择时间",
|
||||
message: "时间和ID至少填一项",
|
||||
type: "error",
|
||||
});
|
||||
return;
|
||||
@@ -196,12 +195,16 @@ export default {
|
||||
erbanNo: this.inquire.userId,
|
||||
pageNo: this.currentPage,
|
||||
pageSize: this.pageSize,
|
||||
startDate: dateFormat(this.inquire.time, "yyyy-MM-dd"),
|
||||
endDate: dateFormat(this.inquire.time, "yyyy-MM-dd"),
|
||||
date: this.inquire.time
|
||||
? dateFormat(this.inquire.time, "yyyy-MM-dd")
|
||||
: null,
|
||||
partitionId: this.inquire.value,
|
||||
}).then((res) => {
|
||||
this.total = res.data.total;
|
||||
this.tableData = res.data.rows;
|
||||
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;
|
||||
});
|
||||
},
|
||||
|
@@ -7,19 +7,19 @@
|
||||
<el-select v-model="inquire.value" placeholder="请选择">
|
||||
<el-option
|
||||
v-for="item in inquire.options"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
:key="item.id"
|
||||
:label="item.desc"
|
||||
:value="item.id"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<!-- 时间 -->
|
||||
<div class="inquire">
|
||||
<!-- <div class="inquire">
|
||||
<span>时间</span>
|
||||
<el-date-picker v-model="inquire.time" type="date" placeholder="请选择">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
<!-- 按钮 -->
|
||||
<div class="but">
|
||||
@@ -27,7 +27,9 @@
|
||||
>查询
|
||||
</el-button>
|
||||
</div>
|
||||
|
||||
<el-button type="text">数组出金币总额:{{ totalInput }}</el-button>
|
||||
<el-button type="text">数组出返币总额:{{ totalOutput }}</el-button>
|
||||
<el-button type="text">投产比:{{ totalProductionRatio }}</el-button>
|
||||
<!-- 表格 -->
|
||||
<el-table
|
||||
v-loading="loading"
|
||||
@@ -38,26 +40,21 @@
|
||||
<el-table-column prop="date" align="center" label="日期" />
|
||||
<el-table-column prop="totalInput" align="center" label="进入" />
|
||||
<el-table-column prop="totalOutput" align="center" label="退出" />
|
||||
<el-table-column prop="x" align="center" label="退出/进入比例"
|
||||
><template v-slot="scope">
|
||||
{{ (scope.row.totalOutput / scope.row.totalInput).toFixed(4) }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="productionRatio"
|
||||
align="center"
|
||||
label="退出/进入比例"
|
||||
/>
|
||||
<el-table-column prop="num" align="center" label="参与次数" />
|
||||
<el-table-column prop="count" align="center" label="参与人数" />
|
||||
<el-table-column prop="winCount" align="center" label="得到人数" />
|
||||
<el-table-column prop="winNum" align="center" label="得到次数" />
|
||||
<el-table-column prop="winRate" align="center" label="得到率"
|
||||
><template v-slot="scope">
|
||||
{{ scope.row.winRate ? scope.row.winRate : "-" }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="stock" align="center" label="数组库存" />
|
||||
<el-table-column prop="winRate" align="center" label="得到率" />
|
||||
</el-table>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import { platform } from "@/api/luckGift/luckGift";
|
||||
import { platform,listPartitionInfo } from "@/api/luckGift/luckGift";
|
||||
// @ts-ignore
|
||||
import { dateFormat } from "@/utils/system-helper";
|
||||
// @ts-ignore
|
||||
@@ -68,23 +65,13 @@ export default {
|
||||
data() {
|
||||
return {
|
||||
loading: false,
|
||||
totalInput: "0",
|
||||
totalOutput: "0",
|
||||
totalProductionRatio: "0",
|
||||
//查询所需条件对象
|
||||
inquire: {
|
||||
value: 2,
|
||||
options: [
|
||||
{
|
||||
value: 2,
|
||||
label: "阿拉伯区",
|
||||
},
|
||||
{
|
||||
value: 1,
|
||||
label: "英语区",
|
||||
},
|
||||
{
|
||||
value: 4,
|
||||
label: "华语区",
|
||||
},
|
||||
],
|
||||
value: "",
|
||||
options: [],
|
||||
time: "",
|
||||
},
|
||||
// 表格
|
||||
@@ -96,31 +83,24 @@ export default {
|
||||
};
|
||||
},
|
||||
created() {
|
||||
listPartitionInfo().then((res) => {
|
||||
this.inquire.options = res.data;
|
||||
this.inquire.value = this.inquire.options[0].id;
|
||||
});
|
||||
// this.getData();
|
||||
},
|
||||
methods: {
|
||||
// 查询接口
|
||||
getData() {
|
||||
console.log(dateFormat(this.inquire.time, "yyyy-MM-dd"));
|
||||
if (!this.inquire.time) {
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: "请选择时间",
|
||||
type: "error",
|
||||
});
|
||||
return;
|
||||
}
|
||||
this.loading = true;
|
||||
platform({
|
||||
erbanNo: this.inquire.userId,
|
||||
startDate: dateFormat(this.inquire.time, "yyyy-MM-dd"),
|
||||
endDate: dateFormat(this.inquire.time, "yyyy-MM-dd"),
|
||||
partitionId: this.inquire.value,
|
||||
}).then((res) => {
|
||||
this.total = res.data.total;
|
||||
this.tableData = res.data;
|
||||
this.totalInput = res.data.totalInput;
|
||||
this.totalOutput = res.data.totalOutput;
|
||||
this.totalProductionRatio = res.data.totalProductionRatio;
|
||||
this.tableData = res.data.dataList;
|
||||
this.loading = false;
|
||||
console.log(this.tableData, 123);
|
||||
});
|
||||
},
|
||||
// 分页导航
|
||||
|
@@ -357,6 +357,10 @@ export default {
|
||||
name: "华语区",
|
||||
type: 4,
|
||||
},
|
||||
{
|
||||
name: "土耳其区",
|
||||
type: 8,
|
||||
},
|
||||
],
|
||||
comparisonValue: "",
|
||||
goldInventory: "",
|
||||
|
@@ -48,6 +48,9 @@
|
||||
<el-table-column prop="name" align="center" label="勋章名称-阿语区">
|
||||
<template v-slot="scope">{{ JSON.parse(scope.row.name).ar }}</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="name" align="center" label="勋章名称-土耳其区">
|
||||
<template v-slot="scope">{{ JSON.parse(scope.row.name).tr }}</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="picUrl"
|
||||
@@ -182,6 +185,19 @@
|
||||
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="controlsObj.nickTr"
|
||||
placeholder=""
|
||||
class="input"
|
||||
></el-input>
|
||||
</div>
|
||||
|
||||
<!-- 勋章图片 -->
|
||||
<div style="margin-bottom: 25px; margin-top: 10px; display: flex">
|
||||
@@ -198,10 +214,7 @@
|
||||
:before-upload="beforeAvatarUpload"
|
||||
:on-error="handleAvatarError"
|
||||
>
|
||||
<img
|
||||
:src="controlsObj.imageUrl1"
|
||||
class="avatar"
|
||||
/>
|
||||
<img :src="controlsObj.imageUrl1" class="avatar" />
|
||||
</el-upload>
|
||||
</div>
|
||||
|
||||
@@ -349,6 +362,7 @@ export default {
|
||||
nickZh: "",
|
||||
nickEn: "",
|
||||
nickAr: "",
|
||||
nickTr: "",
|
||||
imageUrl1: "",
|
||||
value2: "",
|
||||
options2: [
|
||||
@@ -419,6 +433,7 @@ export default {
|
||||
this.controlsObj.nickZh = "";
|
||||
this.controlsObj.nickEn = "";
|
||||
this.controlsObj.nickAr = "";
|
||||
this.controlsObj.nickTr = "";
|
||||
this.controlsObj.imageUrl1 = "";
|
||||
this.controlsObj.value2 = "";
|
||||
this.controlsDialog = true;
|
||||
@@ -431,6 +446,7 @@ export default {
|
||||
this.controlsObj.nickZh = JSON.parse(val.name).zh;
|
||||
this.controlsObj.nickEn = JSON.parse(val.name).en;
|
||||
this.controlsObj.nickAr = JSON.parse(val.name).ar;
|
||||
this.controlsObj.nickTr = JSON.parse(val.name).tr;
|
||||
this.controlsObj.imageUrl1 = val.picUrl;
|
||||
this.controlsObj.value2 = val.enable;
|
||||
this.controlsObj.id = val.id;
|
||||
@@ -452,6 +468,7 @@ export default {
|
||||
zh: this.controlsObj.nickZh,
|
||||
en: this.controlsObj.nickEn,
|
||||
ar: this.controlsObj.nickAr,
|
||||
tr: this.controlsObj.nickTr,
|
||||
});
|
||||
obj.picUrl = this.controlsObj.imageUrl1;
|
||||
obj.enable = this.controlsObj.value2;
|
||||
@@ -480,6 +497,7 @@ export default {
|
||||
zh: this.controlsObj.nickZh,
|
||||
en: this.controlsObj.nickEn,
|
||||
ar: this.controlsObj.nickAr,
|
||||
tr: this.controlsObj.nickTr,
|
||||
});
|
||||
obj1.picUrl = this.controlsObj.imageUrl1;
|
||||
obj1.enable = this.controlsObj.value2;
|
||||
@@ -535,32 +553,51 @@ export default {
|
||||
//1 2 4
|
||||
var val = 0;
|
||||
if (type == 2) {
|
||||
if (num == 0 || num == 7) {
|
||||
val = [4, 1, 2];
|
||||
if (num == 0 || num == 15) {
|
||||
val = [1, 2, 4, 8];
|
||||
}
|
||||
if (num == 0 || num == 15) {
|
||||
val = [1, 2, 4, 8];
|
||||
} else if (num == 1) {
|
||||
val = [1];
|
||||
} else if (num == 3) {
|
||||
val = [1, 2];
|
||||
} else if (num == 7) {
|
||||
val = [1, 2, 4];
|
||||
} else if (num == 2) {
|
||||
val = [2];
|
||||
} else if (num == 6) {
|
||||
val = [2, 4];
|
||||
} else if (num == 14) {
|
||||
val = [2, 4, 8];
|
||||
} else if (num == 4) {
|
||||
val = [4];
|
||||
} else if (num == 12) {
|
||||
val = [4, 8];
|
||||
} else if (num == 8) {
|
||||
val = [8];
|
||||
}
|
||||
} else {
|
||||
if (num == 0 || num == 7) {
|
||||
val = "华语区、英语区、阿语区";
|
||||
if (num == 0 || num == 15) {
|
||||
val = "英语区、阿语区、华语区、土耳其区";
|
||||
} else if (num == 1) {
|
||||
val = "英语区";
|
||||
} else if (num == 3) {
|
||||
val = "英语区、阿语区";
|
||||
} else if (num == 7) {
|
||||
val = "英语区、阿语区、华语区";
|
||||
} else if (num == 2) {
|
||||
val = "阿语区";
|
||||
} else if (num == 6) {
|
||||
val = "阿语区、华语区";
|
||||
} else if (num == 14) {
|
||||
val = "阿语区、华语区、土耳其区";
|
||||
} else if (num == 4) {
|
||||
val = "华语区";
|
||||
} else if (num == 12) {
|
||||
val = "华语区、土耳其区";
|
||||
} else if (num == 8) {
|
||||
val = "土耳其区";
|
||||
}
|
||||
}
|
||||
return val;
|
||||
|
@@ -74,6 +74,7 @@
|
||||
<input type="checkbox" name="partitionFlag" value="1"/>英语区<br>
|
||||
<input type="checkbox" name="partitionFlag" value="2"/>阿拉伯语区<br>
|
||||
<input type="checkbox" name="partitionFlag" value="4"/>华语区<br>
|
||||
<input type="checkbox" name="partitionFlag" value="8"/>土耳其区<br>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
@@ -103,6 +104,12 @@
|
||||
<input type="text" class="form-control validate[required]" name="name1" id="en_name1" placeholder="请输入,5个字符内">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="tr_name1" class="col-sm-4 control-label">土耳其铭牌名称:</label>
|
||||
<div class="col-sm-6">
|
||||
<input type="text" class="form-control validate[required]" name="name1" id="tr_name1" placeholder="请输入,5个字符内">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="col-sm-4 control-label">用户自定义文案:</label>
|
||||
<div class="col-sm-6">
|
||||
@@ -129,6 +136,12 @@
|
||||
<input type="text" class="form-control" name="enFixedWord" id="enFixedWord">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="trFixedWord" class="col-sm-4 control-label">土耳其固定文案:</label>
|
||||
<div class="col-sm-6">
|
||||
<input type="text" class="form-control" name="trFixedWord" id="trFixedWord">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="days" class="col-sm-4 control-label">有效期(天):</label>
|
||||
@@ -247,6 +260,7 @@ export default {
|
||||
{field: 'name.zh', title: '铭牌名称', align: 'middle', width: '5%'},
|
||||
{field: 'name.ar', title: '阿语铭牌名称', align: 'middle', width: '5%'},
|
||||
{field: 'name.en', title: '英语铭牌名称', align: 'middle', width: '5%'},
|
||||
{field: 'name.tr', title: '土耳其名称', align: 'middle', width: '5%'},
|
||||
{
|
||||
field: 'partitionFlag',
|
||||
title: '地区',
|
||||
@@ -263,6 +277,9 @@ export default {
|
||||
if ((val & 4) != 0) {
|
||||
value += '华语区<br>';
|
||||
}
|
||||
if ((val & 8) != 0) {
|
||||
value += '土耳其区<br>';
|
||||
}
|
||||
return value;
|
||||
}
|
||||
},
|
||||
@@ -320,6 +337,19 @@ export default {
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
field: 'fixedWord.tr',
|
||||
title: '土耳其固定文案',
|
||||
align: 'middle',
|
||||
width: '5%',
|
||||
formatter: function (val, row, index) {
|
||||
if (isEmpty(val)) {
|
||||
return '/';
|
||||
} else {
|
||||
return val;
|
||||
}
|
||||
}
|
||||
},
|
||||
{ field: 'days', title: '有效期(天)', align: 'middle', width: '5%' },
|
||||
{ field: 'statusStr', title: '状态', align: 'middle', width: '5%' },
|
||||
{ field: 'typeStr', title: '铭牌款式', align: 'middle', width: '5%' },
|
||||
@@ -454,10 +484,12 @@ export default {
|
||||
$("#name1").val(jsonName.zh);
|
||||
$("#ar_name1").val(jsonName.ar);
|
||||
$("#en_name1").val(jsonName.en);
|
||||
$("#tr_name1").val(jsonName.tr);
|
||||
} else {
|
||||
$("#name1").val(name);
|
||||
$("#ar_name1").val(name);
|
||||
$("#en_name1").val(name);
|
||||
$("#tr_name1").val(name);
|
||||
}
|
||||
let fixedWord = json.fixedWord;
|
||||
if (fixedWord && fixedWord.startsWith('{') && fixedWord.endsWith('}')) {
|
||||
@@ -465,10 +497,12 @@ export default {
|
||||
$('#zhFixedWord').val(jsonValue.zh);
|
||||
$('#arFixedWord').val(jsonValue.ar);
|
||||
$('#enFixedWord').val(jsonValue.en);
|
||||
$('#trFixedWord').val(jsonValue.tr);
|
||||
} else {
|
||||
$('#zhFixedWord').val(fixedWord);
|
||||
$('#arFixedWord').val(fixedWord);
|
||||
$('#enFixedWord').val(fixedWord);
|
||||
$('#trFixedWord').val(fixedWord);
|
||||
}
|
||||
$('#nameplateType1').attr("disabled", "true");
|
||||
if (!json.isCustomWord) {
|
||||
@@ -477,6 +511,7 @@ export default {
|
||||
$('#zhFixedWord').val('');
|
||||
$('#arFixedWord').val('');
|
||||
$('#enFixedWord').val('');
|
||||
$('#trFixedWord').val('');
|
||||
} else {
|
||||
$('input[name="isCustomWord"]').get(1).checked = true;
|
||||
$('#fixedWord-div').removeClass("hidden");
|
||||
@@ -553,17 +588,19 @@ export default {
|
||||
var zhFixedWord = $('#zhFixedWord').val();
|
||||
var arFixedWord = $('#arFixedWord').val();
|
||||
var enFixedWord = $('#enFixedWord').val();
|
||||
var trFixedWord = $('#trFixedWord').val();
|
||||
let fixedWordValue = '';
|
||||
if (!(zhFixedWord == '' && arFixedWord == '' && enFixedWord == '')) {
|
||||
let jsonFixedWord = {'zh': zhFixedWord, 'ar': arFixedWord, 'en': enFixedWord};
|
||||
if (!(zhFixedWord == '' && arFixedWord == '' && enFixedWord == '' && trFixedWord=="")) {
|
||||
let jsonFixedWord = {'zh': zhFixedWord, 'ar': arFixedWord, 'en': enFixedWord,'tr':trFixedWord};
|
||||
fixedWordValue = JSON.stringify(jsonFixedWord);
|
||||
}
|
||||
var isCustomWord = $('input[name="isCustomWord"]:checked').val();
|
||||
var name = $('#name1').val();
|
||||
var ar_name = $('#ar_name1').val();
|
||||
var en_name = $('#en_name1').val();
|
||||
var tr_name = $('#tr_name1').val();
|
||||
|
||||
var jsonName = {"zh":name,"ar":ar_name,"en":en_name}
|
||||
var jsonName = {"zh":name,"ar":ar_name,"en":en_name,"tr":tr_name}
|
||||
const nameValue = JSON.stringify(jsonName);
|
||||
var nameplateType = $('#nameplateType1').val();
|
||||
var id = $('#id').val();
|
||||
@@ -771,12 +808,14 @@ function cleanNamePlateModal() {
|
||||
$('#zhFixedWord').val('');
|
||||
$('#arFixedWord').val('');
|
||||
$('#enFixedWord').val('');
|
||||
$('#trFixedWord').val('');
|
||||
$('input[name="isCustomWord"]').each(function () {
|
||||
$(this).removeAttr("checked");
|
||||
});
|
||||
$('#name1').val('');
|
||||
$('#ar_name1').val('');
|
||||
$('#en_name1').val('');
|
||||
$('#tr_name1').val('');
|
||||
$('#nameplateType1').val('');
|
||||
$('#name1').removeAttr("readonly");
|
||||
$('#nameplateType1').removeAttr("disabled");
|
||||
|
@@ -133,6 +133,38 @@
|
||||
</el-table-column>
|
||||
<!-- <el-table-column prop="goldIncome" align="center" label="金币总收入" />
|
||||
<el-table-column prop="diamondRemain" align="center" label="钻石总收入" /> -->
|
||||
<el-table-column
|
||||
prop="guildContact"
|
||||
align="center"
|
||||
label="公会联系方式"
|
||||
/>
|
||||
<el-table-column align="center" prop="idCard" label="公会长身份证件">
|
||||
<template v-slot="scope">
|
||||
<el-image
|
||||
style="width: 100px; height: 100px"
|
||||
:src="scope.row.idCard"
|
||||
:zoom-rate="1.1"
|
||||
:preview-src-list="[scope.row.idCard]"
|
||||
fit="scale-down"
|
||||
preview-teleported="true"
|
||||
hide-on-click-modal="true"
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="inviteErbanNo" align="center" label="邀请人ID" />
|
||||
<el-table-column prop="inviteCheck" align="center" label="邀请人证明">
|
||||
<template v-slot="scope">
|
||||
<el-image
|
||||
style="width: 100px; height: 100px"
|
||||
:src="scope.row.inviteCheck"
|
||||
:zoom-rate="1.1"
|
||||
:preview-src-list="[scope.row.inviteCheck]"
|
||||
fit="scale-down"
|
||||
preview-teleported="true"
|
||||
hide-on-click-modal="true"
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column align="center" label="操作" width="300">
|
||||
<template v-slot="scope">
|
||||
|
367
src/views/nobleman/newGuildApplication.vue
Normal file
367
src/views/nobleman/newGuildApplication.vue
Normal file
@@ -0,0 +1,367 @@
|
||||
<template>
|
||||
<div class="box">
|
||||
<!-- 查询 -->
|
||||
<div class="inquire">
|
||||
<span>分区</span>
|
||||
<el-select v-model="inquire.partitionId" placeholder="请选择">
|
||||
<el-option
|
||||
v-for="item in inquire.partitionArr"
|
||||
:key="item.id"
|
||||
:label="item.desc"
|
||||
:value="item.id"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="inquire">
|
||||
<span>平台ID</span>
|
||||
<el-input
|
||||
v-model="inquire.userId"
|
||||
placeholder=""
|
||||
class="input"
|
||||
></el-input>
|
||||
</div>
|
||||
<div class="inquire">
|
||||
<span>状态</span>
|
||||
<el-select v-model="inquire.status" placeholder="请选择">
|
||||
<el-option
|
||||
v-for="item in inquire.statusArr"
|
||||
:key="item.id"
|
||||
:label="item.desc"
|
||||
:value="item.id"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<!-- 时间选择器 -->
|
||||
<div class="inquire">
|
||||
<div class="block">
|
||||
<span class="demonstration">日期</span>
|
||||
<el-date-picker
|
||||
v-model="inquire.time"
|
||||
type="datetimerange"
|
||||
range-separator="至"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="结束日期"
|
||||
>
|
||||
</el-date-picker>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 查询按钮 -->
|
||||
<el-button class="primary" type="primary" @click="getData()"
|
||||
>查询</el-button
|
||||
>
|
||||
<el-button class="primary" type="primary" @click="addDialog = true"
|
||||
>重置搜索</el-button
|
||||
>
|
||||
|
||||
<!-- 表格 -->
|
||||
<el-table
|
||||
v-loading="loading"
|
||||
:data="tableData"
|
||||
border
|
||||
style="width: 100%; margin-top: 25px"
|
||||
>
|
||||
<el-table-column prop="id" align="center" label="序号" />
|
||||
<el-table-column prop="guildId" align="center" label="公会ID" />
|
||||
<el-table-column prop="erbanNo" align="center" label="公会长ID" />
|
||||
<el-table-column prop="nick" align="center" label="公会长昵称" />
|
||||
<el-table-column align="center" prop="giftInfo" label="公会长头像">
|
||||
<template v-slot="scope">
|
||||
<el-image
|
||||
style="width: 100px; height: 100px"
|
||||
:src="scope.row.avatar"
|
||||
:zoom-rate="1.1"
|
||||
:preview-src-list="[scope.row.avatar]"
|
||||
fit="scale-down"
|
||||
preview-teleported="true"
|
||||
hide-on-click-modal="true"
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="guildName" align="center" label="公会昵称" />
|
||||
<el-table-column align="center" prop="giftInfo" label="公会头像">
|
||||
<template v-slot="scope">
|
||||
<el-image
|
||||
style="width: 100px; height: 100px"
|
||||
:src="scope.row.guildAvatar"
|
||||
:zoom-rate="1.1"
|
||||
:preview-src-list="[scope.row.guildAvatar]"
|
||||
fit="scale-down"
|
||||
preview-teleported="true"
|
||||
hide-on-click-modal="true"
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="guildContact"
|
||||
align="center"
|
||||
label="公会联系方式"
|
||||
/>
|
||||
<el-table-column align="center" prop="idCard" label="公会长身份证件">
|
||||
<template v-slot="scope">
|
||||
<el-image
|
||||
style="width: 100px; height: 100px"
|
||||
:src="scope.row.idCard"
|
||||
:zoom-rate="1.1"
|
||||
:preview-src-list="[scope.row.idCard]"
|
||||
fit="scale-down"
|
||||
preview-teleported="true"
|
||||
hide-on-click-modal="true"
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="inviteErbanNo" align="center" label="邀请人ID" />
|
||||
<el-table-column prop="inviteCheck" align="center" label="邀请人证明">
|
||||
<template v-slot="scope">
|
||||
<el-image
|
||||
style="width: 100px; height: 100px"
|
||||
:src="scope.row.inviteCheck"
|
||||
:zoom-rate="1.1"
|
||||
:preview-src-list="[scope.row.inviteCheck]"
|
||||
fit="scale-down"
|
||||
preview-teleported="true"
|
||||
hide-on-click-modal="true"
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="applyTime" align="center" label="申请时间" />
|
||||
<el-table-column prop="auditStatus" align="center" label="状态">
|
||||
<template v-slot="scope">
|
||||
{{
|
||||
scope.row.auditStatus == 0
|
||||
? "未审核"
|
||||
: scope.row.auditStatus == 1
|
||||
? "已通过"
|
||||
: "拒绝"
|
||||
}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="adminName" align="center" label="操作人" />
|
||||
<el-table-column align="center" label="操作">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
v-show="scope.row.auditStatus == 0"
|
||||
@click="agree(scope.row.id)"
|
||||
type="text"
|
||||
size="default"
|
||||
>同意</el-button
|
||||
>
|
||||
<el-button
|
||||
v-show="scope.row.auditStatus == 0"
|
||||
@click="refuse(scope.row.id)"
|
||||
type="text"
|
||||
size="default"
|
||||
>拒绝</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!-- 分页 -->
|
||||
<el-pagination
|
||||
style="margin-top: 10px"
|
||||
class="paginationClass"
|
||||
v-model:current-page="currentPage"
|
||||
v-model:page-size="pageSize"
|
||||
:page-sizes="[10, 20, 30, 40, 50, 100, 200, 300, 400, 500, 999999999]"
|
||||
layout="sizes, prev, pager, next"
|
||||
:total="total"
|
||||
@size-change="handleSizeChange"
|
||||
@current-change="handleCurrentChange"
|
||||
/>
|
||||
<!-- 二次确认删除弹窗 -->
|
||||
<el-dialog v-model="delDialog" title="提示" width="30%" center>
|
||||
<span> 确定要解散该公会吗?</span>
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
<el-button @click="delDialog = false">取消</el-button>
|
||||
<el-button type="primary" @click="delClick()"> 确认 </el-button>
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import {
|
||||
listPartitionInfo,
|
||||
guildApplyList,
|
||||
guildApplyAudit,
|
||||
} from "@/api/nobleman/nobleman";
|
||||
// @ts-ignore
|
||||
import { dateFormat } from "@/utils/system-helper";
|
||||
// @ts-ignore
|
||||
import { ElMessage } from "element-plus";
|
||||
export default {
|
||||
name: "newGuildApplication",
|
||||
data() {
|
||||
return {
|
||||
loading: false,
|
||||
//查询所需条件对象
|
||||
inquire: {
|
||||
partitionId: "",
|
||||
partitionArr: [],
|
||||
userId: "",
|
||||
status: -1,
|
||||
statusArr: [
|
||||
{ desc: "未审核", id: 0 },
|
||||
{ desc: "全部", id: -1 },
|
||||
{ desc: "通过", id: 1 },
|
||||
{ desc: "已拒绝", id: 2 },
|
||||
],
|
||||
time: "",
|
||||
},
|
||||
// 表格
|
||||
tableData: [],
|
||||
// 新增弹窗
|
||||
addDialog: false,
|
||||
// 分页
|
||||
total: 10, //总页数
|
||||
currentPage: 1, //页码
|
||||
pageSize: 10, //条数
|
||||
};
|
||||
},
|
||||
created() {
|
||||
listPartitionInfo().then((res) => {
|
||||
console.log(res.data);
|
||||
this.inquire.partitionArr = res.data;
|
||||
this.inquire.partitionId = this.inquire.partitionArr[0].id;
|
||||
});
|
||||
},
|
||||
methods: {
|
||||
// 查询接口
|
||||
getData() {
|
||||
this.loading = true;
|
||||
let time = this.inquire.time;
|
||||
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");
|
||||
}
|
||||
guildApplyList({
|
||||
partitionId: this.inquire.partitionId,
|
||||
erbanNo: this.inquire.userId,
|
||||
auditStatus: this.inquire.status,
|
||||
startDate: startTime,
|
||||
endDate: endTime,
|
||||
pageNo: this.currentPage,
|
||||
pageSize: this.pageSize,
|
||||
}).then((res) => {
|
||||
if (res.code == 200) {
|
||||
this.total = res.data.total;
|
||||
this.tableData = res.data.rows;
|
||||
this.loading = false;
|
||||
} else {
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: res.message,
|
||||
type: "error",
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
agree(id) {
|
||||
guildApplyAudit({
|
||||
auditStatus: 1,
|
||||
id,
|
||||
}).then((res) => {
|
||||
if (res.code == 200) {
|
||||
this.getData();
|
||||
} else {
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: res.message,
|
||||
type: "error",
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
refuse(id) {
|
||||
guildApplyAudit({
|
||||
auditStatus: 2,
|
||||
id,
|
||||
}).then((res) => {
|
||||
if (res.code == 200) {
|
||||
this.getData();
|
||||
} else {
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: res.message,
|
||||
type: "error",
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
beforeAvatarUpload() {
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: "上传中~",
|
||||
type: "warning",
|
||||
});
|
||||
},
|
||||
handleAvatarError() {
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: "上传失败!",
|
||||
type: "error",
|
||||
});
|
||||
},
|
||||
handleAvatarSuccess2(res, file) {
|
||||
this.ediObj.imageUrl2 = file.response.data;
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: "上传成功!",
|
||||
type: "success",
|
||||
});
|
||||
},
|
||||
handleAvatarSuccess(res, file) {
|
||||
this.ediObj.imageUrl1 = file.response.data;
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: "上传成功!",
|
||||
type: "success",
|
||||
});
|
||||
},
|
||||
// 分页导航
|
||||
handleSizeChange() {
|
||||
this.getData();
|
||||
},
|
||||
handleCurrentChange() {
|
||||
this.getData();
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style lang="less" scoped>
|
||||
.box {
|
||||
padding-top: 20px;
|
||||
background: #ecf0f5;
|
||||
.inquire {
|
||||
display: inline-block;
|
||||
margin-right: 20px;
|
||||
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>
|
166
src/views/privilege/personalHomepageGiftRecordManagement.vue
Normal file
166
src/views/privilege/personalHomepageGiftRecordManagement.vue
Normal file
@@ -0,0 +1,166 @@
|
||||
<template>
|
||||
<div class="box">
|
||||
<!-- 查询 -->
|
||||
<div class="inquire">
|
||||
<span>平台ID</span>
|
||||
<el-input v-model="inquire.id" placeholder="" class="input"></el-input>
|
||||
</div>
|
||||
<!-- 查询按钮 -->
|
||||
<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="backgroundId" align="center" label="个人主页id" />
|
||||
<el-table-column
|
||||
prop="backgroundName"
|
||||
align="center"
|
||||
label="个人主页名称"
|
||||
/>
|
||||
<el-table-column prop="uid" align="center" label="用户uID" />
|
||||
<el-table-column prop="nick" align="center" label="用户昵称" />
|
||||
<el-table-column prop="days" align="center" label="赠送天数" />
|
||||
<el-table-column prop="remake" align="center" label="备注" />
|
||||
<el-table-column prop="createTime" align="center" label="操作时间" />
|
||||
<el-table-column prop="optUser" align="center" label="操作人" />
|
||||
<el-table-column align="center" label="操作" width="300">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
v-if="scope.row.status=1"
|
||||
@click="personalBackground(scope.row)"
|
||||
class="primary"
|
||||
type="primary"
|
||||
size="default"
|
||||
>撤回</el-button
|
||||
>
|
||||
<div v-else>已撤回</div>
|
||||
</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"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import {
|
||||
pesonalBackgroundListRecordByPage,
|
||||
pesonalBackgroundListRecordRecoveryPersonalBackground,
|
||||
} from "@/api/personalHomepageResourceManagement/personalHomepageResourceManagement";
|
||||
// @ts-ignore
|
||||
import { dateFormat } from "@/utils/system-helper";
|
||||
// @ts-ignore
|
||||
import { ElMessage } from "element-plus";
|
||||
export default {
|
||||
name: "personalHomepageRecordManagementSend",
|
||||
data() {
|
||||
return {
|
||||
loading: false,
|
||||
//查询所需条件对象
|
||||
inquire: {
|
||||
id: "",
|
||||
},
|
||||
// 表格
|
||||
tableData: [],
|
||||
// 分页
|
||||
total: 10, //总页数
|
||||
currentPage: 1, //页码
|
||||
pageSize: 10, //条数
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getData();
|
||||
},
|
||||
methods: {
|
||||
// 查询接口
|
||||
getData() {
|
||||
this.loading = true;
|
||||
pesonalBackgroundListRecordByPage({
|
||||
erbanNo: this.inquire.id,
|
||||
page: this.currentPage,
|
||||
comeFrom: 2,
|
||||
pageSize: this.pageSize,
|
||||
}).then((res) => {
|
||||
if (res.code == 200) {
|
||||
this.loading = false;
|
||||
this.total = res.data.total;
|
||||
this.tableData = res.data.rows;
|
||||
} else {
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: res.message,
|
||||
type: "error",
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
personalBackground(val) {
|
||||
pesonalBackgroundListRecordRecoveryPersonalBackground({
|
||||
recordId: val.recordId,
|
||||
}).then((res) => {
|
||||
if (res.code == 200) {
|
||||
this.getData();
|
||||
} 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;
|
||||
}
|
||||
}
|
||||
.operation {
|
||||
margin-bottom: 20px;
|
||||
width: 55%;
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
justify-content: space-between;
|
||||
}
|
||||
</style>
|
130
src/views/privilege/personalHomepageRecordManagement.vue
Normal file
130
src/views/privilege/personalHomepageRecordManagement.vue
Normal file
@@ -0,0 +1,130 @@
|
||||
<template>
|
||||
<div class="box">
|
||||
<!-- 查询 -->
|
||||
<div class="inquire">
|
||||
<span>平台ID</span>
|
||||
<el-input v-model="inquire.id" placeholder="" class="input"></el-input>
|
||||
</div>
|
||||
<!-- 查询按钮 -->
|
||||
<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="backgroundId" align="center" label="个人主页id" />
|
||||
<el-table-column prop="backgroundName" align="center" label="个人主页名称" />
|
||||
<el-table-column prop="uid" align="center" label="用户uID" />
|
||||
<el-table-column prop="nick" align="center" label="用户昵称" />
|
||||
<el-table-column prop="status" align="center" label="个人主页状态" />
|
||||
<el-table-column prop="createTime" align="center" label="购买天数" />
|
||||
<el-table-column prop="days" align="center" label="有效时间" />
|
||||
<el-table-column prop="expireTime" align="center" label="过期时间" />
|
||||
</el-table>
|
||||
<!-- 分页 -->
|
||||
<el-pagination
|
||||
style="margin-top: 10px"
|
||||
class="paginationClass"
|
||||
v-model:current-page="currentPage"
|
||||
v-model:page-size="pageSize"
|
||||
:page-sizes="[10, 20, 30, 40, 50, 100, 200, 300, 400, 500, 999999999]"
|
||||
layout="sizes, prev, pager, next"
|
||||
:total="total"
|
||||
@size-change="handleSizeChange"
|
||||
@current-change="handleCurrentChange"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import { pesonalBackgroundListRecordByPage } from "@/api/personalHomepageResourceManagement/personalHomepageResourceManagement";
|
||||
// @ts-ignore
|
||||
import { dateFormat } from "@/utils/system-helper";
|
||||
// @ts-ignore
|
||||
import { ElMessage } from "element-plus";
|
||||
export default {
|
||||
name: "personalHomepageRecordManagement",
|
||||
data() {
|
||||
return {
|
||||
loading: false,
|
||||
//查询所需条件对象
|
||||
inquire: {
|
||||
id: "",
|
||||
},
|
||||
// 表格
|
||||
tableData: [],
|
||||
// 分页
|
||||
total: 10, //总页数
|
||||
currentPage: 1, //页码
|
||||
pageSize: 10, //条数
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getData();
|
||||
},
|
||||
methods: {
|
||||
// 查询接口
|
||||
getData() {
|
||||
this.loading = true;
|
||||
pesonalBackgroundListRecordByPage({
|
||||
erbanNo: this.inquire.id,
|
||||
page: this.currentPage,
|
||||
pageSize: this.pageSize,
|
||||
}).then((res) => {
|
||||
if (res.code == 200) {
|
||||
this.loading = false;
|
||||
this.total = res.data.total;
|
||||
this.tableData = res.data.rows;
|
||||
} 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;
|
||||
}
|
||||
}
|
||||
.operation {
|
||||
margin-bottom: 20px;
|
||||
width: 55%;
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
justify-content: space-between;
|
||||
}
|
||||
</style>
|
802
src/views/privilege/personalHomepageResourceManagement.vue
Normal file
802
src/views/privilege/personalHomepageResourceManagement.vue
Normal file
@@ -0,0 +1,802 @@
|
||||
<template>
|
||||
<div class="box">
|
||||
<!-- 查询 -->
|
||||
<div class="inquire">
|
||||
<span>地区</span>
|
||||
<el-select v-model="inquire.partitionId" placeholder="请选择">
|
||||
<el-option
|
||||
v-for="item in inquire.partitionArr"
|
||||
:key="item.id"
|
||||
:label="item.desc"
|
||||
:value="item.id"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="inquire">
|
||||
<span>名称</span>
|
||||
<el-input v-model="inquire.name" placeholder="" class="input"></el-input>
|
||||
</div>
|
||||
<div class="inquire">
|
||||
<span>状态</span>
|
||||
<el-select v-model="inquire.status" placeholder="请选择">
|
||||
<el-option
|
||||
v-for="item in inquire.options"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<!-- 查询按钮 -->
|
||||
<el-button class="primary" type="primary" @click="getData()"
|
||||
>查询</el-button
|
||||
>
|
||||
<!-- 新增按钮 -->
|
||||
<el-button
|
||||
class="primary"
|
||||
type="primary"
|
||||
@click="
|
||||
operationValue.partitionVal = [];
|
||||
operationValue.nameZh = '';
|
||||
operationValue.nameEn = '';
|
||||
operationValue.nameAr = '';
|
||||
operationValue.nameTr = '';
|
||||
operationValue.price = '';
|
||||
operationValue.day = '';
|
||||
operationValue.imageUrl = '';
|
||||
operationValue.status = '';
|
||||
operationType = 1;
|
||||
filePreview: null; // 文件预览 URL
|
||||
isImage = false;
|
||||
isVideo = false;
|
||||
isSVGA = false;
|
||||
operationDialogTitle = '新增';
|
||||
operationDialog = true;
|
||||
"
|
||||
>新增</el-button
|
||||
>
|
||||
<!-- 表格 -->
|
||||
<el-table
|
||||
v-loading="loading"
|
||||
:data="tableData"
|
||||
border
|
||||
style="width: 100%; margin-top: 25px"
|
||||
>
|
||||
<el-table-column prop="id" align="center" label="id" />
|
||||
<el-table-column prop="partitionFlag" align="center" label="地区">
|
||||
<template v-slot="scope">
|
||||
{{ partitionDesc(scope.row.partitionFlag) }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="" align="center" label="中文名称">
|
||||
<template v-slot="scope">
|
||||
{{ jsonFun(scope.row.name).zh }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="" align="center" label="阿语名称">
|
||||
<template v-slot="scope">
|
||||
{{ jsonFun(scope.row.name).ar }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="" align="center" label="英语名称"
|
||||
><template v-slot="scope">
|
||||
{{ jsonFun(scope.row.name).en }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="" align="center" label="土耳其名称"
|
||||
><template v-slot="scope">
|
||||
{{ jsonFun(scope.row.name).tr }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="" align="center" label="图片">
|
||||
<template v-slot="scope">
|
||||
<el-image
|
||||
:src="scope.row.pic"
|
||||
:zoom-rate="1.1"
|
||||
:preview-src-list="[scope.row.pic]"
|
||||
fit="contain"
|
||||
preview-teleported="true"
|
||||
hide-on-click-modal="true"
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="" align="center" label="装扮动效图片类型">
|
||||
<template v-slot="scope">
|
||||
{{
|
||||
scope.row.effectType == 0
|
||||
? "无"
|
||||
: scope.row.effectType == 1
|
||||
? "MP4"
|
||||
: "SVGA"
|
||||
}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
prop=""
|
||||
width="300"
|
||||
max-height="100"
|
||||
align="center"
|
||||
label="装扮动效图片"
|
||||
>
|
||||
<template v-slot="scope">
|
||||
<div v-if="scope.row.effectType == 0">无</div>
|
||||
<!-- 视频预览 -->
|
||||
<video
|
||||
v-if="scope.row.effectType == 1"
|
||||
:src="scope.row.effect"
|
||||
controls
|
||||
style="width: 300px; max-height: 300px; display: block"
|
||||
></video>
|
||||
<!-- SVGA 预览 -->
|
||||
<div
|
||||
v-if="scope.row.effectType == 2"
|
||||
:id="`svga-player${scope.row.id}`"
|
||||
style="width: 300px; max-height: 300px; display: block"
|
||||
>
|
||||
{{
|
||||
scope.row.effect && scope.row.id
|
||||
? initSVGAList(scope.row.effect, scope.row.id)
|
||||
: ""
|
||||
}}
|
||||
<!-- <img style="width: 100px; height: 100px; display: block" src="/Uploads/article/original_img/1487053722.jpg" alt="">
|
||||
<el-image src=""></el-image> -->
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column prop="" align="center" label="状态">
|
||||
<template v-slot="scope">
|
||||
{{ scope.row.status == 1 ? "有效" : "无效" }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="" align="center" label="贵族限定">
|
||||
<template v-slot="scope">
|
||||
{{ scope.row.type == 1 ? "普通" : "贵族" }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="updateTime" align="center" label="操作时间" />
|
||||
<el-table-column align="center" label="操作" width="300">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
@click="
|
||||
operationValue.partitionVal = partitionIdArr(
|
||||
scope.row.partitionFlag
|
||||
);
|
||||
operationValue.nameZh = jsonFun(scope.row.name).zh;
|
||||
operationValue.nameEn = jsonFun(scope.row.name).en;
|
||||
operationValue.nameAr = jsonFun(scope.row.name).ar;
|
||||
operationValue.nameTr = jsonFun(scope.row.name).tr;
|
||||
operationValue.imageUrl = scope.row.pic;
|
||||
operationValue.status = scope.row.status;
|
||||
operationType = 2;
|
||||
operationValueId = scope.row.id;
|
||||
operationDialogTitle = '编辑';
|
||||
filePreview: scope.row.effect; // 文件预览 URL
|
||||
scope.row.effectType == 1
|
||||
? (isVideo = true)
|
||||
: scope.row.effectType == 2
|
||||
? (isSVGA = true)
|
||||
: (isImage = true);
|
||||
operationValue.effectType = scope.row.effectType;
|
||||
initSVGA(scope.row.effect);
|
||||
operationDialog = true;
|
||||
"
|
||||
class="primary"
|
||||
type="primary"
|
||||
size="default"
|
||||
>编辑</el-button
|
||||
>
|
||||
<el-button
|
||||
@click="
|
||||
sendDialog = true;
|
||||
sendObj.erbanNos = send.days = send.remark = null;
|
||||
sendObj.personalBackgroundId = scope.row.id;
|
||||
"
|
||||
class="primary"
|
||||
type="primary"
|
||||
size="default"
|
||||
>赠送</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!-- 新增&编辑弹窗 -->
|
||||
<el-dialog
|
||||
v-model="operationDialog"
|
||||
:title="operationDialogTitle"
|
||||
width="28%"
|
||||
center
|
||||
>
|
||||
<!-- <div class="operation">
|
||||
<span style="margin-right: 20px">地区</span>
|
||||
<el-select v-model="operationValue.partitionId" placeholder="请选择">
|
||||
<el-option
|
||||
v-for="item in operationValue.partitionArr"
|
||||
:key="item.id"
|
||||
:label="item.desc"
|
||||
:value="item.id"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div> -->
|
||||
<div class="operation">
|
||||
<span style="margin-right: 20px">地区</span>
|
||||
<el-checkbox-group
|
||||
v-model="operationValue.partitionVal"
|
||||
v-for="(val, i) in inquire.partitionArr"
|
||||
:key="i"
|
||||
>
|
||||
<el-checkbox style="margin-right: 10px" :label="val.id">{{
|
||||
val.desc
|
||||
}}</el-checkbox>
|
||||
</el-checkbox-group>
|
||||
</div>
|
||||
<div class="operation">
|
||||
<span style="margin-right: 20px">华语名称</span>
|
||||
<el-input
|
||||
v-model="operationValue.nameZh"
|
||||
style="width: 200px"
|
||||
class="input"
|
||||
></el-input>
|
||||
</div>
|
||||
<div class="operation">
|
||||
<span style="margin-right: 20px">英语名称</span>
|
||||
<el-input
|
||||
v-model="operationValue.nameEn"
|
||||
style="width: 200px"
|
||||
class="input"
|
||||
></el-input>
|
||||
</div>
|
||||
<div class="operation">
|
||||
<span style="margin-right: 20px">阿拉伯名称</span>
|
||||
<el-input
|
||||
v-model="operationValue.nameAr"
|
||||
style="width: 200px"
|
||||
class="input"
|
||||
></el-input>
|
||||
</div>
|
||||
<div class="operation">
|
||||
<span style="margin-right: 20px">土耳其名称</span>
|
||||
<el-input
|
||||
v-model="operationValue.nameTr"
|
||||
style="width: 200px"
|
||||
class="input"
|
||||
></el-input>
|
||||
</div>
|
||||
<!-- <div class="operation">
|
||||
<span style="margin-right: 20px">价格</span>
|
||||
<el-input
|
||||
v-model="operationValue.price"
|
||||
style="width: 200px"
|
||||
class="input"
|
||||
></el-input>
|
||||
</div>
|
||||
<div class="operation">
|
||||
<span style="margin-right: 20px">有效天数</span>
|
||||
<el-input
|
||||
v-model="operationValue.day"
|
||||
style="width: 200px"
|
||||
class="input"
|
||||
></el-input>
|
||||
</div> -->
|
||||
<div class="operation">
|
||||
<span class="left" style="margin-right: 20px">图片</span>
|
||||
<el-upload
|
||||
class="avatar-uploader"
|
||||
action="/admin/tencent/cos/upload/file"
|
||||
:show-file-list="false"
|
||||
:on-success="handleAvatarSuccess"
|
||||
:before-upload="beforeAvatarUpload"
|
||||
:on-error="handleAvatarError"
|
||||
>
|
||||
<img
|
||||
v-if="operationValue.imageUrl"
|
||||
:src="operationValue.imageUrl"
|
||||
class="avatar"
|
||||
/>
|
||||
<el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon>
|
||||
</el-upload>
|
||||
</div>
|
||||
<div class="operation">
|
||||
<span style="margin-right: 20px">装扮动效图片类型</span>
|
||||
<el-select v-model="operationValue.effectType" placeholder="请选择">
|
||||
<el-option
|
||||
v-for="item in operationValue.effectTypeArr"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="operation">
|
||||
<span class="left" style="margin-right: 20px">装扮动效图片</span>
|
||||
<el-upload
|
||||
class="avatar-uploader"
|
||||
action="/admin/tencent/cos/upload/file"
|
||||
accept="image/*,.mp4,.svga"
|
||||
:show-file-list="false"
|
||||
:on-success="handleAvatarSuccess1"
|
||||
:before-upload="beforeAvatarUpload"
|
||||
:on-error="handleAvatarError"
|
||||
>
|
||||
<!-- 文件预览 -->
|
||||
<div style="margin-top: 20px">
|
||||
<!-- 图片预览 -->
|
||||
<img
|
||||
v-if="isImage"
|
||||
:src="filePreview"
|
||||
alt="Uploaded Image"
|
||||
style="max-width: 300px"
|
||||
/>
|
||||
|
||||
<!-- 视频预览 -->
|
||||
<video
|
||||
v-else-if="isVideo"
|
||||
:src="filePreview"
|
||||
controls
|
||||
style="max-width: 300px"
|
||||
></video>
|
||||
|
||||
<!-- SVGA 预览 -->
|
||||
<div
|
||||
v-else-if="isSVGA"
|
||||
:id="`svga-player`"
|
||||
style="width: 200px; height: 200px"
|
||||
></div>
|
||||
</div>
|
||||
</el-upload>
|
||||
</div>
|
||||
<div class="operation">
|
||||
<span style="margin-right: 20px">状态</span>
|
||||
<el-select v-model="operationValue.status" placeholder="请选择">
|
||||
<el-option
|
||||
v-for="item in operationValue.options"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
<el-button
|
||||
@click="
|
||||
operationDialog = false;
|
||||
isImage = false;
|
||||
isVideo = false;
|
||||
isSVGA = false;
|
||||
"
|
||||
>取消</el-button
|
||||
>
|
||||
<el-button
|
||||
type="primary"
|
||||
@click="operation(type == 1 ? null : operationValueId)"
|
||||
>
|
||||
确认
|
||||
</el-button>
|
||||
</span>
|
||||
</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-dialog v-model="sendDialog" title="赠送" width="28%" center>
|
||||
<div class="operation">
|
||||
<span style="margin-right: 20px">用户平台ID</span>
|
||||
<el-input
|
||||
v-model="sendObj.erbanNos"
|
||||
style="width: 200px"
|
||||
class="input"
|
||||
placeholder="多个请用英文“,”隔开"
|
||||
></el-input>
|
||||
</div>
|
||||
<div class="operation">
|
||||
<span style="margin-right: 20px">天数</span>
|
||||
<el-input
|
||||
v-model="sendObj.days"
|
||||
style="width: 200px"
|
||||
class="input"
|
||||
placeholder=""
|
||||
></el-input>
|
||||
</div>
|
||||
<div class="operation">
|
||||
<span style="margin-right: 20px">备注</span>
|
||||
<el-input
|
||||
v-model="sendObj.remark"
|
||||
style="width: 200px"
|
||||
class="input"
|
||||
placeholder=""
|
||||
></el-input>
|
||||
</div>
|
||||
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
<el-button @click="sendDialog = false">取消</el-button>
|
||||
<el-button type="primary" @click="send()"> 确认 </el-button>
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import {
|
||||
listPartitionInfo,
|
||||
pesonalBackgroundListByPage,
|
||||
pesonalBackgroundSaveOrUpdate,
|
||||
pesonalBackgroundListSend,
|
||||
} from "@/api/personalHomepageResourceManagement/personalHomepageResourceManagement";
|
||||
// @ts-ignore
|
||||
import { dateFormat } from "@/utils/system-helper";
|
||||
import { partitionDesc, partitionIdArr } from "@/utils/partitionDesc.js";
|
||||
import { ref, reactive, onMounted, onUnmounted, nextTick } from "vue";
|
||||
// @ts-ignore
|
||||
import { ElMessage } from "element-plus";
|
||||
import SVGA from "svgaplayerweb";
|
||||
export default {
|
||||
name: "personalHomepageResourceManagement",
|
||||
setup() {
|
||||
// 响应式数据
|
||||
const file = ref(null);
|
||||
const filePreview = ref(null);
|
||||
const isImage = ref(false);
|
||||
const isVideo = ref(false);
|
||||
const isSVGA = ref(false);
|
||||
const loading = ref(false);
|
||||
|
||||
const inquire = reactive({
|
||||
partitionId: "",
|
||||
partitionArr: [],
|
||||
name: "",
|
||||
status: "",
|
||||
options: [
|
||||
{ label: "有效", value: 1 },
|
||||
{ label: "无效", value: 2 },
|
||||
{ label: "全部", value: 3 },
|
||||
],
|
||||
});
|
||||
|
||||
const operationDialog = ref(false);
|
||||
const operationType = ref(null);
|
||||
const operationDialogTitle = ref("新增%编辑");
|
||||
const operationValueId = ref(null);
|
||||
|
||||
const operationValue = reactive({
|
||||
partitionVal: [],
|
||||
nameZh: "",
|
||||
nameEn: "",
|
||||
nameAr: "",
|
||||
nameTr: "",
|
||||
price: "",
|
||||
day: "",
|
||||
imageUrl: "",
|
||||
status: "",
|
||||
options: [
|
||||
{ label: "有效", value: 1 },
|
||||
{ label: "无效", value: 2 },
|
||||
],
|
||||
effectType: "",
|
||||
effectTypeArr: [
|
||||
{ label: "无", value: 0 },
|
||||
{ label: "MP4", value: 1 },
|
||||
{ label: "SVGA", value: 2 },
|
||||
],
|
||||
});
|
||||
|
||||
const sendDialog = ref(false);
|
||||
const sendObj = reactive({
|
||||
erbanNos: null,
|
||||
days: null,
|
||||
personalBackgroundId: null,
|
||||
remark: null,
|
||||
});
|
||||
|
||||
const tableData = ref([]);
|
||||
const total = ref(0); // 总页数
|
||||
const currentPage = ref(1); // 页码
|
||||
const pageSize = ref(10); // 条数
|
||||
|
||||
// 生命周期钩子
|
||||
onMounted(() => {
|
||||
console.log("组件已挂载");
|
||||
listPartitionInfo().then((res) => {
|
||||
inquire.partitionArr = operationValue.partitionArr = res.data;
|
||||
inquire.partitionId = inquire.partitionArr[0].id;
|
||||
getData();
|
||||
});
|
||||
});
|
||||
|
||||
onUnmounted(() => {
|
||||
console.log("组件已卸载");
|
||||
});
|
||||
|
||||
// 查询接口
|
||||
const getData = () => {
|
||||
loading.value = true;
|
||||
pesonalBackgroundListByPage({
|
||||
partitionId: inquire.partitionId,
|
||||
name: inquire.name,
|
||||
status: inquire.status,
|
||||
page: currentPage.value,
|
||||
pageSize: pageSize.value,
|
||||
}).then((res) => {
|
||||
if (res.code == 200) {
|
||||
loading.value = false;
|
||||
total.value = res.data.total;
|
||||
tableData.value = res.data.list;
|
||||
} else {
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: res.message,
|
||||
type: "error",
|
||||
});
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
const operation = (id) => {
|
||||
const obj = {
|
||||
partitionFlag: operationValue.partitionVal.reduce(
|
||||
(accumulator, currentValue) => accumulator + currentValue,
|
||||
0
|
||||
),
|
||||
name: JSON.stringify({
|
||||
ar: operationValue.nameAr,
|
||||
zh: operationValue.nameZh,
|
||||
en: operationValue.nameEn,
|
||||
tr: operationValue.nameTr,
|
||||
}),
|
||||
pic: operationValue.imageUrl,
|
||||
effectType: operationValue.effectType,
|
||||
effect: filePreview.value,
|
||||
status: operationValue.status,
|
||||
type: 1, // 资料卡类型 1:普通 2:贵族
|
||||
id,
|
||||
};
|
||||
console.log(obj);
|
||||
pesonalBackgroundSaveOrUpdate(obj).then((res) => {
|
||||
if (res.code == 200) {
|
||||
operationDialog.value = false;
|
||||
getData();
|
||||
isImage.value = false;
|
||||
isVideo.value = false;
|
||||
isSVGA.value = false;
|
||||
} else {
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: res.message,
|
||||
type: "error",
|
||||
});
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
const send = () => {
|
||||
pesonalBackgroundListSend(sendObj).then((res) => {
|
||||
if (res.code == 200) {
|
||||
sendDialog.value = false;
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: "赠送成功",
|
||||
type: "success",
|
||||
});
|
||||
} else {
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: res.message,
|
||||
type: "error",
|
||||
});
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
const beforeAvatarUpload = () => {
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: "上传中可能较慢,请等待上传成功后在进行下一步~",
|
||||
type: "warning",
|
||||
});
|
||||
};
|
||||
|
||||
const handleAvatarError = () => {
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: "上传失败!",
|
||||
type: "error",
|
||||
});
|
||||
};
|
||||
|
||||
const handleAvatarSuccess = (res, file) => {
|
||||
console.log(file);
|
||||
operationValue.imageUrl = file.response.data;
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: "上传成功!",
|
||||
type: "success",
|
||||
});
|
||||
};
|
||||
|
||||
const handleAvatarSuccess1 = (res, files) => {
|
||||
console.log(files.raw);
|
||||
const selectedFile = files.raw;
|
||||
if (!selectedFile) return;
|
||||
// 清除旧的预览数据
|
||||
// resetFile();
|
||||
const fileType = selectedFile.type;
|
||||
const fileName = selectedFile.name;
|
||||
// 创建预览 URL
|
||||
filePreview.value = res.data;
|
||||
file.value = selectedFile;
|
||||
// 根据文件类型判断
|
||||
if (fileType.startsWith("image/")) {
|
||||
isImage.value = true;
|
||||
} else if (fileType === "video/mp4") {
|
||||
isVideo.value = true;
|
||||
} else if (fileName.endsWith(".svga")) {
|
||||
isSVGA.value = true;
|
||||
initSVGA(res.data);
|
||||
}
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: "上传成功!",
|
||||
type: "success",
|
||||
});
|
||||
};
|
||||
|
||||
// const resetFile = () => {
|
||||
// nextTick(() => {
|
||||
// file.value = null;
|
||||
// filePreview.value = null;
|
||||
// isImage.value = false;
|
||||
// isVideo.value = false;
|
||||
// isSVGA.value = false;
|
||||
// // 清除 SVGA 容器内容
|
||||
// const svgaPlayer = document.getElementById("svga-player");
|
||||
// if (svgaPlayer) {
|
||||
// svgaPlayer.innerHTML = "";
|
||||
// }
|
||||
// });
|
||||
// };
|
||||
|
||||
const initSVGA = (url) => {
|
||||
nextTick(() => {
|
||||
setTimeout(function () {
|
||||
const container = document.getElementById("svga-player");
|
||||
if (container) {
|
||||
const player = new SVGA.Player(container);
|
||||
const parser = new SVGA.Parser();
|
||||
parser.load(
|
||||
url,
|
||||
(videoItem) => {
|
||||
player.setVideoItem(videoItem);
|
||||
player.startAnimation();
|
||||
},
|
||||
(error) => {
|
||||
console.log("SVGA失败", error);
|
||||
}
|
||||
);
|
||||
}
|
||||
}, 10);
|
||||
});
|
||||
};
|
||||
const initializedIds = new Set();
|
||||
const initSVGAList = (url, id) => {
|
||||
if (initializedIds.has(id)) return; // 避免重复初始化
|
||||
console.log('SVGASVGASVGASVGASVGASVGA',url,id);
|
||||
nextTick(() => {
|
||||
const container = document.getElementById("svga-player" + id);
|
||||
if (!container) {
|
||||
console.error(`SVGA container for ID ${id} not found`);
|
||||
return;
|
||||
}
|
||||
try {
|
||||
const player = new SVGA.Player(container);
|
||||
const parser = new SVGA.Parser();
|
||||
parser.load(url, (videoItem) => {
|
||||
player.setVideoItem(videoItem);
|
||||
player.startAnimation();
|
||||
});
|
||||
initializedIds.add(id); // 标记已初始化
|
||||
} catch (error) {
|
||||
console.error("SVGA initialization failed:", error);
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
const jsonFun = (val) => JSON.parse(val);
|
||||
|
||||
// 分页导航
|
||||
const handleSizeChange = () => {
|
||||
getData();
|
||||
};
|
||||
|
||||
const handleCurrentChange = () => {
|
||||
getData();
|
||||
};
|
||||
|
||||
return {
|
||||
partitionDesc,
|
||||
partitionIdArr,
|
||||
file,
|
||||
filePreview,
|
||||
isImage,
|
||||
isVideo,
|
||||
isSVGA,
|
||||
loading,
|
||||
inquire,
|
||||
operationDialog,
|
||||
operationType,
|
||||
operationDialogTitle,
|
||||
operationValueId,
|
||||
operationValue,
|
||||
sendDialog,
|
||||
sendObj,
|
||||
tableData,
|
||||
total,
|
||||
currentPage,
|
||||
pageSize,
|
||||
getData,
|
||||
operation,
|
||||
send,
|
||||
beforeAvatarUpload,
|
||||
handleAvatarError,
|
||||
handleAvatarSuccess,
|
||||
handleAvatarSuccess1,
|
||||
// resetFile,
|
||||
initSVGA,
|
||||
initSVGAList,
|
||||
jsonFun,
|
||||
handleSizeChange,
|
||||
handleCurrentChange,
|
||||
};
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style lang="less" scoped>
|
||||
.box {
|
||||
padding-top: 20px;
|
||||
background: #ecf0f5;
|
||||
.inquire {
|
||||
display: inline-block;
|
||||
margin-right: 20px;
|
||||
span {
|
||||
margin-right: 10px;
|
||||
}
|
||||
.input {
|
||||
width: 180px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
.dialogTableVisibleBut {
|
||||
display: block;
|
||||
margin: 30px 0 0 830px;
|
||||
}
|
||||
.paginationClass {
|
||||
margin: 15px 0 5px 0px;
|
||||
}
|
||||
}
|
||||
.operation {
|
||||
margin-bottom: 20px;
|
||||
width: 55%;
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.avatar {
|
||||
width: 100%;
|
||||
}
|
||||
</style>
|
@@ -1,189 +1,299 @@
|
||||
<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">
|
||||
<form id="searchForm" action="/admin/recharge/user/give/export" method="get" target="_blank">
|
||||
<div class="col-sm-12">
|
||||
<label for="fromErBanNo" class="col-sm-2 control-label">转出人id:</label>
|
||||
<div class="col-sm-2">
|
||||
<input type="text" class="form-control" name="fromErBanNo" id="fromErBanNo">
|
||||
</div>
|
||||
<label for="toErBanNo" class="col-sm-2 control-label">收入人id:</label>
|
||||
<div class="col-sm-2">
|
||||
<input type="text" class="form-control" name="toErBanNo" id="toErBanNo">
|
||||
</div>
|
||||
<label for="toRegion" class="col-sm-2 control-label">收入人地区:</label>
|
||||
<div class="col-sm-2">
|
||||
<select name="toRegion" id="toRegion" data-btn-class="btn-warning" class="form-control">
|
||||
<option value="" selected="selected">全部</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-12">
|
||||
<label for="startTime" class="col-sm-2 control-label">时间:</label>
|
||||
<div class="col-sm-3"><input type="text" class="form-control" name="startTime" id="startTime">
|
||||
</div>
|
||||
<label for="endTime" class="col-sm-1 control-label">-</label>
|
||||
<div class="col-sm-3"><input type="text" class="form-control" name="endTime" id="endTime"></div>
|
||||
</div>
|
||||
</form>
|
||||
<button id="btnSearch" class="btn btn-default">
|
||||
<i class="glyphicon glyphicon-search"></i>查询
|
||||
</button>
|
||||
<button id="btnExport" class="btn btn-default">
|
||||
<i class="glyphicon glyphicon-Export"></i>导出
|
||||
</button>
|
||||
</div>
|
||||
<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">
|
||||
<form
|
||||
id="searchForm"
|
||||
action="/admin/recharge/user/give/export"
|
||||
method="get"
|
||||
target="_blank"
|
||||
>
|
||||
<div class="col-sm-12">
|
||||
<label for="fromErBanNo" class="col-sm-2 control-label"
|
||||
>转出人id:</label
|
||||
>
|
||||
<div class="col-sm-2">
|
||||
<input
|
||||
type="text"
|
||||
class="form-control"
|
||||
name="fromErBanNo"
|
||||
id="fromErBanNo"
|
||||
/>
|
||||
</div>
|
||||
<label for="toErBanNo" class="col-sm-2 control-label"
|
||||
>收入人id:</label
|
||||
>
|
||||
<div class="col-sm-2">
|
||||
<input
|
||||
type="text"
|
||||
class="form-control"
|
||||
name="toErBanNo"
|
||||
id="toErBanNo"
|
||||
/>
|
||||
</div>
|
||||
<label for="toRegion" class="col-sm-2 control-label"
|
||||
>收入人地区:</label
|
||||
>
|
||||
<div class="col-sm-2">
|
||||
<select
|
||||
name="toRegion"
|
||||
id="toRegion"
|
||||
data-btn-class="btn-warning"
|
||||
class="form-control"
|
||||
>
|
||||
<option value="" selected="selected">全部</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-12">
|
||||
<label for="startTime" class="col-sm-2 control-label"
|
||||
>时间:</label
|
||||
>
|
||||
<div class="col-sm-3">
|
||||
<input
|
||||
type="text"
|
||||
class="form-control"
|
||||
name="startTime"
|
||||
id="startTime"
|
||||
/>
|
||||
</div>
|
||||
<label for="endTime" class="col-sm-1 control-label">-</label>
|
||||
<div class="col-sm-3">
|
||||
<input
|
||||
type="text"
|
||||
class="form-control"
|
||||
name="endTime"
|
||||
id="endTime"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<div id="mapObjHtml">
|
||||
<span
|
||||
style="
|
||||
margin-right: 10px;
|
||||
display: inline-block;
|
||||
font-size: 18px;
|
||||
color: #2049a9;
|
||||
"
|
||||
>金币转赠明细: <b class="b1"></b
|
||||
></span>
|
||||
<span
|
||||
style="
|
||||
margin-right: 10px;
|
||||
display: inline-block;
|
||||
font-size: 18px;
|
||||
color: #2049a9;
|
||||
"
|
||||
>转赠非充值代理用户总数: <b class="b2"></b
|
||||
></span>
|
||||
</div>
|
||||
<button id="btnSearch" class="btn btn-default">
|
||||
<i class="glyphicon glyphicon-search"></i>查询
|
||||
</button>
|
||||
<button id="btnExport" class="btn btn-default">
|
||||
<i class="glyphicon glyphicon-Export"></i>导出
|
||||
</button>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import TableHelper from '@/utils/bootstrap-table-helper';
|
||||
import TableHelper from "@/utils/bootstrap-table-helper";
|
||||
|
||||
export default {
|
||||
name: "RechargeDiamondGiveDetailView",
|
||||
setup() {
|
||||
return {};
|
||||
},
|
||||
created() {
|
||||
this.$nextTick(function () {
|
||||
this.initData();
|
||||
});
|
||||
},
|
||||
methods: {
|
||||
initData() {
|
||||
$(function () {
|
||||
userRegion();
|
||||
$('#table').bootstrapTable('destroy');
|
||||
$('#table').bootstrapTable({
|
||||
columns: [
|
||||
{ field: 'createTime', title: '时间', align: 'center', width: '5%' },
|
||||
{ field: 'fromErBanNo', title: '转出人peko id', align: 'center', width: '5%' },
|
||||
{ field: 'fromNick', title: '转出人昵称', align: 'center', width: '5%' },
|
||||
{ field: 'fromClanName', title: '转出人所在公会', align: 'center', width: '5%' },
|
||||
{
|
||||
field: 'fromRegion',
|
||||
title: '转出人所属代充地区',
|
||||
align: 'center',
|
||||
width: '5%',
|
||||
formatter: function (val, row, index) {
|
||||
var value = '';
|
||||
if (val) {
|
||||
var array = val.split(',');
|
||||
for (let i = 0, len = array.length; i < len; i++) {
|
||||
var region = array[i];
|
||||
value += region;
|
||||
if (i != len - 1) {
|
||||
value += '<br/>';
|
||||
}
|
||||
}
|
||||
}
|
||||
return value;
|
||||
}
|
||||
},
|
||||
{ field: 'toErBanNo', title: '收入人peko id', align: 'center', width: '5%' },
|
||||
{ field: 'toNick', title: '收入人昵称', align: 'center', width: '5%' },
|
||||
{ field: 'toRegion', title: '收入人地区', align: 'center', width: '5%' },
|
||||
{ field: 'inviteCode', title: '收入人填写的邀请码', align: 'center', width: '5%' },
|
||||
{ field: 'diamondNum', title: '转赠数额', align: 'center', width: '5%' },
|
||||
],
|
||||
cache: false,
|
||||
striped: true,
|
||||
showRefresh: false,
|
||||
pageSize: 20,
|
||||
pagination: true,
|
||||
pageList: [20, 50, 100],
|
||||
search: false,
|
||||
sidePagination: "server", //表示服务端请求
|
||||
//设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
|
||||
//设置为limit可以获取limit, offset, search, sort, order
|
||||
queryParamsType: "undefined",
|
||||
queryParams: function queryParams(params) { //设置查询参数
|
||||
var param = {
|
||||
page: params.pageNumber,
|
||||
pageSize: params.pageSize,
|
||||
fromErBanNo: $('#fromErBanNo').val(),
|
||||
toErBanNo: $('#toErBanNo').val(),
|
||||
toRegion: $('#toRegion').val(),
|
||||
startTime: $('#startTime').val(),
|
||||
endTime: $('#endTime').val(),
|
||||
};
|
||||
return param;
|
||||
},
|
||||
toolbar: '#toolbar',
|
||||
url: '/admin/recharge/user/give/dayDetailPage',
|
||||
onLoadSuccess: function () { //加载成功时执行
|
||||
console.log("load success");
|
||||
},
|
||||
onLoadError: function () { //加载失败时执行
|
||||
console.log("load fail");
|
||||
}
|
||||
});
|
||||
|
||||
var picker1 = $("#startTime").datetimepicker({
|
||||
format: 'yyyy-mm-dd hh:ii:00',
|
||||
todayBtn: true,
|
||||
autoclose: true,
|
||||
});
|
||||
var picker2 = $("#endTime").datetimepicker({
|
||||
format: 'yyyy-mm-dd hh:ii:00',
|
||||
todayBtn: true,
|
||||
autoclose: true
|
||||
});
|
||||
picker1.on('changeDate', function () {
|
||||
var date = $('#startTime').datetimepicker('getDate');
|
||||
picker2.datetimepicker('setStartDate', date);
|
||||
});
|
||||
picker2.on('changeDate', function () {
|
||||
var date = $('#endTime').datetimepicker('getDate');
|
||||
picker1.datetimepicker('setEndDate', date);
|
||||
});
|
||||
|
||||
//导出功能
|
||||
$("#btnExport").on('click', function () {
|
||||
$("#searchForm").submit();
|
||||
});
|
||||
|
||||
// 查询刷新
|
||||
$('#btnSearch').on('click', function () {
|
||||
TableHelper.doRefresh('#table');
|
||||
});
|
||||
|
||||
//用户地区
|
||||
function userRegion() {
|
||||
var array;
|
||||
$.ajax({
|
||||
type: "get",
|
||||
url: "/admin/recharge/user/give/getRegion",
|
||||
dataType: "json",
|
||||
async: false,
|
||||
success: function (json) {
|
||||
if (json.success == 'true' || json.code == 200) {
|
||||
array = json.data;
|
||||
}
|
||||
}
|
||||
});
|
||||
var $select = $('#toRegion');
|
||||
for (let i = 0; i < array.length; i++) {
|
||||
var value = array[i];
|
||||
var $option = $('<option value="' + value + '" />');
|
||||
$option.html(value);
|
||||
$select.append($option);
|
||||
name: "RechargeDiamondGiveDetailView",
|
||||
setup() {
|
||||
return {};
|
||||
},
|
||||
created() {
|
||||
this.$nextTick(function () {
|
||||
this.initData();
|
||||
});
|
||||
},
|
||||
methods: {
|
||||
initData() {
|
||||
$(function () {
|
||||
userRegion();
|
||||
$("#table").bootstrapTable("destroy");
|
||||
$("#table").bootstrapTable({
|
||||
columns: [
|
||||
{
|
||||
field: "createTime",
|
||||
title: "时间",
|
||||
align: "center",
|
||||
width: "5%",
|
||||
},
|
||||
{
|
||||
field: "fromErBanNo",
|
||||
title: "转出人peko id",
|
||||
align: "center",
|
||||
width: "5%",
|
||||
},
|
||||
{
|
||||
field: "fromNick",
|
||||
title: "转出人昵称",
|
||||
align: "center",
|
||||
width: "5%",
|
||||
},
|
||||
{
|
||||
field: "fromClanName",
|
||||
title: "转出人所在公会",
|
||||
align: "center",
|
||||
width: "5%",
|
||||
},
|
||||
{
|
||||
field: "fromRegion",
|
||||
title: "转出人所属代充地区",
|
||||
align: "center",
|
||||
width: "5%",
|
||||
formatter: function (val, row, index) {
|
||||
var value = "";
|
||||
if (val) {
|
||||
var array = val.split(",");
|
||||
for (let i = 0, len = array.length; i < len; i++) {
|
||||
var region = array[i];
|
||||
value += region;
|
||||
if (i != len - 1) {
|
||||
value += "<br/>";
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
return value;
|
||||
},
|
||||
},
|
||||
{
|
||||
field: "toErBanNo",
|
||||
title: "收入人peko id",
|
||||
align: "center",
|
||||
width: "5%",
|
||||
},
|
||||
{
|
||||
field: "toNick",
|
||||
title: "收入人昵称",
|
||||
align: "center",
|
||||
width: "5%",
|
||||
},
|
||||
{
|
||||
field: "toRegion",
|
||||
title: "收入人地区",
|
||||
align: "center",
|
||||
width: "5%",
|
||||
},
|
||||
{
|
||||
field: "inviteCode",
|
||||
title: "收入人填写的邀请码",
|
||||
align: "center",
|
||||
width: "5%",
|
||||
},
|
||||
{
|
||||
field: "diamondNum",
|
||||
title: "转赠数额",
|
||||
align: "center",
|
||||
width: "5%",
|
||||
},
|
||||
],
|
||||
cache: false,
|
||||
striped: true,
|
||||
showRefresh: false,
|
||||
pageSize: 20,
|
||||
pagination: true,
|
||||
pageList: [20, 50, 100],
|
||||
search: false,
|
||||
sidePagination: "server", //表示服务端请求
|
||||
//设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
|
||||
//设置为limit可以获取limit, offset, search, sort, order
|
||||
queryParamsType: "undefined",
|
||||
queryParams: function queryParams(params) {
|
||||
//设置查询参数
|
||||
var param = {
|
||||
page: params.pageNumber,
|
||||
pageSize: params.pageSize,
|
||||
fromErBanNo: $("#fromErBanNo").val(),
|
||||
toErBanNo: $("#toErBanNo").val(),
|
||||
toRegion: $("#toRegion").val(),
|
||||
startTime: $("#startTime").val(),
|
||||
endTime: $("#endTime").val(),
|
||||
};
|
||||
return param;
|
||||
},
|
||||
toolbar: "#toolbar",
|
||||
url: "/admin/recharge/user/give/dayDetailPage",
|
||||
onLoadSuccess: function (res) {
|
||||
//加载成功时执行
|
||||
console.log();
|
||||
$("#mapObjHtml .b1").text(res.totalMap.totalDiamondNum);
|
||||
$("#mapObjHtml .b2").text(res.totalMap.totalDiamondNum4Normal);
|
||||
},
|
||||
onLoadError: function () {
|
||||
//加载失败时执行
|
||||
console.log("load fail");
|
||||
},
|
||||
});
|
||||
|
||||
var picker1 = $("#startTime").datetimepicker({
|
||||
format: "yyyy-mm-dd hh:ii:00",
|
||||
todayBtn: true,
|
||||
autoclose: true,
|
||||
});
|
||||
var picker2 = $("#endTime").datetimepicker({
|
||||
format: "yyyy-mm-dd hh:ii:00",
|
||||
todayBtn: true,
|
||||
autoclose: true,
|
||||
});
|
||||
picker1.on("changeDate", function () {
|
||||
var date = $("#startTime").datetimepicker("getDate");
|
||||
picker2.datetimepicker("setStartDate", date);
|
||||
});
|
||||
picker2.on("changeDate", function () {
|
||||
var date = $("#endTime").datetimepicker("getDate");
|
||||
picker1.datetimepicker("setEndDate", date);
|
||||
});
|
||||
|
||||
//导出功能
|
||||
$("#btnExport").on("click", function () {
|
||||
$("#searchForm").submit();
|
||||
});
|
||||
|
||||
// 查询刷新
|
||||
$("#btnSearch").on("click", function () {
|
||||
TableHelper.doRefresh("#table");
|
||||
});
|
||||
|
||||
//用户地区
|
||||
function userRegion() {
|
||||
var array;
|
||||
$.ajax({
|
||||
type: "get",
|
||||
url: "/admin/recharge/user/give/getRegion",
|
||||
dataType: "json",
|
||||
async: false,
|
||||
success: function (json) {
|
||||
if (json.success == "true" || json.code == 200) {
|
||||
array = json.data;
|
||||
}
|
||||
},
|
||||
});
|
||||
var $select = $("#toRegion");
|
||||
for (let i = 0; i < array.length; i++) {
|
||||
var value = array[i];
|
||||
var $option = $('<option value="' + value + '" />');
|
||||
$option.html(value);
|
||||
$select.append($option);
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
|
@@ -1,412 +1,517 @@
|
||||
<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">
|
||||
<div class="col-sm-12">
|
||||
<label for="searchValue" class="col-sm-3 control-label">Peko ID:</label>
|
||||
<div class="col-sm-3"><input type="text" class="form-control" name="searchValue" id="searchValue">
|
||||
</div>
|
||||
<label for="searchType" class="col-sm-3 control-label">地区:</label>
|
||||
<div class="col-sm-3">
|
||||
<select name="searchType" id="searchType" data-btn-class="btn-warning" class="form-control">
|
||||
<option value="0" selected="selected">全部</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-12">
|
||||
<button id="btnSearch" class="btn btn-default">
|
||||
<i class="glyphicon glyphicon-search"></i>查询
|
||||
</button>
|
||||
<button id="btnAdd" class="btn btn-default">
|
||||
<i class="glyphicon glyphicon-plus-sign"></i>新增
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<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">
|
||||
<div class="col-sm-12">
|
||||
<label for="searchValue" class="col-sm-3 control-label"
|
||||
>Peko ID:</label
|
||||
>
|
||||
<div class="col-sm-3">
|
||||
<input
|
||||
type="text"
|
||||
class="form-control"
|
||||
name="searchValue"
|
||||
id="searchValue"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="modal fade" id="editModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel">
|
||||
<div class="modal-dialog" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
|
||||
aria-hidden="true">×</span>
|
||||
</button>
|
||||
<h4 class="modal-title" id="modalLabel">代充信息</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form class="form-horizontal">
|
||||
<input type="hidden" name="id" id="id" />
|
||||
<div class="form-group">
|
||||
<label for="erbanNo" class="col-sm-3 control-label">Peko ID:</label>
|
||||
<div class="col-sm-9">
|
||||
<input type="text" class="form-control" id="erbanNo">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="col-sm-3 control-label">代充地区</label>
|
||||
</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="save">确认</button>
|
||||
</div>
|
||||
<label for="searchType" class="col-sm-3 control-label">地区:</label>
|
||||
<div class="col-sm-3">
|
||||
<select
|
||||
name="searchType"
|
||||
id="searchType"
|
||||
data-btn-class="btn-warning"
|
||||
class="form-control"
|
||||
>
|
||||
<option value="0" selected="selected">全部</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-12">
|
||||
<button id="btnSearch" class="btn btn-default">
|
||||
<i class="glyphicon glyphicon-search"></i>查询
|
||||
</button>
|
||||
<button id="btnAdd" class="btn btn-default">
|
||||
<i class="glyphicon glyphicon-plus-sign"></i>新增
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="modal fade" id="tipModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel">
|
||||
<div class="modal-dialog" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h4 class="modal-title">提示信息</h4>
|
||||
</div>
|
||||
<div class="modal-body" id="tipMsg"></div>
|
||||
</div>
|
||||
<div
|
||||
class="modal fade"
|
||||
id="editModal"
|
||||
tabindex="-1"
|
||||
role="dialog"
|
||||
aria-labelledby="modalLabel"
|
||||
>
|
||||
<div class="modal-dialog" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button
|
||||
type="button"
|
||||
class="close"
|
||||
data-dismiss="modal"
|
||||
aria-label="Close"
|
||||
>
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
<h4 class="modal-title" id="modalLabel">代充信息</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form class="form-horizontal">
|
||||
<input type="hidden" name="id" id="id" />
|
||||
<div class="form-group">
|
||||
<label for="erbanNo" class="col-sm-3 control-label"
|
||||
>Peko ID:</label
|
||||
>
|
||||
<div class="col-sm-9">
|
||||
<input type="text" class="form-control" id="erbanNo" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="starLevel" class="col-sm-3 control-label"
|
||||
>幸运值:</label
|
||||
>
|
||||
<div class="col-sm-9">
|
||||
<select name="starLevel" id="starLevel">
|
||||
<option value="">-- 请选择 --</option>
|
||||
<option value="1">1</option>
|
||||
<option value="2">2</option>
|
||||
<option value="3">3</option>
|
||||
<option value="4">4</option>
|
||||
<option value="5">5</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="col-sm-3 control-label">代充地区</label>
|
||||
</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="save">确认</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="modal fade"
|
||||
id="tipModal"
|
||||
tabindex="-1"
|
||||
role="dialog"
|
||||
aria-labelledby="modalLabel"
|
||||
>
|
||||
<div class="modal-dialog" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h4 class="modal-title">提示信息</h4>
|
||||
</div>
|
||||
<div class="modal-body" id="tipMsg"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import TableHelper from '@/utils/bootstrap-table-helper';
|
||||
import TableHelper from "@/utils/bootstrap-table-helper";
|
||||
|
||||
var regionArray;
|
||||
export default {
|
||||
name: "RechargeUserView",
|
||||
setup() {
|
||||
//切换只读
|
||||
function editSeqText(obj) {
|
||||
if (!regionArray) {
|
||||
return;
|
||||
}
|
||||
var $input = $(obj);
|
||||
const typeArray = $("input:checkbox[name='type']:checked").serializeArray();
|
||||
if (!typeArray) {
|
||||
return;
|
||||
}
|
||||
for (let i = 0; i < regionArray.length; i++) {
|
||||
var region = regionArray[i];
|
||||
var type = region.type;
|
||||
var isCheck = false;
|
||||
for (let j = 0; j < typeArray.length; j++) {
|
||||
var value = typeArray[j].value;
|
||||
if (type == value) {
|
||||
isCheck = true;
|
||||
break;
|
||||
}
|
||||
}
|
||||
var $seq = $('#seq' + type);
|
||||
if (isCheck) {
|
||||
$seq.removeAttr('readonly');
|
||||
} else {
|
||||
$seq.attr('readonly', 'true');
|
||||
}
|
||||
}
|
||||
name: "RechargeUserView",
|
||||
setup() {
|
||||
//切换只读
|
||||
function editSeqText(obj) {
|
||||
if (!regionArray) {
|
||||
return;
|
||||
}
|
||||
var $input = $(obj);
|
||||
const typeArray = $(
|
||||
"input:checkbox[name='type']:checked"
|
||||
).serializeArray();
|
||||
if (!typeArray) {
|
||||
return;
|
||||
}
|
||||
for (let i = 0; i < regionArray.length; i++) {
|
||||
var region = regionArray[i];
|
||||
var type = region.type;
|
||||
var isCheck = false;
|
||||
for (let j = 0; j < typeArray.length; j++) {
|
||||
var value = typeArray[j].value;
|
||||
if (type == value) {
|
||||
isCheck = true;
|
||||
break;
|
||||
}
|
||||
}
|
||||
window.editSeqText = editSeqText;
|
||||
return {
|
||||
editSeqText
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.$nextTick(function () {
|
||||
this.initData();
|
||||
var $seq = $("#seq" + type);
|
||||
if (isCheck) {
|
||||
$seq.removeAttr("readonly");
|
||||
} else {
|
||||
$seq.attr("readonly", "true");
|
||||
}
|
||||
}
|
||||
}
|
||||
window.editSeqText = editSeqText;
|
||||
return {
|
||||
editSeqText,
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.$nextTick(function () {
|
||||
this.initData();
|
||||
});
|
||||
},
|
||||
methods: {
|
||||
initData() {
|
||||
$(function () {
|
||||
//地区
|
||||
regionArray = chargeRegion();
|
||||
$("#table").bootstrapTable("destroy");
|
||||
$("#table").bootstrapTable({
|
||||
columns: [
|
||||
{
|
||||
field: "erbanNo",
|
||||
title: "Peko ID",
|
||||
align: "center",
|
||||
width: "5%",
|
||||
},
|
||||
{ field: "nick", title: "昵称", align: "center", width: "5%" },
|
||||
{
|
||||
field: "starLevel",
|
||||
title: "信誉值",
|
||||
align: "center",
|
||||
width: "5%",
|
||||
},
|
||||
{
|
||||
field: "createTime",
|
||||
title: "首次加入代充时间",
|
||||
align: "center",
|
||||
width: "5%",
|
||||
},
|
||||
{
|
||||
field: "type",
|
||||
title: "地区",
|
||||
align: "center",
|
||||
width: "5%",
|
||||
formatter: function (val, row, index) {
|
||||
var value = "";
|
||||
if (regionArray) {
|
||||
for (var i = 0, len = regionArray.length; i < len; i++) {
|
||||
var region = regionArray[i];
|
||||
var name = region.name;
|
||||
var type = region.type;
|
||||
if ((val & type) != 0) {
|
||||
value += name;
|
||||
if (i != len - 1) {
|
||||
value += "<br>";
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
return value;
|
||||
},
|
||||
},
|
||||
{
|
||||
field: "userRegions",
|
||||
title: "排序",
|
||||
align: "center",
|
||||
width: "5%",
|
||||
formatter: function (val, row, index) {
|
||||
var value = "";
|
||||
if (row.userRegions) {
|
||||
for (var i = 0, len = row.userRegions.length; i < len; i++) {
|
||||
var userRegion = row.userRegions[i];
|
||||
var name = userRegion.name;
|
||||
var seq = userRegion.seq;
|
||||
value += name + ":" + seq;
|
||||
if (i != len - 1) {
|
||||
value += "<br>";
|
||||
}
|
||||
}
|
||||
}
|
||||
return value;
|
||||
},
|
||||
},
|
||||
{
|
||||
field: "outDiamondNum",
|
||||
title: "最近30天转出金币",
|
||||
align: "center",
|
||||
width: "5%",
|
||||
},
|
||||
{
|
||||
field: "id",
|
||||
title: "操作",
|
||||
align: "center",
|
||||
width: "5%",
|
||||
valign: "middle",
|
||||
formatter: function (val, row, index) {
|
||||
return (
|
||||
'<button class="btn btn-sm btn-default opt-edit" data-index="' +
|
||||
index +
|
||||
'">编辑</button>' +
|
||||
'<button class="btn btn-sm btn-default opt-del" data-index="' +
|
||||
index +
|
||||
'">删除</button>'
|
||||
);
|
||||
},
|
||||
},
|
||||
],
|
||||
cache: false,
|
||||
striped: true,
|
||||
showRefresh: false,
|
||||
pageSize: 20,
|
||||
pagination: true,
|
||||
pageList: [20, 50, 100],
|
||||
search: false,
|
||||
sidePagination: "server", //表示服务端请求
|
||||
//设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
|
||||
//设置为limit可以获取limit, offset, search, sort, order
|
||||
queryParamsType: "undefined",
|
||||
queryParams: function queryParams(params) {
|
||||
//设置查询参数
|
||||
var param = {
|
||||
page: params.pageNumber,
|
||||
pageSize: params.pageSize,
|
||||
erbanNo: $("#searchValue").val(),
|
||||
regionType: $("#searchType").val(),
|
||||
starLevel: $("#starLevel").val(),
|
||||
};
|
||||
return param;
|
||||
},
|
||||
toolbar: "#toolbar",
|
||||
url: "/admin/recharge/user/page",
|
||||
onLoadSuccess: function () {
|
||||
//加载成功时执行
|
||||
console.log("load success");
|
||||
},
|
||||
onLoadError: function () {
|
||||
//加载失败时执行
|
||||
console.log("load fail");
|
||||
},
|
||||
});
|
||||
},
|
||||
methods: {
|
||||
initData() {
|
||||
$(function () {
|
||||
//地区
|
||||
regionArray = chargeRegion();
|
||||
$('#table').bootstrapTable('destroy');
|
||||
$('#table').bootstrapTable({
|
||||
columns: [
|
||||
{ field: 'erbanNo', title: 'Peko ID', align: 'center', width: '5%' },
|
||||
{ field: 'nick', title: '昵称', align: 'center', width: '5%' },
|
||||
{ field: 'createTime', title: '首次加入代充时间', align: 'center', width: '5%' },
|
||||
{
|
||||
field: 'type',
|
||||
title: '地区',
|
||||
align: 'center',
|
||||
width: '5%',
|
||||
formatter: function (val, row, index) {
|
||||
var value = '';
|
||||
if (regionArray) {
|
||||
for (var i = 0, len = regionArray.length; i < len; i++) {
|
||||
var region = regionArray[i];
|
||||
var name = region.name;
|
||||
var type = region.type;
|
||||
if ((val & type) != 0) {
|
||||
value += name;
|
||||
if (i != len - 1) {
|
||||
value += '<br>';
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
return value;
|
||||
}
|
||||
},
|
||||
{
|
||||
field: 'userRegions',
|
||||
title: '排序',
|
||||
align: 'center',
|
||||
width: '5%',
|
||||
formatter: function (val, row, index) {
|
||||
var value = '';
|
||||
if (row.userRegions) {
|
||||
for (var i = 0, len = row.userRegions.length; i < len; i++) {
|
||||
var userRegion = row.userRegions[i];
|
||||
var name = userRegion.name;
|
||||
var seq = userRegion.seq;
|
||||
value += name + ':' + seq;
|
||||
if (i != len - 1) {
|
||||
value += '<br>';
|
||||
}
|
||||
}
|
||||
}
|
||||
return value;
|
||||
}
|
||||
},
|
||||
{ field: 'outDiamondNum', title: '最近30天转出金币', align: 'center', width: '5%' },
|
||||
{
|
||||
field: 'id',
|
||||
title: '操作',
|
||||
align: 'center',
|
||||
width: '5%',
|
||||
valign: 'middle',
|
||||
formatter: function (val, row, index) {
|
||||
return '<button class="btn btn-sm btn-default opt-edit" data-index="' + index + '">编辑</button>' + '<button class="btn btn-sm btn-default opt-del" data-index="' + index + '">删除</button>';
|
||||
}
|
||||
}
|
||||
],
|
||||
cache: false,
|
||||
striped: true,
|
||||
showRefresh: false,
|
||||
pageSize: 20,
|
||||
pagination: true,
|
||||
pageList: [20, 50, 100],
|
||||
search: false,
|
||||
sidePagination: "server", //表示服务端请求
|
||||
//设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
|
||||
//设置为limit可以获取limit, offset, search, sort, order
|
||||
queryParamsType: "undefined",
|
||||
queryParams: function queryParams(params) { //设置查询参数
|
||||
var param = {
|
||||
page: params.pageNumber,
|
||||
pageSize: params.pageSize,
|
||||
erbanNo: $('#searchValue').val(),
|
||||
regionType: $('#searchType').val()
|
||||
};
|
||||
return param;
|
||||
},
|
||||
toolbar: '#toolbar',
|
||||
url: '/admin/recharge/user/page',
|
||||
onLoadSuccess: function () { //加载成功时执行
|
||||
console.log("load success");
|
||||
},
|
||||
onLoadError: function () { //加载失败时执行
|
||||
console.log("load fail");
|
||||
}
|
||||
});
|
||||
|
||||
//地区
|
||||
function chargeRegion() {
|
||||
var array;
|
||||
$.ajax({
|
||||
type: "get",
|
||||
url: "/admin/charge/region/list",
|
||||
dataType: "json",
|
||||
async: false,
|
||||
success: function (json) {
|
||||
if (json.success == 'true' || json.code == 200) {
|
||||
array = json.data;
|
||||
}
|
||||
}
|
||||
});
|
||||
var $select = $('#searchType');
|
||||
for (let i = 0; i < array.length; i++) {
|
||||
var $option = $('<option value="' + array[i].type + '" />');
|
||||
$option.html(array[i].name);
|
||||
$select.append($option);
|
||||
}
|
||||
return array;
|
||||
}
|
||||
|
||||
//新增
|
||||
$('#btnAdd').on('click', function () {
|
||||
$("#id").val('');
|
||||
$("#erbanNo").val('');
|
||||
showRegion();
|
||||
$("#editModal").modal('show');
|
||||
});
|
||||
|
||||
// 查询刷新
|
||||
$('#btnSearch').on('click', function () {
|
||||
TableHelper.doRefresh('#table');
|
||||
});
|
||||
|
||||
//展示地区
|
||||
function showRegion() {
|
||||
if (!regionArray) {
|
||||
return;
|
||||
}
|
||||
var $form = $('#editModal .modal-body .form-horizontal');
|
||||
for (let i = 0, len = regionArray.length; i < len; i++) {
|
||||
$('#region' + i).remove();
|
||||
var region = regionArray[i];
|
||||
var name = region.name;
|
||||
var type = region.type;
|
||||
var $formGroup = $('<div/>');
|
||||
$formGroup.attr('id', 'region' + i);
|
||||
$formGroup.attr('class', 'form-group');
|
||||
var $label = $('<label/>');
|
||||
$label.attr('class', 'col-sm-3 control-label');
|
||||
$label.html('<input type="checkbox" name="type" value="' + type + '" onclick=\"editSeqText(this);\"/> ' + name);
|
||||
$formGroup.append($label);
|
||||
var $div = $('<div/>');
|
||||
$div.attr('class', 'col-sm-9');
|
||||
$div.html('<input type="text" readonly class="form-control" id="seq' + type + '" value="0"/>');
|
||||
$formGroup.append($div);
|
||||
$form.append($formGroup);
|
||||
}
|
||||
}
|
||||
|
||||
//保存
|
||||
$("#save").click(function () {
|
||||
const msg = '确定要保存吗?';
|
||||
if (confirm(msg)) {
|
||||
var id = $('#id').val();
|
||||
const typeArray = $("input:checkbox[name='type']:checked").serializeArray();
|
||||
if (!typeArray) {
|
||||
$("#tipMsg").text("代充地区不能为空");
|
||||
$("#tipModal").modal('show');
|
||||
return;
|
||||
}
|
||||
var userRegionArray = [];
|
||||
for (let i = 0; i < regionArray.length; i++) {
|
||||
var region = regionArray[i];
|
||||
var name = region.name;
|
||||
var seq = 0;
|
||||
var isCheck = false;
|
||||
for (let j = 0; j < typeArray.length; j++) {
|
||||
console.log(typeArray[j]);
|
||||
if (typeArray[j] && region.type == typeArray[j].value) {
|
||||
seq = $('#seq' + region.type).val();
|
||||
isCheck = true;
|
||||
break;
|
||||
}
|
||||
}
|
||||
var userRegion = {
|
||||
type: region.type,
|
||||
name: region.name,
|
||||
isCheck: isCheck,
|
||||
seq: seq
|
||||
};
|
||||
userRegionArray.push(userRegion);
|
||||
}
|
||||
var data = {
|
||||
erbanNo: $('#erbanNo').val(),
|
||||
userRegions: JSON.stringify(userRegionArray)
|
||||
};
|
||||
if (id) {
|
||||
data.id = id;
|
||||
}
|
||||
$.ajax({
|
||||
type: "post",
|
||||
url: "/admin/recharge/user/save",
|
||||
data: data,
|
||||
dataType: "json",
|
||||
success: function (json) {
|
||||
if (json.success == 'true' || json.code == 200) {
|
||||
$("#tipMsg").text("保存成功");
|
||||
$("#tipModal").modal('show');
|
||||
TableHelper.doRefresh("#table");
|
||||
$("#editModal").modal('hide');
|
||||
} else {
|
||||
$("#tipMsg").text("保存失败." + json.message);
|
||||
$("#tipModal").modal('show');
|
||||
$("#editModal").modal('hide');
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
//编辑
|
||||
$('#table').on('click', '.opt-edit', function () {
|
||||
const currentData = $('#table').bootstrapTable('getData')[$(this).data('index')];
|
||||
showRegion();
|
||||
var id = currentData.id;
|
||||
var erbanNo = currentData.erbanNo;
|
||||
var userRegions = currentData.userRegions;
|
||||
$("#erbanNo").val(erbanNo);
|
||||
$("#id").val(id);
|
||||
if (regionArray) {
|
||||
for (let i = 0; i < regionArray.length; i++) {
|
||||
var region = regionArray[i];
|
||||
var seq = 0;
|
||||
var isCheck = false;
|
||||
for (let j = 0; j < userRegions.length; j++) {
|
||||
var userRegion = userRegions[j];
|
||||
if (region.type == userRegion.type) {
|
||||
seq = userRegion.seq;
|
||||
isCheck = true;
|
||||
break;
|
||||
}
|
||||
}
|
||||
if (isCheck) {
|
||||
$('input:checkbox[value="' + region.type + '"]').prop('checked', true);
|
||||
$('#seq' + region.type).removeAttr('readonly');
|
||||
$('#seq' + region.type).val(seq);
|
||||
} else {
|
||||
$("input:checkbox[value='" + region.type + "']").prop('checked', false);
|
||||
$('#seq' + region.type).attr('readonly', 'true');
|
||||
$('#seq' + region.type).val(0);
|
||||
}
|
||||
}
|
||||
}
|
||||
$("#editModal").modal('show');
|
||||
});
|
||||
|
||||
//删除
|
||||
$('#table').on('click', '.opt-del', function () {
|
||||
const currentData = $('#table').bootstrapTable('getData')[$(this).data('index')];
|
||||
var id = currentData.id;
|
||||
const msg = '确定要删除吗?';
|
||||
if (confirm(msg)) {
|
||||
$.ajax({
|
||||
type: "get",
|
||||
url: "/admin/recharge/user/del?id=" + id,
|
||||
dataType: "json",
|
||||
success: function (json) {
|
||||
if (json.success == 'true' || json.code == 200) {
|
||||
$("#tipMsg").text("删除成功");
|
||||
$("#tipModal").modal('show');
|
||||
TableHelper.doRefresh("#table");
|
||||
$("#editModal").modal('hide');
|
||||
} else {
|
||||
$("#tipMsg").text("删除失败." + json.message);
|
||||
$("#tipModal").modal('show');
|
||||
$("#editModal").modal('hide');
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
//地区
|
||||
function chargeRegion() {
|
||||
var array;
|
||||
$.ajax({
|
||||
type: "get",
|
||||
url: "/admin/charge/region/list",
|
||||
dataType: "json",
|
||||
async: false,
|
||||
success: function (json) {
|
||||
if (json.success == "true" || json.code == 200) {
|
||||
array = json.data;
|
||||
}
|
||||
},
|
||||
});
|
||||
var $select = $("#searchType");
|
||||
for (let i = 0; i < array.length; i++) {
|
||||
var $option = $('<option value="' + array[i].type + '" />');
|
||||
$option.html(array[i].name);
|
||||
$select.append($option);
|
||||
}
|
||||
return array;
|
||||
}
|
||||
},
|
||||
|
||||
//新增
|
||||
$("#btnAdd").on("click", function () {
|
||||
$("#id").val("");
|
||||
$("#erbanNo").val("");
|
||||
$("#starLevel").val("");
|
||||
showRegion();
|
||||
$("#editModal").modal("show");
|
||||
});
|
||||
|
||||
// 查询刷新
|
||||
$("#btnSearch").on("click", function () {
|
||||
TableHelper.doRefresh("#table");
|
||||
});
|
||||
|
||||
//展示地区
|
||||
function showRegion() {
|
||||
if (!regionArray) {
|
||||
return;
|
||||
}
|
||||
var $form = $("#editModal .modal-body .form-horizontal");
|
||||
for (let i = 0, len = regionArray.length; i < len; i++) {
|
||||
$("#region" + i).remove();
|
||||
var region = regionArray[i];
|
||||
var name = region.name;
|
||||
var type = region.type;
|
||||
var $formGroup = $("<div/>");
|
||||
$formGroup.attr("id", "region" + i);
|
||||
$formGroup.attr("class", "form-group");
|
||||
var $label = $("<label/>");
|
||||
$label.attr("class", "col-sm-3 control-label");
|
||||
$label.html(
|
||||
'<input type="checkbox" name="type" value="' +
|
||||
type +
|
||||
'" onclick="editSeqText(this);"/> ' +
|
||||
name
|
||||
);
|
||||
$formGroup.append($label);
|
||||
var $div = $("<div/>");
|
||||
$div.attr("class", "col-sm-9");
|
||||
$div.html(
|
||||
'<input type="text" readonly class="form-control" id="seq' +
|
||||
type +
|
||||
'" value="0"/>'
|
||||
);
|
||||
$formGroup.append($div);
|
||||
$form.append($formGroup);
|
||||
}
|
||||
}
|
||||
|
||||
//保存
|
||||
$("#save").click(function () {
|
||||
const msg = "确定要保存吗?";
|
||||
if (confirm(msg)) {
|
||||
var id = $("#id").val();
|
||||
const typeArray = $(
|
||||
"input:checkbox[name='type']:checked"
|
||||
).serializeArray();
|
||||
if (!typeArray) {
|
||||
$("#tipMsg").text("代充地区不能为空");
|
||||
$("#tipModal").modal("show");
|
||||
return;
|
||||
}
|
||||
var userRegionArray = [];
|
||||
for (let i = 0; i < regionArray.length; i++) {
|
||||
var region = regionArray[i];
|
||||
var name = region.name;
|
||||
var seq = 0;
|
||||
var isCheck = false;
|
||||
for (let j = 0; j < typeArray.length; j++) {
|
||||
console.log(typeArray[j]);
|
||||
if (typeArray[j] && region.type == typeArray[j].value) {
|
||||
seq = $("#seq" + region.type).val();
|
||||
isCheck = true;
|
||||
break;
|
||||
}
|
||||
}
|
||||
var userRegion = {
|
||||
type: region.type,
|
||||
name: region.name,
|
||||
isCheck: isCheck,
|
||||
seq: seq,
|
||||
};
|
||||
userRegionArray.push(userRegion);
|
||||
}
|
||||
var data = {
|
||||
erbanNo: $("#erbanNo").val(),
|
||||
starLevel: $("#starLevel").val(),
|
||||
userRegions: JSON.stringify(userRegionArray),
|
||||
};
|
||||
if (id) {
|
||||
data.id = id;
|
||||
}
|
||||
$.ajax({
|
||||
type: "post",
|
||||
url: "/admin/recharge/user/save",
|
||||
data: data,
|
||||
dataType: "json",
|
||||
success: function (json) {
|
||||
if (json.success == "true" || json.code == 200) {
|
||||
$("#tipMsg").text("保存成功");
|
||||
$("#tipModal").modal("show");
|
||||
TableHelper.doRefresh("#table");
|
||||
$("#editModal").modal("hide");
|
||||
} else {
|
||||
$("#tipMsg").text("保存失败." + json.message);
|
||||
$("#tipModal").modal("show");
|
||||
$("#editModal").modal("hide");
|
||||
}
|
||||
},
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
//编辑
|
||||
$("#table").on("click", ".opt-edit", function () {
|
||||
const currentData =
|
||||
$("#table").bootstrapTable("getData")[$(this).data("index")];
|
||||
showRegion();
|
||||
var id = currentData.id;
|
||||
var erbanNo = currentData.erbanNo;
|
||||
var starLevel = currentData.starLevel;
|
||||
var userRegions = currentData.userRegions;
|
||||
$("#erbanNo").val(erbanNo);
|
||||
$("#starLevel").val(starLevel);
|
||||
$("#id").val(id);
|
||||
if (regionArray) {
|
||||
for (let i = 0; i < regionArray.length; i++) {
|
||||
var region = regionArray[i];
|
||||
var seq = 0;
|
||||
var isCheck = false;
|
||||
for (let j = 0; j < userRegions.length; j++) {
|
||||
var userRegion = userRegions[j];
|
||||
if (region.type == userRegion.type) {
|
||||
seq = userRegion.seq;
|
||||
isCheck = true;
|
||||
break;
|
||||
}
|
||||
}
|
||||
if (isCheck) {
|
||||
$('input:checkbox[value="' + region.type + '"]').prop(
|
||||
"checked",
|
||||
true
|
||||
);
|
||||
$("#seq" + region.type).removeAttr("readonly");
|
||||
$("#seq" + region.type).val(seq);
|
||||
} else {
|
||||
$("input:checkbox[value='" + region.type + "']").prop(
|
||||
"checked",
|
||||
false
|
||||
);
|
||||
$("#seq" + region.type).attr("readonly", "true");
|
||||
$("#seq" + region.type).val(0);
|
||||
}
|
||||
}
|
||||
}
|
||||
$("#editModal").modal("show");
|
||||
});
|
||||
|
||||
//删除
|
||||
$("#table").on("click", ".opt-del", function () {
|
||||
const currentData =
|
||||
$("#table").bootstrapTable("getData")[$(this).data("index")];
|
||||
var id = currentData.id;
|
||||
const msg = "确定要删除吗?";
|
||||
if (confirm(msg)) {
|
||||
$.ajax({
|
||||
type: "get",
|
||||
url: "/admin/recharge/user/del?id=" + id,
|
||||
dataType: "json",
|
||||
success: function (json) {
|
||||
if (json.success == "true" || json.code == 200) {
|
||||
$("#tipMsg").text("删除成功");
|
||||
$("#tipModal").modal("show");
|
||||
TableHelper.doRefresh("#table");
|
||||
$("#editModal").modal("hide");
|
||||
} else {
|
||||
$("#tipMsg").text("删除失败." + json.message);
|
||||
$("#tipModal").modal("show");
|
||||
$("#editModal").modal("hide");
|
||||
}
|
||||
},
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
|
@@ -5,66 +5,55 @@
|
||||
<section class="content-header">
|
||||
<h1 id="itemTitle"></h1>
|
||||
</section>
|
||||
<form id="form2"
|
||||
action=""
|
||||
method="post"
|
||||
target="_blank">
|
||||
<input type="hidden"
|
||||
name="erbanNo"
|
||||
id="exportErbanNo">
|
||||
<input type="hidden"
|
||||
name="channel"
|
||||
id="exportChannel">
|
||||
<input type="hidden"
|
||||
name="startTime"
|
||||
id="exportStartTime">
|
||||
<input type="hidden"
|
||||
name="endTime"
|
||||
id="exportEndTime">
|
||||
<input type="hidden"
|
||||
name="status"
|
||||
id="exportStatus">
|
||||
<input type="hidden"
|
||||
name="newUser"
|
||||
id="exportNewUser">
|
||||
<input type="hidden"
|
||||
name="appChannel"
|
||||
id="exportAppChannel">
|
||||
<form id="form2" action="" method="post" target="_blank">
|
||||
<input type="hidden" name="erbanNo" id="exportErbanNo" />
|
||||
<input type="hidden" name="channel" id="exportChannel" />
|
||||
<input type="hidden" name="startTime" id="exportStartTime" />
|
||||
<input type="hidden" name="endTime" id="exportEndTime" />
|
||||
<input type="hidden" name="status" id="exportStatus" />
|
||||
<input type="hidden" name="newUser" id="exportNewUser" />
|
||||
<input type="hidden" name="appChannel" id="exportAppChannel" />
|
||||
</form>
|
||||
<section class="content">
|
||||
<div id="toolbar">
|
||||
<form class="form-inline">
|
||||
<div class="form-group">
|
||||
<label for="qErbanNo">平台号:</label>
|
||||
<input type="text"
|
||||
class="form-control"
|
||||
name="erbanNo"
|
||||
id="qErbanNo">
|
||||
<input
|
||||
type="text"
|
||||
class="form-control"
|
||||
name="erbanNo"
|
||||
id="qErbanNo"
|
||||
/>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="qChannel">渠道:</label>
|
||||
<input type="text"
|
||||
class="form-control"
|
||||
name="channel"
|
||||
id="qChannel">
|
||||
<input
|
||||
type="text"
|
||||
class="form-control"
|
||||
name="channel"
|
||||
id="qChannel"
|
||||
/>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="qChannel">时间:</label>
|
||||
<input type="text"
|
||||
class="form-control datetime"
|
||||
name="startTime"
|
||||
id="qStartTime">
|
||||
<input
|
||||
type="text"
|
||||
class="form-control datetime"
|
||||
name="startTime"
|
||||
id="qStartTime"
|
||||
/>
|
||||
<label for="qChannel">-</label>
|
||||
<input type="text"
|
||||
class="form-control datetime"
|
||||
name="endTime"
|
||||
id="qEndTime">
|
||||
<input
|
||||
type="text"
|
||||
class="form-control datetime"
|
||||
name="endTime"
|
||||
id="qEndTime"
|
||||
/>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="qStatus">状态:</label>
|
||||
<select class="form-control"
|
||||
name="status"
|
||||
id="qStatus">
|
||||
<select class="form-control" name="status" id="qStatus">
|
||||
<option value="">全部</option>
|
||||
<option value="1">发起充值</option>
|
||||
<option value="2">充值成功</option>
|
||||
@@ -72,9 +61,7 @@
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="qNewUser">新用户:</label>
|
||||
<select class="form-control"
|
||||
name="newUser"
|
||||
id="qNewUser">
|
||||
<select class="form-control" name="newUser" id="qNewUser">
|
||||
<option value="">全部</option>
|
||||
<option value="1">是</option>
|
||||
<option value="0">否</option>
|
||||
@@ -82,20 +69,20 @@
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="qChannel">app渠道</label>
|
||||
<input type="text"
|
||||
class="form-control"
|
||||
name="appChannel"
|
||||
id="qAppChannel">
|
||||
<input
|
||||
type="text"
|
||||
class="form-control"
|
||||
name="appChannel"
|
||||
id="qAppChannel"
|
||||
/>
|
||||
</div>
|
||||
</form>
|
||||
<button id="btnSearch"
|
||||
class="btn btn-sm btn-primary">查询</button>
|
||||
<button id="btnExport"
|
||||
class="btn btn-sm btn-primary">导出</button>
|
||||
<div id="mapObjHtml"></div>
|
||||
<button id="btnSearch" class="btn btn-sm btn-primary">查询</button>
|
||||
<button id="btnExport" class="btn btn-sm btn-primary">导出</button>
|
||||
</div>
|
||||
<!-- .content -->
|
||||
<div class="content"
|
||||
id="table"></div>
|
||||
<div class="content" id="table"></div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
@@ -103,152 +90,185 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import TableHelper from '@/utils/bootstrap-table-helper';
|
||||
|
||||
import TableHelper from "@/utils/bootstrap-table-helper";
|
||||
export default {
|
||||
name: "ChargeRecordView",
|
||||
setup () {
|
||||
return {};
|
||||
},
|
||||
created () {
|
||||
created() {
|
||||
this.$nextTick(function () {
|
||||
this.initData();
|
||||
});
|
||||
},
|
||||
methods: {
|
||||
initData () {
|
||||
$(function () {
|
||||
$('.datetime').datetimepicker({
|
||||
format: 'yyyy-mm-dd hh:ii:00',
|
||||
autoclose: true
|
||||
});
|
||||
$('#table').bootstrapTable('destroy');
|
||||
$('#table').bootstrapTable({
|
||||
columns: [
|
||||
{ field: 'erbanNo', title: '平台号', align: 'center', width: '5%' },
|
||||
{ field: 'uid', title: 'uid', align: 'center', width: '5%' },
|
||||
{ field: 'nick', title: '昵称', align: 'center', width: '5%' },
|
||||
{ field: 'partitionName', title: '分区', align: 'center', width: '5%' },
|
||||
{ field: 'createTime', title: '创建时间', align: 'center', valign: 'middle', width: '10%' },
|
||||
{ field: 'channel', title: '渠道', align: 'center', width: '5%' },
|
||||
{ field: 'localCurrencyCode', title: '当地货币代码', align: 'center', width: '5%' },
|
||||
{ field: 'localAmount', title: '当地金额', align: 'center', width: '5%' },
|
||||
{ field: 'chargeRecordId', title: '商户订单号', align: 'center', width: '5%' },
|
||||
{ field: 'pingxxChargeId', title: '第三方订单号', align: 'center', width: '5%' },
|
||||
{
|
||||
field: 'status', title: '状态', align: 'center', width: '5%',
|
||||
formatter: function (val, row, index) {
|
||||
if (val == 2) {
|
||||
return '充值成功';
|
||||
} else {
|
||||
return '发起充值';
|
||||
}
|
||||
|
||||
}
|
||||
},
|
||||
{
|
||||
field: 'newUser', title: '是否新用户', align: 'center', width: '5%',
|
||||
formatter: function (val, row, index) {
|
||||
if (val) {
|
||||
return '是';
|
||||
} else {
|
||||
return '否';
|
||||
}
|
||||
|
||||
}
|
||||
},
|
||||
{ field: 'appChannel', title: 'app渠道', align: 'center', width: '5%' },
|
||||
],
|
||||
undefinedText: "-",
|
||||
cache: false,
|
||||
striped: true,
|
||||
showRefresh: false,
|
||||
pageSize: 20,
|
||||
pagination: true,
|
||||
pageList: [20, 50, 100, 200, 300, 500],
|
||||
search: false,
|
||||
sidePagination: "server", //表示服务端请求
|
||||
queryParamsType: "undefined",
|
||||
queryParams: function queryParams (params) { //设置查询参数
|
||||
var param = {
|
||||
pageNumber: params.pageNumber,
|
||||
pageSize: params.pageSize,
|
||||
erbanNo: $('#qErbanNo').val(),
|
||||
channel: $('#qChannel').val(),
|
||||
startTime: $('#qStartTime').val(),
|
||||
endTime: $('#qEndTime').val(),
|
||||
status: $('#qStatus').val(),
|
||||
newUser: $('#qNewUser').val(),
|
||||
appChannel: $('#qAppChannel').val(),
|
||||
};
|
||||
return param;
|
||||
},
|
||||
ajax: function (request) { //使用ajax请求
|
||||
$.ajax({
|
||||
type: "GET",
|
||||
url: '/admin/chargeRecord/list',
|
||||
contentType: 'application/json;charset=utf-8',
|
||||
dataType: 'json',
|
||||
data: request.data,
|
||||
success: function (res) {
|
||||
apiResult(res);
|
||||
request.success({
|
||||
rows: res.data.records,
|
||||
total: res.data.total
|
||||
});
|
||||
},
|
||||
error: function (req) {
|
||||
serverError(req);
|
||||
}
|
||||
})
|
||||
},
|
||||
toolbar: '#toolbar',
|
||||
onLoadSuccess: function () { //加载成功时执行
|
||||
console.log("load success");
|
||||
},
|
||||
onLoadError: function () { //加载失败时执行
|
||||
console.log("load fail");
|
||||
}
|
||||
});
|
||||
|
||||
// 查询刷新
|
||||
$('#btnSearch').on('click', function () {
|
||||
TableHelper.doRefresh('#table');
|
||||
});
|
||||
|
||||
function serverError (req) {
|
||||
$("#tipMsg").text(req.responseJSON.message);
|
||||
$("#tipModal").modal('show');
|
||||
}
|
||||
|
||||
function apiResult (json) {
|
||||
if (json.code == 200 && json.message == 'success') {
|
||||
return true;
|
||||
}
|
||||
$("#tipMsg").text("请求失败,错误信息:" + json.message);
|
||||
$("#tipModal").modal('show');
|
||||
return false;
|
||||
}
|
||||
|
||||
// 导出excel
|
||||
$('#btnExport').on('click', function () {
|
||||
var form = $("#form2");
|
||||
form.attr("action", "/admin/chargeRecord/exportChargeDetail");
|
||||
$('#exportErbanNo').val($('#qErbanNo').val());
|
||||
$('#exportChannel').val($('#qChannel').val());
|
||||
$('#exportStartTime').val($('#qStartTime').val());
|
||||
$('#exportEndTime').val($('#qEndTime').val());
|
||||
$('#exportStatus').val($('#qStatus').val());
|
||||
$('#exportNewUser').val($('#qNewUser').val());
|
||||
$('#exportAppChannel').val($('#qAppChannel').val());
|
||||
|
||||
form.submit();
|
||||
})
|
||||
|
||||
initData() {
|
||||
$(".datetime").datetimepicker({
|
||||
format: "yyyy-mm-dd hh:ii:00",
|
||||
autoclose: true,
|
||||
});
|
||||
}
|
||||
},
|
||||
|
||||
// 初始化表格,但不设置 `ajax` 方法,也不绑定 `url`,只提供列配置
|
||||
$("#table").bootstrapTable({
|
||||
columns: [
|
||||
{ field: "erbanNo", title: "平台号", align: "center", width: "5%" },
|
||||
{ field: "uid", title: "uid", align: "center", width: "5%" },
|
||||
{ field: "nick", title: "昵称", align: "center", width: "5%" },
|
||||
{
|
||||
field: "partitionName",
|
||||
title: "分区",
|
||||
align: "center",
|
||||
width: "5%",
|
||||
},
|
||||
{
|
||||
field: "createTime",
|
||||
title: "创建时间",
|
||||
align: "center",
|
||||
valign: "middle",
|
||||
width: "10%",
|
||||
},
|
||||
{ field: "channel", title: "渠道", align: "center", width: "5%" },
|
||||
{
|
||||
field: "localCurrencyCode",
|
||||
title: "当地货币代码",
|
||||
align: "center",
|
||||
width: "5%",
|
||||
},
|
||||
{
|
||||
field: "localAmount",
|
||||
title: "当地金额",
|
||||
align: "center",
|
||||
width: "5%",
|
||||
},
|
||||
{
|
||||
field: "chargeRecordId",
|
||||
title: "商户订单号",
|
||||
align: "center",
|
||||
width: "5%",
|
||||
},
|
||||
{
|
||||
field: "pingxxChargeId",
|
||||
title: "第三方订单号",
|
||||
align: "center",
|
||||
width: "5%",
|
||||
},
|
||||
{
|
||||
field: "status",
|
||||
title: "状态",
|
||||
align: "center",
|
||||
width: "5%",
|
||||
formatter: function (val, row, index) {
|
||||
return val == 2 ? "充值成功" : "发起充值";
|
||||
},
|
||||
},
|
||||
{
|
||||
field: "newUser",
|
||||
title: "是否新用户",
|
||||
align: "center",
|
||||
width: "5%",
|
||||
formatter: function (val, row, index) {
|
||||
return val ? "是" : "否";
|
||||
},
|
||||
},
|
||||
{
|
||||
field: "appChannel",
|
||||
title: "app渠道",
|
||||
align: "center",
|
||||
width: "5%",
|
||||
},
|
||||
],
|
||||
undefinedText: "-",
|
||||
cache: false,
|
||||
striped: true,
|
||||
showRefresh: false,
|
||||
pageSize: 20,
|
||||
pagination: true,
|
||||
pageList: [20, 50, 100, 200, 300, 500],
|
||||
search: false,
|
||||
sidePagination: "server",
|
||||
queryParamsType: "undefined",
|
||||
data: [], // 初始化为空数据
|
||||
});
|
||||
|
||||
// 查询刷新
|
||||
$("#btnSearch").on("click", function () {
|
||||
const params = {
|
||||
pageNumber: 1,
|
||||
pageSize: 20,
|
||||
erbanNo: $("#qErbanNo").val(),
|
||||
channel: $("#qChannel").val(),
|
||||
startTime: $("#qStartTime").val(),
|
||||
endTime: $("#qEndTime").val(),
|
||||
status: $("#qStatus").val(),
|
||||
newUser: $("#qNewUser").val(),
|
||||
appChannel: $("#qAppChannel").val(),
|
||||
};
|
||||
|
||||
// 手动加载数据
|
||||
$.ajax({
|
||||
type: "GET",
|
||||
url: "/admin/chargeRecord/list",
|
||||
contentType: "application/json;charset=utf-8",
|
||||
dataType: "json",
|
||||
data: params,
|
||||
success: function (res) {
|
||||
if (apiResult(res)) {
|
||||
$("#table").bootstrapTable("load", {
|
||||
rows: res.data.rows,
|
||||
total: res.data.total,
|
||||
});
|
||||
|
||||
$("#mapObjHtml span").remove();
|
||||
const totalMap = res.data.totalMap;
|
||||
let str = "";
|
||||
const sortedKeys = Object.keys(totalMap).sort((keyA, keyB) => {
|
||||
return keyA === "总充值{USD}"
|
||||
? -1
|
||||
: keyB === "总充值{USD}"
|
||||
? 1
|
||||
: 0;
|
||||
});
|
||||
for (const key of sortedKeys) {
|
||||
str += `
|
||||
<span style="margin-right:10px;display: inline-block;font-size: 18px;color: #2049a9;" type="text">${key}: ${totalMap[key]}, </span>
|
||||
`;
|
||||
}
|
||||
$("#mapObjHtml").append(str);
|
||||
}
|
||||
},
|
||||
error: function (req) {
|
||||
serverError(req);
|
||||
},
|
||||
});
|
||||
});
|
||||
|
||||
function serverError(req) {
|
||||
$("#tipMsg").text(req.responseJSON.message);
|
||||
$("#tipModal").modal("show");
|
||||
}
|
||||
|
||||
function apiResult(json) {
|
||||
if (json.code == 200 && json.message == "success") {
|
||||
return true;
|
||||
}
|
||||
$("#tipMsg").text("请求失败,错误信息:" + json.message);
|
||||
$("#tipModal").modal("show");
|
||||
return false;
|
||||
}
|
||||
|
||||
// 导出excel
|
||||
$("#btnExport").on("click", function () {
|
||||
const form = $("#form2");
|
||||
form.attr("action", "/admin/chargeRecord/exportChargeDetail");
|
||||
$("#exportErbanNo").val($("#qErbanNo").val());
|
||||
$("#exportChannel").val($("#qChannel").val());
|
||||
$("#exportStartTime").val($("#qStartTime").val());
|
||||
$("#exportEndTime").val($("#qEndTime").val());
|
||||
$("#exportStatus").val($("#qStatus").val());
|
||||
$("#exportNewUser").val($("#qNewUser").val());
|
||||
$("#exportAppChannel").val($("#qAppChannel").val());
|
||||
|
||||
form.submit();
|
||||
});
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
|
410
src/views/refund/UserRefundQuiry.vue
Normal file
410
src/views/refund/UserRefundQuiry.vue
Normal file
@@ -0,0 +1,410 @@
|
||||
<template>
|
||||
<div class="box">
|
||||
<!-- 分区 -->
|
||||
<div class="inquire">
|
||||
<div class="block">
|
||||
<span class="demonstration">分区</span>
|
||||
<el-select
|
||||
v-model="inquire.partitionId"
|
||||
style="width: 75%"
|
||||
placeholder="请选择"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in inquire.partitionArr"
|
||||
:key="item.id"
|
||||
:label="item.desc"
|
||||
:value="item.id"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 平台ID -->
|
||||
<div class="inquire">
|
||||
<span>平台ID</span>
|
||||
<el-input
|
||||
v-model="inquire.userId"
|
||||
placeholder=""
|
||||
class="input"
|
||||
></el-input>
|
||||
</div>
|
||||
<!-- 充值订单号 -->
|
||||
<div class="inquire">
|
||||
<span>充值订单号</span>
|
||||
<el-input
|
||||
v-model="inquire.rechargeNumber"
|
||||
placeholder=""
|
||||
class="input"
|
||||
></el-input>
|
||||
</div>
|
||||
<!-- 第三方订单号 -->
|
||||
<div class="inquire">
|
||||
<span>第三方订单号</span>
|
||||
<el-input
|
||||
v-model="inquire.partyNumber"
|
||||
placeholder=""
|
||||
class="input"
|
||||
></el-input>
|
||||
</div>
|
||||
<!-- 国家 -->
|
||||
<div class="inquire">
|
||||
<div class="block">
|
||||
<span class="demonstration">国家</span>
|
||||
<el-select
|
||||
v-model="inquire.country"
|
||||
style="width: 75%"
|
||||
placeholder="请选择"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in inquire.countryArr"
|
||||
:key="item.id"
|
||||
:label="item.regionDesc"
|
||||
:value="item.id"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 状态 -->
|
||||
<div class="inquire">
|
||||
<div class="block">
|
||||
<span class="demonstration">状态</span>
|
||||
<el-select
|
||||
v-model="inquire.status"
|
||||
style="width: 75%"
|
||||
placeholder="请选择"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in inquire.statusArr"
|
||||
:key="item.id"
|
||||
:label="item.desc"
|
||||
:value="item.id"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 平台 -->
|
||||
<div class="inquire">
|
||||
<div class="block">
|
||||
<span class="demonstration">平台</span>
|
||||
<el-select
|
||||
v-model="inquire.platform"
|
||||
style="width: 75%"
|
||||
placeholder="请选择"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in inquire.platformArr"
|
||||
:key="item.id"
|
||||
:label="item.desc"
|
||||
:value="item.id"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 支付渠道 -->
|
||||
<div class="inquire">
|
||||
<div class="block">
|
||||
<span class="demonstration">支付渠道</span>
|
||||
<el-select
|
||||
v-model="inquire.paymentChannels"
|
||||
style="width: 75%"
|
||||
placeholder="请选择"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in inquire.paymentChannelsArr"
|
||||
:key="item.id"
|
||||
:label="item.desc"
|
||||
:value="item.id"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 时间选择器 -->
|
||||
<div class="inquire">
|
||||
<div class="block">
|
||||
<span class="demonstration">时间</span>
|
||||
<el-date-picker
|
||||
v-model="inquire.time"
|
||||
type="daterange"
|
||||
range-separator="至"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="结束日期"
|
||||
>
|
||||
</el-date-picker>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 查询按钮 -->
|
||||
<el-button class="primary" type="primary" @click="getData()"
|
||||
>搜索</el-button
|
||||
>
|
||||
<el-button
|
||||
class="primary"
|
||||
type="primary"
|
||||
@click="
|
||||
inquire.partitionId = inquire.partitionArr[0].id;
|
||||
inquire.userId = '';
|
||||
inquire.rechargeNumber = '';
|
||||
inquire.partyNumber = '';
|
||||
inquire.country = inquire.countryArr[0].id;
|
||||
inquire.status = 0;
|
||||
inquire.platform = '';
|
||||
inquire.paymentChannels = '';
|
||||
inquire.time = '';
|
||||
getData();
|
||||
"
|
||||
>重置搜索</el-button
|
||||
>
|
||||
<el-button class="primary" type="primary" @click="exportInfoFun()"
|
||||
>导出</el-button
|
||||
>
|
||||
<div>
|
||||
<el-button v-for="(value, key) in sortedMapObj" :key="key" type="text"
|
||||
>{{ key }}: {{ value }},
|
||||
</el-button>
|
||||
</div>
|
||||
<!-- 表格 -->
|
||||
<el-table
|
||||
v-loading="loading"
|
||||
:data="tableData"
|
||||
border
|
||||
style="width: 100%; margin-top: 25px"
|
||||
>
|
||||
<el-table-column prop="chargeStatusDesc" align="center" label="支付状态">
|
||||
</el-table-column>
|
||||
<el-table-column prop="chargeRecordId" align="center" label="订单ID" />
|
||||
<el-table-column
|
||||
prop="pingxxChargeId"
|
||||
align="center"
|
||||
label="第三方订单ID"
|
||||
/>
|
||||
<el-table-column prop="channel" 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="phone" align="center" label="电话" />
|
||||
<el-table-column prop="os" align="center" label="平台" />
|
||||
<el-table-column prop="genderDesc" align="center" label="性别" />
|
||||
<el-table-column prop="chargeIp" align="center" label="用户IP" />
|
||||
<el-table-column prop="totalGold" align="center" label="金币数量" />
|
||||
<el-table-column prop="amount" align="center" label="花费金额(USD)" />
|
||||
<el-table-column
|
||||
prop="localCurrencyCode"
|
||||
align="center"
|
||||
label="当地货币代码"
|
||||
/>
|
||||
<el-table-column
|
||||
prop="localAmount"
|
||||
align="center"
|
||||
label="当地货币花费金额"
|
||||
/>
|
||||
<el-table-column prop="createTime" align="center" label="购买时间" />
|
||||
<el-table-column prop="successTime" align="center" label="回调时间" />
|
||||
<el-table-column prop="successTime" align="center" label="退款时间" />
|
||||
<el-table-column prop="amount" align="center" label="退款金额" />
|
||||
<el-table-column
|
||||
prop="refundDesc"
|
||||
align="center"
|
||||
label="状态"
|
||||
></el-table-column>
|
||||
<el-table-column prop="regionName" align="center" label="国家" />
|
||||
</el-table>
|
||||
<!-- 分页 -->
|
||||
<el-pagination
|
||||
style="margin-top: 10px"
|
||||
class="paginationClass"
|
||||
v-model:current-page="currentPage"
|
||||
v-model:page-size="pageSize"
|
||||
:page-sizes="[10, 20, 30, 40, 50, 100, 200, 300, 400, 500, 999999999]"
|
||||
layout="sizes, prev, pager, next"
|
||||
:total="total"
|
||||
@size-change="handleSizeChange"
|
||||
@current-change="handleCurrentChange"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import {
|
||||
listPartitionInfo,
|
||||
refundList,
|
||||
regionInfoList,
|
||||
refundExport,
|
||||
} from "@/api/refund/refund";
|
||||
// @ts-ignore
|
||||
import { dateFormat } from "@/utils/system-helper";
|
||||
// @ts-ignore
|
||||
import { ElMessage } from "element-plus";
|
||||
export default {
|
||||
name: "userRefundQuiry",
|
||||
computed: {
|
||||
sortedMapObj() {
|
||||
const entries = Object.entries(this.mapObj);
|
||||
// 将 "总充值{USD}" 的键排到第一位
|
||||
entries.sort(([keyA], [keyB]) =>
|
||||
keyA === "总充值{USD}" ? -1 : keyB === "总充值{USD}" ? 1 : 0
|
||||
);
|
||||
return Object.fromEntries(entries);
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
loading: false,
|
||||
delDialog: false,
|
||||
delDialogData: null,
|
||||
mapObj: {},
|
||||
//查询所需条件对象
|
||||
inquire: {
|
||||
partitionId: 0,
|
||||
partitionArr: [],
|
||||
userId: "",
|
||||
rechargeNumber: "",
|
||||
partyNumber: "",
|
||||
country: "",
|
||||
countryArr: [],
|
||||
status: "",
|
||||
statusArr: [
|
||||
{ desc: "全部", id: 0 },
|
||||
{ desc: "退款中", id: 2 },
|
||||
{ desc: "退款成功", id: 1 },
|
||||
{ desc: "退款失败", id: 3 },
|
||||
],
|
||||
platform: "",
|
||||
platformArr: [
|
||||
{ desc: "全部", id: "" },
|
||||
{ desc: "Android", id: "android" },
|
||||
{ desc: "iOS", id: "iOS" },
|
||||
],
|
||||
paymentChannels: "",
|
||||
paymentChannelsArr: [
|
||||
{ desc: "google内购", id: "google_play_billing" },
|
||||
{ desc: "payermax", id: "payermax" },
|
||||
{ desc: "myCard", id: "MyCard" },
|
||||
{ desc: "startPay", id: "start_pay" },
|
||||
{ desc: "ios内购", id: "ios_pay" },
|
||||
{ desc: "对公打款", id: "company" },
|
||||
],
|
||||
time: "",
|
||||
},
|
||||
// 表格
|
||||
tableData: [],
|
||||
// 分页
|
||||
total: 10, //总页数
|
||||
currentPage: 1, //页码
|
||||
pageSize: 10, //条数
|
||||
};
|
||||
},
|
||||
created() {
|
||||
listPartitionInfo().then((res) => {
|
||||
this.inquire.partitionArr = res.data;
|
||||
this.inquire.partitionId = this.inquire.partitionArr[0].id;
|
||||
});
|
||||
regionInfoList().then((res) => {
|
||||
this.inquire.countryArr = res.data;
|
||||
});
|
||||
},
|
||||
methods: {
|
||||
// 查询接口
|
||||
getData() {
|
||||
this.loading = true;
|
||||
let time = this.inquire.time;
|
||||
let startTime = "";
|
||||
let endTime = "";
|
||||
if (time && time.length > 0) {
|
||||
startTime = dateFormat(this.inquire.time[0], "yyyy-MM-dd 00:00:00");
|
||||
endTime = dateFormat(this.inquire.time[1], "yyyy-MM-dd 23:59:59");
|
||||
}
|
||||
refundList({
|
||||
partitionId: this.inquire.partitionId,
|
||||
channel: this.inquire.paymentChannels,
|
||||
chargeRecordId: this.inquire.rechargeNumber,
|
||||
pingxxChargeId: this.inquire.partyNumber,
|
||||
refundStatus: this.inquire.status,
|
||||
regionId: this.inquire.country,
|
||||
os: this.inquire.platform,
|
||||
erbanNo: this.inquire.userId,
|
||||
pageNo: this.currentPage,
|
||||
pageSize: this.pageSize,
|
||||
beginDate: startTime,
|
||||
endDate: endTime,
|
||||
}).then((res) => {
|
||||
if (res.code == 200) {
|
||||
this.total = res.data.total;
|
||||
this.tableData = res.data.rows;
|
||||
this.mapObj = res.data.totalMap;
|
||||
} else {
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: res.message,
|
||||
type: "error",
|
||||
});
|
||||
}
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
jsonFun(val) {
|
||||
return JSON.parse(val);
|
||||
},
|
||||
exportInfoFun() {
|
||||
let time = this.inquire.time;
|
||||
let startTime = "";
|
||||
let endTime = "";
|
||||
if (time && time.length > 0) {
|
||||
startTime = dateFormat(this.inquire.time[0], "yyyy-MM-dd 00:00:00");
|
||||
endTime = dateFormat(this.inquire.time[1], "yyyy-MM-dd 23:59:59");
|
||||
}
|
||||
refundExport({
|
||||
partitionId: this.inquire.partitionId,
|
||||
channel: this.inquire.paymentChannels,
|
||||
chargeRecordId: this.inquire.rechargeNumber,
|
||||
pingxxChargeId: this.inquire.partyNumber,
|
||||
refundStatus: this.inquire.status,
|
||||
regionId: this.inquire.country,
|
||||
os: this.inquire.platform,
|
||||
erbanNo: this.inquire.userId,
|
||||
pageNo: this.currentPage,
|
||||
pageSize: this.pageSize,
|
||||
beginDate: startTime,
|
||||
endDate: endTime,
|
||||
}).then();
|
||||
},
|
||||
// 分页导航
|
||||
handleSizeChange() {
|
||||
this.getData();
|
||||
},
|
||||
handleCurrentChange() {
|
||||
this.getData();
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style lang="less" scoped>
|
||||
.box {
|
||||
padding-top: 20px;
|
||||
background: #ecf0f5;
|
||||
.inquire {
|
||||
display: inline-block;
|
||||
margin-right: 20px;
|
||||
margin-bottom: 10px;
|
||||
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>
|
292
src/views/refund/goldDiamondOperationRecord.vue
Normal file
292
src/views/refund/goldDiamondOperationRecord.vue
Normal file
@@ -0,0 +1,292 @@
|
||||
<template>
|
||||
<div class="box">
|
||||
<!-- 分区 -->
|
||||
<div class="inquire">
|
||||
<div class="block">
|
||||
<span class="demonstration">分区</span>
|
||||
<el-select
|
||||
v-model="inquire.partitionId"
|
||||
style="width: 75%"
|
||||
placeholder="请选择"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in inquire.partitionArr"
|
||||
:key="item.id"
|
||||
:label="item.desc"
|
||||
:value="item.id"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 平台ID -->
|
||||
<div class="inquire">
|
||||
<span>平台ID</span>
|
||||
<el-input
|
||||
v-model="inquire.userId"
|
||||
placeholder=""
|
||||
class="input"
|
||||
></el-input>
|
||||
</div>
|
||||
<!-- 赠送类型 -->
|
||||
<div class="inquire">
|
||||
<div class="block">
|
||||
<span class="demonstration">赠送类型</span>
|
||||
<el-select
|
||||
v-model="inquire.platform"
|
||||
style="width: 75%"
|
||||
placeholder="请选择"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in inquire.platformArr"
|
||||
:key="item.id"
|
||||
:label="item.desc"
|
||||
:value="item.id"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 时间选择器 -->
|
||||
<div class="inquire">
|
||||
<div class="block">
|
||||
<span class="demonstration">时间</span>
|
||||
<el-date-picker
|
||||
v-model="inquire.time"
|
||||
type="datetimerange"
|
||||
range-separator="至"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="结束日期"
|
||||
>
|
||||
</el-date-picker>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 查询按钮 -->
|
||||
<el-button class="primary" type="primary" @click="getData()"
|
||||
>搜索</el-button
|
||||
>
|
||||
<el-button
|
||||
class="primary"
|
||||
type="primary"
|
||||
@click="
|
||||
inquire.partitionId = inquire.partitionArr[0].id;
|
||||
inquire.userId = '';
|
||||
inquire.platform = '';
|
||||
inquire.time = '';
|
||||
getData();
|
||||
"
|
||||
>重置搜索</el-button
|
||||
>
|
||||
<el-button class="primary" type="primary" @click="exportInfoFun()"
|
||||
>导出</el-button
|
||||
>
|
||||
<div>
|
||||
<el-button v-for="(value, key) in sortedMapObj" :key="key" type="text"
|
||||
>{{ key }}: {{ value }},
|
||||
</el-button>
|
||||
</div>
|
||||
<!-- 表格 -->
|
||||
<el-table
|
||||
v-loading="loading"
|
||||
:data="tableData"
|
||||
border
|
||||
style="width: 100%; margin-top: 25px"
|
||||
>
|
||||
<el-table-column prop="createTime" align="center" label="操作时间">
|
||||
<template v-slot="scope">
|
||||
{{
|
||||
dateFormat(
|
||||
new Date(scope.row.createTime).getTime(),
|
||||
"yyyy-MM-dd hh:mm:ss"
|
||||
)
|
||||
}}
|
||||
</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="money" align="center" label="实时金币余额" />
|
||||
<el-table-column prop="goldNum" align="center" label="赠送金币数量" />
|
||||
<el-table-column prop="diamondNum" align="center" label="赠送钻石数量" />
|
||||
<el-table-column prop="typeDesc" align="center" label="赠送类型" />
|
||||
<el-table-column
|
||||
prop="currencyTypeDesc"
|
||||
align="center"
|
||||
label="赠送分类"
|
||||
/>
|
||||
<el-table-column prop="actualAmount" align="center" label="打款金额" />
|
||||
<el-table-column prop="remark" align="center" label="备注" />
|
||||
<el-table-column prop="operatorName" align="center" label="操作人" />
|
||||
</el-table>
|
||||
<!-- 分页 -->
|
||||
<el-pagination
|
||||
style="margin-top: 10px"
|
||||
class="paginationClass"
|
||||
v-model:current-page="currentPage"
|
||||
v-model:page-size="pageSize"
|
||||
:page-sizes="[10, 20, 30, 40, 50, 100, 200, 300, 400, 500, 999999999]"
|
||||
layout="sizes, prev, pager, next"
|
||||
:total="total"
|
||||
@size-change="handleSizeChange"
|
||||
@current-change="handleCurrentChange"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import {
|
||||
listPartitionInfo,
|
||||
goldcoinRecordAll,
|
||||
recordAllExport,
|
||||
} from "@/api/refund/refund";
|
||||
// @ts-ignore
|
||||
import { dateFormat } from "@/utils/system-helper";
|
||||
// @ts-ignore
|
||||
import { ElMessage } from "element-plus";
|
||||
export default {
|
||||
name: "goldDiamondOperationRecord",
|
||||
data() {
|
||||
return {
|
||||
loading: false,
|
||||
delDialog: false,
|
||||
delDialogData: null,
|
||||
mapObj: {},
|
||||
//查询所需条件对象
|
||||
inquire: {
|
||||
partitionId: 0,
|
||||
partitionArr: [],
|
||||
userId: "",
|
||||
platform: "",
|
||||
platformArr: [
|
||||
{ desc: "全部", id: "" },
|
||||
{ desc: "官方赠送金币", id: "OFFICAL_DIAMOND" },
|
||||
{ desc: "官方赠送水晶", id: "OFFICAL_RADISH" },
|
||||
{ desc: "活动奖励钻石", id: "ACTIVITY_GOLD" },
|
||||
{ desc: "公款充值金币", id: "COMPANY_ACCOUNT_DIAMOND" },
|
||||
{ desc: "官方金币消除", id: "OFFICAL_REDUCE_DIAMONDS" },
|
||||
{ desc: "官方赠送钻石", id: "OFFICAL_GOLD" },
|
||||
{ desc: "用户钻石清除", id: "CLEAR_USER_GOLD" },
|
||||
],
|
||||
time: "",
|
||||
},
|
||||
// 表格
|
||||
tableData: [],
|
||||
// 分页
|
||||
total: 10, //总页数
|
||||
currentPage: 1, //页码
|
||||
pageSize: 10, //条数
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
sortedMapObj() {
|
||||
const entries = Object.entries(this.mapObj);
|
||||
// 将 "总充值{USD}" 的键排到第一位
|
||||
entries.sort(([keyA], [keyB]) =>
|
||||
keyA === "总充值{USD}" ? -1 : keyB === "总充值{USD}" ? 1 : 0
|
||||
);
|
||||
return Object.fromEntries(entries);
|
||||
},
|
||||
},
|
||||
created() {
|
||||
listPartitionInfo().then((res) => {
|
||||
this.inquire.partitionArr = res.data;
|
||||
this.inquire.partitionId = this.inquire.partitionArr[0].id;
|
||||
});
|
||||
},
|
||||
methods: {
|
||||
dateFormat,
|
||||
// 查询接口
|
||||
getData() {
|
||||
this.loading = true;
|
||||
let time = this.inquire.time;
|
||||
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");
|
||||
}
|
||||
goldcoinRecordAll({
|
||||
partitionId: this.inquire.partitionId,
|
||||
type: this.inquire.platform,
|
||||
erbanNo: this.inquire.userId,
|
||||
pageNo: this.currentPage,
|
||||
pageSize: this.pageSize,
|
||||
beginDate: startTime,
|
||||
endDate: endTime,
|
||||
}).then((res) => {
|
||||
if (res.code == 200) {
|
||||
this.total = res.data.total;
|
||||
this.tableData = res.data.rows;
|
||||
this.mapObj = res.data.totalMap;
|
||||
} else {
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: res.message,
|
||||
type: "error",
|
||||
});
|
||||
}
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
jsonFun(val) {
|
||||
return JSON.parse(val);
|
||||
},
|
||||
exportInfoFun() {
|
||||
let time = this.inquire.time;
|
||||
let startTime = "";
|
||||
let endTime = "";
|
||||
if (time && time.length > 0) {
|
||||
startTime = dateFormat(this.inquire.time[0], "yyyy-MM-dd 00:00:00");
|
||||
endTime = dateFormat(this.inquire.time[1], "yyyy-MM-dd 23:59:59");
|
||||
}
|
||||
recordAllExport({
|
||||
partitionId: this.inquire.partitionId,
|
||||
type: this.inquire.platform,
|
||||
erbanNo: this.inquire.userId,
|
||||
pageNo: this.currentPage,
|
||||
pageSize: this.pageSize,
|
||||
beginDate: startTime,
|
||||
endDate: endTime,
|
||||
}).then();
|
||||
},
|
||||
// 分页导航
|
||||
handleSizeChange() {
|
||||
this.getData();
|
||||
},
|
||||
handleCurrentChange() {
|
||||
this.getData();
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style lang="less" scoped>
|
||||
.box {
|
||||
padding-top: 20px;
|
||||
background: #ecf0f5;
|
||||
.inquire {
|
||||
display: inline-block;
|
||||
margin-right: 20px;
|
||||
margin-bottom: 10px;
|
||||
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>
|
@@ -8,36 +8,39 @@
|
||||
</section>
|
||||
<div id="toolbar">
|
||||
<div class="col-sm-12">
|
||||
<label for="erbanNo"
|
||||
class="col-sm-2 control-label">房主平台号:</label>
|
||||
<label for="erbanNo" class="col-sm-2 control-label"
|
||||
>房主平台号:</label
|
||||
>
|
||||
<div class="col-sm-2">
|
||||
<input type="text"
|
||||
class="form-control"
|
||||
name="erbanNo"
|
||||
id="erbanNo"
|
||||
placeholder="">
|
||||
<input
|
||||
type="text"
|
||||
class="form-control"
|
||||
name="erbanNo"
|
||||
id="erbanNo"
|
||||
placeholder=""
|
||||
/>
|
||||
</div>
|
||||
<label for="roomTitle"
|
||||
class="col-sm-2 control-label">房间标题:</label>
|
||||
<label for="roomTitle" class="col-sm-2 control-label"
|
||||
>房间标题:</label
|
||||
>
|
||||
<div class="col-sm-2">
|
||||
<input type="text"
|
||||
class="form-control"
|
||||
name="roomTitle"
|
||||
id="roomTitle"
|
||||
placeholder="">
|
||||
<input
|
||||
type="text"
|
||||
class="form-control"
|
||||
name="roomTitle"
|
||||
id="roomTitle"
|
||||
placeholder=""
|
||||
/>
|
||||
</div>
|
||||
<label for="partitionId"
|
||||
class="col-sm-1 control-label">地区:</label>
|
||||
<label for="partitionId" class="col-sm-1 control-label"
|
||||
>地区:</label
|
||||
>
|
||||
<div class="col-sm-2">
|
||||
<select name="partitionId"
|
||||
id="partitionId"
|
||||
class="form-control">
|
||||
<option value="4"
|
||||
selected>华语区</option>
|
||||
<select name="partitionId" id="partitionId" class="form-control">
|
||||
<option value="4" selected>华语区</option>
|
||||
</select>
|
||||
</div>
|
||||
<button id="btnSearch"
|
||||
class="btn btn-default">
|
||||
<button id="btnSearch" class="btn btn-default">
|
||||
<i class="glyphicon glyphicon-search"></i>查询
|
||||
</button>
|
||||
</div>
|
||||
@@ -46,44 +49,40 @@
|
||||
|
||||
<!-- .content -->
|
||||
<div id="table"></div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 编辑弹框 -->
|
||||
<div class="modal fade"
|
||||
id="roomTabHomeModal"
|
||||
tabindex="-1"
|
||||
role="dialog"
|
||||
aria-labelledby="modalLabel">
|
||||
<div class="modal-dialog"
|
||||
role="document">
|
||||
<div
|
||||
class="modal fade"
|
||||
id="roomTabHomeModal"
|
||||
tabindex="-1"
|
||||
role="dialog"
|
||||
aria-labelledby="modalLabel"
|
||||
>
|
||||
<div class="modal-dialog" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button"
|
||||
class="close"
|
||||
data-dismiss="modal"
|
||||
aria-label="Close"><span aria-hidden="true">×</span>
|
||||
<button
|
||||
type="button"
|
||||
class="close"
|
||||
data-dismiss="modal"
|
||||
aria-label="Close"
|
||||
>
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
<h4 class="modal-title"
|
||||
id="modalLabel">编辑</h4>
|
||||
<h4 class="modal-title" id="modalLabel">编辑</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form class="form-horizontal"
|
||||
id="addForm">
|
||||
<input type="hidden"
|
||||
name="id"
|
||||
id="id" />
|
||||
<input type="hidden"
|
||||
name="roomUid"
|
||||
id="roomUid" />
|
||||
<form class="form-horizontal" id="addForm">
|
||||
<input type="hidden" name="id" id="id" />
|
||||
<input type="hidden" name="roomUid" id="roomUid" />
|
||||
<div class="form-group">
|
||||
<label for="modal_isTop"
|
||||
class="col-sm-3 control-label">是否置顶<font color="red">*</font>:</label>
|
||||
<label for="modal_isTop" class="col-sm-3 control-label"
|
||||
>是否置顶<font color="red">*</font>:</label
|
||||
>
|
||||
<div class="col-sm-9">
|
||||
<select name="isTop"
|
||||
id="modal_isTop"
|
||||
class="form-control">
|
||||
<select name="isTop" id="modal_isTop" class="form-control">
|
||||
<option value=""></option>
|
||||
<option value="1">是</option>
|
||||
<option value="0">否</option>
|
||||
@@ -91,45 +90,69 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="modal_seq"
|
||||
class="col-sm-3 control-label">置顶排序<font color="red">*</font>:</label>
|
||||
<label for="modal_type" class="col-sm-3 control-label"
|
||||
>房间类型:<font color="red">*</font>:</label
|
||||
>
|
||||
<div class="col-sm-9">
|
||||
<input type="text"
|
||||
class="form-control"
|
||||
name="seq"
|
||||
id="modal_seq"
|
||||
placeholder="数字小的排前面,必填">
|
||||
<select name="type" id="modal_type" class="form-control">
|
||||
<option value="1">客服房间</option>
|
||||
<option value="2">热门房间</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="modal_topStart"
|
||||
class="col-sm-3 control-label">置顶开始时间<font color="red">*</font>
|
||||
:</label>
|
||||
<label for="modal_seq" class="col-sm-3 control-label"
|
||||
>置顶排序调整为位置排序<font color="red">*</font>:</label
|
||||
>
|
||||
<div class="col-sm-9">
|
||||
<input type="text"
|
||||
class="input-sm form-control datetime"
|
||||
name="topStart"
|
||||
id="modal_topStart">
|
||||
<input
|
||||
type="number"
|
||||
class="form-control"
|
||||
name="seq"
|
||||
id="modal_seq"
|
||||
min="1"
|
||||
max="5"
|
||||
placeholder="填入的数字=在首页的第几个位置"
|
||||
oninput="this.value = Math.min(Math.max(this.value, 1), 5)"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="modal_topEnd"
|
||||
class="col-sm-3 control-label">置顶结束时间<font color="red">*</font>
|
||||
:</label>
|
||||
<label for="modal_topStart" class="col-sm-3 control-label"
|
||||
>置顶开始时间<font color="red">*</font> :</label
|
||||
>
|
||||
<div class="col-sm-9">
|
||||
<input type="text"
|
||||
class="input-sm form-control datetime"
|
||||
name="topEnd"
|
||||
id="modal_topEnd">
|
||||
<input
|
||||
type="text"
|
||||
class="input-sm form-control datetime"
|
||||
name="topStart"
|
||||
id="modal_topStart"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="modal_isShow"
|
||||
class="col-sm-3 control-label">是否在App首页展示<font color="red">*</font>:</label>
|
||||
<label for="modal_topEnd" class="col-sm-3 control-label"
|
||||
>置顶结束时间<font color="red">*</font> :</label
|
||||
>
|
||||
<div class="col-sm-9">
|
||||
<select name="isShow"
|
||||
id="modal_isShow"
|
||||
class="form-control validate[required]">
|
||||
<input
|
||||
type="text"
|
||||
class="input-sm form-control datetime"
|
||||
name="topEnd"
|
||||
id="modal_topEnd"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="modal_isShow" class="col-sm-3 control-label"
|
||||
>是否在App首页展示<font color="red">*</font>:</label
|
||||
>
|
||||
<div class="col-sm-9">
|
||||
<select
|
||||
name="isShow"
|
||||
id="modal_isShow"
|
||||
class="form-control validate[required]"
|
||||
>
|
||||
<option value="1">是</option>
|
||||
<option value="0">否</option>
|
||||
</select>
|
||||
@@ -138,24 +161,23 @@
|
||||
</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="btnConfirm">确定</button>
|
||||
<button type="button" class="btn btn-default" data-dismiss="modal">
|
||||
关闭
|
||||
</button>
|
||||
<button type="button" class="btn btn-primary" id="btnConfirm">
|
||||
确定
|
||||
</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import TableHelper from '@/utils/bootstrap-table-helper';
|
||||
import { formatTime } from '@/utils/maintainer';
|
||||
import { getPartitionInfoList } from '@/api/partition/partitionInfo';
|
||||
import { buildSelectOption } from '@/utils/system-helper';
|
||||
import TableHelper from "@/utils/bootstrap-table-helper";
|
||||
import { formatTime } from "@/utils/maintainer";
|
||||
import { getPartitionInfoList } from "@/api/partition/partitionInfo";
|
||||
import { buildSelectOption } from "@/utils/system-helper";
|
||||
|
||||
// tab类型选择变化查询
|
||||
/*function selectOnTabChange(obj){
|
||||
@@ -164,115 +186,173 @@ import { buildSelectOption } from '@/utils/system-helper';
|
||||
}*/
|
||||
export default {
|
||||
name: "RoomTabHomeView",
|
||||
setup () {
|
||||
setup() {
|
||||
return {};
|
||||
},
|
||||
created () {
|
||||
created() {
|
||||
this.$nextTick(function () {
|
||||
this.initPartition();
|
||||
this.initData();
|
||||
});
|
||||
},
|
||||
methods: {
|
||||
initData () {
|
||||
initData() {
|
||||
$(function () {
|
||||
$('.datetime').datetimepicker({
|
||||
format: 'yyyy-mm-dd hh:ii:00',
|
||||
autoclose: true
|
||||
$(".datetime").datetimepicker({
|
||||
format: "yyyy-mm-dd hh:ii:00",
|
||||
autoclose: true,
|
||||
});
|
||||
|
||||
$('#table').bootstrapTable('destroy');
|
||||
$('#table').bootstrapTable({
|
||||
$("#table").bootstrapTable("destroy");
|
||||
$("#table").bootstrapTable({
|
||||
columns: [
|
||||
{ field: 'erbanNo', title: '房主平台号', align: 'center', width: '5%' },
|
||||
{ field: 'roomUid', title: '房主Uid', align: 'center', width: '5%' },
|
||||
{ field: 'roomTitle', title: '房间标题', align: 'center', width: '8%' },
|
||||
{ field: 'roomTag', title: '房间标签', align: 'center', width: '5%' },
|
||||
{
|
||||
field: 'isPermitRoom',
|
||||
title: '房间类型',
|
||||
align: 'center',
|
||||
width: '5%',
|
||||
field: "erbanNo",
|
||||
title: "房主平台号",
|
||||
align: "center",
|
||||
width: "5%",
|
||||
},
|
||||
{
|
||||
field: "roomUid",
|
||||
title: "房主Uid",
|
||||
align: "center",
|
||||
width: "5%",
|
||||
},
|
||||
{
|
||||
field: "roomTitle",
|
||||
title: "房间标题",
|
||||
align: "center",
|
||||
width: "8%",
|
||||
},
|
||||
{
|
||||
field: "roomTag",
|
||||
title: "房间标签",
|
||||
align: "center",
|
||||
width: "5%",
|
||||
},
|
||||
{
|
||||
field: "isPermitRoom",
|
||||
title: "房间类型",
|
||||
align: "center",
|
||||
width: "5%",
|
||||
formatter: function (val, row, index) {
|
||||
let value = '';
|
||||
let value = "";
|
||||
if (val == 1) {
|
||||
value = '牌照房';
|
||||
value = "牌照房";
|
||||
} else if (val == 4) {
|
||||
value = '个播房';
|
||||
value = "个播房";
|
||||
} else {
|
||||
value = '非牌照房';
|
||||
value = "非牌照房";
|
||||
}
|
||||
return value;
|
||||
}
|
||||
},
|
||||
},
|
||||
{
|
||||
field: 'avatar',
|
||||
title: '图标内容',
|
||||
align: 'center',
|
||||
width: '5%',
|
||||
field: "avatar",
|
||||
title: "图标内容",
|
||||
align: "center",
|
||||
width: "5%",
|
||||
formatter: function (val, row, index) {
|
||||
return "<img src='" + val + "' width='40' height='40'>";
|
||||
}
|
||||
},
|
||||
},
|
||||
{
|
||||
field: 'isTop',
|
||||
title: '是否置顶',
|
||||
align: 'center',
|
||||
valign: 'middle',
|
||||
width: '5%',
|
||||
field: "isTop",
|
||||
title: "是否置顶",
|
||||
align: "center",
|
||||
valign: "middle",
|
||||
width: "5%",
|
||||
formatter: function (val, row, index) {
|
||||
if (val == 1) {
|
||||
return '是';
|
||||
return "是";
|
||||
} else if (val == 0) {
|
||||
return '否';
|
||||
return "否";
|
||||
}
|
||||
return '否';
|
||||
}
|
||||
return "否";
|
||||
},
|
||||
},
|
||||
{
|
||||
field: 'isShow',
|
||||
title: '是否在App首页展示',
|
||||
align: 'center',
|
||||
valign: 'middle',
|
||||
width: '5%',
|
||||
field: "isShow",
|
||||
title: "是否在App首页展示",
|
||||
align: "center",
|
||||
valign: "middle",
|
||||
width: "5%",
|
||||
formatter: function (val, row, index) {
|
||||
if (val == 1) {
|
||||
return '是';
|
||||
return "是";
|
||||
} else if (val == 0) {
|
||||
return '否';
|
||||
return "否";
|
||||
}
|
||||
return '是';
|
||||
}
|
||||
return "是";
|
||||
},
|
||||
},
|
||||
{ field: 'seq', title: '置顶排序', align: 'center', width: '5%' },
|
||||
{ field: 'topStart', title: '置顶开始时间', align: 'center', valign: 'middle', width: '10%', formatter: formatTime },
|
||||
{ field: 'topEnd', title: '置顶结束时间', align: 'center', valign: 'middle', width: '10%', formatter: formatTime },
|
||||
{ field: "seq", title: "置顶排序", align: "center", width: "5%" },
|
||||
{
|
||||
field: 'isHourTop1', title: '小时榜top1', align: 'center', valign: 'middle', width: '10%', formatter: function (val, row, index) {
|
||||
return val ? '是' : '否';
|
||||
}
|
||||
field: "topStart",
|
||||
title: "置顶开始时间",
|
||||
align: "center",
|
||||
valign: "middle",
|
||||
width: "10%",
|
||||
formatter: formatTime,
|
||||
},
|
||||
{
|
||||
field: 'isHourTop1', title: '周榜top1', align: 'center', valign: 'middle', width: '10%', formatter: function (val, row, index) {
|
||||
return val ? '是' : '否';
|
||||
}
|
||||
field: "topEnd",
|
||||
title: "置顶结束时间",
|
||||
align: "center",
|
||||
valign: "middle",
|
||||
width: "10%",
|
||||
formatter: formatTime,
|
||||
},
|
||||
{
|
||||
field: 'micUserCount', title: '麦上人数', align: 'center', valign: 'middle', width: '10%'
|
||||
},
|
||||
{
|
||||
field: 'onlineNum', title: '房间人数', align: 'center', valign: 'middle', width: '10%'
|
||||
},
|
||||
{
|
||||
field: 'id',
|
||||
title: '操作',
|
||||
align: 'center',
|
||||
width: '10%',
|
||||
field: "isHourTop1",
|
||||
title: "小时榜top1",
|
||||
align: "center",
|
||||
valign: "middle",
|
||||
width: "10%",
|
||||
formatter: function (val, row, index) {
|
||||
return '<button id="btnEdit" name="btnEdit" class="btn btn-sm btn-success opt-edit" data-id="' + val + '" data-index="' + index + '">' +
|
||||
'<i class="glyphicon glyphicon-edit"></i> 编辑</button>';
|
||||
}
|
||||
}
|
||||
return val ? "是" : "否";
|
||||
},
|
||||
},
|
||||
{
|
||||
field: "isHourTop1",
|
||||
title: "周榜top1",
|
||||
align: "center",
|
||||
valign: "middle",
|
||||
width: "10%",
|
||||
formatter: function (val, row, index) {
|
||||
return val ? "是" : "否";
|
||||
},
|
||||
},
|
||||
{
|
||||
field: "micUserCount",
|
||||
title: "麦上人数",
|
||||
align: "center",
|
||||
valign: "middle",
|
||||
width: "10%",
|
||||
},
|
||||
{
|
||||
field: "onlineNum",
|
||||
title: "房间人数",
|
||||
align: "center",
|
||||
valign: "middle",
|
||||
width: "10%",
|
||||
},
|
||||
{
|
||||
field: "id",
|
||||
title: "操作",
|
||||
align: "center",
|
||||
width: "10%",
|
||||
formatter: function (val, row, index) {
|
||||
return (
|
||||
'<button id="btnEdit" name="btnEdit" class="btn btn-sm btn-success opt-edit" data-id="' +
|
||||
val +
|
||||
'" data-index="' +
|
||||
index +
|
||||
'">' +
|
||||
'<i class="glyphicon glyphicon-edit"></i> 编辑</button>'
|
||||
);
|
||||
},
|
||||
},
|
||||
],
|
||||
undefinedText: "",
|
||||
cache: false,
|
||||
@@ -281,51 +361,55 @@ export default {
|
||||
search: false,
|
||||
sidePagination: "server", //表示服务端请求
|
||||
queryParamsType: "undefined",
|
||||
queryParams: function queryParams (params) { //设置查询参数
|
||||
queryParams: function queryParams(params) {
|
||||
//设置查询参数
|
||||
var param = {
|
||||
page: params.pageNumber,
|
||||
pageSize: params.pageSize,
|
||||
erbanNo: $('#erbanNo').val(),
|
||||
roomTitle: $('#roomTitle').val(),
|
||||
partitionId: $('#partitionId').val(),
|
||||
erbanNo: $("#erbanNo").val(),
|
||||
roomTitle: $("#roomTitle").val(),
|
||||
partitionId: $("#partitionId").val(),
|
||||
};
|
||||
console.log(param);
|
||||
return param;
|
||||
},
|
||||
url: '/admin/roomTabHome/list',
|
||||
url: "/admin/roomTabHome/list",
|
||||
responseHandler: function (data) {
|
||||
console.info(111, data)
|
||||
console.info(111, data);
|
||||
if (data.code === 200) {
|
||||
return { "rows": data.data, "total": data.data.length };
|
||||
return { rows: data.data, total: data.data.length };
|
||||
} else {
|
||||
return { "rows": [], "total": 0 };
|
||||
return { rows: [], total: 0 };
|
||||
}
|
||||
},
|
||||
toolbar: '#toolbar',
|
||||
onLoadSuccess: function () { //加载成功时执行
|
||||
toolbar: "#toolbar",
|
||||
onLoadSuccess: function () {
|
||||
//加载成功时执行
|
||||
console.log("load success");
|
||||
},
|
||||
onLoadError: function () { //加载失败时执行
|
||||
onLoadError: function () {
|
||||
//加载失败时执行
|
||||
console.log("load fail");
|
||||
}
|
||||
},
|
||||
});
|
||||
|
||||
// 查询刷新
|
||||
$('#btnSearch').on('click', function () {
|
||||
TableHelper.doRefresh('#table');
|
||||
$("#btnSearch").on("click", function () {
|
||||
TableHelper.doRefresh("#table");
|
||||
});
|
||||
|
||||
// 编辑或者新增
|
||||
$("#btnConfirm").click(function () {
|
||||
var id = $("#id").val();
|
||||
var roomUid = $('#roomUid').val();
|
||||
var roomUid = $("#roomUid").val();
|
||||
var seq = $("#modal_seq").val();
|
||||
var isTop = $("#modal_isTop").val();
|
||||
var type = $("#modal_type").val();
|
||||
var iconContent = $("#modal_iconContent").val();
|
||||
var topStart = $("#modal_topStart").val();
|
||||
var topEnd = $("#modal_topEnd").val();
|
||||
var isShow = $('#modal_isShow').val();
|
||||
if ($("#addForm").validationEngine('validate')) {
|
||||
var isShow = $("#modal_isShow").val();
|
||||
if ($("#addForm").validationEngine("validate")) {
|
||||
$.ajax({
|
||||
type: "post",
|
||||
url: "/admin/roomTabHome/save",
|
||||
@@ -343,34 +427,34 @@ export default {
|
||||
success: function (json) {
|
||||
if (json.code == 200) {
|
||||
$("#tipMsg").text("保存成功");
|
||||
$("#tipModal").modal('show');
|
||||
$("#tipModal").modal("show");
|
||||
TableHelper.doRefresh("#table");
|
||||
$("#roomTabHomeModal").modal('hide');
|
||||
$("#roomTabHomeModal").modal("hide");
|
||||
} else {
|
||||
$("#tipMsg").text("保存失败." + json.msg);
|
||||
$("#tipModal").modal('show');
|
||||
$("#tipModal").modal("show");
|
||||
TableHelper.doRefresh("#table");
|
||||
$("#roomTabHomeModal").modal('hide');
|
||||
$("#roomTabHomeModal").modal("hide");
|
||||
}
|
||||
}
|
||||
},
|
||||
});
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
// 获取信息
|
||||
$("#table").on("click", '.opt-edit', function () {
|
||||
$("#table").on("click", ".opt-edit", function () {
|
||||
var id = $(this).attr("data-id");
|
||||
const index = $(this).data('index');
|
||||
const record = TableHelper.getData('#table')[index];
|
||||
const index = $(this).data("index");
|
||||
const record = TableHelper.getData("#table")[index];
|
||||
$("#id").val(null);
|
||||
$("#modal_seq").val(0);
|
||||
$("#modal_isTop").val(0);
|
||||
$("#modal_topStart").val('');
|
||||
$("#modal_topEnd").val('');
|
||||
$("#modal_type").val(0);
|
||||
$("#modal_topStart").val("");
|
||||
$("#modal_topEnd").val("");
|
||||
$("#modal_isShow").val(0);
|
||||
$('#roomUid').val(record.roomUid);
|
||||
if (id && id != 'null') {
|
||||
$("#roomUid").val(record.roomUid);
|
||||
if (id && id != "null") {
|
||||
$.ajax({
|
||||
type: "get",
|
||||
url: "/admin/roomTabHome/get",
|
||||
@@ -382,53 +466,53 @@ export default {
|
||||
$("#id").val(id);
|
||||
$("#modal_seq").val(json.seq);
|
||||
$("#modal_isTop").val(json.isTop ? 1 : 0);
|
||||
$("#modal_type").val(json.type);
|
||||
$("#modal_topStart").val(formatTime(json.topStart));
|
||||
$("#modal_topEnd").val(formatTime(json.topEnd));
|
||||
$("#modal_isShow").val(json.isShow ? 1 : 0);
|
||||
} else {
|
||||
$("#tipMsg").text("获取菜单信息出错");
|
||||
$("#tipModal").modal('show');
|
||||
$("#tipModal").modal("show");
|
||||
}
|
||||
}
|
||||
},
|
||||
});
|
||||
}
|
||||
// 打开编辑弹窗
|
||||
$("#roomTabHomeModal").modal('show');
|
||||
$("#roomTabHomeModal").modal("show");
|
||||
$("#modalLabel").text("编辑");
|
||||
});
|
||||
|
||||
// 删除操作
|
||||
$("#table").on("click", '.opt-remove', function () {
|
||||
$("#table").on("click", ".opt-remove", function () {
|
||||
var id = $(this).attr("data-id");
|
||||
if (id == 'undefined') {
|
||||
if (id == "undefined") {
|
||||
$("#tipMsg").text("id参数有误");
|
||||
$("#tipModal").modal('show');
|
||||
$("#tipModal").modal("show");
|
||||
return;
|
||||
}
|
||||
if (confirm("你确认删除吗? \r\n 删除后不会恢复,请谨慎操作!")) {
|
||||
$.ajax({
|
||||
type: 'post',
|
||||
type: "post",
|
||||
url: "/admin/roomTabHome/delete",
|
||||
data: { id: id },
|
||||
dataType: "json",
|
||||
success: function (json) {
|
||||
if (json.code == 200) {
|
||||
$("#tipMsg").text("删除成功");
|
||||
$("#tipModal").modal('show');
|
||||
$("#tipModal").modal("show");
|
||||
TableHelper.doRefresh("#table");
|
||||
} else {
|
||||
$("#tipMsg").text("删除失败");
|
||||
$("#tipModal").modal('show');
|
||||
$("#tipModal").modal("show");
|
||||
}
|
||||
}
|
||||
},
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
},
|
||||
initPartition () {
|
||||
getPartitionInfoList().then(res => {
|
||||
initPartition() {
|
||||
getPartitionInfoList().then((res) => {
|
||||
let data = res.data;
|
||||
buildSelectOption(
|
||||
"#partitionId",
|
||||
|
@@ -103,6 +103,12 @@
|
||||
<input type="text" class="form-control validate[required]" name="name" id="en_modal_name">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="tr_modal_name" class="col-sm-3 control-label">土耳其名称<font color="red">*</font>:</label>
|
||||
<div class="col-sm-9">
|
||||
<input type="text" class="form-control validate[required]" name="name" id="tr_modal_name">
|
||||
</div>
|
||||
</div>
|
||||
<!-- 上传act图片 -->
|
||||
<div class="form-group">
|
||||
<label class="col-sm-3 control-label">图片:</label>
|
||||
@@ -214,6 +220,7 @@ export default {
|
||||
{field: 'name.zh', title: '名称', align: 'center', width: '10%'},
|
||||
{field: 'name.ar', title: '阿语名称', align: 'center', width: '10%'},
|
||||
{field: 'name.en', title: '英语名称', align: 'center', width: '10%'},
|
||||
{field: 'name.tr', title: '土耳其名称', align: 'center', width: '10%'},
|
||||
{field: 'pict', title: '图片', align:'center', width: '10%',valign:'center',
|
||||
formatter: function (val,row,index) {
|
||||
if(null == val || val == '') {
|
||||
@@ -390,6 +397,7 @@ export default {
|
||||
$("#modal_name").val("");
|
||||
$("#ar_modal_name").val("");
|
||||
$("#en_modal_name").val("");
|
||||
$("#tr_modal_name").val("");
|
||||
$("#modal_seq").val("");
|
||||
$("#modal_status").val("");
|
||||
$("#modal_type").val("");
|
||||
@@ -409,8 +417,10 @@ export default {
|
||||
var ar_name = $("#ar_modal_name").val();
|
||||
// 英语名称
|
||||
var en_name = $("#en_modal_name").val();
|
||||
// 土耳其名称
|
||||
var tr_name = $("#tr_modal_name").val();
|
||||
// 国际化字段
|
||||
var jsonName = {"zh":name,"ar":ar_name,"en":en_name}
|
||||
var jsonName = {"zh":name,"ar":ar_name,"en":en_name,"tr":tr_name}
|
||||
const nameValue = JSON.stringify(jsonName);
|
||||
var seq = $("#modal_seq").val();
|
||||
var status = $("#modal_status").val();
|
||||
@@ -483,12 +493,16 @@ export default {
|
||||
$("#ar_modal_name").val(jsonName.ar);
|
||||
// 英语名称
|
||||
$("#en_modal_name").val(jsonName.en);
|
||||
// 土耳其名称
|
||||
$("#tr_modal_name").val(jsonName.tr);
|
||||
} else {
|
||||
$("#modal_name").val(name);
|
||||
// 阿语名称
|
||||
$("#ar_modal_name").val(name);
|
||||
// 英语名称
|
||||
$("#en_modal_name").val(name);
|
||||
// 土耳其名称
|
||||
$("#tr_modal_name").val(name);
|
||||
}
|
||||
|
||||
$("#modal_seq").val(json.seq);
|
||||
|
@@ -300,7 +300,6 @@
|
||||
>
|
||||
<!-- 这里是原来的图片预览 -->
|
||||
<el-image
|
||||
|
||||
style="width: 100px; height: 100px"
|
||||
:src="dialogObj.imageUrl2"
|
||||
:zoom-rate="1.1"
|
||||
@@ -415,6 +414,7 @@ export default {
|
||||
listPartitionInfo().then((res) => {
|
||||
console.log(res);
|
||||
this.inquire.partitionArr = res.data;
|
||||
this.inquire.partitionId = this.inquire.partitionArr[0].id;
|
||||
this.getData();
|
||||
});
|
||||
},
|
||||
|
@@ -224,6 +224,7 @@ export default {
|
||||
listPartitionInfo().then((res) => {
|
||||
console.log(res);
|
||||
this.inquire.partitionArr = res.data;
|
||||
this.inquire.partitionId = this.inquire.partitionArr[0].id;
|
||||
this.getData();
|
||||
});
|
||||
},
|
||||
|
@@ -178,6 +178,7 @@ export default {
|
||||
endTime = dateFormat(this.inquire.time[1], "yyyy-MM-dd hh:mm:ss");
|
||||
}
|
||||
list({
|
||||
partitionId: 2,
|
||||
erbanNo: this.inquire.anchorId,
|
||||
guildId: this.inquire.guildId,
|
||||
ownerErbanNo: this.inquire.guildUserId,
|
||||
|
@@ -60,6 +60,13 @@
|
||||
v-model="i18nMessage.ar" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="ar" class="col-sm-3 control-label">土耳其:</label>
|
||||
<div class="col-sm-8">
|
||||
<input type="text" class="form-control validate[required]" name="tr" id="tr"
|
||||
v-model="i18nMessage.tr" />
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
@@ -84,6 +91,7 @@ export default {
|
||||
{ field: 'zh', title: '华语', align: 'center', width: '15%' },
|
||||
{ field: 'en', title: '英语', align: 'center', width: '15%' },
|
||||
{ field: 'ar', title: '阿语', align: 'center', width: '15%' },
|
||||
{ field: 'tr', title: '土耳其', align: 'center', width: '15%' },
|
||||
{
|
||||
field: 'key',
|
||||
title: '操作',
|
||||
@@ -151,6 +159,7 @@ export default {
|
||||
this.i18nMessage.zh = '';
|
||||
this.i18nMessage.en = '';
|
||||
this.i18nMessage.ar = '';
|
||||
this.i18nMessage.tr = '';
|
||||
$('#editModal').modal('show');
|
||||
},
|
||||
edit(obj) {
|
||||
@@ -160,6 +169,7 @@ export default {
|
||||
this.i18nMessage.zh = record.zh;
|
||||
this.i18nMessage.en = record.en;
|
||||
this.i18nMessage.ar = record.ar;
|
||||
this.i18nMessage.tr = record.tr;
|
||||
$('#editModal').modal('show');
|
||||
},
|
||||
save() {
|
||||
|
161
src/views/users/ChargeRecordTrPartitionStatisticsView.vue
Normal file
161
src/views/users/ChargeRecordTrPartitionStatisticsView.vue
Normal file
@@ -0,0 +1,161 @@
|
||||
<template>
|
||||
<section class="content">
|
||||
<div class="box box-primary">
|
||||
<div class="box-body">
|
||||
<section class="content-header">
|
||||
<h1 id="itemTitle"></h1>
|
||||
</section>
|
||||
<section class="content-body">
|
||||
<div id="toolbar">
|
||||
<div class="col-sm-12">
|
||||
<div class="pull-left">
|
||||
<form id="searchForm"
|
||||
class="col-sm-pull-12"
|
||||
action="/admin/chargeRecord/exportPartitionDetail"
|
||||
method="get"
|
||||
target="_blank">
|
||||
<div class="col-sm-11">
|
||||
<input type="number"
|
||||
name="partitionId"
|
||||
value="8"
|
||||
hidden />
|
||||
<label for="beginDate"
|
||||
class="col-sm-2 control-label">开始日期:</label>
|
||||
<div class="col-sm-4"><input type="text"
|
||||
class="form-control"
|
||||
name="beginDate"
|
||||
id="beginDate"
|
||||
placeholder="必填"></div>
|
||||
<label for="endDate"
|
||||
class="col-sm-2 control-label">结束日期:</label>
|
||||
<div class="col-sm-4"><input type="text"
|
||||
class="form-control"
|
||||
name="endDate"
|
||||
id="endDate"
|
||||
placeholder="必填"></div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="pull-right">
|
||||
<button id="btnSearch"
|
||||
class="btn btn-default">
|
||||
<i class="glyphicon glyphicon-search"></i>查询
|
||||
</button>
|
||||
<button id="btnExport"
|
||||
class="btn btn-default">
|
||||
<i class="glyphicon glyphicon-export"></i>导出
|
||||
</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- .content -->
|
||||
<div id="table"></div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import TableHelper from '@/utils/bootstrap-table-helper';
|
||||
|
||||
export default {
|
||||
name: "ChargeRecordTrPartitionStatisticsView",
|
||||
setup () {
|
||||
return {};
|
||||
},
|
||||
created () {
|
||||
this.$nextTick(function () {
|
||||
this.initData();
|
||||
});
|
||||
},
|
||||
methods: {
|
||||
initData () {
|
||||
|
||||
$(function () {
|
||||
var chargeStart = $('#beginDate').datepicker({
|
||||
format: 'yyyy-mm-dd',
|
||||
autoclose: true
|
||||
});
|
||||
chargeStart.datepicker("setDate", new Date(new Date() - 7 * 24 * 60 * 60 * 1000))
|
||||
|
||||
var chargeEnd = $('#endDate').datepicker({
|
||||
format: 'yyyy-mm-dd',
|
||||
autoclose: true
|
||||
});
|
||||
chargeEnd.datepicker("setDate", new Date())
|
||||
|
||||
chargeStart.on('changeDate', function () {
|
||||
var date = $('#beginDate').datepicker('getDate');
|
||||
chargeEnd.datepicker('setStartDate', date);
|
||||
});
|
||||
chargeEnd.on('changeDate', function () {
|
||||
var date = $('#endDate').datepicker('getDate');
|
||||
chargeStart.datepicker('setEndDate', date);
|
||||
});
|
||||
|
||||
$('#table').bootstrapTable('destroy');
|
||||
$('#table').bootstrapTable({
|
||||
columns: [
|
||||
{ field: 'date', title: '日期', align: 'center', width: '14%' },
|
||||
{ field: 'googleUsd', title: 'google充值美元', align: 'center', width: '14%' },
|
||||
{ field: 'payermaxUsd', title: 'payermax充值美元', align: 'center', width: '14%' },
|
||||
{ field: 'myCardUsd', title: 'myCard充值美元', align: 'center', width: '14%' },
|
||||
{ field: 'startPayUsd', title: 'startPay充值美元', align: 'center', width: '14%' },
|
||||
{ field: 'iosUsd', title: 'ios充值美元', align: 'center', width: '14%' },
|
||||
{ field: 'companyUsd', title: '对公打款美元', align: 'center', width: '14%' },
|
||||
{ field: 'totalUsd', title: '总充值美元', align: 'center', width: '14%' },
|
||||
],
|
||||
cache: false,
|
||||
striped: true,
|
||||
showRefresh: false,
|
||||
pagination: false,
|
||||
search: false,
|
||||
queryParamsType: "undefined",
|
||||
queryParams: function queryParams (params) { //设置查询参数
|
||||
var param = {
|
||||
partitionId: 8,
|
||||
beginDate: $('#beginDate').val(),
|
||||
endDate: $('#endDate').val()
|
||||
};
|
||||
return param;
|
||||
},
|
||||
toolbar: '#toolbar',
|
||||
url: '/admin/chargeRecord/partitionDetail',
|
||||
onLoadSuccess: function () { //加载成功时执行
|
||||
console.log("load success");
|
||||
},
|
||||
onLoadError: function () { //加载失败时执行
|
||||
console.log("load fail");
|
||||
}
|
||||
});
|
||||
|
||||
// 导出EXCEL
|
||||
$('#btnExport').on('click', function () {
|
||||
if (!$('#beginDate').val() || !$('#endDate').val()) {
|
||||
$("#tipMsg").text("请输入必填的信息");
|
||||
$("#tipModal").modal('show');
|
||||
return;
|
||||
}
|
||||
$("#searchForm").submit();
|
||||
});
|
||||
|
||||
// 查询刷新
|
||||
$('#btnSearch').on('click', function () {
|
||||
if (!$('#beginDate').val() || !$('#endDate').val()) {
|
||||
$("#tipMsg").text("请输入必填的信息");
|
||||
$("#tipModal").modal('show');
|
||||
return;
|
||||
}
|
||||
TableHelper.doRefresh('#table');
|
||||
});
|
||||
});
|
||||
}
|
||||
},
|
||||
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped></style>
|
@@ -29,8 +29,8 @@
|
||||
</div>
|
||||
|
||||
<label class="col-sm-2 control-label">统计时间:</label>
|
||||
<div class="col-sm-2"><input type="text" class="form-control" name="beginTime" id="beginTime">
|
||||
</div><span class="col-sm-1">至</span>
|
||||
<div class="col-sm-2"><input type="text" class="form-control" name="beginTime" id="beginTime"></div>
|
||||
<span class="col-sm-1">至</span>
|
||||
<div class="col-sm-2"><input type="text" class="form-control" name="endTime" id="endTime"></div>
|
||||
|
||||
</div>
|
||||
@@ -111,24 +111,7 @@
|
||||
<script>
|
||||
import TableHelper from '@/utils/bootstrap-table-helper';
|
||||
|
||||
var picker1 = $("#beginTime").datetimepicker({
|
||||
format: 'yyyy-mm-dd hh:ii:00',
|
||||
autoclose: true,
|
||||
todayBtn: true,
|
||||
});
|
||||
var picker2 = $("#endTime").datetimepicker({
|
||||
format: 'yyyy-mm-dd hh:ii:00',
|
||||
autoclose: true,
|
||||
todayBtn: true
|
||||
});
|
||||
var picker3 = $('#editEndTime').datetimepicker({
|
||||
format: 'yyyy-mm-dd hh:ii:00',
|
||||
autoclose: true
|
||||
})
|
||||
var picker4 = $('#editStartTime').datetimepicker({
|
||||
format: 'yyyy-mm-dd hh:ii:00',
|
||||
autoclose: true
|
||||
})
|
||||
|
||||
|
||||
/*picker1.on('changeDate', function () {
|
||||
var date = $('#beginDate').datetimepicker('getDate');
|
||||
@@ -290,7 +273,16 @@ export default {
|
||||
console.log("load fail");
|
||||
}
|
||||
});
|
||||
|
||||
var picker1 = $("#beginTime").datetimepicker({
|
||||
format: 'yyyy-mm-dd hh:mm:ss',
|
||||
autoclose: true,
|
||||
todayBtn: true,
|
||||
});
|
||||
var picker2 = $("#endTime").datetimepicker({
|
||||
format: 'yyyy-mm-dd hh:mm:ss',
|
||||
autoclose: true,
|
||||
todayBtn: true
|
||||
});
|
||||
// 查询刷新
|
||||
$('#btnSearch').on('click', function () {
|
||||
TableHelper.doRefresh('#table');
|
||||
|
File diff suppressed because it is too large
Load Diff
@@ -156,6 +156,7 @@
|
||||
<input type="checkbox" name="partitionFlag" value="1"/>英语区<br>
|
||||
<input type="checkbox" name="partitionFlag" value="2"/>阿拉伯语区<br>
|
||||
<input type="checkbox" name="partitionFlag" value="4"/>华语区<br>
|
||||
<input type="checkbox" name="partitionFlag" value="8"/>土耳其区<br>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
@@ -188,6 +189,12 @@
|
||||
<input type="text" class="form-control validate[required]" name="giftName" id="giftEnName">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="giftTrName" class="col-sm-2 control-label">土耳其礼物名称</label>
|
||||
<div class="col-sm-10">
|
||||
<input type="text" class="form-control validate[required]" name="giftName" id="giftTrName">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="goldPrice" class="col-sm-2 control-label">礼物价格</label>
|
||||
<div class="col-sm-10">
|
||||
@@ -282,6 +289,22 @@
|
||||
<label class="radio-inline"><input type="radio" name="isLatest" value="1">是</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="col-sm-2 control-label">是否需要全服通知</label>
|
||||
<div class="col-sm-3">
|
||||
<label class="radio-inline"><input type="radio" name="notifyFull" value="0" checked>否</label>
|
||||
<label class="radio-inline"><input type="radio" name="notifyFull" value="1">是</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="col-sm-2 control-label">是否需要塞头像</label>
|
||||
<div class="col-sm-3">
|
||||
<label class="radio-inline"><input type="radio" name="showAvatarType" value="0" checked>否</label>
|
||||
<label class="radio-inline"><input type="radio" name="showAvatarType" value="1">送礼者</label>
|
||||
<label class="radio-inline"><input type="radio" name="showAvatarType" value="2">收礼者</label>
|
||||
<label class="radio-inline"><input type="radio" name="showAvatarType" value="3">左送右收</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="col-sm-2 control-label">限时礼物</label>
|
||||
<div class="col-sm-3">
|
||||
@@ -654,6 +677,7 @@ export default {
|
||||
{field: 'giftName.zh', title: '礼物名称', align: 'center', width: '15%'},
|
||||
{field: 'giftName.ar', title: '阿语礼物名称', align: 'center', width: '10%'},
|
||||
{field: 'giftName.en', title: '英语礼物名称', align: 'center', width: '10%'},
|
||||
{field: 'giftName.tr', title: '土耳其礼物名称', align: 'center', width: '10%'},
|
||||
{
|
||||
field: 'partitionFlag',
|
||||
title: '地区',
|
||||
@@ -670,6 +694,9 @@ export default {
|
||||
if ((val & 4) != 0) {
|
||||
value += '华语区<br>';
|
||||
}
|
||||
if ((val & 8) != 0) {
|
||||
value += '土耳其<br>';
|
||||
}
|
||||
return value;
|
||||
}
|
||||
},
|
||||
@@ -769,6 +796,36 @@ export default {
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
field: 'notifyFull',
|
||||
title: '是否需要全服通知',
|
||||
align: 'center',
|
||||
width: '10%',
|
||||
formatter: function (val, row, index) {
|
||||
if (val == 1) {
|
||||
return '是';
|
||||
} else {
|
||||
return '否'
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
field: 'showAvatarType',
|
||||
title: '是否需要塞头像',
|
||||
align: 'center',
|
||||
width: '10%',
|
||||
formatter: function (val, row, index) {
|
||||
if (val == 0) {
|
||||
return '否';
|
||||
}else if (val == 1) {
|
||||
return '送礼者';
|
||||
} else if (val == 2) {
|
||||
return '收礼者';
|
||||
}else {
|
||||
return '左送右收'
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
field: 'roomExclude',
|
||||
title: '房间专属',
|
||||
@@ -961,6 +1018,8 @@ export default {
|
||||
$("input:radio[name='hasSvga']")[0].checked = true;
|
||||
$("input:radio[name='isLatest']")[0].checked = true;
|
||||
$("input:radio[name='isTimeLimit']")[0].checked = true;
|
||||
$("input:radio[name='notifyFull']")[0].checked = true;
|
||||
$("input:radio[name='showAvatarType']")[0].checked = true;
|
||||
$("input:radio[name='roomExclude']")[0].checked = true;
|
||||
$("#notifyStaySecond").val('');
|
||||
$("#isSkipRoom").val('');
|
||||
@@ -1212,6 +1271,8 @@ export default {
|
||||
$("input:radio[name='hasSvga']")[0].checked = true;
|
||||
$("input:radio[name='isLatest']")[1].checked = true;
|
||||
$("input:radio[name='isTimeLimit']")[1].checked = true;
|
||||
$("input:radio[name='notifyFull']")[0].checked = true;
|
||||
$("input:radio[name='showAvatarType']")[0].checked = true;
|
||||
$("input:radio[name='roomExclude']")[0].checked = true;
|
||||
$('#giftType').val('');
|
||||
$("#notifyStaySecond").val('');
|
||||
@@ -1248,12 +1309,16 @@ export default {
|
||||
$("#giftArName").val(jsonName.ar);
|
||||
// 英语名称
|
||||
$("#giftEnName").val(jsonName.en);
|
||||
// 土耳其
|
||||
$("#giftTrName").val(jsonName.tr);
|
||||
} else {
|
||||
$("#giftName").val(giftName);
|
||||
// 阿语名称
|
||||
$("#giftArName").val(giftName);
|
||||
// 英语名称
|
||||
$("#giftEnName").val(giftName);
|
||||
// 土耳其名称
|
||||
$("#giftTrName").val(giftName);
|
||||
}
|
||||
$("#goldPrice").val(json.entity.goldPrice);
|
||||
|
||||
@@ -1290,6 +1355,8 @@ export default {
|
||||
var hasSvga = parseNum(json.entity.hasSvga);
|
||||
var isLatest = parseNum(json.entity.isLatest);
|
||||
var isTimeLimit = parseNum(json.entity.isTimeLimit);
|
||||
var notifyFull = parseNum(json.entity.notifyFull);
|
||||
var showAvatarType = json.entity.showAvatarType;
|
||||
var isWholeServer = parseNum(json.entity.isWholeServer);
|
||||
var roomExclude = parseNum(json.entity.roomExclude);
|
||||
var partitionFlag = json.entity.partitionFlag;
|
||||
@@ -1307,6 +1374,8 @@ export default {
|
||||
$("input:radio[name='hasSvga']")[hasSvga].checked = true;
|
||||
$("input:radio[name='isLatest']")[isLatest].checked = true;
|
||||
$("input:radio[name='isTimeLimit']")[isTimeLimit].checked = true;
|
||||
$("input:radio[name='notifyFull']")[notifyFull].checked = true;
|
||||
$("input:radio[name='showAvatarType']")[showAvatarType].checked = true;
|
||||
$("input:radio[name='isWholeServerLabel']")[isWholeServer].checked = true;
|
||||
$("input:radio[name='roomExclude']")[roomExclude].checked = true;
|
||||
|
||||
@@ -1396,8 +1465,10 @@ export default {
|
||||
var ar_name = $("#giftArName").val();
|
||||
// 英语名称
|
||||
var en_name = $("#giftEnName").val();
|
||||
// 土耳其名称
|
||||
var tr_name = $("#giftTrName").val();
|
||||
// 国际化字段
|
||||
var jsonName = {"zh":name,"ar":ar_name,"en":en_name}
|
||||
var jsonName = {"zh":name,"ar":ar_name,"en":en_name,'tr':tr_name}
|
||||
const nameValue = JSON.stringify(jsonName);
|
||||
// 修改属性值
|
||||
formData.giftName = nameValue; // 将giftName修改为"newGiftName"
|
||||
|
@@ -14,15 +14,6 @@
|
||||
<div id="toolbar">
|
||||
送礼用户id:<input type="text" name="senderErbanNo" id="senderErbanNo" class="input-sm" />
|
||||
收礼用户id:<input type="text" name="receiverErbanNo" id="receiverErbanNo" class="input-sm" />
|
||||
礼物类型:
|
||||
<select name="giftType" id="giftType">
|
||||
<option value="">全部</option>
|
||||
<option value="0">背包礼物</option>
|
||||
<option value="2">普通礼物</option>
|
||||
<option value="5">福袋奖池礼物</option>
|
||||
<option value="7">贵族礼物</option>
|
||||
<option value="8">周星榜礼物</option>
|
||||
</select>
|
||||
礼物名称:<input type="text" name="giftName" id="giftName" class="input-sm" />
|
||||
送礼时间:<input type="text" name="startTime" id="startTime" class="input-sm">
|
||||
- <input type="text" name="endTime" id="endTime" class="input-sm">
|
||||
@@ -50,42 +41,30 @@ export default {
|
||||
},
|
||||
methods: {
|
||||
initData() {
|
||||
let tableLoaded = false;
|
||||
|
||||
let currParams = {};
|
||||
|
||||
$('#table').bootstrapTable('destroy');
|
||||
$('#table').bootstrapTable({
|
||||
columns: [
|
||||
{ field: 'senderErbanNo', title: '送礼用户id', align: 'center', width: '8%' },
|
||||
{ field: 'senderNick', title: '送礼用户昵称', align: 'center', width: '16%' },
|
||||
{ field: 'senderNick', title: '送礼用户昵称', align: 'center', width: '12%' },
|
||||
{ field: 'receiverErbanNo', title: '收礼用户id', align: 'center', width: '8%' },
|
||||
{ field: 'receiverNick', title: '收礼用户昵称', align: 'center', width: '16%' },
|
||||
{ field: 'giftType', title: '礼物类型', align: 'center', width: '16%' },
|
||||
{ field: 'giftName', title: '礼物名称', align: 'center', width: '10%' },
|
||||
{ field: 'giftNum', title: '礼物数量', align: 'center', width: '6%' },
|
||||
{ field: 'receiverNick', title: '收礼用户昵称', align: 'center', width: '12%' },
|
||||
{ field: 'roomErbanNo', title: "房间id", align: 'center', width: '8%' },
|
||||
{ field: 'roomTitle', title: "房间", align: 'center', width: '12%' },
|
||||
{ field: 'giftType', title: '礼物类型', align: 'center', width: '8%' },
|
||||
{ field: 'giftName', title: '礼物名称', align: 'center', width: '8%' },
|
||||
{ field: 'giftNum', title: '礼物数量', align: 'center', width: '4%' },
|
||||
{ field: 'totalGoldNum', title: '礼物总价值(钻)', align: 'center', width: '10%' },
|
||||
{
|
||||
field: 'createTime',
|
||||
title: '送礼时间',
|
||||
align: 'center',
|
||||
valign: 'middle',
|
||||
width: '10%',
|
||||
formatter: function (val, row, index) {
|
||||
if (val) {
|
||||
var date = new Date(val);
|
||||
return date.format("yyyy-MM-dd hh:mm:ss");
|
||||
} else {
|
||||
return '-';
|
||||
}
|
||||
}
|
||||
}
|
||||
{ field: 'createTime', title: '送礼时间', align: 'center', valign: 'middle', width: '16%'},
|
||||
],
|
||||
cache: false,
|
||||
striped: true,
|
||||
showRefresh: false,
|
||||
pageSize: 10,
|
||||
pageSize: 30,
|
||||
pagination: true,
|
||||
pageList: [10, 20, 30, 50],
|
||||
pageList: [30, 50, 100, 200],
|
||||
sidePagination: "server", //表示服务端请求
|
||||
//设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
|
||||
//设置为limit可以获取limit, offset, search, sort, order
|
||||
@@ -110,11 +89,9 @@ export default {
|
||||
url: '/admin/giftSendRecord/list',
|
||||
onLoadSuccess: function () { //加载成功时执行
|
||||
console.log("load success");
|
||||
tableLoaded = true;
|
||||
},
|
||||
onLoadError: function () { //加载失败时执行
|
||||
console.log("load fail");
|
||||
tableLoaded = false;
|
||||
}
|
||||
})
|
||||
$('#btnSearch').on('click', function () {
|
||||
@@ -123,7 +100,6 @@ export default {
|
||||
// $("#tipModal").modal('show');
|
||||
// return;
|
||||
// }
|
||||
console.debug('ASDFASDF')
|
||||
// if ($('#startTime').val() && $('#endTime').val()) {
|
||||
// var dateStart = new Date($('#startTime').val().replace(/\-/g, "/"));
|
||||
// var dateEnd = new Date($('#endTime').val().replace(/\-/g, "/"));
|
||||
@@ -135,18 +111,24 @@ export default {
|
||||
// return;
|
||||
// }
|
||||
// }
|
||||
if (tableLoaded || currParams.pageNumber > 1) {
|
||||
if (currParams.pageNumber > 1) {
|
||||
TableHelper.doRefreshAndToPage1('#table');
|
||||
} else {
|
||||
TableHelper.doRefresh('#table');
|
||||
}
|
||||
})
|
||||
var picker1 = $("#startTime").datetimepicker({
|
||||
format: 'yyyy-mm-dd hh:ii:00',
|
||||
todayHighlight: true,
|
||||
todayBtn: true,
|
||||
language: "zh-cn",
|
||||
format: 'yyyy-mm-dd hh:ii:ss',
|
||||
autoclose: true
|
||||
})
|
||||
var picker2 = $('#endTime').datetimepicker({
|
||||
format: 'yyyy-mm-dd hh:ii:00',
|
||||
todayHighlight: true,
|
||||
todayBtn: true,
|
||||
language: "zh-cn",
|
||||
format: 'yyyy-mm-dd hh:ii:ss',
|
||||
autoclose: true
|
||||
})
|
||||
picker1.on('changeDate', function () {
|
||||
|
@@ -436,7 +436,7 @@ export default {
|
||||
$("#tipMsg").text("保存失败,错误码:" + res.code + ",该手机号已被占用");
|
||||
$("#tipModal").modal('show');
|
||||
} else {
|
||||
$("#tipMsg").text("保存失败,错误码:" + res.code);
|
||||
$("#tipMsg").text("保存失败," + res.message);
|
||||
$("#tipModal").modal('show');
|
||||
}
|
||||
}
|
||||
|
@@ -819,7 +819,7 @@ export default {
|
||||
$("#tipMsg").text("保存失败,错误码:" + res.code + ",该手机号已被占用");
|
||||
$("#tipModal").modal('show');
|
||||
} else {
|
||||
$("#tipMsg").text("保存失败,错误码:" + res.code);
|
||||
$("#tipMsg").text("保存失败," + res.message);
|
||||
$("#tipModal").modal('show');
|
||||
}
|
||||
}
|
||||
|
Reference in New Issue
Block a user