diff --git a/src/modules/08_KPI/components/Tab/05_File.vue b/src/modules/08_KPI/components/Tab/05_File.vue
index e05c3a2..5d50e46 100644
--- a/src/modules/08_KPI/components/Tab/05_File.vue
+++ b/src/modules/08_KPI/components/Tab/05_File.vue
@@ -25,7 +25,9 @@ interface ArrayFileList {
   fileName: string;
 }
 
-const isReadonly = ref<boolean>(route.name === "KPIEditEvaluator" ? true : false);
+const isReadonly = ref<boolean>(
+  route.name === "KPIEditEvaluator" ? true : false
+);
 
 const documentFile = ref<any>(null);
 const fileList = ref<ArrayFileList[]>([]);
@@ -33,7 +35,7 @@ const fileList = ref<ArrayFileList[]>([]);
 async function getData() {
   showLoader();
   await http
-    .get(config.API.file + `/KPI/ไฟล์เอกสาร/${id.value}`)
+    .get(config.API.file("ไฟล์เอกสาร", "KPI", id.value))
     .then((res) => {
       fileList.value = res.data;
     })
@@ -48,7 +50,6 @@ async function getData() {
 async function uploadFileDoc(uploadUrl: string, file: any) {
   const Data = new FormData();
   Data.append("file", documentFile.value);
-  showLoader();
   await axios
     .put(uploadUrl, file, {
       headers: {
@@ -63,8 +64,8 @@ async function uploadFileDoc(uploadUrl: string, file: any) {
       messageError($q, e);
     })
     .finally(() => {
-      hideLoader();
       documentFile.value = null;
+      hideLoader();
     });
 }
 async function clickUpload(file: any) {
@@ -73,11 +74,12 @@ async function clickUpload(file: any) {
   dialogConfirm(
     $q,
     async () => {
+      showLoader();
       const selectedFile = file;
       const formdata = new FormData();
       formdata.append("file", selectedFile);
       await http
-        .post(config.API.file + `/KPI/ไฟล์เอกสาร/${id.value}`, {
+        .post(config.API.file("ไฟล์เอกสาร", "KPI", id.value), {
           replace: false,
           fileList: fileName,
         })
@@ -106,7 +108,7 @@ async function clickUpload(file: any) {
 function downloadFile(fileName: string) {
   showLoader();
   http
-    .get(config.API.file + `/KPI/ไฟล์เอกสาร/${id.value}/${fileName}`)
+    .get(config.API.file("ไฟล์เอกสาร", "KPI", id.value) + `/${fileName}`)
     .then((res) => {
       const data = res.data.downloadUrl;
       window.open(data, "_blank");
@@ -127,20 +129,17 @@ function deleteFile(fileName: string) {
   dialogRemove($q, async () => {
     showLoader();
     http
-      .delete(config.API.file + `/KPI/ไฟล์เอกสาร/${id.value}/${fileName}`)
-
-      .then((res) => {
-        success($q, `ลบไฟล์สำเร็จ`);
-        setTimeout(() => {
-          getData();
-          hideLoader();
-        }, 1000);
-      })
+      .delete(config.API.file("ไฟล์เอกสาร", "KPI", id.value) + `/${fileName}`)
       .catch((e) => {
         messageError($q, e);
       })
       .finally(() => {
-        hideLoader();
+        getData();
+
+        setTimeout(() => {
+          success($q, `ลบไฟล์สำเร็จ`);
+          hideLoader();
+        }, 500);
       });
   });
 }