提交一次全量代码

client/src/components/reservation/ReservationTaskDetailPanel.vue

@@ -4,7 +4,7 @@
       v-if="loading"
       class="task-state"
     >
-      Loading...
+      {{ t('common.loading') }}
     </div>
     <div
       v-else-if="errorMessage"
@@ -17,7 +17,7 @@
       <header class="task-detail-header">
         <div>
           <p class="task-eyebrow">
-            {{ t(`cardType.${detail.task_card_type}`, detail.task_card_type) }}
+            {{ formatReservationTaskCard(t, detail.task_card_type) }}
           </p>
           <h1>{{ t('task.title') }} {{ detail.task_id }}</h1>
           <span class="task-contract">
@@ -82,7 +82,7 @@
           class="pi pi-lock"
           aria-hidden="true"
         />
-        {{ detail.availability.blocked_reason ?? t('task.blocked') }}
+        {{ formatReservationMaybeStableReason(t, detail.availability.blocked_reason, 'task.blocked') }}
       </div>
 
       <div
@@ -180,6 +180,7 @@ import {
   validateReservationFieldValues,
   type ReservationFieldValidationErrors,
 } from '@/utils/reservationFieldRules'
+import { formatReservationMaybeStableReason, formatReservationTaskCard } from '@/utils/reservationDisplay'
 import { formatReservationDateTime } from '@/utils/reservationFormat'
 
 const props = defineProps<{