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

frontend/src/features/admin/views/AdminChatsView.vue

@@ -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

@@ -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">
+        <div class="account-type-picker">
-          <el-radio-button value="alipay">支付宝</el-radio-button>
+          <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

@@ -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;