From ac5d1ea25df49327bf357b11b70eb41c55543f01 Mon Sep 17 00:00:00 2001
From: yml <yml@yml.com>
Date: Fri, 5 Jun 2026 10:38:52 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BC=98=E5=8C=96=E4=BA=A4=E6=8E=A5?=
 =?UTF-8?q?=E8=AE=B0=E5=BD=95=E6=98=BE=E7=A4=BA=EF=BC=8C=E5=B0=86=E6=8A=80?=
 =?UTF-8?q?=E6=9C=AF=E6=A0=87=E8=AF=86=E8=BD=AC=E6=8D=A2=E4=B8=BA=E7=94=A8?=
 =?UTF-8?q?=E6=88=B7=E5=8F=8B=E5=A5=BD=E6=96=87=E5=AD=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

问题：
- 交接记录显示原始技术标识（owner_handoff, renter_checkout 等）
- 用户体验不佳，难以理解记录含义

改进：
- 添加 formatHandoffRecordType 函数统一格式化交接记录类型
- 映射关系：
  - owner_handoff → 卖家交接
  - renter_checkout → 买家结账
  - owner_counter_checkout → 卖家反驳结账
  - renter_confirm_checkout → 买家确认结账
  - owner_accept_checkout → 卖家接受结账
- 同时优化PC端订单详情和管理后台订单详情

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 .../features/admin/views/AdminOrderDetailView.vue   | 13 ++++++++++++-
 .../src/features/orders/views/OrderDetailView.vue   | 13 ++++++++++++-
 2 files changed, 24 insertions(+), 2 deletions(-)

diff --git a/frontend/src/features/admin/views/AdminOrderDetailView.vue b/frontend/src/features/admin/views/AdminOrderDetailView.vue
index 6d7e083..8007a78 100644
--- a/frontend/src/features/admin/views/AdminOrderDetailView.vue
+++ b/frontend/src/features/admin/views/AdminOrderDetailView.vue
@@ -113,6 +113,17 @@ function refundStatusLabel(status: string) {
   }
   return map[status] || status || '未退款'
 }
+
+function formatHandoffRecordType(type: string) {
+  const typeMap: Record<string, string> = {
+    owner_handoff: '卖家交接',
+    renter_checkout: '买家结账',
+    owner_counter_checkout: '卖家反驳结账',
+    renter_confirm_checkout: '买家确认结账',
+    owner_accept_checkout: '卖家接受结账',
+  }
+  return typeMap[type] || type
+}
 </script>
 
 <template>
@@ -176,7 +187,7 @@ function refundStatusLabel(status: string) {
         <h2>交接记录</h2>
         <el-empty v-if="handoffRecords.length === 0" description="暂无交接记录" />
         <div v-for="record in handoffRecords" :key="record.id" class="timeline-item">
-          <strong>{{ record.type }}</strong>
+          <strong>{{ formatHandoffRecordType(record.type) }}</strong>
           <p>{{ record.content }}</p>
           <span>{{ formatDateTime(record.created_at) }}</span>
         </div>
diff --git a/frontend/src/features/orders/views/OrderDetailView.vue b/frontend/src/features/orders/views/OrderDetailView.vue
index fa6e76a..24d70e4 100644
--- a/frontend/src/features/orders/views/OrderDetailView.vue
+++ b/frontend/src/features/orders/views/OrderDetailView.vue
@@ -611,6 +611,17 @@ function linesToList(value: string) {
     .map((item) => item.trim())
     .filter(Boolean)
 }
+
+function formatHandoffRecordType(type: string) {
+  const typeMap: Record<string, string> = {
+    owner_handoff: '卖家交接',
+    renter_checkout: '买家结账',
+    owner_counter_checkout: '卖家反驳结账',
+    renter_confirm_checkout: '买家确认结账',
+    owner_accept_checkout: '卖家接受结账',
+  }
+  return typeMap[type] || type
+}
 </script>
 
 <template>
@@ -708,7 +719,7 @@ function linesToList(value: string) {
           placement="top"
         >
           <div class="timeline-content">
-            <div class="timeline-title">{{ record.type }}</div>
+            <div class="timeline-title">{{ formatHandoffRecordType(record.type) }}</div>
             <div class="timeline-body">{{ record.content }}</div>
           </div>
         </el-timeline-item>