From 943a7e54f610a3c2fe66398202fc4006878c8e9b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BD=99=E5=90=8C=E5=AD=A6?= <2495967527@qq.com>
Date: Sun, 8 Dec 2024 16:15:27 +0800
Subject: [PATCH] =?UTF-8?q?=E6=88=91=E7=9A=84=E9=92=B1=E5=8C=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/modules/wallet.js                     |  20 ++
 src/router/full-routers.js                    |  27 ++
 src/views/modules/wallet/index.vue            | 251 ++++++++++++++++++
 src/views/modules/wallet/popup/withdrawal.vue | 128 +++++++++
 4 files changed, 426 insertions(+)
 create mode 100644 src/api/modules/wallet.js
 create mode 100644 src/views/modules/wallet/index.vue
 create mode 100644 src/views/modules/wallet/popup/withdrawal.vue

diff --git a/src/api/modules/wallet.js b/src/api/modules/wallet.js
new file mode 100644
index 0000000..6af41e4
--- /dev/null
+++ b/src/api/modules/wallet.js
@@ -0,0 +1,20 @@
+import $http from "@/utils/httpRequest.js";
+
+export const wallet = {
+  //钱包管理
+  myWallet: (data) => {
+    return $http.request({
+      url: `/merchant-api/wallet/wallet`,
+      method: "post",
+      data,
+    });
+  },
+  //钱包明细
+  Withdrawal: (data) => {
+    return $http.request({
+      url: `/merchant-api/walletDrawCashOrder/apply`,
+      method: "post",
+      data,
+    });
+  },
+};
diff --git a/src/router/full-routers.js b/src/router/full-routers.js
index 8f93b31..d94ab43 100644
--- a/src/router/full-routers.js
+++ b/src/router/full-routers.js
@@ -410,6 +410,33 @@ export default {
         },
       ],
     },
+    {
+      menuId: getUUID(),
+      parentId: 0,
+      parentName: null,
+      name: "钱包管理",
+      url: "local-course/resources",
+      perms: "",
+      type: 0,
+      elIcon: "el-icon-menu",
+      orderNum: 0,
+      open: null,
+      list: [
+        {
+          menuId: getUUID(),
+          parentId: 0,
+          parentName: null,
+          name: "我的钱包",
+          url: "wallet/index",
+          perms: "",
+          type: 1,
+          elIcon: "el-icon-menu",
+          orderNum: 0,
+          open: null,
+          list: [],
+        },
+      ],
+    },
   ],
   code: 0,
   permissions: [],
diff --git a/src/views/modules/wallet/index.vue b/src/views/modules/wallet/index.vue
new file mode 100644
index 0000000..5986896
--- /dev/null
+++ b/src/views/modules/wallet/index.vue
@@ -0,0 +1,251 @@
+<template>
+  <div>
+    <el-row :gutter="20">
+      <el-col :span="15"
+        ><div class="grid-content bg-purple">
+          <div class="userInfo">
+            <div class="userInfo">
+              <el-avatar
+                :size="60"
+                src="https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png"
+              ></el-avatar>
+              <span class="userName">用户名：{{ userInfo.userName }}</span>
+            </div>
+            <el-button @click="addWithdrawal" type="primary" round
+              >发起提现</el-button
+            >
+          </div>
+          <div class="userInfo">
+            <el-card class="box-card">
+              <div style="font-size: 18px; font-weight: 600">可用金额</div>
+              <div style="margin-top: 20px; font-size: 18px">
+                ￥{{
+                  userInfo.availableAmount ? userInfo.availableAmount : "0"
+                }}
+              </div>
+              <div class="userTime">{{ userInfo.updateTime }}</div>
+            </el-card>
+            <el-card class="box-card">
+              <div style="font-size: 18px; font-weight: 600">冻结金额</div>
+              <div style="margin-top: 20px; font-size: 18px">
+                ￥{{ userInfo.freezeAmount ? userInfo.freezeAmount : "0" }}
+              </div>
+              <div class="userTime">{{ userInfo.updateTime }}</div>
+            </el-card>
+          </div>
+          <div style="margin: 10px">
+            <div style="font-size: 16px; margin: 0 0 20px 0; font-weight: 600">
+              钱包提现记录
+            </div>
+            <el-form
+              :inline="true"
+              :model="formInline"
+              class="demo-form-inline"
+            >
+              <el-form-item label="申请状态">
+                <el-select
+                  v-model="formInline.cashOutStatus"
+                  placeholder="请选择"
+                >
+                  <el-option
+                    v-for="item in [
+                      {
+                        label: '审核中',
+                        value: '1',
+                      },
+                      {
+                        label: '审核不通过',
+                        value: '2',
+                      },
+                      {
+                        label: '审核成功',
+                        value: '3',
+                      },
+                      {
+                        label: '提现中',
+                        value: '4',
+                      },
+                      {
+                        label: '提现失败',
+                        value: '5',
+                      },
+                      {
+                        label: '提现成功',
+                        value: '6',
+                      },
+                    ]"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value"
+                  >
+                  </el-option>
+                </el-select>
+              </el-form-item>
+              <el-form-item label="申请时间">
+                <el-date-picker
+                  v-model="value1"
+                  type="datetimerange"
+                  start-placeholder="开始日期"
+                  end-placeholder="结束日期"
+                >
+                </el-date-picker>
+              </el-form-item>
+              <el-form-item>
+                <el-button type="primary" @click="queryList">查询</el-button>
+                <el-button type="primary" @click="Reset">重置</el-button>
+              </el-form-item>
+            </el-form>
+            <el-table :data="tableData" style="width: 100%">
+              <el-table-column prop="date" label="提现申请订单号" width="180">
+              </el-table-column>
+              <el-table-column prop="name" label="提现申请金额" width="180">
+              </el-table-column>
+              <el-table-column prop="address" label="申请状态">
+              </el-table-column>
+              <el-table-column prop="address" label="提现申请时间">
+              </el-table-column>
+              <el-table-column prop="address" label="交易到账时间">
+              </el-table-column>
+            </el-table>
+          </div>
+          <div class="pagination-container">
+            <el-pagination
+              :current-page="query.pageNumber"
+              :page-sizes="[10, 20, 30, 50]"
+              :page-size="query.pageSize"
+              :total="total"
+              background
+              layout="total, sizes, prev, pager, next, jumper"
+              @size-change="handleSizeChange"
+              @current-change="handleCurrentChange"
+            />
+          </div>
+        </div>
+      </el-col>
+      <el-col :span="9"><div class="grid-content bg-purple">2</div> </el-col>
+    </el-row>
+    <!-- 提现 -->
+    <withdrawal @init="init" ref="withdrawal"></withdrawal>
+  </div>
+</template>
+
+<script>
+import withdrawal from "./popup/withdrawal";
+export default {
+  components: { withdrawal },
+  data() {
+    return {
+      value1: [],
+      userInfo: {},
+      tableData: [
+        {
+          date: "2016-05-02",
+          name: "王小虎",
+          address: "上海市普陀区金沙江路 1518 弄",
+        },
+        {
+          date: "2016-05-04",
+          name: "王小虎",
+          address: "上海市普陀区金沙江路 1517 弄",
+        },
+        {
+          date: "2016-05-01",
+          name: "王小虎",
+          address: "上海市普陀区金沙江路 1519 弄",
+        },
+        {
+          date: "2016-05-03",
+          name: "王小虎",
+          address: "上海市普陀区金沙江路 1516 弄",
+        },
+      ],
+      query: {
+        pageNumber: 1,
+        pageSize: 10,
+      },
+      formInline: {},
+      total: 0,
+    };
+  },
+  created() {
+    this.init();
+  },
+  methods: {
+    init() {
+      console.log("1213");
+      this.$api.wallet.myWallet().then((res) => {
+        console.log(res);
+        this.userInfo = res.data.data;
+      });
+    },
+    handleSizeChange(val) {
+      this.query.pageSize = val;
+      this.init();
+    },
+    handleCurrentChange(val) {
+      this.query.pageNumber = val;
+      this.init();
+    },
+    queryList() {},
+    Reset() {},
+    addWithdrawal() {
+      this.$api.mer_admin
+        .bankCardPage({
+          pageNumber: 1,
+          pageSize: 10,
+          linkId: JSON.parse(sessionStorage.getItem("userInfo")).managerId
+            ? JSON.parse(sessionStorage.getItem("userInfo")).managerId
+            : JSON.parse(sessionStorage.getItem("userInfo")).merchantId,
+          status: "1",
+        })
+        .then((res) => {
+          if (res.data.data.data.length > 0) {
+            this.$refs.withdrawal.toggle().add();
+          } else {
+            this.$message.error("请先绑定银行卡");
+          }
+        })
+        .catch((err) => {
+          this.$message.error("获取银行卡失败");
+        });
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.el-col {
+  border-radius: 4px;
+}
+.bg-purple {
+  background: #f1f8fe;
+}
+.grid-content {
+  border-radius: 4px;
+  padding: 20px;
+  height: 85vh;
+}
+.userInfo {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.userName {
+  margin-left: 30px;
+  font-size: 16px;
+  color: #303e9f;
+}
+.box-card {
+  margin: 20px;
+  width: 50%;
+  height: 200px;
+  border-radius: 10px;
+  position: relative;
+}
+.userTime {
+  position: absolute;
+  bottom: 10px;
+  right: 20px;
+  font-size: 16px;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/modules/wallet/popup/withdrawal.vue b/src/views/modules/wallet/popup/withdrawal.vue
new file mode 100644
index 0000000..dd4688f
--- /dev/null
+++ b/src/views/modules/wallet/popup/withdrawal.vue
@@ -0,0 +1,128 @@
+<template>
+  <div>
+    <obj-modal
+      ref="modal"
+      labelWidth="150px"
+      :modalConfig="modalConfig"
+      :modalData="modalData"
+      :modalHandles="modalHandles"
+    >
+      <div slot="dialog__content">
+        <el-form
+          :model="ruleForm"
+          :rules="rules"
+          ref="ruleForm"
+          label-width="150px"
+          class="demo-ruleForm"
+        >
+          <el-form-item label="提现金额：" prop="isRefundEarnestMoney">
+            <el-input-number
+              v-model="ruleForm.amount"
+              :min="0"
+              :step="1"
+              label="描述文字"
+            ></el-input-number>
+          </el-form-item>
+        </el-form>
+      </div>
+      <!-- 选择商品 -->
+    </obj-modal>
+  </div>
+</template>
+<script>
+import { debounce, cloneDeep } from "lodash";
+export default {
+  components: {},
+  props: {},
+  data() {
+    return {
+      isAdd: true,
+      //表格属性
+      modalConfig: {
+        title: "提现",
+        show: false,
+        width: "600px",
+      },
+      modalData: {},
+      ruleForm: {
+        amount: "",
+      },
+      rules: {
+        amount: [
+          {
+            required: true,
+            message: "请输入提现金额",
+            trigger: ["blur", "change"],
+          },
+        ],
+      },
+    };
+  },
+  watch: {
+    "modalConfig.show"(newVal) {
+      if (newVal) {
+        //关闭弹窗清空校验
+        setTimeout(() => {
+          this.$refs.ruleForm.resetFields();
+        });
+      }
+    },
+  },
+  methods: {
+    queryTableData(pageNo, pageSize) {},
+    toggle(e) {
+      if (this.modalConfig.show == false) {
+        this.modalConfig.show = true;
+      } else {
+        this.modalConfig.show = false;
+      }
+      if (e) {
+        this.init(cloneDeep(e));
+      }
+      return {
+        add: () => {
+          this.modalConfig.title = "提现金额";
+          this.isAdd = true;
+        },
+        update: () => {
+          this.isAdd = false;
+        },
+      };
+    },
+    init(row) {},
+  },
+  computed: {
+    modalHandles() {
+      return [
+        {
+          label: "取消",
+          handle: () => {
+            this.toggle();
+          },
+        },
+        {
+          label: "确认",
+          type: "primary",
+          // submit: true,
+          handle: () => {
+            if (this.isAdd) {
+              this.$refs.ruleForm.validate((valid) => {
+                if (valid) {
+                  console.log(valid);
+                  this.$api.wallet.Withdrawal(this.ruleForm).then((res) => {
+                    this.$emit("init");
+                    this.toggle();
+                  });
+                }
+              });
+            }
+          },
+        },
+      ];
+    },
+  },
+  asyncComputed: {},
+};
+</script>
+<style lang="scss" scoped>
+</style>
\ No newline at end of file