refactor(05): component (quo card, date picker, select zone)

src/components/05_quotation/QuotationCard.vue

@@ -91,7 +91,7 @@ defineEmits<{
     <section class="row q-py-sm">
       <div class="col-3 app-text-muted">{{ $t('quotation.customerName') }}</div>
       <div class="col-9">{{ customerName || '-' }}</div>
-      <div class="col-3 app-text-muted">{{ $t('quotation.reporter') }}</div>
+      <div class="col-3 app-text-muted">{{ $t('quotation.actor') }}</div>
       <div class="col-9">{{ reporter || '-' }}</div>
     </section>
     <q-separator />

src/components/shared/DatePicker.vue

@@ -11,6 +11,7 @@ const props = defineProps<{
   readonly?: boolean;
   clearable?: boolean;
   label?: string;
+  bgColor?: string;
   rules?: ((value: string) => string | true)[];
   disabledDates?: string[] | Date[] | ((date: Date) => boolean);
 }>();
@@ -79,6 +80,7 @@ function valueUpdate(value: string) {
         hide-bottom-space
         dense
         outlined
+        :bg-color="bgColor"
         :rules
         :label
         :for="id"

src/components/shared/SelectZone.vue

@@ -4,7 +4,8 @@ const selectedItem = defineModel<unknown[]>('selectedItem', { default: [] });
 
 const props = withDefaults(
   defineProps<{
-    items: unknown[];
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    items: any;
     color?: string;
   }>(),
   {