บรรจุ แต่งตั้ง ===> ปรับ ui

src/modules/05_placement/components/Receive/ReceiveAddPerson.vue

@@ -4,11 +4,9 @@ import { useQuasar } from "quasar";
 
 import { useRouter } from "vue-router";
 import { useCounterMixin } from "@/stores/mixin";
-import { useProfileDataStore } from "@/modules/08_registryEmployee/store";
 import http from "@/plugins/http";
 import config from "@/app.config";
 
-import type { QForm } from "quasar";
 import type {
   DataOption,
   DataOptioninfo,
@@ -18,8 +16,6 @@ import type {
   FormAddPerson,
 } from "@/modules/05_placement/interface/index/ProfileType";
 
-// import HeaderTop from "@/modules/08_registryEmployee/components/AddEmployee/HeaderTop.vue";
-
 const retireDate = ref<Date>();
 const router = useRouter();
 const $q = useQuasar();
@@ -35,8 +31,6 @@ const {
   dialogConfirm,
 } = mixin;
 
-const profileStore = useProfileDataStore();
-
 const age = ref<string | null>("");
 const defaultCitizenData = ref<string>("");
 const informaData = ref<FormAddPerson>({
@@ -210,39 +204,40 @@ async function checkCitizen(id: string) {
  * @param refData ประเภทของตัวเลือก
  */
 function filterSelector(val: string, update: Function, refData: string) {
+  const newVal = val.toLowerCase();
   switch (refData) {
     case "prefixOps":
       update(() => {
         Ops.value.prefixOps = OpsFilter.value.prefixOps.filter(
-          (v: DataOption) => v.name.indexOf(val) > -1
+          (v: DataOption) => v.name.toLowerCase().indexOf(newVal) > -1
         );
       });
       break;
     case "genderOps":
       update(() => {
         Ops.value.genderOps = OpsFilter.value.genderOps.filter(
-          (v: DataOption) => v.name.indexOf(val) > -1
+          (v: DataOption) => v.name.toLowerCase().indexOf(newVal) > -1
         );
       });
       break;
     case "bloodOps":
       update(() => {
         Ops.value.bloodOps = OpsFilter.value.bloodOps.filter(
-          (v: DataOption) => v.name.indexOf(val) > -1
+          (v: DataOption) => v.name.toLowerCase().indexOf(newVal) > -1
         );
       });
       break;
     case "statusOps":
       update(() => {
         Ops.value.statusOps = OpsFilter.value.statusOps.filter(
-          (v: DataOption) => v.name.indexOf(val) > -1
+          (v: DataOption) => v.name.toLowerCase().indexOf(newVal) > -1
         );
       });
       break;
     case "religionOps":
       update(() => {
         Ops.value.religionOps = OpsFilter.value.religionOps.filter(
-          (v: DataOption) => v.name.indexOf(val) > -1
+          (v: DataOption) => v.name.toLowerCase().indexOf(newVal) > -1
         );
       });
       break;
@@ -493,6 +488,12 @@ onMounted(async () => {
                       },
                     ]"
                     emit-value
+                    use-input
+                    hide-selected
+                    fill-input
+                    @filter="(inputValue:string,
+                    doneFn: Function) => filterSelector(inputValue, doneFn, 'prefixOps'
+                    )"
                   />
                 </div>
                 <div class="col-3">
@@ -588,6 +589,8 @@ onMounted(async () => {
                     dense
                     outlined
                     use-input
+                    hide-selected
+                    fill-input
                     clearable
                     lazy-rules
                     emit-value
@@ -610,6 +613,8 @@ onMounted(async () => {
                     dense
                     outlined
                     use-input
+                    hide-selected
+                    fill-input
                     clearable
                     lazy-rules
                     emit-value
@@ -654,6 +659,8 @@ onMounted(async () => {
                     dense
                     outlined
                     use-input
+                    hide-selected
+                    fill-input
                     clearable
                     lazy-rules
                     emit-value
@@ -676,6 +683,8 @@ onMounted(async () => {
                     dense
                     outlined
                     use-input
+                    hide-selected
+                    fill-input
                     clearable
                     lazy-rules
                     emit-value