From 96756dec996247af4fe9c53e873682e64b478ee5 Mon Sep 17 00:00:00 2001
From: AnandaTon <125332905+anandaAiemvong@users.noreply.github.com>
Date: Tue, 4 Jul 2023 17:39:36 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B9=80=E0=B8=9E=E0=B8=B4=E0=B9=88=E0=B8=A1?=
 =?UTF-8?q?=20multiselect?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/OrderPlacement/step/step03.vue | 19 ++++++++++++++++---
 1 file changed, 16 insertions(+), 3 deletions(-)

diff --git a/src/modules/05_placement/components/OrderPlacement/step/step03.vue b/src/modules/05_placement/components/OrderPlacement/step/step03.vue
index 3f8dd9f8b..22e908679 100644
--- a/src/modules/05_placement/components/OrderPlacement/step/step03.vue
+++ b/src/modules/05_placement/components/OrderPlacement/step/step03.vue
@@ -92,7 +92,7 @@
                 :outlined="true"
                 dense
                 lazy-rules
-                v-model="filter"
+                v-model="props.row.mutiselect"
                 :rules="[(val:any) => !!val || `${'กรุณาเลือกช่องทางการส่งสำเนา'}`,(val:any) => val.length > 0 || `${'กรุณาเลือกช่องทางการส่งสำเนา'}`]"
                 :label="`${'เลือกช่องทางการส่งสำเนา'}`"
                 emit-value
@@ -359,6 +359,7 @@ const { dialogMessage, messageError, showLoader, hideLoader } = mixin;
 const myForm = ref<QForm>();
 const filterRef = ref<QInput>();
 const filter = ref<string>("");
+const mutiselect = ref([]);
 const modal = ref<boolean>(false);
 const search = ref<string>("");
 const expanded = ref<string[]>([]);
@@ -366,6 +367,7 @@ const selected = ref<string>("");
 const nodesTree = ref<treeTab[]>([]);
 const send = ref<String[]>([]);
 const selectedModal = ref([]);
+const test = ref([]);
 const filterModal = ref<string>("");
 const visibleColumnsModal = ref<String[]>(["no", "idcard", "name"]);
 const columnsModal = [
@@ -519,7 +521,7 @@ const columns = [
   },
 ];
 
-const rows = [
+const rows = ref([
   {
     no: "0ac56905-1a74-4606-a120-233340adde95",
     name: "นางนัทธ์ เหล่าสกุล",
@@ -527,6 +529,7 @@ const rows = [
     send: "",
     position: "ผู้อำนวยการ",
     agency: "กลุ่มงานช่วยบริหาร",
+    mutiselect: [],
   },
   {
     no: "0de607a0-b094-4a6d-9e30-979343ab5e53",
@@ -535,6 +538,7 @@ const rows = [
     send: "",
     position: "นักจัดการทั่วไป",
     agency: "กลุ่มงานช่วยบริหาร",
+    mutiselect: [],
   },
   {
     no: "93ca7366-2a35-4f94-a331-9c23c9ea78d3",
@@ -543,6 +547,7 @@ const rows = [
     send: "",
     position: "นักจัดการทั่วไป",
     agency: "กลุ่มงานช่วยบริหาร",
+    mutiselect: [],
   },
   {
     no: "d3777c19-2bd0-42df-90ce-c3eeeee55ac6",
@@ -551,6 +556,7 @@ const rows = [
     send: "",
     position: "นักจัดการทั่วไป",
     agency: "กลุ่มงานช่วยบริหาร",
+    mutiselect: [],
   },
   {
     no: "1ccead6f-a851-4291-b3ab-a20757ecddbd",
@@ -559,6 +565,7 @@ const rows = [
     send: "",
     position: "นักจัดการทั่วไป",
     agency: "กลุ่มงานช่วยบริหาร",
+    mutiselect: [],
   },
   {
     no: "1ccead6f-a851-4291-b3ab-a20757ecddbd",
@@ -567,6 +574,7 @@ const rows = [
     send: "",
     position: "นิติกร",
     agency: "กลุ่มงานนิติกร",
+    mutiselect: [],
   },
   {
     no: "1ccead6f-a851-4291-b3ab-a20757ecddbd",
@@ -575,6 +583,7 @@ const rows = [
     send: "",
     position: "นิติกร",
     agency: "กลุ่มงานนิติกร",
+    mutiselect: [],
   },
   {
     no: "1ccead6f-a851-4291-b3ab-a20757ecddbd",
@@ -583,6 +592,7 @@ const rows = [
     send: "",
     position: "นิติกร",
     agency: "กลุ่มงานนิติกร",
+    mutiselect: [],
   },
   {
     no: "1ccead6f-a851-4291-b3ab-a20757ecddbd",
@@ -591,6 +601,7 @@ const rows = [
     send: "",
     position: "นิติกร",
     agency: "กลุ่มงานนิติกร",
+    mutiselect: [],
   },
   {
     no: "1ccead6f-a851-4291-b3ab-a20757ecddbd",
@@ -599,6 +610,7 @@ const rows = [
     send: "",
     position: "นิติกร",
     agency: "กลุ่มงานนิติกร",
+    mutiselect: [],
   },
   {
     no: "1ccead6f-a851-4291-b3ab-a20757ecddbd",
@@ -607,8 +619,9 @@ const rows = [
     send: "",
     position: "นิติกร",
     agency: "กลุ่มงานนิติกร",
+    mutiselect: [],
   },
-];
+]);
 
 onMounted(async () => {
   await nodeTree();