ปรับโครงสร้าง

src/modules/02_users/views/04_roleOrganization.vue

@@ -113,8 +113,7 @@ const columns = ref<QTableProps["columns"]>([
     align: "left",
     label: "ชื่อ-นามสกุล",
     sortable: true,
-    field: (row) =>
-      `${row.rank ? row.rank : row.prefix}${row.firstName}  ${row.lastName}`,
+    field: (row) => `${row.prefix}${row.firstName}  ${row.lastName}`,
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
   },
@@ -386,7 +385,6 @@ onMounted(async () => {
                     >
                       <span class="text-weight-medium">{{ col.label }}</span>
                     </q-th>
-                    <q-th auto-width />
                   </q-tr>
                 </template>
                 <template v-slot:body="props">
@@ -408,25 +406,27 @@ onMounted(async () => {
                       :key="col.name"
                       :props="props"
                     >
-                      <div>
+                      <div v-if="col.name === 'fullName'">
+                        {{ col.value ? col.value : "-" }}
+
+                        <q-btn
+                          flat
+                          dense
+                          color="info"
+                          icon="info"
+                          round
+                          @click.pervent="
+                            onOpenModalPersonal(props.row.profileId)
+                          "
+                        >
+                          <q-tooltip>ดูข้อมูล</q-tooltip>
+                        </q-btn>
+                      </div>
+
+                      <div v-else>
                         {{ col.value ? col.value : "-" }}
                       </div>
                     </q-td>
-
-                    <q-td auto-width>
-                      <q-btn
-                        flat
-                        dense
-                        color="info"
-                        icon="info"
-                        round
-                        @click.pervent="
-                          onOpenModalPersonal(props.row.profileId)
-                        "
-                      >
-                        <q-tooltip>ดูข้อมูล</q-tooltip>
-                      </q-btn>
-                    </q-td>
                   </q-tr>
                 </template>
                 <template v-slot:pagination="scope">