laoding效果补充

src/api/hospital.js

@@ -44,7 +44,7 @@ export const myRecord = (createDept, cupCardNo, current,size) => {
 export const recordCancel = (id) => {
     return request({
         url: '/api/blade-business/apm-record/cancel',
-        method: 'get',
+        method: 'post',
         params: {
             id,
         }

src/views/Guidance.vue

@@ -29,12 +29,23 @@ export default {
   methods: {
     //须知详情
     queryAticle(id) {
+      this.$toast.loading({
+        message: '加载中',
+        duration: 0,
+      })
+      try {
         queryArticleDetail(id).then(res => {
+          this.$toast.clear();
           if (JSON.stringify(res.data) != '{}') {
             res.data.content = decodeURIComponent(res.data.content);
             this.article = res.data;
           }
+        }, err => {
+          this.$toast.clear();
         })
+      } catch (error) {
+        this.$toast.clear();
+      }
     },
     //取消
     doCancel() {
@@ -110,6 +121,7 @@ export default {
     overflow-y: auto;
     margin: 0.93rem 0.4rem 0 0;
     padding: 0 0.4rem;
+
     img {
       max-width: 100% !important;
     }

src/views/HomeView.vue

@@ -72,9 +72,20 @@ export default {
   methods: {
     //医院列表
     queryHosiptal() {
+      this.$toast.loading({
+        message:'加载中',
+        duration: 0,
+      })
+      try {
         queryHosiptal().then(res => {
+          this.$toast.clear();
           this.hospitalList = res.data;
+        },err => {
+        this.$toast.clear();
         })
+      } catch (error) {
+        this.$toast.clear();
+      }
     },
     //跳转我的预约列表
     goMyBook() {
@@ -85,19 +96,6 @@ export default {
         this.getUserInfo();
       }
     },
-    testAlert() {
-      lightAppJssdk.notification.alert({
-        message: "这是一个弹窗",
-        title: "提示",//可传空
-        buttonName: "收到",
-        success: function (data) {
-          //onSuccess将在点击button之后回调
-          /*回调*/
-        },
-        fail: function (data) { //错误返回
-        }
-      });
-    },
     //取消阅读
     doCancelGuide() {
       this.guideShow = false;
@@ -105,7 +103,7 @@ export default {
     //阅读须知
     doGuidance(id) {
       // this.guideShow = true;
-      console.log(this.userInfo)
+      // console.log(this.userInfo.papersnumber)
       if(this.userInfo){
         checkBacklist(this.userInfo.papersnumber).then(res => {
           if(res.data){

src/views/myExam.vue

@@ -63,9 +63,20 @@ export default {
   methods: {
     //我的预约列表
     queryMyRecord() {
+      this.$toast.loading({
+        message: '加载中',
+        duration: 0,
+      })
+      try {
         myRecord("", this.userInfo.papersnumber, this.current, this.size).then(res => {
+          this.$toast.clear();
           this.examArr = res.data.records;
+        }, err => {
+          this.$toast.clear();
         })
+      } catch (error) {
+        this.$toast.clear();
+      }
     },
     //日期格式化
     doDateFormatter(date) {
@@ -76,10 +87,10 @@ export default {
       if (row.apmStatus !== 0) {
         return;
       }
-      lightAppJssdk.notification.alert({
+      lightAppJssdk.notification.confirm({
         message: "是否取消该体检项目",
         title: "提示",//可传空
-        buttonName: "确认",
+        buttonLabels: ['确定', '取消'],
         success: function (data) {
           //onSuccess将在点击button之后回调
           /*回调*/
@@ -106,19 +117,23 @@ export default {
   height: 100%;
   background: #f9f9f9;
   position: absolute;
+
   .exam_noresult {
     text-align: center;
     padding-top: 2rem;
+
     img {
       width: 2.56rem;
       height: 2.56rem;
     }
+
     .no_title {
       color: #666;
       font-size: 0.44rem;
       font-weight: bold;
       margin-bottom: 0.1rem;
     }
+
     .no_txt {
       color: #999;
       font-size: 0.24rem;