From 8c6cf205affbbc8ada74f00a7ca25ebca867e9ed Mon Sep 17 00:00:00 2001
From: liuyg <376836862@qq.com>
Date: Mon, 27 Sep 2021 11:44:44 +0800
Subject: [PATCH] 图表颜色
---
src/page/index/index.vue | 208 ++++++++++++++++++++++++++++------------------------
1 files changed, 112 insertions(+), 96 deletions(-)
diff --git a/src/page/index/index.vue b/src/page/index/index.vue
index 7e1ad9e..5a7a108 100644
--- a/src/page/index/index.vue
+++ b/src/page/index/index.vue
@@ -1,26 +1,30 @@
<template>
- <div class="avue-contail" :class="{'avue--collapse':isCollapse}">
- <div class="avue-header">
+ <div class="avue-contail" :class="{ 'avue--collapse': isCollapse }">
+ <div class="avue-header" @mouseenter="enterMain">
<!-- 顶部导航栏 -->
- <top ref="top"/>
+ <top ref="top" />
</div>
<div class="avue-layout">
- <div class="avue-left">
+ <div class="avue-left" @mouseenter="enter">
<!-- 左侧导航栏 -->
- <sidebar/>
+ <sidebar />
</div>
- <div class="avue-main">
+ <div class="avue-main" @mouseenter="enterMain">
<!-- 顶部标签卡 -->
- <tags/>
+ <tags />
<transition name="fade-scale">
<search class="avue-view" v-show="isSearch"></search>
</transition>
<!-- 主体视图层 -->
- <div style="height:100%;overflow-y:auto;overflow-x:hidden;" id="avue-view" v-show="!isSearch">
+ <div
+ style="height: 100%; overflow-y: auto; overflow-x: hidden"
+ id="avue-view"
+ v-show="!isSearch"
+ >
<keep-alive>
- <router-view class="avue-view" v-if="$route.meta.keepAlive"/>
+ <router-view class="avue-view" v-if="$route.meta.keepAlive" />
</keep-alive>
- <router-view class="avue-view" v-if="!$route.meta.keepAlive"/>
+ <router-view class="avue-view" v-if="!$route.meta.keepAlive" />
</div>
</div>
</div>
@@ -29,71 +33,83 @@
</template>
<script>
- import {mapGetters} from "vuex";
- import tags from "./tags";
- import search from "./search";
- import top from "./top/";
- import sidebar from "./sidebar/";
- import admin from "@/util/admin";
- import {validatenull} from "@/util/validate";
- import {calcDate} from "@/util/date.js";
- import {getStore} from "@/util/store.js";
+import { mapGetters } from "vuex";
+import tags from "./tags";
+import search from "./search";
+import top from "./top/";
+import sidebar from "./sidebar/";
+import admin from "@/util/admin";
+import { validatenull } from "@/util/validate";
+import { calcDate } from "@/util/date.js";
+import { getStore } from "@/util/store.js";
- export default {
- components: {
- top,
- tags,
- search,
- sidebar
+export default {
+ components: {
+ top,
+ tags,
+ search,
+ sidebar,
+ },
+ name: "index",
+ provide() {
+ return {
+ index: this,
+ };
+ },
+ data() {
+ return {
+ //搜索控制
+ isSearch: false,
+ //刷新token锁
+ refreshLock: false,
+ //刷新token的时间
+ refreshTime: "",
+ };
+ },
+ created() {
+ //实时检测刷新token
+ this.refreshToken();
+ },
+ mounted() {
+ this.init();
+ },
+ computed: mapGetters([
+ "isMenu",
+ "isLock",
+ "isCollapse",
+ "website",
+ "menu",
+ "userInfo",
+ ]),
+ props: [],
+ methods: {
+ enter() {
+ this.$store.commit("SET_COLLAPSE", false);
},
- name: "index",
- provide() {
- return {
- index: this
+ enterMain() {
+ this.$store.commit("SET_COLLAPSE", true);
+ },
+ showCollapse() {
+ this.$store.commit("SET_COLLAPSE");
+ },
+ // 初始化
+ init() {
+ this.$store.commit("SET_SCREEN", admin.getScreen());
+ window.onresize = () => {
+ setTimeout(() => {
+ this.$store.commit("SET_SCREEN", admin.getScreen());
+ }, 0);
};
+ this.$store.dispatch("FlowRoutes").then(() => {});
},
- data() {
- return {
- //搜索控制
- isSearch: false,
- //刷新token锁
- refreshLock: false,
- //刷新token的时间
- refreshTime: ""
- };
- },
- created() {
- //实时检测刷新token
- this.refreshToken();
- },
- mounted() {
- this.init();
- },
- computed: mapGetters(["isMenu", "isLock", "isCollapse", "website", "menu"]),
- props: [],
- methods: {
- showCollapse() {
- this.$store.commit("SET_COLLAPSE");
- },
- // 初始化
- init() {
- this.$store.commit("SET_SCREEN", admin.getScreen());
- window.onresize = () => {
- setTimeout(() => {
- this.$store.commit("SET_SCREEN", admin.getScreen());
- }, 0);
- };
- this.$store.dispatch("FlowRoutes").then(() => {
- });
- },
- //打开菜单
- openMenu(item = {}) {
- this.$store.dispatch("GetMenu", item.id).then(data => {
- if (data.length !== 0) {
- this.$router.$avueRouter.formatRoutes(data, true);
- }
- //当点击顶部菜单后默认打开第一个菜单
- /*if (!this.validatenull(item)) {
+ //打开菜单
+ openMenu(item = {}) {
+ this.$store.dispatch("GetMenu", [this.userInfo, item.id]).then((data) => {
+ if (data.length !== 0) {
+ this.$router.$avueRouter.formatRoutes(data, true);
+ }
+ //当点击顶部菜单后默认打开第一个菜单
+ /*if (!this.validatenull(item)) {
let itemActive = {},
childItemActive = 0;
if (item.path) {
@@ -113,31 +129,31 @@
}, itemActive.meta)
});
}*/
-
- });
- },
- // 定时检测token
- refreshToken() {
- this.refreshTime = setInterval(() => {
- const token = getStore({
+ });
+ },
+ // 定时检测token
+ refreshToken() {
+ this.refreshTime = setInterval(() => {
+ const token =
+ getStore({
name: "token",
- debug: true
+ debug: true,
}) || {};
- const date = calcDate(token.datetime, new Date().getTime());
- if (validatenull(date)) return;
- if (date.seconds >= this.website.tokenTime && !this.refreshLock) {
- this.refreshLock = true;
- this.$store
- .dispatch("refreshToken")
- .then(() => {
- this.refreshLock = false;
- })
- .catch(() => {
- this.refreshLock = false;
- });
- }
- }, 10000);
- }
- }
- };
+ const date = calcDate(token.datetime, new Date().getTime());
+ if (validatenull(date)) return;
+ if (date.seconds >= this.website.tokenTime && !this.refreshLock) {
+ this.refreshLock = true;
+ this.$store
+ .dispatch("refreshToken")
+ .then(() => {
+ this.refreshLock = false;
+ })
+ .catch(() => {
+ this.refreshLock = false;
+ });
+ }
+ }, 10000);
+ },
+ },
+};
</script>
--
Gitblit v1.9.3