โครงสร้างทะเบียนประวัติ

src/modules/08_registryEmployee/views/Main.vue

@@ -215,14 +215,14 @@ watch(
   }
 );
 
-function fetchList() {
+async function fetchList() {
   showLoader();
   http
     .get(config.API.registryNew("-temp"), { params: queryParams })
-    .then((res) => {
+    .then(async (res) => {
+      rows.value = await res.data.result.data;
       maxPage.value = Math.ceil(res.data.result.total / queryParams.pageSize);
       total.value = res.data.result.total;
-      rows.value = res.data.result.data;
     })
     .catch((err) => {
       messageError($q, err);
@@ -273,8 +273,8 @@ function onClickSendOrder() {
   modalSendOrder.value = true;
 }
 
-onMounted(() => {
-  fetchList();
+onMounted(async () => {
+  await fetchList();
 });
 </script>