Compare commits

..

9 Commits
guild ... boom

Author SHA1 Message Date
dragon
84a26ed699 新增编辑奖励 2024-12-12 15:28:24 +08:00
dragon
f1f558e2b1 修改弹窗没有回显奖励图片问题 2024-12-12 13:53:06 +08:00
dragon
1b74d19c98 新增奖励图片Boom 2024-12-12 11:47:12 +08:00
dragon
aab2ff2794 优化boom 2024-12-12 11:47:10 +08:00
dragon
d750ae68d2 ‘完成boom后台’ 2024-12-12 11:47:08 +08:00
dragon
44ea9d3dcf boom暂存 2024-12-12 11:47:06 +08:00
dragon
2394d2ef60 boom暂存 2024-12-12 11:47:05 +08:00
dragon
91e295e3b7 个人幸运礼物数据分区改为读接口 2024-12-12 11:45:59 +08:00
khalil
47a67f4718 用户信息查询-保存-错误提醒 2024-12-11 15:12:22 +08:00
11 changed files with 2372 additions and 669 deletions

166
src/api/boom/boom.js Normal file
View File

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

View File

@@ -2,6 +2,15 @@ import request from '@/utils/request';
import { genQueryParam } from '@/utils/maintainer';
import qs from 'qs';
// 分区接口
export const listPartitionInfo = query => {
return request({
url: '/partition/listPartitionInfo',
method: 'get',
params: query
});
};
// 奖池拉框
export const listType = query => {
return request({

982
src/views/boom/levelSet.vue Normal file
View File

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

View File

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

View File

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

File diff suppressed because it is too large Load Diff

View File

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

View File

@@ -12,9 +12,9 @@
>
<el-option
v-for="item in inquire.options"
:key="item.type"
:label="item.name"
:value="item.type"
:key="item.id"
:label="item.desc"
:value="item.id"
>
</el-option>
</el-select>
@@ -139,7 +139,7 @@
</div>
</template>
<script>
import { personal, updateUserMulti } from "@/api/luckGift/luckGift";
import { personal, updateUserMulti,listPartitionInfo } from "@/api/luckGift/luckGift";
// @ts-ignore
import { dateFormat } from "@/utils/system-helper";
// @ts-ignore
@@ -157,25 +157,8 @@ export default {
inquire: {
userId: "",
time: "",
value: 2,
options: [
{
name: "阿拉伯区",
type: 2,
},
{
name: "英语区",
type: 1,
},
{
name: "华语区",
type: 4,
},
{
type: 8,
name: "土耳其区",
},
],
value: "",
options: [],
},
// 表格
tableData: [],
@@ -189,6 +172,10 @@ export default {
};
},
created() {
listPartitionInfo().then((res) => {
this.inquire.options = res.data;
this.inquire.value = this.inquire.options[0].id;
});
// this.getData();
},
methods: {

View File

@@ -7,9 +7,9 @@
<el-select v-model="inquire.value" placeholder="请选择">
<el-option
v-for="item in inquire.options"
:key="item.value"
:label="item.label"
:value="item.value"
:key="item.id"
:label="item.desc"
:value="item.id"
>
</el-option>
</el-select>
@@ -54,7 +54,7 @@
</div>
</template>
<script>
import { platform } from "@/api/luckGift/luckGift";
import { platform,listPartitionInfo } from "@/api/luckGift/luckGift";
// @ts-ignore
import { dateFormat } from "@/utils/system-helper";
// @ts-ignore
@@ -70,25 +70,8 @@ export default {
totalProductionRatio: "0",
//查询所需条件对象
inquire: {
value: 2,
options: [
{
value: 2,
label: "阿拉伯区",
},
{
value: 1,
label: "英语区",
},
{
value: 4,
label: "华语区",
},
{
value: 8,
label: "土耳其区",
},
],
value: "",
options: [],
time: "",
},
// 表格
@@ -100,6 +83,10 @@ export default {
};
},
created() {
listPartitionInfo().then((res) => {
this.inquire.options = res.data;
this.inquire.value = this.inquire.options[0].id;
});
// this.getData();
},
methods: {

View File

@@ -436,7 +436,7 @@ export default {
$("#tipMsg").text("保存失败,错误码:" + res.code + ",该手机号已被占用");
$("#tipModal").modal('show');
} else {
$("#tipMsg").text("保存失败,错误码:" + res.code);
$("#tipMsg").text("保存失败," + res.message);
$("#tipModal").modal('show');
}
}

View File

@@ -819,7 +819,7 @@ export default {
$("#tipMsg").text("保存失败,错误码:" + res.code + ",该手机号已被占用");
$("#tipModal").modal('show');
} else {
$("#tipMsg").text("保存失败,错误码:" + res.code);
$("#tipMsg").text("保存失败," + res.message);
$("#tipModal").modal('show');
}
}