From ab9758827366dd117f0b8a7e98314382683c3f62 Mon Sep 17 00:00:00 2001 From: xuhuajiao <13476289682@163.com> Date: Fri, 28 Jun 2024 16:49:31 +0800 Subject: [PATCH] page3 --- src/assets/images/circle-bg.png | Bin 0 -> 16181 bytes src/assets/styles/index.scss | 313 +++++++++++++-------- src/components/echart/barEcharts.vue | 32 ++- src/main.js | 2 + src/utils/mixins.js | 162 +++++++++++ src/views/index.vue | 15 +- src/views/map/index.vue | 27 +- src/views/pageOne/index.vue | 1 - src/views/pageThree/index.vue | 154 +++++++++- src/views/pageThree/module/todayCircle.vue | 206 ++++++++++++++ src/views/pageThree/module/yearCircle.vue | 206 ++++++++++++++ 11 files changed, 973 insertions(+), 145 deletions(-) create mode 100644 src/assets/images/circle-bg.png create mode 100644 src/utils/mixins.js create mode 100644 src/views/pageThree/module/todayCircle.vue create mode 100644 src/views/pageThree/module/yearCircle.vue diff --git a/src/assets/images/circle-bg.png b/src/assets/images/circle-bg.png new file mode 100644 index 0000000000000000000000000000000000000000..67657f71953df7151f262868dc0ab4b711006498 GIT binary patch literal 16181 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 NURnjxC}|r0{{aB5s-OS> literal 0 HcmV?d00001 diff --git a/src/assets/styles/index.scss b/src/assets/styles/index.scss index 9360860..203c476 100644 --- a/src/assets/styles/index.scss +++ b/src/assets/styles/index.scss @@ -266,55 +266,19 @@ background: url('~@/assets/images/database-icon2.png') no-repeat left top; background-size: 100% 100%; } -} - -.flop-figure { - position: relative; - display: inline-block; - width: .275rem; - height: 100%; - line-height: .175rem; - overflow: hidden; - writing-mode: vertical-lr; - text-orientation: upright; - i{ - position: absolute; - text-align: center; - transition: transform 0.6s ease-in-out; - color: #fff; - background: -webkit-linear-gradient(90deg, rgba(14,197,236,1) 10%,rgba(239,252,254,1) 100%); - background: linear-gradient(90deg, rgba(14,197,236,1) 10%,rgba(239,252,254,1) 100%); - -webkit-background-clip: text; - background-clip: text; - -webkit-text-fill-color: transparent; - text-shadow: 0 2px 8px rgba(5,28,55,0.42); - } -} - -.pageLeft-flop-box { - position: relative; - height: .325rem; - margin-top: .125rem; - overflow: hidden; - & div:first-child { - height: .325rem; - overflow: hidden; - display: flex; - align-items: center; - justify-content: flex-start; - } - .flop-figure { - width: .275rem; - i { - font-size: .275rem; - font-weight: bold; - } - } - .flop-comma { - margin-left: -0.025rem; - span { - left: 0; - font-size: .275rem; + .flop-figure { + position: relative; + display: inline-block; + width: .275rem; + height: 100%; + line-height: .175rem; + overflow: hidden; + writing-mode: vertical-lr; + text-orientation: upright; + i{ + position: absolute; + text-align: center; + transition: transform 0.6s ease-in-out; color: #fff; background: -webkit-linear-gradient(90deg, rgba(14,197,236,1) 10%,rgba(239,252,254,1) 100%); background: linear-gradient(90deg, rgba(14,197,236,1) 10%,rgba(239,252,254,1) 100%); @@ -322,19 +286,56 @@ background-clip: text; -webkit-text-fill-color: transparent; text-shadow: 0 2px 8px rgba(5,28,55,0.42); - } - } - & em{ - font-style: normal; - font-size: .175rem; - font-weight: bold; - color: #A8CBF6; - height: .375rem; + } + } + .pageLeft-flop-box { + position: relative; + height: .325rem; + margin-top: .125rem; + overflow: hidden; + & div:first-child { + height: .325rem; + overflow: hidden; + display: flex; + align-items: center; + justify-content: flex-start; + } + .flop-figure { + width: .275rem; + i { + font-size: .275rem; + font-weight: bold; + } + } + .flop-comma { + margin-left: -0.025rem; + span { + left: 0; + font-size: .275rem; + color: #fff; + background: -webkit-linear-gradient(90deg, rgba(14,197,236,1) 10%,rgba(239,252,254,1) 100%); + background: linear-gradient(90deg, rgba(14,197,236,1) 10%,rgba(239,252,254,1) 100%); + -webkit-background-clip: text; + background-clip: text; + -webkit-text-fill-color: transparent; + text-shadow: 0 2px 8px rgba(5,28,55,0.42); + } + } + & em{ + font-style: normal; + font-size: .175rem; + font-weight: bold; + color: #A8CBF6; + height: .375rem; + } + } + .flop-item-name{ + font-size: .1875rem; } } -.flop-item-name{ - font-size: .1875rem; -} + + + // 左边进度条 @@ -699,73 +700,74 @@ } } } - .lending-ranking{ - padding: 0 .2625rem 0 .425rem; - h5{ - font-size: .225rem; - color: #79B8FF; - margin-bottom: .25rem; - } - .ranking-cont{ - // height: calc(100vh - 6.875rem); - background: linear-gradient(-90deg, rgba(66,139,221,0.1), rgba(66,139,221,0)); - border: 1px solid rgba(83, 196, 255, .2); - padding-bottom: .375rem; + +} +.lending-ranking{ + padding: 0 .2625rem 0 .425rem; + h5{ + font-size: .225rem; + color: #79B8FF; + margin-bottom: .25rem; + } + .ranking-cont{ + // height: calc(100vh - 6.875rem); + background: linear-gradient(-90deg, rgba(66,139,221,0.1), rgba(66,139,221,0)); + border: 1px solid rgba(83, 196, 255, .2); + padding-bottom: .375rem; + } + .ranking-title{ + display: flex; + justify-content: space-around; + text-align: center; + align-items: center; + font-size: .15rem; + color: #79B8FF; + background: linear-gradient(90deg, rgba(66,139,221,0.2), rgba(66,139,221,0)); + li { + &:last-child{ + width: 1.375rem; + } } - .ranking-title{ + } + .ranking-list{ + li{ display: flex; justify-content: space-around; + font-size: .175rem; + color: #eef6ff; + line-height: .375rem; + padding-top: .125rem; text-align: center; - align-items: center; - font-size: .15rem; - color: #79B8FF; - background: linear-gradient(90deg, rgba(66,139,221,0.2), rgba(66,139,221,0)); - li { + div{ &:last-child{ - width: 1.375rem; + font-weight: bold; } - } - } - .ranking-list{ - li{ - display: flex; - justify-content: space-around; - font-size: .175rem; - color: #eef6ff; - line-height: .375rem; - padding-top: .125rem; - text-align: center; - div{ - &:last-child{ - font-weight: bold; - } - i{ - padding-left: .125rem; - font-style: normal; - font-weight: normal; - color: #b6d4f7; - } - } - .ranking-progress .el-progress{ - width: 1.725rem; - margin: 0 auto; - .el-progress-bar__outer { - background-color: #054076; - } + i{ + padding-left: .125rem; + font-style: normal; + font-weight: normal; + color: #b6d4f7; } - .ranking-num1{ - background: url('~@/assets/images/ranking01.png') no-repeat center center; - background-size: .225rem .3125rem; - } - .ranking-num2{ - background: url('~@/assets/images/ranking02.png') no-repeat center center; - background-size: .225rem .3125rem; - } - .ranking-num3{ - background: url('~@/assets/images/ranking03.png') no-repeat center center; - background-size: .225rem .3125rem; + } + .ranking-progress .el-progress{ + width: 1.725rem; + margin: 0 auto; + .el-progress-bar__outer { + background-color: #054076; } } + .ranking-num1{ + background: url('~@/assets/images/ranking01.png') no-repeat center center; + background-size: .225rem .3125rem; + } + .ranking-num2{ + background: url('~@/assets/images/ranking02.png') no-repeat center center; + background-size: .225rem .3125rem; + } + .ranking-num3{ + background: url('~@/assets/images/ranking03.png') no-repeat center center; + background-size: .225rem .3125rem; + } } } } @@ -833,4 +835,79 @@ .database-title{ width: 6.0375rem; } + .three-lending{ + display: flex; + justify-content: space-between; + padding: .1875rem .3125rem 0 .4125rem; + h5{ + font-size: .2rem; + color: #47A6FF; + } + .three-lending-left{ + .totalItem{ + .pageLeft-flop-box{ + position: relative; + height: .9125rem; + margin: .2875rem 0 .4rem 0; + overflow: hidden; + & div:first-child { + height: .9125rem; + overflow: hidden; + display: flex; + align-items: center; + justify-content: flex-start; + } + .flop-figure { + position: relative; + display: inline-block; + width: .675rem; + height: 100%; + line-height: .625rem; + padding: .125rem 0; + overflow: hidden; + writing-mode: vertical-lr; + text-orientation: upright; + background: rgba(13,145,214,0.25); + margin-right: .1625rem; + border: 2px solid #0D79FF; + border-radius: .05rem; + i { + font-size: .6rem; + font-weight: 600; + position: absolute; + text-align: center; + transition: transform 0.6s ease-in-out; + color: #BFE0FF; + } + } + } + } + } + + .three-lending-right{ + width: 5.25rem; + h5{ + position: relative; + padding-left: .2rem; + &::before{ + content: ""; + position: absolute; + left: 0; + top: 50%; + width: .0625rem; + height: .2rem; + background-color: #47A6FF; + transform: translateY(-50%); + } + } + .ranking-cont{ + padding-bottom: .125rem; + .ranking-list{ + .ranking-progress .el-progress{ + width: 1.25rem; + } + } + } + } + } } \ No newline at end of file diff --git a/src/components/echart/barEcharts.vue b/src/components/echart/barEcharts.vue index 512fb24..02708db 100644 --- a/src/components/echart/barEcharts.vue +++ b/src/components/echart/barEcharts.vue @@ -137,6 +137,31 @@ 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 + } + option = { tooltip: { trigger: 'axis', @@ -180,7 +205,7 @@ export default { xAxis: [{ type: 'category', axisTick: { show: false }, - data: this.storageData.storageMonths, + data: getLastWeekDates(), axisLine: { // 轴线的颜色以及宽度 lineStyle: { color: '#113D72' @@ -190,10 +215,7 @@ export default { show: true, textStyle: { color: '#fff' - }, - formatter: this.storageData.storageMonths.map(function(item) { - return item - }) + } }, splitLine: { // 分割线配置 lineStyle: { diff --git a/src/main.js b/src/main.js index a9e1987..42f4ce3 100644 --- a/src/main.js +++ b/src/main.js @@ -13,6 +13,8 @@ import '@/common/flexible.js' import './assets/js/rollSlide.js' import './assets/js/tagcloud-2.2.js' +import './utils/mixins' + // 引入全局css import './assets/fonts/fonts.css' import './assets/iconfont/iconfont.js' diff --git a/src/utils/mixins.js b/src/utils/mixins.js new file mode 100644 index 0000000..3142a7e --- /dev/null +++ b/src/utils/mixins.js @@ -0,0 +1,162 @@ +import Vue from 'vue' + +Vue.mixin({ + methods: { + // 错误 + $LoopShowTooltip(chart, chartOption, options) { + const defaultOptions = { + interval: 2000, + loopSeries: false, + seriesIndex: 0, + updateData: null + } + + if (!chart || !chartOption) { + return {} + } + + let dataIndex = 0 // 数据索引，初始化为-1，是为了判断是否是第一次执行 + let seriesIndex = 0 // 系列索引 + let timeTicket = 0 + const seriesLen = chartOption.series.length // 系列个数 + let dataLen = 0 // 某个系列数据个数 + let chartType // 系列类型 + let first = true + + // 不循环series时seriesIndex指定显示tooltip的系列，不指定默认为0，指定多个则默认为第一个 + // 循环series时seriesIndex指定循环的series，不指定则从0开始循环所有series，指定单个则相当于不循环，指定多个 + // 要不要添加开始series索引和开始的data索引？ + + if (options) { + options.interval = options.interval || defaultOptions.interval + options.loopSeries = options.loopSeries || defaultOptions.loopSeries + options.seriesIndex = options.seriesIndex || defaultOptions.seriesIndex + options.updateData = options.updateData || defaultOptions.updateData + } else { + options = defaultOptions + } + + // 如果设置的seriesIndex无效，则默认为0 + if (options.seriesIndex < 0 || options.seriesIndex >= seriesLen) { + seriesIndex = 0 + } else { + seriesIndex = options.seriesIndex + } + + function autoShowTip() { + function showTip() { + // 判断是否更新数据 + if (dataIndex === 0 && !first && typeof options.updateData === 'function') { + options.updateData() + chart.setOption(chartOption) + } + + const series = chartOption.series + chartType = series[seriesIndex].type // 系列类型 + dataLen = series[seriesIndex].data.length // 某个系列的数据个数 + + const tipParams = { seriesIndex: seriesIndex } + switch (chartType) { + case 'map': + case 'pie': + case 'chord': + tipParams.name = series[seriesIndex].data[dataIndex].name + break + case 'radar': // 雷达图 + tipParams.seriesIndex = seriesIndex + tipParams.dataIndex = dataIndex + break + default: + tipParams.dataIndex = dataIndex + break + } + + if (chartType === 'pie' || chartType === 'radar') { + // 取消之前高亮的图形 + chart.dispatchAction({ + type: 'downplay', + seriesIndex: options.loopSeries ? (seriesIndex === 0 ? seriesLen - 1 : seriesIndex - 1) : seriesIndex, + dataIndex: dataIndex === 0 ? dataLen - 1 : dataIndex - 1 + }) + + // 高亮当前图形 + chart.dispatchAction({ + type: 'highlight', + seriesIndex: seriesIndex, + dataIndex: dataIndex + }) + } + + // 显示 tooltip + tipParams.type = 'showTip' + chart.dispatchAction(tipParams) + + dataIndex = (dataIndex + 1) % dataLen + if (options.loopSeries && dataIndex === 0 && !first) { // 数据索引归0表示当前系列数据已经循环完 + seriesIndex = (seriesIndex + 1) % seriesLen + } + + first = false + } + + showTip() + timeTicket = setInterval(showTip, options.interval) + } + + // 关闭轮播 + function stopAutoShow() { + if (timeTicket) { + clearInterval(timeTicket) + timeTicket = 0 + + if (chartType === 'pie' || chartType === 'radar') { + // 取消高亮的图形 + chart.dispatchAction({ + type: 'downplay', + seriesIndex: options.loopSeries ? (seriesIndex === 0 ? seriesLen - 1 : seriesIndex - 1) : seriesIndex, + dataIndex: dataIndex === 0 ? dataLen - 1 : dataIndex - 1 + }) + } + } + } + + const zRender = chart.getZr() + + function zRenderMouseMove(param) { + if (param.event) { + // 阻止canvas上的鼠标移动事件冒泡 + param.event.cancelBubble = true + } + + stopAutoShow() + } + + // 离开echarts图时恢复自动轮播 + function zRenderGlobalOut() { + if (!timeTicket) { + autoShowTip() + } + } + + // 鼠标在echarts图上时停止轮播 + chart.on('mousemove', stopAutoShow) + zRender.on('mousemove', zRenderMouseMove) + zRender.on('globalout', zRenderGlobalOut) + + autoShowTip() + + return { + clearLoop: function() { + if (timeTicket) { + clearInterval(timeTicket) + timeTicket = 0 + } + + chart.off('mousemove', stopAutoShow) + zRender.off('mousemove', zRenderMouseMove) + zRender.off('globalout', zRenderGlobalOut) + } + } + } + } +}) diff --git a/src/views/index.vue b/src/views/index.vue index ca2dcf3..91d00a6 100644 --- a/src/views/index.vue +++ b/src/views/index.vue @@ -41,7 +41,7 @@ export default { }, data() { return { - active: 3, + active: 1, isLoading: false, fullscreen: false, height: '', @@ -87,7 +87,7 @@ export default { clearInterval(this.timer2) window.removeEventListener('resize', this.setElementHeight) }) - // this.autoPagination() + this.autoPagination() }, methods: { autoPagination() { @@ -161,20 +161,31 @@ export default { let leftTimer let middleTimer let deviceTimer + let todayTimer + let yearTimer if (type === 'middle') { middleTimer = this.initInterval2(targetList, 8000) } else if (type === 'left') { leftTimer = this.initInterval(targetList, 10000) } else if (type === 'device') { deviceTimer = this.initInterval(targetList, 8000) + } else if (type === 'todayTotal') { + todayTimer = this.initInterval(targetList, 8000) + } else if (type === 'yearTotal') { + yearTimer = this.initInterval(targetList, 10000) } + this.$once('hook:beforeDestroy', () => { clearInterval(leftTimer) clearInterval(middleTimer) clearInterval(deviceTimer) + clearInterval(todayTimer) + clearInterval(yearTimer) middleTimer = null leftTimer = null deviceTimer = null + todayTimer = null + yearTimer = null }) }, setNumberTransform2(item) { diff --git a/src/views/map/index.vue b/src/views/map/index.vue index 21cf336..6bec9a9 100644 --- a/src/views/map/index.vue +++ b/src/views/map/index.vue @@ -56,19 +56,19 @@
借阅Top10
    -
  • 排名
    • -
  • 姓名
    • +
  • 排名
    • +
  • 姓名
  • -
  • 借阅次数
    • +
  • 借阅次数
  • -
    {{ index>=3 ? index+1 : null }}
    -
    {{ item.name }}
    -
    +
    {{ index>=3 ? index+1 : null }}
    +
    {{ item.name }}
    +
    -
    {{ item.num }}次
    +
    {{ item.num }}次
@@ -137,7 +137,7 @@ export default { { id: 6, num: 140, name: '胡图图' }, { id: 7, num: 120, name: '胡图图' }, { id: 8, num: 100, name: '胡图图' }, - { id: 9, num: 70, name: '胡图图' }, + { id: 9, num: 70, name: '胡1' }, { id: 10, num: 60, name: '胡图图' } ], rankingWithPercentage: [] @@ -168,8 +168,17 @@ export default { methods: { rankingDataComputed() { const firstPlaceNum = this.rankingData[0].num - this.rankingWithPercentage = this.rankingData.map(item => { + if (item.name.length === 2) { + // 截取name 字符串截取第一个字符， + item.name = item.name.substring(0, 1) + ' * ' + } else if (item.name.length === 3) { + // 截取第一个和第三个字符 + item.name = item.name.substring(0, 1) + ' * ' + item.name.substring(2, 3) + } else if (item.name.length > 3) { + // 截取第一个和大于第4个字符 + item.name = item.name.substring(0, 1) + ' * ' + ' * ' + item.name.substring(3, item.name.length) + } const percentage = (item.num / firstPlaceNum) * 100 return { ...item, percentage } }) diff --git a/src/views/pageOne/index.vue b/src/views/pageOne/index.vue index b119017..e81e7e7 100644 --- a/src/views/pageOne/index.vue +++ b/src/views/pageOne/index.vue @@ -224,7 +224,6 @@ export default { multicolour: false // 彩色字体，颜色随机，取值：true(默认),false }) }, - initDataPreview() { // 数据概览 const previewData = { diff --git a/src/views/pageThree/index.vue b/src/views/pageThree/index.vue index 3417e27..dd19945 100644 --- a/src/views/pageThree/index.vue +++ b/src/views/pageThree/index.vue @@ -3,9 +3,95 @@
本年累计借阅数量
+
+
+
本年累计借阅
+
    +
  • +
    +
    + + 0123456789 + + +
    +
    +
    • +
+ +
+
+
分馆累计借阅排行榜
+
+
    +
  • 排名
    • +
  • 学院名称
    • +
  • +
  • 借阅数量
    • +
+
    +
  • +
    {{ index>=3 ? index+1 : null }}
    +
    {{ item.name }}
    +
    + +
    +
    {{ item.num }}本
    +
    • +
+
+
+
今日借阅数量
+
+
+
今日累计借阅
+
    +
  • +
    +
    + + 0123456789 + + +
    +
    +
    • +
+ +
+
+
分馆今日借阅排行榜
+
+
    +
  • 排名
    • +
  • 学院名称
    • +
  • +
  • 借阅数量
    • +
+
    +
  • +
    {{ index>=3 ? index+1 : null }}
    +
    {{ item.name }}
    +
    + +
    +
    {{ item.num }}本
    +
    • +
+
+
+
今日借阅趋势
@@ -26,10 +112,14 @@ + + diff --git a/src/views/pageThree/module/yearCircle.vue b/src/views/pageThree/module/yearCircle.vue new file mode 100644 index 0000000..b93f4cb --- /dev/null +++ b/src/views/pageThree/module/yearCircle.vue @@ -0,0 +1,206 @@ + + + + +