278 lines
9.8 KiB
Vue
278 lines
9.8 KiB
Vue
<template>
|
|
<div>
|
|
<el-form inline @submit.native.prevent="queryHandle">
|
|
<!-- <el-form-item label="用户ID">
|
|
<el-input v-model="query.userId" placeholder="请输入用户ID" />
|
|
</el-form-item>
|
|
<el-form-item label="用户名">
|
|
<el-input v-model="query.userName" placeholder="请输入用户名" />
|
|
</el-form-item>
|
|
<el-form-item label="支付宝账号">
|
|
<el-input v-model="query.zhifubao" placeholder="请输入支付宝账号" />
|
|
</el-form-item> -->
|
|
<el-form-item>
|
|
<el-input v-model="query.alipayAccountName" placeholder="请输入支付宝账户姓名查询" />
|
|
</el-form-item>
|
|
<!-- <el-form-item label="提现类型">
|
|
<el-select v-model="query.userType">
|
|
<el-option label="全部" value=""></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="状态">
|
|
<el-select v-model="query.state">
|
|
<el-option label="全部" value=""></el-option>
|
|
<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="3"></el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
<el-form-item label="日期">
|
|
<el-date-picker v-model="timeValue" type="datetimerange" range-separator="至" start-placeholder="开始日期"
|
|
end-placeholder="结束日期" @change="changeTime" :default-time="['00:00:00', '23:59:59']">
|
|
</el-date-picker>
|
|
</el-form-item> -->
|
|
<el-form-item>
|
|
<el-button type="primary" @click="queryHandle">查询</el-button>
|
|
<el-button @click="resetHandle">重置</el-button>
|
|
</el-form-item>
|
|
</el-form>
|
|
<el-row>
|
|
<el-col :span="6" class="cards">
|
|
<div class="box">
|
|
<div class="box_num">
|
|
<div class="box_color">成功提现次数合计</div>
|
|
<div class="text_color">
|
|
<span>{{ count }}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="6" class="cards">
|
|
<div class="box">
|
|
<div class="box_num">
|
|
<div class="box_color">成功提现金额合计</div>
|
|
<div class="text_color">
|
|
<span>{{ totalMoney }}</span>元
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</el-col>
|
|
</el-row>
|
|
<el-table v-loading="tableData.loading" :data="tableData.list" border stripe>
|
|
<el-table-column label="用户ID" prop="userId"></el-table-column>
|
|
<el-table-column label="用户名" prop="userName"></el-table-column>
|
|
<el-table-column label="手机号" prop="phone"></el-table-column>
|
|
<el-table-column label="邀请码" prop="inviterCode"></el-table-column>
|
|
<el-table-column label="提现小计" prop="subTotal">
|
|
<template slot-scope="scope">
|
|
<div>提现金额：￥{{ scope.row.subTotal }}</div>
|
|
<div>提现次数：{{ scope.row.subCount }}</div>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="支付宝信息" prop="zhifubao">
|
|
<template slot-scope="scope">
|
|
{{ scope.row.zhifubaoName }} / {{ scope.row.zhifubao }}
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
<!-- <div class="pagination">
|
|
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
|
|
:page-sizes="[10, 20, 30, 40]" :page-size="tableData.limit" :current-page="tableData.page"
|
|
layout="total" :total="tableData.total">
|
|
</el-pagination>
|
|
</div> -->
|
|
<el-dialog title="提现审核" width="600px" :visible.sync="visible" @close="onClose">
|
|
<el-form :model="form" :rules="rules" ref="form" label-width="80px" label-position="left">
|
|
<el-form-item label="审核" prop="isAgree">
|
|
<el-radio-group v-model="form.isAgree">
|
|
<el-radio label="1"> 同意 </el-radio>
|
|
<el-radio label="0"> 拒绝 </el-radio>
|
|
</el-radio-group>
|
|
</el-form-item>
|
|
<el-form-item label="备注" prop="refund" v-if="form.isAgree == 0">
|
|
<el-input v-model="form.refund" placeholder="拒绝原因"></el-input>
|
|
</el-form-item>
|
|
</el-form>
|
|
<template #footer>
|
|
<div class="dialog-footer" style="display: flex; justify-content: flex-end;">
|
|
<el-button size="small" @click="visible = false"> 取 消 </el-button>
|
|
<el-button size="small" type="primary" :loading="confirmLoading"
|
|
@click="confirmHandle">确定</el-button>
|
|
</div>
|
|
</template>
|
|
</el-dialog>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import { summary_query } from "@/api/withdraw.js";
|
|
export default {
|
|
data() {
|
|
return {
|
|
timeValue: [],
|
|
query: {
|
|
userId: "",
|
|
userName: "",
|
|
userType: '',
|
|
zhifubao: "",
|
|
zhifubaoName: "",
|
|
state: "",
|
|
startTime: "",
|
|
endTime: "",
|
|
alipayAccountName: ""
|
|
},
|
|
resetQuery: {},
|
|
count: 0,
|
|
totalMoney: 0,
|
|
tableData: {
|
|
page: 1,
|
|
limit: 10,
|
|
total: 0,
|
|
list: [],
|
|
loading: false
|
|
},
|
|
visible: false,
|
|
confirmLoading: false,
|
|
form: {
|
|
id: "",
|
|
isAgree: "1",
|
|
refund: ""
|
|
},
|
|
rules: {
|
|
isAgree: [],
|
|
refund: [
|
|
{ required: true, message: "请输入拒绝原因", trigger: "blur" }
|
|
]
|
|
}
|
|
};
|
|
},
|
|
mounted() {
|
|
this.resetQuery = { ...this.query };
|
|
this.getTableData();
|
|
},
|
|
methods: {
|
|
// 关闭弹窗, 重置表单
|
|
onClose() {
|
|
this.$refs.form.resetFields();
|
|
},
|
|
// 打开发放奖品弹窗
|
|
deliverHandle(row) {
|
|
this.form.id = row.id;
|
|
this.visible = true;
|
|
},
|
|
// 提交发放奖品
|
|
confirmHandle() {
|
|
this.$refs.form.validate(async valid => {
|
|
if (valid) {
|
|
this.confirmLoading = true;
|
|
try {
|
|
const { data } = await cashOutAuditAudit(this.form);
|
|
if (data.code == 0) {
|
|
this.$message.success("审核成功");
|
|
this.visible = false;
|
|
this.getTableData();
|
|
} else {
|
|
this.$message.error(data.msg || "审核失败");
|
|
}
|
|
} catch (error) {
|
|
console.log(error);
|
|
}
|
|
this.confirmLoading = false;
|
|
}
|
|
});
|
|
},
|
|
// 开始查询
|
|
queryHandle() {
|
|
this.tableData.page = 1;
|
|
this.getTableData();
|
|
},
|
|
// 重置查询
|
|
resetHandle() {
|
|
this.query = { ...this.resetQuery };
|
|
this.timeValue = [];
|
|
this.getTableData();
|
|
},
|
|
// 确认选择日期
|
|
changeTime() {
|
|
if (this.timeValue.length == 2) {
|
|
this.query.startTime = this.timeValue[0];
|
|
this.query.endTime = this.timeValue[1];
|
|
} else {
|
|
this.query.startTime = "";
|
|
this.query.endTime = "";
|
|
}
|
|
},
|
|
// 分页数量
|
|
handleSizeChange(size) {
|
|
this.tableData.limit = size;
|
|
this.getTableData();
|
|
},
|
|
// 分页
|
|
handleCurrentChange(val) {
|
|
this.tableData.page = val;
|
|
this.getTableData();
|
|
},
|
|
// 获取列表
|
|
async getTableData() {
|
|
try {
|
|
this.tableData.loading = true;
|
|
const { data } = await summary_query({
|
|
...this.query
|
|
});
|
|
this.tableData.loading = false;
|
|
this.tableData.list = data.data.list;
|
|
this.tableData.total = data.data.count;
|
|
|
|
this.count = data.data.count;
|
|
this.totalMoney = data.data.sum;
|
|
} catch (error) {
|
|
this.tableData.loading = false;
|
|
|
|
this.tableData.list = [];
|
|
this.tableData.total = 0;
|
|
|
|
this.count = 0;
|
|
this.totalMoney = 0;
|
|
|
|
console.log('error===', error);
|
|
}
|
|
}
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
.box {
|
|
padding: 44px;
|
|
border: 1px solid #eee;
|
|
margin: 0 15px 25px 0;
|
|
}
|
|
|
|
.box_num {
|
|
font-size: 14px;
|
|
color: #66b1ff;
|
|
}
|
|
|
|
.box_num .box_color {
|
|
color: #333;
|
|
font-size: 14px;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.box_num div span {
|
|
font-size: 20px;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.text_color {
|
|
color: #4f9dec;
|
|
}
|
|
|
|
.text_color span {
|
|
margin-right: 5px;
|
|
}
|
|
</style>
|