ปรับการแสดงผล

src/modules/02_organizationalNew/components/DialogFormPosition.vue

@@ -583,7 +583,7 @@ async function emitSearch(keyword: string, typeSelect: string) {
 
 <template>
   <q-dialog v-model="props.modal" persistent>
-    <q-card style="min-width: 96vw">
+    <q-card style="min-width: 80vw">
       <DialogHeader
         :tittle="
           props.actionType === 'ADD' ? 'เพิ่มอัตรากำลัง' : 'แก้ไขอัตรากำลัง'
@@ -592,7 +592,7 @@ async function emitSearch(keyword: string, typeSelect: string) {
       />
       <q-separator />
       <form @submit.prevent="validateForm">
-        <q-card-section class="q-pa-sm">
+        <q-card-section class="q-pa-sm fixed-height">
           <div class="row q-col-gutter-sm">
             <div class="col-12">
               <q-card bordered class="col-12" style="border: 1px solid #d6dee1">
@@ -920,3 +920,10 @@ async function emitSearch(keyword: string, typeSelect: string) {
     :data="dataCopy"
   />
 </template>
+
+<style scoped>
+.fixed-height {
+  overflow-y: auto;
+  height: 80vh;
+}
+</style>

src/modules/02_organizationalNew/components/DialogMovePos.vue

@@ -291,7 +291,6 @@ watch(
 
       <q-card-actions align="right">
         <q-btn
-          dense
           unelevated
           label="ย้ายตำแหน่ง"
           color="public"

src/modules/02_organizationalNew/components/DialogSelectPerson.vue

@@ -423,7 +423,7 @@ watch([() => page.value, () => pageSize.value], () => {
         <DialogHeader :tittle="`เลือกคนครอง`" :close="close" />
         <q-separator />
 
-        <q-card-section>
+        <q-card-section class="fixed-height">
           <div class="q-px-md">
             <div class="row q-col-gutter-sm q-mb-xs">
               <div class="text-bold text-body1">
@@ -713,4 +713,10 @@ watch([() => page.value, () => pageSize.value], () => {
     </q-card>
   </q-dialog>
 </template>
-<style scoped></style>
+
+<style scoped>
+.fixed-height {
+  overflow-y: auto;
+  height: 80vh;
+}
+</style>

src/modules/02_organizationalNew/components/TreeMain.vue

@@ -57,11 +57,11 @@ const listAdd = ref<ListMenu[]>([
     label: "แก้ไข",
     icon: "edit",
     type: "EDIT",
-    color: "info",
+    color: "edit",
   },
   {
     label: "ลบ",
-    icon: "mdi-trash-can-outline",
+    icon: "delete",
     type: "DEL",
     color: "red",
   },

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

@@ -70,7 +70,7 @@ const listMenu = ref<ListMenu[]>([
     label: "แก้ไข",
     icon: "edit",
     type: "EDIT",
-    color: "primary",
+    color: "edit",
   },
   {
     label: "ลบ",