style

status no schedule, ordenando alfabeticamente + label na tabela do panel

src/pages/schedule/components/AddEditScheduleDialog.vue

@@ -351,15 +351,15 @@ const periodOptions = computed(() => [
   { label: t('schedules.period_types.8'), value: '8' }
 ]);
 
-const statusOptions = computed(() => [
-  { label: t('schedules.statuses.pending'), value: 'pending' },
+const statusOptions = [
   { label: t('schedules.statuses.accepted'), value: 'accepted' },
-  { label: t('schedules.statuses.rejected'), value: 'rejected' },
-  { label: t('schedules.statuses.paid'), value: 'paid' },
   { label: t('schedules.statuses.cancelled'), value: 'cancelled' },
+  { label: t('schedules.statuses.finished'), value: 'finished' },
   { label: t('schedules.statuses.started'), value: 'started' },
-  { label: t('schedules.statuses.finished'), value: 'finished' }
-]);
+  { label: t('schedules.statuses.paid'), value: 'paid' },
+  { label: t('schedules.statuses.pending'), value: 'pending' },
+  { label: t('schedules.statuses.rejected'), value: 'rejected' },
+];
 
 const dateColumns = computed(() => [
   { name: 'date', label: t('schedules.date'), field: 'date', align: 'left', format: formatDate },

src/pages/schedule/components/SchedulesPanel.vue

@@ -95,6 +95,7 @@ const columns = computed(() => [
     name: 'status',
     label: t('schedules.status'),
     align: 'center',
+    format: (val) => t(`schedules.statuses.${val}`),
     field: 'status',
     sortable: true
   },