filter Tree

src/modules/02_users/interface/index/Main.ts

@@ -73,6 +73,7 @@ interface DataTree {
   orgRootShortName: string;
   responsibility: string;
   isDeputy: boolean;
+  labelName: string;
 }
 
 interface DataProfile {

src/modules/02_users/views/03_permissionsView.vue

@@ -34,7 +34,7 @@ const { showLoader, hideLoader, messageError, success, dialogRemove } =
 const filter = ref<string>(""); // ค้นหาข้อมูลโครงาสร้าง
 const nodes = ref<Array<NodeTree>>([
   {
-    labelName: "",
+    labelName: "หน่วยงานทั้งหมด",
     orgCode: "",
     orgLevel: 0,
     orgName: "",

src/modules/02_users/views/04_roleOrganization.vue

@@ -48,6 +48,7 @@ const nodeTree = ref<DataTree[]>([
     orgRootShortName: "",
     responsibility: "",
     isDeputy: false,
+    labelName: "หน่วยงานทั้งหมด",
   },
 ]); // ข้อมูลรายการโครงสร้าง
 const expanded = ref<Array<string>>([]); // เปิดรายการโครงสร้าง
@@ -256,7 +257,7 @@ onMounted(async () => {
             dense
             :nodes="nodeTree"
             node-key="orgRootName"
-            label-key="orgRootName"
+            label-key="labelName"
             :filter="filter"
             no-results-label="ไม่พบข้อมูลที่ค้นหา"
             no-nodes-label="ไม่มีข้อมูล"