feat: 优化首页服务入口与租住业务流程

补齐首页待办跳转、押金支付引导和多类租住服务页面能力，统一租客端关键业务流程体验。

pkgService/my_application/my_application.vue

@@ -52,6 +52,15 @@
             </view>
           </view>
 
+          <view
+            v-if="shouldShowApplicationPaymentStatus(item)"
+            class="payment-status-banner tn-margin-top"
+            :class="`payment-status-banner--${getApplicationPaymentStatusType(item)}`"
+          >
+            <text class="payment-status-banner__label">{{ $tr('支付状态') }}</text>
+            <text class="payment-status-banner__value">{{ getApplicationPaymentStatusText(item) }}</text>
+          </view>
+
           <view class="card-body tn-margin-top">
             <view class="info-row tn-flex tn-flex-row-between">
               <text class="info-label">{{ $tr('所属公寓') }}</text>
@@ -154,6 +163,43 @@ function isViewingApplicationRecord(item = {}) {
   return VIEWING_APPLICATION_PATTERN.test(remark)
 }
 
+function resolveApplicationPaymentStatusInfo(item = {}) {
+  if (!item || item.isViewingApplication) {
+    return {
+      key: 'exempt',
+      desc: ''
+    }
+  }
+
+  const desc = String(item.payStatusDesc || item.paymentStatusDesc || '').trim()
+  const status = Number(
+    item.payStatus !== undefined && item.payStatus !== null
+      ? item.payStatus
+      : item.paymentStatus
+  )
+
+  if (status === 10 || /已支付|paid/i.test(desc)) {
+    return { key: 'paid', desc }
+  }
+  if (/退款|refunded?/i.test(desc)) {
+    return { key: 'refunded', desc }
+  }
+  if (/失败|failed?/i.test(desc)) {
+    return { key: 'failed', desc }
+  }
+  if (/处理中|processing/i.test(desc)) {
+    return { key: 'processing', desc }
+  }
+  if (status === 0 || /待支付|未支付|unpaid|pending/i.test(desc)) {
+    return { key: 'pending', desc }
+  }
+
+  return {
+    key: desc ? 'processing' : 'pending',
+    desc
+  }
+}
+
 function normalizeApplicationList(list = []) {
   if (!Array.isArray(list)) {
     return []
@@ -362,6 +408,36 @@ export default {
       }
       return item.intendedRoomTypeName || this.$tr('入住申请')
     },
+    shouldShowApplicationPaymentStatus(item = {}) {
+      return !item.isViewingApplication
+    },
+    getApplicationPaymentStatusText(item = {}) {
+      const statusInfo = resolveApplicationPaymentStatusInfo(item)
+      if (this.$getLanguage() !== 'en' && statusInfo.desc) {
+        return statusInfo.desc
+      }
+      const textMap = {
+        exempt: this.$tr('无需支付'),
+        paid: this.$tr('已支付'),
+        refunded: this.$tr('已退款'),
+        failed: this.$tr('支付失败'),
+        processing: this.$tr('处理中'),
+        pending: this.$tr('待支付')
+      }
+      return textMap[statusInfo.key] || statusInfo.desc || this.$tr('待支付')
+    },
+    getApplicationPaymentStatusType(item = {}) {
+      const statusInfo = resolveApplicationPaymentStatusInfo(item)
+      const typeMap = {
+        exempt: 'neutral',
+        paid: 'success',
+        refunded: 'neutral',
+        failed: 'danger',
+        processing: 'info',
+        pending: 'warning'
+      }
+      return typeMap[statusInfo.key] || 'warning'
+    },
     resolveReferenceTypeNo(item = {}) {
       return item.detailCode || ''
     },
@@ -555,6 +631,72 @@ export default {
   font-weight: 700;
 }
 
+.payment-status-banner {
+  padding: 20rpx 24rpx;
+  border-radius: 20rpx;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16rpx;
+  border: 1rpx solid transparent;
+}
+
+.payment-status-banner__label {
+  font-size: 24rpx;
+  color: #64748B;
+  font-weight: 600;
+}
+
+.payment-status-banner__value {
+  font-size: 28rpx;
+  font-weight: 700;
+}
+
+.payment-status-banner--warning {
+  background: linear-gradient(180deg, rgba(255, 247, 237, 0.96) 0%, rgba(255, 251, 245, 0.98) 100%);
+  border-color: rgba(249, 115, 22, 0.16);
+}
+
+.payment-status-banner--warning .payment-status-banner__value {
+  color: #C2410C;
+}
+
+.payment-status-banner--success {
+  background: linear-gradient(180deg, rgba(236, 253, 245, 0.96) 0%, rgba(240, 253, 250, 0.98) 100%);
+  border-color: rgba(16, 185, 129, 0.16);
+}
+
+.payment-status-banner--success .payment-status-banner__value {
+  color: #047857;
+}
+
+.payment-status-banner--info {
+  background: linear-gradient(180deg, rgba(239, 246, 255, 0.96) 0%, rgba(248, 250, 252, 0.98) 100%);
+  border-color: rgba(59, 130, 246, 0.14);
+}
+
+.payment-status-banner--info .payment-status-banner__value {
+  color: #1D4ED8;
+}
+
+.payment-status-banner--danger {
+  background: linear-gradient(180deg, rgba(254, 242, 242, 0.96) 0%, rgba(255, 245, 245, 0.98) 100%);
+  border-color: rgba(239, 68, 68, 0.16);
+}
+
+.payment-status-banner--danger .payment-status-banner__value {
+  color: #B91C1C;
+}
+
+.payment-status-banner--neutral {
+  background: linear-gradient(180deg, rgba(241, 245, 249, 0.96) 0%, rgba(248, 250, 252, 0.98) 100%);
+  border-color: rgba(148, 163, 184, 0.16);
+}
+
+.payment-status-banner--neutral .payment-status-banner__value {
+  color: #475569;
+}
+
 .status-pending {
   background: rgba(245, 158, 11, 0.12);
   color: #B45309;