更新

src/views/finance/Withdrawal.vue

@@ -10,10 +10,10 @@
             placeholder="请输入订单编号"
           />
         </el-form-item>
-        <el-form-item label="用户id" prop="user_id">
+        <el-form-item label="用户id" prop="nickname">
           <el-input
             class="w-[280px]"
-            v-model="queryParams.user_id"
+            v-model="queryParams.nickname"
             clearable
             placeholder="请输入"
           />
@@ -70,7 +70,12 @@
             prop="order_sn"
             show-overflow-tooltip
           />
-          <el-table-column label="用户" prop="user_id" show-overflow-tooltip />
+          <el-table-column
+            label="公司"
+            prop="company_name"
+            show-overflow-tooltip
+          />
+          <el-table-column label="用户" prop="nickname" show-overflow-tooltip />
           <el-table-column
             label="提现金额"
             prop="amount"
@@ -112,10 +117,20 @@
                 v-perms="['withdraw/audit']"
                 type="primary"
                 link
-                @click="handleAudit(row)"
+                v-if="row.status == 0"
+                @click="handleAudit(row, true)"
               >
                 审核
               </el-button>
+              <el-button
+                v-perms="['withdraw/audit']"
+                type="primary"
+                link
+                v-else
+                @click="handleAudit(row, false)"
+              >
+                详情
+              </el-button>
             </template>
           </el-table-column>
         </el-table>
@@ -160,6 +175,8 @@ const showAudit = ref(false);
 const queryParams = reactive({
   order_sn: "",
   user_id: "",
+  nickname: "",
+  company_name: "",
   admin_id: "",
   amount: "",
   status: "",
@@ -218,10 +235,10 @@ const handleEdit = async (data: any) => {
 };
 
 // 审核
-const handleAudit = async (data: any) => {
+const handleAudit = async (data: any, type: boolean) => {
   showAudit.value = true;
   await nextTick();
-  auditRef.value?.open("edit");
+  auditRef.value?.open(type ? "audit" : "detail");
   auditRef.value?.setFormData(data);
 };
 

src/views/finance/audit.vue

@@ -32,16 +32,15 @@
         </el-form-item>
         <el-form-item label="" prop="amount">
           <el-button type="primary" link>
-            <!-- <router-link
+            <router-link
               :to="{
                 path: getRoutePath('finance.account_log/lists'),
                 query: {
-                  company_id: row.id,
+                  company_id: formData.company_id,
                 },
               }"
-              >查看成员</router-link
+              >查看明细</router-link
-            > -->
+            >
-            查看明细
           </el-button>
         </el-form-item>
         <el-form-item label="审核" prop="status">
@@ -60,6 +59,7 @@
         </el-form-item>
         <el-form-item v-else label="转账凭证" prop="transfer_voucher">
           <el-upload
+            v-if="mode == 'audit'"
             class="upload-demo"
             style="width: 100%"
             drag
@@ -77,6 +77,9 @@
               <div class="el-upload__tip">请上传JPG/JPEG/PNG/GIF/PDF文件</div>
             </template>
           </el-upload>
+          <el-button v-else type="primary" link @click="openTransfer">
+            查看凭证
+          </el-button>
         </el-form-item>
       </el-form>
     </popup>
@@ -109,11 +112,11 @@ defineProps({
 const emit = defineEmits(["success", "close"]);
 const formRef = shallowRef<FormInstance>();
 const popupRef = shallowRef<InstanceType<typeof Popup>>();
-const mode = ref("add");
+const mode = ref("audit");
 
 // 弹窗标题
 const popupTitle = computed(() => {
-  return mode.value == "edit" ? "审核提现申请" : "新增提现申请";
+  return mode.value == "audit" ? "审核提现申请" : "提现申请详情";
 });
 
 // 表单数据
@@ -126,6 +129,8 @@ const formData = reactive({
   status: "",
   transfer_voucher: "",
   deny_desc: "",
+  company_id: "",
+  company_name: "",
 });
 
 // 表单验证
@@ -211,6 +216,11 @@ const handleFile = (e: any) => {
   formData.transfer_voucher = e.data.uri;
 };
 
+// 查看凭证
+const openTransfer = () => {
+  window.open(formData.transfer_voucher);
+};
+
 // 提交按钮
 const handleSubmit = async () => {
   await formRef.value?.validate();