ย้าย ไอคอน ข้อมูลหลัก

src/modules/01_metadata/components/calendar/CalendarList.vue

@@ -36,17 +36,6 @@
         >
           <template v-slot:body="props">
             <q-tr :props="props">
-              <q-td v-for="col in props.cols" :key="col.name" :props="props">
-                <div v-if="col.name == 'week'" class="">
-                  {{ dayThaiRange(props.row.dateRange) }}
-                </div>
-                <div v-else-if="col.name == 'holidayDate'" class="">
-                  {{ dateThaiRange(props.row.dateRange) }}
-                </div>
-                <div v-else class="my-table-details">
-                  {{ col.value }}
-                </div>
-              </q-td>
               <q-td auto-width>
                 <q-btn
                   flat
@@ -80,6 +69,17 @@
                   </q-menu>
                 </q-btn>
               </q-td>
+              <q-td v-for="col in props.cols" :key="col.name" :props="props">
+                <div v-if="col.name == 'week'" class="">
+                  {{ dayThaiRange(props.row.dateRange) }}
+                </div>
+                <div v-else-if="col.name == 'holidayDate'" class="">
+                  {{ dateThaiRange(props.row.dateRange) }}
+                </div>
+                <div v-else class="my-table-details">
+                  {{ col.value }}
+                </div>
+              </q-td>
             </q-tr>
           </template>
         </q-table>
@@ -100,17 +100,6 @@
         >
           <template v-slot:body="props">
             <q-tr :props="props">
-              <q-td v-for="col in props.cols" :key="col.name" :props="props">
-                <div v-if="col.name == 'week'" class="">
-                  {{ dayThaiRange(props.row.dateRange) }}
-                </div>
-                <div v-else-if="col.name == 'holidayDate'" class="">
-                  {{ dateThaiRange(props.row.dateRange) }}
-                </div>
-                <div v-else class="my-table-details">
-                  {{ col.value }}
-                </div>
-              </q-td>
               <q-td auto-width>
                 <q-btn
                   flat
@@ -144,6 +133,17 @@
                   </q-menu>
                 </q-btn>
               </q-td>
+              <q-td v-for="col in props.cols" :key="col.name" :props="props">
+                <div v-if="col.name == 'week'" class="">
+                  {{ dayThaiRange(props.row.dateRange) }}
+                </div>
+                <div v-else-if="col.name == 'holidayDate'" class="">
+                  {{ dateThaiRange(props.row.dateRange) }}
+                </div>
+                <div v-else class="my-table-details">
+                  {{ col.value }}
+                </div>
+              </q-td>
             </q-tr>
           </template>
         </q-table>

src/modules/01_metadata/components/insignia/InsigniaList.vue

@@ -332,36 +332,14 @@ const dialogOrder = ref<boolean>(false);
     >
       <template v-slot:header="props">
         <q-tr :props="props">
+          <q-th auto-width />
           <q-th v-for="col in props.cols" :key="col.name" :props="props">
             <span class="text-weight-bold">{{ col.label }}</span>
           </q-th>
-          <q-th auto-width />
         </q-tr>
       </template>
       <template v-slot:body="props">
         <q-tr :props="props" class="cursor-pointer">
-          <q-td v-for="(col, index) in props.cols" :key="col.id">
-            <div v-if="col.name == 'no'">
-              {{ props.rowIndex + 1 }}
-            </div>
-            <div v-else-if="col.name == 'isActive'">
-              <q-icon
-                v-if="col.value == false"
-                name="mdi-close"
-                color="red"
-                class="text-h5"
-              />
-              <q-icon
-                v-else
-                name="mdi-check"
-                color="positive"
-                class="text-h5"
-              />
-            </div>
-            <div v-else>
-              {{ col.value }}
-            </div>
-          </q-td>
           <q-td auto-width>
             <q-btn
               color="edit"
@@ -402,6 +380,29 @@ const dialogOrder = ref<boolean>(false);
               <q-tooltip>ลบข้อมูล</q-tooltip>
             </q-btn> -->
           </q-td>
+          <q-td v-for="(col, index) in props.cols" :key="col.id">
+            <div v-if="col.name == 'no'">
+              {{ props.rowIndex + 1 }}
+            </div>
+            <div v-else-if="col.name == 'isActive'">
+              <q-icon
+                v-if="col.value == false"
+                name="mdi-close"
+                color="red"
+                class="text-h5"
+              />
+              <q-icon
+                v-else
+                name="mdi-check"
+                color="positive"
+                class="text-h5"
+              />
+            </div>
+            <div v-else>
+              {{ col.value }}
+            </div>
+          </q-td>
+
         </q-tr>
       </template>
     </d-table>

src/modules/01_metadata/components/insignia/InsigniaType.vue

@@ -249,10 +249,10 @@ async function onSubmit() {
     >
       <template v-slot:header="props">
         <q-tr :props="props">
+          <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>
           </q-th>
-          <q-th auto-width />
         </q-tr>
       </template>
       <template v-slot:body="props">
@@ -261,26 +261,7 @@ async function onSubmit() {
           class="cursor-pointer"
           @click.stop="onclickDetail(props.row.id)"
         >
-          <q-td v-for="col in props.cols" :key="col.id">
+        <q-td auto-width>
-            <div v-if="col.name == 'isActive'">
-              <q-icon
-                v-if="col.value == false"
-                name="mdi-close"
-                color="red"
-                class="text-h5"
-              />
-              <q-icon
-                v-else
-                name="mdi-check"
-                color="positive"
-                class="text-h5"
-              />
-            </div>
-            <div v-else>
-              {{ col.value }}
-            </div>
-          </q-td>
-          <q-td auto-width>
             <q-btn
               color="edit"
               flat
@@ -318,6 +299,26 @@ async function onSubmit() {
             <q-tooltip>ลบข้อมูล</q-tooltip>
           </q-btn> -->
           </q-td>
+          <q-td v-for="col in props.cols" :key="col.id">
+            <div v-if="col.name == 'isActive'">
+              <q-icon
+                v-if="col.value == false"
+                name="mdi-close"
+                color="red"
+                class="text-h5"
+              />
+              <q-icon
+                v-else
+                name="mdi-check"
+                color="positive"
+                class="text-h5"
+              />
+            </div>
+            <div v-else>
+              {{ col.value }}
+            </div>
+          </q-td>
+
         </q-tr>
       </template>
     </d-table>

src/modules/01_metadata/components/personal/01ListPrefix.vue

@@ -200,17 +200,14 @@ onMounted(async () => {
   >
     <template v-slot:header="props">
       <q-tr :props="props">
+        <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>
         </q-th>
-        <q-th auto-width />
       </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.id">
-          {{ col.value }}
-        </q-td>
         <q-td auto-width>
           <q-btn
             color="edit"
@@ -248,6 +245,9 @@ onMounted(async () => {
             <q-tooltip>ลบข้อมูล</q-tooltip>
           </q-btn> -->
         </q-td>
+        <q-td v-for="col in props.cols" :key="col.id">
+          {{ col.value }}
+        </q-td>
       </q-tr>
     </template>
   </d-table>

src/modules/01_metadata/components/personal/02ListRank.vue

@@ -196,19 +196,14 @@ onMounted(async () => {
   >
     <template v-slot:header="props">
       <q-tr :props="props">
+        <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>
         </q-th>
-        <q-th auto-width />
       </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.id">
-          <div>
-            {{ col.value }}
-          </div>
-        </q-td>
         <q-td auto-width>
           <q-btn
             color="edit"
@@ -246,6 +241,11 @@ onMounted(async () => {
             <q-tooltip>ลบข้อมูล</q-tooltip>
           </q-btn> -->
         </q-td>
+        <q-td v-for="col in props.cols" :key="col.id">
+          <div>
+            {{ col.value }}
+          </div>
+        </q-td>
       </q-tr>
     </template>
   </d-table>

src/modules/01_metadata/components/personal/03ListBloodGroup.vue

@@ -196,19 +196,14 @@ onMounted(async () => {
   >
     <template v-slot:header="props">
       <q-tr :props="props">
+        <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>
         </q-th>
-        <q-th auto-width />
       </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.id">
-          <div>
-            {{ col.value }}
-          </div>
-        </q-td>
         <q-td auto-width>
           <q-btn
             color="edit"
@@ -246,6 +241,11 @@ onMounted(async () => {
             <q-tooltip>ลบข้อมูล</q-tooltip>
           </q-btn> -->
         </q-td>
+        <q-td v-for="col in props.cols" :key="col.id">
+          <div>
+            {{ col.value }}
+          </div>
+        </q-td>
       </q-tr>
     </template>
   </d-table>

src/modules/01_metadata/components/personal/04ListGender.vue

@@ -196,19 +196,14 @@ onMounted(async () => {
   >
     <template v-slot:header="props">
       <q-tr :props="props">
+        <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>
         </q-th>
-        <q-th auto-width />
       </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.id">
-          <div>
-            {{ col.value }}
-          </div>
-        </q-td>
         <q-td auto-width>
           <q-btn
             color="edit"
@@ -246,6 +241,11 @@ onMounted(async () => {
             <q-tooltip>ลบข้อมูล</q-tooltip>
           </q-btn> -->
         </q-td>
+        <q-td v-for="col in props.cols" :key="col.id">
+          <div>
+            {{ col.value }}
+          </div>
+        </q-td>
       </q-tr>
     </template>
   </d-table>

src/modules/01_metadata/components/personal/05ListReligion.vue

@@ -196,19 +196,14 @@ onMounted(async () => {
   >
     <template v-slot:header="props">
       <q-tr :props="props">
+        <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>
         </q-th>
-        <q-th auto-width />
       </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.id">
-          <div>
-            {{ col.value }}
-          </div>
-        </q-td>
         <q-td auto-width>
           <q-btn
             color="edit"
@@ -246,6 +241,11 @@ onMounted(async () => {
             <q-tooltip>ลบข้อมูล</q-tooltip>
           </q-btn> -->
         </q-td>
+        <q-td v-for="col in props.cols" :key="col.id">
+          <div>
+            {{ col.value }}
+          </div>
+        </q-td>
       </q-tr>
     </template>
   </d-table>

src/modules/01_metadata/components/personal/06ListRelationship.vue

@@ -224,19 +224,14 @@ onMounted(async () => {
   >
     <template v-slot:header="props">
       <q-tr :props="props">
+        <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>
         </q-th>
-        <q-th auto-width />
       </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.id">
-          <div>
-            {{ col.value }}
-          </div>
-        </q-td>
         <q-td auto-width>
           <q-btn
             color="edit"
@@ -274,6 +269,11 @@ onMounted(async () => {
             <q-tooltip>ลบข้อมูล</q-tooltip>
           </q-btn> -->
         </q-td>
+        <q-td v-for="col in props.cols" :key="col.id">
+          <div>
+            {{ col.value }}
+          </div>
+        </q-td>
       </q-tr>
     </template>
   </d-table>

src/modules/01_metadata/components/personal/07ListEducationLevel.vue

@@ -210,19 +210,14 @@ onMounted(async () => {
   >
     <template v-slot:header="props">
       <q-tr :props="props">
+        <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>
         </q-th>
-        <q-th auto-width />
       </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.id">
-          <div>
-            {{ col.value }}
-          </div>
-        </q-td>
         <q-td auto-width>
           <q-btn
             color="edit"
@@ -261,6 +256,11 @@ onMounted(async () => {
             <q-tooltip>ลบข้อมูล</q-tooltip>
           </q-btn> -->
         </q-td>
+        <q-td v-for="col in props.cols" :key="col.id">
+          <div>
+            {{ col.value }}
+          </div>
+        </q-td>
       </q-tr>
     </template>
   </d-table>

src/modules/01_metadata/components/personal/08ListProvince.vue

@@ -200,23 +200,14 @@ onMounted(async () => {
   >
     <template v-slot:header="props">
       <q-tr :props="props">
+        <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>
         </q-th>
-        <q-th auto-width />
       </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.id"
-          @click="nextPage(props.row.id)"
-        >
-          <div>
-            {{ col.value }}
-          </div>
-        </q-td>
         <q-td auto-width>
           <q-btn
             color="edit"
@@ -254,6 +245,15 @@ onMounted(async () => {
             <q-tooltip>ลบข้อมูล</q-tooltip>
           </q-btn> -->
         </q-td>
+        <q-td
+          v-for="col in props.cols"
+          :key="col.id"
+          @click="nextPage(props.row.id)"
+        >
+          <div>
+            {{ col.value }}
+          </div>
+        </q-td>
       </q-tr>
     </template>
   </d-table>

src/modules/01_metadata/components/personal/province/01_District.vue

@@ -240,23 +240,14 @@ onMounted(async () => {
       >
         <template v-slot:header="props">
           <q-tr :props="props">
+            <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>
             </q-th>
-            <q-th auto-width />
           </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.id"
-              @click="nextPage(props.row.id)"
-            >
-              <div>
-                {{ col.value }}
-              </div>
-            </q-td>
             <q-td auto-width>
               <q-btn
                 color="edit"
@@ -294,6 +285,15 @@ onMounted(async () => {
                 <q-tooltip>ลบข้อมูล</q-tooltip>
               </q-btn>
             </q-td>
+            <q-td
+              v-for="col in props.cols"
+              :key="col.id"
+              @click="nextPage(props.row.id)"
+            >
+              <div>
+                {{ col.value }}
+              </div>
+            </q-td>
           </q-tr>
         </template>
       </d-table>

src/modules/01_metadata/components/personal/province/02_SubDistrict.vue

@@ -253,19 +253,14 @@ onMounted(async () => {
       >
         <template v-slot:header="props">
           <q-tr :props="props">
+            <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>
             </q-th>
-            <q-th auto-width />
           </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.id">
-              <div>
-                {{ col.value }}
-              </div>
-            </q-td>
             <q-td auto-width>
               <q-btn
                 color="edit"
@@ -304,6 +299,11 @@ onMounted(async () => {
                 <q-tooltip>ลบข้อมูล</q-tooltip>
               </q-btn>
             </q-td>
+            <q-td v-for="col in props.cols" :key="col.id">
+              <div>
+                {{ col.value }}
+              </div>
+            </q-td>
           </q-tr>
         </template>
       </d-table>

src/modules/01_metadata/components/position-employee/01ListPosition.vue

@@ -332,6 +332,7 @@ onMounted(() => {
     >
       <template v-slot:header="props">
         <q-tr :props="props">
+          <q-th auto-width></q-th>
           <q-th
             v-for="col in props.cols"
             :key="col.name"
@@ -340,20 +341,10 @@ onMounted(() => {
           >
             <span class="text-weight-medium">{{ col.label }}</span>
           </q-th>
-          <q-th auto-width></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 ? col.value : "-" }}
-            </div>
-          </q-td>
           <q-td auto-width>
             <q-btn
               color="blue-6"
@@ -399,6 +390,16 @@ onMounted(() => {
               <q-tooltip>ลบข้อมูล</q-tooltip>
             </q-btn>
           </q-td>
+          <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 ? col.value : "-" }}
+            </div>
+          </q-td>
+
         </q-tr>
       </template>
     </d-table>

src/modules/01_metadata/components/position-employee/02ListType.vue

@@ -244,10 +244,10 @@ onMounted(() => {
   >
     <template v-slot:header="props">
       <q-tr :props="props">
+        <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>
         </q-th>
-        <q-th auto-width />
       </q-tr>
     </template>
     <template v-slot:body="props">
@@ -256,9 +256,6 @@ onMounted(() => {
         class="cursor-pointer"
         @click.stop="onClickDetail(props.row.id)"
       >
-        <q-td v-for="col in props.cols" :key="col.id">
-          {{ col.value ? col.value : "-" }}
-        </q-td>
         <q-td auto-width>
           <q-btn
             color="edit"
@@ -285,6 +282,9 @@ onMounted(() => {
             <q-tooltip>ลบข้อมูล</q-tooltip>
           </q-btn> -->
         </q-td>
+        <q-td v-for="col in props.cols" :key="col.id">
+          {{ col.value ? col.value : "-" }}
+        </q-td>
       </q-tr>
     </template>
   </d-table>
@@ -318,7 +318,6 @@ onMounted(() => {
               :rules="[(val) => val.length > 0 || 'กรุณากรอกชื่อกลุ่มงาน']"
               hide-bottom-space
               class="inputgreen"
-
             />
           </div>
 
@@ -334,7 +333,6 @@ onMounted(() => {
               hide-bottom-space
               :rules="[(val) => !!val || `${'กรุณากรอกอักษรย่อกลุ่มงาน'}`]"
               class="inputgreen"
-
             />
           </div>
 
@@ -353,7 +351,6 @@ onMounted(() => {
               hide-bottom-space
               mask="############"
               class="inputgreen"
-
             />
           </div>
         </q-card-section>

src/modules/01_metadata/components/position-employee/03ListLevel.vue

@@ -275,25 +275,14 @@ onMounted(() => {
       >
         <template v-slot:header="props">
           <q-tr :props="props">
+            <q-th auto-width />
             <q-th v-for="col in props.cols" :key="col.name" :props="props">
               <span class="text-weight-bold">{{ col.label }}</span>
             </q-th>
-            <q-th auto-width />
           </q-tr>
         </template>
         <template v-slot:body="props">
           <q-tr :props="props" class="cursor-pointer">
-            <q-td v-for="(col, index) in props.cols" :key="col.id">
-              <div v-if="col.name == 'no'">
-                {{ props.rowIndex + 1 }}
-              </div>
-              <div v-else-if="col.name === 'posLevelAuthority'">
-                {{ col.value ? convertPosLevelAuthority(col.value) : "-" }}
-              </div>
-              <div v-else>
-                {{ col.value }}
-              </div>
-            </q-td>
             <q-td auto-width>
               <q-btn
                 color="edit"
@@ -319,6 +308,18 @@ onMounted(() => {
                 <q-tooltip>ลบข้อมูล</q-tooltip>
               </q-btn> -->
             </q-td>
+            <q-td v-for="(col, index) in props.cols" :key="col.id">
+              <div v-if="col.name == 'no'">
+                {{ props.rowIndex + 1 }}
+              </div>
+              <div v-else-if="col.name === 'posLevelAuthority'">
+                {{ col.value ? convertPosLevelAuthority(col.value) : "-" }}
+              </div>
+              <div v-else>
+                {{ col.value }}
+              </div>
+            </q-td>
+
           </q-tr>
         </template>
       </d-table>

src/modules/01_metadata/components/position/01ListPosition.vue

@@ -333,6 +333,7 @@ onMounted(() => {
     >
       <template v-slot:header="props">
         <q-tr :props="props">
+          <q-th auto-width></q-th>
           <q-th
             v-for="col in props.cols"
             :key="col.name"
@@ -341,33 +342,10 @@ onMounted(() => {
           >
             <span class="text-weight-medium">{{ col.label }}</span>
           </q-th>
-          <q-th auto-width></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"
-            @click="addPosition(props.row)"
-          >
-            <div v-if="col.name == 'no'">
-              {{ props.rowIndex + 1 }}
-            </div>
-            <div v-else-if="col.name === 'posLevelName'">
-              {{
-                props.row.posLevelName
-                  ? props.row.isSpecial == true
-                    ? `${props.row.posLevelName} (ฉ)`
-                    : props.row.posLevelName
-                  : "-"
-              }}
-            </div>
-            <div v-else>
-              {{ col.value ? col.value : "-" }}
-            </div>
-          </q-td>
           <q-td auto-width>
             <q-btn
               color="blue-6"
@@ -413,6 +391,28 @@ onMounted(() => {
               <q-tooltip>ลบข้อมูล</q-tooltip>
             </q-btn>
           </q-td>
+          <q-td
+            v-for="col in props.cols"
+            :key="col.name"
+            :props="props"
+            @click="addPosition(props.row)"
+          >
+            <div v-if="col.name == 'no'">
+              {{ props.rowIndex + 1 }}
+            </div>
+            <div v-else-if="col.name === 'posLevelName'">
+              {{
+                props.row.posLevelName
+                  ? props.row.isSpecial == true
+                    ? `${props.row.posLevelName} (ฉ)`
+                    : props.row.posLevelName
+                  : "-"
+              }}
+            </div>
+            <div v-else>
+              {{ col.value ? col.value : "-" }}
+            </div>
+          </q-td>
         </q-tr>
       </template>
     </d-table>

src/modules/01_metadata/components/position/02ListType.vue

@@ -244,10 +244,10 @@ async function onSubmit() {
   >
     <template v-slot:header="props">
       <q-tr :props="props">
+        <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>
         </q-th>
-        <q-th auto-width />
       </q-tr>
     </template>
     <template v-slot:body="props">
@@ -256,9 +256,6 @@ async function onSubmit() {
         class="cursor-pointer"
         @click.stop="onclickDetail(props.row.id)"
       >
-        <q-td v-for="col in props.cols" :key="col.id">
-          {{ col.value }}
-        </q-td>
         <q-td auto-width>
           <q-btn
             color="edit"
@@ -297,6 +294,9 @@ async function onSubmit() {
             <q-tooltip>ลบข้อมูล</q-tooltip>
           </q-btn> -->
         </q-td>
+        <q-td v-for="col in props.cols" :key="col.id">
+          {{ col.value }}
+        </q-td>
       </q-tr>
     </template>
   </d-table>
@@ -341,7 +341,6 @@ async function onSubmit() {
               hide-bottom-space
               mask="############"
               class="inputgreen"
-
             />
           </div>
         </q-card-section>

src/modules/01_metadata/components/position/04ListExecutive.vue

@@ -175,6 +175,7 @@ onMounted(() => {
     >
       <template v-slot:header="props">
         <q-tr :props="props">
+          <q-th auto-width></q-th>
           <q-th
             v-for="col in props.cols"
             :key="col.name"
@@ -183,19 +184,10 @@ onMounted(() => {
           >
             <span class="text-weight-medium">{{ col.label }}</span>
           </q-th>
-          <q-th auto-width></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-td auto-width>
             <q-btn
               color="edit"
@@ -228,6 +220,14 @@ onMounted(() => {
               <q-tooltip>ลบข้อมูล</q-tooltip>
             </q-btn> -->
           </q-td>
+          <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>

src/modules/01_metadata/components/position/05ListLevelDetail.vue

@@ -306,25 +306,14 @@ onMounted(async () => {
     >
       <template v-slot:header="props">
         <q-tr :props="props">
+          <q-th auto-width />
           <q-th v-for="col in props.cols" :key="col.name" :props="props">
             <span class="text-weight-bold">{{ col.label }}</span>
           </q-th>
-          <q-th auto-width />
         </q-tr>
       </template>
       <template v-slot:body="props">
         <q-tr :props="props" class="cursor-pointer">
-          <q-td v-for="(col, index) in props.cols" :key="col.id">
-            <div v-if="col.name === 'no'">
-              {{ props.rowIndex + 1 }}
-            </div>
-            <div v-if="col.name === 'posTypeName'">
-              {{ posName }}
-            </div>
-            <div v-else>
-              {{ col.value }}
-            </div>
-          </q-td>
           <q-td auto-width>
             <q-btn
               color="edit"
@@ -371,6 +360,17 @@ onMounted(async () => {
               <q-tooltip>ลบข้อมูล</q-tooltip>
             </q-btn> -->
           </q-td>
+          <q-td v-for="(col, index) in props.cols" :key="col.id">
+            <div v-if="col.name === 'no'">
+              {{ props.rowIndex + 1 }}
+            </div>
+            <div v-if="col.name === 'posTypeName'">
+              {{ posName }}
+            </div>
+            <div v-else>
+              {{ col.value }}
+            </div>
+          </q-td>
         </q-tr>
       </template>
     </d-table>