diff --git a/src/pages/04_product-service/MainPage.vue b/src/pages/04_product-service/MainPage.vue
index 94299860..30088f3e 100644
--- a/src/pages/04_product-service/MainPage.vue
+++ b/src/pages/04_product-service/MainPage.vue
@@ -3830,15 +3830,6 @@ watch(
       }
     "
   >
-    <!-- <ProfileUpload
-        prefix-id="form-dialog-product"
-        isProduct
-        v-model:url-profile="profileUrl"
-        v-model:status-toggle="statusToggle"
-        v-model:profile-submit="profileSubmit"
-        @input-file="inputFile.click()"
-        @cancel-file="inputFile.value = ''"
-      /> -->
     <div class="q-mx-lg q-mt-lg">
       <ProfileBanner
         hideFade
@@ -4056,42 +4047,6 @@ watch(
         />
       </div>
     </div>
-    <!-- <template #prepend>
-      <ProfileUpload
-        prefix-id="form-dialog-product"
-        isProduct
-        v-model:url-profile="profileUrl"
-        v-model:status-toggle="statusToggle"
-        v-model:profile-submit="profileSubmit"
-        @input-file="inputFile.click()"
-        @cancel-file="inputFile.value = ''"
-        :label-status-toggle="'formDialogTitleProductStatus'"
-      />
-    </template>
-
-    <template #information>
-      <BasicInfoProduct
-        :readonly="!infoProductEdit"
-        v-model:options-branch="branchOption"
-        v-model:registered-branch-id="formDataProduct.registeredBranchId"
-        v-model:detail="formDataProduct.detail"
-        v-model:remark="formDataProduct.remark"
-        v-model:name="formDataProduct.name"
-        v-model:code="formDataProduct.code"
-        v-model:process="formDataProduct.process"
-        dense
-        separator
-      />
-    </template>
-    <template #person>
-      <PriceDataComponent
-        :readonly="!infoProductEdit"
-        v-model:price="formDataProduct.price"
-        v-model:agent-price="formDataProduct.agentPrice"
-        v-model:service-charge="formDataProduct.serviceCharge"
-        dense
-      />
-    </template> -->
   </DialogForm>
 
   <!-- add service -->
@@ -4114,16 +4069,6 @@ watch(
       }
     "
   >
-    <!-- :tabs-list="serviceTab" -->
-    <!-- <ProfileUpload
-        prefix-id="form-dialog-service"
-        isService
-        v-model:url-profile="profileUrl"
-        v-model:status-toggle="statusToggle"
-        v-model:profile-submit="profileSubmit"
-        @cancel-file="inputFile.value = ''"
-        @input-file="inputFile.click()"
-      /> -->
     <div class="q-mx-lg q-mt-lg">
       <ProfileBanner
         hideFade
@@ -4212,7 +4157,9 @@ watch(
             async (index) => {
               await fetchListOfProductIsAdd(currentIdType);
               currentWorkIndex = index;
-              selectProduct = workItems[currentWorkIndex].product;
+              selectProduct = JSON.parse(
+                JSON.stringify(workItems[currentWorkIndex].product),
+              );
               dialogTotalProduct = true;
             }
           "
@@ -4432,7 +4379,9 @@ watch(
             async (index) => {
               await fetchListOfProductIsAdd(currentIdType);
               currentWorkIndex = index;
-              selectProduct = workItems[currentWorkIndex].product;
+              selectProduct = JSON.parse(
+                JSON.stringify(workItems[currentWorkIndex].product),
+              );
               dialogTotalProduct = true;
             }
           "
@@ -4467,72 +4416,6 @@ watch(
         "
       />
     </div>
-    <!-- <template #prepend>
-      <ProfileUpload
-        prefix-id="form-dialog-service"
-        isService
-        :readonly="!infoServiceEdit"
-        v-model:url-profile="profileUrl"
-        v-model:status-toggle="statusToggle"
-        v-model:profile-submit="profileSubmit"
-        @cancel-file="inputFile.value = ''"
-        @input-file="inputFile.click()"
-      />
-    </template>
-
-    <div v-if="currentServiceTab === 1" class="col-md-10 col-sm-12">
-      <div class="surface-1 rounded bordered q-pa-lg full-width row">
-        <BasicInformation
-          :readonly="!infoServiceEdit"
-          v-if="currentServiceTab === 1"
-          dense
-          service
-          v-model:options-branch="branchOption"
-          v-model:registered-branch-id="
-            formDataProductService.registeredBranchId
-          "
-          v-model:service-code="formDataProductService.code"
-          v-model:service-description="formDataProductService.detail"
-          v-model:service-name-th="formDataProductService.name"
-        />
-      </div>
-      <div class="surface-1 rounded bordered q-mt-md q-pa-lg row">
-        <FormServiceProperties
-          :readonly="!infoServiceEdit"
-          v-model:service-attributes="formDataProductService.attributes"
-          @service-properties="
-            () => {
-              tempValueProperties = formDataProductService.attributes;
-              openPropertiesDialog('service');
-            }
-          "
-        />
-      </div>
-    </div>
-
-    <template #information>
-      <FormServiceWork
-        :readonly="!infoServiceEdit"
-        v-model:work-items="workItems"
-        v-if="currentServiceTab === 2"
-        dense
-        @addProduct="
-          async (index) => {
-            await fetchListOfProductIsAdd(currentIdType);
-            currentWorkIndex = index;
-            dialogTotalProduct = true;
-          }
-        "
-        @manage-work-name="manageWorkNameDialog = true"
-        @work-properties="
-          (index) => {
-            currentWorkIndex = index;
-            tempValueProperties = workItems[index].attributes;
-            openPropertiesDialog('work');
-          }
-        "
-      />
-    </template> -->
   </DialogForm>
 
   <q-dialog v-model="holdDialog" position="bottom">