From 466f72cecc8ad08381275cefad96b8bf4615fcba Mon Sep 17 00:00:00 2001
From: xuhuajiao <13476289682@163.com>
Date: Fri, 12 Jul 2024 17:29:49 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E6=9B=B4=E6=96=B0=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env.development                      |   3 +-
 src/api/library.js                    |  20 ++++
 src/components/echart/barEcharts.vue  |  35 +++----
 src/components/echart/lineChart.vue   |  39 ++++----
 src/components/echart/todayCircle.vue |  19 ++--
 src/views/index.vue                   |  37 +++++--
 src/views/map/index.vue               |  89 ++++++++++-------
 src/views/pageFour/index.vue          |   9 ++
 src/views/pageOne/index.vue           | 139 ++++++++++++++------------
 src/views/pageThree/index.vue         | 126 +++++++++++++++--------
 10 files changed, 309 insertions(+), 207 deletions(-)

diff --git a/.env.development b/.env.development
index 30c4513..dc5141a 100644
--- a/.env.development
+++ b/.env.development
@@ -3,7 +3,8 @@ ENV = 'development'
 # 接口地址
 
 # 许镇-本地服地址
-VUE_APP_BASE_API  = 'http://192.168.99.67:8080'
+# VUE_APP_BASE_API  = 'http://192.168.99.67:8080'
+VUE_APP_BASE_API  = 'http://27.19.209.92:13244'
 VUE_APP_LIB_API = 'http://118.253.150.248:8099'
 
 # 是否启用 babel-plugin-dynamic-import-node插件
diff --git a/src/api/library.js b/src/api/library.js
index 4bebe9c..c3cdc47 100644
--- a/src/api/library.js
+++ b/src/api/library.js
@@ -64,6 +64,15 @@ export function FetchNewBook(params) {
   })
 }
 
+// 通过isbn获取图书详细信息
+export function FetchMarcByISBN(params) {
+  return request({
+    url: '/qyzt/marcByISBN' + '?' + qs.stringify(params, { indices: false }),
+    method: 'get',
+    urlType: 'local'
+  })
+}
+
 // page2 获取分馆显示内容
 export function FetchLibcodeDetails(params) {
   return request({
@@ -73,6 +82,15 @@ export function FetchLibcodeDetails(params) {
   })
 }
 
+// 获取分馆图片资料
+export function FetchLibcodeResouceDetails(params) {
+  return request({
+    url: '/qyzt/getLibcodeResouceDetails' + '?' + qs.stringify(params, { indices: false }),
+    method: 'get',
+    urlType: 'local'
+  })
+}
+
 // page2 读者借阅排行榜
 export function FetchReadRanking(params) {
   return request({
@@ -135,8 +153,10 @@ export default {
   FetchInitSetting,
   FetchHotSearch,
   FetchNewBook,
+  FetchMarcByISBN,
   FetchReadRanking,
   FetchLibcodeDetails,
+  FetchLibcodeResouceDetails,
   FetchNoticeList,
   FetchSync36,
   FetchTotalResource,
diff --git a/src/components/echart/barEcharts.vue b/src/components/echart/barEcharts.vue
index 2c1f4a4..cf6d714 100644
--- a/src/components/echart/barEcharts.vue
+++ b/src/components/echart/barEcharts.vue
@@ -152,29 +152,17 @@ export default {
           name: {}
         }
       }
-      // // 获取当前日期
-      // var today = new Date()
-      // // 获取当前周的第一天（如果周一为开始）
-      // var startDayOfWeek = new Date(today.getFullYear(), today.getMonth(), today.getDate() - today.getDay() + 1)
-      // // 创建一个日期数组，包含当天和接下来六天的日期
-      // var xAxisData = []
-      // for (var i = 0; i < 7; i++) {
-      //   xAxisData.push(new Date(startDayOfWeek.getFullYear(), startDayOfWeek.getMonth(), startDayOfWeek.getDate() + i).toLocaleDateString())
-      // }
 
-      // 计算日期数组的函数
-      function getLastWeekDates() {
-        var dates = []
-        var today = new Date()
-        for (var i = 0; i < 7; i++) {
-          var day = new Date(today - i * 24 * 60 * 60 * 1000)
-          var dayOfWeek = day.getDay()
-          if (dayOfWeek === 0) {
-            day.setTime(day.getTime() - 5 * 24 * 60 * 60 * 1000)
-          }
-          dates.unshift(day.toLocaleDateString())
-        }
-        return dates
+      // 获取当前日期
+      var today = new Date()
+      // 计算一周前的日期
+      var oneWeekAgo = new Date(today.getTime() - (7 * 24 * 60 * 60 * 1000))
+
+      // 创建X轴的数据（使用过去一周的日期）
+      var xAxisData = []
+      for (var i = 0; i < 7; i++) {
+        var day = new Date(oneWeekAgo.getTime() + (i * 24 * 60 * 60 * 1000))
+        xAxisData.push(echarts.format.formatTime('yyyy-MM-dd', day))
       }
 
       option = {
@@ -223,7 +211,7 @@ export default {
         xAxis: [{
           type: 'category',
           axisTick: { show: false },
-          data: getLastWeekDates(),
+          data: this.chartWeeklyData.date,
           axisLine: { // 轴线的颜色以及宽度
             lineStyle: {
               color: '#113D72'
@@ -231,6 +219,7 @@ export default {
           },
           axisLabel: { // x轴文字的配置
             show: true,
+            interval: 0,
             textStyle: {
               color: '#79B8FF',
               fontSize: 16,
diff --git a/src/components/echart/lineChart.vue b/src/components/echart/lineChart.vue
index 5e83618..d8246cf 100644
--- a/src/components/echart/lineChart.vue
+++ b/src/components/echart/lineChart.vue
@@ -1,5 +1,5 @@
 <template>
-  <div id="main2" :style="{height:height,width:width}" />
+  <div id="main2" ref="chartContainer" :style="{height:height,width:width}" />
 </template>
 
 <script>
@@ -69,7 +69,8 @@ export default {
       }, 8000)
     },
     initChart() {
-      const dom = document.getElementById('main2')
+      // const dom = document.getElementById('main2')
+      const dom = this.$refs.chartContainer
       this.chart = echarts.init(dom, 'dark')
       this.setOptions(this.chartDayData)
     },
@@ -199,59 +200,59 @@ export default {
         ],
         series: [
           {
-            name: '归还',
+            name: '借出',
             type: 'line',
             stack: 'Total',
+            itemStyle: {
+              color: '#41A3FF'
+            },
             lineStyle: {
               width: 3,
-              color: '#FFD14F'
+              color: '#41A3FF'
             },
             showSymbol: false,
-            itemStyle: {
-              color: '#FFD14F'
-            },
             areaStyle: {
               opacity: 0.6,
               color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-
                 {
                   offset: 0,
-                  color: 'rgba(24, 176, 143, 0)'
+                  color: 'rgba(254, 128, 66, 0)'
                 },
                 {
                   offset: 1,
-                  color: '#FFD14F'
+                  color: '#41A3FF'
                 }
               ])
             },
-            data: returnData
+            data: borrowedData
           },
           {
-            name: '借出',
+            name: '归还',
             type: 'line',
             stack: 'Total',
-            itemStyle: {
-              color: '#41A3FF'
-            },
             lineStyle: {
               width: 3,
-              color: '#41A3FF'
+              color: '#FFD14F'
             },
             showSymbol: false,
+            itemStyle: {
+              color: '#FFD14F'
+            },
             areaStyle: {
               opacity: 0.6,
               color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+
                 {
                   offset: 0,
-                  color: 'rgba(254, 128, 66, 0)'
+                  color: 'rgba(24, 176, 143, 0)'
                 },
                 {
                   offset: 1,
-                  color: '#41A3FF'
+                  color: '#FFD14F'
                 }
               ])
             },
-            data: borrowedData
+            data: returnData
           }
         ]
       })
diff --git a/src/components/echart/todayCircle.vue b/src/components/echart/todayCircle.vue
index 74ac736..b94aac6 100644
--- a/src/components/echart/todayCircle.vue
+++ b/src/components/echart/todayCircle.vue
@@ -86,8 +86,12 @@ export default {
             const count = arrCount(optionData)
             if (optionData) {
               const flag = optionData?.find(item => name === item.name)
-              if (flag) return [`{name|${name}}`, `{num|${((flag.value / count * 100).toFixed(0)) + '%'}}`]
-            } else return name
+              if (flag) {
+                const percentage = count > 0 ? ((flag.value / count) * 100).toFixed(0) + '%' : '0%'
+                return [`{name|${name}}`, `{num|${percentage}}`]
+              }
+            }
+            return name
           },
           textStyle: {
             rich: {
@@ -106,17 +110,6 @@ export default {
               }
             }
           }
-          // formatter: function(name) {
-          //   let tarValue
-          //   const count = arrCount(optionData)
-          //   for (let i = 0; i < optionData.length; i++) {
-          //     if (data[i].name === name) {
-          //       tarValue = data[i].value
-          //     }
-          //   }
-
-          //   return [`{name|${name}}`, `{num|${((tarValue / count).toFixed(2)) * 100 + '%'}}`].join('\n')
-          // }
         },
         // 中心图片配置(关键代码)
         graphic: [
diff --git a/src/views/index.vue b/src/views/index.vue
index 6d04755..bee71ee 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -13,7 +13,15 @@
     <PageTwo v-if="currentIndex === 1" />
     <PageThree v-if="currentIndex=== 2" />
     <PageFour v-if="currentIndex === 3" /> -->
-    <component :is="currentPage && currentPage.title" />
+
+    <!-- <keep-alive exclude="PageFour">
+      <component :is="shouldCacheComponent" />
+    </keep-alive>
+    <component :is="currentPageComponent" /> -->
+    <keep-alive>
+      <component :is="currentPage && currentPage.title" />
+    </keep-alive>
+
     <!-- bottom -->
     <div class="bottom-bg">
       <div class="bottom-content">
@@ -76,15 +84,28 @@ export default {
   },
   computed: {
     shouldCacheComponent() {
-      return this.currentPage && this.currentPage.title === 'PageOne'
+      if (this.currentPage) {
+        switch (this.currentPage.title) {
+          case 'PageOne':
+            return 'PageOne'
+          case 'PageFour':
+            return 'PageFour'
+          default:
+            return null
+        }
+      }
+      return null
     },
     currentPageComponent() {
-      if (this.currentPage && this.currentPage.title === 'PageTwo') {
-        return 'PageTwo'
-      } else if (this.currentPage && this.currentPage.title === 'PageThree') {
-        return 'PageThree'
-      } else if (this.currentPage && this.currentPage.title === 'PageFour') {
-        return 'PageFour'
+      if (this.currentPage) {
+        switch (this.currentPage.title) {
+          case 'PageTwo':
+            return 'PageTwo'
+          case 'PageThree':
+            return 'PageThree'
+          default:
+            return null
+        }
       }
       return null
     }
diff --git a/src/views/map/index.vue b/src/views/map/index.vue
index c83b8e4..6c3bce8 100644
--- a/src/views/map/index.vue
+++ b/src/views/map/index.vue
@@ -5,15 +5,17 @@
       <div class="lib-info">
         <div class="database-title">{{ libCurrent && libCurrent.name }}</div>
         <div class="lib-content">
-          <swiper v-if="swiperOption" :key="swiperKey" ref="mySwiper" class="swiperLib" :options="swiperOption">
-            <swiper-slide v-for="(item,index) in displayedImages" :key="index">
-              <div class="book-img" style="width: 100%; height: 3rem;">
-                <img :src="item.cover" :onerror="defaultImg" style="width: 100%;">
-              </div>
-            </swiper-slide>
-            <!-- 标页码 -->
-            <div slot="pagination" class="swiper-pagination" />
-          </swiper>
+          <div style="width: 5.175rem; height: 3rem; overflow: hidden;">
+            <swiper v-if="swiperOption" :key="swiperKey" ref="mySwiper" class="swiperLib" :options="swiperOption">
+              <swiper-slide v-for="(item,index) in displayedImages" :key="index">
+                <div class="book-img" style="width: 100%; height: 3rem;">
+                  <img :src="item.cover" :onerror="defaultImg" style="width: 100%;">
+                </div>
+              </swiper-slide>
+              <!-- 标页码 -->
+              <div slot="pagination" class="swiper-pagination" />
+            </swiper>
+          </div>
           <ul class="lib-cont-item lib-cont01">
             <li>
               <img src="@/assets/images/map_18.png" alt="">
@@ -39,7 +41,7 @@
               </p>
             </li>
           </ul>
-          <div class="scroll-container">
+          <div ref="scrollInfo" class="scroll-container">
             <div ref="marquee" class="lib-text" :style="{ top: position + 'px' }">{{ libCurrent && libCurrent.explain }}</div>
           </div>
         </div>
@@ -84,7 +86,7 @@
 </template>
 
 <script>
-import { FetchLibBookTotal, FetchUsertotal, FetchLibcodeDetails, FetchReadRanking, FetchLendingTotal } from '@/api/library'
+import { FetchLibBookTotal, FetchUsertotal, FetchLibcodeDetails, FetchLibcodeResouceDetails, FetchReadRanking, FetchLendingTotal } from '@/api/library'
 import mapJson from '@/assets/json/qy.json'
 import libJson from '@/assets/json/lib.json'
 import { debounce } from 'lodash' // js工具类,按需加载
@@ -146,6 +148,9 @@ export default {
     this.getReadRanking()
     this.getLendingTotal()
   },
+  activated() {
+    this.getLibBookTotal()
+  },
   mounted() {
   },
   methods: {
@@ -153,13 +158,16 @@ export default {
       this.timer = setInterval(() => {
         this.position -= this.speed
         // 当文字完全滚出容器时，重置位置
-        const containerHeight = document.getElementsByClassName('scroll-container')[0].offsetHeight
-        const contentHeight = this.$refs.marquee.offsetHeight
-        if (contentHeight <= containerHeight) {
-          this.position = 20
-        } else if (Math.abs(this.position) >= contentHeight) {
-          this.position = containerHeight
-        }
+        // const containerHeight = document.getElementsByClassName('scroll-container')[0].offsetHeight
+        this.$nextTick(() => {
+          const containerHeight = this.$refs.scrollInfo.offsetHeight
+          const contentHeight = this.$refs.marquee.offsetHeight
+          if (contentHeight <= containerHeight) {
+            this.position = 20
+          } else if (Math.abs(this.position) >= contentHeight) {
+            this.position = containerHeight
+          }
+        })
       }, 40)
     },
     getReadRanking() {
@@ -340,7 +348,7 @@ export default {
           }).sort((a, b) => a.sort - b.sort)
 
           this.libInfoData = updatedLibraries
-          // console.log('this.libInfoData', this.libInfoData)
+          console.log('this.libInfoData', this.libInfoData)
           if (localStorage.getItem('countItem')) {
             this.count = parseInt(localStorage.getItem('countItem'))
           } else {
@@ -826,26 +834,35 @@ export default {
       this.myChart.resize()
     },
     updatePageWithData() {
+      this.displayedImages = []
       const linkSrc = process.env.VUE_APP_BASE_API
-      this.displayedImages = this.libCurrent.resouce.map((item, index) => {
-        if (item.filePath) {
-          item.cover = linkSrc + '/downloadFile' + item.filePath
-        } else {
-          item.cover = ''
+      const params = {
+        'branchId': this.libCurrent.id
+      }
+      FetchLibcodeResouceDetails(params).then(res => {
+        const result = JSON.parse(res.data)
+        this.displayedImages = result.map((item, index) => {
+          if (item.filePath) {
+            item.cover = linkSrc + '/downloadFile' + item.filePath
+          } else {
+            item.cover = ''
+          }
+          return item
+        })
+        this.currentIndex = 0
+        this.swiperKey += 1
+        if (this.displayedImages.length === 1) {
+          setTimeout(() => {
+            this.count++
+            this.libIndex = this.count % this.len
+            this.libCurrent = this.libInfoData[this.libIndex]
+            this.updatePageWithData()
+            this.autohover()
+          }, 5000)
         }
-        return item
+      }).catch(error => {
+        console.error('Error', error)
       })
-      this.currentIndex = 0
-      this.swiperKey += 1
-      if (this.displayedImages.length === 1) {
-        setTimeout(() => {
-          this.count++
-          this.libIndex = this.count % this.len
-          this.libCurrent = this.libInfoData[this.libIndex]
-          this.updatePageWithData()
-          this.autohover()
-        }, 5000)
-      }
     },
     initSwiper() {
       const _self = this
diff --git a/src/views/pageFour/index.vue b/src/views/pageFour/index.vue
index 3b32efe..3b3d4ff 100644
--- a/src/views/pageFour/index.vue
+++ b/src/views/pageFour/index.vue
@@ -146,6 +146,9 @@ export default {
     this.getNotice()
     this.getBookRanking()
   },
+  activated() {
+    this.load()
+  },
   mounted() {
     // 二维码部分
     if (localStorage.getItem('wecharQrCodeSrc')) {
@@ -162,6 +165,12 @@ export default {
     }
   },
   methods: {
+    load() {
+      const video = this.$refs.videos
+      if (video) {
+        video.load()
+      }
+    },
     getInitData() {
       // wecharQrCode 二维码 用/downloadFile/+wecharQrCode
       const linkSrc = process.env.VUE_APP_BASE_API
diff --git a/src/views/pageOne/index.vue b/src/views/pageOne/index.vue
index d19ec1f..4f74dfe 100644
--- a/src/views/pageOne/index.vue
+++ b/src/views/pageOne/index.vue
@@ -101,7 +101,7 @@
       <div class="database-right">
         <h3 class="database-title">热门搜索</h3>
         <div class="tagcloud-main">
-          <div id="tagscloud" ref="tagcloudall" class="tagscloud">
+          <div v-if="tagList.length !== 0" id="tagscloud" ref="tagcloudall" class="tagscloud">
             <!-- <a v-for="(item,index) in hotTagData" :key="index" :class="'tagc' + ((index % 4) + 1)">
               {{ item }}
             </a> -->
@@ -160,7 +160,7 @@
 </template>
 
 <script>
-import { FetchInitSetting, FetchUsertotal, FetchLibBookTotal, FetchHotSearch, FetchFansCount, FetchLendingTotal, FetchNewBook } from '@/api/library'
+import { FetchInitSetting, FetchUsertotal, FetchLibBookTotal, FetchHotSearch, FetchFansCount, FetchLendingTotal, FetchNewBook, FetchMarcByISBN } from '@/api/library'
 export default {
   name: 'PageOne',
   data() {
@@ -250,8 +250,18 @@ export default {
   beforeDestroy() {
     clearInterval(this.intervalLeft)
     this.intervalLeft = null
+  },
+  activated() {
+    this.pageOneVisitBase = 0
+    this.getInitData()
+  },
+  deactivated() {
+
   },
   mounted() {
+    if (localStorage.getItem('wecharQrCodeSrc')) {
+      this.wecharQrCodeSrc = localStorage.getItem('wecharQrCodeSrc')
+    }
   },
   methods: {
     getInitData() {
@@ -272,18 +282,6 @@ export default {
     initLeftPreview(result) {
       this.progressData = []
       this.leftData = []
-      // 本年到馆/12个月=月基数
-      // 月基数/当月天数（28、29、30、31）= 日基数
-      // 昨日到馆=日基数+日随机数（-20到50之间）
-      // 上月到馆=月基数+月随机数（-100到200之间）
-      // 图书馆营业时间（8:00-18:00共10小时）
-      // 8:00-9:00 算第1个小时、9:00-10:00算第2个小时、以此类推
-      // 日基数/10小时=小时基数
-      // 今日到馆=小时基数 * 第N小时+小时随机数（-5到10之间）
-      // 本月到馆=月基数 * （当前月的日期dd/当前月的天数）+ 月随机数（-100到200之间）
-      // 本年累计=月基数*月份+月随机数（-100到200之间）
-
-      // 昨日到馆、上月到馆存一个缓存！当前第一次计算好之后就不变了！
 
       // visitBase 本年累计人次
       // visitBaseCheck 是否直接显示  0false 1true
@@ -304,19 +302,29 @@ export default {
 
       const baseTotal = this.pageOneVisitBase // 本年到馆人数
       console.log('假设本年到馆人数', baseTotal)
-
+      // 本年到馆/12个月 = 月基数
       const monthBase = Math.floor(baseTotal / 12) // 月基数
       console.log('月基数', monthBase)
+      // 月随机数（-100到200之间）
+      const randomMonth = Math.floor(Math.random() * (200 - (-100) + 1)) + (-100)
 
       const now = new Date()
       const year = now.getFullYear() // 当前年份
       const month = now.getMonth() + 1 // 当前月份
       const daysInMonth = new Date(year, month, 0).getDate() // 当月天数
       console.log('当月天数', daysInMonth)
-
-      const dayBase = Math.floor(baseTotal / daysInMonth) // 日基数
+      // 月基数/当月天数（28、29、30、31）= 日基数
+      const dayBase = Math.floor(monthBase / daysInMonth) // 日基数
       console.log('日基数', dayBase)
-
+      // 本年累计=月基数*月份+月随机数（-100到200之间）
+      let nowYearCount
+      if (result.visitBaseCheck === '1') {
+        nowYearCount = result.visitBase
+      } else {
+        nowYearCount = Math.floor(monthBase * month + randomMonth) // 本年累计
+      }
+      console.log('本年累计', nowYearCount)
+      // 昨日到馆=日基数+日随机数（-20到50之间）
       let yesterdayCount = 0
       if (result.yesterdayVisitBaseCheck === '1') {
         yesterdayCount = result.yesterdayVisitBase
@@ -325,8 +333,7 @@ export default {
         yesterdayCount = localStorage.getItem('yesterdayCountCache') ? localStorage.getItem('yesterdayCountCache') : dayBase + randomDay // 昨日到馆
       }
       console.log('昨日到馆', yesterdayCount)
-
-      const randomMonth = Math.floor(Math.random() * (200 - (-100) + 1)) + (-100) // 月随机数（-100到200之间）
+      // 上月到馆=月基数+月随机数（-100到200之间）
       let lastMonthCount = 0
       if (result.lastMonthVisitBaseCheck === '1') {
         lastMonthCount = result.lastMonthVisitBase
@@ -335,18 +342,23 @@ export default {
       }
       console.log('上月到馆', lastMonthCount)
 
+      // 日基数/10小时=小时基数
       const hourBase = Math.floor(dayBase / 10) // 小时基数
       console.log('小时基数', hourBase)
-
+      // 图书馆营业时间（8:00-18:00共10小时）
+      // 8:00-9:00 算第1个小时、9:00-10:00算第2个小时、以此类推
       const openTime = 8 // 开门时间
       const closeTime = 18 // 结束时间
       const currentHour = now.getHours() // 当前时间点
+
+      // 今日到馆=小时基数 * 第N小时+小时随机数（-5到10之间）
       let todayCount = 0
       if (result.todayVisitBaseCheck === '1') {
         todayCount = result.todayVisitBase
       } else {
         if (currentHour < openTime || currentHour >= closeTime) {
           console.log('当前时间不在图书馆营业时间内')
+          todayCount = 0
         } else {
           const N = currentHour - openTime
           console.log('第N个小时', N)
@@ -355,7 +367,7 @@ export default {
         }
       }
       console.log('今日到馆', todayCount)
-
+      // 本月到馆=月基数 * （当前月的日期dd/当前月的天数）+ 月随机数（-100到200之间）
       let nowMonthCount = 0
       if (result.thisMonthVisitBaseCheck === '1') {
         nowMonthCount = result.thisMonthVisitBase
@@ -364,9 +376,6 @@ export default {
       }
       console.log('本月到馆', nowMonthCount)
 
-      const nowYearCount = Math.floor(monthBase * month + randomMonth) // 本年累计
-      console.log('本年累计', nowYearCount)
-
       this.progressData.push(
         {
           name: '今日到馆',
@@ -405,6 +414,7 @@ export default {
 
       this.$parent.timedRefresh(this.leftData, 'left')
 
+      // 昨日到馆、上月到馆存一个缓存！当前第一次计算好之后就不变了！
       localStorage.setItem('yesterdayCountCache', yesterdayCount)
       localStorage.setItem('lastMonthCountCache', lastMonthCount)
     },
@@ -543,40 +553,37 @@ export default {
       FetchNewBook(params).then(res => {
         // 图片地址格式  http://192.168.99.67:8080/downloadFile/qytsg/ae281b90-b100-4541-9379-3e104854652c.png
         const linkSrc = process.env.VUE_APP_BASE_API
-
-        // res.data.push({
-        //   'nbName': '222',
-        //   'nbRecno': '',
-        //   'isbn': '9787545559804',
-        //   'nbImgPath': '',
-        //   'nbExplain': '',
-        //   'nbAuthor': '',
-        //   'updateTime': '2024-07-05T05:22:33.307+0000',
-        //   'updater': 'f8ccafbb791cb89e017968aae4470000',
-        //   'rownum': 1,
-        //   'nbBooktype': '',
-        //   'nbPublisher': '',
-        //   'libcode': 'FTZN',
-        //   'sortmark': '',
-        //   'createTime': '2024-07-05T05:22:33.307+0000',
-        //   'creater': 'f8ccafbb791cb89e017968aae4470000',
-        //   'nbId': '4028e3c39080e175019081581b1c008f',
-        //   'nbPublisherdate': ''
-        // })
-
-        this.newList = res.data.filter((item) => {
+        this.newList = res.data.map(item => {
           if (item.nbImgPath) {
             item.nbImgPath = linkSrc + '/downloadFile' + item.nbImgPath
-            return true
+            return Promise.resolve(item)
           } else {
-            // '没有nbImgPath/srcurl/base64，去掉这项数据
-            return false
+            const params = {
+              'sIsbn': item.isbn
+            }
+            return FetchMarcByISBN(params).then(response => {
+              const result = JSON.parse(response.data)[0]
+              if (result.srcurl) {
+                item.nbImgPath = result.srcurl
+                return item
+              } else if (result.img) {
+                item.nbImgPath = 'data:image/png;base64,' + result.img
+                return item
+              } else {
+                return null // 或者根据需求返回其他值或处理
+              }
+            })
           }
         })
 
-        const halfLength = Math.ceil(this.newList.length / 2)
-        this.listData1 = this.newList.slice(0, halfLength)
-        this.listData2 = this.newList.slice(halfLength)
+        Promise.all(this.newList).then(results => {
+          // 过滤掉返回的空项（根据实际需求）
+          this.newList = results.filter(item => item !== null)
+          // 一分为二得两行
+          const halfLength = Math.ceil(this.newList.length / 2)
+          this.listData1 = this.newList.slice(0, halfLength)
+          this.listData2 = this.newList.slice(halfLength)
+        })
       })
     },
     getType1Value() {
@@ -784,29 +791,31 @@ export default {
   text-wrap: nowrap;
 }
 #tagscloud a.tagc1{
-  border: 1px solid #30ADA6;
-  background-color: #106B66;
-  color: #51EAE2;
+  // border: 1px solid #30ADA6;
+  // background-color: #106B66;
+  // color: #51EAE2;
+  color: #F4C263;
 }
 
 #tagscloud a.tagc2{
-  font-size: 16px;
-  border: 1px solid #3A64BE;
-  background: rgba(16,45,107,0.7);
+  font-size: 22px;
+  // border: 1px solid #3A64BE;
+  // background: rgba(16,45,107,0.7);
   color: #7EA7FF;
 }
 
 #tagscloud a.tagc3{
-  font-size: 22px;
-  border: 1px solid #9439B6;
-  background: rgba(74,18,95,0.8);
-  color: #CD63F4;
+  font-size: 18px;
+  // border: 1px solid #9439B6;
+  // background: rgba(74,18,95,0.8);
+  // color: #CD63F4;
+  color: #7EA7FF;
 }
 
 #tagscloud a.tagc4{
   font-size: 26px;
-  border: 1px solid #C2943C;
-  background: rgba(107,76,16,0.7);
+  // border: 1px solid #C2943C;
+  // background: rgba(107,76,16,0.7);
   color: #F4C263;
 }
 
diff --git a/src/views/pageThree/index.vue b/src/views/pageThree/index.vue
index 990d662..ff6a2eb 100644
--- a/src/views/pageThree/index.vue
+++ b/src/views/pageThree/index.vue
@@ -1,3 +1,4 @@
+<!-- eslint-disable no-prototype-builtins -->
 <template>
   <div class="page-wrapper ">
     <div class="page-three">
@@ -132,6 +133,7 @@ export default {
         borrowedData: []
       },
       chartWeeklyData: {
+        date: [],
         inchartWeeklyData: [],
         outchartWeeklyData: []
       },
@@ -253,7 +255,23 @@ export default {
       })
     },
     rankingDataComputed(rankingData, numType) {
-      const firstPlaceNum = rankingData[0][numType]
+      if (!rankingData || rankingData.length === 0) {
+        console.log('没有数据')
+        return []
+      }
+
+      // eslint-disable-next-line no-prototype-builtins
+      if (typeof rankingData[0] !== 'object' || !rankingData[0].hasOwnProperty(numType)) {
+        return []
+      }
+
+      const firstPlaceNum = rankingData[0][numType] // NAN
+
+      if (firstPlaceNum === 0) {
+        // 处理除数为0的情况
+        console.log('firstPlaceNum为0，不可用于被除')
+        return []
+      }
       return rankingData.map(item => {
         const percentage = (item[numType] / firstPlaceNum) * 100
         return { ...item, percentage }
@@ -264,13 +282,27 @@ export default {
       FetchTodayJH().then(res => {
         const result = res.data
         if (result.length !== 0) {
-          this.chartDayData.timeData = result.map(item => {
-            const hour = item.logHour.toString().padStart(2, '0')
-            return `${hour}:00`
+          this.chartDayData = {
+            timeData: [],
+            returnData: [],
+            borrowedData: []
+          }
+          const time = ['07:00', '08:00', '09:00', '10:00', '11:00', '12:00', '13:00', '14:00', '15:00', '16:00', '17:00', '18:00']
+          time.forEach((hour, index) => {
+            // 查找 result 中是否有对应的 logHour
+            const foundItem = result.find(item => item.logHour === index + 7) // 因为 logHour 是从 7 开始，所以需要加上 7
+            if (foundItem) {
+              // 如果找到了对应的 logHour，则将数据加入 chartDayData
+              this.chartDayData.timeData.push(`${foundItem.logHour}:00`)
+              this.chartDayData.returnData.push(foundItem.hccDay)
+              this.chartDayData.borrowedData.push(foundItem.jccDay)
+            } else {
+              // 如果没找到对应的 logHour，则将默认值加入 chartDayData
+              this.chartDayData.timeData.push(`${hour}`)
+              this.chartDayData.returnData.push(0) // 默认值为 0
+              this.chartDayData.borrowedData.push(0) // 默认值为 0
+            }
           })
-          this.chartDayData.returnData = result.map(item => item.jccDay)
-          this.chartDayData.borrowedData = result.map(item => item.hccDay)
-          // console.log('this.chartDayData ', this.chartDayData)
         } else {
           this.chartDayData = {
             timeData: [],
@@ -284,15 +316,56 @@ export default {
     },
     getWeekJH() {
       FetchWeekJH().then(res => {
-        // console.log(res)
         const result = res.data
         if (result.length !== 0) {
+          // 获取当天日期
+          const currentDate = new Date()
+          const today = currentDate.toISOString().slice(0, 10)
+          // 根据数据排除当天的数据
+          const filteredData = result.filter(entry => {
+            const entryDate = new Date(entry.createTime).toISOString().slice(0, 10)
+            return entryDate !== today
+          })
+          // 获取过去一周的
+          const pastWeekDates = []
+          for (let i = 1; i <= 7; i++) {
+            const date = new Date()
+            date.setDate(currentDate.getDate() - i)
+            pastWeekDates.push(date.toISOString().slice(0, 10))
+          }
+
+          const matchData = filteredData.reduce((accData, item) => {
+            // 根据已有的数据获取相关日期
+            const entryDate = new Date(item.createTime).toISOString().slice(0, 10)
+            if (accData[entryDate]) {
+              accData[entryDate].jccDayTotal += item.jccDayTotal
+              accData[entryDate].hccDayTotal += item.hccDayTotal
+            } else {
+              accData[entryDate] = {
+                jccDayTotal: item.jccDayTotal,
+                hccDayTotal: item.hccDayTotal
+              }
+            }
+            return accData
+          }, {})
+
+          const completeData = pastWeekDates.map(date => ({
+            date: date.split('-').join('/'),
+            jccDayTotal: matchData[date] ? matchData[date].jccDayTotal : 0,
+            hccDayTotal: matchData[date] ? matchData[date].hccDayTotal : 0
+          }))
+
+          // 根据时间排序
+          completeData.sort((a, b) => new Date(a.date) - new Date(b.date))
+          // 日期X轴数据
+          this.chartWeeklyData.date = completeData.map(item => item.date)
           // in 归还
-          this.chartWeeklyData.inchartWeeklyData = this.barSevenDaysData(result).map(item => item.hccDayTotal)
-          // out 借出
-          this.chartWeeklyData.outchartWeeklyData = this.barSevenDaysData(result).map(item => item.jccDayTotal)
+          this.chartWeeklyData.inchartWeeklyData = completeData.map(item => item.hccDayTotal)
+          // // out 借出
+          this.chartWeeklyData.outchartWeeklyData = completeData.map(item => item.jccDayTotal)
         } else {
           this.chartWeeklyData = {
+            date: [],
             inchartWeeklyData: [],
             outchartWeeklyData: []
           }
@@ -300,37 +373,6 @@ export default {
       }).catch(error => {
         console.error('Error', error)
       })
-    },
-    // 由于2024-7-21只有近两天的数据
-    barSevenDaysData(data) {
-      const currentDate = new Date()
-      currentDate.setUTCHours(0, 0, 0, 0)
-
-      const dateRange = []
-      for (let i = 0; i < 7; i++) {
-        const date = new Date(currentDate)
-        date.setDate(date.getDate() - i)
-        dateRange.push(date.toISOString().slice(0, 10))
-      }
-      const datesInData = data.map(item => item.createTime.slice(0, 10))
-      for (const date of dateRange) {
-        if (!datesInData.includes(date)) {
-          data.push({
-            'jccDayTotal': 0,
-            'hccDayTotal': 0,
-            'createTime': date
-          })
-        }
-      }
-      data.sort((a, b) => {
-        if (a.createTime < b.createTime) return -1
-        if (a.createTime > b.createTime) return 1
-        return 0
-      })
-      if (data.length > 7) {
-        data = data.slice(data.length - 7)
-      }
-      return data
     }
   }
 }