From 3abd5135431c4f25f3581d08a3d25a92489766f0 Mon Sep 17 00:00:00 2001
From: yml2213 <a2213290201@gmail.com>
Date: Sat, 27 Jun 2026 21:57:46 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E5=AE=A2=E6=9C=8D=E7=9C=8B?=
 =?UTF-8?q?=E4=B8=8D=E5=88=B0=E4=BA=8C=E7=BB=B4=E7=A0=81=E5=9B=BE=E7=89=87?=
 =?UTF-8?q?=E5=92=8C=E6=8E=A8=E8=8D=90=E6=94=AF=E4=BB=98=E5=AE=9D=E6=8F=90?=
 =?UTF-8?q?=E7=8E=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../features/admin/views/AdminChatsView.vue   | 26 +++++++-
 .../components/PaymentAccountDialog.vue       | 65 +++++++++++++++++--
 .../wallet/views/MobileWithdrawalView.vue     | 44 ++++++++++++-
 3 files changed, 127 insertions(+), 8 deletions(-)

diff --git a/frontend/src/features/admin/views/AdminChatsView.vue b/frontend/src/features/admin/views/AdminChatsView.vue
index 1eac2b6..ea555b2 100644
--- a/frontend/src/features/admin/views/AdminChatsView.vue
+++ b/frontend/src/features/admin/views/AdminChatsView.vue
@@ -726,7 +726,17 @@ function firstQueryValue(value: unknown) {
                 }"
               >
                 <template v-if="item.sender_type === 'system'">
-                  <span>{{ item.content }}</span>
+                  <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;
diff --git a/frontend/src/features/wallet/components/PaymentAccountDialog.vue b/frontend/src/features/wallet/components/PaymentAccountDialog.vue
index e8a9482..c3179aa 100644
--- a/frontend/src/features/wallet/components/PaymentAccountDialog.vue
+++ b/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">
-          <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;
diff --git a/frontend/src/features/wallet/views/MobileWithdrawalView.vue b/frontend/src/features/wallet/views/MobileWithdrawalView.vue
index c2655b2..42504a3 100644
--- a/frontend/src/features/wallet/views/MobileWithdrawalView.vue
+++ b/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;