feat:新增后台展示订单枚举

frontend/apps/admin/src/App.vue

@@ -470,6 +470,8 @@ function statusLabel(status: string) {
       ACTIVE: "保障中",
       EXPIRED: "已失效",
       CANCELLED: "已取消",
+      SURRENDERING: "退保处理中",
+      SURRENDERED: "已退保",
       REFUNDED: "已退款",
       DRAFT: "草稿",
       PUBLISHED: "已发布",
@@ -527,7 +529,11 @@ function accountStatusLabel(status: string) {
 
 function statusTone(status: string) {
   if (["ISSUED", "ACTIVE", "PAID", "COMPLETED"].includes(status)) return "success";
-  if (["CANCELLED", "REFUNDED", "EXPIRED", "DISABLED", "FAILED"].includes(status)) {
+  if (
+    ["CANCELLED", "SURRENDERED", "REFUNDED", "EXPIRED", "DISABLED", "FAILED"].includes(
+      status,
+    )
+  ) {
     return "muted";
   }
   return "pending";
@@ -2470,7 +2476,7 @@ onMounted(async () => {
         <section class="detail-section">
           <p class="detail-section-title">保障信息</p>
           <dl class="detail-grid">
-            <div><dt>保障状态</dt><dd><span class="status-pill success">{{ statusLabel(selectedPolicy.status) }}</span></dd></div>
+            <div><dt>保障状态</dt><dd><span class="status-pill" :class="statusTone(selectedPolicy.status)">{{ statusLabel(selectedPolicy.status) }}</span></dd></div>
             <div><dt>承保保费</dt><dd>{{ formatMoney(selectedPolicy.premium_cents) }}</dd></div>
             <div><dt>保障起期</dt><dd>{{ formatDate(selectedPolicy.coverage_start) }}</dd></div>
             <div><dt>保障止期</dt><dd>{{ formatDate(selectedPolicy.coverage_end) }}</dd></div>