diff --git a/src/modules/10_order/components/step/step03.vue b/src/modules/10_order/components/step/step03.vue
index 1beea1c09..1e82f8402 100644
--- a/src/modules/10_order/components/step/step03.vue
+++ b/src/modules/10_order/components/step/step03.vue
@@ -302,10 +302,7 @@ const clickAdd = async () => {
 };
 
 const clickDelete = (id: string) => {
-  dialogRemove(
-    $q,
-    () => deleteData(id),
-  );
+  dialogRemove($q, () => deleteData(id));
 };
 
 const nodeTree = async () => {
diff --git a/src/views/MainLayout.vue b/src/views/MainLayout.vue
index 0f9fb6ebc..b0f11fb8f 100644
--- a/src/views/MainLayout.vue
+++ b/src/views/MainLayout.vue
@@ -31,7 +31,7 @@ const mixin = useCounterMixin(); //เรียกฟังก์ชันกล
 const {
   showLoader,
   hideLoader,
-  dialogMessage,
+  dialogRemove,
   success,
   messageError,
   date2Thai,
@@ -403,6 +403,26 @@ if (keycloak.tokenParsed != null) {
   fullname.value = keycloak.tokenParsed.name;
   role.value = keycloak.tokenParsed.role;
 }
+
+const deleteData = async (id: string) => {
+  await http;
+  // .delete(config.API.copyOrderId(id))
+  // .then((res) => {
+  //   //   const data = res.data.result;
+  //   //   console.log(res);
+  //   success($q, "ลบข้อมูลสำเร็จ");
+  // })
+  // .catch((e) => {
+  //   messageError($q, e);
+  // })
+  // .finally(async () => {
+  //   //   hideLoader();
+  // });
+};
+
+const clickDelete = (id: string) => {
+  dialogRemove($q, () => deleteData(id));
+};
 </script>
 
 <!-- โครงเว็บ -->
@@ -489,6 +509,7 @@ if (keycloak.tokenParsed != null) {
                   dense
                   icon="mdi-close"
                   class="mybtn q-mx-xs"
+                  @click="clickDelete"
                 ></q-btn>
               </q-item>
               <q-separator color="grey-2" />