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

@@ -171,7 +171,7 @@
         @close="close_dialogWin_PatientRegisterEdit">
         <!-- :formInitData="patientRegister.patientRegisterRd" -->
         <PatientRegisterEdit :isDoctor="'1'" :patientRegisterId="patientRegister.patientRegisterRd.id"
-          :editTimes="editTimes" :refreshRegister="refreshRegister" :refFuncSetData="refFuncSetData"/>
+          :editTimes="editTimes" :refreshRegister="refreshRegister" :refFuncSetData="refFuncSetData" />
       </el-dialog>
 
       <!-- 拍照 -->
@@ -659,10 +659,10 @@ export default {
     async close_dialogWin_PatientRegisterEdit() {
       // 如果 dataTransOpts.tableS.patient_register.id 为空(未增加)，则不做处理
       let id = this.dataTransOpts.tableS.patient_register.id
-      if (!id){
+      if (!id) {
         id = this.tableDataCurrentRow.id
       }
-      if(!id) return
+      if (!id) return
       this.dataTransOpts.tableS.patient_register.id = id
 
       let res = await postapi(`/api/app/patientregister/getinfoorpatient?PatientRegisterId=${this.dataTransOpts.tableS.patient_register.id}`)
@@ -674,7 +674,7 @@ export default {
       // });      
       let lfind = arrayExistObj(this.tableData, 'id', this.dataTransOpts.tableS.patient_register.id)
       if (lfind > -1) {
-        objCopy(currentRow,this.tableData[lfind]) 
+        objCopy(currentRow, this.tableData[lfind])
       } else {
         lfind = this.tableData.length
         currentRow.index = lfind
@@ -840,36 +840,33 @@ 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)
-      if (res.code != -1) {
-        // 刷新最大记录数
-        this.loadOpts.totalCount = res.data.totalCount
-        let curLoad = res.data.items
-        let oldCount = 0
+      postapi("/api/app/patientregister/getlistinfilter", body)
+        .then(res => {
+          if (res.code != -1) {
+            // 刷新最大记录数
+            this.loadOpts.totalCount = res.data.totalCount
+            let curLoad = res.data.items
+            let oldCount = 0
+
+            if (body.skipCount == 0) {  //查询
+              this.tableData = [];
+            } else {
+              // 懒加载 ,原数据集不用清空
+              oldCount = this.tableData.length
+            }
+            curLoad.forEach((e, index) => {
+              this.tableData.push(Object.assign({ index: Number(oldCount) + Number(index), choosed: false }, e))
+            })
 
-        if (body.skipCount == 0) {  //查询
-          this.tableData = [];
-        } else {
-          // 懒加载 ,原数据集不用清空
-          oldCount = this.tableData.length
-        }
-        curLoad.forEach((e, index) => {
-          this.tableData.push(Object.assign({ index: Number(oldCount) + Number(index), choosed: false }, e))
+            //如果 有选中 记录，则刷新其对应的组合项目
+            if (this.dataTransOpts.tableS.patient_register.id) {
+              this.dataTransOpts.refresh.register_check_asbitem.M++
+            }
+          }
         })
 
-        //如果 有选中 记录，则刷新其对应的组合项目
-        if (this.dataTransOpts.tableS.patient_register.id) {
-          this.dataTransOpts.refresh.register_check_asbitem.M++
-        }
-      }
-      loading.close();
+
     },
 
     //滚动加载数据 
@@ -893,8 +890,6 @@ export default {
         }
       })
     },
-
-
     //右击菜单
     onCellRightClick(row, column) {
       this.rClickRow = { ...row }; //右击的行记录