ytj

src/pages/user/library/borrowedRecord/index.vue

       <div class="borrowedRecordContent flex-h" @click="showDialog = false">
         <div class="img">
           <a>
-            <img :src="currentItem.BookImg" class="centerLabel" alt>
+            <img
+              :src="currentItem.BookImg"
+              class="centerLabel"
+              style="width: 100%;
+                height: 100%;
+                object-fit: cover"
+            >
           </a>
         </div>
         <div class="flex-item">
       showDialog: false,
       status: '1',
       page: 1,
-      pagesize: 10,
+      pagesize: 10000,
       reserveBooks: {},
       borrowBooks: {},
       currentItem: {},
     this.getList('2')
   },
   computed: {
-    myBookStatus() {
+    myBookStatus () {
       let status = ''
-      switch(this.currentItem.BorrowStatus) {
+      switch (this.currentItem.BorrowStatus) {
         case '4':
           status = '已预约'
           break
       this.getMineBook({
         page: this.page,
         pagesize: this.pagesize,
-        status: status == '1'?'1,3,2,0':'4',
+        status: status == '1' ? '1,3,2,0' : '4',
       }).then((res) => {
-        if(status == '1') {
+        if (status == '1') {
           _that.borrowBooks = res
           _that.borrowshow = true
         } else {
         width: 0.7rem;
         display: block;
         margin: 0 auto;
-        .centerLabel{
-          
-        }
       }
       span {
         width: 100%;
           text-align: right;
           span {
             display: inline-block;
-            line-height: .24rem;
-            font-size: .12rem;
-            color: #869EC3;
+            line-height: 0.24rem;
+            font-size: 0.12rem;
+            color: #869ec3;
             background: #f2f4f7;
-            padding: 0 .1rem 0 .15rem;
-            border-radius: .15rem 0 0 .15rem;
-            margin-right: -.12rem;
+            padding: 0 0.1rem 0 0.15rem;
+            border-radius: 0.15rem 0 0 0.15rem;
+            margin-right: -0.12rem;
           }
-          .active{
+          .active {
             background-color: #fc5534;
             color: #fff;
           }

src/pages/user/mainPage/libraryIndex/index.vue

               let latitude2 = parseFloat(result[0])
               let longitude2 = parseFloat(result[1])
               if (that.toolClass.getGreatCircleDistance(latitude1, longitude1, latitude2, longitude2) < 500) {
-
                 that.currentCaseId = that.CaseList[i].CaseId
                 that.currentCaseName = that.CaseList[i].CaseName
               }
               that.currentCaseName = ((that.CaseList || [])[0] || {}).CaseName
             }
             that.init()
+          },
+          cancel: function () {
+            that.currentCaseId = ((that.CaseList || [])[0] || {}).CaseId
+            that.currentCaseName = ((that.CaseList || [])[0] || {}).CaseName
+            that.init()
+          },
+          fail: function () {
+            that.currentCaseId = ((that.CaseList || [])[0] || {}).CaseId
+            that.currentCaseName = ((that.CaseList || [])[0] || {}).CaseName
+            that.init()
           }
         })
       })