updated & fixing

src/modules/11_probation/views/main.vue

@@ -145,7 +145,7 @@ function getList(id: string) {
   http
     .get(config.API.probationMain(id))
     .then((res) => {
-      const data = res.data.data
+      const data = res.data.data;
       rows.value = data;
     })
     .catch((e) => {})
@@ -168,7 +168,6 @@ function onDetail(id: string) {
 }
 
 onMounted(async () => {
-
   await getMain();
 });
 </script>
@@ -292,7 +291,7 @@ onMounted(async () => {
                 dense
                 v-model="filter"
                 label="ค้นหา"
-                :style="mode ? `max-width: 200px`:`max-width: 150px`"
+                :style="mode ? `max-width: 200px` : `max-width: 150px`"
               >
                 <template v-slot:append>
                   <q-icon
@@ -355,7 +354,11 @@ onMounted(async () => {
 
                 <template v-if="$q.screen.gt.xs" v-slot:body="props">
                   <q-tr :props="props" class="cursor-pointer">
-                    <q-td v-for="(col, index) in props.cols" :key="col.name" @click="onDetail(props.row.id)">
+                    <q-td
+                      v-for="(col, index) in props.cols"
+                      :key="col.name"
+                      @click="onDetail(props.row.id)"
+                    >
                       <div v-if="col.name == 'no'">
                         {{ props.rowIndex + 1 }}
                       </div>
@@ -404,9 +407,9 @@ onMounted(async () => {
                 </template>
                 <template v-slot:no-data>
                   <div
-                    class="full-width row flex-center bg-grey-3 q-pa-md rounded-borders text-body2 text-weight-medium"
+                    class="full-width row flex-center q-pa-sm rounded-borders text-weight-medium"
                   >
-                    <span> ไม่พบข้อมูลตำแหน่ง/เงินเดือน </span>
+                    <span> ไม่พบข้อมูล </span>
                   </div>
                 </template>
               </d-table>