diff --git a/.eslintignore b/.eslintignore
new file mode 100644
index 0000000000000000000000000000000000000000..cfc877d6cdb8bb6afbad7b032477a6f54ac013f6
--- /dev/null
+++ b/.eslintignore
@@ -0,0 +1,18 @@
+
+*.sh
+node_modules
+lib
+*.md
+*.scss
+*.woff
+*.ttf
+.vscode
+.idea
+dist
+mock
+public
+bin
+build
+config
+index.html
+src/assets
\ No newline at end of file
diff --git a/package.json b/package.json
index 263a7ee66cf8f4d52d424613e9fdd0f316000e6d..35fda1704cce15b6771e0dc44f8b05ca3f557603 100644
--- a/package.json
+++ b/package.json
@@ -3,7 +3,8 @@
   "version": "0.0.0",
   "scripts": {
     "dev": "vite",
-    "build": "vite build"
+    "build": "vite build",
+    "lint-fix": "eslint --fix --ext .js --ext .jsx --ext .vue src/"
   },
   "dependencies": {
     "element-plus": "^2.2.2",
@@ -20,11 +21,11 @@
     "@types/js-cookie": "^3.0.2",
     "@types/sortablejs": "^1.10.6",
     "@typescript-eslint/eslint-plugin": "^5.27.0",
-		"@typescript-eslint/parser": "^5.27.0",
+    "@typescript-eslint/parser": "^5.27.0",
     "@vitejs/plugin-vue": "^2.3.3",
     "@vue/compiler-sfc": "^3.0.4",
     "eslint": "^8.17.0",
-		"eslint-plugin-vue": "^9.1.0",
+    "eslint-plugin-vue": "^9.1.0",
     "sass": "^1.30.0",
     "sass-loader": "^10.1.0",
     "typescript": "^4.1.2",
diff --git a/src/App.vue b/src/App.vue
index 94305ebdbdfa9a92d88ddfa74b23a1245a2a2acb..1c3ae781b71ac88b790590a5aef26135b75e4341 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -5,7 +5,7 @@
 </template>
 
 <script lang="ts">
-import {  ref, onBeforeMount, defineComponent } from 'vue';
+import { ref, onBeforeMount, defineComponent } from 'vue';
 import setIntroduction from '/@/utils/setIconfont';
 
 export default defineComponent({
diff --git a/src/layout/component/aside.vue b/src/layout/component/aside.vue
index 175a1c6bad2afc238aae3f33dd92c2ec33709a30..77914dc14f7cc1d50f0b7ac3c4bbf19a6ccff8de 100644
--- a/src/layout/component/aside.vue
+++ b/src/layout/component/aside.vue
@@ -1,55 +1,55 @@
 <template>
-  <el-aside width="240px">
-    <el-scrollbar>
-      <Vertical :menuList="menuList" />
-    </el-scrollbar>
-  </el-aside>
+	<el-aside width="240px">
+		<el-scrollbar>
+			<Vertical :menuList="menuList" />
+		</el-scrollbar>
+	</el-aside>
 </template>
 
 <script lang="ts">
-import Vertical from "/@/layout/navMenu/vertical.vue";
-import { toRefs, reactive } from "vue";
+import Vertical from '/@/layout/navMenu/vertical.vue';
+import { toRefs, reactive } from 'vue';
 export default {
-  name: "layoutAside",
-  components: { Vertical },
-  setup() {
-    const state = reactive({
-      menuList: [
-        {
-          path: "/home",
-          meta: {
-            title: "首页",
-            icon: "el-icon-s-home",
-          },
-          children: [
-            {
-              path: "/test-page1",
-              meta: {
-                title: "测试页1",
-                icon: "el-icon-s-flag",
-              },
-            },
-            {
-              path: "/test-page2",
-              meta: {
-                title: "测试页2",
-                icon: "el-icon-s-flag",
-              },
-            },
-            {
-              path: "/test-page3",
-              meta: {
-                title: "测试页3",
-                icon: "el-icon-s-flag",
-              },
-            },
-          ],
-        },
-      ],
-    });
-    return {
-      ...toRefs(state),
-    };
-  },
+	name: 'layoutAside',
+	components: { Vertical },
+	setup() {
+		const state = reactive({
+			menuList: [
+				{
+					path: '/home',
+					meta: {
+						title: '首页',
+						icon: 'el-icon-s-home',
+					},
+					children: [
+						{
+							path: '/test-page1',
+							meta: {
+								title: '测试页1',
+								icon: 'el-icon-s-flag',
+							},
+						},
+						{
+							path: '/test-page2',
+							meta: {
+								title: '测试页2',
+								icon: 'el-icon-s-flag',
+							},
+						},
+						{
+							path: '/test-page3',
+							meta: {
+								title: '测试页3',
+								icon: 'el-icon-s-flag',
+							},
+						},
+					],
+				},
+			],
+		});
+		return {
+			...toRefs(state),
+		};
+	},
 };
 </script>
\ No newline at end of file
diff --git a/src/layout/component/header.vue b/src/layout/component/header.vue
index e3ee2c15b94884c9b61b0400eb4d9b40c91c9d5b..67df5e790100ebdfe3c6d77141c1eccd0fca3562 100644
--- a/src/layout/component/header.vue
+++ b/src/layout/component/header.vue
@@ -1,13 +1,13 @@
 <template>
-  <el-header height="84px">
-    <NavBarsIndex />
-  </el-header>
+	<el-header height="84px">
+		<NavBarsIndex />
+	</el-header>
 </template>
 
 <script lang="ts">
-import NavBarsIndex from "/@/layout/navBars/index.vue";
+import NavBarsIndex from '/@/layout/navBars/index.vue';
 export default {
-  name: "layoutHeader",
-  components: { NavBarsIndex },
+	name: 'layoutHeader',
+	components: { NavBarsIndex },
 };
 </script>
\ No newline at end of file
diff --git a/src/layout/component/main.vue b/src/layout/component/main.vue
index 4298ec8ad05467a034ee1586aad82e7deae03fcd..314f6b2e551c76157e27aa9400c004a10bc3e5d2 100644
--- a/src/layout/component/main.vue
+++ b/src/layout/component/main.vue
@@ -1,35 +1,35 @@
 <template>
-  <el-main>
-    <el-scrollbar class="layout-scrollbar" style="min-height: calc(100vh - 84px);">
-      <router-view v-slot="{ Component }">
-        <transition appear :name="transitionName" mode="out-in">
-          <div :key="key">
-            <keep-alive>
-              <component :is="Component" />
-            </keep-alive>
-          </div>
-        </transition>
-      </router-view>
-    </el-scrollbar>
-  </el-main>
+	<el-main>
+		<el-scrollbar class="layout-scrollbar" style="min-height: calc(100vh - 84px);">
+			<router-view v-slot="{ Component }">
+				<transition appear :name="transitionName" mode="out-in">
+					<div :key="key">
+						<keep-alive>
+							<component :is="Component" />
+						</keep-alive>
+					</div>
+				</transition>
+			</router-view>
+		</el-scrollbar>
+	</el-main>
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, toRefs, reactive } from "vue";
-import { useRoute, onBeforeRouteUpdate } from "vue-router";
+import { computed, defineComponent, toRefs, reactive } from 'vue';
+import { useRoute, onBeforeRouteUpdate } from 'vue-router';
 export default defineComponent({
-  name: "layoutMain",
-  setup() {
-    const route = useRoute();
-    const state = reactive({
-      transitionName: "slide-right",
-    });
-    const key = computed(() => route.path);
-    onBeforeRouteUpdate((to, from) => {
-      state.transitionName =
-        to.meta.index > from.meta.index ? "slide-right" : "slide-left";
-    });
-    return { key, ...toRefs(state) };
-  },
+	name: 'layoutMain',
+	setup() {
+		const route = useRoute();
+		const state = reactive({
+			transitionName: 'slide-right',
+		});
+		const key = computed(() => route.path);
+		onBeforeRouteUpdate((to, from) => {
+			state.transitionName =
+        to.meta.index > from.meta.index ? 'slide-right' : 'slide-left';
+		});
+		return { key, ...toRefs(state) };
+	},
 });
 </script>
diff --git a/src/layout/fashion.vue b/src/layout/fashion.vue
index 91c2d8fb4b4cfc91a78f64e85d88145883cd49de..340b7318f78a800c0d380942de225ceed28da587 100644
--- a/src/layout/fashion.vue
+++ b/src/layout/fashion.vue
@@ -1,15 +1,15 @@
 <template>
-  <el-container class="layout-container">
-    <Aside />
-    <el-container>
-      <el-scrollbar>
-        <div class="layout-container-header-main">
-          <Header />
-          <Main />
-        </div>
-      </el-scrollbar>
-    </el-container>
-  </el-container>
+	<el-container class="layout-container">
+		<Aside />
+		<el-container>
+			<el-scrollbar>
+				<div class="layout-container-header-main">
+					<Header />
+					<Main />
+				</div>
+			</el-scrollbar>
+		</el-container>
+	</el-container>
 </template>
 
 <script lang="ts">
@@ -17,7 +17,7 @@ import Aside from '/@/layout/component/aside.vue';
 import Header from '/@layout/component/header.vue';
 import Main from '/@/layout/component/main.vue';
 export default {
-  name: 'layoutFashion',
-  components: { Aside, Header, Main }
-}
+	name: 'layoutFashion',
+	components: { Aside, Header, Main }
+};
 </script>
\ No newline at end of file
diff --git a/src/layout/index.vue b/src/layout/index.vue
index 2634abca4ea2a5ce590698fb21c3b54d980366c7..b71dbdd949feb81f40a03b867ba5f82e41181026 100644
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -1,11 +1,11 @@
 <template>
-  <Fashion />
+	<Fashion />
 </template>
 
 <script lang="ts">
-import Fashion from "/@/layout/fashion.vue";
+import Fashion from '/@/layout/fashion.vue';
 export default {
-  name: "layout",
-  components: { Fashion },
+	name: 'layout',
+	components: { Fashion },
 };
 </script>
\ No newline at end of file
diff --git a/src/layout/logo/index.vue b/src/layout/logo/index.vue
index 8130e472ae5047e2f24072e5616cbc30464d376c..ee47a589588e09b77714239341472d15ae264b08 100644
--- a/src/layout/logo/index.vue
+++ b/src/layout/logo/index.vue
@@ -1,9 +1,9 @@
 <template>
-  layoutLogo
+	layoutLogo
 </template>
 
 <script lang="ts">
 export default {
-  name: "layoutLogo",
+	name: 'layoutLogo',
 };
 </script>
\ No newline at end of file
diff --git a/src/layout/navBars/breadcrumb/breadcrumb.vue b/src/layout/navBars/breadcrumb/breadcrumb.vue
index c100283b6aca485d4893707bb9ce8a89c4b487cc..b52df53a711489fab55dfbdbd4a36c818a05c8d2 100644
--- a/src/layout/navBars/breadcrumb/breadcrumb.vue
+++ b/src/layout/navBars/breadcrumb/breadcrumb.vue
@@ -1,47 +1,47 @@
 <template>
-  <div class="layout-navbars-breadcrumb">
-    <i class="el-icon-s-fold layout-navbars-breadcrumb-icon"></i>
-    <el-breadcrumb>
-      <transition-group name="breadcrumb" mode="out-in">
-        <el-breadcrumb-item v-for="(v,k) in breadcrumbList" :key="v.meta.title">
-          <span v-if="k === breadcrumbList.length - 1" class="layout-navbars-breadcrumb-span">{{v.meta.title}}</span>
-          <a v-else @click.prevent="onBreadcrumbClick(v)">{{v.meta.title}}</a>
-        </el-breadcrumb-item>
-      </transition-group>
-    </el-breadcrumb>
-  </div>
+	<div class="layout-navbars-breadcrumb">
+		<i class="el-icon-s-fold layout-navbars-breadcrumb-icon"></i>
+		<el-breadcrumb>
+			<transition-group name="breadcrumb" mode="out-in">
+				<el-breadcrumb-item v-for="(v,k) in breadcrumbList" :key="v.meta.title">
+					<span v-if="k === breadcrumbList.length - 1" class="layout-navbars-breadcrumb-span">{{v.meta.title}}</span>
+					<a v-else @click.prevent="onBreadcrumbClick(v)">{{v.meta.title}}</a>
+				</el-breadcrumb-item>
+			</transition-group>
+		</el-breadcrumb>
+	</div>
 </template>
 
 <script lang="ts">
-import { toRefs, reactive, onBeforeMount } from "vue";
-import { onBeforeRouteUpdate, useRoute, useRouter } from "vue-router";
+import { toRefs, reactive, onBeforeMount } from 'vue';
+import { onBeforeRouteUpdate, useRoute, useRouter } from 'vue-router';
 export default {
-  name: "layoutBreadcrumb",
-  setup() {
-    const route = useRoute();
-    const router = useRouter();
-    const state = reactive({
-      breadcrumbList: [{ meta: { title: "" } }], // inital breadcrumbList
-    });
-    const getBreadcrumbList = (matched: any) => {
-      state.breadcrumbList = matched;
-    };
-    const onBreadcrumbClick = (v: object) => {
-      const { redirect, path } = v;
-      if (redirect) router.push(redirect);
-      else router.push(path);
-    };
-    onBeforeMount(() => {
-      state.breadcrumbList = route.matched;
-    });
-    onBeforeRouteUpdate((to) => {
-      getBreadcrumbList(to.matched);
-    });
-    return {
-      onBreadcrumbClick,
-      ...toRefs(state),
-    };
-  },
+	name: 'layoutBreadcrumb',
+	setup() {
+		const route = useRoute();
+		const router = useRouter();
+		const state = reactive({
+			breadcrumbList: [{ meta: { title: '' }}], // inital breadcrumbList
+		});
+		const getBreadcrumbList = (matched: any) => {
+			state.breadcrumbList = matched;
+		};
+		const onBreadcrumbClick = (v: object) => {
+			const { redirect, path } = v;
+			if (redirect) router.push(redirect);
+			else router.push(path);
+		};
+		onBeforeMount(() => {
+			state.breadcrumbList = route.matched;
+		});
+		onBeforeRouteUpdate((to) => {
+			getBreadcrumbList(to.matched);
+		});
+		return {
+			onBreadcrumbClick,
+			...toRefs(state),
+		};
+	},
 };
 </script>
 
diff --git a/src/layout/navBars/breadcrumb/index.vue b/src/layout/navBars/breadcrumb/index.vue
index 0e4598cc7962d04291c1437fdac6d27c95a67549..306c42b44a66c73dcfd502077cdb97c99fc7ab4b 100644
--- a/src/layout/navBars/breadcrumb/index.vue
+++ b/src/layout/navBars/breadcrumb/index.vue
@@ -1,16 +1,16 @@
 <template>
-  <div class="layout-navbars-breadcrumb-index">
-    <Breadcrumb />
-    <User />
-  </div>
+	<div class="layout-navbars-breadcrumb-index">
+		<Breadcrumb />
+		<User />
+	</div>
 </template>
 
 <script lang="ts">
-import Breadcrumb from "/@/layout/navBars/breadcrumb/breadcrumb.vue";
-import User from "/@/layout/navBars/breadcrumb/user.vue";
+import Breadcrumb from '/@/layout/navBars/breadcrumb/breadcrumb.vue';
+import User from '/@/layout/navBars/breadcrumb/user.vue';
 export default {
-  name: "layoutBreadcrumbIndex",
-  components: { Breadcrumb, User },
+	name: 'layoutBreadcrumbIndex',
+	components: { Breadcrumb, User },
 };
 </script>
 
diff --git a/src/layout/navBars/breadcrumb/seting.vue b/src/layout/navBars/breadcrumb/seting.vue
index 88596f70b32089425c0e319d1ed729ccb9f5c659..f913ce191e1644f2a7b4c6e4fedb31fce2f37e2a 100644
--- a/src/layout/navBars/breadcrumb/seting.vue
+++ b/src/layout/navBars/breadcrumb/seting.vue
@@ -1,9 +1,9 @@
 <template>
-  layoutBreadcrumbSeting
+	layoutBreadcrumbSeting
 </template>
 
 <script lang="ts">
 export default {
-  name: "layoutBreadcrumbSeting",
+	name: 'layoutBreadcrumbSeting',
 };
 </script>
\ No newline at end of file
diff --git a/src/layout/navBars/breadcrumb/user.vue b/src/layout/navBars/breadcrumb/user.vue
index 7b49ec802beede0b3e364f0b4f54188a07720c00..f284b9e046d6ba61dc71bb4d1095c5536754f2f1 100644
--- a/src/layout/navBars/breadcrumb/user.vue
+++ b/src/layout/navBars/breadcrumb/user.vue
@@ -1,30 +1,30 @@
 <template>
-  <div class="layout-navbars-breadcrumb-user">
-    <i class="el-icon-search layout-navbars-breadcrumb-user-icon" title="菜单搜索"></i>
-    <i class="el-icon-setting layout-navbars-breadcrumb-user-icon" title="布局配置"></i>
-    <i class="el-icon-bell layout-navbars-breadcrumb-user-icon" title="消息"></i>
-    <i class="icon-fullscreen iconfont layout-navbars-breadcrumb-user-icon mr10" title="开全屏"></i>
-    <el-dropdown :show-timeout="70" :hide-timeout="50">
-      <span class="layout-navbars-breadcrumb-user-link">userName
-        <i class="el-icon-arrow-down el-icon--right"></i>
-      </span>
-      <template #dropdown>
-        <el-dropdown-menu>
-          <el-dropdown-item>个人中心</el-dropdown-item>
-          <el-dropdown-item>首页</el-dropdown-item>
-          <el-dropdown-item>文档</el-dropdown-item>
-          <el-dropdown-item>404</el-dropdown-item>
-          <el-dropdown-item>401</el-dropdown-item>
-          <el-dropdown-item divided>退出登录</el-dropdown-item>
-        </el-dropdown-menu>
-      </template>
-    </el-dropdown>
-  </div>
+	<div class="layout-navbars-breadcrumb-user">
+		<i class="el-icon-search layout-navbars-breadcrumb-user-icon" title="菜单搜索"></i>
+		<i class="el-icon-setting layout-navbars-breadcrumb-user-icon" title="布局配置"></i>
+		<i class="el-icon-bell layout-navbars-breadcrumb-user-icon" title="消息"></i>
+		<i class="icon-fullscreen iconfont layout-navbars-breadcrumb-user-icon mr10" title="开全屏"></i>
+		<el-dropdown :show-timeout="70" :hide-timeout="50">
+			<span class="layout-navbars-breadcrumb-user-link">userName
+				<i class="el-icon-arrow-down el-icon--right"></i>
+			</span>
+			<template #dropdown>
+				<el-dropdown-menu>
+					<el-dropdown-item>个人中心</el-dropdown-item>
+					<el-dropdown-item>首页</el-dropdown-item>
+					<el-dropdown-item>文档</el-dropdown-item>
+					<el-dropdown-item>404</el-dropdown-item>
+					<el-dropdown-item>401</el-dropdown-item>
+					<el-dropdown-item divided>退出登录</el-dropdown-item>
+				</el-dropdown-menu>
+			</template>
+		</el-dropdown>
+	</div>
 </template>
 
 <script lang="ts">
 export default {
-  name: "layoutBreadcrumbUser",
+	name: 'layoutBreadcrumbUser',
 };
 </script>
 
diff --git a/src/layout/navBars/index.vue b/src/layout/navBars/index.vue
index 556a6fc390e59520114e21db1223c2ed78f2e15e..9ebed20dbba4ba82dc6ddfee4d2e677787859965 100644
--- a/src/layout/navBars/index.vue
+++ b/src/layout/navBars/index.vue
@@ -1,16 +1,16 @@
 <template>
-  <div class="layout-navbars-container">
-    <BreadcrumbIndex />
-    <TagsView />
-  </div>
+	<div class="layout-navbars-container">
+		<BreadcrumbIndex />
+		<TagsView />
+	</div>
 </template>
 
 <script lang="ts">
-import BreadcrumbIndex from "/@/layout/navBars/breadcrumb/index.vue";
-import TagsView from "/@/layout/navBars/tagsView/tagsView.vue";
+import BreadcrumbIndex from '/@/layout/navBars/breadcrumb/index.vue';
+import TagsView from '/@/layout/navBars/tagsView/tagsView.vue';
 export default {
-  name: "layoutNavBars",
-  components: { BreadcrumbIndex, TagsView },
+	name: 'layoutNavBars',
+	components: { BreadcrumbIndex, TagsView },
 };
 </script>
 
diff --git a/src/layout/navBars/tagsView/contextmenu.vue b/src/layout/navBars/tagsView/contextmenu.vue
index bb287104817c237c2c54395b4d57b494207039ca..7c4cc8efbff18be44aeb863f69f9486210b1ea86 100644
--- a/src/layout/navBars/tagsView/contextmenu.vue
+++ b/src/layout/navBars/tagsView/contextmenu.vue
@@ -1,69 +1,69 @@
 <template>
-  <transition name="el-zoom-in-center">
-    <div aria-hidden="true" class="el-dropdown__popper el-popper is-light is-pure custom-contextmenu" role="tooltip"
-      data-popper-placement="bottom" :style="`top: ${dropdown.y + 5}px;left: ${dropdown.x}px;`" v-show="isShow">
-      <ul class="el-dropdown-menu">
-        <li class="el-dropdown-menu__item" aria-disabled="false" tabindex="-1" v-for="(v,k) in dropdownList" :key="k">
-          <i :class="v.icon"></i>
-          <span>{{v.txt}}</span>
-        </li>
-      </ul>
-      <div class="el-popper__arrow" style="left:10px"></div>
-    </div>
-  </transition>
+	<transition name="el-zoom-in-center">
+		<div aria-hidden="true" class="el-dropdown__popper el-popper is-light is-pure custom-contextmenu" role="tooltip"
+			data-popper-placement="bottom" :style="`top: ${dropdown.y + 5}px;left: ${dropdown.x}px;`" v-show="isShow">
+			<ul class="el-dropdown-menu">
+				<li class="el-dropdown-menu__item" aria-disabled="false" tabindex="-1" v-for="(v,k) in dropdownList" :key="k">
+					<i :class="v.icon"></i>
+					<span>{{v.txt}}</span>
+				</li>
+			</ul>
+			<div class="el-popper__arrow" style="left:10px"></div>
+		</div>
+	</transition>
 </template>
 
 <script lang="ts">
 import {
-  computed,
-  defineComponent,
-  reactive,
-  toRefs,
-  onMounted,
-  onUnmounted,
-} from "vue";
+	computed,
+	defineComponent,
+	reactive,
+	toRefs,
+	onMounted,
+	onUnmounted,
+} from 'vue';
 export default defineComponent({
-  name: "layoutTagsViewContextmenu",
-  props: {
-    dropdown: {
-      type: Object,
-    },
-  },
-  setup(props) {
-    const state = reactive({
-      isShow: false,
-      dropdownList: [
-        { id: 0, txt: "刷新", affix: false, icon: "el-icon-refresh-right" },
-        { id: 1, txt: "关闭", affix: true, icon: "el-icon-close" },
-        { id: 2, txt: "关闭其它", affix: false, icon: "el-icon-circle-close" },
-        { id: 3, txt: "全部关闭", affix: false, icon: "el-icon-folder-delete" },
-      ],
-    });
-    const dropdown = computed(() => {
-      return props.dropdown;
-    });
-    const openContextmenu = () => {
-      closeContextmenu();
-      setTimeout(() => {
-        state.isShow = true;
-      }, 10);
-    };
-    const closeContextmenu = () => {
-      state.isShow = false;
-    };
-    onMounted(() => {
-      document.body.addEventListener("click", closeContextmenu);
-    });
-    onUnmounted(() => {
-      document.body.removeEventListener("click", closeContextmenu);
-    });
-    return {
-      dropdown,
-      openContextmenu,
-      closeContextmenu,
-      ...toRefs(state),
-    };
-  },
+	name: 'layoutTagsViewContextmenu',
+	props: {
+		dropdown: {
+			type: Object,
+		},
+	},
+	setup(props) {
+		const state = reactive({
+			isShow: false,
+			dropdownList: [
+				{ id: 0, txt: '刷新', affix: false, icon: 'el-icon-refresh-right' },
+				{ id: 1, txt: '关闭', affix: true, icon: 'el-icon-close' },
+				{ id: 2, txt: '关闭其它', affix: false, icon: 'el-icon-circle-close' },
+				{ id: 3, txt: '全部关闭', affix: false, icon: 'el-icon-folder-delete' },
+			],
+		});
+		const dropdown = computed(() => {
+			return props.dropdown;
+		});
+		const openContextmenu = () => {
+			closeContextmenu();
+			setTimeout(() => {
+				state.isShow = true;
+			}, 10);
+		};
+		const closeContextmenu = () => {
+			state.isShow = false;
+		};
+		onMounted(() => {
+			document.body.addEventListener('click', closeContextmenu);
+		});
+		onUnmounted(() => {
+			document.body.removeEventListener('click', closeContextmenu);
+		});
+		return {
+			dropdown,
+			openContextmenu,
+			closeContextmenu,
+			...toRefs(state),
+		};
+	},
 });
 </script>
 
diff --git a/src/layout/navBars/tagsView/scroll.vue b/src/layout/navBars/tagsView/scroll.vue
index 4388ca8913fc79262261d73c05e9f21f9fec119d..7e27e043d65dc79f391e0a3a34efc81375c3b32a 100644
--- a/src/layout/navBars/tagsView/scroll.vue
+++ b/src/layout/navBars/tagsView/scroll.vue
@@ -1,70 +1,70 @@
 <template>
-  <el-scrollbar ref="elScrollbarRef" @wheel.native.prevent="onHandleScroll">
-    <slot />
-  </el-scrollbar>
+	<el-scrollbar ref="elScrollbarRef" @wheel.native.prevent="onHandleScroll">
+		<slot />
+	</el-scrollbar>
 </template>
 
 <script lang="ts">
-import { getCurrentInstance, reactive, nextTick, toRefs } from "vue";
+import { getCurrentInstance, reactive, nextTick, toRefs } from 'vue';
 export default {
-  setup() {
-    const { proxy } = getCurrentInstance();
-    const state = reactive({
-      tagsArr: [],
-    });
-    const onHandleScroll = (e: object) => {
-      const eventDelta = e.wheelDelta || -e.deltaY * 40;
-      proxy.$refs.elScrollbarRef.$refs.wrap.scrollLeft =
+	setup() {
+		const { proxy } = getCurrentInstance();
+		const state = reactive({
+			tagsArr: [],
+		});
+		const onHandleScroll = (e: object) => {
+			const eventDelta = e.wheelDelta || -e.deltaY * 40;
+			proxy.$refs.elScrollbarRef.$refs.wrap.scrollLeft =
         proxy.$refs.elScrollbarRef.$refs.wrap.scrollLeft + eventDelta / 4;
-    };
-    const setScrollLeft = (tags: Array<object> = []) => {
-      nextTick(() => {
-        state.tagsArr = tags.value;
-      });
-    };
-    const moveToTarget = (currentTag: any) => {
-      const tagList = state.tagsArr;
-      let firstTag = null;
-      let lastTag = null;
-      if (tagList.length > 0) {
-        firstTag = tagList[0];
-        lastTag = tagList[tagList.length - 1];
-      }
-      if (firstTag === currentTag) {
-        proxy.$refs.elScrollbarRef.$refs.wrap.scrollLeft = 0;
-      } else if (lastTag === currentTag) {
-        proxy.$refs.elScrollbarRef.$refs.wrap.scrollLeft =
+		};
+		const setScrollLeft = (tags: Array<object> = []) => {
+			nextTick(() => {
+				state.tagsArr = tags.value;
+			});
+		};
+		const moveToTarget = (currentTag: any) => {
+			const tagList = state.tagsArr;
+			let firstTag = null;
+			let lastTag = null;
+			if (tagList.length > 0) {
+				firstTag = tagList[0];
+				lastTag = tagList[tagList.length - 1];
+			}
+			if (firstTag === currentTag) {
+				proxy.$refs.elScrollbarRef.$refs.wrap.scrollLeft = 0;
+			} else if (lastTag === currentTag) {
+				proxy.$refs.elScrollbarRef.$refs.wrap.scrollLeft =
           proxy.$refs.elScrollbarRef.$refs.wrap.scrollWidth -
           proxy.$refs.elScrollbarRef.$refs.wrap.offsetWidth;
-      } else {
-        const currentIndex = tagList.findIndex((item) => item === currentTag);
-        const prevTag = tagList[currentIndex - 1];
-        const nextTag = tagList[currentIndex + 1];
-        const afterNextTagOffsetLeft =
+			} else {
+				const currentIndex = tagList.findIndex((item) => item === currentTag);
+				const prevTag = tagList[currentIndex - 1];
+				const nextTag = tagList[currentIndex + 1];
+				const afterNextTagOffsetLeft =
           nextTag.offsetLeft + nextTag.offsetWidth + 4;
-        const beforePrevTagOffsetLeft = prevTag.offsetLeft - 4;
-        if (
-          afterNextTagOffsetLeft >
+				const beforePrevTagOffsetLeft = prevTag.offsetLeft - 4;
+				if (
+					afterNextTagOffsetLeft >
           proxy.$refs.elScrollbarRef.$refs.wrap.scrollLeft +
             proxy.$refs.elScrollbarRef.$refs.wrap.offsetWidth
-        ) {
-          proxy.$refs.elScrollbarRef.$refs.wrap.scrollLeft =
+				) {
+					proxy.$refs.elScrollbarRef.$refs.wrap.scrollLeft =
             afterNextTagOffsetLeft -
             proxy.$refs.elScrollbarRef.$refs.wrap.offsetWidth;
-        } else if (
-          beforePrevTagOffsetLeft <
+				} else if (
+					beforePrevTagOffsetLeft <
           proxy.$refs.elScrollbarRef.$refs.wrap.scrollLeft
-        ) {
-          proxy.$refs.elScrollbarRef.$refs.wrap.scrollLeft = beforePrevTagOffsetLeft;
-        }
-      }
-    };
-    return {
-      setScrollLeft,
-      onHandleScroll,
-      moveToTarget,
-      ...toRefs(state),
-    };
-  },
+				) {
+					proxy.$refs.elScrollbarRef.$refs.wrap.scrollLeft = beforePrevTagOffsetLeft;
+				}
+			}
+		};
+		return {
+			setScrollLeft,
+			onHandleScroll,
+			moveToTarget,
+			...toRefs(state),
+		};
+	},
 };
 </script>
\ No newline at end of file
diff --git a/src/layout/navBars/tagsView/tagsView.vue b/src/layout/navBars/tagsView/tagsView.vue
index 4e3f65cb1094ebc457ab426bc235b441cfc54579..36e6bcc55f320d28edca22bef671d9c9e51af4ae 100644
--- a/src/layout/navBars/tagsView/tagsView.vue
+++ b/src/layout/navBars/tagsView/tagsView.vue
@@ -1,111 +1,111 @@
 <template>
-  <div class="layout-navbars-tagsview">
-    <Scroll ref="scrollRef">
-      <ul class="layout-navbars-tagsview-ul">
-        <li v-for="(v,k) in arr2" :key="k" class="layout-navbars-tagsview-ul-li" :class="{'is-active':isActive(v.path)}"
-          @contextmenu.prevent="onContextmenu(v,$event)" @click="onTagsClick(v,k)"
-          :ref="el => { if (el) tagsRefs[k] = el }">
-          <i class="iconfont icon-webicon318 layout-navbars-tagsview-ul-li-iconfont" v-if="isActive(v.path)"></i>
-          <span>{{v.name}}</span>
-          <template v-if="isActive(v.path)">
-            <i class="el-icon-refresh-right ml5"></i>
-            <i class="el-icon-close layout-navbars-tagsview-ul-li-icon"></i>
-          </template>
-        </li>
-      </ul>
-    </Scroll>
-  </div>
-  <Contextmenu :dropdown="dropdown" ref="contextmenuRef" />
+	<div class="layout-navbars-tagsview">
+		<Scroll ref="scrollRef">
+			<ul class="layout-navbars-tagsview-ul">
+				<li v-for="(v,k) in arr2" :key="k" class="layout-navbars-tagsview-ul-li" :class="{'is-active':isActive(v.path)}"
+					@contextmenu.prevent="onContextmenu(v,$event)" @click="onTagsClick(v,k)"
+					:ref="el => { if (el) tagsRefs[k] = el }">
+					<i class="iconfont icon-webicon318 layout-navbars-tagsview-ul-li-iconfont" v-if="isActive(v.path)"></i>
+					<span>{{v.name}}</span>
+					<template v-if="isActive(v.path)">
+						<i class="el-icon-refresh-right ml5"></i>
+						<i class="el-icon-close layout-navbars-tagsview-ul-li-icon"></i>
+					</template>
+				</li>
+			</ul>
+		</Scroll>
+	</div>
+	<Contextmenu :dropdown="dropdown" ref="contextmenuRef" />
 </template>
 
 <script lang="ts">
 import {
-  toRefs,
-  reactive,
-  onMounted,
-  computed,
-  ref,
-  nextTick,
-  onBeforeUpdate,
-} from "vue";
-import { useRoute, useRouter, onBeforeRouteUpdate } from "vue-router";
-import Sortable from "sortablejs";
-import Contextmenu from "/@/layout/navBars/tagsView/contextmenu.vue";
-import Scroll from "/@/layout/navBars/tagsView/scroll.vue";
+	toRefs,
+	reactive,
+	onMounted,
+	computed,
+	ref,
+	nextTick,
+	onBeforeUpdate,
+} from 'vue';
+import { useRoute, useRouter, onBeforeRouteUpdate } from 'vue-router';
+import Sortable from 'sortablejs';
+import Contextmenu from '/@/layout/navBars/tagsView/contextmenu.vue';
+import Scroll from '/@/layout/navBars/tagsView/scroll.vue';
 export default {
-  name: "layoutTagsView",
-  components: { Contextmenu, Scroll },
-  setup() {
-    const tagsRefs = ref([]);
-    const scrollRef = ref();
-    const contextmenuRef = ref();
-    const route = useRoute();
-    const router = useRouter();
-    const state = reactive({
-      routePath: route.path,
-      dropdown: {
-        x: "",
-        y: "",
-      },
-      tagsRefsIndex: 0,
-      arr2: [
-        { id: 11, name: "首页", path: "/home" },
-        { id: 12, name: "标签1", path: "/test-page1" },
-        { id: 13, name: "标签2", path: "/test-page2" },
-        { id: 15, name: "标签3", path: "/test-page3" },
-      ],
-    });
-    const initSortable = () => {
-      const el = document.querySelector(".layout-navbars-tagsview-ul");
-      const sortable = Sortable.create(el, { animation: 300 });
-    };
-    const isActive = (path: string) => {
-      return path === state.routePath;
-    };
-    const onContextmenu = (v: object, e: object) => {
-      const { clientX, clientY } = e;
-      state.dropdown.x = clientX;
-      state.dropdown.y = clientY;
-      contextmenuRef.value.openContextmenu();
-    };
-    const onTagsClick = (v: object, k: number) => {
-      state.tagsRefsIndex = k;
-      router.push(v.path);
-    };
-    const moveToCurrentTag = () => {
-      nextTick(() => {
-        scrollRef.value.moveToTarget(tagsRefs.value[state.tagsRefsIndex]);
-      });
-    };
-    const getTagsRefsIndex = (path: string) => {
-      if (state.arr2.length > 0) {
-        state.tagsRefsIndex = state.arr2.findIndex(
-          (item) => item.path === path
-        );
-      }
-    };
-    onBeforeUpdate(() => {
-      tagsRefs.value = [];
-    });
-    onMounted(() => {
-      initSortable();
-      scrollRef.value.setScrollLeft(tagsRefs);
-    });
-    onBeforeRouteUpdate((to) => {
-      state.routePath = to.path;
-      getTagsRefsIndex(to.path);
-      moveToCurrentTag();
-    });
-    return {
-      isActive,
-      onContextmenu,
-      onTagsClick,
-      tagsRefs,
-      contextmenuRef,
-      scrollRef,
-      ...toRefs(state),
-    };
-  },
+	name: 'layoutTagsView',
+	components: { Contextmenu, Scroll },
+	setup() {
+		const tagsRefs = ref([]);
+		const scrollRef = ref();
+		const contextmenuRef = ref();
+		const route = useRoute();
+		const router = useRouter();
+		const state = reactive({
+			routePath: route.path,
+			dropdown: {
+				x: '',
+				y: '',
+			},
+			tagsRefsIndex: 0,
+			arr2: [
+				{ id: 11, name: '首页', path: '/home' },
+				{ id: 12, name: '标签1', path: '/test-page1' },
+				{ id: 13, name: '标签2', path: '/test-page2' },
+				{ id: 15, name: '标签3', path: '/test-page3' },
+			],
+		});
+		const initSortable = () => {
+			const el = document.querySelector('.layout-navbars-tagsview-ul');
+			const sortable = Sortable.create(el, { animation: 300 });
+		};
+		const isActive = (path: string) => {
+			return path === state.routePath;
+		};
+		const onContextmenu = (v: object, e: object) => {
+			const { clientX, clientY } = e;
+			state.dropdown.x = clientX;
+			state.dropdown.y = clientY;
+			contextmenuRef.value.openContextmenu();
+		};
+		const onTagsClick = (v: object, k: number) => {
+			state.tagsRefsIndex = k;
+			router.push(v.path);
+		};
+		const moveToCurrentTag = () => {
+			nextTick(() => {
+				scrollRef.value.moveToTarget(tagsRefs.value[state.tagsRefsIndex]);
+			});
+		};
+		const getTagsRefsIndex = (path: string) => {
+			if (state.arr2.length > 0) {
+				state.tagsRefsIndex = state.arr2.findIndex(
+					(item) => item.path === path
+				);
+			}
+		};
+		onBeforeUpdate(() => {
+			tagsRefs.value = [];
+		});
+		onMounted(() => {
+			initSortable();
+			scrollRef.value.setScrollLeft(tagsRefs);
+		});
+		onBeforeRouteUpdate((to) => {
+			state.routePath = to.path;
+			getTagsRefsIndex(to.path);
+			moveToCurrentTag();
+		});
+		return {
+			isActive,
+			onContextmenu,
+			onTagsClick,
+			tagsRefs,
+			contextmenuRef,
+			scrollRef,
+			...toRefs(state),
+		};
+	},
 };
 </script>
 
diff --git a/src/layout/navMenu/subItem.vue b/src/layout/navMenu/subItem.vue
index 7497a85adf22262a29041d538d24c081beddd769..964bd0f90300a5f8ca02ea4a0648132cd209f7e5 100644
--- a/src/layout/navMenu/subItem.vue
+++ b/src/layout/navMenu/subItem.vue
@@ -1,41 +1,41 @@
 <template>
-  <template v-for="val in chil">
-    <el-submenu :index="val.path" :key="val.path" v-if="val.children && val.children.length > 0">
-      <template #title>
-        <i :class="val.meta.icon"></i>
-        {{ val.meta.title }}
-      </template>
-      <sub-item :chil="val.children" />
-    </el-submenu>
-    <el-menu-item :index="val.path" :key="val.path" v-else>
-      <i :class="val.meta.icon ? val.meta.icon : ''"></i>
-      <template v-if="!val.meta.isLink">{{ val.meta.title }}</template>
-      <template v-else><a :href="val.meta.isLink" target="_blank">{{ val.meta.title }}</a></template>
-    </el-menu-item>
-  </template>
+	<template v-for="val in chil">
+		<el-submenu :index="val.path" :key="val.path" v-if="val.children && val.children.length > 0">
+			<template #title>
+				<i :class="val.meta.icon"></i>
+				{{ val.meta.title }}
+			</template>
+			<sub-item :chil="val.children" />
+		</el-submenu>
+		<el-menu-item :index="val.path" :key="val.path" v-else>
+			<i :class="val.meta.icon ? val.meta.icon : ''"></i>
+			<template v-if="!val.meta.isLink">{{ val.meta.title }}</template>
+			<template v-else><a :href="val.meta.isLink" target="_blank">{{ val.meta.title }}</a></template>
+		</el-menu-item>
+	</template>
 </template>
 
 <script lang="ts">
-import { computed, defineComponent } from "vue";
-import { useRoute } from "vue-router";
+import { computed, defineComponent } from 'vue';
+import { useRoute } from 'vue-router';
 export default defineComponent({
-  name: "navMenuSubItem",
-  props: {
-    chil: {
-      type: Array,
-      default() {
-        return [];
-      },
-    },
-  },
-  setup(props) {
-    const route = useRoute();
-    const chil = computed(() => {
-      return props.chil;
-    });
-    return {
-      chil,
-    };
-  },
+	name: 'navMenuSubItem',
+	props: {
+		chil: {
+			type: Array,
+			default() {
+				return [];
+			},
+		},
+	},
+	setup(props) {
+		const route = useRoute();
+		const chil = computed(() => {
+			return props.chil;
+		});
+		return {
+			chil,
+		};
+	},
 });
 </script>
diff --git a/src/layout/navMenu/vertical.vue b/src/layout/navMenu/vertical.vue
index ceb649465f39c237d2cb5076e7a57ee19594e1a1..05c37fd51174008a0659bc7585de6784aeafbbf4 100644
--- a/src/layout/navMenu/vertical.vue
+++ b/src/layout/navMenu/vertical.vue
@@ -1,52 +1,52 @@
 <template>
-  <el-menu router :default-active="defaultActive" background-color="#29384D" text-color="#e6e6e6">
-    <template v-for="val in menuList">
-      <el-submenu :index="val.path" v-if="val.children && val.children.length > 0" :key="val.path">
-        <template #title>
-          <i :class="val.meta.icon ? val.meta.icon : ''"></i>
-          <span>{{ val.meta.title }}</span>
-        </template>
-        <SubItem :chil="val.children" />
-      </el-submenu>
-      <el-menu-item :index="val.path" :key="val.path" v-else>
-        <i :class="val.meta.icon ? val.meta.icon : ''"></i>
-        <template #title v-if="!val.meta.isLink">{{ val.meta.title }}</template>
-        <template #title v-else><a :href="val.meta.isLink" target="_blank">{{ val.meta.title }}</a></template>
-      </el-menu-item>
-    </template>
-  </el-menu>
+	<el-menu router :default-active="defaultActive" background-color="#29384D" text-color="#e6e6e6">
+		<template v-for="val in menuList">
+			<el-submenu :index="val.path" v-if="val.children && val.children.length > 0" :key="val.path">
+				<template #title>
+					<i :class="val.meta.icon ? val.meta.icon : ''"></i>
+					<span>{{ val.meta.title }}</span>
+				</template>
+				<SubItem :chil="val.children" />
+			</el-submenu>
+			<el-menu-item :index="val.path" :key="val.path" v-else>
+				<i :class="val.meta.icon ? val.meta.icon : ''"></i>
+				<template #title v-if="!val.meta.isLink">{{ val.meta.title }}</template>
+				<template #title v-else><a :href="val.meta.isLink" target="_blank">{{ val.meta.title }}</a></template>
+			</el-menu-item>
+		</template>
+	</el-menu>
 </template>
 
 <script lang="ts">
-import { toRefs, reactive, computed, defineComponent } from "vue";
-import { useRoute, onBeforeRouteUpdate } from "vue-router";
-import SubItem from "/@/layout/navMenu/subItem.vue";
+import { toRefs, reactive, computed, defineComponent } from 'vue';
+import { useRoute, onBeforeRouteUpdate } from 'vue-router';
+import SubItem from '/@/layout/navMenu/subItem.vue';
 export default defineComponent({
-  name: "navMenuVertical",
-  components: { SubItem },
-  props: {
-    menuList: {
-      type: Array,
-      default() {
-        return [];
-      },
-    },
-  },
-  setup(props) {
-    const route = useRoute();
-    const state = reactive({
-      defaultActive: route.path,
-    });
-    const menuList = computed(() => {
-      return props.menuList;
-    });
-    onBeforeRouteUpdate((to) => {
-      state.defaultActive = to.path;
-    });
-    return {
-      menuList,
-      ...toRefs(state),
-    };
-  },
+	name: 'navMenuVertical',
+	components: { SubItem },
+	props: {
+		menuList: {
+			type: Array,
+			default() {
+				return [];
+			},
+		},
+	},
+	setup(props) {
+		const route = useRoute();
+		const state = reactive({
+			defaultActive: route.path,
+		});
+		const menuList = computed(() => {
+			return props.menuList;
+		});
+		onBeforeRouteUpdate((to) => {
+			state.defaultActive = to.path;
+		});
+		return {
+			menuList,
+			...toRefs(state),
+		};
+	},
 });
 </script>
diff --git a/src/utils/formatTime.ts b/src/utils/formatTime.ts
index 81e3a581c795978b32733cc812f6f17647a00cbb..0df5f79c87aa07800c3065f3df92ae5b7003e4b5 100644
--- a/src/utils/formatTime.ts
+++ b/src/utils/formatTime.ts
@@ -1,75 +1,76 @@
 export function formatDate(date: Date, format: string) {
-    let we = date.getDay()
-    let qut = Math.floor((date.getMonth() + 3) / 3).toString()
-    const opt: any = {
-        "Y+": date.getFullYear().toString(),
-        "m+": (date.getMonth() + 1).toString(),
-        "d+": date.getDate().toString(),
-        "H+": date.getHours().toString(),
-        "M+": date.getMinutes().toString(),
-        "S+": date.getSeconds().toString(),
-        "q+": qut,
-    }
-    const week: any = {
-        "0": "日",
-        "1": "一",
-        "2": "二",
-        "3": "三",
-        "4": "四",
-        "5": "五",
-        "6": "六",
-    }
-    const quarter: any = {
-        "1": "一",
-        "2": "二",
-        "3": "三",
-        "4": "四",
-    }
-    if (/(W+)/.test(format)) format = format.replace(RegExp.$1, RegExp.$1.length > 1 ? RegExp.$1.length > 2 ? "星期" + week[we] : "周" + week[we] : week[we])
-    if (/(Q+)/.test(format)) format = format.replace(RegExp.$1, RegExp.$1.length == 4 ? "第" + quarter[qut] + "季度" : quarter[qut])
-    for (let k in opt) {
-        let r = new RegExp("(" + k + ")").exec(format);
-        if (r) format = format.replace(r[1], RegExp.$1.length == 1 ? opt[k] : opt[k].padStart(RegExp.$1.length, "0"))
-    }
-    return format
+	let we = date.getDay();
+	let qut = Math.floor((date.getMonth() + 3) / 3).toString();
+	const opt: any = {
+		'Y+': date.getFullYear().toString(),
+		'm+': (date.getMonth() + 1).toString(),
+		'd+': date.getDate().toString(),
+		'H+': date.getHours().toString(),
+		'M+': date.getMinutes().toString(),
+		'S+': date.getSeconds().toString(),
+		'q+': qut,
+	};
+	const week: any = {
+		'0': '日',
+		'1': '一',
+		'2': '二',
+		'3': '三',
+		'4': '四',
+		'5': '五',
+		'6': '六',
+	};
+	const quarter: any = {
+		'1': '一',
+		'2': '二',
+		'3': '三',
+		'4': '四',
+	};
+	if (/(W+)/.test(format))
+		format = format.replace(RegExp.$1, RegExp.$1.length > 1 ? (RegExp.$1.length > 2 ? '星期' + week[we] : '周' + week[we]) : week[we]);
+	if (/(Q+)/.test(format)) format = format.replace(RegExp.$1, RegExp.$1.length == 4 ? '第' + quarter[qut] + '季度' : quarter[qut]);
+	for (let k in opt) {
+		let r = new RegExp('(' + k + ')').exec(format);
+		if (r) format = format.replace(r[1], RegExp.$1.length == 1 ? opt[k] : opt[k].padStart(RegExp.$1.length, '0'));
+	}
+	return format;
 }
 
-export function formatPast(param: any, format: string = "YYYY-mm-dd") {
-    let t: any, s: any
-    let time: any = new Date().getTime()
-    typeof param === "string" || "object" ? (t = new Date(param).getTime()) : (t = param)
-    time = Number.parseInt(`${time - t}`)
-    if (time < 10000) {
-        return "刚刚"
-    } else if (time < 60000 && time >= 10000) {
-        s = Math.floor(time / 1000)
-        return `${s}秒前`
-    } else if (time < 3600000 && time >= 60000) {
-        s = Math.floor(time / 60000)
-        return `${s}分钟前`
-    } else if (time < 86400000 && time >= 3600000) {
-        s = Math.floor(time / 3600000)
-        return `${s}小时前`
-    } else if (time < 259200000 && time >= 86400000) {
-        s = Math.floor(time / 86400000)
-        return `${s}天前`
-    } else {
-        let date = typeof param === "string" || "object" ? new Date(param) : param
-        return formatDate(date, format);
-    }
+export function formatPast(param: any, format: string = 'YYYY-mm-dd') {
+	let t: any, s: any;
+	let time: any = new Date().getTime();
+	typeof param === 'string' || 'object' ? (t = new Date(param).getTime()) : (t = param);
+	time = Number.parseInt(`${time - t}`);
+	if (time < 10000) {
+		return '刚刚';
+	} else if (time < 60000 && time >= 10000) {
+		s = Math.floor(time / 1000);
+		return `${s}秒前`;
+	} else if (time < 3600000 && time >= 60000) {
+		s = Math.floor(time / 60000);
+		return `${s}分钟前`;
+	} else if (time < 86400000 && time >= 3600000) {
+		s = Math.floor(time / 3600000);
+		return `${s}小时前`;
+	} else if (time < 259200000 && time >= 86400000) {
+		s = Math.floor(time / 86400000);
+		return `${s}天前`;
+	} else {
+		let date = typeof param === 'string' || 'object' ? new Date(param) : param;
+		return formatDate(date, format);
+	}
 }
 
 /**
  * formatAxis(new Date())
  */
 export function formatAxis(param: any) {
-    let hour: number = new Date(param).getHours()
-    if (hour < 6) return "凌晨好"
-    else if (hour < 9) return "早上好"
-    else if (hour < 12) return "上午好"
-    else if (hour < 14) return "中午好"
-    else if (hour < 17) return "下午好"
-    else if (hour < 19) return "傍晚好"
-    else if (hour < 22) return "晚上好"
-    else return "夜里好"
+	let hour: number = new Date(param).getHours();
+	if (hour < 6) return '凌晨好';
+	else if (hour < 9) return '早上好';
+	else if (hour < 12) return '上午好';
+	else if (hour < 14) return '中午好';
+	else if (hour < 17) return '下午好';
+	else if (hour < 19) return '傍晚好';
+	else if (hour < 22) return '晚上好';
+	else return '夜里好';
 }
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 8c7788f56ad0409aa4d28f83ed5302a24ca266ae..d8ab73f488293b26e6265ec4f156f3e8956d0a30 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -1,10 +1,9 @@
 <template>
-    home
-    </template>
-    
-    <script lang="ts">
-    export default {
-      name: "home",
-    };
-    </script>
-    
\ No newline at end of file
+	home
+</template>
+
+<script lang="ts">
+export default {
+	name: 'home',
+};
+</script>