ย้ายไอคอน

src/modules/09_leave/components/1_Work/TableList.vue

@@ -132,14 +132,26 @@ onMounted(() => {
   >
     <template v-slot:header="props">
       <q-tr :props="props">
+        <q-th auto-width v-if="typeTab === 'time-record'"></q-th>
         <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 v-if="typeTab === 'time-record'"></q-th>
       </q-tr>
     </template>
     <template v-slot:body="props">
       <q-tr :props="props" class="cursor-pointer">
+        <q-td v-if="typeTab === 'time-record'">
+          <q-btn
+            flat
+            dense
+            round
+            color="edit"
+            icon="edit"
+            @click.prevent="onClickEdit(props.row)"
+          >
+            <q-tooltip>แก้ไข</q-tooltip>
+          </q-btn>
+        </q-td>
         <q-td
           v-for="col in props.cols"
           :key="col.name"
@@ -177,18 +189,7 @@ onMounted(() => {
             {{ col.value }}
           </div>
         </q-td>
-        <q-td v-if="typeTab === 'time-record'">
-          <q-btn
-            flat
-            dense
-            round
-            color="edit"
-            icon="edit"
-            @click.prevent="onClickEdit(props.row)"
-          >
-            <q-tooltip>แก้ไข</q-tooltip>
-          </q-btn>
-        </q-td>
+
       </q-tr>
     </template>
     <template v-slot:pagination="scope">