Compare commits
1 Commits
dailyCoinS
...
edition-10
| Author | SHA1 | Date | |
|---|---|---|---|
|
97dc2dd706 |
@@ -34,11 +34,3 @@ export default {
|
||||
computed: {},
|
||||
};
|
||||
</script>
|
||||
<style>
|
||||
.modal-open{
|
||||
overflow-y: scroll;
|
||||
}
|
||||
body{
|
||||
padding-right:0 !important;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -1,166 +0,0 @@
|
||||
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;
|
||||
};
|
||||
@@ -1,13 +0,0 @@
|
||||
import request from '@/utils/request';
|
||||
import qs from 'qs';
|
||||
import { genQueryParam } from '@/utils/maintainer';
|
||||
|
||||
// ==================================每日数据====================================
|
||||
// 列表
|
||||
export const diamondStatList = query => {
|
||||
return request({
|
||||
url: '/admin/diamondStat/list',
|
||||
method: 'get',
|
||||
params: query
|
||||
});
|
||||
};
|
||||
@@ -2,15 +2,6 @@ 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({
|
||||
|
||||
@@ -7,10 +7,3 @@ export const getPartitionInfoList = query => {
|
||||
params: query
|
||||
});
|
||||
};
|
||||
export const listAll = query => {
|
||||
return request({
|
||||
url: '/partition/listAll',
|
||||
method: 'get',
|
||||
params: query
|
||||
});
|
||||
};
|
||||
@@ -32,17 +32,3 @@ 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;
|
||||
};
|
||||
@@ -13,12 +13,6 @@ export const listPartitionInfo = query => {
|
||||
});
|
||||
};
|
||||
|
||||
// 充值代理列表导出
|
||||
export const chargeAgentExport = query => {
|
||||
window.location.href = `/anchorSalaryBill/chargeAgent/export?${genQueryParam(query)}`;
|
||||
return;
|
||||
};
|
||||
|
||||
// 获取 周期列表
|
||||
export const getDateCycleList = query => {
|
||||
return request({
|
||||
@@ -27,28 +21,6 @@ export const getDateCycleList = query => {
|
||||
params: query
|
||||
});
|
||||
};
|
||||
// 获取 周奖励周期列表
|
||||
export const familyMemberWeekLevelRewardListCycleDate = query => {
|
||||
return request({
|
||||
url: '/admin/familyMemberWeekLevelReward/listCycleDate',
|
||||
method: 'get',
|
||||
params: query
|
||||
});
|
||||
};
|
||||
// 获取 周奖励查询列表
|
||||
export const familyMemberWeekLevelRewardPage = query => {
|
||||
return request({
|
||||
url: '/admin/familyMemberWeekLevelReward/page',
|
||||
method: 'get',
|
||||
params: query
|
||||
});
|
||||
};
|
||||
|
||||
// 导出
|
||||
export const familyMemberWeekLevelRewardExport = query => {
|
||||
window.location.href = `/admin/familyMemberWeekLevelReward/export?${genQueryParam(query)}`;
|
||||
return;
|
||||
};
|
||||
|
||||
// 获取 公会钻石薪资流水统计 列表
|
||||
export const getAgencyDiamondFlow = query => {
|
||||
|
||||
@@ -51,7 +51,6 @@
|
||||
{{langFormat(scope.row.lang)}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="reason" align="center" label="原因" />
|
||||
<el-table-column align="center" label="操作" width="300">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
|
||||
@@ -1,982 +0,0 @@
|
||||
<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>
|
||||
@@ -1,414 +0,0 @@
|
||||
<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>
|
||||
@@ -519,6 +519,11 @@ export default {
|
||||
$("#tipModal").modal('show');
|
||||
return;
|
||||
}
|
||||
if (isEmpty(androidUrl) || isEmpty(iosUrl)) {
|
||||
$("#tipMsg").text("图片不能为空");
|
||||
$("#tipModal").modal('show');
|
||||
return;
|
||||
}
|
||||
if ($("#addForm").validationEngine('validate')) {
|
||||
console.log('$("#addForm").serialize()', $("#addForm").serialize())
|
||||
$.ajax({
|
||||
|
||||
@@ -1,300 +0,0 @@
|
||||
<template>
|
||||
<div class="outer">
|
||||
<!-- 查询 -->
|
||||
<div class="inquire">
|
||||
<div class="block">
|
||||
<span class="demonstration">开始时间</span>
|
||||
<el-date-picker
|
||||
v-model="inquire.time[0]"
|
||||
type="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 style="" type="primary" @click="getData()">查询</el-button>
|
||||
<!-- <el-button style="" type="primary" @click="exportDate()">导出</el-button> -->
|
||||
</div>
|
||||
|
||||
<!-- 表格 -->
|
||||
<el-table
|
||||
v-loading="loading"
|
||||
:data="tableData"
|
||||
border
|
||||
style="width: 100%; margin-top: 25px"
|
||||
>
|
||||
<el-table-column prop="date" align="center" label="日期" />
|
||||
<el-table-column align="center" label="全平台真实消耗" width="">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
@click="
|
||||
detailsTitle = '全平台金币明细';
|
||||
edi(scope.row, 0);
|
||||
"
|
||||
type="text"
|
||||
size="small"
|
||||
>
|
||||
{{ scope.row.totalDiamond }}
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" label="阿拉伯区真实消耗" width="">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
@click="
|
||||
detailsTitle = '阿拉伯区金币明细';
|
||||
edi(scope.row, 2);
|
||||
"
|
||||
type="text"
|
||||
size="small"
|
||||
>
|
||||
{{ scope.row.arDiamond }}
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" label="英语区真实消耗" width="">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
@click="
|
||||
detailsTitle = '英语区金币明细';
|
||||
edi(scope.row, 1);
|
||||
"
|
||||
type="text"
|
||||
size="small"
|
||||
>
|
||||
{{ scope.row.enDiamond }}
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" label="华语区真实消耗" width="">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
@click="
|
||||
detailsTitle = '华语区金币明细';
|
||||
edi(scope.row, 4);
|
||||
"
|
||||
type="text"
|
||||
size="small"
|
||||
>
|
||||
{{ scope.row.zhDiamond }}
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" label="土耳其区真实消耗" width="">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
@click="
|
||||
detailsTitle = '土耳其区金币明细';
|
||||
edi(scope.row, 8);
|
||||
"
|
||||
type="text"
|
||||
size="small"
|
||||
>
|
||||
{{ scope.row.trDiamond }}
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="totalRemainDiamond"
|
||||
align="center"
|
||||
label="全平台库存"
|
||||
/>
|
||||
<el-table-column
|
||||
prop="arRemainDiamond"
|
||||
align="center"
|
||||
label="阿拉伯区库存"
|
||||
/>
|
||||
<el-table-column prop="enRemainDiamond" align="center" label="英语区库存" />
|
||||
<el-table-column prop="zhRemainDiamond" align="center" label="华语区库存" />
|
||||
<el-table-column
|
||||
prop="trRemainDiamond"
|
||||
align="center"
|
||||
label="土耳其区库存"
|
||||
/>
|
||||
</el-table>
|
||||
|
||||
<!-- 分页 -->
|
||||
<!-- <el-pagination
|
||||
style="margin-top: 10px"
|
||||
class="paginationClass"
|
||||
v-model:current-page="currentPage"
|
||||
v-model:page-size="pageSize"
|
||||
:page-sizes="[10, 20, 30, 40, 50, 100, 200, 300, 400, 500, 999999999]"
|
||||
layout="sizes, prev, pager, next"
|
||||
:total="total"
|
||||
@size-change="handleSizeChange"
|
||||
@current-change="handleCurrentChange"
|
||||
/> -->
|
||||
|
||||
<!-- 详情 -->
|
||||
<el-dialog v-model="detailsDialog" :title="detailsTitle" width="30%" center>
|
||||
<!-- 内表格 -->
|
||||
<el-table
|
||||
v-loading="loading"
|
||||
:data="tableDataIn"
|
||||
border
|
||||
style="width: 100%; margin-top: 25px"
|
||||
>
|
||||
<el-table-column prop="domainDesc" align="center" label="类型" />
|
||||
<el-table-column prop="addDiamond" align="center" label="增加" />
|
||||
<el-table-column prop="subDiamond" align="center" label="消耗" />
|
||||
</el-table>
|
||||
<!-- 操作 -->
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
<el-button type="primary" class="primary" @click="detailsDialog = false"
|
||||
>关闭</el-button
|
||||
>
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</template>
|
||||
<script>
|
||||
import { diamondStatList } from "@/api/dailyCoinStatistics/dailyCoinStatistics";
|
||||
import { dateFormat } from "@/utils/system-helper";
|
||||
import { ElMessage } from "element-plus";
|
||||
export default {
|
||||
name: "dailyCoinStatistics",
|
||||
data() {
|
||||
return {
|
||||
loading: false,
|
||||
// 查询条件
|
||||
inquire: {
|
||||
time: [],
|
||||
},
|
||||
// 表格
|
||||
tableData: [{ x: "x" }],
|
||||
// 分页
|
||||
total: 10, //总页数
|
||||
currentPage: 1, //页码
|
||||
pageSize: 10, //条数
|
||||
// 内表格
|
||||
detailsDialog: false,
|
||||
detailsTitle: "金币明细",
|
||||
tableDataIn: [],
|
||||
};
|
||||
},
|
||||
created() {
|
||||
// this.getData();
|
||||
},
|
||||
methods: {
|
||||
// 查询
|
||||
getData() {
|
||||
this.loading = true;
|
||||
let time = this.inquire.time;
|
||||
let startTime = null;
|
||||
let endTime = null;
|
||||
if (time.length > 0) {
|
||||
startTime = this.inquire.time[0]
|
||||
? dateFormat(this.inquire.time[0], "yyyy-MM-dd hh:mm:ss")
|
||||
: null;
|
||||
endTime = this.inquire.time[1]
|
||||
? dateFormat(this.inquire.time[1], "yyyy-MM-dd hh:mm:ss")
|
||||
: null;
|
||||
}
|
||||
diamondStatList({
|
||||
startDate: startTime,
|
||||
endDate: endTime,
|
||||
// pageNo: this.currentPage,
|
||||
// pageSize: this.pageSize,
|
||||
}).then((res) => {
|
||||
if (res.code == 200) {
|
||||
// this.total = res.data.total;
|
||||
this.tableData = res.data;
|
||||
this.loading = false;
|
||||
} else {
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: res.message,
|
||||
type: "error",
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
// 详情
|
||||
edi(res, type) {
|
||||
var jsonArr =
|
||||
type == 0
|
||||
? res.totalDiamondDetail
|
||||
: type == 1
|
||||
? res.enDomainDetail
|
||||
: type == 2
|
||||
? res.arDomainDetail
|
||||
: type == 4
|
||||
? res.zhDomainDetail
|
||||
: type == 8
|
||||
? res.trDomainDetail
|
||||
: `"[""]"`;
|
||||
console.log(jsonArr);
|
||||
|
||||
this.tableDataIn = JSON.parse(jsonArr);
|
||||
this.detailsDialog = true;
|
||||
},
|
||||
// 分页导航
|
||||
handleSizeChange() {
|
||||
this.getData();
|
||||
},
|
||||
handleCurrentChange() {
|
||||
this.getData();
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style lang="less" scoped>
|
||||
.outer {
|
||||
padding-top: 20px;
|
||||
background: #ecf0f5;
|
||||
border-top: 3px solid #d2d6de;
|
||||
.demonstration {
|
||||
margin-right: 20px;
|
||||
}
|
||||
.inquire {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
white-space: nowrap;
|
||||
float: left;
|
||||
margin-right: 20px;
|
||||
}
|
||||
.search {
|
||||
width: 100%;
|
||||
height: 41px;
|
||||
.searchLeft,
|
||||
.searchRight {
|
||||
width: 20%;
|
||||
float: left;
|
||||
span {
|
||||
margin-right: 10px;
|
||||
}
|
||||
.input {
|
||||
width: 75%;
|
||||
}
|
||||
}
|
||||
}
|
||||
.buttonBox {
|
||||
margin-top: 10px;
|
||||
}
|
||||
.authorityBox {
|
||||
.authoritySpan {
|
||||
margin-right: 20px;
|
||||
}
|
||||
.authorityInpput {
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
.dialogTableVisibleBut {
|
||||
margin: -25px 0 20px 0px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -108,7 +108,7 @@
|
||||
</select>
|
||||
<div class="col-sm-6">
|
||||
<input type="text" class="form-control validate[required]" name="skipUri"
|
||||
id="skipUrlContent" oninput="this.value = this.value.replace(/[\u4e00-\u9fa5]/g, '')">
|
||||
id="skipUrlContent">
|
||||
</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" oninput="this.value = this.value.replace(/[\u4e00-\u9fa5]/g, '')">
|
||||
id="addSkipUrlContent">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -83,7 +83,7 @@
|
||||
</select>
|
||||
<div class="col-sm-6">
|
||||
<input type="text" class="form-control validate[required]" name="skipUri"
|
||||
id="skipUrlContent" oninput="this.value = this.value.replace(/[\u4e00-\u9fa5]/g, '')">
|
||||
id="skipUrlContent">
|
||||
</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" oninput="this.value = this.value.replace(/[\u4e00-\u9fa5]/g, '')">
|
||||
id="addSkipUrlContent">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
|
||||
@@ -54,9 +54,6 @@
|
||||
<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>
|
||||
@@ -130,7 +127,6 @@ import {
|
||||
chargeAgentList,
|
||||
chargeAgentSum,
|
||||
listPartitionInfo,
|
||||
chargeAgentExport,
|
||||
} from "@/api/relAgency/relAgency.js";
|
||||
import TablePagination from "@/components/common/TablePagination";
|
||||
import { formatDate, formatDateYMD } from "@/utils/relDate";
|
||||
@@ -250,32 +246,6 @@ 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) => {
|
||||
@@ -300,7 +270,7 @@ export default {
|
||||
},
|
||||
handlePageChange(val) {
|
||||
// this.$set(this.pageParams, 'pageNo', val);
|
||||
this.pageParams.pageNo = val;
|
||||
this.pageParams.pageSize = val;
|
||||
this.getData();
|
||||
},
|
||||
headerCopy(column, e) {
|
||||
|
||||
@@ -532,11 +532,11 @@ export default {
|
||||
},
|
||||
// 弹窗分页导航
|
||||
handleSizeChange1(val) {
|
||||
this.pageParams1.pageSize = val;
|
||||
this.$set(this.pageParams1, "pageSize", val);
|
||||
this.getDetail();
|
||||
},
|
||||
handlePageChange1(val) {
|
||||
this.pageParams1.pageNo = val;
|
||||
this.$set(this.pageParams1, "pageNo", val);
|
||||
this.getDetail();
|
||||
},
|
||||
|
||||
|
||||
@@ -1,950 +0,0 @@
|
||||
<template>
|
||||
<div class="box">
|
||||
<!-- 查询 -->
|
||||
<div class="inquire">
|
||||
<span>ID</span>
|
||||
<el-input
|
||||
v-model="inquire.userId"
|
||||
placeholder=""
|
||||
class="input"
|
||||
></el-input>
|
||||
</div>
|
||||
<div class="inquire">
|
||||
<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>
|
||||
<el-input
|
||||
v-model="inquire.referrer"
|
||||
placeholder=""
|
||||
class="input"
|
||||
></el-input>
|
||||
</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-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-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="公会头像">
|
||||
<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 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"
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="createTime" align="center" label="创建日期" />
|
||||
<!-- <el-table-column prop="memberNum" 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
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="adminName" align="center" label="操作人" />
|
||||
<el-table-column
|
||||
prop=""
|
||||
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">
|
||||
<el-button
|
||||
@click="payAccountDialogFun(scope.row)"
|
||||
type="text"
|
||||
size="medium "
|
||||
>
|
||||
payoneer:{{
|
||||
scope.row.payAccount.payoneer
|
||||
? scope.row.payAccount.payoneer
|
||||
: "未添加"
|
||||
}} </el-button
|
||||
><br />
|
||||
<el-button
|
||||
@click="payAccountDialogFun(scope.row)"
|
||||
type="text"
|
||||
size="medium "
|
||||
>
|
||||
USDT-ERC20:{{
|
||||
scope.row.payAccount.usdt ? scope.row.payAccount.usdt : "未添加"
|
||||
}} </el-button
|
||||
><br />
|
||||
<el-button
|
||||
@click="payAccountDialogFun(scope.row)"
|
||||
type="text"
|
||||
size="medium "
|
||||
>
|
||||
PayPal:{{
|
||||
scope.row.payAccount.payPal
|
||||
? scope.row.payAccount.payPal
|
||||
: "未添加"
|
||||
}} </el-button
|
||||
><br />
|
||||
</template>
|
||||
</el-table-column> -->
|
||||
<!-- <el-table-column prop="goldIncome" align="center" label="金币总收入" />
|
||||
<el-table-column prop="diamondRemain" align="center" label="钻石总收入" /> -->
|
||||
|
||||
<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="
|
||||
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
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!-- 新增弹窗 -->
|
||||
<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>
|
||||
</div>
|
||||
<!-- <div style="margin-bottom: 25px">
|
||||
<span
|
||||
style="display: inline-block; margin-right: 20px; width: 100px"
|
||||
class="col-sm-2 control-label"
|
||||
>推荐人</span
|
||||
>
|
||||
<el-input
|
||||
v-model="resource.referrer"
|
||||
style="width: 75%"
|
||||
class="input"
|
||||
></el-input>
|
||||
</div> -->
|
||||
<!-- <div style="margin-bottom: 25px">
|
||||
<span
|
||||
style="display: inline-block; margin-right: 20px; width: 100px"
|
||||
class="col-sm-2 control-label"
|
||||
>会长昵称</span
|
||||
>
|
||||
<el-input
|
||||
v-model="resource.nick"
|
||||
style="width: 75%"
|
||||
class="input"
|
||||
></el-input>
|
||||
</div> -->
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
<el-button @click="addDialog = false">取消</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-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>
|
||||
</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>
|
||||
</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>
|
||||
</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>
|
||||
</div>
|
||||
<!-- 公会头像 -->
|
||||
<div class="selectBox selectBoxImg">
|
||||
<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="handleAvatarSuccess2"
|
||||
:before-upload="beforeAvatarUpload"
|
||||
:on-error="handleAvatarError"
|
||||
>
|
||||
<img v-if="ediObj.imageUrl2" :src="ediObj.imageUrl2" class="avatar" />
|
||||
<el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon>
|
||||
</el-upload>
|
||||
</div>
|
||||
<!-- 公会背景图 -->
|
||||
<div class="selectBox selectBoxImg">
|
||||
<span class="left" style="margin-right: 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">
|
||||
<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>
|
||||
</div>
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
<el-button @click="editDialog = false">取消</el-button>
|
||||
<el-button type="primary" @click="editDialogClick()">
|
||||
确认
|
||||
</el-button>
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
<!-- 二次确认删除弹窗 -->
|
||||
<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>
|
||||
<!-- 编辑收款账户弹窗 -->
|
||||
<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>
|
||||
</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>
|
||||
</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>
|
||||
</div>
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
<el-button @click="payAccountDialog = false">取消</el-button>
|
||||
<el-button type="primary" @click="payAccountClick()">
|
||||
保存
|
||||
</el-button>
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
<!-- 编辑成员弹窗 -->
|
||||
<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>
|
||||
</div>
|
||||
<!-- 内嵌表格 -->
|
||||
<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
|
||||
}}{{
|
||||
scope.row.roleType == 1
|
||||
? "(会长)"
|
||||
: scope.row.roleType == 2
|
||||
? "(管理员)"
|
||||
: ""
|
||||
}}
|
||||
{{ 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">
|
||||
<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"
|
||||
>{{
|
||||
scope.row.roleType == 1
|
||||
? "会长"
|
||||
: scope.row.roleType == 2
|
||||
? "取消管理员"
|
||||
: "设为管理员"
|
||||
}}</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
|
||||
>
|
||||
</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="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>
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import {
|
||||
pageFamily,
|
||||
exportInfo,
|
||||
create,
|
||||
update,
|
||||
dismiss,
|
||||
savePayAccount,
|
||||
manageListFamilyMember,
|
||||
addMember,
|
||||
setManager,
|
||||
removeMember,
|
||||
listPartitionInfo,
|
||||
} from "@/api/noblemanNew/noblemanNew";
|
||||
// @ts-ignore
|
||||
import { dateFormat } from "@/utils/system-helper";
|
||||
// @ts-ignore
|
||||
import { ElMessage } from "element-plus";
|
||||
export default {
|
||||
name: "GuildInfoNewCustomerService",
|
||||
data() {
|
||||
return {
|
||||
loading: false,
|
||||
delDialog: false,
|
||||
delDialogData: null,
|
||||
//查询所需条件对象
|
||||
inquire: {
|
||||
userId: "",
|
||||
referrer: "",
|
||||
time: "",
|
||||
partitionId: "",
|
||||
partitionArr: [],
|
||||
},
|
||||
//新增所需对象
|
||||
resource: {
|
||||
id: "",
|
||||
nick: "",
|
||||
referrer: "",
|
||||
},
|
||||
// 表格
|
||||
tableData: [],
|
||||
// 新增弹窗
|
||||
addDialog: false,
|
||||
// 分页
|
||||
total: 10, //总页数
|
||||
currentPage: 1, //页码
|
||||
pageSize: 10, //条数
|
||||
// 编辑弹窗
|
||||
editDialog: false,
|
||||
ediObj: {
|
||||
leaderId: "",
|
||||
leaderNick: "",
|
||||
guildNick: "",
|
||||
guildNumber: "",
|
||||
id: "",
|
||||
imageUrl1: "",
|
||||
imageUrl2: "",
|
||||
},
|
||||
// 收款账户弹窗
|
||||
payAccountDialog: false,
|
||||
payAccountTitle: "(会长昵称【ID:0】)的收款账户",
|
||||
payAccountNew: {},
|
||||
payAccount: {
|
||||
payoneer: "",
|
||||
usdt: "",
|
||||
payPal: "",
|
||||
},
|
||||
// 新增成员弹窗
|
||||
memberDialog: false,
|
||||
memberTitle: "【公会名称】成员信息",
|
||||
memberNew: {},
|
||||
member: {
|
||||
userID: "",
|
||||
tableData: [],
|
||||
},
|
||||
// 删除成员弹窗
|
||||
memberRemoveDialog: false,
|
||||
memberRemoveObj: {},
|
||||
};
|
||||
},
|
||||
created() {
|
||||
listPartitionInfo().then((res) => {
|
||||
this.inquire.partitionArr = res.data;
|
||||
this.inquire.partitionId = this.inquire.partitionArr[0].id;
|
||||
this.getData();
|
||||
});
|
||||
},
|
||||
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");
|
||||
}
|
||||
pageFamily({
|
||||
erbanNo: this.inquire.userId,
|
||||
referrer: this.inquire.referrer,
|
||||
familyName: this.inquire.nick,
|
||||
partitionId: this.inquire.partitionId,
|
||||
// startDate: startTime,
|
||||
// endDate: endTime,
|
||||
pageNum: this.currentPage,
|
||||
pageSize: this.pageSize,
|
||||
}).then((res) => {
|
||||
this.total = res.data.total;
|
||||
this.tableData = res.data.rows;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
// 打开成员信息弹窗
|
||||
memberDialogFun(val) {
|
||||
var than = this;
|
||||
than.memberTitle = `【${val.name}】成员信息`;
|
||||
than.memberNew = val;
|
||||
manageListFamilyMember({
|
||||
guildId: val.id,
|
||||
}).then((res) => {
|
||||
this.member.tableData = res.data;
|
||||
than.memberDialog = true;
|
||||
});
|
||||
},
|
||||
// 二次确认删除成员
|
||||
delmemberRemoveClick() {
|
||||
removeMember({
|
||||
guildMemberId: this.memberRemoveObj.guildMemberId,
|
||||
}).then((res) => {
|
||||
if (res.code == 200) {
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: "删除成功",
|
||||
type: "success",
|
||||
});
|
||||
manageListFamilyMember({
|
||||
guildId: this.memberNew.id,
|
||||
}).then((res) => {
|
||||
this.member.tableData = res.data;
|
||||
});
|
||||
} else {
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: res.message,
|
||||
type: "error",
|
||||
});
|
||||
}
|
||||
this.memberRemoveDialog = false;
|
||||
});
|
||||
},
|
||||
// 设置管理员
|
||||
setMemberFun(val) {
|
||||
setManager({
|
||||
guildMemberId: val.guildMemberId,
|
||||
status: val.roleType == 3 ? true : val.roleType == 2 ? false : null,
|
||||
}).then((res) => {
|
||||
if (res.code == 200) {
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: "设置成功！",
|
||||
type: "success",
|
||||
});
|
||||
this.member.userID = "";
|
||||
manageListFamilyMember({
|
||||
guildId: this.memberNew.id,
|
||||
}).then((res) => {
|
||||
this.member.tableData = res.data;
|
||||
});
|
||||
} else {
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: res.message,
|
||||
type: "error",
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
// 新增成员
|
||||
addMemberFun() {
|
||||
addMember({
|
||||
erbanNo: this.member.userID,
|
||||
guildId: this.memberNew.id,
|
||||
}).then((res) => {
|
||||
if (res.code == 200) {
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: "保存成功！",
|
||||
type: "success",
|
||||
});
|
||||
this.member.userID = "";
|
||||
manageListFamilyMember({
|
||||
guildId: this.memberNew.id,
|
||||
}).then((res) => {
|
||||
this.member.tableData = res.data;
|
||||
});
|
||||
} else {
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: "保存失败！",
|
||||
type: "error",
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
// 打开收款账户弹窗
|
||||
payAccountDialogFun(val) {
|
||||
this.payAccountTitle = `(${val.ownerNick}【ID:${val.ownerErbanNo}】)的收款账户`;
|
||||
this.payAccount.payoneer = val.payAccount.payoneer;
|
||||
this.payAccount.usdt = val.payAccount.usdt;
|
||||
this.payAccount.payPal = val.payAccount.payPal;
|
||||
this.payAccountDialog = true;
|
||||
this.payAccountNew = val;
|
||||
},
|
||||
// 保存收款账户
|
||||
payAccountClick() {
|
||||
savePayAccount({
|
||||
id: this.payAccountNew.payAccount.familyId,
|
||||
payPal: this.payAccount.payPal,
|
||||
payoneer: this.payAccount.payoneer,
|
||||
usdt: this.payAccount.usdt,
|
||||
}).then((res) => {
|
||||
if (res.code == 200) {
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: "保存成功！",
|
||||
type: "success",
|
||||
});
|
||||
this.payAccountDialog = false;
|
||||
this.getData();
|
||||
} else {
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: "保存失败！",
|
||||
type: "error",
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
// 导出
|
||||
exportInfoFun() {
|
||||
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");
|
||||
}
|
||||
exportInfo({
|
||||
erbanNo: this.inquire.userId,
|
||||
referrer: this.inquire.referrer,
|
||||
familyName: this.inquire.nick,
|
||||
// startDate: startTime,
|
||||
// endDate: endTime,
|
||||
}).then((res) => {});
|
||||
},
|
||||
// 添加
|
||||
add() {
|
||||
this.addDialog = false;
|
||||
create({
|
||||
erbanNo: this.resource.id,
|
||||
referrer: this.resource.referrer,
|
||||
}).then((res) => {
|
||||
if (res.code == 200) {
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: "添加成功",
|
||||
type: "success",
|
||||
});
|
||||
this.getData();
|
||||
} else {
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: res.message,
|
||||
type: "error",
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
// 编辑按钮
|
||||
ediClick(res) {
|
||||
var obj = res.row;
|
||||
this.ediObj.leaderId = obj.ownerErbanNo;
|
||||
this.ediObj.leaderNick = obj.ownerNick;
|
||||
this.ediObj.guildNick = obj.name;
|
||||
this.ediObj.guildNumber = obj.memberNumLimit;
|
||||
this.ediObj.id = obj.id;
|
||||
this.ediObj.imageUrl1 = obj.backgroundUrl;
|
||||
this.ediObj.imageUrl2 = obj.avatar;
|
||||
this.editDialog = true;
|
||||
},
|
||||
// 二次确认弹窗
|
||||
editDialogClick() {
|
||||
console.log(this.ediObj);
|
||||
update({
|
||||
id: this.ediObj.id,
|
||||
memberNumLimit: this.ediObj.guildNumber,
|
||||
backgroundUrl: this.ediObj.imageUrl1,
|
||||
avatar: this.ediObj.imageUrl2,
|
||||
name: this.ediObj.guildNick,
|
||||
}).then((res) => {
|
||||
if (res.code == 200) {
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: res.message,
|
||||
type: "success",
|
||||
});
|
||||
this.getData();
|
||||
this.editDialog = false;
|
||||
} else {
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: res.message,
|
||||
type: "error",
|
||||
});
|
||||
}
|
||||
this.delDialog = false;
|
||||
});
|
||||
},
|
||||
// 解散按钮
|
||||
delClick() {
|
||||
console.log(this.delDialogData.id);
|
||||
var guildId = this.delDialogData.id;
|
||||
dismiss({ guildId }).then((res) => {
|
||||
console.log();
|
||||
if (res.code == 200) {
|
||||
this.getData();
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: "解散成功",
|
||||
type: "success",
|
||||
});
|
||||
} else {
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: res.message,
|
||||
type: "error",
|
||||
});
|
||||
}
|
||||
this.delDialog = false;
|
||||
});
|
||||
},
|
||||
beforeAvatarUpload() {
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: "上传中~",
|
||||
type: "warning",
|
||||
});
|
||||
},
|
||||
handleAvatarError() {
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: "上传失败！",
|
||||
type: "error",
|
||||
});
|
||||
},
|
||||
handleAvatarSuccess(res, file) {
|
||||
console.log(file);
|
||||
this.ediObj.imageUrl1 = file.response.data;
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: "上传成功！",
|
||||
type: "success",
|
||||
});
|
||||
},
|
||||
handleAvatarSuccess2(res, file) {
|
||||
console.log(file);
|
||||
this.ediObj.imageUrl2 = 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>
|
||||
@@ -1,282 +0,0 @@
|
||||
<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>周期</span>
|
||||
<el-select v-model="inquire.gameArrVal" placeholder="请选择">
|
||||
<el-option
|
||||
v-for="item in inquire.gamesArr"
|
||||
:key="item.gameId"
|
||||
:label="item.gameName"
|
||||
:value="item.gameId"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="inquire">
|
||||
<span>ID</span>
|
||||
<el-input
|
||||
v-model="inquire.userId"
|
||||
placeholder=""
|
||||
class="input"
|
||||
></el-input>
|
||||
</div>
|
||||
<!-- 查询按钮 -->
|
||||
<el-button
|
||||
class="primary"
|
||||
type="primary"
|
||||
@click="
|
||||
tableData = [];
|
||||
currentPage = 1;
|
||||
isFinished = false;
|
||||
getData();
|
||||
"
|
||||
>查询</el-button
|
||||
>
|
||||
<el-button
|
||||
class="primary"
|
||||
type="primary"
|
||||
@click="
|
||||
this.inquire.userId = '';
|
||||
this.getData();
|
||||
"
|
||||
>重置搜索</el-button
|
||||
>
|
||||
<el-button class="primary" type="primary" @click="confirmExport2Excel()"
|
||||
>导出</el-button
|
||||
>
|
||||
|
||||
<!-- 表格 -->
|
||||
<el-table
|
||||
v-loading="loading"
|
||||
:data="tableData"
|
||||
ref="multipleTable"
|
||||
@selection-change="handleSelectionChange"
|
||||
border
|
||||
style="width: 100%; margin-top: 25px"
|
||||
>
|
||||
<el-table-column prop="cycleDate" align="center" label="周期" />
|
||||
<el-table-column prop="familyId" align="center" label="公会ID" />
|
||||
<el-table-column prop="familyName" align="center" label="公会昵称" />
|
||||
<el-table-column prop="familyOwnerId" align="center" label="公会长ID" />
|
||||
<el-table-column
|
||||
prop="familyOwnerNick"
|
||||
align="center"
|
||||
label="公会长昵称"
|
||||
/>
|
||||
<el-table-column prop="erbanNo" align="center" label="主播ID" />
|
||||
<el-table-column prop="nick" align="center" label="主播昵称" />
|
||||
<el-table-column prop="level" align="center" label="主播等级" />
|
||||
<el-table-column prop="processNum" align="center" label="钻石流水" />
|
||||
<el-table-column prop="rewardNum" align="center" label="已获得金币" />
|
||||
<el-table-column prop="receivedNum" align="center" label="已领取金币" />
|
||||
</el-table>
|
||||
|
||||
<!-- 分页 -->
|
||||
<el-pagination
|
||||
style="margin-top: 10px"
|
||||
class="paginationClass"
|
||||
v-model:current-page="currentPage"
|
||||
v-model:page-size="pageSize"
|
||||
:page-sizes="[1, 10, 20, 30, 40, 50, 100, 200, 300, 400, 500, 999999999]"
|
||||
layout="sizes, prev, pager, next"
|
||||
:total="total"
|
||||
@size-change="handleSizeChange"
|
||||
@current-change="handleCurrentChange"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import {
|
||||
familyMemberWeekLevelRewardPage,
|
||||
familyMemberWeekLevelRewardExport,
|
||||
familyMemberWeekLevelRewardListCycleDate,
|
||||
} from "@/api/relAgency/relAgency";
|
||||
import { listPartitionInfo } from "@/api/noblemanNew/noblemanNew";
|
||||
// @ts-ignore
|
||||
import { dateFormat } from "@/utils/system-helper";
|
||||
// @ts-ignore
|
||||
import { ElMessage, ElTable } from "element-plus";
|
||||
import { ref } from "vue";
|
||||
import { ElMessageBox } from "element-plus"; // 正确引入 ElM
|
||||
export default {
|
||||
name: "weeklyRewards",
|
||||
data() {
|
||||
return {
|
||||
loading: false,
|
||||
//查询所需条件对象
|
||||
inquire: {
|
||||
userId: "",
|
||||
gamesArr: [],
|
||||
gameArrVal: 1,
|
||||
partitionId: 1,
|
||||
partitionArr: [
|
||||
{ id: 1, desc: "英语区" },
|
||||
{ id: 2, desc: "阿拉伯" },
|
||||
],
|
||||
},
|
||||
// 表格
|
||||
tableData: [],
|
||||
// 分页
|
||||
total: 0, //总页数
|
||||
currentPage: 1, //页码
|
||||
pageSize: 10, //条数
|
||||
};
|
||||
},
|
||||
created() {
|
||||
// const timestamps = this.getCurrentWeekTimestamps();
|
||||
// var obj = {};
|
||||
// timestamps.forEach((res, i) => {
|
||||
// this.inquire.gamesArr[i] = {
|
||||
// gameName: dateFormat(res, "yyyy-MM-dd"),
|
||||
// gameId: dateFormat(res, "yyyy-MM-dd"),
|
||||
// };
|
||||
// });
|
||||
// this.inquire.gameArrVal = this.inquire.gamesArr[0].gameId;
|
||||
familyMemberWeekLevelRewardListCycleDate().then((res) => {
|
||||
if (res.code == 200) {
|
||||
res.data.forEach((res, i) => {
|
||||
this.inquire.gamesArr[i] = {
|
||||
gameName: `${dateFormat(res.startDate, "yyyy-MM-dd")}~${dateFormat(
|
||||
res.endDate,
|
||||
"yyyy-MM-dd"
|
||||
)}`,
|
||||
gameId: res.dateCycle,
|
||||
};
|
||||
});
|
||||
this.inquire.gameArrVal = this.inquire.gamesArr[0].gameId;
|
||||
this.getData();
|
||||
} else {
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: res.message,
|
||||
type: "error",
|
||||
});
|
||||
}
|
||||
});
|
||||
// listPartitionInfo().then((res) => {
|
||||
// this.inquire.partitionArr = res.data;
|
||||
// this.inquire.partitionId = this.inquire.partitionArr[0].id;
|
||||
// this.getData();
|
||||
// });
|
||||
},
|
||||
methods: {
|
||||
// 查询接口
|
||||
getData() {
|
||||
this.isLoading = true;
|
||||
this.loading = true;
|
||||
familyMemberWeekLevelRewardPage({
|
||||
cycleDate: this.inquire.gameArrVal,
|
||||
erbanNo: this.inquire.userId,
|
||||
pageNo: this.currentPage,
|
||||
pageSize: this.pageSize,
|
||||
partitionId: this.inquire.partitionId,
|
||||
}).then((res) => {
|
||||
if (res.code == 200) {
|
||||
this.total = res.data.total;
|
||||
this.tableData = res.data.rows;
|
||||
} else {
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: res.message,
|
||||
type: "error",
|
||||
});
|
||||
}
|
||||
this.loading = false;
|
||||
this.isLoading = false;
|
||||
});
|
||||
},
|
||||
getCurrentWeekTimestamps() {
|
||||
const today = new Date();
|
||||
const dayOfWeek = today.getDay(); // 0（周日）到6（周六）
|
||||
// 计算到周一的天数差：周日需-6天，其他天减(当前星期数 - 1)
|
||||
const diffToMonday = dayOfWeek === 0 ? -6 : 1 - dayOfWeek;
|
||||
const monday = new Date(today);
|
||||
monday.setDate(monday.getDate() + diffToMonday);
|
||||
monday.setHours(0, 0, 0, 0); // 设置为周一的0点
|
||||
|
||||
const weekTimestamps = [];
|
||||
for (let i = 0; i < 7; i++) {
|
||||
const date = new Date(monday);
|
||||
date.setDate(monday.getDate() + i);
|
||||
weekTimestamps.push(date.getTime());
|
||||
}
|
||||
return weekTimestamps; // 包含周一到周日每天0点的时间戳数组
|
||||
},
|
||||
// 导出
|
||||
confirmExport2Excel() {
|
||||
familyMemberWeekLevelRewardExport({
|
||||
cycleDate: this.inquire.gameArrVal,
|
||||
erbanNo: this.inquire.userId,
|
||||
partitionId: this.inquire.partitionId,
|
||||
}).then();
|
||||
},
|
||||
// 分页导航
|
||||
handleSizeChange() {
|
||||
this.getData();
|
||||
},
|
||||
handleCurrentChange() {
|
||||
this.getData();
|
||||
},
|
||||
},
|
||||
};
|
||||
</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;
|
||||
}
|
||||
.pagination {
|
||||
margin: 10px auto 10px;
|
||||
position: relative;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
.pagination_in {
|
||||
text-align: center;
|
||||
}
|
||||
</style>
|
||||
@@ -12,9 +12,9 @@
|
||||
>
|
||||
<el-option
|
||||
v-for="item in inquire.options"
|
||||
:key="item.id"
|
||||
:label="item.desc"
|
||||
:value="item.id"
|
||||
:key="item.type"
|
||||
:label="item.name"
|
||||
:value="item.type"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
@@ -139,7 +139,7 @@
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import { personal, updateUserMulti,listPartitionInfo } from "@/api/luckGift/luckGift";
|
||||
import { personal, updateUserMulti } from "@/api/luckGift/luckGift";
|
||||
// @ts-ignore
|
||||
import { dateFormat } from "@/utils/system-helper";
|
||||
// @ts-ignore
|
||||
@@ -157,8 +157,25 @@ export default {
|
||||
inquire: {
|
||||
userId: "",
|
||||
time: "",
|
||||
value: "",
|
||||
options: [],
|
||||
value: 2,
|
||||
options: [
|
||||
{
|
||||
name: "阿拉伯区",
|
||||
type: 2,
|
||||
},
|
||||
{
|
||||
name: "英语区",
|
||||
type: 1,
|
||||
},
|
||||
{
|
||||
name: "华语区",
|
||||
type: 4,
|
||||
},
|
||||
{
|
||||
type: 8,
|
||||
name: "土耳其区",
|
||||
},
|
||||
],
|
||||
},
|
||||
// 表格
|
||||
tableData: [],
|
||||
@@ -172,16 +189,11 @@ export default {
|
||||
};
|
||||
},
|
||||
created() {
|
||||
listPartitionInfo().then((res) => {
|
||||
this.inquire.options = res.data;
|
||||
this.inquire.value = this.inquire.options[0].id;
|
||||
});
|
||||
// this.getData();
|
||||
},
|
||||
methods: {
|
||||
// 查询接口
|
||||
getData() {
|
||||
this.butClick = false;
|
||||
console.log(dateFormat(this.inquire.time, "yyyy-MM-dd"));
|
||||
if (!this.inquire.time && this.inquire.userId == '') {
|
||||
ElMessage({
|
||||
|
||||
@@ -7,9 +7,9 @@
|
||||
<el-select v-model="inquire.value" placeholder="请选择">
|
||||
<el-option
|
||||
v-for="item in inquire.options"
|
||||
:key="item.id"
|
||||
:label="item.desc"
|
||||
:value="item.id"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
@@ -54,7 +54,7 @@
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import { platform,listPartitionInfo } from "@/api/luckGift/luckGift";
|
||||
import { platform } from "@/api/luckGift/luckGift";
|
||||
// @ts-ignore
|
||||
import { dateFormat } from "@/utils/system-helper";
|
||||
// @ts-ignore
|
||||
@@ -70,8 +70,25 @@ export default {
|
||||
totalProductionRatio: "0",
|
||||
//查询所需条件对象
|
||||
inquire: {
|
||||
value: "",
|
||||
options: [],
|
||||
value: 2,
|
||||
options: [
|
||||
{
|
||||
value: 2,
|
||||
label: "阿拉伯区",
|
||||
},
|
||||
{
|
||||
value: 1,
|
||||
label: "英语区",
|
||||
},
|
||||
{
|
||||
value: 4,
|
||||
label: "华语区",
|
||||
},
|
||||
{
|
||||
value: 8,
|
||||
label: "土耳其区",
|
||||
},
|
||||
],
|
||||
time: "",
|
||||
},
|
||||
// 表格
|
||||
@@ -83,10 +100,6 @@ export default {
|
||||
};
|
||||
},
|
||||
created() {
|
||||
listPartitionInfo().then((res) => {
|
||||
this.inquire.options = res.data;
|
||||
this.inquire.value = this.inquire.options[0].id;
|
||||
});
|
||||
// this.getData();
|
||||
},
|
||||
methods: {
|
||||
|
||||
@@ -3,24 +3,13 @@
|
||||
<!-- 时间选择器 -->
|
||||
<div class="inquire">
|
||||
<div class="block">
|
||||
<span class="demonstration">开始时间</span>
|
||||
<span class="demonstration">日期</span>
|
||||
<el-date-picker
|
||||
v-model="inquire.time[0]"
|
||||
type="date"
|
||||
placeholder="开始时间"
|
||||
format="YYYY-MM-DD 00:00:00"
|
||||
>
|
||||
</el-date-picker>
|
||||
</div>
|
||||
</div>
|
||||
<div class="inquire">
|
||||
<div class="block">
|
||||
<span class="demonstration">结束时间</span>
|
||||
<el-date-picker
|
||||
v-model="inquire.time[1]"
|
||||
type="date"
|
||||
placeholder="结束时间"
|
||||
format="YYYY-MM-DD 23:59:59"
|
||||
v-model="inquire.time"
|
||||
type="daterange"
|
||||
range-separator="至"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="结束日期"
|
||||
>
|
||||
</el-date-picker>
|
||||
</div>
|
||||
@@ -204,24 +193,11 @@ export default {
|
||||
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 00:00:00")
|
||||
: null;
|
||||
endTime = this.inquire.time[1]
|
||||
? dateFormat(this.inquire.time[1], "yyyy-MM-dd 23:59:59")
|
||||
: null;
|
||||
}
|
||||
if (!startTime || !endTime) {
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: "请输入开始时间和结束时间",
|
||||
type: "error",
|
||||
});
|
||||
this.loading = false;
|
||||
return;
|
||||
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");
|
||||
}
|
||||
incomePageFamily({
|
||||
erbanNo: this.inquire.id,
|
||||
@@ -232,18 +208,9 @@ export default {
|
||||
pageNum: 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",
|
||||
});
|
||||
}
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
// 导出总外列表
|
||||
|
||||
@@ -1,368 +0,0 @@
|
||||
<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>
|
||||
<!-- guildContact -->
|
||||
<el-table-column
|
||||
prop=""
|
||||
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: "newGuildApplicationCustomerService",
|
||||
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>
|
||||
@@ -75,7 +75,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<div id="mapObjHtml" style="display:none">
|
||||
<div id="mapObjHtml">
|
||||
<span
|
||||
style="
|
||||
margin-right: 10px;
|
||||
@@ -125,33 +125,6 @@ export default {
|
||||
$(function () {
|
||||
userRegion();
|
||||
$("#table").bootstrapTable("destroy");
|
||||
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 () {
|
||||
|
||||
$("#table").bootstrapTable({
|
||||
columns: [
|
||||
{
|
||||
@@ -266,8 +239,34 @@ export default {
|
||||
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");
|
||||
$('#mapObjHtml').show();
|
||||
});
|
||||
|
||||
//用户地区
|
||||
|
||||
@@ -10,33 +10,12 @@
|
||||
<div id="table"></div>
|
||||
<div id="toolbar">
|
||||
<div class="col-sm-12">
|
||||
<label for="searchValue" class="col-sm-1 control-label">ID:</label>
|
||||
<div class="col-sm-2">
|
||||
<input
|
||||
type="text"
|
||||
class="form-control"
|
||||
name="searchValue"
|
||||
id="searchValue"
|
||||
/>
|
||||
<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="partitionId" class="col-sm-1 control-label">分区:</label>
|
||||
<div class="col-sm-2">
|
||||
<select
|
||||
name="partitionId"
|
||||
id="partitionId"
|
||||
data-btn-class="btn-warning"
|
||||
class="form-control"
|
||||
>
|
||||
</select>
|
||||
</div>
|
||||
<label for="searchType" class="col-sm-1 control-label">地区:</label>
|
||||
<div class="col-sm-2">
|
||||
<select
|
||||
name="searchType"
|
||||
id="searchType"
|
||||
data-btn-class="btn-warning"
|
||||
class="form-control"
|
||||
>
|
||||
<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>
|
||||
@@ -54,23 +33,12 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div
|
||||
class="modal fade"
|
||||
id="editModal"
|
||||
tabindex="-1"
|
||||
role="dialog"
|
||||
aria-labelledby="modalLabel"
|
||||
>
|
||||
<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 type="button" class="close" data-dismiss="modal" aria-label="Close"><span
|
||||
aria-hidden="true">×</span>
|
||||
</button>
|
||||
<h4 class="modal-title" id="modalLabel">代充信息</h4>
|
||||
</div>
|
||||
@@ -78,26 +46,9 @@
|
||||
<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
|
||||
>
|
||||
<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>
|
||||
<input type="text" class="form-control" id="erbanNo">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
@@ -106,22 +57,14 @@
|
||||
</form>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-default" data-dismiss="modal">
|
||||
取消
|
||||
</button>
|
||||
<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 fade" id="tipModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel">
|
||||
<div class="modal-dialog" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
@@ -134,9 +77,8 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import TableHelper from "@/utils/bootstrap-table-helper";
|
||||
import TableHelper from '@/utils/bootstrap-table-helper';
|
||||
|
||||
var partitionArray;
|
||||
var regionArray;
|
||||
export default {
|
||||
name: "RechargeUserView",
|
||||
@@ -147,9 +89,7 @@ export default {
|
||||
return;
|
||||
}
|
||||
var $input = $(obj);
|
||||
const typeArray = $(
|
||||
"input:checkbox[name='type']:checked"
|
||||
).serializeArray();
|
||||
const typeArray = $("input:checkbox[name='type']:checked").serializeArray();
|
||||
if (!typeArray) {
|
||||
return;
|
||||
}
|
||||
@@ -164,17 +104,17 @@ export default {
|
||||
break;
|
||||
}
|
||||
}
|
||||
var $seq = $("#seq" + type);
|
||||
var $seq = $('#seq' + type);
|
||||
if (isCheck) {
|
||||
$seq.removeAttr("readonly");
|
||||
$seq.removeAttr('readonly');
|
||||
} else {
|
||||
$seq.attr("readonly", "true");
|
||||
$seq.attr('readonly', 'true');
|
||||
}
|
||||
}
|
||||
}
|
||||
window.editSeqText = editSeqText;
|
||||
return {
|
||||
editSeqText,
|
||||
editSeqText
|
||||
};
|
||||
},
|
||||
created() {
|
||||
@@ -185,40 +125,21 @@ export default {
|
||||
methods: {
|
||||
initData() {
|
||||
$(function () {
|
||||
//分区
|
||||
partitionArray = listPartitionInfo();
|
||||
//地区
|
||||
regionArray = chargeRegion();
|
||||
|
||||
$("#table").bootstrapTable("destroy");
|
||||
$("#table").bootstrapTable({
|
||||
$('#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: "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%",
|
||||
field: 'type',
|
||||
title: '地区',
|
||||
align: 'center',
|
||||
width: '5%',
|
||||
formatter: function (val, row, index) {
|
||||
var value = "";
|
||||
var value = '';
|
||||
if (regionArray) {
|
||||
for (var i = 0, len = regionArray.length; i < len; i++) {
|
||||
var region = regionArray[i];
|
||||
@@ -227,58 +148,46 @@ export default {
|
||||
if ((val & type) != 0) {
|
||||
value += name;
|
||||
if (i != len - 1) {
|
||||
value += "<br>";
|
||||
value += '<br>';
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
return value;
|
||||
},
|
||||
}
|
||||
},
|
||||
{
|
||||
field: "userRegions",
|
||||
title: "排序",
|
||||
align: "center",
|
||||
width: "5%",
|
||||
field: 'userRegions',
|
||||
title: '排序',
|
||||
align: 'center',
|
||||
width: '5%',
|
||||
formatter: function (val, row, index) {
|
||||
var value = "";
|
||||
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;
|
||||
value += name + '：' + seq;
|
||||
if (i != len - 1) {
|
||||
value += "<br>";
|
||||
value += '<br>';
|
||||
}
|
||||
}
|
||||
}
|
||||
return value;
|
||||
}
|
||||
},
|
||||
},
|
||||
{ field: 'outDiamondNum', title: '最近30天转出金币', align: 'center', width: '5%' },
|
||||
{
|
||||
field: "outDiamondNum",
|
||||
title: "最近30天转出金币",
|
||||
align: "center",
|
||||
width: "5%",
|
||||
},
|
||||
{
|
||||
field: "id",
|
||||
title: "操作",
|
||||
align: "center",
|
||||
width: "5%",
|
||||
valign: "middle",
|
||||
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>'
|
||||
);
|
||||
},
|
||||
},
|
||||
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,
|
||||
@@ -291,53 +200,25 @@ export default {
|
||||
//设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
|
||||
//设置为limit可以获取limit, offset, search, sort, order
|
||||
queryParamsType: "undefined",
|
||||
queryParams: function queryParams(params) {
|
||||
//设置查询参数
|
||||
queryParams: function queryParams(params) { //设置查询参数
|
||||
var param = {
|
||||
page: params.pageNumber,
|
||||
pageSize: params.pageSize,
|
||||
erbanNo: $("#searchValue").val(),
|
||||
partitionId: $("#partitionId").val(),
|
||||
regionType: $("#searchType").val(),
|
||||
starLevel: $("#starLevel").val(),
|
||||
erbanNo: $('#searchValue').val(),
|
||||
regionType: $('#searchType').val()
|
||||
};
|
||||
return param;
|
||||
},
|
||||
toolbar: "#toolbar",
|
||||
url: "/admin/recharge/user/page",
|
||||
onLoadSuccess: function () {
|
||||
//加载成功时执行
|
||||
toolbar: '#toolbar',
|
||||
url: '/admin/recharge/user/page',
|
||||
onLoadSuccess: function () { //加载成功时执行
|
||||
console.log("load success");
|
||||
},
|
||||
onLoadError: function () {
|
||||
//加载失败时执行
|
||||
onLoadError: function () { //加载失败时执行
|
||||
console.log("load fail");
|
||||
},
|
||||
}
|
||||
});
|
||||
|
||||
//分区
|
||||
function listPartitionInfo() {
|
||||
var array;
|
||||
$.ajax({
|
||||
type: "get",
|
||||
url: "/partition/listPartitionInfo",
|
||||
dataType: "json",
|
||||
async: false,
|
||||
success: function (json) {
|
||||
if (json.success == "true" || json.code == 200) {
|
||||
array = json.data;
|
||||
}
|
||||
},
|
||||
});
|
||||
var $select = $("#partitionId");
|
||||
for (let i = 0; i < array.length; i++) {
|
||||
var $option = $('<option value="' + array[i].id + '" />');
|
||||
$option.html(array[i].desc);
|
||||
$select.append($option);
|
||||
}
|
||||
return array;
|
||||
}
|
||||
|
||||
//地区
|
||||
function chargeRegion() {
|
||||
var array;
|
||||
@@ -347,32 +228,31 @@ export default {
|
||||
dataType: "json",
|
||||
async: false,
|
||||
success: function (json) {
|
||||
if (json.success == "true" || json.code == 200) {
|
||||
if (json.success == 'true' || json.code == 200) {
|
||||
array = json.data;
|
||||
}
|
||||
},
|
||||
}
|
||||
});
|
||||
var $select = $("#searchType");
|
||||
var $select = $('#searchType');
|
||||
for (let i = 0; i < array.length; i++) {
|
||||
var $option = $('<option value="' + array[i].type + '" />');
|
||||
$option.html(array[i].desc);
|
||||
$option.html(array[i].name);
|
||||
$select.append($option);
|
||||
}
|
||||
return array;
|
||||
}
|
||||
|
||||
//新增
|
||||
$("#btnAdd").on("click", function () {
|
||||
$("#id").val("");
|
||||
$("#erbanNo").val("");
|
||||
$("#starLevel").val("");
|
||||
$('#btnAdd').on('click', function () {
|
||||
$("#id").val('');
|
||||
$("#erbanNo").val('');
|
||||
showRegion();
|
||||
$("#editModal").modal("show");
|
||||
$("#editModal").modal('show');
|
||||
});
|
||||
|
||||
// 查询刷新
|
||||
$("#btnSearch").on("click", function () {
|
||||
TableHelper.doRefresh("#table");
|
||||
$('#btnSearch').on('click', function () {
|
||||
TableHelper.doRefresh('#table');
|
||||
});
|
||||
|
||||
//展示地区
|
||||
@@ -380,31 +260,22 @@ export default {
|
||||
if (!regionArray) {
|
||||
return;
|
||||
}
|
||||
var $form = $("#editModal .modal-body .form-horizontal");
|
||||
var $form = $('#editModal .modal-body .form-horizontal');
|
||||
for (let i = 0, len = regionArray.length; i < len; i++) {
|
||||
$("#region" + i).remove();
|
||||
$('#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
|
||||
);
|
||||
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"/>'
|
||||
);
|
||||
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);
|
||||
}
|
||||
@@ -412,15 +283,13 @@ export default {
|
||||
|
||||
//保存
|
||||
$("#save").click(function () {
|
||||
const msg = "确定要保存吗？";
|
||||
const msg = '确定要保存吗？';
|
||||
if (confirm(msg)) {
|
||||
var id = $("#id").val();
|
||||
const typeArray = $(
|
||||
"input:checkbox[name='type']:checked"
|
||||
).serializeArray();
|
||||
var id = $('#id').val();
|
||||
const typeArray = $("input:checkbox[name='type']:checked").serializeArray();
|
||||
if (!typeArray) {
|
||||
$("#tipMsg").text("代充地区不能为空");
|
||||
$("#tipModal").modal("show");
|
||||
$("#tipModal").modal('show');
|
||||
return;
|
||||
}
|
||||
var userRegionArray = [];
|
||||
@@ -432,7 +301,7 @@ export default {
|
||||
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();
|
||||
seq = $('#seq' + region.type).val();
|
||||
isCheck = true;
|
||||
break;
|
||||
}
|
||||
@@ -441,14 +310,13 @@ export default {
|
||||
type: region.type,
|
||||
name: region.name,
|
||||
isCheck: isCheck,
|
||||
seq: seq,
|
||||
seq: seq
|
||||
};
|
||||
userRegionArray.push(userRegion);
|
||||
}
|
||||
var data = {
|
||||
erbanNo: $("#erbanNo").val(),
|
||||
starLevel: $("#starLevel").val(),
|
||||
userRegions: JSON.stringify(userRegionArray),
|
||||
erbanNo: $('#erbanNo').val(),
|
||||
userRegions: JSON.stringify(userRegionArray)
|
||||
};
|
||||
if (id) {
|
||||
data.id = id;
|
||||
@@ -459,32 +327,29 @@ export default {
|
||||
data: data,
|
||||
dataType: "json",
|
||||
success: function (json) {
|
||||
if (json.success == "true" || json.code == 200) {
|
||||
if (json.success == 'true' || json.code == 200) {
|
||||
$("#tipMsg").text("保存成功");
|
||||
$("#tipModal").modal("show");
|
||||
$("#tipModal").modal('show');
|
||||
TableHelper.doRefresh("#table");
|
||||
$("#editModal").modal("hide");
|
||||
$("#editModal").modal('hide');
|
||||
} else {
|
||||
$("#tipMsg").text("保存失败." + json.message);
|
||||
$("#tipModal").modal("show");
|
||||
$("#editModal").modal("hide");
|
||||
$("#tipModal").modal('show');
|
||||
$("#editModal").modal('hide');
|
||||
}
|
||||
}
|
||||
},
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
//编辑
|
||||
$("#table").on("click", ".opt-edit", function () {
|
||||
const currentData =
|
||||
$("#table").bootstrapTable("getData")[$(this).data("index")];
|
||||
$('#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++) {
|
||||
@@ -500,54 +365,48 @@ export default {
|
||||
}
|
||||
}
|
||||
if (isCheck) {
|
||||
$('input:checkbox[value="' + region.type + '"]').prop(
|
||||
"checked",
|
||||
true
|
||||
);
|
||||
$("#seq" + region.type).removeAttr("readonly");
|
||||
$("#seq" + region.type).val(seq);
|
||||
$('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);
|
||||
$("input:checkbox[value='" + region.type + "']").prop('checked', false);
|
||||
$('#seq' + region.type).attr('readonly', 'true');
|
||||
$('#seq' + region.type).val(0);
|
||||
}
|
||||
}
|
||||
}
|
||||
$("#editModal").modal("show");
|
||||
$("#editModal").modal('show');
|
||||
});
|
||||
|
||||
//删除
|
||||
$("#table").on("click", ".opt-del", function () {
|
||||
const currentData =
|
||||
$("#table").bootstrapTable("getData")[$(this).data("index")];
|
||||
$('#table').on('click', '.opt-del', function () {
|
||||
const currentData = $('#table').bootstrapTable('getData')[$(this).data('index')];
|
||||
var id = currentData.id;
|
||||
const msg = "确定要删除吗？";
|
||||
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) {
|
||||
if (json.success == 'true' || json.code == 200) {
|
||||
$("#tipMsg").text("删除成功");
|
||||
$("#tipModal").modal("show");
|
||||
$("#tipModal").modal('show');
|
||||
TableHelper.doRefresh("#table");
|
||||
$("#editModal").modal("hide");
|
||||
$("#editModal").modal('hide');
|
||||
} else {
|
||||
$("#tipMsg").text("删除失败." + json.message);
|
||||
$("#tipModal").modal("show");
|
||||
$("#editModal").modal("hide");
|
||||
$("#tipModal").modal('show');
|
||||
$("#editModal").modal('hide');
|
||||
}
|
||||
}
|
||||
},
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
},
|
||||
},
|
||||
|
||||
};
|
||||
</script>
|
||||
|
||||
|
||||
@@ -1,292 +0,0 @@
|
||||
<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>
|
||||
@@ -16,22 +16,10 @@
|
||||
</div>
|
||||
<!-- 按钮 -->
|
||||
<div class="buttonBox">
|
||||
<el-button
|
||||
@click="addClick()"
|
||||
class="primary"
|
||||
type="primary"
|
||||
size="default"
|
||||
style="margin-right: 10px"
|
||||
>新增</el-button
|
||||
>
|
||||
<el-button
|
||||
@click="getData()"
|
||||
class="primary"
|
||||
type="primary"
|
||||
size="default"
|
||||
style="margin-right: 10px"
|
||||
>查询</el-button
|
||||
>
|
||||
<el-button @click="addClick()" class="primary" type="primary" size="default"
|
||||
style="margin-right: 10px">新增</el-button>
|
||||
<el-button @click="getData()" class="primary" type="primary" size="default"
|
||||
style="margin-right: 10px">查询</el-button>
|
||||
</div>
|
||||
<!-- 表格 -->
|
||||
<el-table :data="tableData" border style="width: 100%; margin-top: 25px">
|
||||
@@ -44,299 +32,105 @@
|
||||
</el-table-column>
|
||||
<el-table-column align="center" prop="url" label="开屏页" width="200">
|
||||
<template v-slot="scope">
|
||||
<el-image
|
||||
style="width: 100%; height: 100px"
|
||||
:src="scope.row.url"
|
||||
:zoom-rate="1.1"
|
||||
:preview-src-list="[scope.row.url]"
|
||||
fit="scale-down"
|
||||
preview-teleported="true"
|
||||
hide-on-click-modal="true"
|
||||
/>
|
||||
<el-image style="width: 100%; height: 100px" :src="scope.row.url" :zoom-rate="1.1"
|
||||
:preview-src-list="[scope.row.url]" fit="scale-down" preview-teleported="true"
|
||||
hide-on-click-modal="true" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" prop="skipType" label="跳转">
|
||||
<template v-slot="scope">
|
||||
<span>{{
|
||||
scope.row.skipType == 1
|
||||
? "native"
|
||||
: scope.row.skipType == 2
|
||||
? "房间内"
|
||||
: scope.row.skipType == 3
|
||||
? "H5"
|
||||
: ""
|
||||
}}</span>
|
||||
<span>{{ scope.row.skipType == 1 ? "native" : (scope.row.skipType == 2 ? "房间内" : scope.row.skipType == 3
|
||||
? "H5" : "") }}</span>
|
||||
<br />
|
||||
<span>{{ scope.row.skipContent }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" label="生效时间">
|
||||
<template v-slot="scope">
|
||||
<span>{{
|
||||
scope.row.startTime == null && scope.row.endTime
|
||||
? "不限"
|
||||
: scope.row.startTime +
|
||||
"~" +
|
||||
(scope.row.endTime == null ? "不限" : scope.row.endTime)
|
||||
}}</span>
|
||||
<span>{{ scope.row.startTime == null && scope.row.endTime ? "不限" : (scope.row.startTime + "~" +
|
||||
(scope.row.endTime == null ? "不限" : scope.row.endTime)) }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="USER_LEVEL"
|
||||
label="可见等级"
|
||||
:formatter="ruleJsonFormatter"
|
||||
/>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="PLATFORM"
|
||||
label="生效平台"
|
||||
:formatter="ruleJsonFormatter"
|
||||
/>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="IOS"
|
||||
label="iOS版本号"
|
||||
:formatter="ruleJsonFormatter"
|
||||
/>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="ANDROID"
|
||||
label="安卓版本号"
|
||||
:formatter="ruleJsonFormatter"
|
||||
/>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="NOT_CHANNELS"
|
||||
label="不展示渠道"
|
||||
:formatter="ruleJsonFormatter"
|
||||
/>
|
||||
<el-table-column align="center" prop="USER_LEVEL" label="可见等级" :formatter="ruleJsonFormatter" />
|
||||
<el-table-column align="center" prop="PLATFORM" label="生效平台" :formatter="ruleJsonFormatter" />
|
||||
<el-table-column align="center" prop="IOS" label="iOS版本号" :formatter="ruleJsonFormatter" />
|
||||
<el-table-column align="center" prop="ANDROID" label="安卓版本号" :formatter="ruleJsonFormatter" />
|
||||
<el-table-column align="center" prop="NOT_CHANNELS" label="不展示渠道" :formatter="ruleJsonFormatter" />
|
||||
<el-table-column align="center" label="操作" width="200">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
@click="editClick(scope.row)"
|
||||
class="primary"
|
||||
type="primary"
|
||||
size="default"
|
||||
>编辑</el-button
|
||||
>
|
||||
<el-button
|
||||
@click="delClick(scope.row)"
|
||||
class="danger"
|
||||
type="danger"
|
||||
size="default"
|
||||
>删除</el-button
|
||||
>
|
||||
<el-button @click="editClick(scope.row)" class="primary" type="primary" size="default">编辑</el-button>
|
||||
<el-button @click="delClick(scope.row)" class="danger" type="danger" size="default">删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!-- 分页 -->
|
||||
<el-pagination
|
||||
style="margin-top: 10px"
|
||||
class="paginationClass"
|
||||
v-model:current-page="currentPage"
|
||||
v-model:page-size="pageSize"
|
||||
:page-sizes="[10, 20, 30, 40, 50, 100, 200, 300, 400, 500]"
|
||||
:small="small"
|
||||
:disabled="disabled"
|
||||
:background="background"
|
||||
layout="sizes, prev, pager, next"
|
||||
:total="totals"
|
||||
@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]" :small="small"
|
||||
:disabled="disabled" :background="background" layout="sizes, prev, pager, next" :total="totals"
|
||||
@size-change="handleSizeChange" @current-change="handleCurrentChange" />
|
||||
<!-- 编辑弹窗 -->
|
||||
<el-dialog v-model="editDialog" title="开屏配置" width="50%" center>
|
||||
<div style="margin-bottom: 25px">
|
||||
<span
|
||||
style="display: inline-block; margin-right: 20px"
|
||||
class="col-sm-2 control-label"
|
||||
>活动名称</span
|
||||
>
|
||||
<el-input
|
||||
v-model="resource.name"
|
||||
style="width: 75%"
|
||||
class="input"
|
||||
placeholder="请输入活动名称"
|
||||
></el-input>
|
||||
<span style="display: inline-block; margin-right: 20px" class="col-sm-2 control-label">活动名称</span>
|
||||
<el-input v-model="resource.name" style="width: 75%" class="input" placeholder="请输入活动名称"></el-input>
|
||||
</div>
|
||||
<div style="margin-bottom: 25px; margin-top: 70px">
|
||||
<span
|
||||
style="display: inline-block; margin-right: 20px"
|
||||
class="col-sm-2 control-label"
|
||||
>选择地区</span
|
||||
>
|
||||
<el-select
|
||||
v-model="resource.partitionId"
|
||||
style="width: 75%"
|
||||
placeholder="请选择"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in partitionInfos"
|
||||
:key="item.id"
|
||||
:label="item.desc"
|
||||
:value="item.id"
|
||||
></el-option>
|
||||
<div style="margin-bottom: 25px;margin-top: 70px;">
|
||||
<span style="display: inline-block; margin-right: 20px" class="col-sm-2 control-label">选择地区</span>
|
||||
<el-select v-model="resource.partitionId" style="width: 75%" placeholder="请选择">
|
||||
<el-option v-for="item in partitionInfos" :key="item.id" :label="item.desc"
|
||||
:value="item.id"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div style="margin-bottom: 25px">
|
||||
<span
|
||||
style="display: inline-block; margin-right: 20px"
|
||||
class="col-sm-2 control-label"
|
||||
>开屏页</span
|
||||
>
|
||||
<input
|
||||
type="hidden"
|
||||
class="form-control"
|
||||
name="avatar"
|
||||
v-model="resource.url"
|
||||
/>
|
||||
<img :src="resource.url" style="width: 120px" />
|
||||
<input
|
||||
type="file"
|
||||
style="width: 26%; display: inline-block"
|
||||
id="urlFile"
|
||||
name="uploadFile"
|
||||
/>
|
||||
<span style="display: inline-block; margin-right: 20px" class="col-sm-2 control-label">开屏页</span>
|
||||
<input type="hidden" class="form-control" name="avatar" v-model="resource.url" />
|
||||
<img :src="resource.url" style="width:120px;"/>
|
||||
<input type="file" style="width: 26%; display: inline-block;" id="urlFile" name="uploadFile"/>
|
||||
</div>
|
||||
<div style="margin-bottom: 25px">
|
||||
<span
|
||||
style="display: inline-block; margin-right: 20px"
|
||||
class="col-sm-2 control-label"
|
||||
></span>
|
||||
<button
|
||||
class="btn btn-success col-sm-4"
|
||||
type="button"
|
||||
id="urlUploadBtn"
|
||||
@click="uploadUrl()"
|
||||
>
|
||||
上传
|
||||
</button>
|
||||
<span class="btn col-sm-4" id="urlUploadInfo" style="color: red"></span>
|
||||
<span style="display: inline-block; margin-right: 20px" class="col-sm-2 control-label"></span>
|
||||
<button class="btn btn-success col-sm-4" type="button" id="urlUploadBtn" @click="uploadUrl()">上传</button>
|
||||
<span class="btn col-sm-4" id="urlUploadInfo" style="color:red;"></span>
|
||||
</div>
|
||||
<div style="margin-bottom: 25px; margin-top: 70px">
|
||||
<span
|
||||
style="display: inline-block; margin-right: 20px"
|
||||
class="col-sm-2 control-label"
|
||||
>跳转位置</span
|
||||
>
|
||||
<el-select
|
||||
v-model="resource.skipType"
|
||||
style="width: 75%"
|
||||
placeholder="请选择"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in options"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
></el-option>
|
||||
<div style="margin-bottom: 25px;margin-top: 70px;">
|
||||
<span style="display: inline-block; margin-right: 20px" class="col-sm-2 control-label">跳转位置</span>
|
||||
<el-select v-model="resource.skipType" style="width: 75%" placeholder="请选择">
|
||||
<el-option v-for="item in options" :key="item.value" :label="item.label"
|
||||
:value="item.value"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div
|
||||
style="margin-bottom: 25px"
|
||||
v-if="
|
||||
resource.skipType == 2 ||
|
||||
resource.skipType == 3 ||
|
||||
resource.skipType == 4 ||
|
||||
resource.skipType == 5 ||
|
||||
resource.skipType == 6
|
||||
"
|
||||
>
|
||||
<span
|
||||
style="display: inline-block; margin-right: 20px"
|
||||
class="col-sm-2 control-label"
|
||||
>{{ resource.skipType == 3 ? "跳转链接" : "跳转房间" }}</span
|
||||
>
|
||||
<el-input
|
||||
v-model="resource.skipContent"
|
||||
style="width: 75%"
|
||||
class="input"
|
||||
:placeholder="[
|
||||
resource.skipType == 2 ? '请输入房间ID' : '请输入跳转链接',
|
||||
]"
|
||||
></el-input>
|
||||
<div style="margin-bottom: 25px" v-if="resource.skipType == 2 || resource.skipType == 3">
|
||||
<span style="display: inline-block; margin-right: 20px" class="col-sm-2 control-label">{{ resource.skipType == 3 ? "跳转链接" :
|
||||
(resource.skipType == 2 ? "跳转房间" : "") }}</span>
|
||||
<el-input v-model="resource.skipContent" style="width: 75%" class="input"
|
||||
:placeholder="[resource.skipType == 3 ? '请输入跳转链接' : (resource.skipType == 2 ? '请输入房间ID' : '')]"></el-input>
|
||||
</div>
|
||||
<div style="margin-bottom: 25px">
|
||||
<span
|
||||
style="display: inline-block; margin-right: 20px"
|
||||
class="col-sm-2 control-label"
|
||||
>生效时间</span
|
||||
>
|
||||
<el-date-picker
|
||||
v-model="resource.startTime"
|
||||
type="datetime"
|
||||
placeholder="选择日期时间"
|
||||
required
|
||||
>
|
||||
<div style="margin-bottom: 25px;">
|
||||
<span style="display: inline-block; margin-right: 20px" class="col-sm-2 control-label">生效时间</span>
|
||||
<el-date-picker v-model="resource.startTime" type="datetime" placeholder="选择日期时间" required>
|
||||
</el-date-picker>
|
||||
</div>
|
||||
<div style="margin-bottom: 25px">
|
||||
<span
|
||||
style="display: inline-block; margin-right: 20px"
|
||||
class="col-sm-2 control-label"
|
||||
>失效时间</span
|
||||
>
|
||||
<el-date-picker
|
||||
v-model="resource.endTime"
|
||||
type="datetime"
|
||||
placeholder="选择日期时间"
|
||||
required
|
||||
>
|
||||
<span style="display: inline-block; margin-right: 20px" class="col-sm-2 control-label">失效时间</span>
|
||||
<el-date-picker v-model="resource.endTime" type="datetime" placeholder="选择日期时间" required>
|
||||
</el-date-picker>
|
||||
</div>
|
||||
<div style="margin-bottom: 25px">
|
||||
<span
|
||||
style="display: inline-block; margin-right: 20px"
|
||||
class="col-sm-2 control-label"
|
||||
>排序</span
|
||||
>
|
||||
<el-input
|
||||
v-model="resource.seqNo"
|
||||
style="width: 75%"
|
||||
class="input"
|
||||
placeholder="请输入排序"
|
||||
></el-input>
|
||||
<span style="display: inline-block; margin-right: 20px" class="col-sm-2 control-label">排序</span>
|
||||
<el-input v-model="resource.seqNo" style="width: 75%" class="input" placeholder="请输入排序"></el-input>
|
||||
</div>
|
||||
<div
|
||||
style="margin-bottom: 25px"
|
||||
v-for="(rule, index) in rules"
|
||||
:key="rule"
|
||||
:index="index"
|
||||
>
|
||||
<span
|
||||
style="display: inline-block; margin-right: 20px"
|
||||
class="col-sm-2 control-label"
|
||||
>{{ rule.ruleName }}</span
|
||||
>
|
||||
<el-input
|
||||
v-model="resource.ruleValue[rule.ruleCode]"
|
||||
style="width: 75%"
|
||||
class="input"
|
||||
:placeholder="rule.description"
|
||||
v-if="rule.ruleKind != 'IN'"
|
||||
></el-input>
|
||||
<el-select
|
||||
v-model="resource.ruleValue[rule.ruleCode]"
|
||||
style="width: 75%"
|
||||
placeholder="请选择"
|
||||
v-if="rule.ruleKind == 'IN'"
|
||||
>
|
||||
<div style="margin-bottom: 25px" v-for="(rule, index) in rules" :key="rule" :index="index">
|
||||
<span style="display: inline-block; margin-right: 20px" class="col-sm-2 control-label">{{ rule.ruleName }}</span>
|
||||
<el-input v-model="resource.ruleValue[rule.ruleCode]" style="width: 75%" class="input" :placeholder="rule.description" v-if="rule.ruleKind != 'IN'"></el-input>
|
||||
<el-select v-model="resource.ruleValue[rule.ruleCode]" style="width: 75%" placeholder="请选择" v-if="rule.ruleKind == 'IN'">
|
||||
<el-option label="全部" :value="''"></el-option>
|
||||
<el-option
|
||||
v-for="value in rule.ruleValue.split(',')"
|
||||
:key="value"
|
||||
:label="value"
|
||||
:value="value"
|
||||
></el-option>
|
||||
<el-option v-for="value in rule.ruleValue.split(',')" :key="value" :label="value" :value="value"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
<el-button @click="editDialog = false">取消</el-button>
|
||||
<el-button type="primary" @click="editDialogClick()">
|
||||
确认
|
||||
</el-button>
|
||||
<el-button type="primary" @click="editDialogClick()"> 确认 </el-button>
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
@@ -354,16 +148,12 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
getResourcePage,
|
||||
delResource,
|
||||
saveResource,
|
||||
effective,
|
||||
} from "@/api/resource/resource";
|
||||
import { getResourceRuleList } from "@/api/resource/resourceRule";
|
||||
import { uploadFile } from "@/api/common/upload";
|
||||
|
||||
import { getResourcePage, delResource, saveResource, effective } from "@/api/resource/resource";
|
||||
import { getResourceRuleList } from '@/api/resource/resourceRule';
|
||||
import { uploadFile } from '@/api/common/upload';
|
||||
import { hideLoading, showLoading } from "@/utils/maintainer";
|
||||
import { getPartitionInfoList } from "@/api/partition/partitionInfo";
|
||||
import { getPartitionInfoList } from '@/api/partition/partitionInfo';
|
||||
|
||||
export default {
|
||||
name: "SplashView",
|
||||
@@ -378,49 +168,37 @@ export default {
|
||||
options: [
|
||||
{
|
||||
value: 0,
|
||||
label: "无",
|
||||
label: "无"
|
||||
},
|
||||
{
|
||||
value: 1,
|
||||
label: "APP首页",
|
||||
label: "APP首页"
|
||||
},
|
||||
{
|
||||
value: 2,
|
||||
label: "房间内",
|
||||
label: "房间内"
|
||||
},
|
||||
{
|
||||
value: 3,
|
||||
label: "H5",
|
||||
},
|
||||
{
|
||||
value: 4,
|
||||
label: "CP活动",
|
||||
},
|
||||
{
|
||||
value: 6,
|
||||
label: "定制礼物活动",
|
||||
},
|
||||
{
|
||||
value: 5,
|
||||
label: "周星榜活动",
|
||||
},
|
||||
label: "H5"
|
||||
}
|
||||
],
|
||||
tableData: [], //表单数据存放
|
||||
rules: [],
|
||||
resource: {
|
||||
id: null,
|
||||
name: "",
|
||||
icon: "",
|
||||
name: '',
|
||||
icon: '',
|
||||
skipType: 0,
|
||||
skipContent: "",
|
||||
url: "",
|
||||
skipContent: '',
|
||||
url: '',
|
||||
startTime: null,
|
||||
endTime: null,
|
||||
seqNo: 0,
|
||||
ruleValue: {},
|
||||
partitionId: null,
|
||||
},
|
||||
imageUrl: "",
|
||||
imageUrl: '',
|
||||
partitionInfos: [],
|
||||
searchValues: {
|
||||
partitionId: null,
|
||||
@@ -438,31 +216,29 @@ export default {
|
||||
methods: {
|
||||
uploadUrl() {
|
||||
let $this = this;
|
||||
let file = $("#urlFile").val();
|
||||
let file = $('#urlFile').val();
|
||||
console.log(file);
|
||||
if (file && file.length > 0) {
|
||||
showLoading();
|
||||
uploadFile("urlFile")
|
||||
.then((res) => {
|
||||
uploadFile('urlFile').then(res => {
|
||||
if (res.path) {
|
||||
$this.resource.url = res.path;
|
||||
$("#urlUploadInfo").html("上传成功");
|
||||
$('#urlUploadInfo').html('上传成功');
|
||||
}
|
||||
})
|
||||
.finally(() => {
|
||||
}).finally(() => {
|
||||
hideLoading();
|
||||
});
|
||||
}
|
||||
},
|
||||
getRule() {
|
||||
getResourceRuleList({
|
||||
ruleType: 1,
|
||||
}).then((res) => {
|
||||
ruleType: 1
|
||||
}).then(res => {
|
||||
this.rules = res.data;
|
||||
});
|
||||
},
|
||||
ruleJsonFormatter(row, col, cell, index) {
|
||||
let value = "";
|
||||
let value = '';
|
||||
let key = col.property;
|
||||
let ruleValue = row.ruleValue;
|
||||
if (!ruleValue) {
|
||||
@@ -471,19 +247,16 @@ export default {
|
||||
let ruleObj = JSON.parse(ruleValue);
|
||||
value = ruleObj[key];
|
||||
if (!value) {
|
||||
if (key == "NOT_CHANNELS") {
|
||||
value = "-";
|
||||
if (key == 'NOT_CHANNELS') {
|
||||
value = '-';
|
||||
} else {
|
||||
value = "全部";
|
||||
value = '全部';
|
||||
}
|
||||
}
|
||||
if (key == "IOS") {
|
||||
value = ruleObj["IOS_LOW_VERSION"] + "~" + ruleObj["IOS_HIGH_VERSION"];
|
||||
} else if (key == "ANDROID") {
|
||||
value =
|
||||
ruleObj["ANDROID_LOW_VERSION"] +
|
||||
"~" +
|
||||
ruleObj["ANDROID_HIGH_VERSION"];
|
||||
if (key == 'IOS') {
|
||||
value = ruleObj['IOS_LOW_VERSION'] + '~' + ruleObj['IOS_HIGH_VERSION'];
|
||||
} else if (key == 'ANDROID') {
|
||||
value = ruleObj['ANDROID_LOW_VERSION'] + '~' + ruleObj['ANDROID_HIGH_VERSION'];
|
||||
}
|
||||
return value;
|
||||
},
|
||||
@@ -493,11 +266,11 @@ export default {
|
||||
partitionId: this.searchValues.partitionId,
|
||||
page: this.currentPage,
|
||||
pageSize: this.pageSize,
|
||||
}).then((res) => {
|
||||
}).then(res => {
|
||||
let data = res.data;
|
||||
this.totals = data.total;
|
||||
this.tableData = data.records.map((v) => {
|
||||
v["enabled"] = v.isEnabled == 1;
|
||||
this.tableData = data.records.map(v => {
|
||||
v['enabled'] = (v.isEnabled == 1);
|
||||
return v;
|
||||
});
|
||||
console.log(this.tableData);
|
||||
@@ -505,25 +278,25 @@ export default {
|
||||
},
|
||||
switchClick(id) {
|
||||
effective({
|
||||
id: id,
|
||||
}).then((res) => {
|
||||
id: id
|
||||
}).then(res => {
|
||||
this.getData();
|
||||
});
|
||||
},
|
||||
addClick() {
|
||||
this.resource.id = null;
|
||||
this.resource.name = "";
|
||||
this.resource.icon = "";
|
||||
this.resource.name = '';
|
||||
this.resource.icon = '';
|
||||
this.resource.skipType = 0;
|
||||
this.resource.skipContent = "";
|
||||
this.resource.url = "";
|
||||
this.resource.skipContent = '';
|
||||
this.resource.url = '';
|
||||
this.resource.startTime = null;
|
||||
this.resource.endTime = null;
|
||||
this.resource.seqNo = 0;
|
||||
this.resource.ruleValue = {};
|
||||
for (let i = 0, len = this.rules.length; i < len; i++) {
|
||||
let rule = this.rules[i];
|
||||
this.resource.ruleValue[rule.ruleCode] = "";
|
||||
this.resource.ruleValue[rule.ruleCode] = '';
|
||||
}
|
||||
this.partitionId = null;
|
||||
this.editDialog = true;
|
||||
@@ -554,22 +327,18 @@ export default {
|
||||
editDialogClick() {
|
||||
let startTime = this.resource.startTime;
|
||||
if (startTime) {
|
||||
this.resource.startTime = new Date(startTime).format(
|
||||
"yyyy-MM-dd hh:mm:ss"
|
||||
);
|
||||
this.resource.startTime = new Date(startTime).format("yyyy-MM-dd hh:mm:ss");
|
||||
} else {
|
||||
$("#tipMsg").text("生效时间不能为空");
|
||||
$("#tipModal").modal("show");
|
||||
$("#tipModal").css("z-index",'99999999');
|
||||
$("#tipMsg").text('生效时间不能为空');
|
||||
$("#tipModal").modal('show');
|
||||
return;
|
||||
}
|
||||
let endTime = this.resource.endTime;
|
||||
if (endTime) {
|
||||
this.resource.endTime = new Date(endTime).format("yyyy-MM-dd hh:mm:ss");
|
||||
} else {
|
||||
$("#tipMsg").text("失效时间不能为空");
|
||||
$("#tipModal").modal("show");
|
||||
$("#tipModal").css("z-index",'99999999');
|
||||
$("#tipMsg").text('失效时间不能为空');
|
||||
$("#tipModal").modal('show');
|
||||
return;
|
||||
}
|
||||
let isEnabled = 0;
|
||||
@@ -591,7 +360,7 @@ export default {
|
||||
isEnabled: isEnabled,
|
||||
ruleValue: JSON.stringify(this.resource.ruleValue),
|
||||
partitionId: this.resource.partitionId,
|
||||
}).then((res) => {
|
||||
}).then(res => {
|
||||
this.getData();
|
||||
this.editDialog = false;
|
||||
});
|
||||
@@ -612,14 +381,14 @@ export default {
|
||||
this.getData();
|
||||
},
|
||||
initPartition() {
|
||||
getPartitionInfoList().then((res) => {
|
||||
getPartitionInfoList().then(res => {
|
||||
this.partitionInfos = res.data;
|
||||
});
|
||||
},
|
||||
getPartitionInfo(partitionId) {
|
||||
let partitions = this.partitionInfos.filter((v) => v.id == partitionId);
|
||||
let partitions = this.partitionInfos.filter(v => v.id == partitionId);
|
||||
if (!partitions || partitions.length <= 0) {
|
||||
return "";
|
||||
return '';
|
||||
}
|
||||
return partitions[0].desc;
|
||||
},
|
||||
|
||||
@@ -83,20 +83,20 @@
|
||||
>
|
||||
<div class="col-sm-9">
|
||||
<select name="isTop" id="modal_isTop" class="form-control">
|
||||
<option value=""></option>
|
||||
<option value="1">是</option>
|
||||
<option value="0">否</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="homeType" class="col-sm-3 control-label"
|
||||
<label for="modal_type" class="col-sm-3 control-label"
|
||||
>房间类型：<font color="red">*</font>：</label
|
||||
>
|
||||
<div class="col-sm-9">
|
||||
<select name="type" id="homeType" class="form-control">
|
||||
<option value="0">普通</option>
|
||||
<option value="1">热门房间</option>
|
||||
<option value="2">客服房间</option>
|
||||
<select name="type" id="modal_type" class="form-control">
|
||||
<option value="1">客服房间</option>
|
||||
<option value="2">热门房间</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
@@ -113,7 +113,7 @@
|
||||
min="1"
|
||||
max="5"
|
||||
placeholder="填入的数字=在首页的第几个位置"
|
||||
oninput="this.value = Math.min(Math.max(this.value, 0), 5)"
|
||||
oninput="this.value = Math.min(Math.max(this.value, 1), 5)"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
@@ -283,6 +283,7 @@ export default {
|
||||
} else if (val == 0) {
|
||||
return "否";
|
||||
}
|
||||
return "是";
|
||||
},
|
||||
},
|
||||
{ field: "seq", title: "置顶排序", align: "center", width: "5%" },
|
||||
@@ -303,40 +304,23 @@ export default {
|
||||
formatter: formatTime,
|
||||
},
|
||||
{
|
||||
field: "hourTop",
|
||||
title: "小时榜排名",
|
||||
align: "center",
|
||||
valign: "middle",
|
||||
width: "10%",
|
||||
},
|
||||
{
|
||||
field: "hotValue",
|
||||
title: "热力值",
|
||||
align: "center",
|
||||
valign: "middle",
|
||||
width: "10%",
|
||||
},
|
||||
{
|
||||
field: "regionFlag",
|
||||
title: "地区旗帜",
|
||||
align: "center",
|
||||
width: "5%",
|
||||
formatter: function (val, row, index) {
|
||||
return "<img src='" + val + "' width='40' height='40'>";
|
||||
},
|
||||
},
|
||||
{
|
||||
field: "homeType",
|
||||
title: "房间类型",
|
||||
field: "isHourTop1",
|
||||
title: "小时榜top1",
|
||||
align: "center",
|
||||
valign: "middle",
|
||||
width: "10%",
|
||||
formatter: function (val, row, index) {
|
||||
return val == 1
|
||||
? "热门房间"
|
||||
: val == 0
|
||||
? "普通房间"
|
||||
: "客服房间";
|
||||
return val ? "是" : "否";
|
||||
},
|
||||
},
|
||||
{
|
||||
field: "isHourTop1",
|
||||
title: "周榜top1",
|
||||
align: "center",
|
||||
valign: "middle",
|
||||
width: "10%",
|
||||
formatter: function (val, row, index) {
|
||||
return val ? "是" : "否";
|
||||
},
|
||||
},
|
||||
{
|
||||
@@ -420,28 +404,11 @@ export default {
|
||||
var roomUid = $("#roomUid").val();
|
||||
var seq = $("#modal_seq").val();
|
||||
var isTop = $("#modal_isTop").val();
|
||||
var homeType = $("#homeType").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 (
|
||||
isTop == 1 && seq <1
|
||||
) {
|
||||
alert("置顶为是时，排序必须大于等于1");
|
||||
return;
|
||||
}
|
||||
if (
|
||||
isTop == "" ||
|
||||
homeType == "" ||
|
||||
seq == "" ||
|
||||
topStart == "" ||
|
||||
topEnd == "" ||
|
||||
isShow == ""
|
||||
) {
|
||||
alert("请填写必填项");
|
||||
return;
|
||||
}
|
||||
if ($("#addForm").validationEngine("validate")) {
|
||||
$.ajax({
|
||||
type: "post",
|
||||
@@ -449,7 +416,6 @@ export default {
|
||||
data: {
|
||||
id: id,
|
||||
roomUid: roomUid,
|
||||
homeType: homeType,
|
||||
seq: seq,
|
||||
isTop: isTop,
|
||||
iconContent: iconContent,
|
||||
@@ -483,10 +449,10 @@ export default {
|
||||
$("#id").val(null);
|
||||
$("#modal_seq").val(0);
|
||||
$("#modal_isTop").val(0);
|
||||
$("#homeType").val(record.homeType + "");
|
||||
$("#modal_topStart").val(formatTime(record.topStart));
|
||||
$("#modal_topEnd").val(formatTime(record.topEnd));
|
||||
$("#modal_isShow").val(1);
|
||||
$("#modal_type").val(0);
|
||||
$("#modal_topStart").val("");
|
||||
$("#modal_topEnd").val("");
|
||||
$("#modal_isShow").val(0);
|
||||
$("#roomUid").val(record.roomUid);
|
||||
if (id && id != "null") {
|
||||
$.ajax({
|
||||
@@ -500,7 +466,7 @@ export default {
|
||||
$("#id").val(id);
|
||||
$("#modal_seq").val(json.seq);
|
||||
$("#modal_isTop").val(json.isTop ? 1 : 0);
|
||||
$("#homeType").val(json.homeType);
|
||||
$("#modal_type").val(json.type);
|
||||
$("#modal_topStart").val(formatTime(json.topStart));
|
||||
$("#modal_topEnd").val(formatTime(json.topEnd));
|
||||
$("#modal_isShow").val(json.isShow ? 1 : 0);
|
||||
|
||||
@@ -6,14 +6,6 @@
|
||||
<section class="content-header">
|
||||
<h1 id="itemTitle"></h1>
|
||||
</section>
|
||||
<div class="col-sm-12">
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
<div id="toolbar">
|
||||
<div class="col-sm-12">
|
||||
<button id="btnSearch" class="btn btn-default">
|
||||
@@ -24,32 +16,22 @@
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<input type="hidden" id="currentPageNum" />
|
||||
<input type="hidden" id="currentPageNum">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- .content -->
|
||||
<div id="table"></div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div
|
||||
class="modal fade"
|
||||
id="roomTabModal"
|
||||
tabindex="-1"
|
||||
role="dialog"
|
||||
aria-labelledby="modalLabel"
|
||||
>
|
||||
<div class="modal fade" id="roomTabModal" 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>
|
||||
</div>
|
||||
@@ -57,81 +39,34 @@
|
||||
<form class="form-horizontal" id="addForm">
|
||||
<input type="hidden" name="id" id="id" />
|
||||
<div class="form-group">
|
||||
<label for="modal_seq" 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="form-control validate[custom[integer]]"
|
||||
name="seq"
|
||||
id="modal_seq"
|
||||
placeholder="数字小的排前面，必填"
|
||||
/>
|
||||
<input type="text" class="form-control validate[custom[integer]]" name="seq" id="modal_seq"
|
||||
placeholder="数字小的排前面，必填">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="modal_name" class="col-sm-3 control-label"
|
||||
>名称<font color="red">*</font>:</label
|
||||
>
|
||||
<label for="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="modal_name"
|
||||
/>
|
||||
<input type="text" class="form-control validate[required]" name="name" id="modal_name">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="ar_modal_name" class="col-sm-3 control-label"
|
||||
>阿语名称<font color="red">*</font>:</label
|
||||
>
|
||||
<label for="ar_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="ar_modal_name"
|
||||
/>
|
||||
<input type="text" class="form-control validate[required]" name="name" id="ar_modal_name">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="en_modal_name" class="col-sm-3 control-label"
|
||||
>英语名称<font color="red">*</font>:</label
|
||||
>
|
||||
<label for="en_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="en_modal_name"
|
||||
/>
|
||||
<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
|
||||
>
|
||||
<label for="status" 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>
|
||||
<div class="form-group">
|
||||
<label for="status" class="col-sm-3 control-label"
|
||||
>显示状态<font color="red">*</font>：</label
|
||||
>
|
||||
<div class="col-sm-9">
|
||||
<select
|
||||
name="status"
|
||||
id="modal_status"
|
||||
class="form-control validate[required]"
|
||||
>
|
||||
<select name="status" id="modal_status" class="form-control validate[required]">
|
||||
<option value=""></option>
|
||||
<option value="1">显示</option>
|
||||
<option value="0">不显示</option>
|
||||
@@ -139,64 +74,32 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="room_tab_show" class="col-sm-3 control-label"
|
||||
>房间管理列表展示状态<font color="red">*</font> ：</label
|
||||
>
|
||||
<label for="room_tab_show" class="col-sm-3 control-label">房间管理列表展示状态<font color="red">*</font>
|
||||
：</label>
|
||||
<div class="col-sm-9">
|
||||
<select
|
||||
name="room_tab_show"
|
||||
id="modal_room_tab_show"
|
||||
class="form-control validate[required]"
|
||||
>
|
||||
<select name="room_tab_show" id="modal_room_tab_show"
|
||||
class="form-control validate[required]">
|
||||
<option value=""></option>
|
||||
<option value="true">展示</option>
|
||||
<option value="false">不展示</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group" id="imgBox">
|
||||
<label class="col-sm-3 control-label">icon</label>
|
||||
<div class="col-sm-8">
|
||||
<img
|
||||
src=""
|
||||
id="iconImgUrl"
|
||||
style="width: 108px; height: 45px"
|
||||
alt=""
|
||||
/>
|
||||
<input
|
||||
type="file"
|
||||
id="iconFile"
|
||||
name="uploadFile"
|
||||
accept="image/gif,image/jpeg,image/jpg,image/png,image/svg"
|
||||
/>
|
||||
<button class="btn btn-success" type="button" id="iconBtn">
|
||||
上传
|
||||
</button>
|
||||
<input
|
||||
type="hidden"
|
||||
id="iconUrl"
|
||||
name="alertWinPic"
|
||||
class="form-control validate[required]"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-default" data-dismiss="modal">
|
||||
关闭
|
||||
</button>
|
||||
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
|
||||
<button type="button" class="btn btn-primary" id="add">确定</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import TableHelper from "@/utils/bootstrap-table-helper";
|
||||
import { getPartitionInfoList } from "@/api/partition/partitionInfo";
|
||||
import { buildSelectOption } from "@/utils/system-helper";
|
||||
import TableHelper from '@/utils/bootstrap-table-helper';
|
||||
|
||||
export default {
|
||||
name: "RoomTabView",
|
||||
setup() {
|
||||
@@ -204,103 +107,53 @@ export default {
|
||||
},
|
||||
created() {
|
||||
this.$nextTick(function () {
|
||||
this.initPartition();
|
||||
this.initData();
|
||||
});
|
||||
},
|
||||
methods: {
|
||||
initData() {
|
||||
$(function () {
|
||||
$("#table").bootstrapTable("destroy");
|
||||
$("#table").bootstrapTable({
|
||||
$('#table').bootstrapTable('destroy');
|
||||
$('#table').bootstrapTable({
|
||||
columns: [
|
||||
{ field: "seq", title: "排序", align: "center", width: "5%" },
|
||||
{ field: 'seq', title: '排序', align: 'center', width: '5%' },
|
||||
{field: 'name.zh', title: 'Tab名称', align: 'center', width: '10%'},
|
||||
{field: 'name.ar', title: '阿语Tab名称', align: 'center', width: '10%'},
|
||||
{field: 'name.en', title: '英语Tab名称', align: 'center', width: '10%'},
|
||||
{
|
||||
field: "name.zh",
|
||||
title: "Tab名称",
|
||||
align: "center",
|
||||
width: "10%",
|
||||
},
|
||||
{
|
||||
field: "name.ar",
|
||||
title: "阿语Tab名称",
|
||||
align: "center",
|
||||
width: "10%",
|
||||
},
|
||||
{
|
||||
field: "name.en",
|
||||
title: "英语Tab名称",
|
||||
align: "center",
|
||||
width: "10%",
|
||||
},
|
||||
{
|
||||
field: "name.tr",
|
||||
title: "土耳其Tab名称",
|
||||
align: "center",
|
||||
width: "10%",
|
||||
},
|
||||
{
|
||||
field: "status",
|
||||
title: "显示状态",
|
||||
align: "center",
|
||||
valign: "middle",
|
||||
width: "5%",
|
||||
field: 'status', title: '显示状态', align: 'center', valign: 'middle', width: '5%',
|
||||
formatter: function (val, row, index) {
|
||||
if (val) {
|
||||
return "显示";
|
||||
return '显示';
|
||||
} else {
|
||||
return "不显示";
|
||||
return '不显示';
|
||||
}
|
||||
|
||||
}
|
||||
},
|
||||
},
|
||||
{
|
||||
field: "icon",
|
||||
title: "图标",
|
||||
align: "center",
|
||||
valign: "middle",
|
||||
width: "10%",
|
||||
formatter: function (val, row, index) {
|
||||
if (null != val && val != "") {
|
||||
return (
|
||||
'<img src="' +
|
||||
val +
|
||||
'" alt="" style="width: 50px; height: 50px;">'
|
||||
);
|
||||
}
|
||||
return "-";
|
||||
},
|
||||
},
|
||||
{
|
||||
field: "roomTabShow",
|
||||
title: "房间管理列表展示状态",
|
||||
align: "center",
|
||||
valign: "middle",
|
||||
width: "5%",
|
||||
field: 'roomTabShow', title: '房间管理列表展示状态', align: 'center', valign: 'middle', width: '5%',
|
||||
formatter: function (val, row, index) {
|
||||
if (val) {
|
||||
return "展示";
|
||||
return '展示';
|
||||
} else {
|
||||
return "不展示";
|
||||
return '不展示';
|
||||
}
|
||||
|
||||
}
|
||||
},
|
||||
},
|
||||
{
|
||||
field: "id",
|
||||
title: "操作",
|
||||
align: "center",
|
||||
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 +
|
||||
">" +
|
||||
return '<button id="btnEdit" name="btnEdit" class="btn btn-sm btn-success opt-edit" data-id=' + val + '>' +
|
||||
'<i class="glyphicon glyphicon-edit"></i> 编辑</button>' +
|
||||
' <button class="btn btn-sm btn-danger opt-remove" data-id=' +
|
||||
val +
|
||||
'><i class="glyphicon glyphicon-remove"></i>删除</button>'
|
||||
);
|
||||
},
|
||||
},
|
||||
' <button class="btn btn-sm btn-danger opt-remove" data-id=' + val +
|
||||
'><i class="glyphicon glyphicon-remove"></i>删除</button>';
|
||||
}
|
||||
}
|
||||
],
|
||||
undefinedText: 0,
|
||||
cache: false,
|
||||
@@ -312,30 +165,27 @@ export default {
|
||||
search: false,
|
||||
sidePagination: "server", //表示服务端请求
|
||||
queryParamsType: "undefined",
|
||||
queryParams: function queryParams(params) {
|
||||
//设置查询参数
|
||||
queryParams: function queryParams(params) { //设置查询参数
|
||||
$("#currentPageNum").val(params.pageNumber);
|
||||
var param = {
|
||||
page: params.pageNumber,
|
||||
pageSize: params.pageSize,
|
||||
partitionId: $("#partitionId").val(),
|
||||
};
|
||||
return param;
|
||||
},
|
||||
ajax: function (request) {
|
||||
//使用ajax请求
|
||||
ajax: function (request) { //使用ajax请求
|
||||
$.ajax({
|
||||
type: "GET",
|
||||
url: "/admin/roomTab/list",
|
||||
contentType: "application/json;charset=utf-8",
|
||||
dataType: "json",
|
||||
url: '/admin/roomTab/list',
|
||||
contentType: 'application/json;charset=utf-8',
|
||||
dataType: 'json',
|
||||
data: request.data,
|
||||
success: function (res) {
|
||||
console.log(res);
|
||||
request.success({
|
||||
rows: res.rows.map((i) => {
|
||||
"rows": res.rows.map(i=>{
|
||||
let name = i.name;
|
||||
if (name.startsWith("{") && name.endsWith("}")) {
|
||||
if (name.startsWith('{') && name.endsWith('}')) {
|
||||
i.name = JSON.parse(i.name);
|
||||
} else {
|
||||
i.name = {
|
||||
@@ -346,46 +196,45 @@ export default {
|
||||
}
|
||||
return i;
|
||||
}),
|
||||
total: res.total,
|
||||
"total": res.total
|
||||
});
|
||||
},
|
||||
error: function (error) {
|
||||
console.log(error);
|
||||
}
|
||||
})
|
||||
},
|
||||
});
|
||||
},
|
||||
toolbar: "#toolbar",
|
||||
onLoadSuccess: function () {
|
||||
//加载成功时执行
|
||||
toolbar: '#toolbar',
|
||||
onLoadSuccess: function () { //加载成功时执行
|
||||
console.log("load success");
|
||||
},
|
||||
onLoadError: function () {
|
||||
//加载失败时执行
|
||||
onLoadError: function () { //加载失败时执行
|
||||
console.log("load fail");
|
||||
},
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
// 查询刷新
|
||||
$("#btnSearch").on("click", function () {
|
||||
TableHelper.doRefresh("#table");
|
||||
$('#btnSearch').on('click', function () {
|
||||
TableHelper.doRefresh('#table');
|
||||
});
|
||||
|
||||
//新建标签
|
||||
$("#btnAdd").click(function () {
|
||||
$("#id").val("");
|
||||
$("#modal_name").val("");
|
||||
$("#ar_modal_name").val("");
|
||||
$("#en_modal_name").val("");
|
||||
$("#tr_modal_name").val("");
|
||||
$("#modal_seq").val("");
|
||||
$("#modal_status").val("");
|
||||
$("#modal_room_tab_show").val("");
|
||||
$("#modal_type").val("");
|
||||
$("#modal_istop").val("");
|
||||
$("#modal_description").val("");
|
||||
$("#addActPic").val("");
|
||||
$("#addUploadFile").val("");
|
||||
$("#addImgUrl").attr("src", "");
|
||||
$("#roomTabModal").modal("show");
|
||||
$('#addActPic').val('');
|
||||
$('#addUploadFile').val('');
|
||||
$('#addImgUrl').attr('src', '');
|
||||
$("#roomTabModal").modal('show');
|
||||
});
|
||||
|
||||
$("#add").click(function () {
|
||||
@@ -395,16 +244,14 @@ export default {
|
||||
var ar_name = $("#ar_modal_name").val();
|
||||
// 英语名称
|
||||
var en_name = $("#en_modal_name").val();
|
||||
var tr_name = $("#tr_modal_name").val();
|
||||
// 国际化字段
|
||||
var jsonName = { zh: name, ar: ar_name, en: en_name, tr: tr_name };
|
||||
var jsonName = {"zh":name,"ar":ar_name,"en":en_name}
|
||||
const nameValue = JSON.stringify(jsonName);
|
||||
var seq = $("#modal_seq").val();
|
||||
var status = $("#modal_status").val();
|
||||
var roomTabShow = $("#modal_room_tab_show").val();
|
||||
var icon = $("#iconImgUrl").attr("src");
|
||||
|
||||
if ($("#addForm").validationEngine("validate")) {
|
||||
if ($("#addForm").validationEngine('validate')) {
|
||||
$.ajax({
|
||||
type: "post",
|
||||
url: "/admin/roomTab/save",
|
||||
@@ -414,31 +261,31 @@ export default {
|
||||
seq: seq,
|
||||
status: status,
|
||||
roomTabShow: roomTabShow,
|
||||
icon: icon,
|
||||
},
|
||||
dataType: "json",
|
||||
success: function (json) {
|
||||
if (json.code == 200) {
|
||||
$("#tipMsg").text("保存成功");
|
||||
$("#tipModal").modal("show");
|
||||
$("#tipModal").modal('show');
|
||||
TableHelper.doRefresh("#table");
|
||||
$("#roomTabModal").modal("hide");
|
||||
$("#roomTabModal").modal('hide');
|
||||
} else {
|
||||
$("#tipMsg").text("保存失败." + json.msg);
|
||||
$("#tipModal").modal("show");
|
||||
$("#tipModal").modal('show');
|
||||
TableHelper.doRefresh("#table");
|
||||
$("#roomTabModal").modal("hide");
|
||||
$("#roomTabModal").modal('hide');
|
||||
}
|
||||
}
|
||||
},
|
||||
});
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
$("#table").on("click", ".opt-edit", function () {
|
||||
$("#table").on("click", '.opt-edit', function () {
|
||||
var id = $(this).attr("data-id");
|
||||
$("#addImgUrl").attr("src", "");
|
||||
$("#addActPic").val("");
|
||||
$("#addUploadFile").val("");
|
||||
$('#addImgUrl').attr('src', '');
|
||||
$('#addActPic').val('');
|
||||
$('#addUploadFile').val('');
|
||||
$.ajax({
|
||||
type: "get",
|
||||
url: "/admin/roomTab/get",
|
||||
@@ -450,24 +297,19 @@ export default {
|
||||
var json = ret.data.roomTab;
|
||||
$("#id").val(id);
|
||||
let name = json.name;
|
||||
$('#iconImgUrl').attr('src',json.icon);
|
||||
if (name.startsWith("{") && name.endsWith("}")) {
|
||||
if (name.startsWith('{') && name.endsWith('}')) {
|
||||
var jsonName = JSON.parse(json.name);
|
||||
$("#modal_name").val(jsonName.zh);
|
||||
// 阿语名称
|
||||
$("#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);
|
||||
if (json.status == 1) {
|
||||
@@ -481,104 +323,47 @@ export default {
|
||||
$("#modal_room_tab_show").val("false");
|
||||
}
|
||||
// 打开编辑弹窗
|
||||
$("#roomTabModal").modal("show");
|
||||
$("#roomTabModal").modal('show');
|
||||
$("#modalLabel").text("编辑房间Tab");
|
||||
} else {
|
||||
$("#tipMsg").text("获取菜单信息出错");
|
||||
$("#tipModal").modal("show");
|
||||
$("#tipModal").modal('show');
|
||||
}
|
||||
}
|
||||
},
|
||||
});
|
||||
});
|
||||
|
||||
$("#table").on("click", ".opt-remove", function () {
|
||||
$("#table").on("click", '.opt-remove', function () {
|
||||
var id = $(this).attr("data-id");
|
||||
if (id == "undefined") {
|
||||
if (id == 'undefined') {
|
||||
$("#tipMsg").text("id参数有误");
|
||||
$("#tipModal").modal("show");
|
||||
$("#tipModal").modal('show');
|
||||
return;
|
||||
}
|
||||
if (
|
||||
confirm("你确认删除吗? \r\n 删除后隐藏tab不会显示，请谨慎操作！")
|
||||
) {
|
||||
if (confirm("你确认删除吗? \r\n 删除后隐藏tab不会显示，请谨慎操作！")) {
|
||||
$.ajax({
|
||||
type: "post",
|
||||
type: 'post',
|
||||
url: "/admin/roomTab/hide",
|
||||
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');
|
||||
}
|
||||
}
|
||||
},
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
$("#iconBtn").on("click", function () {
|
||||
if ($("#iconFile").val() == "") {
|
||||
$("#tipMsg").text("上传图片为空");
|
||||
$("#tipModal").modal("show");
|
||||
return;
|
||||
}
|
||||
$.ajaxFileUpload({
|
||||
fileElementId: "iconFile", //需要上传的文件域的ID，即<input type="file">的ID。
|
||||
url: "/admin/upload/img", //后台方法的路径
|
||||
type: "post", //当要提交自定义参数时，这个参数要设置成post
|
||||
dataType: "json", //服务器返回的数据类型。可以为xml,script,json,html。如果不填写，jQuery会自动判断。
|
||||
secureuri: false, //是否启用安全提交，默认为false。
|
||||
async: true, //是否是异步
|
||||
success: function (json) {
|
||||
//提交成功后自动执行的处理函数，参数data就是服务器返回的数据。
|
||||
if (json.path) {
|
||||
$("#iconUrl").val(json.path);
|
||||
$("#iconImgUrl").attr("src", json.path);
|
||||
} else {
|
||||
$("#tipMsg").text(json.msg);
|
||||
$("#tipModal").modal("show");
|
||||
});
|
||||
}
|
||||
},
|
||||
error: function (data, status, e) {
|
||||
//提交失败自动执行的处理函数。
|
||||
console.error(e);
|
||||
},
|
||||
});
|
||||
});
|
||||
|
||||
function clearModal() {
|
||||
$("#iconImgUrl").attr("src", "");
|
||||
|
||||
$("#addForm")
|
||||
.find("input[type=text],input[type=hidden],input[type=file]")
|
||||
.each(function () {
|
||||
$(this).val("");
|
||||
});
|
||||
|
||||
$("#type").val(1);
|
||||
}
|
||||
});
|
||||
},
|
||||
initPartition() {
|
||||
getPartitionInfoList().then((res) => {
|
||||
let data = res.data;
|
||||
buildSelectOption(
|
||||
"#partitionId",
|
||||
4,
|
||||
data.map((v) => {
|
||||
return {
|
||||
value: v.id,
|
||||
text: v.desc,
|
||||
};
|
||||
})
|
||||
);
|
||||
});
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
|
||||
@@ -87,15 +87,17 @@ export default {
|
||||
{ field: 'nick', title: '查询用户昵称', align: 'center', valign: 'middle', width: '10%' },
|
||||
{ field: 'erbanNo', title: '查询用户平台号', align: 'center', valign: 'middle', width: '10%' },
|
||||
{ field: 'targetNick', title: '对应对象昵称', align: 'center', valign: 'middle', width: '10%' },
|
||||
{ field: 'targetErbanNo', title: '对应对象平台号', align: 'center', valign: 'middle', width: '5%' },
|
||||
{ field: 'targetErbanNo', title: '对应对象平台号', align: 'center', valign: 'middle', width: '10%' },
|
||||
{ field: 'roomNick', title: '消费地点房主昵称', align: 'center', valign: 'middle', width: '10%' },
|
||||
{ field: 'roomErbanNo', title: '房主平台号', align: 'center', valign: 'middle', width: '5%' },
|
||||
{ field: 'roomErbanNo', title: '房主平台号', align: 'center', valign: 'middle', width: '10%' },
|
||||
{ field: 'giftName', title: '礼物名称', align: 'center', valign: 'middle', width: '5%' },
|
||||
{ field: 'giftNum', title: '礼物数量', align: 'center', valign: 'middle', width: '5%' },
|
||||
{ field: 'amount', title: '金币/水晶/钻石', align: 'center', valign: 'middle', width: '5%' },
|
||||
{ field: 'country', title: '国家/地区', align: 'center', valign: 'middle', width: '5%' },
|
||||
{ field: 'localCurrencyCode', title: '本地货币数', align: 'center', valign: 'middle', width: '5%' },
|
||||
{ field: 'localAmount', title: '货币数', align: 'center', valign: 'middle', width: '5%' },
|
||||
{ field: 'currencyDesc', title: '交易币种', align: 'center', valign: 'middle', width: '5%' },
|
||||
{ field: 'beforeAmount', title: '变动前', align: 'center', valign: 'middle', width: '5%' },
|
||||
{ field: 'amount', title: '金币/钻石', align: 'center', valign: 'middle', width: '5%' },
|
||||
{ field: 'afterAmount', title: '变动后', align: 'center', valign: 'middle', width: '5%' },
|
||||
{ field: 'billTypeDesc', title: '账单类型', align: 'center', valign: 'middle', width: '10%' },
|
||||
{ field: 'objTypeDesc', title: '业务类型', align: 'center', valign: 'middle', width: '10%' },
|
||||
{
|
||||
field: 'createTime', title: '创建时间', align: 'center', valign: 'middle', width: '10%', formatter: function (val, row, index) {
|
||||
@@ -111,9 +113,9 @@ export default {
|
||||
cache: false,
|
||||
striped: true,
|
||||
showRefresh: false,
|
||||
pageSize: 20,
|
||||
pageSize: 10,
|
||||
pagination: true,
|
||||
pageList: [ 20, 30, 50],
|
||||
pageList: [10, 20, 30, 50],
|
||||
sidePagination: "server", //表示服务端请求
|
||||
//设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
|
||||
//设置为limit可以获取limit, offset, search, sort, order
|
||||
|
||||
@@ -101,7 +101,6 @@ export default {
|
||||
columns: [
|
||||
{ field: 'date', title: '日期', align: 'center', width: '14%' },
|
||||
{ field: 'googleUsd', title: 'google充值美元', align: 'center', width: '14%' },
|
||||
{ field: 'razerUsd', title: 'razer充值', 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%' },
|
||||
|
||||
@@ -96,7 +96,6 @@ export default {
|
||||
{field: 'iosPayAmount', title: 'IOS支付', align: 'center', width: '5%'},
|
||||
{field: 'wxMiniAppAmount', title: '小程序支付', align: 'center', width: '5%'},*/
|
||||
{ field: 'googleAmount', title: 'google支付', align: 'center', width: '5%' },
|
||||
{ field: 'razerAmount', title: 'razer充值', align: 'center', width: '14%' },
|
||||
{ field: 'payermaxAmount', title: 'payermax支付', align: 'center', width: '5%' },
|
||||
{ field: 'myCardAmount', title: 'MyCard支付', align: 'center', width: '5%' },
|
||||
{ field: 'startPayAmount', title: 'startPay支付', align: 'center', width: '5%' },
|
||||
@@ -164,7 +163,7 @@ export default {
|
||||
columns: [
|
||||
{ field: 'channel', title: '渠道', align: 'center', width: '5%' },
|
||||
{ field: 'amount', title: '充值金额', align: 'center', width: '5%' },
|
||||
{ field: 'count', title: '充值笔数', align: 'center', width: '5%' },
|
||||
{ field: 'count', title: '充值笔数', align: 'center', width: '5%' }
|
||||
|
||||
],
|
||||
undefinedText: 0,
|
||||
|
||||
@@ -101,7 +101,6 @@ export default {
|
||||
columns: [
|
||||
{ field: 'date', title: '日期', align: 'center', width: '14%' },
|
||||
{ field: 'googleUsd', title: 'google充值美元', align: 'center', width: '14%' },
|
||||
{ field: 'razerUsd', title: 'razer充值', 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%' },
|
||||
|
||||
@@ -97,7 +97,6 @@ export default {
|
||||
columns: [
|
||||
{ field: 'partitionName', title: '分区', align: 'center', width: '25%' },
|
||||
{ field: 'googleUsd', title: 'google充值美元', align: 'center', width: '25%' },
|
||||
{ field: 'razerUsd', title: 'razer充值', align: 'center', width: '14%' },
|
||||
{ field: 'payermaxUsd', title: 'payermax充值美元', align: 'center', width: '25%' },
|
||||
{ field: 'myCardUsd', title: 'myCard充值美元', align: 'center', width: '25%' },
|
||||
{ field: 'iosUsd', title: 'ios充值美元', align: 'center', width: '25%' },
|
||||
|
||||
@@ -115,7 +115,6 @@ export default {
|
||||
{field: 'iosPayAmount', title: 'IOS支付', align: 'center', width: '5%'},
|
||||
{field: 'wxMiniAppAmount', title: '小程序支付', align: 'center', width: '5%'},*/
|
||||
{ field: 'googleAmount', title: 'google支付', align: 'center', width: '5%' },
|
||||
{ field: 'razerAmount', title: 'razer充值', align: 'center', width: '14%' },
|
||||
{ field: 'payermaxAmount', title: 'payermax支付', align: 'center', width: '5%' },
|
||||
{ field: 'myCardAmount', title: 'myCard支付', align: 'center', width: '5%' },
|
||||
{ field: 'startPayAmount', title: 'startPay支付', align: 'center', width: '5%' },
|
||||
|
||||
@@ -101,7 +101,6 @@ export default {
|
||||
columns: [
|
||||
{ field: 'date', title: '日期', align: 'center', width: '14%' },
|
||||
{ field: 'googleUsd', title: 'google充值美元', align: 'center', width: '14%' },
|
||||
{ field: 'razerUsd', title: 'razer充值', 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%' },
|
||||
|
||||
@@ -101,7 +101,6 @@ export default {
|
||||
columns: [
|
||||
{ field: 'date', title: '日期', align: 'center', width: '14%' },
|
||||
{ field: 'googleUsd', title: 'google充值美元', align: 'center', width: '14%' },
|
||||
{ field: 'razerUsd', title: 'razer充值1', 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%' },
|
||||
|
||||
@@ -8,9 +8,7 @@
|
||||
<section class="content">
|
||||
<div id="table"></div>
|
||||
<div id="toolbar">
|
||||
<label for="erbanNum" class="col-sm-2 control-label"
|
||||
>消息类型:</label
|
||||
>
|
||||
<label for="erbanNum" class="col-sm-2 control-label">消息类型:</label>
|
||||
<div class="col-sm-3">
|
||||
<span>
|
||||
<select name="msgType" id="type" class="form-control input-m">
|
||||
@@ -23,18 +21,11 @@
|
||||
<label for="erbanNum" class="col-sm-2 control-label">平台号:</label>
|
||||
<div class="col-sm-3">
|
||||
<span>
|
||||
<input
|
||||
type="text"
|
||||
class="form-control validate[required]"
|
||||
name="erbanNo"
|
||||
id="erbanNum"
|
||||
/>
|
||||
<input type="text" class="form-control validate[required]" name="erbanNo" id="erbanNum">
|
||||
</span>
|
||||
</div>
|
||||
<div class="col-sm-12">
|
||||
<button id="btnSearch" class="btn btn-sm btn-primary">
|
||||
查询
|
||||
</button>
|
||||
<button id="btnSearch" class="btn btn-sm btn-primary">查询</button>
|
||||
<button id="add" class="btn btn-sm btn-default">
|
||||
<i class="glyphicon glyphicon-plus"></i>增加
|
||||
</button>
|
||||
@@ -45,54 +36,33 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div
|
||||
class="modal fade"
|
||||
id="addSendMessage"
|
||||
tabindex="-1"
|
||||
role="dialog"
|
||||
aria-labelledby="modalLabel2"
|
||||
>
|
||||
<div class="modal fade" id="addSendMessage" tabindex="-1" role="dialog" aria-labelledby="modalLabel2">
|
||||
<div class="modal-dialog" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button
|
||||
type="button"
|
||||
class="close"
|
||||
data-dismiss="modal"
|
||||
aria-label="Close"
|
||||
>
|
||||
<span aria-hidden="true">x</span>
|
||||
</button>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
|
||||
aria-hidden="true">x</span></button>
|
||||
<h4 class="modal-title" id="addModalLabel">新增消息</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form id="addMsgForm" class="form-horizontal">
|
||||
<div class="form-group">
|
||||
<label for="receiver" class="col-sm-3 control-label"
|
||||
>选择地区：</label
|
||||
>
|
||||
<label for="receiver" class="col-sm-3 control-label">选择地区：</label>
|
||||
<div class="col-sm-8">
|
||||
<select
|
||||
name="partitionId"
|
||||
id="partitionId"
|
||||
data-btn-class="btn-warning"
|
||||
class="form-control"
|
||||
></select>
|
||||
<select name="partitionId" id="partitionId" class="col-sm-3 form-control">
|
||||
<option value="1">英语区</option>
|
||||
<option value="2">阿拉伯语区</option>
|
||||
<option value="4">华语区</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="receiver" class="col-sm-3 control-label"
|
||||
>接收者：</label
|
||||
>
|
||||
<label for="receiver" class="col-sm-3 control-label">接收者：</label>
|
||||
<div class="col-sm-8">
|
||||
<select
|
||||
name="receivers"
|
||||
id="receiver"
|
||||
class="col-sm-3 form-control"
|
||||
>
|
||||
<option value="1">所有用户</option>
|
||||
<option value="0">指定用户</option>
|
||||
<select name="receivers" id="receiver" class="col-sm-3 form-control">
|
||||
<option value=1>所有用户</option>
|
||||
<option value=0>指定用户</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
@@ -111,15 +81,9 @@
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="msgType" class="col-sm-3 control-label"
|
||||
>消息类型：</label
|
||||
>
|
||||
<label for="msgType" class="col-sm-3 control-label">消息类型：</label>
|
||||
<div class="col-sm-8">
|
||||
<select
|
||||
name="msgTypeList"
|
||||
id="msgType"
|
||||
class="col-sm-3 form-control"
|
||||
>
|
||||
<select name="msgTypeList" id="msgType" class="col-sm-3 form-control">
|
||||
<option value="0">文本</option>
|
||||
<option value="1">图片</option>
|
||||
<option value="100">图文</option>
|
||||
@@ -128,9 +92,7 @@
|
||||
</div>
|
||||
|
||||
<div class="form-group" id="skipUrlDiv">
|
||||
<label for="skip" class="col-sm-3 control-label"
|
||||
>跳转来源：</label
|
||||
>
|
||||
<label for="skip" class="col-sm-3 control-label">跳转来源：</label>
|
||||
<div class="col-sm-8">
|
||||
<select name="skip" id="skip" class="col-sm-3 form-control">
|
||||
<option value="">无</option>
|
||||
@@ -138,163 +100,75 @@
|
||||
<option value="1" id="skipRoomType">跳转房间</option>
|
||||
</select>
|
||||
</div>
|
||||
<label
|
||||
for="skipUrlContent"
|
||||
class="col-sm-3 control-label"
|
||||
></label>
|
||||
<label for="skipUrlContent" class="col-sm-3 control-label"></label>
|
||||
<div class="col-sm-8">
|
||||
<input
|
||||
type="text"
|
||||
class="form-control"
|
||||
name="skipUri"
|
||||
id="skipUrlContent"
|
||||
/>
|
||||
<input type="text" class="form-control" name="skipUri" id="skipUrlContent">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group" id="mmm">
|
||||
<label for="aimErbanNo" class="col-sm-3 control-label"
|
||||
>请输入指定平台号，多个平台号用逗号隔开：</label
|
||||
>
|
||||
<label for="aimErbanNo" class="col-sm-3 control-label">请输入指定平台号，多个平台号用逗号隔开：</label>
|
||||
<div class="col-sm-8">
|
||||
<input
|
||||
class="form-control validate[required]"
|
||||
name="aimErbanNo"
|
||||
id="aimErbanNo"
|
||||
/>
|
||||
<input class="form-control validate[required]" name="aimErbanNo" id="aimErbanNo">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group" id="nnn">
|
||||
<label for="words" class="col-sm-3 control-label">文本：</label>
|
||||
<div class="col-sm-8">
|
||||
<input
|
||||
class="form-control validate[required]"
|
||||
name="words"
|
||||
id="words"
|
||||
/>
|
||||
<input class="form-control validate[required]" name="words" id="words">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group" id="ppp">
|
||||
<label for="pic" class="col-sm-3 control-label">图片：</label>
|
||||
<div class="col-sm-8">
|
||||
<img
|
||||
src=""
|
||||
id="imgUrl"
|
||||
style="width: 250px; height: 90px"
|
||||
alt=""
|
||||
/>
|
||||
<input
|
||||
type="file"
|
||||
id="uploadFile"
|
||||
name="uploadFile"
|
||||
accept="image/gif,image/jpeg,image/jpg,image/png,image/svg"
|
||||
/>
|
||||
<button class="btn btn-success" type="button" id="uploadBtn">
|
||||
上传
|
||||
</button>
|
||||
<span class="attention"
|
||||
>注意:图片尺寸请注意在750*250,选择图片后请点击上传按钮</span
|
||||
>
|
||||
<input
|
||||
type="hidden"
|
||||
id="pic"
|
||||
name="pic"
|
||||
class="form-control validate[required]"
|
||||
/>
|
||||
<img src="" id="imgUrl" style="width:250px;height:90px;" alt="">
|
||||
<input type="file" id="uploadFile" name="uploadFile"
|
||||
accept="image/gif,image/jpeg,image/jpg,image/png,image/svg">
|
||||
<button class="btn btn-success" type="button" id="uploadBtn">上传</button>
|
||||
<span class="attention">注意:图片尺寸请注意在750*250,选择图片后请点击上传按钮</span>
|
||||
<input type="hidden" id="pic" name="pic" class="form-control validate[required]" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group" id="ooo">
|
||||
<label for="wordsAndPic1" class="col-sm-3 control-label"
|
||||
>图文：</label
|
||||
>
|
||||
<label for="wordsAndPic1" class="col-sm-3 control-label">图文：</label>
|
||||
<div class="col-sm-8">
|
||||
标题:<input
|
||||
class="form-control validate[required]"
|
||||
name="title"
|
||||
id="title"
|
||||
/>
|
||||
内容:<input
|
||||
class="form-control validate[required]"
|
||||
name="desc"
|
||||
id="desc"
|
||||
/>
|
||||
标题:<input class="form-control validate[required]" name="title" id="title">
|
||||
内容:<input class="form-control validate[required]" name="desc" id="desc">
|
||||
<!--封面图-->
|
||||
<img
|
||||
src=""
|
||||
id="imgUrl1"
|
||||
style="width: 250px; height: 90px"
|
||||
alt=""
|
||||
/>
|
||||
<input
|
||||
type="file"
|
||||
id="uploadFile1"
|
||||
name="uploadFile"
|
||||
accept="image/gif,image/jpeg,image/jpg,image/png,image/svg"
|
||||
/>
|
||||
<button class="btn btn-success" type="button" id="uploadBtn1">
|
||||
上传
|
||||
</button>
|
||||
封面图:<span class="attention"
|
||||
>尺寸小于750*250,选择图片后请点击上传按钮</span
|
||||
>
|
||||
<input
|
||||
type="hidden"
|
||||
id="wordsAndPic1"
|
||||
name="wordsAndPic1"
|
||||
class="form-control validate[required]"
|
||||
/>
|
||||
<img src="" id="imgUrl1" style="width:250px;height:90px;" alt="">
|
||||
<input type="file" id="uploadFile1" name="uploadFile"
|
||||
accept="image/gif,image/jpeg,image/jpg,image/png,image/svg">
|
||||
<button class="btn btn-success" type="button" id="uploadBtn1">上传</button>
|
||||
封面图:<span class="attention">尺寸小于750*250,选择图片后请点击上传按钮</span>
|
||||
<input type="hidden" id="wordsAndPic1" name="wordsAndPic1"
|
||||
class="form-control validate[required]" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="pushTime" class="col-sm-3 control-label"
|
||||
>推送时间(非必填)：</label
|
||||
>
|
||||
<label for="pushTime" class="col-sm-3 control-label">推送时间(非必填)：</label>
|
||||
<div class="col-sm-8">
|
||||
<input
|
||||
type="text"
|
||||
class="input-sm form-control datetime"
|
||||
name="pushTime"
|
||||
id="pushTime"
|
||||
/>
|
||||
<input type="text" class="input-sm form-control datetime" name="pushTime" id="pushTime">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="ignoreVersion" class="col-sm-3 control-label"
|
||||
>不接收用户版本(非必填)：</label
|
||||
>
|
||||
<label for="ignoreVersion" class="col-sm-3 control-label">不接收用户版本(非必填)：</label>
|
||||
<div class="col-sm-8">
|
||||
<input
|
||||
type="text"
|
||||
class="input-sm form-control"
|
||||
name="ignoreVersion"
|
||||
id="ignoreVersion"
|
||||
/>
|
||||
<input type="text" class="input-sm form-control" name="ignoreVersion" id="ignoreVersion">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="ignoreChannel" class="col-sm-3 control-label"
|
||||
>不接收用户渠道(非必填)：</label
|
||||
>
|
||||
<label for="ignoreChannel" class="col-sm-3 control-label">不接收用户渠道(非必填)：</label>
|
||||
<div class="col-sm-8">
|
||||
<input
|
||||
type="text"
|
||||
class="input-sm form-control"
|
||||
name="ignoreChannel"
|
||||
id="ignoreChannel"
|
||||
/>
|
||||
<input type="text" class="input-sm form-control" name="ignoreChannel" id="ignoreChannel">
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-default" data-dismiss="modal">
|
||||
取消
|
||||
</button>
|
||||
<button type="button" class="btn btn-primary" id="addSave">
|
||||
保存
|
||||
</button>
|
||||
<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
|
||||
<button type="button" class="btn btn-primary" id="addSave">保存</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -302,8 +176,8 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import TableHelper from "@/utils/bootstrap-table-helper";
|
||||
var partitionArray;
|
||||
import TableHelper from '@/utils/bootstrap-table-helper';
|
||||
|
||||
export default {
|
||||
name: "MessageAdminView",
|
||||
setup() {
|
||||
@@ -317,237 +191,170 @@ export default {
|
||||
methods: {
|
||||
initData() {
|
||||
$(function () {
|
||||
//分区
|
||||
partitionArray = listPartitionInfo();
|
||||
$("#table").bootstrapTable("destroy");
|
||||
$("#table").bootstrapTable({
|
||||
$('#table').bootstrapTable('destroy');
|
||||
$('#table').bootstrapTable({
|
||||
columns: [
|
||||
{ field: 'recordId', title: 'id', align: 'center', valign: 'middle', width: '0%' },
|
||||
{ field: 'fromAccid', title: '发送人', align: 'center', valign: 'middle', width: '10%' },
|
||||
{ field: 'toAccids', title: '接收人', align: 'center', valign: 'middle', width: '10%' },
|
||||
{
|
||||
field: "recordId",
|
||||
title: "id",
|
||||
align: "center",
|
||||
valign: "middle",
|
||||
width: "0%",
|
||||
},
|
||||
{
|
||||
field: "fromAccid",
|
||||
title: "发送人",
|
||||
align: "center",
|
||||
valign: "middle",
|
||||
width: "10%",
|
||||
},
|
||||
{
|
||||
field: "toAccids",
|
||||
title: "接收人",
|
||||
align: "center",
|
||||
valign: "middle",
|
||||
width: "10%",
|
||||
},
|
||||
{
|
||||
field: "partitionId",
|
||||
title: "地区",
|
||||
align: "center",
|
||||
width: "10%",
|
||||
field: 'partitionId',
|
||||
title: '地区',
|
||||
align: 'center',
|
||||
width: '10%',
|
||||
formatter: function (val, row, index) {
|
||||
let value = "";
|
||||
let value = '';
|
||||
if ((val & 1) != 0) {
|
||||
value += "英语区<br>";
|
||||
value += '英语区<br>';
|
||||
}
|
||||
if ((val & 2) != 0) {
|
||||
value += "阿拉伯语区<br>";
|
||||
value += '阿拉伯语区<br>';
|
||||
}
|
||||
if ((val & 4) != 0) {
|
||||
value += "华语区<br>";
|
||||
value += '华语区<br>';
|
||||
}
|
||||
return value;
|
||||
},
|
||||
}
|
||||
},
|
||||
{
|
||||
field: "appId",
|
||||
title: "app",
|
||||
align: "center",
|
||||
valign: "middle",
|
||||
width: "5%",
|
||||
field: 'appId', title: 'app', align: 'center', valign: 'middle', width: '5%',
|
||||
formatter: function (val, row, index) {
|
||||
if ("tutu" == val) {
|
||||
return "66";
|
||||
} else if ("qingxun" == val) {
|
||||
return "66";
|
||||
} else {
|
||||
return "-";
|
||||
return '-';
|
||||
}
|
||||
}
|
||||
},
|
||||
},
|
||||
{
|
||||
field: "msgType",
|
||||
title: "消息类型",
|
||||
align: "center",
|
||||
width: "10%",
|
||||
valign: "middle",
|
||||
field: 'msgType',
|
||||
title: '消息类型',
|
||||
align: 'center',
|
||||
width: '10%',
|
||||
valign: 'middle',
|
||||
formatter: function (val, row, index) {
|
||||
switch (val) {
|
||||
case 0:
|
||||
return "文本";
|
||||
return '文本';
|
||||
|
||||
case 1:
|
||||
return "图片";
|
||||
return '图片';
|
||||
|
||||
case 100:
|
||||
return "图文";
|
||||
return '图文';
|
||||
|
||||
}
|
||||
}
|
||||
},
|
||||
},
|
||||
|
||||
{
|
||||
field: "toObjType",
|
||||
title: "指定对象",
|
||||
align: "center",
|
||||
width: "10%",
|
||||
valign: "middle",
|
||||
field: 'toObjType', title: '指定对象', align: 'center', width: '10%', valign: 'middle',
|
||||
formatter: function (val, row, index) {
|
||||
switch (val) {
|
||||
case 1:
|
||||
return "所有人";
|
||||
return '所有人';
|
||||
|
||||
case 0:
|
||||
return "指定用户";
|
||||
return '指定用户';
|
||||
|
||||
}
|
||||
}
|
||||
},
|
||||
},
|
||||
{
|
||||
field: "toErbanNos",
|
||||
title: "指定平台号",
|
||||
align: "center",
|
||||
width: "10%",
|
||||
valign: "middle",
|
||||
},
|
||||
{ field: 'toErbanNos', title: '指定平台号', align: 'center', width: '10%', valign: 'middle' },
|
||||
|
||||
{ field: 'title', title: '标题', align: 'center', width: '10%', valign: 'middle' },
|
||||
{ field: 'webUrl', title: '点击查看URL', align: 'center', width: '10%', valign: 'middle' },
|
||||
{ field: 'picUrl', title: '图片', align: 'center', width: '10%', valign: 'middle' },
|
||||
{ field: 'msgDesc', title: '消息内容', align: 'center', width: '10%', valign: 'middle' },
|
||||
{
|
||||
field: "title",
|
||||
title: "标题",
|
||||
align: "center",
|
||||
width: "10%",
|
||||
valign: "middle",
|
||||
},
|
||||
{
|
||||
field: "webUrl",
|
||||
title: "点击查看URL",
|
||||
align: "center",
|
||||
width: "10%",
|
||||
valign: "middle",
|
||||
},
|
||||
{
|
||||
field: "picUrl",
|
||||
title: "图片",
|
||||
align: "center",
|
||||
width: "10%",
|
||||
valign: "middle",
|
||||
},
|
||||
{
|
||||
field: "msgDesc",
|
||||
title: "消息内容",
|
||||
align: "center",
|
||||
width: "10%",
|
||||
valign: "middle",
|
||||
},
|
||||
{
|
||||
field: "skipType",
|
||||
title: "跳转类型",
|
||||
align: "center",
|
||||
valign: "middle",
|
||||
field: 'skipType', title: '跳转类型', align: 'center', valign: 'middle',
|
||||
formatter: function (val, row, index) {
|
||||
switch (val) {
|
||||
case 1:
|
||||
return "跳app页面";
|
||||
return '跳app页面';
|
||||
|
||||
case 2:
|
||||
return "跳聊天室";
|
||||
return '跳聊天室';
|
||||
|
||||
case 3:
|
||||
return "跳h5页面";
|
||||
return '跳h5页面';
|
||||
|
||||
}
|
||||
}
|
||||
},
|
||||
},
|
||||
{ field: 'skipUri', title: '跳转链接', align: 'center', width: '10%', valign: 'middle' },
|
||||
{
|
||||
field: "skipUri",
|
||||
title: "跳转链接",
|
||||
align: "center",
|
||||
width: "10%",
|
||||
valign: "middle",
|
||||
},
|
||||
{
|
||||
field: "crateTime",
|
||||
title: "创建时间",
|
||||
align: "center",
|
||||
width: "10%",
|
||||
valign: "middle",
|
||||
field: 'crateTime',
|
||||
title: '创建时间',
|
||||
align: 'center',
|
||||
width: '10%',
|
||||
valign: 'middle',
|
||||
formatter: function (val, row, index) {
|
||||
if (val) {
|
||||
var date = new Date(val);
|
||||
return date.format("yyyy-MM-dd hh:mm");
|
||||
} else {
|
||||
return "-";
|
||||
return '-';
|
||||
}
|
||||
}
|
||||
},
|
||||
},
|
||||
{
|
||||
field: "pushTime",
|
||||
title: "发送时间",
|
||||
align: "center",
|
||||
width: "10%",
|
||||
valign: "middle",
|
||||
field: 'pushTime',
|
||||
title: '发送时间',
|
||||
align: 'center',
|
||||
width: '10%',
|
||||
valign: 'middle',
|
||||
formatter: function (val, row, index) {
|
||||
if (val) {
|
||||
var date = new Date(val);
|
||||
return date.format("yyyy-MM-dd hh:mm");
|
||||
} else {
|
||||
return "-";
|
||||
return '-';
|
||||
}
|
||||
}
|
||||
},
|
||||
},
|
||||
{
|
||||
field: "pushStatus",
|
||||
title: "状态",
|
||||
align: "center",
|
||||
width: "10%",
|
||||
valign: "middle",
|
||||
field: 'pushStatus',
|
||||
title: '状态',
|
||||
align: 'center',
|
||||
width: '10%',
|
||||
valign: 'middle',
|
||||
formatter: function (val, row, index) {
|
||||
if (val == 0) {
|
||||
return "未推送";
|
||||
return '未推送';
|
||||
} else if (val == 1) {
|
||||
return "已推送";
|
||||
return '已推送';
|
||||
} else if (val == 2) {
|
||||
return "已撤回";
|
||||
return '已撤回';
|
||||
}
|
||||
}
|
||||
},
|
||||
},
|
||||
{
|
||||
field: "tmp",
|
||||
title: "操作",
|
||||
align: "center",
|
||||
width: "12%",
|
||||
valign: "middle",
|
||||
field: 'tmp',
|
||||
title: '操作',
|
||||
align: 'center',
|
||||
width: '12%',
|
||||
valign: 'middle',
|
||||
formatter: function (val, row, index) {
|
||||
var key = row.recordId;
|
||||
var pushTime = row.pushTime;
|
||||
var date = new Date(pushTime);
|
||||
let format = date.format("yyyy-MM-dd hh:mm");
|
||||
let now = new Date().format("yyyy-MM-dd hh:mm");
|
||||
console.log("format: " + format);
|
||||
console.log("now: " + now);
|
||||
console.log("format: " + format)
|
||||
console.log("now: " + now)
|
||||
let condition = format > now;
|
||||
console.log("condition: " + condition);
|
||||
console.log("condition: " + condition)
|
||||
if (condition && row.pushStatus == 0) {
|
||||
var str =
|
||||
"<button class='btn btn-sm btn-danger opt-del' data-id=" +
|
||||
key +
|
||||
">撤销</button>";
|
||||
var str = "<button class='btn btn-sm btn-danger opt-del' data-id=" + key + ">撤销</button>";
|
||||
return str;
|
||||
} else {
|
||||
return "-";
|
||||
return '-';
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
},
|
||||
],
|
||||
cache: false,
|
||||
striped: true,
|
||||
@@ -558,69 +365,43 @@ export default {
|
||||
sidePagination: "server", //表示服务端请求
|
||||
queryParamsType: "undefined",
|
||||
|
||||
|
||||
queryParams: function queryParams(params) {
|
||||
var param = {
|
||||
pageSize: params.pageSize,
|
||||
pageNumber: params.pageNumber,
|
||||
erbanNOs: $("#erbanNum").val(),
|
||||
msgType: $("#type").val(),
|
||||
erbanNOs: $('#erbanNum').val(),
|
||||
msgType: $('#type').val()
|
||||
};
|
||||
return param;
|
||||
},
|
||||
uniqueId: "code",
|
||||
toolbar: "#toolbar",
|
||||
url: "/admin/msgAdmin/getMsgList",
|
||||
onLoadSuccess: function () {
|
||||
//加载成功时执行
|
||||
uniqueId: 'code',
|
||||
toolbar: '#toolbar',
|
||||
url: '/admin/msgAdmin/getMsgList',
|
||||
onLoadSuccess: function () { //加载成功时执行
|
||||
console.log("load success");
|
||||
},
|
||||
onLoadError: function () {
|
||||
//加载失败时执行
|
||||
onLoadError: function () { //加载失败时执行
|
||||
console.log("load fail");
|
||||
},
|
||||
});
|
||||
|
||||
//分区
|
||||
function listPartitionInfo() {
|
||||
var array;
|
||||
$.ajax({
|
||||
type: "get",
|
||||
url: "/partition/listAll",
|
||||
dataType: "json",
|
||||
async: false,
|
||||
success: function (json) {
|
||||
if (json.success == "true" || json.code == 200) {
|
||||
array = json.data;
|
||||
}
|
||||
},
|
||||
});
|
||||
var $select = $("#partitionId");
|
||||
for (let i = 0; i < array.length; i++) {
|
||||
var $option = $('<option value="' + array[i].id + '" />');
|
||||
$option.html(array[i].desc);
|
||||
$select.append($option);
|
||||
}
|
||||
return array;
|
||||
}
|
||||
})
|
||||
|
||||
/*查询刷新*/
|
||||
$("#btnSearch").on("click", function () {
|
||||
TableHelper.doRefresh("#table");
|
||||
});
|
||||
$('#btnSearch').on('click', function () {
|
||||
TableHelper.doRefresh('#table');
|
||||
})
|
||||
|
||||
|
||||
|
||||
/*保存*/
|
||||
$("#addSave").on("click", function () {
|
||||
if ($("#addMsgForm").validationEngine("validate")) {
|
||||
if (
|
||||
$("#msgType").val() == 100 &&
|
||||
($("#skipUrlContent").val() == undefined ||
|
||||
$("#skipUrlContent").val().length <= 0)
|
||||
) {
|
||||
$('#addSave').on('click', function () {
|
||||
if ($('#addMsgForm').validationEngine('validate')) {
|
||||
if ($("#msgType").val() == 100 && ($("#skipUrlContent").val() == undefined || $("#skipUrlContent").val().length <= 0)) {
|
||||
alert("未填写跳转链接");
|
||||
} else {
|
||||
$("#addSave").attr("disabled", true);
|
||||
$('#addSave').attr("disabled", true);
|
||||
if ($("#msgType").val() == 1) {
|
||||
$("#skipUrlContent").val("");
|
||||
$('#skipUrlContent').val('');
|
||||
}
|
||||
$.ajax({
|
||||
type: "post",
|
||||
@@ -628,110 +409,108 @@ export default {
|
||||
data: {
|
||||
erbanNos: $("#aimErbanNo").val(),
|
||||
msgType: $("#msgType").val(),
|
||||
toObjType: $("#receiver").val(),
|
||||
words: $("#words").val(),
|
||||
pic: $("#pic").val(),
|
||||
title: $("#title").val(),
|
||||
desc: $("#desc").val(),
|
||||
picUrl: $("#wordsAndPic1").val(),
|
||||
skipType: $("#skip").val(),
|
||||
skipContent: $("#skipUrlContent").val(),
|
||||
toObjType: $('#receiver').val(),
|
||||
words: $('#words').val(),
|
||||
pic: $('#pic').val(),
|
||||
title: $('#title').val(),
|
||||
desc: $('#desc').val(),
|
||||
picUrl: $('#wordsAndPic1').val(),
|
||||
skipType: $('#skip').val(),
|
||||
skipContent: $('#skipUrlContent').val(),
|
||||
appId: $("#appId").val(),
|
||||
pushTime: $("#pushTime").val(),
|
||||
ignoreVersion: $("#ignoreVersion").val(),
|
||||
ignoreChannel: $("#ignoreChannel").val(),
|
||||
partitionId: $("#partitionId").val(),
|
||||
ignoreVersion: $('#ignoreVersion').val(),
|
||||
ignoreChannel: $('#ignoreChannel').val(),
|
||||
partitionId: $('#partitionId').val(),
|
||||
},
|
||||
dataType: "json",
|
||||
dataType: 'json',
|
||||
success: function (data) {
|
||||
if (data == 1) {
|
||||
$("#addSendMessage").modal("hide");
|
||||
$('#addSendMessage').modal('hide');
|
||||
$("#tipMsg").text("保存成功");
|
||||
$("#tipModal").modal("show");
|
||||
$("#tipModal").modal('show');
|
||||
TableHelper.doRefresh("#table");
|
||||
} else if (data == 2) {
|
||||
$("#addSendMessage").modal("hide");
|
||||
$('#addSendMessage').modal('hide');
|
||||
$("#tipMsg").text("您已掉线，请重新登录");
|
||||
$("#tipModal").modal("show");
|
||||
$("#tipModal").modal('show');
|
||||
TableHelper.doRefresh("#table");
|
||||
} else {
|
||||
$("#tipMsg").text("保存失败，错误码：" + data);
|
||||
$("#tipModal").modal("show");
|
||||
$("#tipModal").modal('show');
|
||||
}
|
||||
$("#addSave").attr("disabled", false);
|
||||
},
|
||||
});
|
||||
$('#addSave').attr("disabled", false);
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
});
|
||||
})
|
||||
|
||||
// 撤销
|
||||
$("#table").on("click", ".opt-del", function () {
|
||||
$('#table').on('click', '.opt-del', function () {
|
||||
var recordId = $(this).attr("data-id");
|
||||
console.log("recordId", recordId);
|
||||
console.log('recordId', recordId)
|
||||
|
||||
if (recordId == "undefined" || !recordId) {
|
||||
if (recordId == 'undefined' || !recordId) {
|
||||
return;
|
||||
}
|
||||
|
||||
if (confirm("确认撤销?")) {
|
||||
$.ajax({
|
||||
type: "post",
|
||||
type: 'post',
|
||||
url: "/admin/messageAdmin/recall",
|
||||
data: JSON.stringify({
|
||||
recordId: recordId,
|
||||
'recordId': recordId
|
||||
}),
|
||||
dataType: "json",
|
||||
contentType: "application/json",
|
||||
success: function (res) {
|
||||
if (res.code == 200) {
|
||||
$("#tipMsg").text("撤销成功");
|
||||
$("#tipModal").modal("show");
|
||||
$("#tipModal").modal('show');
|
||||
TableHelper.doRefresh("#table");
|
||||
} else {
|
||||
$("#tipMsg").text(
|
||||
"撤销失败，错误码：" +
|
||||
res.code +
|
||||
", 错误信息: " +
|
||||
res.message
|
||||
);
|
||||
$("#tipModal").modal("show");
|
||||
$("#tipMsg").text("撤销失败，错误码：" + res.code + ", 错误信息: " + res.message);
|
||||
$("#tipModal").modal('show');
|
||||
}
|
||||
},
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
})
|
||||
|
||||
//增加
|
||||
$("#add").on("click", function () {
|
||||
$('#add').on('click', function () {
|
||||
clear();
|
||||
$("#addMsgForm")[0].reset();
|
||||
$('#addMsgForm')[0].reset();
|
||||
$("#skipUrlDiv").show();
|
||||
$("#addSendMessage").modal("show");
|
||||
$("#addSave").attr("disabled", false);
|
||||
});
|
||||
$('#addSendMessage').modal('show');
|
||||
$('#addSave').attr("disabled", false);
|
||||
|
||||
})
|
||||
|
||||
$(document).ready(function () {
|
||||
$("#mmm").hide();
|
||||
$("#ppp").hide();
|
||||
$("#ooo").hide();
|
||||
});
|
||||
}
|
||||
);
|
||||
|
||||
$("#receiver").on("change", function (e) {
|
||||
var selected = $("#receiver").val();
|
||||
$('#receiver').on('change', function (e) {
|
||||
var selected = $('#receiver').val();
|
||||
if (selected == 1) {
|
||||
$("#mmm").hide();
|
||||
}
|
||||
if (selected == 0) {
|
||||
$("#mmm").show();
|
||||
$("#appIdDiv").hide();
|
||||
$("#appId").val("");
|
||||
$("#appId").val('');
|
||||
e.stopPropagation();
|
||||
}
|
||||
});
|
||||
}
|
||||
)
|
||||
|
||||
$("#msgType").on("change", function (e) {
|
||||
var msgType = $("#msgType").val();
|
||||
$('#msgType').on('change', function (e) {
|
||||
var msgType = $('#msgType').val();
|
||||
if (msgType == 0) {
|
||||
$("#skipUrlDiv").show();
|
||||
$("#skipRoomType").show();
|
||||
@@ -741,11 +520,12 @@ export default {
|
||||
}
|
||||
if (msgType == 1) {
|
||||
$("#skipUrlDiv").hide();
|
||||
$("#skipUrlDiv").val("");
|
||||
$("#skipUrlDiv").val('');
|
||||
$("#skipRoomType").hide();
|
||||
$("#ppp").show();
|
||||
$("#nnn").hide();
|
||||
$("#ooo").hide();
|
||||
|
||||
}
|
||||
if (msgType == 100) {
|
||||
$("#skipUrlDiv").show();
|
||||
@@ -755,58 +535,62 @@ export default {
|
||||
$("#nnn").hide();
|
||||
e.stopPropagation();
|
||||
}
|
||||
});
|
||||
}
|
||||
);
|
||||
|
||||
$("#uploadBtn").on("click", function () {
|
||||
|
||||
|
||||
$('#uploadBtn').on('click', function () {
|
||||
var options = {
|
||||
type: "post",
|
||||
url: "/admin/msg/headimg",
|
||||
dataType: "json",
|
||||
type: 'post',
|
||||
url: '/admin/msg/headimg',
|
||||
dataType: 'json',
|
||||
success: function (json) {
|
||||
if (json.path) {
|
||||
$("#pic").val(json.path);
|
||||
$("#imgUrl").attr("src", json.path);
|
||||
$('#pic').val(json.path);
|
||||
$('#imgUrl').attr("src", json.path);
|
||||
console.log(json.path);
|
||||
} else {
|
||||
$("#tipMsg").text(json.msg);
|
||||
$("#tipModal").modal("show");
|
||||
$("#tipModal").modal('show');
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
};
|
||||
$("#addMsgForm").ajaxSubmit(options);
|
||||
});
|
||||
$("#uploadBtn1").on("click", function () {
|
||||
})
|
||||
$('#uploadBtn1').on('click', function () {
|
||||
var options = {
|
||||
type: "post",
|
||||
url: "/admin/msg/headimg",
|
||||
dataType: "json",
|
||||
type: 'post',
|
||||
url: '/admin/msg/headimg',
|
||||
dataType: 'json',
|
||||
success: function (json) {
|
||||
if (json.path) {
|
||||
$("#wordsAndPic1").val(json.path);
|
||||
$("#imgUrl1").attr("src", json.path);
|
||||
$('#wordsAndPic1').val(json.path);
|
||||
$('#imgUrl1').attr('src', json.path);
|
||||
console.log(json.path);
|
||||
} else {
|
||||
$("#tipMsg").text(json.msg);
|
||||
$("#tipModal").modal("show");
|
||||
$('#tipMsg').text(json.msg);
|
||||
$('#tipModal').modal('show');
|
||||
}
|
||||
}
|
||||
}
|
||||
$('#addMsgForm').ajaxSubmit(options);
|
||||
})
|
||||
|
||||
$('#pushTime').datetimepicker({
|
||||
format: 'yyyy-mm-dd hh:ii:00',
|
||||
autoclose: true
|
||||
});
|
||||
})
|
||||
}
|
||||
},
|
||||
};
|
||||
$("#addMsgForm").ajaxSubmit(options);
|
||||
});
|
||||
|
||||
$("#pushTime").datetimepicker({
|
||||
format: "yyyy-mm-dd hh:ii:00",
|
||||
autoclose: true,
|
||||
});
|
||||
});
|
||||
},
|
||||
},
|
||||
};
|
||||
|
||||
function clear() {
|
||||
$("#imgUrl").attr("src", "");
|
||||
$("#imgUrl1").attr("src", "");
|
||||
$("#imgUrl2").attr("src", "");
|
||||
$('#imgUrl').attr('src', '');
|
||||
$('#imgUrl1').attr('src', '');
|
||||
$('#imgUrl2').attr('src', '');
|
||||
$("#nnn").show();
|
||||
$("#mmm").hide();
|
||||
$("#ppp").hide();
|
||||
@@ -855,5 +639,4 @@ select {
|
||||
|
||||
#waKaKa {
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
}</style>
|
||||
@@ -436,7 +436,7 @@ export default {
|
||||
$("#tipMsg").text("保存失败，错误码：" + res.code + "，该手机号已被占用");
|
||||
$("#tipModal").modal('show');
|
||||
} else {
|
||||
$("#tipMsg").text("保存失败，" + res.message);
|
||||
$("#tipMsg").text("保存失败，错误码：" + res.code);
|
||||
$("#tipModal").modal('show');
|
||||
}
|
||||
}
|
||||
|
||||
@@ -271,7 +271,7 @@
|
||||
|
||||
<script>
|
||||
import TableHelper from '@/utils/bootstrap-table-helper';
|
||||
import { listAll } from '@/api/partition/partitionInfo';
|
||||
import { getPartitionInfoList } from '@/api/partition/partitionInfo';
|
||||
import { buildSelectOption } from '@/utils/system-helper';
|
||||
|
||||
export default {
|
||||
@@ -819,7 +819,7 @@ export default {
|
||||
$("#tipMsg").text("保存失败，错误码：" + res.code + "，该手机号已被占用");
|
||||
$("#tipModal").modal('show');
|
||||
} else {
|
||||
$("#tipMsg").text("保存失败，" + res.message);
|
||||
$("#tipMsg").text("保存失败，错误码：" + res.code);
|
||||
$("#tipModal").modal('show');
|
||||
}
|
||||
}
|
||||
@@ -902,7 +902,7 @@ export default {
|
||||
|
||||
},
|
||||
initPartition() {
|
||||
listAll().then(res => {
|
||||
getPartitionInfoList().then(res => {
|
||||
let data = res.data;
|
||||
this.partitionInfos = data;
|
||||
buildSelectOption(
|
||||
|
||||
@@ -8,82 +8,32 @@
|
||||
</section>
|
||||
<!-- .content -->
|
||||
<div id="table"></div>
|
||||
<div id="toolbar" style="height: auto">
|
||||
<form
|
||||
id="searchForm"
|
||||
class="col-sm-pull-12"
|
||||
action="/admin/dynamic/verify/export"
|
||||
method="post"
|
||||
target="_blank"
|
||||
>
|
||||
<div id="toolbar" style="height: auto;">
|
||||
<form id="searchForm" class="col-sm-pull-12" action="/admin/dynamic/verify/export" method="post"
|
||||
target="_blank">
|
||||
<div class="col-sm-12">
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-12">
|
||||
<label for="erbanNo" class="col-sm-1 control-label"
|
||||
>平台号:</label
|
||||
>
|
||||
<div class="col-sm-2">
|
||||
<input
|
||||
type="text"
|
||||
class="form-control"
|
||||
name="erbanNo"
|
||||
id="erbanNo"
|
||||
/>
|
||||
</div>
|
||||
<label for="erbanNo" class="col-sm-1 control-label">平台号:</label>
|
||||
<div class="col-sm-2"><input type="text" class="form-control" name="erbanNo" id="erbanNo"></div>
|
||||
|
||||
<label for="nick" class="col-sm-1 control-label">昵称:</label>
|
||||
<div class="col-sm-2">
|
||||
<input type="text" class="form-control" name="nick" id="nick" />
|
||||
</div>
|
||||
<div class="col-sm-2"><input type="text" class="form-control" name="nick" id="nick"></div>
|
||||
|
||||
<label for="status" class="col-sm-1 control-label">状态:</label>
|
||||
<div class="col-sm-2">
|
||||
<select
|
||||
name="status"
|
||||
id="status"
|
||||
data-btn-class="btn-warning"
|
||||
class="form-control"
|
||||
>
|
||||
<select name="status" id="status" data-btn-class="btn-warning" class="form-control">
|
||||
<option value="" selected="selected">全部</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-12">
|
||||
<label class="col-sm-1 control-label">发布时间:</label>
|
||||
<div class="col-sm-2">
|
||||
<input
|
||||
type="text"
|
||||
class="form-control"
|
||||
name="beginDate"
|
||||
id="beginDate"
|
||||
/>
|
||||
</div>
|
||||
<span class="col-sm-1">至</span>
|
||||
<div class="col-sm-2">
|
||||
<input
|
||||
type="text"
|
||||
class="form-control"
|
||||
name="endDate"
|
||||
id="endDate"
|
||||
/>
|
||||
</div>
|
||||
<div class="col-sm-2"><input type="text" class="form-control" name="beginDate" id="beginDate">
|
||||
</div><span class="col-sm-1">至</span>
|
||||
<div class="col-sm-2"><input type="text" class="form-control" name="endDate" id="endDate"></div>
|
||||
|
||||
<label for="wolrdId" class="col-sm-1 control-label"
|
||||
>话题名称:</label
|
||||
>
|
||||
<label for="wolrdId" class="col-sm-1 control-label">话题名称:</label>
|
||||
<div class="col-sm-2">
|
||||
<select
|
||||
name="wolrdId"
|
||||
id="wolrdId"
|
||||
data-btn-class="btn-warning"
|
||||
class="form-control"
|
||||
>
|
||||
<select name="wolrdId" id="wolrdId" data-btn-class="btn-warning" class="form-control">
|
||||
<option value="" selected="selected">全部</option>
|
||||
<option value="-1">动态广场</option>
|
||||
</select>
|
||||
@@ -106,57 +56,33 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div
|
||||
class="modal fade"
|
||||
id="showModal"
|
||||
tabindex="-1"
|
||||
role="dialog"
|
||||
aria-labelledby="modalLabel"
|
||||
>
|
||||
<div class="modal fade" id="showModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel">
|
||||
<div class="modal-dialog" role="document">
|
||||
<div class="modal-content" style="width: 500px">
|
||||
<div class="modal-content" style="width: 500px;">
|
||||
<div class="modal-header">
|
||||
<button
|
||||
type="button"
|
||||
class="close"
|
||||
data-dismiss="modal"
|
||||
aria-label="Close"
|
||||
>
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
|
||||
aria-hidden="true">×</span></button>
|
||||
<h4 class="modal-title" id="modalLabel">查看</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<input type="hidden" name="id" id="dynamicId" />
|
||||
<div class="show" style="margin-left: 60px"></div>
|
||||
<div class="show" style="margin-left: 60px">
|
||||
|
||||
</div>
|
||||
<div id="imgMask"><img src="" alt="" /></div>
|
||||
</div>
|
||||
<div id="imgMask"><img src="" alt=""></div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-default" data-dismiss="modal">
|
||||
关闭
|
||||
</button>
|
||||
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="modal fade"
|
||||
id="notPassModal"
|
||||
tabindex="-1"
|
||||
role="dialog"
|
||||
aria-labelledby="modalLabe2"
|
||||
>
|
||||
<div class="modal fade" id="notPassModal" tabindex="-1" role="dialog" aria-labelledby="modalLabe2">
|
||||
<div class="modal-dialog" role="document">
|
||||
<div class="modal-content" style="width: 600px">
|
||||
<div class="modal-content" style="width: 600px;">
|
||||
<div class="modal-header">
|
||||
<button
|
||||
type="button"
|
||||
class="close"
|
||||
data-dismiss="modal"
|
||||
aria-label="Close"
|
||||
>
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
|
||||
aria-hidden="true">×</span></button>
|
||||
<h4 class="modal-title" id="modalLabe2">请选择原因</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
@@ -165,21 +91,13 @@
|
||||
<input type="hidden" name="status" id="status1" />
|
||||
<div class="form-group">
|
||||
<div class="col-sm-10">
|
||||
<select
|
||||
id="quick_reason"
|
||||
class="form-control"
|
||||
data-btn-class="btn-warning"
|
||||
onchange="setReason()"
|
||||
>
|
||||
<option value="0">
|
||||
動態可能包含抽煙、喝酒、辱罵、攻擊他人等不文明內容
|
||||
</option>
|
||||
<select id="quick_reason" class="form-control" data-btn-class="btn-warning"
|
||||
onchange="setReason()">
|
||||
<option value="0">動態可能包含抽煙、喝酒、辱罵、攻擊他人等不文明內容</option>
|
||||
<option value="1">動態涉及色情、暴力、病毒等違規內容</option>
|
||||
<option value="2">動態包含政治敏感信息</option>
|
||||
<option value="3">動態包含廣告、營銷內容</option>
|
||||
<option value="4">
|
||||
動態可能包含個人隱私信息或涉及他人營私信息
|
||||
</option>
|
||||
<option value="4">動態可能包含個人隱私信息或涉及他人營私信息</option>
|
||||
<option value="5">動態可能涉及線下交易</option>
|
||||
<option value="6">動態內容無意義</option>
|
||||
<option value="7">動態內容與世界主題無關</option>
|
||||
@@ -191,54 +109,32 @@
|
||||
|
||||
<div class="form-group">
|
||||
<div class="col-sm-10">
|
||||
<textarea
|
||||
name="reason"
|
||||
id="reason"
|
||||
class="form-control"
|
||||
rows="3"
|
||||
></textarea>
|
||||
<textarea name="reason" id="reason" class="form-control" rows="3"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-default" data-dismiss="modal">
|
||||
关闭
|
||||
</button>
|
||||
<button type="button" class="btn btn-primary" id="not-pass-save">
|
||||
保存
|
||||
</button>
|
||||
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
|
||||
<button type="button" class="btn btn-primary" id="not-pass-save">保存</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="modal fade"
|
||||
id="showContentModal"
|
||||
tabindex="-1"
|
||||
role="dialog"
|
||||
aria-labelledby="modalLabe3"
|
||||
>
|
||||
<div class="modal fade" id="showContentModal" tabindex="-1" role="dialog" aria-labelledby="modalLabe3">
|
||||
<div class="modal-dialog" role="document">
|
||||
<div class="modal-content" style="width: 500px">
|
||||
<div class="modal-content" style="width: 500px;">
|
||||
<div class="modal-header">
|
||||
<button
|
||||
type="button"
|
||||
class="close"
|
||||
data-dismiss="modal"
|
||||
aria-label="Close"
|
||||
>
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
|
||||
aria-hidden="true">×</span></button>
|
||||
<h4 class="modal-title" id="modalLabe3">查看动态内容详情</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<span id="dynamic-content"></span>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-default" data-dismiss="modal">
|
||||
关闭
|
||||
</button>
|
||||
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -246,78 +142,68 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import TableHelper from "@/utils/bootstrap-table-helper";
|
||||
import { showLoading, hideLoading } from "@/utils/maintainer";
|
||||
import { getPartitionInfoList } from "@/api/partition/partitionInfo";
|
||||
import { buildSelectOption } from "@/utils/system-helper";
|
||||
import TableHelper from '@/utils/bootstrap-table-helper';
|
||||
import { showLoading, hideLoading } from '@/utils/maintainer';
|
||||
|
||||
|
||||
var picker1 = $("#beginDate").datetimepicker({
|
||||
format: "yyyy-mm-dd hh:ii:00",
|
||||
format: 'yyyy-mm-dd hh:ii:00',
|
||||
autoclose: true,
|
||||
todayBtn: true,
|
||||
todayBtn: true
|
||||
});
|
||||
var picker2 = $("#endDate").datetimepicker({
|
||||
format: "yyyy-mm-dd hh:ii:00",
|
||||
format: 'yyyy-mm-dd hh:ii:00',
|
||||
autoclose: true,
|
||||
todayBtn: true,
|
||||
todayBtn: true
|
||||
});
|
||||
picker1.on("changeDate", function () {
|
||||
var date = $("#beginDate").datetimepicker("getDate");
|
||||
picker2.datetimepicker("setStartDate", date);
|
||||
picker1.on('changeDate', function () {
|
||||
var date = $('#beginDate').datetimepicker('getDate');
|
||||
picker2.datetimepicker('setStartDate', date);
|
||||
});
|
||||
picker2.on("changeDate", function () {
|
||||
var date = $("#endDate").datetimepicker("getDate");
|
||||
picker1.datetimepicker("setEndDate", date);
|
||||
picker2.on('changeDate', function () {
|
||||
var date = $('#endDate').datetimepicker('getDate');
|
||||
picker1.datetimepicker('setEndDate', date);
|
||||
});
|
||||
export default {
|
||||
name: "DynamicVerifyView",
|
||||
setup() {
|
||||
|
||||
function setReason() {
|
||||
if ($("#quick_reason option:selected").val() != 9) {
|
||||
$("#reason").val($("#quick_reason option:selected").text());
|
||||
} else {
|
||||
$("#reason").val("");
|
||||
$("#reason").val('');
|
||||
}
|
||||
}
|
||||
|
||||
function showContent(note) {
|
||||
var content = $(note).parent().find("input").val();
|
||||
$("#dynamic-content").text(content);
|
||||
$("#showContentModal").modal("show");
|
||||
var content = $(note).parent().find('input').val();
|
||||
$('#dynamic-content').text(content);
|
||||
$('#showContentModal').modal('show');
|
||||
}
|
||||
|
||||
function showPic(resUrl, id) {
|
||||
var html = '<div style="width: 320px;">';
|
||||
console.log(resUrl);
|
||||
if (resUrl != null && resUrl != "" && resUrl != undefined) {
|
||||
if (resUrl != null && resUrl != '' && resUrl != undefined) {
|
||||
var resUrls = resUrl.split(",");
|
||||
for (var i = 0; i < resUrls.length; i++) {
|
||||
if (
|
||||
resUrls[i] != null &&
|
||||
resUrls[i] != undefined &&
|
||||
resUrls[i] != ""
|
||||
) {
|
||||
html +=
|
||||
'<img id="imgs" src="' +
|
||||
resUrls[i] +
|
||||
'" style="width: 100px;height: 100px;">';
|
||||
if (resUrls[i] != null && resUrls[i] != undefined && resUrls[i] != "") {
|
||||
html += '<img id="imgs" src="' + resUrls[i] + '" style="width: 100px;height: 100px;">';
|
||||
}
|
||||
}
|
||||
}
|
||||
html += "</div>";
|
||||
html += '</div>';
|
||||
// 打开编辑弹窗
|
||||
$("#showModal").modal("show");
|
||||
$("#showModal").modal('show');
|
||||
$("#dynamicId").val(id);
|
||||
$(".show").html(html);
|
||||
}
|
||||
|
||||
function showVideo(resUrl, id) {
|
||||
var html =
|
||||
'<video width="320" height="240" controls autoplay><source src="' +
|
||||
resUrl +
|
||||
'" type="video/mp4"></video>';
|
||||
var html = '<video width="320" height="240" controls autoplay><source src="' + resUrl + '" type="video/mp4"></video>';
|
||||
// 打开编辑弹窗
|
||||
$("#showModal").modal("show");
|
||||
$("#showModal").modal('show');
|
||||
$("#dynamicId").val(id);
|
||||
$(".show").html(html);
|
||||
}
|
||||
@@ -329,168 +215,113 @@ export default {
|
||||
setReason,
|
||||
showContent,
|
||||
showPic,
|
||||
showVideo,
|
||||
showVideo
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.$nextTick(function () {
|
||||
this.initData();
|
||||
this.initPartition();
|
||||
});
|
||||
},
|
||||
methods: {
|
||||
initData() {
|
||||
|
||||
$(function () {
|
||||
$("#table").bootstrapTable("destroy");
|
||||
$('#table').bootstrapTable('destroy');
|
||||
setStatusSelectOption();
|
||||
setTypeSelectOption();
|
||||
$("#table").bootstrapTable({
|
||||
$('#table').bootstrapTable({
|
||||
columns: [
|
||||
//{field: 'id', title: 'id', align: 'center', width: '5%'},
|
||||
{ field: 'tmp', title: 'id', align: 'center', checkbox: true, width: '5%' },
|
||||
{ field: 'erbanNo', title: '平台号', align: 'center', width: '5%' },
|
||||
{ field: 'nick', title: '昵称', align: 'center', width: '5%' },
|
||||
{ field: 'gender', title: '性别', align: 'center', width: '5%' },
|
||||
{ field: 'worldName', title: '话题', align: 'center', width: '5%' },
|
||||
{
|
||||
field: "tmp",
|
||||
title: "id",
|
||||
align: "center",
|
||||
checkbox: true,
|
||||
width: "5%",
|
||||
},
|
||||
{ field: "erbanNo", title: "平台号", align: "center", width: "5%" },
|
||||
{ field: "nick", title: "昵称", align: "center", width: "5%" },
|
||||
{ field: "gender", title: "性别", align: "center", width: "5%" },
|
||||
{ field: "worldName", title: "话题", align: "center", width: "5%" },
|
||||
{
|
||||
field: "content",
|
||||
title: "动态内容",
|
||||
align: "center",
|
||||
width: "5%",
|
||||
field: 'content',
|
||||
title: '动态内容',
|
||||
align: 'center',
|
||||
width: '5%',
|
||||
formatter: function (val, row, index) {
|
||||
if (isEmpty(val)) {
|
||||
return "-";
|
||||
} else {
|
||||
if (val.length > 50) {
|
||||
var content =
|
||||
"<input type='hidden' id='input-content' value='" +
|
||||
val +
|
||||
"'>";
|
||||
return (
|
||||
val.substring(0, 50) +
|
||||
"..." +
|
||||
content +
|
||||
"<button href='#' class='btn btn-sm' style='color: #00acd6;background:none' onclick=showContent(this) style='margin-left: 10px;'>查看更多</a>"
|
||||
);
|
||||
var content = "<input type='hidden' id='input-content' value='" + val + "'>";
|
||||
return val.substring(0, 50) + "..." + content + "<button href='#' class='btn btn-sm' style='color: #00acd6;background:none' onclick=showContent(this) style='margin-left: 10px;'>查看更多</a>";
|
||||
} else {
|
||||
return val;
|
||||
}
|
||||
}
|
||||
},
|
||||
}
|
||||
},
|
||||
{
|
||||
field: "resUrl",
|
||||
title: "图片/视频/语音",
|
||||
align: "center",
|
||||
width: "5%",
|
||||
field: 'resUrl',
|
||||
title: '图片/视频/语音',
|
||||
align: 'center',
|
||||
width: '5%',
|
||||
formatter: function (val, row, index) {
|
||||
if (row.type == 1) {
|
||||
return (
|
||||
'<audio controls="controls"><source src="' +
|
||||
val +
|
||||
'" type="audio/mpeg"></audio>'
|
||||
);
|
||||
return '<audio controls="controls"><source src="' + val + '" type="audio/mpeg"></audio>';
|
||||
} else if (row.type == 2) {
|
||||
return (
|
||||
"<button href='#' class='btn btn-sm' style='color: #00acd6;background:none' onclick=showPic('" +
|
||||
row.resUrl +
|
||||
"'," +
|
||||
row.id +
|
||||
")>查看图片</button>"
|
||||
);
|
||||
return "<button href='#' class='btn btn-sm' style='color: #00acd6;background:none' onclick=showPic('" + row.resUrl + "'," + row.id + ")>查看图片</button>";
|
||||
} else if (row.type == 3) {
|
||||
return (
|
||||
"<button href='#' class='btn btn-sm' style='color: #00acd6;background:none' onclick=showVideo('" +
|
||||
row.resUrl +
|
||||
"'," +
|
||||
row.id +
|
||||
")>查看视频</button>"
|
||||
);
|
||||
return "<button href='#' class='btn btn-sm' style='color: #00acd6;background:none' onclick=showVideo('" + row.resUrl + "'," + row.id + ")>查看视频</button>";
|
||||
}
|
||||
}
|
||||
},
|
||||
},
|
||||
{
|
||||
field: "createTime",
|
||||
title: "发布时间",
|
||||
align: "center",
|
||||
width: "5%",
|
||||
valign: "middle",
|
||||
field: 'createTime',
|
||||
title: '发布时间',
|
||||
align: 'center',
|
||||
width: '5%',
|
||||
valign: 'middle',
|
||||
formatter: function (val, row, index) {
|
||||
if (val) {
|
||||
var date = new Date(val);
|
||||
return date.format("yyyy-MM-dd hh:mm:00");
|
||||
} else {
|
||||
return "-";
|
||||
return '-';
|
||||
}
|
||||
}
|
||||
},
|
||||
},
|
||||
{ field: "statusStr", title: "状态", align: "center", width: "5%" },
|
||||
{ field: 'statusStr', title: '状态', align: 'center', width: '5%' },
|
||||
{ field: 'updateBy', title: '操作人', align: 'center', width: '5%' },
|
||||
{
|
||||
field: "updateBy",
|
||||
title: "操作人",
|
||||
align: "center",
|
||||
width: "5%",
|
||||
},
|
||||
{
|
||||
field: "updateTime",
|
||||
title: "操作时间",
|
||||
align: "center",
|
||||
width: "5%",
|
||||
valign: "middle",
|
||||
field: 'updateTime',
|
||||
title: '操作时间',
|
||||
align: 'center',
|
||||
width: '5%',
|
||||
valign: 'middle',
|
||||
formatter: function (val, row, index) {
|
||||
if (val) {
|
||||
var date = new Date(val);
|
||||
return date.format("yyyy-MM-dd hh:mm:00");
|
||||
} else {
|
||||
return "-";
|
||||
return '-';
|
||||
}
|
||||
}
|
||||
},
|
||||
},
|
||||
{
|
||||
field: "id",
|
||||
title: "操作",
|
||||
align: "center",
|
||||
width: "5%",
|
||||
field: 'id',
|
||||
title: '操作',
|
||||
align: 'center',
|
||||
width: '5%',
|
||||
formatter: function (val, row, index) {
|
||||
var pass =
|
||||
'<button class="btn btn-sm btn-primary opt-pass" data-id=' +
|
||||
val +
|
||||
" data-status=1>通　过</button>";
|
||||
var noPass =
|
||||
'<button class="btn btn-sm btn-danger opt-not-pass" data-id=' +
|
||||
val +
|
||||
" data-status=2>不通过</button>";
|
||||
var shelve =
|
||||
'<button class="btn btn-sm btn-primary opt-pass" data-id=' +
|
||||
val +
|
||||
" data-status=4>上　架</button>";
|
||||
var unshelve =
|
||||
'<button class="btn btn-sm btn-danger opt-not-pass" data-id=' +
|
||||
val +
|
||||
" data-status=5>下　架</button>";
|
||||
var pass = '<button class="btn btn-sm btn-primary opt-pass" data-id=' + val + ' data-status=1>通　过</button>';
|
||||
var noPass = '<button class="btn btn-sm btn-danger opt-not-pass" data-id=' + val + ' data-status=2>不通过</button>';
|
||||
var shelve = '<button class="btn btn-sm btn-primary opt-pass" data-id=' + val + ' data-status=4>上　架</button>';
|
||||
var unshelve = '<button class="btn btn-sm btn-danger opt-not-pass" data-id=' + val + ' data-status=5>下　架</button>';
|
||||
if (row.status == 0) {
|
||||
return pass + "</br>" + noPass;
|
||||
} else if (
|
||||
row.status == 1 ||
|
||||
row.status == 6 ||
|
||||
row.status == 4
|
||||
) {
|
||||
return pass + '</br>' + noPass;
|
||||
} else if (row.status == 1 || row.status == 6 || row.status == 4) {
|
||||
return unshelve;
|
||||
} else if (
|
||||
row.status == 2 ||
|
||||
row.status == 5 ||
|
||||
row.status == 7
|
||||
) {
|
||||
} else if (row.status == 2 || row.status == 5 || row.status == 7) {
|
||||
return shelve;
|
||||
}
|
||||
},
|
||||
},
|
||||
}
|
||||
}
|
||||
],
|
||||
cache: false,
|
||||
striped: true,
|
||||
@@ -503,66 +334,63 @@ export default {
|
||||
//设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
|
||||
//设置为limit可以获取limit, offset, search, sort, order
|
||||
queryParamsType: "-",
|
||||
queryParams: function queryParams(params) {
|
||||
//设置查询参数
|
||||
queryParams: function queryParams(params) { //设置查询参数
|
||||
var param = {
|
||||
pageNumber: params.pageNumber,
|
||||
pageSize: params.pageSize,
|
||||
erbanNo: $("#erbanNo").val(),
|
||||
nick: $("#nick").val(),
|
||||
status: $("#status").val(),
|
||||
beginDate: $("#beginDate").val(),
|
||||
endDate: $("#endDate").val(),
|
||||
wolrdId: $("#wolrdId").val(),
|
||||
partitionId: $("#partitionId").val(),
|
||||
erbanNo: $('#erbanNo').val(),
|
||||
nick: $('#nick').val(),
|
||||
status: $('#status').val(),
|
||||
beginDate: $('#beginDate').val(),
|
||||
endDate: $('#endDate').val(),
|
||||
wolrdId: $('#wolrdId').val(),
|
||||
};
|
||||
return param;
|
||||
},
|
||||
toolbar: "#toolbar",
|
||||
url: "/admin/dynamic/verify/list",
|
||||
onLoadSuccess: function () {
|
||||
//加载成功时执行
|
||||
toolbar: '#toolbar',
|
||||
url: '/admin/dynamic/verify/list',
|
||||
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');
|
||||
});
|
||||
|
||||
//重置
|
||||
$("#btnReset").on("click", function () {
|
||||
$("#erbanNo").val("");
|
||||
$("#nick").val("");
|
||||
$("#status").val("");
|
||||
$("#beginDate").val("");
|
||||
$("#endDate").val("");
|
||||
$("#wolrdId").val("");
|
||||
$('#btnReset').on('click', function () {
|
||||
$('#erbanNo').val("");
|
||||
$('#nick').val("");
|
||||
$('#status').val("");
|
||||
$('#beginDate').val("");
|
||||
$('#endDate').val("");
|
||||
$('#wolrdId').val("");
|
||||
});
|
||||
|
||||
//审核不通过/下架弹框
|
||||
$("#table").on("click", ".opt-not-pass", function () {
|
||||
$("#table").on("click", '.opt-not-pass', function () {
|
||||
|
||||
var id = $(this).attr("data-id");
|
||||
var status = $(this).attr("data-status");
|
||||
if (id == "undefined") {
|
||||
if (id == 'undefined') {
|
||||
$("#tipMsg").text("id参数有误");
|
||||
$("#tipModal").modal("show");
|
||||
$("#tipModal").modal('show');
|
||||
return;
|
||||
}
|
||||
if (status == "undefined") {
|
||||
if (status == 'undefined') {
|
||||
$("#tipMsg").text("状态参数有误");
|
||||
$("#tipModal").modal("show");
|
||||
$("#tipModal").modal('show');
|
||||
return;
|
||||
}
|
||||
$("#dynamicId1").val(id);
|
||||
$("#status1").val(status);
|
||||
// 打开编辑弹窗
|
||||
$("#notPassModal").modal("show");
|
||||
$("#notPassModal").modal('show');
|
||||
$("#modalLabe2").text("请选择不通过的原因");
|
||||
status = 5;
|
||||
if (status) {
|
||||
@@ -573,15 +401,15 @@ export default {
|
||||
//审核不通过/下架弹窗
|
||||
$("#not-pass-save").click(function () {
|
||||
var id = $("#dynamicId1").val();
|
||||
if (id == "undefined") {
|
||||
if (id == 'undefined') {
|
||||
$("#tipMsg").text("id参数有误");
|
||||
$("#tipModal").modal("show");
|
||||
$("#tipModal").modal('show');
|
||||
return;
|
||||
}
|
||||
var status = $("#status1").val();
|
||||
if (status == "undefined") {
|
||||
if (status == 'undefined') {
|
||||
$("#tipMsg").text("状态参数有误");
|
||||
$("#tipModal").modal("show");
|
||||
$("#tipModal").modal('show');
|
||||
return;
|
||||
}
|
||||
var reason = $("#reason").val();
|
||||
@@ -596,17 +424,18 @@ export default {
|
||||
verify(text, id, status, reason);
|
||||
});
|
||||
|
||||
$("#table").on("click", ".opt-pass", function () {
|
||||
$("#table").on("click", '.opt-pass', function () {
|
||||
|
||||
var id = $(this).attr("data-id");
|
||||
var status = $(this).attr("data-status");
|
||||
if (id == "undefined") {
|
||||
if (id == 'undefined') {
|
||||
$("#tipMsg").text("id参数有误");
|
||||
$("#tipModal").modal("show");
|
||||
$("#tipModal").modal('show');
|
||||
return;
|
||||
}
|
||||
if (status == "undefined") {
|
||||
if (status == 'undefined') {
|
||||
$("#tipMsg").text("状态参数有误");
|
||||
$("#tipModal").modal("show");
|
||||
$("#tipModal").modal('show');
|
||||
return;
|
||||
}
|
||||
var text = "通过";
|
||||
@@ -616,60 +445,40 @@ export default {
|
||||
verify(text, id, status, "");
|
||||
});
|
||||
//导出
|
||||
$("#btnExport").on("click", function () {
|
||||
var erbanNo = $("#erbanNo").val();
|
||||
var nick = $("#nick").val();
|
||||
var status = $("#status").val();
|
||||
var beginDate = $("#beginDate").val();
|
||||
var endDate = $("#endDate").val();
|
||||
var wolrdId = $("#wolrdId").val();
|
||||
if (
|
||||
isEmpty(erbanNo) &&
|
||||
isEmpty(nick) &&
|
||||
isEmpty(status) &&
|
||||
isEmpty(beginDate) &&
|
||||
isEmpty(endDate) &&
|
||||
isEmpty(wolrdId)
|
||||
) {
|
||||
$('#btnExport').on('click', function () {
|
||||
var erbanNo = $('#erbanNo').val();
|
||||
var nick = $('#nick').val();
|
||||
var status = $('#status').val();
|
||||
var beginDate = $('#beginDate').val();
|
||||
var endDate = $('#endDate').val();
|
||||
var wolrdId = $('#wolrdId').val();
|
||||
if (isEmpty(erbanNo) && isEmpty(nick) && isEmpty(status) && isEmpty(beginDate) && isEmpty(endDate) && isEmpty(wolrdId)) {
|
||||
$("#tipMsg").text("请输入导出条件!");
|
||||
$("#tipModal").modal("show");
|
||||
$("#tipModal").modal('show');
|
||||
return;
|
||||
}
|
||||
$("#searchForm").submit();
|
||||
$('#searchForm').submit();
|
||||
});
|
||||
//图片放大
|
||||
$("#showModal").on("mouseenter", "#imgs", function (e) {
|
||||
var src = $(this).attr("src");
|
||||
$("#imgMask img").attr("src", src);
|
||||
$("#imgMask").show();
|
||||
$("#imgMask").css({
|
||||
$('#showModal').on('mouseenter', '#imgs', function (e) {
|
||||
var src = $(this).attr('src');
|
||||
$('#imgMask img').attr('src', src);
|
||||
$('#imgMask').show();
|
||||
$('#imgMask').css({
|
||||
top: e.clientY + 20,
|
||||
});
|
||||
});
|
||||
$("#showModal").on("mouseleave", "#imgs", function (e) {
|
||||
console.log("移出");
|
||||
$("#imgMask").hide();
|
||||
});
|
||||
});
|
||||
},
|
||||
initPartition() {
|
||||
getPartitionInfoList().then((res) => {
|
||||
let data = res.data;
|
||||
buildSelectOption(
|
||||
"#partitionId",
|
||||
4,
|
||||
data.map((v) => {
|
||||
return {
|
||||
value: v.id,
|
||||
text: v.desc,
|
||||
};
|
||||
})
|
||||
);
|
||||
})
|
||||
$('#showModal').on('mouseleave', '#imgs', function (e) {
|
||||
console.log('移出');
|
||||
$('#imgMask').hide();
|
||||
})
|
||||
});
|
||||
}
|
||||
},
|
||||
},
|
||||
|
||||
};
|
||||
|
||||
|
||||
//判断空值
|
||||
function isEmpty(data) {
|
||||
if (data == null || data == undefined || data == "") {
|
||||
@@ -682,40 +491,40 @@ function verify(text, id, status, reason) {
|
||||
//if (confirm("你确认【"+ text + "】该动态吗?")) {
|
||||
showLoading();
|
||||
$.ajax({
|
||||
type: "post",
|
||||
type: 'post',
|
||||
url: "/admin/dynamic/verify/changeStatus",
|
||||
data: {
|
||||
dynamicId: id,
|
||||
status: status,
|
||||
reason: reason,
|
||||
reason: reason
|
||||
},
|
||||
dataType: "json",
|
||||
success: function (json) {
|
||||
hideLoading();
|
||||
if (status == 2 || status == 5) {
|
||||
$("#notPassModal").modal("hide");
|
||||
$("#notPassModal").modal('hide');
|
||||
}
|
||||
if (json.success == "true") {
|
||||
if (json.success == 'true') {
|
||||
$("#tipMsg").text("操作成功");
|
||||
$("#tipModal").modal("show");
|
||||
$("#tipModal").modal('show');
|
||||
TableHelper.doRefresh("#table");
|
||||
} else {
|
||||
$("#tipMsg").text("操作失败");
|
||||
$("#tipModal").modal("show");
|
||||
$("#tipModal").modal('show');
|
||||
}
|
||||
}
|
||||
},
|
||||
});
|
||||
//}
|
||||
}
|
||||
|
||||
function setTypeSelectOption() {
|
||||
$.ajax({
|
||||
type: "get",
|
||||
type: 'get',
|
||||
url: "/admin/world/list",
|
||||
data: {
|
||||
status: 1,
|
||||
pageNumber: 1,
|
||||
pageSize: 1000,
|
||||
pageSize: 1000
|
||||
},
|
||||
dataType: "json",
|
||||
success: function (json) {
|
||||
@@ -724,32 +533,28 @@ function setTypeSelectOption() {
|
||||
for (var i = 0; i < rows.length; i++) {
|
||||
let item = rows[i];
|
||||
let name = item.name;
|
||||
if (name.startsWith("{") && name.endsWith("}")) {
|
||||
if (name.startsWith('{') && name.endsWith('}')) {
|
||||
name = JSON.parse(name).zh;
|
||||
}
|
||||
$("#wolrdId").append(
|
||||
'<option value="' + rows[i].id + '">' + name + "</option>"
|
||||
);
|
||||
$('#wolrdId').append('<option value="' + rows[i].id + '">' + name + '</option>');
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
});
|
||||
}
|
||||
|
||||
function setStatusSelectOption() {
|
||||
$.ajax({
|
||||
type: "get",
|
||||
type: 'get',
|
||||
url: "/admin/dynamic/verify/getStatus",
|
||||
success: function (json) {
|
||||
if (json != null && json != undefined) {
|
||||
var rows = json;
|
||||
for (var i = 0; i < rows.length; i++) {
|
||||
$("#status").append(
|
||||
'<option value="' + rows[i].value + '">' + rows[i].key + "</option>"
|
||||
);
|
||||
$('#status').append('<option value="' + rows[i].value + '">' + rows[i].key + '</option>');
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
});
|
||||
}
|
||||
</script>
|
||||
|
||||
Reference in New Issue
Block a user