From b183ded8f679f9978e1995f60c3ea54615697c46 Mon Sep 17 00:00:00 2001
From: DaxPay Dev <dev@daxpay.com>
Date: Tue, 21 Jul 2026 10:48:50 +0800
Subject: [PATCH] =?UTF-8?q?feat(qrcode):=20=E7=A0=81=E7=89=8C=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8=E5=BA=94=E7=94=A8=E5=88=97=E5=B1=95=E7=A4=BA=E5=90=8D?=
 =?UTF-8?q?=E7=A7=B0=E4=B8=8E=20appId?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 apps/daxpay-admin/src/api/payment/device/qrcode.api.ts   | 2 ++
 .../src/views/payment/device/qrcode/DeviceQrCode.vue     | 9 ++++++---
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/apps/daxpay-admin/src/api/payment/device/qrcode.api.ts b/apps/daxpay-admin/src/api/payment/device/qrcode.api.ts
index aab7e7153..221f786ec 100644
--- a/apps/daxpay-admin/src/api/payment/device/qrcode.api.ts
+++ b/apps/daxpay-admin/src/api/payment/device/qrcode.api.ts
@@ -207,6 +207,8 @@ export interface DeviceQrCodeResult extends BaseEntity {
   mchName?: string;
   /** 应用(空=商户默认应用) */
   appId?: string;
+  /** 应用名称(由 appId 翻译) */
+  appName?: string;
   /** 绑定门店号 */
   storeNo?: string;
   /** 门店名称(由 storeNo 翻译) */
diff --git a/apps/daxpay-admin/src/views/payment/device/qrcode/DeviceQrCode.vue b/apps/daxpay-admin/src/views/payment/device/qrcode/DeviceQrCode.vue
index cd43210d8..c8b7f1faa 100644
--- a/apps/daxpay-admin/src/views/payment/device/qrcode/DeviceQrCode.vue
+++ b/apps/daxpay-admin/src/views/payment/device/qrcode/DeviceQrCode.vue
@@ -378,10 +378,13 @@
               <a-tag v-else color="default">{{ $t('payment.device.qrcode.unbound') }}</a-tag>
             </template>
           </vxe-column>
-          <!-- 应用: 有 appId 显示号; 空=默认应用 -->
-          <vxe-column field="appId" :title="$t('payment.device.qrcode.field.appId')" :min-width="140">
+          <!-- 应用: 名称上+号下小字; 空=默认应用 -->
+          <vxe-column field="appId" :title="$t('payment.device.qrcode.field.appId')" :min-width="160">
             <template #default="{ row }">
-              <span v-if="row.appId">{{ row.appId }}</span>
+              <div v-if="row.appId" class="flex flex-col">
+                <span>{{ row.appName || '-' }}</span>
+                <span class="text-xs text-muted-foreground">{{ row.appId }}</span>
+              </div>
               <span v-else-if="row.mchNo" style="color: var(--text-color-placeholder)">{{
                 $t('payment.device.qrcode.defaultApp')
               }}</span>