diff --git a/api/index.js b/api/index.js
index 32514c5..5741b71 100644
--- a/api/index.js
+++ b/api/index.js
@@ -67,6 +67,18 @@ function buildRequestCacheKey(prefix, params = {}, language) {
   return `${prefix}:${language}:${JSON.stringify(normalizeRequestCacheValue(params || {}))}`
 }
 
+function createJsonPatchRequest(url, data = {}, language) {
+  return request({
+    url,
+    method: 'POST',
+    data,
+    header: {
+      'Content-Type': 'application/json-patch+json',
+      'X-Requested-Language': resolveLanguageHeader(language)
+    }
+  })
+}
+
 const notificationPageRequestCache = new Map()
 const notificationPageResponseCache = new Map()
 const NOTIFICATION_PAGE_CACHE_TTL = 1200
@@ -121,6 +133,17 @@ export function getEnums(params = {}, language) {
   })
 }
 
+export function getFloorList(params = {}, language) {
+  return request({
+    url: '/floor/list',
+    method: 'GET',
+    params,
+    header: {
+      'X-Requested-Language': resolveLanguageHeader(language)
+    }
+  })
+}
+
 // --- 用户与登录 ---
 export function usersLogin(data = {}, language) {
   return request({
@@ -169,6 +192,18 @@ export function submitApplicationForm(data = {}, language) {
   })
 }
 
+export function submitViewingApplicationForm(data = {}, language) {
+  return request({
+    url: '/applicationform/viewing/submit',
+    method: 'POST',
+    data,
+    header: {
+      'Content-Type': 'application/json-patch+json',
+      'X-Requested-Language': resolveLanguageHeader(language)
+    }
+  })
+}
+
 export function registrationApplicationMePage(params = {}, language) {
   return request({
     url: '/applicationform/registration/me/page',
@@ -202,6 +237,110 @@ export function applicationFormMePage(params = {}, language) {
   })
 }
 
+// --- 工单 ---
+export function ticketOrderPage(params = {}, language) {
+  return request({
+    url: '/ticketorder/page',
+    method: 'GET',
+    params,
+    header: {
+      'X-Requested-Language': resolveLanguageHeader(language)
+    }
+  })
+}
+
+export function ticketOrderMyPage(params = {}, language) {
+  return request({
+    url: '/ticketorder/my/page',
+    method: 'GET',
+    params,
+    header: {
+      'X-Requested-Language': resolveLanguageHeader(language)
+    }
+  })
+}
+
+export function ticketOrderDetail(flowNo, language) {
+  return request({
+    url: `/ticketorder/${flowNo}/flows`,
+    method: 'GET',
+    header: {
+      'X-Requested-Language': resolveLanguageHeader(language)
+    }
+  })
+}
+
+export function ticketOrderFlows(orderNo, language) {
+  return request({
+    url: `/ticketorder/${orderNo}/flows`,
+    method: 'GET',
+    header: {
+      'X-Requested-Language': resolveLanguageHeader(language)
+    }
+  })
+}
+
+export function ticketOrderTransitionOptions(flowNo, language) {
+  return request({
+    url: `/ticketorder/${flowNo}/transition-options`,
+    method: 'GET',
+    header: {
+      'X-Requested-Language': resolveLanguageHeader(language)
+    }
+  })
+}
+
+export function ticketFlowTransitionStepRuleSelectTypeItems(params = {}, language) {
+  return request({
+    url: '/ticketflowtransitionsteprule/selecttypeitems',
+    method: 'GET',
+    params,
+    header: {
+      'X-Requested-Language': resolveLanguageHeader(language)
+    }
+  })
+}
+
+export function ticketOrderFixonhold(data = {}, language) {
+  return createJsonPatchRequest('/ticketorder/fixonhold', data, language)
+}
+
+export function ticketOrderTransit(data = {}, language) {
+  return createJsonPatchRequest('/ticketorder/transit', data, language)
+}
+
+export function ticketOrderSubmitChangeroom(data = {}, language) {
+  return createJsonPatchRequest('/ticketordersubmit/changeroom', data, language)
+}
+
+export function ticketOrderSubmitCheckout(data = {}, language) {
+  return createJsonPatchRequest('/ticketordersubmit/checkout', data, language)
+}
+
+export function ticketOrderSubmitRepair(data = {}, language) {
+  return createJsonPatchRequest('/ticketordersubmit/repair', data, language)
+}
+
+export function ticketOrderSubmitSuggestion(data = {}, language) {
+  return createJsonPatchRequest('/ticketordersubmit/suggestion', data, language)
+}
+
+export function ticketOrderSubmitRenewal(data = {}, language) {
+  return createJsonPatchRequest('/ticketordersubmit/renewal', data, language)
+}
+
+export function ticketOrderSubmitWaterdelivery(data = {}, language) {
+  return createJsonPatchRequest('/ticketordersubmit/waterdelivery', data, language)
+}
+
+export function ticketOrderSubmitCleaning(data = {}, language) {
+  return createJsonPatchRequest('/ticketordersubmit/cleaning', data, language)
+}
+
+export function lostAndFoundPublish(data = {}, language) {
+  return createJsonPatchRequest('/lostandfound/publish', data, language)
+}
+
 // --- 订单与入住 ---
 export function orderSearchedHistoryPage(params = {}, language) {
   return request({
@@ -225,6 +364,17 @@ export function orderSearchedMePage(params = {}, language) {
   })
 }
 
+export function orderSearchedMyPage(params = {}, language) {
+  return request({
+    url: '/order/searched/me/page',
+    method: 'GET',
+    params: params || {},
+    header: {
+      'X-Requested-Language': resolveLanguageHeader(language)
+    }
+  })
+}
+
 export function orderSearchedMeHistoryPage(params = {}, language) {
   return request({
     url: '/order/searched/me/history/page',
@@ -268,6 +418,64 @@ export function orderSearchedReservationPage(params = {}, language) {
   })
 }
 
+export function orderSearchedReservationFlow(data = {}, language) {
+  return request({
+    url: '/order/searched/reservation/flow',
+    method: 'POST',
+    data,
+    header: {
+      'Content-Type': 'application/json-patch+json',
+      'X-Requested-Language': resolveLanguageHeader(language)
+    }
+  })
+}
+
+export function roomInspectionMyPage(params = {}, language) {
+  return request({
+    url: '/roominspection/my/page',
+    method: 'GET',
+    params: params || {},
+    header: {
+      'X-Requested-Language': resolveLanguageHeader(language)
+    }
+  })
+}
+
+export function roomInspectionDetail(params = {}, language) {
+  return request({
+    url: '/roominspection/detail',
+    method: 'GET',
+    params: params || {},
+    header: {
+      'X-Requested-Language': resolveLanguageHeader(language)
+    }
+  })
+}
+
+export function roomInspectionUpdateItems(data = {}, language) {
+  return request({
+    url: '/roominspection/update/items',
+    method: 'POST',
+    data,
+    header: {
+      'Content-Type': 'application/json-patch+json',
+      'X-Requested-Language': resolveLanguageHeader(language)
+    }
+  })
+}
+
+export function roomInspectionSubmit(data = {}, language) {
+  return request({
+    url: '/roominspection/submit',
+    method: 'POST',
+    data,
+    header: {
+      'Content-Type': 'application/json-patch+json',
+      'X-Requested-Language': resolveLanguageHeader(language)
+    }
+  })
+}
+
 export function checkRecordByChecked(params = {}, language) {
   const query = params || {}
   const orderNo = String(query.orderNo || '').trim()
@@ -300,6 +508,24 @@ export function accountQueryBills(params = {}, language) {
   })
 }
 
+export function accountQueryBill(params = {}, language) {
+  const query = params || {}
+  const billNo = String(query.billNo || query.BillNo || '').trim()
+  if (!billNo) {
+    return Promise.reject(new Error('账单号不能为空'))
+  }
+  return request({
+    url: '/accountquery/bill',
+    method: 'GET',
+    params: {
+      billNo
+    },
+    header: {
+      'X-Requested-Language': resolveLanguageHeader(language)
+    }
+  })
+}
+
 export function paymentBillPay(data = {}, language) {
   const payload = data || {}
   return request({
@@ -385,6 +611,17 @@ export function getMyEffectiveContracts(params = {}, language) {
   })
 }
 
+export function contractDetail(params = {}, language) {
+  return request({
+    url: '/contract/detail',
+    method: 'GET',
+    params,
+    header: {
+      'X-Requested-Language': resolveLanguageHeader(language)
+    }
+  })
+}
+
 export function contractPreview(data = {}, language) {
   return request({
     url: '/contract/preview',
@@ -484,6 +721,38 @@ export function facilityManagers(params = {}, language) {
   })
 }
 
+// --- 宿管与管理员联系人 ---
+export function myDormitoryManagers(language) {
+  return request({
+    url: '/usercampus/my-dormitory-managers',
+    method: 'GET',
+    header: {
+      'X-Requested-Language': resolveLanguageHeader(language)
+    }
+  })
+}
+
+export function myCounselor(language) {
+  return request({
+    url: '/usercampus/my-counselor',
+    method: 'GET',
+    header: {
+      'X-Requested-Language': resolveLanguageHeader(language)
+    }
+  })
+}
+
+export function buildingPagination(params = {}, language) {
+  return request({
+    url: '/building/pagination',
+    method: 'GET',
+    params,
+    header: {
+      'X-Requested-Language': resolveLanguageHeader(language)
+    }
+  })
+}
+
 export function roomtypeList(params = {}, language) {
   return request({
     url: '/roomtype/list',
diff --git a/config.js b/config.js
index d788dc3..17bc204 100644
--- a/config.js
+++ b/config.js
@@ -1,6 +1,6 @@
 export const config = {
   // 根据不同环境维护接口基准地址
-  // baseURL: 'http://192.168.199.115:5003/api',
+  // baseURL: 'http://192.168.199.182:5003/api',
 	// baseURL: 'http://192.168.199.124:5111/admin/api',
 	// baseURL: 'https://api.xhct.yaens.com/admin/api',
   baseURL: 'https://apartment.lvjuwuye.cn/admin/api',
diff --git a/locales/messages.js b/locales/messages.js
index 9ed18a6..43e6e02 100644
--- a/locales/messages.js
+++ b/locales/messages.js
@@ -25,8 +25,12 @@ const messages = {
         "pkgService/message_detail/message_detail": "Message Detail",
         "pkgService/my_application/my_application": "My Applications",
         "pkgService/my_contract/my_contract": "My Contracts",
+        "pkgService/room_inspection/room_inspection": "Inspection",
         "pkgService/service_stub/service_stub": "Service Center",
         "pkgService/smart_control/smart_control": "Smart Control",
+        "pkgService/ticket_center/ticket_center": "Work Orders",
+        "pkgService/ticket_workbench/ticket_workbench": "Work Order",
+        "pkgService/lost_found_publish/lost_found_publish": "Lost and Found",
         "pkgService/submit_request/submit_request": "Submit Request",
         "pkgService/utility_recharge/utility_recharge": "Utility Recharge"
       }
@@ -92,6 +96,7 @@ const messages = {
             cancelOrderSuccess: "Order canceled",
             cancelOrderTitle: "Cancel Order",
             continuePay: "Continue Pay",
+            currentStepTag: "Current",
             dateRangeJoiner: " to ",
             depositNoticeTitle: "Rental Deposit Notice",
             emptyDesc: "You have not submitted any application yet. Go select a room to start a stay or viewing application.",
@@ -102,11 +107,21 @@ const messages = {
             loadingDesc: "Syncing your application records. Please wait.",
             missingApplicationCode: "Missing application number",
             missingBillCode: "Missing application bill number",
+            missingContractNo: "Missing contract number",
+            noPendingDepositBill: "No pending deposit bill available",
             noMore: "No more applications",
             occupantLabel: "Resident",
             pageDesc: "Your stay and viewing application records",
             pageTitle: "My Applications",
             payDeposit: "Pay Deposit",
+            fetchPaymentParamsFailed: "Failed to get payment parameters",
+            fetchWechatLoginCodeFailed: "Failed to get WeChat login code",
+            loadingBill: "Loading bill...",
+            loadingPayment: "Opening payment...",
+            depositPaymentDesc: "Deposit Payment",
+            paymentSuccess: "Payment succeeded",
+            paymentCanceled: "Payment canceled",
+            paymentFailed: "Payment failed",
             pendingPaymentAmountLabel: "Order Amount",
             pendingPaymentDescLabel: "Description",
             pendingPaymentExpireLabel: "Time Left",
@@ -118,8 +133,20 @@ const messages = {
             refreshEmptySuccess: "No application found. Reservation records synced.",
             refreshSuccess: "Application status refreshed",
             refreshing: "Refreshing...",
+            refreshAction: "Refresh",
             remarkLabel: "Remarks",
+            reservationFlowDesc: "Progress of the current reservation order",
+            reservationFlowTitle: "Reservation Flow",
+            reservationOrderFallback: "Reservation",
+            reservationOrderNoLabel: "Order No.",
+            roomNoLabel: "Room No.",
+            reservationRoomLabel: "Room Type",
+            reservationStatusLabel: "Order Status",
+            contractPendingReviewHint: "Contract signed, waiting for review",
+            inspectionPendingReviewHint: "Inspection under review",
+            checkinPendingHint: "Move-in is being processed, please wait",
             scrollToRead: "Scroll to bottom",
+            refreshFlowAction: "Refresh Flow",
             statusApproved: "Approved",
             statusFinished: "Closed",
             statusPending: "Pending",
@@ -249,9 +276,14 @@ const messages = {
             loadingManagerInfo: "Loading butler info",
             loadingShort: "Syncing",
             managerContactSummary: "{count} butlers are available in this area",
+            managementContacts: "Dorm Managers & Admins",
+            dormitoryManagerTag: "Dorm Mgr",
+            counselorTag: "Admin",
+            noManagerContacts: "No management contacts",
             managerFallback: "Community Butler",
             managerInitialFallback: "B",
             managerWechatCopied: "Butler Wechat copied",
+            mealDeliveryJumpFailed: "Failed to open the ordering mini-program",
             multiButlerName: "{name} +{count}",
             myBill: "Monthly Bill",
             noButlerInfo: "No butler information yet",
@@ -268,7 +300,7 @@ const messages = {
             pendingContractFound: "Pending contract found",
             pendingSync: "Pending",
             primaryButlerTag: "Lead",
-            publicService: "Facility Booking",
+            publicService: "Premium Services",
             refreshFailed: "Refresh failed, please try again later",
             refreshStatus: "Refresh Status",
             refreshing: "Refreshing...",
@@ -366,6 +398,7 @@ const messages = {
       },
       register: {
         register: {
+          admissionNoticeAttachmentLabel: "Admission Notice (Employment Certificate)",
           accountLabel: "Account",
           accountPlaceholder: "Enter account name",
           accountSection: "Account Information",
@@ -436,6 +469,7 @@ const messages = {
           submitRegister: "Submit Registration",
           submitting: "Submitting...",
           uploadFailed: "Upload failed, please retry",
+          uploadAdmissionNotice: "Upload admission notice or employment certificate",
           uploadIdBack: "Upload ID card back",
           uploadIdFront: "Upload ID card front",
           uploadImageOption: "Upload Image",
@@ -521,6 +555,7 @@ const messages = {
           duration5: "Over 1 year",
           durationLabel: "Expected Stay Duration",
           navTitle: "On-site Viewing",
+          roomTypeLabel: "Preferred Room Type",
           remarkArea: "Preferred Area: {area}",
           remarkBudget: "Budget: {budget} CNY/month",
           remarkDuration: "Expected Stay: {duration}",
@@ -795,6 +830,10 @@ const messages = {
           leaseDurationKey: "Expected Stay Duration",
           leaseTermLabel: "Lease Term",
           missingBillCode: "Missing application bill number",
+          missingContractNo: "Missing contract number",
+          inspectionPendingReviewHint: "Inspection under review",
+          checkinPendingHint: "Move-in is being processed, please wait",
+          refreshAction: "Refresh",
           navTitle: "Application Detail",
           paymentMethodKey: "Payment Method",
           preferredAreaKey: "Preferred Area",
@@ -1147,8 +1186,62 @@ const messages = {
           unsupportedSwitch: "This device does not support quick switching"
         }
       },
+      lost_found_publish: {
+        lost_found_publish: {
+          navTitle: "Lost and Found",
+          heroBadge: "Community Service",
+          heroTitle: "Publish lost or found item details",
+          heroDesc: "Share lost or found information with the community so that follow-up and matching can happen faster.",
+          formTitle: "Item Information",
+          formDesc: "Please complete the key details below. Required fields help others contact you faster.",
+          typeLabel: "Publish Type",
+          typePlaceholder: "Select lost or found",
+          typeLost: "Lost Item",
+          typeFound: "Found Item",
+          itemTypeLabel: "Item Category",
+          itemTypePlaceholder: "For example: documents, keys, electronics",
+          itemNameLabel: "Item Name",
+          itemNamePlaceholder: "Please enter the item name",
+          placeLabel: "Location",
+          placePlaceholder: "Please enter where it was lost or found",
+          whenLabel: "Time",
+          selectDate: "Select date",
+          selectTime: "Select time",
+          whenTip: "Optional. Fill in the approximate time if available.",
+          contractLabel: "Contact Person",
+          contractPlaceholder: "Please enter the contact person",
+          contractPhoneLabel: "Contact Phone",
+          contractPhonePlaceholder: "Please enter the contact phone",
+          remarkLabel: "Remarks",
+          remarkPlaceholder: "Add more details such as appearance, claim notes, or identifying features",
+          imagesLabel: "Images",
+          uploadImage: "Upload Image",
+          imagesTip: "Optional. Upload on-site or item photos to help identify the item.",
+          submitTip: "Please verify the information before publishing. We will submit it with the current language.",
+          submitting: "Submitting...",
+          submitButton: "Publish Now",
+          uploadFailed: "Image upload failed",
+          uploadOversize: "Each image must be within 5 MB",
+          uploadExceed: "You can upload up to 6 images",
+          validateItemType: "Please enter the item category",
+          validateItemName: "Please enter the item name",
+          validatePlace: "Please enter the location",
+          validateContract: "Please enter the contact person",
+          validateContractPhone: "Please enter the contact phone",
+          submitSuccess: "Published successfully",
+          submitFailed: "Failed to publish"
+        }
+      },
       submit_request: {
         components: {
+          BuildingSelector: {
+            emptyText: "No buildings available",
+            loadFailed: "Failed to load buildings",
+            loadingText: "Loading buildings...",
+            popupTitle: "Select Building",
+            selectAreaFirst: "Please select an area first",
+            selectBuilding: "Select building"
+          },
           DateRangeSelector: {
             dateDivider: "to",
             endLabel: "Expected Check-out",
@@ -1156,6 +1249,14 @@ const messages = {
             startLabel: "Expected Check-in",
             startPlaceholder: "Select check-in date"
           },
+          FloorSelector: {
+            clearSelection: "Not specified",
+            emptyText: "No floors available",
+            loadFailed: "Failed to load floor list",
+            loadingText: "Loading floors...",
+            popupTitle: "Select Floor",
+            selectFloor: "Select floor"
+          },
           TagSelector: {
             emptyText: "No tags available",
             loadingText: "Loading tags..."
@@ -1167,12 +1268,14 @@ const messages = {
           applyRemarkPlaceholder: "Enter your additional notes",
           applyRoomType: "Requested Room Type",
           areaLabel: "Area",
+          buildingLabel: "Preferred Building",
           currentRoom: "Current Room",
           dateCannotBefore: "{endLabel} cannot be earlier than {startLabel}",
           emptyHobbyTags: "No hobby tags",
           emptyLifestyleTags: "No lifestyle tags",
           expectedCheckin: "Expected Check-in",
           expectedCheckout: "Expected Checkout",
+          floorLabel: "Preferred Floor",
           hobbyLabel: "Hobbies",
           leaseRange: "Lease Period",
           lifestyleLabel: "Lifestyle Habits",
@@ -1184,6 +1287,10 @@ const messages = {
           roomTypeApplyBlockTitle: "Application Details",
           roomTypeApplyDesc: "Confirm the room type, area, preference tags, and lease period before submitting.",
           roomTypeApplyTitle: "Room Type Application",
+          switchRoomType: "Switch",
+          summaryTitle: "Application Summary",
+          expandSummary: "Expand",
+          collapseSummary: "Collapse",
           selectCheckinDate: "Select check-in date",
           selectCheckoutDate: "Select checkout date",
           selectDateEnd: "Please select {label}",
@@ -1231,8 +1338,12 @@ const messages = {
         "pkgService/message_detail/message_detail": "消息详情",
         "pkgService/my_application/my_application": "我的申请",
         "pkgService/my_contract/my_contract": "我的合同",
+        "pkgService/room_inspection/room_inspection": "验房",
         "pkgService/service_stub/service_stub": "业务办理",
         "pkgService/smart_control/smart_control": "智能控制",
+        "pkgService/ticket_center/ticket_center": "工单中心",
+        "pkgService/ticket_workbench/ticket_workbench": "工单处理",
+        "pkgService/lost_found_publish/lost_found_publish": "失物拾物",
         "pkgService/submit_request/submit_request": "我要提交",
         "pkgService/utility_recharge/utility_recharge": "水电充值"
       }
@@ -1298,6 +1409,7 @@ const messages = {
             cancelOrderSuccess: "订单已取消",
             cancelOrderTitle: "取消订单",
             continuePay: "继续支付",
+            currentStepTag: "当前",
             dateRangeJoiner: " 至 ",
             depositNoticeTitle: "租房定金须知",
             emptyDesc: "您还没有提交任何申请，去选房后可发起入住申请或预约看房。",
@@ -1308,11 +1420,21 @@ const messages = {
             loadingDesc: "正在同步您的入住申请记录，请稍候。",
             missingApplicationCode: "申请编号缺失",
             missingBillCode: "申请单编号缺失",
+            missingContractNo: "合同编号缺失",
+            noPendingDepositBill: "暂无待支付定金账单",
             noMore: "没有更多申请了",
             occupantLabel: "入住人",
             pageDesc: "您的入住和预约看房申请记录",
             pageTitle: "我的申请",
             payDeposit: "支付定金",
+            fetchPaymentParamsFailed: "获取支付参数失败",
+            fetchWechatLoginCodeFailed: "获取微信登录凭证失败",
+            loadingBill: "正在获取账单...",
+            loadingPayment: "正在拉起支付...",
+            depositPaymentDesc: "支付定金",
+            paymentSuccess: "支付成功",
+            paymentCanceled: "已取消支付",
+            paymentFailed: "支付失败",
             pendingPaymentAmountLabel: "订单金额",
             pendingPaymentDescLabel: "支付说明",
             pendingPaymentExpireLabel: "剩余支付时间",
@@ -1324,8 +1446,20 @@ const messages = {
             refreshEmptySuccess: "未查到申请单，已同步预订单",
             refreshSuccess: "申请状态已刷新",
             refreshing: "刷新中...",
+            refreshAction: "刷新",
             remarkLabel: "补充说明",
+            reservationFlowDesc: "当前预定单的流程进度",
+            reservationFlowTitle: "预定流程",
+            reservationOrderFallback: "预定单",
+            reservationOrderNoLabel: "预定单号",
+            roomNoLabel: "房间号",
+            reservationRoomLabel: "房型",
+            reservationStatusLabel: "订单状态",
+            contractPendingReviewHint: "合同已签，等待宿管审核",
+            inspectionPendingReviewHint: "验房审批中",
+            checkinPendingHint: "宿管正在办理入住，请耐心等待",
             scrollToRead: "请滑动阅读至底部",
+            refreshFlowAction: "刷新流程",
             statusApproved: "已通过",
             statusFinished: "已结束",
             statusPending: "待审核",
@@ -1455,9 +1589,14 @@ const messages = {
             loadingManagerInfo: "正在加载管家信息",
             loadingShort: "同步中",
             managerContactSummary: "当前区域共有 {count} 位管家可联系",
+            managementContacts: "宿管与管理员",
+            dormitoryManagerTag: "宿管",
+            counselorTag: "管理员",
+            noManagerContacts: "暂无管理联系人",
             managerFallback: "社区管家",
             managerInitialFallback: "管",
             managerWechatCopied: "管家微信已复制",
+            mealDeliveryJumpFailed: "打开点餐小程序失败",
             multiButlerName: "{name} 等{count}位管家",
             myBill: "本月账单",
             noButlerInfo: "暂未获取到管家信息",
@@ -1474,7 +1613,7 @@ const messages = {
             pendingContractFound: "发现待签合同",
             pendingSync: "待同步",
             primaryButlerTag: "主责",
-            publicService: "社区设施预约",
+            publicService: "公寓精选服务",
             refreshFailed: "刷新失败，请稍后重试",
             refreshStatus: "刷新状态",
             refreshing: "刷新中...",
@@ -1572,6 +1711,7 @@ const messages = {
       },
       register: {
         register: {
+          admissionNoticeAttachmentLabel: "入学通知书（在职证明）附件",
           accountLabel: "登录账号",
           accountPlaceholder: "请输入登录账号",
           accountSection: "账号信息",
@@ -1642,6 +1782,7 @@ const messages = {
           submitRegister: "提交注册申请",
           submitting: "提交中...",
           uploadFailed: "上传失败，请重试",
+          uploadAdmissionNotice: "点击上传入学通知书/在职证明",
           uploadIdBack: "点击上传身份证反面",
           uploadIdFront: "点击上传身份证正面",
           uploadImageOption: "上传图片",
@@ -1727,6 +1868,7 @@ const messages = {
           duration5: "1年以上",
           durationLabel: "预计租住时长",
           navTitle: "预约现场带看",
+          roomTypeLabel: "意向房型",
           remarkArea: "意向区域：{area}",
           remarkBudget: "租金预算：{budget} 元/月",
           remarkDuration: "预计租住时长：{duration}",
@@ -1745,7 +1887,7 @@ const messages = {
           selectViewingTimeDesc: "请选择您方便的时间段",
           submitBooking: "提交预约",
           submitFailed: "预约提交失败",
-          submitSuccessContent: "您的预约看房申请已提交。\n系统会自动转发给对应区域有房间权限的宿管，宿管确认带看后可直接完结订单，或选定房型房号后转为预定单发送给租客支付。",
+          submitSuccessContent: "您的预约看房申请已提交，请等待管家联系",
           submitSuccessTitle: "预约成功",
           submitting: "提交中...",
           today: "今天",
@@ -2001,6 +2143,10 @@ const messages = {
           leaseDurationKey: "预计租住时长",
           leaseTermLabel: "预计租期",
           missingBillCode: "申请单编号缺失",
+          missingContractNo: "合同编号缺失",
+          inspectionPendingReviewHint: "验房审批中",
+          checkinPendingHint: "宿管正在办理入住，请耐心等待",
+          refreshAction: "刷新",
           navTitle: "申请详情",
           paymentMethodKey: "支付方式",
           preferredAreaKey: "意向区域",
@@ -2353,8 +2499,62 @@ const messages = {
           unsupportedSwitch: "该设备不支持快捷开关"
         }
       },
+      lost_found_publish: {
+        lost_found_publish: {
+          navTitle: "失物拾物",
+          heroBadge: "社区服务",
+          heroTitle: "发布失物或招领信息",
+          heroDesc: "将失物或拾获信息同步给社区，方便后续核实与快速匹配。",
+          formTitle: "物品信息",
+          formDesc: "请补充关键字段，必填项越完整，越方便他人联系与认领。",
+          typeLabel: "发布类型",
+          typePlaceholder: "请选择失物或招领",
+          typeLost: "失物",
+          typeFound: "招领",
+          itemTypeLabel: "物品类型",
+          itemTypePlaceholder: "例如证件、钥匙、电子设备",
+          itemNameLabel: "物品名称",
+          itemNamePlaceholder: "请输入物品名称",
+          placeLabel: "地点",
+          placePlaceholder: "请输入丢失或拾取地点",
+          whenLabel: "时间",
+          selectDate: "选择日期",
+          selectTime: "选择时间",
+          whenTip: "可选，若已知大致时间可一并填写。",
+          contractLabel: "联系人",
+          contractPlaceholder: "请输入联系人",
+          contractPhoneLabel: "联系电话",
+          contractPhonePlaceholder: "请输入联系电话",
+          remarkLabel: "备注",
+          remarkPlaceholder: "可补充外观特征、认领说明或其他辅助信息",
+          imagesLabel: "现场图片",
+          uploadImage: "上传图片",
+          imagesTip: "可选，上传现场图或物品图可提升识别效率。",
+          submitTip: "发布前请确认信息准确，系统会按当前语言提交接口。",
+          submitting: "发布中...",
+          submitButton: "立即发布",
+          uploadFailed: "图片上传失败",
+          uploadOversize: "单张图片不能超过 5 MB",
+          uploadExceed: "最多上传 6 张图片",
+          validateItemType: "请输入物品类型",
+          validateItemName: "请输入物品名称",
+          validatePlace: "请输入地点",
+          validateContract: "请输入联系人",
+          validateContractPhone: "请输入联系电话",
+          submitSuccess: "发布成功",
+          submitFailed: "发布失败"
+        }
+      },
       submit_request: {
         components: {
+          BuildingSelector: {
+            emptyText: "暂无可选楼栋",
+            loadFailed: "楼栋列表加载失败",
+            loadingText: "楼栋加载中...",
+            popupTitle: "选择意向楼栋",
+            selectAreaFirst: "请先选择区域",
+            selectBuilding: "请选择楼栋"
+          },
           DateRangeSelector: {
             dateDivider: "至",
             endLabel: "预计离开",
@@ -2362,6 +2562,14 @@ const messages = {
             startLabel: "预计入住",
             startPlaceholder: "请选择入住日期"
           },
+          FloorSelector: {
+            clearSelection: "不选择",
+            emptyText: "暂无可选楼层",
+            loadFailed: "楼层列表加载失败",
+            loadingText: "楼层加载中...",
+            popupTitle: "选择意向楼层",
+            selectFloor: "请选择楼层"
+          },
           TagSelector: {
             emptyText: "暂无标签",
             loadingText: "标签加载中..."
@@ -2373,12 +2581,14 @@ const messages = {
           applyRemarkPlaceholder: "请输入您的申请补充说明",
           applyRoomType: "申请房型",
           areaLabel: "所属区域",
+          buildingLabel: "意向楼栋",
           currentRoom: "当前房间",
           dateCannotBefore: "{endLabel}不能早于{startLabel}",
           emptyHobbyTags: "暂无兴趣爱好标签",
           emptyLifestyleTags: "暂无生活习惯标签",
           expectedCheckin: "预计入住",
           expectedCheckout: "预计离开",
+          floorLabel: "意向楼层",
           hobbyLabel: "兴趣爱好",
           leaseRange: "租期时间",
           lifestyleLabel: "生活习惯",
@@ -2390,6 +2600,10 @@ const messages = {
           roomTypeApplyBlockTitle: "房型申请信息",
           roomTypeApplyDesc: "请确认房型、区域、偏好标签和租期信息后提交申请。",
           roomTypeApplyTitle: "房型申请",
+          switchRoomType: "切换",
+          summaryTitle: "申请摘要",
+          expandSummary: "展开",
+          collapseSummary: "收起",
           selectCheckinDate: "请选择入住日期",
           selectCheckoutDate: "请选择离开日期",
           selectDateEnd: "请选择{label}",
diff --git a/manifest.json b/manifest.json
index 7d9638b..78f58d2 100644
--- a/manifest.json
+++ b/manifest.json
@@ -51,11 +51,15 @@
     /* 小程序特有相关 */
     "mp-weixin" : {
         "appid" : "wx92fd9a1cd56f1185",
+        "__usePrivacyCheck__" : true,
         "setting" : {
-            "urlCheck" : false
+            "urlCheck" : false,
+            "minified" : true,
+            "postcss" : true
         },
         "usingComponents" : true,
-        "requiredPrivateInfos" : [ "chooseAddress" ]
+        "requiredPrivateInfos" : [ "chooseAddress" ],
+        "permission" : {}
     },
     "mp-alipay" : {
         "usingComponents" : true
diff --git a/pages.json b/pages.json
index d51d408..23230bb 100644
--- a/pages.json
+++ b/pages.json
@@ -96,6 +96,12 @@
             "navigationBarTitleText": "My Contracts"
           }
         },
+        {
+          "path": "room_inspection/room_inspection",
+          "style": {
+            "navigationBarTitleText": "Inspection"
+          }
+        },
         {
           "path": "contract_detail/contract_detail",
           "style": {
@@ -114,6 +120,24 @@
             "navigationBarTitleText": "Message Detail"
           }
         },
+        {
+          "path": "ticket_center/ticket_center",
+          "style": {
+            "navigationBarTitleText": "Work Orders"
+          }
+        },
+        {
+          "path": "ticket_workbench/ticket_workbench",
+          "style": {
+            "navigationBarTitleText": "Work Order"
+          }
+        },
+        {
+          "path": "lost_found_publish/lost_found_publish",
+          "style": {
+            "navigationBarTitleText": "Lost and Found"
+          }
+        },
         {
           "path": "submit_request/submit_request",
           "style": {
diff --git a/pages/index/component/MyApplicationTab.vue b/pages/index/component/MyApplicationTab.vue
index 94da39f..e1a7719 100644
--- a/pages/index/component/MyApplicationTab.vue
+++ b/pages/index/component/MyApplicationTab.vue
@@ -5,7 +5,111 @@
       <view class="tn-color-gray tn-text-sm tn-margin-top-xs">{{ t('pageDesc') }}</view>
     </view>
 
-    <scroll-view v-if="list.length" scroll-y class="list-scroll-view tn-padding" @scrolltolower="loadMore">
+    <scroll-view v-if="reservationOrders.length || list.length" scroll-y class="list-scroll-view tn-padding" @scrolltolower="loadMore">
+      <view v-if="reservationOrders.length" class="reservation-flow-panel tn-margin-bottom-lg" @click.stop>
+        <view class="reservation-flow-panel__head">
+          <view class="reservation-flow-panel__title-wrap">
+            <view class="reservation-flow-panel__title">{{ t('reservationFlowTitle') }}</view>
+            <view class="reservation-flow-panel__desc">{{ t('reservationFlowDesc') }}</view>
+          </view>
+          <view class="reservation-flow-panel__refresh" @click.stop="refreshStatus">
+            <text class="tn-text-bold">{{ t('refreshFlowAction') }}</text>
+          </view>
+        </view>
+
+        <scroll-view scroll-x class="reservation-order-scroll" :show-scrollbar="false">
+          <view class="reservation-order-tabs">
+            <view
+              v-for="item in reservationOrders"
+              :key="item.orderNo"
+              class="reservation-order-chip"
+              :class="{ 'reservation-order-chip--active': activeReservationOrderNo === item.orderNo }"
+              @click.stop="switchReservationOrder(item)"
+            >
+              <view class="reservation-order-chip__title">{{ item.roomTypeText || item.roomTypeName || t('reservationOrderFallback') }}</view>
+            </view>
+          </view>
+        </scroll-view>
+
+        <view v-if="activeReservationOrder" class="reservation-grid-info tn-margin-top-lg">
+          <view class="grid-info-item">
+            <view class="grid-info-label">{{ t('apartmentLabel') }}</view>
+            <view class="grid-info-value">{{ activeReservationOrder.areaText || activeReservationOrder.areaName || '--' }}</view>
+          </view>
+          <view class="grid-info-item">
+            <view class="grid-info-label">{{ t('reservationRoomLabel') }}</view>
+            <view class="grid-info-value">{{ activeReservationOrder.roomTypeText || activeReservationOrder.roomTypeName || '--' }}</view>
+          </view>
+          <view class="grid-info-item">
+            <view class="grid-info-label">{{ t('roomNoLabel') }}</view>
+            <view class="grid-info-value tn-font-mono">{{ activeReservationOrder.roomNoText || activeReservationOrder.roomNo || '--' }}</view>
+          </view>
+          <view class="grid-info-item">
+            <view class="grid-info-label">{{ t('reservationStatusLabel') }}</view>
+            <view class="grid-info-value">{{ activeReservationOrder.orderStatusDesc || activeReservationOrder.statusText || '--' }}</view>
+          </view>
+        </view>
+
+        <view v-if="activeReservationFlowNodes.length" class="reservation-v-steps tn-margin-top-xl">
+          <view
+            v-for="(node, index) in activeReservationFlowNodes"
+            :key="`${activeReservationOrderNo}-${node.step}-${node.sort}`"
+            class="v-step-item"
+            :class="{ 
+              'v-step-item--current': !!node.isCurrent,
+              'v-step-item--last': index === activeReservationFlowNodes.length - 1
+            }"
+          >
+            <view class="v-step-indicator">
+              <view class="v-step-badge tn-font-mono">{{ node.sort || node.step }}</view>
+              <view v-if="index !== activeReservationFlowNodes.length - 1" class="v-step-line"></view>
+            </view>
+            <view class="v-step-content">
+              <view class="v-step-header">
+                <view class="v-step-title">{{ node.stepDesc || getReservationStepLabel(node.step) }}</view>
+                <view v-if="node.isCurrent" class="v-step-current-tag">{{ t('currentStepTag') }}</view>
+              </view>
+
+              <view
+                v-if="node.isCurrent && isReservationBillStep(activeReservationOrder) && getActiveReservationBillDetail()"
+                class="v-step-bill-card tn-margin-top-sm"
+              >
+                <view class="v-step-bill-row">
+                  <text class="v-step-bill-label">{{ t('pendingPaymentDescLabel') }}</text>
+                  <text class="v-step-bill-value">{{ getReservationBillDisplayTitle(getActiveReservationBillDetail()) }}</text>
+                </view>
+                <view class="v-step-bill-row">
+                  <text class="v-step-bill-label">{{ t('pendingPaymentAmountLabel') }}</text>
+                  <text class="v-step-bill-value v-step-bill-value--price">¥{{ formatMoney(getReservationBillDisplayAmount(getActiveReservationBillDetail())) }}</text>
+                </view>
+              </view>
+
+              <view
+                v-if="node.isCurrent && getReservationCurrentStepHint(activeReservationOrder)"
+                class="v-step-hint-card tn-margin-top-sm"
+              >
+                <text class="v-step-hint-text">{{ getReservationCurrentStepHint(activeReservationOrder) }}</text>
+              </view>
+
+              <view
+                v-if="node.isCurrent && isReservationCheckinProcessing(activeReservationOrder)"
+                class="v-step-action tn-margin-top-sm"
+              >
+                <view class="step-refresh-btn" @click.stop="refreshStatus">
+                  <text class="tn-text-bold">{{ t('refreshAction') }}</text>
+                </view>
+              </view>
+              
+              <view v-if="node.isCurrent && activeReservationOrder && getCurrentStepActionText(activeReservationOrder)" class="v-step-action tn-margin-top-sm">
+                <view class="step-pay-btn" @click.stop="handleReservationOrderStepAction(activeReservationOrder)">
+                  <text class="tn-text-bold">{{ getCurrentStepActionText(activeReservationOrder) }}</text>
+                </view>
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+
       <view
         v-for="(item, index) in list"
         :key="getApplicationKey(item)"
@@ -52,8 +156,13 @@
           </view>
         </view>
 
-        <view v-if="getStatusReminderText(item) && !shouldPayDeposit(item)" class="reminder-panel tn-margin-top-lg">
-          <view class="reminder-title">{{ t('statusReminderTitle') }}</view>
+        <view v-if="getStatusReminderText(item)" class="reminder-panel tn-margin-top-lg" @click.stop>
+          <view class="reminder-head">
+            <view class="reminder-title">{{ t('statusReminderTitle') }}</view>
+            <view class="reminder-refresh-btn" @click.stop="refreshStatus">
+              <text class="tn-text-bold">{{ t('refreshAction') }}</text>
+            </view>
+          </view>
           <view class="info-row tn-flex tn-flex-row-between">
             <text class="info-label">{{ t('statusReminderTitle') }}</text>
             <text class="info-value">{{ getStatusReminderText(item) }}</text>
@@ -90,7 +199,18 @@
           </view>
           
           <view
-            v-if="!isPaidApplication(item) && getApplicationPendingPaymentOrder(item)"
+            v-if="getCurrentStepActionText(item)"
+            class="pay-btn"
+            :data-reference-type-no="resolveReferenceTypeNo(item)"
+            :data-order-no="getReservationOrderNoFromItem(item)"
+            :data-ref-no="item.reservationCurrentNode && item.reservationCurrentNode.refNo ? item.reservationCurrentNode.refNo : ''"
+            :data-step="getReservationCurrentStepValue(item)"
+            @click.stop="handleCurrentStepAction"
+          >
+            <text class="tn-text-bold">{{ getCurrentStepActionText(item) }}</text>
+          </view>
+          <view
+            v-else-if="!isPaidApplication(item) && getApplicationPendingPaymentOrder(item)"
             class="pay-btn"
             :data-reference-type-no="resolveReferenceTypeNo(item)"
             @click.stop="continuePendingPaymentAction"
@@ -178,14 +298,56 @@
 </template>
 
 <script>
-import { applicationFormMePage, accountQueryBills, paymentBillPay, paymentPayingBills, userDetailCancel } from '@/api/index.js'
+import { applicationFormMePage, accountQueryBill, accountQueryBills, contractDetail, orderSearchedMePage, orderSearchedReservationFlow, paymentBillPay, paymentPayingBills, roomInspectionDetail, userDetailCancel } from '@/api/index.js'
 import { getMyApplicationList, saveActiveApplicationCode, saveMyApplicationList } from '@/utils/app-state'
+import {
+  RESERVATION_FLOW_STEP,
+  attachReservationFlow,
+  buildReservationFlowMap,
+  getReservationCurrentActionText,
+  getReservationCurrentStepText,
+  getReservationStepMeta,
+  getReservationOrderNo,
+  parseReservationFlowResponse
+} from '@/utils/reservation-flow'
+import { getOrderStatusCode, normalizeBookingList, parseOrderListResponse } from '@/utils/booking-helper'
 
 function formatPageResponse(response) {
   const payload = response && response.data ? response.data : response
   return payload && typeof payload === 'object' ? payload : {}
 }
 
+const VIEWING_APPLICATION_PATTERN = /预约看房申请|看房时间[:：]|意向房型[:：]|意向区域[:：]|viewing request|viewing time[:：]|preferred room type[:：]|preferred area[:：]/i
+
+function isViewingApplicationRecord(item = {}) {
+  if (!item || typeof item !== 'object') {
+    return false
+  }
+
+  const typeText = [
+    item.businessType,
+    item.applicationType,
+    item.applicationTypeDesc,
+    item.formType,
+    item.bizType,
+    item.type,
+    item.typeDesc
+  ]
+    .filter(value => value !== null && typeof value !== 'undefined' && String(value).trim())
+    .join(' ')
+
+  if (/viewing|看房|带看/i.test(typeText)) {
+    return true
+  }
+
+  if ([item.appointmentViewingTime, item.viewingTime, item.bookViewingTime].some(value => String(value || '').trim())) {
+    return true
+  }
+
+  const remark = item && item.remark ? String(item.remark) : ''
+  return VIEWING_APPLICATION_PATTERN.test(remark)
+}
+
 function normalizeApplicationList(list = []) {
   if (!Array.isArray(list)) {
     return []
@@ -193,11 +355,9 @@ function normalizeApplicationList(list = []) {
   return list
     .filter(item => item && typeof item === 'object')
     .map((item) => {
-      const remark = item && item.remark ? String(item.remark) : ''
-      const isViewingApplication = /预约看房申请|看房时间[:：]|意向房型[:：]|意向区域[:：]|viewing request|viewing time[:：]|preferred room type[:：]|preferred area[:：]/i.test(remark)
       return {
         ...item,
-        isViewingApplication
+        isViewingApplication: isViewingApplicationRecord(item)
       }
     })
 }
@@ -225,6 +385,24 @@ function parseExpireTimeToTimestamp(value) {
   return Number.isFinite(timestamp) ? timestamp : 0
 }
 
+function parseJsonStringMaybe(value) {
+  if (typeof value !== 'string') {
+    return value
+  }
+  const text = value.trim()
+  if (!text) {
+    return value
+  }
+  if (!((text.startsWith('{') && text.endsWith('}')) || (text.startsWith('[') && text.endsWith(']')))) {
+    return value
+  }
+  try {
+    return JSON.parse(text)
+  } catch (error) {
+    return value
+  }
+}
+
 function padCountdownUnit(value) {
   return String(Math.max(0, Number(value) || 0)).padStart(2, '0')
 }
@@ -277,6 +455,7 @@ export default {
       viewingApplicationTitle: '预约看房申请',
       stayApplicationTitle: '入住申请',
       missingBillCode: '申请单编号缺失',
+      missingContractNo: '合同编号缺失',
       missingApplicationCode: '申请编号缺失',
       dateRangeJoiner: ' 至 ',
       depositNoticeTitle: '租房定金须知',
@@ -290,7 +469,19 @@ export default {
       depositPaymentDesc: '支付定金',
       paymentSuccess: '支付成功',
       paymentCanceled: '已取消支付',
-      paymentFailed: '支付失败'
+      paymentFailed: '支付失败',
+      reservationFlowTitle: '预定流程',
+      reservationFlowDesc: '当前预定单的流程进度',
+      reservationOrderFallback: '预定单',
+      reservationOrderNoLabel: '预定单号',
+      roomNoLabel: '房间号',
+      reservationRoomLabel: '房型',
+      reservationStatusLabel: '订单状态',
+      currentStepTag: '当前',
+      contractPendingReviewHint: '合同已签，等待宿管审核',
+      checkinPendingHint: '宿管正在办理入住，请耐心等待',
+      refreshAction: '刷新',
+      refreshFlowAction: '刷新流程'
     },
     en: {
       pageTitle: 'My Applications',
@@ -338,6 +529,7 @@ export default {
       viewingApplicationTitle: 'Viewing Request',
       stayApplicationTitle: 'Stay Application',
       missingBillCode: 'Missing application bill number',
+      missingContractNo: 'Missing contract number',
       missingApplicationCode: 'Missing application number',
       dateRangeJoiner: ' to ',
       depositNoticeTitle: 'Rental Deposit Notice',
@@ -351,7 +543,19 @@ export default {
       depositPaymentDesc: 'Deposit Payment',
       paymentSuccess: 'Payment succeeded',
       paymentCanceled: 'Payment canceled',
-      paymentFailed: 'Payment failed'
+      paymentFailed: 'Payment failed',
+      reservationFlowTitle: 'Reservation Flow',
+      reservationFlowDesc: 'Progress of the current reservation order',
+      reservationOrderFallback: 'Reservation',
+      reservationOrderNoLabel: 'Order No.',
+      roomNoLabel: 'Room No.',
+      reservationRoomLabel: 'Room Type',
+      reservationStatusLabel: 'Order Status',
+      currentStepTag: 'Current',
+      contractPendingReviewHint: 'Contract signed, waiting for review',
+      checkinPendingHint: 'Move-in is being processed, please wait',
+      refreshAction: 'Refresh',
+      refreshFlowAction: 'Refresh Flow'
     }
   },
   data() {
@@ -368,6 +572,12 @@ export default {
       showDepositNotice: false,
       hasReadNotice: false,
       pendingDepositReferenceTypeNo: '',
+      pendingDepositPaymentContext: null,
+      reservationBillDetailMap: {},
+      reservationContractDetailMap: {},
+      reservationInspectionDetailMap: {},
+      reservationOrders: [],
+      activeReservationOrderNo: '',
       countdownNow: Date.now(),
       cancelingReferenceTypeNo: ''
     }
@@ -380,6 +590,20 @@ export default {
   computed: {
     language() {
       return this.$getLanguage()
+    },
+    activeReservationOrder() {
+      const orderList = Array.isArray(this.reservationOrders) ? this.reservationOrders : []
+      if (!orderList.length) {
+        return null
+      }
+      return orderList.find(item => item.orderNo === this.activeReservationOrderNo) || orderList[0]
+    },
+    activeReservationFlowNodes() {
+      const order = this.activeReservationOrder
+      const nodes = order && order.reservationFlow && Array.isArray(order.reservationFlow.flowNodes)
+        ? order.reservationFlow.flowNodes
+        : []
+      return [...nodes].sort((a, b) => Number(a.sort || 0) - Number(b.sort || 0))
     }
   },
   onShow() {
@@ -398,6 +622,19 @@ export default {
     load(force = false) {
       return this.reloadList(force)
     },
+    getReservationStepLabel(step) {
+      return getReservationStepMeta(step, this.language).label
+    },
+    switchReservationOrder(item = {}) {
+      const orderNo = String(item.orderNo || '').trim()
+      if (!orderNo) {
+        return
+      }
+      this.activeReservationOrderNo = orderNo
+      this.ensureReservationBillDetail(item)
+      this.ensureReservationInspectionDetail(item)
+      this.ensureReservationContractDetail(item)
+    },
     getStatusText(status) {
       const map = {
         0: this.t('statusPending'),
@@ -443,6 +680,17 @@ export default {
         && Number(item.payStatus) === 10
     },
     getStatusReminderText(item = {}) {
+      if (this.isReservationContractAwaitingReview(item)) {
+        const contractDetail = this.getReservationContractDetail(item) || {}
+        return contractDetail.queryStatusDesc || contractDetail.approvalStatusDesc || contractDetail.statusDesc || getReservationCurrentStepText(item, this.language)
+      }
+      if (this.isReservationInspectionPendingReview(item)) {
+        return this.t('inspectionPendingReviewHint')
+      }
+      const reservationStepText = getReservationCurrentStepText(item, this.language)
+      if (reservationStepText) {
+        return reservationStepText
+      }
       if (this.shouldPayDeposit(item)) {
         return this.t('statusPendingPayment')
       }
@@ -485,7 +733,7 @@ export default {
       return item.no || item.billNo || ''
     },
     normalizeBillList(response) {
-      const payload = response && response.data ? response.data : response
+      const payload = parseJsonStringMaybe(response && response.data ? response.data : response)
       if (Array.isArray(payload)) {
         return payload.filter(item => item && typeof item === 'object')
       }
@@ -494,6 +742,59 @@ export default {
       }
       return []
     },
+    normalizeBillDetail(response) {
+      const payload = parseJsonStringMaybe(response && response.data ? response.data : response)
+      if (payload && typeof payload === 'object' && !Array.isArray(payload)) {
+        return payload
+      }
+      if (payload && payload.data && typeof payload.data === 'object' && !Array.isArray(payload.data)) {
+        return payload.data
+      }
+      return {}
+    },
+    normalizeContractDetail(response) {
+      const payload = parseJsonStringMaybe(response && response.data ? response.data : response)
+      if (payload && typeof payload === 'object' && !Array.isArray(payload)) {
+        return payload
+      }
+      if (payload && payload.data && typeof payload.data === 'object' && !Array.isArray(payload.data)) {
+        return payload.data
+      }
+      return {}
+    },
+    normalizeInspectionDetail(response) {
+      const payload = parseJsonStringMaybe(response && response.data ? response.data : response)
+      if (payload && typeof payload === 'object' && !Array.isArray(payload)) {
+        return payload
+      }
+      if (payload && payload.data && typeof payload.data === 'object' && !Array.isArray(payload.data)) {
+        return payload.data
+      }
+      return {}
+    },
+    getBillPayRequests(bill = {}) {
+      return (Array.isArray(bill.payRequests) ? bill.payRequests : [])
+        .filter(item => item && typeof item === 'object')
+        .sort((prev, next) => new Date(next.createTime || 0).getTime() - new Date(prev.createTime || 0).getTime())
+    },
+    buildPendingPaymentOrderFromBillDetail(bill = {}) {
+      const payRequest = this.getBillPayRequests(bill).find((item) => {
+        return !item.paidTime
+      })
+      if (!payRequest) {
+        return null
+      }
+      return {
+        amount: Number(payRequest.amount || bill.remainingAmount || bill.totalCharge || 0),
+        expireTime: payRequest.expireTime || '',
+        payRequestNo: payRequest.no || '',
+        paymentNo: payRequest.no || '',
+        cashier: {
+          paymentInfo: payRequest.paymentInfo || '',
+          expireTime: payRequest.expireTime || ''
+        }
+      }
+    },
     parsePaymentInfo(paymentInfo) {
       if (!paymentInfo) {
         return {}
@@ -551,7 +852,7 @@ export default {
       })
     },
     normalizePayingBills(response) {
-      const payload = response && response.data ? response.data : response
+      const payload = parseJsonStringMaybe(response && response.data ? response.data : response)
       if (Array.isArray(payload)) {
         return payload.filter(item => item && typeof item === 'object')
       }
@@ -574,9 +875,21 @@ export default {
     getApplicationPendingPaymentOrder(item = {}) {
       return item && item.pendingPaymentOrder ? item.pendingPaymentOrder : null
     },
+    getPendingPaymentOrderNo(order = {}) {
+      const cashier = order && order.cashier ? order.cashier : {}
+      return String(
+        order.payRequestNo
+        || order.payNo
+        || order.paymentNo
+        || cashier.payRequestNo
+        || cashier.payNo
+        || cashier.paymentNo
+        || ''
+      ).trim()
+    },
     getApplicationPendingPaymentOrderNo(item = {}) {
       const order = this.getApplicationPendingPaymentOrder(item)
-      return order ? (order.payRequestNo || order.payNo || order.paymentNo || '--') : '--'
+      return order ? (this.getPendingPaymentOrderNo(order) || '--') : '--'
     },
     getApplicationPendingPaymentAmount(item = {}) {
       const order = this.getApplicationPendingPaymentOrder(item)
@@ -590,6 +903,39 @@ export default {
       const order = this.getApplicationPendingPaymentOrder(item)
       return order ? (order.description || '') : ''
     },
+    syncReservationPendingPaymentOrders(sourceList = []) {
+      const baseList = Array.isArray(sourceList) ? sourceList : []
+      const paymentContextMap = baseList.reduce((result, item) => {
+        const orderNo = String(getReservationOrderNo(item) || '').trim()
+        const pendingPaymentOrder = this.getApplicationPendingPaymentOrder(item)
+        const pendingDepositBill = item && item.pendingDepositBill ? item.pendingDepositBill : null
+        if (!orderNo || !pendingPaymentOrder) {
+          return result
+        }
+        result[orderNo] = {
+          pendingPaymentOrder,
+          pendingDepositBill
+        }
+        return result
+      }, {})
+
+      if (!Object.keys(paymentContextMap).length || !Array.isArray(this.reservationOrders) || !this.reservationOrders.length) {
+        return
+      }
+
+      this.reservationOrders = this.reservationOrders.map((item) => {
+        const orderNo = String(item && item.orderNo ? item.orderNo : '').trim()
+        const matchedContext = orderNo ? paymentContextMap[orderNo] : null
+        if (!matchedContext) {
+          return item
+        }
+        return {
+          ...item,
+          pendingPaymentOrder: matchedContext.pendingPaymentOrder || null,
+          pendingDepositBill: matchedContext.pendingDepositBill || null
+        }
+      })
+    },
     startCountdownTimer() {
       if (this._countdownTimer) {
         return
@@ -653,6 +999,353 @@ export default {
     getPendingPaymentActionText(item = {}) {
       return this.isApplicationPendingPaymentExpired(item) ? this.t('payDeposit') : this.t('continuePay')
     },
+    getReservationOrderNoFromItem(item = {}) {
+      return getReservationOrderNo(item)
+    },
+    getReservationCurrentStepValue(item = {}) {
+      return Number(item && item.reservationCurrentNode ? item.reservationCurrentNode.step : 0)
+    },
+    isReservationBillStep(item = {}) {
+      return this.getReservationCurrentStepValue(item) === RESERVATION_FLOW_STEP.BILL
+    },
+    isReservationCheckinStep(item = {}) {
+      return this.getReservationCurrentStepValue(item) === RESERVATION_FLOW_STEP.CHECKIN
+    },
+    isReservationInspectionStep(item = {}) {
+      return this.getReservationCurrentStepValue(item) === RESERVATION_FLOW_STEP.INSPECTION
+    },
+    getReservationInspectionNo(order = {}) {
+      const currentNode = order && order.reservationCurrentNode ? order.reservationCurrentNode : {}
+      if (Number(currentNode.step || 0) !== RESERVATION_FLOW_STEP.INSPECTION) {
+        return ''
+      }
+      return String(currentNode.refNo || '').trim()
+    },
+    getReservationContractNo(order = {}) {
+      const currentNode = order && order.reservationCurrentNode ? order.reservationCurrentNode : {}
+      if (Number(currentNode.step || 0) !== RESERVATION_FLOW_STEP.CONTRACT) {
+        return ''
+      }
+      return String(currentNode.refNo || '').trim()
+    },
+    getReservationBillNo(order = {}) {
+      const currentNode = order && order.reservationCurrentNode ? order.reservationCurrentNode : {}
+      if (Number(currentNode.step || 0) !== RESERVATION_FLOW_STEP.BILL) {
+        return ''
+      }
+      return String(
+        currentNode.billNo
+        || currentNode.BillNo
+        || currentNode.accountBillNo
+        || currentNode.paymentBillNo
+        || currentNode.chargeBillNo
+        || currentNode.refNo
+        || order.billNo
+        || ''
+      ).trim()
+    },
+    getReservationBillDetailKey(order = {}) {
+      return this.getReservationBillNo(order)
+    },
+    getReservationContractDetail(order = {}) {
+      const contractNo = this.getReservationContractNo(order)
+      return contractNo ? (this.reservationContractDetailMap[contractNo] || null) : null
+    },
+    getReservationInspectionDetail(order = {}) {
+      const inspectionNo = this.getReservationInspectionNo(order)
+      return inspectionNo ? (this.reservationInspectionDetailMap[inspectionNo] || null) : null
+    },
+    isReservationContractAwaitingReview(order = {}) {
+      const detail = this.getReservationContractDetail(order)
+      if (!detail) {
+        return false
+      }
+      const queryStatus = Number(detail.queryStatus)
+      const approvalStatus = Number(detail.approvalStatus)
+      const hasSigned = !!String(detail.signTime || detail.signImageUrl || '').trim()
+      return queryStatus === 1 || (hasSigned && approvalStatus === 0)
+    },
+    isReservationInspectionPendingReview(order = {}) {
+      if (!this.isReservationInspectionStep(order)) {
+        return false
+      }
+      const detail = this.getReservationInspectionDetail(order)
+      if (!detail) {
+        return false
+      }
+      return Number(detail.status) === 2
+    },
+    getReservationCurrentStepHint(order = {}) {
+      if (this.isReservationInspectionPendingReview(order)) {
+        return this.t('inspectionPendingReviewHint')
+      }
+      if (this.isReservationContractAwaitingReview(order)) {
+        const detail = this.getReservationContractDetail(order) || {}
+        return String(detail.queryStatusDesc || detail.approvalStatusDesc || '').trim() || this.t('contractPendingReviewHint')
+      }
+      if (this.isReservationCheckinProcessing(order)) {
+        return this.t('checkinPendingHint')
+      }
+      return ''
+    },
+    isReservationCheckinProcessing(order = {}) {
+      return this.isReservationCheckinStep(order)
+    },
+    hasReservationCurrentActionRef(item = {}) {
+      const currentNode = item && item.reservationCurrentNode ? item.reservationCurrentNode : {}
+      const step = Number(currentNode.step || 0)
+      if (!step) {
+        return false
+      }
+      if (step === RESERVATION_FLOW_STEP.BILL) {
+        return !!this.getReservationBillNo(item)
+      }
+      if (step === RESERVATION_FLOW_STEP.INSPECTION) {
+        if (this.isReservationInspectionPendingReview(item)) {
+          return false
+        }
+        return true
+      }
+      if (step === RESERVATION_FLOW_STEP.CONTRACT) {
+        return !!this.getReservationContractNo(item) && !this.isReservationContractAwaitingReview(item)
+      }
+      if (step === RESERVATION_FLOW_STEP.CHECKIN) {
+        return false
+      }
+      return true
+    },
+    getActiveReservationBillDetail() {
+      const order = this.activeReservationOrder
+      const detailKey = this.getReservationBillDetailKey(order)
+      return detailKey ? (this.reservationBillDetailMap[detailKey] || null) : null
+    },
+    getReservationBillDisplayTitle(bill = {}) {
+      return String(
+        bill.paymentFeeType
+        || bill.remark
+        || bill.createTypeDesc
+        || bill.referenceTypeDesc
+        || bill.billName
+        || bill.name
+        || this.t('depositPaymentDesc')
+      ).trim()
+    },
+    getReservationBillDisplayAmount(bill = {}) {
+      const amount = bill.remainingAmount
+      if (amount !== '' && amount !== null && amount !== undefined) {
+        return amount
+      }
+      return bill.totalCharge || bill.amount || 0
+    },
+    async ensureReservationBillDetail(order = {}) {
+      const billNo = this.getReservationBillNo(order)
+      if (!billNo || this.reservationBillDetailMap[billNo]) {
+        return this.reservationBillDetailMap[billNo] || null
+      }
+      try {
+        const detail = this.normalizeBillDetail(await accountQueryBill({
+          billNo
+        }, this.language))
+        if (detail && Object.keys(detail).length) {
+          this.$set(this.reservationBillDetailMap, billNo, detail)
+          return detail
+        }
+      } catch (error) {
+        console.log('[MyApplicationTab] load reservation bill detail failed', billNo, error)
+      }
+      return null
+    },
+    async ensureReservationInspectionDetail(order = {}) {
+      const inspectionNo = this.getReservationInspectionNo(order)
+      if (!inspectionNo || this.reservationInspectionDetailMap[inspectionNo]) {
+        return this.reservationInspectionDetailMap[inspectionNo] || null
+      }
+      try {
+        const detail = this.normalizeInspectionDetail(await roomInspectionDetail({
+          inspectionNo
+        }, this.language))
+        if (detail && Object.keys(detail).length) {
+          this.$set(this.reservationInspectionDetailMap, inspectionNo, detail)
+          return detail
+        }
+      } catch (error) {
+        console.log('[MyApplicationTab] load reservation inspection detail failed', inspectionNo, error)
+      }
+      return null
+    },
+    async ensureReservationContractDetail(order = {}) {
+      const contractNo = this.getReservationContractNo(order)
+      if (!contractNo || this.reservationContractDetailMap[contractNo]) {
+        return this.reservationContractDetailMap[contractNo] || null
+      }
+      try {
+        const detail = this.normalizeContractDetail(await contractDetail({
+          contractNo
+        }, this.language))
+        if (detail && Object.keys(detail).length) {
+          this.$set(this.reservationContractDetailMap, contractNo, detail)
+          return detail
+        }
+      } catch (error) {
+        console.log('[MyApplicationTab] load reservation contract detail failed', contractNo, error)
+      }
+      return null
+    },
+    async preloadReservationInspectionDetails(list = []) {
+      const inspectionNos = [...new Set(
+        (Array.isArray(list) ? list : [])
+          .map(item => this.getReservationInspectionNo(item))
+          .filter(Boolean)
+      )]
+      if (!inspectionNos.length) {
+        return
+      }
+      await Promise.all(inspectionNos.map((inspectionNo) => {
+        if (this.reservationInspectionDetailMap[inspectionNo]) {
+          return Promise.resolve()
+        }
+        return roomInspectionDetail({
+          inspectionNo
+        }, this.language)
+          .then((response) => {
+            const detail = this.normalizeInspectionDetail(response)
+            if (detail && Object.keys(detail).length) {
+              this.$set(this.reservationInspectionDetailMap, inspectionNo, detail)
+            }
+          })
+          .catch((error) => {
+            console.log('[MyApplicationTab] preload reservation inspection detail failed', inspectionNo, error)
+          })
+      }))
+    },
+    async preloadReservationContractDetails(list = []) {
+      const contractNos = [...new Set(
+        (Array.isArray(list) ? list : [])
+          .map(item => this.getReservationContractNo(item))
+          .filter(Boolean)
+      )]
+      if (!contractNos.length) {
+        return
+      }
+      await Promise.all(contractNos.map((contractNo) => {
+        if (this.reservationContractDetailMap[contractNo]) {
+          return Promise.resolve()
+        }
+        return contractDetail({
+          contractNo
+        }, this.language)
+          .then((response) => {
+            const detail = this.normalizeContractDetail(response)
+            if (detail && Object.keys(detail).length) {
+              this.$set(this.reservationContractDetailMap, contractNo, detail)
+            }
+          })
+          .catch((error) => {
+            console.log('[MyApplicationTab] preload reservation contract detail failed', contractNo, error)
+          })
+      }))
+    },
+    getCurrentStepActionText(item = {}) {
+      if (item.isViewingApplication) {
+        return ''
+      }
+      if (!this.hasReservationCurrentActionRef(item)) {
+        return ''
+      }
+      return getReservationCurrentActionText(item, this.language)
+    },
+    async loadReservationFlowsForList(list = []) {
+      const baseList = Array.isArray(list) ? list : []
+      const orderNos = [...new Set(
+        baseList
+          .filter(item => item && !item.isViewingApplication)
+          .map(item => getReservationOrderNo(item))
+          .filter(Boolean)
+      )]
+
+      const requestToken = Date.now()
+      this._reservationFlowRequestToken = requestToken
+
+      const applyFlowMap = (flowMap = {}) => {
+        if (this._reservationFlowRequestToken !== requestToken) {
+          return
+        }
+        this.list = (Array.isArray(this.list) ? this.list : []).map(item => attachReservationFlow(item, flowMap))
+        saveMyApplicationList(this.list)
+      }
+
+      if (!orderNos.length) {
+        applyFlowMap({})
+        return
+      }
+
+      try {
+        const response = await orderSearchedReservationFlow({
+          orderNos
+        }, this.language)
+        const flowMap = buildReservationFlowMap(parseReservationFlowResponse(response))
+        const nextList = (Array.isArray(this.list) ? this.list : []).map(item => attachReservationFlow(item, flowMap))
+        await Promise.all([
+          this.preloadReservationContractDetails(nextList),
+          this.preloadReservationInspectionDetails(nextList)
+        ])
+        applyFlowMap(flowMap)
+      } catch (error) {
+        console.log('[MyApplicationTab] load reservation flow failed', error)
+        applyFlowMap({})
+      }
+    },
+    async fetchReservationOrders() {
+      try {
+        const response = await orderSearchedMePage({
+          PageIndex: 1,
+          PageSize: 100,
+          IsExport: false
+        }, this.language)
+        const orderList = normalizeBookingList(parseOrderListResponse(response), this.language)
+        const reservationOrderList = orderList.filter(item => getOrderStatusCode(item) === 0)
+        const orderNos = [...new Set(reservationOrderList.map(item => item.orderNo).filter(Boolean))]
+
+        if (!orderNos.length) {
+          this.reservationOrders = []
+          this.activeReservationOrderNo = ''
+          return
+        }
+
+        const flowResponse = await orderSearchedReservationFlow({
+          orderNos
+        }, this.language)
+        const flowMap = buildReservationFlowMap(parseReservationFlowResponse(flowResponse))
+        const reservationOrders = reservationOrderList
+          .map(item => attachReservationFlow(item, flowMap))
+          .filter(item => !!item.reservationCurrentNode)
+
+        await Promise.all([
+          this.preloadReservationContractDetails(reservationOrders),
+          this.preloadReservationInspectionDetails(reservationOrders)
+        ])
+
+        this.reservationOrders = reservationOrders
+        this.syncReservationPendingPaymentOrders(this.list)
+
+        if (!reservationOrders.length) {
+          this.activeReservationOrderNo = ''
+          return
+        }
+
+        const existsActiveOrder = reservationOrders.some(item => item.orderNo === this.activeReservationOrderNo)
+        this.activeReservationOrderNo = existsActiveOrder
+          ? this.activeReservationOrderNo
+          : reservationOrders[0].orderNo
+        this.ensureReservationBillDetail(this.activeReservationOrder)
+        this.ensureReservationInspectionDetail(this.activeReservationOrder)
+        this.ensureReservationContractDetail(this.activeReservationOrder)
+      } catch (error) {
+        console.log('[MyApplicationTab] fetch reservation orders failed', error)
+        this.reservationOrders = []
+        this.activeReservationOrderNo = ''
+      }
+    },
     async loadPendingPaymentOrdersForList(list = []) {
       const baseList = Array.isArray(list) ? list : []
       const requestToken = Date.now()
@@ -708,13 +1401,14 @@ export default {
           console.log('[MyApplicationTab] load pending payment order failed', error)
         }
       }))
+      this.syncReservationPendingPaymentOrders(this.list)
     },
     async refreshStatus() {
       if (this.loading || this.loadingMore) {
         return
       }
       await this.reloadList(true)
-      if (this.total === 0) {
+      if (this.total === 0 && !this.reservationOrders.length) {
         this.$emit('refresh-shell-state')
         uni.showToast({
           title: this.t('refreshEmptySuccess'),
@@ -722,7 +1416,7 @@ export default {
         })
         return
       }
-      if (this.list.length) {
+      if (this.list.length || this.reservationOrders.length) {
         uni.showToast({
           title: this.t('refreshSuccess'),
           icon: 'none'
@@ -737,11 +1431,19 @@ export default {
       if (!force && this._reloadListPromise) {
         return this._reloadListPromise
       }
+      if (force) {
+        this.reservationBillDetailMap = {}
+        this.reservationContractDetailMap = {}
+        this.reservationInspectionDetailMap = {}
+      }
       this._lastReloadListAt = now
       this.pageIndex = 1
       this.hasMore = true
       this.currentIndex = 0
-      this._reloadListPromise = this.fetchList(true).finally(() => {
+      this._reloadListPromise = Promise.all([
+        this.fetchReservationOrders(),
+        this.fetchList(true)
+      ]).finally(() => {
         this._reloadListPromise = null
       })
       return this._reloadListPromise
@@ -790,14 +1492,15 @@ export default {
           this.total = total
           this.list = mergedList
           this.hasMore = this.list.length < total && nextList.length > 0
-          saveMyApplicationList(this.list)
 
           const activeCode = this.resolvePreferredReferenceTypeNo(this.list)
           if (activeCode) {
             saveActiveApplicationCode(activeCode)
           }
 
+          await this.loadReservationFlowsForList(this.list)
           await this.loadPendingPaymentOrdersForList(this.list)
+          saveMyApplicationList(this.list)
         })
         .catch((error) => {
           if (!isReload) {
@@ -836,7 +1539,8 @@ export default {
       return item.detailCode || ''
     },
     canViewBill(item = {}) {
-      return this.shouldPayDeposit(item)
+      return !item.isViewingApplication
+        && (this.shouldPayDeposit(item) || this.isReservationBillStep(item))
         && this.resolveReferenceTypeNo(item)
     },
     canCancelOrder(item = {}) {
@@ -968,33 +1672,209 @@ export default {
     onNoticeScrollToBottom() {
       this.hasReadNotice = true
     },
+    openDepositNoticeForPayment(context = {}) {
+      this.pendingDepositPaymentContext = {
+        referenceTypeNo: String(context.referenceTypeNo || '').trim(),
+        billNo: String(context.billNo || '').trim(),
+        paymentNo: String(context.paymentNo || '').trim(),
+        description: String(context.description || '').trim()
+      }
+      this.pendingDepositReferenceTypeNo = this.pendingDepositPaymentContext.referenceTypeNo
+      this.hasReadNotice = false
+      this.showDepositNotice = true
+    },
     closeDepositNotice() {
       this.showDepositNotice = false
       this.pendingDepositReferenceTypeNo = ''
+      this.pendingDepositPaymentContext = null
+    },
+    resolveReservationBillPaymentContext(order = {}, fallbackContext = {}) {
+      const currentNode = order && order.reservationCurrentNode ? order.reservationCurrentNode : {}
+      const isBillStep = Number(currentNode.step || 0) === RESERVATION_FLOW_STEP.BILL
+      const candidateReferenceTypeNos = [
+        fallbackContext.referenceTypeNo,
+        currentNode.referenceTypeNo,
+        currentNode.detailCode,
+        currentNode.code,
+        order.referenceTypeNo,
+        order.detailCode,
+        order.code
+      ]
+      const candidateBillNos = [
+        fallbackContext.billNo,
+        currentNode.billNo,
+        currentNode.BillNo,
+        currentNode.accountBillNo,
+        currentNode.paymentBillNo,
+        currentNode.chargeBillNo,
+        isBillStep ? currentNode.refNo : '',
+        order.billNo,
+        this.getBillNo(this.getActiveReservationBillDetail() || {})
+      ]
+      const candidatePaymentNos = [
+        fallbackContext.paymentNo,
+        currentNode.paymentNo,
+        currentNode.payNo,
+        currentNode.payRequestNo,
+        currentNode.cashierNo
+      ]
+      const pickFirst = (list = []) => {
+        for (let index = 0; index < list.length; index += 1) {
+          const value = String(list[index] || '').trim()
+          if (value) {
+            return value
+          }
+        }
+        return ''
+      }
+
+      return {
+        referenceTypeNo: pickFirst(candidateReferenceTypeNos),
+        billNo: pickFirst(candidateBillNos),
+        paymentNo: pickFirst(candidatePaymentNos),
+        description: String(currentNode.stepDesc || fallbackContext.description || '').trim() || this.t('depositPaymentDesc')
+      }
+    },
+    resolvePendingPaymentContextByPaymentNo(paymentNo = '') {
+      const normalizedPaymentNo = String(paymentNo || '').trim()
+      if (!normalizedPaymentNo) {
+        return null
+      }
+
+      const matchedItem = (Array.isArray(this.list) ? this.list : []).find((item) => {
+        const pendingOrder = this.getApplicationPendingPaymentOrder(item)
+        return pendingOrder && this.getPendingPaymentOrderNo(pendingOrder) === normalizedPaymentNo
+      })
+
+      if (!matchedItem) {
+        return null
+      }
+
+      return {
+        referenceTypeNo: String(this.resolveReferenceTypeNo(matchedItem) || '').trim(),
+        billNo: String(this.getBillNo(matchedItem.pendingDepositBill || {}) || '').trim(),
+        pendingPaymentOrder: this.getApplicationPendingPaymentOrder(matchedItem),
+        bill: matchedItem.pendingDepositBill || null
+      }
+    },
+    resolveReservationPaymentContextByPaymentNo(paymentNo = '') {
+      const normalizedPaymentNo = String(paymentNo || '').trim()
+      if (!normalizedPaymentNo) {
+        return null
+      }
+
+      const matchedOrder = (Array.isArray(this.reservationOrders) ? this.reservationOrders : []).find((item) => {
+        const pendingOrder = item && item.pendingPaymentOrder ? item.pendingPaymentOrder : null
+        return pendingOrder && this.getPendingPaymentOrderNo(pendingOrder) === normalizedPaymentNo
+      })
+
+      if (!matchedOrder) {
+        return null
+      }
+
+      return {
+        referenceTypeNo: String(this.resolveReferenceTypeNo(matchedOrder) || '').trim(),
+        billNo: String(this.getBillNo(matchedOrder.pendingDepositBill || {}) || '').trim(),
+        pendingPaymentOrder: matchedOrder.pendingPaymentOrder || null,
+        bill: matchedOrder.pendingDepositBill || null
+      }
     },
     async payDepositByReferenceTypeNo(referenceTypeNo = '') {
-      if (!referenceTypeNo) {
+      return this.payByPaymentContext({
+        referenceTypeNo
+      })
+    },
+    async payByPaymentContext(context = {}) {
+      let referenceTypeNo = String(context.referenceTypeNo || '').trim()
+      let billNo = String(context.billNo || '').trim()
+      const paymentNo = String(context.paymentNo || '').trim()
+      const description = String(context.description || '').trim() || this.t('depositPaymentDesc')
+
+      if (!referenceTypeNo && !billNo && !paymentNo) {
+        uni.showToast({
+          title: this.t('missingBillCode'),
+          icon: 'none'
+        })
         return
       }
 
-      saveActiveApplicationCode(referenceTypeNo)
+      if (referenceTypeNo) {
+        saveActiveApplicationCode(referenceTypeNo)
+      }
 
       uni.showLoading({ title: this.t('loadingBill') })
       try {
-        const billRes = await accountQueryBills({
-          referenceTypeNo,
-          status: 10,
-          paymentStatus: 0,
-          ProviderType: 'WechatMiniProgram'
-        })
-        const billList = billRes && billRes.data ? billRes.data : billRes
-        if (!Array.isArray(billList) || !billList.length) {
+        let bill = null
+        let pendingPaymentOrder = billNo ? await this.getPendingPaymentOrder(billNo).catch(() => null) : null
+        if (!pendingPaymentOrder && paymentNo) {
+          const matchedContext = this.resolvePendingPaymentContextByPaymentNo(paymentNo) || this.resolveReservationPaymentContextByPaymentNo(paymentNo)
+          if (matchedContext) {
+            referenceTypeNo = referenceTypeNo || matchedContext.referenceTypeNo
+            billNo = billNo || matchedContext.billNo
+            pendingPaymentOrder = matchedContext.pendingPaymentOrder || null
+            bill = matchedContext.bill || null
+          }
+        }
+
+        if (billNo && !bill) {
+          const billDetail = this.normalizeBillDetail(await accountQueryBill({
+            billNo
+          }, this.language))
+          if (billDetail && Object.keys(billDetail).length) {
+            bill = billDetail
+            billNo = this.getBillNo(bill) || billNo
+            this.$set(this.reservationBillDetailMap, billNo, billDetail)
+            referenceTypeNo = referenceTypeNo || String(bill.referenceTypeNo || '').trim()
+            if (!pendingPaymentOrder) {
+              pendingPaymentOrder = this.buildPendingPaymentOrderFromBillDetail(bill)
+            }
+          }
+        }
+
+        if (referenceTypeNo) {
+          const billRes = await accountQueryBills({
+            referenceTypeNo,
+            status: 10,
+            paymentStatus: 0,
+            ProviderType: 'WechatMiniProgram'
+          })
+          const billList = this.normalizeBillList(billRes)
+          if (!Array.isArray(billList) || !billList.length) {
+            if (pendingPaymentOrder && billNo) {
+              bill = {
+                billNo,
+                no: billNo,
+                referenceTypeNo,
+                remainingAmount: Number(pendingPaymentOrder.amount || 0),
+                amount: Number(pendingPaymentOrder.amount || 0),
+                billName: description
+              }
+            } else {
+              uni.showToast({ title: this.t('noPendingDepositBill'), icon: 'none' })
+              return
+            }
+          } else {
+            bill = billNo
+              ? (billList.find(item => String(this.getBillNo(item) || '').trim() === billNo) || null)
+              : null
+            if (!bill) {
+              bill = billList[0]
+            }
+            billNo = this.getBillNo(bill)
+            referenceTypeNo = referenceTypeNo || String(bill.referenceTypeNo || '').trim()
+            if (!pendingPaymentOrder && billNo) {
+              pendingPaymentOrder = await this.getPendingPaymentOrder(billNo).catch(() => null)
+            }
+            if (!pendingPaymentOrder) {
+              pendingPaymentOrder = this.buildPendingPaymentOrderFromBillDetail(bill)
+            }
+          }
+        }
+
+        if (!billNo) {
           uni.showToast({ title: this.t('noPendingDepositBill'), icon: 'none' })
           return
         }
-        const bill = billList[0]
-        const billNo = this.getBillNo(bill)
-        const pendingPaymentOrder = await this.getPendingPaymentOrder(billNo).catch(() => null)
 
         uni.showLoading({ title: this.t('loadingPayment') })
 
@@ -1007,13 +1887,16 @@ export default {
         if (reusablePendingPaymentOrder && reusablePendingPaymentOrder.cashier && reusablePendingPaymentOrder.cashier.paymentInfo) {
           await this.requestWechatPayment(reusablePendingPaymentOrder.cashier.paymentInfo)
         } else {
+          if (!referenceTypeNo || !bill) {
+            throw new Error(this.t('fetchPaymentParamsFailed'))
+          }
           const wechatCode = await this.getWechatLoginCode()
           const payRes = await paymentBillPay({
             referenceTypeNo,
             billNo,
             payMethod: 'Wechat',
-            amount: Number(bill.remainingAmount || bill.amount || 0),
-            description: bill.billName || bill.name || this.t('depositPaymentDesc'),
+            amount: Number((bill && (bill.remainingAmount || bill.amount)) || 0),
+            description: (bill && (bill.billName || bill.name)) || description,
             ExtraInfo: wechatCode
           })
 
@@ -1041,18 +1924,125 @@ export default {
       if (!this.hasReadNotice) {
         return
       }
-      const referenceTypeNo = this.pendingDepositReferenceTypeNo
+      const paymentContext = this.pendingDepositPaymentContext || {
+        referenceTypeNo: this.pendingDepositReferenceTypeNo
+      }
       this.showDepositNotice = false
       this.pendingDepositReferenceTypeNo = ''
-      return this.payDepositByReferenceTypeNo(referenceTypeNo)
+      this.pendingDepositPaymentContext = null
+      return this.payByPaymentContext(paymentContext)
+    },
+    handleCurrentStepAction(event) {
+      const dataset = event && event.currentTarget ? event.currentTarget.dataset || {} : {}
+      const step = Number(dataset.step || 0)
+      const referenceTypeNo = dataset.referenceTypeNo || dataset.referenceTypeNo === 0
+        ? String(dataset.referenceTypeNo)
+        : ''
+      const contractNo = String(dataset.refNo || '').trim()
+      const currentItem = (Array.isArray(this.list) ? this.list : []).find(item => {
+        return String(this.resolveReferenceTypeNo(item)) === referenceTypeNo
+      })
+
+      if (step === RESERVATION_FLOW_STEP.BILL) {
+        if (!referenceTypeNo) {
+          uni.showToast({
+            title: this.t('missingBillCode'),
+            icon: 'none'
+          })
+          return
+        }
+        const paymentContext = this.resolveReservationBillPaymentContext(currentItem || {}, {
+          referenceTypeNo
+        })
+        this.openDepositNoticeForPayment(paymentContext)
+        return
+      }
+
+      if (step === RESERVATION_FLOW_STEP.CONTRACT) {
+        if (this.isReservationContractAwaitingReview(currentItem || {})) {
+          return
+        }
+        if (!contractNo) {
+          uni.showToast({
+            title: this.t('missingContractNo'),
+            icon: 'none'
+          })
+          return
+        }
+        uni.navigateTo({
+          url: `/pkgService/contract_sign/contract_sign?no=${encodeURIComponent(contractNo)}`
+        })
+        return
+      }
+
+      if (step === RESERVATION_FLOW_STEP.CHECKIN) {
+        uni.reLaunch({
+          url: '/pages/index/index?pageId=stay-service'
+        })
+        return
+      }
+
+      if (step === RESERVATION_FLOW_STEP.INSPECTION) {
+        if (this.isReservationInspectionPendingReview(currentItem || {})) {
+          return
+        }
+        const orderNo = String(dataset.orderNo || '').trim()
+        uni.navigateTo({
+          url: orderNo
+            ? `/pkgService/room_inspection/room_inspection?orderNo=${encodeURIComponent(orderNo)}`
+            : '/pkgService/room_inspection/room_inspection'
+        })
+      }
+    },
+    handleReservationOrderStepAction(order = {}) {
+      const step = this.getReservationCurrentStepValue(order)
+
+      if (step === RESERVATION_FLOW_STEP.BILL) {
+        const paymentContext = this.resolveReservationBillPaymentContext(order)
+        this.openDepositNoticeForPayment(paymentContext)
+        return
+      }
+
+      if (step === RESERVATION_FLOW_STEP.CONTRACT) {
+        if (this.isReservationContractAwaitingReview(order)) {
+          return
+        }
+        const contractNo = String(order && order.reservationCurrentNode && order.reservationCurrentNode.refNo || '').trim()
+        if (!contractNo) {
+          uni.showToast({
+            title: this.t('missingContractNo'),
+            icon: 'none'
+          })
+          return
+        }
+        uni.navigateTo({
+          url: `/pkgService/contract_sign/contract_sign?no=${encodeURIComponent(contractNo)}`
+        })
+        return
+      }
+
+      if (step === RESERVATION_FLOW_STEP.CHECKIN) {
+        uni.reLaunch({
+          url: '/pages/index/index?pageId=stay-service'
+        })
+        return
+      }
+
+      if (step === RESERVATION_FLOW_STEP.INSPECTION) {
+        if (this.isReservationInspectionPendingReview(order)) {
+          return
+        }
+        const orderNo = getReservationOrderNo(order)
+        uni.navigateTo({
+          url: orderNo
+            ? `/pkgService/room_inspection/room_inspection?orderNo=${encodeURIComponent(orderNo)}`
+            : '/pkgService/room_inspection/room_inspection'
+        })
+      }
     },
     goToApplicationDetail(item = {}) {
       const code = item.detailCode || ''
       if (!code) {
-        uni.showToast({
-          title: this.t('missingApplicationCode'),
-          icon: 'none'
-        })
         return
       }
       uni.navigateTo({
@@ -1101,6 +2091,290 @@ export default {
   border: 1rpx solid rgba($brand-primary, 0.05);
 }
 
+.reservation-flow-panel {
+  background: #ffffff;
+  border-radius: 32rpx;
+  padding: 32rpx;
+  box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.02), 0 0 2rpx rgba(0, 0, 0, 0.05);
+  border: none;
+}
+
+.reservation-flow-panel__head {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 20rpx;
+  margin-bottom: 24rpx;
+}
+
+.reservation-flow-panel__title-wrap {
+  flex: 1;
+  min-width: 0;
+}
+
+.reservation-flow-panel__title {
+  font-size: 32rpx;
+  font-weight: 800;
+  color: #0F172A;
+  letter-spacing: 0.5rpx;
+}
+
+.reservation-flow-panel__desc {
+  margin-top: 6rpx;
+  font-size: 22rpx;
+  color: #64748B;
+}
+
+.reservation-flow-panel__refresh {
+  flex-shrink: 0;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 132rpx;
+  height: 56rpx;
+  padding: 0 20rpx;
+  border-radius: 16rpx;
+  background: rgba($brand-primary, 0.08);
+  color: $brand-primary;
+  border: 1rpx solid rgba($brand-primary, 0.16);
+  font-size: 22rpx;
+}
+
+.reservation-order-scroll {
+  width: 100%;
+  white-space: nowrap;
+  margin-bottom: 24rpx;
+}
+
+.reservation-order-tabs {
+  display: inline-flex;
+  gap: 16rpx;
+}
+
+.reservation-order-chip {
+  padding: 16rpx 24rpx;
+  border-radius: 16rpx;
+  background: #F8FAFC;
+  border: 1rpx solid #E2E8F0;
+  transition: all 0.2s ease;
+  min-width: 200rpx;
+}
+
+.reservation-order-chip--active {
+  background: rgba($brand-primary, 0.08);
+  border-color: rgba($brand-primary, 0.3);
+}
+
+.reservation-order-chip__title {
+  font-size: 24rpx;
+  font-weight: 600;
+  color: #334155;
+}
+
+.reservation-order-chip--active .reservation-order-chip__title {
+  color: $brand-primary;
+}
+
+.reservation-grid-info {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 20rpx;
+  padding: 24rpx;
+  background: #F8FAFC;
+  border-radius: 16rpx;
+}
+
+.grid-info-item {
+  display: flex;
+  flex-direction: column;
+  gap: 6rpx;
+}
+
+.grid-info-label {
+  font-size: 20rpx;
+  color: #64748B;
+  letter-spacing: 0.5rpx;
+}
+
+.grid-info-value {
+  font-size: 24rpx;
+  font-weight: 600;
+  color: #0F172A;
+  word-break: break-all;
+}
+
+.tn-font-mono {
+  font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
+}
+
+.reservation-v-steps {
+  display: flex;
+  flex-direction: column;
+  padding-left: 8rpx;
+}
+
+.v-step-item {
+  display: flex;
+  position: relative;
+  min-height: 100rpx;
+}
+
+.v-step-indicator {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  margin-right: 24rpx;
+  width: 48rpx;
+}
+
+.v-step-badge {
+  width: 48rpx;
+  height: 48rpx;
+  border-radius: 16rpx;
+  background: #F1F5F9;
+  color: #64748B;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 20rpx;
+  font-weight: 700;
+  z-index: 2;
+}
+
+.v-step-item--current .v-step-badge {
+  background: $brand-primary;
+  color: #FFFFFF;
+  box-shadow: 0 4rpx 12rpx rgba($brand-primary, 0.2);
+}
+
+.v-step-line {
+  flex: 1;
+  width: 2rpx;
+  background: #E2E8F0;
+  margin-top: 8rpx;
+  margin-bottom: 8rpx;
+}
+
+.v-step-content {
+  flex: 1;
+  padding-bottom: 40rpx;
+  padding-top: 4rpx;
+}
+
+.v-step-item--last .v-step-content {
+  padding-bottom: 0;
+}
+
+.v-step-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.v-step-title {
+  font-size: 28rpx;
+  font-weight: 600;
+  color: #334155;
+}
+
+.v-step-item--current .v-step-title {
+  color: $brand-primary;
+  font-weight: 700;
+}
+
+.v-step-bill-card {
+  padding: 18rpx 20rpx;
+  background: rgba($brand-primary, 0.06);
+  border: 1rpx solid rgba($brand-primary, 0.14);
+  border-radius: 16rpx;
+}
+
+.v-step-bill-row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 20rpx;
+}
+
+.v-step-bill-row + .v-step-bill-row {
+  margin-top: 12rpx;
+}
+
+.v-step-bill-label {
+  flex-shrink: 0;
+  font-size: 22rpx;
+  color: #64748B;
+}
+
+.v-step-bill-value {
+  font-size: 24rpx;
+  color: #334155;
+  text-align: right;
+  word-break: break-all;
+}
+
+.v-step-bill-value--price {
+  color: $brand-primary;
+  font-weight: 700;
+}
+
+.v-step-hint-card {
+  padding: 16rpx 20rpx;
+  background: rgba($brand-primary, 0.06);
+  border-radius: 16rpx;
+}
+
+.v-step-hint-text {
+  font-size: 22rpx;
+  line-height: 1.6;
+  color: #64748B;
+}
+
+.v-step-current-tag {
+  padding: 4rpx 16rpx;
+  background: #FEF3C7;
+  color: #C2410C;
+  font-size: 20rpx;
+  font-weight: 700;
+  border-radius: 8rpx;
+}
+
+.step-pay-btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0 32rpx;
+  height: 64rpx;
+  background: $brand-primary;
+  color: #FFFFFF;
+  border-radius: 16rpx;
+  font-size: 24rpx;
+  font-weight: 600;
+  transition: opacity 0.2s;
+}
+
+.step-pay-btn:active {
+  opacity: 0.8;
+}
+
+.step-refresh-btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0 32rpx;
+  height: 64rpx;
+  background: rgba($brand-primary, 0.08);
+  color: $brand-primary;
+  border: 1rpx solid rgba($brand-primary, 0.18);
+  border-radius: 16rpx;
+  font-size: 24rpx;
+  font-weight: 600;
+}
+
+.step-refresh-btn:active {
+  opacity: 0.8;
+}
+
 .card-title-wrap {
   display: flex;
   align-items: center;
@@ -1223,10 +2497,34 @@ export default {
   color: #c2410c;
 }
 
+.reminder-head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16rpx;
+  margin-bottom: 12rpx;
+}
+
 .reminder-title {
+  margin-bottom: 0;
   color: $brand-primary;
 }
 
+.reminder-refresh-btn {
+  flex-shrink: 0;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 112rpx;
+  height: 52rpx;
+  padding: 0 18rpx;
+  border-radius: 14rpx;
+  background: rgba($brand-primary, 0.08);
+  border: 1rpx solid rgba($brand-primary, 0.16);
+  color: $brand-primary;
+  font-size: 22rpx;
+}
+
 .remark-line {
   display: flex;
   align-items: flex-start;
diff --git a/pages/index/component/ProfileCenterTab.vue b/pages/index/component/ProfileCenterTab.vue
index f9dcd5a..21ea41e 100644
--- a/pages/index/component/ProfileCenterTab.vue
+++ b/pages/index/component/ProfileCenterTab.vue
@@ -1,4 +1,4 @@
-<template>
+<template>
   <view class="profile-page tn-safe-area-inset-bottom">
     
     <!-- 头部背景与用户信息 (悬浮质感设计) -->
@@ -574,6 +574,11 @@ export default {
         url: '/pkgService/utility_recharge/utility_recharge'
       });
     },
+    goToTicketCenter() {
+      uni.navigateTo({
+        url: '/pkgService/ticket_center/ticket_center'
+      })
+    },
     goToSubmitRequest(title, desc, payload = {}, titleZh = '', titleEn = '', descZh = '', descEn = '') {
       uni.navigateTo({
         url: `/pkgService/submit_request/submit_request?title=${encodeURIComponent(title || this.t('submitRequest'))}&titleZh=${encodeURIComponent(titleZh || title || this.t('submitRequest'))}&titleEn=${encodeURIComponent(titleEn || title || this.t('submitRequest'))}&desc=${encodeURIComponent(desc || this.t('completeFormBeforeSubmit'))}&descZh=${encodeURIComponent(descZh || desc || this.t('completeFormBeforeSubmit'))}&descEn=${encodeURIComponent(descEn || desc || this.t('completeFormBeforeSubmit'))}&payload=${encodeURIComponent(JSON.stringify(payload || {}))}`
@@ -608,7 +613,7 @@ export default {
         return
       }
       if (item.key === 'serviceOrder') {
-        this.handleApplicationEntry()
+        this.goToTicketCenter()
         return
       }
       if (item.key === 'registrationRecord') {
diff --git a/pages/index/component/StayServiceTab.vue b/pages/index/component/StayServiceTab.vue
index 30bb9ac..7eee045 100644
--- a/pages/index/component/StayServiceTab.vue
+++ b/pages/index/component/StayServiceTab.vue
@@ -1,10 +1,10 @@
 <template>
   <view class="service-page tn-safe-area-inset-bottom">
-    <tn-nav-bar :isBack="false" :bottomShadow="false" backgroundColor="transparent" :customBackStyle="{ transition: 'all 0.3s ease' }">
+    <tn-nav-bar :isBack="false" :bottomShadow="false" :backgroundColor="navBarBackgroundColor" :customBackStyle="{ transition: 'all 0.3s ease' }">
       <view class="tn-text-bold tn-text-xl tn-color-black">{{ t('title') }}</view>
     </tn-nav-bar>
 
-    <scroll-view class="service-scroll" scroll-y :style="{paddingTop: vuex_custom_bar_height + 'px'}">
+    <scroll-view class="service-scroll" scroll-y :style="{paddingTop: vuex_custom_bar_height + 'px'}" @scroll="handleScroll">
       <view v-if="!hasCheckedIn" class="empty-state tn-padding animation-fade-in">
         <!-- 无预订：去选房 -->
         <view v-if="!currentBooking" class="no-booking-card">
@@ -112,21 +112,6 @@
 
         <!-- 已入住状态下的服务大厅内容 -->
         <view v-else class="animation-fade-in tn-padding-bottom">
-          <view class="tn-margin-top tn-margin-left tn-margin-right">
-            <view class="tn-text-bold tn-text tn-color-black tn-margin-bottom">{{ t('stayService') }}</view>
-            <view class="tn-flex tn-flex-row-between">
-              <view
-                v-for="item in stayActions"
-                :key="item.key"
-                class="stay-action-card"
-                @click="openServicePage(item)"
-              >
-                <view class="stay-action-icon"><text :class="item.icon" class="stay-action-icon-symbol"></text></view>
-                <view class="stay-action-title tn-margin-top-sm">{{ pickItemText(item, 'label', 'labelEn') }}</view>
-              </view>
-            </view>
-          </view>
-          
           <!-- 融合房卡与智能控制的新卡片 -->
           <view class="integrated-room-card tn-margin-left tn-margin-right tn-margin-top">
             <!-- 房卡背景 -->
@@ -181,6 +166,32 @@
           </view>
 
         <view class="tn-margin-top tn-margin-left tn-margin-right">
+          <view class="tn-text-bold tn-text tn-color-black tn-margin-bottom">{{ t('stayService') }}</view>
+
+          <view class="tn-flex tn-flex-wrap tn-flex-row-between">
+            <view class="service-item tn-margin-bottom-sm" v-for="item in stayActions" :key="item.key" @click="openServicePage(item)">
+              <view class="service-card-visual">
+                <image :src="item.image" mode="aspectFill" class="service-card-bg"></image>
+                <view class="service-card-mask"></view>
+                <view class="service-card-content tn-padding-sm tn-flex tn-flex-direction-column tn-flex-row-between" style="height: 100%;">
+                  <view class="tn-flex tn-flex-row-between tn-flex-col-center">
+                    <view class="service-icon-box tn-flex tn-flex-col-center tn-flex-row-center">
+                      <text :class="item.icon" class="service-icon-symbol"></text>
+                    </view>
+                    <view class="status-tag tn-text-xs" :class="item.isBusy ? 'tag-busy' : 'tag-free'">
+                      {{ pickItemText(item, 'statusZh', 'statusEn') }}
+                    </view>
+                  </view>
+                  <view>
+                    <view class="tn-text-bold tn-text tn-color-white">{{ pickItemText(item, 'label', 'labelEn') }}</view>
+                  </view>
+                </view>
+              </view>
+            </view>
+          </view>
+        </view>
+
+        <view class="tn-margin-top-sm tn-margin-left tn-margin-right">
           <view class="tn-flex tn-flex-row-between tn-flex-col-bottom tn-margin-bottom">
             <view class="tn-text-bold tn-text tn-color-black">{{ t('publicService') }}</view>
             <view class="tn-text-sm tn-color-gray">{{ t('viewAll') }} <text class="tn-icon-right section-arrow-icon"></text></view>
@@ -238,36 +249,38 @@
           </view>
         </view>
 
-        <!-- 专属管家 (原活动位置) -->
+        <!-- 宿管与管理员列表 -->
         <view class="butler-card-new tn-margin-top tn-margin-left tn-margin-right">
-          <view class="tn-text-bold tn-text tn-color-black tn-margin-bottom">{{ t('butler') }}</view>
+          <view class="tn-text-bold tn-text tn-color-black tn-margin-bottom">{{ t('managementContacts') }}</view>
           <view class="butler-card-new__inner">
-            <view v-if="areaManagers.length" class="butler-card-new__list">
+            <view v-if="managerContacts.length" class="butler-card-new__list">
               <view
-                v-for="(manager, index) in areaManagers"
-                :key="manager.userCode || manager.userName || manager.name || index"
+                v-for="(contact, index) in managerContacts"
+                :key="contact.contactKey || index"
                 class="butler-member-new"
               >
                 <view class="butler-member-new__identity">
                   <view class="butler-avatar-new">
-                    <image v-if="getManagerAvatar(manager)" :src="getManagerAvatar(manager)" mode="aspectFill"></image>
+                    <image v-if="getManagerAvatar(contact)" :src="getManagerAvatar(contact)" mode="aspectFill"></image>
                     <view v-else class="butler-avatar-new-fallback tn-flex tn-flex-col-center tn-flex-row-center">
-                      <text class="butler-avatar-new-fallback-text">{{ getManagerInitial(manager) }}</text>
+                      <text class="butler-avatar-new-fallback-text">{{ getManagerInitial(contact) }}</text>
                     </view>
                     <view class="online-dot"></view>
                   </view>
                   <view class="butler-member-new__info">
                     <view class="butler-member-new__name">
-                      {{ getManagerName(manager) }}
-                      <text v-if="index === 0" class="butler-member-new__tag">{{ t('primaryButlerTag') }}</text>
+                      {{ getManagerName(contact) }}
+                      <text class="butler-member-new__tag butler-member-new__tag--type" :class="contact.contactType === 'counselor' ? 'tag-counselor' : 'tag-dormitory'">
+                        {{ contact.contactType === 'counselor' ? t('counselorTag') : t('dormitoryManagerTag') }}
+                      </text>
                     </view>
-                    <view class="butler-member-new__phone">{{ getManagerPhone(manager) || t('noContactPhone') }}</view>
+                    <view class="butler-member-new__phone">{{ getManagerPhone(contact) || t('noContactPhone') }}</view>
                   </view>
                 </view>
                 <view
                   class="butler-member-new__action"
-                  :class="{ 'disabled': !getManagerPhone(manager) }"
-                  @click.stop="handleAreaManagerCall(manager)"
+                  :class="{ 'disabled': !getManagerPhone(contact) }"
+                  @click.stop="handleAreaManagerCall(contact)"
                 >
                   <text class="tn-icon-phone-fill"></text>
                 </view>
@@ -278,12 +291,12 @@
                 <view class="butler-member-new__identity">
                   <view class="butler-avatar-new">
                     <view class="butler-avatar-new-fallback tn-flex tn-flex-col-center tn-flex-row-center">
-                      <text class="tn-icon-service-fill" style="font-size: 32rpx; color: #fff;"></text>
+                      <text class="tn-icon-my-fill" style="font-size: 32rpx; color: #fff;"></text>
                     </view>
                   </view>
                   <view class="butler-member-new__info">
-                    <view class="butler-member-new__name">{{ t('butler') }}</view>
-                    <view class="butler-member-new__phone">{{ isAreaManagerLoading ? t('loadingButlerInfo') : t('noButlerInfo') }}</view>
+                    <view class="butler-member-new__name">{{ t('managementContacts') }}</view>
+                    <view class="butler-member-new__phone">{{ isManagementContactsLoading ? t('loadingButlerInfo') : t('noManagerContacts') }}</view>
                   </view>
                 </view>
               </view>
@@ -296,7 +309,7 @@
 </template>
 
 <script>
-import { accountQueryBills, facilityManagers, gatewayRoomDeviceList, orderSearchedDetail } from '../../../api/index.js'
+import { accountQueryBills, facilityManagers, myDormitoryManagers, myCounselor, gatewayRoomDeviceList, orderSearchedDetail } from '../../../api/index.js'
 import { getSessionSnapshot, saveMyRoomData } from '../../../utils/app-state'
 import { ACCOUNT_BILL_PAYMENT_STATUS, ACCOUNT_BILL_STATUS, fetchEnums, getAccountReferenceTypeLabel, getApplicationDetailStatusLabel } from '../../../utils/enum-store'
 import { getBookingStatusText } from '../../../utils/flow'
@@ -400,14 +413,62 @@ export default {
       areaManager: null,
       areaManagers: [],
       isAreaManagerLoading: false,
+      // 宿管与管理员联系人
+      dormitoryManagers: [],
+      counselor: null,
+      isManagementContactsLoading: false,
+      // 导航栏滚动背景色
+      navBarBackgroundColor: 'transparent',
       unpaidBillList: [],
       smartDevices: [],
       isSmartDevicesLoading: false,
       smartDeviceError: '',
       stayActions: [
-        { key: 'change-room', label: '换房申请', labelEn: 'Change Room', icon: 'tn-icon-home-smile-fill', title: '换房申请', titleEn: 'Change Room Request', titleEnShort: 'Room Change', desc: '提交换房原因、期望房型和管家审核说明。', descEn: 'Submit your reason, expected room type, and butler review notes.' },
-        { key: 'renew-stay', label: '续住申请', labelEn: 'Renew Stay', icon: 'tn-icon-calendar-fill', title: '续住申请', titleEn: 'Renew Stay Request', titleEnShort: 'Renew Stay', desc: '提交续住时长、续住原因和新的租期需求。', descEn: 'Submit extension duration, reason, and new lease request.' },
-        { key: 'checkout', label: '退房申请', labelEn: 'Check Out', icon: 'tn-icon-home-in-fill', title: '退房申请', titleEn: 'Checkout Request', titleEnShort: 'Check Out', desc: '提交退房时间、离场说明和验房申请。', descEn: 'Submit checkout time, leave notes, and inspection request.' }
+        {
+          key: 'change-room',
+          label: '换房申请',
+          labelEn: 'Change Room',
+          icon: 'tn-icon-home-smile-fill',
+          statusZh: '可提交',
+          statusEn: 'Available',
+          isBusy: false,
+          image: 'https://hi.aizhuhotel.com/%E7%95%99%E5%AD%A6%E7%94%9F%E5%85%AC%E5%AF%93%20-%200320%281%29_converted_11.png',
+          title: '换房申请',
+          titleEn: 'Change Room Request',
+          titleEnShort: 'Room Change',
+          desc: '提交换房原因、期望房型和管家审核说明。',
+          descEn: 'Submit your reason, expected room type, and butler review notes.'
+        },
+        {
+          key: 'renew-stay',
+          label: '续住申请',
+          labelEn: 'Renew Stay',
+          icon: 'tn-icon-calendar-fill',
+          statusZh: '可提交',
+          statusEn: 'Available',
+          isBusy: false,
+          image: 'https://hi.aizhuhotel.com/%E7%95%99%E5%AD%A6%E7%94%9F%E5%85%AC%E5%AF%93%20-%200320%281%29_converted_16.png',
+          title: '续住申请',
+          titleEn: 'Renew Stay Request',
+          titleEnShort: 'Renew Stay',
+          desc: '提交续住时长、续住原因和新的租期需求。',
+          descEn: 'Submit extension duration, reason, and new lease request.'
+        },
+        {
+          key: 'checkout',
+          label: '退房申请',
+          labelEn: 'Check Out',
+          icon: 'tn-icon-home-in-fill',
+          statusZh: '可提交',
+          statusEn: 'Available',
+          isBusy: false,
+          image: 'https://hi.aizhuhotel.com/%E7%95%99%E5%AD%A6%E7%94%9F%E5%85%AC%E5%AF%93%20-%200320%281%29_converted_17.png',
+          title: '退房申请',
+          titleEn: 'Checkout Request',
+          titleEnShort: 'Check Out',
+          desc: '提交退房时间、离场说明和验房申请。',
+          descEn: 'Submit checkout time, leave notes, and inspection request.'
+        }
       ],
       services: [
         {
@@ -440,6 +501,21 @@ export default {
           desc: '填写备注说明需要几桶水后提交申请。',
           descEn: 'Submit the quantity of water needed and any notes.'
         },
+        {
+          key: 'meal-delivery',
+          icon: 'tn-icon-cart-fill',
+          nameZh: '送餐服务',
+          nameEn: 'Food Delivery',
+          statusZh: '可下单',
+          statusEn: 'Order Now',
+          isBusy: false,
+          image: 'https://hi.aizhuhotel.com/%E7%95%99%E5%AD%A6%E7%94%9F%E5%85%AC%E5%AF%93%20-%200320%281%29_converted_15.png',
+          title: '送餐服务',
+          titleEn: 'Food Delivery',
+          titleEnShort: 'Food',
+          desc: '一键跳转点餐小程序，挑选餐品并下单配送。',
+          descEn: 'Open the ordering mini-program to pick meals and get delivery.'
+        },
         {
           key: 'cleaning',
           icon: 'tn-icon-clean',
@@ -503,7 +579,7 @@ export default {
           butler: '专属社区管家',
           online: '当前在线 · 响应时间 < 5分钟',
           callNow: '拨打',
-          publicService: '社区设施预约',
+          publicService: '公寓精选服务',
           viewAll: '全部',
           leaseTerm: '租期',
           activeStatus: '使用中',
@@ -525,6 +601,10 @@ export default {
           noContactPhone: '暂无联系电话',
           loadingButlerInfo: '正在同步管家信息...',
           noButlerInfo: '暂未获取到管家信息',
+          managementContacts: '宿管与管理员',
+          dormitoryManagerTag: '宿管',
+          counselorTag: '管理员',
+          noManagerContacts: '暂无管理联系人',
           managerContactSummary: '当前区域共有 {count} 位管家可联系',
           contactPhonePrefix: '联系电话 ',
           loadingShort: '同步中',
@@ -583,7 +663,7 @@ export default {
           butler: 'Community Butler',
           online: 'Online · Response < 5 mins',
           callNow: 'Call',
-          publicService: 'Facility Booking',
+          publicService: 'Premium Services',
           viewAll: 'View All',
           leaseTerm: 'Lease',
           activeStatus: 'Active',
@@ -605,6 +685,10 @@ export default {
           noContactPhone: 'No contact number',
           loadingButlerInfo: 'Syncing butler info...',
           noButlerInfo: 'No butler information yet',
+          managementContacts: 'Dorm Managers & Admins',
+          dormitoryManagerTag: 'Dorm Mgr',
+          counselorTag: 'Admin',
+          noManagerContacts: 'No management contacts',
           managerContactSummary: '{count} butlers are available in this area',
           contactPhonePrefix: 'Phone ',
           loadingShort: 'Syncing',
@@ -884,6 +968,25 @@ export default {
     butlerPhoneNumber() {
       const manager = this.primaryAreaManager || {}
       return this.getManagerPhone(manager)
+    },
+    // 合并宿管列表与管理员(辅导员)为统一联系人列表
+    managerContacts() {
+      const contacts = Array.isArray(this.dormitoryManagers)
+        ? this.dormitoryManagers.map((item, index) => ({
+            ...this.normalizeManager(item),
+            contactType: 'dormitory-manager',
+            contactKey: String(item.code || item.userCode || item.phone || index)
+          }))
+        : []
+      const counselor = this.counselor
+      if (counselor && typeof counselor === 'object' && (counselor.name || counselor.phone || counselor.code)) {
+        contacts.push({
+          ...this.normalizeManager(counselor),
+          contactType: 'counselor',
+          contactKey: String(counselor.code || counselor.userCode || counselor.phone || 'counselor')
+        })
+      }
+      return contacts
     }
   },
   mounted() {
@@ -1123,6 +1226,58 @@ export default {
 
       return this._loadAreaManagerPromise
     },
+    // 获取宿管列表与管理员(辅导员)联系人
+    fetchManagementContacts() {
+      if (!this.isCurrentLogin()) {
+        this.dormitoryManagers = []
+        this.counselor = null
+        return Promise.resolve()
+      }
+
+      if (this._fetchManagementContactsPromise) {
+        return this._fetchManagementContactsPromise
+      }
+
+      this.isManagementContactsLoading = true
+      this._fetchManagementContactsPromise = Promise.allSettled([
+        myDormitoryManagers(this.language),
+        myCounselor(this.language)
+      ])
+        .then(([dormitoryManagersResult, counselorResult]) => {
+          this.dormitoryManagers = dormitoryManagersResult.status === 'fulfilled' && Array.isArray(dormitoryManagersResult.value && dormitoryManagersResult.value.data)
+            ? dormitoryManagersResult.value.data
+            : []
+          this.counselor = counselorResult.status === 'fulfilled' && counselorResult.value && counselorResult.value.data && typeof counselorResult.value.data === 'object'
+            ? counselorResult.value.data
+            : null
+          if (dormitoryManagersResult.status === 'rejected') {
+            console.warn('获取宿管联系人失败', dormitoryManagersResult.reason)
+          }
+          if (counselorResult.status === 'rejected') {
+            console.warn('获取管理员信息失败', counselorResult.reason)
+          }
+        })
+        .catch((error) => {
+          this.dormitoryManagers = []
+          this.counselor = null
+          console.warn('获取管理联系人失败', error)
+        })
+        .finally(() => {
+          this.isManagementContactsLoading = false
+          this._fetchManagementContactsPromise = null
+        })
+
+      return this._fetchManagementContactsPromise
+    },
+    // 滚动事件处理：顶部导航栏加背景色
+    handleScroll(e) {
+      const scrollTop = (e && e.detail && e.detail.scrollTop) || 0
+      if (scrollTop > 20) {
+        this.navBarBackgroundColor = '#F8FAFF'
+      } else {
+        this.navBarBackgroundColor = 'transparent'
+      }
+    },
     fetchCurrentOrderDetail() {
       if (!this.hasCheckedIn) {
         return Promise.resolve()
@@ -1165,10 +1320,14 @@ export default {
         this.hasCheckedIn = false
         this.currentBooking = null
         this.myRoomData = null
+        this.dormitoryManagers = []
+        this.counselor = null
         return
       }
 
       this.currentBooking = storeUser.currentBooking || session.currentBooking || null
+      // 已登录即获取宿管与管理员联系人
+      this.fetchManagementContacts()
       if (this.getStoreCheckinStatus() || session.hasCheckedIn) {
         this.hasCheckedIn = true
         this.myRoomData = buildRoomDataFromOrder(storeCurrentOrder) || buildRoomDataFromOrder(session.myRoomData) || session.myRoomData || null
@@ -1294,17 +1453,65 @@ export default {
       }
       return `/pkgService/submit_request/submit_request?title=${encodeURIComponent(title || this.t('submitRequest'))}&titleZh=${encodeURIComponent(titleZh)}&titleEn=${encodeURIComponent(titleEn)}&desc=${encodeURIComponent(desc || this.t('completeFormBeforeSubmit'))}&descZh=${encodeURIComponent(descZh)}&descEn=${encodeURIComponent(descEn)}&payload=${encodeURIComponent(JSON.stringify(payload))}`
     },
+    buildTicketWorkbenchUrl(item = {}) {
+      const serviceTypeMap = {
+        repair: 'TicketRepairApply',
+        complaint: 'TicketSuggestionApply',
+        'change-room': 'TicketChangeApply',
+        checkout: 'TicketCheckOutApply',
+        'renew-stay': 'TicketRenewalApply',
+        'water-delivery': 'TicketWaterDeliveryApply',
+        cleaning: 'TicketCleaningApply'
+      }
+      const serviceType = serviceTypeMap[item.key]
+      if (!serviceType) {
+        return ''
+      }
+      return `/pkgService/ticket_workbench/ticket_workbench?serviceType=${encodeURIComponent(serviceType)}`
+    },
     openServicePage(item) {
+      if (item.key === 'meal-delivery') {
+        this.openMealDeliveryMiniProgram()
+        return
+      }
       if (item.key === 'utility') {
         uni.navigateTo({
           url: '/pkgService/utility_recharge/utility_recharge'
         });
         return
       }
+      if (item.key === 'lost-found') {
+        uni.navigateTo({
+          url: '/pkgService/lost_found_publish/lost_found_publish'
+        });
+        return
+      }
+      const ticketUrl = this.buildTicketWorkbenchUrl(item)
+      if (ticketUrl) {
+        uni.navigateTo({
+          url: ticketUrl
+        });
+        return
+      }
       uni.navigateTo({
         url: this.buildServiceSubmitUrl(item)
       });
     },
+    // 送餐服务：跳转外部点餐小程序
+    openMealDeliveryMiniProgram() {
+      uni.navigateToMiniProgram({
+        appId: 'wxf221ee13f2abd417',
+        path: 'pages/scan/index?scene=1005&toMenuList=5&entityId=00684887&multiMenuId=006848879dd2e038019e017ba6e330d5',
+        success: () => {},
+        fail: (error) => {
+          console.error('跳转送餐小程序失败', error)
+          uni.showToast({
+            title: this.t('mealDeliveryJumpFailed'),
+            icon: 'none'
+          })
+        }
+      })
+    },
     getManagerName(manager = {}) {
       return manager.displayName || manager.name || manager.userName || manager.nickname || manager.userCode || manager.phone || ''
     },
@@ -1400,6 +1607,10 @@ export default {
   background: linear-gradient(180deg, #F0F6FF 0%, #F8FAFF 100%);
   min-height: 100vh;
 }
+/* 导航栏背景色过渡 */
+.service-page ::v-deep .tn-custom-nav-bar__bar {
+  transition: background-color 0.3s ease;
+}
 .service-scroll {
   height: calc(100vh - 100rpx);
 }
@@ -1729,43 +1940,6 @@ export default {
   box-shadow: 0 6rpx 14rpx rgba($brand-primary, 0.16);
 }
 
-.stay-action-card {
-  width: 31%;
-  background: #ffffff;
-  border-radius: 24rpx;
-  padding: 24rpx 12rpx;
-  text-align: center;
-  box-shadow: 0 10rpx 26rpx rgba(0, 0, 0, 0.03);
-}
-
-.stay-action-icon {
-  width: 72rpx;
-  height: 72rpx;
-  margin: 0 auto;
-  border-radius: 50%;
-  background: linear-gradient(135deg, $icon-surface-brand-soft 0%, rgba($brand-primary, 0.04) 100%);
-  color: $icon-tone-brand-deep;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 34rpx;
-  box-shadow: inset 0 0 0 1rpx rgba($brand-primary, 0.08);
-}
-
-.stay-action-icon-symbol {
-  font-size: 32rpx;
-  line-height: 1;
-}
-
-.stay-action-title {
-  font-size: 24rpx;
-  font-weight: bold;
-  color: #222222;
-  line-height: 1.3;
-  text-align: center;
-  word-break: break-word;
-}
-
 .half-btn {
   width: 48%;
   height: 92rpx;
@@ -2044,6 +2218,18 @@ export default {
   margin-left: 10rpx;
 }
 
+/* 宿管标签 - 绿色 */
+.butler-member-new__tag--type.tag-dormitory {
+  background: rgba(16, 185, 129, 0.1);
+  color: #10B981;
+}
+
+/* 管理员标签 - 琥珀色 */
+.butler-member-new__tag--type.tag-counselor {
+  background: rgba(245, 158, 11, 0.1);
+  color: #F59E0B;
+}
+
 .butler-member-new__phone {
   font-size: 24rpx;
   color: #888888;
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 7715909..e5a7fdb 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -12,6 +12,30 @@
       </view>
     </view>
 
+    <!-- #ifdef MP-WEIXIN -->
+    <view v-if="showPrivacyPopup" class="privacy-mask">
+      <view class="privacy-dialog">
+        <view class="privacy-title">{{ t('privacyTitle') }}</view>
+        <view class="privacy-content">
+          {{ t('privacyContentPrefix') }}
+          <text class="privacy-link" @click="openPrivacyContract">{{ t('privacyContractName') }}</text>
+          {{ t('privacyContentSuffix') }}
+        </view>
+        <view class="privacy-action-row">
+          <view class="privacy-action-btn" @click="handlePrivacyDisagree">{{ t('privacyDisagree') }}</view>
+          <button
+            id="index-privacy-agree-btn"
+            class="privacy-action-btn is-primary"
+            open-type="agreePrivacyAuthorization"
+            @agreeprivacyauthorization="handleAgreePrivacyAuthorization"
+          >
+            {{ t('privacyAgree') }}
+          </button>
+        </view>
+      </view>
+    </view>
+    <!-- #endif -->
+
     <!-- 二级页面 -->
     <view v-if="hasPage('select-room')" v-show="currentPageId === 'select-room'">
       <scroll-view class="custom-tabbar-page" scroll-y enable-back-to-top @scrolltolower="tabbarPageScrollLower">
@@ -87,9 +111,24 @@
   import MyApplicationTab from './component/MyApplicationTab.vue'
   import ContractAlert from '../../components/contract-alert/contract-alert.vue'
   import { clearLegacyDemoCache, getHomePageTabId, getSessionSnapshot, saveHomePageTabId } from '../../utils/app-state'
-  import { checkRecordByChecked, notificationPage, applicationFormMePage } from '@/api/index.js'
+  import { applicationFormMePage, checkRecordByChecked, notificationPage, orderSearchedMePage, orderSearchedReservationFlow } from '@/api/index.js'
+  import { parseOrderListResponse, getOrderStatusCode } from '@/utils/booking-helper'
+  import { bindPrivacyAuthorizationListener, getPrivacyAuthorizationStatus, openWechatPrivacyContract, unbindPrivacyAuthorizationListener } from '@/utils/privacy.js'
   import { countPendingInspectionRecords, extractInspectionList, resolveNotificationUnreadTotal } from '../../utils/message-helper'
   import { syncLoginStayState } from '../../utils/session-sync'
+  import { getReservationOrderNo, getReservationCurrentNode, parseReservationFlowResponse } from '@/utils/reservation-flow'
+
+  function formatPageResponse(response) {
+    const payload = response && response.data ? response.data : response
+    return payload && typeof payload === 'object' ? payload : {}
+  }
+
+  function normalizeApplicationList(list = []) {
+    if (!Array.isArray(list)) {
+      return []
+    }
+    return list.filter(item => item && typeof item === 'object')
+  }
 
   export default {
     components: {
@@ -113,6 +152,7 @@
           hasCheckedIn: false,
           hasStayOrder: false,
           hasPendingApplication: false,
+          hasActiveReservationFlow: false,
           pendingContracts: []
         },
         tabDefinitions: [
@@ -125,6 +165,9 @@
         loadedPages: ['select-room'],
         isAppInitLoading: true,
         isTabSwitching: false,
+        showPrivacyPopup: false,
+        resolvePrivacyAuthorization: null,
+        isCheckingPrivacyAuthorization: false,
         i18n: {
           zh: {
             loadingBrand: '绿居公寓',
@@ -133,7 +176,13 @@
             tabStayService: '入 住',
             tabMyApplication: '申请单',
             tabMessageCenter: '消 息',
-            tabProfileCenter: '我 的'
+            tabProfileCenter: '我 的',
+            privacyTitle: '隐私授权提示',
+            privacyContentPrefix: '进入小程序前，请先阅读并同意',
+            privacyContractName: '《用户隐私保护指引》',
+            privacyContentSuffix: '，同意后才能继续使用相关功能。',
+            privacyAgree: '同意并继续',
+            privacyDisagree: '暂不授权'
           },
           en: {
             loadingBrand: 'Luju Apartments',
@@ -142,7 +191,13 @@
             tabStayService: 'Stay',
             tabMyApplication: 'Applications',
             tabMessageCenter: 'Messages',
-            tabProfileCenter: 'Profile'
+            tabProfileCenter: 'Profile',
+            privacyTitle: 'Privacy Authorization',
+            privacyContentPrefix: 'Before entering the mini program, please read and agree to the ',
+            privacyContractName: 'Privacy Protection Guide',
+            privacyContentSuffix: ' to continue using related features.',
+            privacyAgree: 'Agree and Continue',
+            privacyDisagree: 'Not Now'
           }
         }
       }
@@ -160,12 +215,12 @@
         const tabs = []
         if (this.sessionState.hasStayOrder) {
           tabs.push('stay-service')
-        } else if (this.sessionState.hasPendingApplication) {
+        } else if (this.sessionState.hasPendingApplication || this.sessionState.hasActiveReservationFlow) {
           tabs.push('my-application')
         } else {
           tabs.push('select-room')
         }
-        if (this.sessionState.hasPendingApplication && !tabs.includes('my-application')) {
+        if ((this.sessionState.hasPendingApplication || this.sessionState.hasActiveReservationFlow) && !tabs.includes('my-application')) {
           tabs.push('my-application')
         }
         tabs.push('message-center', 'profile-center')
@@ -186,14 +241,20 @@
     },
     onShow() {
       this.handlePageShow()
+      this.checkEntryPrivacyAuthorization()
     },
     onLoad(options) {
       clearLegacyDemoCache()
       uni.$on('messageBadgeCountChange', this.handleMessageBadgeCountChange)
+      uni.$on('reservation-flow-force-refresh', this.handleReservationFlowForceRefresh)
+      this.initPrivacyAuthorization()
+      this.checkEntryPrivacyAuthorization()
       this.handlePageLoad(options)
     },
     onUnload() {
       uni.$off('messageBadgeCountChange', this.handleMessageBadgeCountChange)
+      uni.$off('reservation-flow-force-refresh', this.handleReservationFlowForceRefresh)
+      this.releasePrivacyAuthorization()
     },
     onReady() {
       this.$nextTick(() => {
@@ -204,6 +265,76 @@
       t(key) {
       return this.$tm('pages.index.index', key)
     },
+      initPrivacyAuthorization() {
+        // #ifdef MP-WEIXIN
+        if (typeof wx === 'undefined' || !wx.onNeedPrivacyAuthorization) {
+          return
+        }
+        this.handlePrivacyAuthorizationRequest = (resolve) => {
+          this.resolvePrivacyAuthorization = resolve
+          this.showPrivacyPopup = true
+        }
+        bindPrivacyAuthorizationListener(this.handlePrivacyAuthorizationRequest)
+        // #endif
+      },
+      releasePrivacyAuthorization() {
+        // #ifdef MP-WEIXIN
+        if (!this.handlePrivacyAuthorizationRequest) {
+          return
+        }
+        unbindPrivacyAuthorizationListener(this.handlePrivacyAuthorizationRequest)
+        this.handlePrivacyAuthorizationRequest = null
+        this.resolvePrivacyAuthorization = null
+        this.showPrivacyPopup = false
+        // #endif
+      },
+      checkEntryPrivacyAuthorization() {
+        // #ifdef MP-WEIXIN
+        if (this.isCheckingPrivacyAuthorization) {
+          return
+        }
+        this.isCheckingPrivacyAuthorization = true
+        getPrivacyAuthorizationStatus()
+          .then((res) => {
+            if (!this.resolvePrivacyAuthorization) {
+              this.showPrivacyPopup = !!(res && res.needAuthorization)
+            }
+          })
+          .finally(() => {
+            this.isCheckingPrivacyAuthorization = false
+          })
+        // #endif
+      },
+      openPrivacyContract() {
+        // #ifdef MP-WEIXIN
+        openWechatPrivacyContract().catch((error) => {
+          console.error('open privacy contract failed', error)
+        })
+        // #endif
+      },
+      handleAgreePrivacyAuthorization() {
+        this.showPrivacyPopup = false
+        if (!this.resolvePrivacyAuthorization) {
+          return
+        }
+        const resolvePrivacyAuthorization = this.resolvePrivacyAuthorization
+        this.resolvePrivacyAuthorization = null
+        resolvePrivacyAuthorization({
+          buttonId: 'index-privacy-agree-btn',
+          event: 'agree'
+        })
+      },
+      handlePrivacyDisagree() {
+        this.showPrivacyPopup = false
+        if (!this.resolvePrivacyAuthorization) {
+          return
+        }
+        const resolvePrivacyAuthorization = this.resolvePrivacyAuthorization
+        this.resolvePrivacyAuthorization = null
+        resolvePrivacyAuthorization({
+          event: 'disagree'
+        })
+      },
       getStoreUser() {
         return (this.$store && this.$store.state && this.$store.state.vuex_user) || {}
       },
@@ -238,6 +369,58 @@
           console.error('sync login stay state failed', error)
         })
       },
+      resolveApplicationState() {
+        return applicationFormMePage({
+          Status: 0,
+          PageIndex: 1,
+          PageSize: 1
+        }, this.$getLanguage())
+          .then((response) => {
+            const pageData = formatPageResponse(response)
+            const list = normalizeApplicationList(pageData.data || [])
+            const total = Number(pageData.total || 0)
+            const hasPendingApplication = list.some(item => Number(item && item.status) === 0)
+            return {
+              hasPendingApplication: total > 0 || hasPendingApplication
+            }
+          })
+          .catch((error) => {
+            console.error('resolve application state failed', error)
+            return {
+              hasPendingApplication: false
+            }
+          })
+      },
+      resolveApplicationFlowState(list = []) {
+        const orderList = normalizeApplicationList(list)
+        const reservationOrderList = orderList.filter(item => getOrderStatusCode(item) === 0)
+        const orderNos = [...new Set(reservationOrderList.map(item => getReservationOrderNo(item)).filter(Boolean))]
+
+        const result = {
+          hasPendingApplication: false,
+          hasActiveReservationFlow: false
+        }
+
+        if (!orderNos.length) {
+          return Promise.resolve(result)
+        }
+
+        return orderSearchedReservationFlow({
+          orderNos
+        }, this.$getLanguage())
+          .then((response) => {
+            const flowList = parseReservationFlowResponse(response)
+            const hasActiveReservationFlow = flowList.some(item => !!getReservationCurrentNode(item))
+            return {
+              hasPendingApplication: result.hasPendingApplication || hasActiveReservationFlow,
+              hasActiveReservationFlow
+            }
+          })
+          .catch((error) => {
+            console.error('resolve application flow state failed', error)
+            return result
+          })
+      },
       refreshShellState(force = false, options = {}) {
         const { skipMessageBadge = false } = options
         const tasks = [
@@ -249,18 +432,30 @@
         }
         if (this.isCurrentLogin()) {
           tasks.push(
-            applicationFormMePage({ Status: 0, PageIndex: 1, PageSize: 1 })
-              .then(res => {
-                const payload = res && res.data ? res.data : res
-                const total = payload && payload.total ? Number(payload.total) : (payload && payload.data && payload.data.length ? payload.data.length : 0)
-                this.sessionState.hasPendingApplication = total > 0
+            this.resolveApplicationState()
+              .then((applicationState = {}) => {
+                return orderSearchedMePage({ PageIndex: 1, PageSize: 100, IsExport: false })
+                  .then(res => {
+                    const orderList = parseOrderListResponse(res)
+                    return this.resolveApplicationFlowState(orderList)
+                      .then((flowState = {}) => ({
+                        hasPendingApplication: !!applicationState.hasPendingApplication,
+                        hasActiveReservationFlow: !!flowState.hasActiveReservationFlow
+                      }))
+                  })
+              })
+              .then((flowState = {}) => {
+                this.sessionState.hasPendingApplication = !!flowState.hasPendingApplication
+                this.sessionState.hasActiveReservationFlow = !!flowState.hasActiveReservationFlow
               })
               .catch(() => {
                 this.sessionState.hasPendingApplication = false
+                this.sessionState.hasActiveReservationFlow = false
               })
           )
         } else {
           this.sessionState.hasPendingApplication = false
+          this.sessionState.hasActiveReservationFlow = false
         }
         return Promise.all(tasks).finally(() => {
           this.refreshSessionState()
@@ -314,6 +509,7 @@
           hasCheckedIn: storeHasCheckedIn || session.hasCheckedIn,
           hasStayOrder: hasStayOrder || pendingContracts.length > 0,
           hasPendingApplication: !!this.sessionState.hasPendingApplication,
+          hasActiveReservationFlow: !!this.sessionState.hasActiveReservationFlow,
           pendingContracts
         }
       },
@@ -396,6 +592,13 @@
           const stayServiceTab = list.find(item => item.id === 'stay-service')
           if (stayServiceTab) return stayServiceTab
         }
+        const shouldPreferApplicationFlow = this.sessionState.isLogin
+          && !this.sessionState.hasStayOrder
+          && (this.sessionState.hasPendingApplication || this.sessionState.hasActiveReservationFlow)
+        if (shouldPreferApplicationFlow && (!preferredPageId || preferredPageId === 'select-room')) {
+          const applicationTab = list.find(item => item.id === 'my-application')
+          if (applicationTab) return applicationTab
+        }
         if (preferredPageId) {
           const matchedTab = list.find(item => item.id === preferredPageId)
           if (matchedTab) return matchedTab
@@ -438,6 +641,22 @@
           this.getTabbarItemInfo()
         })
       },
+      async handleReservationFlowForceRefresh() {
+        await this.refreshShellState(true)
+        this.ensurePageLoaded('my-application')
+        this.$nextTick(() => {
+          const myApplicationTab = this.getPageRef('myApplicationTab')
+          if (myApplicationTab && typeof myApplicationTab.load === 'function') {
+            myApplicationTab.load(true)
+          } else {
+            this.refreshTabPageState('my-application')
+          }
+          if (this.currentPageId) {
+            this.refreshTabPageState(this.currentPageId)
+          }
+          this.getTabbarItemInfo()
+        })
+      },
       tabbarPageScrollLower(e) {
         if (this.currentPageId === 'select-room') {
           const selectRoomTab = this.getPageRef('selectRoomTab')
@@ -587,6 +806,86 @@
     background-color: #111111;
     z-index: 99999;
   }
+
+  .privacy-mask {
+    position: fixed;
+    inset: 0;
+    z-index: 100000;
+    background: rgba(17, 24, 39, 0.56);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 40rpx;
+    box-sizing: border-box;
+  }
+
+  .privacy-dialog {
+    width: 100%;
+    max-width: 640rpx;
+    background: #FFFFFF;
+    border-radius: 28rpx;
+    padding: 40rpx 32rpx 32rpx;
+    box-sizing: border-box;
+    box-shadow: 0 24rpx 80rpx rgba(15, 23, 42, 0.16);
+  }
+
+  .privacy-title {
+    font-size: 34rpx;
+    font-weight: 700;
+    color: #1A2233;
+    text-align: center;
+  }
+
+  .privacy-content {
+    margin-top: 24rpx;
+    font-size: 28rpx;
+    line-height: 1.7;
+    color: #5C6B8A;
+  }
+
+  .privacy-link {
+    color: $brand-primary;
+    font-weight: 700;
+  }
+
+  .privacy-action-row {
+    display: flex;
+    margin-top: 32rpx;
+  }
+
+  .privacy-action-btn {
+    flex: 1;
+    height: 88rpx;
+    border-radius: 20rpx;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 28rpx;
+    font-weight: 700;
+    color: $brand-primary;
+    background: rgba($brand-primary, 0.08);
+    border: 1rpx solid rgba($brand-primary, 0.12);
+    box-sizing: border-box;
+  }
+
+  .privacy-action-btn + .privacy-action-btn {
+    margin-left: 20rpx;
+  }
+
+  button.privacy-action-btn {
+    padding: 0;
+    line-height: 88rpx;
+  }
+
+  button.privacy-action-btn::after {
+    border: none;
+  }
+
+  .privacy-action-btn.is-primary {
+    color: #FFFFFF;
+    background: linear-gradient(135deg, rgba($brand-primary, 0.92) 0%, $brand-primary 100%);
+    border-color: transparent;
+  }
   
   .loading-logo {
     animation: pulse 2s infinite ease-in-out;
diff --git a/pkgAccount/login/login.vue b/pkgAccount/login/login.vue
index 628556c..45b8efb 100644
--- a/pkgAccount/login/login.vue
+++ b/pkgAccount/login/login.vue
@@ -82,6 +82,8 @@ import {
   pickLatestRegistration,
   resolveLoginPreparation
 } from '../../utils/login-helper'
+import { resolveBookingRedirectAfterLogin } from '../../utils/booking-entry'
+import { syncLoginStayState } from '../../utils/session-sync'
 import { registrationMyorder, userMe, usersLogin } from '@/api/index.js'
 
 export default {
@@ -161,8 +163,7 @@ export default {
     isHomePageUrl(url = '') {
       return /^\/pages\/index\/index(?:\?|$)/.test(String(url || ''))
     },
-    navigateAfterLogin() {
-      const targetUrl = this.redirectUrl
+    navigateAfterLogin(targetUrl = this.redirectUrl) {
       const pages = getCurrentPages()
       if (targetUrl) {
         if (this.isHomePageUrl(targetUrl)) {
@@ -346,6 +347,18 @@ export default {
 
       saveRegisteredUser(finalUser)
       startAuthorizedLoginSession(finalUser, token, expires)
+      let nextRedirectUrl = this.redirectUrl
+
+      try {
+        const stayState = await syncLoginStayState({
+          language: this.$getLanguage(),
+          force: true
+        })
+        nextRedirectUrl = resolveBookingRedirectAfterLogin(this.redirectUrl, stayState)
+      } catch (error) {
+        console.error('sync stay state after login failed', error)
+      }
+
       uni.hideLoading()
       uni.showToast({
         title: this.t('loginSuccess'),
@@ -353,7 +366,7 @@ export default {
       })
       setTimeout(() => {
         this.isSubmitting = false
-        this.navigateAfterLogin()
+        this.navigateAfterLogin(nextRedirectUrl)
       }, 600)
     },
     handleLogin() {
diff --git a/pkgAccount/register/register.vue b/pkgAccount/register/register.vue
index 587004f..c8204c5 100644
--- a/pkgAccount/register/register.vue
+++ b/pkgAccount/register/register.vue
@@ -53,10 +53,12 @@
         <view class="role-switch-wrap">
           <view class="role-switch tn-flex">
             <view class="role-tab tn-flex-1" :class="form.identityType === 'ForeignStudents' ? 'role-active' : ''" @click="switchIdentityType('ForeignStudents')">
-              {{ t('foreignIdentity') }}
+              <view>{{ t('foreignIdentity') }}</view>
+              <view v-if="language !== 'en'" class="role-tab-subtitle">{{ t('foreignIdentityHint') }}</view>
             </view>
             <view class="role-tab tn-flex-1" :class="form.identityType === 'DomesticStudents' ? 'role-active' : ''" @click="switchIdentityType('DomesticStudents')">
-              {{ t('domesticIdentity') }}
+              <view>{{ t('domesticIdentity') }}</view>
+              <view v-if="language !== 'en'" class="role-tab-subtitle">{{ t('domesticIdentityHint') }}</view>
             </view>
           </view>
         </view>
@@ -112,6 +114,36 @@
           <input class="form-input" :placeholder="t('workUnitPlaceholder')" placeholder-class="input-placeholder" v-model="form.workUnit" />
         </view>
 
+        <view class="form-item">
+          <view class="form-label">{{ t('admissionNoticeAttachmentLabel') }}</view>
+          <view v-if="!form.admissionNoticeAttachment.serverValue" class="upload-box" @click="uploadAttachment('admissionNoticeAttachment')">
+            <view class="upload-placeholder">
+              <view class="upload-icon-wrap"><text class="tn-icon-upload"></text></view>
+              <view class="tn-margin-top-sm upload-text">{{ t('uploadAdmissionNotice') }}</view>
+            </view>
+          </view>
+          <view v-else class="attachment-file-card">
+            <image
+              class="attachment-preview-image"
+              :src="getAttachmentPreviewUrl(form.admissionNoticeAttachment)"
+              mode="aspectFill"
+              @click.stop="previewAttachment('admissionNoticeAttachment')"
+            />
+            <view class="attachment-file-info">
+              <view class="attachment-name">{{ form.admissionNoticeAttachment.name }}</view>
+              <view class="attachment-type tn-margin-top-xs">{{ t('imageUploadedTip') }}</view>
+            </view>
+            <view class="attachment-action-row">
+              <view class="attachment-action-btn" @click.stop="previewAttachment('admissionNoticeAttachment')">
+                {{ t('viewImage') }}
+              </view>
+              <view class="attachment-action-btn is-primary" @click.stop="uploadAttachment('admissionNoticeAttachment')">
+                {{ t('reupload') }}
+              </view>
+            </view>
+          </view>
+        </view>
+
         <view class="form-item">
           <view class="form-label">{{ t('hangzhouPropertyLabel') }} <text class="required-mark">*</text></view>
           <view class="tn-flex tn-flex-wrap">
@@ -120,6 +152,20 @@
           </view>
         </view>
 
+        <view class="form-item">
+          <view class="form-label">{{ t('idCardTypeLabel') }} <text class="required-mark">*</text></view>
+          <view v-if="isDomesticIdentity" class="form-input picker-input picker-input-disabled">
+            <text class="text-black">{{ selectedIdCardTypeLabel || (language === 'en' ? 'ID Card' : '身份证') }}</text>
+            <text class="picker-fixed-text">{{ t('idCardTypeFixedText') }}</text>
+          </view>
+          <picker v-else mode="selector" :range="idCardTypeRange" @change="onIdCardTypeChange">
+            <view class="form-input picker-input">
+              <text :class="selectedIdCardTypeLabel ? 'text-black' : 'text-gray'">{{ selectedIdCardTypeLabel || t('idCardTypePlaceholder') }}</text>
+              <text class="tn-icon-right tn-color-gray"></text>
+            </view>
+          </picker>
+        </view>
+
         <template v-if="form.identityType === 'DomesticStudents'">
           <view class="form-item">
             <view class="form-label">{{ t('idCardLabel') }} <text class="required-mark">*</text></view>
@@ -189,12 +235,12 @@
 
         <template v-else>
           <view class="form-item">
-            <view class="form-label">{{ t('passportLabel') }} <text class="required-mark">*</text></view>
-            <input class="form-input" :placeholder="t('passportPlaceholder')" placeholder-class="input-placeholder" v-model="form.passportNumber" />
+            <view class="form-label">{{ foreignDocumentNumberLabel }} <text class="required-mark">*</text></view>
+            <input class="form-input" :placeholder="foreignDocumentNumberPlaceholder" placeholder-class="input-placeholder" v-model="form.passportNumber" />
           </view>
 
           <view class="form-item">
-            <view class="form-label">{{ t('passportExpiryLabel') }} <text class="required-mark">*</text></view>
+            <view class="form-label">{{ foreignDocumentExpiryLabel }} <text class="required-mark">*</text></view>
             <picker mode="date" @change="onPassportDateChange">
               <view class="form-input picker-input">
                 <text :class="form.passportExpiry ? 'text-black' : 'text-gray'">{{ form.passportExpiry || t('selectDate') }}</text>
@@ -209,11 +255,11 @@
           </view>
 
           <view class="form-item" style="margin-bottom: 0;">
-            <view class="form-label">{{ t('passportAttachmentLabel') }} <text class="required-mark">*</text></view>
+            <view class="form-label">{{ foreignDocumentAttachmentLabel }} <text class="required-mark">*</text></view>
             <view v-if="!form.passportAttachment.serverValue" class="upload-box" @click="uploadAttachment('passportAttachment')">
               <view v-if="!form.passportAttachment.serverValue" class="upload-placeholder">
                 <view class="upload-icon-wrap"><text class="tn-icon-upload"></text></view>
-                <view class="tn-margin-top-sm upload-text">{{ t('uploadPassport') }}</view>
+                <view class="tn-margin-top-sm upload-text">{{ foreignDocumentUploadText }}</view>
               </view>
             </view>
             <view v-else class="attachment-file-card">
@@ -230,7 +276,7 @@
               <view class="attachment-file-info">
                 <view class="attachment-name">{{ form.passportAttachment.name }}</view>
                 <view class="attachment-type tn-margin-top-xs">
-                  {{ isImageAttachment(form.passportAttachment) ? t('imageUploadedTip') : t('passportImageOnlyTip') }}
+                  {{ isImageAttachment(form.passportAttachment) ? t('imageUploadedTip') : foreignDocumentImageOnlyTip }}
                 </view>
               </view>
               <view class="attachment-action-row">
@@ -308,6 +354,30 @@
         </view>
       </view>
     </view>
+
+    <!-- #ifdef MP-WEIXIN -->
+    <view v-if="showPrivacyPopup" class="privacy-mask">
+      <view class="privacy-dialog">
+        <view class="privacy-title">{{ t('privacyTitle') }}</view>
+        <view class="privacy-content">
+          {{ t('privacyContentPrefix') }}
+          <text class="privacy-link" @click="openPrivacyContract">{{ t('privacyContractName') }}</text>
+          {{ t('privacyContentSuffix') }}
+        </view>
+        <view class="privacy-action-row">
+          <view class="privacy-action-btn" @click="handlePrivacyDisagree">{{ t('privacyDisagree') }}</view>
+          <button
+            id="register-privacy-agree-btn"
+            class="privacy-action-btn is-primary"
+            open-type="agreePrivacyAuthorization"
+            @agreeprivacyauthorization="handleAgreePrivacyAuthorization"
+          >
+            {{ t('privacyAgree') }}
+          </button>
+        </view>
+      </view>
+    </view>
+    <!-- #endif -->
   </view>
 </template>
 
@@ -320,7 +390,8 @@ import {
 } from '../../utils/app-state'
 import { getCountryList, submitRegistrationApplication, sysdictPage, uploadCommonFile, registrationMyorder } from '@/api/index.js'
 import { addFilePrefix } from '@/utils/common.js'
-import { getGenderLabel } from '../../utils/enum-store'
+import { bindPrivacyAuthorizationListener, openWechatPrivacyContract, unbindPrivacyAuthorizationListener } from '@/utils/privacy.js'
+import { fetchEnums, getEnumOptions, getGenderLabel } from '../../utils/enum-store'
 import { resolveRegistrationApplicationCode } from '../../utils/flow'
 
 function createAttachmentState() {
@@ -342,6 +413,7 @@ function createDefaultForm() {
     gender: 1,
     phone: '',
     country: '',
+    idCardType: 2,
     idCard: '',
     workUnit: '',
     hasHangzhouProperty: null,
@@ -351,6 +423,7 @@ function createDefaultForm() {
     passportExpiry: '',
     school: '',
     religion: '',
+    admissionNoticeAttachment: createAttachmentState(),
     passportAttachment: createAttachmentState(),
     idCardFrontAttachment: createAttachmentState(),
     idCardBackAttachment: createAttachmentState()
@@ -374,7 +447,9 @@ function normalizeRegistrationDraftForm(draft) {
     ...createDefaultForm(),
     ...source,
     gender: source.gender === 0 || source.gender === 1 ? Number(source.gender) : 1,
+    idCardType: Number(source.idCardType || source.IdCardType || 0) || 2,
     hasHangzhouProperty: typeof source.hasHangzhouProperty === 'boolean' ? source.hasHangzhouProperty : null,
+    admissionNoticeAttachment: normalizeAttachmentDraft(source.admissionNoticeAttachment),
     passportAttachment: normalizeAttachmentDraft(source.passportAttachment),
     idCardFrontAttachment: normalizeAttachmentDraft(source.idCardFrontAttachment),
     idCardBackAttachment: normalizeAttachmentDraft(source.idCardBackAttachment)
@@ -391,21 +466,27 @@ export default {
       draftPersistTimer: null,
       draftTipText: '',
       lastForeignCountry: '',
+      lastForeignIdCardType: 2,
+      showPrivacyPopup: false,
+      resolvePrivacyAuthorization: null,
       form: createDefaultForm(),
       rawCountryList: [],
       rawHobbyList: [],
       rawDietaryHabitList: [],
       rawReligionList: [],
+      rawIdCardTypeList: [],
       countryOptions: [],
       hobbyOptions: [],
       dietaryHabitOptions: [],
       religionOptions: [],
+      idCardTypeOptions: [],
       i18n: {
         zh: {
           navTitle: '注册账号',
           pageTitle: '注册并提交实名资料',
           pageDesc: '账号信息和实名认证资料需要一起填写完成，提交的是注册申请单，审批通过后才算注册成功。',
           accountSection: '账号信息',
+          admissionNoticeAttachmentLabel: '入学通知书（在职证明）附件',
           accountLabel: '登录账号',
           accountPlaceholder: '请输入登录账号',
           passwordLabel: '登录密码',
@@ -416,7 +497,9 @@ export default {
           emailCodePlaceholder: '请输入邮箱验证码',
           basicSection: '基础实名信息',
           foreignIdentity: '外籍人员',
+          foreignIdentityHint: 'Foreign',
           domesticIdentity: '中国籍',
+          domesticIdentityHint: 'Chinese',
           nameLabel: '姓名',
           namePlaceholder: '请输入真实姓名',
           genderLabel: '性别',
@@ -434,6 +517,9 @@ export default {
           hangzhouPropertyLabel: '杭州有无房产',
           yesText: '有',
           noText: '无',
+          idCardTypeLabel: '证件类型',
+          idCardTypePlaceholder: '请选择证件类型',
+          idCardTypeFixedText: '中国籍固定',
           idCardLabel: '身份证号',
           idCardPlaceholder: '请输入身份证号',
           idCardFrontAttachmentLabel: '身份证正面附件',
@@ -446,12 +532,18 @@ export default {
           passportLabel: '护照号',
           passportPlaceholder: '请输入护照号',
           passportExpiryLabel: '护照到期时间',
+          documentNumberLabel: '证件号',
+          documentNumberPlaceholder: '请输入证件号',
+          documentExpiryLabel: '证件到期时间',
           selectDate: '请选择日期',
           schoolLabel: '就读学校',
           schoolPlaceholder: '请输入就读学校（选填）',
           passportAttachmentLabel: '护照附件',
+          documentAttachmentLabel: '证件附件',
           uploadPassport: '点击上传护照图片',
+          uploadDocument: '点击上传证件图片',
           passportImageOnlyTip: '护照附件仅支持图片，请重新上传',
+          documentImageOnlyTip: '证件附件仅支持图片，请重新上传',
           preferenceSection: '偏好信息',
           dietaryLabel: '饮食习惯',
           hobbyLabel: '兴趣爱好',
@@ -478,20 +570,32 @@ export default {
           uploading: '上传中...',
           uploadSuccess: '上传成功',
           uploadFailed: '上传失败，请重试',
+          privacyTitle: '隐私授权提示',
+          privacyContentPrefix: '上传证件图片前，请先阅读并同意',
+          privacyContractName: '《用户隐私保护指引》',
+          privacyContentSuffix: '，同意后才能继续选择图片。',
+          privacyAgree: '同意并继续',
+          privacyDisagree: '暂不授权',
+          privacyAuthorizeFailed: '未完成隐私授权，暂时无法选择图片',
           attachmentNotImage: '当前附件不是图片',
           uploadImageOption: '上传图片',
           submitPending: '申请已提交，待审批',
           submitFailed: '提交失败，请稍后重试',
           draftTipDefault: '未完成内容会自动保存，可随时返回继续填写',
           draftTipSaved: '当前填写内容已自动保存',
+          uploadAdmissionNotice: '点击上传入学通知书/在职证明',
           validateRequiredBasic: '请先填写账号、密码、邮箱和姓名',
           validatePasswordLength: '登录密码至少 6 位',
           validateEmail: '请输入正确的邮箱地址',
           validateIdentityBasic: '请完善性别、手机号和国籍',
           validatePhone: '请输入正确的手机号',
           validateProfile: '请完善工作单位和杭州房产情况',
+          validateIdCardType: '请选择证件类型',
           validateIdCard: '请填写身份证号',
           validateIdCardAttachments: '请上传身份证正反面附件',
+          validateDocumentBasic: '请填写证件号和证件到期时间',
+          validateDocumentAttachment: '请上传证件图片',
+          validateDocumentAttachmentImage: '证件附件仅支持图片格式',
           validatePassportBasic: '请填写护照号和护照到期时间',
           validatePassportAttachment: '请上传护照图片',
           validatePassportAttachmentImage: '护照附件仅支持图片格式'
@@ -501,6 +605,7 @@ export default {
           pageTitle: 'Register and Submit Verification',
           pageDesc: 'Account information and identity verification materials must be completed together. Registration succeeds only after approval.',
           accountSection: 'Account Information',
+          admissionNoticeAttachmentLabel: 'Admission Notice (Employment Certificate)',
           accountLabel: 'Account',
           accountPlaceholder: 'Enter account name',
           passwordLabel: 'Password',
@@ -511,7 +616,9 @@ export default {
           emailCodePlaceholder: 'Enter email verification code',
           basicSection: 'Basic Verification',
           foreignIdentity: 'Foreign',
+          foreignIdentityHint: 'Foreign',
           domesticIdentity: 'Chinese',
+          domesticIdentityHint: 'Chinese',
           nameLabel: 'Name',
           namePlaceholder: 'Enter your real name',
           genderLabel: 'Gender',
@@ -529,6 +636,9 @@ export default {
           hangzhouPropertyLabel: 'Property in Hangzhou',
           yesText: 'Yes',
           noText: 'No',
+          idCardTypeLabel: 'Document Type',
+          idCardTypePlaceholder: 'Select document type',
+          idCardTypeFixedText: 'Fixed for Chinese users',
           idCardLabel: 'ID Card Number',
           idCardPlaceholder: 'Enter ID card number',
           idCardFrontAttachmentLabel: 'ID Card Front',
@@ -541,12 +651,18 @@ export default {
           passportLabel: 'Passport Number',
           passportPlaceholder: 'Enter passport number',
           passportExpiryLabel: 'Passport Expiry Date',
+          documentNumberLabel: 'Document Number',
+          documentNumberPlaceholder: 'Enter document number',
+          documentExpiryLabel: 'Document Expiry Date',
           selectDate: 'Select date',
           schoolLabel: 'School',
           schoolPlaceholder: 'Enter school (optional)',
           passportAttachmentLabel: 'Passport Attachment',
+          documentAttachmentLabel: 'Document Attachment',
           uploadPassport: 'Upload passport image',
+          uploadDocument: 'Upload document image',
           passportImageOnlyTip: 'Passport attachment only supports images, please re-upload',
+          documentImageOnlyTip: 'Document attachment only supports images, please re-upload',
           preferenceSection: 'Preferences',
           dietaryLabel: 'Dietary Habit',
           hobbyLabel: 'Hobby',
@@ -573,20 +689,32 @@ export default {
           uploading: 'Uploading...',
           uploadSuccess: 'Upload successful',
           uploadFailed: 'Upload failed, please retry',
+          privacyTitle: 'Privacy Authorization',
+          privacyContentPrefix: 'Before uploading document images, please read and agree to the ',
+          privacyContractName: 'Privacy Protection Guide',
+          privacyContentSuffix: ' to continue selecting images.',
+          privacyAgree: 'Agree and Continue',
+          privacyDisagree: 'Not Now',
+          privacyAuthorizeFailed: 'Privacy authorization is required before selecting images',
           attachmentNotImage: 'The current attachment is not an image',
           uploadImageOption: 'Upload Image',
           submitPending: 'Application submitted, pending approval',
           submitFailed: 'Submission failed, please try again later',
           draftTipDefault: 'Unfinished content is auto-saved and can be continued later',
           draftTipSaved: 'Current content has been auto-saved',
+          uploadAdmissionNotice: 'Upload admission notice or employment certificate',
           validateRequiredBasic: 'Please complete the account, password, email, and name fields first',
           validatePasswordLength: 'Password must be at least 6 characters',
           validateEmail: 'Please enter a valid email address',
           validateIdentityBasic: 'Please complete gender, phone number, and country',
           validatePhone: 'Please enter a valid phone number',
           validateProfile: 'Please complete work unit and property status in Hangzhou',
+          validateIdCardType: 'Please select a document type',
           validateIdCard: 'Please enter your ID card number',
           validateIdCardAttachments: 'Please upload both sides of the ID card',
+          validateDocumentBasic: 'Please enter the document number and expiry date',
+          validateDocumentAttachment: 'Please upload the document image',
+          validateDocumentAttachmentImage: 'Document attachment only supports image files',
           validatePassportBasic: 'Please enter passport number and expiry date',
           validatePassportAttachment: 'Please upload the passport image',
           validatePassportAttachmentImage: 'Passport attachment only supports image files'
@@ -607,6 +735,9 @@ export default {
     countryRange() {
       return this.countryOptions.length ? this.countryOptions.map(item => item.value) : [this.t('noSelectableOptions')]
     },
+    idCardTypeRange() {
+      return this.idCardTypeOptions.length ? this.idCardTypeOptions.map(item => item.value) : [this.t('noSelectableOptions')]
+    },
     dietaryHabitRange() {
       return this.dietaryHabitOptions.length ? this.dietaryHabitOptions.map(item => item.value) : [this.t('noSelectableOptions')]
     },
@@ -616,6 +747,31 @@ export default {
     religionRange() {
       return this.religionOptions.length ? this.religionOptions.map(item => item.value) : [this.t('noSelectableOptions')]
     },
+    selectedIdCardTypeLabel() {
+      const matched = this.idCardTypeOptions.find(item => String(item.key) === String(this.form.idCardType))
+      return matched ? matched.value : ''
+    },
+    isPassportType() {
+      return String(this.form.idCardType) === '2'
+    },
+    foreignDocumentNumberLabel() {
+      return this.isPassportType ? this.t('passportLabel') : this.t('documentNumberLabel')
+    },
+    foreignDocumentNumberPlaceholder() {
+      return this.isPassportType ? this.t('passportPlaceholder') : this.t('documentNumberPlaceholder')
+    },
+    foreignDocumentExpiryLabel() {
+      return this.isPassportType ? this.t('passportExpiryLabel') : this.t('documentExpiryLabel')
+    },
+    foreignDocumentAttachmentLabel() {
+      return this.isPassportType ? this.t('passportAttachmentLabel') : this.t('documentAttachmentLabel')
+    },
+    foreignDocumentUploadText() {
+      return this.isPassportType ? this.t('uploadPassport') : this.t('uploadDocument')
+    },
+    foreignDocumentImageOnlyTip() {
+      return this.isPassportType ? this.t('passportImageOnlyTip') : this.t('documentImageOnlyTip')
+    },
     genderOptions() {
       return [
         { key: 1, value: this.t('genderMale') },
@@ -637,6 +793,7 @@ export default {
   },
   async onLoad(options) {
     this.draftTipText = this.t('draftTipDefault')
+    this.initPrivacyAuthorization()
     const bypass = options && options.bypass === '1'
     const hasRedirected = await this.checkPendingRegistration(bypass)
     if (hasRedirected) return
@@ -645,7 +802,6 @@ export default {
       this.loadDictOptions(),
       this.loadCountryOptions()
     ])
-
     this.tryRestoreFailedDraft()
   },
   onHide() {
@@ -654,6 +810,8 @@ export default {
   onUnload() {
     this.persistRegistrationDraft()
     this.clearDraftPersistTimer()
+    this.resolvePrivacyAuthorization = null
+    this.releasePrivacyAuthorization()
   },
   onPageScroll(e) {
     let opacity = e.scrollTop / 80
@@ -733,6 +891,10 @@ export default {
       if (!this.isDomesticIdentity && this.form.country && !this.isChinaCountry(this.form.country)) {
         this.lastForeignCountry = this.form.country
       }
+      if (!this.isDomesticIdentity && String(this.form.idCardType || '') !== '1') {
+        this.lastForeignIdCardType = Number(this.form.idCardType) || 2
+      }
+      this.applyIdentityDocumentTypeRule()
       this.applyIdentityCountryRule()
       uni.showToast({
         title: this.t('restoreDraftSuccess'),
@@ -760,6 +922,7 @@ export default {
     },
     hasDraftContent() {
       const attachmentFields = [
+        'admissionNoticeAttachment',
         'passportAttachment',
         'idCardFrontAttachment',
         'idCardBackAttachment'
@@ -820,6 +983,7 @@ export default {
         this.lastForeignCountry = this.form.country
       }
       this.form.identityType = type
+      this.applyIdentityDocumentTypeRule()
       this.applyIdentityCountryRule()
     },
     onPassportDateChange(e) {
@@ -846,15 +1010,19 @@ export default {
       return Promise.all([
           sysdictPage({ Type: 'UserHobbiesAndInterestsTag', PageIndex: 1, PageSize: 100 }, this.$getLanguage()),
           sysdictPage({ Type: 'UserDietaryHabitsTag', PageIndex: 1, PageSize: 100 }, this.$getLanguage()),
-          sysdictPage({ Type: 'UserReligiousBeliefTag', PageIndex: 1, PageSize: 100 }, this.$getLanguage())
+          sysdictPage({ Type: 'UserReligiousBeliefTag', PageIndex: 1, PageSize: 100 }, this.$getLanguage()),
+          fetchEnums(false, this.$getLanguage())
         ])
         .then(([hobbyRes, dietaryRes, religionRes]) => {
           this.rawHobbyList = this.extractResponseList(hobbyRes)
           this.rawDietaryHabitList = this.extractResponseList(dietaryRes)
           this.rawReligionList = this.extractResponseList(religionRes)
+          this.rawIdCardTypeList = getEnumOptions('IdCardTypeEnum', this.$getLanguage())
           this.hobbyOptions = this.normalizeDictList(this.rawHobbyList)
           this.dietaryHabitOptions = this.normalizeDictList(this.rawDietaryHabitList)
           this.religionOptions = this.normalizeDictList(this.rawReligionList)
+          this.idCardTypeOptions = this.normalizeDictList(this.rawIdCardTypeList)
+          this.applyIdentityDocumentTypeRule()
         })
         .catch((error) => {
           console.error('load dict options failed', error)
@@ -933,13 +1101,27 @@ export default {
       this.hobbyOptions = this.normalizeDictList(this.rawHobbyList)
       this.dietaryHabitOptions = this.normalizeDictList(this.rawDietaryHabitList)
       this.religionOptions = this.normalizeDictList(this.rawReligionList)
+      this.idCardTypeOptions = this.normalizeDictList(this.rawIdCardTypeList)
       this.form.country = this.remapSelectedValue(this.form.country, this.rawCountryList)
       this.lastForeignCountry = this.remapSelectedValue(this.lastForeignCountry, this.rawCountryList)
       this.form.hobby = this.remapSelectedValue(this.form.hobby, this.rawHobbyList)
       this.form.dietaryHabit = this.remapSelectedValue(this.form.dietaryHabit, this.rawDietaryHabitList)
       this.form.religion = this.remapSelectedValue(this.form.religion, this.rawReligionList)
+      this.applyIdentityDocumentTypeRule()
       this.applyIdentityCountryRule()
     },
+    applyIdentityDocumentTypeRule() {
+      if (this.isDomesticIdentity) {
+        if (String(this.form.idCardType || '') !== '1' && String(this.form.idCardType || '')) {
+          this.lastForeignIdCardType = Number(this.form.idCardType) || 2
+        }
+        this.form.idCardType = 1
+        return
+      }
+      if (!this.form.idCardType || String(this.form.idCardType) === '1') {
+        this.form.idCardType = this.lastForeignIdCardType || 2
+      }
+    },
     getChinaCountryOption() {
       return this.countryOptions.find(item => String(item.key || '').toUpperCase() === 'CHN' || this.isChinaCountry(item.value)) || null
     },
@@ -970,6 +1152,21 @@ export default {
       const selected = options[event.detail.value]
       this.form[field] = selected ? selected.value : ''
     },
+    onIdCardTypeChange(event) {
+      if (!this.idCardTypeOptions.length) {
+        uni.showToast({
+          title: this.t('noSelectableOptions'),
+          icon: 'none'
+        })
+        return
+      }
+      const selected = this.idCardTypeOptions[event.detail.value]
+      const nextValue = selected ? Number(selected.key) : 0
+      this.form.idCardType = nextValue || this.form.idCardType
+      if (!this.isDomesticIdentity && nextValue && nextValue !== 1) {
+        this.lastForeignIdCardType = nextValue
+      }
+    },
     onCountryChange(event) {
       if (this.isDomesticIdentity) return
       if (!this.countryOptions.length) {
@@ -983,8 +1180,106 @@ export default {
       this.form.country = selected ? selected.value : ''
       this.lastForeignCountry = this.form.country || ''
     },
+    initPrivacyAuthorization() {
+      // #ifdef MP-WEIXIN
+      if (typeof wx === 'undefined' || !wx.onNeedPrivacyAuthorization) {
+        return
+      }
+      this.handlePrivacyAuthorizationRequest = (resolve) => {
+        this.resolvePrivacyAuthorization = resolve
+        this.showPrivacyPopup = true
+      }
+      bindPrivacyAuthorizationListener(this.handlePrivacyAuthorizationRequest)
+      // #endif
+    },
+    releasePrivacyAuthorization() {
+      // #ifdef MP-WEIXIN
+      if (!this.handlePrivacyAuthorizationRequest) {
+        return
+      }
+      unbindPrivacyAuthorizationListener(this.handlePrivacyAuthorizationRequest)
+      this.handlePrivacyAuthorizationRequest = null
+      this.showPrivacyPopup = false
+      // #endif
+    },
+    ensurePrivacyAuthorized() {
+      // #ifdef MP-WEIXIN
+      if (typeof wx === 'undefined' || !wx.requirePrivacyAuthorize) {
+        return Promise.resolve()
+      }
+
+      return new Promise((resolve, reject) => {
+        const triggerPrivacyAuthorize = () => {
+          wx.requirePrivacyAuthorize({
+            success: () => {
+              this.showPrivacyPopup = false
+              resolve()
+            },
+            fail: (error) => {
+              reject({
+                ...error,
+                privacyDenied: true
+              })
+            }
+          })
+        }
+
+        if (!wx.getPrivacySetting) {
+          triggerPrivacyAuthorize()
+          return
+        }
+
+        wx.getPrivacySetting({
+          success: (res) => {
+            if (!res.needAuthorization) {
+              resolve()
+              return
+            }
+            triggerPrivacyAuthorize()
+          },
+          fail: () => {
+            triggerPrivacyAuthorize()
+          }
+        })
+      })
+      // #endif
+      // #ifndef MP-WEIXIN
+      return Promise.resolve()
+      // #endif
+    },
+    openPrivacyContract() {
+      // #ifdef MP-WEIXIN
+      openWechatPrivacyContract().catch((error) => {
+        console.error('open privacy contract failed', error)
+      })
+      // #endif
+    },
+    handleAgreePrivacyAuthorization() {
+      this.showPrivacyPopup = false
+      if (!this.resolvePrivacyAuthorization) {
+        return
+      }
+      const resolvePrivacyAuthorization = this.resolvePrivacyAuthorization
+      this.resolvePrivacyAuthorization = null
+      resolvePrivacyAuthorization({
+        buttonId: 'register-privacy-agree-btn',
+        event: 'agree'
+      })
+    },
+    handlePrivacyDisagree() {
+      this.showPrivacyPopup = false
+      if (!this.resolvePrivacyAuthorization) {
+        return
+      }
+      const resolvePrivacyAuthorization = this.resolvePrivacyAuthorization
+      this.resolvePrivacyAuthorization = null
+      resolvePrivacyAuthorization({
+        event: 'disagree'
+      })
+    },
     uploadAttachment(field) {
-      return this.chooseImageFile()
+      return this.ensurePrivacyAuthorized()
+        .then(() => this.chooseImageFile())
         .then((file) => {
           if (!file || !file.path) return
           uni.showLoading({
@@ -1008,6 +1303,13 @@ export default {
         })
         .catch((error) => {
           if (error && error.cancel) return
+          if (error && error.privacyDenied) {
+            uni.showToast({
+              title: this.t('privacyAuthorizeFailed'),
+              icon: 'none'
+            })
+            return
+          }
           console.error('upload attachment failed', error)
           uni.showToast({
             title: this.t('uploadFailed'),
@@ -1103,8 +1405,6 @@ export default {
       uni.showLoading({
         title: this.t('submitting')
       })
-
-      const authProfile = this.buildAuthProfile()
       
       return this.getWechatCode().then((providerValue) => {
         const submitPayload = this.buildSubmitPayload(providerValue)
@@ -1179,6 +1479,7 @@ export default {
       if (field === 'passportAttachment') return 'passport-attachment'
       if (field === 'idCardFrontAttachment') return 'id-card-front'
       if (field === 'idCardBackAttachment') return 'id-card-back'
+      if (field === 'admissionNoticeAttachment') return 'admission-notice-attachment'
       return this.getFileNameFromPath(filePath)
     },
     getFileNameFromPath(filePath = '') {
@@ -1204,6 +1505,9 @@ export default {
       if (!this.form.workUnit || this.form.hasHangzhouProperty === null) {
         return this.t('validateProfile')
       }
+      if (!this.form.idCardType) {
+        return this.t('validateIdCardType')
+      }
 
       if (this.form.identityType === 'DomesticStudents') {
         if (!this.form.idCard) {
@@ -1216,13 +1520,13 @@ export default {
       }
 
       if (!this.form.passportNumber || !this.form.passportExpiry) {
-        return this.t('validatePassportBasic')
+        return this.isPassportType ? this.t('validatePassportBasic') : this.t('validateDocumentBasic')
       }
       if (!this.form.passportAttachment.serverValue) {
-        return this.t('validatePassportAttachment')
+        return this.isPassportType ? this.t('validatePassportAttachment') : this.t('validateDocumentAttachment')
       }
       if (!this.isImageAttachment(this.form.passportAttachment)) {
-        return this.t('validatePassportAttachmentImage')
+        return this.isPassportType ? this.t('validatePassportAttachmentImage') : this.t('validateDocumentAttachmentImage')
       }
       return ''
     },
@@ -1246,6 +1550,8 @@ export default {
         genderText: getGenderLabel(this.form.gender, this.form.gender === 1 ? this.t('genderMale') : this.form.gender === 0 ? this.t('genderFemale') : ''),
         phone: this.form.phone,
         country: this.form.country,
+        idCardType: Number(this.form.idCardType) || null,
+        idCardTypeText: this.selectedIdCardTypeLabel || '',
         idCard: this.form.identityType === 'DomesticStudents' ? this.form.idCard : '',
         workUnit: this.form.workUnit,
         hasHangzhouProperty: this.form.hasHangzhouProperty,
@@ -1260,6 +1566,7 @@ export default {
         school: this.form.identityType === 'ForeignStudents' ? this.form.school : '',
         religion: this.form.religion,
         religionTags: this.buildSingleTag(this.form.religion, this.religionOptions),
+        admissionNoticeAttachment: this.form.admissionNoticeAttachment.serverValue || '',
         passportAttachment: this.form.identityType === 'ForeignStudents' ? this.form.passportAttachment.serverValue : '',
         idCardFrontAttachment: this.form.identityType === 'DomesticStudents' ? this.form.idCardFrontAttachment.serverValue : '',
         idCardBackAttachment: this.form.identityType === 'DomesticStudents' ? this.form.idCardBackAttachment.serverValue : ''
@@ -1278,6 +1585,8 @@ export default {
         gender: profile.gender,
         phone: profile.phone,
         country: profile.country,
+        idCardType: profile.idCardType || null,
+        IdCardType: profile.idCardType || null,
         idCard: profile.idCard || null,
         workUnit: profile.workUnit,
         hasHangzhouProperty: profile.hasHangzhouProperty,
@@ -1287,6 +1596,7 @@ export default {
         passportExpiry: profile.passportExpiry || null,
         school: profile.school || null,
         religionTags: profile.religionTags.length ? profile.religionTags : null,
+        admissionNoticeAttachment: profile.admissionNoticeAttachment || null,
         passportAttachment: profile.passportAttachment || null,
         idCardFrontAttachment: profile.idCardFrontAttachment || null,
         idCardBackAttachment: profile.idCardBackAttachment || null
@@ -1469,11 +1779,21 @@ export default {
   font-weight: bold;
   font-size: 28rpx;
 }
+.role-tab-subtitle {
+  margin-top: 6rpx;
+  font-size: 20rpx;
+  font-weight: 500;
+  line-height: 1.2;
+  color: #8A99B3;
+}
 .role-active {
   background-color: #FFFFFF;
   color: $brand-primary;
   box-shadow: 0 6rpx 20rpx rgba($brand-primary, 0.15);
 }
+.role-active .role-tab-subtitle {
+  color: rgba($brand-primary, 0.82);
+}
 
 /* 性别按钮 */
 .gender-btn {
@@ -1736,4 +2056,84 @@ export default {
 .login-link:active {
   opacity: 0.7;
 }
+
+.privacy-mask {
+  position: fixed;
+  inset: 0;
+  z-index: 999;
+  background: rgba(17, 24, 39, 0.56);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 40rpx;
+  box-sizing: border-box;
+}
+
+.privacy-dialog {
+  width: 100%;
+  max-width: 640rpx;
+  background: #FFFFFF;
+  border-radius: 28rpx;
+  padding: 40rpx 32rpx 32rpx;
+  box-sizing: border-box;
+  box-shadow: 0 24rpx 80rpx rgba(15, 23, 42, 0.16);
+}
+
+.privacy-title {
+  font-size: 34rpx;
+  font-weight: 700;
+  color: #1A2233;
+  text-align: center;
+}
+
+.privacy-content {
+  margin-top: 24rpx;
+  font-size: 28rpx;
+  line-height: 1.7;
+  color: #5C6B8A;
+}
+
+.privacy-link {
+  color: $brand-primary;
+  font-weight: 700;
+}
+
+.privacy-action-row {
+  display: flex;
+  margin-top: 32rpx;
+}
+
+.privacy-action-btn {
+  flex: 1;
+  height: 88rpx;
+  border-radius: 20rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 28rpx;
+  font-weight: 700;
+  color: $brand-primary;
+  background: rgba($brand-primary, 0.08);
+  border: 1rpx solid rgba($brand-primary, 0.12);
+  box-sizing: border-box;
+}
+
+.privacy-action-btn + .privacy-action-btn {
+  margin-left: 20rpx;
+}
+
+button.privacy-action-btn {
+  padding: 0;
+  line-height: 88rpx;
+}
+
+button.privacy-action-btn::after {
+  border: none;
+}
+
+.privacy-action-btn.is-primary {
+  color: #FFFFFF;
+  background: linear-gradient(135deg, rgba($brand-primary, 0.92) 0%, $brand-primary 100%);
+  border-color: transparent;
+}
 </style>
diff --git a/pkgBooking/book/book.vue b/pkgBooking/book/book.vue
index 598c8d8..64dc301 100644
--- a/pkgBooking/book/book.vue
+++ b/pkgBooking/book/book.vue
@@ -87,6 +87,9 @@
 </template>
 
 <script>
+import { resolveExistingBookingNavigationTarget } from '../../utils/booking-entry'
+import { getSessionSnapshot } from '../../utils/app-state'
+import { syncLoginStayState } from '../../utils/session-sync'
 import { compactEnglishText } from '../../utils/select-room-normalizers'
 
 export default {
@@ -194,11 +197,41 @@ export default {
           console.error('Failed to parse apply data', e);
         })
     }
+    this.redirectIfBookingUnavailable()
   },
   methods: {
     t(key) {
       return this.$tm('pkgBooking.book.book', key)
     },
+    redirectIfBookingUnavailable() {
+      const session = getSessionSnapshot()
+      if (!session.isLogin) {
+        return Promise.resolve(false)
+      }
+
+      return syncLoginStayState({
+        language: this.$getLanguage(),
+        force: true
+      })
+        .then((stayState) => {
+          const targetUrl = resolveExistingBookingNavigationTarget(stayState)
+          if (!targetUrl) {
+            return false
+          }
+
+          if (/^\/pages\/index\/index(?:\?|$)/.test(targetUrl)) {
+            uni.reLaunch({ url: targetUrl })
+            return true
+          }
+
+          uni.redirectTo({ url: targetUrl })
+          return true
+        })
+        .catch((error) => {
+          console.error('check booking entry failed', error)
+          return false
+        })
+    },
     onStartDateChange(e) {
       this.form.startDate = e.detail.value;
     },
diff --git a/pkgBooking/book_viewing/book_viewing.vue b/pkgBooking/book_viewing/book_viewing.vue
index 8fa9d9e..c7c41b8 100644
--- a/pkgBooking/book_viewing/book_viewing.vue
+++ b/pkgBooking/book_viewing/book_viewing.vue
@@ -41,17 +41,19 @@
           </view>
         </scroll-view>
 
-        <view class="time-grid">
-          <view
-            v-for="(item, index) in timeSlots"
-            :key="index"
-            class="time-slot"
-            :class="{ 'time-slot--active': currentTimeIndex === index }"
-            @click="selectTimeSlot(index)"
-          >
-            {{ item }}
+        <scroll-view class="time-scroll" scroll-x :show-scrollbar="false">
+          <view class="time-flex">
+            <view
+              v-for="(item, index) in timeSlots"
+              :key="index"
+              class="time-slot"
+              :class="{ 'time-slot--active': currentTimeIndex === index }"
+              @click="selectTimeSlot(index)"
+            >
+              {{ item }}
+            </view>
           </view>
-        </view>
+        </scroll-view>
       </view>
 
       <!-- 租住需求卡片 -->
@@ -63,6 +65,15 @@
           </view>
         </view>
 
+        <view class="field-item">
+          <view class="field-label">{{ t('roomTypeLabel') }}</view>
+          <room-type-selector
+            v-model="formData.intendedRoomTypeCode"
+            :initial-area-code="formData.intendedAreaCode"
+            @change="handleRoomTypeChange"
+          />
+        </view>
+
         <view class="field-item">
           <view class="field-label">{{ t('durationLabel') }}</view>
           <view class="tag-grid">
@@ -119,8 +130,12 @@
 </template>
 
 <script>
-import { submitApplicationForm } from '@/api/index.js'
+import { submitViewingApplicationForm } from '@/api/index.js'
+import { resolveExistingBookingNavigationTarget } from '../../utils/booking-entry'
+import { getSessionSnapshot } from '../../utils/app-state'
+import { syncLoginStayState } from '../../utils/session-sync'
 import { compactEnglishText, localizePayMethodText } from '../../utils/select-room-normalizers'
+import RoomTypeSelector from './components/RoomTypeSelector.vue'
 
 function buildViewingDateTime(date = '', time = '', isEnd = false) {
   if (!date || !time) {
@@ -134,7 +149,44 @@ function buildViewingDateTime(date = '', time = '', isEnd = false) {
   return `${date}T${selected}:00`
 }
 
+function formatDatePart(value) {
+  return String(value).padStart(2, '0')
+}
+
+function shiftDate(date = '', days = 0) {
+  if (!date) {
+    return ''
+  }
+  const next = new Date(`${date}T00:00:00`)
+  if (!Number.isFinite(next.getTime())) {
+    return ''
+  }
+  next.setDate(next.getDate() + days)
+  return `${next.getFullYear()}-${formatDatePart(next.getMonth() + 1)}-${formatDatePart(next.getDate())}`
+}
+
+function buildExpectedStayRange(date = '', durationIndex = 0) {
+  if (!date) {
+    return {
+      start: null,
+      end: null
+    }
+  }
+
+  const durationDays = [90, 180, 270, 365, 365]
+  const normalizedIndex = durationIndex >= 0 ? durationIndex : 0
+  const endDate = shiftDate(date, durationDays[normalizedIndex] || durationDays[0])
+
+  return {
+    start: `${date}T00:00:00`,
+    end: endDate ? `${endDate}T23:59:59` : null
+  }
+}
+
 export default {
+  components: {
+    RoomTypeSelector
+  },
   computed: {
     language() {
       return this.$getLanguage()
@@ -177,6 +229,8 @@ export default {
       currentDateIndex: 0,
       currentTimeIndex: -1,
       formData: {
+        intendedAreaCode: '',
+        intendedRoomTypeCode: '',
         budget: '',
         duration: '',
         workplace: ''
@@ -191,6 +245,7 @@ export default {
           selectViewingTimeDesc: '请选择您方便的时间段',
           rentalNeeds: '您的租住需求',
           rentalNeedsDesc: '帮助管家更好地为您推荐房源',
+          roomTypeLabel: '意向房型',
           durationLabel: '预计租住时长',
           budgetLabel: '租金预算 (元/月)',
           budgetPlaceholder: '请输入您的心理价位',
@@ -226,7 +281,7 @@ export default {
           selectDurationRequired: '请选择预计租住时长',
           submitting: '提交中...',
           submitSuccessTitle: '预约成功',
-          submitSuccessContent: '您的预约看房申请已提交。\n系统会自动转发给对应区域有房间权限的宿管，宿管确认带看后可直接完结订单，或选定房型房号后转为预定单发送给租客支付。',
+          submitSuccessContent: '您的预约看房申请已提交，请等待管家联系',
           submitFailed: '预约提交失败'
         },
         en: {
@@ -236,6 +291,7 @@ export default {
           selectViewingTimeDesc: 'Choose a time slot that works for you',
           rentalNeeds: 'Rental Needs',
           rentalNeedsDesc: 'Help the manager recommend a suitable room',
+          roomTypeLabel: 'Preferred Room Type',
           durationLabel: 'Expected Stay Duration',
           budgetLabel: 'Budget (CNY/month)',
           budgetPlaceholder: 'Enter your expected budget',
@@ -283,15 +339,47 @@ export default {
     if (options.payload) {
       try {
         this.sourceData = JSON.parse(decodeURIComponent(options.payload))
+        this.formData.intendedAreaCode = this.sourceData && this.sourceData.areaCode ? this.sourceData.areaCode : ''
+        this.formData.intendedRoomTypeCode = this.sourceData && this.sourceData.roomTypeCode ? this.sourceData.roomTypeCode : ''
       } catch (e) {
         console.error('Failed to parse payload', e)
       }
     }
+    this.redirectIfBookingUnavailable()
   },
   methods: {
     t(key, params) {
       return this.$tm('pkgBooking.book_viewing.book_viewing', key, params)
     },
+    redirectIfBookingUnavailable() {
+      const session = getSessionSnapshot()
+      if (!session.isLogin) {
+        return Promise.resolve(false)
+      }
+
+      return syncLoginStayState({
+        language: this.$getLanguage(),
+        force: true
+      })
+        .then((stayState) => {
+          const targetUrl = resolveExistingBookingNavigationTarget(stayState)
+          if (!targetUrl) {
+            return false
+          }
+
+          if (/^\/pages\/index\/index(?:\?|$)/.test(targetUrl)) {
+            uni.reLaunch({ url: targetUrl })
+            return true
+          }
+
+          uni.redirectTo({ url: targetUrl })
+          return true
+        })
+        .catch((error) => {
+          console.error('check viewing booking entry failed', error)
+          return false
+        })
+    },
     syncDurationOptions() {
       this.durationOptions = [
         this.t('duration1'),
@@ -339,50 +427,26 @@ export default {
     selectTimeSlot(index) {
       this.currentTimeIndex = index
     },
+    handleRoomTypeChange({ area, roomType }) {
+      this.formData.intendedAreaCode = area && area.code ? area.code : ''
+      this.formData.intendedRoomTypeCode = roomType && roomType.code ? roomType.code : ''
+      if (!this.sourceData) {
+        this.sourceData = {}
+      }
+      if (area) {
+        this.sourceData.areaCode = area.code || ''
+        this.sourceData.areaName = area.name || ''
+        this.sourceData.areaNameEn = area.nameEn || ''
+      }
+      if (roomType) {
+        this.sourceData.roomTypeCode = roomType.code || ''
+        this.sourceData.roomTypeName = roomType.name || ''
+        this.sourceData.roomTypeNameEn = roomType.nameEn || ''
+      }
+    },
     selectDuration(item) {
       this.formData.duration = item
     },
-    buildRemark(selectedDate, selectedTime) {
-      const lines = [
-        this.t('remarkTitle'),
-        this.t('remarkTime', { date: selectedDate, time: selectedTime }),
-        this.t('remarkDuration', { duration: this.formData.duration })
-      ]
-
-      if (this.formData.budget) {
-        lines.push(this.t('remarkBudget', { budget: this.formData.budget }))
-      }
-      if (this.formData.workplace) {
-        lines.push(this.t('remarkWorkplace', { workplace: this.formData.workplace }))
-      }
-      if (this.sourceData && (this.sourceData.areaName || this.sourceData.areaNameEn)) {
-        lines.push(this.t('remarkArea', {
-          area: this.language === 'en'
-            ? (this.sourceData.areaNameEnDisplay || this.sourceData.areaLabelEnDisplay || this.sourceData.areaNameEn || this.sourceData.areaLabelEn || this.sourceData.areaName || this.sourceData.areaLabel || '')
-            : (this.sourceData.areaName || this.sourceData.areaLabel || this.sourceData.areaNameEn || this.sourceData.areaLabelEn || '')
-        }))
-      }
-      if (this.sourceData && (this.sourceData.roomTypeName || this.sourceData.roomTypeNameEn)) {
-        lines.push(this.t('remarkRoomType', {
-          roomType: this.language === 'en'
-            ? (this.sourceData.roomTypeNameEnDisplay || this.sourceData.roomTypeNameEn || this.sourceData.roomTypeName || '')
-            : (this.sourceData.roomTypeName || this.sourceData.roomTypeNameEn || '')
-        }))
-      }
-      if (this.sourceData && (this.sourceData.roomName || this.sourceData.roomNameEn)) {
-        lines.push(this.t('remarkSource', {
-          room: this.language === 'en'
-            ? (this.sourceData.roomNameEnDisplay || this.sourceData.roomNameEn || this.sourceData.roomName || '')
-            : (this.sourceData.roomName || this.sourceData.roomNameEn || '')
-        }))
-      }
-      if (this.sourceData && this.sourceData.payMethod) {
-        lines.push(this.t('remarkPayMethod', { payMethod: localizePayMethodText(this.sourceData.payMethod, this.language) }))
-      }
-
-      lines.push(this.t('remarkTail'))
-      return lines.join('\n')
-    },
     handleSubmit() {
       if (this.isSubmitting) {
         return
@@ -398,20 +462,24 @@ export default {
 
       const selectedDate = this.dateList[this.currentDateIndex].date
       const selectedTime = this.timeSlots[this.currentTimeIndex]
+      const appointmentViewingTime = buildViewingDateTime(selectedDate, selectedTime, false)
+      const durationIndex = this.durationOptions.findIndex(item => item === this.formData.duration)
+      const expectedStayRange = buildExpectedStayRange(selectedDate, durationIndex)
       const payload = {
-        intendedAreaCode: this.sourceData && this.sourceData.areaCode ? this.sourceData.areaCode : null,
-        intendedRoomTypeCode: this.sourceData && this.sourceData.roomTypeCode ? this.sourceData.roomTypeCode : null,
+        intendedAreaCode: this.formData.intendedAreaCode || (this.sourceData && this.sourceData.areaCode ? this.sourceData.areaCode : null),
+        intendedRoomTypeCode: this.formData.intendedRoomTypeCode || (this.sourceData && this.sourceData.roomTypeCode ? this.sourceData.roomTypeCode : null),
         roomSlotHeight: 1,
         hobbiesAndInterestsTagKeys: null,
         lifestyleHabitsTagKeys: null,
-        remark: this.buildRemark(selectedDate, selectedTime),
-        start: buildViewingDateTime(selectedDate, selectedTime, false),
-        end: buildViewingDateTime(selectedDate, selectedTime, true)
-      };
+        remark: null,
+        start: expectedStayRange.start,
+        end: expectedStayRange.end,
+        appointmentViewingTime
+      }
 
       this.isSubmitting = true
       uni.showLoading({ title: this.t('submitting'), mask: true })
-      return submitApplicationForm(payload)
+      return submitViewingApplicationForm(payload)
         .then(() => {
           uni.hideLoading()
           uni.showModal({
@@ -582,14 +650,18 @@ export default {
 }
 
 /* 时间段选择 */
-.time-grid {
-  display: flex;
-  flex-wrap: wrap;
+.time-scroll {
+  width: 100%;
+}
+
+.time-flex {
+  display: inline-flex;
   gap: 20rpx;
+  padding-bottom: 8rpx;
 }
 
 .time-slot {
-  width: calc(33.33% - 14rpx);
+  width: 220rpx;
   height: 72rpx;
   line-height: 72rpx;
   text-align: center;
@@ -599,6 +671,7 @@ export default {
   color: #4E5969;
   border: 2rpx solid transparent;
   transition: all 0.3s ease;
+  flex-shrink: 0;
 }
 
 .time-slot--active {
diff --git a/pkgBooking/book_viewing/components/RoomTypeSelector.vue b/pkgBooking/book_viewing/components/RoomTypeSelector.vue
new file mode 100644
index 0000000..0fd8cf6
--- /dev/null
+++ b/pkgBooking/book_viewing/components/RoomTypeSelector.vue
@@ -0,0 +1,363 @@
+<template>
+  <view class="room-type-selector">
+    <view class="selector-header tn-flex tn-flex-row-between tn-flex-col-center" @click="openSelector">
+      <view class="selected-info">
+        <view class="selected-name tn-text-ellipsis" :class="{ 'is-empty': !selectedRoomType }">
+          {{ selectedRoomType ? getRoomTypeDisplayName(selectedRoomType) : t('selectRoomType') }}
+        </view>
+        <view class="selected-area tn-text-ellipsis" v-if="selectedArea">
+          {{ getAreaDisplayName(selectedArea) }}
+        </view>
+      </view>
+      <text class="tn-icon-right tn-color-gray"></text>
+    </view>
+
+    <tn-popup v-model="showPopup" mode="bottom" length="80%" :borderRadius="32" :closeBtn="true">
+      <view class="popup-content">
+        <view class="popup-header">
+          <text class="popup-title">{{ t('popupTitle') }}</text>
+        </view>
+
+        <scroll-view scroll-y class="area-list-scroll">
+          <view v-if="isLoading" class="loading-state tn-padding-xl tn-text-center">
+            <tn-loading mode="circle"></tn-loading>
+            <view class="tn-margin-top-sm tn-color-gray">{{ t('loadingRoomTypes') }}</view>
+          </view>
+
+          <view v-else-if="!areaList.length" class="empty-state tn-padding-xl tn-text-center">
+            <text class="tn-color-gray">{{ t('emptyRoomTypes') }}</text>
+          </view>
+
+          <view v-else class="area-group" v-for="(area, index) in areaList" :key="area.code">
+            <view class="area-title tn-flex tn-flex-row-between tn-flex-col-center" @click="toggleArea(index)">
+              <view class="tn-flex tn-flex-col-center">
+                <text class="area-dot"></text>
+                <text>{{ getAreaDisplayName(area) }}</text>
+              </view>
+              <text :class="collapsedAreas[index] ? 'tn-icon-down' : 'tn-icon-up'" class="tn-color-gray"></text>
+            </view>
+            <view class="room-type-grid" v-show="!collapsedAreas[index]">
+              <view
+                class="room-type-item"
+                v-for="room in area.roomTypes"
+                :key="room.code"
+                :class="{ 'is-active': selectedRoomType && selectedRoomType.code === room.code }"
+                @click="handleSelect(area, room)"
+              >
+                <view class="room-name tn-text-ellipsis">{{ getRoomTypeDisplayName(room) }}</view>
+                <view class="room-price" v-if="room.price">¥{{ getPriceValue(room.price) }}{{ t('priceUnit') }}</view>
+              </view>
+            </view>
+          </view>
+        </scroll-view>
+      </view>
+    </tn-popup>
+  </view>
+</template>
+
+<script>
+import { areaPagination } from '@/api/index.js'
+import { normalizeAreaItem } from '../../../utils/select-room-normalizers'
+
+const I18N = {
+  zh: {
+    emptyRoomTypes: '暂无可选房型',
+    loadFailed: '房型加载失败',
+    loadingRoomTypes: '房型加载中...',
+    popupTitle: '选择意向房型',
+    priceUnit: '/月',
+    selectRoomType: '请选择房型'
+  },
+  en: {
+    emptyRoomTypes: 'No room types available',
+    loadFailed: 'Failed to load room types',
+    loadingRoomTypes: 'Loading room types...',
+    popupTitle: 'Select Room Type',
+    priceUnit: '/month',
+    selectRoomType: 'Select room type'
+  }
+}
+
+export default {
+  name: 'BookViewingRoomTypeSelector',
+  props: {
+    value: {
+      type: String,
+      default: ''
+    },
+    initialAreaCode: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      showPopup: false,
+      isLoading: false,
+      areaList: [],
+      selectedArea: null,
+      selectedRoomType: null,
+      collapsedAreas: {}
+    }
+  },
+  computed: {
+    language() {
+      return this.$getLanguage ? this.$getLanguage() : 'zh'
+    }
+  },
+  watch: {
+    value() {
+      this.syncSelection()
+    },
+    language() {
+      this.loadData(true)
+    }
+  },
+  mounted() {
+    this.loadData()
+  },
+  methods: {
+    t(key) {
+      const lang = I18N[this.language] ? this.language : 'zh'
+      return I18N[lang][key] || I18N.zh[key] || key
+    },
+    openSelector() {
+      this.showPopup = true
+      this.loadData()
+    },
+    loadData(force = false) {
+      if (!force && this.areaList.length > 0) {
+        this.syncSelection()
+        return Promise.resolve()
+      }
+
+      this.isLoading = true
+      return areaPagination({ PageIndex: 1, PageSize: 100 }, this.language)
+        .then((res) => {
+          const payload = res && res.data ? res.data : res
+          const rawList = Array.isArray(payload && payload.data) ? payload.data : (Array.isArray(payload) ? payload : [])
+          this.areaList = rawList
+            .map(item => normalizeAreaItem(item))
+            .filter(area => Array.isArray(area.roomTypes) && area.roomTypes.length > 0)
+
+          const collapsed = {}
+          this.areaList.forEach((_, index) => {
+            collapsed[index] = false
+          })
+          this.collapsedAreas = collapsed
+          this.syncSelection()
+        })
+        .catch((error) => {
+          console.error('load room types error', error)
+          uni.showToast({ title: this.t('loadFailed'), icon: 'none' })
+        })
+        .finally(() => {
+          this.isLoading = false
+        })
+    },
+    syncSelection() {
+      if (!this.areaList.length) {
+        this.selectedArea = null
+        this.selectedRoomType = null
+        return
+      }
+
+      let foundArea = null
+      let foundRoom = null
+      const previousAreaCode = this.selectedArea && this.selectedArea.code ? this.selectedArea.code : ''
+      const previousRoomCode = this.selectedRoomType && this.selectedRoomType.code ? this.selectedRoomType.code : ''
+
+      if (this.value) {
+        for (const area of this.areaList) {
+          const room = Array.isArray(area.roomTypes) ? area.roomTypes.find(item => item.code === this.value) : null
+          if (room) {
+            foundArea = area
+            foundRoom = room
+            break
+          }
+        }
+      }
+
+      if (!foundRoom && this.initialAreaCode) {
+        foundArea = this.areaList.find(area => area.code === this.initialAreaCode) || null
+      }
+
+      if (!foundArea) {
+        this.selectedArea = null
+        this.selectedRoomType = null
+        return
+      }
+
+      this.selectedArea = foundArea
+      this.selectedRoomType = foundRoom || null
+
+      if (foundRoom) {
+        if (this.value !== foundRoom.code) {
+          this.$emit('input', foundRoom.code)
+        }
+        if (previousAreaCode !== foundArea.code || previousRoomCode !== foundRoom.code) {
+          this.$emit('change', { area: foundArea, roomType: foundRoom })
+        }
+      }
+    },
+    handleSelect(area, roomType) {
+      this.selectedArea = area
+      this.selectedRoomType = roomType
+      this.$emit('input', roomType.code)
+      this.$emit('change', { area, roomType })
+      this.showPopup = false
+    },
+    getAreaDisplayName(area = {}) {
+      if (this.language === 'en') {
+        return area.nameEnDisplay || area.nameEn || area.name || ''
+      }
+      return area.name || area.nameEn || ''
+    },
+    getRoomTypeDisplayName(roomType = {}) {
+      if (this.language === 'en') {
+        return roomType.nameEnDisplay || roomType.nameEn || roomType.name || ''
+      }
+      return roomType.name || roomType.nameEn || ''
+    },
+    toggleArea(index) {
+      this.$set(this.collapsedAreas, index, !this.collapsedAreas[index])
+    },
+    getPriceValue(priceText) {
+      if (!priceText) {
+        return '--'
+      }
+      const matched = String(priceText).match(/(\d+(\.\d+)?)/)
+      return matched ? matched[1] : '--'
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.room-type-selector {
+  width: 100%;
+}
+
+.selector-header {
+  background: #FFFFFF;
+  border-radius: 20rpx;
+  padding: 26rpx 32rpx;
+  border: 1rpx solid rgba($brand-primary, 0.15);
+  box-shadow: 0 4rpx 12rpx rgba($brand-primary, 0.05);
+  min-height: 100rpx;
+}
+
+.selected-info {
+  flex: 1;
+  overflow: hidden;
+}
+
+.selected-name {
+  font-size: 28rpx;
+  color: #1A2233;
+  font-weight: 600;
+
+  &.is-empty {
+    color: #A0B0C0;
+    font-weight: normal;
+  }
+}
+
+.selected-area {
+  font-size: 22rpx;
+  color: #6A7A99;
+  margin-top: 6rpx;
+}
+
+.popup-content {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  background: #F8FAFF;
+}
+
+.popup-header {
+  padding: 40rpx 30rpx 20rpx;
+  text-align: center;
+  border-bottom: 1px dashed rgba($brand-primary, 0.15);
+  background: #FFFFFF;
+}
+
+.popup-title {
+  font-size: 32rpx;
+  font-weight: 700;
+  color: #1A2233;
+}
+
+.area-list-scroll {
+  flex: 1;
+  height: 0;
+  padding: 20rpx 30rpx 60rpx;
+}
+
+.area-group {
+  margin-bottom: 30rpx;
+  background: #FFFFFF;
+  border-radius: 20rpx;
+  padding: 24rpx;
+  box-shadow: 0 4rpx 12rpx rgba($brand-primary, 0.04);
+  border: 1rpx solid rgba($brand-primary, 0.05);
+}
+
+.area-title {
+  font-size: 28rpx;
+  font-weight: 600;
+  color: #1A2233;
+  margin-bottom: 20rpx;
+}
+
+.area-dot {
+  width: 12rpx;
+  height: 12rpx;
+  border-radius: 50%;
+  background: $brand-primary;
+  margin-right: 12rpx;
+  box-shadow: 0 0 8rpx rgba($brand-primary, 0.4);
+}
+
+.room-type-grid {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 20rpx;
+}
+
+.room-type-item {
+  padding: 20rpx;
+  border-radius: 16rpx;
+  background: #FFFFFF;
+  border: 1rpx solid rgba($brand-primary, 0.15);
+  box-shadow: 0 4rpx 12rpx rgba($brand-primary, 0.05);
+  transition: all 0.3s ease;
+
+  &.is-active {
+    background: #FFFFFF;
+    border-color: $brand-primary;
+    box-shadow: 0 4rpx 16rpx rgba($brand-primary, 0.1);
+
+    .room-name {
+      color: $brand-primary;
+    }
+
+    .room-price {
+      color: $brand-primary;
+    }
+  }
+}
+
+.room-name {
+  font-size: 26rpx;
+  font-weight: 600;
+  color: #1A2233;
+  margin-bottom: 8rpx;
+}
+
+.room-price {
+  font-size: 22rpx;
+  color: #6A7A99;
+}
+</style>
diff --git a/pkgExplore/store_detail/components/RoomList.vue b/pkgExplore/store_detail/components/RoomList.vue
index 7e7bf37..50b1d23 100644
--- a/pkgExplore/store_detail/components/RoomList.vue
+++ b/pkgExplore/store_detail/components/RoomList.vue
@@ -45,6 +45,14 @@
 <script>
 import { localizeHousingTag, localizePayMethodText } from '../../../utils/select-room-normalizers'
 
+function stripHtmlTags(value = '') {
+  return String(value || '')
+    .replace(/<[^>]+>/g, ' ')
+    .replace(/&nbsp;/gi, ' ')
+    .replace(/\s+/g, ' ')
+    .trim()
+}
+
 export default {
   props: {
     roomTypes: {
@@ -80,13 +88,14 @@ export default {
       return room.name || room.nameEn || ''
     },
     getRoomDescription(room = {}) {
-      if (this.language === 'en') {
-        return room.descriptionEnDisplay || room.descriptionEn || room.description || ''
-      }
-      return room.description || room.descriptionEn || ''
+      const rawDescription = this.language === 'en'
+        ? (room.descriptionEnDisplay || room.descriptionEn || room.description || '')
+        : (room.description || room.descriptionEn || '')
+
+      return stripHtmlTags(rawDescription)
     },
     goToRoomDetail(room) {
-      this.$emit('go-detail', room);
+      this.$emit('go-detail', room)
     }
   }
 }
diff --git a/pkgExplore/store_detail/components/StoreInfo.vue b/pkgExplore/store_detail/components/StoreInfo.vue
index 7f1b42d..1744a0d 100644
--- a/pkgExplore/store_detail/components/StoreInfo.vue
+++ b/pkgExplore/store_detail/components/StoreInfo.vue
@@ -19,10 +19,16 @@
       <view class="section-header">
         <text class="section-title">{{ t('storeIntro') }}</text>
       </view>
-      <view class="store-desc" :class="{'store-desc--collapsed': isDescCollapsed}">
-        {{ displayDescription }}
+      <view
+        class="store-desc"
+        :class="{
+          'store-desc--collapsed': !isRichDescription && isDescCollapsed
+        }"
+      >
+        <rich-text v-if="isRichDescription" class="store-desc-rich" :nodes="displayDescriptionNodes"></rich-text>
+        <text v-else>{{ displayDescription }}</text>
       </view>
-      <view class="expand-btn tn-flex tn-flex-row-center tn-flex-col-center" @click="toggleDesc">
+      <view v-if="shouldShowToggle" class="expand-btn tn-flex tn-flex-row-center tn-flex-col-center" @click="toggleDesc">
         <text>{{ isDescCollapsed ? t('expandAll') : t('collapse') }}</text>
         <text :class="isDescCollapsed ? 'tn-icon-down' : 'tn-icon-up'" class="expand-icon"></text>
       </view>
@@ -31,6 +37,33 @@
 </template>
 
 <script>
+import { normalizeRichTextImages } from '../../../utils/rich-text'
+
+function hasHtmlTag(value = '') {
+  return /<\/?(p|div|img|br|span|h[1-6]|ul|li|ol|table|td|tr|strong|em|section|article|blockquote)[^>]*>/i.test(String(value || ''))
+}
+
+function normalizeRichDescription(value = '') {
+  let html = String(value || '').trim()
+  if (!html) {
+    return ''
+  }
+
+  html = normalizeRichTextImages(
+    html,
+    'display:block;width:100%;max-width:100%;height:auto;box-sizing:border-box;border-radius:16rpx;margin:16rpx 0;vertical-align:top;'
+  )
+  html = html.replace(/<p\b([^>]*)>/gi, '<p$1 style="line-height:1.9;color:rgba(255,255,255,0.78);margin:0 0 20rpx;word-break:break-word;">')
+  html = html.replace(/<div\b([^>]*)>/gi, '<div$1 style="line-height:1.9;color:rgba(255,255,255,0.78);margin:0 0 20rpx;word-break:break-word;">')
+  html = html.replace(/<ul\b([^>]*)>/gi, '<ul$1 style="padding-left:28rpx;margin:0 0 20rpx;color:rgba(255,255,255,0.78);line-height:1.9;">')
+  html = html.replace(/<ol\b([^>]*)>/gi, '<ol$1 style="padding-left:32rpx;margin:0 0 20rpx;color:rgba(255,255,255,0.78);line-height:1.9;">')
+  html = html.replace(/<li\b([^>]*)>/gi, '<li$1 style="margin-bottom:12rpx;">')
+  html = html.replace(/<h([1-6])\b([^>]*)>/gi, '<h$1$2 style="color:#FFFFFF;line-height:1.5;margin:0 0 20rpx;font-weight:600;">')
+  html = html.replace(/<strong\b([^>]*)>/gi, '<strong$1 style="color:#FFFFFF;font-weight:600;">')
+  html = html.replace(/<a\b([^>]*)>/gi, '<a$1 style="color:#9EC5FF;text-decoration:underline;">')
+  return html
+}
+
 export default {
   props: {
     storeData: {
@@ -54,6 +87,18 @@ export default {
       }
       return this.storeData.description || this.storeData.descriptionEn || ''
     },
+    isRichDescription() {
+      return hasHtmlTag(this.displayDescription)
+    },
+    displayDescriptionNodes() {
+      return this.isRichDescription ? normalizeRichDescription(this.displayDescription) : ''
+    },
+    shouldShowToggle() {
+      if (this.isRichDescription) {
+        return false
+      }
+      return String(this.displayDescription || '').length > 90
+    },
     shortAddress() {
       const addr = this.language === 'en'
         ? (this.storeData.addressEnDisplay || this.storeData.addressEn || this.storeData.address || '')
@@ -176,6 +221,7 @@ export default {
   font-size: 28rpx;
   color: rgba(255, 255, 255, 0.7);
   line-height: 1.6;
+  word-break: break-word;
 }
 
 .store-desc--collapsed {
@@ -185,6 +231,10 @@ export default {
   overflow: hidden;
 }
 
+.store-desc-rich {
+  display: block;
+}
+
 .expand-btn {
   margin-top: 16rpx;
   font-size: 24rpx;
diff --git a/pkgService/application_detail/application_detail.vue b/pkgService/application_detail/application_detail.vue
index 153780b..aa5e5e7 100644
--- a/pkgService/application_detail/application_detail.vue
+++ b/pkgService/application_detail/application_detail.vue
@@ -114,14 +114,28 @@
           v-if="canCancelOrder"
           class="danger-btn"
           :class="{ 'danger-btn--loading': canceling }"
-          @tap.stop="handleCancelOrder"
+          @click.stop="handleCancelOrder"
         >
           <text class="tn-text-bold">{{ canceling ? t('cancelOrderLoading') : t('cancelOrder') }}</text>
         </view>
         <view
-          v-if="canViewBill"
+          v-if="currentStepActionText"
           class="action-btn"
-          @tap.stop="goToBillPage"
+          @click.stop="handleCurrentStepAction"
+        >
+          <text class="tn-text-bold">{{ currentStepActionText }}</text>
+        </view>
+        <view
+          v-else-if="isReservationCheckinProcessing()"
+          class="action-btn action-btn--ghost"
+          @click.stop="refreshCurrentPage"
+        >
+          <text class="tn-text-bold">{{ t('refreshAction') }}</text>
+        </view>
+        <view
+          v-else-if="canViewBill"
+          class="action-btn"
+          @click.stop="goToBillPage"
         >
           <text class="tn-text-bold">{{ t('viewBill') }}</text>
         </view>
@@ -131,8 +145,48 @@
 </template>
 
 <script>
-import { userDetailCancel } from '@/api/index.js'
+import { contractDetail, orderSearchedReservationFlow, roomInspectionDetail, userDetailCancel } from '@/api/index.js'
 import { getMyApplicationList, saveActiveApplicationCode, saveMyApplicationList } from '@/utils/app-state'
+import {
+  RESERVATION_FLOW_STEP,
+  attachReservationFlow,
+  buildReservationFlowMap,
+  getReservationCurrentActionText,
+  getReservationCurrentStepText,
+  getReservationOrderNo,
+  parseReservationFlowResponse
+} from '@/utils/reservation-flow'
+
+const VIEWING_APPLICATION_PATTERN = /预约看房申请|看房时间[:：]|意向房型[:：]|意向区域[:：]|viewing request|viewing time[:：]|preferred room type[:：]|preferred area[:：]/i
+
+function isViewingApplicationRecord(item = {}) {
+  if (!item || typeof item !== 'object') {
+    return false
+  }
+
+  const typeText = [
+    item.businessType,
+    item.applicationType,
+    item.applicationTypeDesc,
+    item.formType,
+    item.bizType,
+    item.type,
+    item.typeDesc
+  ]
+    .filter(value => value !== null && typeof value !== 'undefined' && String(value).trim())
+    .join(' ')
+
+  if (/viewing|看房|带看/i.test(typeText)) {
+    return true
+  }
+
+  if ([item.appointmentViewingTime, item.viewingTime, item.bookViewingTime].some(value => String(value || '').trim())) {
+    return true
+  }
+
+  const remark = item && item.remark ? String(item.remark) : ''
+  return VIEWING_APPLICATION_PATTERN.test(remark)
+}
 
 function normalizeApplicationList(list = []) {
   if (!Array.isArray(list)) {
@@ -141,15 +195,31 @@ function normalizeApplicationList(list = []) {
   return list
     .filter(item => item && typeof item === 'object')
     .map((item) => {
-      const remark = item && item.remark ? String(item.remark) : ''
-      const isViewingApplication = /预约看房申请|看房时间[:：]|意向房型[:：]|意向区域[:：]|viewing request|viewing time[:：]|preferred room type[:：]|preferred area[:：]/i.test(remark)
       return {
         ...item,
-        isViewingApplication
+        isViewingApplication: isViewingApplicationRecord(item)
       }
     })
 }
 
+function parseJsonStringMaybe(value) {
+  if (typeof value !== 'string') {
+    return value
+  }
+  const text = value.trim()
+  if (!text) {
+    return value
+  }
+  if (!((text.startsWith('{') && text.endsWith('}')) || (text.startsWith('[') && text.endsWith(']')))) {
+    return value
+  }
+  try {
+    return JSON.parse(text)
+  } catch (error) {
+    return value
+  }
+}
+
 export default {
   i18n: {
     zh: {
@@ -186,6 +256,9 @@ export default {
       emptyRemark: '暂无补充说明',
       codeCopied: '申请编号已复制',
       missingBillCode: '申请单编号缺失',
+      missingContractNo: '合同编号缺失',
+      checkinPendingHint: '宿管正在办理入住，请耐心等待',
+      refreshAction: '刷新',
       cancelOrder: '取消订单',
       cancelOrderLoading: '取消中...',
       cancelOrderTitle: '取消订单',
@@ -235,6 +308,9 @@ export default {
       emptyRemark: 'No additional remarks',
       codeCopied: 'Application number copied',
       missingBillCode: 'Missing application bill number',
+      missingContractNo: 'Missing contract number',
+      checkinPendingHint: 'Move-in is being processed, please wait',
+      refreshAction: 'Refresh',
       cancelOrder: 'Cancel Order',
       cancelOrderLoading: 'Canceling...',
       cancelOrderTitle: 'Cancel Order',
@@ -255,7 +331,14 @@ export default {
     return {
       detailCode: '',
       detail: {},
-      canceling: false
+      canceling: false,
+      reservationContractDetail: null,
+      reservationInspectionDetail: null
+    }
+  },
+  watch: {
+    language() {
+      this.loadReservationFlow()
     }
   },
   computed: {
@@ -323,7 +406,35 @@ export default {
       }
       return this.parseViewingRemark()
     },
+    currentStepActionText() {
+      if (this.isViewingApplication) {
+        return ''
+      }
+      if (this.isReservationInspectionPendingReview()) {
+        return ''
+      }
+      if (this.isReservationContractAwaitingReview()) {
+        return ''
+      }
+      if (this.isReservationCheckinProcessing()) {
+        return ''
+      }
+      return getReservationCurrentActionText(this.detail, this.language)
+    },
     statusReminderText() {
+      if (this.isReservationInspectionPendingReview()) {
+        return this.getReservationInspectionStatusText()
+      }
+      if (this.isReservationContractAwaitingReview()) {
+        return this.getReservationContractStatusText()
+      }
+      if (this.isReservationCheckinProcessing()) {
+        return this.t('checkinPendingHint')
+      }
+      const reservationStepText = getReservationCurrentStepText(this.detail, this.language)
+      if (reservationStepText) {
+        return reservationStepText
+      }
       if (this.shouldPayDeposit(this.detail)) {
         return this.t('statusPendingPayment')
       }
@@ -351,6 +462,9 @@ export default {
     this.detailCode = options.code || ''
     this.restoreDetail(options.payload || '')
   },
+  onShow() {
+    this.loadReservationFlow()
+  },
   methods: {
     t(key, params) {
       return this.$tm('pkgService.application_detail.application_detail', key, params)
@@ -368,6 +482,106 @@ export default {
         && Number(item.status) === 0
         && Number(item.payStatus) === 10
     },
+    getReservationCurrentStepValue() {
+      return Number(this.detail && this.detail.reservationCurrentNode ? this.detail.reservationCurrentNode.step : 0)
+    },
+    isReservationCheckinProcessing() {
+      return this.getReservationCurrentStepValue() === RESERVATION_FLOW_STEP.CHECKIN
+    },
+    getReservationInspectionNo() {
+      const currentNode = this.detail && this.detail.reservationCurrentNode ? this.detail.reservationCurrentNode : {}
+      if (Number(currentNode.step || 0) !== RESERVATION_FLOW_STEP.INSPECTION) {
+        return ''
+      }
+      return String(currentNode.refNo || '').trim()
+    },
+    getReservationContractNo() {
+      const currentNode = this.detail && this.detail.reservationCurrentNode ? this.detail.reservationCurrentNode : {}
+      if (Number(currentNode.step || 0) !== RESERVATION_FLOW_STEP.CONTRACT) {
+        return ''
+      }
+      return String(currentNode.refNo || '').trim()
+    },
+    normalizeInspectionDetail(response) {
+      const payload = parseJsonStringMaybe(response && response.data ? response.data : response)
+      if (payload && typeof payload === 'object' && !Array.isArray(payload)) {
+        return payload
+      }
+      if (payload && payload.data && typeof payload.data === 'object' && !Array.isArray(payload.data)) {
+        return payload.data
+      }
+      return {}
+    },
+    normalizeContractDetail(response) {
+      const payload = parseJsonStringMaybe(response && response.data ? response.data : response)
+      if (payload && typeof payload === 'object' && !Array.isArray(payload)) {
+        return payload
+      }
+      if (payload && payload.data && typeof payload.data === 'object' && !Array.isArray(payload.data)) {
+        return payload.data
+      }
+      return {}
+    },
+    isReservationInspectionPendingReview() {
+      if (this.getReservationCurrentStepValue() !== RESERVATION_FLOW_STEP.INSPECTION) {
+        return false
+      }
+      const detail = this.reservationInspectionDetail || {}
+      return Number(detail.status) === 2
+    },
+    getReservationInspectionStatusText() {
+      return this.t('inspectionPendingReviewHint')
+    },
+    isReservationContractAwaitingReview() {
+      if (this.getReservationCurrentStepValue() !== RESERVATION_FLOW_STEP.CONTRACT) {
+        return false
+      }
+      const detail = this.reservationContractDetail || {}
+      const queryStatus = Number(detail.queryStatus)
+      const approvalStatus = Number(detail.approvalStatus)
+      const hasSigned = !!String(detail.signTime || detail.signImageUrl || '').trim()
+      return queryStatus === 1 || (hasSigned && approvalStatus === 0)
+    },
+    getReservationContractStatusText() {
+      const detail = this.reservationContractDetail || {}
+      return detail.queryStatusDesc || detail.approvalStatusDesc || detail.statusDesc || ''
+    },
+    async ensureReservationInspectionDetail() {
+      const inspectionNo = this.getReservationInspectionNo()
+      if (!inspectionNo) {
+        this.reservationInspectionDetail = null
+        return null
+      }
+      try {
+        const detail = this.normalizeInspectionDetail(await roomInspectionDetail({
+          inspectionNo
+        }, this.language))
+        this.reservationInspectionDetail = detail && Object.keys(detail).length ? detail : null
+        return this.reservationInspectionDetail
+      } catch (error) {
+        console.error('load inspection detail failed', error)
+        this.reservationInspectionDetail = null
+        return null
+      }
+    },
+    async ensureReservationContractDetail() {
+      const contractNo = this.getReservationContractNo()
+      if (!contractNo) {
+        this.reservationContractDetail = null
+        return null
+      }
+      try {
+        const detail = this.normalizeContractDetail(await contractDetail({
+          contractNo
+        }, this.language))
+        this.reservationContractDetail = detail && Object.keys(detail).length ? detail : null
+        return this.reservationContractDetail
+      } catch (error) {
+        console.error('load contract detail failed', error)
+        this.reservationContractDetail = null
+        return null
+      }
+    },
     restoreDetail(payload = '') {
       if (payload) {
         try {
@@ -386,6 +600,46 @@ export default {
         isViewingApplication: false
       }
     },
+    async loadReservationFlow() {
+      if (!this.detail || this.detail.isViewingApplication) {
+        return
+      }
+
+      const orderNo = getReservationOrderNo(this.detail)
+      if (!orderNo) {
+        this.detail = attachReservationFlow(this.detail, {})
+        this.reservationInspectionDetail = null
+        this.reservationContractDetail = null
+        return
+      }
+
+      try {
+        const response = await orderSearchedReservationFlow({
+          orderNos: [orderNo]
+        }, this.language)
+        const flowMap = buildReservationFlowMap(parseReservationFlowResponse(response))
+        this.detail = attachReservationFlow(this.detail, flowMap)
+        await Promise.all([
+          this.ensureReservationInspectionDetail(),
+          this.ensureReservationContractDetail()
+        ])
+
+        const list = normalizeApplicationList(getMyApplicationList())
+        if (list.length) {
+          saveMyApplicationList(list.map((item) => {
+            if (String(item.detailCode || '') !== String(this.detail.detailCode || '')) {
+              return item
+            }
+            return this.detail
+          }))
+        }
+      } catch (error) {
+        console.error('load reservation flow failed', error)
+        this.detail = attachReservationFlow(this.detail, {})
+        this.reservationInspectionDetail = null
+        this.reservationContractDetail = null
+      }
+    },
     parseViewingRemark() {
       const lines = this.remarkLines
       const targets = [
@@ -537,6 +791,54 @@ export default {
       uni.navigateTo({
         url: `/pkgService/utility_recharge/utility_recharge?referenceTypeNo=${encodeURIComponent(this.detail.detailCode)}`
       })
+    },
+    refreshCurrentPage() {
+      this.loadReservationFlow()
+    },
+    handleCurrentStepAction() {
+      const step = this.getReservationCurrentStepValue()
+
+      if (step === RESERVATION_FLOW_STEP.BILL) {
+        this.goToBillPage()
+        return
+      }
+
+      if (step === RESERVATION_FLOW_STEP.CONTRACT) {
+        if (this.isReservationContractAwaitingReview()) {
+          return
+        }
+        const contractNo = String(this.detail && this.detail.reservationCurrentNode && this.detail.reservationCurrentNode.refNo || '').trim()
+        if (!contractNo) {
+          uni.showToast({
+            title: this.t('missingContractNo'),
+            icon: 'none'
+          })
+          return
+        }
+        uni.navigateTo({
+          url: `/pkgService/contract_sign/contract_sign?no=${encodeURIComponent(contractNo)}`
+        })
+        return
+      }
+
+      if (step === RESERVATION_FLOW_STEP.CHECKIN) {
+        uni.reLaunch({
+          url: '/pages/index/index?pageId=stay-service'
+        })
+        return
+      }
+
+      if (step === RESERVATION_FLOW_STEP.INSPECTION) {
+        if (this.isReservationInspectionPendingReview()) {
+          return
+        }
+        const orderNo = getReservationOrderNo(this.detail)
+        uni.navigateTo({
+          url: orderNo
+            ? `/pkgService/room_inspection/room_inspection?orderNo=${encodeURIComponent(orderNo)}`
+            : '/pkgService/room_inspection/room_inspection'
+        })
+      }
     }
   }
 }
@@ -784,4 +1086,11 @@ export default {
   color: #FFFFFF;
   box-shadow: 0 12rpx 32rpx rgba($brand-primary, 0.25);
 }
+
+.action-btn--ghost {
+  background: rgba($brand-primary, 0.08);
+  color: $brand-primary;
+  border: 1rpx solid rgba($brand-primary, 0.18);
+  box-shadow: none;
+}
 </style>
diff --git a/pkgService/components/CurrentApplicationBillPanel.vue b/pkgService/components/CurrentApplicationBillPanel.vue
index b991d68..f7ebe10 100644
--- a/pkgService/components/CurrentApplicationBillPanel.vue
+++ b/pkgService/components/CurrentApplicationBillPanel.vue
@@ -245,6 +245,35 @@ import { getActiveApplicationCode, getMyApplicationList, saveActiveApplicationCo
 
 const VIEWING_APPLICATION_PATTERN = /预约看房申请|看房时间：|意向房型：|意向区域：|viewing request|viewing time|preferred room type|preferred area/i
 
+function isViewingApplicationRecord(item = {}) {
+  if (!item || typeof item !== 'object') {
+    return false
+  }
+
+  const typeText = [
+    item.businessType,
+    item.applicationType,
+    item.applicationTypeDesc,
+    item.formType,
+    item.bizType,
+    item.type,
+    item.typeDesc
+  ]
+    .filter(value => value !== null && typeof value !== 'undefined' && String(value).trim())
+    .join(' ')
+
+  if (/viewing|看房|带看/i.test(typeText)) {
+    return true
+  }
+
+  if ([item.appointmentViewingTime, item.viewingTime, item.bookViewingTime].some(value => String(value || '').trim())) {
+    return true
+  }
+
+  const remark = item && item.remark ? String(item.remark) : ''
+  return VIEWING_APPLICATION_PATTERN.test(remark)
+}
+
 function normalizeBillList(response) {
   const payload = response && response.data ? response.data : response
   if (Array.isArray(payload)) {
@@ -263,11 +292,9 @@ function normalizeApplicationList(list = []) {
   return list
     .filter(item => item && typeof item === 'object')
     .map((item) => {
-      const remark = item && item.remark ? String(item.remark) : ''
-      const isViewingApplication = VIEWING_APPLICATION_PATTERN.test(remark)
       return {
         ...item,
-        isViewingApplication
+        isViewingApplication: isViewingApplicationRecord(item)
       }
     })
 }
diff --git a/pkgService/contract_sign/contract_sign.vue b/pkgService/contract_sign/contract_sign.vue
index b06ad10..dd8c441 100644
--- a/pkgService/contract_sign/contract_sign.vue
+++ b/pkgService/contract_sign/contract_sign.vue
@@ -344,6 +344,7 @@ export default {
           uni.$emit('contractSignSuccess', {
             contractNo: this.contractNo
           })
+          uni.$emit('refresh-shell-state')
         })
         .then(() => {
           uni.hideLoading()
@@ -352,8 +353,8 @@ export default {
             icon: 'success'
           })
           setTimeout(() => {
-            uni.redirectTo({
-              url: '/pkgService/my_contract/my_contract'
+            uni.navigateBack({
+              delta: 1
             })
           }, 600)
         })
diff --git a/pkgService/lost_found_publish/lost_found_publish.vue b/pkgService/lost_found_publish/lost_found_publish.vue
new file mode 100644
index 0000000..f9dbc40
--- /dev/null
+++ b/pkgService/lost_found_publish/lost_found_publish.vue
@@ -0,0 +1,554 @@
+<template>
+  <view class="lost-found-page tn-safe-area-inset-bottom">
+    <tn-nav-bar
+      :isBack="true"
+      :bottomShadow="false"
+      :backgroundColor="navBarBackgroundColor"
+      :customBackStyle="navBarBackStyle"
+      :fixed="true"
+    >
+      <view class="tn-text-bold tn-text-xl tn-color-black" :style="{ opacity: navTitleOpacity }">{{ t('navTitle') }}</view>
+    </tn-nav-bar>
+
+    <scroll-view class="page-scroll" scroll-y :show-scrollbar="false" @scroll="handleScroll">
+      <view class="page-content tn-padding" :style="{ paddingTop: vuex_custom_bar_height + 'px', paddingBottom: '220rpx' }">
+        <view class="hero-header tn-margin-bottom-xl">
+          <view class="hero-badge">
+            <text class="badge-dot"></text>
+            <text>{{ t('heroBadge') }}</text>
+          </view>
+          <view class="hero-title">{{ t('heroTitle') }}</view>
+          <view class="hero-desc">{{ t('heroDesc') }}</view>
+        </view>
+
+        <view class="form-card">
+          <view class="block-title">{{ t('formTitle') }}</view>
+          <view class="block-subtitle">{{ t('formDesc') }}</view>
+
+          <view class="form-item tn-margin-top">
+            <view class="form-label">{{ t('typeLabel') }}</view>
+            <picker mode="selector" :range="typeLabels" @change="handleTypeChange">
+              <view class="form-picker">
+                {{ selectedTypeLabel || t('typePlaceholder') }}
+              </view>
+            </picker>
+          </view>
+
+          <view class="form-item tn-margin-top">
+            <view class="form-label">{{ t('itemTypeLabel') }}</view>
+            <input v-model="form.itemType" class="form-input" :placeholder="t('itemTypePlaceholder')" maxlength="40" />
+          </view>
+
+          <view class="form-item tn-margin-top">
+            <view class="form-label">{{ t('itemNameLabel') }}</view>
+            <input v-model="form.itemName" class="form-input" :placeholder="t('itemNamePlaceholder')" maxlength="60" />
+          </view>
+
+          <view class="form-item tn-margin-top">
+            <view class="form-label">{{ t('placeLabel') }}</view>
+            <input v-model="form.place" class="form-input" :placeholder="t('placePlaceholder')" maxlength="100" />
+          </view>
+
+          <view class="form-item tn-margin-top">
+            <view class="form-label">{{ t('whenLabel') }}</view>
+            <view class="picker-row">
+              <picker mode="date" :value="form.whenDate" @change="handleDateChange">
+                <view class="form-picker">{{ form.whenDate || t('selectDate') }}</view>
+              </picker>
+              <picker mode="time" :value="form.whenTime" @change="handleTimeChange">
+                <view class="form-picker form-picker--time">{{ form.whenTime || t('selectTime') }}</view>
+              </picker>
+            </view>
+            <view class="field-tip">{{ t('whenTip') }}</view>
+          </view>
+
+          <view class="form-item tn-margin-top">
+            <view class="form-label">{{ t('contractLabel') }}</view>
+            <input v-model="form.contract" class="form-input" :placeholder="t('contractPlaceholder')" maxlength="40" />
+          </view>
+
+          <view class="form-item tn-margin-top">
+            <view class="form-label">{{ t('contractPhoneLabel') }}</view>
+            <input v-model="form.contractPhone" class="form-input" :placeholder="t('contractPhonePlaceholder')" maxlength="30" />
+          </view>
+
+          <view class="form-item tn-margin-top">
+            <view class="form-label">{{ t('remarkLabel') }}</view>
+            <textarea
+              v-model="form.remark"
+              class="form-textarea"
+              :placeholder="t('remarkPlaceholder')"
+              maxlength="300"
+            ></textarea>
+            <view class="field-counter">{{ (form.remark || '').length }}/300</view>
+          </view>
+
+          <view class="form-item tn-margin-top">
+            <view class="form-label">{{ t('imagesLabel') }}</view>
+            <tn-image-upload
+              :key="uploadInstanceKey"
+              :fileList="form.photos"
+              :action="uploadAction"
+              :header="uploadHeaders"
+              :formData="uploadFormData"
+              :max-count="6"
+              :max-size="5 * 1024 * 1024"
+              uploadText=""
+              @on-success="onUploadSuccess"
+              @on-list-change="onPhotoListChange"
+              @on-remove="onRemoveImage"
+              @on-error="onUploadError"
+              @on-oversize="onUploadOversize"
+              @on-exceed="onUploadExceed"
+            >
+              <template #addBtn>
+                <view class="upload-trigger">
+                  <text class="tn-icon-camera-fill upload-trigger__icon"></text>
+                  <view class="upload-trigger__text">{{ t('uploadImage') }}</view>
+                </view>
+              </template>
+            </tn-image-upload>
+            <view class="field-tip">{{ t('imagesTip') }}</view>
+          </view>
+        </view>
+      </view>
+    </scroll-view>
+
+    <view class="floating-submit-bar">
+      <view class="floating-submit-bar__inner">
+        <view class="floating-submit-tip">{{ t('submitTip') }}</view>
+        <view class="submit-btn btn-primary" :class="{ 'submit-btn--disabled': isSubmitting }" @click="submitForm">
+          <text class="tn-text-bold">{{ isSubmitting ? t('submitting') : t('submitButton') }}</text>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+import { API_BASE_URL } from '@/utils/request'
+import { getAuthToken } from '@/utils/app-state'
+import { addFilePrefix } from '@/utils/common'
+import { lostAndFoundPublish } from '@/api/index.js'
+import { getStoredUser } from '@/utils/flow'
+
+function pickReadableValue(...values) {
+  for (let index = 0; index < values.length; index += 1) {
+    const text = String(values[index] || '').trim()
+    if (text) {
+      return text
+    }
+  }
+  return ''
+}
+
+export default {
+  name: 'LostFoundPublishPage',
+  data() {
+    return {
+      scrollTop: 0,
+      isSubmitting: false,
+      uploadInstanceKey: 0,
+      form: this.createDefaultForm()
+    }
+  },
+  computed: {
+    language() {
+      return this.$getLanguage ? this.$getLanguage() : 'zh'
+    },
+    navBarBackgroundColor() {
+      if (this.scrollTop < 40) return 'rgba(255, 255, 255, 0)'
+      return 'rgba(255, 255, 255, 0.96)'
+    },
+    navBarBackStyle() {
+      const isDarkBg = this.scrollTop < 40
+      return {
+        transition: 'all 0.2s ease',
+        background: isDarkBg ? 'rgba(0, 0, 0, 0.2)' : 'transparent',
+        borderRadius: '50%',
+        width: '64rpx',
+        height: '64rpx',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        marginLeft: '12rpx',
+        color: isDarkBg ? '#FFFFFF' : '#000000'
+      }
+    },
+    navTitleOpacity() {
+      return Math.min(Math.max((this.scrollTop - 40) / 50, 0), 1)
+    },
+    typeOptions() {
+      return [
+        { value: 1, label: this.t('typeLost'), labelEn: this.t('typeLost') },
+        { value: 2, label: this.t('typeFound'), labelEn: this.t('typeFound') }
+      ]
+    },
+    typeLabels() {
+      return this.typeOptions.map(item => item.label)
+    },
+    selectedTypeLabel() {
+      const current = this.typeOptions.find(item => item.value === this.form.type)
+      return current ? current.label : ''
+    },
+    uploadAction() {
+      return `${String(API_BASE_URL || '').replace(/\/$/, '')}/file/common/upload`
+    },
+    uploadHeaders() {
+      const token = getAuthToken()
+      return {
+        ...(token ? { Authorization: `Bearer ${token}` } : {}),
+        'X-Requested-Language': this.language === 'en' ? 'en' : 'zh'
+      }
+    },
+    uploadFormData() {
+      return {
+        ProviderType: 'WechatMiniProgram'
+      }
+    }
+  },
+  onLoad() {
+    this.prefillContact()
+  },
+  methods: {
+    t(key, params) {
+      return this.$tm('pkgService.lost_found_publish.lost_found_publish', key, params)
+    },
+    createDefaultForm() {
+      return {
+        type: 1,
+        itemType: '',
+        itemName: '',
+        place: '',
+        whenDate: '',
+        whenTime: '',
+        contract: '',
+        contractPhone: '',
+        remark: '',
+        photos: [],
+        imageUrls: []
+      }
+    },
+    prefillContact() {
+      const user = getStoredUser() || {}
+      this.form.contract = this.form.contract || pickReadableValue(user.name, user.realName, user.username)
+      this.form.contractPhone = this.form.contractPhone || pickReadableValue(user.phone, user.mobile, user.tel)
+    },
+    handleScroll(e) {
+      this.scrollTop = e.detail.scrollTop
+    },
+    handleTypeChange(event) {
+      const index = Number(event && event.detail ? event.detail.value : 0)
+      const target = this.typeOptions[index]
+      this.form.type = target ? target.value : 1
+    },
+    handleDateChange(event) {
+      this.form.whenDate = event && event.detail ? event.detail.value : ''
+    },
+    handleTimeChange(event) {
+      this.form.whenTime = event && event.detail ? event.detail.value : ''
+    },
+    resolveWhenValue() {
+      if (!this.form.whenDate) {
+        return null
+      }
+      const timeText = this.form.whenTime || '00:00'
+      return `${this.form.whenDate}T${timeText}:00`
+    },
+    resolveUploadedFileUrl(uploadResult) {
+      return pickReadableValue(
+        uploadResult && uploadResult.data && uploadResult.data.url,
+        uploadResult && uploadResult.data && uploadResult.data.fileUrl,
+        uploadResult && uploadResult.data && uploadResult.data.path,
+        uploadResult && uploadResult.data,
+        uploadResult && uploadResult.url,
+        uploadResult && uploadResult.fileUrl,
+        uploadResult && uploadResult.path,
+        typeof uploadResult === 'string' ? uploadResult : ''
+      )
+    },
+    onUploadSuccess(data, index, list) {
+      let parsedData = data
+      if (typeof data === 'string') {
+        try {
+          parsedData = JSON.parse(data)
+        } catch (error) {}
+      }
+      const resourceUrl = this.resolveUploadedFileUrl(parsedData)
+      if (!resourceUrl) {
+        return
+      }
+      this.form.photos = Array.isArray(list) ? list : this.form.photos
+      this.form.imageUrls.splice(index, 1, resourceUrl)
+    },
+    onPhotoListChange(list) {
+      this.form.photos = Array.isArray(list) ? list : []
+    },
+    onRemoveImage(index) {
+      this.form.imageUrls.splice(index, 1)
+    },
+    onUploadError() {
+      uni.showToast({ title: this.t('uploadFailed'), icon: 'none' })
+    },
+    onUploadOversize() {
+      uni.showToast({ title: this.t('uploadOversize'), icon: 'none' })
+    },
+    onUploadExceed() {
+      uni.showToast({ title: this.t('uploadExceed'), icon: 'none' })
+    },
+    getValidationMessage() {
+      if (!String(this.form.itemType || '').trim()) return this.t('validateItemType')
+      if (!String(this.form.itemName || '').trim()) return this.t('validateItemName')
+      if (!String(this.form.place || '').trim()) return this.t('validatePlace')
+      if (!String(this.form.contract || '').trim()) return this.t('validateContract')
+      if (!String(this.form.contractPhone || '').trim()) return this.t('validateContractPhone')
+      return ''
+    },
+    buildSubmitPayload() {
+      return {
+        type: Number(this.form.type) || 1,
+        itemType: String(this.form.itemType || '').trim(),
+        itemName: String(this.form.itemName || '').trim(),
+        place: String(this.form.place || '').trim(),
+        when: this.resolveWhenValue(),
+        contract: String(this.form.contract || '').trim(),
+        contractPhone: String(this.form.contractPhone || '').trim(),
+        remark: String(this.form.remark || '').trim() || null,
+        imageUrls: this.form.imageUrls.length ? this.form.imageUrls.slice() : null
+      }
+    },
+    resetForm() {
+      this.uploadInstanceKey += 1
+      this.form = this.createDefaultForm()
+      this.prefillContact()
+    },
+    submitForm() {
+      if (this.isSubmitting) {
+        return
+      }
+      const validationMessage = this.getValidationMessage()
+      if (validationMessage) {
+        uni.showToast({ title: validationMessage, icon: 'none' })
+        return
+      }
+      this.isSubmitting = true
+      lostAndFoundPublish(this.buildSubmitPayload(), this.language)
+        .then(() => {
+          uni.showToast({
+            title: this.t('submitSuccess'),
+            icon: 'success'
+          })
+          this.resetForm()
+          setTimeout(() => {
+            uni.navigateBack({
+              delta: 1
+            })
+          }, 600)
+        })
+        .catch((error) => {
+          uni.showToast({
+            title: (error && (error.message || error.msg)) || this.t('submitFailed'),
+            icon: 'none'
+          })
+        })
+        .finally(() => {
+          this.isSubmitting = false
+        })
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.lost-found-page {
+  min-height: 100vh;
+  background: linear-gradient(180deg, #F0F6FF 0%, #F8FAFF 100%);
+}
+
+.page-scroll {
+  height: 100vh;
+}
+
+.hero-header {
+  padding: 24rpx 8rpx 0;
+}
+
+.hero-badge {
+  display: inline-flex;
+  align-items: center;
+  padding: 10rpx 18rpx;
+  background: rgba($brand-primary, 0.08);
+  border-radius: 999rpx;
+  color: $brand-primary;
+  font-size: 22rpx;
+  font-weight: 700;
+}
+
+.badge-dot {
+  width: 10rpx;
+  height: 10rpx;
+  border-radius: 50%;
+  background: $brand-primary;
+  margin-right: 10rpx;
+}
+
+.hero-title {
+  margin-top: 22rpx;
+  font-size: 52rpx;
+  line-height: 1.2;
+  color: #1A2233;
+  font-weight: 800;
+}
+
+.hero-desc {
+  margin-top: 16rpx;
+  color: #6A7A99;
+  font-size: 26rpx;
+  line-height: 1.6;
+}
+
+.form-card {
+  background: #FFFFFF;
+  border-radius: 28rpx;
+  box-shadow: 0 12rpx 36rpx rgba(43, 142, 255, 0.06);
+  border: 1rpx solid rgba(255, 255, 255, 0.8);
+  padding: 30rpx;
+}
+
+.block-title {
+  font-size: 32rpx;
+  font-weight: 700;
+  color: #1A2233;
+}
+
+.block-subtitle {
+  margin-top: 10rpx;
+  font-size: 24rpx;
+  color: #7C8AA5;
+  line-height: 1.6;
+}
+
+.form-label {
+  margin-bottom: 16rpx;
+  font-size: 28rpx;
+  color: #1A2233;
+  font-weight: 700;
+}
+
+.form-input,
+.form-picker,
+.form-textarea {
+  width: 100%;
+  background: #F8FAFF;
+  border-radius: 22rpx;
+  border: 1rpx solid rgba($brand-primary, 0.08);
+  color: #1A2233;
+}
+
+.form-input,
+.form-picker {
+  min-height: 96rpx;
+  padding: 0 26rpx;
+  display: flex;
+  align-items: center;
+  font-size: 28rpx;
+}
+
+.form-textarea {
+  min-height: 180rpx;
+  padding: 26rpx;
+  font-size: 28rpx;
+  line-height: 1.6;
+}
+
+.picker-row {
+  display: flex;
+  gap: 16rpx;
+}
+
+.picker-row picker {
+  flex: 1;
+}
+
+.form-picker--time {
+  justify-content: center;
+}
+
+.field-tip {
+  margin-top: 12rpx;
+  font-size: 22rpx;
+  color: #8A97AE;
+  line-height: 1.6;
+}
+
+.field-counter {
+  margin-top: 12rpx;
+  text-align: right;
+  font-size: 22rpx;
+  color: #9AA6BC;
+}
+
+.upload-trigger {
+  width: 200rpx;
+  height: 200rpx;
+  border-radius: 22rpx;
+  background: linear-gradient(135deg, rgba($brand-primary, 0.08) 0%, rgba($brand-primary, 0.03) 100%);
+  border: 1rpx dashed rgba($brand-primary, 0.26);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+
+.upload-trigger__icon {
+  font-size: 40rpx;
+  color: $brand-primary;
+}
+
+.upload-trigger__text {
+  margin-top: 12rpx;
+  font-size: 24rpx;
+  color: $brand-primary;
+  font-weight: 600;
+}
+
+.floating-submit-bar {
+  position: fixed;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  padding: 24rpx 24rpx calc(24rpx + env(safe-area-inset-bottom));
+  background: linear-gradient(180deg, rgba(248, 250, 255, 0) 0%, rgba(248, 250, 255, 0.98) 36%, rgba(248, 250, 255, 1) 100%);
+}
+
+.floating-submit-bar__inner {
+  background: rgba(255, 255, 255, 0.96);
+  border-radius: 28rpx;
+  padding: 22rpx;
+  box-shadow: 0 12rpx 36rpx rgba(43, 142, 255, 0.08);
+}
+
+.floating-submit-tip {
+  margin-bottom: 16rpx;
+  font-size: 22rpx;
+  color: #7C8AA5;
+}
+
+.submit-btn {
+  height: 96rpx;
+  border-radius: 24rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.btn-primary {
+  background: linear-gradient(135deg, rgba($brand-primary, 0.92) 0%, $brand-primary 100%);
+  color: #FFFFFF;
+  box-shadow: 0 12rpx 28rpx rgba($brand-primary, 0.24);
+}
+
+.submit-btn--disabled {
+  opacity: 0.7;
+}
+</style>
diff --git a/pkgService/my_application/my_application.vue b/pkgService/my_application/my_application.vue
index 70b968c..96b5c15 100644
--- a/pkgService/my_application/my_application.vue
+++ b/pkgService/my_application/my_application.vue
@@ -109,14 +109,51 @@
 </template>
 
 <script>
-import { applicationFormMePage } from '@/api/index.js'
+import { applicationFormMePage, orderSearchedReservationFlow } from '@/api/index.js'
 import { saveActiveApplicationCode, saveMyApplicationList } from '@/utils/app-state'
+import {
+  attachReservationFlow,
+  buildReservationFlowMap,
+  getReservationOrderNo,
+  parseReservationFlowResponse
+} from '@/utils/reservation-flow'
 
 function formatPageResponse(response) {
   const payload = response && response.data ? response.data : response
   return payload && typeof payload === 'object' ? payload : {}
 }
 
+const VIEWING_APPLICATION_PATTERN = /预约看房申请|看房时间[:：]|意向房型[:：]|意向区域[:：]|viewing request|viewing time[:：]|preferred room type[:：]|preferred area[:：]/i
+
+function isViewingApplicationRecord(item = {}) {
+  if (!item || typeof item !== 'object') {
+    return false
+  }
+
+  const typeText = [
+    item.businessType,
+    item.applicationType,
+    item.applicationTypeDesc,
+    item.formType,
+    item.bizType,
+    item.type,
+    item.typeDesc
+  ]
+    .filter(value => value !== null && typeof value !== 'undefined' && String(value).trim())
+    .join(' ')
+
+  if (/viewing|看房|带看/i.test(typeText)) {
+    return true
+  }
+
+  if ([item.appointmentViewingTime, item.viewingTime, item.bookViewingTime].some(value => String(value || '').trim())) {
+    return true
+  }
+
+  const remark = item && item.remark ? String(item.remark) : ''
+  return VIEWING_APPLICATION_PATTERN.test(remark)
+}
+
 function normalizeApplicationList(list = []) {
   if (!Array.isArray(list)) {
     return []
@@ -124,11 +161,9 @@ function normalizeApplicationList(list = []) {
   return list
     .filter(item => item && typeof item === 'object')
     .map((item) => {
-      const remark = item && item.remark ? String(item.remark) : ''
-      const isViewingApplication = /预约看房申请|看房时间[:：]|意向房型[:：]|意向区域[:：]|viewing request|viewing time[:：]|preferred room type[:：]|preferred area[:：]/i.test(remark)
       return {
         ...item,
-        isViewingApplication
+        isViewingApplication: isViewingApplicationRecord(item)
       }
     })
 }
@@ -349,7 +384,7 @@ export default {
       }
 
       await applicationFormMePage(params, this.language)
-        .then((response) => {
+        .then(async (response) => {
           const pageData = formatPageResponse(response)
           console.log('pageData', pageData)
           const nextList = normalizeApplicationList(pageData.data || [])
@@ -358,12 +393,14 @@ export default {
           this.total = total
           this.list = normalizeApplicationList(isReload ? nextList : this.list.concat(nextList))
           this.hasMore = this.list.length < total && nextList.length > 0
-          saveMyApplicationList(this.list)
 
           const activeCode = this.resolvePreferredReferenceTypeNo(this.list)
           if (activeCode) {
             saveActiveApplicationCode(activeCode)
           }
+
+          await this.loadReservationFlowsForList(this.list)
+          saveMyApplicationList(this.list)
         })
         .catch((error) => {
           if (!isReload) {
@@ -416,6 +453,41 @@ export default {
       const preferredItem = sortedList.find(item => Number(item.status) !== 99) || sortedList[0]
       return this.resolveReferenceTypeNo(preferredItem)
     },
+    async loadReservationFlowsForList(list = []) {
+      const baseList = Array.isArray(list) ? list : []
+      const orderNos = [...new Set(
+        baseList
+          .filter(item => item && !item.isViewingApplication)
+          .map(item => getReservationOrderNo(item))
+          .filter(Boolean)
+      )]
+
+      const requestToken = Date.now()
+      this._reservationFlowRequestToken = requestToken
+
+      const applyFlowMap = (flowMap = {}) => {
+        if (this._reservationFlowRequestToken !== requestToken) {
+          return
+        }
+        this.list = (Array.isArray(this.list) ? this.list : []).map(item => attachReservationFlow(item, flowMap))
+      }
+
+      if (!orderNos.length) {
+        applyFlowMap({})
+        return
+      }
+
+      try {
+        const response = await orderSearchedReservationFlow({
+          orderNos
+        }, this.language)
+        const flowMap = buildReservationFlowMap(parseReservationFlowResponse(response))
+        applyFlowMap(flowMap)
+      } catch (error) {
+        console.log('[my_application] load reservation flow failed', error)
+        applyFlowMap({})
+      }
+    },
     goToBillPage(event) {
       const dataset = event && event.currentTarget ? event.currentTarget.dataset || {} : {}
       const referenceTypeNo = dataset.referenceTypeNo || dataset.referenceTypeNo === 0
@@ -437,10 +509,6 @@ export default {
     goToApplicationDetail(item = {}) {
       const code = item.detailCode || ''
       if (!code) {
-        uni.showToast({
-          title: this.t('missingApplicationCode'),
-          icon: 'none'
-        })
         return
       }
       uni.navigateTo({
diff --git a/pkgService/room_inspection/room_inspection.vue b/pkgService/room_inspection/room_inspection.vue
new file mode 100644
index 0000000..dd96a68
--- /dev/null
+++ b/pkgService/room_inspection/room_inspection.vue
@@ -0,0 +1,1130 @@
+<template>
+  <view class="app-page">
+    <tn-nav-bar :isBack="true" :bottomShadow="false" backgroundColor="#FFFFFF">
+      <!-- Empty slot for title to keep it clean, or use default -->
+    </tn-nav-bar>
+
+    <!-- Header -->
+    <view class="page-header" :style="{ paddingTop: vuex_custom_bar_height ? 'calc(' + vuex_custom_bar_height + 'px + 32rpx)' : '32rpx' }">
+      <view class="title-wrap">
+        <text class="title-zh">{{ t('pageTitle') }}</text>
+        <text class="title-en">Inspection</text>
+      </view>
+      <view v-if="activeInspection" class="status-tag">
+        {{ activeInspection.statusText }}
+      </view>
+    </view>
+
+    <!-- Inspection Tabs (Only show if > 1) -->
+    <view v-if="inspectionList.length > 1" class="tab-wrap">
+      <scroll-view scroll-x class="tab-scroll" :show-scrollbar="false">
+        <view class="tab-list">
+          <view
+            v-for="item in inspectionList"
+            :key="item.inspectionNo"
+            class="tab-item"
+            :class="{ 'tab-item--active': item.inspectionNo === activeInspectionNo }"
+            @click="switchInspection(item)"
+          >
+            <text class="tab-type">{{ item.typeText }}</text>
+            <text class="tab-room font-mono">{{ item.roomNo || '--' }}</text>
+          </view>
+        </view>
+      </scroll-view>
+    </view>
+
+    <view v-if="activeInspectionDetail" class="content-wrap">
+      <!-- High Density Info Grid -->
+      <view class="info-grid">
+        <view class="info-cell">
+          <text class="info-label">{{ t('roomNoLabel') }}</text>
+          <text class="info-value font-mono">{{ activeInspectionDetail.roomNo || '--' }}</text>
+        </view>
+        <view class="info-cell">
+          <text class="info-label">{{ t('inspectionTypeLabel') }}</text>
+          <text class="info-value">{{ activeInspectionDetail.typeText }}</text>
+        </view>
+        <view class="info-cell full-width">
+          <text class="info-label">{{ t('inspectionTimeLabel') }}</text>
+          <text class="info-value font-mono">{{ activeInspectionDetail.createTimeText }}</text>
+        </view>
+      </view>
+
+      <!-- Remarks -->
+      <view class="remarks-wrap">
+        <textarea
+          class="remarks-input"
+          :value="remarksDraft"
+          :placeholder="t('inspectionRemarksPlaceholder')"
+          maxlength="300"
+          auto-height
+          @input="handleRemarksInput"
+        />
+      </view>
+
+      <!-- Items -->
+      <view v-if="activeInspectionDetail.items.length" class="items-wrap">
+        <view class="section-title">
+          <text class="section-title-zh">{{ t('inspectionItemsTitle') }}</text>
+          <text class="section-title-en">Items</text>
+        </view>
+
+        <view class="item-list">
+          <view
+            v-for="(item, index) in activeInspectionDetail.items"
+            :key="item.itemId || index"
+            class="inspect-item"
+          >
+            <view class="item-header">
+              <view class="item-title-col">
+                <text class="item-name">{{ item.deviceName || t('deviceFallback') }}</text>
+                <text class="item-meta" v-if="item.assetSourceText || item.brandSnapshot">
+                  {{ [item.assetSourceText, item.brandSnapshot].filter(Boolean).join(' / ') }}
+                </text>
+              </view>
+              <text v-if="item.isRequiredSnapshot" class="item-required">{{ t('requiredTag') }}</text>
+            </view>
+
+            <view class="item-body">
+              <view class="row-flex">
+                <view class="col-half">
+                  <text class="field-label">{{ t('expectedQuantityLabel') }}</text>
+                  <text class="field-value font-mono">{{ item.expectedQuantityText }}</text>
+                </view>
+                <view class="col-half">
+                  <text class="field-label">{{ t('checkedQuantityLabel') }}</text>
+                  <input
+                    class="field-input font-mono"
+                    type="number"
+                    :value="item.checkedQuantityDraft"
+                    :placeholder="t('checkedQuantityPlaceholder')"
+                    @input="updateItemField(index, 'checkedQuantityDraft', $event.detail.value)"
+                  />
+                </view>
+              </view>
+
+              <view class="field-row mt-20">
+                <text class="field-label">{{ t('inspectionResultLabel') }}</text>
+                <view class="radio-group">
+                  <view
+                    v-for="option in inspectionResultOptions"
+                    :key="option.key"
+                    class="radio-btn"
+                    :class="{ 'radio-btn--active': String(item.resultDraft) === String(option.key) }"
+                    @click="updateItemField(index, 'resultDraft', option.key)"
+                  >
+                    {{ option.value }}
+                  </view>
+                </view>
+              </view>
+
+              <view class="field-row mt-20">
+                <textarea
+                  class="field-textarea"
+                  :value="item.problemDetailDraft"
+                  :placeholder="t('problemDetailPlaceholder')"
+                  maxlength="300"
+                  auto-height
+                  @input="updateItemField(index, 'problemDetailDraft', $event.detail.value)"
+                />
+              </view>
+
+              <view class="field-row mt-20">
+                <view class="photo-uploader">
+                  <view
+                    v-for="(url, imageIndex) in item.imageUrlsDraft"
+                    :key="`${item.itemId || index}-${imageIndex}`"
+                    class="photo-item"
+                  >
+                    <image
+                      class="photo-img"
+                      :src="resolveImageUrl(url)"
+                      mode="aspectFill"
+                      @click="previewImages(item.imageUrlsDraft, imageIndex)"
+                    />
+                    <view class="photo-del" @click.stop="removeImage(index, imageIndex)">×</view>
+                  </view>
+                  <view class="photo-add" @click="chooseImages(index)">
+                    <text class="photo-add-icon">+</text>
+                  </view>
+                </view>
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+
+      <view v-else-if="!loading" class="empty-state">
+        <text class="empty-title">{{ t('emptyItemsTitle') }}</text>
+        <text class="empty-desc">{{ t('emptyItemsDesc') }}</text>
+      </view>
+    </view>
+
+    <view v-if="!loading && !inspectionList.length" class="empty-state">
+      <text class="empty-title">{{ t('emptyTitle') }}</text>
+      <text class="empty-desc">{{ t('emptyDesc') }}</text>
+    </view>
+
+    <view v-if="activeInspectionDetail" class="bottom-action">
+      <view class="btn-submit" @click="submitInspection">
+        {{ submitting ? t('submitting') : t('submitAction') }}
+      </view>
+    </view>
+
+    <view v-if="loading" class="global-loading">
+      <tn-loading mode="circle" color="#0F172A" size="48"></tn-loading>
+      <text class="loading-text">{{ t('loadingDesc') }}</text>
+    </view>
+  </view>
+</template>
+
+<script>
+import {
+  roomInspectionDetail,
+  roomInspectionMyPage,
+  roomInspectionSubmit,
+  uploadCommonFile
+} from '@/api/index.js'
+import { fetchEnums, getEnumLabel, getEnumOptions } from '@/utils/enum-store'
+import { addFilePrefix } from '@/utils/common'
+import { getAuthToken } from '@/utils/app-state'
+
+function getResponsePayload(response) {
+  const payload = response && response.data ? response.data : response
+  if (typeof payload !== 'string') {
+    return payload
+  }
+  const text = payload.trim()
+  if (!text) {
+    return payload
+  }
+  if (!((text.startsWith('{') && text.endsWith('}')) || (text.startsWith('[') && text.endsWith(']')))) {
+    return payload
+  }
+  try {
+    return JSON.parse(text)
+  } catch (error) {
+    return payload
+  }
+}
+
+function getArrayPayload(response) {
+  const payload = getResponsePayload(response)
+  if (Array.isArray(payload)) {
+    return payload
+  }
+  if (payload && Array.isArray(payload.data)) {
+    return payload.data
+  }
+  if (payload && Array.isArray(payload.items)) {
+    return payload.items
+  }
+  return []
+}
+
+function getObjectPayload(response) {
+  const payload = getResponsePayload(response)
+  if (payload && typeof payload === 'object' && !Array.isArray(payload)) {
+    return payload
+  }
+  return {}
+}
+
+function formatDateTime(value) {
+  if (!value) {
+    return '--'
+  }
+  const text = String(value).replace('T', ' ')
+  return text.length > 16 ? text.slice(0, 16) : text
+}
+
+function resolveUploadedFileUrl(uploadResult) {
+  const candidates = [
+    uploadResult && uploadResult.data && uploadResult.data.url,
+    uploadResult && uploadResult.data && uploadResult.data.fileUrl,
+    uploadResult && uploadResult.data && uploadResult.data.path,
+    uploadResult && uploadResult.data && uploadResult.data.filePath,
+    uploadResult && uploadResult.data,
+    uploadResult && uploadResult.url,
+    uploadResult && uploadResult.fileUrl,
+    uploadResult && uploadResult.path,
+    uploadResult && uploadResult.filePath,
+    typeof uploadResult === 'string' ? uploadResult : ''
+  ]
+  return candidates.find(item => typeof item === 'string' && item) || ''
+}
+
+export default {
+  data() {
+    return {
+      loading: false,
+      submitting: false,
+      orderNo: '',
+      inspectionResultOptions: [],
+      inspectionList: [],
+      activeInspectionNo: '',
+      detailMap: {},
+      remarksDraft: ''
+    }
+  },
+  watch: {
+    language() {
+      this.detailMap = {}
+      this.loadPage(true)
+    }
+  },
+  computed: {
+    language() {
+      return this.$getLanguage()
+    },
+    activeInspection() {
+      return this.inspectionList.find(item => item.inspectionNo === this.activeInspectionNo) || null
+    },
+    activeInspectionDetail() {
+      return this.detailMap[this.activeInspectionNo] || null
+    }
+  },
+  onLoad(options = {}) {
+    this.orderNo = String(options.orderNo || '').trim()
+    this.activeInspectionNo = String(options.inspectionNo || '').trim()
+    this.loadPage(true)
+  },
+  onPullDownRefresh() {
+    this.loadPage(true).finally(() => {
+      uni.stopPullDownRefresh()
+    })
+  },
+  methods: {
+    t(key) {
+      const map = {
+        zh: {
+          pageTitle: '验房',
+          pageDesc: '按当前订单查看并提交验房结果',
+          inspectionListTitle: '验房记录',
+          roomNoLabel: '房间号',
+          inspectionTypeLabel: '验房类型',
+          inspectionStatusLabel: '当前状态',
+          inspectionTimeLabel: '发起时间',
+          inspectionRemarksLabel: '备注',
+          inspectionRemarksPlaceholder: '可填写本次验房的补充说明',
+          inspectionItemsTitle: '检查项',
+          inspectionItemsDesc: '请根据现场情况逐项核对',
+          deviceFallback: '未命名设备',
+          requiredTag: '必查',
+          expectedQuantityLabel: '应有数量',
+          inspectionResultLabel: '检查结果',
+          checkedQuantityLabel: '实测数量',
+          checkedQuantityPlaceholder: '请输入数量',
+          problemDetailLabel: '问题说明',
+          problemDetailPlaceholder: '请描述异常、缺失或损坏情况',
+          photosLabel: '现场照片',
+          addPhoto: '添加',
+          submitAction: '提交验房',
+          loadingDesc: '正在同步验房数据...',
+          emptyTitle: '暂无验房单',
+          emptyDesc: '当前订单还没有可查看的验房记录。',
+          emptyItemsTitle: '暂无检查项',
+          emptyItemsDesc: '当前验房单还没有检查项明细。',
+          submitSuccess: '验房单已提交',
+          submitFailed: '提交失败',
+          submitting: '提交中...',
+          missingInspectionNo: '未获取到验房单',
+          uploadFailed: '图片上传失败',
+          chooseImageFailed: '选择图片失败',
+          resultRequired: '请先完成所有检查项结果选择'
+        },
+        en: {
+          pageTitle: 'Inspection',
+          pageDesc: 'Review and submit inspection results for the current order',
+          inspectionListTitle: 'Inspection Records',
+          roomNoLabel: 'Room No.',
+          inspectionTypeLabel: 'Inspection Type',
+          inspectionStatusLabel: 'Status',
+          inspectionTimeLabel: 'Created At',
+          inspectionRemarksLabel: 'Remarks',
+          inspectionRemarksPlaceholder: 'Add notes for this inspection',
+          inspectionItemsTitle: 'Inspection Items',
+          inspectionItemsDesc: 'Check each item according to the on-site condition',
+          deviceFallback: 'Unnamed Device',
+          requiredTag: 'Required',
+          expectedQuantityLabel: 'Expected Qty',
+          inspectionResultLabel: 'Result',
+          checkedQuantityLabel: 'Checked Qty',
+          checkedQuantityPlaceholder: 'Enter quantity',
+          problemDetailLabel: 'Problem Detail',
+          problemDetailPlaceholder: 'Describe any abnormal, missing, or damaged condition',
+          photosLabel: 'Photos',
+          addPhoto: 'Add',
+          submitAction: 'Submit',
+          loadingDesc: 'Syncing inspection data...',
+          emptyTitle: 'No inspections',
+          emptyDesc: 'No inspection record is available for the current order.',
+          emptyItemsTitle: 'No items',
+          emptyItemsDesc: 'No inspection item is available for this inspection.',
+          submitSuccess: 'Inspection submitted',
+          submitFailed: 'Failed to submit',
+          submitting: 'Submitting...',
+          missingInspectionNo: 'Missing inspection record',
+          uploadFailed: 'Failed to upload image',
+          chooseImageFailed: 'Failed to choose image',
+          resultRequired: 'Please complete the result selection for all items first'
+        }
+      }
+      const lang = this.language === 'en' ? 'en' : 'zh'
+      return (map[lang] && map[lang][key]) || key
+    },
+    syncInspectionResultOptions() {
+      this.inspectionResultOptions = this.getEnumOptionsWithAliases([
+        'InspectionItemResultEnum',
+        'INSPECTIONITEMRESULTENUM'
+      ])
+    },
+    getCheckTypeLabel(value, fallback = '') {
+      return getEnumLabel('CheckTypeEnum', value, fallback, this.language)
+    },
+    getInspectionStatusLabel(value, fallback = '') {
+      return getEnumLabel('InspectionStatusEnum', value, fallback, this.language)
+    },
+    getInspectionItemResultLabel(value, fallback = '') {
+      return this.getEnumLabelWithAliases([
+        'InspectionItemResultEnum',
+        'INSPECTIONITEMRESULTENUM'
+      ], value, fallback)
+    },
+    getAssetSourceLabel(value, fallback = '') {
+      return getEnumLabel('RoomAssetSourceTypeEnum', value, fallback, this.language)
+    },
+    getEnumOptionsWithAliases(codes = []) {
+      const codeList = Array.isArray(codes) ? codes : [codes]
+      for (let index = 0; index < codeList.length; index += 1) {
+        const code = String(codeList[index] || '').trim()
+        if (!code) {
+          continue
+        }
+        const options = getEnumOptions(code, this.language)
+        if (Array.isArray(options) && options.length) {
+          return options
+        }
+      }
+      return []
+    },
+    getEnumLabelWithAliases(codes = [], value = '', fallback = '') {
+      const codeList = Array.isArray(codes) ? codes : [codes]
+      for (let index = 0; index < codeList.length; index += 1) {
+        const code = String(codeList[index] || '').trim()
+        if (!code) {
+          continue
+        }
+        const label = getEnumLabel(code, value, '', this.language)
+        if (label !== '') {
+          return label
+        }
+      }
+      return fallback
+    },
+    normalizeListItem(item = {}) {
+      const inspectionNo = String(item.no || item.inspectionNo || '').trim()
+      return {
+        inspectionNo,
+        roomNo: item.roomNo || '',
+        type: item.type,
+        status: item.status,
+        createTime: item.createTime || '',
+        createTimeText: formatDateTime(item.createTime),
+        typeText: this.getCheckTypeLabel(item.type, item.typeDes || '--'),
+        statusText: this.getInspectionStatusLabel(item.status, item.statusDes || '--')
+      }
+    },
+    normalizeDetail(detail = {}) {
+      const inspectionNo = String(detail.no || detail.inspectionNo || '').trim()
+      const items = Array.isArray(detail.items)
+        ? [...detail.items]
+          .sort((a, b) => Number(a.sort || 0) - Number(b.sort || 0))
+          .map(item => ({
+            itemId: item.id,
+            deviceName: item.deviceName || '',
+            brandSnapshot: item.brandSnapshot || '',
+            isRequiredSnapshot: !!item.isRequiredSnapshot,
+            expectedQuantityText: item.expectedQuantity === null || item.expectedQuantity === undefined ? '--' : String(item.expectedQuantity),
+            checkedQuantityDraft: item.checkedQuantity === null || item.checkedQuantity === undefined ? '' : String(item.checkedQuantity),
+            resultDraft: item.result === null || item.result === undefined ? '' : String(item.result),
+            problemDetailDraft: item.problemDetail || '',
+            imageUrlsDraft: Array.isArray(item.imageUrls) ? item.imageUrls.filter(Boolean) : [],
+            assetSourceText: this.getAssetSourceLabel(item.assetSourceType, ''),
+            resultText: this.getInspectionItemResultLabel(item.result, item.resultDes || '')
+          }))
+        : []
+
+      return {
+        inspectionNo,
+        roomNo: detail.roomNo || '',
+        typeText: this.getCheckTypeLabel(detail.type, detail.typeDes || '--'),
+        statusText: this.getInspectionStatusLabel(detail.status, detail.statusDes || '--'),
+        createTimeText: formatDateTime(detail.createTime),
+        remarksDraft: detail.remarks || '',
+        items
+      }
+    },
+    async loadPage(force = false) {
+      this.loading = true
+      try {
+        await fetchEnums(force, this.language).catch(() => {})
+        this.syncInspectionResultOptions()
+        await this.fetchInspectionList()
+        if (!this.activeInspectionNo && this.inspectionList.length) {
+          this.activeInspectionNo = this.inspectionList[0].inspectionNo
+        }
+        if (this.activeInspectionNo) {
+          await this.fetchInspectionDetail(this.activeInspectionNo, force)
+        }
+      } finally {
+        this.loading = false
+      }
+    },
+    async fetchInspectionList() {
+      if (!this.orderNo) {
+        this.inspectionList = []
+        this.activeInspectionNo = ''
+        return
+      }
+      const response = await roomInspectionMyPage({
+        orderNo: this.orderNo
+      }, this.language)
+      const list = getArrayPayload(response)
+        .map(item => this.normalizeListItem(item))
+        .filter(item => item.inspectionNo)
+        .sort((prev, next) => new Date(next.createTime || 0).getTime() - new Date(prev.createTime || 0).getTime())
+      this.inspectionList = list
+      if (!list.some(item => item.inspectionNo === this.activeInspectionNo)) {
+        this.activeInspectionNo = list.length ? list[0].inspectionNo : ''
+      }
+    },
+    async fetchInspectionDetail(inspectionNo = '', force = false) {
+      const targetNo = String(inspectionNo || '').trim()
+      if (!targetNo) {
+        return
+      }
+      if (!force && this.detailMap[targetNo]) {
+        this.remarksDraft = this.detailMap[targetNo].remarksDraft || ''
+        return
+      }
+      const response = await roomInspectionDetail({
+        inspectionNo: targetNo
+      }, this.language)
+      const normalized = this.normalizeDetail(getObjectPayload(response))
+      this.$set(this.detailMap, targetNo, normalized)
+      this.remarksDraft = normalized.remarksDraft || ''
+    },
+    async switchInspection(item = {}) {
+      const inspectionNo = String(item.inspectionNo || '').trim()
+      if (!inspectionNo || inspectionNo === this.activeInspectionNo) {
+        return
+      }
+      this.activeInspectionNo = inspectionNo
+      await this.fetchInspectionDetail(inspectionNo)
+    },
+    handleRemarksInput(event) {
+      const value = event && event.detail ? event.detail.value : ''
+      this.remarksDraft = value
+      if (this.activeInspectionDetail) {
+        this.activeInspectionDetail.remarksDraft = value
+      }
+    },
+    updateItemField(index, field, value) {
+      const detail = this.activeInspectionDetail
+      if (!detail || !Array.isArray(detail.items) || !detail.items[index]) {
+        return
+      }
+      this.$set(detail.items[index], field, value)
+    },
+    buildSubmitItems() {
+      const detail = this.activeInspectionDetail
+      if (!detail) {
+        return []
+      }
+      return (Array.isArray(detail.items) ? detail.items : [])
+        .filter(item => item && item.itemId)
+        .map(item => {
+          const resultText = String(item.resultDraft || '').trim()
+          const checkedQuantityText = String(item.checkedQuantityDraft || '').trim()
+          return {
+            itemId: item.itemId,
+            result: resultText === '' ? null : Number(resultText),
+            checkedQuantity: checkedQuantityText === '' ? null : Number(checkedQuantityText),
+            problemDetail: String(item.problemDetailDraft || '').trim(),
+            imageUrls: Array.isArray(item.imageUrlsDraft) ? item.imageUrlsDraft.filter(Boolean) : []
+          }
+        })
+    },
+    validateBeforeSubmit() {
+      const items = this.buildSubmitItems()
+      const hasMissingResult = items.some(item => item.result === null || Number.isNaN(item.result))
+      if (hasMissingResult) {
+        uni.showToast({
+          title: this.t('resultRequired'),
+          icon: 'none'
+        })
+        return false
+      }
+      return true
+    },
+    async submitInspection() {
+      const inspectionNo = String(this.activeInspectionNo || '').trim()
+      if (!inspectionNo || this.submitting) {
+        return
+      }
+      if (!this.validateBeforeSubmit()) {
+        return
+      }
+      this.submitting = true
+      try {
+        await roomInspectionSubmit({
+          inspectionNo,
+          remarks: this.remarksDraft,
+          items: this.buildSubmitItems()
+        }, this.language)
+        uni.showToast({
+          title: this.t('submitSuccess'),
+          icon: 'success'
+        })
+        setTimeout(() => {
+          uni.$emit('reservation-flow-force-refresh', {
+            source: 'room-inspection-submit',
+            orderNo: this.orderNo,
+            inspectionNo
+          })
+          uni.navigateBack()
+        }, 500)
+      } catch (error) {
+        uni.showToast({
+          title: (error && (error.message || error.msg)) || this.t('submitFailed'),
+          icon: 'none'
+        })
+      } finally {
+        this.submitting = false
+      }
+    },
+    chooseImages(index) {
+      uni.chooseImage({
+        count: 9,
+        sizeType: ['compressed'],
+        sourceType: ['album', 'camera'],
+        success: async (res) => {
+          const tempFilePaths = Array.isArray(res.tempFilePaths) ? res.tempFilePaths : []
+          if (!tempFilePaths.length) {
+            return
+          }
+          uni.showLoading({
+            title: this.t('loadingDesc'),
+            mask: true
+          })
+          try {
+            const uploadedUrls = []
+            for (let fileIndex = 0; fileIndex < tempFilePaths.length; fileIndex += 1) {
+              const uploadResult = await uploadCommonFile(
+                tempFilePaths[fileIndex],
+                {},
+                'file',
+                {
+                  ...(getAuthToken() ? { Authorization: `Bearer ${getAuthToken()}` } : {})
+                }
+              )
+              const remoteUrl = resolveUploadedFileUrl(uploadResult)
+              if (!remoteUrl) {
+                throw new Error(this.t('uploadFailed'))
+              }
+              uploadedUrls.push(addFilePrefix(remoteUrl))
+            }
+            const detail = this.activeInspectionDetail
+            if (!detail || !Array.isArray(detail.items) || !detail.items[index]) {
+              return
+            }
+            const nextUrls = (detail.items[index].imageUrlsDraft || []).concat(uploadedUrls)
+            this.$set(detail.items[index], 'imageUrlsDraft', nextUrls)
+          } catch (error) {
+            uni.showToast({
+              title: (error && (error.message || error.msg)) || this.t('uploadFailed'),
+              icon: 'none'
+            })
+          } finally {
+            uni.hideLoading()
+          }
+        },
+        fail: () => {
+          uni.showToast({
+            title: this.t('chooseImageFailed'),
+            icon: 'none'
+          })
+        }
+      })
+    },
+    removeImage(itemIndex, imageIndex) {
+      const detail = this.activeInspectionDetail
+      if (!detail || !Array.isArray(detail.items) || !detail.items[itemIndex]) {
+        return
+      }
+      const nextUrls = (detail.items[itemIndex].imageUrlsDraft || []).filter((_, index) => index !== imageIndex)
+      this.$set(detail.items[itemIndex], 'imageUrlsDraft', nextUrls)
+    },
+    previewImages(urls, currentIndex = 0) {
+      const safeUrls = Array.isArray(urls) ? urls.filter(Boolean).map(item => this.resolveImageUrl(item)) : []
+      if (!safeUrls.length) {
+        return
+      }
+      uni.previewImage({
+        urls: safeUrls,
+        current: safeUrls[currentIndex] || safeUrls[0]
+      })
+    },
+    resolveImageUrl(url = '') {
+      return addFilePrefix(url)
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.app-page {
+  min-height: 100vh;
+  background-color: #F8FAFC;
+  padding-bottom: calc(160rpx + env(safe-area-inset-bottom));
+}
+
+.page-header {
+  padding: 32rpx 32rpx 24rpx;
+  background: #FFFFFF;
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+}
+
+.title-wrap {
+  display: flex;
+  flex-direction: column;
+}
+
+.title-zh {
+  font-size: 40rpx;
+  font-weight: 600;
+  color: #0F172A;
+  line-height: 1.2;
+}
+
+.title-en {
+  font-size: 22rpx;
+  font-weight: 500;
+  color: #94A3B8;
+  margin-top: 8rpx;
+  text-transform: uppercase;
+  letter-spacing: 1rpx;
+}
+
+.status-tag {
+  padding: 8rpx 16rpx;
+  background: #F1F5F9;
+  color: #475569;
+  border-radius: 8rpx;
+  font-size: 24rpx;
+  font-weight: 500;
+}
+
+.tab-wrap {
+  background: #FFFFFF;
+  border-top: 1rpx solid #F1F5F9;
+  padding: 0 32rpx 24rpx;
+}
+
+.tab-scroll {
+  width: 100%;
+  white-space: nowrap;
+}
+
+.tab-list {
+  display: inline-flex;
+  gap: 16rpx;
+}
+
+.tab-item {
+  padding: 16rpx 24rpx;
+  background: #F8FAFC;
+  border-radius: 12rpx;
+  border: 1rpx solid #E2E8F0;
+  display: flex;
+  flex-direction: column;
+  min-width: 180rpx;
+}
+
+.tab-item--active {
+  background: #F0F9FF;
+  border-color: #BAE6FD;
+}
+
+.tab-item--active .tab-type {
+  color: #0284C7;
+}
+
+.tab-type {
+  font-size: 26rpx;
+  font-weight: 600;
+  color: #334155;
+}
+
+.tab-room {
+  font-size: 22rpx;
+  color: #64748B;
+  margin-top: 4rpx;
+}
+
+.content-wrap {
+  padding: 24rpx 32rpx;
+}
+
+/* Info Grid */
+.info-grid {
+  display: flex;
+  flex-wrap: wrap;
+  background: #FFFFFF;
+  border-radius: 16rpx;
+  border: 1rpx solid #E2E8F0;
+  overflow: hidden;
+  margin-bottom: 24rpx;
+}
+
+.info-cell {
+  width: 50%;
+  padding: 20rpx 24rpx;
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+  border-bottom: 1rpx solid #E2E8F0;
+  border-right: 1rpx solid #E2E8F0;
+}
+
+.info-cell:nth-child(even) {
+  border-right: none;
+}
+
+.info-cell.full-width {
+  width: 100%;
+  border-right: none;
+  border-bottom: none;
+}
+
+.info-cell:last-child {
+  border-bottom: none;
+}
+
+.info-label {
+  font-size: 22rpx;
+  color: #64748B;
+  margin-bottom: 8rpx;
+}
+
+.info-value {
+  font-size: 26rpx;
+  color: #0F172A;
+  font-weight: 600;
+}
+
+/* Remarks */
+.remarks-wrap {
+  background: #FFFFFF;
+  border-radius: 16rpx;
+  border: 1rpx solid #E2E8F0;
+  padding: 20rpx 24rpx;
+  margin-bottom: 32rpx;
+}
+
+.remarks-input {
+  width: 100%;
+  min-height: 80rpx;
+  font-size: 26rpx;
+  color: #0F172A;
+  line-height: 1.5;
+}
+
+/* Section Title */
+.section-title {
+  display: flex;
+  align-items: baseline;
+  margin-bottom: 20rpx;
+  padding-left: 8rpx;
+}
+
+.section-title-zh {
+  font-size: 32rpx;
+  font-weight: 600;
+  color: #0F172A;
+  margin-right: 12rpx;
+}
+
+.section-title-en {
+  font-size: 20rpx;
+  font-weight: 500;
+  color: #94A3B8;
+  text-transform: uppercase;
+}
+
+/* Inspect Items */
+.item-list {
+  display: flex;
+  flex-direction: column;
+  gap: 24rpx;
+}
+
+.inspect-item {
+  background: #FFFFFF;
+  border-radius: 16rpx;
+  border: 1rpx solid #E2E8F0;
+  overflow: hidden;
+}
+
+.item-header {
+  padding: 20rpx 24rpx;
+  background: #F8FAFC;
+  border-bottom: 1rpx solid #E2E8F0;
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+}
+
+.item-title-col {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  padding-right: 20rpx;
+}
+
+.item-name {
+  font-size: 28rpx;
+  font-weight: 600;
+  color: #0F172A;
+  line-height: 1.4;
+}
+
+.item-meta {
+  font-size: 22rpx;
+  color: #64748B;
+  margin-top: 6rpx;
+}
+
+.item-required {
+  padding: 4rpx 12rpx;
+  background: #FEF3C7;
+  color: #0369A1;
+  border-radius: 6rpx;
+  font-size: 20rpx;
+  font-weight: 500;
+  flex-shrink: 0;
+  margin-top: 4rpx;
+}
+
+.item-body {
+  padding: 24rpx;
+}
+
+.row-flex {
+  display: flex;
+  gap: 24rpx;
+}
+
+.col-half {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+}
+
+.field-label {
+  font-size: 22rpx;
+  color: #64748B;
+  margin-bottom: 12rpx;
+}
+
+.field-value {
+  font-size: 28rpx;
+  font-weight: 600;
+  color: #0F172A;
+  height: 64rpx;
+  display: flex;
+  align-items: center;
+}
+
+.field-input {
+  height: 64rpx;
+  background: #F8FAFC;
+  border: 1rpx solid #E2E8F0;
+  border-radius: 8rpx;
+  padding: 0 20rpx;
+  font-size: 28rpx;
+  color: #0F172A;
+}
+
+.mt-20 {
+  margin-top: 20rpx;
+}
+
+.radio-group {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 16rpx;
+}
+
+.radio-btn {
+  padding: 12rpx 28rpx;
+  background: #F1F5F9;
+  border-radius: 8rpx;
+  font-size: 24rpx;
+  color: #475569;
+  font-weight: 500;
+  border: 1rpx solid transparent;
+}
+
+.radio-btn--active {
+  background: #F0F9FF;
+  color: #0284C7;
+  border-color: #BAE6FD;
+}
+
+.field-textarea {
+  width: 100%;
+  min-height: 80rpx;
+  background: #F8FAFC;
+  border: 1rpx solid #E2E8F0;
+  border-radius: 8rpx;
+  padding: 16rpx 20rpx;
+  font-size: 26rpx;
+  color: #0F172A;
+  box-sizing: border-box;
+  line-height: 1.5;
+}
+
+.photo-uploader {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 16rpx;
+}
+
+.photo-item,
+.photo-add {
+  width: 140rpx;
+  height: 140rpx;
+  border-radius: 12rpx;
+  overflow: hidden;
+  position: relative;
+}
+
+.photo-item {
+  background: #F1F5F9;
+  border: 1rpx solid #E2E8F0;
+}
+
+.photo-img {
+  width: 100%;
+  height: 100%;
+}
+
+.photo-del {
+  position: absolute;
+  top: 6rpx;
+  right: 6rpx;
+  width: 32rpx;
+  height: 32rpx;
+  background: rgba(0, 0, 0, 0.5);
+  border-radius: 50%;
+  color: #FFFFFF;
+  font-size: 28rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  line-height: 1;
+}
+
+.photo-add {
+  background: #F8FAFC;
+  border: 1rpx dashed #CBD5E1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.photo-add-icon {
+  font-size: 48rpx;
+  color: #94A3B8;
+  font-weight: 300;
+}
+
+/* Empty State */
+.empty-state {
+  padding: 80rpx 0;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.empty-title {
+  font-size: 28rpx;
+  font-weight: 600;
+  color: #334155;
+}
+
+.empty-desc {
+  font-size: 24rpx;
+  color: #94A3B8;
+  margin-top: 12rpx;
+}
+
+/* Bottom Action */
+.bottom-action {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  padding: 24rpx 32rpx;
+  padding-bottom: calc(24rpx + env(safe-area-inset-bottom));
+  background: #FFFFFF;
+  border-top: 1rpx solid #E2E8F0;
+  z-index: 100;
+}
+
+.btn-submit {
+  height: 88rpx;
+  background: #0F172A;
+  color: #FFFFFF;
+  border-radius: 12rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 30rpx;
+  font-weight: 600;
+  box-shadow: 0 8rpx 16rpx rgba(15, 23, 42, 0.15);
+}
+
+.btn-submit:active {
+  opacity: 0.9;
+  transform: translateY(2rpx);
+}
+
+/* Global Loading */
+.global-loading {
+  position: fixed;
+  inset: 0;
+  background: rgba(255, 255, 255, 0.8);
+  backdrop-filter: blur(4px);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  z-index: 999;
+}
+
+.loading-text {
+  margin-top: 24rpx;
+  font-size: 26rpx;
+  color: #475569;
+  font-weight: 500;
+}
+
+.font-mono {
+  font-family: "DIN Alternate", "SF Pro Text", SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
+}
+</style>
diff --git a/pkgService/submit_request/components/BuildingSelector.vue b/pkgService/submit_request/components/BuildingSelector.vue
new file mode 100644
index 0000000..57331af
--- /dev/null
+++ b/pkgService/submit_request/components/BuildingSelector.vue
@@ -0,0 +1,314 @@
+<template>
+  <view class="building-selector">
+    <view
+      class="selector-header tn-flex tn-flex-row-between tn-flex-col-center"
+      :class="{ 'selector-header--disabled': !areaCode }"
+      @click="handleOpen"
+    >
+      <view class="selected-info">
+        <view class="selected-name tn-text-ellipsis" :class="{ 'is-empty': !selectedBuilding }">
+          {{ selectedBuilding ? getBuildingDisplayName(selectedBuilding) : placeholderText }}
+        </view>
+      </view>
+      <text class="tn-icon-right" :class="areaCode ? 'tn-color-gray' : 'tn-color-disabled'"></text>
+    </view>
+
+    <tn-popup v-model="showPopup" mode="bottom" length="72%" :borderRadius="32" :closeBtn="true">
+      <view class="popup-content">
+        <view class="popup-header">
+          <text class="popup-title">{{ t('popupTitle') }}</text>
+        </view>
+
+        <scroll-view scroll-y class="building-list-scroll">
+          <view v-if="isLoading" class="loading-state tn-padding-xl tn-text-center">
+            <tn-loading mode="circle"></tn-loading>
+            <view class="tn-margin-top-sm tn-color-gray">{{ t('loadingText') }}</view>
+          </view>
+
+          <view v-else-if="!buildingList.length" class="empty-state tn-padding-xl tn-text-center">
+            <text class="tn-color-gray">{{ t('emptyText') }}</text>
+          </view>
+
+          <view v-else class="building-list">
+            <view
+              v-for="item in buildingList"
+              :key="item.code"
+              class="building-item"
+              :class="{ 'is-active': selectedBuilding && selectedBuilding.code === item.code }"
+              @click="handleSelect(item)"
+            >
+              <text class="building-name">{{ getBuildingDisplayName(item) }}</text>
+              <text v-if="selectedBuilding && selectedBuilding.code === item.code" class="tn-icon-success-circle-fill building-check"></text>
+            </view>
+          </view>
+        </scroll-view>
+      </view>
+    </tn-popup>
+  </view>
+</template>
+
+<script>
+import { buildingPagination } from '@/api/index.js'
+
+function normalizeText(value) {
+  if (value === undefined || value === null) {
+    return ''
+  }
+  return String(value).trim()
+}
+
+function normalizeBuildingItem(item = {}) {
+  return {
+    areaCode: normalizeText(item.areaCode),
+    code: normalizeText(item.code),
+    name: normalizeText(item.name),
+    nameEn: normalizeText(item.nameEn),
+    sort: Number(item.sort || 0),
+    buildingSections: Array.isArray(item.buildingSections) ? item.buildingSections : []
+  }
+}
+
+export default {
+  name: 'BuildingSelector',
+  props: {
+    value: {
+      type: String,
+      default: ''
+    },
+    areaCode: {
+      type: String,
+      default: ''
+    },
+    roomTypeCode: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      showPopup: false,
+      isLoading: false,
+      buildingList: [],
+      selectedBuilding: null
+    }
+  },
+  computed: {
+    language() {
+      return this.$getLanguage ? this.$getLanguage() : 'zh'
+    },
+    placeholderText() {
+      return this.areaCode ? this.t('selectBuilding') : this.t('selectAreaFirst')
+    }
+  },
+  watch: {
+    value() {
+      this.syncSelection()
+    },
+    language() {
+      this.loadData(true)
+    },
+    areaCode() {
+      this.handleAreaChange()
+    },
+    roomTypeCode(newVal, oldVal) {
+      if (newVal !== oldVal) {
+        this.handleRoomTypeChange()
+      }
+    }
+  },
+  mounted() {
+    this.loadData()
+  },
+  methods: {
+    t(key, params) {
+      return this.$tm('pkgService.submit_request.components.BuildingSelector', key, params)
+    },
+    handleOpen() {
+      if (!this.areaCode) {
+        uni.showToast({
+          title: this.t('selectAreaFirst'),
+          icon: 'none'
+        })
+        return
+      }
+      this.showPopup = true
+      this.loadData()
+    },
+    handleAreaChange() {
+      this.buildingList = []
+      this.selectedBuilding = null
+      if (this.value) {
+        this.$emit('input', '')
+        this.$emit('change', { building: null })
+      }
+      if (!this.areaCode) {
+        return
+      }
+      this.loadData(true)
+    },
+    handleRoomTypeChange() {
+      this.buildingList = []
+      this.selectedBuilding = null
+      if (this.value) {
+        this.$emit('input', '')
+        this.$emit('change', { building: null })
+      }
+      if (!this.areaCode) {
+        return
+      }
+      this.loadData(true)
+    },
+    loadData(force = false) {
+      if (!this.areaCode) {
+        return Promise.resolve()
+      }
+      if (!force && this.buildingList.length) {
+        this.syncSelection()
+        return Promise.resolve()
+      }
+
+      this.isLoading = true
+      return buildingPagination({
+        AreaCode: this.areaCode,
+        PageIndex: 1,
+        PageSize: 100
+      }, this.language)
+        .then((res) => {
+          const payload = res && res.data ? res.data : res
+          const rawList = Array.isArray(payload && payload.data)
+            ? payload.data
+            : (Array.isArray(payload) ? payload : [])
+          this.buildingList = rawList
+            .map(item => normalizeBuildingItem(item))
+            .filter(item => item.code)
+            .sort((a, b) => a.sort - b.sort || a.code.localeCompare(b.code))
+          this.syncSelection()
+        })
+        .catch((error) => {
+          console.error('load building list error', error)
+          this.buildingList = []
+          this.selectedBuilding = null
+          uni.showToast({
+            title: this.t('loadFailed'),
+            icon: 'none'
+          })
+        })
+        .finally(() => {
+          this.isLoading = false
+        })
+    },
+    syncSelection() {
+      if (!this.value || !this.buildingList.length) {
+        this.selectedBuilding = null
+        return
+      }
+      this.selectedBuilding = this.buildingList.find(item => item.code === this.value) || null
+    },
+    handleSelect(item) {
+      this.selectedBuilding = item
+      this.$emit('input', item.code)
+      this.$emit('change', { building: item })
+      this.showPopup = false
+    },
+    getBuildingDisplayName(item = {}) {
+      if (this.language === 'en') {
+        return item.nameEn || item.name || item.code || ''
+      }
+      return item.name || item.nameEn || item.code || ''
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.building-selector {
+  width: 100%;
+}
+
+.selector-header {
+  background: #FFFFFF;
+  border-radius: 20rpx;
+  padding: 26rpx 32rpx;
+  border: 1rpx solid rgba($brand-primary, 0.15);
+  box-shadow: 0 4rpx 12rpx rgba($brand-primary, 0.05);
+  min-height: 100rpx;
+}
+
+.selector-header--disabled {
+  opacity: 0.72;
+}
+
+.selected-info {
+  flex: 1;
+  overflow: hidden;
+}
+
+.selected-name {
+  font-size: 28rpx;
+  color: #1A2233;
+  font-weight: 600;
+
+  &.is-empty {
+    color: #A0B0C0;
+    font-weight: normal;
+  }
+}
+
+.popup-content {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  background: #F8FAFF;
+}
+
+.popup-header {
+  padding: 40rpx 30rpx 20rpx;
+  text-align: center;
+  border-bottom: 1px dashed rgba($brand-primary, 0.15);
+  background: #FFFFFF;
+}
+
+.popup-title {
+  font-size: 32rpx;
+  font-weight: 700;
+  color: #1A2233;
+}
+
+.building-list-scroll {
+  flex: 1;
+  height: 0;
+  padding: 20rpx 30rpx 60rpx;
+}
+
+.building-list {
+  display: flex;
+  flex-direction: column;
+  gap: 18rpx;
+}
+
+.building-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  background: #FFFFFF;
+  border-radius: 20rpx;
+  padding: 28rpx 30rpx;
+  border: 1rpx solid rgba($brand-primary, 0.12);
+  transition: all 0.2s ease;
+
+  &.is-active {
+    border-color: rgba($brand-primary, 0.5);
+    box-shadow: 0 8rpx 20rpx rgba($brand-primary, 0.08);
+  }
+}
+
+.building-name {
+  font-size: 28rpx;
+  color: #1A2233;
+}
+
+.building-check {
+  color: $brand-primary;
+  font-size: 30rpx;
+}
+</style>
diff --git a/pkgService/submit_request/components/FloorSelector.vue b/pkgService/submit_request/components/FloorSelector.vue
new file mode 100644
index 0000000..2f36032
--- /dev/null
+++ b/pkgService/submit_request/components/FloorSelector.vue
@@ -0,0 +1,308 @@
+<template>
+  <view class="floor-selector">
+    <view
+      class="selector-header tn-flex tn-flex-row-between tn-flex-col-center"
+      @click="handleOpen"
+    >
+      <view class="selected-info">
+        <view class="selected-name tn-text-ellipsis" :class="{ 'is-empty': !selectedFloor }">
+          {{ selectedFloor ? getFloorDisplayName(selectedFloor) : placeholderText }}
+        </view>
+      </view>
+      <text class="tn-icon-right tn-color-gray"></text>
+    </view>
+
+    <tn-popup v-model="showPopup" mode="bottom" length="72%" :borderRadius="32" :closeBtn="true">
+      <view class="popup-content">
+        <view class="popup-header">
+          <text class="popup-title">{{ t('popupTitle') }}</text>
+        </view>
+
+        <scroll-view scroll-y class="floor-list-scroll">
+          <view v-if="isLoading" class="loading-state tn-padding-xl tn-text-center">
+            <tn-loading mode="circle"></tn-loading>
+            <view class="tn-margin-top-sm tn-color-gray">{{ t('loadingText') }}</view>
+          </view>
+
+          <view v-else-if="!floorList.length" class="empty-state tn-padding-xl tn-text-center">
+            <text class="tn-color-gray">{{ t('emptyText') }}</text>
+          </view>
+
+          <view v-else class="floor-list">
+            <view
+              class="floor-item floor-item--clear"
+              :class="{ 'is-active': !selectedFloor }"
+              @click="handleClear"
+            >
+              <text class="floor-name">{{ t('clearSelection') }}</text>
+              <text v-if="!selectedFloor" class="tn-icon-success-circle-fill floor-check"></text>
+            </view>
+            <view
+              v-for="item in floorList"
+              :key="item.value"
+              class="floor-item"
+              :class="{ 'is-active': selectedFloor && selectedFloor.value === item.value }"
+              @click="handleSelect(item)"
+            >
+              <text class="floor-name">{{ getFloorDisplayName(item) }}</text>
+              <text v-if="selectedFloor && selectedFloor.value === item.value" class="tn-icon-success-circle-fill floor-check"></text>
+            </view>
+          </view>
+        </scroll-view>
+      </view>
+    </tn-popup>
+  </view>
+</template>
+
+<script>
+import { getEnums } from '@/api/index.js'
+
+function pickFirstDefined(...values) {
+  const matched = values.find(value => value !== undefined && value !== null && value !== '')
+  return matched === undefined ? '' : matched
+}
+
+function normalizeFloorValue(value) {
+  if (value === undefined || value === null) {
+    return ''
+  }
+  return String(value).trim()
+}
+
+function resolveFloorList(response) {
+  const payload = response && response.data !== undefined ? response.data : response
+
+  if (Array.isArray(payload)) {
+    const floorEnum = payload.find(item => item && item.code === 'FloorLevelEnum')
+    if (floorEnum && Array.isArray(floorEnum.data)) {
+      return floorEnum.data
+    }
+    return payload
+  }
+
+  if (payload && Array.isArray(payload.data)) {
+    return payload.data
+  }
+
+  if (payload && payload.data && Array.isArray(payload.data.data)) {
+    return payload.data.data
+  }
+
+  if (payload && Array.isArray(payload.items)) {
+    return payload.items
+  }
+
+  if (payload && Array.isArray(payload.records)) {
+    return payload.records
+  }
+
+  return []
+}
+
+function normalizeFloorItem(item = {}) {
+  const code = normalizeFloorValue(pickFirstDefined(item.key, item.code, item.value))
+  const name = normalizeFloorValue(pickFirstDefined(item.cname, item.nameZh, item.labelZh, item.name, item.value))
+  const nameEn = normalizeFloorValue(pickFirstDefined(item.ename, item.nameEn, item.labelEn, item.descriptionEn, ''))
+  return {
+    value: code || name,
+    code,
+    name,
+    nameEn,
+    sort: Number(pickFirstDefined(item.sort, item.key, 0))
+  }
+}
+
+export default {
+  name: 'FloorSelector',
+  props: {
+    value: {
+      type: [String, Number],
+      default: ''
+    }
+  },
+  data() {
+    return {
+      showPopup: false,
+      isLoading: false,
+      floorList: [],
+      selectedFloor: null
+    }
+  },
+  computed: {
+    language() {
+      return this.$getLanguage ? this.$getLanguage() : 'zh'
+    },
+    placeholderText() {
+      return this.t('selectFloor')
+    }
+  },
+  watch: {
+    value() {
+      this.syncSelection()
+    },
+    language() {
+      this.loadData(true)
+    }
+  },
+  mounted() {
+    this.loadData()
+  },
+  methods: {
+    t(key, params) {
+      return this.$tm('pkgService.submit_request.components.FloorSelector', key, params)
+    },
+    handleOpen() {
+      this.showPopup = true
+      this.loadData()
+    },
+    loadData(force = false) {
+      if (!force && this.floorList.length) {
+        this.syncSelection()
+        return Promise.resolve()
+      }
+
+      this.isLoading = true
+      return getEnums({}, this.language)
+        .then((res) => {
+          const rawList = resolveFloorList(res)
+          this.floorList = rawList
+            .map(item => normalizeFloorItem(item))
+            .filter(item => item.value)
+            .sort((a, b) => a.sort - b.sort || a.value.localeCompare(b.value))
+          this.syncSelection()
+        })
+        .catch((error) => {
+          console.error('load floor list error', error)
+          this.floorList = []
+          this.selectedFloor = null
+          uni.showToast({
+            title: this.t('loadFailed'),
+            icon: 'none'
+          })
+        })
+        .finally(() => {
+          this.isLoading = false
+        })
+    },
+    syncSelection() {
+      const currentValue = normalizeFloorValue(this.value)
+      if (!currentValue || !this.floorList.length) {
+        this.selectedFloor = null
+        return
+      }
+      this.selectedFloor = this.floorList.find(item => item.value === currentValue) || null
+    },
+    handleSelect(item) {
+      this.selectedFloor = item
+      this.$emit('input', item.value)
+      this.$emit('change', { floor: item })
+      this.showPopup = false
+    },
+    handleClear() {
+      this.selectedFloor = null
+      this.$emit('input', '')
+      this.$emit('change', { floor: null })
+      this.showPopup = false
+    },
+    getFloorDisplayName(item = {}) {
+      if (this.language === 'en') {
+        return item.nameEn || item.name || item.code || ''
+      }
+      return item.name || item.nameEn || item.code || ''
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.floor-selector {
+  width: 100%;
+}
+
+.selector-header {
+  background: #FFFFFF;
+  border-radius: 20rpx;
+  padding: 26rpx 32rpx;
+  border: 1rpx solid rgba($brand-primary, 0.15);
+  box-shadow: 0 4rpx 12rpx rgba($brand-primary, 0.05);
+  min-height: 100rpx;
+}
+
+.selected-info {
+  flex: 1;
+  overflow: hidden;
+}
+
+.selected-name {
+  font-size: 28rpx;
+  color: #1A2233;
+  font-weight: 600;
+
+  &.is-empty {
+    color: #A0B0C0;
+    font-weight: normal;
+  }
+}
+
+.popup-content {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  background: #F8FAFF;
+}
+
+.popup-header {
+  padding: 40rpx 30rpx 20rpx;
+  text-align: center;
+  border-bottom: 1px dashed rgba($brand-primary, 0.15);
+  background: #FFFFFF;
+}
+
+.popup-title {
+  font-size: 32rpx;
+  font-weight: 700;
+  color: #1A2233;
+}
+
+.floor-list-scroll {
+  flex: 1;
+  height: 0;
+  padding: 20rpx 30rpx 60rpx;
+}
+
+.floor-list {
+  display: flex;
+  flex-direction: column;
+  gap: 18rpx;
+}
+
+.floor-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  background: #FFFFFF;
+  border-radius: 20rpx;
+  padding: 28rpx 30rpx;
+  border: 1rpx solid rgba($brand-primary, 0.12);
+  transition: all 0.2s ease;
+
+  &.is-active {
+    border-color: rgba($brand-primary, 0.5);
+    box-shadow: 0 8rpx 20rpx rgba($brand-primary, 0.08);
+  }
+}
+
+.floor-item--clear {
+  border-style: dashed;
+}
+
+.floor-name {
+  font-size: 28rpx;
+  color: #1A2233;
+}
+
+.floor-check {
+  color: $brand-primary;
+  font-size: 30rpx;
+}
+</style>
diff --git a/pkgService/submit_request/components/RoomTypeSelector.vue b/pkgService/submit_request/components/RoomTypeSelector.vue
index 0fd8735..57a2fb3 100644
--- a/pkgService/submit_request/components/RoomTypeSelector.vue
+++ b/pkgService/submit_request/components/RoomTypeSelector.vue
@@ -1,6 +1,6 @@
 <template>
   <view class="room-type-selector">
-    <view class="selector-header tn-flex tn-flex-row-between tn-flex-col-center" @click="showPopup = true">
+    <view class="selector-header tn-flex tn-flex-row-between tn-flex-col-center" @click="openSelector">
       <view class="selected-info">
         <view class="selected-name tn-text-ellipsis" :class="{ 'is-empty': !selectedRoomType }">
           {{ selectedRoomType ? getRoomTypeDisplayName(selectedRoomType) : t('selectRoomType') }}
@@ -24,11 +24,11 @@
             <view class="tn-margin-top-sm tn-color-gray">{{ t('loadingRoomTypes') }}</view>
           </view>
           
-          <view v-else-if="!areaList.length" class="empty-state tn-padding-xl tn-text-center">
+          <view v-else-if="!displayAreaList.length" class="empty-state tn-padding-xl tn-text-center">
             <text class="tn-color-gray">{{ t('emptyRoomTypes') }}</text>
           </view>
 
-          <view v-else class="area-group" v-for="(area, index) in areaList" :key="area.code">
+          <view v-else class="area-group" v-for="(area, index) in displayAreaList" :key="area.code">
             <view class="area-title tn-flex tn-flex-row-between tn-flex-col-center" @click="toggleArea(index)">
               <view class="tn-flex tn-flex-col-center">
                 <text class="area-dot"></text>
@@ -69,6 +69,10 @@ export default {
     initialAreaCode: {
       type: String,
       default: ''
+    },
+    buildingCode: {
+      type: String,
+      default: ''
     }
   },
   data() {
@@ -84,6 +88,19 @@ export default {
   computed: {
     language() {
       return this.$getLanguage ? this.$getLanguage() : 'zh'
+    },
+    displayAreaList() {
+      if (!this.buildingCode) {
+        return this.areaList
+      }
+      return this.areaList
+        .map(area => ({
+          ...area,
+          roomTypes: Array.isArray(area.roomTypes)
+            ? area.roomTypes.filter(roomType => !roomType.buildingCode || roomType.buildingCode === this.buildingCode)
+            : []
+        }))
+        .filter(area => area.roomTypes && area.roomTypes.length > 0)
     }
   },
   watch: {
@@ -92,6 +109,9 @@ export default {
     },
     language() {
       this.loadData(true)
+    },
+    buildingCode() {
+      this.syncSelection()
     }
   },
   mounted() {
@@ -101,6 +121,10 @@ export default {
     t(key) {
       return this.$translate(this.i18n, key)
     },
+    openSelector() {
+      this.showPopup = true
+      this.loadData()
+    },
     loadData(force = false) {
       if (!force && this.areaList.length > 0) return
       
@@ -131,14 +155,16 @@ export default {
         })
     },
     syncSelection() {
-      if (!this.areaList.length) return
+      if (!this.displayAreaList.length) return
       
       let foundArea = null
       let foundRoom = null
+      const previousAreaCode = this.selectedArea && this.selectedArea.code ? this.selectedArea.code : ''
+      const previousRoomCode = this.selectedRoomType && this.selectedRoomType.code ? this.selectedRoomType.code : ''
       
       // Try to find by room type code
       if (this.value) {
-        for (const area of this.areaList) {
+        for (const area of this.displayAreaList) {
           const room = area.roomTypes.find(r => r.code === this.value)
           if (room) {
             foundArea = area
@@ -150,7 +176,7 @@ export default {
       
       // If not found by room, try to find by initial area code
       if (!foundRoom && this.initialAreaCode) {
-        foundArea = this.areaList.find(a => a.code === this.initialAreaCode)
+        foundArea = this.displayAreaList.find(a => a.code === this.initialAreaCode)
       }
       
       if (foundArea) {
@@ -159,11 +185,17 @@ export default {
           this.selectedRoomType = foundRoom
         }
         
-        // If we found the room, or we just want to initialize the area but no room yet
-        if (foundRoom && this.value !== foundRoom.code) {
-          this.$emit('input', foundRoom.code)
-          this.$emit('change', { area: foundArea, roomType: foundRoom })
+        if (foundRoom) {
+          if (this.value !== foundRoom.code) {
+            this.$emit('input', foundRoom.code)
+          }
+          if (previousAreaCode !== foundArea.code || previousRoomCode !== foundRoom.code) {
+            this.$emit('change', { area: foundArea, roomType: foundRoom })
+          }
         }
+      } else {
+        this.selectedArea = null
+        this.selectedRoomType = null
       }
     },
     handleSelect(area, roomType) {
diff --git a/pkgService/submit_request/submit_request.vue b/pkgService/submit_request/submit_request.vue
index 293fcb9..44ae876 100644
--- a/pkgService/submit_request/submit_request.vue
+++ b/pkgService/submit_request/submit_request.vue
@@ -12,7 +12,7 @@
     </tn-nav-bar>
 
     <scroll-view class="page-scroll" scroll-y @scroll="handleScroll" :show-scrollbar="false">
-      <view class="page-content tn-padding" :style="{ paddingTop: vuex_custom_bar_height + 'px', paddingBottom: '60rpx' }">
+      <view class="page-content tn-padding" :style="{ paddingTop: vuex_custom_bar_height + 'px', paddingBottom: pageBottomPadding }">
       <view class="hero-header tn-margin-bottom-xl">
         <view class="hero-badge">
           <text class="badge-dot"></text>
@@ -20,13 +20,6 @@
         </view>
         <view class="hero-title">{{ pageTitle }}</view>
         <view class="hero-desc">{{ pageDesc }}</view>
-        
-        <view v-if="sourceSummaryList.length" class="tn-margin-top-lg">
-          <view v-for="item in sourceSummaryList" :key="item.label" class="source-row tn-flex tn-flex-row-between">
-            <text class="source-row__label">{{ item.label }}</text>
-            <text class="source-row__value">{{ item.value }}</text>
-          </view>
-        </view>
       </view>
 
       <view class="form-card tn-margin-top-xl">
@@ -41,7 +34,15 @@
             @change="handleRoomTypeChange"
           />
         </view>
-        
+
+        <view v-if="showFloorSelector" class="form-item tn-margin-top">
+          <view class="form-label">{{ floorLabel }}</view>
+          <floor-selector
+            v-model="form.intendedFloorLevel"
+            @change="handleFloorChange"
+          />
+        </view>
+
         <view v-if="showPreferenceSelectors" class="form-item tn-margin-top">
           <view class="form-label">{{ t('hobbyLabel') }}</view>
           <tag-selector 
@@ -79,13 +80,22 @@
           <textarea class="form-textarea" :placeholder="remarkPlaceholder" v-model="form.remark"></textarea>
         </view>
 
-        <view class="submit-btn btn-primary tn-margin-top-xl" :class="{ 'submit-btn--disabled': isSubmitting }" @click="submitRequest">
+        <view v-if="!showFloatingSubmitBtn" class="submit-btn btn-primary tn-margin-top-xl" :class="{ 'submit-btn--disabled': isSubmitting }" @click="submitRequest">
           <text class="tn-text-bold">{{ isSubmitting ? t('submitting') : primaryActionText }}</text>
         </view>
       </view>
       </view>
 
     </scroll-view>
+
+    <view v-if="showFloatingSubmitBtn" class="floating-submit-bar">
+      <view class="floating-submit-bar__inner">
+        <view class="submit-btn btn-primary" :class="{ 'submit-btn--disabled': isSubmitting }" @click="submitRequest">
+          <text class="tn-text-bold">{{ isSubmitting ? t('submitting') : primaryActionText }}</text>
+        </view>
+      </view>
+    </view>
+
   </view>
 </template>
 
@@ -98,6 +108,7 @@ import { getStoredUser } from '../../utils/flow'
 import TagSelector from './components/TagSelector.vue'
 import DateRangeSelector from './components/DateRangeSelector.vue'
 import RoomTypeSelector from './components/RoomTypeSelector.vue'
+import FloorSelector from './components/FloorSelector.vue'
 
 function createDefaultForm() {
   const now = new Date()
@@ -107,6 +118,7 @@ function createDefaultForm() {
   return {
     intendedAreaCode: '',
     intendedRoomTypeCode: '',
+    intendedFloorLevel: '',
     roomSlotHeight: 1,
     hobbiesAndInterestsTagKeys: [],
     lifestyleHabitsTagKeys: [],
@@ -564,7 +576,8 @@ export default {
   components: {
     TagSelector,
     DateRangeSelector,
-    RoomTypeSelector
+    RoomTypeSelector,
+    FloorSelector
   },
   data() {
     return {
@@ -743,12 +756,27 @@ export default {
     roomTypeLabel() {
       return this.getBusinessText('roomTypeLabel') || this.t('applyRoomType')
     },
+    pageBottomPadding() {
+      return this.showFloatingSubmitBtn ? '220rpx' : '60rpx'
+    },
+    showFloatingSubmitBtn() {
+      return this.isRoomTypeApply
+    },
+    floorLabel() {
+      return this.getBusinessText('floorLabel') || this.t('floorLabel')
+    },
     showRoomTypeSelector() {
       if (this.isRoomTypeApply) {
         return true
       }
       return this.businessConfig ? this.businessConfig.showRoomTypeSelector !== false : true
     },
+    showFloorSelector() {
+      if (this.isRoomTypeApply) {
+        return true
+      }
+      return this.businessConfig ? this.businessConfig.showFloorSelector !== false : true
+    },
     showPreferenceSelectors() {
       if (this.isRoomTypeApply) {
         return true
@@ -775,41 +803,6 @@ export default {
     },
     dateRangeEndPlaceholder() {
       return this.getBusinessText('dateRangeEndPlaceholder') || this.t('selectCheckoutDate')
-    },
-    sourceSummaryList() {
-      const payload = this.sourcePayload || {}
-      if (!Object.keys(payload).length) {
-        return []
-      }
-      const roomTypeName = this.language === 'en'
-        ? (payload.roomTypeNameEn || payload.roomTypeName || '')
-        : (payload.roomTypeName || '')
-      const roomLabel = this.language === 'en'
-        ? (payload.roomLabelEn || payload.currentRoomLabelEn || payload.roomLabel || payload.currentRoomLabel || '')
-        : (payload.roomLabel || payload.currentRoomLabel || '')
-      const areaName = this.language === 'en'
-        ? (payload.areaLabelEn || payload.areaNameEn || payload.areaLabel || payload.areaName || '')
-        : (payload.areaLabel || payload.areaName || '')
-      const list = []
-      if (roomTypeName) {
-        list.push({ label: this.t('applyRoomType'), value: roomTypeName })
-      }
-      if (roomLabel) {
-        list.push({ label: this.t('currentRoom'), value: roomLabel })
-      }
-      if (areaName) {
-        list.push({ label: this.t('areaLabel'), value: areaName })
-      }
-      if (payload.price) {
-        list.push({ label: this.t('referencePrice'), value: payload.price })
-      }
-      if (payload.payMethod) {
-        list.push({ label: this.t('paymentMethod'), value: localizePayMethodText(payload.payMethod, this.language) })
-      }
-      if (this.pageTitle) {
-        list.push({ label: this.t('applicationType'), value: this.pageTitle })
-      }
-      return list
     }
   },
   watch: {
@@ -943,6 +936,7 @@ export default {
         ...defaultForm,
         intendedAreaCode: this.sourcePayload.areaCode || '',
         intendedRoomTypeCode: this.sourcePayload.roomTypeCode || '',
+        intendedFloorLevel: this.sourcePayload.intendedFloorLevel || this.sourcePayload.IntendedFloorLevel || '',
         remark: '',
         start: this.sourcePayload.start || defaultForm.start,
         end: this.sourcePayload.end || ''
@@ -967,18 +961,31 @@ export default {
         this.sourcePayload.roomTypeCode = roomType.code
         this.sourcePayload.roomTypeName = roomType.name
         this.sourcePayload.roomTypeNameEn = roomType.nameEn || ''
+        this.sourcePayload.selectedRoomTypeBuildingCode = roomType.buildingCode || ''
+        this.sourcePayload.selectedRoomTypeBuildingSectionCode = roomType.buildingSectionCode || ''
+        this.sourcePayload.selectedRoomTypeBuildingName = roomType.buildingName || ''
+        this.sourcePayload.selectedRoomTypeBuildingSectionName = roomType.buildingSectionName || ''
         
         if (area) {
           this.sourcePayload.areaCode = area.code
           this.sourcePayload.areaName = area.name
           this.sourcePayload.areaNameEn = area.nameEn || ''
         }
-        
+
         if (roomType.price) {
           this.sourcePayload.price = roomType.price
         }
       }
     },
+    handleFloorChange({ floor }) {
+      if (!this.sourcePayload) {
+        this.sourcePayload = {}
+      }
+      this.sourcePayload.intendedFloorLevel = floor && floor.value ? floor.value : ''
+      this.sourcePayload.intendedFloorName = floor
+        ? (this.language === 'en' ? (floor.nameEn || floor.name || '') : (floor.name || floor.nameEn || ''))
+        : ''
+    },
     loadDictOptions() {
       this.dictLoading = true
       return Promise.all([
@@ -1052,6 +1059,7 @@ export default {
       return {
         intendedAreaCode: this.form.intendedAreaCode || null,
         intendedRoomTypeCode: this.form.intendedRoomTypeCode || null,
+        IntendedFloorLevel: this.form.intendedFloorLevel || null,
         roomSlotHeight: Number(this.form.roomSlotHeight),
         hobbiesAndInterestsTagKeys: this.showPreferenceSelectors && this.form.hobbiesAndInterestsTagKeys.length ? this.form.hobbiesAndInterestsTagKeys : null,
         lifestyleHabitsTagKeys: this.showPreferenceSelectors && this.form.lifestyleHabitsTagKeys.length ? this.form.lifestyleHabitsTagKeys : null,
@@ -1276,6 +1284,22 @@ export default {
   pointer-events: none;
 }
 
+.floating-submit-bar {
+  position: fixed;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 30;
+  padding: 20rpx 24rpx calc(20rpx + env(safe-area-inset-bottom));
+  background: linear-gradient(180deg, rgba(248, 250, 255, 0) 0%, rgba(248, 250, 255, 0.92) 24%, #F8FAFF 100%);
+  backdrop-filter: blur(16rpx);
+  -webkit-backdrop-filter: blur(16rpx);
+}
+
+.floating-submit-bar__inner {
+  max-width: 100%;
+}
+
 .source-row {
   padding: 24rpx 0;
   border-bottom: 1px dashed rgba($brand-primary, 0.15);
@@ -1286,6 +1310,10 @@ export default {
   padding-bottom: 8rpx;
 }
 
+.source-row--interactive:active {
+  opacity: 0.8;
+}
+
 .source-row__label {
   color: #6A7A99;
   font-size: 26rpx;
@@ -1301,4 +1329,5 @@ export default {
   margin-left: 24rpx;
   word-break: break-word;
 }
+
 </style>
diff --git a/pkgService/ticket_center/ticket_center.vue b/pkgService/ticket_center/ticket_center.vue
new file mode 100644
index 0000000..8436704
--- /dev/null
+++ b/pkgService/ticket_center/ticket_center.vue
@@ -0,0 +1,211 @@
+<template>
+  <view class="ticket-center-page tn-safe-area-inset-bottom">
+    <tn-nav-bar :isBack="true" :bottomShadow="false" backgroundColor="transparent">
+      <view class="tn-text-bold tn-text-xl tn-color-black">{{ t('navTitle') }}</view>
+    </tn-nav-bar>
+
+    <view class="page-content tn-padding" :style="{ paddingTop: vuex_custom_bar_height + 'px' }">
+      <view class="hero-card tn-margin-bottom-lg">
+        <view class="hero-badge">
+          <text class="badge-dot"></text>
+          <text>{{ t('heroBadge') }}</text>
+        </view>
+        <view class="hero-title tn-margin-top">{{ t('heroTitle') }}</view>
+        <view class="hero-desc tn-margin-top-sm">{{ t('heroDesc') }}</view>
+      </view>
+
+      <view class="service-grid">
+        <view
+          v-for="item in ticketServices"
+          :key="item.serviceType"
+          class="service-card"
+          @click="openTicketWorkbench(item)"
+        >
+          <view class="service-card__icon"><text :class="item.icon"></text></view>
+          <view class="service-card__title tn-margin-top">{{ getItemText(item, 'title', 'titleEn') }}</view>
+          <view class="service-card__desc tn-margin-top-xs">{{ getItemText(item, 'desc', 'descEn') }}</view>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+export default {
+  name: 'TicketCenterPage',
+  i18n: {
+    zh: {
+      navTitle: '工单中心',
+      heroBadge: 'SERVICE',
+      heroTitle: '住中工单服务',
+      heroDesc: '报修、续住、退宿、调宿、送水、清洁和意见建议都统一从这里进入，提交后可继续查看流转记录。'
+    },
+    en: {
+      navTitle: 'Work Orders',
+      heroBadge: 'SERVICE',
+      heroTitle: 'In-stay Ticket Services',
+      heroDesc: 'Repair, renewal, checkout, room change, water delivery, cleaning, and suggestions are all handled here.'
+    }
+  },
+  data() {
+    return {
+      ticketServices: [
+        {
+          serviceType: 'TicketRepairApply',
+          icon: 'tn-icon-set-fill',
+          title: '报修申请',
+          titleEn: 'Repair Request',
+          desc: '设备故障、设施损坏等问题报修',
+          descEn: 'Report device or facility issues'
+        },
+        {
+          serviceType: 'TicketRenewalApply',
+          icon: 'tn-icon-calendar-fill',
+          title: '续住申请',
+          titleEn: 'Renewal',
+          desc: '提交续住时间与诉求',
+          descEn: 'Submit renewal details'
+        },
+        {
+          serviceType: 'TicketCheckOutApply',
+          icon: 'tn-icon-home-in-fill',
+          title: '退宿申请',
+          titleEn: 'Checkout',
+          desc: '提交退宿时间与原因',
+          descEn: 'Submit checkout request'
+        },
+        {
+          serviceType: 'TicketChangeApply',
+          icon: 'tn-icon-home-smile-fill',
+          title: '调宿申请',
+          titleEn: 'Room Change',
+          desc: '选择意向房型并提交调宿需求',
+          descEn: 'Submit room change request'
+        },
+        {
+          serviceType: 'TicketWaterDeliveryApply',
+          icon: 'tn-icon-shop-fill',
+          title: '送水申请',
+          titleEn: 'Water Delivery',
+          desc: '填写送水桶数和送达说明',
+          descEn: 'Request water delivery'
+        },
+        {
+          serviceType: 'TicketCleaningApply',
+          icon: 'tn-icon-clean',
+          title: '清洁服务',
+          titleEn: 'Cleaning Service',
+          desc: '提交清洁需求或预约时间',
+          descEn: 'Submit cleaning request'
+        },
+        {
+          serviceType: 'TicketSuggestionApply',
+          icon: 'tn-icon-message-fill',
+          title: '意见建议',
+          titleEn: 'Suggestion',
+          desc: '反馈建议、投诉或其他诉求',
+          descEn: 'Feedback, suggestions, or complaints'
+        }
+      ]
+    }
+  },
+  methods: {
+    t(key, params) {
+      return this.$translate(this.i18n, key, params)
+    },
+    getItemText(item, fieldZh, fieldEn) {
+      return this.$getLanguage && this.$getLanguage() === 'en'
+        ? (item[fieldEn] || item[fieldZh] || '')
+        : (item[fieldZh] || item[fieldEn] || '')
+    },
+    openTicketWorkbench(item) {
+      uni.navigateTo({
+        url: `/pkgService/ticket_workbench/ticket_workbench?serviceType=${encodeURIComponent(item.serviceType)}`
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.ticket-center-page {
+  min-height: 100vh;
+  background: linear-gradient(180deg, #F0F6FF 0%, #F8FAFF 100%);
+}
+
+.hero-card {
+  padding: 32rpx;
+  background: #FFFFFF;
+  border-radius: 30rpx;
+  box-shadow: 0 16rpx 40rpx rgba(43, 142, 255, 0.08);
+}
+
+.hero-badge {
+  display: inline-flex;
+  align-items: center;
+  padding: 10rpx 18rpx;
+  border-radius: 999rpx;
+  background: rgba($brand-primary, 0.08);
+  color: $brand-primary;
+  font-size: 22rpx;
+  font-weight: 700;
+}
+
+.badge-dot {
+  width: 10rpx;
+  height: 10rpx;
+  border-radius: 50%;
+  background: $brand-primary;
+  margin-right: 10rpx;
+}
+
+.hero-title {
+  font-size: 44rpx;
+  color: #1A2233;
+  font-weight: 800;
+}
+
+.hero-desc {
+  font-size: 26rpx;
+  color: #6A7A99;
+  line-height: 1.7;
+}
+
+.service-grid {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 20rpx;
+  padding-bottom: 40rpx;
+}
+
+.service-card {
+  padding: 28rpx;
+  background: #FFFFFF;
+  border-radius: 28rpx;
+  box-shadow: 0 12rpx 32rpx rgba(43, 142, 255, 0.06);
+}
+
+.service-card__icon {
+  width: 88rpx;
+  height: 88rpx;
+  border-radius: 24rpx;
+  background: linear-gradient(135deg, rgba($brand-primary, 0.14) 0%, rgba($brand-primary, 0.05) 100%);
+  color: $brand-primary;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 40rpx;
+}
+
+.service-card__title {
+  font-size: 30rpx;
+  color: #1A2233;
+  font-weight: 700;
+}
+
+.service-card__desc {
+  font-size: 22rpx;
+  color: #7C8AA5;
+  line-height: 1.6;
+}
+</style>
diff --git a/pkgService/ticket_workbench/ticket_workbench.vue b/pkgService/ticket_workbench/ticket_workbench.vue
new file mode 100644
index 0000000..4fbb757
--- /dev/null
+++ b/pkgService/ticket_workbench/ticket_workbench.vue
@@ -0,0 +1,2252 @@
+<template>
+  <view class="ticket-page tn-safe-area-inset-bottom">
+    <tn-nav-bar
+      :isBack="true"
+      :bottomShadow="false"
+      :backgroundColor="navBarBackgroundColor"
+      :customBackStyle="navBarBackStyle"
+      :fixed="true"
+    >
+      <view class="tn-text-bold tn-text-xl tn-color-black" :style="{ opacity: navTitleOpacity }">{{ pageTitle }}</view>
+    </tn-nav-bar>
+
+    <scroll-view class="page-scroll" scroll-y :show-scrollbar="false" @scroll="handleScroll">
+      <view class="page-content tn-padding" :style="{ paddingTop: vuex_custom_bar_height + 'px', paddingBottom: '220rpx' }">
+        <view class="hero-header tn-margin-bottom-xl">
+          <view class="hero-badge">
+            <text class="badge-dot"></text>
+            <text>{{ t('ticketKicker') }}</text>
+          </view>
+          <view class="hero-title">{{ pageTitle }}</view>
+          <view class="hero-desc">{{ pageDesc }}</view>
+        </view>
+
+        <view class="segment-card tn-margin-bottom-lg">
+          <view
+            class="segment-item"
+            :class="{ 'segment-item--active': activeTab === 'submit' }"
+            @click="switchTab('submit')"
+          >
+            {{ t('submitTab') }}
+          </view>
+          <view
+            class="segment-item"
+            :class="{ 'segment-item--active': activeTab === 'history' }"
+            @click="switchTab('history')"
+          >
+            {{ t('historyTab') }}
+          </view>
+        </view>
+
+        <view v-if="activeTab === 'submit'" class="context-card tn-margin-bottom-lg">
+          <view class="block-title">{{ t('currentStayInfo') }}</view>
+          <view class="block-subtitle">{{ currentOrderStatusText }}</view>
+          <view class="context-grid tn-margin-top">
+            <view class="context-item">
+              <view class="context-label">{{ t('roomLabel') }}</view>
+              <view class="context-value">{{ currentRoomText }}</view>
+            </view>
+            <view v-if="currentAreaText" class="context-item">
+              <view class="context-label">{{ t('areaLabel') }}</view>
+              <view class="context-value">{{ currentAreaText }}</view>
+            </view>
+            <view v-if="currentLeaseText" class="context-item">
+              <view class="context-label">{{ t('leaseLabel') }}</view>
+              <view class="context-value">{{ currentLeaseText }}</view>
+            </view>
+            <view v-if="currentRoomTypeText" class="context-item">
+              <view class="context-label">{{ t('roomTypeLabel') }}</view>
+              <view class="context-value">{{ currentRoomTypeText }}</view>
+            </view>
+          </view>
+        </view>
+
+        <view v-if="modeBannerText && activeTab === 'submit'" class="status-card tn-margin-bottom-lg" :class="statusCardClass">
+          <view class="status-card__title">{{ modeBannerTitle }}</view>
+          <view class="status-card__desc">{{ modeBannerText }}</view>
+          <view v-if="fixOnholdMode" class="status-card__action" @click="cancelFixOnhold">{{ t('cancelSupplement') }}</view>
+          <view v-else-if="transitActionMode" class="status-card__action" @click="cancelTransitAction">{{ t('cancelProcess') }}</view>
+        </view>
+
+        <view v-if="activeTab === 'submit'" class="form-card">
+          <view class="block-title">{{ submitSectionTitle }}</view>
+          <view class="block-subtitle">{{ submitSectionDesc }}</view>
+
+          <view v-if="isChangeService" class="form-item tn-margin-top">
+            <view class="form-label">{{ t('changeRoomTypeLabel') }}</view>
+            <room-type-selector
+              v-model="switchForm.roomTypeCode"
+              :initial-area-code="switchForm.areaCode"
+              @change="handleSwitchRoomTypeChange"
+            />
+          </view>
+
+          <view v-if="isCheckOutService" class="form-item tn-margin-top">
+            <view class="form-label">{{ t('checkoutTimeLabel') }}</view>
+            <view class="picker-row">
+              <picker mode="date" :value="form.checkOutDate" @change="onDateChange('checkOutDate', $event)">
+                <view class="form-picker">{{ form.checkOutDate || t('selectDate') }}</view>
+              </picker>
+              <picker mode="time" :value="form.checkOutTimePart" @change="onTimeChange('checkOutTimePart', $event)">
+                <view class="form-picker form-picker--time">{{ form.checkOutTimePart || t('selectTime') }}</view>
+              </picker>
+            </view>
+          </view>
+
+          <view v-if="isRenewalService" class="form-item tn-margin-top">
+            <view class="form-label">{{ t('renewalTimeLabel') }}</view>
+            <view class="picker-row">
+              <picker mode="date" :value="form.renewalDate" @change="onDateChange('renewalDate', $event)">
+                <view class="form-picker">{{ form.renewalDate || t('selectDate') }}</view>
+              </picker>
+              <picker mode="time" :value="form.renewalTimePart" @change="onTimeChange('renewalTimePart', $event)">
+                <view class="form-picker form-picker--time">{{ form.renewalTimePart || t('selectTime') }}</view>
+              </picker>
+            </view>
+          </view>
+
+          <view v-if="isCleaningService" class="form-item tn-margin-top">
+            <view class="form-label">{{ t('cleaningTimeLabel') }}</view>
+            <view class="picker-row">
+              <picker mode="date" :value="form.cleaningDate" @change="onDateChange('cleaningDate', $event)">
+                <view class="form-picker">{{ form.cleaningDate || t('selectDate') }}</view>
+              </picker>
+              <picker mode="time" :value="form.cleaningTimePart" @change="onTimeChange('cleaningTimePart', $event)">
+                <view class="form-picker form-picker--time">{{ form.cleaningTimePart || t('selectTime') }}</view>
+              </picker>
+            </view>
+          </view>
+
+          <view class="form-item tn-margin-top">
+            <view class="form-label">{{ contentFieldLabel }}</view>
+            <textarea
+              class="form-textarea"
+              :placeholder="contentPlaceholder"
+              :maxlength="500"
+              v-model="form.content"
+            ></textarea>
+            <view class="field-counter">{{ (form.content || '').length }}/500</view>
+          </view>
+
+          <view class="form-item tn-margin-top">
+            <view class="form-label">{{ t('remarkLabel') }}</view>
+            <textarea
+              class="form-textarea form-textarea--remark"
+              :placeholder="t('remarkPlaceholder')"
+              :maxlength="300"
+              v-model="form.remark"
+            ></textarea>
+          </view>
+
+          <view v-if="showTransitAssigneeSelector" class="form-item tn-margin-top">
+            <view class="form-label">{{ t('assigneeLabel') }}</view>
+            <picker mode="selector" :range="transitAssigneePickerLabels" @change="onTransitAssigneeChange">
+              <view class="form-picker">
+                {{ transitSelectedAssigneeName || t('selectAssignee') }}
+              </view>
+            </picker>
+          </view>
+
+          <view v-if="fixOnholdMode && fixOnholdFields.length" class="form-item tn-margin-top">
+            <view class="form-label">{{ t('supplementLabel') }}</view>
+            <view
+              v-for="(item, index) in fixOnholdFields"
+              :key="`${item.key}-${index}`"
+              class="supplement-item"
+            >
+              <view class="supplement-title">{{ item.title }}</view>
+              <textarea
+                v-if="shouldUseTextarea(item.value)"
+                class="form-textarea form-textarea--small"
+                v-model="item.value"
+                :placeholder="t('supplementPlaceholder', { label: item.title })"
+              ></textarea>
+              <input
+                v-else
+                class="form-input"
+                type="text"
+                v-model="item.value"
+                :placeholder="t('supplementPlaceholder', { label: item.title })"
+              />
+            </view>
+          </view>
+
+          <view class="form-item tn-margin-top">
+            <view class="form-label">{{ t('attachmentsLabel') }}<text v-if="isRepairService" class="required-mark"> *</text></view>
+            <tn-image-upload
+              :key="uploadInstanceKey"
+              :fileList="form.photos"
+              :action="uploadAction"
+              :header="uploadHeaders"
+              :formData="uploadFormData"
+              :max-count="6"
+              :max-size="5 * 1024 * 1024"
+              uploadText=""
+              @on-success="onUploadSuccess"
+              @on-list-change="onPhotoListChange"
+              @on-remove="onRemoveImage"
+              @on-error="onUploadError"
+              @on-oversize="onUploadOversize"
+              @on-exceed="onUploadExceed"
+            >
+              <template #addBtn>
+                <view class="upload-trigger">
+                  <text class="tn-icon-camera-fill upload-trigger__icon"></text>
+                  <view class="upload-trigger__text">{{ t('uploadImage') }}</view>
+                </view>
+              </template>
+            </tn-image-upload>
+            <view class="upload-tip">{{ uploadTipText }}</view>
+          </view>
+        </view>
+
+        <view v-else class="history-panel">
+          <view class="history-toolbar tn-margin-bottom-lg">
+            <view class="search-box">
+              <text class="tn-icon-search search-box__icon"></text>
+              <input
+                v-model="searchKeyword"
+                class="search-box__input"
+                :placeholder="t('searchPlaceholder')"
+                confirm-type="search"
+                @confirm="refreshHistory"
+              />
+            </view>
+            <view class="refresh-mini-btn" @click="refreshHistory">
+              {{ historyLoading ? t('refreshing') : t('refresh') }}
+            </view>
+          </view>
+
+          <scroll-view class="filter-scroll" scroll-x :show-scrollbar="false">
+            <view class="filter-row tn-margin-bottom-lg">
+              <view
+                v-for="item in historyStatusOptions"
+                :key="item.value"
+                class="filter-chip"
+                :class="{ 'filter-chip--active': selectedStatus === item.value }"
+                @click="changeStatusFilter(item.value)"
+              >
+                {{ item.label }}
+              </view>
+            </view>
+          </scroll-view>
+
+          <view v-if="historyList.length">
+            <view
+              v-for="item in historyList"
+              :key="item.no || item.orderNo"
+              class="history-card tn-margin-bottom-lg"
+              @click="openFlows(item)"
+            >
+              <view class="history-card__head tn-flex tn-flex-row-between tn-flex-col-center">
+                <view class="history-card__title-wrap">
+                  <view class="history-card__title">{{ getHistoryTitle(item) }}</view>
+                  <view class="history-card__code tn-margin-top-xs">{{ item.no || '--' }}</view>
+                </view>
+                <view :class="['status-badge', `status-${resolveHistoryStatusType(item)}`]">
+                  {{ getHistoryStatusText(item) }}
+                </view>
+              </view>
+              <view class="history-card__body tn-margin-top">
+                <view class="info-row tn-flex tn-flex-row-between">
+                  <text class="info-label">{{ t('submittedAtLabel') }}</text>
+                  <text class="info-value">{{ formatDateTime(item.createTime) }}</text>
+                </view>
+                <view class="info-row tn-flex tn-flex-row-between">
+                  <text class="info-label">{{ t('contentLabel') }}</text>
+                  <text class="info-value info-value--multiline">{{ item.content || item.remark || '--' }}</text>
+                </view>
+              </view>
+            </view>
+
+            <view class="load-state">
+              <text v-if="historyLoading">{{ t('loadingMore') }}</text>
+              <text v-else-if="!hasNext">{{ t('noMore') }}</text>
+              <text v-else @click="loadMoreHistory">{{ t('loadMore') }}</text>
+            </view>
+          </view>
+
+          <view v-else-if="!historyLoading" class="empty-panel tn-padding-lg">
+            <view class="empty-title">{{ t('emptyHistoryTitle') }}</view>
+            <view class="empty-desc tn-margin-top-sm">{{ t('emptyHistoryDesc') }}</view>
+          </view>
+        </view>
+      </view>
+    </scroll-view>
+
+    <view v-if="activeTab === 'submit'" class="floating-submit-bar">
+      <view class="floating-submit-bar__inner">
+        <view class="floating-submit-tip">{{ submitFooterTip }}</view>
+        <view class="submit-btn btn-primary" :class="{ 'submit-btn--disabled': submitting }" @click="submitForm">
+          <text class="tn-text-bold">{{ submitting ? t('submitting') : submitButtonText }}</text>
+        </view>
+      </view>
+    </view>
+
+    <tn-popup v-model="showFlowPopup" mode="bottom" length="84%" :borderRadius="28" :closeBtn="true">
+      <view class="flow-popup">
+        <view class="flow-popup__title">{{ currentFlowTitle || pageTitle }}</view>
+        <scroll-view scroll-y class="flow-popup__scroll">
+          <view
+            v-for="(item, index) in flowList"
+            :key="item.flowNo || item.no || index"
+            class="flow-card tn-margin-bottom"
+            :class="{ 'flow-card--current': isCurrentFlowItem(index) }"
+          >
+            <view class="tn-flex tn-flex-row-between tn-flex-col-center">
+              <view>
+                <view class="flow-card__status">{{ getFlowStatusText(item) }}</view>
+                <view class="flow-card__time tn-margin-top-xs">{{ formatDateTime(item.createTime) }}</view>
+              </view>
+              <view v-if="isCurrentFlowItem(index)" class="flow-card__tag">{{ t('currentFlowTag') }}</view>
+            </view>
+
+            <view class="flow-card__content tn-margin-top">{{ item.content || item.remark || t('noFlowContent') }}</view>
+
+            <view v-if="item.attachments && item.attachments.length" class="flow-attachments tn-margin-top">
+              <image
+                v-for="(attachment, attachIndex) in item.attachments"
+                :key="attachIndex"
+                class="flow-attachment-image"
+                :src="getAttachmentPreview(attachment)"
+                mode="aspectFill"
+                @click.stop="previewAttachment(item.attachments, attachIndex)"
+              ></image>
+            </view>
+          </view>
+
+          <view v-if="transitionOptions.length" class="flow-actions">
+            <view class="block-title">{{ t('flowActionTitle') }}</view>
+            <view class="flow-action-list tn-margin-top">
+              <view
+                v-for="(item, index) in transitionOptions"
+                :key="`${item.nextStatus}-${index}`"
+                class="flow-action-btn"
+                @click="startTransitAction(item, getCurrentFlowItem())"
+              >
+                {{ item.nextStatusDesc || t('continueProcess') }}
+              </view>
+            </view>
+          </view>
+
+          <view v-if="canFixOnhold(currentFlowOrder)" class="flow-actions tn-margin-top">
+            <view class="flow-action-btn flow-action-btn--ghost" @click="startFixOnhold(currentFlowOrder)">
+              {{ t('supplementAction') }}
+            </view>
+          </view>
+        </scroll-view>
+      </view>
+    </tn-popup>
+  </view>
+</template>
+
+<script>
+import { API_BASE_URL } from '@/utils/request'
+import { getAuthToken, getSessionSnapshot } from '@/utils/app-state'
+import { addFilePrefix } from '@/utils/common'
+import {
+  orderSearchedDetail,
+  ticketFlowTransitionStepRuleSelectTypeItems,
+  ticketOrderFixonhold,
+  ticketOrderFlows,
+  ticketOrderMyPage,
+  ticketOrderSubmitChangeroom,
+  ticketOrderSubmitCheckout,
+  ticketOrderSubmitCleaning,
+  ticketOrderSubmitRenewal,
+  ticketOrderSubmitRepair,
+  ticketOrderSubmitSuggestion,
+  ticketOrderSubmitWaterdelivery,
+  ticketOrderTransitionOptions,
+  ticketOrderTransit
+} from '@/api/index.js'
+import { normalizeBookingDetail, parseOrderDetailResponse } from '@/utils/booking-helper'
+import RoomTypeSelector from '../submit_request/components/RoomTypeSelector.vue'
+
+const IMAGE_MEDIA_TYPE = 1
+const USER_ASSIGNEE_TYPE_KEY = '1'
+
+const SERVICE_CONFIGS = {
+  TicketRepairApply: {
+    key: 'repair',
+    title: '报修申请',
+    titleEn: 'Repair Request',
+    desc: '提交报修内容并跟踪后续处理进度。',
+    descEn: 'Submit repair details and track the ticket progress.'
+  },
+  TicketSuggestionApply: {
+    key: 'suggestion',
+    title: '意见建议',
+    titleEn: 'Suggestion',
+    desc: '提交建议与反馈，后续可查看工单流转记录。',
+    descEn: 'Submit feedback and check the ticket timeline later.'
+  },
+  TicketChangeApply: {
+    key: 'change',
+    title: '调宿申请',
+    titleEn: 'Room Change',
+    desc: '提交调宿意向和补充说明，后续由工作人员继续处理。',
+    descEn: 'Submit your room change request and follow the process later.'
+  },
+  TicketCheckOutApply: {
+    key: 'checkout',
+    title: '退宿申请',
+    titleEn: 'Checkout',
+    desc: '提交退宿时间与原因，并跟踪办理进度。',
+    descEn: 'Submit checkout time and reason, then track the progress.'
+  },
+  TicketRenewalApply: {
+    key: 'renewal',
+    title: '续住申请',
+    titleEn: 'Renewal',
+    desc: '提交续住诉求与时间安排，后续可查看审批进展。',
+    descEn: 'Submit renewal details and check the handling status later.'
+  },
+  TicketWaterDeliveryApply: {
+    key: 'water',
+    title: '送水申请',
+    titleEn: 'Water Delivery',
+    desc: '填写送水需求后提交工单。',
+    descEn: 'Submit a ticket for your water delivery request.'
+  },
+  TicketCleaningApply: {
+    key: 'cleaning',
+    title: '清洁服务',
+    titleEn: 'Cleaning Service',
+    desc: '填写清洁需求或预约时间后提交工单。',
+    descEn: 'Submit your cleaning request or appointment time.'
+  }
+}
+
+function pickReadableValue(...values) {
+  for (let index = 0; index < values.length; index += 1) {
+    const text = String(values[index] || '').trim()
+    if (text) return text
+  }
+  return ''
+}
+
+function safeJsonParse(value, fallback = null) {
+  if (typeof value !== 'string') {
+    return value || fallback
+  }
+  try {
+    return JSON.parse(value)
+  } catch (error) {
+    return fallback
+  }
+}
+
+function normalizePageResponse(response) {
+  const payload = response && response.data !== undefined ? response.data : response
+  return payload && typeof payload === 'object' ? payload : {}
+}
+
+function normalizeListResponse(response) {
+  const payload = normalizePageResponse(response)
+  if (Array.isArray(payload)) return payload
+  if (Array.isArray(payload.data)) return payload.data
+  if (payload.data && Array.isArray(payload.data.data)) return payload.data.data
+  return []
+}
+
+export default {
+  name: 'TicketWorkbenchPage',
+  components: {
+    RoomTypeSelector
+  },
+  i18n: {
+    zh: {
+      areaLabel: '所属区域',
+      assigneeLabel: '处理目标',
+      attachmentsLabel: '附件图片',
+      cancelProcess: '退出处理',
+      cancelSupplement: '取消补充',
+      changeRoomTypeLabel: '意向房型',
+      cleaningTimeLabel: '预约清洁时间',
+      contentLabel: '申请内容',
+      currentFlowTag: '当前节点',
+      currentStayInfo: '当前入住信息',
+      currentStayOrder: '当前入住订单',
+      emptyHistoryDesc: '当前类型还没有工单记录。',
+      emptyHistoryTitle: '暂无工单记录',
+      flowActionTitle: '可执行操作',
+      historyTab: '记录查询',
+      leaseLabel: '租期',
+      loadMore: '加载更多',
+      loadingMore: '加载中...',
+      loadOrderFailed: '入住信息加载失败',
+      noFlowContent: '暂无处理内容',
+      noMore: '没有更多了',
+      refresh: '刷新',
+      refreshing: '刷新中...',
+      remarkLabel: '补充说明',
+      remarkPlaceholder: '请输入补充说明，帮助工作人员更快处理',
+      roomLabel: '当前房间',
+      roomTypeLabel: '当前房型',
+      searchPlaceholder: '搜索工单标题或内容',
+      selectAssignee: '请选择处理目标',
+      selectDate: '请选择日期',
+      selectTime: '请选择时间',
+      submitSectionDefaultDesc: '以下内容将通过工单接口提交并进入后续流转。',
+      submitTab: '提交申请',
+      submitTicket: '提交工单',
+      submitting: '提交中...',
+      supplementAction: '补充信息',
+      supplementLabel: '补充业务信息',
+      supplementPlaceholder: '请输入{label}',
+      ticketKicker: 'WORK ORDER',
+      uploadImage: '上传图片',
+      uploadImageCountExceeded: '最多上传 6 张图片',
+      uploadImageFailed: '图片上传失败，请重试',
+      uploadImageOversize: '图片不能超过 5MB',
+      uploadTip: '支持上传 JPG、PNG 等图片，单张不超过 5MB，最多 6 张。',
+      uploadTipRepair: '支持上传 JPG、PNG 等图片，单张不超过 5MB，最多 6 张。报修至少上传 1 张图片。',
+      checkoutTimeLabel: '预计退宿时间',
+      renewalTimeLabel: '续住至',
+      submittedAtLabel: '提交时间',
+      submitSuccess: '工单提交成功',
+      submitFailed: '工单提交失败',
+      confirmSubmitTitle: '确认提交',
+      confirmSubmitContent: '确认提交当前工单吗？',
+      missingStayContext: '当前缺少入住订单或房间信息，暂无法提交工单',
+      repairAttachmentRequired: '请上传报修附件图片',
+      changeAreaRequired: '请选择意向房型',
+      checkoutTimeRequired: '请选择退宿时间',
+      checkoutReasonRequired: '请填写退宿原因',
+      loadHistoryFailed: '工单记录加载失败',
+      loadFlowsFailed: '工单流转加载失败',
+      loadActionsFailed: '工单操作项加载失败',
+      continueProcess: '继续处理',
+      loadAssigneeFailed: '处理目标加载失败',
+      submitSectionActionDesc: '当前工单正在处理中，提交后会继续流转。',
+      submitSectionSupplementDesc: '当前工单处于挂起状态，补充信息后会继续流转。',
+      currentStatusPending: '待处理',
+      currentStatusProcessing: '处理中',
+      currentStatusResolved: '已解决',
+      currentStatusClosed: '已结束',
+      allStatus: '全部',
+      pendingStatus: '待处理',
+      processingStatus: '处理中',
+      resolvedStatus: '已解决',
+      closedStatus: '已结束'
+    },
+    en: {
+      areaLabel: 'Area',
+      assigneeLabel: 'Assignee',
+      attachmentsLabel: 'Attachments',
+      cancelProcess: 'Cancel Action',
+      cancelSupplement: 'Cancel Supplement',
+      changeRoomTypeLabel: 'Preferred Room Type',
+      cleaningTimeLabel: 'Cleaning Time',
+      contentLabel: 'Content',
+      currentFlowTag: 'Current',
+      currentStayInfo: 'Current Stay',
+      currentStayOrder: 'Current Stay Order',
+      emptyHistoryDesc: 'No tickets of this type yet.',
+      emptyHistoryTitle: 'No Ticket Records',
+      flowActionTitle: 'Available Actions',
+      historyTab: 'History',
+      leaseLabel: 'Lease',
+      loadMore: 'Load More',
+      loadingMore: 'Loading...',
+      loadOrderFailed: 'Failed to load stay context',
+      noFlowContent: 'No handling content',
+      noMore: 'No more records',
+      refresh: 'Refresh',
+      refreshing: 'Refreshing...',
+      remarkLabel: 'Notes',
+      remarkPlaceholder: 'Enter notes to help the staff handle this ticket',
+      roomLabel: 'Room',
+      roomTypeLabel: 'Room Type',
+      searchPlaceholder: 'Search title or content',
+      selectAssignee: 'Select assignee',
+      selectDate: 'Select date',
+      selectTime: 'Select time',
+      submitSectionDefaultDesc: 'The form below will be submitted through the ticket APIs.',
+      submitTab: 'Submit',
+      submitTicket: 'Submit Ticket',
+      submitting: 'Submitting...',
+      supplementAction: 'Supplement',
+      supplementLabel: 'Supplementary Fields',
+      supplementPlaceholder: 'Please enter {label}',
+      ticketKicker: 'WORK ORDER',
+      uploadImage: 'Upload Image',
+      uploadImageCountExceeded: 'Up to 6 images',
+      uploadImageFailed: 'Failed to upload image',
+      uploadImageOversize: 'Image must be less than 5MB',
+      uploadTip: 'Upload JPG or PNG images, up to 6 images and 5MB each.',
+      uploadTipRepair: 'Upload JPG or PNG images, up to 6 images and 5MB each. Repair requires at least 1 image.',
+      checkoutTimeLabel: 'Checkout Time',
+      renewalTimeLabel: 'Renew Until',
+      submittedAtLabel: 'Submitted At',
+      submitSuccess: 'Ticket submitted',
+      submitFailed: 'Failed to submit ticket',
+      confirmSubmitTitle: 'Confirm',
+      confirmSubmitContent: 'Confirm submitting this ticket?',
+      missingStayContext: 'Missing current stay order or room information',
+      repairAttachmentRequired: 'Please upload repair images',
+      changeAreaRequired: 'Please select a room type',
+      checkoutTimeRequired: 'Please select checkout time',
+      checkoutReasonRequired: 'Please fill in the checkout reason',
+      loadHistoryFailed: 'Failed to load ticket history',
+      loadFlowsFailed: 'Failed to load ticket flows',
+      loadActionsFailed: 'Failed to load ticket actions',
+      continueProcess: 'Continue',
+      loadAssigneeFailed: 'Failed to load assignees',
+      submitSectionActionDesc: 'The ticket is in progress and will continue after submission.',
+      submitSectionSupplementDesc: 'The ticket is on hold and will continue after supplementing the information.',
+      currentStatusPending: 'Pending',
+      currentStatusProcessing: 'Processing',
+      currentStatusResolved: 'Resolved',
+      currentStatusClosed: 'Closed',
+      allStatus: 'All',
+      pendingStatus: 'Pending',
+      processingStatus: 'Processing',
+      resolvedStatus: 'Resolved',
+      closedStatus: 'Closed'
+    }
+  },
+  data() {
+    return {
+      serviceType: 'TicketRepairApply',
+      activeTab: 'submit',
+      scrollTop: 0,
+      loadingBase: false,
+      submitting: false,
+      historyLoading: false,
+      hasNext: false,
+      historyPageIndex: 1,
+      historyPageSize: 10,
+      historyList: [],
+      searchKeyword: '',
+      selectedStatus: '',
+      showFlowPopup: false,
+      flowLoading: false,
+      flowList: [],
+      currentFlowOrder: null,
+      currentFlowTitle: '',
+      transitionOptions: [],
+      transitActionMode: false,
+      transitActionOption: null,
+      transitActionFlow: null,
+      transitActionFlowNo: '',
+      transitActionTicket: null,
+      transitAssigneeGroups: [],
+      transitSelectedAssigneeType: '',
+      transitSelectedAssigneeValue: '',
+      transitSelectedAssigneeName: '',
+      transitAssigneeCode: '',
+      fixOnholdMode: false,
+      fixOnholdTicket: null,
+      fixOnholdFlowNo: '',
+      fixOnholdInfoMap: {},
+      fixOnholdFields: [],
+      currentOrderDetail: {},
+      uploadInstanceKey: 0,
+      form: {
+        content: '',
+        remark: '',
+        checkOutDate: '',
+        checkOutTimePart: '',
+        renewalDate: '',
+        renewalTimePart: '',
+        cleaningDate: '',
+        cleaningTimePart: '',
+        photos: [],
+        attachments: []
+      },
+      switchForm: {
+        areaCode: '',
+        roomTypeCode: ''
+      }
+    }
+  },
+  computed: {
+    language() {
+      return this.$getLanguage ? this.$getLanguage() : 'zh'
+    },
+    pageConfig() {
+      return SERVICE_CONFIGS[this.serviceType] || SERVICE_CONFIGS.TicketRepairApply
+    },
+    pageTitle() {
+      return this.language === 'en'
+        ? (this.pageConfig.titleEn || this.pageConfig.title)
+        : this.pageConfig.title
+    },
+    pageDesc() {
+      return this.language === 'en'
+        ? (this.pageConfig.descEn || this.pageConfig.desc)
+        : this.pageConfig.desc
+    },
+    navBarBackgroundColor() {
+      if (this.scrollTop < 40) return 'rgba(255, 255, 255, 0)'
+      return 'rgba(255, 255, 255, 0.96)'
+    },
+    navBarBackStyle() {
+      const isDarkBg = this.scrollTop < 40
+      return {
+        transition: 'all 0.2s ease',
+        background: isDarkBg ? 'rgba(0, 0, 0, 0.2)' : 'transparent',
+        borderRadius: '50%',
+        width: '64rpx',
+        height: '64rpx',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        marginLeft: '12rpx',
+        color: isDarkBg ? '#FFFFFF' : '#000000'
+      }
+    },
+    navTitleOpacity() {
+      return Math.min(Math.max((this.scrollTop - 40) / 50, 0), 1)
+    },
+    isRepairService() {
+      return this.serviceType === 'TicketRepairApply'
+    },
+    isChangeService() {
+      return this.serviceType === 'TicketChangeApply'
+    },
+    isCheckOutService() {
+      return this.serviceType === 'TicketCheckOutApply'
+    },
+    isRenewalService() {
+      return this.serviceType === 'TicketRenewalApply'
+    },
+    isCleaningService() {
+      return this.serviceType === 'TicketCleaningApply'
+    },
+    currentRoomText() {
+      return pickReadableValue(
+        this.currentOrderDetail.roomNo,
+        this.currentOrderDetail.roomLabel,
+        this.currentOrderDetail.roomName,
+        this.currentOrderDetail.roomCode
+      ) || '--'
+    },
+    currentAreaText() {
+      return pickReadableValue(this.currentOrderDetail.areaName, this.currentOrderDetail.campusName, this.currentOrderDetail.areaCode)
+    },
+    currentLeaseText() {
+      const start = String(this.currentOrderDetail.startDate || this.currentOrderDetail.start || '').slice(0, 10)
+      const end = String(this.currentOrderDetail.endDate || this.currentOrderDetail.end || '').slice(0, 10)
+      return [start, end].filter(Boolean).join(' - ')
+    },
+    currentRoomTypeText() {
+      return pickReadableValue(this.currentOrderDetail.roomTypeName, this.currentOrderDetail.titleZh, this.currentOrderDetail.titleEn)
+    },
+    currentOrderStatusText() {
+      const status = Number(this.currentOrderDetail.orderStatus)
+      if (Number.isNaN(status)) return this.t('currentStayOrder')
+      if ([0, 1, 2].includes(status)) return this.t('currentStatusPending')
+      if ([3, 4, 7].includes(status)) return this.t('currentStatusProcessing')
+      if ([5, 6].includes(status)) return this.t('currentStatusResolved')
+      return this.t('currentStatusClosed')
+    },
+    contentFieldLabel() {
+      if (this.isChangeService) return this.language === 'en' ? 'Change Reason' : '调宿说明'
+      if (this.isCheckOutService) return this.language === 'en' ? 'Checkout Reason' : '退宿原因'
+      if (this.isRenewalService) return this.language === 'en' ? 'Renewal Note' : '续住说明'
+      if (this.isCleaningService) return this.language === 'en' ? 'Cleaning Request' : '清洁说明'
+      if (this.serviceType === 'TicketWaterDeliveryApply') return this.language === 'en' ? 'Water Delivery Note' : '送水说明'
+      return this.language === 'en' ? 'Repair / Suggestion Detail' : '申请内容'
+    },
+    contentPlaceholder() {
+      if (this.isChangeService) return this.language === 'en' ? 'Describe the reason and expected arrangement' : '请填写调宿原因和期望安排'
+      if (this.isCheckOutService) return this.language === 'en' ? 'Describe the reason for checkout' : '请填写退宿原因'
+      if (this.isRenewalService) return this.language === 'en' ? 'Describe the renewal request' : '请填写续住诉求'
+      if (this.isCleaningService) return this.language === 'en' ? 'Describe the cleaning range or special needs' : '请填写清洁范围或重点需求'
+      if (this.serviceType === 'TicketWaterDeliveryApply') return this.language === 'en' ? 'Describe bottle count and delivery note' : '请填写桶数、送达时段等说明'
+      if (this.isRepairService) return this.language === 'en' ? 'Describe the issue and location' : '请填写报修位置和问题描述'
+      return this.language === 'en' ? 'Describe your suggestion or request' : '请尽量详细描述您的意见或诉求'
+    },
+    uploadAction() {
+      return `${String(API_BASE_URL || '').replace(/\/$/, '')}/file/common/upload`
+    },
+    uploadHeaders() {
+      const token = getAuthToken()
+      return {
+        ...(token ? { Authorization: `Bearer ${token}` } : {}),
+        'X-Requested-Language': this.language === 'en' ? 'en' : 'zh'
+      }
+    },
+    uploadFormData() {
+      return {
+        ProviderType: 'WechatMiniProgram'
+      }
+    },
+    uploadTipText() {
+      return this.isRepairService ? this.t('uploadTipRepair') : this.t('uploadTip')
+    },
+    submitButtonText() {
+      if (this.fixOnholdMode) {
+        return this.language === 'en' ? 'Submit Supplement' : '提交补充信息'
+      }
+      if (this.transitActionMode) {
+        return this.transitActionOption && this.transitActionOption.nextStatusDesc
+          ? this.transitActionOption.nextStatusDesc
+          : this.t('continueProcess')
+      }
+      return this.t('submitTicket')
+    },
+    submitSectionTitle() {
+      if (this.fixOnholdMode) return this.language === 'en' ? 'Supplement Information' : '补充工单信息'
+      if (this.transitActionMode) return this.language === 'en' ? 'Continue Current Ticket' : '继续处理当前工单'
+      return this.pageTitle
+    },
+    submitSectionDesc() {
+      if (this.fixOnholdMode) return this.t('submitSectionSupplementDesc')
+      if (this.transitActionMode) return this.t('submitSectionActionDesc')
+      return this.t('submitSectionDefaultDesc')
+    },
+    modeBannerTitle() {
+      if (this.fixOnholdMode) return this.language === 'en' ? 'Supplement Required' : '当前工单需要补充信息'
+      if (this.transitActionMode) return this.language === 'en' ? 'Ticket In Progress' : '当前工单正在继续处理'
+      return ''
+    },
+    modeBannerText() {
+      if (this.fixOnholdMode) {
+        return this.fixOnholdTicket && this.fixOnholdTicket.no
+          ? `${this.fixOnholdTicket.no} ${this.language === 'en' ? 'needs more information before continuing.' : '需要补充信息后继续流转。'}`
+          : this.t('submitSectionSupplementDesc')
+      }
+      if (this.transitActionMode) {
+        return this.transitActionOption && this.transitActionOption.nextStatusDesc
+          ? `${this.language === 'en' ? 'Current action:' : '当前操作：'}${this.transitActionOption.nextStatusDesc}`
+          : this.t('submitSectionActionDesc')
+      }
+      return ''
+    },
+    statusCardClass() {
+      return this.fixOnholdMode ? 'status-card--warning' : 'status-card--info'
+    },
+    submitFooterTip() {
+      if (this.fixOnholdMode) return this.language === 'en' ? 'Supplement the required information and continue the ticket.' : '补充所需信息后会继续流转当前工单'
+      if (this.transitActionMode) return this.language === 'en' ? 'After submission, the ticket will move to the next step.' : '提交后工单会流转到下一处理节点'
+      return this.language === 'en' ? 'You can check the handling progress in history after submission.' : '提交后可在记录查询中查看处理进度'
+    },
+    historyStatusOptions() {
+      return [
+        { value: '', label: this.t('allStatus') },
+        { value: '0', label: this.t('pendingStatus') },
+        { value: '3', label: this.t('processingStatus') },
+        { value: '5', label: this.t('resolvedStatus') },
+        { value: '9', label: this.t('closedStatus') }
+      ]
+    },
+    transitAssigneePickerRange() {
+      return this.transitAssigneeGroups.reduce((result, group) => {
+        const list = Array.isArray(group.items) ? group.items : []
+        list.forEach((item) => {
+          result.push({
+            assigneeType: group.assigneeType,
+            assigneeValue: item.value,
+            assigneeName: item.name
+          })
+        })
+        return result
+      }, [])
+    },
+    transitAssigneePickerLabels() {
+      return this.transitAssigneePickerRange.map(item => item.assigneeName)
+    },
+    showTransitAssigneeSelector() {
+      return this.transitActionMode
+        && this.resolveActionCommand(this.transitActionOption) === 'transfer'
+        && this.transitAssigneePickerRange.length > 0
+    }
+  },
+  onLoad(options) {
+    const serviceType = String(options && options.serviceType || '').trim()
+    if (SERVICE_CONFIGS[serviceType]) {
+      this.serviceType = serviceType
+    }
+    this.resetForm()
+    this.refreshContext()
+  },
+  onShow() {
+    this.refreshContext()
+  },
+  methods: {
+    t(key, params) {
+      return this.$translate(this.i18n, key, params)
+    },
+    handleScroll(e) {
+      this.scrollTop = e.detail.scrollTop
+    },
+    switchTab(tab) {
+      this.activeTab = tab
+      if (tab === 'history') {
+        this.refreshHistory()
+      }
+    },
+    refreshContext() {
+      const session = getSessionSnapshot()
+      const storeState = (this.$store && this.$store.state) || {}
+      const currentOrder = storeState.vuex_current_order || {}
+      const roomData = session.myRoomData || {}
+      this.currentOrderDetail = {
+        ...roomData,
+        ...currentOrder
+      }
+      this.applyDefaultSchedule()
+      const orderNo = this.getSubmitOrderNo()
+      if (!orderNo) {
+        return
+      }
+      orderSearchedDetail(orderNo)
+        .then((response) => {
+          const detail = normalizeBookingDetail(parseOrderDetailResponse(response))
+          if (detail) {
+            this.currentOrderDetail = {
+              ...this.currentOrderDetail,
+              ...detail
+            }
+          }
+        })
+        .catch(() => {
+          uni.showToast({ title: this.t('loadOrderFailed'), icon: 'none' })
+        })
+    },
+    resetForm() {
+      this.uploadInstanceKey += 1
+      this.form = {
+        content: '',
+        remark: '',
+        checkOutDate: '',
+        checkOutTimePart: '',
+        renewalDate: '',
+        renewalTimePart: '',
+        cleaningDate: '',
+        cleaningTimePart: '',
+        photos: [],
+        attachments: []
+      }
+      this.switchForm = {
+        areaCode: '',
+        roomTypeCode: ''
+      }
+    },
+    getCurrentUserName() {
+      const user = (this.$store && this.$store.state && this.$store.state.vuex_user) || {}
+      return pickReadableValue(user.name, user.realName, user.userName, user.account) || (this.language === 'en' ? 'User' : '用户')
+    },
+    getSubmitOrderNo() {
+      return String(this.currentOrderDetail.orderNo || '').trim()
+    },
+    getSubmitRoomCode() {
+      return String(this.currentOrderDetail.roomCode || '').trim()
+    },
+    getSubmitSlotCode() {
+      return String(this.currentOrderDetail.slotCode || this.currentOrderDetail.slot || '').trim()
+    },
+    getDefaultExpectedHandleDateTime() {
+      const target = new Date()
+      target.setDate(target.getDate() + 1)
+      target.setSeconds(0, 0)
+      return target
+    },
+    getDefaultExpectedDeadlineDateTime(startDate) {
+      const target = new Date(startDate || this.getDefaultExpectedHandleDateTime())
+      target.setFullYear(target.getFullYear() + 10)
+      return target
+    },
+    formatDateToYmd(date) {
+      return `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, '0')}-${String(date.getDate()).padStart(2, '0')}`
+    },
+    formatHourMinute(date) {
+      return `${String(date.getHours()).padStart(2, '0')}:${String(date.getMinutes()).padStart(2, '0')}`
+    },
+    applyDefaultSchedule() {
+      const start = this.getDefaultExpectedHandleDateTime()
+      const defaultTime = this.formatHourMinute(start)
+      if (this.isCheckOutService && !this.form.checkOutDate) {
+        this.form.checkOutDate = this.formatDateToYmd(start)
+        this.form.checkOutTimePart = defaultTime
+      }
+      if (this.isRenewalService && !this.form.renewalDate) {
+        this.form.renewalDate = this.formatDateToYmd(start)
+        this.form.renewalTimePart = defaultTime
+      }
+      if (this.isCleaningService && !this.form.cleaningDate) {
+        this.form.cleaningDate = this.formatDateToYmd(start)
+        this.form.cleaningTimePart = defaultTime
+      }
+    },
+    onDateChange(field, event) {
+      this.form[field] = event && event.detail ? event.detail.value : ''
+    },
+    onTimeChange(field, event) {
+      this.form[field] = event && event.detail ? event.detail.value : ''
+    },
+    handleSwitchRoomTypeChange({ area, roomType }) {
+      this.switchForm.areaCode = area && area.code ? area.code : ''
+      this.switchForm.roomTypeCode = roomType && roomType.code ? roomType.code : ''
+    },
+    buildDateTimeString(dateText, timeText) {
+      const date = String(dateText || '').trim()
+      const time = String(timeText || '').trim()
+      if (!date || !time) return ''
+      return `${date} ${time}:00`
+    },
+    resolveCheckOutTime() {
+      return this.buildDateTimeString(this.form.checkOutDate, this.form.checkOutTimePart) || null
+    },
+    resolveRenewalTime() {
+      return this.buildDateTimeString(this.form.renewalDate, this.form.renewalTimePart) || null
+    },
+    resolveCleaningTime() {
+      return this.buildDateTimeString(this.form.cleaningDate, this.form.cleaningTimePart) || null
+    },
+    buildAutoGeneratedTitle() {
+      const now = new Date()
+      const dateText = `${now.getFullYear()}${String(now.getMonth() + 1).padStart(2, '0')}${String(now.getDate()).padStart(2, '0')}`
+      return `${this.getCurrentUserName()}-${this.pageTitle}-${dateText}`
+    },
+    getSubmitValidationMessage() {
+      if (this.fixOnholdMode && !this.fixOnholdFlowNo) {
+        return this.t('submitFailed')
+      }
+      if (this.transitActionMode && !this.transitActionFlowNo) {
+        return this.t('submitFailed')
+      }
+      if (!this.fixOnholdMode && !this.transitActionMode && !this.getSubmitOrderNo() && !this.getSubmitRoomCode()) {
+        return this.t('missingStayContext')
+      }
+      if (this.isRepairService && !(Array.isArray(this.form.attachments) && this.form.attachments.length)) {
+        return this.t('repairAttachmentRequired')
+      }
+      if (this.isChangeService && !this.switchForm.roomTypeCode) {
+        return this.t('changeAreaRequired')
+      }
+      if (this.isCheckOutService && !this.resolveCheckOutTime()) {
+        return this.t('checkoutTimeRequired')
+      }
+      if (this.isCheckOutService && !String(this.form.content || '').trim()) {
+        return this.t('checkoutReasonRequired')
+      }
+      if (this.showTransitAssigneeSelector && !this.transitSelectedAssigneeValue) {
+        return this.t('selectAssignee')
+      }
+      return ''
+    },
+    resolveSubmitApi() {
+      if (this.isRepairService) return ticketOrderSubmitRepair
+      if (this.serviceType === 'TicketSuggestionApply') return ticketOrderSubmitSuggestion
+      if (this.isChangeService) return ticketOrderSubmitChangeroom
+      if (this.isCheckOutService) return ticketOrderSubmitCheckout
+      if (this.isRenewalService) return ticketOrderSubmitRenewal
+      if (this.serviceType === 'TicketWaterDeliveryApply') return ticketOrderSubmitWaterdelivery
+      if (this.isCleaningService) return ticketOrderSubmitCleaning
+      return ticketOrderSubmitSuggestion
+    },
+    buildAttachmentPayload() {
+      return (Array.isArray(this.form.attachments) ? this.form.attachments : []).map(item => ({
+        mediaType: item.mediaType || IMAGE_MEDIA_TYPE,
+        resourceUrl: item.rawResourceUrl || item.resourceUrl || item.previewUrl || ''
+      })).filter(item => item.resourceUrl)
+    },
+    buildCommonPayload(linkageMode = 'auto') {
+      const orderNo = this.getSubmitOrderNo()
+      const roomCode = this.getSubmitRoomCode()
+      const payload = {
+        orderNo: null,
+        roomCode: null,
+        slotCode: this.getSubmitSlotCode() || null,
+        title: this.buildAutoGeneratedTitle(),
+        expectedHandleTime: this.buildDateTimeString(this.formatDateToYmd(this.getDefaultExpectedHandleDateTime()), '09:00'),
+        expectedDeadlineTime: this.buildDateTimeString(this.formatDateToYmd(this.getDefaultExpectedDeadlineDateTime(this.getDefaultExpectedHandleDateTime())), '09:00'),
+        content: String(this.form.content || '').trim(),
+        remark: String(this.form.remark || '').trim() || null,
+        attachments: this.buildAttachmentPayload()
+      }
+
+      if (linkageMode === 'both' || (linkageMode === 'auto' && orderNo && roomCode)) {
+        payload.orderNo = orderNo || null
+        payload.roomCode = roomCode || null
+      } else if (linkageMode === 'order' || (linkageMode === 'auto' && orderNo)) {
+        payload.orderNo = orderNo || null
+      } else {
+        payload.roomCode = roomCode || null
+      }
+
+      return payload
+    },
+    buildSubmitPayload(linkageMode = 'auto') {
+      const payload = this.buildCommonPayload(linkageMode)
+      if (this.isCheckOutService) {
+        const checkOutTime = this.resolveCheckOutTime()
+        const reason = String(this.form.content || '').trim() || null
+        payload.checkOutTime = checkOutTime
+        payload.CheckOutTime = checkOutTime
+        payload.reason = reason
+        payload.Reason = reason
+        payload.bizInfos = {
+          CheckOutTime: checkOutTime || '',
+          Reason: reason || '',
+          Remark: String(this.form.remark || '').trim() || ''
+        }
+      }
+      if (this.isRenewalService) {
+        const renewalTime = this.resolveRenewalTime()
+        if (renewalTime) {
+          payload.newExpectedCheckOutTime = renewalTime
+          payload.NewExpectedCheckOutTime = renewalTime
+          payload.bizInfos = {
+            ...(payload.bizInfos || {}),
+            NewExpectedCheckOutTime: renewalTime
+          }
+        }
+      }
+      if (this.isCleaningService) {
+        const serviceDate = this.resolveCleaningTime()
+        if (serviceDate) {
+          payload.serviceDate = serviceDate
+          payload.ServiceDate = serviceDate
+          payload.bizInfos = {
+            ...(payload.bizInfos || {}),
+            ServiceDate: serviceDate
+          }
+        }
+      }
+      if (this.isChangeService) {
+        payload.areaCode = this.switchForm.areaCode || null
+        payload.roomTypeCode = this.switchForm.roomTypeCode || null
+      }
+      return payload
+    },
+    getSubmitErrorText(error) {
+      const data = error && (error.data || error.msg || error.message)
+      if (Array.isArray(data) && data.length) {
+        return data[0].msg || data[0].message || ''
+      }
+      if (data && Array.isArray(data.data) && data.data.length) {
+        return data.data[0].msg || data.data[0].message || ''
+      }
+      if (data && typeof data.msg === 'string') {
+        return data.msg
+      }
+      return typeof data === 'string' ? data : ''
+    },
+    resolveCompatibilityFallbackPayload(error, currentPayload) {
+      const message = String(this.getSubmitErrorText(error) || '').toLowerCase()
+      const roomCode = this.getSubmitRoomCode()
+      const orderNo = this.getSubmitOrderNo()
+      if (orderNo && roomCode && (!currentPayload.orderNo || !currentPayload.roomCode) && /(roomcode|room code|房间|orderno|order no|订单)/.test(message)) {
+        return this.buildSubmitPayload('both')
+      }
+      if (roomCode && !currentPayload.roomCode && /(roomcode|room code|房间)/.test(message)) {
+        return this.buildSubmitPayload('room')
+      }
+      if (orderNo && !currentPayload.orderNo && /(orderno|order no|订单)/.test(message)) {
+        return this.buildSubmitPayload('order')
+      }
+      return null
+    },
+    submitWithCompatibilityFallback(api, payload) {
+      return api(payload)
+        .catch((error) => {
+          const fallbackPayload = this.resolveCompatibilityFallbackPayload(error, payload)
+          if (!fallbackPayload) {
+            return Promise.reject(error)
+          }
+          return api(fallbackPayload)
+        })
+    },
+    buildTransitActionFlowBizInfos() {
+      const infos = this.transitActionFlow && this.transitActionFlow.infos && typeof this.transitActionFlow.infos === 'object'
+        ? this.transitActionFlow.infos
+        : {}
+      return Object.keys(infos).reduce((result, key) => {
+        const rawValue = infos[key] && typeof infos[key] === 'object' && infos[key].value !== undefined ? infos[key].value : infos[key]
+        if (rawValue !== undefined && rawValue !== null && rawValue !== '') {
+          result[key] = typeof rawValue === 'string' ? rawValue : String(rawValue)
+        }
+        return result
+      }, {})
+    },
+    buildTransitActionOperateBizInfos() {
+      const result = {}
+      if (this.isCheckOutService) {
+        result.CheckOutTime = this.resolveCheckOutTime() || null
+        result.Remark = String(this.form.remark || '').trim() || null
+        result.Reason = String(this.form.content || '').trim() || null
+      }
+      if (this.isRenewalService) {
+        result.NewExpectedCheckOutTime = this.resolveRenewalTime() || null
+      }
+      if (this.isCleaningService) {
+        result.ServiceDate = this.resolveCleaningTime() || null
+      }
+      if (this.isChangeService) {
+        result.AreaCode = this.switchForm.areaCode || null
+        result.RoomTypeCode = this.switchForm.roomTypeCode || null
+      }
+      return result
+    },
+    buildTransitActionPayload() {
+      const payload = {
+        flowNo: this.transitActionFlowNo,
+        nextStatus: Number(this.transitActionOption && this.transitActionOption.nextStatus),
+        content: String(this.form.content || '').trim(),
+        remark: String(this.form.remark || '').trim() || '',
+        bizInfos: {
+          ...this.buildTransitActionFlowBizInfos(),
+          ...this.buildTransitActionOperateBizInfos()
+        }
+      }
+      const assigneeType = String(this.transitSelectedAssigneeType || this.transitActionOption && this.transitActionOption.assigneeType || '').trim()
+      const assigneeValue = String(this.transitSelectedAssigneeValue || this.transitActionOption && this.transitActionOption.assigneeValue || '').trim()
+      if (assigneeType) {
+        payload.assigneeType = Number(assigneeType)
+      }
+      if (assigneeValue) {
+        payload.assigneeValue = assigneeValue
+      }
+      if (assigneeType === USER_ASSIGNEE_TYPE_KEY && assigneeValue) {
+        payload.userCode = this.transitAssigneeCode || assigneeValue
+      }
+      if (this.form.attachments.length) {
+        payload.attachments = this.buildAttachmentPayload()
+      }
+      return payload
+    },
+    extractFixInfoValue(infoMap, keys) {
+      const target = infoMap && typeof infoMap === 'object' ? infoMap : {}
+      for (let index = 0; index < keys.length; index += 1) {
+        const key = keys[index]
+        const source = target[key]
+        const value = source && typeof source === 'object' && source.value !== undefined ? source.value : source
+        if (value !== undefined && value !== null && value !== '') {
+          return value
+        }
+      }
+      return ''
+    },
+    buildFixOnholdBizInfos() {
+      const infoMap = this.fixOnholdInfoMap && typeof this.fixOnholdInfoMap === 'object' ? this.fixOnholdInfoMap : {}
+      const customFieldMap = this.fixOnholdFields.reduce((result, item) => {
+        if (item && item.key) {
+          result[item.key] = String(item.value || '').trim() || null
+        }
+        return result
+      }, {})
+      const valueMap = {
+        checkouttime: this.resolveCheckOutTime() || null,
+        newexpectedcheckouttime: this.resolveRenewalTime() || null,
+        servicedate: this.resolveCleaningTime() || null,
+        remark: String(this.form.remark || '').trim() || null,
+        content: String(this.form.content || '').trim() || null,
+        reason: String(this.form.content || '').trim() || null,
+        areacode: this.switchForm.areaCode || null,
+        roomtypecode: this.switchForm.roomTypeCode || null
+      }
+      return Object.keys(infoMap).reduce((result, key) => {
+        const normalizedKey = String(key || '').toLowerCase()
+        const original = infoMap[key] && typeof infoMap[key] === 'object' && infoMap[key].value !== undefined
+          ? infoMap[key].value
+          : infoMap[key]
+        if (Object.prototype.hasOwnProperty.call(customFieldMap, key)) {
+          result[key] = customFieldMap[key]
+        } else if (Object.prototype.hasOwnProperty.call(valueMap, normalizedKey)) {
+          result[key] = valueMap[normalizedKey]
+        } else {
+          result[key] = original === undefined ? null : original
+        }
+        return result
+      }, {})
+    },
+    buildFixOnholdPayload() {
+      const payload = {
+        flowNo: this.fixOnholdFlowNo,
+        content: String(this.form.content || '').trim(),
+        remark: String(this.form.remark || '').trim() || '',
+        bizInfos: this.buildFixOnholdBizInfos()
+      }
+      if (this.form.attachments.length) {
+        payload.attachments = this.buildAttachmentPayload()
+      }
+      return payload
+    },
+    submitForm() {
+      if (this.submitting) return
+      const validationMessage = this.getSubmitValidationMessage()
+      if (validationMessage) {
+        uni.showToast({ title: validationMessage, icon: 'none' })
+        return
+      }
+
+      new Promise((resolve) => {
+        uni.showModal({
+          title: this.t('confirmSubmitTitle'),
+          content: this.t('confirmSubmitContent'),
+          success: (res) => resolve(!!res.confirm),
+          fail: () => resolve(false)
+        })
+      })
+        .then((confirmed) => {
+          if (!confirmed) {
+            return Promise.reject({ __cancelled: true })
+          }
+          this.submitting = true
+          if (this.fixOnholdMode) {
+            return ticketOrderFixonhold(this.buildFixOnholdPayload(), this.language)
+          }
+          if (this.transitActionMode) {
+            return ticketOrderTransit(this.buildTransitActionPayload(), this.language)
+          }
+          const api = this.resolveSubmitApi()
+          return this.submitWithCompatibilityFallback(api, this.buildSubmitPayload())
+        })
+        .then(() => {
+          uni.showToast({ title: this.t('submitSuccess'), icon: 'success' })
+          this.cancelFixOnhold()
+          this.cancelTransitAction()
+          this.resetForm()
+          this.applyDefaultSchedule()
+          this.switchTab('history')
+        })
+        .catch((error) => {
+          if (error && error.__cancelled) {
+            return
+          }
+          uni.showToast({
+            title: this.getSubmitErrorText(error) || this.t('submitFailed'),
+            icon: 'none'
+          })
+        })
+        .finally(() => {
+          this.submitting = false
+        })
+    },
+    refreshHistory() {
+      this.historyPageIndex = 1
+      this.fetchHistoryList(true)
+    },
+    loadMoreHistory() {
+      if (!this.hasNext || this.historyLoading) return
+      this.historyPageIndex += 1
+      this.fetchHistoryList(false)
+    },
+    changeStatusFilter(value) {
+      this.selectedStatus = value
+      this.refreshHistory()
+    },
+    fetchHistoryList(reset) {
+      this.historyLoading = true
+      const params = {
+        Type: this.serviceType,
+        PageIndex: this.historyPageIndex,
+        PageSize: this.historyPageSize
+      }
+      if (this.getSubmitOrderNo()) {
+        params.OrderNo = this.getSubmitOrderNo()
+      }
+      if (String(this.selectedStatus) !== '') {
+        params.Status = Number(this.selectedStatus)
+      }
+      if (String(this.searchKeyword || '').trim()) {
+        params.Search = String(this.searchKeyword || '').trim()
+      }
+      ticketOrderMyPage(params, this.language)
+        .then((response) => {
+          const payload = normalizePageResponse(response)
+          const list = Array.isArray(payload.data) ? payload.data : []
+          this.historyList = reset ? list : this.historyList.concat(list)
+          this.hasNext = !!payload.hasNext
+        })
+        .catch(() => {
+          if (reset) {
+            this.historyList = []
+          }
+          this.hasNext = false
+          uni.showToast({ title: this.t('loadHistoryFailed'), icon: 'none' })
+        })
+        .finally(() => {
+          this.historyLoading = false
+        })
+    },
+    getHistoryTitle(item = {}) {
+      return pickReadableValue(item.title, item.subject, this.pageTitle)
+    },
+    getHistoryStatusText(item = {}) {
+      return pickReadableValue(item.currentStatusDesc, item.statusDesc, item.nextStatusDesc) || this.statusText(Number(item.currentStatus !== undefined ? item.currentStatus : item.status))
+    },
+    resolveHistoryStatusType(item = {}) {
+      const status = Number(item.currentStatus !== undefined ? item.currentStatus : item.status)
+      if ([0, 1, 2].includes(status)) return 'pending'
+      if ([3, 4, 7].includes(status)) return 'processing'
+      if ([5, 6].includes(status)) return 'resolved'
+      return 'closed'
+    },
+    statusText(status) {
+      if ([0, 1, 2].includes(status)) return this.t('pendingStatus')
+      if ([3, 4, 7].includes(status)) return this.t('processingStatus')
+      if ([5, 6].includes(status)) return this.t('resolvedStatus')
+      return this.t('closedStatus')
+    },
+    openFlows(item) {
+      this.currentFlowOrder = item
+      this.currentFlowTitle = this.getHistoryTitle(item)
+      this.showFlowPopup = true
+      this.flowLoading = true
+      this.flowList = []
+      this.transitionOptions = []
+      ticketOrderFlows(item.no, this.language)
+        .then((response) => {
+          this.flowList = normalizeListResponse(response).sort((a, b) => new Date(a.createTime).getTime() - new Date(b.createTime).getTime())
+          return this.loadTransitionOptions(this.getCurrentFlowItem())
+        })
+        .catch(() => {
+          uni.showToast({ title: this.t('loadFlowsFailed'), icon: 'none' })
+        })
+        .finally(() => {
+          this.flowLoading = false
+        })
+    },
+    loadTransitionOptions(flow) {
+      const targetFlow = flow || this.getCurrentFlowItem()
+      const flowNo = String(targetFlow && (targetFlow.flowNo || targetFlow.no || targetFlow.code) || '').trim()
+      if (!flowNo) {
+        this.transitionOptions = []
+        return Promise.resolve([])
+      }
+      return ticketOrderTransitionOptions(flowNo, this.language)
+        .then((response) => {
+          const list = normalizeListResponse(response)
+          this.transitionOptions = list.filter(item => Number(item && item.triggerMode) === 1 || String(item && item.triggerMode || '').toLowerCase() === 'manual')
+          return this.transitionOptions
+        })
+        .catch(() => {
+          this.transitionOptions = []
+          uni.showToast({ title: this.t('loadActionsFailed'), icon: 'none' })
+          return []
+        })
+    },
+    getTicketCurrentFlowNo(item) {
+      return String(item && (item.currentFlowNo || item.flowNo || item.no) || '').trim()
+    },
+    findActiveFlowItem(list, item) {
+      const source = Array.isArray(list) ? list : []
+      if (!source.length) return null
+      const pendingItem = source.slice().reverse().find(flow => flow && flow.iNeedToHandle === true)
+      if (pendingItem) return pendingItem
+      const currentFlowNo = this.getTicketCurrentFlowNo(item)
+      if (currentFlowNo) {
+        const matched = source.find(flow => String(flow && (flow.flowNo || flow.no || flow.code) || '').trim() === currentFlowNo)
+        if (matched) return matched
+      }
+      return source[source.length - 1]
+    },
+    getCurrentFlowItem() {
+      return this.findActiveFlowItem(this.flowList, this.currentFlowOrder)
+    },
+    isCurrentFlowItem(index) {
+      const current = this.getCurrentFlowItem()
+      const currentFlowNo = String(current && (current.flowNo || current.no || current.code) || '').trim()
+      const target = this.flowList[index]
+      const targetFlowNo = String(target && (target.flowNo || target.no || target.code) || '').trim()
+      return !!currentFlowNo && currentFlowNo === targetFlowNo
+    },
+    getFlowStatusText(item) {
+      return pickReadableValue(item.statusDesc, item.currentStatusDesc, item.nextStatusDesc) || this.statusText(Number(item.status))
+    },
+    resolveActionCommand(item) {
+      const text = String(item && item.nextStatusDesc || '').trim()
+      if (text.includes('转交')) return 'transfer'
+      if (text.includes('挂起') || text.includes('等待')) return 'onhold'
+      if (text.includes('关闭')) return 'close'
+      if (text.includes('验证') || text.includes('核验')) return 'verify'
+      if (text.includes('解决')) return 'resolve'
+      if (text.includes('处理')) return 'inprogress'
+      const map = {
+        2: 'transfer',
+        3: 'inprogress',
+        4: 'onhold',
+        5: 'resolve',
+        6: 'verify',
+        8: 'cancel',
+        10: 'close'
+      }
+      return map[Number(item && item.nextStatus)] || 'transit'
+    },
+    startTransitAction(action, flow) {
+      this.showFlowPopup = false
+      this.resetForm()
+      this.applyDefaultSchedule()
+      this.fixOnholdMode = false
+      this.fixOnholdTicket = null
+      this.fixOnholdFlowNo = ''
+      this.fixOnholdInfoMap = {}
+      this.fixOnholdFields = []
+      this.transitActionMode = true
+      this.transitActionOption = action
+      this.transitActionFlow = flow
+      this.transitActionFlowNo = String(flow && (flow.flowNo || flow.no || flow.code) || '').trim()
+      this.transitActionTicket = this.currentFlowOrder ? { ...this.currentFlowOrder } : null
+      this.transitAssigneeGroups = []
+      this.transitSelectedAssigneeType = ''
+      this.transitSelectedAssigneeValue = ''
+      this.transitSelectedAssigneeName = ''
+      this.transitAssigneeCode = ''
+      if (this.resolveActionCommand(action) === 'transfer') {
+        this.loadTransitAssigneeGroups()
+      }
+      this.activeTab = 'submit'
+    },
+    canFixOnhold(item) {
+      return Number(item && item.currentStatus) === 4
+    },
+    extractFlowInfos(flow) {
+      return flow && flow.infos && typeof flow.infos === 'object' && !Array.isArray(flow.infos)
+        ? flow.infos
+        : {}
+    },
+    normalizeFixOnholdFields(infoMap) {
+      const reservedKeys = ['remark', 'content', 'reason', 'checkouttime', 'newexpectedcheckouttime', 'servicedate', 'areacode', 'roomtypecode']
+      return Object.keys(infoMap || {}).reduce((result, key) => {
+        const normalizedKey = String(key || '').trim().toLowerCase()
+        if (!normalizedKey || reservedKeys.includes(normalizedKey)) {
+          return result
+        }
+        const source = infoMap[key]
+        const title = pickReadableValue(source && source.title, source && source.label, key)
+        result.push({
+          key,
+          title,
+          value: ''
+        })
+        return result
+      }, [])
+    },
+    applyTransitPrefill(flow) {
+      if (!flow) return
+      const infos = this.extractFlowInfos(flow)
+      const getInfoValue = (key) => {
+        const source = Object.keys(infos).find(item => String(item || '').toLowerCase() === String(key || '').toLowerCase())
+        const value = source ? infos[source] : null
+        return value && typeof value === 'object' && value.value !== undefined ? value.value : value
+      }
+      if (this.isChangeService) {
+        this.switchForm.areaCode = getInfoValue('AreaCode') || this.switchForm.areaCode
+        this.switchForm.roomTypeCode = getInfoValue('RoomTypeCode') || this.switchForm.roomTypeCode
+      }
+      if (this.isCheckOutService && getInfoValue('CheckOutTime')) {
+        const text = String(getInfoValue('CheckOutTime')).trim().replace('T', ' ')
+        const parts = text.split(' ')
+        this.form.checkOutDate = parts[0] || this.form.checkOutDate
+        this.form.checkOutTimePart = (parts[1] || '').slice(0, 5) || this.form.checkOutTimePart
+      }
+      if (this.isRenewalService && getInfoValue('NewExpectedCheckOutTime')) {
+        const text = String(getInfoValue('NewExpectedCheckOutTime')).trim().replace('T', ' ')
+        const parts = text.split(' ')
+        this.form.renewalDate = parts[0] || this.form.renewalDate
+        this.form.renewalTimePart = (parts[1] || '').slice(0, 5) || this.form.renewalTimePart
+      }
+      if (this.isCleaningService && getInfoValue('ServiceDate')) {
+        const text = String(getInfoValue('ServiceDate')).trim().replace('T', ' ')
+        const parts = text.split(' ')
+        this.form.cleaningDate = parts[0] || this.form.cleaningDate
+        this.form.cleaningTimePart = (parts[1] || '').slice(0, 5) || this.form.cleaningTimePart
+      }
+      if (!this.form.content && getInfoValue('Reason')) {
+        this.form.content = String(getInfoValue('Reason'))
+      }
+      if (!this.form.remark && getInfoValue('Remark')) {
+        this.form.remark = String(getInfoValue('Remark'))
+      }
+    },
+    startFixOnhold(item) {
+      if (!item || !item.no || !this.canFixOnhold(item)) return
+      this.loadingBase = true
+      ticketOrderFlows(item.no, this.language)
+        .then((response) => {
+          const flowList = normalizeListResponse(response)
+          const activeFlow = this.findActiveFlowItem(flowList, item)
+          this.resetForm()
+          this.applyDefaultSchedule()
+          this.fixOnholdMode = true
+          this.fixOnholdTicket = item
+          this.fixOnholdFlowNo = this.getTicketCurrentFlowNo(item) || String(activeFlow && (activeFlow.flowNo || activeFlow.no || activeFlow.code) || '').trim()
+          this.fixOnholdInfoMap = this.extractFlowInfos(activeFlow)
+          this.fixOnholdFields = this.normalizeFixOnholdFields(this.fixOnholdInfoMap)
+          this.transitActionMode = false
+          this.transitActionOption = null
+          this.transitActionFlow = null
+          this.transitActionFlowNo = ''
+          this.transitActionTicket = null
+          this.showFlowPopup = false
+          this.activeTab = 'submit'
+          this.applyTransitPrefill(activeFlow)
+        })
+        .finally(() => {
+          this.loadingBase = false
+        })
+    },
+    cancelFixOnhold() {
+      this.fixOnholdMode = false
+      this.fixOnholdTicket = null
+      this.fixOnholdFlowNo = ''
+      this.fixOnholdInfoMap = {}
+      this.fixOnholdFields = []
+    },
+    cancelTransitAction() {
+      this.transitActionMode = false
+      this.transitActionOption = null
+      this.transitActionFlow = null
+      this.transitActionFlowNo = ''
+      this.transitActionTicket = null
+      this.transitAssigneeGroups = []
+      this.transitSelectedAssigneeType = ''
+      this.transitSelectedAssigneeValue = ''
+      this.transitSelectedAssigneeName = ''
+      this.transitAssigneeCode = ''
+    },
+    normalizeTransitAssigneeGroups(response) {
+      return normalizeListResponse(response).map((group) => {
+        const items = Array.isArray(group && group.items) ? group.items : []
+        if (!items.length) return null
+        return {
+          assigneeType: String(group.assigneeType || '').trim(),
+          items: items.map(item => ({
+            value: String(item && item.value || item && item.name || '').trim(),
+            name: String(item && item.name || item && item.value || '').trim()
+          })).filter(item => item.value)
+        }
+      }).filter(Boolean)
+    },
+    loadTransitAssigneeGroups() {
+      return ticketFlowTransitionStepRuleSelectTypeItems({
+        flowNo: this.transitActionFlowNo,
+        nextStatus: this.transitActionOption && this.transitActionOption.nextStatus
+      }, this.language)
+        .then((response) => {
+          this.transitAssigneeGroups = this.normalizeTransitAssigneeGroups(response)
+        })
+        .catch(() => {
+          uni.showToast({ title: this.t('loadAssigneeFailed'), icon: 'none' })
+        })
+    },
+    onTransitAssigneeChange(event) {
+      const index = Number(event && event.detail ? event.detail.value : 0)
+      const target = this.transitAssigneePickerRange[index]
+      if (!target) return
+      this.transitSelectedAssigneeType = target.assigneeType
+      this.transitSelectedAssigneeValue = target.assigneeValue
+      this.transitSelectedAssigneeName = target.assigneeName
+      this.transitAssigneeCode = target.assigneeType === USER_ASSIGNEE_TYPE_KEY ? target.assigneeValue : ''
+    },
+    shouldUseTextarea(value) {
+      return String(value || '').length > 40
+    },
+    resolveUploadedFileUrl(uploadResult) {
+      return pickReadableValue(
+        uploadResult && uploadResult.data && uploadResult.data.url,
+        uploadResult && uploadResult.data && uploadResult.data.fileUrl,
+        uploadResult && uploadResult.data && uploadResult.data.path,
+        uploadResult && uploadResult.data,
+        uploadResult && uploadResult.url,
+        uploadResult && uploadResult.fileUrl,
+        uploadResult && uploadResult.path,
+        typeof uploadResult === 'string' ? uploadResult : ''
+      )
+    },
+    onUploadSuccess(data, index, list) {
+      const rawResourceUrl = this.resolveUploadedFileUrl(safeJsonParse(data, data))
+      if (!rawResourceUrl) {
+        return
+      }
+      this.form.photos = Array.isArray(list) ? list : this.form.photos
+      this.form.attachments.splice(index, 1, {
+        mediaType: IMAGE_MEDIA_TYPE,
+        rawResourceUrl,
+        resourceUrl: rawResourceUrl,
+        previewUrl: addFilePrefix(rawResourceUrl)
+      })
+    },
+    onPhotoListChange(list) {
+      this.form.photos = Array.isArray(list) ? list : []
+    },
+    onRemoveImage(index) {
+      this.form.attachments.splice(index, 1)
+    },
+    onUploadError() {
+      uni.showToast({ title: this.t('uploadImageFailed'), icon: 'none' })
+    },
+    onUploadOversize() {
+      uni.showToast({ title: this.t('uploadImageOversize'), icon: 'none' })
+    },
+    onUploadExceed() {
+      uni.showToast({ title: this.t('uploadImageCountExceeded'), icon: 'none' })
+    },
+    getAttachmentPreview(attachment) {
+      return addFilePrefix(pickReadableValue(attachment && attachment.resourceUrl, attachment && attachment.url, attachment && attachment.path))
+    },
+    previewAttachment(attachments, index) {
+      const urls = (Array.isArray(attachments) ? attachments : []).map(item => this.getAttachmentPreview(item)).filter(Boolean)
+      if (!urls.length) return
+      uni.previewImage({
+        urls,
+        current: urls[index] || urls[0]
+      })
+    },
+    formatDateTime(value) {
+      const text = String(value || '').trim()
+      if (!text) return '--'
+      const date = new Date(text.replace('T', ' ').replace(/-/g, '/'))
+      if (Number.isNaN(date.getTime())) {
+        return text
+      }
+      return `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, '0')}-${String(date.getDate()).padStart(2, '0')} ${String(date.getHours()).padStart(2, '0')}:${String(date.getMinutes()).padStart(2, '0')}`
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.ticket-page {
+  min-height: 100vh;
+  background: linear-gradient(180deg, #F0F6FF 0%, #F8FAFF 100%);
+}
+
+.page-scroll {
+  height: 100vh;
+}
+
+.hero-header {
+  padding: 24rpx 8rpx 0;
+}
+
+.hero-badge {
+  display: inline-flex;
+  align-items: center;
+  padding: 10rpx 18rpx;
+  background: rgba($brand-primary, 0.08);
+  border-radius: 999rpx;
+  color: $brand-primary;
+  font-size: 22rpx;
+  font-weight: 700;
+}
+
+.badge-dot {
+  width: 10rpx;
+  height: 10rpx;
+  border-radius: 50%;
+  background: $brand-primary;
+  margin-right: 10rpx;
+}
+
+.hero-title {
+  margin-top: 22rpx;
+  font-size: 52rpx;
+  line-height: 1.2;
+  color: #1A2233;
+  font-weight: 800;
+}
+
+.hero-desc {
+  margin-top: 16rpx;
+  color: #6A7A99;
+  font-size: 26rpx;
+  line-height: 1.6;
+}
+
+.segment-card,
+.context-card,
+.form-card,
+.history-card,
+.status-card,
+.empty-panel {
+  background: #FFFFFF;
+  border-radius: 28rpx;
+  box-shadow: 0 12rpx 36rpx rgba(43, 142, 255, 0.06);
+  border: 1rpx solid rgba(255, 255, 255, 0.8);
+}
+
+.segment-card {
+  display: flex;
+  padding: 8rpx;
+}
+
+.segment-item {
+  flex: 1;
+  height: 84rpx;
+  border-radius: 22rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 28rpx;
+  color: #74829C;
+  font-weight: 600;
+}
+
+.segment-item--active {
+  background: linear-gradient(135deg, rgba($brand-primary, 0.12) 0%, rgba($brand-primary, 0.06) 100%);
+  color: $brand-primary;
+}
+
+.context-card,
+.form-card,
+.status-card,
+.empty-panel {
+  padding: 30rpx;
+}
+
+.block-title {
+  font-size: 32rpx;
+  font-weight: 700;
+  color: #1A2233;
+}
+
+.block-subtitle {
+  margin-top: 10rpx;
+  font-size: 24rpx;
+  color: #7C8AA5;
+  line-height: 1.6;
+}
+
+.context-grid {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 20rpx;
+}
+
+.context-item {
+  padding: 22rpx;
+  border-radius: 22rpx;
+  background: #F7FAFF;
+}
+
+.context-label {
+  font-size: 22rpx;
+  color: #7A879F;
+}
+
+.context-value {
+  margin-top: 10rpx;
+  font-size: 28rpx;
+  color: #1A2233;
+  font-weight: 600;
+  word-break: break-word;
+}
+
+.status-card--warning {
+  background: linear-gradient(135deg, rgba(255, 182, 84, 0.12) 0%, #FFFFFF 100%);
+}
+
+.status-card--info {
+  background: linear-gradient(135deg, rgba($brand-primary, 0.10) 0%, #FFFFFF 100%);
+}
+
+.status-card__title {
+  font-size: 30rpx;
+  font-weight: 700;
+  color: #1A2233;
+}
+
+.status-card__desc {
+  margin-top: 10rpx;
+  font-size: 24rpx;
+  color: #6A7A99;
+  line-height: 1.6;
+}
+
+.status-card__action {
+  margin-top: 18rpx;
+  display: inline-flex;
+  padding: 10rpx 22rpx;
+  border-radius: 999rpx;
+  background: rgba($brand-primary, 0.08);
+  color: $brand-primary;
+  font-size: 24rpx;
+  font-weight: 700;
+}
+
+.form-item {
+  position: relative;
+}
+
+.form-label {
+  margin-bottom: 16rpx;
+  font-size: 28rpx;
+  color: #1A2233;
+  font-weight: 700;
+}
+
+.form-textarea,
+.form-input,
+.form-picker {
+  width: 100%;
+  background: #F8FAFF;
+  border-radius: 22rpx;
+  border: 1rpx solid rgba($brand-primary, 0.08);
+  color: #1A2233;
+}
+
+.form-textarea {
+  min-height: 220rpx;
+  padding: 26rpx;
+  font-size: 28rpx;
+  line-height: 1.6;
+}
+
+.form-textarea--remark {
+  min-height: 160rpx;
+}
+
+.form-textarea--small {
+  min-height: 140rpx;
+}
+
+.form-input,
+.form-picker {
+  min-height: 96rpx;
+  padding: 0 26rpx;
+  display: flex;
+  align-items: center;
+  font-size: 28rpx;
+}
+
+.picker-row {
+  display: flex;
+  gap: 16rpx;
+}
+
+.picker-row picker {
+  flex: 1;
+}
+
+.form-picker--time {
+  justify-content: center;
+}
+
+.field-counter {
+  margin-top: 12rpx;
+  text-align: right;
+  font-size: 22rpx;
+  color: #9AA6BC;
+}
+
+.required-mark {
+  color: #FF6B6B;
+}
+
+.supplement-item + .supplement-item {
+  margin-top: 18rpx;
+}
+
+.supplement-title {
+  margin-bottom: 12rpx;
+  font-size: 24rpx;
+  color: #4E5D78;
+  font-weight: 600;
+}
+
+.upload-trigger {
+  width: 200rpx;
+  height: 200rpx;
+  border-radius: 22rpx;
+  background: linear-gradient(135deg, rgba($brand-primary, 0.08) 0%, rgba($brand-primary, 0.03) 100%);
+  border: 1rpx dashed rgba($brand-primary, 0.26);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+
+.upload-trigger__icon {
+  font-size: 40rpx;
+  color: $brand-primary;
+}
+
+.upload-trigger__text {
+  margin-top: 12rpx;
+  font-size: 24rpx;
+  color: $brand-primary;
+  font-weight: 600;
+}
+
+.upload-tip {
+  margin-top: 16rpx;
+  font-size: 22rpx;
+  color: #7C8AA5;
+  line-height: 1.6;
+}
+
+.history-toolbar {
+  display: flex;
+  gap: 16rpx;
+}
+
+.search-box {
+  flex: 1;
+  height: 84rpx;
+  border-radius: 22rpx;
+  background: #FFFFFF;
+  box-shadow: 0 8rpx 24rpx rgba(43, 142, 255, 0.06);
+  display: flex;
+  align-items: center;
+  padding: 0 24rpx;
+}
+
+.search-box__icon {
+  color: #8B98AF;
+  font-size: 28rpx;
+}
+
+.search-box__input {
+  flex: 1;
+  margin-left: 14rpx;
+  font-size: 26rpx;
+  color: #1A2233;
+}
+
+.refresh-mini-btn {
+  padding: 0 26rpx;
+  min-width: 144rpx;
+  height: 84rpx;
+  border-radius: 22rpx;
+  background: #FFFFFF;
+  color: $brand-primary;
+  box-shadow: 0 8rpx 24rpx rgba(43, 142, 255, 0.06);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 24rpx;
+  font-weight: 700;
+}
+
+.filter-scroll {
+  white-space: nowrap;
+}
+
+.filter-row {
+  display: inline-flex;
+}
+
+.filter-chip {
+  margin-right: 16rpx;
+  padding: 14rpx 26rpx;
+  border-radius: 999rpx;
+  background: rgba($brand-primary, 0.06);
+  color: #74829C;
+  font-size: 24rpx;
+}
+
+.filter-chip--active {
+  background: $brand-primary;
+  color: #FFFFFF;
+}
+
+.history-card {
+  padding: 28rpx;
+}
+
+.history-card__title {
+  font-size: 30rpx;
+  color: #1A2233;
+  font-weight: 700;
+}
+
+.history-card__code {
+  font-size: 22rpx;
+  color: #90A0B8;
+}
+
+.status-badge {
+  padding: 10rpx 18rpx;
+  border-radius: 999rpx;
+  font-size: 22rpx;
+  font-weight: 700;
+}
+
+.status-pending {
+  background: rgba(255, 184, 77, 0.14);
+  color: #B36A00;
+}
+
+.status-processing {
+  background: rgba($brand-primary, 0.12);
+  color: $brand-primary;
+}
+
+.status-resolved {
+  background: rgba(46, 204, 113, 0.14);
+  color: #169B55;
+}
+
+.status-closed {
+  background: rgba(148, 163, 184, 0.14);
+  color: #66758D;
+}
+
+.info-row + .info-row {
+  margin-top: 12rpx;
+}
+
+.info-label {
+  color: #8B98AF;
+  font-size: 24rpx;
+}
+
+.info-value {
+  max-width: 58%;
+  text-align: right;
+  color: #1A2233;
+  font-size: 24rpx;
+}
+
+.info-value--multiline {
+  text-align: right;
+  word-break: break-word;
+}
+
+.load-state {
+  padding: 18rpx 0 30rpx;
+  text-align: center;
+  font-size: 24rpx;
+  color: #8B98AF;
+}
+
+.empty-title {
+  font-size: 30rpx;
+  color: #1A2233;
+  font-weight: 700;
+  text-align: center;
+}
+
+.empty-desc {
+  font-size: 24rpx;
+  color: #7C8AA5;
+  text-align: center;
+  line-height: 1.6;
+}
+
+.floating-submit-bar {
+  position: fixed;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  padding: 24rpx 24rpx calc(24rpx + env(safe-area-inset-bottom));
+  background: linear-gradient(180deg, rgba(248, 250, 255, 0) 0%, rgba(248, 250, 255, 0.98) 36%, rgba(248, 250, 255, 1) 100%);
+}
+
+.floating-submit-bar__inner {
+  background: rgba(255, 255, 255, 0.96);
+  border-radius: 28rpx;
+  padding: 22rpx;
+  box-shadow: 0 12rpx 36rpx rgba(43, 142, 255, 0.08);
+}
+
+.floating-submit-tip {
+  margin-bottom: 16rpx;
+  font-size: 22rpx;
+  color: #7C8AA5;
+}
+
+.submit-btn {
+  height: 96rpx;
+  border-radius: 24rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.btn-primary {
+  background: linear-gradient(135deg, rgba($brand-primary, 0.92) 0%, $brand-primary 100%);
+  color: #FFFFFF;
+  box-shadow: 0 12rpx 28rpx rgba($brand-primary, 0.24);
+}
+
+.submit-btn--disabled {
+  opacity: 0.7;
+}
+
+.flow-popup {
+  height: 100%;
+  background: #F7FAFF;
+  padding: 34rpx 28rpx 0;
+}
+
+.flow-popup__title {
+  text-align: center;
+  font-size: 32rpx;
+  color: #1A2233;
+  font-weight: 700;
+}
+
+.flow-popup__scroll {
+  height: calc(100% - 72rpx);
+  margin-top: 26rpx;
+}
+
+.flow-card {
+  background: #FFFFFF;
+  border-radius: 24rpx;
+  padding: 24rpx;
+  border: 1rpx solid rgba($brand-primary, 0.06);
+}
+
+.flow-card--current {
+  border-color: rgba($brand-primary, 0.22);
+  box-shadow: 0 8rpx 24rpx rgba($brand-primary, 0.08);
+}
+
+.flow-card__status {
+  font-size: 28rpx;
+  font-weight: 700;
+  color: #1A2233;
+}
+
+.flow-card__time {
+  font-size: 22rpx;
+  color: #8B98AF;
+}
+
+.flow-card__tag {
+  padding: 8rpx 16rpx;
+  border-radius: 999rpx;
+  background: rgba($brand-primary, 0.10);
+  color: $brand-primary;
+  font-size: 22rpx;
+  font-weight: 700;
+}
+
+.flow-card__content {
+  font-size: 24rpx;
+  color: #4E5D78;
+  line-height: 1.6;
+}
+
+.flow-attachments {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 14rpx;
+}
+
+.flow-attachment-image {
+  width: 144rpx;
+  height: 144rpx;
+  border-radius: 18rpx;
+  background: #EDF2F8;
+}
+
+.flow-action-list {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 16rpx;
+}
+
+.flow-action-btn {
+  padding: 16rpx 24rpx;
+  border-radius: 20rpx;
+  background: linear-gradient(135deg, rgba($brand-primary, 0.12) 0%, rgba($brand-primary, 0.06) 100%);
+  color: $brand-primary;
+  font-size: 24rpx;
+  font-weight: 700;
+}
+
+.flow-action-btn--ghost {
+  display: inline-flex;
+}
+</style>
diff --git a/store/index.js b/store/index.js
index 1dc1fd7..2412b1d 100644
--- a/store/index.js
+++ b/store/index.js
@@ -2,6 +2,7 @@ import Vue from 'vue'
 import Vuex from 'vuex'
 import { getEnums, getMyEffectiveContracts, getMyPendingSignContracts, orderSearchedMePage } from '@/api/index.js'
 import { normalizeBookingList, parseOrderListResponse, pickCurrentBooking, pickCurrentStayOrder } from '@/utils/booking-helper'
+import { getBuiltInEnums } from '@/utils/enum-store'
 
 Vue.use(Vuex)
 
@@ -62,6 +63,21 @@ function logRequestError(name, error) {
   return []
 }
 
+function resolveOrderNo(order = {}) {
+  const candidates = [order.orderNo, order.no, order.code, order.OrderNo]
+  for (let index = 0; index < candidates.length; index += 1) {
+    const value = candidates[index]
+    if (value === undefined || value === null) {
+      continue
+    }
+    const text = String(value).trim()
+    if (text) {
+      return text
+    }
+  }
+  return ''
+}
+
 let lastFetchStatusTime = 0
 let fetchUserGlobalStatusPromise = null
 let globalEnumsPromise = null
@@ -89,7 +105,7 @@ const store = new Vuex.Store({
     vuex_effective_contracts: [],
     vuex_valid_orders: [],
     vuex_current_order: lifeData.vuex_current_order ? lifeData.vuex_current_order : null,
-    vuex_enums: {}
+    vuex_enums: getBuiltInEnums(lifeData.vuex_locale || 'zh-Hans')
   },
   mutations: {
     $tStore(state, payload) {
@@ -148,14 +164,25 @@ const store = new Vuex.Store({
       lastFetchStatusTime = now
 
       fetchUserGlobalStatusPromise = Promise.all([
-        getMyPendingSignContracts({ UserCode: userCode }, language).catch((error) => logRequestError('getMyPendingSignContracts', error)),
-        getMyEffectiveContracts({ UserCode: userCode }, language).catch((error) => logRequestError('getMyEffectiveContracts', error)),
         orderSearchedMePage({ PageIndex: 1, PageSize: 100, IsExport: false }, language).catch((error) => logRequestError('orderSearchedMePage', error))
-      ]).then(([pendingContractsResponse, effectiveContractsResponse, orderResponse]) => {
-        const pendingContracts = parseContractList(pendingContractsResponse)
-        const effectiveContracts = parseContractList(effectiveContractsResponse)
+      ]).then(([orderResponse]) => {
         const validOrders = normalizeBookingList(parseOrderListResponse(orderResponse), language)
         const currentOrder = pickCurrentStayOrder(validOrders)
+        const currentOrderNo = resolveOrderNo(currentOrder)
+
+        return Promise.all([
+          Promise.resolve(validOrders),
+          Promise.resolve(currentOrder),
+          currentOrderNo
+            ? getMyPendingSignContracts({ OrderNo: currentOrderNo, ProviderType: 'WechatMiniProgram' }, language).catch((error) => logRequestError('getMyPendingSignContracts', error))
+            : Promise.resolve([]),
+          currentOrderNo
+            ? getMyEffectiveContracts({ OrderNo: currentOrderNo }, language).catch((error) => logRequestError('getMyEffectiveContracts', error))
+            : Promise.resolve([])
+        ])
+      }).then(([validOrders, currentOrder, pendingContractsResponse, effectiveContractsResponse]) => {
+        const pendingContracts = parseContractList(pendingContractsResponse)
+        const effectiveContracts = parseContractList(effectiveContractsResponse)
         const currentBooking = pickCurrentBooking(validOrders)
         const nextUser = {
           ...currentUser,
@@ -208,7 +235,7 @@ const store = new Vuex.Store({
       globalEnumsPromise = getEnums({}, language)
         .then((res) => {
           const data = res && res.data ? res.data : res
-          const enumsMap = {}
+          const enumsMap = getBuiltInEnums(language)
           if (Array.isArray(data)) {
             data.forEach(item => {
               enumsMap[item.code] = item.data || []
@@ -222,7 +249,7 @@ const store = new Vuex.Store({
           return enumsMap
         })
         .catch(() => {
-          return hasEnums ? state.vuex_enums : {}
+          return hasEnums ? state.vuex_enums : getBuiltInEnums(language)
         })
         .finally(() => {
           globalEnumsPromise = null
diff --git a/utils/booking-entry.js b/utils/booking-entry.js
new file mode 100644
index 0000000..9872188
--- /dev/null
+++ b/utils/booking-entry.js
@@ -0,0 +1,36 @@
+function normalizeUrl(url = '') {
+  return String(url || '').trim()
+}
+
+export function isBookingEntryUrl(url = '') {
+  return /^\/pkgBooking\/(book_viewing\/book_viewing|book\/book)(?:\?|$)/.test(normalizeUrl(url))
+}
+
+export function resolveExistingBookingNavigationTarget(stayState = {}) {
+  const source = stayState || {}
+  const currentBooking = source.currentBooking || null
+  const hasCheckedIn = source.hasCheckedIn === true
+
+  if (currentBooking && currentBooking.orderNo) {
+    return `/pkgBooking/booking_detail/booking_detail?orderNo=${encodeURIComponent(currentBooking.orderNo)}`
+  }
+
+  if (currentBooking) {
+    return '/pkgBooking/booking_detail/booking_detail'
+  }
+
+  if (hasCheckedIn) {
+    return '/pages/index/index?pageId=stay-service'
+  }
+
+  return ''
+}
+
+export function resolveBookingRedirectAfterLogin(targetUrl = '', stayState = {}) {
+  const normalizedTargetUrl = normalizeUrl(targetUrl)
+  if (!isBookingEntryUrl(normalizedTargetUrl)) {
+    return normalizedTargetUrl
+  }
+
+  return resolveExistingBookingNavigationTarget(stayState) || normalizedTargetUrl
+}
diff --git a/utils/enum-store.js b/utils/enum-store.js
index e696897..b28e3a3 100644
--- a/utils/enum-store.js
+++ b/utils/enum-store.js
@@ -2,15 +2,110 @@ import { getEnums } from '@/api/index.js'
 import { getCurrentLanguage } from '@/utils/i18n'
 
 const ENUMS_CACHE_KEY = 'mini_enums_cache_v1'
+const BUILTIN_ENUMS = {
+  zh: {
+    IdCardTypeEnum: [
+      { key: 3, value: '港澳通行证', valueEn: 'Mainland Travel Permit for Hong Kong and Macao Residents' },
+      { key: 2, value: '护照', valueEn: 'Passport' },
+      { key: 99, value: '其他', valueEn: 'Other' },
+      { key: 1, value: '身份证', valueEn: 'ID Card' },
+      { key: 4, value: '台湾通行证', valueEn: 'Mainland Travel Permit for Taiwan Residents' }
+    ]
+  },
+  en: {
+    IdCardTypeEnum: [
+      { key: 3, value: 'Mainland Travel Permit for Hong Kong and Macao Residents', valueZh: '港澳通行证' },
+      { key: 2, value: 'Passport', valueZh: '护照' },
+      { key: 99, value: 'Other', valueZh: '其他' },
+      { key: 1, value: 'ID Card', valueZh: '身份证' },
+      { key: 4, value: 'Mainland Travel Permit for Taiwan Residents', valueZh: '台湾通行证' }
+    ]
+  }
+}
 
 let enumsMap = {}
 let enumsLanguage = ''
 let fetchPromise = null
 
+function hasRemoteEnumData(map = {}, language) {
+  const currentLanguage = getNormalizedLanguage(language)
+  const builtinKeys = Object.keys(BUILTIN_ENUMS[currentLanguage] || {})
+  const sourceMap = map && typeof map === 'object' ? map : {}
+  return Object.keys(sourceMap).some(code => !builtinKeys.includes(code))
+}
+
+function mergeEnumOptionList(builtinList = [], customList = []) {
+  const nextList = []
+  const customMap = new Map()
+
+  ;(Array.isArray(customList) ? customList : []).forEach((item) => {
+    if (!item || typeof item !== 'object') return
+    customMap.set(String(item.key), item)
+  })
+
+  ;(Array.isArray(builtinList) ? builtinList : []).forEach((item) => {
+    const key = String(item && item.key)
+    const customItem = customMap.get(key)
+    if (customItem) {
+      nextList.push({
+        ...item,
+        ...customItem
+      })
+      customMap.delete(key)
+      return
+    }
+    nextList.push(item)
+  })
+
+  customMap.forEach((item) => {
+    nextList.push(item)
+  })
+
+  return nextList
+}
+
+function mergeBuiltinEnums(map = {}, language) {
+  const currentLanguage = getNormalizedLanguage(language)
+  const builtinMap = BUILTIN_ENUMS[currentLanguage] || {}
+  const mergedMap = {
+    ...builtinMap,
+    ...(map || {})
+  }
+
+  Object.keys(builtinMap).forEach((code) => {
+    if (!Array.isArray(mergedMap[code])) {
+      mergedMap[code] = builtinMap[code]
+      return
+    }
+    mergedMap[code] = mergeEnumOptionList(builtinMap[code], mergedMap[code])
+  })
+
+  return mergedMap
+}
+
+function parseJsonStringMaybe(value) {
+  if (typeof value !== 'string') {
+    return value
+  }
+  const text = value.trim()
+  if (!text) {
+    return value
+  }
+  if (!((text.startsWith('{') && text.endsWith('}')) || (text.startsWith('[') && text.endsWith(']')))) {
+    return value
+  }
+  try {
+    return JSON.parse(text)
+  } catch (error) {
+    return value
+  }
+}
+
 function normalizeEnumMap(data) {
+  const normalizedData = parseJsonStringMaybe(data)
   const map = {}
-  if (Array.isArray(data)) {
-    data.forEach((item) => {
+  if (Array.isArray(normalizedData)) {
+    normalizedData.forEach((item) => {
       if (item && item.code) {
         map[item.code] = Array.isArray(item.data) ? item.data : []
       }
@@ -76,26 +171,30 @@ function writeEnumsCache(map, language) {
 export function initEnumsFromCache(language) {
   const currentLanguage = getNormalizedLanguage(language)
   if (Object.keys(enumsMap).length && enumsLanguage === currentLanguage) return enumsMap
-  enumsMap = readEnumsCache(currentLanguage)
+  enumsMap = mergeBuiltinEnums(readEnumsCache(currentLanguage), currentLanguage)
   enumsLanguage = currentLanguage
   return enumsMap
 }
 
 export async function fetchEnums(force = false, language) {
   const currentLanguage = getNormalizedLanguage(language)
-  if (!force && Object.keys(enumsMap).length && enumsLanguage === currentLanguage) return enumsMap
+  if (!force && Object.keys(enumsMap).length && enumsLanguage === currentLanguage && hasRemoteEnumData(enumsMap, currentLanguage)) {
+    return enumsMap
+  }
   if (fetchPromise) return fetchPromise
 
   fetchPromise = (async () => {
     if (!force && (!Object.keys(enumsMap).length || enumsLanguage !== currentLanguage)) {
       initEnumsFromCache(currentLanguage)
-      if (Object.keys(enumsMap).length) return enumsMap
+      if (Object.keys(enumsMap).length && hasRemoteEnumData(enumsMap, currentLanguage)) {
+        return enumsMap
+      }
     }
 
     try {
       const res = await getEnums({}, currentLanguage)
       const data = res && res.data ? res.data : res
-      const map = normalizeEnumMap(data)
+      const map = mergeBuiltinEnums(normalizeEnumMap(data), currentLanguage)
       if (Object.keys(map).length) {
         enumsMap = map
         enumsLanguage = currentLanguage
@@ -118,6 +217,10 @@ export function getEnumOptions(code, language) {
   return enumsMap[code] || []
 }
 
+export function getBuiltInEnums(language) {
+  return mergeBuiltinEnums({}, language)
+}
+
 export function getEnumLabel(code, key, fallback = '', language) {
   const options = getEnumOptions(code, language)
   const matched = options.find(item => String(item.key) === String(key))
diff --git a/utils/privacy.js b/utils/privacy.js
new file mode 100644
index 0000000..f5aa13b
--- /dev/null
+++ b/utils/privacy.js
@@ -0,0 +1,86 @@
+const privacyAuthorizationHandlers = []
+let hasBoundPrivacyAuthorizationListener = false
+
+function getActivePrivacyAuthorizationHandler() {
+  return privacyAuthorizationHandlers.length
+    ? privacyAuthorizationHandlers[privacyAuthorizationHandlers.length - 1]
+    : null
+}
+
+export function bindPrivacyAuthorizationListener(handler) {
+  if (typeof handler !== 'function') {
+    return
+  }
+
+  const existedIndex = privacyAuthorizationHandlers.indexOf(handler)
+  if (existedIndex !== -1) {
+    privacyAuthorizationHandlers.splice(existedIndex, 1)
+  }
+  privacyAuthorizationHandlers.push(handler)
+
+  // #ifdef MP-WEIXIN
+  if (hasBoundPrivacyAuthorizationListener || typeof wx === 'undefined' || !wx.onNeedPrivacyAuthorization) {
+    return
+  }
+
+  wx.onNeedPrivacyAuthorization((resolve) => {
+    const activeHandler = getActivePrivacyAuthorizationHandler()
+    if (typeof activeHandler === 'function') {
+      activeHandler(resolve)
+    }
+  })
+  hasBoundPrivacyAuthorizationListener = true
+  // #endif
+}
+
+export function unbindPrivacyAuthorizationListener(handler) {
+  const existedIndex = privacyAuthorizationHandlers.lastIndexOf(handler)
+  if (existedIndex !== -1) {
+    privacyAuthorizationHandlers.splice(existedIndex, 1)
+  }
+}
+
+export function getPrivacyAuthorizationStatus() {
+  // #ifdef MP-WEIXIN
+  return new Promise((resolve) => {
+    if (typeof wx === 'undefined' || !wx.getPrivacySetting) {
+      resolve({ needAuthorization: false })
+      return
+    }
+
+    wx.getPrivacySetting({
+      success: (res) => {
+        resolve({
+          ...res,
+          needAuthorization: !!(res && res.needAuthorization)
+        })
+      },
+      fail: () => {
+        resolve({ needAuthorization: false })
+      }
+    })
+  })
+  // #endif
+  // #ifndef MP-WEIXIN
+  return Promise.resolve({ needAuthorization: false })
+  // #endif
+}
+
+export function openWechatPrivacyContract() {
+  // #ifdef MP-WEIXIN
+  return new Promise((resolve, reject) => {
+    if (typeof wx === 'undefined' || !wx.openPrivacyContract) {
+      resolve()
+      return
+    }
+
+    wx.openPrivacyContract({
+      success: resolve,
+      fail: reject
+    })
+  })
+  // #endif
+  // #ifndef MP-WEIXIN
+  return Promise.resolve()
+  // #endif
+}
diff --git a/utils/request.js b/utils/request.js
index 783e2ac..d5ef388 100644
--- a/utils/request.js
+++ b/utils/request.js
@@ -84,6 +84,29 @@ function shouldSkipUnauthorizedRedirect() {
   return route === 'pkgAccount/login/login' || route === 'pages/login/index' || route === 'pages/login/login'
 }
 
+function normalizeRequestedLanguageHeaderValue(language) {
+  return String(language || getCurrentLanguage() || 'zh').trim().toLowerCase() === 'en' ? 'en' : 'zh'
+}
+
+function buildRequestHeader(header = {}, token = '') {
+  const normalizedHeader = { ...(header || {}) }
+  const requestedLanguageHeaderKey = Object.keys(normalizedHeader).find(key => String(key || '').toLowerCase() === 'x-requested-language')
+
+  if (requestedLanguageHeaderKey && requestedLanguageHeaderKey !== 'X-Requested-Language') {
+    delete normalizedHeader[requestedLanguageHeaderKey]
+  }
+
+  normalizedHeader['X-Requested-Language'] = normalizeRequestedLanguageHeaderValue(
+    requestedLanguageHeaderKey ? normalizedHeader[requestedLanguageHeaderKey] : normalizedHeader['X-Requested-Language']
+  )
+
+  return {
+    'Content-Type': 'application/json',
+    ...(token ? { Authorization: `Bearer ${token}` } : {}),
+    ...normalizedHeader
+  }
+}
+
 function handleUnauthorized(responseData) {
   clearLoginSession()
 
@@ -126,12 +149,7 @@ export function request(options = {}) {
       data: uppercaseMethod === 'GET'
         ? (params !== undefined ? normalizedParams : normalizedData)
         : normalizedData,
-      header: {
-        'Content-Type': 'application/json',
-        'X-Requested-Language': getCurrentLanguage(),
-        ...(token ? { Authorization: `Bearer ${token}` } : {}),
-        ...header
-      },
+      header: buildRequestHeader(header, token),
       success: (res) => {
         const { statusCode, data: responseData } = res
         if ((statusCode === 401) || (responseData && Number(responseData.code) === 401)) {
diff --git a/utils/reservation-flow.js b/utils/reservation-flow.js
new file mode 100644
index 0000000..4c672bf
--- /dev/null
+++ b/utils/reservation-flow.js
@@ -0,0 +1,176 @@
+const RESERVATION_FLOW_STEP = {
+  INSPECTION: 10,
+  BILL: 20,
+  CONTRACT: 30,
+  CHECKIN: 40
+}
+
+function getLanguage(language) {
+  return language === 'en' ? 'en' : 'zh'
+}
+
+function parseJsonStringMaybe(value) {
+  if (typeof value !== 'string') {
+    return value
+  }
+
+  const text = value.trim()
+  if (!text) {
+    return value
+  }
+
+  const isJsonLike = (
+    (text.startsWith('{') && text.endsWith('}'))
+    || (text.startsWith('[') && text.endsWith(']'))
+  )
+
+  if (!isJsonLike) {
+    return value
+  }
+
+  try {
+    return JSON.parse(text)
+  } catch (error) {
+    return value
+  }
+}
+
+function normalizeArray(value) {
+  if (Array.isArray(value)) {
+    return value
+  }
+  return []
+}
+
+export function parseReservationFlowResponse(response) {
+  const rawPayload = response && response.data ? response.data : response
+  const payload = parseJsonStringMaybe(rawPayload)
+
+  if (Array.isArray(payload)) {
+    return payload
+  }
+
+  if (payload && Array.isArray(payload.data)) {
+    return payload.data
+  }
+
+  if (payload && payload.data && Array.isArray(payload.data.data)) {
+    return payload.data.data
+  }
+
+  return []
+}
+
+export function getReservationOrderNo(source = {}) {
+  const candidates = [
+    source.orderNo,
+    source.OrderNo,
+    source.reservationOrderNo,
+    source.searchedOrderNo,
+    source.bookingOrderNo
+  ]
+
+  for (let index = 0; index < candidates.length; index += 1) {
+    const value = String(candidates[index] || '').trim()
+    if (value) {
+      return value
+    }
+  }
+
+  return ''
+}
+
+export function getReservationCurrentNode(flow = {}) {
+  const nodes = normalizeArray(flow && flow.flowNodes)
+    .filter(item => item && typeof item === 'object')
+    .sort((a, b) => Number(a.sort || 0) - Number(b.sort || 0))
+
+  if (!nodes.length) {
+    return null
+  }
+
+  return nodes.find(item => item.isCurrent) || nodes[nodes.length - 1]
+}
+
+export function buildReservationFlowMap(flowList = []) {
+  return normalizeArray(flowList)
+    .filter(item => item && typeof item === 'object')
+    .reduce((result, item) => {
+      const orderNo = getReservationOrderNo(item)
+      if (!orderNo) {
+        return result
+      }
+
+      result[orderNo] = {
+        ...item,
+        orderNo,
+        currentNode: getReservationCurrentNode(item)
+      }
+      return result
+    }, {})
+}
+
+export function attachReservationFlow(item = {}, flowMap = {}) {
+  const orderNo = getReservationOrderNo(item)
+  const matchedFlow = orderNo ? flowMap[orderNo] : null
+
+  return {
+    ...item,
+    reservationOrderNo: orderNo,
+    reservationFlow: matchedFlow || null,
+    reservationCurrentNode: matchedFlow && matchedFlow.currentNode ? matchedFlow.currentNode : null
+  }
+}
+
+export function getReservationStepMeta(step, language = 'zh') {
+  const currentLanguage = getLanguage(language)
+  const map = {
+    [RESERVATION_FLOW_STEP.INSPECTION]: {
+      label: currentLanguage === 'en' ? 'Inspection' : '验房',
+      actionText: currentLanguage === 'en' ? 'View Inspection' : '查看验房'
+    },
+    [RESERVATION_FLOW_STEP.BILL]: {
+      label: currentLanguage === 'en' ? 'Bill' : '账单',
+      actionText: currentLanguage === 'en' ? 'Go to Bill' : '去缴费'
+    },
+    [RESERVATION_FLOW_STEP.CONTRACT]: {
+      label: currentLanguage === 'en' ? 'Contract' : '合同',
+      actionText: currentLanguage === 'en' ? 'Go to Contract' : '去签约'
+    },
+    [RESERVATION_FLOW_STEP.CHECKIN]: {
+      label: currentLanguage === 'en' ? 'Check-in' : '入住',
+      actionText: currentLanguage === 'en' ? 'Go to Check-in' : '去入住'
+    }
+  }
+
+  return map[Number(step)] || {
+    label: currentLanguage === 'en' ? 'Current Step' : '当前步骤',
+    actionText: currentLanguage === 'en' ? 'View Current Step' : '查看当前步骤'
+  }
+}
+
+export function getReservationCurrentStepText(source = {}, language = 'zh') {
+  const node = source && source.reservationCurrentNode
+    ? source.reservationCurrentNode
+    : getReservationCurrentNode(source)
+
+  if (!node) {
+    return ''
+  }
+
+  return String(node.stepDesc || '').trim() || getReservationStepMeta(node.step, language).label
+}
+
+export function getReservationCurrentActionText(source = {}, language = 'zh') {
+  const node = source && source.reservationCurrentNode
+    ? source.reservationCurrentNode
+    : getReservationCurrentNode(source)
+
+  if (!node) {
+    return ''
+  }
+
+  return getReservationStepMeta(node.step, language).actionText
+}
+
+export { RESERVATION_FLOW_STEP }
diff --git a/utils/select-room-normalizers.js b/utils/select-room-normalizers.js
index e43006f..92b2ad8 100644
--- a/utils/select-room-normalizers.js
+++ b/utils/select-room-normalizers.js
@@ -364,6 +364,11 @@ export function normalizeAreaRoomType(item = {}) {
 
   return {
     code: item.code || '',
+    areaCode: item.areaCode || '',
+    buildingCode: item.buildingCode || item.buildingNo || '',
+    buildingName: item.buildingName || '',
+    buildingSectionCode: item.buildingSectionCode || item.unitCode || '',
+    buildingSectionName: item.buildingSectionName || item.unitName || '',
     name: item.name || '',
     nameEn: item.nameEn || '',
     nameEnDisplay: compactEnglishText(item.nameEn || '', 22),
diff --git a/utils/session-sync.js b/utils/session-sync.js
index a261f7f..4fb6103 100644
--- a/utils/session-sync.js
+++ b/utils/session-sync.js
@@ -112,18 +112,25 @@ function pickFirstValue(...values) {
   return ''
 }
 
-function buildPendingContractQuery() {
-  const user = getCurrentUser() || {}
-  const userCode = pickFirstValue(user.userCode, user.code, user.UserCode)
-  const query = {
-    ProviderType: 'WechatMiniProgram'
+function buildPendingContractQuery(order = {}) {
+  const orderNo = pickFirstValue(order.orderNo, order.no, order.code, order.OrderNo)
+  if (!orderNo) {
+    return null
   }
-
-  if (userCode) {
-    query.UserCode = userCode
+  return {
+    ProviderType: 'WechatMiniProgram',
+    OrderNo: orderNo
   }
+}
 
-  return query
+function buildEffectiveContractQuery(order = {}) {
+  const orderNo = pickFirstValue(order.orderNo, order.no, order.code, order.OrderNo)
+  if (!orderNo) {
+    return null
+  }
+  return {
+    OrderNo: orderNo
+  }
 }
 
 function enrichBookingLanguageFields(booking = {}) {
@@ -233,15 +240,23 @@ function requestStayState(language = 'zh') {
     IsExport: false
   }, language)
     .then((orderResponse) => {
-      return Promise.all([
-        Promise.resolve(orderResponse),
-        getMyPendingSignContracts(buildPendingContractQuery(), language).catch(() => []),
-        getMyEffectiveContracts({}, language).catch(() => [])
-      ])
-    })
-    .then(([orderResponse, pendingContractsResponse, effectiveContractsResponse]) => {
       const orderList = normalizeBookingList(parseOrderListResponse(orderResponse), language)
       const currentOrder = pickCurrentStayOrder(orderList)
+      const pendingContractQuery = buildPendingContractQuery(currentOrder)
+      const effectiveContractQuery = buildEffectiveContractQuery(currentOrder)
+
+      return Promise.all([
+        Promise.resolve(orderList),
+        Promise.resolve(currentOrder),
+        pendingContractQuery
+          ? getMyPendingSignContracts(pendingContractQuery, language).catch(() => [])
+          : Promise.resolve([]),
+        effectiveContractQuery
+          ? getMyEffectiveContracts(effectiveContractQuery, language).catch(() => [])
+          : Promise.resolve([])
+      ])
+    })
+    .then(([orderList, currentOrder, pendingContractsResponse, effectiveContractsResponse]) => {
       const pendingContracts = parseContractList(pendingContractsResponse)
       const effectiveContracts = parseContractList(effectiveContractsResponse)
       const currentBooking = enrichBookingLanguageFields(pickCurrentBooking(orderList) || buildContractStepBooking(pendingContracts))