官方提现记录-修复分页
This commit is contained in:
khalil
@@ -3,135 +3,143 @@
|
||||
<div class="container">
|
||||
<div class="region-box">
|
||||
<el-radio-group v-model="region">
|
||||
<el-radio
|
||||
v-for="(item, index) in userAreaRegion"
|
||||
:key="index"
|
||||
:label="item.value"
|
||||
>{{ item.name }}</el-radio
|
||||
>
|
||||
<el-radio v-for="(item, index) in userAreaRegion"
|
||||
:key="index"
|
||||
:label="item.value">{{ item.name }}</el-radio>
|
||||
</el-radio-group>
|
||||
</div>
|
||||
<div class="handle-box">
|
||||
<el-form
|
||||
ref="searchForm"
|
||||
:model="searchForm"
|
||||
:rules="searchRule"
|
||||
label-width="90px"
|
||||
:disabled="tableLoading"
|
||||
>
|
||||
<el-form ref="searchForm"
|
||||
:model="searchForm"
|
||||
:rules="searchRule"
|
||||
label-width="90px"
|
||||
:disabled="tableLoading">
|
||||
<div class="search-line">
|
||||
<el-form-item label="分区" prop="partitionId">
|
||||
<el-form-item label="分区"
|
||||
prop="partitionId">
|
||||
<partition-select v-model:partition-id="searchForm.partitionId"
|
||||
v-model:partition-infos="partitionArr"
|
||||
v-model:handle-change="getlistByPartitionId"
|
||||
v-model:after-init="getData"
|
||||
/>
|
||||
v-model:after-init="getData" />
|
||||
</el-form-item>
|
||||
<el-form-item label="MoliStar ID" prop="agencyOwnerErbanNo">
|
||||
<el-input
|
||||
v-model.trim="searchForm.agencyOwnerErbanNo"
|
||||
placeholder="请输入"
|
||||
></el-input>
|
||||
<el-form-item label="MoliStar ID"
|
||||
prop="agencyOwnerErbanNo">
|
||||
<el-input v-model.trim="searchForm.agencyOwnerErbanNo"
|
||||
placeholder="请输入"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="提现状态" prop="status">
|
||||
<el-form-item label="提现状态"
|
||||
prop="status">
|
||||
<el-select v-model="searchForm.status">
|
||||
<el-option label="审核中" value="0"></el-option>
|
||||
<el-option label="审核通过" value="1"></el-option>
|
||||
<el-option label="未通过" value="2"></el-option>
|
||||
<el-option label="审核中"
|
||||
value="0"></el-option>
|
||||
<el-option label="审核通过"
|
||||
value="1"></el-option>
|
||||
<el-option label="未通过"
|
||||
value="2"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="提现账户" prop="accountType">
|
||||
<el-form-item label="提现账户"
|
||||
prop="accountType">
|
||||
<el-select v-model="searchForm.accountType">
|
||||
<el-option label="Vodafone" value="VODAFONE"></el-option>
|
||||
<el-option label="Payonner" value="PAYONNER"></el-option>
|
||||
<el-option label="USD" value="USDT"></el-option>
|
||||
<el-option label="Bank" value="BANK"></el-option>
|
||||
<el-option label="Other" value="OTHER"></el-option>
|
||||
<el-option label="Vodafone"
|
||||
value="VODAFONE"></el-option>
|
||||
<el-option label="Payonner"
|
||||
value="PAYONNER"></el-option>
|
||||
<el-option label="USD"
|
||||
value="USDT"></el-option>
|
||||
<el-option label="Bank"
|
||||
value="BANK"></el-option>
|
||||
<el-option label="Other"
|
||||
value="OTHER"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="国家" prop="country">
|
||||
<el-form-item label="国家"
|
||||
prop="country">
|
||||
<el-select v-model="searchForm.country">
|
||||
<el-option
|
||||
v-for="(item, index) in adminCountryArr"
|
||||
:key="index"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
></el-option>
|
||||
<el-option v-for="(item, index) in adminCountryArr"
|
||||
:key="index"
|
||||
:label="item.label"
|
||||
:value="item.value"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="时间" class="large">
|
||||
<el-form-item label="时间"
|
||||
class="large">
|
||||
<el-form-item prop="startTime">
|
||||
<el-date-picker
|
||||
type="datetime"
|
||||
placeholder="选择开始时间"
|
||||
v-model="searchForm.startTime"
|
||||
></el-date-picker>
|
||||
<el-date-picker type="datetime"
|
||||
placeholder="选择开始时间"
|
||||
v-model="searchForm.startTime"></el-date-picker>
|
||||
</el-form-item>
|
||||
<el-col :span="2" align="center">-</el-col>
|
||||
<el-col :span="2"
|
||||
align="center">-</el-col>
|
||||
<el-form-item prop="endTime">
|
||||
<el-date-picker
|
||||
type="datetime"
|
||||
placeholder="选择结束时间"
|
||||
v-model="searchForm.endTime"
|
||||
></el-date-picker>
|
||||
<el-date-picker type="datetime"
|
||||
placeholder="选择结束时间"
|
||||
v-model="searchForm.endTime"></el-date-picker>
|
||||
</el-form-item>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label-width="40px">
|
||||
<el-button type="primary" @click="handSearch">搜索</el-button>
|
||||
<el-button type="primary" plain @click="resetSearchForm"
|
||||
>重置搜索</el-button
|
||||
>
|
||||
<el-button
|
||||
type="primary"
|
||||
class="exportBtn"
|
||||
@click="confirmExport2Excel"
|
||||
>导出</el-button
|
||||
>
|
||||
<el-button @click="handleChangeAll()" type="info" plain
|
||||
>批量发放</el-button
|
||||
>
|
||||
<el-button
|
||||
@click="
|
||||
<el-button type="primary"
|
||||
@click="handSearch">搜索</el-button>
|
||||
<el-button type="primary"
|
||||
plain
|
||||
@click="resetSearchForm">重置搜索</el-button>
|
||||
<el-button type="primary"
|
||||
class="exportBtn"
|
||||
@click="confirmExport2Excel">导出</el-button>
|
||||
<el-button @click="handleChangeAll()"
|
||||
type="info"
|
||||
plain>批量发放</el-button>
|
||||
<el-button @click="
|
||||
centerDialogVisible = true;
|
||||
centerDialogVisibleType = 1;
|
||||
"
|
||||
type="info"
|
||||
plain
|
||||
>批量驳回</el-button
|
||||
>
|
||||
type="info"
|
||||
plain>批量驳回</el-button>
|
||||
</el-form-item>
|
||||
</div>
|
||||
</el-form>
|
||||
</div>
|
||||
<!-- 表格 -->
|
||||
<div class="table">
|
||||
<el-table
|
||||
:data="tableData"
|
||||
border
|
||||
v-loading="tableLoading"
|
||||
@header-click="headerCopy"
|
||||
@selection-change="handleSelectionChange"
|
||||
style="width: 100%; overflow-x: auto"
|
||||
>
|
||||
<el-table :data="tableData"
|
||||
border
|
||||
v-loading="tableLoading"
|
||||
@header-click="headerCopy"
|
||||
@selection-change="handleSelectionChange"
|
||||
style="width: 100%; overflow-x: auto">
|
||||
<el-table-column type="selection"> </el-table-column>
|
||||
<el-table-column align="center" prop="erbanNo" label="MoliStar ID" />
|
||||
<el-table-column align="center" prop="partitionDesc" label="分区" />
|
||||
<el-table-column align="center" prop="nick" label="昵称" />
|
||||
<el-table-column align="center" prop="guildId" label="公会id" />
|
||||
<el-table-column align="center" prop="roleTypeDesc" label="角色" />
|
||||
<el-table-column align="center" prop="guildOwnerErbanNo" label="公会长id" />
|
||||
<el-table-column align="center" prop="accountCountry" label="国家" />
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="blocked"
|
||||
label="用户当前账户状态"
|
||||
>
|
||||
<el-table-column align="center"
|
||||
prop="erbanNo"
|
||||
label="MoliStar ID" />
|
||||
<el-table-column align="center"
|
||||
prop="partitionDesc"
|
||||
label="分区" />
|
||||
<el-table-column align="center"
|
||||
prop="nick"
|
||||
label="昵称" />
|
||||
<el-table-column align="center"
|
||||
prop="guildId"
|
||||
label="公会id" />
|
||||
<el-table-column align="center"
|
||||
prop="roleTypeDesc"
|
||||
label="角色" />
|
||||
<el-table-column align="center"
|
||||
prop="guildOwnerErbanNo"
|
||||
label="公会长id" />
|
||||
<el-table-column align="center"
|
||||
prop="accountCountry"
|
||||
label="国家" />
|
||||
<el-table-column align="center"
|
||||
prop="blocked"
|
||||
label="用户当前账户状态">
|
||||
<template v-slot="scope">
|
||||
{{ scope.row.blocked ? "封禁" : "正常" }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" prop="status" label="申请状态">
|
||||
<el-table-column align="center"
|
||||
prop="status"
|
||||
label="申请状态">
|
||||
<template v-slot="scope">
|
||||
{{
|
||||
scope.row.status == 0
|
||||
@@ -142,59 +150,59 @@
|
||||
}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" prop="createTime" label="申请时间" />
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="accountType"
|
||||
label="提现类型 "
|
||||
/>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="guildUsdNum"
|
||||
label="提现薪资US"
|
||||
/>
|
||||
<el-table-column align="center" prop="currency" label="发放币种" />
|
||||
<el-table-column align="center" prop="currencyNum" label="发放金额" />
|
||||
<el-table-column align="center" prop="withdrawRate" label="手续费" />
|
||||
<el-table-column align="center" prop="withdrawNum" label="核销薪资" />
|
||||
<el-table-column align="center" prop="remark" label="驳回理由">
|
||||
<el-table-column align="center"
|
||||
prop="createTime"
|
||||
label="申请时间" />
|
||||
<el-table-column align="center"
|
||||
prop="accountType"
|
||||
label="提现类型 " />
|
||||
<el-table-column align="center"
|
||||
prop="guildUsdNum"
|
||||
label="提现薪资US" />
|
||||
<el-table-column align="center"
|
||||
prop="currency"
|
||||
label="发放币种" />
|
||||
<el-table-column align="center"
|
||||
prop="currencyNum"
|
||||
label="发放金额" />
|
||||
<el-table-column align="center"
|
||||
prop="withdrawRate"
|
||||
label="手续费" />
|
||||
<el-table-column align="center"
|
||||
prop="withdrawNum"
|
||||
label="核销薪资" />
|
||||
<el-table-column align="center"
|
||||
prop="remark"
|
||||
label="驳回理由">
|
||||
<template v-slot="scope">
|
||||
{{ scope.row.remark ? scope.row.remark : "/" }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="hallSalary"
|
||||
label="操作"
|
||||
width="150"
|
||||
>
|
||||
<el-table-column align="center"
|
||||
prop="hallSalary"
|
||||
label="操作"
|
||||
width="150">
|
||||
<template v-slot="scope">
|
||||
<div v-if="scope.row.status == 0">
|
||||
<el-button
|
||||
@click="handleChange(scope.row)"
|
||||
type="text"
|
||||
size="mini"
|
||||
>
|
||||
<el-button @click="handleChange(scope.row)"
|
||||
type="text"
|
||||
size="mini">
|
||||
发放
|
||||
</el-button>
|
||||
<el-button
|
||||
@click="
|
||||
<el-button @click="
|
||||
centerDialogVisible = true;
|
||||
centerDialogVisibleType = 2;
|
||||
centerDialogVisibleID = scope.row.id;
|
||||
"
|
||||
type="text"
|
||||
size="mini"
|
||||
>
|
||||
type="text"
|
||||
size="mini">
|
||||
驳回
|
||||
</el-button>
|
||||
</div>
|
||||
<div>
|
||||
<el-button
|
||||
@click="accountInfosFun(scope.row)"
|
||||
type="text"
|
||||
size="mini"
|
||||
>
|
||||
<el-button @click="accountInfosFun(scope.row)"
|
||||
type="text"
|
||||
size="mini">
|
||||
查看详情
|
||||
</el-button>
|
||||
</div>
|
||||
@@ -203,30 +211,33 @@
|
||||
</el-table>
|
||||
</div>
|
||||
<!-- 分页 -->
|
||||
<table-pagination
|
||||
:pageParams="pageParams"
|
||||
:pageTotal="pageTotal"
|
||||
:page-sizes="[10, 20, 100, 200]"
|
||||
@handleSizeChange="handleSizeChange"
|
||||
@handlePageChange="handlePageChange"
|
||||
></table-pagination>
|
||||
<table-pagination :pageParams="pageParams"
|
||||
:pageTotal="pageTotal"
|
||||
:page-sizes="[10, 20, 100, 200]"
|
||||
@handleSizeChange="handleSizeChange"
|
||||
@handlePageChange="handlePageChange"></table-pagination>
|
||||
<!-- 驳回弹窗 -->
|
||||
<el-dialog v-model="centerDialogVisible" title="提示" width="30%" center>
|
||||
<el-dialog v-model="centerDialogVisible"
|
||||
title="提示"
|
||||
width="30%"
|
||||
center>
|
||||
<span> 请选择驳回理由:</span>
|
||||
<div class="boxs">
|
||||
<el-radio class="radios" v-model="radio" label="用户消息提供不足"
|
||||
>用户消息提供不足</el-radio
|
||||
>
|
||||
<el-radio class="radios"
|
||||
v-model="radio"
|
||||
label="用户消息提供不足">用户消息提供不足</el-radio>
|
||||
</div>
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
<el-button @click="centerDialogVisible = false">取消</el-button>
|
||||
<el-button type="primary" @click="dialogClick()"> 确认 </el-button>
|
||||
<el-button type="primary"
|
||||
@click="dialogClick()"> 确认 </el-button>
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
<!-- 提现详情弹窗 -->
|
||||
<el-dialog v-model="centerDialogVisible2" title="提现详情">
|
||||
<el-dialog v-model="centerDialogVisible2"
|
||||
title="提现详情">
|
||||
<div class="boxs2">
|
||||
<div>申请提现时间：{{ accountDetails.createTime }}</div>
|
||||
<div>申请ID：{{ accountDetails.erbanNo }}</div>
|
||||
@@ -274,8 +285,8 @@ import PartitionSelect from "@/views/common/partitionSelect.vue"; // 正确引
|
||||
export default {
|
||||
name: "officialWithdrawRecord",
|
||||
// mixins: [Mixin],
|
||||
components: {PartitionSelect, TablePagination },
|
||||
data() {
|
||||
components: { PartitionSelect, TablePagination },
|
||||
data () {
|
||||
return {
|
||||
dateCycleList: [],
|
||||
btnLoading: false, // 导出弹出框(dialog)的确认按钮
|
||||
@@ -352,15 +363,15 @@ export default {
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
getlistByPartitionId(){
|
||||
adminCountry({partitionId:this.searchForm.partitionId}).then((res) => {
|
||||
getlistByPartitionId () {
|
||||
adminCountry({ partitionId: this.searchForm.partitionId }).then((res) => {
|
||||
if (res.code == 200) {
|
||||
this.adminCountryArr = res.data;
|
||||
this.searchForm.country = ''
|
||||
}
|
||||
});
|
||||
},
|
||||
getData() {
|
||||
getData () {
|
||||
this.tableLoading = true;
|
||||
|
||||
let { pageParams, searchForm } = this;
|
||||
@@ -397,11 +408,11 @@ export default {
|
||||
}
|
||||
});
|
||||
},
|
||||
handleSelectionChange(rows) {
|
||||
handleSelectionChange (rows) {
|
||||
this.idStr = null;
|
||||
this.idStr = rows.map((obj) => obj.id).join(",");
|
||||
},
|
||||
handleChangeAll() {
|
||||
handleChangeAll () {
|
||||
ElMessageBox.confirm("确定要结算吗", "提示", {
|
||||
confirmButtonText: "确定",
|
||||
cancelButtonText: "取消",
|
||||
@@ -427,7 +438,7 @@ export default {
|
||||
});
|
||||
},
|
||||
// 查看详情处理函数
|
||||
accountInfosFun(res) {
|
||||
accountInfosFun (res) {
|
||||
var obj = JSON.parse(res.accountInfos);
|
||||
console.log(obj);
|
||||
this.accountDetails.createTime = res.createTime ? res.createTime : "-";
|
||||
@@ -450,7 +461,7 @@ export default {
|
||||
this.centerDialogVisible2 = true;
|
||||
},
|
||||
// 批量驳回
|
||||
dialogClick() {
|
||||
dialogClick () {
|
||||
batchReject({
|
||||
ids:
|
||||
this.centerDialogVisibleType == 1
|
||||
@@ -481,7 +492,7 @@ export default {
|
||||
});
|
||||
});
|
||||
},
|
||||
handleChange(row) {
|
||||
handleChange (row) {
|
||||
ElMessageBox.confirm("确定要结算吗", "提示", {
|
||||
confirmButtonText: "确定",
|
||||
cancelButtonText: "取消",
|
||||
@@ -507,7 +518,7 @@ export default {
|
||||
});
|
||||
},
|
||||
// 点击搜索
|
||||
handSearch() {
|
||||
handSearch () {
|
||||
this.$refs["searchForm"].validate((valid) => {
|
||||
if (valid) {
|
||||
this.pageParams.pageNo = 1;
|
||||
@@ -516,13 +527,13 @@ export default {
|
||||
});
|
||||
},
|
||||
// 重置搜索表单
|
||||
resetSearchForm() {
|
||||
resetSearchForm () {
|
||||
this.$refs["searchForm"].resetFields();
|
||||
this.pageParams.pageNo = 1;
|
||||
this.getData();
|
||||
},
|
||||
// 确认导出
|
||||
confirmExport2Excel() {
|
||||
confirmExport2Excel () {
|
||||
ElMessageBox.confirm("确定以当前筛选条件导出Excel吗？", "提示", {
|
||||
confirmButtonText: "确定",
|
||||
cancelButtonText: "取消",
|
||||
@@ -571,26 +582,26 @@ export default {
|
||||
});
|
||||
},
|
||||
// 分页导航
|
||||
handleSizeChange(val) {
|
||||
handleSizeChange (val) {
|
||||
this.pageParams.pageSize = val;
|
||||
this.getData();
|
||||
},
|
||||
handlePageChange(val) {
|
||||
this.pageParams.pageSize = val;
|
||||
handlePageChange (val) {
|
||||
this.pageParams.pageNo = val;
|
||||
this.getData();
|
||||
},
|
||||
headerCopy(column, e) {
|
||||
headerCopy (column, e) {
|
||||
this.$copy(column.label);
|
||||
},
|
||||
},
|
||||
computed: {
|
||||
convertTimestamp1() {
|
||||
convertTimestamp1 () {
|
||||
return function (time) {
|
||||
let date = new Date(time);
|
||||
return formatDateYMD(date);
|
||||
};
|
||||
},
|
||||
convertTimestamp() {
|
||||
convertTimestamp () {
|
||||
return function (time) {
|
||||
let date = new Date(time);
|
||||
return formatDate(date);
|
||||
|
||||
Reference in New Issue
Block a user