refactor: make type more accurate

src/pages/09_task-order/TableTaskOrder.vue

@@ -44,34 +44,32 @@ const props = withDefaults(
 const currentBtnOpen = ref<boolean[]>([]);
 
 function taskOrderStatus(value: TaskOrderStatus, type: 'status' | 'color') {
-  const mappings: Record<string, Record<'status' | 'color', string>> = {
+  return {
-    Pending: {
+    [TaskOrderStatus.Pending]: {
       status: props.receive ? 'taskOrder.taskInCart' : 'taskOrder.title',
       color: '--blue-6-hsl',
     },
-    InProgress: {
+    [TaskOrderStatus.InProgress]: {
       status: 'taskOrder.inProgress',
       color: props.receive ? '--blue-6-hsl' : '--orange-5-hsl',
     },
-    Validate: {
+    [TaskOrderStatus.Validate]: {
       status: 'taskOrder.inProgress',
       color: props.receive ? '--blue-6-hsl' : '--orange-5-hsl',
     },
-    Complete: {
+    [TaskOrderStatus.Complete]: {
       status: props.receive ? 'taskOrder.sentTask' : 'taskOrder.goodReceipt',
       color: props.receive ? '--blue-6-hsl' : '--green-8-hsl',
     },
-    Accept: {
+    [TaskOrderStatus.Accept]: {
       status: 'taskOrder.receiveTask',
       color: '--blue-6-hsl',
     },
-    Submit: {
+    [TaskOrderStatus.Submit]: {
       status: 'taskOrder.sentTask',
       color: '--blue-6-hsl',
     },
-  };
+  }[value][type];
-
-  return mappings[value]?.[type] || '';
 }
 
 function getCreatedByName(