refactor: copy now

src/components/03_customer-management/FormEmployeeVisa.vue

@@ -78,6 +78,12 @@ onMounted(async () => {
   await fetchProvince();
 });
 
+const visaIssueCountryOptions = ref<Record<string, unknown>[]>([]);
+let visaIssueCountryFilter: (
+  value: string,
+  update: (callbackFn: () => void, afterFn?: (ref: QSelect) => void) => void,
+) => void;
+
 const visaTypeOptions = ref<Record<string, unknown>[]>([]);
 let visaTypeFilter: (
   value: string,
@@ -97,6 +103,12 @@ onMounted(() => {
     'label',
   );
 
+  visaIssueCountryFilter = selectFilterOptionRefMod(
+    ref(optionStore.globalOption?.nationality),
+    visaIssueCountryOptions,
+    'label',
+  );
+
   workerTypeFilter = selectFilterOptionRefMod(
     ref(optionStore.globalOption?.workerType),
     workerTypeOptions,
@@ -107,8 +119,14 @@ onMounted(() => {
 watch(
   () => optionStore.globalOption,
   () => {
+    visaIssueCountryFilter = selectFilterOptionRefMod(
+      ref(optionStore.globalOption?.nationality),
+      visaIssueCountryOptions,
+      'label',
+    );
+
     visaTypeFilter = selectFilterOptionRefMod(
-      optionStore.globalOption.nationality,
+      optionStore.globalOption.visaType,
       visaTypeOptions,
       'label',
     );
@@ -422,11 +440,11 @@ watch(
           class="col-md-4 col-6"
           :dense="dense"
           :readonly="readonly"
-          :options="visaTypeOptions"
+          :options="visaIssueCountryOptions"
           :hide-dropdown-icon="readonly"
           :for="`${prefixId}-select-issue-country`"
           :label="$t('customerEmployee.form.issueCountry')"
-          @filter="visaTypeFilter"
+          @filter="visaIssueCountryFilter"
           :model-value="readonly ? issueCountry || '-' : issueCountry"
           @update:model-value="
             (v) => (typeof v === 'string' ? (issueCountry = v) : '')

src/pages/04_product-service/MainPage.vue

@@ -104,10 +104,6 @@ const {
   importProduct,
 } = productServiceStore;
 
-const currentCopy = ref<{
-  id: string | undefined;
-  type: 'service' | 'product';
-}>();
 const { workNameItems } = storeToRefs(productServiceStore);
 const allStat = ref<{ mode: string; count: number }[]>([]);
 
@@ -1848,16 +1844,9 @@ function handleSubmitSameWorkflow() {
   );
 }
 
-async function paste() {
+async function copy(id: string) {
-  if (
+  {
-    !!currentCopy.value &&
+    const res = await fetchListServiceById(id);
-    currentCopy.value.type === 'service' &&
-    !!currentCopy.value.id
-  )
-    dialogWarningClose(t, {
-      message: t('dialog.message.warningPaste'),
-      action: async () => {
-        const res = await fetchListServiceById(currentCopy.value.id);
     if (res) {
       formService.value = {
         code: res.code,
@@ -1895,18 +1884,9 @@ async function paste() {
         };
       });
     }
-      },
-    });
-  else {
-    dialog({
-      color: 'warning',
-      icon: 'mdi-alert',
-      title: t('form.warning.title'),
-      actionText: t('dialog.action.ok'),
-      message: t('dialog.message.warningCopyEmpty'),
-      action: async () => {},
-    });
   }
+
+  dialogService.value = true;
 }
 
 watch(
@@ -3278,11 +3258,7 @@ watch(
                               :id-name="props.row.name"
                               @copy="
                                 () => {
-                                  notify('create', $t('dialog.message.copy'));
+                                  copy(props.row.id);
-                                  currentCopy = {
-                                    id: props.row.id,
-                                    type: productAndServiceTab,
-                                  };
                                 }
                               "
                               @view="