From 51b26ba51c108740d618ac49e04deefa4eb8d7cd Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Wed, 31 Jan 2024 10:56:51 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B9=81=E0=B8=AA=E0=B8=94=E0=B8=87=20shotname?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/mainTree.vue                   | 27 ++++++++++++++++---
 1 file changed, 23 insertions(+), 4 deletions(-)

diff --git a/src/modules/02_organizationalNew/components/mainTree.vue b/src/modules/02_organizationalNew/components/mainTree.vue
index f6f0504aa..84afe164a 100644
--- a/src/modules/02_organizationalNew/components/mainTree.vue
+++ b/src/modules/02_organizationalNew/components/mainTree.vue
@@ -280,7 +280,24 @@ onMounted(async () => {});
           @update:selected="updateSelected"
         >
           <template v-slot:default-header="prop">
-            {{ prop.node.orgTreeName }}
+            <!-- {{ prop.node.orgTreeName }} -->
+
+            <div class="row items-center q-px-xs q-pt-xs q-gutter-sm">
+              <!--แสดงชื่อแผนก พิมพ์ตัวหนา คลิกแล้วกาง/หุบ Tree-->
+              <div>
+                <div class="text-weight-medium">
+                  {{ prop.node.orgTreeName }}
+                </div>
+                <div class="text-weight-light">
+                  {{ prop.node.orgCode == null ? null : prop.node.orgCode }}
+                  {{
+                    prop.node.orgTreeShortName == null
+                      ? null
+                      : prop.node.orgTreeShortName
+                  }}
+                </div>
+              </div>
+            </div>
 
             <q-btn
               v-if="store.typeOrganizational === 'draft'"
@@ -389,11 +406,13 @@ onMounted(async () => {});
             </q-btn>
           </template>
 
-          <template v-slot:default-body="prop">
+          <!-- <template v-slot:default-body="prop">
             <div v-if="prop.node.orgCode">
-              <span class="text-grey-13">{{ prop.node.orgCode }}</span>
+              <span class="text-grey-13"
+                >{{ prop.node.orgCode }} {{ prop.node.orgTreeShortName }}</span
+              >
             </div>
-          </template>
+          </template> -->
         </q-tree>
 
         <!-- <div class="q-pa-md q-gutter-sm">