ทะเบียนประวัติ

src/modules/04_registryPerson/store.ts

@@ -68,7 +68,7 @@ export const useRegistryNewDataStore = defineStore("registryNew", () => {
     posType: "ทั้งหมด",
     posLevel: "ทั้งหมด",
     retireYear: "",
-    node: "เลือกหน่วยงาน/ส่วนราชการ",
+    node: "เลือกหน่วยงาน",
   });
 
   const nodeData = reactive<any>({

src/modules/04_registryPerson/views/list.vue

@@ -250,6 +250,8 @@ async function selectType() {
     store.labelOption.posType = "ทั้งหมด";
     store.labelOption.posLevel = "ทั้งหมด";
     store.formFilter.type = empType.value;
+    store.labelOption.node = empType.value === "officer" ? "เลือกหน่วยงาน/ส่วนราชการ":'เลือกหน่วยงาน';
+  
   } else {
     // แต่ถ้าประเภทเดิมระบบจะใช้ filter เดิมที่เคยค้นหาไว้
     if (
@@ -303,6 +305,10 @@ function clearSelect(t: string) {
   } else if (t === "rangeYear") {
     store.formFilter.rangeYear.min = 0;
     store.formFilter.rangeYear.max = 60;
+  }else if (t === "org") {
+    nodeData.node = null;
+    nodeData.nodeId = null;
+    store.labelOption.node = empType.value === "officer" ? "เลือกหน่วยงาน/ส่วนราชการ":'เลือกหน่วยงาน';
   }
   store.formFilter.page = 1;
   fetchDataPerson();
@@ -361,7 +367,7 @@ function updateSelectedTreeMain(data: any) {
   if (nodeData.node === data.orgLevel && nodeData.nodeId === data.orgTreeId) {
     store.nodeData.node = null;
     store.nodeData.nodeId = null;
-    nodeData.name = "เลือกหน่วยงาน/ส่วนราชการ";
+    nodeData.name = empType.value === "officer" ? "เลือกหน่วยงาน/ส่วนราชการ":'เลือกหน่วยงาน';
   } else {
     store.nodeData.node = data.orgLevel;
     store.nodeData.nodeId = data.orgTreeId;
@@ -465,7 +471,24 @@ onMounted(async () => {
               @click="() => (selectNode = true)"
             >
               <template v-slot:label>
-                {{ `${store.labelOption.node}` }}
+                {{
+                  `${
+                    store.labelOption.node !== "เลือกหน่วยงาน"
+                      ? store.labelOption.node
+                      : empType === "officer"
+                      ? "เลือกหน่วยงาน/ส่วนราชการ"
+                      : "เลือกหน่วยงาน"
+                  }`
+                }}
+                <q-btn
+                  v-if="store.labelOption.node !== 'เลือกหน่วยงาน' && store.labelOption.node !== 'เลือกหน่วยงาน/ส่วนราชการ'"
+                  size="10px"
+                  flat
+                  round
+                  color="white"
+                  icon="close"
+                  @click.stop.prevent="clearSelect('org')"
+                />
               </template>
             </q-btn-dropdown>