yml/hfb_sys
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/features/admin/views/AdminChatsView.vue
+24
View File
@@ -726,7 +726,17 @@ function firstQueryValue(value: unknown) {
}"
>
<template v-if="item.sender_type === 'system'">
<div class="system-block">
<span>{{ item.content }}</span>
<div v-if="item.attachment_urls.length > 0" class="system-attachments">
<ChatAttachmentImage
v-for="url in item.attachment_urls"
:key="url"
:source="url"
admin
/>
</div>
</div>
</template>
<template v-else>
<small :class="{ 'admin-label': item.sender_role === 'admin' }">
@@ -1313,6 +1323,20 @@ function firstQueryValue(value: unknown) {
text-align: center;
}
.system-block {
display: inline-flex;
max-width: min(100%, 320px);
flex-direction: column;
align-items: center;
gap: 8px;
}
.system-attachments {
display: grid;
justify-items: center;
gap: 6px;
}
.message-row small {
display: block;
margin-bottom: 5px;
frontend/src/features/wallet/components/PaymentAccountDialog.vue
+57 -2
View File
@@ -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>
<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;
frontend/src/features/wallet/views/MobileWithdrawalView.vue
+42 -2
View File
@@ -553,10 +553,18 @@ function statusType(status: string): 'primary' | 'success' | 'danger' | 'warning
direction="horizontal"
class="type-tabs"
>
<van-radio name="alipay" :disabled="!!editingAccount">支付宝</van-radio>
<van-radio name="alipay" :disabled="!!editingAccount">
<span class="type-label">
<span>支付宝</span>
<span v-if="!editingAccount" class="recommend-badge">推荐</span>
</span>
</van-radio>
<van-radio name="wechat" :disabled="!!editingAccount">微信</van-radio>
<van-radio name="bank" :disabled="!!editingAccount">银行卡</van-radio>
</van-radio-group>
<p v-if="!editingAccount" class="type-tip">
推荐优先添加支付宝，微信和银行卡可按需选择。
</p>
<van-field
v-model.trim="accountForm.account_name"
@@ -980,7 +988,13 @@ function statusType(status: string): 'primary' | 'success' | 'danger' | 'warning
}
.type-tabs {
margin-bottom: 12px;
gap: 8px 12px;
flex-wrap: wrap;
margin-bottom: 6px;
}
.type-tabs :deep(.van-radio) {
margin-right: 0;
}
.type-tabs :deep(.van-radio__label) {
@@ -988,6 +1002,32 @@ function statusType(status: string): 'primary' | 'success' | 'danger' | 'warning
font-size: 15px;
}
.type-label {
display: inline-flex;
align-items: center;
gap: 5px;
}
.recommend-badge {
display: inline-flex;
align-items: center;
height: 17px;
padding: 0 6px;
border-radius: 999px;
background: #fff7ed;
color: #c2410c;
font-size: 11px;
font-weight: 700;
line-height: 1;
}
.type-tip {
margin: 0 0 12px;
color: #8a5a13;
font-size: 12px;
line-height: 1.5;
}
.account-tip {
margin: 12px 0;
padding: 10px 12px;