เพิ่ม multiselect

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();