新书推荐详情 接口

src/api/inquiryMachine.js

@@ -47,10 +47,20 @@ export function FetchCoverByISBN(params) {
   })
 }
 
+// 图书详情
+export function getBookDetailsByISBN(params) {
+  return request({
+    url: '/dxhtsg/getBookDetailsByISBN',
+    method: 'get',
+    params: params
+  })
+}
+
 export default {
   activityInquiry,
   libraryIntro,
   FetchNewBookRecommend,
   FetchCoverByISBN,
-  initNumberResoures
+  initNumberResoures,
+  getBookDetailsByISBN
 }

src/views/module/bookDetails.vue

@@ -10,13 +10,13 @@
         <div class="book-details-box">
           <div class="book-details">
             <div class="book-cover">
-              <img :src="bookData.cover" :onerror="defaultImg">
+              <img :src="bookData.srcUrl ? bookData.srcUrl : ''" :onerror="defaultImg">
             </div>
             <div class="book-desc">
-              <h3>{{ bookData.nbName }}</h3>
-              <p class="book-from">作者：{{ bookData.nbAuthor }}</p>
-              <p class="book-from">出版社：{{ bookData.nbPublisher }}</p>
-              <p class="book-brief"> 简介：{{ bookData.nbExplain }}</p>
+              <h3>{{ bookData.bookName }}</h3>
+              <p class="book-from">作者：{{ bookData.bookAuthor }}</p>
+              <p v-if="bookData.Publish" class="book-from">出版社：{{ bookData.Publish }}</p>
+              <p class="book-brief"> 简介：{{ bookData.gist }}</p>
             </div>
           </div>
           <div class="book-local">

src/views/newBookRecommend.vue

@@ -35,7 +35,7 @@
 <script>
 import { Swiper } from 'vue-awesome-swiper'
 import 'swiper/swiper-bundle.css'
-import { FetchNewBookRecommend, FetchCoverByISBN } from '@/api/inquiryMachine'
+import { FetchNewBookRecommend, FetchCoverByISBN, getBookDetailsByISBN } from '@/api/inquiryMachine'
 import BookDetails from './module/bookDetails.vue'
 export default {
   name: 'NewBookRecommend',
@@ -63,13 +63,18 @@ export default {
           spaceBetween: 20,
           centeredSlides: true,
           observer: true,
-          loop: true,
+          // loop: true,
           centeredSlidesBounds: true,
           watchSlidesVisibility: true,
           navigation: {
             nextEl: '.next-btn',
             prevEl: '.prev-btn'
           }
+          // on: {
+          //   click: function() {
+          //     alert(this.clickedIndex)
+          //   }
+          // }
         })
       })
     },
@@ -97,9 +102,13 @@ export default {
     },
     // 详情
     handleDetails(index) {
-      console.log(index)
-      this.$refs.detailDom.bookData = this.rankingList[index]
-      this.$refs.detailDom.dialogVisible = true
+      const params = {
+        isbn: this.rankingList[index].isbn.replace(/\-/g, '')
+      }
+      getBookDetailsByISBN(params).then(res => {
+        this.$refs.detailDom.bookData = res
+        this.$refs.detailDom.dialogVisible = true
+      })
     }
   }
 }