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

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>