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,65 +1844,49 @@ function handleSubmitSameWorkflow() {
   );
 }
 
-async function paste() {
+async function copy(id: string) {
-  if (
+  {
-    !!currentCopy.value &&
+    const res = await fetchListServiceById(id);
-    currentCopy.value.type === 'service' &&
+    if (res) {
-    !!currentCopy.value.id
+      formService.value = {
-  )
+        code: res.code,
-    dialogWarningClose(t, {
+        name: res.name,
-      message: t('dialog.message.warningPaste'),
+        detail: res.detail,
-      action: async () => {
+        attributes: res.attributes,
-        const res = await fetchListServiceById(currentCopy.value.id);
+        work: res.work.map((v) => ({
-        if (res) {
+          id: v.id,
-          formService.value = {
+          name: v.name,
-            code: res.code,
+          attributes: v.attributes,
-            name: res.name,
+          product: v.productOnWork.map((productOnWorkItem) => ({
-            detail: res.detail,
+            id: productOnWorkItem.product.id,
-            attributes: res.attributes,
+            installmentNo: productOnWorkItem.installmentNo,
-            work: res.work.map((v) => ({
+            stepCount: productOnWorkItem.stepCount,
-              id: v.id,
+          })),
-              name: v.name,
+        })),
-              attributes: v.attributes,
+        status: res.status,
-              product: v.productOnWork.map((productOnWorkItem) => ({
+        productGroupId: res.productGroupId,
-                id: productOnWorkItem.product.id,
+        selectedImage: res.selectedImage,
-                installmentNo: productOnWorkItem.installmentNo,
+        installments: res.installments,
-                stepCount: productOnWorkItem.stepCount,
+      };
-              })),
-            })),
-            status: res.status,
-            productGroupId: res.productGroupId,
-            selectedImage: res.selectedImage,
-            installments: res.installments,
-          };
 
-          workItems.value = res.work.map((item) => {
+      workItems.value = res.work.map((item) => {
+        return {
+          id: item.id,
+          name: item.name,
+          attributes: item.attributes,
+          product: item.productOnWork.map((productOnWorkItem) => {
             return {
-              id: item.id,
+              ...productOnWorkItem.product,
-              name: item.name,
+              nameEn: productOnWorkItem.product.name,
-              attributes: item.attributes,
+              installmentNo: productOnWorkItem.installmentNo,
-              product: item.productOnWork.map((productOnWorkItem) => {
-                return {
-                  ...productOnWorkItem.product,
-                  nameEn: productOnWorkItem.product.name,
-                  installmentNo: productOnWorkItem.installmentNo,
-                };
-              }),
             };
-          });
+          }),
-        }
+        };
-      },
+      });
-    });
+    }
-  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="