1219

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

       'getBookList',
       "getMineBook",
       "reserveBook",
+      "updateBookLeftNum",
     ]),
     appointmentBook (id) { // 预约图书
       this.reserveBookId = id
       this.reserveBook({
         bookid: this.reserveBookId,
       }).then(() => {
+        this.updateBookLeftNum(this.reserveBookId)
         this.getMineBook({
           page: 1,
           pagesize: 1000,

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

       'getBookList',
       'getMineBook',
       'reserveBook',
+      "updateBookLeftNum",
     ]),
     search () { // 搜索
       if (this.searchKey !== '') {
       this.reserveBook({
         bookid: this.reserveBookId,
       }).then(() => {
+        this.updateBookLeftNum(this.reserveBookId)
         this.getMineBook({
           page: 1,
           pagesize: 1000,

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

             <img :src="item.BookTypeImg" alt>
             <span>{{item.BookTypeName}}</span>
           </a>
-          <a v-if="(navList || []).length >8 " @click="moreNav()">
+          <a v-if="(navList || []).length > 8 " @click="moreNav()">
             <img src="https://spaceofcheng.oss-cn-beijing.aliyuncs.com/test-icon8.png" alt>
             <span>更多</span>
           </a>
           <h1>精选推荐</h1>
           <ul>
             <li v-for="(item, index) in books.list" :key="index">
-              <libraryListItem :data="item" @appointmentBook="appointmentBook"></libraryListItem>
+              <libraryListItem :data="item" :status="mineBookStatus(item)" @appointmentBook="appointmentBook"></libraryListItem>
             </li>
           </ul>
         </div>
       'getRecommendBook',
       'getMineBook',
       'reserveBook',
+      'updateRecommendBookLeftNum',
     ]),
     selectCaseId () { // 选择案场
       if (this.currentCaseId !== this.caseId) {
       this.onInfinite()
     },
     onInfinite () {
+      this.getMineBook({
+        page: 1,
+        pagesize: 1000,
+      })
       this.page++
       let more = this.$el.querySelector('.load-more')
       this.getRecommendBook({
           this.scrollData.noFlag = true
         }
       })
-      this.getMineBook({
-        page: 1,
-        pagesize: 1000,
-      })
     },
     appointmentBook (id) { // 预约图书
       this.reserveBookId = id
       this.reserveBook({
         bookid: this.reserveBookId,
       }).then(() => {
+        this.updateRecommendBookLeftNum(this.reserveBookId)
         this.getMineBook({
           page: 1,
           pagesize: 1000,

src/store/book/index.js

     updateMineBook (state, payload) {
       state.minebooks = payload
     },
+    updateRecommendBookLeftNum(state, bookid) {
+      state.recommends = {...state.recommends, list: state.recommends.list.map(x => {
+        if(x.BookId == bookid){
+          x.LeftNum = x.LeftNum - 1
+          return x
+        }
+        return x
+      })}
+    },
+    updateBookLeftNum(state, bookid) {
+      state.books = {...state.books, list: state.books.list.map(x => {
+        if(x.BookId == bookid){
+          x.LeftNum = x.LeftNum - 1
+          return x
+        }
+        return x
+      })}
+    },
   },
   actions: {
     getBookType ({ commit }, payload) {
           reject(err)
         })
       }) 
-    }
+    },
+    updateBookLeftNum({ commit }, bookid) {
+      commit('updateBookLeftNum', bookid)
+    },
+    updateRecommendBookLeftNum({ commit }, bookid) {
+      commit('updateRecommendBookLeftNum', bookid)
+    },
   }
 }