用户充值等级
This commit is contained in:
khalil
19
src/api/userRechargeLevel/userRechargeLevel.js
Normal file
19
src/api/userRechargeLevel/userRechargeLevel.js
Normal file
@@ -0,0 +1,19 @@
|
|||||||
|
import request from '@/utils/request';
|
||||||
|
|
||||||
|
// 获取用户充值等级列表
|
||||||
|
export const listLevel = query => {
|
||||||
|
return request({
|
||||||
|
url: '/admin/recharge/userRechargeLevel/listLevel',
|
||||||
|
method: 'get',
|
||||||
|
params: query
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
// 获取用户充值等级列表
|
||||||
|
export const pageUserRechargeLevel = query => {
|
||||||
|
return request({
|
||||||
|
url: '/admin/recharge/userRechargeLevel/page',
|
||||||
|
method: 'get',
|
||||||
|
params: query
|
||||||
|
});
|
||||||
|
};
|
||||||
196
src/views/users/userRechargeLevel.vue
Normal file
196
src/views/users/userRechargeLevel.vue
Normal file
@@ -0,0 +1,196 @@
|
|||||||
|
<template>
|
||||||
|
<div class="box">
|
||||||
|
<div class="inquire">
|
||||||
|
<span>平台ID:</span>
|
||||||
|
<el-input v-model="formData.erbanNo"
|
||||||
|
placeholder=""
|
||||||
|
class="input" />
|
||||||
|
</div>
|
||||||
|
<div class="inquire">
|
||||||
|
<span>分区</span>
|
||||||
|
<partition-select v-model:partition-id="formData.partitionId"
|
||||||
|
v-model:after-init="getData" />
|
||||||
|
</div>
|
||||||
|
<div class="inquire">
|
||||||
|
<el-select v-model="formData.level">
|
||||||
|
<el-option label="全部"
|
||||||
|
value=""></el-option>
|
||||||
|
<el-option v-for="item in levelList"
|
||||||
|
:key="item"
|
||||||
|
:label="item"
|
||||||
|
:value="item"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<el-button style=""
|
||||||
|
type="primary"
|
||||||
|
@click="getData">查询</el-button>
|
||||||
|
<el-button style=""
|
||||||
|
type="primary"
|
||||||
|
@click="resetFormData">重置</el-button>
|
||||||
|
<!-- 表格数据 -->
|
||||||
|
<el-table v-loading="tableData.loading"
|
||||||
|
:data="tableData.data"
|
||||||
|
ref="multipleTable"
|
||||||
|
@selection-change="handleSelectionChange"
|
||||||
|
border
|
||||||
|
style="width: 100%; margin-top: 25px">
|
||||||
|
<el-table-column prop="erbanNo"
|
||||||
|
align="center"
|
||||||
|
label="用户ID" />
|
||||||
|
<el-table-column prop="nick"
|
||||||
|
align="center"
|
||||||
|
label="用户昵称" />
|
||||||
|
<el-table-column prop="partitionDesc"
|
||||||
|
align="center"
|
||||||
|
label="分区" />
|
||||||
|
<el-table-column prop="regionDesc"
|
||||||
|
align="center"
|
||||||
|
label="国家" />
|
||||||
|
<el-table-column prop="level"
|
||||||
|
align="center"
|
||||||
|
label="充值等级" />
|
||||||
|
<el-table-column prop="isRechargeUser"
|
||||||
|
align="center"
|
||||||
|
label="是否充值代理">
|
||||||
|
<template v-slot="scope">
|
||||||
|
{{ scope.row.isRechargeUser ? '是' : '否' }}
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="totalGold"
|
||||||
|
align="center"
|
||||||
|
label="总充值金额">
|
||||||
|
<template v-slot="scope">
|
||||||
|
{{ formattedNumber(scope.row.totalGold) }}
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="last60TotalGold"
|
||||||
|
align="center"
|
||||||
|
label="近60天充值金额">
|
||||||
|
<template v-slot="scope">
|
||||||
|
{{ formattedNumber(scope.row.last60TotalGold) }}
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
<!-- 分页 -->
|
||||||
|
<el-pagination style="margin-top: 10px"
|
||||||
|
class="paginationClass"
|
||||||
|
:current-page="formData.page"
|
||||||
|
:page-size="formData.pageSize"
|
||||||
|
:page-sizes="[20, 50, 100, 200]"
|
||||||
|
layout="sizes, prev, pager, next"
|
||||||
|
:total="tableData.total"
|
||||||
|
@size-change="handleSizeChange"
|
||||||
|
@current-change="handleCurrentChange" />
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { ref, onMounted, reactive, computed } from 'vue'
|
||||||
|
import PartitionSelect from "@/views/common/partitionSelect.vue";
|
||||||
|
import { listLevel, pageUserRechargeLevel } from '@/api/userRechargeLevel/userRechargeLevel'
|
||||||
|
import { ElMessage } from "element-plus";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: 'userRechargeLevel',
|
||||||
|
components: {
|
||||||
|
PartitionSelect
|
||||||
|
},
|
||||||
|
setup () {
|
||||||
|
const levelList = ref([])
|
||||||
|
const formData = reactive({
|
||||||
|
partitionId: undefined,
|
||||||
|
page: 1,
|
||||||
|
pageSize: 20,
|
||||||
|
erbanNo: '',
|
||||||
|
level: '',
|
||||||
|
})
|
||||||
|
const tableData = reactive({
|
||||||
|
data: [],
|
||||||
|
total: 0,
|
||||||
|
loading: false,
|
||||||
|
})
|
||||||
|
const initLevelSelect = () => {
|
||||||
|
listLevel().then(res => {
|
||||||
|
if (res.code !== 200) {
|
||||||
|
ElMessage.error(res.message);
|
||||||
|
return
|
||||||
|
}
|
||||||
|
levelList.value = res.data;
|
||||||
|
})
|
||||||
|
};
|
||||||
|
const getData = () => {
|
||||||
|
tableData.loading = true;
|
||||||
|
pageUserRechargeLevel(formData).then(res => {
|
||||||
|
if (res.code != 200) {
|
||||||
|
ElMessage.error(res.message);
|
||||||
|
return
|
||||||
|
}
|
||||||
|
tableData.data = res.data.rows
|
||||||
|
tableData.total = res.data.total
|
||||||
|
}).finally(() => {
|
||||||
|
tableData.loading = false;
|
||||||
|
})
|
||||||
|
};
|
||||||
|
// 千分位
|
||||||
|
const formattedNumber = computed(() => {
|
||||||
|
return (num) => {
|
||||||
|
if (num === null || num === undefined) return '';
|
||||||
|
return num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
|
||||||
|
};
|
||||||
|
})
|
||||||
|
const handleSizeChange = (val) => {
|
||||||
|
formData.pageSize = val;
|
||||||
|
getData();
|
||||||
|
};
|
||||||
|
const handleCurrentChange = (val) => {
|
||||||
|
formData.page = val;
|
||||||
|
getData();
|
||||||
|
};
|
||||||
|
|
||||||
|
onMounted(() => {
|
||||||
|
initLevelSelect();
|
||||||
|
});
|
||||||
|
|
||||||
|
return {
|
||||||
|
formData,
|
||||||
|
getData,
|
||||||
|
tableData,
|
||||||
|
levelList,
|
||||||
|
handleSizeChange,
|
||||||
|
handleCurrentChange,
|
||||||
|
formattedNumber
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="less" scoped>
|
||||||
|
.box {
|
||||||
|
padding-top: 20px;
|
||||||
|
background: #ecf0f5;
|
||||||
|
|
||||||
|
.inquire {
|
||||||
|
display: inline-block;
|
||||||
|
margin-right: 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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
Reference in New Issue
Block a user