‘完成boom后台’

This commit is contained in:
dragon
2024-11-27 11:45:15 +08:00
parent 44ea9d3dcf
commit d750ae68d2
3 changed files with 459 additions and 127 deletions

View File

@@ -102,7 +102,7 @@ export const removeMember = query => {
});
};
// ========================================================Boom活动等级配置================================================
// Boom活动等级配置-弹窗详情
// Boom活动等级配置-列表
export const levelList = query => {
return request({
url: '/room/boom/level/list',
@@ -110,6 +110,22 @@ export const levelList = query => {
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({
@@ -118,3 +134,33 @@ export const levelUpdate = query => {
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,7 +2,7 @@
<div class="box">
<!-- 查询 -->
<div class="inquire">
<span>公会ID</span>
<span>分区</span>
<el-select filterable v-model="inquire.partitionId" placeholder="请选择">
<el-option
v-for="item in inquire.options"
@@ -41,13 +41,23 @@
</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">
<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">
<video
:key="scope.row.endVapUrl"
width="320"
height="240"
controls="controls"
>
<source :src="scope.row.endVapUrl" type="video/mp4" /></video
></template>
</el-table-column>
@@ -69,8 +79,9 @@
>
<el-button
@click="
memberDialog = true;
x(scope);
member.level = scope.row.level;
member.goldNum = scope.row.goldNum;
seeList(scope.row);
"
type="text"
size="default"
@@ -78,8 +89,10 @@
>
<el-button
@click="
eidDialog = true;
x(scope);
member.level = scope.row.level;
member.goldNum = scope.row.goldNum;
id = scope.row.level;
eidList(scope.row);
"
type="text"
size="default"
@@ -88,29 +101,13 @@
</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="memberDialog" title="等级奖励配置(查看)" center>
<div class="inquire">
<span>Boom等级</span>
<span>Boom等级{{ member.level }}</span>
</div>
<div class="inquire">
<span>金币任务数量</span>
</div>
<div class="inquire">
<span>用户奖励</span>
<span>金币任务数量{{ member.goldNum }}</span>
</div>
<!-- 内嵌表格 -->
<el-table
@@ -118,13 +115,36 @@
border
style="width: 100%; margin-top: 25px"
>
<el-table-column prop="x" align="center" label="奖励类型" />
<el-table-column prop="x" align="center" label="奖品配置" />
<el-table-column prop="x" align="center" label="奖品类型" />
<el-table-column prop="x" align="center" label="奖品天数" />
<el-table-column prop="x" align="center" label="奖品ID/VIP等级" />
<el-table-column prop="x" align="center" label="是否展示" />
<el-table-column prop="x" align="center" label="奖品库存" />
<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="awardId" align="center" label="奖品ID/VIP等级" />
<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>
<template #footer>
<span class="dialog-footer">
@@ -137,13 +157,10 @@
<!-- 等级奖励配置编辑 -->
<el-dialog v-model="eidDialog" title="等级奖励配置(编辑)" center>
<div class="inquire">
<span>Boom等级</span>
<span>Boom等级{{ member.level }}</span>
</div>
<div class="inquire">
<span>金币任务数量</span>
</div>
<div class="inquire">
<span>用户奖励</span>
<span>金币任务数量{{ member.goldNum }}</span>
</div>
<!-- 内嵌表格 -->
<el-table
@@ -151,15 +168,39 @@
border
style="width: 100%; margin-top: 25px"
>
<el-table-column prop="x" align="center" label="奖励类型" />
<el-table-column prop="x" align="center" label="奖品类型" />
<el-table-column prop="x" align="center" label="奖励数量/天数" />
<el-table-column prop="x" align="center" label="奖品ID/VIP等级" />
<el-table-column prop="x" align="center" label="顺序" />
<el-table-column prop="x" align="center" label="是否展示" />
<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="awardId" align="center" label="奖品ID/VIP等级" />
<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="x(scope)" type="text" size="default"
<el-button @click="delFun(scope.row)" type="text" size="default"
>删除</el-button
>
</template>
@@ -184,23 +225,6 @@
center
width="26%"
>
<div class="inquire">
<span>奖励类型</span>
<el-select
filterable
v-model="addObj.typeval"
disabled
placeholder="请选择"
>
<el-option
v-for="item in addObj.type"
: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.giftVal" placeholder="请选择">
@@ -213,6 +237,14 @@
</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
@@ -222,9 +254,9 @@
></el-input>
</div>
<div class="inquire">
<span>奖品ID/VIP等级:</span>
<span>库存</span>
<el-input
v-model="addObj.giftId"
v-model="addObj.awardStock"
placeholder=""
class="input"
></el-input>
@@ -247,9 +279,7 @@
</div>
<template #footer>
<span class="dialog-footer">
<el-button type="primary" @click="addDialog = false">
保存
</el-button>
<el-button type="primary" @click="addFun()"> 保存 </el-button>
<el-button type="primary" @click="addDialog = false">
取消
</el-button>
@@ -357,7 +387,14 @@
</div>
</template>
<script>
import { listPartitionInfo, levelList, levelUpdate } from "@/api/boom/boom";
import {
listPartitionInfo,
levelList,
levelUpdate,
awardList,
awardUpdate,
awardDel,
} from "@/api/boom/boom";
// @ts-ignore
import { dateFormat } from "@/utils/system-helper";
// @ts-ignore
@@ -378,6 +415,8 @@ export default {
// 内嵌表格查看
memberDialog: false,
member: {
level: "",
goldNum: "",
tableData: [],
},
// 内嵌表格编辑
@@ -388,19 +427,20 @@ export default {
// 新增弹窗
addDialog: false,
addObj: {
typeval: 1,
type: [{ desc: "用户奖励", value: 1 }],
giftVal: "",
giftVal: 8,
giftType: [
{ desc: "金币", value: 1 },
{ desc: "座驾", value: 1 },
{ desc: "金币", value: 8 },
{ desc: "礼物", value: 6 },
{ desc: "座驾", value: 5 },
{ desc: "头饰", value: 1 },
{ desc: "VIP", value: 1 },
{ desc: "气泡", value: 1 },
{ desc: "勋章", value: 1 },
{ desc: "气泡", value: 3 },
{ desc: "VIP", value: 10 },
{ desc: "勋章", value: 11 },
{ desc: "铭牌", value: 2 },
],
giftNum: "",
giftId: "",
giftNum: "",
awardStock: "",
sNo: "",
showVal: "",
show: [
@@ -451,6 +491,89 @@ export default {
}
});
},
// 新增
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,
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,
@@ -459,7 +582,7 @@ export default {
pic: this.eidObj.imageUrl1,
countDownVapUrl: this.eidObj.imageUrl2,
endVapUrl: this.eidObj.imageUrl3,
partition:this.inquire.partitionId
partition: this.inquire.partitionId,
};
levelUpdate(obj).then((res) => {
if (res.code == 200) {

View File

@@ -1,6 +1,18 @@
<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
@@ -30,7 +42,7 @@
<span class="demonstration">开始时间</span>
<el-date-picker
v-model="inquire.time[0]"
type="date"
type="datetime"
placeholder="开始时间"
>
</el-date-picker>
@@ -41,7 +53,7 @@
<span class="demonstration">结束时间</span>
<el-date-picker
v-model="inquire.time[1]"
type="date"
type="datetime"
placeholder="结束时间"
>
</el-date-picker>
@@ -56,6 +68,7 @@
class="primary"
type="primary"
@click="
inquire.partitionId = inquire.options[0].id;
inquire.roomId = '';
inquire.boomLevel = '';
inquire.triggererId = '';
@@ -78,17 +91,23 @@
border
style="width: 100%; margin-top: 25px"
>
<el-table-column prop="x" align="center" label="日期" />
<el-table-column prop="x" align="center" label="房间ID" />
<el-table-column prop="x" align="center" label="Boom等级" />
<el-table-column prop="x" align="center" label="触发者ID" />
<el-table-column prop="x" align="center" label="触发时间" />
<el-table-column prop="x" align="center" label="参与用户数" />
<el-table-column prop="x" align="center" label="发放奖励数" />
<el-table-column prop="x" align="center" label="获得金币数" />
<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="x(scope)" type="text" size="default"
<el-button
@click="
memberVal = scope.row;
detailListFun();
"
type="text"
size="default"
>贡献及获奖明细</el-button
>
</template>
@@ -107,23 +126,82 @@
@current-change="handleCurrentChange"
/>
<!-- 贡献或获奖明细 -->
<el-dialog v-model="memberDialog" title="贡献或获奖明细" center>
<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="x" align="center" label="角色" />
<el-table-column prop="x" align="center" label="用户ID" />
<el-table-column prop="x" align="center" label="用户昵称" />
<el-table-column prop="x" align="center" label="贡献值" />
<el-table-column prop="x" align="center" label="Boom等级" />
<el-table-column prop="x" align="center" label="奖品类型" />
<el-table-column prop="x" align="center" label="获得奖励" />
<el-table-column prop="x" align="center" label="获得金币数" />
<el-table-column prop="x" align="center" label="奖励发放时间" />
<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">
@@ -135,7 +213,12 @@
</div>
</template>
<script>
import { levelList } from "@/api/boom/boom";
import {
listPartitionInfo,
recordList,
detailList,
recordExport,
} from "@/api/boom/boom";
// @ts-ignore
import { dateFormat } from "@/utils/system-helper";
// @ts-ignore
@@ -145,8 +228,11 @@ export default {
data() {
return {
loading: false,
loading2: false,
//查询所需条件对象
inquire: {
partitionId: 2,
options: [],
roomId: "",
boomLevel: "",
triggererId: "",
@@ -155,7 +241,8 @@ export default {
// 表格
tableData: [],
// 内嵌表格
memberDialog: true,
memberDialog: false,
memberVal: null,
member: {
tableData: [],
},
@@ -164,11 +251,19 @@ export default {
// 分页
total: 0, //总页数
currentPage: 1, //页码
pageSize: 5, //条数
pageSize: 10, //条数
// 分页
total2: 0, //总页数
currentPage2: 1, //页码
pageSize2: 10, //条数
};
},
created() {
// this.getData();
listPartitionInfo().then((res) => {
this.inquire.options = res.data;
this.inquire.partitionId = res.data[0].id;
this.getData();
});
},
methods: {
// 查询接口
@@ -179,31 +274,99 @@ export default {
let endTime = null;
if (time.length > 0) {
startTime = this.inquire.time[0]
? dateFormat(this.inquire.time[0], "yyyy-MM-dd")
? 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")
? dateFormat(this.inquire.time[1], "yyyy-MM-dd hh:mm:ss")
: null;
}
// levelList({
// partitionId: this.inquire.partitionId,
// 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",
// });
// }
// });
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() {