提交一次全量代码

client/src/components/reservation/ReservationTaskQueue.vue

@@ -13,12 +13,12 @@
       >
         <span class="task-row__index">{{ task.queue_sequence ?? '-' }}</span>
         <span class="task-row__main">
-          <strong>{{ task.card_name ?? task.task_type }}</strong>
-          <small>{{ task.task_type }} / {{ task.task_subtype ?? '-' }}</small>
+          <strong>{{ formatReservationTaskCard(t, task.task_type, task.card_name) }}</strong>
+          <small>{{ formatReservationTaskTypeSummary(t, task.task_type, task.task_subtype) }}</small>
           <em :class="{ 'task-row__reason--blocked': !task.can_process }">
             {{ task.can_process ? t('taskList.canProcess') : t('taskList.cannotProcess') }}
             <template v-if="!task.can_process && task.readonly_reason_code">
-              · {{ task.readonly_reason_code }}
+              · {{ formatReservationReadonlyReason(t, task.readonly_reason_code) }}
             </template>
           </em>
         </span>
@@ -49,6 +49,11 @@ import { useI18n } from 'vue-i18n'
 
 import ReservationStatusBadge from '@/components/reservation/ReservationStatusBadge.vue'
 import type { ReservationOrderTaskTimelineItem } from '@/types/reservation'
+import {
+  formatReservationReadonlyReason,
+  formatReservationTaskCard,
+  formatReservationTaskTypeSummary,
+} from '@/utils/reservationDisplay'
 
 defineProps<{
   items: ReservationOrderTaskTimelineItem[]