ฟิลเตอร์เลือกผู้ดูเเล

src/api/05_placement/api.probation.ts

@@ -24,6 +24,7 @@ export default {
     `${finish}/probation-assign?personal_id=${personalId}`,
   personalAdd: () => `${personal}/add`,
   probationGetAssignList: (personalId:string) => 
-  `${finish}/probation-assign-list?personal_id=${personalId}`
+  `${finish}/probation-assign-list?personal_id=${personalId}`,
+  probationsGetAssign: (assignId:string) =>`${finish}/probation-assign?assign_id=${assignId}`
   // clearPosition: (personalId:string) => `${placement}/position/clear/${personalId}`
 };

src/modules/05_placement/components/probation/FormAssign.vue

@@ -156,7 +156,7 @@
                 <q-select
                   :rules="[(val) => !!val || 'กรุณาเลือกผู้ดูเเล']"
                   option-value="personal_id"
-                  :options="OPcaretaker"
+                  :options="filtermantor(OPcaretaker, [caretaker2])"
                   class="col-xs-12 col-sm-6"
                   :readonly="routeName != 'probationWorkAdd'"
                   dense
@@ -169,7 +169,7 @@
                 />
                 <q-select
                   :rules="[(val) => !!val || 'กรุณาเลือกผู้ดูเเล']"
-                  :options="OPcaretaker"
+                  :options="filtermantor(OPcaretaker, [caretaker1])"
                   option-value="personal_id"
                   option-label="name"
                   hide-bottom-space
@@ -1494,6 +1494,11 @@ const filterData = (options: any[], excludedGroups: any[]) => {
     (item) => !excludedGroups.some((group) => group && group.id === item.id)
   );
 };
+const filtermantor = (options: any[], excludedGroups: any[]) => {
+  return options.filter(
+    (item) => !excludedGroups.some((group) => group && group.personal_id === item.personal_id)
+  );
+};
 const filterMain = (options: any[], excludedGroups: any[]) => {
   return options.filter(
     (item) => !excludedGroups.some((group) => group && group.id === item.id)
@@ -1563,7 +1568,7 @@ const clearDateExam2 = () => {
   date_finish.value = undefined;
 };
 const isDatePicker2Readonly = computed(() => {
-  return date_start.value === null;
+  return date_start.value === undefined;
 });
 const routeName = router.currentRoute.value.name;
 const name = ref<string>("");