From 912c74768d7944c0afc0f0a30cc4a4fd2cb28621 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Tue, 6 Aug 2024 14:45:12 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B9=82=E0=B8=84=E0=B8=A3=E0=B8=87=E0=B8=AA?=
 =?UTF-8?q?=E0=B8=A3=E0=B9=89=E0=B8=B2=E0=B8=87=E0=B8=AD=E0=B8=B1=E0=B8=95?=
 =?UTF-8?q?=E0=B8=A3=E0=B8=B2=E0=B8=81=E0=B8=B3=E0=B8=A5=E0=B8=B1=E0=B8=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/DialogFormPosition.vue         |   4 +-
 .../components/DialogHistory.vue              |   2 +-
 .../components/DialogHistoryPos.vue           |   2 +-
 .../components/DialogMovePos.vue              |   2 +-
 .../components/DialogPositionDetail.vue       |  43 ---
 .../components/DialogSelectPerson.vue         |   4 +-
 .../components/DialogSuccession.vue           |   2 +-
 .../02_organization/components/TreeMain.vue   | 296 +++++++++---------
 .../02_organization/components/TreeTable.vue  |   4 +-
 9 files changed, 164 insertions(+), 195 deletions(-)

diff --git a/src/modules/02_organization/components/DialogFormPosition.vue b/src/modules/02_organization/components/DialogFormPosition.vue
index 35f0bab0f..c51991cd6 100644
--- a/src/modules/02_organization/components/DialogFormPosition.vue
+++ b/src/modules/02_organization/components/DialogFormPosition.vue
@@ -643,7 +643,7 @@ async function emitSearch(keyword: string, typeSelect: string) {
                         </q-tr>
                       </template>
                       <template v-slot:body="props">
-                        <q-tr :props="props" class="cursor-pointer">
+                        <q-tr :props="props">
                           <q-td auto-width>
                             <q-btn
                               flat
@@ -816,7 +816,7 @@ async function emitSearch(keyword: string, typeSelect: string) {
                         </q-tr>
                       </template>
                       <template v-slot:body="props">
-                        <q-tr :props="props" class="cursor-pointer">
+                        <q-tr :props="props">
                           <q-td auto-width>
                             <q-btn
                               flat
diff --git a/src/modules/02_organization/components/DialogHistory.vue b/src/modules/02_organization/components/DialogHistory.vue
index 07fb6820d..0433109e7 100644
--- a/src/modules/02_organization/components/DialogHistory.vue
+++ b/src/modules/02_organization/components/DialogHistory.vue
@@ -171,7 +171,7 @@ watch(
                   </q-tr>
                 </template>
                 <template v-slot:body="props">
-                  <q-tr :props="props" class="cursor-pointer">
+                  <q-tr :props="props">
                     <q-td
                       v-for="col in props.cols"
                       :key="col.name"
diff --git a/src/modules/02_organization/components/DialogHistoryPos.vue b/src/modules/02_organization/components/DialogHistoryPos.vue
index a0eb53d31..7e1e624f9 100644
--- a/src/modules/02_organization/components/DialogHistoryPos.vue
+++ b/src/modules/02_organization/components/DialogHistoryPos.vue
@@ -206,7 +206,7 @@ watch(
             </q-tr>
           </template>
           <template v-slot:body="props">
-            <q-tr :props="props" class="cursor-pointer">
+            <q-tr :props="props">
               <q-td v-for="col in props.cols" :key="col.name" :props="props">
                 <div v-if="col.name == 'no'">
                   {{
diff --git a/src/modules/02_organization/components/DialogMovePos.vue b/src/modules/02_organization/components/DialogMovePos.vue
index 54bc6a38c..28a0ae866 100644
--- a/src/modules/02_organization/components/DialogMovePos.vue
+++ b/src/modules/02_organization/components/DialogMovePos.vue
@@ -228,7 +228,7 @@ function updatePagination(newPagination: NewPagination) {
                   />
                 </template>
                 <template v-slot:body="props">
-                  <q-tr :props="props" class="cursor-pointer">
+                  <q-tr :props="props">
                     <q-td>
                       <q-checkbox
                         keep-color
diff --git a/src/modules/02_organization/components/DialogPositionDetail.vue b/src/modules/02_organization/components/DialogPositionDetail.vue
index 96d4a63ca..850faf3e7 100644
--- a/src/modules/02_organization/components/DialogPositionDetail.vue
+++ b/src/modules/02_organization/components/DialogPositionDetail.vue
@@ -190,49 +190,6 @@ watch(
                 <p>{{ formData.status }}</p>
               </div>
             </div>
-
-            <!-- <div class="row q-col-gutter-sm q-mb-xs">
-              <div class="col-12">
-                <d-table
-                  flat
-                  :columns="columns"
-                  :rows="row"
-                  row-key="id"
-                  dense
-                  hide-bottom
-                  class="custom-header-table-expand"
-                >
-                  <template v-slot:header="props">
-                    <q-tr :props="props">
-                      <q-th
-                        v-for="col in props.cols"
-                        :key="col.name"
-                        :props="props"
-                      >
-                        <span class="text-weight-medium">{{ col.label }}</span>
-                      </q-th>
-                    </q-tr>
-                  </template>
-                  <template v-slot:body="props">
-                    <q-tr :props="props" class="cursor-pointer">
-                      <q-td
-                        v-for="col in props.cols"
-                        :key="col.name"
-                        :props="props"
-                      >
-                        <div v-if="col.name == 'no'">
-                          {{ props.rowIndex + 1 }}
-                        </div>
-
-                        <div v-else>
-                          {{ col.value }}
-                        </div>
-                      </q-td>
-                    </q-tr>
-                  </template>
-                </d-table>
-              </div>
-            </div> -->
           </div>
         </q-card-section>
       </q-card>
diff --git a/src/modules/02_organization/components/DialogSelectPerson.vue b/src/modules/02_organization/components/DialogSelectPerson.vue
index 4bbf7aa58..19964e8fe 100644
--- a/src/modules/02_organization/components/DialogSelectPerson.vue
+++ b/src/modules/02_organization/components/DialogSelectPerson.vue
@@ -513,7 +513,7 @@ watch([() => page.value, () => pageSize.value], () => {
                     </q-tr>
                   </template>
                   <template v-slot:body="props">
-                    <q-tr :props="props" class="cursor-pointer">
+                    <q-tr :props="props">
                       <q-td class="text-center">
                         <q-checkbox
                           keep-color
@@ -687,7 +687,7 @@ watch([() => page.value, () => pageSize.value], () => {
                         </q-tr>
                       </template>
                       <template v-slot:body="props">
-                        <q-tr :props="props" class="cursor-pointer">
+                        <q-tr :props="props">
                           <q-td>
                             <q-checkbox
                               keep-color
diff --git a/src/modules/02_organization/components/DialogSuccession.vue b/src/modules/02_organization/components/DialogSuccession.vue
index 4655af4d8..c94536f16 100644
--- a/src/modules/02_organization/components/DialogSuccession.vue
+++ b/src/modules/02_organization/components/DialogSuccession.vue
@@ -352,7 +352,7 @@ function clearForm() {
                   </q-tr>
                 </template>
                 <template v-slot:body="props">
-                  <q-tr :props="props" class="cursor-pointer">
+                  <q-tr :props="props">
                     <q-td>
                       <q-checkbox
                         keep-color
diff --git a/src/modules/02_organization/components/TreeMain.vue b/src/modules/02_organization/components/TreeMain.vue
index 402befd7d..e74fdf436 100644
--- a/src/modules/02_organization/components/TreeMain.vue
+++ b/src/modules/02_organization/components/TreeMain.vue
@@ -428,11 +428,160 @@ watch(
               :active="nodeId == prop.node.orgTreeId"
               @click.stop="updateSelected(prop.node)"
               active-class="my-list-link text-primary text-weight-medium"
-              class="row col-12 items-center text-dark q-py-xs q-pl-sm rounded-borders my-list"
+              class="row col-12 text-dark q-py-xs q-pl-sm rounded-borders my-list"
             >
-              <div>
-                <div class="text-weight-medium">
-                  {{ prop.node.orgTreeName }}
+              <q-item-section>
+                <div>
+                  <q-item-label lines="1" class="text-weight-medium"
+                    >{{ prop.node.orgTreeName }}
+                    <q-btn
+                      v-if="store.typeOrganizational === 'draft'"
+                      flat
+                      dense
+                      color="secondary"
+                      icon="mdi-dots-horizontal-circle-outline"
+                      round
+                      dene
+                      class="q-ml-xs"
+                    >
+                      <q-menu>
+                        <q-list
+                          dense
+                          v-for="(item, index) in prop.node.orgLevel === 4
+                            ? listAdd.slice(1, 6)
+                            : listAdd"
+                          :key="index"
+                          style="min-width: 100px"
+                        >
+                          <q-item
+                            clickable
+                            v-close-popup
+                            @click="
+                              item.type === 'EDIT'
+                                ? onClickEdit(prop.node)
+                                : item.type === 'ADD'
+                                ? onClickAgency(
+                                    prop.node.orgLevel + 1,
+                                    prop.node
+                                  )
+                                : item.type === 'DETAIL'
+                                ? onClickDetail(
+                                    prop.node.orgTreeId,
+                                    prop.node.orgLevel
+                                  )
+                                : item.type === 'DEL'
+                                ? onClickDel(
+                                    prop.node.orgLevel,
+                                    prop.node.orgTreeId,
+                                    prop.node.orgRootId
+                                  )
+                                : item.type === 'SORT'
+                                ? onClickSort(
+                                    prop.node.orgRootId,
+                                    prop.node.orgLevel
+                                  )
+                                : item.type === 'HISTORY'
+                                ? onClickHistory(
+                                    prop.node.orgLevel,
+                                    prop.node.orgTreeId
+                                  )
+                                : null
+                            "
+                          >
+                            <q-item-section avatar style="min-width: 20px">
+                              <div class="row items-center">
+                                <q-icon
+                                  size="xs"
+                                  :color="item.color"
+                                  :name="item.icon"
+                                />
+                                <div v-if="prop.node.orgLevel === 0">
+                                  <div
+                                    class="q-pl-md"
+                                    v-if="
+                                      item.type === 'EDIT' ||
+                                      item.type === 'DEL' ||
+                                      item.type === 'HISTORY' ||
+                                      item.type === 'SORT'
+                                    "
+                                  >
+                                    {{ item.label }}หน่วยงาน
+                                  </div>
+
+                                  <div
+                                    v-else-if="item.type === 'ADD'"
+                                    class="q-pl-md"
+                                  >
+                                    {{ item.label }}ส่วนราชการ
+                                  </div>
+                                  <div v-else class="q-pl-md">
+                                    {{ item.label }}
+                                  </div>
+                                </div>
+
+                                <div v-else>
+                                  <div
+                                    class="q-pl-md"
+                                    v-if="
+                                      item.type === 'ADD' ||
+                                      item.type === 'EDIT' ||
+                                      item.type === 'DEL' ||
+                                      item.type === 'HISTORY' ||
+                                      item.type === 'SORT'
+                                    "
+                                  >
+                                    {{ item.label }}ส่วนราชการ
+                                  </div>
+                                  <div v-else class="q-pl-md">
+                                    {{ item.label }}
+                                  </div>
+                                </div>
+                              </div>
+                            </q-item-section>
+                          </q-item>
+                        </q-list>
+                      </q-menu>
+                    </q-btn>
+
+                    <q-btn
+                      v-else
+                      flat
+                      dense
+                      color="secondary"
+                      icon="mdi-dots-horizontal-circle-outline"
+                      round
+                      class="q-pa-none q-ml-xs"
+                    >
+                      <q-menu>
+                        <q-list
+                          dense
+                          v-for="(item, index) in listAdd.slice(5, 6)"
+                          :key="index"
+                          style="min-width: 100px"
+                        >
+                          <q-item
+                            clickable
+                            v-close-popup
+                            @click="
+                              onClickDetail(
+                                prop.node.orgTreeId,
+                                prop.node.orgLevel
+                              )
+                            "
+                          >
+                            <q-item-section avatar style="min-width: 20px">
+                              <q-icon
+                                size="17px"
+                                :color="item.color"
+                                :name="item.icon"
+                              />
+                            </q-item-section>
+                            <q-item-section>{{ item.label }}</q-item-section>
+                          </q-item>
+                        </q-list>
+                      </q-menu>
+                    </q-btn>
+                  </q-item-label>
                 </div>
                 <div class="text-weight-light text-grey-8">
                   {{ prop.node.orgCode == null ? null : prop.node.orgCode }}
@@ -442,144 +591,7 @@ watch(
                       : prop.node.orgTreeShortName
                   }}
                 </div>
-              </div>
-
-              <q-btn
-                v-if="store.typeOrganizational === 'draft'"
-                flat
-                dense
-                color="secondary"
-                icon="mdi-dots-horizontal-circle-outline"
-                round
-                dene
-                class="q-ml-xs"
-              >
-                <q-menu>
-                  <q-list
-                    dense
-                    v-for="(item, index) in prop.node.orgLevel === 4
-                      ? listAdd.slice(1, 6)
-                      : listAdd"
-                    :key="index"
-                    style="min-width: 100px"
-                  >
-                    <q-item
-                      clickable
-                      v-close-popup
-                      @click="
-                        item.type === 'EDIT'
-                          ? onClickEdit(prop.node)
-                          : item.type === 'ADD'
-                          ? onClickAgency(prop.node.orgLevel + 1, prop.node)
-                          : item.type === 'DETAIL'
-                          ? onClickDetail(
-                              prop.node.orgTreeId,
-                              prop.node.orgLevel
-                            )
-                          : item.type === 'DEL'
-                          ? onClickDel(
-                              prop.node.orgLevel,
-                              prop.node.orgTreeId,
-                              prop.node.orgRootId
-                            )
-                          : item.type === 'SORT'
-                          ? onClickSort(prop.node.orgRootId, prop.node.orgLevel)
-                          : item.type === 'HISTORY'
-                          ? onClickHistory(
-                              prop.node.orgLevel,
-                              prop.node.orgTreeId
-                            )
-                          : null
-                      "
-                    >
-                      <q-item-section avatar style="min-width: 20px">
-                        <div class="row items-center">
-                          <q-icon
-                            size="xs"
-                            :color="item.color"
-                            :name="item.icon"
-                          />
-                          <div v-if="prop.node.orgLevel === 0">
-                            <div
-                              class="q-pl-md"
-                              v-if="
-                                item.type === 'EDIT' ||
-                                item.type === 'DEL' ||
-                                item.type === 'HISTORY' ||
-                                item.type === 'SORT'
-                              "
-                            >
-                              {{ item.label }}หน่วยงาน
-                            </div>
-
-                            <div
-                              v-else-if="item.type === 'ADD'"
-                              class="q-pl-md"
-                            >
-                              {{ item.label }}ส่วนราชการ
-                            </div>
-                            <div v-else class="q-pl-md">
-                              {{ item.label }}
-                            </div>
-                          </div>
-
-                          <div v-else>
-                            <div
-                              class="q-pl-md"
-                              v-if="
-                                item.type === 'ADD' ||
-                                item.type === 'EDIT' ||
-                                item.type === 'DEL' ||
-                                item.type === 'HISTORY' ||
-                                item.type === 'SORT'
-                              "
-                            >
-                              {{ item.label }}ส่วนราชการ
-                            </div>
-                            <div v-else class="q-pl-md">{{ item.label }}</div>
-                          </div>
-                        </div>
-                      </q-item-section>
-                    </q-item>
-                  </q-list>
-                </q-menu>
-              </q-btn>
-
-              <q-btn
-                v-else
-                flat
-                dense
-                color="secondary"
-                icon="mdi-dots-horizontal-circle-outline"
-                round
-                class="q-pa-none q-ml-xs"
-              >
-                <q-menu>
-                  <q-list
-                    dense
-                    v-for="(item, index) in listAdd.slice(5, 6)"
-                    :key="index"
-                    style="min-width: 100px"
-                  >
-                    <q-item
-                      clickable
-                      v-close-popup
-                      @click="
-                        onClickDetail(prop.node.orgTreeId, prop.node.orgLevel)
-                      "
-                    >
-                      <q-item-section avatar style="min-width: 20px">
-                        <q-icon
-                          size="17px"
-                          :color="item.color"
-                          :name="item.icon"
-                        />
-                      </q-item-section>
-                      <q-item-section>{{ item.label }}</q-item-section>
-                    </q-item>
-                  </q-list>
-                </q-menu>
-              </q-btn>
+              </q-item-section>
             </q-item>
           </template>
         </q-tree>
diff --git a/src/modules/02_organization/components/TreeTable.vue b/src/modules/02_organization/components/TreeTable.vue
index c8fabea3c..60efb3d94 100644
--- a/src/modules/02_organization/components/TreeTable.vue
+++ b/src/modules/02_organization/components/TreeTable.vue
@@ -571,7 +571,7 @@ watch(
         </q-tr>
       </template>
       <template v-slot:body="props">
-        <q-tr :props="props" class="cursor-pointer">
+        <q-tr :props="props" >
           <q-td>
             <q-btn
               v-if="store.typeOrganizational === 'draft'"
@@ -756,7 +756,7 @@ watch(
                   </q-tr>
                 </template>
                 <template v-slot:body="props">
-                  <q-tr :props="props" class="cursor-pointer">
+                  <q-tr :props="props">
                     <q-td
                       v-for="col in props.cols"
                       :key="col.name"