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

---
 src/views/module/bookList.vue     | 15 +--------------
 src/views/module/bookListItem.vue | 17 ++++++++++++++++-
 2 files changed, 17 insertions(+), 15 deletions(-)

diff --git a/src/views/module/bookList.vue b/src/views/module/bookList.vue
index 32dcbda..e3e0d95 100644
--- a/src/views/module/bookList.vue
+++ b/src/views/module/bookList.vue
@@ -25,7 +25,7 @@
 
 <script>
 import BookDetails from './bookDetails.vue'
-import { getBookDetailsByISBN, FetchCoverByISBN } from '@/api/bookshelf'
+import { getBookDetailsByISBN } from '@/api/bookshelf'
 export default {
   name: 'BookList',
   components: { BookDetails },
@@ -50,26 +50,13 @@ export default {
   },
   methods: {
     handleDetails(index) {
-      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)
-      })
     }
   }
 
diff --git a/src/views/module/bookListItem.vue b/src/views/module/bookListItem.vue
index bd6daf1..14c37b1 100644
--- a/src/views/module/bookListItem.vue
+++ b/src/views/module/bookListItem.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div v-for="item in listData" :key="item.ranking" class="list-item">
+    <div v-for="(item,index) in listData" :key="item.ranking" class="list-item" @click="handleDetails(index)">
       <div class="book-img">
         <img :src="item.cover" :onerror="defaultImg">
       </div>
@@ -15,12 +15,18 @@
         </div>
       </div>
     </div>
+    <BookDetails ref="detailDom" />
+
   </div>
 </template>
 
 <script>
+import { getBookDetailsByISBN } from '@/api/bookshelf'
+import BookDetails from './bookDetails.vue'
+
 export default {
   name: 'BookListItem',
+  components: { BookDetails },
   props: {
     listData: {
       type: Array,
@@ -59,6 +65,15 @@ export default {
   mounted() {
   },
   methods: {
+    handleDetails(index) {
+      const params = {
+        isbn: this.listData[index].isbn.replace(/\-/g, '')
+      }
+      getBookDetailsByISBN(params).then(res => {
+        this.$refs.detailDom.bookData = res
+        this.$refs.detailDom.dialogVisible = true
+      })
+    }
   }
 }
 </script>