From 22f9d1b96704bcd7fc0b7695014ed30b4e4ace46 Mon Sep 17 00:00:00 2001
From: weipengfei <2187978347@qq.com>
Date: Sat, 9 Sep 2023 16:59:19 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=E4=BA=86=E5=AE=A1=E6=A0=B8?=
 =?UTF-8?q?=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/finance.ts               |   1 +
 src/api/withdraw.ts              |   5 +
 src/views/finance/Withdrawal.vue |  43 +++++-
 src/views/finance/audit.vue      | 225 +++++++++++++++++++++++++++++++
 4 files changed, 267 insertions(+), 7 deletions(-)
 create mode 100644 src/views/finance/audit.vue

diff --git a/src/api/finance.ts b/src/api/finance.ts
index 53b1189..bdaa444 100644
--- a/src/api/finance.ts
+++ b/src/api/finance.ts
@@ -39,3 +39,4 @@ export function refundLog(params?: any) {
 export function refundStat(params?: any) {
     return request.get({ url: '/finance.refund/stat', params })
 }
+
diff --git a/src/api/withdraw.ts b/src/api/withdraw.ts
index 2076c3c..bcf7b22 100644
--- a/src/api/withdraw.ts
+++ b/src/api/withdraw.ts
@@ -24,3 +24,8 @@ export function apiWithdrawDelete(params: any) {
 export function apiWithdrawDetail(params: any) {
     return request.get({ url: '/finance.withdraw/detail', params })
 }
+
+//提现审核
+export function withdrawAudit(params?: any) {
+    return request.post({ url: '/finance.withdraw/audit', params })
+}
diff --git a/src/views/finance/Withdrawal.vue b/src/views/finance/Withdrawal.vue
index f98dbbd..f240160 100644
--- a/src/views/finance/Withdrawal.vue
+++ b/src/views/finance/Withdrawal.vue
@@ -47,22 +47,24 @@
       </el-form>
     </el-card>
     <el-card class="!border-none" v-loading="pager.loading" shadow="never">
-      <el-button v-perms="['withdraw/add']" type="primary" @click="handleAdd">
+      <!--
+        <el-button v-perms="['withdraw/add']" type="primary" @click="handleAdd">
         <template #icon>
           <icon name="el-icon-Plus" />
         </template>
         新增
-      </el-button>
-      <el-button
+      </el-button> 
+        <el-button
         v-perms="['withdraw/delete']"
         :disabled="!selectData.length"
         @click="handleDelete(selectData)"
       >
         删除
-      </el-button>
+      </el-button> -->
       <div class="mt-4">
         <el-table :data="pager.lists" @selection-change="handleSelectionChange">
-          <el-table-column type="selection" width="55" />
+          <!-- <el-table-column type="selection" width="55" /> -->
+          <el-table-column label="ID" prop="id" width="110" />
           <el-table-column
             label="订单编号"
             prop="order_sn"
@@ -89,7 +91,7 @@
           />
           <el-table-column label="操作" width="120" fixed="right">
             <template #default="{ row }">
-              <el-button
+              <!-- <el-button
                 v-perms="['withdraw/edit']"
                 type="primary"
                 link
@@ -97,7 +99,7 @@
               >
                 编辑
               </el-button>
-              <el-button
+             <el-button
                 v-perms="['withdraw/delete']"
                 type="danger"
                 link
@@ -105,6 +107,15 @@
               >
                 删除
               </el-button>
+            -->
+              <el-button
+                v-perms="['withdraw/audit']"
+                type="primary"
+                link
+                @click="handleAudit(row)"
+              >
+                审核
+              </el-button>
             </template>
           </el-table-column>
         </el-table>
@@ -120,6 +131,13 @@
       @success="getLists"
       @close="showEdit = false"
     />
+    <audit-popup
+      v-if="showAudit"
+      ref="auditRef"
+      :dict-data="dictData"
+      @success="getLists"
+      @close="showAudit = false"
+    />
   </div>
 </template>
 
@@ -130,10 +148,13 @@ import { apiWithdrawLists, apiWithdrawDelete } from "@/api/withdraw";
 import { timeFormat } from "@/utils/util";
 import feedback from "@/utils/feedback";
 import EditPopup from "./edit.vue";
+import AuditPopup from "./audit.vue";
 
 const editRef = shallowRef<InstanceType<typeof EditPopup>>();
+const auditRef = shallowRef<InstanceType<typeof AuditPopup>>();
 // 是否显示编辑框
 const showEdit = ref(false);
+const showAudit = ref(false);
 
 // 查询条件
 const queryParams = reactive({
@@ -196,6 +217,14 @@ const handleEdit = async (data: any) => {
   editRef.value?.setFormData(data);
 };
 
+// 审核
+const handleAudit = async (data: any) => {
+  showAudit.value = true;
+  await nextTick();
+  auditRef.value?.open("edit");
+  auditRef.value?.setFormData(data);
+};
+
 // 删除
 const handleDelete = async (id: number | any[]) => {
   await feedback.confirm("确定要删除？");
diff --git a/src/views/finance/audit.vue b/src/views/finance/audit.vue
new file mode 100644
index 0000000..04ca3d1
--- /dev/null
+++ b/src/views/finance/audit.vue
@@ -0,0 +1,225 @@
+<template>
+  <div class="edit-popup">
+    <popup
+      ref="popupRef"
+      :title="popupTitle"
+      :async="true"
+      width="550px"
+      @confirm="handleSubmit"
+      @close="handleClose"
+    >
+      <el-form
+        ref="formRef"
+        :model="formData"
+        label-width="90px"
+        :rules="formRules"
+      >
+        <el-form-item label="订单编号" prop="order_sn">
+          <el-input
+            readonly
+            v-model="formData.order_sn"
+            clearable
+            placeholder="请输入订单编号"
+          />
+        </el-form-item>
+        <el-form-item label="提现金额" prop="amount">
+          <el-input
+            readonly
+            v-model="formData.amount"
+            clearable
+            placeholder="请输入提现金额"
+          />
+        </el-form-item>
+        <el-form-item label="审核" prop="status">
+          <el-radio-group v-model="formData.status">
+            <el-radio :label="1">通过</el-radio>
+            <el-radio :label="2">拒绝</el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <el-form-item v-if="formData.status == 2" label="备注" prop="notes">
+          <el-input
+            v-model="formData.notes"
+            clearable
+            type="textarea"
+            placeholder="请输入备注"
+          />
+        </el-form-item>
+        <el-form-item v-else label="转账凭证" prop="transfer_voucher">
+          <el-upload
+            class="upload-demo"
+            style="width: 100%"
+            drag
+            :headers="{ Token: userStore.token }"
+            :action="base_url + '/upload/file'"
+            :limit="1"
+            :on-success="handleFile"
+            :on-exceed="handleExceed"
+            :before-upload="beforeUpload"
+            ref="upload"
+          >
+            <el-icon class="el-icon--upload"><upload-filled /></el-icon>
+            <div class="el-upload__text">文件拖入或点击上传</div>
+            <template #tip>
+              <div class="el-upload__tip">请上传JPG/JPEG/PNG/GIF/PDF文件</div>
+            </template>
+          </el-upload>
+        </el-form-item>
+      </el-form>
+    </popup>
+  </div>
+</template>
+  
+<script lang="ts" setup name="withdrawEdit">
+import type { FormInstance, UploadRawFile } from "element-plus";
+import Popup from "@/components/popup/index.vue";
+import {
+  apiWithdrawAdd,
+  apiWithdrawEdit,
+  apiWithdrawDetail,
+  withdrawAudit,
+} from "@/api/withdraw";
+import { timeFormat } from "@/utils/util";
+import type { PropType } from "vue";
+import useUserStore from "@/stores/modules/user";
+import { genFileId } from "element-plus";
+import { inject } from "vue";
+const userStore = useUserStore();
+const base_url: any = inject("base_url");
+defineProps({
+  dictData: {
+    type: Object as PropType<Record<string, any[]>>,
+    default: () => ({}),
+  },
+});
+const emit = defineEmits(["success", "close"]);
+const formRef = shallowRef<FormInstance>();
+const popupRef = shallowRef<InstanceType<typeof Popup>>();
+const mode = ref("add");
+
+// 弹窗标题
+const popupTitle = computed(() => {
+  return mode.value == "edit" ? "审核提现申请" : "新增提现申请";
+});
+
+// 表单数据
+const formData = reactive({
+  id: "",
+  order_sn: "",
+  user_id: "",
+  admin_id: "",
+  amount: "",
+  status: "",
+  transfer_voucher: "",
+  notes: "",
+});
+
+// 表单验证
+const formRules = reactive<any>({
+  status: [
+    {
+      required: true,
+      //   message: "请选择审核是否通过",
+      validator: (rule: any, value: any, callback: any) => {
+        if (value == 1 || value == 2) {
+          callback();
+        } else {
+          callback(new Error("请选择审核是否通过!"));
+        }
+      },
+      trigger: ["blur"],
+    },
+  ],
+  transfer_voucher: [
+    {
+      required: true,
+      message: "请先上传凭证",
+      trigger: ["blur"],
+    },
+  ],
+  notes: [
+    {
+      required: true,
+      message: "请填写拒绝原因",
+      trigger: ["blur"],
+    },
+  ],
+});
+
+// 获取详情
+const setFormData = async (data: Record<any, any>) => {
+  for (const key in formData) {
+    if (data[key] != null && data[key] != undefined) {
+      //@ts-ignore
+      formData[key] = data[key];
+    }
+  }
+};
+
+const getDetail = async (row: Record<string, any>) => {
+  const data = await apiWithdrawDetail({
+    id: row.id,
+  });
+  setFormData(data);
+};
+
+const fileTypeList = [
+  "application/pdf",
+  "image/jpeg",
+  "image/gif",
+  "image/png",
+];
+// 限制上传类型
+const beforeUpload = (rawFile: UploadRawFile) => {
+  if (!fileTypeList.includes(rawFile.type)) {
+    ElMessage.error("请上传JPG/JPEG/PNG/GIF/PDF文件");
+    return false;
+  }
+};
+
+// 文件选择
+const upload = ref(null);
+const handleExceed = (files: any) => {
+  upload.value!.clearFiles();
+  const file = files[0] as UploadRawFile;
+  file.uid = genFileId();
+  upload.value!.handleStart(file);
+  upload.value!.submit();
+};
+
+// 上传文件
+const handleFile = (e: any) => {
+  if (e.code == 0 && e.show == 1) {
+    formData.transfer_voucher = "";
+    upload.value!.clearFiles();
+    return ElMessage.error(e.msg || "上传失败");
+  }
+  formData.transfer_voucher = e.data.uri;
+};
+
+// 提交按钮
+const handleSubmit = async () => {
+  await formRef.value?.validate();
+  const data = { ...formData };
+  mode.value == (await withdrawAudit(data));
+  popupRef.value?.close();
+  emit("success");
+};
+
+//打开弹窗
+const open = (type = "add") => {
+  mode.value = type;
+  popupRef.value?.open();
+};
+
+// 关闭回调
+const handleClose = () => {
+  emit("close");
+};
+
+defineExpose({
+  open,
+  setFormData,
+  getDetail,
+});
+</script>
+  
\ No newline at end of file