提现管理

src/views/finance/withdrawal/index.vue

@@ -73,6 +73,11 @@
       <template #status="{ row }">
         {{ statusDicts.find((d) => d.value == row.status)?.label }}
       </template>
+      <template #nickName="{ row }">
+        <el-button type="primary" link @click="handleDetail(row)">
+          {{ row.nickName }}
+        </el-button>
+      </template>
 
       <template #action="{ row }">
         <div>
@@ -102,6 +107,7 @@
 
     <!-- 详情弹窗 -->
     <detail-dialog ref="detailDialogRef" />
+    <customer-detail ref="detailRef"></customer-detail>
   </ele-page>
 </template>
 
@@ -113,6 +119,7 @@
   import request from '@/utils/request';
   import auditDialog from './components/audit-dialog.vue';
   import detailDialog from './components/detail-dialog.vue';
+  import customerDetail from '@/views/customer/list/components/customer-detail.vue';
 
   defineOptions({ name: 'withdrawal' });
 
@@ -170,7 +177,13 @@
       fixed: 'left'
     },
     { label: '提现时间', prop: 'createTime', align: 'center', width: 180 },
-    { label: '用户名', prop: 'nickName', align: 'center', minWidth: 140 },
+    {
+      label: '用户名',
+      prop: 'nickName',
+      align: 'center',
+      minWidth: 140,
+      slot: 'nickName'
+    },
     {
       label: '支付单号/流水号',
       prop: 'transferNo',
@@ -219,6 +232,13 @@
     cacheKey: 'withdrawalTable'
   });
 
+  //详情页面
+  const detailRef = ref(null);
+  function handleDetail(row, type) {
+    row.id = row.userId;
+    detailRef.value?.handleOpen(row, type);
+  }
+
   //刷新表格
   function reload(where) {
     pageRef.value?.reload(where);