修复客服看不到二维码图片和推荐支付宝提现

This commit is contained in:
yml2213
2026-06-27 21:57:46 +08:00
parent 5ac12ae5c3
commit 3abd513543
3 changed files with 127 additions and 8 deletions
@@ -185,11 +185,25 @@ function removeImage(index: number) {
>
<el-form :model="form" label-width="100px" label-position="left">
<el-form-item label="账号类型" required>
<el-radio-group v-model="form.account_type" :disabled="!!account">
<el-radio-button value="alipay">支付宝</el-radio-button>
<el-radio-button value="wechat">微信</el-radio-button>
<el-radio-button value="bank">银行卡</el-radio-button>
</el-radio-group>
<div class="account-type-picker">
<el-radio-group
v-model="form.account_type"
:disabled="!!account"
class="account-type-group"
>
<el-radio-button value="alipay">
<span class="account-type-label">
<span>支付宝</span>
<span v-if="!account" class="recommend-badge">推荐</span>
</span>
</el-radio-button>
<el-radio-button value="wechat">微信</el-radio-button>
<el-radio-button value="bank">银行卡</el-radio-button>
</el-radio-group>
<p v-if="!account" class="account-type-tip">
推荐优先添加支付宝,微信和银行卡可按需选择。
</p>
</div>
</el-form-item>
<el-form-item label="账户名" required>
@@ -307,6 +321,47 @@ function removeImage(index: number) {
padding: 10px 20px;
}
.account-type-picker {
display: grid;
gap: 8px;
}
.account-type-group {
display: flex;
flex-wrap: wrap;
}
.account-type-label {
display: inline-flex;
align-items: center;
gap: 6px;
}
.recommend-badge {
display: inline-flex;
align-items: center;
height: 18px;
padding: 0 6px;
border-radius: 999px;
background: #fff7ed;
color: #c2410c;
font-size: 11px;
font-weight: 700;
line-height: 1;
}
:deep(.el-radio-button__original-radio:checked + .el-radio-button__inner .recommend-badge) {
background: rgba(255, 255, 255, 0.24);
color: #fff;
}
.account-type-tip {
margin: 0;
color: #8a5a13;
font-size: 12px;
line-height: 1.5;
}
.certificate-upload {
display: flex;
flex-wrap: wrap;