<template>
|
<!--
|
作者：
|
时间：2025-11-18
|
描述：插件中心-VIP专区-提现申请
|
-->
|
<div class="table-wrap">
|
<div class="table-search">
|
<el-form :inline="true" :model="formInline" class="demo-form-inline">
|
<el-form-item label="用户昵称">
|
<el-input v-model="formInline.nick_name" placeholder="用户昵称"></el-input>
|
</el-form-item>
|
<el-form-item label="申请状态">
|
<el-select v-model="formInline.apply_status" placeholder="申请状态">
|
<el-option label="全部" value="-1"></el-option>
|
<el-option label="待审核" value="10"></el-option>
|
<el-option label="审核通过" value="20"></el-option>
|
<el-option label="驳回" value="30"></el-option>
|
<el-option label="已打款" value="40"></el-option>
|
</el-select>
|
</el-form-item>
|
<el-form-item>
|
<el-button type="primary" @click="onSubmit">查询</el-button>
|
</el-form-item>
|
</el-form>
|
</div>
|
<div class="table-content">
|
<el-table :data="list.data" style="width: 100%">
|
<el-table-column type="index" label="序号" width="50"> </el-table-column>
|
<el-table-column prop="user.nickName" label="用户信息">
|
<template slot-scope="scope">
|
<div class="d-s-c">
|
<div class="head-img mr10">
|
<img :src="scope.row.user.avatarUrl" width="30" height="30" alt="" />
|
</div>
|
<div>
|
<p>{{ scope.row.user.nickName }}</p>
|
<p class="gray9">ID: {{ scope.row.user_id }}</p>
|
</div>
|
</div>
|
</template>
|
</el-table-column>
|
<el-table-column prop="money" label="提现金额">
|
<template slot-scope="scope">
|
<span class="orange">￥{{ scope.row.money }}</span>
|
</template>
|
</el-table-column>
|
<el-table-column prop="pay_type" label="打款方式">
|
<template slot-scope="scope">
|
<span>{{ scope.row.pay_type | payTypeFilter }}</span>
|
</template>
|
</el-table-column>
|
<el-table-column prop="apply_status" label="申请状态">
|
<template slot-scope="scope">
|
<el-tag :type="scope.row.apply_status | statusTypeFilter">{{ scope.row.apply_status.text }}</el-tag>
|
</template>
|
</el-table-column>
|
<el-table-column prop="create_time" label="申请时间" width="140"> </el-table-column>
|
<el-table-column prop="audit_time" label="审核时间" width="140"> </el-table-column>
|
<el-table-column fixed="right" label="操作" width="150">
|
<template slot-scope="scope">
|
<el-button v-if="scope.row.apply_status.value == 10" @click="editClick(scope.row)" type="text" size="small">去审核</el-button>
|
<el-button v-if="scope.row.apply_status.value == 20" @click="payClick(scope.row)" type="text" size="small">确认打款</el-button>
|
</template>
|
</el-table-column>
|
</el-table>
|
</div>
|
<!--分页-->
|
<div class="pagination">
|
<el-pagination
|
@size-change="handleSizeChange"
|
@current-change="handleCurrentChange"
|
:current-page="curPage"
|
:page-sizes="[10, 20, 50, 100]"
|
:page-size="pageSize"
|
layout="total, sizes, prev, pager, next, jumper"
|
:total="list.total"
|
>
|
</el-pagination>
|
</div>
|
|
<!-- 审核弹窗 -->
|
<el-dialog title="审核" :visible.sync="dialogFormVisible" width="500px">
|
<el-form :model="form" label-width="80px">
|
<el-form-item label="审核状态">
|
<el-radio-group v-model="form.apply_status">
|
<el-radio :label="20">审核通过</el-radio>
|
<el-radio :label="30">驳回</el-radio>
|
</el-radio-group>
|
</el-form-item>
|
<el-form-item label="驳回原因" v-if="form.apply_status == 30">
|
<el-input type="textarea" v-model="form.reject_reason" placeholder="请输入驳回原因"></el-input>
|
</el-form-item>
|
</el-form>
|
<div slot="footer" class="dialog-footer">
|
<el-button @click="dialogFormVisible = false">取 消</el-button>
|
<el-button type="primary" @click="submitAudit">确 定</el-button>
|
</div>
|
</el-dialog>
|
</div>
|
</template>
|
|
<script>
|
import PlusApi from '@/api/plus/vip.js';
|
|
export default {
|
data() {
|
return {
|
formInline: {
|
nick_name: '',
|
apply_status: '-1'
|
},
|
/*列表*/
|
list: [],
|
/*分页*/
|
curPage: 1,
|
pageSize: 10,
|
/*弹窗*/
|
dialogFormVisible: false,
|
/*表单*/
|
form: {
|
id: 0,
|
apply_status: 20,
|
reject_reason: ''
|
}
|
};
|
},
|
filters: {
|
payTypeFilter(val) {
|
const payTypeMap = {
|
10: '微信',
|
20: '支付宝',
|
30: '银行卡'
|
};
|
return payTypeMap[val];
|
},
|
statusTypeFilter(val) {
|
const statusTypeMap = {
|
10: 'warning',
|
20: 'success',
|
30: 'danger',
|
40: 'success'
|
};
|
return statusTypeMap[val];
|
}
|
},
|
created() {
|
this.getData();
|
},
|
methods: {
|
/*获取数据*/
|
getData() {
|
let self = this;
|
let params = {
|
list_rows: self.pageSize,
|
page: self.curPage,
|
nick_name: self.formInline.nick_name,
|
apply_status: self.formInline.apply_status
|
};
|
PlusApi.cash(params, true)
|
.then(data => {
|
self.list = data.data.list;
|
})
|
.catch(error => {});
|
},
|
|
/*查询*/
|
onSubmit() {
|
this.curPage = 1;
|
this.getData();
|
},
|
|
/*分页*/
|
handleSizeChange(val) {
|
this.pageSize = val;
|
this.getData();
|
},
|
handleCurrentChange(val) {
|
this.curPage = val;
|
this.getData();
|
},
|
|
/*审核*/
|
editClick(item) {
|
this.form.id = item.id;
|
this.form.apply_status = 20;
|
this.form.reject_reason = '';
|
this.dialogFormVisible = true;
|
},
|
|
/*确认打款*/
|
payClick(item) {
|
let self = this;
|
this.$confirm('确认已打款?', '提示', {
|
confirmButtonText: '确定',
|
cancelButtonText: '取消',
|
type: 'warning'
|
}).then(() => {
|
let params = {
|
id: item.id,
|
apply_status: 40
|
};
|
PlusApi.money(params, true)
|
.then(data => {
|
self.$message({
|
message: '操作成功',
|
type: 'success'
|
});
|
self.getData();
|
})
|
.catch(error => {});
|
});
|
},
|
|
/*提交审核*/
|
submitAudit() {
|
let self = this;
|
let params = {
|
id: self.form.id,
|
apply_status: self.form.apply_status,
|
reject_reason: self.form.reject_reason
|
};
|
PlusApi.audit(params, true)
|
.then(data => {
|
self.$message({
|
message: '操作成功',
|
type: 'success'
|
});
|
self.dialogFormVisible = false;
|
self.getData();
|
})
|
.catch(error => {});
|
}
|
}
|
};
|
</script>
|
|
<style>
|
</style>
|
