โครงสร้างอัตรากำลัง => ปรับ btn

src/modules/02_organization/components/TreeTable.vue

@@ -574,12 +574,12 @@ watch(
         <q-tr :props="props" class="cursor-pointer">
           <q-td>
             <q-btn
+              v-if="store.typeOrganizational === 'draft'"
               flat
-              dense
-              icon="mdi-dots-vertical"
+              color="secondary"
+              icon="mdi-dots-horizontal-circle-outline"
+              round
               class="q-pa-none q-ml-xs"
-              color="grey-13"
-              size="12px"
             >
               <q-menu>
                 <q-list dense style="min-width: 150px">
@@ -625,9 +625,7 @@ watch(
                     </q-item-section>
                   </q-item>
                   <q-item
-                    v-for="(item, index) in store.typeOrganizational === 'draft'
-                      ? listMenu
-                      : listMenu.filter((e) => e.type === 'HISTORY')"
+                    v-for="(item, index) in listMenu"
                     :key="index"
                     clickable
                     v-close-popup
@@ -651,7 +649,7 @@ watch(
                       <div class="row items-center">
                         <q-icon
                           :color="item.color"
-                          size="17px"
+                          size="xs"
                           :name="item.icon"
                         />
                         <div class="q-pl-md">{{ item.label }}</div>
@@ -674,6 +672,18 @@ watch(
                 </q-list>
               </q-menu>
             </q-btn>
+
+            <q-btn
+              v-else
+              flat
+              dense
+              color="deep-purple"
+              icon="mdi-history"
+              round
+              @click.stop.pervent="onClickHistoryPos(props.row.id)"
+            >
+              <q-tooltip>ประวัติตำแหน่ง</q-tooltip>
+            </q-btn>
           </q-td>
           <q-td>
             <q-btn