From df34c2a794384e9edfe4e53f35b050f2c5d42a1a Mon Sep 17 00:00:00 2001
From: x_ying <2438792676@qq.com>
Date: Tue, 27 Sep 2022 11:04:02 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E4=B9=A6=E6=8E=A8=E8=8D=90=20?=
 =?UTF-8?q?=E5=9B=BE=E4=B9=A6=E8=AF=A6=E6=83=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/bookshelf.js             | 12 +++++++++++-
 src/views/module/bookDetails.vue | 10 +++++-----
 src/views/module/bookList.vue    | 26 ++++++++++++++++++++++----
 3 files changed, 38 insertions(+), 10 deletions(-)

diff --git a/src/api/bookshelf.js b/src/api/bookshelf.js
index 522c68e..be46191 100644
--- a/src/api/bookshelf.js
+++ b/src/api/bookshelf.js
@@ -29,8 +29,18 @@ export function FetchCoverByISBN(params) {
   })
 }
 
+// 图书详情
+export function getBookDetailsByISBN(params) {
+  return request({
+    url: '/dxhtsg/getBookDetailsByISBN',
+    method: 'get',
+    params: params
+  })
+}
+
 export default {
   FetchNewBookRecommend,
   FetchCoverByISBN,
-  initNumberResoures
+  initNumberResoures,
+  getBookDetailsByISBN
 }
diff --git a/src/views/module/bookDetails.vue b/src/views/module/bookDetails.vue
index bda14c9..3b04555 100644
--- a/src/views/module/bookDetails.vue
+++ b/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 ? 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">
diff --git a/src/views/module/bookList.vue b/src/views/module/bookList.vue
index 799d6bf..32dcbda 100644
--- a/src/views/module/bookList.vue
+++ b/src/views/module/bookList.vue
@@ -14,7 +14,7 @@
       </div>
     </div>
     <ul class="hotbook-list">
-      <li v-for="(item,index) in bookList" :key="index" @click="handleDetails(index)">
+      <li v-for="(item,index) in bookList" :key="index" @click="handleDetails(index+1)">
         <img :src="item.cover ? item.cover : ''" :onerror="defaultImg">
         <p class="book-name">{{ item.nbName }}</p>
       </li>
@@ -25,6 +25,7 @@
 
 <script>
 import BookDetails from './bookDetails.vue'
+import { getBookDetailsByISBN, FetchCoverByISBN } from '@/api/bookshelf'
 export default {
   name: 'BookList',
   components: { BookDetails },
@@ -49,9 +50,26 @@ export default {
   },
   methods: {
     handleDetails(index) {
-      this.$refs.detailDom.bookData = this.bookdata[index]
-      this.$refs.detailDom.dialogVisible = true
-      console.log(this.bookdata[0])
+      console.log(this.bookdata[index])
+      const params = {
+        isbn: this.bookdata[index].isbn.replace(/\-/g, '')
+      }
+      console.log(params)
+      getBookDetailsByISBN(params).then(res => {
+        console.log(res, '详情')
+        this.$refs.detailDom.bookData = res
+        this.$refs.detailDom.dialogVisible = true
+      })
+    },
+    getCoverByISBN(isbn, item) {
+      const params = {
+        isbn: isbn
+      }
+      FetchCoverByISBN(params).then((res) => {
+        item.cover = window.URL.createObjectURL(res)
+        console.log(res, 'res')
+        this.bookData.push(item)
+      })
     }
   }