From dc2457d9ed458bd43c7da884df828acab63634e7 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Tue, 8 Aug 2023 11:25:44 +0700
Subject: [PATCH] api put/pver

---
 src/api/05_placement/api.placement.ts         |  3 +-
 .../OrderPlacement/detailOrderPlacement.vue   | 36 ++++++++++++++++---
 2 files changed, 34 insertions(+), 5 deletions(-)

diff --git a/src/api/05_placement/api.placement.ts b/src/api/05_placement/api.placement.ts
index 8a3f5e8ed..fd13782a1 100644
--- a/src/api/05_placement/api.placement.ts
+++ b/src/api/05_placement/api.placement.ts
@@ -60,6 +60,8 @@ export default {
   detailOrder: (orderId: string) => `${order}/order/detail/${orderId}`,
   deleteOrder: (orderId: string) => `${order}/order/${orderId}`,
   typeOrder: () => `${order}/order/order-type`,
+  nextStep: (orderId: string) => `${order}/order/next/${orderId}`,
+  prevStep: (orderId: string) => `${order}/order/prev/${orderId}`,
 
   createOrder: () => `${order}/order/detail`,
 
@@ -93,7 +95,6 @@ export default {
 
   attachmentOrderId: (orderId: string) =>
     `${order}/order/attachment/order-file/${orderId}`,
-
   attachmentFileId: (orderId: string) =>
     `${order}/order/attachment/file/${orderId}`,
 
diff --git a/src/modules/05_placement/components/OrderPlacement/detailOrderPlacement.vue b/src/modules/05_placement/components/OrderPlacement/detailOrderPlacement.vue
index 8b68a05df..6188a047a 100644
--- a/src/modules/05_placement/components/OrderPlacement/detailOrderPlacement.vue
+++ b/src/modules/05_placement/components/OrderPlacement/detailOrderPlacement.vue
@@ -65,7 +65,12 @@ import { useRouter } from "vue-router";
 import { ref, defineAsyncComponent, onMounted, onUnmounted } from "vue";
 import type { QStepper } from "quasar";
 import { useProbationDataStore } from "@/modules/05_placement/store";
+import { useRoute } from "vue-router";
+import http from "@/plugins/http";
+import config from "@/app.config";
+const route = useRoute();
 
+const orderId_params = route.params.orderid;
 const probationData = useProbationDataStore();
 const { stepOrder, setStepOrder } = probationData;
 
@@ -89,19 +94,38 @@ const step04 = defineAsyncComponent(
 const router = useRouter();
 const step = ref<number>(1);
 const stepper = ref<QStepper>();
+const orderId = ref<string>("");
 
 onUnmounted(() => {
   destroyLocalStorage();
 });
-
-const nextStep = () => {
+const nextStep = async () => {
   stepper.value!.next();
   localStorage.setItem("currentStep", step.value.toString());
+  if (orderId.value) {
+    await http
+      .put(config.API.nextStep(orderId.value))
+      .then((res) => {
+        console.log(res);
+      })
+      .catch((e) => {
+        console.log(e);
+      });
+  }
 };
-
-const previousStep = () => {
+const previousStep = async () => {
   stepper.value!.previous();
   localStorage.setItem("currentStep", step.value.toString());
+  if (orderId.value) {
+    await http
+      .put(config.API.prevStep(orderId.value))
+      .then((res) => {
+        console.log(res);
+      })
+      .catch((e) => {
+        console.log(e);
+      });
+  }
 };
 const destroyLocalStorage = () => {
   localStorage.clear();
@@ -111,6 +135,10 @@ onMounted(() => {
   if (currentStep) {
     step.value = Number(currentStep);
   }
+  if (orderId_params !== undefined) {
+    orderId.value = orderId_params.toString();
+    console.log(orderId.value);
+  }
 });
 </script>
 <style>