boom暂存
This commit is contained in:
dragon
94
src/api/boom/boom.js
Normal file
94
src/api/boom/boom.js
Normal file
@@ -0,0 +1,94 @@
|
||||
import request from '@/utils/request';
|
||||
import { genQueryParam } from '@/utils/maintainer';
|
||||
|
||||
// 邀请移除记录
|
||||
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
|
||||
});
|
||||
};
|
||||
552
src/views/boom/levelSet.vue
Normal file
552
src/views/boom/levelSet.vue
Normal file
@@ -0,0 +1,552 @@
|
||||
<template>
|
||||
<div class="box">
|
||||
<!-- 查询 -->
|
||||
<div class="inquire">
|
||||
<span>公会ID</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.value"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
|
||||
<!-- 表格 -->
|
||||
<el-table
|
||||
v-loading="loading"
|
||||
:data="tableData"
|
||||
border
|
||||
style="width: 100%; margin-top: 25px"
|
||||
>
|
||||
<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="Boom等级图">
|
||||
<template v-slot="scope">
|
||||
<el-image
|
||||
style="width: 100px; height: 100px"
|
||||
:src="scope.row.x"
|
||||
:zoom-rate="1.1"
|
||||
:preview-src-list="[scope.row.x]"
|
||||
fit="cover"
|
||||
preview-teleported="true"
|
||||
hide-on-click-modal="true"
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="x" align="center" label="Boom倒计时" />
|
||||
<el-table-column prop="x" align="center" label="Boon" />
|
||||
<el-table-column align="center" label="操作" width="300">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
@click="
|
||||
eidDialogBox = true;
|
||||
x(scope);
|
||||
"
|
||||
type="text"
|
||||
size="default"
|
||||
>编辑</el-button
|
||||
>
|
||||
<el-button
|
||||
@click="
|
||||
memberDialog = true;
|
||||
x(scope);
|
||||
"
|
||||
type="text"
|
||||
size="default"
|
||||
>查看明细</el-button
|
||||
>
|
||||
<el-button
|
||||
@click="
|
||||
eidDialog = true;
|
||||
x(scope);
|
||||
"
|
||||
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="memberDialog" title="等级奖励配置（查看）" center>
|
||||
<div class="inquire">
|
||||
<span>Boom等级：</span>
|
||||
</div>
|
||||
<div class="inquire">
|
||||
<span>金币任务数量：</span>
|
||||
</div>
|
||||
<div class="inquire">
|
||||
<span>用户奖励：</span>
|
||||
</div>
|
||||
<!-- 内嵌表格 -->
|
||||
<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="奖品配置" />
|
||||
<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>
|
||||
<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等级：</span>
|
||||
</div>
|
||||
<div class="inquire">
|
||||
<span>金币任务数量：</span>
|
||||
</div>
|
||||
<div class="inquire">
|
||||
<span>用户奖励：</span>
|
||||
</div>
|
||||
<!-- 内嵌表格 -->
|
||||
<el-table
|
||||
:data="eid.tableData"
|
||||
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="x" align="center" label="操作">
|
||||
<template v-slot="scope">
|
||||
<el-button @click="x(scope)" 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.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="请选择">
|
||||
<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-input
|
||||
v-model="addObj.giftNum"
|
||||
placeholder=""
|
||||
class="input"
|
||||
></el-input>
|
||||
</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.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>
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
<el-button type="primary" @click="addDialog = false">
|
||||
保存
|
||||
</el-button>
|
||||
<el-button type="primary" @click="addDialog = 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"
|
||||
class="avatar-uploader input"
|
||||
action="/admin/tencent/cos/upload/file"
|
||||
:show-file-list="false"
|
||||
:on-success="handleAvatarSuccess2"
|
||||
:before-upload="beforeAvatarUpload"
|
||||
:on-error="handleAvatarError"
|
||||
>
|
||||
<img v-if="eidObj.imageUrl2" :src="eidObj.imageUrl2" class="avatar" />
|
||||
<el-icon v-else class="avatar-uploader-icon">
|
||||
<Plus />
|
||||
</el-icon>
|
||||
</el-upload>
|
||||
</div>
|
||||
<div class="inquire">
|
||||
<span style="float: left">Boom：</span>
|
||||
<el-upload
|
||||
style="float: left"
|
||||
class="avatar-uploader input"
|
||||
action="/admin/tencent/cos/upload/file"
|
||||
:show-file-list="false"
|
||||
:on-success="handleAvatarSuccess3"
|
||||
:before-upload="beforeAvatarUpload"
|
||||
:on-error="handleAvatarError"
|
||||
>
|
||||
<img v-if="eidObj.imageUrl3" :src="eidObj.imageUrl3" 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="eidDialogBox = false">
|
||||
保存
|
||||
</el-button>
|
||||
<el-button type="primary" @click="eidDialogBox = false">
|
||||
取消
|
||||
</el-button>
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import {} 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 {
|
||||
loading: false,
|
||||
//查询所需条件对象
|
||||
inquire: {
|
||||
partitionId: 2,
|
||||
options: [
|
||||
{
|
||||
value: 1,
|
||||
desc: "英语区",
|
||||
},
|
||||
{
|
||||
value: 2,
|
||||
desc: "阿拉伯地区",
|
||||
},
|
||||
{
|
||||
value: 4,
|
||||
desc: "华语区",
|
||||
},
|
||||
],
|
||||
},
|
||||
// 表格
|
||||
tableData: [{ x: "" }],
|
||||
// 内嵌表格查看
|
||||
memberDialog: false,
|
||||
member: {
|
||||
tableData: [],
|
||||
},
|
||||
// 内嵌表格编辑
|
||||
eidDialog: false,
|
||||
eid: {
|
||||
tableData: [],
|
||||
},
|
||||
// 新增弹窗
|
||||
addDialog: false,
|
||||
addObj: {
|
||||
typeval: 1,
|
||||
type: [{ desc: "用户奖励", value: 1 }],
|
||||
giftVal: "",
|
||||
giftType: [
|
||||
{ desc: "金币", value: 1 },
|
||||
{ desc: "座驾", value: 1 },
|
||||
{ desc: "头饰", value: 1 },
|
||||
{ desc: "VIP", value: 1 },
|
||||
{ desc: "气泡", value: 1 },
|
||||
{ desc: "勋章", value: 1 },
|
||||
],
|
||||
giftNum: "",
|
||||
giftId: "",
|
||||
sNo: "",
|
||||
showVal: "",
|
||||
show: [
|
||||
{ desc: "是", value: 1 },
|
||||
{ desc: "否", value: 0 },
|
||||
],
|
||||
},
|
||||
//编辑
|
||||
eidDialogBox: true,
|
||||
eidObj: {
|
||||
level: "",
|
||||
goldNum: "",
|
||||
imageUrl1:"http://img.soogif.com/tD8apuqVajWYEPjRiDKiCxECkTCyQDgw.gif_s400x0",
|
||||
imageUrl2:"http://img.soogif.com/tD8apuqVajWYEPjRiDKiCxECkTCyQDgw.gif_s400x0",
|
||||
imageUrl3:"http://img.soogif.com/tD8apuqVajWYEPjRiDKiCxECkTCyQDgw.gif_s400x0",
|
||||
},
|
||||
// 分页
|
||||
total: 0, //总页数
|
||||
currentPage: 1, //页码
|
||||
pageSize: 5, //条数
|
||||
};
|
||||
},
|
||||
created() {
|
||||
// this.getData();
|
||||
},
|
||||
methods: {
|
||||
// 查询接口
|
||||
getData() {
|
||||
this.loading = true;
|
||||
let time = this.inquire.time;
|
||||
let startTime = null;
|
||||
let endTime = null;
|
||||
console.log(this.inquire.time, 111111);
|
||||
if (time.length > 0) {
|
||||
startTime = this.inquire.time[0]
|
||||
? dateFormat(this.inquire.time[0], "yyyy-MM-dd")
|
||||
: null;
|
||||
endTime = this.inquire.time[1]
|
||||
? dateFormat(this.inquire.time[1], "yyyy-MM-dd")
|
||||
: null;
|
||||
}
|
||||
// diamondStatistics({
|
||||
// guildId: this.inquire.guildId,
|
||||
// ownerErbanNo: this.inquire.guildBoosId,
|
||||
// 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",
|
||||
// });
|
||||
// }
|
||||
// });
|
||||
},
|
||||
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.ediObj.imageUrl1 = file.response.data;
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: "上传成功！",
|
||||
type: "success",
|
||||
});
|
||||
},
|
||||
handleAvatarSuccess2(res, file) {
|
||||
console.log(file);
|
||||
// this.ediObj.imageUrl = URL.createObjectURL();
|
||||
this.ediObj.imageUrl2 = file.response.data;
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: "上传成功！",
|
||||
type: "success",
|
||||
});
|
||||
},
|
||||
handleAvatarSuccess3(res, file) {
|
||||
console.log(file);
|
||||
// this.ediObj.imageUrl = URL.createObjectURL();
|
||||
this.ediObj.imageUrl3 = 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;
|
||||
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>
|
||||
253
src/views/boom/recordData.vue
Normal file
253
src/views/boom/recordData.vue
Normal file
@@ -0,0 +1,253 @@
|
||||
<template>
|
||||
<div class="box">
|
||||
<!-- 查询 -->
|
||||
<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="date"
|
||||
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="date"
|
||||
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.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="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 align="center" label="操作" width="300">
|
||||
<template v-slot="scope">
|
||||
<el-button @click="x(scope)" 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="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>
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
<el-button type="primary" @click="memberDialog = false">
|
||||
关闭
|
||||
</el-button>
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import {} 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,
|
||||
//查询所需条件对象
|
||||
inquire: {
|
||||
roomId: "",
|
||||
boomLevel: "",
|
||||
triggererId: "",
|
||||
time: [],
|
||||
},
|
||||
// 表格
|
||||
tableData: [],
|
||||
// 内嵌表格
|
||||
memberDialog:true,
|
||||
member:{
|
||||
tableData:[],
|
||||
},
|
||||
// 新增弹窗
|
||||
addDialog: false,
|
||||
// 分页
|
||||
total: 0, //总页数
|
||||
currentPage: 1, //页码
|
||||
pageSize: 5, //条数
|
||||
};
|
||||
},
|
||||
created() {
|
||||
// this.getData();
|
||||
},
|
||||
methods: {
|
||||
// 查询接口
|
||||
getData() {
|
||||
this.loading = true;
|
||||
let time = this.inquire.time;
|
||||
let startTime = null;
|
||||
let endTime = null;
|
||||
console.log(this.inquire.time, 111111);
|
||||
if (time.length > 0) {
|
||||
startTime = this.inquire.time[0]
|
||||
? dateFormat(this.inquire.time[0], "yyyy-MM-dd")
|
||||
: null;
|
||||
endTime = this.inquire.time[1]
|
||||
? dateFormat(this.inquire.time[1], "yyyy-MM-dd")
|
||||
: null;
|
||||
}
|
||||
// diamondStatistics({
|
||||
// guildId: this.inquire.guildId,
|
||||
// ownerErbanNo: this.inquire.guildBoosId,
|
||||
// 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",
|
||||
// });
|
||||
// }
|
||||
// });
|
||||
},
|
||||
// 分页导航
|
||||
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>
|
||||
@@ -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
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user