财务中心新增支付宝提现统计
This commit is contained in:
parent
ef09b41510
commit
c5c679e1ab
|
|
@ -25,3 +25,16 @@ export function cashOutAuditAudit(data) {
|
|||
data
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* 提现统计
|
||||
* @param {*} params
|
||||
* @returns
|
||||
*/
|
||||
export function summary_query(params) {
|
||||
return $http({
|
||||
url: "/cashOutAudit/alipay/transfer/summary/query",
|
||||
method: "get",
|
||||
params
|
||||
});
|
||||
}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,270 @@
|
|||
<template>
|
||||
<div>
|
||||
<el-form inline>
|
||||
<!-- <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.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;
|
||||
console.log(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>
|
||||
|
|
@ -4,6 +4,9 @@
|
|||
<el-tab-pane label="提现审核" name="withdraw">
|
||||
<WithdrawManage></WithdrawManage>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="支付宝提现统计" name="withdrawTotal">
|
||||
<WithdrawTotal></WithdrawTotal>
|
||||
</el-tab-pane>
|
||||
<!-- 拒绝弹框 -->
|
||||
<!-- <el-tab-pane label="提现管理" name="first">
|
||||
<div style="margin: 5px; display: inline-block">
|
||||
|
|
@ -562,9 +565,10 @@ import $disc from "@/api/disc-spinning.js";
|
|||
import popAddZhuanpan from "./components/pop-add-zhuanpan.vue";
|
||||
import popAddRedPack from "./components/pop-add-redPack.vue";
|
||||
import WithdrawManage from "./components/withdraw-manage.vue";
|
||||
import WithdrawTotal from './components/withdrawTotal.vue';
|
||||
import { $redPackApi } from "@/api/red-pack.js";
|
||||
export default {
|
||||
components: { popAddZhuanpan, popAddRedPack, WithdrawManage },
|
||||
components: { popAddZhuanpan, popAddRedPack, WithdrawManage, WithdrawTotal },
|
||||
data() {
|
||||
return {
|
||||
zhuanPanType: 1,
|
||||
|
|
@ -649,6 +653,7 @@ export default {
|
|||
sumMoneyByTime: "",
|
||||
money: "",
|
||||
activeName: "withdraw",
|
||||
// activeName: 'withdrawTotal',
|
||||
formLabelWidth: "200px",
|
||||
dialogFormVisible: false,
|
||||
dialogFormVisible1: false,
|
||||
|
|
|
|||
Loading…
Reference in New Issue