优化订单结算金额展示和钱包流水号

frontend/src/features/orders/views/MobileOrdersView.vue

@@ -116,6 +116,25 @@ function readError(error: unknown, fallback: string) {
 function money(value: unknown) {
   return Math.round(Number(value || 0));
 }
+
+function isOwner(order: Order) {
+  return order.owner_id === session.userId;
+}
+
+function amountLabel(order: Order) {
+  return isOwner(order) ? "预计租金" : "支付租金";
+}
+
+function orderRentAmount(order: Order) {
+  if (isOwner(order)) return Number(order.owner_rent_amount ?? order.display_amount ?? 0);
+  return Number(order.rent_amount ?? order.display_amount ?? 0);
+}
+
+function ownerActualIncome(order: Order) {
+  if (!isOwner(order)) return null;
+  const value = order.checkout?.owner_income_amount;
+  return typeof value === "number" ? value : null;
+}
 </script>
 
 <template>
@@ -187,8 +206,9 @@ function money(value: unknown) {
           
           <div class="price-row">
             <div class="price-item">
-              <span class="price-label">我的金额</span>
-              <span class="price-val">¥{{ money(order.display_amount) }}</span>
+              <span class="price-label">{{ amountLabel(order) }}</span>
+              <span class="price-val">¥{{ money(orderRentAmount(order)) }}</span>
+              <span v-if="ownerActualIncome(order) !== null" class="price-sub">实际到手 ¥{{ money(ownerActualIncome(order)) }}</span>
             </div>
             <div class="price-item">
               <span class="price-label">押金金额</span>
@@ -419,6 +439,12 @@ function money(value: unknown) {
   color: #374151;
 }
 
+.price-sub {
+  color: #10b981;
+  font-size: 11px;
+  font-weight: 700;
+}
+
 /* ========== 卡片底部 ========== */
 .card-footer {
   display: flex;