152 lines
3.8 KiB
Vue
152 lines
3.8 KiB
Vue
<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-button type="text">数组出金币总额：{{ totalInput }}</el-button>
|
||
<el-button type="text">数组出返币总额：{{ totalOutput }}</el-button>
|
||
<el-button type="text">投产比：{{ totalProductionRatio }}</el-button>
|
||
<!-- 表格 -->
|
||
<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 prop="totalInput" align="center" label="进入" />
|
||
<el-table-column prop="totalOutput" align="center" label="退出" />
|
||
<el-table-column
|
||
prop="productionRatio"
|
||
align="center"
|
||
label="退出/进入比例"
|
||
/>
|
||
<el-table-column prop="num" align="center" label="参与次数" />
|
||
<el-table-column prop="count" align="center" label="参与人数" />
|
||
<el-table-column prop="winCount" align="center" label="得到人数" />
|
||
<el-table-column prop="winNum" align="center" label="得到次数" />
|
||
<el-table-column prop="winRate" align="center" label="得到率" />
|
||
</el-table>
|
||
</div>
|
||
</template>
|
||
<script>
|
||
import { platform } 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,
|
||
totalInput: "0",
|
||
totalOutput: "0",
|
||
totalProductionRatio: "0",
|
||
//查询所需条件对象
|
||
inquire: {
|
||
value: 2,
|
||
options: [
|
||
{
|
||
value: 2,
|
||
label: "阿拉伯区",
|
||
},
|
||
{
|
||
value: 1,
|
||
label: "英语区",
|
||
},
|
||
{
|
||
value: 4,
|
||
label: "华语区",
|
||
},
|
||
{
|
||
value: 8,
|
||
label: "土耳其区",
|
||
},
|
||
],
|
||
time: "",
|
||
},
|
||
// 表格
|
||
tableData: [],
|
||
// 分页
|
||
total: 10, //总页数
|
||
currentPage: 1, //页码
|
||
pageSize: 10, //条数
|
||
};
|
||
},
|
||
created() {
|
||
// this.getData();
|
||
},
|
||
methods: {
|
||
// 查询接口
|
||
getData() {
|
||
this.loading = true;
|
||
platform({
|
||
partitionId: this.inquire.value,
|
||
}).then((res) => {
|
||
this.totalInput = res.data.totalInput;
|
||
this.totalOutput = res.data.totalOutput;
|
||
this.totalProductionRatio = res.data.totalProductionRatio;
|
||
this.tableData = res.data.dataList;
|
||
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>
|