From 467309eff0bfb8b1d4b39cf4227458d3f1d82e90 Mon Sep 17 00:00:00 2001
From: AnandaTon <125332905+anandaAiemvong@users.noreply.github.com>
Date: Mon, 26 Jun 2023 09:16:08 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B9=81=E0=B8=81=E0=B9=89=E0=B9=84=E0=B8=82?=
 =?UTF-8?q?=20Selecter=20OrderStatus?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../OrderPlacement/MainOrderPlacement.vue     | 83 +++++++++++--------
 1 file changed, 49 insertions(+), 34 deletions(-)

diff --git a/src/modules/05_placement/components/OrderPlacement/MainOrderPlacement.vue b/src/modules/05_placement/components/OrderPlacement/MainOrderPlacement.vue
index 8e8109ccd..8ab03bf02 100644
--- a/src/modules/05_placement/components/OrderPlacement/MainOrderPlacement.vue
+++ b/src/modules/05_placement/components/OrderPlacement/MainOrderPlacement.vue
@@ -144,47 +144,62 @@
             </q-tr>
           </template>
           <template v-slot:body="props">
-            <q-tr
-              :props="props"
-              class="cursor-pointer"
-              @click="redirectToPage(props.row.Order)"
-            >
-              <q-td key="Order" :props="props">
+            <q-tr :props="props" class="cursor-pointer">
+              <q-td
+                key="Order"
+                :props="props"
+                @click="redirectToPage(props.row.Order)"
+              >
                 {{ props.row.Order }}
               </q-td>
-              <q-td key="OrderNum" :props="props">
+              <q-td
+                key="OrderNum"
+                :props="props"
+                @click="redirectToPage(props.row.Order)"
+              >
                 {{ props.row.OrderNum }}
               </q-td>
-              <q-td key="OrderDate" :props="props">
+              <q-td
+                key="OrderDate"
+                :props="props"
+                @click="redirectToPage(props.row.Order)"
+              >
                 {{ props.row.OrderDate }}
               </q-td>
-              <q-td key="OrderBy" :props="props">
+              <q-td
+                key="OrderBy"
+                :props="props"
+                @click="redirectToPage(props.row.Order)"
+              >
                 {{ props.row.OrderBy }}
               </q-td>
-              <q-td key="Signer" :props="props">
+              <q-td
+                key="Signer"
+                :props="props"
+                @click="redirectToPage(props.row.Order)"
+              >
                 {{ props.row.Signer }}
               </q-td>
-              <q-td key="OrderStatus" :props="props">
+              <q-td
+                key="OrderStatus"
+                :props="props"
+                @click="redirectToPage(props.row.Order)"
+              >
                 <q-icon
-                  v-if="props.row.OrderStatus == 'ยังไม่ได้บรรจุ'"
+                  v-if="props.row.OrderStatus == 'ยังไม่ได้ออกคำสั่ง'"
                   name="hourglass_top"
                   color="orange"
                   class="text-h5"
                 />
                 <q-icon
-                  v-if="props.row.OrderStatus == 'บรรจุแล้ว'"
+                  v-if="props.row.OrderStatus == 'ออกคำสั่งแล้ว'"
                   name="mdi-check"
                   color="positive"
                   class="text-h5"
                 />
-                <q-icon
-                  v-if="props.row.OrderStatus == 'สละสิทธิ์'"
-                  name="close"
-                  color="red"
-                  class="text-h5"
-                />
               </q-td>
-              <q-td>
+
+              <q-td auto-width>
                 <q-btn
                   dense
                   size="12px"
@@ -340,7 +355,7 @@ const rows = ref<FormOrderPlacementMainData[]>([
     OrderDate: "30 พ.ค. 2565",
     OrderBy: "สำนักงาน กทม.",
     Signer: "นาม สมคิด ยอดใจ ",
-    OrderStatus: "ยังไม่ได้บรรจุ",
+    OrderStatus: "ยังไม่ได้ออกคำสั่ง",
     OrderType: "คำสั่งย้าย",
   },
 
@@ -351,7 +366,7 @@ const rows = ref<FormOrderPlacementMainData[]>([
     OrderDate: "30 พ.ค. 2565",
     OrderBy: "สำนักงาน กทม.",
     Signer: "นาม สมคิด ยอดใจ ",
-    OrderStatus: "ยังไม่ได้บรรจุ",
+    OrderStatus: "ยังไม่ได้ออกคำสั่ง",
     OrderType: "คำสั่งบรรจุและแต่งตั้ง",
   },
   {
@@ -361,7 +376,7 @@ const rows = ref<FormOrderPlacementMainData[]>([
     OrderDate: "30 พ.ค. 2565",
     OrderBy: "สำนักงาน กทม.",
     Signer: "นาม สมคิด ยอดใจ ",
-    OrderStatus: "ยังไม่ได้บรรจุ",
+    OrderStatus: "ยังไม่ได้ออกคำสั่ง",
     OrderType: "คำสั่งบรรจุและแต่งตั้ง",
   },
   {
@@ -371,7 +386,7 @@ const rows = ref<FormOrderPlacementMainData[]>([
     OrderDate: "30 พ.ค. 2565",
     OrderBy: "สำนักงาน กทม.",
     Signer: "นาม สมคิด ยอดใจ ",
-    OrderStatus: "ยังไม่ได้บรรจุ",
+    OrderStatus: "ยังไม่ได้ออกคำสั่ง",
     OrderType: "คำสั่งบรรจุและแต่งตั้ง",
   },
   {
@@ -381,7 +396,7 @@ const rows = ref<FormOrderPlacementMainData[]>([
     OrderDate: "30 พ.ค. 2565",
     OrderBy: "สำนักงาน กทม.",
     Signer: "นาม สมคิด ยอดใจ ",
-    OrderStatus: "ยังไม่ได้บรรจุ",
+    OrderStatus: "ยังไม่ได้ออกคำสั่ง",
     OrderType: "คำสั่งบรรจุและแต่งตั้ง",
   },
   {
@@ -391,7 +406,7 @@ const rows = ref<FormOrderPlacementMainData[]>([
     OrderDate: "30 พ.ค. 2565",
     OrderBy: "สำนักงาน กทม.",
     Signer: "นาม สมคิด ยอดใจ ",
-    OrderStatus: "บรรจุแล้ว",
+    OrderStatus: "ออกคำสั่งแล้ว",
     OrderType: "คำสั่งบรรจุและแต่งตั้ง",
   },
   {
@@ -401,7 +416,7 @@ const rows = ref<FormOrderPlacementMainData[]>([
     OrderDate: "30 พ.ค. 2565",
     OrderBy: "สำนักงาน กทม.",
     Signer: "นาม สมคิด ยอดใจ ",
-    OrderStatus: "บรรจุแล้ว",
+    OrderStatus: "ออกคำสั่งแล้ว",
     OrderType: "คำสั่งบรรจุและแต่งตั้ง",
   },
   {
@@ -411,7 +426,7 @@ const rows = ref<FormOrderPlacementMainData[]>([
     OrderDate: "30 พ.ค. 2565",
     OrderBy: "สำนักงาน กทม.",
     Signer: "นาม สมคิด ยอดใจ ",
-    OrderStatus: "ยังไม่ได้บรรจุ",
+    OrderStatus: "ยังไม่ได้ออกคำสั่ง",
     OrderType: "คำสั่งบรรจุและแต่งตั้ง",
   },
   {
@@ -421,7 +436,7 @@ const rows = ref<FormOrderPlacementMainData[]>([
     OrderDate: "30 พ.ค. 2565",
     OrderBy: "สำนักงาน กทม.",
     Signer: "นาม สมคิด ยอดใจ ",
-    OrderStatus: "ยังไม่ได้บรรจุ",
+    OrderStatus: "ยังไม่ได้ออกคำสั่ง",
     OrderType: "คำสั่งบรรจุและแต่งตั้ง",
   },
   {
@@ -431,7 +446,7 @@ const rows = ref<FormOrderPlacementMainData[]>([
     OrderDate: "30 พ.ค. 2565",
     OrderBy: "สำนักงาน กทม.",
     Signer: "นาม สมคิด ยอดใจ ",
-    OrderStatus: "ยังไม่ได้บรรจุ",
+    OrderStatus: "ยังไม่ได้ออกคำสั่ง",
     OrderType: "คำสั่งบรรจุและแต่งตั้ง",
   },
   {
@@ -441,7 +456,7 @@ const rows = ref<FormOrderPlacementMainData[]>([
     OrderDate: "30 พ.ค. 2565",
     OrderBy: "สำนักงาน กทม.",
     Signer: "นาม สมคิด ยอดใจ ",
-    OrderStatus: "บรรจุแล้ว",
+    OrderStatus: "ออกคำสั่งแล้ว",
     OrderType: "คำสั่งย้าย",
   },
 
@@ -452,7 +467,7 @@ const rows = ref<FormOrderPlacementMainData[]>([
     OrderDate: "30 พ.ค. 2564",
     OrderBy: "สำนักงาน กทม.",
     Signer: "นาม สมคิด ยอดใจ ",
-    OrderStatus: "บรรจุแล้ว",
+    OrderStatus: "ออกคำสั่งแล้ว",
     OrderType: "คำสั่งแต่งตั้ง",
   },
 
@@ -463,7 +478,7 @@ const rows = ref<FormOrderPlacementMainData[]>([
     OrderDate: "30 พ.ค. 2566",
     OrderBy: "สำนักงาน กทม.",
     Signer: "นาม สมคิด ยอดใจ ",
-    OrderStatus: "สละสิทธิ์",
+    OrderStatus: "ยังไม่ได้ออกคำสั่ง",
     OrderType: "คำสั่งแต่งตั้ง",
   },
 ]);
@@ -471,7 +486,7 @@ const rows = ref<FormOrderPlacementMainData[]>([
 //   "ทั้งหมด",
 //   "ยังไม่ได้บรรจุ",
 //   "บรรจุแล้ว",
-//   "สละสิทธิ์",
+//   "ยังไม่ได้ออกคำสั่ง",
 // ];
 
 let OriginalData = ref<FormOrderPlacementMainData[]>([]);