| 1 |
- {"remainingRequest":"D:\\jiayue\\cemp-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jiayue\\cemp-ui\\src\\page\\index\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jiayue\\cemp-ui\\src\\page\\index\\index.vue","mtime":1619070292873},{"path":"D:\\jiayue\\cemp-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jiayue\\cemp-ui\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\jiayue\\cemp-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jiayue\\cemp-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\nimport {mapGetters} from 'vuex'\nimport tags from './tags'\nimport top from './top/'\nimport sidebar from './sidebar/'\nimport admin from '@/util/admin';\nimport {validatenull} from '@/util/validate';\nimport {calcDate} from '@/util/date.js';\nimport {getStore} from '@/util/store.js';\n\nexport default {\n components: {\n top,\n tags,\n sidebar\n },\n name: 'index',\n data() {\n return {\n //刷新token锁\n refreshLock: false,\n //刷新token的时间\n refreshTime: '',\n }\n },\n created() {\n //实时检测刷新token\n this.refreshToken()\n },\n destroyed() {\n clearInterval(this.refreshTime)\n },\n mounted() {\n this.init()\n },\n computed: mapGetters(['userInfo', 'isLock', 'isCollapse', 'website', 'expires_in']),\n props: [],\n methods: {\n showCollapse() {\n this.$store.commit(\"SET_COLLAPSE\")\n },\n // 屏幕检测\n init() {\n this.$store.commit('SET_SCREEN', admin.getScreen())\n window.onresize = () => {\n setTimeout(() => {\n this.$store.commit('SET_SCREEN', admin.getScreen())\n }, 0);\n }\n },\n // 实时检测刷新token\n refreshToken() {\n this.refreshTime = setInterval(() => {\n const token = getStore({\n name: 'access_token',\n debug: true,\n });\n\n if (validatenull(token)) {\n return;\n }\n\n if (this.expires_in <= 1000 && !this.refreshLock) {\n this.refreshLock = true\n this.$store\n .dispatch('RefreshToken')\n .catch(() => {\n clearInterval(this.refreshTime)\n });\n this.refreshLock = false\n }\n this.$store.commit(\"SET_EXPIRES_IN\", this.expires_in - 10);\n }, 10000);\n }\n }\n}\n",{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/page/index","sourcesContent":["<template>\r\n <div class=\"avue-contail\"\r\n :class=\"{'avue--collapse':isCollapse}\">\r\n <div class=\"avue-header\">\r\n <!-- 顶部导航栏 -->\r\n <top/>\r\n </div>\r\n\r\n <div class=\"avue-layout\">\r\n <div class=\"avue-left\">\r\n <!-- 左侧导航栏 -->\r\n <sidebar/>\r\n </div>\r\n <div class=\"avue-main\">\r\n <!-- 顶部标签卡 -->\r\n <tags/>\r\n <!-- 主体视图层 -->\r\n <el-scrollbar style=\"height:100%\">\r\n <keep-alive>\r\n <router-view class=\"avue-view\"\r\n v-if=\"$route.meta.$keepAlive\"/>\r\n </keep-alive>\r\n <router-view class=\"avue-view\"\r\n v-if=\"!$route.meta.$keepAlive\"/>\r\n </el-scrollbar>\r\n\r\n </div>\r\n </div>\r\n <div class=\"avue-shade\"\r\n @click=\"showCollapse\"></div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\n import {mapGetters} from 'vuex'\r\n import tags from './tags'\r\n import top from './top/'\r\n import sidebar from './sidebar/'\r\n import admin from '@/util/admin';\r\n import {validatenull} from '@/util/validate';\r\n import {calcDate} from '@/util/date.js';\r\n import {getStore} from '@/util/store.js';\r\n\r\n export default {\r\n components: {\r\n top,\r\n tags,\r\n sidebar\r\n },\r\n name: 'index',\r\n data() {\r\n return {\r\n //刷新token锁\r\n refreshLock: false,\r\n //刷新token的时间\r\n refreshTime: '',\r\n }\r\n },\r\n created() {\r\n //实时检测刷新token\r\n this.refreshToken()\r\n },\r\n destroyed() {\r\n clearInterval(this.refreshTime)\r\n },\r\n mounted() {\r\n this.init()\r\n },\r\n computed: mapGetters(['userInfo', 'isLock', 'isCollapse', 'website', 'expires_in']),\r\n props: [],\r\n methods: {\r\n showCollapse() {\r\n this.$store.commit(\"SET_COLLAPSE\")\r\n },\r\n // 屏幕检测\r\n init() {\r\n this.$store.commit('SET_SCREEN', admin.getScreen())\r\n window.onresize = () => {\r\n setTimeout(() => {\r\n this.$store.commit('SET_SCREEN', admin.getScreen())\r\n }, 0);\r\n }\r\n },\r\n // 实时检测刷新token\r\n refreshToken() {\r\n this.refreshTime = setInterval(() => {\r\n const token = getStore({\r\n name: 'access_token',\r\n debug: true,\r\n });\r\n\r\n if (validatenull(token)) {\r\n return;\r\n }\r\n\r\n if (this.expires_in <= 1000 && !this.refreshLock) {\r\n this.refreshLock = true\r\n this.$store\r\n .dispatch('RefreshToken')\r\n .catch(() => {\r\n clearInterval(this.refreshTime)\r\n });\r\n this.refreshLock = false\r\n }\r\n this.$store.commit(\"SET_EXPIRES_IN\", this.expires_in - 10);\r\n }, 10000);\r\n }\r\n }\r\n }\r\n</script>\r\n"]}]}
|
