ทะเบียนประวัติ => ข้อมูลผลงาน,ข้อมูลอื่นๆ

src/modules/04_registryPerson/components/detail/Achievement/01_ProfessionalLicense.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, reactive, watch, onMounted } from "vue";
+import { ref, reactive, onMounted } from "vue";
 import { checkPermission } from "@/utils/permissions";
 import dialogHeader from "@/components/DialogHeader.vue";
 import type { QTableProps } from "quasar";
@@ -442,17 +442,27 @@ onMounted(async () => {
       </q-tr>
     </template>
     <template v-slot:body="props" v-if="mode === 'table'">
-      <q-tr :props="props" class="cursor-pointer">
+      <q-tr :props="props">
         <q-td auto-width>
           <q-btn
-            v-if="checkPermission($route)?.attrIsUpdate"
-            color="primary"
             flat
             dense
             round
-            class="q-mr-xs"
+            color="deep-purple"
-            size="14px"
+            icon="mdi-history"
-            icon="mdi-pencil-outline"
+            @click="
+              () => (fetchHistoryData(props.row.id), (historyDialog = true))
+            "
+          >
+            <q-tooltip>ประวัติแก้ไขใบอนุญาตประกอบวิชาชีพ</q-tooltip>
+          </q-btn>
+          <q-btn
+            v-if="checkPermission($route)?.attrIsUpdate"
+            flat
+            dense
+            round
+            color="edit"
+            icon="edit"
             clickable
             @click="
               () => {
@@ -462,32 +472,6 @@ onMounted(async () => {
           >
             <q-tooltip>แก้ไขข้อมูล</q-tooltip>
           </q-btn>
-          <q-btn
-            color="info"
-            flat
-            dense
-            round
-            size="14px"
-            icon="mdi-history"
-            @click="
-              () => (fetchHistoryData(props.row.id), (historyDialog = true))
-            "
-          >
-            <q-tooltip>ประวัติแก้ไขใบอนุญาตประกอบวิชาชีพ</q-tooltip>
-          </q-btn>
-          <!-- <q-btn
-            color="red"
-            flat
-            dense
-            round
-            size="14px"
-            icon="mdi-delete"
-            clickable
-            @click.stop="deleteData(props.row.id)"
-            v-close-popup
-          >
-            <q-tooltip>ลบข้อมูล</q-tooltip>
-          </q-btn> -->
         </q-td>
         <q-td v-for="col in props.cols" :key="col.id">
           <div>
@@ -503,27 +487,26 @@ onMounted(async () => {
         <q-card bordered>
           <q-card-actions align="right" class="bg-grey-3">
             <q-btn
-              v-if="checkPermission($route)?.attrIsUpdate"
               flat
               round
-              color="primary"
+              color="deep-purple"
-              icon="edit"
-              @click="editForm(props.row)"
-            >
-              <q-tooltip>แก้ไขข้อมูล</q-tooltip>
-            </q-btn>
-            <q-btn
-              flat
-              round
-              color="info"
               icon="mdi-history"
-              size="14px"
               @click="
                 () => (fetchHistoryData(props.row.id), (historyDialog = true))
               "
             >
               <q-tooltip>ประวัติแก้ไขใบอนุญาตประกอบวิชาชีพ</q-tooltip>
             </q-btn>
+            <q-btn
+              v-if="checkPermission($route)?.attrIsUpdate"
+              flat
+              round
+              color="edit"
+              icon="edit"
+              @click="editForm(props.row)"
+            >
+              <q-tooltip>แก้ไขข้อมูล</q-tooltip>
+            </q-btn>
           </q-card-actions>
           <q-separator />
           <q-list>
@@ -764,7 +747,7 @@ onMounted(async () => {
             </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.id">
                 <div>
                   {{ col.value ? col.value : "-" }}

src/modules/04_registryPerson/components/detail/Achievement/02_Train.vue

@@ -600,18 +600,27 @@ onMounted(async () => {
       </q-tr>
     </template>
     <template v-slot:body="props" v-if="mode === 'table'">
-      <q-tr :props="props" class="cursor-pointer">
+      <q-tr :props="props">
         <q-td auto-width>
           <q-btn
-            v-if="checkPermission($route)?.attrIsUpdate"
-            color="primary"
             flat
             dense
             round
-            class="q-mr-xs"
+            color="deep-purple"
-            size="14px"
+            icon="mdi-history"
-            icon="mdi-pencil-outline"
+            @click="
-            clickable
+              () => (fetchHistoryData(props.row.id), (historyDialog = true))
+            "
+          >
+            <q-tooltip>ประวัติแก้ไขการฝึกอบรม/ดูงาน</q-tooltip>
+          </q-btn>
+          <q-btn
+            v-if="checkPermission($route)?.attrIsUpdate"
+            flat
+            dense
+            round
+            color="edit"
+            icon="edit"
             @click="
               () => {
                 editForm(props.row);
@@ -620,19 +629,6 @@ onMounted(async () => {
           >
             <q-tooltip>แก้ไขข้อมูล</q-tooltip>
           </q-btn>
-          <q-btn
-            color="info"
-            flat
-            dense
-            round
-            size="14px"
-            icon="mdi-history"
-            @click="
-              () => (fetchHistoryData(props.row.id), (historyDialog = true))
-            "
-          >
-            <q-tooltip>ประวัติแก้ไขการฝึกอบรม/ดูงาน</q-tooltip>
-          </q-btn>
         </q-td>
         <q-td v-for="col in props.cols" :key="col.id">
           <div>
@@ -648,28 +644,26 @@ onMounted(async () => {
         <q-card bordered>
           <q-card-actions align="right" class="bg-grey-3">
             <q-btn
-              v-if="checkPermission($route)?.attrIsUpdate"
               flat
               round
-              size="14px"
+              color="deep-purple"
-              color="primary"
+              icon="mdi-history"
-              icon="mdi-pencil-outline"
-              @click="editForm(props.row)"
-            >
-              <q-tooltip>แก้ไขข้อมูล</q-tooltip>
-            </q-btn>
-            <q-btn
-              flat
-              round
-              size="14px"
-              color="info"
-              icon="history"
               @click="
                 () => (fetchHistoryData(props.row.id), (historyDialog = true))
               "
             >
               <q-tooltip>ประวัติแก้ไขการฝึกอบรม/ดูงาน</q-tooltip>
             </q-btn>
+            <q-btn
+              v-if="checkPermission($route)?.attrIsUpdate"
+              flat
+              round
+              color="edit"
+              icon="edit"
+              @click="editForm(props.row)"
+            >
+              <q-tooltip>แก้ไขข้อมูล</q-tooltip>
+            </q-btn>
           </q-card-actions>
           <q-separator />
           <q-list>
@@ -1139,7 +1133,7 @@ onMounted(async () => {
             </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.id">
                 <div>
                   {{ col.value ? col.value : "-" }}

src/modules/04_registryPerson/components/detail/Achievement/03_Insignia.vue

@@ -715,39 +715,32 @@ onMounted(async () => {
     </template>
 
     <template v-slot:body="props" v-if="modeView === 'table'">
-      <q-tr :props="props" class="cursor-pointer">
+      <q-tr :props="props">
         <q-td auto-width>
           <q-btn
-            v-if="checkPermission($route)?.attrIsUpdate"
             flat
             dense
             round
-            class="q-mr-xs"
+            color="deep-purple"
-            size="14px"
-            color="primary"
-            icon="mdi-pencil-outline"
-            @click="onClickOpenDialog(true, props.row)"
-          >
-            <q-tooltip>แก้ไขข้อมูล</q-tooltip>
-          </q-btn>
-          <q-btn
-            flat
-            dense
-            round
-            size="14px"
-            color="info"
             icon="mdi-history"
             @click="clickHistory(props.row)"
           >
             <q-tooltip>ประวัติแก้ไขเครื่องราชอิสริยาภรณ์</q-tooltip>
           </q-btn>
+
+          <q-btn
+            v-if="checkPermission($route)?.attrIsUpdate"
+            flat
+            dense
+            round
+            color="edit"
+            icon="edit"
+            @click="onClickOpenDialog(true, props.row)"
+          >
+            <q-tooltip>แก้ไขข้อมูล</q-tooltip>
+          </q-btn>
         </q-td>
-        <q-td
+        <q-td v-for="col in props.cols" :key="col.name" :props="props">
-          v-for="col in props.cols"
-          class="cursor-pointer"
-          :key="col.name"
-          :props="props"
-        >
           <div class="table_ellipsis">
             {{ col.value ? col.value : "-" }}
           </div>
@@ -760,24 +753,24 @@ onMounted(async () => {
         <q-card bordered>
           <q-card-actions class="bg-grey-3" align="right">
             <q-btn
-              v-if="checkPermission($route)?.attrIsUpdate"
               flat
               round
-              color="primary"
+              color="deep-purple"
-              icon="mdi-pencil-outline"
-              @click="onClickOpenDialog(true, props.row)"
-            >
-              <q-tooltip>แก่ไขข้อมุล</q-tooltip>
-            </q-btn>
-            <q-btn
-              flat
-              round
-              color="info"
               icon="mdi-history"
               @click="clickHistory(props.row)"
             >
               <q-tooltip>ประวัติแก้ไขเครื่องราชอิสริยาภรณ์</q-tooltip>
             </q-btn>
+            <q-btn
+              v-if="checkPermission($route)?.attrIsUpdate"
+              flat
+              round
+              color="edit"
+              icon="edit"
+              @click="onClickOpenDialog(true, props.row)"
+            >
+              <q-tooltip>แก่ไขข้อมุล</q-tooltip>
+            </q-btn>
           </q-card-actions>
           <q-separator />
           <div>
@@ -1189,7 +1182,7 @@ onMounted(async () => {
             </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.id">
                 <div>
                   {{ col.value ? col.value : "-" }}

src/modules/04_registryPerson/components/detail/Achievement/04_DeclarationHonor.vue

@@ -448,36 +448,28 @@ onMounted(async () => {
       <q-tr :props="props">
         <q-td auto-width>
           <q-btn
-            v-if="checkPermission($route)?.attrIsUpdate"
             flat
             dense
             round
-            class="q-mr-xs"
+            color="deep-purple"
-            size="14px"
-            color="primary"
-            icon="mdi-pencil-outline"
-            @click="onClickOpenDialog(true, props.row)"
-          >
-            <q-tooltip>แก้ไขข้อมูล</q-tooltip>
-          </q-btn>
-          <q-btn
-            color="info"
-            flat
-            dense
-            round
-            size="14px"
             icon="mdi-history"
             @click="clickHistory(props.row)"
           >
             <q-tooltip>ประวัติแก้ไขประกาศเกียรติคุณ</q-tooltip>
           </q-btn>
+          <q-btn
+            v-if="checkPermission($route)?.attrIsUpdate"
+            flat
+            dense
+            round
+            color="edit"
+            icon="edit"
+            @click="onClickOpenDialog(true, props.row)"
+          >
+            <q-tooltip>แก้ไขข้อมูล</q-tooltip>
+          </q-btn>
         </q-td>
-        <q-td
+        <q-td v-for="col in props.cols" :key="col.name" :props="props">
-          v-for="col in props.cols"
-          :key="col.name"
-          :props="props"
-          class="cursor-pointer"
-        >
           <div class="table_ellipsis">
             {{ col.value ? col.value : "-" }}
           </div>
@@ -490,24 +482,24 @@ onMounted(async () => {
         <q-card bordered>
           <q-card-actions class="bg-grey-3" align="right">
             <q-btn
-              v-if="checkPermission($route)?.attrIsUpdate"
               flat
               round
-              color="primary"
+              color="deep-purple"
-              icon="mdi-pencil-outline"
-              @click="onClickOpenDialog(true, props.row)"
-            >
-              <q-tooltip>แก่ไขข้อมุล</q-tooltip>
-            </q-btn>
-            <q-btn
-              flat
-              round
-              color="info"
               icon="mdi-history"
               @click.stop.prevent="clickHistory(props.row)"
             >
               <q-tooltip>ประวัติแก้ไขประกาศเกียรติคุณ</q-tooltip>
             </q-btn>
+            <q-btn
+              v-if="checkPermission($route)?.attrIsUpdate"
+              flat
+              round
+              color="edit"
+              icon="edit"
+              @click="onClickOpenDialog(true, props.row)"
+            >
+              <q-tooltip>แก่ไขข้อมุล</q-tooltip>
+            </q-btn>
           </q-card-actions>
           <q-separator />
           <div>
@@ -822,7 +814,7 @@ onMounted(async () => {
             </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.id">
                 <div>
                   {{ col.value ? col.value : "-" }}

src/modules/04_registryPerson/components/detail/Achievement/05_ResultsPerformance.vue

@@ -520,36 +520,28 @@ onMounted(async () => {
       <q-tr :props="props">
         <q-td auto-width>
           <q-btn
-            v-if="checkPermission($route)?.attrIsUpdate"
             flat
             dense
             round
-            class="q-mr-xs"
+            color="deep-purple"
-            size="14px"
-            color="primary"
-            icon="mdi-pencil-outline"
-            @click="onClickOpenDialog(true, props.row)"
-          >
-            <q-tooltip>แก้ไขข้อมูล</q-tooltip>
-          </q-btn>
-          <q-btn
-            color="info"
-            flat
-            dense
-            round
-            size="14px"
             icon="mdi-history"
             @click="clickHistory(props.row)"
           >
             <q-tooltip>ประวัติแก้ไขผลการประเมินการปฏิบัติราชการ</q-tooltip>
           </q-btn>
+          <q-btn
+            v-if="checkPermission($route)?.attrIsUpdate"
+            flat
+            dense
+            round
+            color="edit"
+            icon="edit"
+            @click="onClickOpenDialog(true, props.row)"
+          >
+            <q-tooltip>แก้ไขข้อมูล</q-tooltip>
+          </q-btn>
         </q-td>
-        <q-td
+        <q-td v-for="col in props.cols" :key="col.name" :props="props">
-          v-for="col in props.cols"
-          :key="col.name"
-          :props="props"
-          class="cursor-pointer"
-        >
           <div class="table_ellipsis">
             {{ col.value ? col.value : "-" }}
           </div>
@@ -562,24 +554,24 @@ onMounted(async () => {
         <q-card bordered>
           <q-card-actions class="bg-grey-3" align="right">
             <q-btn
-              v-if="checkPermission($route)?.attrIsUpdate"
               flat
               round
-              color="primary"
+              color="deep-purple"
-              icon="mdi-pencil-outline"
-              @click.stop.prevent="onClickOpenDialog(true, props.row)"
-            >
-              <q-tooltip>แก่ไขข้อมุล</q-tooltip>
-            </q-btn>
-            <q-btn
-              flat
-              round
-              color="info"
               icon="mdi-history"
               @click="clickHistory(props.row)"
             >
               <q-tooltip>ประวัติแก้ไขเครื่องราชอิสริยาภรณ์</q-tooltip>
             </q-btn>
+            <q-btn
+              v-if="checkPermission($route)?.attrIsUpdate"
+              flat
+              round
+              color="edit"
+              icon="edit"
+              @click.stop.prevent="onClickOpenDialog(true, props.row)"
+            >
+              <q-tooltip>แก่ไขข้อมุล</q-tooltip>
+            </q-btn>
           </q-card-actions>
           <q-separator />
           <div>
@@ -834,7 +826,7 @@ onMounted(async () => {
             </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.id">
                 <div>
                   {{ col.value ? col.value : "-" }}

src/modules/04_registryPerson/components/detail/Employee/01_DataEmployee.vue

@@ -303,8 +303,8 @@ onMounted(() => {
         flat
         round
         dense
-        icon="mdi-pencil-outline"
+        icon="edit"
-        color="primary"
+        color="edit"
         @click="onClickEdit"
       >
         <q-tooltip>แก้ไขข้อมูล</q-tooltip>
@@ -314,7 +314,7 @@ onMounted(() => {
         round
         dense
         icon="mdi-history"
-        color="info"
+        color="deep-purple"
         @click="onClickHistory"
       >
         <q-tooltip>ประวัติแก้ไขข้อมูลลูกจ้างชั่วคราว</q-tooltip>
@@ -614,7 +614,7 @@ onMounted(() => {
             </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.id">
                 <div>
                   {{ col.value ? col.value : "-" }}

src/modules/04_registryPerson/components/detail/Employee/02_Employment.vue

@@ -290,8 +290,6 @@ onMounted(() => {
     >
       <template v-slot:header="props">
         <q-tr :props="props">
-          <q-th auto-width v-if="checkPermission($route)?.attrIsUpdate" />
-          <q-th auto-width v-if="checkPermission($route)?.attrIsDelete" />
           <q-th auto-width />
           <q-th v-for="col in props.cols" :key="col.name" :props="props">
             <span class="text-weight-medium">{{ col.label }}</span>
@@ -299,21 +297,31 @@ onMounted(() => {
         </q-tr>
       </template>
       <template v-slot:body="props">
-        <q-tr :props="props" class="cursor-pointer" style="height: 40px">
+        <q-tr :props="props">
-          <q-td v-if="checkPermission($route)?.attrIsUpdate">
+          <q-td auto-width>
             <q-btn
               dense
               flat
               round
-              color="primary"
+              color="deep-purple"
-              icon="mdi-pencil"
+              icon="mdi-history"
+              @click="onClickHistory(props.row.id)"
+            >
+              <q-tooltip>ประวัติข้อมูลการจ้าง </q-tooltip>
+            </q-btn>
+            <q-btn
+              v-if="checkPermission($route)?.attrIsUpdate"
+              dense
+              flat
+              round
+              color="edit"
+              icon="edit"
               @click="onOpenDialog(true, props.row.id)"
             >
               <q-tooltip>แก้ไขข้อมูล</q-tooltip>
             </q-btn>
-          </q-td>
-          <q-td v-if="checkPermission($route)?.attrIsDelete">
             <q-btn
+              v-if="checkPermission($route)?.attrIsDelete"
               dense
               flat
               round
@@ -324,18 +332,7 @@ onMounted(() => {
               <q-tooltip>ลบข้อมูล</q-tooltip></q-btn
             >
           </q-td>
-          <q-td>
+
-            <q-btn
-              dense
-              flat
-              round
-              color="info"
-              icon="mdi-history"
-              @click="onClickHistory(props.row.id)"
-            >
-              <q-tooltip>ประวัติข้อมูลการจ้าง </q-tooltip>
-            </q-btn>
-          </q-td>
           <q-td v-for="col in props.cols" :key="col.name" :props="props">
             <div>
               {{ col.value ? col.value : "-" }}

src/modules/04_registryPerson/components/detail/Other/01_OtherInformation.vue

@@ -321,32 +321,29 @@ onMounted(() => {
       </q-tr>
     </template>
     <template v-slot:body="props" v-if="mode === 'table'">
-      <q-tr :props="props" class="cursor-pointer">
+      <q-tr :props="props">
         <q-td auto-width>
+          <q-btn
+            flat
+            dense
+            round
+            color="deep-purple"
+            icon="mdi-history"
+            @click="openDialogHistory(props.row.id)"
+          >
+            <q-tooltip>ประวัติแก้ไขอื่นๆ</q-tooltip>
+          </q-btn>
           <q-btn
             v-if="checkPermission($route)?.attrIsUpdate"
             flat
             dense
             round
-            class="q-mr-xs"
+            color="edit"
-            size="14px"
+            icon="edit"
-            color="primary"
-            icon="mdi-pencil-outline"
             @click="openDialogEdit(props.row)"
           >
             <q-tooltip>แก้ไขข้อมูล</q-tooltip>
           </q-btn>
-          <q-btn
-            color="info"
-            flat
-            dense
-            round
-            size="14px"
-            icon="mdi-history"
-            @click="openDialogHistory(props.row.id)"
-          >
-            <q-tooltip>ประวัติแก้ไขอื่นๆ</q-tooltip>
-          </q-btn>
         </q-td>
         <q-td v-for="col in props.cols" :key="col.id">
           <div>
@@ -362,22 +359,22 @@ onMounted(() => {
             <q-space />
             <div class="q-gutter-x-sm">
               <q-btn
-                v-if="checkPermission($route)?.attrIsUpdate"
+                color="deep-purple"
-                color="primary"
-                icon="mdi-pencil-outline"
-                flat
-                round
-                @click="openDialogEdit(props.row)"
-                ><q-tooltip>แก้ไข</q-tooltip></q-btn
-              >
-              <q-btn
-                color="info"
                 icon="mdi-history"
                 flat
                 round
                 @click="openDialogHistory(props.row.id)"
                 ><q-tooltip>ประวิติแก้ไขอื่นๆ</q-tooltip></q-btn
               >
+              <q-btn
+                v-if="checkPermission($route)?.attrIsUpdate"
+                color="edit"
+                icon="edit"
+                flat
+                round
+                @click="openDialogEdit(props.row)"
+                ><q-tooltip>แก้ไข</q-tooltip></q-btn
+              >
             </div>
           </div>
           <q-separator />

src/modules/04_registryPerson/components/detail/Other/01_OtherInformationHistory.vue

@@ -202,7 +202,7 @@ watch(modal, (status) => {
             </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.id">
                 <div>
                   {{ col.value ? col.value : "-" }}