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

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;