幸运礼物24暂存

This commit is contained in:
dragon
2024-09-14 16:05:29 +08:00
parent e47b57f760
commit f228aad967
6 changed files with 564 additions and 0 deletions

View File

@@ -0,0 +1,29 @@
import request from '@/utils/request';
import { genQueryParam } from '@/utils/maintainer';
import qs from 'qs';
// 奖池拉框
export const listType = query => {
return request({
url: '/admin/lucky24/pool/listType',
method: 'get',
params: query
});
};
// 池子列表
export const list = query => {
return request({
url: '/admin/lucky24/pool/list',
method: 'get',
params: query
});
};
// 保存池子
export const save = query => {
return request({
headers:{"Content-Type": 'application/json;charset=UTF-8'},
url: '/admin/lucky24/pool/save',
method: 'post',
data: query
});
};

View File

@@ -0,0 +1,219 @@
<template>
<div class="box">
<div class="condition">
<!-- 分区 -->
<div class="inquire">
<span>奖池</span>
<el-select
v-model="inquire.value"
placeholder="请选择"
@change="handleChange"
>
<el-option
v-for="item in inquire.options"
:key="item.type"
:label="item.name"
:value="item.type"
>
</el-option>
</el-select>
</div>
</div>
<!-- 总分组 -->
<div class="allArr">
目前数组 <span>{{ allArr.length }} </span> :
<span class="span" v-for="(item, index) in allArr" :key="index">
{{ item.expect }},
</span>
</div>
<!-- 数组设置 -->
<div class="arrSet">数组设置</div>
<!-- 数组内容 -->
<div class="arrContent" v-for="(item, index) in arr" :key="index">
<div class="arrBox">
<div class="left">
<div class="left_in1">
期望: <b class="b1">{{ item.expect }}</b> ,
</div>
<div class="left_in2">
中奖率: <b class="b2">{{ (item.winRate * 100).toFixed(2) }}%</b> ,
</div>
</div>
<div class="right" v-for="(arrInItem, i) in item.itemList" :key="i">
<span>{{ arrInItem.multi }}</span>
<el-input
@input="handleInput(index, i, $event)"
v-model="arrInItem.num"
placeholder=""
class="input"
/>
</div>
</div>
</div>
<!-- 按钮 -->
<div class="but">
<el-button class="primary" type="primary" @click="saveFun()"
>保存
</el-button>
</div>
</div>
</template>
<script>
import { listType, list, save } from "@/api/luckGift/luckGift";
// @ts-ignore
import { dateFormat } from "@/utils/system-helper";
// @ts-ignore
import { ElMessage } from "element-plus";
import moment from "moment-timezone";
export default {
name: "luckGiftArrange",
data() {
return {
//查询所需条件对象
inquire: {
value: "",
options: [],
},
allArr: [], //总数组
arr: [], //处理下面总数组
};
},
created() {
listType().then((res) => {
this.inquire.options = res.data;
this.inquire.value = res.data[0].type;
this.getData();
});
},
methods: {
// 查询接口
getData() {
list({ type: this.inquire.value }).then((res) => {
this.allArr = res.data;
this.arr = res.data;
});
},
handleInput(index, i, val) {
// 期望值 expectedvalue = 倍数 * 5 * num / 2500
// 中奖率 winRate =不为θ的倍数的num / 500
this.arr[index].expect = this.calculationFun(index, i, val).expect;
this.arr[index].winRate = this.calculationFun(index, i, val).winRate;
},
// 计算函数
calculationFun(index, i, val) {
var expectNum = 0;
var winRate = 0;
this.arr[index].itemList.forEach((res) => {
expectNum += res.multi * res.num;
winRate += Number(res.num);
});
console.log(winRate);
return {
expect: (expectNum / 500).toFixed(2),
winRate: (winRate / 500).toFixed(4),
};
},
// 保存
saveFun() {
//
save(JSON.stringify({ poolList: this.arr, type: this.inquire.value })).then((res) => {
if (res.code == 200) {
ElMessage({
showClose: true,
message: "保存成功",
type: "success",
});
this.getData();
} else {
ElMessage({
showClose: true,
message: res.message,
type: "error",
});
}
});
},
// 监听类型
handleChange(value) {
this.inquire.value = value;
this.getData();
},
},
};
</script>
<style lang="less" scoped>
.box {
padding-top: 20px;
background: #ecf0f5;
font-size: 18px;
.condition {
margin-bottom: 20px;
.inquire {
display: inline-block;
margin-right: 20px;
span {
margin-right: 10px;
}
.input {
width: 180px;
margin-right: 10px;
}
}
}
.but {
margin-bottom: 20px;
}
.allArr {
margin: 20px 0 10px 0;
span {
color: red;
}
.span {
margin: 0 10px;
}
}
.arrSet {
margin-bottom: 0px;
}
.arrContent {
// margin-bottom: 20px;
height: 50px;
line-height: 50px;
.arrBox {
.left {
float: left;
div {
min-width: 120px;
display: inline-block;
.b1 {
color: red;
}
.b2 {
color: blue;
}
}
.left_in2 {
margin-right: 30px;
}
}
.right {
float: left;
span {
display: inline-block;
margin-right: 5px;
}
.input {
display: inline-block;
width: 100px;
margin-right: 10px;
font-size: 16px;
}
}
}
}
}
</style>

View File

@@ -0,0 +1,141 @@
<template>
<div class="box">
<!-- ID -->
<div class="condition">
<div class="inquire">
<span>MoliStar ID</span>
<el-input v-model="inquire.userId" placeholder="" class="input">
</el-input>
</div>
<!-- 送出时间 -->
<div class="inquire">
<span>送出时间</span>
<el-date-picker v-model="inquire.time" type="date" placeholder="请选择">
</el-date-picker>
</div>
</div>
<!-- 按钮 -->
<div class="but">
<el-button class="primary" type="primary" @click="getData()"
>查询
</el-button>
<el-button
@click="
inquire.userId = '';
inquire.time = '';
getData();
"
>重置搜索
</el-button>
</div>
<!-- 表格 -->
<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="uid" />
<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="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>
<!-- 分页 -->
<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 {} from "@/api/luckGift/luckGift";
// @ts-ignore
import { dateFormat } from "@/utils/system-helper";
// @ts-ignore
import { ElMessage } from "element-plus";
import moment from "moment-timezone";
export default {
name: "luckGiftData",
data() {
return {
loading: false,
//查询所需条件对象
inquire: {
userId: "",
time: "",
},
// 表格
tableData: [],
// 分页
total: 10, //总页数
currentPage: 1, //页码
pageSize: 10, //条数
};
},
created() {
// this.getData();
},
methods: {
// 查询接口
getData() {
console.log(dateFormat(this.inquire.time, "yyyy-MM-dd"));
this.loading = true;
// pageRecord({
// erbanNo: this.inquire.userId,
// current: this.currentPage,
// size: this.pageSize,
// }).then((res) => {
// this.total = res.data.total;
// this.tableData = res.data.rows;
// this.loading = false;
// });
},
// 分页导航
handleSizeChange() {
this.getData();
},
handleCurrentChange() {
this.getData();
},
},
};
</script>
<style lang="less" scoped>
.box {
padding-top: 20px;
background: #ecf0f5;
.condition {
margin-bottom: 20px;
.inquire {
display: inline-block;
margin-right: 20px;
span {
margin-right: 10px;
}
.input {
width: 180px;
margin-right: 10px;
}
}
}
.but {
margin-bottom: 20px;
}
}
</style>

View File

@@ -0,0 +1,154 @@
<template>
<div class="box">
<div class="condition">
<!-- 分区 -->
<div class="inquire">
<span>分区</span>
<el-select v-model="inquire.value" placeholder="请选择">
<el-option
v-for="item in inquire.options"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</div>
<!-- 时间 -->
<div class="inquire">
<span>时间</span>
<el-date-picker v-model="inquire.time" type="date" placeholder="请选择">
</el-date-picker>
</div>
</div>
<!-- 按钮 -->
<div class="but">
<el-button class="primary" type="primary" @click="getData()"
>查询
</el-button>
</div>
<!-- 表格 -->
<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="送礼金币总额" />
<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="中奖人数" />
<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>
<!-- 分页 -->
<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 {} from "@/api/luckGift/luckGift";
// @ts-ignore
import { dateFormat } from "@/utils/system-helper";
// @ts-ignore
import { ElMessage } from "element-plus";
import moment from "moment-timezone";
export default {
name: "luckGiftDataAll",
data() {
return {
loading: false,
//查询所需条件对象
inquire: {
value: "",
options: [
{
value: 2,
label: "阿拉伯区",
},
{
value: 1,
label: "英语区",
},
{
value: 4,
label: "华语区",
},
],
time: "",
},
// 表格
tableData: [],
// 分页
total: 10, //总页数
currentPage: 1, //页码
pageSize: 10, //条数
};
},
created() {
// this.getData();
},
methods: {
// 查询接口
getData() {
console.log(dateFormat(this.inquire.time, "yyyy-MM-dd"));
this.loading = true;
// pageRecord({
// erbanNo: this.inquire.userId,
// current: this.currentPage,
// size: this.pageSize,
// }).then((res) => {
// this.total = res.data.total;
// this.tableData = res.data.rows;
// this.loading = false;
// });
},
// 分页导航
handleSizeChange() {
this.getData();
},
handleCurrentChange() {
this.getData();
},
},
};
</script>
<style lang="less" scoped>
.box {
padding-top: 20px;
background: #ecf0f5;
.condition {
margin-bottom: 20px;
.inquire {
display: inline-block;
margin-right: 20px;
span {
margin-right: 10px;
}
.input {
width: 180px;
margin-right: 10px;
}
}
}
.but {
margin-bottom: 20px;
}
}
</style>