comLoading

src/api/api.js

@@ -1,8 +1,15 @@
 import request from "@/api/request";
 import mm from "@/utlis/mm";
+import { Loading } from 'element-ui';
 
 export async function getapi(url, params = {}, config) {
   return new Promise((resolve, reject) => {
+    let loading = Loading.service({
+      lock: true,
+      text: "Loading...",
+      spinner: "el-icon-loading",
+      background: "rgba(0, 0, 0, 0.7)",
+    });
     request
       .get(`${mm.apiurl}${url}`, {
         params: params,
@@ -13,6 +20,9 @@ export async function getapi(url, params = {}, config) {
       })
       .catch((err) => {
         reject(err.data);
+      })
+      .finally(() => {
+        loading.close();
       });
   });
 }
@@ -20,6 +30,12 @@ export async function getapi(url, params = {}, config) {
 //axios封装post
 export async function postapi(url, paramsdata = {}, config) {
   return new Promise((resolve, reject) => {
+    let loading = Loading.service({
+      lock: true,
+      text: "Loading...",
+      spinner: "el-icon-loading",
+      background: "rgba(0, 0, 0, 0.7)",
+    });
     request
       .post(`${mm.apiurl}${url}`, paramsdata, config)
       .then((res) => {
@@ -27,12 +43,21 @@ export async function postapi(url, paramsdata = {}, config) {
       })
       .catch((err) => {
         reject(err.data);
+      })
+      .finally(() => {
+        loading.close();
       });
   });
 }
 //axios封装deleteapi
 export async function deletapi(url, params = {}, config) {
   return new Promise((resolve, reject) => {
+    let loading = Loading.service({
+      lock: true,
+      text: "Loading...",
+      spinner: "el-icon-loading",
+      background: "rgba(0, 0, 0, 0.7)",
+    });
     request
       .delete(`${mm.apiurl}${url}`, {
         params: params,
@@ -43,12 +68,21 @@ export async function deletapi(url, params = {}, config) {
       })
       .catch((err) => {
         reject(err.data);
+      })
+      .finally(() => {
+        loading.close();
       });
   });
 }
 //axios封装Put方法
 export async function putapi(url, params = {}, config) {
   return new Promise((resolve, reject) => {
+    let loading = Loading.service({
+      lock: true,
+      text: "Loading...",
+      spinner: "el-icon-loading",
+      background: "rgba(0, 0, 0, 0.7)",
+    });
     request
       .put(`${mm.apiurl}${url}`, params, config)
       .then((res) => {
@@ -56,6 +90,9 @@ export async function putapi(url, params = {}, config) {
       })
       .catch((err) => {
         reject(err.data);
+      })
+      .finally(() => {
+        loading.close();
       });
   });
 }

src/components/doctorCheck/PatientRegisterList.vue

@@ -361,21 +361,22 @@ export default {
       // "maxResultCount": 0
 
       console.log('/api/patientregister/getpeisrecordlist', body)
-      const loading = this.$loading({
-        lock: true,
-        text: "Loading",
-        spinner: "el-icon-loading",
-        background: "rgba(0, 0, 0, 0.7)",
-      });
+      // const loading = this.$loading({
+      //   lock: true,
+      //   text: "Loading",
+      //   spinner: "el-icon-loading",
+      //   background: "rgba(0, 0, 0, 0.7)",
+      // });
       postapi('/api/patientregister/getpeisrecordlist', body)
         .then((res) => {
           if(res.code != -1){
             this.dataList = res.data.items;
           }          
-          loading.close();      
-        }).catch(err =>{
-          loading.close();
-        });
+        })
+        // .finally(() =>{
+        //   loading.close();
+        // })
+        ;
     },
 
 

src/components/patientRegister/PatientRegisterList.vue

@@ -840,14 +840,9 @@ export default {
         };
 
       console.log("/api/app/patientregister/getlistinfilter", body);
-      const loading = this.$loading({
-        lock: true,
-        text: "Loading",
-        spinner: "el-icon-loading",
-        background: "rgba(0, 0, 0, 0.7)",
-      });
 
-      let res = await postapi("/api/app/patientregister/getlistinfilter", body)
+      postapi("/api/app/patientregister/getlistinfilter", body)
+        .then(res => {
           if (res.code != -1) {
             // 刷新最大记录数
             this.loadOpts.totalCount = res.data.totalCount
@@ -869,7 +864,9 @@ export default {
               this.dataTransOpts.refresh.register_check_asbitem.M++
             }
           }
-      loading.close();
+        })
+
+
     },
 
     //滚动加载数据 
@@ -893,8 +890,6 @@ export default {
         }
       })
     },
-
-
     //右击菜单
     onCellRightClick(row, column) {
       this.rClickRow = { ...row }; //右击的行记录