财务管理-提现管理-详情

src/views/platform/financial_management/withdrawal.vue

@@ -51,12 +51,57 @@
             <el-table-column label="申请时间" align="center">2022-12-31 12:31</el-table-column>
             <el-table-column label="状态" align="center">已完成</el-table-column>
             <el-table-column label="操作" align="center">
-                <el-button type="text">详情</el-button>
+                <el-button type="text" @click="open = true">详情</el-button>
                 <el-button type="text">审核</el-button>
 
             </el-table-column>
         </el-table>
 
+        <el-dialog :visible.sync="open">
+            <div class="status">待审核</div>
+            <el-form :inline="true" label-width="100px" label-position="left">
+                <el-form-item label="订单号">
+                    <el-input v-model="form.orderId"></el-input>
+                </el-form-item>
+                <el-form-item label="申请时间" class="ml">
+                    <el-input v-model="form.applyTime"></el-input>
+                </el-form-item>
+                <br />
+                <el-form-item label="用户昵称">
+                    <el-input v-model="form.nickName"></el-input>
+                </el-form-item>
+                <el-form-item label="用户ID" class="ml">
+                    <el-input v-model="form.userId"></el-input>
+                </el-form-item>
+                <br />
+                <el-form-item label="提现金额">
+                    <el-input v-model="form.withdrawalPrice"></el-input>
+                </el-form-item>
+                <el-form-item label="手续费" class="ml">
+                    <el-input v-model="form.fee"></el-input>
+                </el-form-item>
+                <br />
+                <el-form-item label="实际打款金额">
+                    <el-input v-model="form.payment"></el-input>
+                </el-form-item>
+                <br />
+                <el-form-item label="提现账号">
+                    <el-input v-model="form.account"></el-input>
+                </el-form-item>
+                <el-form-item label="卡号" class="ml">
+                    <el-input v-model="form.cardNumber"></el-input>
+                </el-form-item>
+                <br />
+                <el-form-item label="审核">
+                    <el-radio v-model="form.auditType" :key="item.value" :label="item.value"
+                        v-for="item in dict.type.audit_status">{{
+                            item.label
+                        }}</el-radio>
+                    <el-input type="textarea" v-model="form.refusalCause" placeholder="拒绝原因" autosize />
+                </el-form-item>
+            </el-form>
+        </el-dialog>
+
         <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum"
             :limit.sync="queryParams.pageSize" @pagination="getList" />
     </div>
@@ -64,15 +109,29 @@
 <script>
 export default {
     name: 'Withdrawal',
-    dicts: ['withdrawal_status', 'user_type'],
+    dicts: ['withdrawal_status', 'user_type', 'audit_status'],
     data() {
         return {
+            open: false,
             dataList: [{}],
             activeName: 'all',
             total: 1,
             queryParams: {
                 status: undefined,
                 dateRange: undefined
+            },
+            form: {
+                orderId: '2131231321231',
+                applyTime: '2022-12-31 12:31',
+                nickName: '用户昵称',
+                userId: '用户ID',
+                withdrawalPrice: 1000,
+                fee: 10,
+                payment: 1000,
+                account: '支付宝',
+                cardNumber: '184564561321',
+                audit: undefined,
+                cause: undefined
             }
         }
     },
@@ -84,6 +143,19 @@ export default {
 }
 </script>
 <style scoped lang="scss">
+.status {
+    padding: 20px;
+    background-color: rgba(22, 132, 252, 0.13);
+    font-size: 14px;
+    text-align: left;
+    font-family: SourceHanSansSC-regular;
+    margin-bottom: 20px;
+}
+
+.ml {
+    margin-left: 50px;
+}
+
 .table {
     margin-top: 10px;
 }