227 行
14 KiB
HTML
227 行
14 KiB
HTML
<div class="fc-modal-form" style="padding-bottom:70px;">
|
||
|
||
<!-- 1. 核心账单凭据详情 -->
|
||
<div class="fc-form-section">
|
||
<div class="fc-form-section__header" style="justify-content:space-between;">
|
||
<div style="display:flex;align-items:center;">
|
||
<span class="fc-form-section__badge" style="background:#04874A;">1</span>
|
||
<span class="fc-form-section__title">提现核心账单凭据</span>
|
||
</div>
|
||
<div>
|
||
{switch name="row.status"}
|
||
{case value="auditing"}<span class="label label-warning" style="font-size:12px;padding:4px 8px;"><i class="fa fa-clock-o"></i> 待审核</span>{/case}
|
||
{case value="paying"}<span class="label label-info" style="font-size:12px;padding:4px 8px;"><i class="fa fa-spinner fa-spin"></i> 微信转账中</span>{/case}
|
||
{case value="paid"}<span class="label label-success" style="font-size:12px;padding:4px 8px;background:#04874A;"><i class="fa fa-check"></i> 已成功到账</span>{/case}
|
||
{case value="failed"}<span class="label label-danger" style="font-size:12px;padding:4px 8px;"><i class="fa fa-exclamation-triangle"></i> 转账失败</span>{/case}
|
||
{case value="rejected"}<span class="label label-default" style="font-size:12px;padding:4px 8px;"><i class="fa fa-ban"></i> 已拒绝</span>{/case}
|
||
{/switch}
|
||
</div>
|
||
</div>
|
||
<div class="fc-form-section__body">
|
||
<!-- 核心金额突出展示 -->
|
||
<div style="background:#F2FEF7;border:1px solid #C8F2DD;border-radius:6px;padding:14px 18px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;">
|
||
<div>
|
||
<div style="font-size:12px;color:#04874A;font-weight:600;margin-bottom:4px;">申请提现金额</div>
|
||
<div style="font-size:28px;font-weight:700;color:#F5A623;line-height:1.2;">
|
||
<span style="font-size:18px;">¥</span> {$row.amount|htmlentities}
|
||
</div>
|
||
</div>
|
||
<div style="text-align:right;">
|
||
<div style="font-size:12px;color:#64748B;">提现渠道</div>
|
||
<div style="font-size:14px;font-weight:600;color:#04301E;margin-top:2px;">
|
||
<i class="fa fa-wechat" style="color:#09BB07;"></i> 微信零钱 / 商家转账
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col-xs-12 col-sm-6">
|
||
<div class="form-group" style="margin-bottom:8px;">
|
||
<label class="control-label col-xs-4" style="color:#64748B;">提现单号:</label>
|
||
<div class="col-xs-8" style="padding-top:7px;">
|
||
<span class="font-bold text-navy" style="font-family:monospace;font-size:13px;">{$row.withdraw_no|htmlentities}</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-xs-12 col-sm-6">
|
||
<div class="form-group" style="margin-bottom:8px;">
|
||
<label class="control-label col-xs-4" style="color:#64748B;">申请时间:</label>
|
||
<div class="col-xs-8" style="padding-top:7px;">
|
||
<span>{if $row.createtime}{:date('Y-m-d H:i:s', $row.createtime)}{else/}-{/if}</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
{if condition="!empty($row.paytime)"}
|
||
<div class="row">
|
||
<div class="col-xs-12 col-sm-6">
|
||
<div class="form-group" style="margin-bottom:8px;">
|
||
<label class="control-label col-xs-4" style="color:#64748B;">打款到账时间:</label>
|
||
<div class="col-xs-8" style="padding-top:7px;">
|
||
<span class="text-success font-bold">{:date('Y-m-d H:i:s', $row.paytime)}</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
{/if}
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 2. 申请人与资金对账核验详情 -->
|
||
<div class="fc-form-section">
|
||
<div class="fc-form-section__header">
|
||
<span class="fc-form-section__badge" style="background:#04874A;">2</span>
|
||
<span class="fc-form-section__title">申请人与资金风控核验</span>
|
||
</div>
|
||
<div class="fc-form-section__body">
|
||
<div class="row">
|
||
<div class="col-xs-12 col-sm-6">
|
||
<div class="form-group" style="margin-bottom:8px;">
|
||
<label class="control-label col-xs-4" style="color:#64748B;">用户昵称:</label>
|
||
<div class="col-xs-8" style="padding-top:7px;">
|
||
<span class="text-primary font-bold">{$userInfo.nickname|default='-'}</span>
|
||
<span class="text-muted" style="font-size:12px;">(ID: {$row.user_id})</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-xs-12 col-sm-6">
|
||
<div class="form-group" style="margin-bottom:8px;">
|
||
<label class="control-label col-xs-4" style="color:#64748B;">绑定手机号:</label>
|
||
<div class="col-xs-8" style="padding-top:7px;">
|
||
<span>{$userInfo.mobile|default='未绑定手机'}</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col-xs-12 col-sm-6">
|
||
<div class="form-group" style="margin-bottom:8px;">
|
||
<label class="control-label col-xs-4" style="color:#64748B;">微信OpenID:</label>
|
||
<div class="col-xs-8" style="padding-top:7px;">
|
||
{if condition="!empty($userExt.openid) && strpos($userExt.openid, 'h5_') !== 0"}
|
||
<span class="label label-success" title="{$userExt.openid}"><i class="fa fa-check-circle"></i> 已绑定微信小程序</span>
|
||
{else/}
|
||
<span class="label label-danger"><i class="fa fa-warning"></i> 未获取有效微信OpenID（打款将失败）</span>
|
||
{/if}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-xs-12 col-sm-6">
|
||
<div class="form-group" style="margin-bottom:8px;">
|
||
<label class="control-label col-xs-4" style="color:#64748B;">实名姓名:</label>
|
||
<div class="col-xs-8" style="padding-top:7px;">
|
||
{if condition="!empty($userExt.realname)"}
|
||
<span class="font-bold text-success"><i class="fa fa-shield"></i> {$userExt.realname}</span>
|
||
{else/}
|
||
<span class="text-muted">未实名</span>
|
||
{if condition="$row.amount >= 2000"}
|
||
<span class="text-danger font-bold" style="font-size:12px;">（微信限制：≥2000元必须实名）</span>
|
||
{/if}
|
||
{/if}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 分销资产与可提现对账微卡片 -->
|
||
<div style="background:#F8FAFC;border:1px solid #E2E8F0;border-radius:6px;padding:12px 14px;margin-top:8px;">
|
||
<div style="font-size:12px;font-weight:700;color:#334155;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center;">
|
||
<span><i class="fa fa-database text-info"></i> 用户分销账户对账核算</span>
|
||
{if condition="$row.amount > $withdrawable && $row.status eq 'auditing'"}
|
||
<span class="text-danger font-bold" style="font-size:11px;"><i class="fa fa-warning"></i> 提示：申请金额超出当前可提余额</span>
|
||
{else/}
|
||
<span class="text-success" style="font-size:11px;"><i class="fa fa-check"></i> 佣金账户对账正常</span>
|
||
{/if}
|
||
</div>
|
||
<div class="row text-center" style="margin-left:0;margin-right:0;">
|
||
<div class="col-xs-3" style="padding:4px;border-right:1px solid #E2E8F0;">
|
||
<div style="font-size:11px;color:#64748B;">累计分销佣金</div>
|
||
<div style="font-size:14px;font-weight:700;color:#0F172A;margin-top:2px;">¥{$totalCommission}</div>
|
||
</div>
|
||
<div class="col-xs-3" style="padding:4px;border-right:1px solid #E2E8F0;">
|
||
<div style="font-size:11px;color:#64748B;">已结算佣金</div>
|
||
<div style="font-size:14px;font-weight:700;color:#0F172A;margin-top:2px;">¥{$settledCommission}</div>
|
||
</div>
|
||
<div class="col-xs-3" style="padding:4px;border-right:1px solid #E2E8F0;">
|
||
<div style="font-size:11px;color:#64748B;">历史已提现总额</div>
|
||
<div style="font-size:14px;font-weight:700;color:#0F172A;margin-top:2px;">¥{$totalWithdrawn}</div>
|
||
</div>
|
||
<div class="col-xs-3" style="padding:4px;">
|
||
<div style="font-size:11px;color:#64748B;">当前可提余额</div>
|
||
<div style="font-size:14px;font-weight:700;color:#04874A;margin-top:2px;">¥{$withdrawable}</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 3. 转账凭证与处理记录详情 -->
|
||
{if condition="!empty($row.out_bill_no) || !empty($row.transfer_id) || !empty($row.reason) || !empty($row.fail_reason)"}
|
||
<div class="fc-form-section">
|
||
<div class="fc-form-section__header">
|
||
<span class="fc-form-section__badge" style="background:#04874A;">3</span>
|
||
<span class="fc-form-section__title">转账单据与处理记录</span>
|
||
</div>
|
||
<div class="fc-form-section__body">
|
||
{if condition="!empty($row.out_bill_no) || !empty($row.transfer_id)"}
|
||
<div class="row">
|
||
<div class="col-xs-12 col-sm-6">
|
||
<div class="form-group" style="margin-bottom:8px;">
|
||
<label class="control-label col-xs-4" style="color:#64748B;">微信商户单号:</label>
|
||
<div class="col-xs-8" style="padding-top:7px;">
|
||
<span style="font-family:monospace;font-size:12px;">{$row.out_bill_no|htmlentities}</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-xs-12 col-sm-6">
|
||
<div class="form-group" style="margin-bottom:8px;">
|
||
<label class="control-label col-xs-4" style="color:#64748B;">微信转账单号:</label>
|
||
<div class="col-xs-8" style="padding-top:7px;">
|
||
<span style="font-family:monospace;font-size:12px;">{$row.transfer_id|htmlentities}</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
{/if}
|
||
|
||
{if condition="!empty($failReasonText)"}
|
||
<div class="alert alert-danger" style="margin-top:6px;margin-bottom:8px;padding:10px 14px;">
|
||
<i class="fa fa-exclamation-triangle"></i> <strong>打款失败说明：</strong>{$failReasonText|htmlentities}
|
||
</div>
|
||
{/if}
|
||
|
||
{if condition="!empty($reasonText)"}
|
||
<div class="alert alert-warning" style="margin-top:6px;margin-bottom:8px;padding:10px 14px;">
|
||
<i class="fa fa-info-circle"></i> <strong>拒绝/驳回原因：</strong>{$reasonText|htmlentities}
|
||
</div>
|
||
{/if}
|
||
</div>
|
||
</div>
|
||
{/if}
|
||
|
||
<!-- 4. 底部审核决策操作栏（吸底） -->
|
||
<div class="fc-modal-footer" style="position:fixed;bottom:0;left:0;right:0;background:#FFFFFF;border-top:1px solid #E2E8F0;padding:12px 20px;z-index:99;display:flex;justify-content:flex-end;align-items:center;gap:12px;">
|
||
{if condition="$row.status eq 'auditing'"}
|
||
<button type="button" class="btn btn-success btn-action-approve" data-id="{$row.id}" data-amount="{$row.amount}" data-user="{$userInfo.nickname|default='用户#' . $row.user_id}" style="background:#00E070;border-color:#00E070;color:#04301E;font-weight:700;padding:6px 18px;">
|
||
<i class="fa fa-check"></i> 审核通过并打款
|
||
</button>
|
||
<button type="button" class="btn btn-danger btn-action-reject" data-id="{$row.id}" style="padding:6px 18px;">
|
||
<i class="fa fa-times"></i> 拒绝申请
|
||
</button>
|
||
{/if}
|
||
|
||
{if condition="$row.status eq 'paying'"}
|
||
<button type="button" class="btn btn-info btn-action-sync" data-id="{$row.id}" style="padding:6px 16px;">
|
||
<i class="fa fa-refresh"></i> 查询微信转账最新状态
|
||
</button>
|
||
<button type="button" class="btn btn-danger btn-action-cancel" data-id="{$row.id}" data-no="{$row.withdraw_no}" style="padding:6px 16px;">
|
||
<i class="fa fa-times-circle"></i> 撤销微信转账
|
||
</button>
|
||
{/if}
|
||
|
||
<button type="button" class="btn btn-default" onclick="parent.Layer.close(parent.Layer.getFrameIndex(window.name));" style="padding:6px 16px;">关闭</button>
|
||
</div>
|
||
</div>
|