From c5c679e1abcb096bb43594ebae71060f37b505f7 Mon Sep 17 00:00:00 2001
From: gyq <875626088@qq.com>
Date: Tue, 31 Dec 2024 15:34:22 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B4=A2=E5=8A=A1=E4=B8=AD=E5=BF=83=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9E=E6=94=AF=E4=BB=98=E5=AE=9D=E6=8F=90=E7=8E=B0=E7=BB=9F?=
 =?UTF-8?q?=E8=AE=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/withdraw.js                           |  13 +
 .../finance/components/withdrawTotal.vue      | 270 ++++++++++++++++++
 src/views/finance/financeList.vue             |   7 +-
 3 files changed, 289 insertions(+), 1 deletion(-)
 create mode 100644 src/views/finance/components/withdrawTotal.vue

diff --git a/src/api/withdraw.js b/src/api/withdraw.js
index 2ff3dc7..6527aa0 100644
--- a/src/api/withdraw.js
+++ b/src/api/withdraw.js
@@ -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
+	});
+}
diff --git a/src/views/finance/components/withdrawTotal.vue b/src/views/finance/components/withdrawTotal.vue
new file mode 100644
index 0000000..f512b6d
--- /dev/null
+++ b/src/views/finance/components/withdrawTotal.vue
@@ -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>
diff --git a/src/views/finance/financeList.vue b/src/views/finance/financeList.vue
index 58942dd..b16cd27 100644
--- a/src/views/finance/financeList.vue
+++ b/src/views/finance/financeList.vue
@@ -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,