search Tree

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

@@ -224,7 +224,7 @@ onMounted(async () => {
     กำหนดสิทธิ์จัดการโครงสร้าง
   </div>
   <q-card style="height: 100%">
-    <q-card-section :horizontal="$q.screen.gt.xs">
+    <q-card-section :horizontal="$q.screen.gt.sm">
       <q-card-section class="col-lg-3 col-md-4 col-xs-12 q-gutter-sm">
         <div>
           <q-input dense outlined v-model="filter" label="ค้นหา">
@@ -235,7 +235,7 @@ onMounted(async () => {
                 class="cursor-pointer"
                 @click="filter = ''"
               />
-              <q-icon name="search" color="grey-5" />
+              <q-icon v-else name="search" color="grey-5" />
             </template>
           </q-input>
         </div>
@@ -244,8 +244,8 @@ onMounted(async () => {
             class="q-pa-sm q-gutter-sm"
             dense
             :nodes="nodeTree"
-            node-key="orgTreeId"
-            label-key="labelName"
+            node-key="orgRootName"
+            label-key="orgRootName"
             :filter="filter"
             no-results-label="ไม่พบข้อมูลที่ค้นหา"
             no-nodes-label="ไม่มีข้อมูล"
@@ -281,7 +281,7 @@ onMounted(async () => {
           </q-tree>
         </div>
       </q-card-section>
-      <q-separator :vertical="$q.screen.gt.xs" />
+      <q-separator :vertical="$q.screen.gt.sm" />
       <q-card-section
         class="col-lg-9 col-md-8 col-xs-12 scroll"
         style="height: 83vh"