+
+
+
+
+
+
+
diff --git a/src/components/echart/yearCircle.vue b/src/components/echart/yearCircle.vue
new file mode 100644
index 0000000..bc1aaf4
--- /dev/null
+++ b/src/components/echart/yearCircle.vue
@@ -0,0 +1,292 @@
+
+
+
+
+
+
+
+
+
diff --git a/src/icons/index.js b/src/icons/index.js
new file mode 100644
index 0000000..4083da1
--- /dev/null
+++ b/src/icons/index.js
@@ -0,0 +1,10 @@
+import Vue from 'vue'
+import SvgIcon from '@/components/SvgIcon'// svg component
+
+// register globally
+Vue.component('svg-icon', SvgIcon)
+
+// 进行导入所有的svg格式 如果手动引入 需要依次引入
+const req = require.context('./svg', false, /\.svg$/)
+const requireAll = requireContext => requireContext.keys().map(requireContext)
+requireAll(req)
diff --git a/src/icons/svg/map.svg b/src/icons/svg/map.svg
new file mode 100644
index 0000000..8779e6e
--- /dev/null
+++ b/src/icons/svg/map.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/icons/svg/place.svg b/src/icons/svg/place.svg
new file mode 100644
index 0000000..24c40c1
--- /dev/null
+++ b/src/icons/svg/place.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
new file mode 100644
index 0000000..f564836
--- /dev/null
+++ b/src/main.js
@@ -0,0 +1,71 @@
+import Vue from 'vue'
+import App from './App.vue'
+import router from './router'
+import store from './store'
+
+import ElementUI from 'element-ui'
+import 'element-ui/lib/theme-chalk/index.css'
+Vue.use(ElementUI)
+
+// 适配flex
+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/styles/style.scss'
+
+import './icons'
+
+// 按需引入然后注册在vue原型上
+import { Message } from 'element-ui'
+Vue.prototype.$message = Message
+
+// 馆代码 1201为东西湖馆代码 / 本地测试用FTZN
+// Vue.prototype.libcode = 'FTZN'
+Vue.prototype.libcode = '1201'
+
+// 全局注册过滤 - 时间
+import { parseTime, getFormattedDate } from '@/utils/index.js'
+Vue.filter('parseTime', function(time, cFormat) {
+ return parseTime(time, cFormat)
+})
+Vue.prototype.getFormattedDate = getFormattedDate
+
+import axios from 'axios'
+Vue.prototype.$axios = axios
+
+// 引入echart
+import echarts from 'echarts'
+Vue.prototype.$echarts = echarts
+
+import scroll from 'vue-seamless-scroll'
+Vue.use(scroll)
+
+import {
+ loading,
+ borderBox8,
+ decoration3,
+ decoration5,
+ decoration10,
+ activeRingChart
+} from '@jiaminghi/data-view'
+
+Vue.use(loading)
+Vue.use(borderBox8)
+Vue.use(decoration3)
+Vue.use(decoration5)
+Vue.use(decoration10)
+Vue.use(activeRingChart)
+
+Vue.config.productionTip = false
+Vue.component(Message.name, Message)
+new Vue({
+ router,
+ store,
+ render: (h) => h(App)
+}).$mount('#app')
diff --git a/src/router/index.js b/src/router/index.js
new file mode 100644
index 0000000..670a5f8
--- /dev/null
+++ b/src/router/index.js
@@ -0,0 +1,22 @@
+import Vue from 'vue'
+import VueRouter from 'vue-router'
+
+Vue.use(VueRouter)
+
+const routes = [
+ {
+ path: '/',
+ name: 'index',
+ component: () => import('../views/index.vue'),
+ meta: {
+ title: '智慧大屏'
+ }
+ }
+]
+
+const router = new VueRouter({
+ mode: 'hash',
+ routes
+})
+
+export default router
diff --git a/src/store/index.js b/src/store/index.js
new file mode 100644
index 0000000..b2f39d8
--- /dev/null
+++ b/src/store/index.js
@@ -0,0 +1,15 @@
+import Vue from 'vue'
+import Vuex from 'vuex'
+
+Vue.use(Vuex)
+
+export default new Vuex.Store({
+ state: {
+ },
+ mutations: {
+ },
+ actions: {
+ },
+ modules: {
+ }
+})
diff --git a/src/utils/index.js b/src/utils/index.js
new file mode 100644
index 0000000..d7ed7b6
--- /dev/null
+++ b/src/utils/index.js
@@ -0,0 +1,105 @@
+export function debounce(func, wait, immediate) {
+ let timeout, args, context, timestamp, result
+
+ const later = function() {
+ // 据上一次触发时间间隔
+ const last = +new Date() - timestamp
+
+ // 上次被包装函数被调用时间间隔 last 小于设定时间间隔 wait
+ if (last < wait && last > 0) {
+ timeout = setTimeout(later, wait - last)
+ } else {
+ timeout = null
+ // 如果设定为immediate===true，因为开始边界已经调用过了此处无需调用
+ if (!immediate) {
+ result = func.apply(context, args)
+ if (!timeout) context = args = null
+ }
+ }
+ }
+
+ return function(...args) {
+ context = this
+ timestamp = +new Date()
+ const callNow = immediate && !timeout
+ // 如果延时不存在，重新设定延时
+ if (!timeout) timeout = setTimeout(later, wait)
+ if (callNow) {
+ result = func.apply(context, args)
+ context = args = null
+ }
+
+ return result
+ }
+}
+
+/**
+ * Parse the time to string
+ * @param {(Object|string|number)} time
+ * @param {string} cFormat
+ * @returns {string}
+ */
+export function parseTime(time, cFormat) {
+ if (arguments.length === 0) {
+ return null
+ }
+ const format = cFormat || '{y}-{m}-{d} {h}:{i}:{s}'
+ let date
+ if (typeof time === 'undefined' || time === null || time === 'null') {
+ return ''
+ } else if (typeof time === 'object') {
+ date = time
+ } else {
+ if ((typeof time === 'string') && (/^[0-9]+$/.test(time))) {
+ time = parseInt(time)
+ }
+ if ((typeof time === 'number') && (time.toString().length === 10)) {
+ time = time * 1000
+ }
+ date = new Date(time)
+ }
+ const formatObj = {
+ y: date.getFullYear(),
+ m: date.getMonth() + 1,
+ d: date.getDate(),
+ h: date.getHours(),
+ i: date.getMinutes(),
+ s: date.getSeconds(),
+ a: date.getDay()
+ }
+ const time_str = format.replace(/{(y|m|d|h|i|s|a)+}/g, (result, key) => {
+ let value = formatObj[key]
+ // Note: getDay() returns 0 on Sunday
+ if (key === 'a') { return ['日', '一', '二', '三', '四', '五', '六'][value ] }
+ if (result.length > 0 && value < 10) {
+ value = '0' + value
+ }
+ return value || 0
+ })
+ return time_str
+}
+
+// 获取当前日期时间
+export function getCurrentTime() {
+ const yy = new Date().getFullYear()
+ const mm = new Date().getMonth() + 1
+ const dd = new Date().getDate()
+ const hh = new Date().getHours()
+ const mf = new Date().getMinutes() < 10 ? '0' + new Date().getMinutes() : new Date().getMinutes()
+ const ss = new Date().getSeconds() < 10 ? '0' + new Date().getSeconds() : new Date().getSeconds()
+ const time = yy + '年' + mm + '月' + dd + '日 ' + hh + ':' + mf + ':' + ss
+ return time
+}
+
+export function getFormattedDate(date, yearOffset = 0) {
+ date.setFullYear(date.getFullYear() + yearOffset)
+ const year = date.getFullYear()
+ const month = (date.getMonth() + 1).toString().padStart(2, '0')
+ const day = date.getDate().toString().padStart(2, '0')
+ return `${year}-${month}-${day}`
+}
+
+export function isExternal(path) {
+ return /^(https?:|mailto:|tel:)/.test(path)
+}
+
diff --git a/src/utils/mixins.js b/src/utils/mixins.js
new file mode 100644
index 0000000..9d65d46
--- /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/utils/request.js b/src/utils/request.js
new file mode 100644
index 0000000..dd547e9
--- /dev/null
+++ b/src/utils/request.js
@@ -0,0 +1,46 @@
+import axios from 'axios'
+// import { Message } from 'element-ui'
+// 创建axios实例
+const service = axios.create({
+ // baseURL: process.env.NODE_ENV === 'production' ? process.env.VUE_APP_BASE_API : '/', // api 的 base_url
+ // baseURL: process.env.VUE_APP_BASE_API, // api 的 base_url
+ timeout: 1000 * 30, // 请求超时时间
+ headers: {
+ 'Content-Type': 'application/json'
+ }
+})
+
+// request拦截器
+service.interceptors.request.use(
+ config => {
+ // if (getToken()) {
+ // config.headers['Authorization'] = getToken() // 让每个请求携带自定义token 请根据实际情况自行修改
+ // }
+ switch (config.urlType) {
+ case 'local':
+ config.url = (process.env.NODE_ENV === 'production' ? window.g.ApiUrl : process.env.VUE_APP_BASE_API) + config.url
+ break
+ case 'interlib':
+ config.url = (process.env.NODE_ENV === 'production' ? window.g.LibUrl : process.env.VUE_APP_LIB_API) + config.url
+ break
+ }
+ const token = '' // 登录后生成用于识别用户身份，项目不需要直接去掉
+ config.headers['Authorization'] = token || ''
+ return config
+ },
+ error => {
+ console.error('error: ', error)
+ Promise.reject(error)
+ }
+)
+
+// response 拦截器
+service.interceptors.response.use(
+ response => {
+ return response.data
+ },
+ error => {
+ return Promise.reject(error)
+ }
+)
+export default service
diff --git a/src/utils/resizeMixins.js b/src/utils/resizeMixins.js
new file mode 100644
index 0000000..6adc38e
--- /dev/null
+++ b/src/utils/resizeMixins.js
@@ -0,0 +1,55 @@
+import { debounce } from '@/utils'
+
+export default {
+ data() {
+ return {
+ $_sidebarElm: null,
+ $_resizeHandler: null
+ }
+ },
+ mounted() {
+ this.$_resizeHandler = debounce(() => {
+ if (this.chart) {
+ this.chart.resize()
+ }
+ }, 100)
+ this.$_initResizeEvent()
+ this.$_initSidebarResizeEvent()
+ },
+ beforeDestroy() {
+ this.$_destroyResizeEvent()
+ this.$_destroySidebarResizeEvent()
+ },
+ // to fixed bug when cached by keep-alive
+ // https://github.com/PanJiaChen/vue-element-admin/issues/2116
+ activated() {
+ this.$_initResizeEvent()
+ this.$_initSidebarResizeEvent()
+ },
+ deactivated() {
+ this.$_destroyResizeEvent()
+ this.$_destroySidebarResizeEvent()
+ },
+ methods: {
+ // use $_ for mixins properties
+ // https://vuejs.org/v2/style-guide/index.html#Private-property-names-essential
+ $_initResizeEvent() {
+ window.addEventListener('resize', this.$_resizeHandler)
+ },
+ $_destroyResizeEvent() {
+ window.removeEventListener('resize', this.$_resizeHandler)
+ },
+ $_sidebarResizeHandler(e) {
+ if (e.propertyName === 'width') {
+ this.$_resizeHandler()
+ }
+ },
+ $_initSidebarResizeEvent() {
+ this.$_sidebarElm = document.getElementsByClassName('sidebar-container')[0]
+ this.$_sidebarElm && this.$_sidebarElm.addEventListener('transitionend', this.$_sidebarResizeHandler)
+ },
+ $_destroySidebarResizeEvent() {
+ this.$_sidebarElm && this.$_sidebarElm.removeEventListener('transitionend', this.$_sidebarResizeHandler)
+ }
+ }
+}
diff --git a/src/views/header/index.vue b/src/views/header/index.vue
new file mode 100644
index 0000000..b7bf7d3
--- /dev/null
+++ b/src/views/header/index.vue
@@ -0,0 +1,90 @@
+
+
+
+
+
+
+
+
diff --git a/src/views/index.vue b/src/views/index.vue
new file mode 100644
index 0000000..b5ddbee
--- /dev/null
+++ b/src/views/index.vue
@@ -0,0 +1,239 @@
+
+
+
+ {{ nowDate.split(' ')[1] }}
+
+ {{ currentWeek }}
+ {{ nowDate.split(' ')[0] }}
+
+
+
+ {{ headerTitle }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ (currentIndex+1) +' / '+ pageData.length }}
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/map/index.vue b/src/views/map/index.vue
new file mode 100644
index 0000000..d754cdf
--- /dev/null
+++ b/src/views/map/index.vue
@@ -0,0 +1,973 @@
+
+
+ Loading...
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/mixins/index copy.js b/src/views/mixins/index copy.js
new file mode 100644
index 0000000..28fe0b9
--- /dev/null
+++ b/src/views/mixins/index copy.js
@@ -0,0 +1,101 @@
+import { FetchInitJXSetting } from '@/api/library'
+export const pageCrud = {
+ // 组件共用属性
+ data() {
+ return {
+ currentIndex: 0, // 当前显示的页面索引
+ currentPage: null, // 当前显示的页面数据
+ pageData: [
+ { id: 1, title: 'PageOne', delayed: 20, isShow: false },
+ { id: 2, title: 'PageTwo', delayed: 20, isShow: false },
+ { id: 3, title: 'PageThree', delayed: 20, isShow: false },
+ { id: 4, title: 'PageFour', delayed: 20, isShow: false },
+ { id: 5, title: 'PageFive', delayed: 20, isShow: false }
+ ],
+ wecharQrCodeSrc: null,
+ intervalId: null,
+ orderIds: [],
+ oldPageData: JSON.parse(localStorage.getItem('pageDataStorage')) || []
+ }
+ },
+ computed: {
+ },
+ created() {
+ },
+ beforeDestroy() {
+ this.stopAutoSwitch()
+ },
+ // 组件挂载时的共用方法
+ mounted() {
+ this.getInitSetting()
+ console.log('localstorage', JSON.parse(localStorage.getItem('pageDataStorage')).length)
+
+ // if (JSON.parse(localStorage.getItem('pageDataStorage'))) {
+ // this.oldPageData = JSON.parse(localStorage.getItem('pageDataStorage'))
+ // console.log('oldPageData', this.oldPageData)
+ // console.log('pageData', this.pageData)
+ // } else {
+ // this.oldPageData = []
+ // }
+ },
+ // 组件共用方法
+ methods: {
+ getInitSetting() {
+ // selectorder 显示的屏和顺序 1第一屏 2第二屏
+ // show1 第一屏显示时间
+ // show2 第二屏显示时间
+ const linkSrc = process.env.NODE_ENV === 'production' ? window.g.ApiUrl : process.env.VUE_APP_BASE_API
+ const doorCodes = this.$route.query.doorCodes
+ FetchInitJXSetting({ doorCodes: doorCodes || null }).then(res => {
+ const result = JSON.parse(res.data)
+ this.wecharQrCodeSrc = linkSrc + '/downloadFile' + result.wecharQrCode
+ localStorage.setItem('wecharQrCodeSrc', this.wecharQrCodeSrc)
+
+ const selectorder = result.selectorder
+ const showDurations = { 1: result.show1, 2: result.show2, 3: result.show3, 4: result.show4 }
+ this.orderIds = selectorder.split(',').map(id => parseInt(id.trim()))
+
+ const updatedPageData = this.orderIds.map((id, index) => {
+ const pageIndex = this.pageData.findIndex(item => item.id === id)
+ if (pageIndex !== -1) {
+ const updatedPage = {
+ ...this.pageData[pageIndex],
+ isShow: true,
+ delayed: showDurations[id]
+ }
+ return updatedPage
+ } else {
+ console.log(`ID 为 ${id} 的页面未找到。`)
+ return null
+ }
+ }).filter(item => item !== null)
+
+ this.pageData = updatedPageData
+ if (this.pageData) {
+ this.currentPage = this.pageData[this.currentIndex]
+ this.startPageSwitch()
+ }
+ }).catch(error => {
+ console.error('Error', error)
+ setTimeout(() => {
+ this.reload()
+ }, 5000)
+ })
+ },
+ startPageSwitch() {
+ const delay = parseInt(this.pageData[this.currentIndex].delayed) * 1000
+ this.intervalId = setInterval(() => {
+ this.currentIndex++
+ if (this.currentIndex >= this.pageData.length) {
+ this.currentIndex = 0
+ }
+ const index = this.currentIndex % this.pageData.length
+ this.currentPage = this.pageData[index]
+ }, delay)
+ },
+ stopAutoSwitch() {
+ clearInterval(this.intervalId)
+ this.intervalId = null
+ }
+ }
+}
diff --git a/src/views/mixins/index.js b/src/views/mixins/index.js
new file mode 100644
index 0000000..b0fd6b4
--- /dev/null
+++ b/src/views/mixins/index.js
@@ -0,0 +1,143 @@
+import { FetchInitJXSetting } from '@/api/library'
+export const pageCrud = {
+ // 组件共用属性
+ data() {
+ return {
+ currentIndex: 0, // 当前显示的页面索引
+ currentPage: null, // 当前显示的页面数据
+ pageData: [
+ { id: 1, title: 'PageOne', delayed: 20, isShow: false },
+ { id: 2, title: 'PageTwo', delayed: 20, isShow: false },
+ { id: 3, title: 'PageThree', delayed: 20, isShow: false },
+ { id: 4, title: 'PageFour', delayed: 20, isShow: false },
+ { id: 5, title: 'PageFive', delayed: 20, isShow: false }
+ ],
+ wecharQrCodeSrc: null,
+ intervalId: null,
+ orderIds: [],
+ updateTime: '',
+ oldUpdateTime: JSON.parse(localStorage.getItem('updateTime')) || ''
+ }
+ },
+ computed: {
+ shouldCacheComponent() {
+ if (this.currentPage) {
+ switch (this.currentPage.title) {
+ case 'PageOne':
+ return 'PageOne'
+ case 'PageFour':
+ return 'PageFour'
+ case 'PageFive':
+ return 'PageFive'
+ default:
+ return null
+ }
+ }
+ return null
+ },
+ currentPageComponent() {
+ if (this.currentPage) {
+ switch (this.currentPage.title) {
+ case 'PageTwo':
+ return 'PageTwo'
+ case 'PageThree':
+ return 'PageThree'
+ default:
+ return null
+ }
+ }
+ return null
+ }
+ },
+ created() {
+ this.getInitSetting()
+ },
+ activated() {
+ this.getInitSetting()
+ },
+ beforeDestroy() {
+ // this.stopAutoSwitch()
+ },
+ // 组件挂载时的共用方法
+ mounted() {
+
+ },
+ // 组件共用方法
+ methods: {
+ getInitSetting() {
+ const linkSrc = process.env.NODE_ENV === 'production' ? window.g.ApiUrl : process.env.VUE_APP_BASE_API
+ const doorCodes = this.$route.query.doorCodes
+ FetchInitJXSetting({ doorCodes: doorCodes || null }).then(res => {
+ const result = JSON.parse(res.data)
+ this.wecharQrCodeSrc = linkSrc + '/downloadFile' + result.wecharQrCode
+ localStorage.setItem('wecharQrCodeSrc', this.wecharQrCodeSrc)
+
+ const selectorder = result.selectorder
+ const showDurations = { 1: result.show1, 2: result.show2, 3: result.show3, 4: result.show4, 5: result.show5 }
+ this.orderIds = selectorder.split(',').map(id => parseInt(id.trim()))
+ this.updateTime = result.updateTime
+
+ if (this.updateTime !== this.oldUpdateTime) {
+ this.oldUpdateTime = this.updateTime
+ localStorage.setItem('updateTime', JSON.stringify(this.oldUpdateTime))
+ this.refreshPageWhenChanged()
+ } else {
+ this.updatePageData(showDurations)
+ }
+ }).catch(error => {
+ console.error('Error', error)
+ setTimeout(() => {
+ this.reload()
+ }, 5000)
+ })
+ },
+ refreshPageWhenChanged() {
+ window.location.reload()
+ },
+ updatePageData(showDurations) {
+ // 更新页面数据的逻辑
+ const updatedPageData = this.orderIds.map((id, index) => {
+ const pageIndex = this.pageData.findIndex(item => item.id === id)
+ if (pageIndex !== -1) {
+ const updatedPage = {
+ ...this.pageData[pageIndex],
+ isShow: true,
+ delayed: showDurations[id]
+ }
+ return updatedPage
+ } else {
+ console.log(`ID 为 ${id} 的页面未找到。`)
+ return null
+ }
+ }).filter(item => item !== null)
+
+ this.pageData = updatedPageData
+ if (this.pageData) {
+ this.currentPage = this.pageData[this.currentIndex]
+ this.startPageSwitch()
+ }
+ },
+ startPageSwitch() {
+ const delay = parseInt(this.pageData[this.currentIndex].delayed) * 1000
+ this.intervalId = setInterval(() => {
+ this.currentIndex++
+ if (this.currentIndex >= this.pageData.length) {
+ this.currentIndex = 0
+ }
+ const index = this.currentIndex % this.pageData.length
+ this.currentPage = this.pageData[index]
+ if (this.updateTime !== this.oldUpdateTime) {
+ this.oldUpdateTime = this.updateTime
+ localStorage.setItem('updateTime', JSON.stringify(this.oldUpdateTime))
+ this.refreshPageWhenChanged()
+ } else {
+ console.log('没有变化，正常进入下一页')
+ }
+ }, delay)
+ },
+ stopAutoSwitch() {
+ clearInterval(this.intervalId)
+ this.intervalId = null
+ }
+ }
+}
diff --git a/src/views/pageFive/index.vue b/src/views/pageFive/index.vue
new file mode 100644
index 0000000..eb6f5fe
--- /dev/null
+++ b/src/views/pageFive/index.vue
@@ -0,0 +1,100 @@
+
+
+
+
+
+
+
+
+ {{ libCurrent && libCurrent.name }}
+
+
+
+ -
+
-
+
+ + 藏书量 + {{ libCurrent && libCurrent.GCL }}本 +
+
+ -
+
+ + 办证量 + {{ libCurrent && (libCurrent.countCard ? libCurrent.countCard : libCurrent.readerIdNum) }}人 +
+
+
-
+
-
+
+ + 占地面积 + {{ libCurrent && libCurrent.occupationArea }}平方米 +
+
+
+
+
+
+
+
+
+
+
+
+ 读者统计
+
+
+ 本年累计办证人数
+{{ cardTotal }}人
+
+
+ 借阅Top10
+
+
+ -
+
- 排名 +
- 姓名 + +
- 借阅次数 +
-
+
-
+ {{ index>=3 ? index+1 : null }}+{{ item.RDNAME }}+++
+ {{ item.TOTALNUM }}次+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/pageFour/index.vue b/src/views/pageFour/index.vue
new file mode 100644
index 0000000..a935d7b
--- /dev/null
+++ b/src/views/pageFour/index.vue
@@ -0,0 +1,360 @@
+
+
+
+ ![]()
+
+
+
+
+
+
+
+
+
diff --git a/src/views/pageOne/index.vue b/src/views/pageOne/index.vue
new file mode 100644
index 0000000..ecfa48a
--- /dev/null
+++ b/src/views/pageOne/index.vue
@@ -0,0 +1,994 @@
+
+
+
+
+
+
+
+
+ 宣传视频
+
+
+
+
+
+
+
+
+
+ 重要通知
+
+
+
+
+
+
+
+
+
+ {{ item.title }} {{ item.startTime | parseTime('{y}-{m}-{d}') }}
+
+
+
+
+
+ 图书借阅排行榜
+
+
+ -
+
- 排名 +
- 题名 + +
- 借阅数量 +
-
+
-
+ {{ index>=3 ? index+1 : null }}+ + +{{ item.TOTALNUM }}次+
+
+
+
+ ![]()
+
+ 扫一扫关注我们
+
+
+
+
+
+
+
diff --git a/src/views/pageThree/index.vue b/src/views/pageThree/index.vue
new file mode 100644
index 0000000..0dd11ef
--- /dev/null
+++ b/src/views/pageThree/index.vue
@@ -0,0 +1,468 @@
+
+
+
+
+
+
+
+
+
+
+ 到馆统计
+-
+
-
+ +++ + 0123456789 + {{ ls }} + + 人 ++{{ item.name }}+
+
-
+
-
+
{{ item.name }}
+ {{ item.value }}人 ++
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ item.name }}
+
+
+
+
+ 册
+ 人
+ 个
+ 册
+
+
+
+
+ 0123456789
+ {{ e }}
+
+
+
+
+
+ 热门搜索
+
+
+
+
+
+ 图书推荐
+
+
+
+
+
+
+
+
+ -
+
-
+ ++++
+
+
-
+
-
+ ++++
+
+
+
+
+ ![]()
+
+ 微信扫一扫关注
+
+
+
+
+
+
+
diff --git a/vue.config.js b/vue.config.js
new file mode 100644
index 0000000..8d5b95b
--- /dev/null
+++ b/vue.config.js
@@ -0,0 +1,86 @@
+const path = require('path')
+const resolve = dir => {
+ return path.join(__dirname, dir)
+}
+const name = '江夏区图书馆智慧大屏'
+const webpack = require('webpack')
+module.exports = {
+ publicPath: process.env.NODE_ENV === 'development' ? '/' : './',
+ outputDir: 'dist',
+ assetsDir: 'static',
+ lintOnSave: process.env.NODE_ENV === 'development',
+ productionSourceMap: false,
+ devServer: {
+ port: 8080,
+ open: true,
+ overlay: {
+ warnings: false,
+ errors: true
+ },
+ proxy: {
+ '/qyzt/': {
+ target: process.env.VUE_APP_BASE_API,
+ changeOrigin: true,
+ pathRewrite: {
+ '^/qyzt': 'qyzt'
+ }
+ },
+ '/openlib/': {
+ target: process.env.VUE_APP_LIB_API,
+ changeOrigin: true,
+ pathRewrite: {
+ '^/openlib': 'openlib'
+ }
+ }
+ }
+ },
+ configureWebpack: {
+ name: name,
+ resolve: {
+ alias: {
+ '@': resolve('src')
+ }
+ },
+ performance: {
+ hints: 'warning',
+ // 入口起点的最大体积
+ maxEntrypointSize: 50000000,
+ // 生成文件的最大体积
+ maxAssetSize: 30000000
+ },
+ plugins: [
+ new webpack.ProvidePlugin({
+ $: 'jquery',
+ jQuery: 'jquery',
+ 'windows.jQuery': 'jquery'
+ })
+ ]
+ },
+ chainWebpack: config => {
+ // set svg-sprite-loader
+ config.module
+ .rule('svg')
+ .exclude.add(resolve('src/icons'))
+ .end()
+ config.module
+ .rule('icons')
+ .test(/\.svg$/)
+ .include.add(resolve('src/icons'))
+ .end()
+ .use('svg-sprite-loader')
+ .loader('svg-sprite-loader')
+ .options({
+ symbolId: 'icon-[name]'
+ })
+ .end()
+
+ config.resolve
+ .alias.set('_c', resolve('src/components'))
+
+ config.plugin('html')
+ .tap(args => {
+ args[0].title = '江夏区图书馆智慧大屏'
+ return args
+ })
+ }
+}
+
+
+
+ 本年累计借阅数量
+
+
+
+
+ 本年累计借阅
+-
+
-
+ +++ + 0123456789 + + ++
+
+
+ 分馆累计借阅排行榜
+
+
+ -
+
- 排名 +
- 图书馆名称 + +
- 借阅数量 +
-
+
-
+ {{ index>=3 ? index+1 : null }}+{{ item.name }}+++
+ {{ item.JCC_YEAR }}本+
+
+
+ 今日借阅数量
+
+
+
+
+ 今日累计借阅
+-
+
-
+ +++ + 0123456789 + + ++
+
+
+ 分馆今日借阅排行榜
+
+
+ -
+
- 排名 +
- 图书馆名称 + +
- 借阅数量 +
-
+
-
+ {{ index>=3 ? index+1 : null }}+{{ item.name }}+++
+ {{ item.JCC_DAY }}本+
+
+
+ 今日借阅趋势
+
+
+
+
+ 近7日借阅统计
+
+
+