1

2025-02-07 16:12:06 +08:00 · 2025-02-07 16:12:06 +08:00 · c806a2aa83
commit c806a2aa83
483 changed files with 30513 additions and 0 deletions
--- a/.gitignore
+++ b/.gitignore
@ -0,0 +1,5 @@
+node_modules
+.DS_Store
+dist
+dist-ssr
+*.local
--- a/.idea/.gitignore
+++ b/.idea/.gitignore
@ -0,0 +1,5 @@
+# 默认忽略的文件
+/shelf/
+/workspace.xml
+# 基于编辑器的 HTTP 客户端请求
+/httpRequests/
--- a/.idea/MarsCodeWorkspaceAppSettings.xml
+++ b/.idea/MarsCodeWorkspaceAppSettings.xml
@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="com.codeverse.userSettings.MarscodeWorkspaceAppSettingsState">
+    <option name="ckgOperationStatus" value="SUCCESS" />
+    <option name="progress" value="0.96525097" />
+  </component>
+</project>
--- a/.idea/UniappTool.xml
+++ b/.idea/UniappTool.xml
@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="cn.fjdmy.uniapp.UniappProjectDataService">
+    <option name="generalBasePath" value="$PROJECT_DIR$" />
+    <option name="manifestPath" value="$PROJECT_DIR$/manifest.json" />
+    <option name="pagesPath" value="$PROJECT_DIR$/pages.json" />
+    <option name="scanNum" value="1" />
+    <option name="type" value="store" />
+  </component>
+</project>
--- a/.idea/admin.iml
+++ b/.idea/admin.iml
@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$">
+      <excludeFolder url="file://$MODULE_DIR$/.tmp" />
+      <excludeFolder url="file://$MODULE_DIR$/temp" />
+      <excludeFolder url="file://$MODULE_DIR$/tmp" />
+    </content>
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>
--- a/.idea/modules.xml
+++ b/.idea/modules.xml
@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/admin.iml" filepath="$PROJECT_DIR$/.idea/admin.iml" />
+    </modules>
+  </component>
+</project>
--- a/.idea/vcs.xml
+++ b/.idea/vcs.xml
@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="$PROJECT_DIR$" vcs="Git" />
+  </component>
+</project>
--- a/.npmrc
+++ b/.npmrc
@ -0,0 +1 @@
+shamefully-hoist=true
--- a/.pnpm-debug.log
+++ b/.pnpm-debug.log
--- a/21
+++ b/21
@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021 就眠儀式
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
--- a/README.md
+++ b/README.md
@ -0,0 +1,78 @@
+<div align="center">
+<br/>
+
+  <h1 align="center">
+    layui vue admin
+  </h1>
+
+  <h4 align="center">
+     开 箱 即 用 的 layui vue 企 业 级 前 端 模 板
+  </h4> 
+
+  [官 网](http://www.layui-vue.com/) |   [预 览](http://admin.layui-vue.com/) 
+
+</div>
+
+<p align="center">
+    <a href="#">
+        <img src="https://img.shields.io/badge/layui vue admin-1.0.0-green.svg" alt="Pear Admin Pro Version">
+    </a>
+    <a href="#">
+        <img src="https://img.shields.io/badge/vue-3.0.0+-green.svg" alt="Vue Version">
+    </a>
+    <a href="#">
+        <img src="https://img.shields.io/badge/layui vue-2.6.3-green.svg" alt="Ant Design Vue Version">
+    </a>
+    <a href="#">
+        <img src="https://img.shields.io/badge/node-16.0.0-red.svg" alt="Node Version">
+    </a>
+</p>
+
+<div align="center">
+  <img  width="92%" style="border-radius:2px;margin-top:20px;margin-bottom:20px;box-shadow: 2px 0 6px gray;" src="resources/1.jpg" />
+</div>
+
+
+### 🌈 项目概述
+
+* 基于 Layui Vue 实现的通用前端模板。整合最新技术高效快速开发，前后端分离模式，开箱即用。
+* 核心模块包括：登录、工作空间、表单页面、列表页面、结果页面、异常页面 等功能。
+* 代码量少、学习简单、功能强大、轻量级、易扩展，轻松开发从现在开始！
+
+### 开始使用
+
+```
+
+切换环境
+
+nvm install 16.0.0
+
+nvm use 16.0.0
+
+安装依赖
+
+npm install -g pnpm
+
+pnpm install
+
+启动项目
+
+npm run dev
+
+打包项目
+
+npm run build
+
+```
+
+## 预览截图
+
+| 预览                  |                界面   |
+|-----------------------|-----------------------|
+| ![](resources/1.jpg)  | ![](resources/2.jpg)  |
+| ![](resources/3.jpg)  | ![](resources/4.jpg)  |
+| ![](resources/5.jpg)  | ![](resources/6.jpg)  |
+| ![](resources/7.jpg)  | ![](resources/8.jpg)  |
+| ![](resources/9.jpg)  | ![](resources/10.jpg) |
+| ![](resources/11.jpg) | ![](resources/12.jpg) |
+| ![](resources/13.jpg) | ![](resources/14.jpg) |
--- a/auto-imports.d.ts
+++ b/auto-imports.d.ts
@ -0,0 +1,5 @@
+// Generated by 'unplugin-auto-import'
+export {}
+declare global {
+
+}
--- a/components.d.ts
+++ b/components.d.ts
@ -0,0 +1,67 @@
+/* eslint-disable */
+// @ts-nocheck
+// Generated by unplugin-vue-components
+// Read more: https://github.com/vuejs/core/pull/3399
+export {}
+
+/* prettier-ignore */
+declare module 'vue' {
+  export interface GlobalComponents {
+    LayBadge: typeof import('@layui/layui-vue')['LayBadge']
+    LayBody: typeof import('@layui/layui-vue')['LayBody']
+    LayBreadcrumb: typeof import('@layui/layui-vue')['LayBreadcrumb']
+    LayBreadcrumbItem: typeof import('@layui/layui-vue')['LayBreadcrumbItem']
+    LayButton: typeof import('@layui/layui-vue')['LayButton']
+    LayButtonContainer: typeof import('@layui/layui-vue')['LayButtonContainer']
+    LayButtonGroup: typeof import('@layui/layui-vue')['LayButtonGroup']
+    LayCard: typeof import('@layui/layui-vue')['LayCard']
+    LayCheckbox: typeof import('@layui/layui-vue')['LayCheckbox']
+    LayCol: typeof import('@layui/layui-vue')['LayCol']
+    LayConfigProvider: typeof import('@layui/layui-vue')['LayConfigProvider']
+    LayContainer: typeof import('@layui/layui-vue')['LayContainer']
+    LayCountUp: typeof import('@layui/layui-vue')['LayCountUp']
+    LayDatePicker: typeof import('@layui/layui-vue')['LayDatePicker']
+    LayDropdown: typeof import('@layui/layui-vue')['LayDropdown']
+    LayDropdownMenu: typeof import('@layui/layui-vue')['LayDropdownMenu']
+    LayDropdownMenuItem: typeof import('@layui/layui-vue')['LayDropdownMenuItem']
+    LayException: typeof import('@layui/layui-vue')['LayException']
+    LayFooter: typeof import('@layui/layui-vue')['LayFooter']
+    LayForm: typeof import('@layui/layui-vue')['LayForm']
+    LayFormItem: typeof import('@layui/layui-vue')['LayFormItem']
+    LayFullscreen: typeof import('@layui/layui-vue')['LayFullscreen']
+    LayHeader: typeof import('@layui/layui-vue')['LayHeader']
+    LayIcon: typeof import('@layui/icons-vue')['LayIcon']
+    LayInput: typeof import('@layui/layui-vue')['LayInput']
+    LayInputNumber: typeof import('@layui/layui-vue')['LayInputNumber']
+    LayLayer: typeof import('@layui/layer-vue')['LayLayer']
+    LayLayout: typeof import('@layui/layui-vue')['LayLayout']
+    LayLine: typeof import('@layui/layui-vue')['LayLine']
+    LayLogo: typeof import('@layui/layui-vue')['LayLogo']
+    LayMenu: typeof import('@layui/layui-vue')['LayMenu']
+    LayMenuItem: typeof import('@layui/layui-vue')['LayMenuItem']
+    LayNoticeBar: typeof import('@layui/layui-vue')['LayNoticeBar']
+    LayPopconfirm: typeof import('@layui/layui-vue')['LayPopconfirm']
+    LayProgress: typeof import('@layui/layui-vue')['LayProgress']
+    LayQrcode: typeof import('@layui/layui-vue')['LayQrcode']
+    LayRadio: typeof import('@layui/layui-vue')['LayRadio']
+    LayRow: typeof import('@layui/layui-vue')['LayRow']
+    LaySelect: typeof import('@layui/layui-vue')['LaySelect']
+    LaySelectOption: typeof import('@layui/layui-vue')['LaySelectOption']
+    LaySide: typeof import('@layui/layui-vue')['LaySide']
+    LaySpace: typeof import('@layui/layui-vue')['LaySpace']
+    LayStep: typeof import('@layui/layui-vue')['LayStep']
+    LayStepItem: typeof import('@layui/layui-vue')['LayStepItem']
+    LaySubMenu: typeof import('@layui/layui-vue')['LaySubMenu']
+    LaySwitch: typeof import('@layui/layui-vue')['LaySwitch']
+    LayTab: typeof import('@layui/layui-vue')['LayTab']
+    LayTabItem: typeof import('@layui/layui-vue')['LayTabItem']
+    LayTable: typeof import('@layui/layui-vue')['LayTable']
+    LayTag: typeof import('@layui/layui-vue')['LayTag']
+    LayTextarea: typeof import('@layui/layui-vue')['LayTextarea']
+    LayTimeline: typeof import('@layui/layui-vue')['LayTimeline']
+    LayTimelineItem: typeof import('@layui/layui-vue')['LayTimelineItem']
+    LayTree: typeof import('@layui/layui-vue')['LayTree']
+    RouterLink: typeof import('vue-router')['RouterLink']
+    RouterView: typeof import('vue-router')['RouterView']
+  }
+}
--- a/index.html
+++ b/index.html
@ -0,0 +1,128 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>医风医德考评系统</title>
+    <style>
+      body {
+        margin: 0;
+      }
+      .loader-main {
+        position: fixed;
+        width: 100%;
+        height: 100%;
+        background-color: whitesmoke;
+        z-index: 9999999;
+      }
+      .loader {
+        width: 50px;
+        height: 50px;
+        margin: 30px auto 40px;
+        margin-top: 20%;
+        position: relative;
+        z-index: 999999;
+        background-color: whitesmoke;
+      }
+      .loader:before {
+        content: "";
+        width: 50px;
+        height: 7px;
+        border-radius: 50%;
+        background: #000;
+        opacity: 0.1;
+        position: absolute;
+        top: 59px;
+        left: 0;
+        animation: shadow 0.5s linear infinite;
+      }
+      .loader:after {
+        content: "";
+        width: 50px;
+        height: 50px;
+        border-radius: 3px;
+        background-color: #5fb878;
+        position: absolute;
+        top: 0;
+        left: 0;
+        animation: loading 0.5s linear infinite;
+      }
+      @-webkit-keyframes loading {
+        17% {
+          border-bottom-right-radius: 3px;
+        }
+
+        25% {
+          transform: translateY(9px) rotate(22.5deg);
+        }
+
+        50% {
+          transform: translateY(18px) scale(1, 0.9) rotate(45deg);
+          border-bottom-right-radius: 40px;
+        }
+
+        75% {
+          transform: translateY(9px) rotate(67.5deg);
+        }
+
+        100% {
+          transform: translateY(0) rotate(90deg);
+        }
+      }
+      @keyframes loading {
+        17% {
+          border-bottom-right-radius: 3px;
+        }
+
+        25% {
+          transform: translateY(9px) rotate(22.5deg);
+        }
+
+        50% {
+          transform: translateY(18px) scale(1, 0.9) rotate(45deg);
+          border-bottom-right-radius: 40px;
+        }
+
+        75% {
+          transform: translateY(9px) rotate(67.5deg);
+        }
+
+        100% {
+          transform: translateY(0) rotate(90deg);
+        }
+      }
+      @-webkit-keyframes shadow {
+        0%,
+        100% {
+          transform: scale(1, 1);
+        }
+
+        50% {
+          transform: scale(1.2, 1);
+        }
+      }
+      @keyframes shadow {
+        0%,
+        100% {
+          transform: scale(1, 1);
+        }
+
+        50% {
+          transform: scale(1.2, 1);
+        }
+      }
+      .layui-table{
+          color: #000000!important;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="app">
+      <div class="loader-main">
+        <div class="loader"></div>
+      </div>
+    </div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@ -0,0 +1,36 @@
+{
+  "name": "layui-vue-admin",
+  "version": "2.0.0",
+  "packageManager": "pnpm@8.14.0",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "build:check": "vue-tsc --noEmit && vite build",
+    "build:prod": "vue-tsc --noEmit && vite build --mode production",
+    "serve": "vite preview"
+  },
+  "dependencies": {
+    "@layui/layui-vue": "2.21.1",
+    "axios": "^1.5.1",
+    "echarts": "^5.4.3",
+    "js-base64": "^3.7.2",
+    "mockjs": "^1.1.0",
+    "nprogress": "^0.2.0",
+    "pinia": "^2.1.7",
+    "pinia-plugin-persistedstate": "^3.2.0",
+    "vue": "^3.3.4",
+    "vue-router": "^4.2.5"
+  },
+  "devDependencies": {
+    "@layui/unplugin-vue-components": "^0.0.3",
+    "@types/node": "^18.7.8",
+    "@types/nprogress": "^0.2.0",
+    "@vitejs/plugin-vue": "^4.2.0",
+    "@vue/compiler-sfc": "^3.3.4",
+    "less": "^4.1.2",
+    "typescript": "^4.5.4",
+    "unplugin-auto-import": "^0.11.2",
+    "vite": "^4.3.5",
+    "vue-tsc": "^1.6.4"
+  }
+}
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
--- a/public/favicon.ico
+++ b/public/favicon.ico
--- a/src/App.vue
+++ b/src/App.vue
@ -0,0 +1,16 @@
+<template>
+  <router-view></router-view>
+</template>
+<style>
+@import "./styles/index.css";
+
+#app {
+  height: 100%;
+}
+body {
+  height: 100%;
+}
+html {
+  height: 100%;
+}
+</style>
--- a/src/api/http.ts
+++ b/src/api/http.ts
@ -0,0 +1,77 @@
+import axios, { AxiosRequestHeaders, AxiosResponse, InternalAxiosRequestConfig } from 'axios';
+import { useUserStore } from "../store/user";
+import { layer } from '@layui/layui-vue';
+import router from '../router'
+
+type TAxiosOption = {
+    timeout: number;
+    baseURL: string;
+}
+
+const config: TAxiosOption = {
+    timeout: 5000,
+    baseURL: "/"
+}
+
+class Http {
+    service;
+    constructor(config: TAxiosOption) {
+        this.service = axios.create(config)
+
+        /* 请求拦截 */
+        this.service.interceptors.request.use((config: InternalAxiosRequestConfig) => {
+            const userInfoStore = useUserStore();
+            if (userInfoStore.token) {
+                (config.headers as AxiosRequestHeaders).token = userInfoStore.token as string
+            } else {
+                if(router.currentRoute.value.path!=='/login') {
+                    router.push('/login');
+                }
+            }
+            return config
+        }, error => {
+            return Promise.reject(error);
+        })
+
+        /* 响应拦截 */
+        this.service.interceptors.response.use((response: AxiosResponse<any>) => {
+            switch (response.data.code) {
+                case 1:
+                    return response.data;
+                case 500:
+                    return response.data;
+                case 99998:
+                    layer.confirm(
+                    '会话超时, 请重新登录',
+                    { icon : 2, yes: function(){
+                        router.push('/login');
+                        layer.closeAll()
+                    }});
+                    return response.data;
+                default:
+                    break;
+            }
+        }, error => {
+            return Promise.reject(error)
+        })
+    }
+
+    /* GET 方法 */
+    get<T>(url: string, params?: object, _object = {}): Promise<any> {
+        return this.service.get(url, { params, ..._object })
+    }
+    /* POST 方法 */
+    post<T>(url: string, params?: object, _object = {}): Promise<any> {
+        return this.service.post(url, params, _object)
+    }
+    /* PUT 方法 */
+    put<T>(url: string, params?: object, _object = {}): Promise<any> {
+        return this.service.put(url, params, _object)
+    }
+    /* DELETE 方法 */
+    delete<T>(url: string, params?: any, _object = {}): Promise<any> {
+        return this.service.delete(url, { params, ..._object })
+    }
+}
+
+export default new Http(config)
--- a/src/api/module/commone.ts
+++ b/src/api/module/commone.ts
@ -0,0 +1,11 @@
+import Http from '../http';
+
+//登录验证码
+export const verificationImg = function () {
+  return Http.get('/login/verificationImg')
+}
+
+//登录二维码
+export const loginQrcode = function () {
+  return Http.get('/login/loginQrcode')
+}
--- a/src/api/module/home.ts
+++ b/src/api/module/home.ts
@ -0,0 +1,61 @@
+import Http from '../http';
+
+//基础评分项列表
+export const homeGetHierarchicalData = function(date: any) {
+    return Http.post('/api/backend/basic_rating/getHierarchicalData', date)
+}
+//基础评分项新增
+export const homeGetHierarchicalDataCreate= function(date: any) {
+    return Http.post('/api/backend/basic_rating/create', date)
+}
+//基础评分项编辑
+export const homeGetHierarchicalDataUpdate= function(date: any) {
+    return Http.post('/api/backend/basic_rating/update', date)
+}
+//基础评分项删除
+export const homeGetHierarchicalDataDelete= function(date: any) {
+    return Http.post('/api/backend/basic_rating/delete', date)
+}
+//加减分列表
+export const scoringGetHierarchicalData= function(date: any) {
+    return Http.post('/api/backend/plus_minus_scoring/getHierarchicalData', date)
+}
+//加减分添加
+export const scoringGetHierarchicalDataCreate= function(date: any) {
+    return Http.post('/api/backend/plus_minus_scoring/create', date)
+}
+//加减分编辑
+export const scoringGetHierarchicalDataUpdate= function(date: any) {
+    return Http.post('/api/backend/plus_minus_scoring/update', date)
+}
+//加减分删除
+export const scoringGetHierarchicalDataDelete= function(date: any) {
+    return Http.post('/api/backend/plus_minus_scoring/delete', date)
+}
+//所属考评项目
+export const getHierarchicalTwo= function(date: any) {
+    return Http.post('/api/backend/basic_rating/getHierarchicalTwo', date)
+}
+
+//考评时间管理
+export const scheduleList= function(date: any) {
+    return Http.post('/api/backend/evaluation_schedule/getHierarchicalData', date)
+}
+//考评时间管理
+export const scheduleCreate= function(date: any) {
+    return Http.post('/api/backend/evaluation_schedule/create', date)
+}
+
+//考评时间管理
+export const scheduleUpdate= function(date: any) {
+    return Http.post('/api/backend/evaluation_schedule/update', date)
+}
+
+//考评时间管理
+export const scheduleDelete= function(date: any) {
+    return Http.post('/api/backend/evaluation_schedule/delete', date)
+}
+
+
+
+
--- a/src/api/module/user.ts
+++ b/src/api/module/user.ts
@ -0,0 +1,13 @@
+import Http from '../http';
+
+export const login = function(loginForm: any) {
+    return Http.post('/user/login', loginForm)
+}
+
+export const menu = function() {
+    return Http.get('/user/menu') 
+}
+
+export const permission = function() {
+    return Http.get('/user/permission') 
+}
--- a/src/assets/common/success.png
+++ b/src/assets/common/success.png
--- a/src/assets/login/a.svg
+++ b/src/assets/login/a.svg
@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>LDAP</title>
+    <g id="LDAP" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="编组-7">
+            <circle id="椭圆形" fill="#FFFFFF" cx="12" cy="12" r="12"></circle>
+            <polygon id="L" fill="#3D98FF" fill-rule="nonzero" points="16.1529626 17.1428571 16.6501055 14.64 11.6958198 14.64 13.6329626 4.93714286 10.7872483 4.93714286 8.33581975 17.1428571"></polygon>
+        </g>
+    </g>
+</svg>
--- a/src/assets/login/f.svg
+++ b/src/assets/login/f.svg
--- a/src/assets/login/login-bg.svg
+++ b/src/assets/login/login-bg.svg
--- a/src/assets/login/login-yzm.jpg
+++ b/src/assets/login/login-yzm.jpg
--- a/src/assets/login/q.svg
+++ b/src/assets/login/q.svg
--- a/src/assets/login/w.svg
+++ b/src/assets/login/w.svg
@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>微信</title>
+    <g id="微信" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="编组">
+            <circle id="椭圆形" fill="#FFFFFF" cx="12" cy="12" r="12"></circle>
+            <path d="M18.7612468,17.0302703 C19.7719856,16.291964 20.4177514,15.1997838 20.4177514,13.9863784 C20.4177514,11.7622342 18.2713009,9.95956757 15.6232288,9.95956757 C12.975445,9.95956757 10.8287063,11.7622342 10.8287063,13.9863784 C10.8287063,16.2105225 12.975445,18.0134775 15.6232288,18.0134775 C16.1702559,18.0134775 16.6985441,17.9346306 17.1883459,17.7927928 C17.2328865,17.7790991 17.2801658,17.7714595 17.3293189,17.7714595 C17.4212829,17.7714595 17.5048865,17.7997117 17.5838775,17.8456937 L18.6332468,18.4565766 C18.6626523,18.4732973 18.6910486,18.4865586 18.7257874,18.4865586 C18.8141477,18.4865586 18.8856432,18.4143423 18.8856432,18.3255495 C18.8856432,18.2854775 18.8697874,18.2458378 18.8598414,18.2076396 C18.8537874,18.1848649 18.7246342,17.6988108 18.6437694,17.3953874 C18.6345441,17.3612252 18.6269045,17.3283604 18.6269045,17.2927568 C18.6269045,17.1846486 18.6799495,17.0886486 18.7612468,17.0302703 M14.0251027,13.300973 C13.6945802,13.300973 13.4264721,13.030991 13.4264721,12.6978739 C13.4264721,12.3646126 13.6945802,12.0944865 14.0251027,12.0944865 C14.3557694,12.0944865 14.6237333,12.3646126 14.6237333,12.6978739 C14.6237333,13.030991 14.3557694,13.300973 14.0251027,13.300973 M17.2214991,13.300973 C16.8908324,13.300973 16.6231568,13.030991 16.6231568,12.6978739 C16.6231568,12.3646126 16.8908324,12.0944865 17.2214991,12.0944865 C17.5521658,12.0944865 17.8201297,12.3646126 17.8201297,12.6978739 C17.8201297,13.030991 17.5521658,13.300973 17.2214991,13.300973" id="Fill-17" fill="#00D267"></path>
+            <path d="M10.2533694,5.51351351 C7.07585586,5.51351351 4.5,7.67711712 4.5,10.3458018 C4.5,11.8020901 5.27506306,13.1127928 6.48789189,13.9985586 C6.58533333,14.0686126 6.64904505,14.1834955 6.64904505,14.3136577 C6.64904505,14.3564685 6.63996396,14.3955315 6.62872072,14.4367568 C6.53185586,14.801009 6.37675676,15.3842162 6.36954955,15.4114595 C6.35744144,15.4572973 6.3387027,15.5048649 6.3387027,15.5527207 C6.3387027,15.6595315 6.42446847,15.7458739 6.53041441,15.7458739 C6.57221622,15.7458739 6.60609009,15.7304505 6.64111712,15.709982 L7.90093694,14.977009 C7.9954955,14.9220901 8.09567568,14.8882162 8.20623423,14.8882162 C8.26518919,14.8882162 8.32183784,14.897009 8.37531532,14.9134414 C8.96299099,15.0838198 9.59679279,15.1783784 10.2533694,15.1783784 C10.3594595,15.1783784 10.4646847,15.1754955 10.5693333,15.1708829 C10.4442162,14.7938018 10.3761802,14.396973 10.3761802,13.9864505 C10.3761802,11.5525766 12.7252973,9.57924324 15.6233153,9.57924324 C15.7282523,9.57924324 15.7550631,9.58255856 15.8584144,9.5876036 C15.4251171,7.27899099 13.1237117,5.51351351 10.2533694,5.51351351 M8.33581982,9.48511712 C7.95989189,9.48511712 7.65531532,9.17809009 7.65531532,8.79956757 C7.65531532,8.4209009 7.95989189,8.11401802 8.33581982,8.11401802 C8.71117117,8.11401802 9.01574775,8.4209009 9.01574775,8.79956757 C9.01574775,9.17809009 8.71117117,9.48511712 8.33581982,9.48511712 M12.1712072,9.48497297 C11.7955676,9.48497297 11.490991,9.17809009 11.490991,8.79956757 C11.490991,8.4209009 11.7955676,8.11401802 12.1712072,8.11401802 C12.5468468,8.11401802 12.8514234,8.4209009 12.8514234,8.79956757 C12.8514234,9.17809009 12.5468468,9.48497297 12.1712072,9.48497297" id="Fill-1" fill="#00D267"></path>
+        </g>
+    </g>
+</svg>
--- a/src/assets/logo.png
+++ b/src/assets/logo.png
--- a/src/assets/messageSlot/avatar1.png
+++ b/src/assets/messageSlot/avatar1.png
--- a/src/assets/messageSlot/avatar2.png
+++ b/src/assets/messageSlot/avatar2.png
--- a/src/assets/messageSlot/avatar3.png
+++ b/src/assets/messageSlot/avatar3.png
--- a/src/assets/messageSlot/avatar4.png
+++ b/src/assets/messageSlot/avatar4.png
--- a/src/assets/messageSlot/avatar5.png
+++ b/src/assets/messageSlot/avatar5.png
--- a/src/assets/messageSlot/avatar6.png
+++ b/src/assets/messageSlot/avatar6.png
--- a/src/assets/messageSlot/info1.png
+++ b/src/assets/messageSlot/info1.png
--- a/src/assets/messageSlot/info2.png
+++ b/src/assets/messageSlot/info2.png
--- a/src/assets/messageSlot/info3.png
+++ b/src/assets/messageSlot/info3.png
--- a/src/assets/messageSlot/info4.png
+++ b/src/assets/messageSlot/info4.png
--- a/src/assets/messageSlot/info5.png
+++ b/src/assets/messageSlot/info5.png
--- a/src/directives/permission.ts
+++ b/src/directives/permission.ts
@ -0,0 +1,25 @@
+import { Directive } from 'vue';
+import { useUserStore } from '../store/user';
+
+export const permission: Directive = {
+    mounted(el, binding) {
+        toolPermission(el, binding);
+    },
+    updated(el, binding) {
+        toolPermission(el, binding);
+    }
+}
+
+const toolPermission = (el:any, binding:any) => {
+    const { value } = binding;
+    const userInfoStore = useUserStore();
+    const permissions = userInfoStore.permissions;
+    if (value && value instanceof Array && value.length > 0) {
+        const hasPermission = permissions.some((permission) => {
+            return value.includes(permission);
+        })
+        if (!hasPermission) {
+            el.parentNode && el.parentNode.removeChild(el);
+        }
+    }
+}
--- a/src/lang/en_US.ts
+++ b/src/lang/en_US.ts
@ -0,0 +1,3 @@
+export default {
+    hello: "hello"
+}
--- a/src/lang/zh_CN.ts
+++ b/src/lang/zh_CN.ts
@ -0,0 +1,3 @@
+export default {
+    hello: "你好"
+}
--- a/src/layouts/BasicLayout.vue
+++ b/src/layouts/BasicLayout.vue
@ -0,0 +1,454 @@
+<template>
+  <lay-config-provider
+    :themeVariable="appStore.themeVariable"
+    :theme="appStore.theme"
+    :locales="locales"
+    :locale="appStore.locale"
+  >
+    <lay-layout
+      :class="[
+        appStore.tab ? 'has-tab' : '',
+        appStore.collapse ? 'collapse' : '',
+        appStore.greyMode ? 'grey-mode' : ''
+      ]"
+    >
+      <!-- 遮盖层 -->
+      <div
+        v-if="!appStore.collapse"
+        class="layui-layer-shade hidden-sm-and-up"
+        @click="collapse"
+      ></div>
+      <!-- 核心菜单  -->
+      <lay-side
+        :width="sideWidth"
+        :class="appStore.sideTheme == 'dark' ? 'dark changeBgc' : 'light'"
+      >
+        <lay-logo v-if="appStore.logo">医风医德考评系统</lay-logo>
+        <div class="side-menu-wrapper">
+          <div
+            class="side-menu1"
+            v-if="appStore.subfield && appStore.subfieldPosition == 'side'"
+          >
+            <global-main-menu
+              :collapse="true"
+              :menus="mainMenus"
+              :selectedKey="mainSelectedKey"
+              @changeSelectedKey="changeMainSelectedKey"
+            ></global-main-menu>
+          </div>
+          <div class="side-menu2">
+            <global-menu
+              :collapse="appStore.collapse"
+              :menus="menus"
+              :openKeys="openKeys"
+              :selectedKey="selectedKey"
+              @changeOpenKeys="changeOpenKeys"
+              @changeSelectedKey="changeSelectedKey"
+            ></global-menu>
+          </div>
+        </div>
+      </lay-side>
+      <lay-layout style="width: 0px">
+        <!-- 布局头部 -->
+        <lay-header style="display: flex">
+          <lay-menu class="layui-layout-left">
+            <lay-menu-item @click="collapse">
+              <lay-icon
+                v-if="appStore.collapse"
+                type="layui-icon-spread-left"
+              ></lay-icon>
+              <lay-icon v-else type="layui-icon-shrink-right"></lay-icon>
+            </lay-menu-item>
+            <lay-menu-item class="hidden-xs-only" @click="refresh">
+              <lay-icon type="layui-icon-refresh-one"></lay-icon>
+            </lay-menu-item>
+            <lay-menu-item
+              class="hidden-xs-only"
+              v-if="appStore.breadcrumb"
+              style="padding: 0px 15px"
+            >
+              <GlobalBreadcrumb></GlobalBreadcrumb>
+            </lay-menu-item>
+          </lay-menu>
+          <!-- 菜单分组 -->
+          <lay-menu
+            v-if="appStore.subfield && appStore.subfieldPosition == 'head'"
+            class="layui-nav-center"
+            :selectedKey="mainSelectedKey"
+            @changeSelectedKey="changeMainSelectedKey"
+          >
+            <template v-for="(menu, index) in mainMenus" :key="index">
+              <lay-menu-item :id="menu.id" v-if="index < 4">
+                <template #title>{{ menu.title }}</template>
+              </lay-menu-item>
+            </template>
+          </lay-menu>
+          <lay-dropdown
+            v-if="appStore.subfield && appStore.subfieldPosition == 'head'"
+            trigger="hover"
+            placement="bottom"
+          >
+            <lay-icon
+              type="layui-icon-more"
+              style="padding: 0px 15px"
+            ></lay-icon>
+            <template #content>
+              <lay-dropdown-menu>
+                <template v-for="(menu, index) in mainMenus">
+                  <lay-dropdown-menu-item
+                    :key="menu.id"
+                    v-if="index >= 4"
+                    @click="changeMainSelectedKey(menu.id)"
+                    >{{ menu.title }}</lay-dropdown-menu-item
+                  >
+                </template>
+              </lay-dropdown-menu>
+            </template>
+          </lay-dropdown>
+          <lay-menu class="layui-layout-right">
+            <lay-menu-item>
+              <lay-fullscreen v-slot="{ toggle, isFullscreen }">
+                <lay-icon
+                  @click="toggle()"
+                  :type="
+                    isFullscreen
+                      ? 'layui-icon-screen-restore'
+                      : 'layui-icon-screen-full'
+                  "
+                ></lay-icon>
+              </lay-fullscreen>
+            </lay-menu-item>
+            <lay-menu-item>
+              <global-message-tab :flag="flag">
+                <lay-icon
+                  type="layui-icon-notice"
+                  @click="changeDropdown"
+                ></lay-icon>
+              </global-message-tab>
+            </lay-menu-item>
+            <lay-menu-item>
+              <lay-dropdown placement="bottom">
+                <lay-icon type="layui-icon-website"></lay-icon>
+                <template #content>
+                  <lay-dropdown-menu>
+                    <lay-dropdown-menu-item
+                      @click="() => (appStore.locale = 'zh_CN')"
+                    >
+                      <template #default>中文</template>
+                    </lay-dropdown-menu-item>
+                    <lay-dropdown-menu-item
+                      @click="() => (appStore.locale = 'en_US')"
+                    >
+                      <template #default>英文</template>
+                    </lay-dropdown-menu-item>
+                  </lay-dropdown-menu>
+                </template>
+              </lay-dropdown>
+            </lay-menu-item>
+            <lay-menu-item>
+              <lay-dropdown placement="bottom">
+                <lay-icon type="layui-icon-username"></lay-icon>
+                <template #content>
+                  <lay-dropdown-menu>
+                    <lay-dropdown-menu-item @click="toUserInfo">
+                      <template #default>用户信息</template>
+                    </lay-dropdown-menu-item>
+                    <lay-dropdown-menu-item @click="toSystemSet">
+                      <template #default>系统设置</template>
+                    </lay-dropdown-menu-item>
+                    <lay-line></lay-line>
+                    <lay-dropdown-menu-item @click="logOut">
+                      <template #default>注销登录</template>
+                    </lay-dropdown-menu-item>
+                  </lay-dropdown-menu>
+                </template>
+              </lay-dropdown>
+            </lay-menu-item>
+            <lay-menu-item @click="changeVisible">
+              <lay-icon type="layui-icon-more-vertical"></lay-icon>
+            </lay-menu-item>
+          </lay-menu>
+        </lay-header>
+        <lay-body>
+          <global-tab
+            :class="
+              appStore.tagsTheme == 'concise'
+                ? ''
+                : appStore.tagsTheme == 'underpainting'
+                ? 'underpainting'
+                : 'designer'
+            "
+          >
+          </global-tab>
+          <global-content></global-content>
+        </lay-body>
+        <lay-footer></lay-footer>
+      </lay-layout>
+    </lay-layout>
+    <global-setup v-model="visible"></global-setup>
+  </lay-config-provider>
+</template>
+
+<script lang="ts">
+import { computed, onMounted, ref } from 'vue'
+import { useAppStore } from '../store/app'
+import { useUserStore } from '../store/user'
+import GlobalSetup from './global/GlobalSetup.vue'
+import GlobalContent from './global/GlobalContent.vue'
+import GlobalBreadcrumb from './global/GlobalBreadcrumb.vue'
+import GlobalTab from './global/GlobalTab.vue'
+import GlobalMenu from './global/GlobalMenu.vue'
+import GlobalMainMenu from './global/GlobalMainMenu.vue'
+import GlobalMessageTab from './global/GlobalMessageTab.vue'
+import { useRouter } from 'vue-router'
+import { useMenu } from './composable/useMenu'
+import zh_CN from '../lang/zh_CN'
+import en_US from '../lang/en_US'
+
+export default {
+  components: {
+    GlobalSetup,
+    GlobalContent,
+    GlobalTab,
+    GlobalMenu,
+    GlobalBreadcrumb,
+    GlobalMainMenu,
+    GlobalMessageTab
+  },
+  setup() {
+    const appStore = useAppStore()
+    const userInfoStore = useUserStore()
+    const fullscreenRef = ref()
+    const visible = ref(false)
+    const sideWidth = computed(() =>
+      appStore.collapse
+        ? '60px'
+        : appStore.subfield && appStore.subfieldPosition == 'side'
+        ? '280px'
+        : '220px'
+    )
+    const router = useRouter()
+
+    const {
+      selectedKey,
+      openKeys,
+      menus,
+      mainMenus,
+      mainSelectedKey,
+      changeMainSelectedKey,
+      changeSelectedKey,
+      changeOpenKeys
+    } = useMenu()
+
+    onMounted(() => {
+      if (document.body.clientWidth < 768) {
+        appStore.collapse = true
+      }
+      userInfoStore.loadMenus()
+      userInfoStore.loadPermissions()
+    })
+
+    const changeVisible = () => {
+      visible.value = !visible.value
+    }
+
+    const currentIndex = ref('1')
+
+    const collapse = () => {
+      appStore.collapse = !appStore.collapse
+    }
+
+    const refresh = () => {
+      appStore.routerAlive = false
+      setTimeout(function () {
+        appStore.routerAlive = true
+      }, 500)
+    }
+
+    const logOut = () => {
+      const userInfoStore = useUserStore()
+      userInfoStore.token = ''
+      userInfoStore.userInfo = {}
+      router.push('/login')
+    }
+
+    const locales = [
+      { name: 'zh_CN', locale: zh_CN, merge: true },
+      { name: 'en_US', locale: en_US, merge: true }
+    ]
+
+    function toUserInfo() {
+      router.push('/enrollee/profile')
+    }
+
+    function toSystemSet() {
+      router.push('/system/menu')
+    }
+
+    const flag = ref(false)
+
+    function changeDropdown() {
+      flag.value = !flag.value
+    }
+
+    return {
+      sideWidth,
+      mainSelectedKey,
+      fullscreenRef,
+      appStore,
+      visible,
+      menus,
+      mainMenus,
+      userInfoStore,
+      currentIndex,
+      selectedKey,
+      openKeys,
+      collapse,
+      changeOpenKeys,
+      changeSelectedKey,
+      changeMainSelectedKey,
+      changeVisible,
+      refresh,
+      logOut,
+      locales,
+      toUserInfo,
+      toSystemSet,
+      changeDropdown,
+      flag
+    }
+  }
+}
+</script>
+
+<style lang="less">
+@media screen and (max-width: 767px) {
+  .layui-side {
+    position: absolute;
+    height: 100vh;
+  }
+}
+
+/*鼠标经过背景色，增加了improtant，否则设置无效*/
+.layui-header .layui-nav-item .layui-icon:hover {
+  background: whitesmoke !important;
+}
+
+/*面包屑颜色兼容*/
+.layui-header .layui-nav-item .layui-breadcrumb a {
+  color: #999 !important;
+}
+
+.layui-header .layui-nav-item .layui-breadcrumb a:nth-last-child(2) {
+  color: #666 !important;
+}
+
+/*图标默认颜色修复，指定 .layui-icon 去掉improtant，否则无法设置图标其他颜色*/
+.layui-header .layui-nav-item .layui-icon {
+  color: #666;
+}
+
+/*取消默认a标签的padding:0 20px，否则扩大图标后容器变形*/
+.layui-header .layui-nav-item > a {
+  padding: 0 !important;
+}
+
+/*扩大图标尺寸与所在容器大小一致，默认大小导致鼠标必须点击图标才能触发事件效果*/
+.layui-header .layui-nav-item .layui-icon {
+  height: 50px;
+  padding: 20px;
+}
+
+/*增加鼠标经过图标时改变图标颜色，颜色为当前系统主题色*/
+.layui-header .layui-nav-item .layui-icon:hover {
+  color: var(--global-primary-color) !important;
+}
+
+.grey-mode {
+  filter: grayscale(1);
+}
+
+.side-menu-wrapper {
+  width: 100%;
+  overflow-y: auto;
+  height: calc(100% - 52px);
+  display: flex;
+}
+
+.side-menu-wrapper::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+
+.side-menu-wrapper::-webkit-scrollbar-thumb {
+  border-radius: 10px;
+  background-color: rgb(40, 51, 62);
+}
+
+.light .side-menu-wrapper::-webkit-scrollbar-thumb {
+  background-color: #e2e2e2;
+}
+
+.side-menu1 {
+  width: 60px;
+  flex: 0 0 60px;
+  border-right: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+.light .side-menu1 {
+  border-right: 1px solid whitesmoke;
+}
+
+.side-menu2 {
+  flex: 1;
+}
+
+.changeBgc {
+  background-color: #00A394 !important;
+}
+
+.underpainting {
+  .layui-tab-title {
+    .layui-this {
+      color: var(--global-primary-color) !important;
+      border-bottom: 2px solid var(--global-primary-color) !important;
+      background-color: #009b8e0d !important;
+
+      .layui-icon {
+        color: var(--global-primary-color) !important;
+      }
+    }
+  }
+}
+.layui-body
+  > .global-tab
+  > .layui-tab
+  > .layui-tab-head
+  > .layui-tab-title
+  > li {
+  height: 38px;
+  line-height: 38px;
+}
+.designer {
+  padding-left: 5px;
+  box-sizing: border-box;
+  .layui-tab-head {
+    background-color: unset !important;
+  }
+
+  .layui-tab-title {
+    background-color: unset !important;
+    > li {
+      background-color: #fff;
+      margin: 5px 0 0 5px;
+      border-radius: 4px;
+      height: 32px !important;
+      line-height: 32px !important;
+    }
+  }
+}
+.layui-logo{
+  color: #fff;
+  font-weight: 600;
+  border-bottom:0px!important;
+}
+</style>
--- a/src/layouts/BlankLayout.vue
+++ b/src/layouts/BlankLayout.vue
@ -0,0 +1,3 @@
+<template>
+    <router-view></router-view>
+</template>
--- a/src/layouts/composable/useMenu.ts
+++ b/src/layouts/composable/useMenu.ts
@ -0,0 +1,137 @@
+import { layer } from "@layui/layui-vue";
+import {computed, ComputedRef, onMounted, ref, watch} from "vue";
+import { useRoute, useRouter } from "vue-router";
+import { diff } from "../../library/arrayUtil";
+import { getParents, getNode } from "../../library/treeUtil";
+import { useAppStore } from "../../store/app";
+import { useUserStore } from "../../store/user";
+
+export function useMenu() {
+
+  const route = useRoute();
+  const router = useRouter();
+  const userStore = useUserStore();
+  const appStore = useAppStore();
+  const selectedKey = ref(route.path);
+  const openKeys = ref<string[]>([]);
+  const isAccordion = computed(() => appStore.accordion);
+  const isSubfield = computed(() => appStore.subfield);
+  const mainSelectedKey = ref("/home");
+
+  const menus = computed(() => {
+    if(isSubfield.value) {
+        const node = getNode(userStore.menus, mainSelectedKey.value);
+        if(node) {
+            return node.children;
+        } else {
+            return [];
+        }
+    } else {
+        return userStore.menus;
+    }
+  });
+
+  const mainMenus: ComputedRef<any[]> = computed(() => {
+    if(isSubfield.value) {
+        return userStore.menus;
+    } else {
+        return [];
+    }
+  });
+  onMounted(()=>{
+    console.log(selectedKey.value)
+    console.log(route.path)
+  })
+  watch(
+    route,
+    () => {
+
+      selectedKey.value = route.path;
+      const andParents = getParents(menus.value, route.path);
+      if (andParents && andParents.length > 0) {
+        let andParentKeys = andParents.map((item: any) => item.id);
+        if (isAccordion.value) {
+          openKeys.value = [...andParentKeys];
+        } else {
+          openKeys.value = [...andParentKeys, ...openKeys.value];
+        }
+      }
+    },
+    { immediate: true }
+  );
+
+  const to = (id: string) => {
+    router.push(id);
+  };
+
+  function changeSelectedKey(key: string) {
+    console.log(key)
+    console.log(userStore.menus)
+    var node = getNode(userStore.menus, key);
+    console.log(node)
+    if (node.type && node.type == "modal") {
+      layer.open({
+        type: "iframe",
+        content: node.id,
+        area: ["80%", "80%"],
+        maxmin: true,
+      });
+      return;
+    }
+
+    if (node.type && node.type == "blank") {
+      window.open(node.id, "_blank");
+      return;
+    }
+
+    to(key);
+  }
+
+  function changeOpenKeys(keys: string[]) {
+    const addArr = diff(openKeys.value, keys);
+    if (keys.length > openKeys.value.length && isAccordion.value) {
+      var arr = getParents(menus.value, addArr[0]);
+      if(arr && arr.length > 0) {
+        openKeys.value = arr.map((item: any) => {
+          return item.id;
+        });
+      }
+    } else {
+      openKeys.value = keys;
+    }
+  }
+
+  function changeMainSelectedKey(key: string) {
+
+    var node = getNode(userStore.menus, key);
+
+    if (node.type && node.type == "modal") {
+      layer.open({
+        type: "iframe",
+        content: node.id,
+        area: ["80%", "80%"],
+        maxmin: true,
+      });
+      return;
+    }
+
+    if (node.type && node.type == "blank") {
+      window.open(node.id, "_blank");
+      return;
+    }
+
+    mainSelectedKey.value = key;
+  }
+
+  return {
+    selectedKey,
+    openKeys,
+    changeOpenKeys,
+    changeSelectedKey,
+    isAccordion,
+    menus,
+    mainMenus,
+    mainSelectedKey,
+    changeMainSelectedKey
+  };
+}
--- a/src/layouts/composable/useTab.ts
+++ b/src/layouts/composable/useTab.ts
@ -0,0 +1,86 @@
+import { computed, Ref, ref, watch } from "vue";
+import { useRoute, useRouter } from "vue-router";
+import { useAppStore } from "../../store/app";
+
+export function useTab() {
+
+  const route = useRoute();
+  const router = useRouter();
+  const routes = router.getRoutes()
+  const currentPath = computed(() => route.path);
+  const appStore = useAppStore();
+
+  const tabs: Ref<any> = ref([]);
+  const tabsCache: string[] = []
+
+  if (routes) {
+    routes.forEach(route => {
+      if (route.meta && route.meta.affix) {
+        tabs.value.push({
+          ...route.meta,
+          id: route.path,
+          name: route?.name
+        })
+        tabsCache.push(route.path)
+      }
+    })
+  }
+
+  if (route.path && !tabsCache.includes(route.path)) {
+    const path = routes.find(item => item.path === route.path)
+    path && tabs.value.push({
+      ...path.meta,
+      id: route.path,
+      name: route?.name,
+    })
+  }
+
+  const to = (id: string) => {
+    router.push(id);
+  };
+
+  const close = (id: string) => {
+    tabs.value = tabs.value.filter((ele: any) => ele.id != id);
+  };
+
+  const closeAll = () => {
+    tabs.value = tabs.value.filter((ele: any) => ele.closable == false);
+    to(tabs.value[0].id);
+  };
+
+  const closeCurrent = () => {
+    tabs.value = tabs.value.filter((ele: any) => ele.id != currentPath.value);
+    to(tabs.value[0].id);
+  }
+
+  const closeOther = () => {
+    tabs.value = tabs.value.filter(
+      (ele: any) => ele.closable == false || ele.id == currentPath.value
+    );
+  };
+
+  watch(route, () => {
+    let bool = false;
+    tabs.value.forEach((tab: any) => {
+      if (tab.id === route.path) {
+        bool = true;
+      }
+    });
+    if (!bool) {
+      tabs.value.push({ id: route.path, title: route.meta.title, name: route?.name });
+    }
+    appStore.$patch((state) => {
+      state.keepAliveList = tabs.value.map((item: any) => item?.name).filter((item: any) => item)
+    })
+  });
+
+  return {
+    to,
+    close,
+    closeAll,
+    closeOther,
+    closeCurrent,
+    tabs,
+    currentPath,
+  };
+}
--- a/src/layouts/global/GlobalBreadcrumb.vue
+++ b/src/layouts/global/GlobalBreadcrumb.vue
@ -0,0 +1,25 @@
+<template>
+    <lay-breadcrumb>
+        <lay-breadcrumb-item v-for="(breadcrumb, index) in breadcrumbs" :key="index">
+            {{ breadcrumb.title }}
+        </lay-breadcrumb-item>
+    </lay-breadcrumb>
+</template>
+
+<script lang="ts">
+export default {
+    name: "GlobalBreadcrumb"
+}
+</script>
+
+
+<script lang="ts" setup>
+import { computed } from "vue";
+import { useRoute } from "vue-router";
+import { getParents } from "../../library/treeUtil";
+import { useUserStore } from "../../store/user";
+
+const userStore = useUserStore();
+const route = useRoute();
+const breadcrumbs = computed(() => getParents(userStore.menus, route.path)?.reverse());
+</script>
--- a/src/layouts/global/GlobalColor.vue
+++ b/src/layouts/global/GlobalColor.vue
@ -0,0 +1,48 @@
+<template>
+    <ul class="color-list">
+      <li :style="{'background':option}" v-for="(option, index) in options" :key="index" @click="handlerChange(option)"><lay-icon v-if="option == modelValue" type="layui-icon-ok"></lay-icon></li>
+    </ul>
+</template>
+
+<script lang="ts">
+export default {
+  name: "GlobalColor",
+};
+</script>
+
+<script lang="ts" setup>
+  
+interface ColorProps {
+  modelValue: string;
+  options?: string[];
+}
+
+const props = withDefaults(defineProps<ColorProps>(), {
+  modelValue: "#009688",
+  options: () => ['#009688','#36b368','#2d8cf0','#f6ad55','#f56c6c','#3963bc']
+});
+
+const emits = defineEmits(['update:modelValue'])
+
+const handlerChange = function(color: string) {
+    emits('update:modelValue', color);
+}
+</script>
+
+<style>
+.color-list {
+    display: inline-block;
+    margin: 20px 0px 15px 0px;
+}
+.color-list li {
+    float: left;
+    text-align: center;
+    width: 24px;
+    height: 24px;
+    line-height: 24px;
+    margin-left: 14px;
+    border-radius: 2px;
+    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 15%);
+    color: white;
+}
+</style>
--- a/src/layouts/global/GlobalContent.vue
+++ b/src/layouts/global/GlobalContent.vue
@ -0,0 +1,43 @@
+<template>
+  <div class="global-content" :class="{ 'has-tab': appStore.tab }">
+    <router-view v-slot="{ Component }" v-if="appStore.routerAlive">
+      <keep-alive :include="appStore.keepAliveList">
+        <component :is="Component" />
+      </keep-alive>
+    </router-view>
+  </div>
+</template>
+
+<script lang="ts">
+export default {
+  name: 'GlobalContent'
+}
+</script>
+
+<script lang="ts" setup>
+import { useAppStore } from '../../store/app'
+
+const appStore = useAppStore()
+</script>
+
+<style scoped>
+.global-content {
+  height: 100%;
+  overflow: auto;
+}
+
+.global-content.has-tab {
+  height: calc(100% - 46px);
+  overflow: auto;
+}
+
+.global-content::-webkit-scrollbar {
+    width: 8px;
+    height: 8px;
+}
+
+.global-content::-webkit-scrollbar-thumb {
+    border-radius: 10px;
+    background-color: #e2e2e2;
+}
+</style>
--- a/src/layouts/global/GlobalHeader.vue
+++ b/src/layouts/global/GlobalHeader.vue
@ -0,0 +1,13 @@
+<template>
+
+</template>
+
+<script lang="ts">
+export default {
+    name: "GlobalHeader"
+}
+</script>
+
+<style scoped>
+
+</style>
--- a/src/layouts/global/GlobalMainMenu.vue
+++ b/src/layouts/global/GlobalMainMenu.vue
@ -0,0 +1,67 @@
+<template>
+  <lay-menu
+    :tree="true"
+    :collapse="collapse"
+    :level="appStore.level"
+    :inverted="appStore.inverted"
+    :theme="appStore.sideTheme"
+    :selectedKey="selectedKey"
+    @changeSelectedKey="changeSelectedKey"
+  >
+    <GlobalMainMenuItem :menus="menus"></GlobalMainMenuItem>
+  </lay-menu>
+</template>
+
+<script lang="ts">
+export default {
+  name: "GlobalMenu",
+};
+</script>
+
+<script lang="ts" setup>
+import { useAppStore } from "../../store/app";
+import GlobalMainMenuItem from "./GlobalMainMenuItem.vue";
+
+const appStore = useAppStore();
+
+interface MenuProps {
+  collapse: boolean;
+  menus: any[];
+  selectedKey: string;
+}
+
+const props = withDefaults(defineProps<MenuProps>(), {
+  collapse: false,
+});
+
+const emits = defineEmits(['changeSelectedKey'])
+
+const changeSelectedKey = (key: string) => {
+  emits("changeSelectedKey", key);
+};
+
+</script>
+
+<style>
+.layui-nav-tree * {
+  font-size: 14px;
+}
+
+.layui-nav-tree .layui-nav-item > a,
+.layui-nav-tree.inverted .layui-nav-item > a {
+  padding: 3px 22px;
+}
+
+.layui-nav-tree.inverted .layui-this > a {
+  padding: 3px 16px;
+}
+
+.layui-nav-tree .layui-nav-item > a > span {
+  padding-left: 10px;
+}
+
+.layui-nav-tree .layui-nav-item > a .layui-nav-more {
+  font-size: 12px!important;
+  padding: 3px 0px;
+}
+</style>
--- a/src/layouts/global/GlobalMainMenuItem.vue
+++ b/src/layouts/global/GlobalMainMenuItem.vue
@ -0,0 +1,23 @@
+<template>
+  <template v-for="(menu, index) in menus" :key="index">
+    <lay-menu-item :id="menu.id">
+      <template #icon>
+        <lay-icon :type="menu.icon"></lay-icon>
+      </template>
+      <template #title>{{ menu.title }}</template>
+    </lay-menu-item>
+  </template>
+</template>
+
+<script lang="ts">
+import { defineComponent } from "vue";
+
+export default defineComponent({
+  name: "GlobalMainMenuItem",
+  props: {
+    menus: {
+      type: Object,
+    },
+  },
+});
+</script>
--- a/src/layouts/global/GlobalMenu.vue
+++ b/src/layouts/global/GlobalMenu.vue
@ -0,0 +1,77 @@
+<template>
+  <lay-menu
+      style="color: #ffffff"
+    :tree="true"
+    :collapse="collapse"
+    :level="appStore.level"
+    :inverted="appStore.inverted"
+    :theme="appStore.sideTheme"
+    :openKeys="openKeys"
+    :selectedKey="selectedKey"
+    :indent="true"
+    @changeOpenKeys="changeOpenKeys"
+    @changeSelectedKey="changeSelectedKey"
+  >
+    <GlobalMenuItem :menus="menus" :teleportProps="{disabled: false}"></GlobalMenuItem>
+  </lay-menu>
+</template>
+
+<script lang="ts">
+export default {
+  name: "GlobalMenu",
+};
+</script>
+
+<script lang="ts" setup>
+import { useAppStore } from "../../store/app";
+import GlobalMenuItem from "./GlobalMenuItem.vue";
+
+const appStore = useAppStore();
+
+interface MenuProps {
+  collapse: boolean;
+  selectedKey: string;
+  openKeys: string[];
+  menus: any[];
+}
+
+const props = withDefaults(defineProps<MenuProps>(), {
+  collapse: false,
+});
+
+const emits = defineEmits(['changeOpenKeys', 'changeSelectedKey'])
+
+const changeOpenKeys = (keys: string[]) => {
+  emits("changeOpenKeys", keys);
+}
+
+const changeSelectedKey = (key: string) => {
+  console.log(props.menus)
+  emits("changeSelectedKey", key);
+};
+
+</script>
+
+<style>
+.layui-nav-tree * {
+  font-size: 14px;
+}
+
+.layui-nav-tree .layui-nav-item > a,
+.layui-nav-tree.inverted .layui-nav-item > a {
+  padding: 3px 22px;
+}
+
+.layui-nav-tree.inverted .layui-this > a {
+  padding: 3px 16px;
+}
+
+.layui-nav-tree .layui-nav-item > a > span {
+  padding-left: 10px;
+}
+
+.layui-nav-tree .layui-nav-item > a .layui-nav-more {
+  font-size: 12px!important;
+  padding: 3px 0px;
+}
+</style>
--- a/src/layouts/global/GlobalMenuItem.vue
+++ b/src/layouts/global/GlobalMenuItem.vue
@ -0,0 +1,57 @@
+<template>
+    <template v-for="(menu, index) in menus" :key="index">
+        <template v-if="menu.children">
+            <lay-sub-menu :id="menu.id" :teleportProps="teleportProps">
+                <template #icon>
+                    <lay-icon :type="menu.icon"></lay-icon>
+                </template>
+                <template #title>{{ menu.title }}</template>
+                <GlobalMenuItem :menus="menu.children"></GlobalMenuItem>
+            </lay-sub-menu>
+        </template>
+        <template v-else>
+            <lay-menu-item :id="menu.id">
+                <template #icon>
+                    <lay-icon :type="menu.icon"></lay-icon>
+                </template>
+                <template #title>{{ menu.title }}</template>
+            </lay-menu-item>
+        </template>
+    </template>
+</template>
+
+<script lang="ts">
+import GlobalMenuItem from "./GlobalMenuItem.vue"
+import { defineComponent } from "vue";
+
+export default defineComponent({
+    name:  "GlobalMenuItem",
+    props: {
+        teleportProps: {
+            type: Object,
+        },
+        menus: {
+            type: Object
+        }
+    }
+})
+</script>
+<style>
+.layui-nav-child{
+  padding: 0px;
+}
+.layui-nav-tree .layui-nav-item>a{
+  height: 50px;
+  line-height: 50px;
+  color: #fff!important;
+}
+.layui-nav-tree .layui-nav-item *{
+  color: #ffffff;
+}
+.layui-nav-tree *{
+  font-size: 16px!important;
+}
+.layui-nav-tree .layui-nav-child{
+  background-color: #00AFA0;
+}
+</style>
--- a/src/layouts/global/GlobalMessageTab.vue
+++ b/src/layouts/global/GlobalMessageTab.vue
@ -0,0 +1,257 @@
+<template>
+  <lay-dropdown
+    ref="manualRef"
+    :clickOutsideToClose="true"
+    :clickToClose="false"
+    placement="bottom"
+  >
+    <slot></slot>
+    <template #content>
+      <lay-tab type="brief" style="margin: 5px" v-model="currentIndex">
+        <lay-tab-item :title="`通知(${informList.length})`" id="1">
+          <div style="width: 100%; height: 100%; overflow: hidden">
+            <div
+              class="inform-item"
+              v-for="(item, index) in informList"
+              :key="index"
+            >
+              <div class="inform-item-icon">
+                <img src="../../assets/messageSlot/info1.png" alt="" />
+              </div>
+              <div class="inform-item-text">
+                <div>{{ item.title }}</div>
+                <div class="inform-item-time">
+                  {{ item.time }}
+                </div>
+              </div>
+            </div>
+          </div>
+        </lay-tab-item>
+        <lay-tab-item :title="`私信(${privateLetteList.length})`" id="2">
+          <div style="width: 100%; height: 100%; overflow: hidden">
+            <div
+              class="inform-item privateLette-item"
+              v-for="(item, index) in privateLetteList"
+              :key="index"
+            >
+              <div class="inform-item-icon">
+                <img src="../../assets/messageSlot/avatar1.png" alt="" />
+              </div>
+              <div class="inform-item-text">
+                <div>{{ item.title }}</div>
+                <div class="inform-item-time">
+                  {{ item.content }}
+                </div>
+                <div class="inform-item-time">
+                  {{ item.time }}
+                </div>
+              </div>
+            </div>
+          </div>
+        </lay-tab-item>
+        <lay-tab-item :title="`待办(${todoList.length})`" id="3">
+          <div style="width: 100%; height: 100%; overflow: hidden">
+            <div
+              class="inform-item todo-item"
+              v-for="(item, index) in todoList"
+              :key="index"
+            >
+              <div class="todo-title">
+                <div style="flex: 1">
+                  {{ item.title }}
+                  <div class="inform-item-time todo-item-time">
+                    {{ item.time }}
+                  </div>
+                </div>
+                <div v-show="item.type == '未开始'" class="todo-tags">
+                  <lay-tag color="#6e6e6e" variant="light">未开始</lay-tag>
+                </div>
+                <div v-show="item.type == '进行中'" class="todo-tags">
+                  <lay-tag color="#2dc570" variant="light">进行中</lay-tag>
+                </div>
+                <div v-show="item.type == '即将到期'" class="todo-tags">
+                  <lay-tag color="#F5319D" variant="light">即将到期</lay-tag>
+                </div>
+              </div>
+            </div>
+          </div>
+        </lay-tab-item>
+      </lay-tab>
+    </template>
+  </lay-dropdown>
+</template>
+
+<script lang='ts'>
+export default {
+  name: 'MessageTab'
+}
+</script>
+<script setup lang="ts">
+import { ref, watch } from 'vue'
+const manualRef = ref()
+interface MessageTabProps {
+  flag: boolean
+}
+const props = withDefaults(defineProps<MessageTabProps>(), {
+  flag: false
+})
+const informList = ref([
+  {
+    img: '../assets/messageSlot/info1.png',
+    title: '您有一条新的通知',
+    time: '2021-08-09 12:00:00'
+  },
+  {
+    img: '../assets/messageSlot/info1.png',
+    title: '您有一条新的通知',
+    time: '2021-08-09 12:00:00'
+  },
+  {
+    img: '../assets/messageSlot/info1.png',
+    title: '您有一条新的通知',
+    time: '2021-08-09 12:00:00'
+  },
+  {
+    img: '../assets/messageSlot/info1.png',
+    title: '您有一条新的通知',
+    time: '2021-08-09 12:00:00'
+  },
+  {
+    img: '../assets/messageSlot/info1.png',
+    title: '您有一条新的通知',
+    time: '2021-08-09 12:00:00'
+  }
+])
+const privateLetteList = ref([
+  {
+    img: 'avatar1.png',
+    title: '速尔 评论了 你的日志',
+    content: '写的不错，以后向你学习哦~',
+    time: '2021-08-09 12:00:00'
+  },
+  {
+    img: 'avatar2.png',
+    title: '速尔 评论了 你的日志',
+    content: '写的不错，以后向你学习哦~',
+    time: '2021-08-09 12:00:00'
+  },
+  {
+    img: 'avatar3.png',
+    title: '速尔 评论了 你的日志',
+    content: '写的不错，以后向你学习哦~',
+    time: '2021-08-09 12:00:00'
+  },
+  {
+    img: 'avatar4.png',
+    title: '速尔 评论了 你的日志',
+    content: '写的不错，以后向你学习哦~',
+    time: '2021-08-09 12:00:00'
+  },
+  {
+    img: 'avatar5.png',
+    title: '速尔 评论了 你的日志',
+    content: '写的不错，以后向你学习哦~',
+    time: '2021-08-09 12:00:00'
+  },
+  {
+    img: 'avatar6.png',
+    title: '速尔 评论了 你的日志',
+    content: '写的不错，以后向你学习哦~',
+    time: '2021-08-09 12:00:00'
+  }
+])
+const todoList = ref([
+  {
+    title: '张三的请假审批',
+    type: '未开始',
+    time: '张三在 08-09 12:00:00 提交的请假...'
+  },
+  {
+    title: '考试监管',
+    type: '进行中',
+    time: '考试监管在 08-09 12:00:00 之前打卡'
+  },
+  {
+    title: '注册新仓库',
+    type: '即将到期',
+    time: '需要在 08-09 12:00:00 之前完成'
+  }
+])
+
+const currentIndex = ref('1')
+watch(
+  () => props.flag,
+  (newVal) => {
+    if (newVal == true) {
+      manualRef.value.show()
+    } else {
+      manualRef.value.hide()
+    }
+  }
+)
+</script>
+
+
+<style lang="less" scoped>
+.inform-item {
+  box-sizing: border-box;
+  display: flex;
+  width: 320px;
+  height: 60px;
+  color: #222222;
+  font-size: 14px;
+  padding: 0 20px;
+  border-bottom: 1px solid #f3f3f3;
+
+  .inform-item-icon {
+    display: inline-block;
+    width: 40px;
+    height: 100%;
+    line-height: 60px;
+    text-align: center;
+    > img {
+      width: 28px;
+      height: 28px;
+      vertical-align: middle;
+    }
+  }
+  .inform-item-text {
+    box-sizing: border-box;
+    display: inline-block;
+    flex: 1;
+    padding: 10px 0 0 10px;
+
+    .inform-item-time {
+      margin-top: 6px;
+      color: #ada4a4;
+      font-size: 12px;
+    }
+  }
+}
+.inform-item:hover {
+  background-color: #fafafa;
+}
+
+.privateLette-item {
+  height: 80px;
+}
+.todo-item {
+  box-sizing: border-box;
+  padding: 0 10px;
+}
+.todo-title {
+  width: 100%;
+  display: flex;
+  line-height: 30px;
+}
+.todo-tags {
+  width: 100px;
+  text-align: right;
+  line-height: 60px;
+}
+.todo-item-time {
+  line-height: 20px;
+  color: #ada4a4;
+  font-size: 12px;
+}
+</style>
--- a/src/layouts/global/GlobalSetup.vue
+++ b/src/layouts/global/GlobalSetup.vue
@ -0,0 +1,131 @@
+<template>
+  <lay-layer :title="false" :closeBtn="false" type="drawer" area="300px" v-model="visible">
+    <div class="global-setup">
+      <div class="global-setup-title">Overall style</div>
+      <global-setup-theme v-model="appStore.sideTheme"></global-setup-theme>
+      <global-setup-theme v-model="appStore.subfieldPosition" :options="groupOptions"
+        :disabled="!appStore.subfield"></global-setup-theme>
+      <global-color v-model="appStore.themeVariable['--global-primary-color']"></global-color>
+      <lay-line></lay-line>
+      <global-setup-item label="多选项卡">
+        <lay-switch v-model="appStore.tab" size="xs"></lay-switch>
+      </global-setup-item>
+      <global-setup-item label="菜单层级">
+        <lay-switch v-model="appStore.level" size="xs"></lay-switch>
+      </global-setup-item>
+      <global-setup-item label="菜单反选">
+        <lay-switch v-model="appStore.inverted" size="xs"></lay-switch>
+      </global-setup-item>
+      <global-setup-item label="菜单折叠">
+        <lay-switch v-model="appStore.collapse" size="xs"></lay-switch>
+      </global-setup-item>
+      <global-setup-item label="手风琴">
+        <lay-switch v-model="appStore.accordion" size="xs"></lay-switch>
+      </global-setup-item>
+      <global-setup-item label="夜间模式">
+        <lay-switch v-model="appStore.theme" onswitch-value="dark" unswitch-value="light" size="xs"></lay-switch>
+      </global-setup-item>
+      <global-setup-item label="侧边标题">
+        <lay-switch v-model="appStore.logo" size="xs"></lay-switch>
+      </global-setup-item>
+      <global-setup-item label="灰色模式">
+        <lay-switch v-model="appStore.greyMode" size="xs"></lay-switch>
+      </global-setup-item>
+      <global-setup-item label="面包屑">
+        <lay-switch v-model="appStore.breadcrumb" size="xs"></lay-switch>
+      </global-setup-item>
+      <global-setup-item label="菜单分栏">
+        <lay-switch v-model="appStore.subfield" size="xs"></lay-switch>
+      </global-setup-item>
+      <global-setup-item label="选项卡风格">
+        <lay-select v-model="appStore.tagsTheme" style="width: 100px;" size="xs">
+          <lay-select-option value="concise">concise</lay-select-option>
+          <lay-select-option value="underpainting">underpainting</lay-select-option>
+          <lay-select-option value="designer">designer</lay-select-option>
+        </lay-select>
+      </global-setup-item>
+      <div style="padding: 15px">
+        <lay-button border="green" border-style="dashed" :fluid="true">重置配置</lay-button>
+      </div>
+    </div>
+  </lay-layer>
+</template>
+
+<script lang="ts">
+export default {
+  name: 'GlobalSetup'
+}
+</script>
+
+<script lang="ts" setup>
+import globalSetupItem from './GlobalSetupItem.vue'
+import globalSetupTheme from './GlobalSetupTheme.vue'
+import globalColor from './GlobalColor.vue'
+import { useAppStore } from '../../store/app'
+import { ref, watch } from 'vue'
+
+const appStore = useAppStore()
+const emits = defineEmits(['update:modelValue'])
+
+interface SetupProps {
+  modelValue: boolean
+}
+
+const props = withDefaults(defineProps<SetupProps>(), {
+  modelValue: false
+})
+
+const groupOptions = ref([
+  {
+    logo: '#28333e',
+    head: 'white',
+    side: '#28333e',
+    body: '#f4f5f7',
+    value: 'side'
+  },
+  {
+    logo: '#28333e',
+    head: '#28333e',
+    side: 'white',
+    body: '#f4f5f7',
+    value: 'head'
+  }
+])
+
+const visible = ref(props.modelValue)
+
+watch(visible, (val) => {
+  emits('update:modelValue', val)
+})
+
+watch(
+  appStore.themeVariable,
+  () => {
+    appStore.themeVariable['--global-checked-color'] = appStore.themeVariable['--global-primary-color']
+  },
+  { immediate: true, deep: true }
+)
+
+watch(
+  () => props.modelValue,
+  (val) => {
+    visible.value = val
+  }
+)
+</script>
+
+<style>
+.global-setup {
+  padding: 10px;
+}
+
+.global-setup-title {
+  font-size: 13px;
+  margin-bottom: 10px;
+  padding: 10px 10px 0px 10px;
+}
+
+.global-setup .layui-colorpicker {
+  margin-right: 10px;
+}
+</style>
--- a/src/layouts/global/GlobalSetupItem.vue
+++ b/src/layouts/global/GlobalSetupItem.vue
@ -0,0 +1,42 @@
+<template>
+  <div class="global-setup-item">
+    <div class="global-setup-item-label">
+      {{ label }}
+    </div>
+    <div class="global-setup-item-extra">
+      <slot></slot>
+    </div>
+  </div>
+</template>
+
+<script lang="ts">
+import Vue from "vue";
+export default {
+  name: "GlobalSetupItem",
+};
+</script>
+
+<script lang="ts" setup>
+interface SetupItemProps {
+  label: string;
+}
+
+const props = withDefaults(defineProps<SetupItemProps>(), {
+  label: "标题",
+});
+</script>
+
+<style scoped>
+.global-setup-item {
+    height: 50px;
+    line-height: 50px;
+    padding: 0px 15px;
+}
+.global-setup-item-label {
+    float: left;
+    font-size: 14px;
+}
+.global-setup-item-extra {
+    float: right;
+}
+</style>
--- a/src/layouts/global/GlobalSetupTheme.vue
+++ b/src/layouts/global/GlobalSetupTheme.vue
@ -0,0 +1,107 @@
+<template>
+  <ul class="global-setup-theme" :class="{'disabled': disabled}">
+    <template v-for="(option, index) in options" :key="index">
+      <li class="global-setup-theme-item" @click="handlerChange(option.value)">
+      <a href="javascript:;">
+        <div>
+          <span class="logo" :style="[{'background-color': option.logo}]"></span>
+          <span class="head" :style="[{'background-color': option.head}]"></span>
+        </div>
+        <div>
+          <span class="side" :style="[{'background-color': option.side}]"></span>
+          <span class="body" :style="[{'background-color': option.body}]">
+            <lay-icon v-if="option.value == modelValue" type="layui-icon-ok"></lay-icon>
+          </span>
+        </div>
+      </a>
+    </li>
+    </template>
+  </ul>
+</template>
+
+<script lang="ts">
+export default {
+  name: "GlobalSetupTheme",
+};
+</script>
+
+<script lang="ts" setup>
+interface ColorProps {
+  modelValue: string;
+  options?: any [];
+  disabled?: boolean;
+}
+
+const props = withDefaults(defineProps<ColorProps>(), {
+  modelValue: "#009688",
+  options: () => [
+    {logo:'#28333e',head:'white',side:'#28333e',body:'#f4f5f7',value: 'dark'},
+    {logo:'white',head:'white',side:'white',body:'#f4f5f7', value: 'light'}
+  ]
+});
+
+const emits = defineEmits(['update:modelValue'])
+
+const handlerChange = function(color: string) {
+  if(!props.disabled) {
+    emits('update:modelValue', color);
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.global-setup-theme {
+  padding: 10px 10px;
+}
+
+.global-setup-theme.disabled {
+  cursor: not-allowed;
+  opacity: 0.6;
+}
+
+.global-setup-theme.disabled * {
+  cursor: not-allowed;
+}
+
+.global-setup-theme-item {
+  width: 74px;
+  position: relative;
+  display: inline-block;
+  vertical-align: top;
+  margin: 0 20px 0 0;
+  padding: 2px 2px 2px 2px;
+  background-color: #f2f2f2;
+  cursor: pointer;
+  .logo {
+    display: block;
+    width: 20%;
+    float: left;
+    height: 12px;
+    background: #28333e;
+  }
+  .head {
+    display: block;
+    width: 80%;
+    float: left;
+    height: 12px;
+    background: white;
+  }
+  .side {
+    display: block;
+    width: 20%;
+    float: left;
+    height: 40px;
+    background: #28333e;
+  }
+  .body {
+    display: block;
+    width: 80%;
+    float: left;
+    height: 40px;
+    background: #f4f5f7;
+    text-align: center;
+    line-height: 40px;
+    font-weight: 800;
+  }
+}
+</style>
--- a/src/layouts/global/GlobalTab.vue
+++ b/src/layouts/global/GlobalTab.vue
@ -0,0 +1,188 @@
+<template>
+  <div class="global-tab" v-if="appStore.tab">
+    <lay-tab
+      :modelValue="currentPath"
+      :allowClose="true"
+      @change="to"
+      @close="close"
+    >
+      <template :key="tab" v-for="tab in tabs">
+        <lay-tab-item :id="tab.id" :title="tab.title" :closable="tab.closable">
+          <template #title>
+            <span class="dot"></span>
+            {{ tab.title }}
+          </template>
+        </lay-tab-item>
+      </template>
+    </lay-tab>
+    <lay-dropdown>
+      <lay-icon type="layui-icon-down" :class=" appStore.tagsTheme == 'designer' ? 'designer-last-icon' : ''"></lay-icon>
+      <template #content>
+        <lay-dropdown-menu>
+          <lay-dropdown-menu-item @click="closeAll"
+            >关闭全部</lay-dropdown-menu-item
+          >
+        </lay-dropdown-menu>
+        <lay-dropdown-menu>
+          <lay-dropdown-menu-item @click="closeOther"
+            >关闭其他</lay-dropdown-menu-item
+          >
+        </lay-dropdown-menu>
+        <lay-dropdown-menu>
+          <lay-dropdown-menu-item @click="closeCurrent"
+            >关闭当前</lay-dropdown-menu-item
+          >
+        </lay-dropdown-menu>
+      </template>
+    </lay-dropdown>
+  </div>
+</template>
+
+<script lang="ts">
+export default {
+  name: 'GlobalTab'
+}
+</script>
+
+<script lang="ts" setup>
+import { ref } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
+import { useAppStore } from '../../store/app'
+import { useTab } from '../composable/useTab'
+
+const appStore = useAppStore()
+const route = useRoute()
+
+const { tabs, to, close, closeAll, closeOther, closeCurrent, currentPath } =
+  useTab()
+function toChangPage(id: any) {
+  to(id)
+}
+</script>
+
+<style lang="less">
+.global-tab {
+  display: flex;
+  position: relative;
+  box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
+  border-top: 1px solid whitesmoke;
+  z-index: 999;
+}
+
+.global-tab .layui-tab {
+  flex-grow: 1;
+  width: calc(100% - 40px);
+}
+
+.global-tab .layui-tab .layui-tab-bar {
+  border: none;
+  border-left: 1px solid whitesmoke;
+}
+
+.global-tab .layui-tab .layui-tab-bar.prev {
+  border-left: none;
+}
+
+.global-tab > i {
+  width: 40px;
+  background: white;
+  height: 100%;
+  line-height: 40px;
+  text-align: center;
+  border-left: 1px solid whitesmoke;
+}
+
+.global-tab .layui-tab .dot {
+  display: inline-block;
+  background-color: whitesmoke;
+  margin-right: 8px;
+  border-radius: 50px;
+  height: 8px;
+  width: 8px;
+}
+
+.global-tab .layui-tab .layui-this .dot {
+  background-color: var(--global-primary-color);
+}
+
+.global-tab .layui-tab .layui-tab-close:hover {
+  background: transparent !important;
+  color: #e2e2e2 !important;
+}
+.designer {
+  display: flex;
+  width: calc(100% - 15px);
+  height: 37px;
+  position: relative;
+  font-size: 14px;
+  color: dimgray;
+  cursor: pointer;
+
+  .layui-tab .layui-tab-bar {
+    height: 32px;
+    line-height: 32px;
+    margin-top: 5px;
+  }
+
+  .layui-tab .layui-tab-bar.prev {
+    border-left: none;
+    height: 32px;
+    line-height: 32px;
+    margin-top: 5px;
+  }
+
+  box-shadow: unset;
+  z-index: 999;
+  .designer-tab {
+    display: inline-block;
+    flex-grow: 1;
+    width: 100%;
+    padding-left: 15px;
+  }
+  .designer-tab-item {
+    display: inline-block;
+    height: 32px !important;
+    line-height: 32px !important;
+    padding: 0px 10px;
+    margin-top: 5px;
+    background-color: #fff;
+    border-radius: 4px;
+    margin-right: 5px;
+  }
+  .dot {
+    display: inline-block;
+    background-color: whitesmoke;
+    margin-right: 8px;
+    border-radius: 50px;
+    height: 8px;
+    width: 8px;
+  }
+
+  .designer-close {
+    position: relative;
+    display: inline-block;
+    width: 18px;
+    height: 18px;
+    line-height: 20px;
+    margin-left: 8px;
+    top: 1px;
+    text-align: center;
+    font-size: 14px;
+    color: var(--global-neutral-color-8);
+    transition: all 0.2s;
+    -webkit-transition: all 0.2s;
+  }
+}
+.dot-this {
+  background-color: var(--global-primary-color) !important;
+}
+.designer-last-icon {
+  width: 32px !important;
+  height: 32px !important;
+  background: white;
+  margin-top: 5px;
+  line-height: 32px !important;
+  text-align: center;
+  border-radius: 4px;
+}
+</style>
--- a/src/library/arrayUtil.ts
+++ b/src/library/arrayUtil.ts
@ -0,0 +1,14 @@
+/**
+ * 获取数据差异
+ * 
+ * @param arr1 数组
+ * @param arr2 数组
+ */
+const diff = function (arr1: any[], arr2: any[]) {
+    arr1 = Array.from(new Set(arr1)); 
+    arr2 = Array.from(new Set(arr2)); 
+    var mergeArr = arr1.concat(arr2);
+    return mergeArr.filter((x) => !(arr1.includes(x) && arr2.includes(x)));
+}
+
+export { diff }
--- a/src/library/treeUtil.ts
+++ b/src/library/treeUtil.ts
@ -0,0 +1,70 @@
+const getDepth = function () {};
+
+/**
+ * 获取当前节点
+ *  
+ * @param list 集合
+ * @param id 节点编号
+ */
+export const getNode = function(list: any[], id: string): any {
+  for (let i in list) {
+    let item = list[i];
+    if (item.id === id) {
+      return item;
+    } else {
+      if (item.children) {
+        let value = getNode(item.children, id);
+        if (value) {
+          return value;
+        }
+      }
+    }
+  }
+}
+
+/**
+ * 获取所有父节点 ( 包含当前节点 )
+ * 
+ * @param list 集合
+ * @param id 节点编号
+ */
+export const getParents = function(list:any[], id: string) : any{
+  for (let i in list) {
+      if (list[i].id === id) {
+         return [list[i]]
+      }
+      if (list[i].children) {
+        let node = getParents(list[i].children, id)
+        if (node !== undefined) {
+          return node.concat(list[i])
+        }
+      }
+   }    
+}
+
+export const treeToList = function (arr: any[]){
+  let res: any[] = []
+  let fn = (source: any[])=>{
+    source.forEach(el=>{
+      res.push(el)
+      el.children && el.children.length>0 ? fn(el.children) : "";
+    });
+  };
+  fn(arr);
+  return res;
+}
+
+export const listToTree = function(arr:any[]) {
+    arr.forEach(e => {
+      arr.forEach(y => { 
+        if (y.parentId == e.id) { 
+          if (!e.children) {
+            e.children = []
+          }
+          e.children.push(y)
+        }
+      })
+    })
+    arr = arr.filter(ele => ele.parentId === null)
+    return arr
+}
--- a/src/main.ts
+++ b/src/main.ts
@ -0,0 +1,14 @@
+import { createApp } from 'vue'
+import Router from './router'
+import Store from './store'
+import App from './App.vue'
+import { permission } from "./directives/permission";
+import './mockjs'
+
+const app = createApp(App)
+
+app.use(Store);
+app.use(Router);
+
+app.directive("permission",permission);
+app.mount('#app');
--- a/src/mockjs/index.ts
+++ b/src/mockjs/index.ts
@ -0,0 +1,25 @@
+// @ts-ignore
+import Mock from'mockjs';
+import user from './user';
+
+Mock.mock(/\/user\/login/,'post',(req: any,res: any) =>{
+    return user.getLogin(req,res)
+});
+
+Mock.mock(/\/user\/info/,'post',(req: any,res: any) =>{
+    return user.getInfo(req,res)
+});
+
+Mock.mock(/\/user\/menu/,'get',(req: any,res: any) =>{
+    return user.getMenu(req,res)
+});
+
+Mock.mock(/\/user\/permission/,'get',(req: any,res: any) =>{
+    return user.getPermission(req,res)
+});
+
+Mock.mock(/\/file\/upload/,'post',(req: any,res: any) =>{
+    return user.getUpload(req,res)
+}); 
+
+export default Mock;
--- a/src/mockjs/user.ts
+++ b/src/mockjs/user.ts
@ -0,0 +1,298 @@
+import {Result} from "../types/result";
+import {User} from "../types/user";
+
+let user: User = {
+    'userId': '1992',
+    'username': 'admin',
+}
+
+const menus = [
+    {
+        id: "/home/index",
+        icon: "layui-icon-home",
+        title: "首页",
+    },
+    {
+        id: "/day_evaluation",
+        icon: "layui-icon-home",
+        title: "日常考评",
+        children: [
+            {
+                id: "/day_evaluation/index",
+                icon: "layui-icon-util",
+                title: "加减分管理"
+            },
+            {
+                id: "/day_evaluation/examine",
+                icon: "layui-icon-util",
+                title: "加减分审核"
+            }
+        ]
+    },
+    {
+        id: "/month_evaluation",
+        icon: "layui-icon-home",
+        title: "月度考评",
+        children: [
+            {
+                id: "/month_evaluation/index",
+                icon: "layui-icon-util",
+                title: "月度考评填报"
+            },
+            {
+                id: "/month_evaluation/examine",
+                icon: "layui-icon-util",
+                title: "月度考评管理"
+            }
+        ]
+    }, {
+        id: "/season_evaluation",
+        icon: "layui-icon-home",
+        title: "季度考评",
+        children: [
+            {
+                id: "/season_evaluation/index",
+                icon: "layui-icon-util",
+                title: "季度考评"
+            },
+            {
+                id: "/season_evaluation/examine",
+                icon: "layui-icon-util",
+                title: "季度考评管理"
+            }
+        ]
+    }, {
+        id: "/outside_evaluation",
+        icon: "layui-icon-home",
+        title: "院外考评",
+        children: [
+            {
+                id: "/outside_evaluation/index",
+                icon: "layui-icon-util",
+                title: "我的院外考评"
+            },
+            {
+                id: "/outside_evaluation/examine",
+                icon: "layui-icon-util",
+                title: "院外考评管理"
+            }
+        ]
+    }, {
+        id: "/year_evaluation",
+        icon: "layui-icon-home",
+        title: "年度考评",
+        children: [
+            {
+                id: "/year_evaluation/index",
+                icon: "layui-icon-util",
+                title: "年度考评"
+            },
+            {
+                id: "/year_evaluation/examine",
+                icon: "layui-icon-util",
+                title: "年度考评管理"
+            }
+        ]
+    }, {
+        id: "/file_bag",
+        icon: "layui-icon-home",
+        title: "医德医风档案",
+        children: [
+            {
+                id: "/file_bag/index",
+                icon: "layui-icon-util",
+                title: "我的档案"
+            },
+            {
+                id: "/file_bag/examine",
+                icon: "layui-icon-util",
+                title: "员工档案"
+            }
+        ]
+    }, {
+        id: "/census",
+        icon: "layui-icon-home",
+        title: "统计报表分析",
+        children: [
+            {
+                id: "/census/index",
+                icon: "layui-icon-util",
+                title: "拒收红包报表统计"
+            },
+            {
+                id: "/census/day",
+                icon: "layui-icon-util",
+                title: "日常考评报表统计"
+            },
+            {
+                id: "/census/month",
+                icon: "layui-icon-util",
+                title: "月度考评报表统计"
+            },
+            {
+                id: "/census/season",
+                icon: "layui-icon-util",
+                title: "季度考评报表统计"
+            },
+            {
+                id: "/census/year",
+                icon: "layui-icon-util",
+                title: "年度考评报表统计"
+            }
+        ]
+    }, {
+        id: "/configuration",
+        icon: "layui-icon-home",
+        title: "规则配置中心",
+        children: [
+            {
+                id: "/configuration/index",
+                icon: "layui-icon-util",
+                title: "登陆日志管理"
+            },
+            {
+                id: "/configuration/foundation",
+                icon: "layui-icon-util",
+                title: "基础评分项管理"
+            },
+            {
+                id: "/configuration/add",
+                icon: "layui-icon-util",
+                title: "加减分项管理"
+            },
+            {
+                id: "/configuration/time",
+                icon: "layui-icon-util",
+                title: "考评时间管理"
+            },
+            {
+                id: "/configuration/level",
+                icon: "layui-icon-util",
+                title: "考评级别管理"
+            },
+            {
+                id: "/configuration/opinion",
+                icon: "layui-icon-util",
+                title: "医德征求意见管理"
+            },
+            {
+                id: "/configuration/year",
+                icon: "layui-icon-util",
+                title: "字典管理"
+            }
+        ]
+    }, {
+        id: "/complaint/index",
+        icon: "layui-icon-home",
+        title: "投诉管理",
+    }, {
+        id: "/packet/index",
+        icon: "layui-icon-home",
+        title: "拒收红包",
+    }, {
+        id: "/system",
+        icon: "layui-icon-home",
+        title: "系统管理",
+        children: [
+            {
+                id: "/system/index",
+                icon: "layui-icon-util",
+                title: "人员管理"
+            },
+            {
+                id: "/system/department",
+                icon: "layui-icon-util",
+                title: "部门管理"
+            },
+            {
+                id: "/system/permission",
+                icon: "layui-icon-util",
+                title: "权限管理"
+            }
+        ]
+    },
+]
+
+const getInfo = (req: any, res: any) => {
+    let item = JSON.parse(req.body);
+    let token = item ? item.token : null;
+    let result: Result = {
+        code: 200,
+        msg: "操作成功",
+        data: user,
+        success: true
+    }
+    if (item || token) {
+        result.code = 99998;
+        result.msg = "请重新登录";
+        result.success = false;
+    }
+    return result;
+}
+
+const getPermission = (req: any, res: any) => {
+    let item = JSON.parse(req.body);
+    let token = item ? item.token : null;
+    let result: Result = {
+        code: 200,
+        msg: "操作成功",
+        data: ['sys:user:add', 'sys:user:edit', 'sys:user:delete', 'sys:user:import', 'sys:user:export'],
+        success: true
+    }
+    if (item || token) {
+        result.code = 99998;
+        result.msg = "请重新登录";
+        result.success = false;
+    }
+    return result;
+}
+
+const getMenu = (req: any, res: any) => {
+    let item = JSON.parse(req.body);
+    let token = item ? item.token : null;
+    let result: Result = {
+        code: 200,
+        msg: "操作成功",
+        data: menus,
+        success: true
+    }
+    if (item || token) {
+        result.code = 99998;
+        result.msg = "请重新登录";
+        result.success = false;
+    }
+    return result;
+}
+
+const getLogin = (req: any, res: any) => {
+    let item = JSON.parse(req.body);
+    let account = item.account;
+    let password = item.password;
+    if (account === 'admin' && password === '123456') {
+        return {
+            'code': 200,
+            'msg': '登陆成功',
+            'data': {
+                'userId': '35002',
+                'token': 'eyJhbGciOiJIUzUxMiJ9.eyJ1c2VySWQiOiJhZG1pbiIsInVzZXJOYW1lIjoiYWRtaW4iLCJvcmdDb2RlIjoiMzUwMDAiLCJkZXB0Q29kZSI6IjM1MDAwIiwiYXVkIjoiYWRtaW4iLCJpc3MiOiJhZG1pbiIsImV4cCI6MTU5MzUzNTU5OH0.0pJAojRtT5lx6PS2gH_Q9BmBxeNlgBL37ABX22HyDlebbr66cCjVYZ0v0zbLO_9241FX9-FZpCkEqE98MQOyWw',
+            }
+        }
+    } else {
+        return {
+            'code': 500,
+            'msg': '登陆失败,账号密码不正确'
+        }
+    }
+}
+
+const getUpload = (req: any, res: any) => {
+    return {
+        'code': 200,
+        'msg': '上传成功',
+        'success': true
+    }
+}
+
+export default {
+    getInfo, getMenu, getLogin, getPermission, getUpload
+}
--- a/src/router/index.ts
+++ b/src/router/index.ts
@ -0,0 +1,42 @@
+import { createRouter, createWebHashHistory, NavigationGuardNext, RouteLocationNormalized } from 'vue-router'
+import routes from './module/base-routes'
+import NProgress from 'nprogress'
+import 'nprogress/nprogress.css'
+import { useUserStore } from "../store/user";
+
+NProgress.configure({ showSpinner: false })
+
+const router = createRouter({
+  history: createWebHashHistory(),
+  routes
+})
+
+/**
+ * Router 前置拦截
+ * 
+ * 1.验证 token 存在, 并且有效, 否则 -> login.vue
+ * 2.验证 permission 存在, 否则 -> 403.vue
+ * 3.验证 router 是否存在, 否则 -> 404.vue
+ * 
+ * @param to 目标
+ * @param from 来至 
+ */
+router.beforeEach((to: RouteLocationNormalized, from: RouteLocationNormalized, next: NavigationGuardNext) => {
+  NProgress.start();
+
+  const userStore = useUserStore();
+
+  if(to.meta.requireAuth) {
+    next();
+  } else if(to.matched.length == 0) {
+    next({path: '/error/404'})
+  }  else {
+    next();
+  }
+})
+
+router.afterEach(() => {
+  NProgress.done();
+})
+
+export default router
--- a/src/router/module/base-routes.ts
+++ b/src/router/module/base-routes.ts
@ -0,0 +1,316 @@
+import BasicLayout from '../../layouts/BasicLayout.vue';
+import Login from '../../views/login/index.vue';
+
+
+export default [
+  {
+    path: '/',
+    redirect: '/home'
+  },
+  {
+    path: '/login',
+    component: Login,
+    meta: { title: '登录页面' },
+  },
+  {
+    path: '/home',
+    redirect: '/home/index',
+    component: BasicLayout,
+    children: [
+      {
+        path: '/home/index',
+        name: 'Home',
+        component: () => import('../../views/home/index.vue'),
+        meta: { title: '首页', requireAuth: true, affix: true, closable: false },
+      },
+    ]
+  },
+  {
+    path: '/system',
+    redirect: '/system/index',
+    component: BasicLayout,
+    meta: {title: '系统管理'},
+    children: [
+      {
+        path: '/system/index',
+        name: 'systemIndex',
+        component: () => import('../../views/system/index.vue'),
+        meta: {title: '人员管理', requireAuth: true, affix: true, closable: true},
+      },{
+        path: '/system/department',
+        name: 'systemDepartment',
+        component: () => import('../../views/system/department.vue'),
+        meta: {title: '部门管理', requireAuth: true, affix: true, closable: true},
+      },{
+        path: '/system/permission',
+        name: 'systemPermission',
+        component: () => import('../../views/system/permission.vue'),
+        meta: {title: '权限管理', requireAuth: true, affix: true, closable: true},
+      }
+    ]
+  },
+  {
+    path: '/complaint',
+    redirect: '/complaint/index',
+    component: BasicLayout,
+    children: [
+      {
+        path: '/complaint/index',
+        name: 'Complaint',
+        component: () => import('../../views/home/index.vue'),
+        meta: { title: '投诉管理', requireAuth: true, affix: true, closable: true },
+      },
+    ]
+  },{
+    path: '/packet',
+    redirect: '/packet/index',
+    component: BasicLayout,
+    children: [
+      {
+        path: '/packet/index',
+        name: 'Packet',
+        component: () => import('../../views/home/index.vue'),
+        meta: { title: '拒收红包', requireAuth: true, affix: true, closable: true },
+      },
+    ]
+  },{
+    path: '/day_evaluation',
+    redirect: '/day_evaluation/index',
+    component: BasicLayout,
+    meta: {title: '日常考评'},
+    children: [
+      {
+        path: '/day_evaluation/index',
+        name: 'dayEvaluationIndex',
+        component: () => import('../../views/day_evaluation/index.vue'),
+        meta: {title: '加减分管理', requireAuth: true, affix: true, closable: true},
+      },{
+        path: '/day_evaluation/examine',
+        name: 'dayEvaluationExamine',
+        component: () => import('../../views/day_evaluation/examine.vue'),
+        meta: {title: '加减分审核', requireAuth: true, affix: true, closable: true},
+      }
+    ]
+  },{
+    path: '/month_evaluation',
+    redirect: '/month_evaluation/index',
+    component: BasicLayout,
+    meta: {title: '月度考评'},
+    children: [
+      {
+        path: '/month_evaluation/index',
+        name: 'monthEvaluationIndex',
+        component: () => import('../../views/month_evaluation/index.vue'),
+        meta: {title: '月度考评填报', requireAuth: true, affix: true, closable: true},
+      },{
+        path: '/month_evaluation/examine',
+        name: 'monthEvaluationExamine',
+        component: () => import('../../views/month_evaluation/examine.vue'),
+        meta: {title: '月度考评管理', requireAuth: true, affix: true, closable: true},
+      }
+    ]
+  },{
+    path: '/season_evaluation',
+    redirect: '/season_evaluation/index',
+    component: BasicLayout,
+    meta: {title: '季度考评'},
+    children: [
+      {
+        path: '/season_evaluation/index',
+        name: 'seasonEvaluationIndex',
+        component: () => import('../../views/day_evaluation/index.vue'),
+        meta: {title: '季度考评', requireAuth: true, affix: true, closable: true},
+      },{
+        path: '/season_evaluation/examine',
+        name: 'seasonEvaluationExamine',
+        component: () => import('../../views/day_evaluation/examine.vue'),
+        meta: {title: '季度考评管理', requireAuth: true, affix: true, closable: true},
+      }
+    ]
+  },{
+    path: '/outside_evaluation',
+    redirect: '/outside_evaluation/index',
+    component: BasicLayout,
+    meta: {title: '院外考评'},
+    children: [
+      {
+        path: '/outside_evaluation/index',
+        name: 'outsideEvaluationIndex',
+        component: () => import('../../views/day_evaluation/index.vue'),
+        meta: {title: '我的院外考评', requireAuth: true, affix: true, closable: true},
+      },{
+        path: '/outside_evaluation/examine',
+        name: 'outsideEvaluationExamine',
+        component: () => import('../../views/day_evaluation/examine.vue'),
+        meta: {title: '院外考评管理', requireAuth: true, affix: true, closable: true},
+      }
+    ]
+  },{
+    path: '/year_evaluation',
+    redirect: '/year_evaluation/index',
+    component: BasicLayout,
+    meta: {title: '年度考评'},
+    children: [
+      {
+        path: '/year_evaluation/index',
+        name: 'yearEvaluationIndex',
+        component: () => import('../../views/day_evaluation/index.vue'),
+        meta: {title: '年度考评', requireAuth: true, affix: true, closable: true},
+      },{
+        path: '/year_evaluation/examine',
+        name: 'yearEvaluationExamine',
+        component: () => import('../../views/day_evaluation/examine.vue'),
+        meta: {title: '年度考评管理', requireAuth: true, affix: true, closable: true},
+      }
+    ]
+  },{
+    path: '/file_bag',
+    redirect: '/file_bag/index',
+    component: BasicLayout,
+    meta: {title: '医德医风档案'},
+    children: [
+      {
+        path: '/file_bag/index',
+        name: 'fileBagIndex',
+        component: () => import('../../views/day_evaluation/index.vue'),
+        meta: {title: '我的档案', requireAuth: true, affix: true, closable: true},
+      },{
+        path: '/file_bag/examine',
+        name: 'fileBagExamine',
+        component: () => import('../../views/day_evaluation/examine.vue'),
+        meta: {title: '员工档案', requireAuth: true, affix: true, closable: true},
+      }
+    ]
+  },{
+    path: '/census',
+    redirect: '/census/index',
+    component: BasicLayout,
+    meta: {title: '统计报表分析'},
+    children: [
+      {
+        path: '/census/index',
+        name: 'censusIndex',
+        component: () => import('../../views/day_evaluation/index.vue'),
+        meta: {title: '拒收红包报表统计', requireAuth: true, affix: true, closable: true},
+      },{
+        path: '/census/day',
+        name: 'censusDay',
+        component: () => import('../../views/day_evaluation/examine.vue'),
+        meta: {title: '日常考评报表统计', requireAuth: true, affix: true, closable: true},
+      },{
+        path: '/census/month',
+        name: 'censusMonth',
+        component: () => import('../../views/day_evaluation/examine.vue'),
+        meta: {title: '月度考评报表统计', requireAuth: true, affix: true, closable: true},
+      },{
+        path: '/census/season',
+        name: 'censusSeason',
+        component: () => import('../../views/day_evaluation/examine.vue'),
+        meta: {title: '季度考评报表统计', requireAuth: true, affix: true, closable: true},
+      },{
+        path: '/census/year',
+        name: 'censusYear',
+        component: () => import('../../views/day_evaluation/examine.vue'),
+        meta: {title: '年度考评报表统计', requireAuth: true, affix: true, closable: true},
+      }
+    ]
+  },{
+    path: '/configuration',
+    redirect: '/configuration/index',
+    component: BasicLayout,
+    meta: {title: '规则配置中心'},
+    children: [
+      {
+        path: '/configuration/index',
+        name: 'configurationIndex',
+        component: () => import('../../views/day_evaluation/index.vue'),
+        meta: {title: '登陆日志管理', requireAuth: true, affix: true, closable: true},
+      },{
+        path: '/configuration/foundation',
+        name: 'configurationFoundation',
+        component: () => import('../../views/configuration/foundation.vue'),
+        meta: {title: '基础评分项管理', requireAuth: true, affix: true, closable: true},
+      },{
+        path: '/configuration/add',
+        name: 'configurationAdd',
+        component: () => import('../../views/configuration/add.vue'),
+        meta: {title: '加减分项管理', requireAuth: true, affix: true, closable: true},
+      },{
+        path: '/configuration/time',
+        name: 'configurationTime',
+        component: () => import('../../views/configuration/time.vue'),
+        meta: {title: '考评时间管理', requireAuth: true, affix: true, closable: true},
+      },{
+        path: '/configuration/level',
+        name: 'configurationLevel',
+        component: () => import('../../views/day_evaluation/examine.vue'),
+        meta: {title: '考评级别管理', requireAuth: true, affix: true, closable: true},
+      },{
+        path: '/configuration/opinion',
+        name: 'configurationOpinion',
+        component: () => import('../../views/day_evaluation/examine.vue'),
+        meta: {title: '医德征求意见管理', requireAuth: true, affix: true, closable: true},
+      },{
+        path: '/configuration/year',
+        name: 'configurationBase',
+        component: () => import('../../views/day_evaluation/examine.vue'),
+        meta: {title: '字典管理', requireAuth: true, affix: true, closable: true},
+      }
+    ]
+  },{
+    path: '/workspace',
+    redirect: '/workspace/workbench',
+    component: BasicLayout,
+    meta: {title: '工作空间'},
+    children: [
+      {
+        path: '/workspace/workbench',
+        name: 'Workbench',
+        component: () => import('../../views/workSpace/workbench/index.vue'),
+        meta: {title: '工作台', requireAuth: true, affix: true, closable: false},
+      },
+      {
+        path: '/workspace/console',
+        component: () => import('../../views/workSpace/console/index.vue'),
+        meta: {title: '控制台', requireAuth: true},
+      },
+      {
+        path: '/workspace/analysis',
+        component: () => import('../../views/workSpace/analysis/index.vue'),
+        meta: {title: '分析页', requireAuth: true},
+      },
+      {
+        path: '/workspace/monitor',
+        component: () => import('../../views/workSpace/monitor/index.vue'),
+        meta: {title: '监控页', requireAuth: true},
+      }
+    ]
+  },{
+    path: '/error',
+    component: BasicLayout,
+    meta: { title: '错误页面' },
+    children: [
+      {
+        path: '/error/401',
+        component: () => import('../../views/error/401.vue'),
+        meta: { title: '401' },
+      },
+      {
+        path: '/error/403',
+        component: () => import('../../views/error/403.vue'),
+        meta: { title: '403' },
+      },
+      {
+        path: '/error/404',
+        component: () => import('../../views/error/404.vue'),
+        meta: { title: '404' },
+      },
+      {
+        path: '/error/500',
+        component: () => import('../../views/error/500.vue'),
+        meta: { title: '500' },
+      }
+    ]
+  },
+
+]
--- a/src/shims-vue.d.ts
+++ b/src/shims-vue.d.ts
@ -0,0 +1,5 @@
+declare module '*.vue' {
+  import { DefineComponent } from 'vue'
+  const component: DefineComponent<{}, {}, any>
+  export default component
+}
--- a/src/store/app.ts
+++ b/src/store/app.ts
@ -0,0 +1,38 @@
+import { defineStore } from 'pinia'
+
+export const useAppStore = defineStore({
+  id: 'app',
+  state: () => {
+    return {
+      tab: true,
+      logo: true,
+      level: true,
+      inverted: false,
+      routerAlive: true,
+      collapse: false,
+      subfield: false,
+      locale: "zh_CN",
+      subfieldPosition: "side",
+      theme: 'light',
+      breadcrumb: true,
+      sideWidth: "220px",
+      sideTheme: 'dark',
+      greyMode: false,
+      accordion: true,
+      tagsTheme: 'concise',
+      keepAliveList: [],
+      themeVariable: {
+        "--global-checked-color": "#5fb878",
+        "--global-primary-color": "#009688",
+        "--global-normal-color": "#1e9fff",
+        "--global-danger-color": "#ff5722",
+        "--global-warm-color": "#ffb800",
+        "--global-border-radius": "4px"
+      },
+    }
+  },
+  persist: {
+    storage: localStorage,
+    paths: ['tab', 'locale', 'theme', 'logo', 'level', 'inverted', 'breadcrumb', 'sideTheme', 'greyMode', 'accordion', 'keepAliveList', 'themeVariable', 'subfield', 'tagsTheme'],
+  }
+})
--- a/src/store/index.ts
+++ b/src/store/index.ts
@ -0,0 +1,7 @@
+import { createPinia } from 'pinia'
+import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
+
+const store = createPinia();
+store.use(piniaPluginPersistedstate);
+
+export default store;
--- a/src/store/user.ts
+++ b/src/store/user.ts
@ -0,0 +1,32 @@
+import { defineStore } from 'pinia'
+import { menu, permission } from "../api/module/user";
+
+export const useUserStore = defineStore({
+  id: 'user',
+  state: () => {
+    return {
+      token: '',
+      userInfo: {},
+      permissions: [],
+      menus: [],
+    }
+  },
+  actions: {
+    async loadMenus(){
+      const { data, code } = await menu();
+      if(code == 200) {
+        this.menus = data;
+      }
+    },
+    async loadPermissions(){
+      const { data, code } = await permission();
+      if(code == 200) {
+        this.permissions = data;
+      }
+    }
+  },
+  persist: {
+    storage: localStorage,
+    paths: ['token', 'userInfo', 'permissions', 'menus' ],
+  }
+})
--- a/src/styles/admin.css
+++ b/src/styles/admin.css
@ -0,0 +1,153 @@
+.layui-logo {
+  width: 100%;
+  font-size: 20px;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.75);
+  height: 50px !important;
+  line-height: 50px;
+}
+
+.layui-body {
+  overflow-x: hidden;
+  background-color: whitesmoke;
+}
+
+.layui-body>.global-tab>.layui-tab {
+  margin: 0px;
+}
+
+.layui-body>.global-tab>.layui-tab>.layui-tab-content {
+  padding: 0px;
+}
+
+.layui-body>.global-tab>.layui-tab>.layui-tab-head {
+  z-index: 999;
+  display: block;
+  width: 100%;
+  background-color: white;
+}
+
+.layui-body>.global-tab>.layui-tab>.layui-tab-head>.layui-tab-title {
+  border-bottom: none;
+  border-left: none;
+}
+
+.layui-body>.global-tab>.layui-tab>.layui-tab-head>.layui-tab-title>li {
+  color: dimgray;
+  font-size: 14px;
+  line-height: 40px;
+  border-right: 1px solid whitesmoke;
+  border-bottom: none;
+}
+
+.layui-body>.global-tab>.layui-tab>.layui-tab-head>.layui-tab-title>li.layui-this::after {
+  border: none;
+}
+
+.layui-header {
+  box-shadow: 0 1px 4px rgba(0, 21, 41, .08);
+}
+
+.layui-header .layui-nav.layui-nav-center {
+  padding: 0px;
+}
+
+.layui-header .layui-nav.layui-nav-center .layui-this {
+  background-color: whitesmoke;
+}
+
+.layui-header .layui-nav.layui-nav-center .layui-this:after {
+  display: none;
+}
+
+.layui-header .layui-nav.layui-nav-center .layui-nav-item a {
+  margin: 0px 15px;
+}
+
+.layui-header .layui-nav.layui-nav-center .layui-nav-item a * {
+  color: #666;
+}
+
+.layui-layout.has-tab .layui-header {
+  box-shadow: none;
+}
+
+.layui-header,
+.layui-header .layui-nav,
+.layui-header .layui-nav .layui-nav-item {
+  height: 50px !important;
+  line-height: 50px;
+  background: transparent;
+  z-index: 9999;
+}
+
+.layui-header .layui-nav {
+  padding: 0 15px;
+}
+
+.layui-header .layui-nav .layui-nav-item>a {
+  padding: 0 20px;
+}
+
+.layui-header .layui-nav.layui-layout-left {
+  left: 0 !important;
+  position: relative !important;
+}
+
+.layui-header .layui-nav * {
+  font-size: 14px;
+  color: #393d49;
+}
+
+.layui-side {
+  z-index: 10000;
+  background: rgb(34, 36, 37, 98%);
+  box-shadow: 2px 0 8px 0 rgb(29 35 41 / 5%);
+}
+
+.layui-side.light {
+  background-color: white !important;
+}
+
+.layui-side.light .layui-logo {
+  border-bottom: 1px solid whitesmoke;
+}
+
+.layui-side .layui-nav {
+  width: 100%;
+  background-color: transparent;
+}
+
+.layui-layout.collapse .layui-logo {
+  width: 60px;
+}
+
+@media screen and (max-width: 767px) {
+  .layui-layout.collapse .layui-side {
+    width: 0 !important;
+  }
+}
+
+@media screen and (min-width: 768px) {
+  .layui-layout.collapse .layui-side {
+    width: 60px !important;
+  }
+}
+
+.layui-layout.collapse .layui-body {
+  left: 60px;
+}
+
+.layui-layout.collapse .layui-header .layui-layout-left {
+  left: 60px;
+}
+
+.layui-layout .layui-logo,
+.layui-layout .layui-side,
+.layui-layout .layui-body,
+.layui-layout .layui-header .layui-layout-left {
+  transition: all 0.3s;
+}
+
+.layui-layout {
+  height: 100%;
+}
--- a/src/styles/display.css
+++ b/src/styles/display.css
@ -0,0 +1,70 @@
+@media screen and (max-width: 767px) {
+  .hidden-xs-only {
+    display: none !important;
+  }
+}
+
+@media screen and (max-width: 991px) {
+  .hidden-sm-and-down {
+    display: none !important;
+  }
+
+  @media screen and (min-width: 768px) {
+    .hidden-sm-only {
+      display: none !important;
+    }
+  }
+}
+
+.hidden-sm-and-up {
+  opacity: 0.1; 
+  z-index: 9999;
+}
+
+@media screen and (min-width: 768px) {
+  .hidden-sm-and-up {
+    display: none !important;
+  }
+}
+
+@media screen and (max-width: 1199px) {
+  .hidden-md-and-down {
+    display: none !important;
+  }
+
+  @media screen and (min-width: 992px) {
+    .hidden-md-only {
+      display: none !important;
+    }
+  }
+}
+
+@media screen and (min-width: 992px) {
+  .hidden-md-and-up {
+    display: none !important;
+  }
+}
+
+@media screen and (max-width: 1919px) {
+  .hidden-lg-and-down {
+    display: none !important;
+  }
+
+  @media screen and (min-width: 1200px) {
+    .hidden-lg-only {
+      display: none !important;
+    }
+  }
+}
+
+@media screen and (min-width: 1200px) {
+  .hidden-lg-and-up {
+    display: none !important;
+  }
+}
+
+@media screen and (min-width: 1920px) {
+  .hidden-xl-only {
+    display: none !important;
+  }
+}
--- a/src/styles/index.css
+++ b/src/styles/index.css
@ -0,0 +1,8 @@
+@import url(./admin.css);
+@import url(./display.css);
+@import url(./mobile.css);
+@import url(./reset.css);
+
+.global-css {
+    font-family: 'Courier New', Courier, monospace;
+}
--- a/src/styles/mobile.css
+++ b/src/styles/mobile.css
@ -0,0 +1,3 @@
+@media screen and (max-width:768px) {
+
+}
--- a/src/styles/reset.css
+++ b/src/styles/reset.css
@ -0,0 +1,8 @@
+.layui-tab-bar {
+    height: 40px;
+}
+
+#nprogress .bar {
+    z-index: 9999999;
+    background-color: var(--global-primary-color);
+}
--- a/src/types/result.ts
+++ b/src/types/result.ts
@ -0,0 +1,14 @@
+/**
+ * 结果集
+ * 
+ * @property code 状态码
+ * @property success 是否成功
+ * @property msg 提示信息
+ * @property data 携带数据 
+ */
+export interface Result {
+    code: number;
+    success: boolean;
+    msg: string;
+    data?: any;
+}
--- a/src/types/user.ts
+++ b/src/types/user.ts
@ -0,0 +1,15 @@
+
+/**
+ * 用户信息
+ * 
+ * @property userId 编号
+ * @property username 用户名
+ * @property email 邮箱
+ * @property avatar 头像
+ * @property nickname 昵称
+ * @property remark 备注
+ */
+export interface User {
+    userId: string;
+    username: string;
+}
--- a/src/views/configuration/add.vue
+++ b/src/views/configuration/add.vue
@ -0,0 +1,275 @@
+<template>
+  <lay-container style="padding: 20px">
+    <lay-card>
+      <div style="padding: 10px">
+        <span style="font-size: 18px;vertical-align: center;margin-right: 20px">加扣分项列表</span>
+        <lay-button size="sm" border="green" @click="addShowMsd()">新增</lay-button>
+      </div>
+      <lay-table size="lg" ref="tableRef6" children-column-name="children" :columns="columns6"
+                 :data-source="dataSource6">
+        <template v-slot:score_type="{data}">
+          <lay-tag v-if="data.score_type==1" type="normal">加分</lay-tag>
+          <lay-tag v-if="data.score_type==2" type="danger">减分</lay-tag>
+        </template>
+        <template v-slot:scoring_category="{data}">
+          <span v-if="data.scoring_category==1">年度</span>
+          <span v-if="data.scoring_category==2">季度</span>
+          <span v-if="data.scoring_category==3">院外评分</span>
+        </template>
+        <template v-slot:operator="{data}">
+          <lay-space size="lg">
+            <span style="color: #00A394;cursor: pointer" @click="editShowMsd(data)">编辑</span>
+            <lay-popconfirm trigger="click" content="确定要删除吗？" @confirm="delShowMsd(data)">
+              <span style="color: #00A394;cursor: pointer">删除</span>
+            </lay-popconfirm>
+          </lay-space>
+        </template>
+      </lay-table>
+    </lay-card>
+    <lay-layer v-model="addShow" :title="addIsEdit==1?'新增加扣分项':'编辑考评项目'" :type="4" :shade="true" :area="['950px','100%']" :btn="addButton">
+      <lay-container fluid="true" style="padding: 20px">
+        <lay-form :model="addData">
+          <lay-form-item required label-width="150px" label="加减分类型" prop="score_type">
+            <lay-select v-model="addData.score_type" placeholder="请选择">
+              <lay-select-option :value="1" label="加分"></lay-select-option>
+              <lay-select-option :value="2" label="减分"></lay-select-option>
+            </lay-select>
+          </lay-form-item>
+          <lay-form-item required label-width="150px" label="单次评分上限" prop="single_score_max">
+            <lay-input-number v-model="addData.single_score_max" :precision="2" :step="0.1"></lay-input-number>
+          </lay-form-item>
+          <lay-form-item required label-width="150px" label="单次评分下限" prop="single_score_min">
+            <lay-input-number v-model="addData.single_score_min" :precision="2" :step="0.1"></lay-input-number>
+          </lay-form-item>
+          <lay-form-item required label-width="150px" label="项目名称" prop="project_name">
+            <lay-textarea placeholder="请输入项目名称" v-model="addData.project_name"></lay-textarea>
+          </lay-form-item>
+          <lay-form-item required label-width="150px" label="项目代码" prop="project_code">
+            <lay-input v-model="addData.project_code" placeholder="请输入项目代码"></lay-input>
+          </lay-form-item>
+          <lay-form-item required label-width="150px" label="评分类型" prop="scoring_category">
+            <lay-select v-model="addData.scoring_category"  placeholder="请选择">
+              <lay-select-option :value="1" label="年度"></lay-select-option>
+              <lay-select-option :value="2" label="季度"></lay-select-option>
+              <lay-select-option :value="3" label="院外评分"></lay-select-option>
+            </lay-select>
+          </lay-form-item>
+          <lay-form-item required label-width="150px" label="所属考评项目" prop="related_evaluation_project">
+            <lay-select v-model="addData.related_evaluation_project"  placeholder="请选择">
+              <lay-select-option v-for="item in categoryList" :value="item.id" :label="item.project_name"></lay-select-option>
+            </lay-select>
+          </lay-form-item>
+          <lay-form-item required label-width="150px" label="每次填报次数上限" prop="annual_submission_limit">
+            <lay-input-number v-model="addData.annual_submission_limit"></lay-input-number>
+          </lay-form-item>
+          <lay-form-item required label-width="150px" label="评分标准" prop="scoring_criteria">
+            <lay-textarea placeholder="请输入" v-model="addData.scoring_criteria"></lay-textarea>
+          </lay-form-item>
+        </lay-form>
+      </lay-container>
+    </lay-layer>
+  </lay-container>
+</template>
+<script setup lang="ts">
+import {
+  getHierarchicalTwo,
+  scoringGetHierarchicalData,
+  scoringGetHierarchicalDataCreate,
+  scoringGetHierarchicalDataDelete,
+  scoringGetHierarchicalDataUpdate,
+} from '../../api/module/home'
+import {ref, watch, onMounted, reactive} from 'vue'
+import {layer} from '@layui/layer-vue'
+import {verificationImg} from "@/api/module/commone";
+//列表内容
+const dataSource6 = ref([]);
+const addShow = ref(false)
+//1 add  2 edit
+const addIsEdit = ref(1)
+const addData = reactive({
+  project_code: '',
+  project_name: '',
+  single_score_max:0,
+  single_score_min: 0,
+  score_type:null,
+  related_evaluation_project:null,
+  scoring_category:null,
+  annual_submission_limit:0,
+  scoring_criteria:'',
+})
+const  categoryList= ref();
+onMounted(() => {
+  getHierarchicalData()
+  getHierarchicalTwoList();
+})
+const getHierarchicalTwoList = () => {
+  getHierarchicalTwo({}).then((res) => {
+    console.log(res)
+    if (res.code == 1) {
+      categoryList.value = res.data;
+    } else {
+      layer.msg(res.msg, {icon: 2})
+    }
+  })
+}
+const getHierarchicalData = () => {
+  scoringGetHierarchicalData({}).then((res) => {
+    console.log(res)
+    if (res.code == 1) {
+      dataSource6.value = res.data;
+    } else {
+      layer.msg(res.msg, {icon: 2})
+    }
+  })
+}
+const addShowMsd = () => {
+  addShow.value = true;
+  addIsEdit.value=1;
+}
+const editShowMsd = (data) => {
+  console.log(data);
+  addShow.value = true;
+  addData.id=data.id;
+  addData.project_name=data.project_name;
+  addData.project_code=data.project_code;
+  addData.scoring_category=parseInt(data.scoring_category);
+  addData.annual_submission_limit=data.annual_submission_limit;
+  addData.related_evaluation_project=parseInt(data.related_evaluation_project);
+  addData.scoring_criteria=data.scoring_criteria;
+  addData.single_score_max=data.single_score_max;
+  addData.single_score_min=data.single_score_min;
+  addData.score_type=parseInt(data.score_type);
+  addIsEdit.value=2;
+}
+const delShowMsd = async (data) => {
+  var res = await scoringGetHierarchicalDataDelete({id: data.id});
+  console.log(res)
+  if (res.code == 1) {
+    layer.msg('删除成功！', {icon: 1})
+    getHierarchicalData();
+  } else {
+    layer.msg(res.msg, {icon: 2})
+  }
+}
+const columns6 = [
+  {
+    title: "序号",
+    width: "60px",
+    key: "id"
+  },
+  {
+    title: "加减分类型",
+    width: "90px",
+    customSlot: 'score_type',
+    key: "score_type"
+  },
+  {
+    title: "项目代码",
+    width: "90px",
+    key: "project_code"
+  },
+  {
+    title: "项目名称",
+    width: "100px",
+    key: "project_name",
+    ellipsisTooltip:true,
+  },
+  {
+    title: "单次评分上限",
+    width: "100px",
+    key: "single_score_max"
+  },
+  {
+    title: "单次评分下限",
+    width: "100px",
+    key: "single_score_min"
+  },
+  {
+    title: "所属考评项目",
+    width: "100px",
+    key: "name",
+    ellipsisTooltip:true,
+  },
+  {
+    title: "评分类型",
+    width: "100px",
+    customSlot: 'scoring_category',
+    key: "scoring_category"
+  },
+  {
+    title: "每次填报上限",
+    width: "100px",
+    key: "annual_submission_limit"
+  },
+  {
+    title: "评分标准",
+    width: "100px",
+    key: "scoring_criteria",
+    ellipsisTooltip:true,
+  },
+  {
+    title: '操作',
+    width: '100px',
+    customSlot: 'operator',
+    key: 'operator',
+    align: 'center',
+    fixed: 'right'
+  }
+]
+const addButton = ref([
+  {
+    text: "确认",
+    callback: async () => {
+      console.log(addData);
+      if (addData.project_name == '') {
+        layer.msg('项目名称不能为空！', {icon: 2})
+      }
+      if (addData.project_code == '') {
+        layer.msg('项目代码不能为空！', {icon: 2})
+      }
+      if (addData.score_type == null || addData.score_type == '') {
+        layer.msg('加减分类型不能为空！', {icon: 2, time: 1000})
+      }
+      if (addData.single_score_max <=0) {
+        layer.msg('单次评分上限不能为0！', {icon: 2, time: 1000})
+      }
+      if (addData.single_score_min <=0) {
+        layer.msg('单次评分下限不能为0！', {icon: 2, time: 1000})
+      }
+      if (addData.scoring_category ==null) {
+        layer.msg('评分类型不能为空！', {icon: 2, time: 1000})
+      }
+      if (addData.related_evaluation_project ==null) {
+        layer.msg('所属考评项目不能为空！', {icon: 2, time: 1000})
+      }
+      if (addData.project_name =='') {
+        layer.msg('评分标准不能为空！', {icon: 2, time: 1000})
+      }
+      if(addIsEdit.value==1){
+        var res = await scoringGetHierarchicalDataCreate(addData);
+      }else{
+        var res = await scoringGetHierarchicalDataUpdate(addData);
+      }
+      console.log(res)
+      if (res.code == 1) {
+        layer.msg('提交成功！', {icon: 1})
+        addShow.value = false;
+        getHierarchicalData();
+      } else {
+        layer.msg(res.msg, {icon: 2})
+      }
+    }
+  },
+  {
+    text: "取消",
+    callback: () => {
+      addShow.value = false;
+    }
+  }
+])
+</script>
+<style>
+.layui-table-header .layui-table-cell {
+  background-color: #ECF8FA !important;
+}
+</style>
--- a/src/views/configuration/foundation.vue
+++ b/src/views/configuration/foundation.vue
@ -0,0 +1,181 @@
+<template>
+  <lay-container style="padding: 20px">
+    <lay-card>
+      <div style="padding: 10px">
+        <span style="font-size: 18px;vertical-align: center;margin-right: 20px">基础评分列表</span>
+      </div>
+      <lay-table size="lg" ref="tableRef6" children-column-name="children" :columns="columns6"
+                 :data-source="dataSource6">
+        <template v-slot:scoring_type="{data}">
+          <span v-if="data.scoring_type==1">年度</span>
+          <span v-if="data.scoring_type==2">季度</span>
+          <span v-if="data.scoring_type==3">月度</span>
+        </template>
+        <template v-slot:operator="{data}">
+          <lay-space size="lg">
+            <span style="color: #00A394;cursor: pointer" @click="addShowMsd(data,data.pid)">平级新增</span>
+            <span style="color: #00A394;cursor: pointer" v-if="data.pid==0" @click="addShowMsd(data,data.id)">子级新增</span>
+            <span style="color: #00A394;cursor: pointer" @click="editShowMsd(data)">编辑</span>
+            <lay-popconfirm trigger="click" content="确定要删除吗？" @confirm="delShowMsd(data)">
+              <span style="color: #00A394;cursor: pointer">删除</span>
+            </lay-popconfirm>
+          </lay-space>
+        </template>
+      </lay-table>
+    </lay-card>
+    <lay-layer v-model="addShow" :title="addIsEdit==1?'新增考评项目':'编辑考评项目'" :type="4" :shade="true" :area="['950px','100%']" :btn="addButton">
+      <lay-container fluid="true" style="padding: 20px">
+          <lay-form :model="addData">
+            <lay-form-item required label="项目代码" prop="project_code">
+              <lay-input v-model="addData.project_code" placeholder="请输入项目代码"></lay-input>
+            </lay-form-item>
+            <lay-form-item required label="项目名称" prop="project_name">
+              <lay-textarea placeholder="请输入项目名称" v-model="addData.project_name"></lay-textarea>
+            </lay-form-item>
+            <lay-form-item required label="基础分值" prop="base_score">
+              <lay-input-number v-model="addData.base_score"  position="right"></lay-input-number>
+            </lay-form-item>
+            <lay-form-item required label="评分类型" prop="scoring_type">
+              <lay-select v-model="addData.scoring_type" :disabled="true" placeholder="请选择">
+                <lay-select-option :value="1" label="年度"></lay-select-option>
+                <lay-select-option :value="2" label="季度"></lay-select-option>
+                <lay-select-option :value="3" label="月度"></lay-select-option>
+              </lay-select>
+            </lay-form-item>
+          </lay-form>
+      </lay-container>
+    </lay-layer>
+  </lay-container>
+</template>
+<script setup lang="ts">
+import {
+  homeGetHierarchicalData,
+  homeGetHierarchicalDataCreate, homeGetHierarchicalDataDelete,
+  homeGetHierarchicalDataUpdate
+} from '../../api/module/home'
+import {ref, watch, onMounted, reactive} from 'vue'
+import {layer} from '@layui/layer-vue'
+import {verificationImg} from "@/api/module/commone";
+//列表内容
+const dataSource6 = ref([]);
+const addShow = ref(false)
+//1 add  2 edit
+const addIsEdit = ref(1)
+const addData = reactive({
+  project_code: '',
+  project_name: '',
+  base_score:0,
+  scoring_type: '',
+  pid:0,
+})
+onMounted(() => {
+  getHierarchicalData()
+})
+const getHierarchicalData = () => {
+  homeGetHierarchicalData({}).then((res) => {
+    console.log(res)
+    if (res.code == 1) {
+      dataSource6.value = res.data;
+    } else {
+      layer.msg(res.msg, {icon: 2})
+    }
+  })
+}
+const addShowMsd = (data,pid) => {
+  console.log(data);
+  addShow.value = true;
+  addData.scoring_type=data.scoring_type;
+  addData.pid=pid;
+  addIsEdit.value=1;
+}
+const editShowMsd = (data) => {
+  console.log(data);
+  addShow.value = true;
+  addData.id=data.id;
+  addData.project_name=data.project_name;
+  addData.project_code=data.project_code;
+  addData.base_score=data.base_score;
+  addData.scoring_type=data.scoring_type;
+  addIsEdit.value=2;
+}
+const delShowMsd = async (data) => {
+  var res = await homeGetHierarchicalDataDelete({id: data.id});
+  console.log(res)
+  if (res.code == 1) {
+    layer.msg('删除成功！', {icon: 1})
+    getHierarchicalData();
+  } else {
+    layer.msg(res.msg, {icon: 2})
+  }
+}
+const columns6 = [
+  {
+    title: "项目名称",
+    width: "100px",
+    key: "project_name"
+  },
+  {
+    title: "基础分值",
+    width: "200px",
+    key: "base_score"
+  },
+  {
+    title: "项目代码",
+    width: "100px",
+    key: "project_code"
+  },
+  {
+    title: "评分类型",
+    width: "100px",
+    customSlot: 'scoring_type',
+    key: "scoring_type"
+  },
+  {
+    title: '操作',
+    width: '180px',
+    customSlot: 'operator',
+    key: 'operator',
+    align: 'center',
+    fixed: 'right'
+  }
+]
+const addButton = ref([
+  {
+    text: "确认",
+    callback: async () => {
+      console.log(addData);
+      if (addData.project_name == '') {
+        layer.msg('项目名称不能为空！', {icon: 2})
+      }
+      if (addData.project_code == '') {
+        layer.msg('项目代码不能为空！', {icon: 2})
+      }
+      if (addData.base_score == '' || addData.base_score == 0) {
+        layer.msg('基础分值不能为空或为0！', {icon: 2, time: 1000})
+      }
+      if(addIsEdit.value==1){
+        var res = await homeGetHierarchicalDataCreate(addData);
+      }else{
+        var res = await homeGetHierarchicalDataUpdate(addData);
+      }
+      console.log(res)
+      if (res.code == 1) {
+        layer.msg('提交成功！', {icon: 1})
+        addShow.value = false;
+        getHierarchicalData();
+      } else {
+        layer.msg(res.msg, {icon: 2})
+      }
+    }
+  },
+  {
+    text: "取消",
+    callback: () => {
+      addShow.value = false;
+    }
+  }
+])
+</script>
+<style scoped>
+
+</style>
--- a/src/views/configuration/time.vue
+++ b/src/views/configuration/time.vue
@ -0,0 +1,223 @@
+<template>
+  <lay-container style="padding: 20px">
+    <lay-card>
+      <div style="padding: 10px">
+        <span style="font-size: 18px;vertical-align: center;margin-right: 20px">加扣分项列表</span>
+        <lay-button size="sm" border="green" @click="addShowMsd()">新增</lay-button>
+      </div>
+      <lay-table size="lg" ref="tableRef6" children-column-name="children" :columns="columns6"
+                 :data-source="dataSource6">
+        <template v-slot:evaluation_type="{data}">
+          <span v-if="data.evaluation_type==1">年度</span>
+          <span v-if="data.evaluation_type==2">季度</span>
+          <span v-if="data.evaluation_type==3">月度</span>
+        </template>
+        <template v-slot:evaluation_start_type="{data}">
+          <span v-if="data.evaluation_start_type==1">结束后</span>
+        </template>
+        <template v-slot:operator="{data}">
+          <lay-space size="lg">
+            <span style="color: #00A394;cursor: pointer" @click="editShowMsd(data)">编辑</span>
+            <lay-popconfirm trigger="click" content="确定要删除吗？" @confirm="delShowMsd(data)">
+              <span style="color: #00A394;cursor: pointer">删除</span>
+            </lay-popconfirm>
+          </lay-space>
+        </template>
+      </lay-table>
+    </lay-card>
+    <lay-layer v-model="addShow" :title="addIsEdit==1?'新增考评时间':'编辑考评时间'" :type="4" :shade="true" :area="['950px','100%']" :btn="addButton">
+      <lay-container fluid="true" style="padding: 20px">
+        <lay-form :model="addData">
+          <lay-form-item required label-width="150px" label="考评类型" prop="score_type">
+            <lay-select v-model="addData.evaluation_type" placeholder="请选择">
+              <lay-select-option :value="1" label="年度"></lay-select-option>
+              <lay-select-option :value="2" label="季度"></lay-select-option>
+              <lay-select-option :value="3" label="月度"></lay-select-option>
+            </lay-select>
+          </lay-form-item>
+          <lay-form-item required label-width="150px" label="考评开始类型" prop="single_score_max">
+            <lay-select v-model="addData.evaluation_start_type" placeholder="请选择">
+              <lay-select-option :value="1" label="结束后"></lay-select-option>
+            </lay-select>
+          </lay-form-item>
+          <lay-form-item required label-width="150px" label="时间（天）" prop="single_score_min">
+            <lay-input-number v-model="addData.time"></lay-input-number>
+          </lay-form-item>
+          <lay-form-item required label-width="150px" label="考评开始时间" prop="single_score_min">
+            <lay-date-picker type="datetime" v-model="addData.start_time" placeholder="考评开始时间" allow-clear></lay-date-picker>
+          </lay-form-item>
+          <lay-form-item required label-width="150px" label="考评结束时间" prop="single_score_min">
+            <lay-date-picker type="datetime" v-model="addData.end_time" placeholder="考评结束时间" allow-clear></lay-date-picker>
+          </lay-form-item>
+          <lay-form-item required label-width="150px" label="规则描述" prop="scoring_criteria">
+            <lay-textarea placeholder="请输入" v-model="addData.rule_description"></lay-textarea>
+          </lay-form-item>
+        </lay-form>
+      </lay-container>
+    </lay-layer>
+  </lay-container>
+</template>
+<script setup lang="ts">
+import {
+  scheduleCreate, scheduleDelete,
+  scheduleList, scheduleUpdate,
+} from '../../api/module/home'
+import {ref, watch, onMounted, reactive} from 'vue'
+import {layer} from '@layui/layer-vue'
+import {verificationImg} from "@/api/module/commone";
+//列表内容
+const dataSource6 = ref([]);
+const addShow = ref(false)
+//1 add  2 edit
+const addIsEdit = ref(1)
+const addData = reactive({
+  evaluation_type:null,
+  evaluation_start_type:null,
+  start_time:null,
+  end_time:null,
+  time:0,
+  rule_description:'',
+})
+const  categoryList= ref();
+onMounted(() => {
+  getHierarchicalData()
+  //getHierarchicalTwoList();
+})
+const getHierarchicalData = () => {
+  scheduleList({}).then((res) => {
+    console.log(res)
+    if (res.code == 1) {
+      dataSource6.value = res.data;
+    } else {
+      layer.msg(res.msg, {icon: 2})
+    }
+  })
+}
+const addShowMsd = () => {
+  addShow.value = true;
+  addIsEdit.value=1;
+  addData.id=0;
+  addData.evaluation_type=null;
+  addData.time=0;
+  addData.evaluation_start_type=null;
+  addData.start_time=null;
+  addData.end_time=null;
+  addData.rule_description='';
+}
+const editShowMsd = (data) => {
+  console.log(data);
+  addShow.value = true;
+  addData.id=data.id;
+  addData.evaluation_type=parseInt(data.evaluation_type);
+  addData.time=data.time;
+  addData.evaluation_start_type=parseInt(data.evaluation_start_type);
+  addData.start_time=data.start_time;
+  addData.end_time=data.end_time;
+  addData.rule_description=data.rule_description;
+  addIsEdit.value=2;
+}
+const delShowMsd = async (data) => {
+  var res = await scheduleDelete({id: data.id});
+  console.log(res)
+  if (res.code == 1) {
+    layer.msg('删除成功！', {icon: 1})
+    getHierarchicalData();
+  } else {
+    layer.msg(res.msg, {icon: 2})
+  }
+}
+const columns6 = [
+  {
+    title: "考评类型",
+    width: "90px",
+    customSlot: 'evaluation_type',
+    key: "evaluation_type"
+  },
+  {
+    title: "考评开始类型",
+    width: "90px",
+    customSlot: 'evaluation_start_type',
+    key: "evaluation_start_type"
+  },
+  {
+    title: "时间（天）",
+    width: "100px",
+    key: "time",
+  },
+  {
+    title: "规则描述",
+    width: "100px",
+    key: "rule_description",
+    ellipsisTooltip:true,
+  },
+  {
+    title: "考评开始时间",
+    width: "100px",
+    key: "start_time"
+  },
+  {
+    title: "考评结束时间",
+    width: "100px",
+    key: "end_time",
+
+  },
+  {
+    title: '操作',
+    width: '100px',
+    customSlot: 'operator',
+    key: 'operator',
+    align: 'center',
+    fixed: 'right'
+  }
+]
+const addButton = ref([
+  {
+    text: "确认",
+    callback: async () => {
+      console.log(addData);
+      if (addData.evaluation_type == null || addData.evaluation_type == '') {
+        layer.msg('请选择考评类型！', {icon: 2, time: 1000})
+      }
+      if (addData.time <=0) {
+        layer.msg('请填写时间（天）！', {icon: 2, time: 1000})
+      }
+      if (addData.evaluation_start_type ==null) {
+        layer.msg('请选择考评开始类型！', {icon: 2, time: 1000})
+      }
+      if (addData.start_time ==null) {
+        layer.msg('请选择考评开始时间！', {icon: 2, time: 1000})
+      }
+      if (addData.end_time ==null) {
+        layer.msg('请选择考评结束时间！', {icon: 2, time: 1000})
+      }
+      if (addData.rule_description =='') {
+        layer.msg('请填写规则描述！', {icon: 2, time: 1000})
+      }
+      if(addIsEdit.value==1){
+        var res = await scheduleCreate(addData);
+      }else{
+        var res = await scheduleUpdate(addData);
+      }
+      console.log(res)
+      if (res.code == 1) {
+        layer.msg('提交成功！', {icon: 1})
+        addShow.value = false;
+        getHierarchicalData();
+      } else {
+        layer.msg(res.msg, {icon: 2})
+      }
+    }
+  },
+  {
+    text: "取消",
+    callback: () => {
+      addShow.value = false;
+    }
+  }
+])
+</script>
+<style>
+.layui-table-header .layui-table-cell {
+  background-color: #ECF8FA !important;
+}
+</style>
--- a/src/views/day_evaluation/examine.vue
+++ b/src/views/day_evaluation/examine.vue
@ -0,0 +1,694 @@
+<template>
+  <lay-container fluid="true" class="organization-box">
+    <div style="display: flex">
+      <div :style="{ width: isFold ? `0px` : `300px` }" class="left-tree">
+        <!-- tree -->
+        <div v-show="!isFold">
+          <lay-button type="normal" size="sm" @click="toAdd">
+            <lay-icon type="layui-icon-addition"></lay-icon>新建
+          </lay-button>
+          <lay-button type="warm" size="sm" @click="toEdit">
+            <lay-icon type="layui-icon-edit"></lay-icon>修改
+          </lay-button>
+          <lay-button type="danger" size="sm" @click="toDelete">
+            <lay-icon type="layui-icon-delete"></lay-icon>删除
+          </lay-button>
+        </div>
+
+        <lay-tree
+            v-show="!isFold"
+            style="margin-top: 10px"
+            :data="data"
+            v-model:selectedKey="selectedKey"
+            :showLine="showLine"
+            :expandKeys="[1, 3, 4]"
+            @node-click="handleClick"
+        >
+          <template #title="{ data }">
+            <span :class="selectedKey == data.id ? 'isChecked' : ''">
+              {{ data.title }} {{ data.id }}
+            </span>
+          </template>
+        </lay-tree>
+        <div class="isFold" @click="isFold = !isFold">
+          &nbsp;<lay-icon v-if="!isFold" class="layui-icon-left"></lay-icon>
+          <lay-icon v-else class="layui-icon-right"></lay-icon>
+        </div>
+      </div>
+      <div style="flex: 1; padding: 10px; over-flow: auto">
+        <!-- table -->
+        <lay-card>
+          <lay-form>
+            <lay-row>
+              <lay-col :md="5">
+                <lay-form-item label="用户账号" label-width="80">
+                  <lay-input
+                      v-model="searchQuery.userAccount"
+                      placeholder="请输入"
+                      size="sm"
+                      :allow-clear="true"
+                      style="width: 98%"
+                  ></lay-input>
+                </lay-form-item>
+              </lay-col>
+              <lay-col :md="5">
+                <lay-form-item label="用户名" label-width="80">
+                  <lay-input
+                      v-model="searchQuery.userName"
+                      placeholder="请输入"
+                      size="sm"
+                      :allow-clear="true"
+                      style="width: 98%"
+                  ></lay-input>
+                </lay-form-item>
+              </lay-col>
+              <lay-col :md="5">
+                <lay-form-item label="性别" label-width="80">
+                  <lay-select
+                      class="search-input"
+                      size="sm"
+                      v-model="searchQuery.sex"
+                      :allow-clear="true"
+                      placeholder="请选择"
+                  >
+                    <lay-select-option
+                        value="man"
+                        label="男"
+                    ></lay-select-option>
+                    <lay-select-option
+                        value="woman"
+                        label="女"
+                    ></lay-select-option>
+                  </lay-select>
+                </lay-form-item>
+              </lay-col>
+              <lay-col :md="5">
+                <lay-form-item label-width="20">
+                  <lay-button
+                      style="margin-left: 20px"
+                      type="normal"
+                      size="sm"
+                      @click="toSearch"
+                  >
+                    查询
+                  </lay-button>
+                  <lay-button size="sm" @click="toReset"> 重置 </lay-button>
+                </lay-form-item>
+              </lay-col>
+            </lay-row>
+          </lay-form>
+        </lay-card>
+        <lay-table
+            :page="page"
+            :height="'100%'"
+            :columns="columns"
+            :loading="loading"
+            :default-toolbar="true"
+            :data-source="dataSource"
+            v-model:selected-keys="selectedKeys"
+            @change="change"
+            @sortChange="sortChange"
+        >
+          <template #status="{ row }">
+            <lay-switch
+                :model-value="row.status"
+                @change="changeStatus($event, row)"
+            ></lay-switch>
+          </template>
+          <template #role="{ row }">
+            <lay-tag color="#165DFF" variant="light">{{ row.role }}</lay-tag>
+          </template>
+
+          <template v-slot:toolbar>
+            <lay-button
+                size="sm"
+                type="primary"
+                @click="changeVisible11('新增', null)"
+            >新增</lay-button
+            >
+            <lay-button size="sm" @click="toRemove">删除</lay-button>
+          </template>
+          <template v-slot:operator="{ row }">
+            <lay-button
+                size="xs"
+                border="green"
+                border-style="dashed"
+                @click="changeVisible11('编辑', row)"
+            >编辑</lay-button
+            >
+            <lay-popconfirm
+                content="确定要删除此用户吗?"
+                @confirm="confirm"
+                @cancel="cancel"
+            >
+              <lay-button size="xs" border="red" border-style="dashed"
+              >删除</lay-button
+              >
+            </lay-popconfirm>
+          </template>
+        </lay-table>
+      </div>
+    </div>
+    <lay-layer v-model="visible11" :title="title" :area="['500px', '450px']">
+      <div style="padding: 20px">
+        <lay-form :model="model11" ref="layFormRef11" required>
+          <lay-form-item label="用户账号" prop="account">
+            <lay-input v-model="model11.account"></lay-input>
+          </lay-form-item>
+          <lay-form-item label="用户名" prop="name">
+            <lay-input v-model="model11.name"></lay-input>
+          </lay-form-item>
+          <lay-form-item label="性别" prop="sex">
+            <lay-select v-model="model11.sex" style="width: 100%">
+              <lay-select-option value="男" label="男"></lay-select-option>
+              <lay-select-option value="女" label="女"></lay-select-option>
+            </lay-select>
+          </lay-form-item>
+          <lay-form-item label="角色" prop="role">
+            <lay-input v-model="model11.role"></lay-input>
+          </lay-form-item>
+          <lay-form-item label="状态" prop="status">
+            <lay-switch :model-value="model11.status"></lay-switch>
+          </lay-form-item>
+        </lay-form>
+        <div style="width: 100%; text-align: center">
+          <lay-button size="sm" type="primary" @click="toSubmit"
+          >保存</lay-button
+          >
+          <lay-button size="sm" @click="toCancel">取消</lay-button>
+        </div>
+      </div>
+    </lay-layer>
+
+    <lay-layer v-model="visible22" :title="title22" :area="['700px', '400px']">
+      <div style="padding: 20px">
+        <lay-form :model="model22" ref="layFormRef11" required>
+          <lay-row>
+            <lay-col md="12">
+              <lay-form-item label="上级机构" prop="organization">
+                <lay-select v-model="model22.organization" style="width: 100%">
+                  <lay-select-option value="1" label="研发部">
+                  </lay-select-option>
+                  <lay-select-option value="2" label="测试部">
+                  </lay-select-option>
+                  <lay-select-option value="3" label="设计部">
+                  </lay-select-option>
+                  <lay-select-option value="4" label="市场部">
+                  </lay-select-option>
+                  <lay-select-option value="5" label="运维部">
+                  </lay-select-option>
+                </lay-select>
+              </lay-form-item>
+              <lay-form-item label="机构名称" prop="name">
+                <lay-input v-model="model22.name"></lay-input>
+              </lay-form-item>
+              <lay-form-item label="机构全称" prop="fullName">
+                <lay-input v-model="model22.fullName"></lay-input>
+              </lay-form-item>
+              <lay-form-item label="机构代码" prop="code">
+                <lay-input v-model="model22.code"></lay-input>
+              </lay-form-item>
+            </lay-col>
+            <lay-col md="12">
+              <lay-form-item label="机构类型" prop="type">
+                <lay-select v-model="model22.type" style="width: 100%">
+                  <lay-select-option value="1" label="公司"></lay-select-option>
+                  <lay-select-option value="2" label="子公司">
+                  </lay-select-option>
+                  <lay-select-option value="3" label="部门"></lay-select-option>
+                  <lay-select-option value="4" label="小组"></lay-select-option>
+                </lay-select>
+              </lay-form-item>
+              <lay-form-item label="排序号" prop="sort">
+                <lay-input-number
+                    style="width: 100%"
+                    v-model="model22.sort"
+                    position="right"
+                ></lay-input-number>
+              </lay-form-item>
+              <lay-form-item label="备注" prop="remark">
+                <lay-textarea
+                    placeholder="请输入备注"
+                    v-model="model22.remark"
+                    :rows="4"
+                ></lay-textarea>
+              </lay-form-item>
+            </lay-col>
+          </lay-row>
+        </lay-form>
+        <div style="width: 100%; text-align: center">
+          <lay-button size="sm" type="primary" @click="toSubmit"
+          >保存</lay-button
+          >
+          <lay-button size="sm" @click="toCancel">取消</lay-button>
+        </div>
+      </div>
+    </lay-layer>
+  </lay-container>
+</template>
+<script setup lang="ts">
+import { ref, reactive } from 'vue'
+import { layer } from '@layui/layui-vue'
+
+const data = ref([
+  {
+    title: 'xxxx公司',
+    id: 1,
+    checked: true,
+    children: [
+      {
+        title: '研发部',
+        id: 2,
+        children: [
+          {
+            title: '研发一部',
+            id: 3
+          },
+          {
+            title: '研发二部',
+            id: 4
+          },
+          {
+            title: '研发三部',
+            id: 5
+          }
+        ]
+      },
+      {
+        title: '测试部',
+        id: 6,
+        children: [
+          {
+            title: '测试一部',
+            id: 7,
+            disabled: true
+          },
+          {
+            title: '测试二部',
+            id: 8
+          }
+        ]
+      },
+      {
+        title: '设计部',
+        id: 9
+      },
+      {
+        title: '市场部',
+        id: 10
+      }
+    ]
+  }
+])
+const showLine = ref(false)
+const selectedKey = ref('')
+const selectedNode = ref({
+  id: 0,
+  title: ''
+})
+const isFold = ref(false)
+const searchQuery = ref({
+  userAccount: '',
+  userName: '',
+  sex: ''
+})
+function toReset() {
+  searchQuery.value = {
+    userAccount: '',
+    userName: '',
+    sex: ''
+  }
+}
+function handleClick(node: any) {
+  selectedNode.value = JSON.parse(JSON.stringify(node))
+  page.current = selectedNode.value.id
+  change(page)
+}
+function toAdd() {
+  visible22.value = true
+}
+function toEdit() {
+  model22.value = {
+    organization: '1',
+    name: '研发部',
+    fullName: 'xxxx公司-研发部',
+    code: '001',
+    type: '1',
+    sort: 1,
+    remark: '备注'
+  }
+  visible22.value = true
+}
+function toDelete() {
+  if (selectedKey.value == '') {
+    layer.msg('您未选择组织机构，请先选择要删除的组织机构', {
+      icon: 3,
+      time: 2000
+    })
+    return
+  }
+  layer.confirm(
+      '您将删除所选中的组织机构 [ ' + selectedNode.value.title + ' ] ？',
+      {
+        title: '提示',
+        btn: [
+          {
+            text: '确定',
+            callback: (id: any) => {
+              layer.msg('您已成功删除')
+              layer.close(id)
+            }
+          },
+          {
+            text: '取消',
+            callback: (id: any) => {
+              layer.msg('您已取消操作')
+              layer.close(id)
+            }
+          }
+        ]
+      }
+  )
+}
+
+function toSearch() {
+  page.current = 1
+  change(page)
+}
+
+const loading = ref(false)
+const selectedKeys = ref()
+const page = reactive({ current: 1, limit: 10, total: 100 })
+const columns = ref([
+  { title: '选项', width: '55px', type: 'checkbox', fixed: 'left' },
+  { title: '编号', width: '80px', key: 'id', fixed: 'left', sort: 'id' },
+  { title: '用户账号', width: '80px', key: 'account', sort: 'account' },
+  { title: '用户名', width: '80px', key: 'name', sort: 'name' },
+  { title: '性别', width: '80px', key: 'sex', sort: 'sex' },
+  { title: '角色', width: '120px', key: 'role', customSlot: 'role' },
+  {
+    title: '创建时间',
+    width: '120px',
+    key: 'joinTime'
+  },
+  { title: '状态', width: '120px', key: 'status', sort: 'status' },
+
+  {
+    title: '操作',
+    width: '150px',
+    customSlot: 'operator',
+    key: 'operator',
+    fixed: 'right'
+  }
+])
+const change = (page: any) => {
+  loading.value = true
+  setTimeout(() => {
+    dataSource.value = loadDataSource(page.current, page.limit)
+    loading.value = false
+  }, 1000)
+}
+const sortChange = (key: any, sort: number) => {
+  layer.msg(`字段${key} - 排序${sort}, 你可以利用 sort-change 实现服务端排序`)
+}
+const dataSource = ref([
+  {
+    id: '1',
+    name: '管理员',
+    sex: '男',
+    role: '管理员',
+    account: 'admin',
+    joinTime: '2022-02-09 18:34:56',
+    status: true
+  },
+  {
+    id: '2',
+    name: '张三2',
+    sex: '男',
+    role: '普通用户',
+    account: '用户2',
+    joinTime: '2022-02-09 18:34:56',
+    status: true
+  },
+  {
+    id: '3',
+    name: '李四3',
+    sex: '男',
+    role: '普通用户',
+    account: '用户3',
+    joinTime: '2022-02-09 18:34:56',
+    status: true
+  },
+  {
+    id: '4',
+    name: '用户4',
+    sex: '男',
+    role: '普通用户',
+    account: '用户4',
+    joinTime: '2022-02-09 18:34:56',
+    status: true
+  },
+  {
+    id: '5',
+    name: '王五5',
+    sex: '男',
+    role: '普通用户',
+    account: '用户5',
+    joinTime: '2022-02-09 18:34:56',
+    status: true
+  },
+  {
+    id: '6',
+    name: '赵六6',
+    sex: '男',
+    role: '普通用户',
+    account: '用户6',
+    joinTime: '2022-02-09 18:34:56',
+    status: true
+  },
+  {
+    id: '7',
+    name: '黄齐7',
+    sex: '男',
+    role: '普通用户',
+    account: '用户7',
+    joinTime: '2022-02-09 18:34:56',
+    status: true
+  },
+  {
+    id: '8',
+    name: '用户8',
+    sex: '男',
+    role: '普通用户',
+    account: '用户8',
+    joinTime: '2022-02-09 18:34:56',
+    status: true
+  },
+  {
+    id: '9',
+    name: '游客9',
+    sex: '男',
+    role: '游客',
+    account: '游客9',
+    joinTime: '用户22-02-09 18:34:56',
+    status: true
+  },
+  {
+    id: '10',
+    name: '用户10',
+    sex: '女',
+    role: '普通用户',
+    account: 'user10',
+    joinTime: '2022-02-09 18:34:56 18:34:56',
+    status: true
+  }
+])
+const changeStatus = (isChecked: boolean, row: any) => {
+  dataSource.value.forEach((item) => {
+    if (item.id === row.id) {
+      layer.msg('Success', { icon: 1 }, () => {
+        item.status = isChecked
+      })
+    }
+  })
+}
+const remove = () => {
+  layer.msg(selectedKeys.value, { area: '50%' })
+}
+const loadDataSource = (page: number, pageSize: number) => {
+  var response = []
+  var startIndex = (page - 1) * pageSize + 1
+  var endIndex = page * pageSize
+  for (var i = startIndex; i <= endIndex; i++) {
+    response.push({
+      id: `${i}`,
+      account: `user${i}`,
+      sex: '男',
+      name: `用户${i}`,
+      joinTime: '2022-02-09 18:34:56',
+      role: '普通用户',
+      status: true
+    })
+  }
+  return response
+}
+const model11 = ref({
+  name: '',
+  role: '',
+  sex: '',
+  status: '',
+  account: ''
+})
+const layFormRef11 = ref()
+const visible11 = ref(false)
+const title = ref('新增')
+const changeVisible11 = (text: any, row: any) => {
+  title.value = text
+  if (row != null) {
+    let info = JSON.parse(JSON.stringify(row))
+    model11.value = info
+  } else {
+    model11.value = {
+      name: '',
+      role: '',
+      sex: '',
+      status: '',
+      account: ''
+    }
+  }
+  visible11.value = !visible11.value
+}
+const submit11 = function () {
+  layFormRef11.value.validate((isValidate: any, model: any, errors: any) => {
+    layer.open({
+      type: 1,
+      title: '表单提交结果',
+      content: `<div style="padding: 10px"><p>是否通过 : ${isValidate}</p> <p>表单数据 : ${JSON.stringify(
+          model
+      )} </p> <p>错误信息 : ${JSON.stringify(errors)}</p></div>`,
+      shade: false,
+      isHtmlFragment: true,
+      btn: [
+        {
+          text: '确认',
+          callback(index: any) {
+            layer.close(index)
+          }
+        }
+      ],
+      area: '500px'
+    })
+  })
+}
+// 清除校验
+const clearValidate11 = function () {
+  layFormRef11.value.clearValidate()
+}
+// 重置表单
+const reset11 = function () {
+  layFormRef11.value.reset()
+}
+function toRemove() {
+  if (selectedKeys.value.length == 0) {
+    layer.msg('您未选择数据，请先选择要删除的数据', { icon: 3, time: 2000 })
+    return
+  }
+  layer.confirm('您将删除所有选中的数据？', {
+    title: '提示',
+    btn: [
+      {
+        text: '确定',
+        callback: (id: any) => {
+          layer.msg('您已成功删除')
+          layer.close(id)
+        }
+      },
+      {
+        text: '取消',
+        callback: (id: any) => {
+          layer.msg('您已取消操作')
+          layer.close(id)
+        }
+      }
+    ]
+  })
+}
+function toSubmit() {
+  layer.msg('保存成功！', { icon: 1, time: 1000 })
+  visible11.value = false
+  visible22.value = false
+}
+function toCancel() {
+  visible11.value = false
+  visible22.value = false
+}
+function confirm() {
+  layer.msg('您已成功删除')
+}
+function cancel() {
+  layer.msg('您已取消操作')
+}
+
+const model22 = ref({
+  organization: '',
+  name: '',
+  fullName: '',
+  code: '',
+  type: '',
+  sort: 0,
+  remark: ''
+})
+const layFormRef22 = ref()
+const visible22 = ref(false)
+const title22 = ref('新建')
+</script>
+
+<style scoped>
+.organization-box {
+  width: calc(100vw - 240px);
+  height: calc(100vh - 110px);
+  margin-top: 10px;
+  box-sizing: border-box;
+  background-color: #fff;
+  overflow: hidden;
+}
+.left-tree {
+  display: inline-block;
+  padding: 20px 15px 0 5px;
+  height: 1200px;
+  border-right: 1px solid #e6e6e6;
+  box-sizing: border-box;
+  position: relative;
+}
+/* todo layui-tree-entry 设置无效 */
+.layui-tree-entry {
+  position: relative;
+  padding: 10px 0;
+  height: 20px;
+  line-height: 20px;
+  white-space: nowrap;
+}
+.isFold {
+  position: absolute;
+  top: 36%;
+  right: -10px;
+  width: 26px;
+  height: 26px;
+  line-height: 26px;
+  border-radius: 13px;
+  background-color: #fff;
+  border: 1px solid #e6e6e6;
+  cursor: pointer;
+}
+.search-input {
+  display: inline-block;
+  width: 98%;
+  margin-right: 10px;
+}
+
+.isChecked {
+  display: inline-block;
+  background-color: #e8f1ff;
+  color: red;
+}
+</style>
--- a/src/views/day_evaluation/index.vue
+++ b/src/views/day_evaluation/index.vue
@ -0,0 +1,232 @@
+<template>
+  <lay-container fluid="true" style="padding: 10px">
+    <lay-row :space="10">
+      <lay-col :md="24">
+        <lay-card>
+          <lay-form style="margin-top: 20px">
+            <lay-row>
+              <lay-col :md="6">
+                <lay-form-item label="账号：" label-width="50">
+                  <lay-input
+                      v-model="searchAccount"
+                      style="width: 90%"
+                  ></lay-input>
+                </lay-form-item>
+              </lay-col>
+              <lay-col :md="6">
+                <lay-form-item label="邮箱：" label-width="50">
+                  <lay-input
+                      v-model="searchEmail"
+                      style="width: 90%"
+                  ></lay-input>
+                </lay-form-item>
+              </lay-col>
+              <lay-col :md="6">
+                <lay-form-item label-width="0">
+                  <lay-button type="primary" @click="toSearch">查询</lay-button>
+                  <lay-button @click="toReset">重置</lay-button>
+                </lay-form-item>
+              </lay-col>
+            </lay-row>
+          </lay-form>
+        </lay-card>
+      </lay-col>
+      <lay-col :md="24">
+        <lay-card>
+          <lay-table
+              :page="page"
+              :columns="columns"
+              :dataSource="dataSource"
+              :default-toolbar="defaultToolbar"
+              v-model:selectedKeys="selectedKeys"
+              @row="rowClick"
+              @change="change"
+          >
+            <template v-slot:toolbar>
+              <lay-button size="sm" type="primary">新增</lay-button>
+              <lay-button size="sm">删除</lay-button>
+            </template>
+            <template v-slot:username="{ data }">
+              {{ data.username }}
+            </template>
+            <template v-slot:password="{ data }">
+              {{ data.password }}
+            </template>
+            <template v-slot:operator="{}">
+              <lay-button size="xs" type="primary">修改</lay-button>
+              <lay-button size="xs">删除</lay-button>
+            </template>
+            <template v-slot:footer>
+              {{ selectedKeys }}
+            </template>
+          </lay-table>
+        </lay-card>
+      </lay-col>
+    </lay-row>
+  </lay-container>
+</template>
+
+<script lang="ts">
+import { ref, watch } from 'vue'
+import { layer } from '@layui/layer-vue'
+
+export default {
+  setup() {
+    const selectedKeys = ref(['1'])
+    const checkbox = ref(true)
+    const defaultToolbar = ref(true)
+    const page = ref({ total: 100, limit: 10, current: 2 })
+
+    const columns = [
+      {
+        title: '复选',
+        width: '50px',
+        type: 'checkbox',
+        fixed: 'left'
+      },
+      {
+        title: '账户',
+        width: '200px',
+        customSlot: 'username',
+        key: 'username'
+      },
+      {
+        title: '密码',
+        width: '180px',
+        customSlot: 'password',
+        key: 'password'
+      },
+      {
+        title: '年龄',
+        width: '180px',
+        key: 'age'
+      },
+      {
+        title: '描述',
+        key: 'remark',
+        ellipsisTooltip: true
+      },
+      {
+        title: '操作',
+        width: '180px',
+        customSlot: 'operator',
+        key: 'operator',
+        fixed: 'right'
+      }
+    ]
+
+    const dataSource = [
+      {
+        id: '1',
+        username: 'shana',
+        password: '夏娜',
+        remark: '花开堪折直须折,莫待无花空折枝',
+        age: '22'
+      },
+      {
+        id: '2',
+        username: 'shana',
+        password: '夏娜',
+        remark: '花开堪折直须折,莫待无花空折枝',
+        age: '22'
+      },
+      {
+        id: '3',
+        username: 'shana',
+        password: '夏娜',
+        remark: '花开堪折直须折,莫待无花空折枝',
+        age: '22'
+      },
+      {
+        id: '4',
+        username: 'shana',
+        password: '夏娜',
+        remark: '花开堪折直须折,莫待无花空折枝',
+        age: '22'
+      },
+      {
+        id: '5',
+        username: 'shana',
+        password: '夏娜',
+        remark: '花开堪折直须折,莫待无花空折枝',
+        age: '22'
+      },
+      {
+        id: '6',
+        username: 'shana',
+        password: '夏娜',
+        remark: '花开堪折直须折,莫待无花空折枝',
+        age: '22'
+      },
+      {
+        id: '7',
+        username: 'shana',
+        password: '夏娜',
+        remark: '花开堪折直须折,莫待无花空折枝',
+        age: '22'
+      },
+      {
+        id: '8',
+        username: 'shana',
+        password: '夏娜',
+        remark: '花开堪折直须折,莫待无花空折枝',
+        age: '22'
+      },
+      {
+        id: '9',
+        username: 'shana',
+        password: '夏娜',
+        remark: '花开堪折直须折,莫待无花空折枝',
+        age: '22'
+      },
+      {
+        id: '10',
+        username: 'shana',
+        password: '夏娜',
+        remark: '花开堪折直须折,莫待无花空折枝',
+        age: '22'
+      },
+      {
+        id: '11',
+        username: 'shana',
+        password: '夏娜',
+        remark: '花开堪折直须折,莫待无花空折枝',
+        age: '22'
+      }
+    ]
+
+    const rowClick = function (data: any) {}
+
+    const rowDoubleClick = function (data: any) {}
+
+    const change = function ({ current, limit }: any) {
+      layer.msg('current:' + current + ' limit:' + limit)
+    }
+    function toSearch() {
+      layer.load(2, { time: 3000 })
+    }
+    const searchAccount = ref('')
+    const searchEmail = ref('')
+    function toReset() {
+      searchAccount.value = ''
+      searchEmail.value = ''
+    }
+
+    return {
+      columns,
+      dataSource,
+      selectedKeys,
+      checkbox,
+      defaultToolbar,
+      page,
+      rowClick,
+      rowDoubleClick,
+      change,
+      toReset,
+      toSearch,
+      searchAccount,
+      searchEmail
+    }
+  }
+}
+</script>
--- a/src/views/error/401.vue
+++ b/src/views/error/401.vue
@ -0,0 +1,18 @@
+<template>
+  <lay-card class="error-page">
+    <lay-exception status="401" title="401" describe="抱歉，你无权访问该页面">
+      <template #extra>
+        <lay-button>刷新</lay-button>
+        <lay-button type="primary">返回</lay-button>
+      </template>
+    </lay-exception>
+  </lay-card>
+</template>
+
+<style>
+.error-page {
+  padding-top: 200px;
+  padding-bottom: 200px;
+  margin: 10px;
+}
+</style>
--- a/src/views/error/403.vue
+++ b/src/views/error/403.vue
@ -0,0 +1,18 @@
+<template>
+    <lay-card class="error-page">
+        <lay-exception status="403" title="403" describe="抱歉，你无权访问该页面">
+            <template #extra>
+                <lay-button>刷新</lay-button>
+                <lay-button type="primary">返回</lay-button>
+            </template>
+        </lay-exception>
+    </lay-card>
+</template>
+
+<style>
+.error-page {
+  padding-top: 200px;
+  padding-bottom: 200px;
+  margin: 10px;
+}
+</style>
--- a/src/views/error/404.vue
+++ b/src/views/error/404.vue
@ -0,0 +1,18 @@
+<template>
+    <lay-card class="error-page">
+        <lay-exception status="404" title="404" describe="抱歉，你访问的页面不存在">
+            <template #extra>
+                <lay-button>刷新</lay-button>
+                <lay-button type="primary">返回</lay-button>
+            </template>
+        </lay-exception>
+    </lay-card>
+</template>
+
+<style>
+.error-page {
+  padding-top: 200px;
+  padding-bottom: 200px;
+  margin: 10px;
+}
+</style>
--- a/src/views/error/500.vue
+++ b/src/views/error/500.vue
@ -0,0 +1,18 @@
+<template>
+    <lay-card class="error-page">
+        <lay-exception status="500" title="500" describe="抱歉，服务器出错了">
+            <template #extra>
+                <lay-button>刷新</lay-button>
+                <lay-button type="primary">返回</lay-button>
+            </template>
+        </lay-exception>
+    </lay-card>
+</template>
+
+<style>
+.error-page {
+  padding-top: 200px;
+  padding-bottom: 200px;
+  margin: 10px;
+}
+</style>
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@ -0,0 +1,275 @@
+<template>
+  <lay-container :fluid="true" style="padding: 10px">
+    <lay-row :space="10">
+      <lay-col :md="6" :sm="6" :xs="12">
+        <lay-card class="statistics">
+          <template #title>今日访问</template>
+          <template #extra>
+            <lay-badge theme="green">Hot</lay-badge>
+          </template>
+          <div class="statistics-body">
+            <lay-count-up :startVal="0" :endVal="3600" :decimalPlaces="2"></lay-count-up>
+          </div>
+          <template #footer>
+            访问趋势
+          </template>
+        </lay-card>
+      </lay-col>
+      <lay-col :md="6" :sm="6" :xs="12">
+        <lay-card class="statistics">
+          <template #title>提交次数</template>
+          <template #extra>
+            <lay-badge type="rim">Hot</lay-badge>
+          </template>
+          <div class="statistics-body">
+            <lay-count-up :startVal="0" :endVal="3600" :decimalPlaces="2"></lay-count-up>
+          </div>
+          <template #footer>
+            最近一月
+          </template>
+        </lay-card>
+      </lay-col>
+      <lay-col :md="6" :sm="6" :xs="12">
+        <lay-card class="statistics">
+          <template #title>下载数量</template>
+          <template #extra>
+            <lay-badge type="rim">Hot</lay-badge>
+          </template>
+          <div class="statistics-body">
+            <lay-count-up :startVal="0" :endVal="3600" :decimalPlaces="2"></lay-count-up>
+          </div>
+          <template #footer>
+            总下载量
+          </template>
+        </lay-card>
+      </lay-col>
+      <lay-col :md="6" :sm="6" :xs="12">
+        <lay-card class="statistics">
+          <template #title>流量统计</template>
+          <template #extra>
+            <lay-badge type="rim">Hot</lay-badge>
+          </template>
+          <div class="statistics-body">
+            <lay-count-up :startVal="0" :endVal="3600" :decimalPlaces="2"></lay-count-up>
+          </div>
+          <template #footer>
+            最近一年
+          </template>
+        </lay-card>
+      </lay-col>
+      <lay-col :md="24" :sm="24" :xs="24">
+        <lay-card>
+          <template #title>我的觉悟</template>
+          <template #extra>
+            <lay-badge type="rim">昨日</lay-badge>
+            <lay-badge type="rim">今日</lay-badge>
+          </template>
+          <lay-row>
+            <lay-col :md="18">
+              <div id="main" ref="mainRef"></div>
+            </lay-col>
+            <lay-col :md="6">
+              <div style="padding-top:42px;padding-left: 42px;padding-right: 42px;padding-bottom: 10px;">
+                <lay-timeline>
+                  <lay-timeline-item title="工专路 0 号店" simple>
+                    <template #dot>
+                      <lay-icon type="layui-icon-face-smile" color="#009688"></lay-icon>
+                    </template>
+                  </lay-timeline-item>
+                  <lay-timeline-item title="工专路 1 号店" simple></lay-timeline-item>
+                  <lay-timeline-item title="工专路 2 号店" simple></lay-timeline-item>
+                  <lay-timeline-item title="工专路 3 号店" simple></lay-timeline-item>
+                  <lay-timeline-item title="工专路 4 号店" simple></lay-timeline-item>
+                  <lay-timeline-item title="工专路 5 号店" simple></lay-timeline-item>
+                  <lay-timeline-item title="工专路 5 号店" simple></lay-timeline-item>
+                </lay-timeline>
+              </div>
+            </lay-col>
+          </lay-row>
+        </lay-card>
+      </lay-col>
+      <lay-col :md="8" :sm="8" :xs="24">
+        <lay-card>
+          <template #title>留言面板</template>
+          <ul class="leaving-messages">
+            <li>
+              <h3>张爱玲</h3>
+              <p>于千万人之中遇到你所要遇到的人，于千万年之中，时间的无涯的荒野中，没有早一步，也没有晚一步，刚巧赶上了，那也没有别的话好说，唯有轻轻的问一声：“噢，原来你也在这里？”。</p>
+              <span>5月30日 00:00</span>
+            </li>
+            <li>
+              <h3>王羲之</h3>
+              <p>但我只要够快就行了对不对？你就算有无限量的子弹，你换弹匣也需要时间，我只有那么一瞬间，把你打翻，然后就拍屁股走人。</p>
+              <span>5月30日 00:00</span>
+            </li>
+            <li>
+              <h3>诸葛亮</h3>
+              <p>皓首匹夫！苍髯老贼！你枉活九十有六，一生未立寸功，只会摇唇鼓舌！助曹为虐！一条断脊之犬，还敢在我军阵前狺狺狂吠，我从未见过有如此厚颜无耻之人！</p>
+              <span>5月30日 00:00</span>
+            </li>
+          </ul>
+        </lay-card>
+      </lay-col>
+      <lay-col :md="8" :sm="8" :xs="24">
+        <lay-card>
+          <template #title>签到统计</template>
+          <lay-table :columns="columns21" :data-source="dataSource21">
+            <template #state="{ data }">
+              <span v-if="data.state == 0" style="color:#FFB800">进行中</span>
+              <span v-else-if="data.state == 1" style="color:#5FB878">已完成</span>
+              <span v-else style="color:#FF5722">已预期</span>
+            </template>
+          </lay-table>
+        </lay-card>
+      </lay-col>
+      <lay-col :md="8" :sm="8" :xs="24">
+        <lay-card>
+          <template #title>本月目标</template>
+          <div class="target">
+            <lay-progress :percent="90" circle :circleWidth="15" :show-text="true" text="已完成">
+              <template v-slot:text="{}">
+                <span></span>
+              </template>
+            </lay-progress>
+            <p class="target-title">{{ 100 > 70 ? '恭喜，本月目标已达标！' : '加油， 就快达标了！' }}</p>
+          </div>
+        </lay-card>
+      </lay-col>
+    </lay-row>
+  </lay-container>
+</template>
+<script lang="ts">
+import { defineComponent, ref, onMounted } from "vue";
+
+import * as echarts from 'echarts';
+
+export default defineComponent({
+  name: 'Analysis',
+  setup() {
+
+    const mainRef = ref()
+    onMounted(() => {
+      var chartDom = mainRef.value;
+      // @ts-ignore
+      var myChart = echarts.init(chartDom);
+      var option = {
+        xAxis: {
+          type: 'category',
+          data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun', 'Bai', 'Fan', 'Yue', 'Qian']
+        },
+        yAxis: {
+          type: 'value'
+        },
+        grid: {
+          x: '50px',
+          y: '50px',
+          x2: '50px',
+          y2: '50px',
+        },
+        series: [
+          {
+            data: [120, 200, 150, 80, 70, 110, 130, 50, 40, 70, 100],
+            type: 'bar',
+            showBackground: true,
+            backgroundStyle: {
+              color: 'rgba(180, 180, 180, 0.2)'
+            },
+            itemStyle: {
+              normal: {
+                color: '#009688'
+              },
+            }
+          }
+        ]
+      };
+      option && myChart.setOption(option);
+    })
+
+    const columns21 = [
+      {
+        type: "number",
+      },
+      {
+        title: "任务内容",
+        key: "task",
+      }, {
+        title: "计划时间",
+        key: "time"
+      }, {
+        title: "完成情况",
+        key: "state",
+        customSlot: "state"
+      }
+    ]
+
+    const dataSource21 = [
+      { task: "睡觉", time: "两小时", state: "1" },
+      { task: "吃饭", time: "两小时", state: "2" },
+      { task: "吃饭", time: "两小时", state: "1" },
+      { task: "睡觉", time: "两小时", state: "1" },
+      { task: "睡觉", time: "两小时", state: "2" },
+      { task: "上班", time: "两小时", state: "1" },
+      { task: "上班", time: "两小时", state: "1" },
+      { task: "上班", time: "两小时", state: "0" },
+      { task: "睡觉", time: "两小时", state: "0" },
+      { task: "睡觉", time: "两小时", state: "0" }
+    ]
+
+    return {
+      mainRef,
+      columns21,
+      dataSource21
+    };
+  },
+});
+</script>
+
+<style lang="less" scoped>
+#main {
+  width: 100%;
+  height: 410px;
+}
+
+.leaving-messages {
+  li {
+    position: relative;
+    padding: 10px 0;
+    border-bottom: 1px solid #eee;
+
+    h3 {
+      padding-bottom: 5px;
+      font-weight: 700;
+    }
+
+    p {
+      font-size: 14px;
+      padding-bottom: 10px;
+    }
+
+    >span {
+      color: #999;
+    }
+  }
+}
+
+.target {
+  width: 100%;
+  height: 440px;
+  display: flex;
+  justify-content: center;
+  flex-direction: column;
+  align-items: center;
+}
+
+.target-title {
+  margin: 20px;
+}
+
+.statistics {
+  font-size: 24px !important;
+}
+
+.statistics-body {
+  padding: 14px 0;
+}
+</style>
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@ -0,0 +1,367 @@
+<template>
+  <div class="login-wrap">
+    <div class="login-root">
+      <div class="login-main">
+        <img class="login-one-ball"
+          src="https://assets.codehub.cn/micro-frontend/login/fca1d5960ccf0dfc8e32719d8a1d80d2.png" />
+        <img class="login-two-ball"
+          src="https://assets.codehub.cn/micro-frontend/login/4bcf705dad662b33a4fc24aaa67f6234.png" />
+        <div class="login-container">
+          <div class="login-side">
+            <div class="login-bg-title">
+              <h1>X X 医 院</h1>
+
+              <h3 style="margin: 20px auto">
+                医 德 医 风 管 理 系 统
+              </h3>
+            </div>
+          </div>
+          <div class="login-ID">
+            <div style="font-size: 22px; margin-bottom: 15px; margin-top: 5px">
+              登陆
+            </div>
+            <lay-tab type="brief" v-model="method">
+              <lay-tab-item title="帐号登陆" id="1">
+                <div style="height: 250px">
+                  <lay-form-item :label-width="0">
+                    <lay-input :allow-clear="true" prefix-icon="layui-icon-username" placeholder="用户名"
+                      v-model="loginForm.account"></lay-input>
+                  </lay-form-item>
+                  <lay-form-item :label-width="0">
+                    <lay-input :allow-clear="true" prefix-icon="layui-icon-password" placeholder="密码" password
+                      type="password" v-model="loginForm.password"></lay-input>
+                  </lay-form-item>
+                  <lay-form-item :label-width="0">
+                    <div style="width: 264px; display: inline-block">
+                      <lay-input :allow-clear="true" prefix-icon="layui-icon-vercode" placeholder="验证码"
+                        v-model="loginForm.vercode"></lay-input>
+                    </div>
+
+                    <div class="login-captach" @click="toRefreshImg">
+                      <img style="width: 100%" src="../../assets/login/login-yzm.jpg" alt="获取验证码" />
+                    </div>
+                  </lay-form-item>
+                  <lay-checkbox value="" name="like" v-model="remember" skin="primary" label="1">记住密码</lay-checkbox>
+                  <lay-form-item :label-width="0">
+                    <lay-button style="margin-top: 20px" type="primary" :loading="loging" :fluid="true"
+                      loadingIcon="layui-icon-loading" @click="loginSubmit">登录</lay-button>
+                  </lay-form-item>
+                </div>
+              </lay-tab-item>
+<!--              <lay-tab-item title="二维码" id="2">-->
+<!--                <div style="width: 200px; height: 250px; margin: 0 auto">-->
+<!--                  <lay-qrcode text="http://www.layui-vue.com" :width="200" color="#000"-->
+<!--                    style="margin: 10px 0 20px"></lay-qrcode>-->
+<!--                  <div style="text-align: center; cursor: pointer" @click="toRefreshQrcode">-->
+<!--                    <lay-icon type="layui-icon-refresh-three"> </lay-icon>-->
+<!--                    刷新二维码-->
+<!--                  </div>-->
+<!--                </div>-->
+<!--              </lay-tab-item>-->
+            </lay-tab>
+<!--            <lay-line style="margin: 34px 0px;">Other login methods</lay-line>-->
+<!--            <ul class="other-ways">-->
+<!--              <li>-->
+<!--                <div class="line-container">-->
+<!--                  <img class="icon" src="../../assets/login/w.svg" />-->
+<!--                  <p class="text">微信</p>-->
+<!--                </div>-->
+<!--              </li>-->
+<!--              <li>-->
+<!--                <div class="line-container">-->
+<!--                  <img class="icon" src="../../assets/login/q.svg" />-->
+<!--                  <p class="text">钉钉</p>-->
+<!--                </div>-->
+<!--              </li>-->
+<!--              <li>-->
+<!--                <div class="line-container">-->
+<!--                  <img class="icon" src="../../assets/login/a.svg" />-->
+<!--                  <p class="text">Gitee</p>-->
+<!--                </div>-->
+<!--              </li>-->
+<!--              <li>-->
+<!--                <div class="line-container">-->
+<!--                  <img class="icon" src="../../assets/login/f.svg" />-->
+<!--                  <p class="text">Github</p>-->
+<!--                </div>-->
+<!--              </li>-->
+<!--            </ul>-->
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts">
+import { login } from '../../api/module/user'
+import { verificationImg, loginQrcode } from '../../api/module/commone'
+import { defineComponent, onMounted, reactive, ref } from 'vue'
+import { useRouter } from 'vue-router'
+import { useUserStore } from '../../store/user'
+import { layer } from '@layui/layer-vue'
+
+export default defineComponent({
+  setup() {
+    const router = useRouter()
+    const userStore = useUserStore()
+    const method = ref('1')
+    const verificationImgUrl = ref('')
+    const loging = ref(false);
+    const loginQrcodeText = ref('')
+    const remember = ref(false)
+    const loginForm = reactive({
+      account: 'admin',
+      password: '123456',
+      vercode: 'DqJFN'
+    })
+
+    const loginSubmit = async () => {
+      loging.value = true;
+      login(loginForm).then(({ data, code, msg }) => {
+        setTimeout(() => {
+          loging.value = false;
+          if (code == 200) {
+            layer.msg(msg, { icon: 1 }, async () => {
+              userStore.token = data.token
+              await userStore.loadMenus()
+              await userStore.loadPermissions()
+              router.push('/home')
+            })
+          } else {
+            layer.msg(msg, { icon: 2 })
+          }
+        }, 1000)
+      })
+    }
+
+    const toRefreshImg = async () => {
+      let { data, code, msg } = await verificationImg()
+      if (code == 200) {
+        verificationImgUrl.value = data.data
+      } else {
+        layer.msg(msg, { icon: 2 })
+      }
+    }
+    const toRefreshQrcode = async () => {
+      let { data, code, msg } = await loginQrcode()
+      if (code == 200) {
+        loginQrcodeText.value = data.data
+      } else {
+        layer.msg(msg, { icon: 2 })
+      }
+    }
+
+    return {
+      toRefreshQrcode,
+      toRefreshImg,
+      loginSubmit,
+      loginForm,
+      remember,
+      method,
+      loging
+    }
+  }
+})
+</script>
+
+<style scoped>
+.login-captach {
+  display: inline-block;
+  vertical-align: bottom;
+  width: 108px;
+  height: 40px;
+  color: var(--global-primary-color);
+  margin-left: 8px;
+  border-radius: 4px;
+  border: 1px solid hsla(0, 0%, 60%, 0.46);
+  transition: border 0.2s;
+  box-sizing: border-box;
+  background: #fff;
+  overflow: hidden;
+  cursor: pointer;
+}
+
+.login-one-ball {
+  opacity: 0.4;
+  position: absolute;
+  max-width: 568px;
+  left: -400px;
+  bottom: 0px;
+}
+
+.login-two-ball {
+  opacity: 0.4;
+  position: absolute;
+  max-width: 320px;
+  right: -200px;
+  top: -60px;
+}
+
+.login-wrap {
+  position: fixed;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  overflow: auto;
+  min-width: 600px;
+  z-index: 9;
+  background-image: url(https://assets.codehub.cn/micro-frontend/login/f7eeecbeccefe963298c23b54741d473.png);
+  background-repeat: no-repeat;
+  background-size: cover;
+  min-height: 100vh;
+}
+
+.login-wrap :deep(.layui-input-block) {
+  margin-left: 0 !important;
+}
+
+.login-root {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  display: flex;
+  justify-content: center;
+  width: 100%;
+  min-width: 320px;
+  background-color: initial;
+}
+
+.login-main {
+  position: relative;
+  display: block;
+}
+
+.logo-container {
+  max-width: calc(100vw - 28px);
+  margin-bottom: 40px;
+  text-align: center;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.logo-container .logo {
+  display: inline-block;
+  height: 30px;
+  width: 143px;
+  background: url() no-repeat 50%;
+  background-size: contain;
+  cursor: pointer;
+}
+
+.login-container {
+  position: relative;
+  overflow: hidden;
+  width: 940px;
+  height: 540px;
+  max-width: calc(100vw - 28px);
+  border-radius: 4px;
+  background: hsla(0, 0%, 100%, 0.5);
+  backdrop-filter: blur(30px);
+  display: flex;
+  box-shadow: 6px 6px 12px 4px rgba(0, 0, 0, 0.1);
+}
+
+.login-side {
+  padding: 40px 20px 20px;
+  background-color: var(--global-primary-color);
+  flex: 1;
+  height: 100%;
+}
+
+.login-bg-title {
+  flex: 1;
+  height: 84%;
+  color: #fff;
+  text-align: center;
+  background-image: url('../../assets/login/login-bg.svg');
+  background-repeat: no-repeat;
+  background-position: bottom;
+  background-size: contain;
+  text-align: center;
+  min-width: 200px;
+}
+
+.login-ID {
+  padding: 20px 30px;
+  min-width: 420px;
+}
+
+.login-container .layui-tab-head {
+  background: transparent;
+}
+
+.login-container .layui-input-wrapper {
+  margin-top: 10px;
+  margin-bottom: 10px;
+}
+
+.login-container .layui-input-wrapper {
+  margin-top: 12px;
+  margin-bottom: 12px;
+}
+
+.login-container .assist {
+  margin-top: 5px;
+  margin-bottom: 5px;
+  letter-spacing: 2px;
+}
+
+.login-container .layui-btn {
+  margin: 10px 0px 10px 0px;
+  letter-spacing: 2px;
+  height: 40px;
+}
+
+.login-container .layui-line-horizontal {
+  letter-spacing: 2px;
+  margin-bottom: 34px;
+  margin-top: 24px;
+}
+
+.other-ways {
+  display: flex;
+  justify-content: space-between;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  font-size: 14px;
+  font-weight: 400;
+}
+
+.other-ways li {
+  width: 100%;
+}
+
+.line-container {
+  justify-content: center;
+  align-items: center;
+  text-align: center;
+  cursor: pointer;
+}
+
+.line-container .icon {
+  height: 28px;
+  width: 28px;
+  margin-right: 0;
+  vertical-align: middle;
+  border-radius: 50%;
+  background: #fff;
+  box-shadow: 0 1px 2px 0 rgb(9 30 66 / 4%), 0 1px 4px 0 rgb(9 30 66 / 10%),
+    0 0 1px 0 rgb(9 30 66 / 10%);
+}
+
+.line-container .text {
+  display: block;
+  margin: 12px 0 0;
+  font-size: 12px;
+  color: #8592a6;
+}
+
+:deep(.layui-tab-title .layui-this) {
+  background-color: transparent;
+}
+</style>
--- a/src/views/month_evaluation/examine.vue
+++ b/src/views/month_evaluation/examine.vue
@ -0,0 +1,694 @@
+<template>
+  <lay-container fluid="true" class="organization-box">
+    <div style="display: flex">
+      <div :style="{ width: isFold ? `0px` : `300px` }" class="left-tree">
+        <!-- tree -->
+        <div v-show="!isFold">
+          <lay-button type="normal" size="sm" @click="toAdd">
+            <lay-icon type="layui-icon-addition"></lay-icon>新建
+          </lay-button>
+          <lay-button type="warm" size="sm" @click="toEdit">
+            <lay-icon type="layui-icon-edit"></lay-icon>修改
+          </lay-button>
+          <lay-button type="danger" size="sm" @click="toDelete">
+            <lay-icon type="layui-icon-delete"></lay-icon>删除
+          </lay-button>
+        </div>
+
+        <lay-tree
+            v-show="!isFold"
+            style="margin-top: 10px"
+            :data="data"
+            v-model:selectedKey="selectedKey"
+            :showLine="showLine"
+            :expandKeys="[1, 3, 4]"
+            @node-click="handleClick"
+        >
+          <template #title="{ data }">
+            <span :class="selectedKey == data.id ? 'isChecked' : ''">
+              {{ data.title }} {{ data.id }}
+            </span>
+          </template>
+        </lay-tree>
+        <div class="isFold" @click="isFold = !isFold">
+          &nbsp;<lay-icon v-if="!isFold" class="layui-icon-left"></lay-icon>
+          <lay-icon v-else class="layui-icon-right"></lay-icon>
+        </div>
+      </div>
+      <div style="flex: 1; padding: 10px; over-flow: auto">
+        <!-- table -->
+        <lay-card>
+          <lay-form>
+            <lay-row>
+              <lay-col :md="5">
+                <lay-form-item label="用户账号" label-width="80">
+                  <lay-input
+                      v-model="searchQuery.userAccount"
+                      placeholder="请输入"
+                      size="sm"
+                      :allow-clear="true"
+                      style="width: 98%"
+                  ></lay-input>
+                </lay-form-item>
+              </lay-col>
+              <lay-col :md="5">
+                <lay-form-item label="用户名" label-width="80">
+                  <lay-input
+                      v-model="searchQuery.userName"
+                      placeholder="请输入"
+                      size="sm"
+                      :allow-clear="true"
+                      style="width: 98%"
+                  ></lay-input>
+                </lay-form-item>
+              </lay-col>
+              <lay-col :md="5">
+                <lay-form-item label="性别" label-width="80">
+                  <lay-select
+                      class="search-input"
+                      size="sm"
+                      v-model="searchQuery.sex"
+                      :allow-clear="true"
+                      placeholder="请选择"
+                  >
+                    <lay-select-option
+                        value="man"
+                        label="男"
+                    ></lay-select-option>
+                    <lay-select-option
+                        value="woman"
+                        label="女"
+                    ></lay-select-option>
+                  </lay-select>
+                </lay-form-item>
+              </lay-col>
+              <lay-col :md="5">
+                <lay-form-item label-width="20">
+                  <lay-button
+                      style="margin-left: 20px"
+                      type="normal"
+                      size="sm"
+                      @click="toSearch"
+                  >
+                    查询
+                  </lay-button>
+                  <lay-button size="sm" @click="toReset"> 重置 </lay-button>
+                </lay-form-item>
+              </lay-col>
+            </lay-row>
+          </lay-form>
+        </lay-card>
+        <lay-table
+            :page="page"
+            :height="'100%'"
+            :columns="columns"
+            :loading="loading"
+            :default-toolbar="true"
+            :data-source="dataSource"
+            v-model:selected-keys="selectedKeys"
+            @change="change"
+            @sortChange="sortChange"
+        >
+          <template #status="{ row }">
+            <lay-switch
+                :model-value="row.status"
+                @change="changeStatus($event, row)"
+            ></lay-switch>
+          </template>
+          <template #role="{ row }">
+            <lay-tag color="#165DFF" variant="light">{{ row.role }}</lay-tag>
+          </template>
+
+          <template v-slot:toolbar>
+            <lay-button
+                size="sm"
+                type="primary"
+                @click="changeVisible11('新增', null)"
+            >新增</lay-button
+            >
+            <lay-button size="sm" @click="toRemove">删除</lay-button>
+          </template>
+          <template v-slot:operator="{ row }">
+            <lay-button
+                size="xs"
+                border="green"
+                border-style="dashed"
+                @click="changeVisible11('编辑', row)"
+            >编辑</lay-button
+            >
+            <lay-popconfirm
+                content="确定要删除此用户吗?"
+                @confirm="confirm"
+                @cancel="cancel"
+            >
+              <lay-button size="xs" border="red" border-style="dashed"
+              >删除</lay-button
+              >
+            </lay-popconfirm>
+          </template>
+        </lay-table>
+      </div>
+    </div>
+    <lay-layer v-model="visible11" :title="title" :area="['500px', '450px']">
+      <div style="padding: 20px">
+        <lay-form :model="model11" ref="layFormRef11" required>
+          <lay-form-item label="用户账号" prop="account">
+            <lay-input v-model="model11.account"></lay-input>
+          </lay-form-item>
+          <lay-form-item label="用户名" prop="name">
+            <lay-input v-model="model11.name"></lay-input>
+          </lay-form-item>
+          <lay-form-item label="性别" prop="sex">
+            <lay-select v-model="model11.sex" style="width: 100%">
+              <lay-select-option value="男" label="男"></lay-select-option>
+              <lay-select-option value="女" label="女"></lay-select-option>
+            </lay-select>
+          </lay-form-item>
+          <lay-form-item label="角色" prop="role">
+            <lay-input v-model="model11.role"></lay-input>
+          </lay-form-item>
+          <lay-form-item label="状态" prop="status">
+            <lay-switch :model-value="model11.status"></lay-switch>
+          </lay-form-item>
+        </lay-form>
+        <div style="width: 100%; text-align: center">
+          <lay-button size="sm" type="primary" @click="toSubmit"
+          >保存</lay-button
+          >
+          <lay-button size="sm" @click="toCancel">取消</lay-button>
+        </div>
+      </div>
+    </lay-layer>
+
+    <lay-layer v-model="visible22" :title="title22" :area="['700px', '400px']">
+      <div style="padding: 20px">
+        <lay-form :model="model22" ref="layFormRef11" required>
+          <lay-row>
+            <lay-col md="12">
+              <lay-form-item label="上级机构" prop="organization">
+                <lay-select v-model="model22.organization" style="width: 100%">
+                  <lay-select-option value="1" label="研发部">
+                  </lay-select-option>
+                  <lay-select-option value="2" label="测试部">
+                  </lay-select-option>
+                  <lay-select-option value="3" label="设计部">
+                  </lay-select-option>
+                  <lay-select-option value="4" label="市场部">
+                  </lay-select-option>
+                  <lay-select-option value="5" label="运维部">
+                  </lay-select-option>
+                </lay-select>
+              </lay-form-item>
+              <lay-form-item label="机构名称" prop="name">
+                <lay-input v-model="model22.name"></lay-input>
+              </lay-form-item>
+              <lay-form-item label="机构全称" prop="fullName">
+                <lay-input v-model="model22.fullName"></lay-input>
+              </lay-form-item>
+              <lay-form-item label="机构代码" prop="code">
+                <lay-input v-model="model22.code"></lay-input>
+              </lay-form-item>
+            </lay-col>
+            <lay-col md="12">
+              <lay-form-item label="机构类型" prop="type">
+                <lay-select v-model="model22.type" style="width: 100%">
+                  <lay-select-option value="1" label="公司"></lay-select-option>
+                  <lay-select-option value="2" label="子公司">
+                  </lay-select-option>
+                  <lay-select-option value="3" label="部门"></lay-select-option>
+                  <lay-select-option value="4" label="小组"></lay-select-option>
+                </lay-select>
+              </lay-form-item>
+              <lay-form-item label="排序号" prop="sort">
+                <lay-input-number
+                    style="width: 100%"
+                    v-model="model22.sort"
+                    position="right"
+                ></lay-input-number>
+              </lay-form-item>
+              <lay-form-item label="备注" prop="remark">
+                <lay-textarea
+                    placeholder="请输入备注"
+                    v-model="model22.remark"
+                    :rows="4"
+                ></lay-textarea>
+              </lay-form-item>
+            </lay-col>
+          </lay-row>
+        </lay-form>
+        <div style="width: 100%; text-align: center">
+          <lay-button size="sm" type="primary" @click="toSubmit"
+          >保存</lay-button
+          >
+          <lay-button size="sm" @click="toCancel">取消</lay-button>
+        </div>
+      </div>
+    </lay-layer>
+  </lay-container>
+</template>
+<script setup lang="ts">
+import { ref, reactive } from 'vue'
+import { layer } from '@layui/layui-vue'
+
+const data = ref([
+  {
+    title: 'xxxx公司',
+    id: 1,
+    checked: true,
+    children: [
+      {
+        title: '研发部',
+        id: 2,
+        children: [
+          {
+            title: '研发一部',
+            id: 3
+          },
+          {
+            title: '研发二部',
+            id: 4
+          },
+          {
+            title: '研发三部',
+            id: 5
+          }
+        ]
+      },
+      {
+        title: '测试部',
+        id: 6,
+        children: [
+          {
+            title: '测试一部',
+            id: 7,
+            disabled: true
+          },
+          {
+            title: '测试二部',
+            id: 8
+          }
+        ]
+      },
+      {
+        title: '设计部',
+        id: 9
+      },
+      {
+        title: '市场部',
+        id: 10
+      }
+    ]
+  }
+])
+const showLine = ref(false)
+const selectedKey = ref('')
+const selectedNode = ref({
+  id: 0,
+  title: ''
+})
+const isFold = ref(false)
+const searchQuery = ref({
+  userAccount: '',
+  userName: '',
+  sex: ''
+})
+function toReset() {
+  searchQuery.value = {
+    userAccount: '',
+    userName: '',
+    sex: ''
+  }
+}
+function handleClick(node: any) {
+  selectedNode.value = JSON.parse(JSON.stringify(node))
+  page.current = selectedNode.value.id
+  change(page)
+}
+function toAdd() {
+  visible22.value = true
+}
+function toEdit() {
+  model22.value = {
+    organization: '1',
+    name: '研发部',
+    fullName: 'xxxx公司-研发部',
+    code: '001',
+    type: '1',
+    sort: 1,
+    remark: '备注'
+  }
+  visible22.value = true
+}
+function toDelete() {
+  if (selectedKey.value == '') {
+    layer.msg('您未选择组织机构，请先选择要删除的组织机构', {
+      icon: 3,
+      time: 2000
+    })
+    return
+  }
+  layer.confirm(
+      '您将删除所选中的组织机构 [ ' + selectedNode.value.title + ' ] ？',
+      {
+        title: '提示',
+        btn: [
+          {
+            text: '确定',
+            callback: (id: any) => {
+              layer.msg('您已成功删除')
+              layer.close(id)
+            }
+          },
+          {
+            text: '取消',
+            callback: (id: any) => {
+              layer.msg('您已取消操作')
+              layer.close(id)
+            }
+          }
+        ]
+      }
+  )
+}
+
+function toSearch() {
+  page.current = 1
+  change(page)
+}
+
+const loading = ref(false)
+const selectedKeys = ref()
+const page = reactive({ current: 1, limit: 10, total: 100 })
+const columns = ref([
+  { title: '选项', width: '55px', type: 'checkbox', fixed: 'left' },
+  { title: '编号', width: '80px', key: 'id', fixed: 'left', sort: 'id' },
+  { title: '用户账号', width: '80px', key: 'account', sort: 'account' },
+  { title: '用户名', width: '80px', key: 'name', sort: 'name' },
+  { title: '性别', width: '80px', key: 'sex', sort: 'sex' },
+  { title: '角色', width: '120px', key: 'role', customSlot: 'role' },
+  {
+    title: '创建时间',
+    width: '120px',
+    key: 'joinTime'
+  },
+  { title: '状态', width: '120px', key: 'status', sort: 'status' },
+
+  {
+    title: '操作',
+    width: '150px',
+    customSlot: 'operator',
+    key: 'operator',
+    fixed: 'right'
+  }
+])
+const change = (page: any) => {
+  loading.value = true
+  setTimeout(() => {
+    dataSource.value = loadDataSource(page.current, page.limit)
+    loading.value = false
+  }, 1000)
+}
+const sortChange = (key: any, sort: number) => {
+  layer.msg(`字段${key} - 排序${sort}, 你可以利用 sort-change 实现服务端排序`)
+}
+const dataSource = ref([
+  {
+    id: '1',
+    name: '管理员',
+    sex: '男',
+    role: '管理员',
+    account: 'admin',
+    joinTime: '2022-02-09 18:34:56',
+    status: true
+  },
+  {
+    id: '2',
+    name: '张三2',
+    sex: '男',
+    role: '普通用户',
+    account: '用户2',
+    joinTime: '2022-02-09 18:34:56',
+    status: true
+  },
+  {
+    id: '3',
+    name: '李四3',
+    sex: '男',
+    role: '普通用户',
+    account: '用户3',
+    joinTime: '2022-02-09 18:34:56',
+    status: true
+  },
+  {
+    id: '4',
+    name: '用户4',
+    sex: '男',
+    role: '普通用户',
+    account: '用户4',
+    joinTime: '2022-02-09 18:34:56',
+    status: true
+  },
+  {
+    id: '5',
+    name: '王五5',
+    sex: '男',
+    role: '普通用户',
+    account: '用户5',
+    joinTime: '2022-02-09 18:34:56',
+    status: true
+  },
+  {
+    id: '6',
+    name: '赵六6',
+    sex: '男',
+    role: '普通用户',
+    account: '用户6',
+    joinTime: '2022-02-09 18:34:56',
+    status: true
+  },
+  {
+    id: '7',
+    name: '黄齐7',
+    sex: '男',
+    role: '普通用户',
+    account: '用户7',
+    joinTime: '2022-02-09 18:34:56',
+    status: true
+  },
+  {
+    id: '8',
+    name: '用户8',
+    sex: '男',
+    role: '普通用户',
+    account: '用户8',
+    joinTime: '2022-02-09 18:34:56',
+    status: true
+  },
+  {
+    id: '9',
+    name: '游客9',
+    sex: '男',
+    role: '游客',
+    account: '游客9',
+    joinTime: '用户22-02-09 18:34:56',
+    status: true
+  },
+  {
+    id: '10',
+    name: '用户10',
+    sex: '女',
+    role: '普通用户',
+    account: 'user10',
+    joinTime: '2022-02-09 18:34:56 18:34:56',
+    status: true
+  }
+])
+const changeStatus = (isChecked: boolean, row: any) => {
+  dataSource.value.forEach((item) => {
+    if (item.id === row.id) {
+      layer.msg('Success', { icon: 1 }, () => {
+        item.status = isChecked
+      })
+    }
+  })
+}
+const remove = () => {
+  layer.msg(selectedKeys.value, { area: '50%' })
+}
+const loadDataSource = (page: number, pageSize: number) => {
+  var response = []
+  var startIndex = (page - 1) * pageSize + 1
+  var endIndex = page * pageSize
+  for (var i = startIndex; i <= endIndex; i++) {
+    response.push({
+      id: `${i}`,
+      account: `user${i}`,
+      sex: '男',
+      name: `用户${i}`,
+      joinTime: '2022-02-09 18:34:56',
+      role: '普通用户',
+      status: true
+    })
+  }
+  return response
+}
+const model11 = ref({
+  name: '',
+  role: '',
+  sex: '',
+  status: '',
+  account: ''
+})
+const layFormRef11 = ref()
+const visible11 = ref(false)
+const title = ref('新增')
+const changeVisible11 = (text: any, row: any) => {
+  title.value = text
+  if (row != null) {
+    let info = JSON.parse(JSON.stringify(row))
+    model11.value = info
+  } else {
+    model11.value = {
+      name: '',
+      role: '',
+      sex: '',
+      status: '',
+      account: ''
+    }
+  }
+  visible11.value = !visible11.value
+}
+const submit11 = function () {
+  layFormRef11.value.validate((isValidate: any, model: any, errors: any) => {
+    layer.open({
+      type: 1,
+      title: '表单提交结果',
+      content: `<div style="padding: 10px"><p>是否通过 : ${isValidate}</p> <p>表单数据 : ${JSON.stringify(
+          model
+      )} </p> <p>错误信息 : ${JSON.stringify(errors)}</p></div>`,
+      shade: false,
+      isHtmlFragment: true,
+      btn: [
+        {
+          text: '确认',
+          callback(index: any) {
+            layer.close(index)
+          }
+        }
+      ],
+      area: '500px'
+    })
+  })
+}
+// 清除校验
+const clearValidate11 = function () {
+  layFormRef11.value.clearValidate()
+}
+// 重置表单
+const reset11 = function () {
+  layFormRef11.value.reset()
+}
+function toRemove() {
+  if (selectedKeys.value.length == 0) {
+    layer.msg('您未选择数据，请先选择要删除的数据', { icon: 3, time: 2000 })
+    return
+  }
+  layer.confirm('您将删除所有选中的数据？', {
+    title: '提示',
+    btn: [
+      {
+        text: '确定',
+        callback: (id: any) => {
+          layer.msg('您已成功删除')
+          layer.close(id)
+        }
+      },
+      {
+        text: '取消',
+        callback: (id: any) => {
+          layer.msg('您已取消操作')
+          layer.close(id)
+        }
+      }
+    ]
+  })
+}
+function toSubmit() {
+  layer.msg('保存成功！', { icon: 1, time: 1000 })
+  visible11.value = false
+  visible22.value = false
+}
+function toCancel() {
+  visible11.value = false
+  visible22.value = false
+}
+function confirm() {
+  layer.msg('您已成功删除')
+}
+function cancel() {
+  layer.msg('您已取消操作')
+}
+
+const model22 = ref({
+  organization: '',
+  name: '',
+  fullName: '',
+  code: '',
+  type: '',
+  sort: 0,
+  remark: ''
+})
+const layFormRef22 = ref()
+const visible22 = ref(false)
+const title22 = ref('新建')
+</script>
+
+<style scoped>
+.organization-box {
+  width: calc(100vw - 240px);
+  height: calc(100vh - 110px);
+  margin-top: 10px;
+  box-sizing: border-box;
+  background-color: #fff;
+  overflow: hidden;
+}
+.left-tree {
+  display: inline-block;
+  padding: 20px 15px 0 5px;
+  height: 1200px;
+  border-right: 1px solid #e6e6e6;
+  box-sizing: border-box;
+  position: relative;
+}
+/* todo layui-tree-entry 设置无效 */
+.layui-tree-entry {
+  position: relative;
+  padding: 10px 0;
+  height: 20px;
+  line-height: 20px;
+  white-space: nowrap;
+}
+.isFold {
+  position: absolute;
+  top: 36%;
+  right: -10px;
+  width: 26px;
+  height: 26px;
+  line-height: 26px;
+  border-radius: 13px;
+  background-color: #fff;
+  border: 1px solid #e6e6e6;
+  cursor: pointer;
+}
+.search-input {
+  display: inline-block;
+  width: 98%;
+  margin-right: 10px;
+}
+
+.isChecked {
+  display: inline-block;
+  background-color: #e8f1ff;
+  color: red;
+}
+</style>
--- a/src/views/month_evaluation/index.vue
+++ b/src/views/month_evaluation/index.vue
@ -0,0 +1,246 @@
+<template>
+  <lay-container fluid="true" style="padding: 20px">
+    <lay-row :space="10">
+      <lay-col :md="24">
+        <lay-card>
+          <lay-form style="margin-top: 20px">
+            <lay-row>
+              <lay-col :md="5">
+                <lay-form-item label="月度：" label-width="50">
+                  <lay-date-picker type="yearmonth" v-model="searchAccount" placeholder="请选择"
+                                   allow-clear></lay-date-picker>
+                </lay-form-item>
+              </lay-col>
+              <lay-col :md="4">
+                <lay-form-item label-width="0">
+                  <lay-button type="primary" @click="toSearch">查询</lay-button>
+                  <lay-button @click="toReset">重置</lay-button>
+                </lay-form-item>
+              </lay-col>
+            </lay-row>
+          </lay-form>
+        </lay-card>
+      </lay-col>
+      <lay-col :md="24">
+        <lay-card>
+          <div style="padding: 10px">
+            <span style="font-size: 18px;vertical-align: center;margin-right: 20px">月度自评列表</span>
+            <lay-button type="primary" size="sm">导出Excel</lay-button>
+          </div>
+          <lay-table
+              :page="page"
+              :columns="columns"
+              :dataSource="dataSource"
+              :even="true"
+              height="600px"
+              size="md"
+          >
+            <template v-slot:id="{ data }">
+              {{ data.id }}
+            </template>
+            <template v-slot:username="{ data }">
+              {{ data.username }}
+            </template>
+            <template v-slot:password="{ data }">
+              {{ data.password }}
+            </template>
+            <template v-slot:operator="{}">
+              <span style="color: #00A394;cursor: pointer" @click="visible11 = true">详情</span>
+            </template>
+          </lay-table>
+        </lay-card>
+      </lay-col>
+    </lay-row>
+  </lay-container>
+  <lay-layer v-model="visible11" title="月度自评详情" :type="4" :shade="true" :area="['950px','100%']">
+    <lay-container fluid="true" style="padding: 20px">
+      <lay-card shadow="always">
+        <div style="height: 70px;width: 100%;">
+          <lay-step current-status="primary" style="margin: 0 auto" direction="horizontal" :active="active" space="100%" :center="true">
+            <lay-step-item>
+              <template v-slot:default>
+                <div style="font-size: 18px;font-weight: bold;color: #009688">个人自评</div>
+                <div style="color: #999999">2025-01-01 14:35:33</div>
+              </template>
+            </lay-step-item>
+            <lay-step-item>
+              <template v-slot:default>
+                <div style="font-size: 18px;font-weight: bold;color: #009688">科室考评</div>
+                <div style="color: #999999"></div>
+              </template>
+            </lay-step-item>
+          </lay-step>
+        </div>
+      </lay-card>
+      <lay-table ref="tableRef6" children-column-name="children" :columns="columns6"
+                 :data-source="dataSource6"></lay-table>
+    </lay-container>
+  </lay-layer>
+</template>
+
+<script lang="ts">
+import {ref, watch} from 'vue'
+import {layer} from '@layui/layer-vue'
+
+export default {
+  setup() {
+    const active = ref(1)
+    const visible11 = ref(false)
+    const selectedKeys = ref(['1'])
+    const checkbox = ref(true)
+    const defaultToolbar = ref(true)
+    const page = ref({total: 100, limit: 10, current: 2})
+    const columns6 = [
+      {
+        title: "考评项目",
+        width: "100px",
+        key: "id"
+      },
+      {
+        title: "分值",
+        width: "200px",
+        key: "name"
+      },
+      {
+        title: "自评分",
+        width: "100px",
+        key: "sex"
+      }
+    ]
+    const dataSource6 = [
+      {
+        id:"10001", name:"张三 1", sex:"男", children: [
+          {
+            id:"10009", name:"张三 1-1", sex:"男"},
+          {
+            id:"10012", name:"张三 1-2", sex:"男", children: [
+              {id:"10013", name:"张三 1-2-1", sex:"男"},
+              {id:"10014", name:"张三 1-2-2", sex:"男"}
+            ]
+          }
+        ]
+      }
+    ]
+    const columns = [
+      {
+        title: '序号',
+        width: '50px',
+        customSlot: 'id',
+        align: 'center',
+        key: 'id'
+      },
+      {
+        title: '月度',
+        width: '100px',
+        align: 'center',
+        customSlot: 'username',
+        key: 'username'
+      },
+      {
+        title: '考评对象',
+        width: '150px',
+        customSlot: 'password',
+        align: 'center',
+        key: 'password'
+      },
+      {
+        title: '参评时间',
+        width: '180px',
+        align: 'center',
+        key: 'age'
+      },
+      {
+        title: '加分',
+        key: 'remark',
+        align: 'center',
+      },
+      {
+        title: '扣分',
+        key: 'remark',
+        align: 'center',
+      },
+      {
+        title: '自评总分',
+        key: 'remark',
+        align: 'center',
+      }, {
+        title: '科室评分',
+        key: 'remark',
+        align: 'center',
+      },
+      {
+        title: '操作',
+        width: '180px',
+        customSlot: 'operator',
+        key: 'operator',
+        align: 'center',
+        fixed: 'right'
+      }
+    ]
+
+    const dataSource = [
+      {
+        id: '1',
+        username: 'shana',
+        password: '夏娜',
+        remark: '1',
+        age: '2024-01'
+      },
+      {
+        id: '2',
+        username: 'shana',
+        password: '夏娜',
+        remark: '2',
+        age: '2024-01'
+      }
+    ]
+
+    const rowClick = function (data: any) {
+    }
+
+    const rowDoubleClick = function (data: any) {
+    }
+
+    const change = function ({current, limit}: any) {
+      layer.msg('current:' + current + ' limit:' + limit)
+    }
+
+    function toSearch() {
+      layer.load(2, {time: 3000})
+    }
+
+    const searchAccount = ref('')
+    const searchEmail = ref('')
+
+    function toReset() {
+      searchAccount.value = ''
+      searchEmail.value = ''
+    }
+
+    return {
+      active,
+      dataSource6,
+      columns6,
+      visible11,
+      columns,
+      dataSource,
+      selectedKeys,
+      checkbox,
+      defaultToolbar,
+      page,
+      rowClick,
+      rowDoubleClick,
+      change,
+      toReset,
+      toSearch,
+      searchAccount,
+      searchEmail
+    }
+  }
+}
+</script>
+<style>
+.layui-table-header .layui-table-cell {
+  background-color: #ECF8FA !important;
+}
+</style>
--- a/src/views/system/department.vue
+++ b/src/views/system/department.vue
@ -0,0 +1,694 @@
+<template>
+  <lay-container fluid="true" class="organization-box">
+    <div style="display: flex">
+      <div :style="{ width: isFold ? `0px` : `300px` }" class="left-tree">
+        <!-- tree -->
+        <div v-show="!isFold">
+          <lay-button type="normal" size="sm" @click="toAdd">
+            <lay-icon type="layui-icon-addition"></lay-icon>新建
+          </lay-button>
+          <lay-button type="warm" size="sm" @click="toEdit">
+            <lay-icon type="layui-icon-edit"></lay-icon>修改
+          </lay-button>
+          <lay-button type="danger" size="sm" @click="toDelete">
+            <lay-icon type="layui-icon-delete"></lay-icon>删除
+          </lay-button>
+        </div>
+
+        <lay-tree
+            v-show="!isFold"
+            style="margin-top: 10px"
+            :data="data"
+            v-model:selectedKey="selectedKey"
+            :showLine="showLine"
+            :expandKeys="[1, 3, 4]"
+            @node-click="handleClick"
+        >
+          <template #title="{ data }">
+            <span :class="selectedKey == data.id ? 'isChecked' : ''">
+              {{ data.title }} {{ data.id }}
+            </span>
+          </template>
+        </lay-tree>
+        <div class="isFold" @click="isFold = !isFold">
+          &nbsp;<lay-icon v-if="!isFold" class="layui-icon-left"></lay-icon>
+          <lay-icon v-else class="layui-icon-right"></lay-icon>
+        </div>
+      </div>
+      <div style="flex: 1; padding: 10px; over-flow: auto">
+        <!-- table -->
+        <lay-card>
+          <lay-form>
+            <lay-row>
+              <lay-col :md="5">
+                <lay-form-item label="用户账号" label-width="80">
+                  <lay-input
+                      v-model="searchQuery.userAccount"
+                      placeholder="请输入"
+                      size="sm"
+                      :allow-clear="true"
+                      style="width: 98%"
+                  ></lay-input>
+                </lay-form-item>
+              </lay-col>
+              <lay-col :md="5">
+                <lay-form-item label="用户名" label-width="80">
+                  <lay-input
+                      v-model="searchQuery.userName"
+                      placeholder="请输入"
+                      size="sm"
+                      :allow-clear="true"
+                      style="width: 98%"
+                  ></lay-input>
+                </lay-form-item>
+              </lay-col>
+              <lay-col :md="5">
+                <lay-form-item label="性别" label-width="80">
+                  <lay-select
+                      class="search-input"
+                      size="sm"
+                      v-model="searchQuery.sex"
+                      :allow-clear="true"
+                      placeholder="请选择"
+                  >
+                    <lay-select-option
+                        value="man"
+                        label="男"
+                    ></lay-select-option>
+                    <lay-select-option
+                        value="woman"
+                        label="女"
+                    ></lay-select-option>
+                  </lay-select>
+                </lay-form-item>
+              </lay-col>
+              <lay-col :md="5">
+                <lay-form-item label-width="20">
+                  <lay-button
+                      style="margin-left: 20px"
+                      type="normal"
+                      size="sm"
+                      @click="toSearch"
+                  >
+                    查询
+                  </lay-button>
+                  <lay-button size="sm" @click="toReset"> 重置 </lay-button>
+                </lay-form-item>
+              </lay-col>
+            </lay-row>
+          </lay-form>
+        </lay-card>
+        <lay-table
+            :page="page"
+            :height="'100%'"
+            :columns="columns"
+            :loading="loading"
+            :default-toolbar="true"
+            :data-source="dataSource"
+            v-model:selected-keys="selectedKeys"
+            @change="change"
+            @sortChange="sortChange"
+        >
+          <template #status="{ row }">
+            <lay-switch
+                :model-value="row.status"
+                @change="changeStatus($event, row)"
+            ></lay-switch>
+          </template>
+          <template #role="{ row }">
+            <lay-tag color="#165DFF" variant="light">{{ row.role }}</lay-tag>
+          </template>
+
+          <template v-slot:toolbar>
+            <lay-button
+                size="sm"
+                type="primary"
+                @click="changeVisible11('新增', null)"
+            >新增</lay-button
+            >
+            <lay-button size="sm" @click="toRemove">删除</lay-button>
+          </template>
+          <template v-slot:operator="{ row }">
+            <lay-button
+                size="xs"
+                border="green"
+                border-style="dashed"
+                @click="changeVisible11('编辑', row)"
+            >编辑</lay-button
+            >
+            <lay-popconfirm
+                content="确定要删除此用户吗?"
+                @confirm="confirm"
+                @cancel="cancel"
+            >
+              <lay-button size="xs" border="red" border-style="dashed"
+              >删除</lay-button
+              >
+            </lay-popconfirm>
+          </template>
+        </lay-table>
+      </div>
+    </div>
+    <lay-layer v-model="visible11" :title="title" :area="['500px', '450px']">
+      <div style="padding: 20px">
+        <lay-form :model="model11" ref="layFormRef11" required>
+          <lay-form-item label="用户账号" prop="account">
+            <lay-input v-model="model11.account"></lay-input>
+          </lay-form-item>
+          <lay-form-item label="用户名" prop="name">
+            <lay-input v-model="model11.name"></lay-input>
+          </lay-form-item>
+          <lay-form-item label="性别" prop="sex">
+            <lay-select v-model="model11.sex" style="width: 100%">
+              <lay-select-option value="男" label="男"></lay-select-option>
+              <lay-select-option value="女" label="女"></lay-select-option>
+            </lay-select>
+          </lay-form-item>
+          <lay-form-item label="角色" prop="role">
+            <lay-input v-model="model11.role"></lay-input>
+          </lay-form-item>
+          <lay-form-item label="状态" prop="status">
+            <lay-switch :model-value="model11.status"></lay-switch>
+          </lay-form-item>
+        </lay-form>
+        <div style="width: 100%; text-align: center">
+          <lay-button size="sm" type="primary" @click="toSubmit"
+          >保存</lay-button
+          >
+          <lay-button size="sm" @click="toCancel">取消</lay-button>
+        </div>
+      </div>
+    </lay-layer>
+
+    <lay-layer v-model="visible22" :title="title22" :area="['700px', '400px']">
+      <div style="padding: 20px">
+        <lay-form :model="model22" ref="layFormRef11" required>
+          <lay-row>
+            <lay-col md="12">
+              <lay-form-item label="上级机构" prop="organization">
+                <lay-select v-model="model22.organization" style="width: 100%">
+                  <lay-select-option value="1" label="研发部">
+                  </lay-select-option>
+                  <lay-select-option value="2" label="测试部">
+                  </lay-select-option>
+                  <lay-select-option value="3" label="设计部">
+                  </lay-select-option>
+                  <lay-select-option value="4" label="市场部">
+                  </lay-select-option>
+                  <lay-select-option value="5" label="运维部">
+                  </lay-select-option>
+                </lay-select>
+              </lay-form-item>
+              <lay-form-item label="机构名称" prop="name">
+                <lay-input v-model="model22.name"></lay-input>
+              </lay-form-item>
+              <lay-form-item label="机构全称" prop="fullName">
+                <lay-input v-model="model22.fullName"></lay-input>
+              </lay-form-item>
+              <lay-form-item label="机构代码" prop="code">
+                <lay-input v-model="model22.code"></lay-input>
+              </lay-form-item>
+            </lay-col>
+            <lay-col md="12">
+              <lay-form-item label="机构类型" prop="type">
+                <lay-select v-model="model22.type" style="width: 100%">
+                  <lay-select-option value="1" label="公司"></lay-select-option>
+                  <lay-select-option value="2" label="子公司">
+                  </lay-select-option>
+                  <lay-select-option value="3" label="部门"></lay-select-option>
+                  <lay-select-option value="4" label="小组"></lay-select-option>
+                </lay-select>
+              </lay-form-item>
+              <lay-form-item label="排序号" prop="sort">
+                <lay-input-number
+                    style="width: 100%"
+                    v-model="model22.sort"
+                    position="right"
+                ></lay-input-number>
+              </lay-form-item>
+              <lay-form-item label="备注" prop="remark">
+                <lay-textarea
+                    placeholder="请输入备注"
+                    v-model="model22.remark"
+                    :rows="4"
+                ></lay-textarea>
+              </lay-form-item>
+            </lay-col>
+          </lay-row>
+        </lay-form>
+        <div style="width: 100%; text-align: center">
+          <lay-button size="sm" type="primary" @click="toSubmit"
+          >保存</lay-button
+          >
+          <lay-button size="sm" @click="toCancel">取消</lay-button>
+        </div>
+      </div>
+    </lay-layer>
+  </lay-container>
+</template>
+<script setup lang="ts">
+import { ref, reactive } from 'vue'
+import { layer } from '@layui/layui-vue'
+
+const data = ref([
+  {
+    title: 'xxxx公司',
+    id: 1,
+    checked: true,
+    children: [
+      {
+        title: '研发部',
+        id: 2,
+        children: [
+          {
+            title: '研发一部',
+            id: 3
+          },
+          {
+            title: '研发二部',
+            id: 4
+          },
+          {
+            title: '研发三部',
+            id: 5
+          }
+        ]
+      },
+      {
+        title: '测试部',
+        id: 6,
+        children: [
+          {
+            title: '测试一部',
+            id: 7,
+            disabled: true
+          },
+          {
+            title: '测试二部',
+            id: 8
+          }
+        ]
+      },
+      {
+        title: '设计部',
+        id: 9
+      },
+      {
+        title: '市场部',
+        id: 10
+      }
+    ]
+  }
+])
+const showLine = ref(false)
+const selectedKey = ref('')
+const selectedNode = ref({
+  id: 0,
+  title: ''
+})
+const isFold = ref(false)
+const searchQuery = ref({
+  userAccount: '',
+  userName: '',
+  sex: ''
+})
+function toReset() {
+  searchQuery.value = {
+    userAccount: '',
+    userName: '',
+    sex: ''
+  }
+}
+function handleClick(node: any) {
+  selectedNode.value = JSON.parse(JSON.stringify(node))
+  page.current = selectedNode.value.id
+  change(page)
+}
+function toAdd() {
+  visible22.value = true
+}
+function toEdit() {
+  model22.value = {
+    organization: '1',
+    name: '研发部',
+    fullName: 'xxxx公司-研发部',
+    code: '001',
+    type: '1',
+    sort: 1,
+    remark: '备注'
+  }
+  visible22.value = true
+}
+function toDelete() {
+  if (selectedKey.value == '') {
+    layer.msg('您未选择组织机构，请先选择要删除的组织机构', {
+      icon: 3,
+      time: 2000
+    })
+    return
+  }
+  layer.confirm(
+      '您将删除所选中的组织机构 [ ' + selectedNode.value.title + ' ] ？',
+      {
+        title: '提示',
+        btn: [
+          {
+            text: '确定',
+            callback: (id: any) => {
+              layer.msg('您已成功删除')
+              layer.close(id)
+            }
+          },
+          {
+            text: '取消',
+            callback: (id: any) => {
+              layer.msg('您已取消操作')
+              layer.close(id)
+            }
+          }
+        ]
+      }
+  )
+}
+
+function toSearch() {
+  page.current = 1
+  change(page)
+}
+
+const loading = ref(false)
+const selectedKeys = ref()
+const page = reactive({ current: 1, limit: 10, total: 100 })
+const columns = ref([
+  { title: '选项', width: '55px', type: 'checkbox', fixed: 'left' },
+  { title: '编号', width: '80px', key: 'id', fixed: 'left', sort: 'id' },
+  { title: '用户账号', width: '80px', key: 'account', sort: 'account' },
+  { title: '用户名', width: '80px', key: 'name', sort: 'name' },
+  { title: '性别', width: '80px', key: 'sex', sort: 'sex' },
+  { title: '角色', width: '120px', key: 'role', customSlot: 'role' },
+  {
+    title: '创建时间',
+    width: '120px',
+    key: 'joinTime'
+  },
+  { title: '状态', width: '120px', key: 'status', sort: 'status' },
+
+  {
+    title: '操作',
+    width: '150px',
+    customSlot: 'operator',
+    key: 'operator',
+    fixed: 'right'
+  }
+])
+const change = (page: any) => {
+  loading.value = true
+  setTimeout(() => {
+    dataSource.value = loadDataSource(page.current, page.limit)
+    loading.value = false
+  }, 1000)
+}
+const sortChange = (key: any, sort: number) => {
+  layer.msg(`字段${key} - 排序${sort}, 你可以利用 sort-change 实现服务端排序`)
+}
+const dataSource = ref([
+  {
+    id: '1',
+    name: '管理员',
+    sex: '男',
+    role: '管理员',
+    account: 'admin',
+    joinTime: '2022-02-09 18:34:56',
+    status: true
+  },
+  {
+    id: '2',
+    name: '张三2',
+    sex: '男',
+    role: '普通用户',
+    account: '用户2',
+    joinTime: '2022-02-09 18:34:56',
+    status: true
+  },
+  {
+    id: '3',
+    name: '李四3',
+    sex: '男',
+    role: '普通用户',
+    account: '用户3',
+    joinTime: '2022-02-09 18:34:56',
+    status: true
+  },
+  {
+    id: '4',
+    name: '用户4',
+    sex: '男',
+    role: '普通用户',
+    account: '用户4',
+    joinTime: '2022-02-09 18:34:56',
+    status: true
+  },
+  {
+    id: '5',
+    name: '王五5',
+    sex: '男',
+    role: '普通用户',
+    account: '用户5',
+    joinTime: '2022-02-09 18:34:56',
+    status: true
+  },
+  {
+    id: '6',
+    name: '赵六6',
+    sex: '男',
+    role: '普通用户',
+    account: '用户6',
+    joinTime: '2022-02-09 18:34:56',
+    status: true
+  },
+  {
+    id: '7',
+    name: '黄齐7',
+    sex: '男',
+    role: '普通用户',
+    account: '用户7',
+    joinTime: '2022-02-09 18:34:56',
+    status: true
+  },
+  {
+    id: '8',
+    name: '用户8',
+    sex: '男',
+    role: '普通用户',
+    account: '用户8',
+    joinTime: '2022-02-09 18:34:56',
+    status: true
+  },
+  {
+    id: '9',
+    name: '游客9',
+    sex: '男',
+    role: '游客',
+    account: '游客9',
+    joinTime: '用户22-02-09 18:34:56',
+    status: true
+  },
+  {
+    id: '10',
+    name: '用户10',
+    sex: '女',
+    role: '普通用户',
+    account: 'user10',
+    joinTime: '2022-02-09 18:34:56 18:34:56',
+    status: true
+  }
+])
+const changeStatus = (isChecked: boolean, row: any) => {
+  dataSource.value.forEach((item) => {
+    if (item.id === row.id) {
+      layer.msg('Success', { icon: 1 }, () => {
+        item.status = isChecked
+      })
+    }
+  })
+}
+const remove = () => {
+  layer.msg(selectedKeys.value, { area: '50%' })
+}
+const loadDataSource = (page: number, pageSize: number) => {
+  var response = []
+  var startIndex = (page - 1) * pageSize + 1
+  var endIndex = page * pageSize
+  for (var i = startIndex; i <= endIndex; i++) {
+    response.push({
+      id: `${i}`,
+      account: `user${i}`,
+      sex: '男',
+      name: `用户${i}`,
+      joinTime: '2022-02-09 18:34:56',
+      role: '普通用户',
+      status: true
+    })
+  }
+  return response
+}
+const model11 = ref({
+  name: '',
+  role: '',
+  sex: '',
+  status: '',
+  account: ''
+})
+const layFormRef11 = ref()
+const visible11 = ref(false)
+const title = ref('新增')
+const changeVisible11 = (text: any, row: any) => {
+  title.value = text
+  if (row != null) {
+    let info = JSON.parse(JSON.stringify(row))
+    model11.value = info
+  } else {
+    model11.value = {
+      name: '',
+      role: '',
+      sex: '',
+      status: '',
+      account: ''
+    }
+  }
+  visible11.value = !visible11.value
+}
+const submit11 = function () {
+  layFormRef11.value.validate((isValidate: any, model: any, errors: any) => {
+    layer.open({
+      type: 1,
+      title: '表单提交结果',
+      content: `<div style="padding: 10px"><p>是否通过 : ${isValidate}</p> <p>表单数据 : ${JSON.stringify(
+          model
+      )} </p> <p>错误信息 : ${JSON.stringify(errors)}</p></div>`,
+      shade: false,
+      isHtmlFragment: true,
+      btn: [
+        {
+          text: '确认',
+          callback(index: any) {
+            layer.close(index)
+          }
+        }
+      ],
+      area: '500px'
+    })
+  })
+}
+// 清除校验
+const clearValidate11 = function () {
+  layFormRef11.value.clearValidate()
+}
+// 重置表单
+const reset11 = function () {
+  layFormRef11.value.reset()
+}
+function toRemove() {
+  if (selectedKeys.value.length == 0) {
+    layer.msg('您未选择数据，请先选择要删除的数据', { icon: 3, time: 2000 })
+    return
+  }
+  layer.confirm('您将删除所有选中的数据？', {
+    title: '提示',
+    btn: [
+      {
+        text: '确定',
+        callback: (id: any) => {
+          layer.msg('您已成功删除')
+          layer.close(id)
+        }
+      },
+      {
+        text: '取消',
+        callback: (id: any) => {
+          layer.msg('您已取消操作')
+          layer.close(id)
+        }
+      }
+    ]
+  })
+}
+function toSubmit() {
+  layer.msg('保存成功！', { icon: 1, time: 1000 })
+  visible11.value = false
+  visible22.value = false
+}
+function toCancel() {
+  visible11.value = false
+  visible22.value = false
+}
+function confirm() {
+  layer.msg('您已成功删除')
+}
+function cancel() {
+  layer.msg('您已取消操作')
+}
+
+const model22 = ref({
+  organization: '',
+  name: '',
+  fullName: '',
+  code: '',
+  type: '',
+  sort: 0,
+  remark: ''
+})
+const layFormRef22 = ref()
+const visible22 = ref(false)
+const title22 = ref('新建')
+</script>
+
+<style scoped>
+.organization-box {
+  width: calc(100vw - 240px);
+  height: calc(100vh - 110px);
+  margin-top: 10px;
+  box-sizing: border-box;
+  background-color: #fff;
+  overflow: hidden;
+}
+.left-tree {
+  display: inline-block;
+  padding: 20px 15px 0 5px;
+  height: 1200px;
+  border-right: 1px solid #e6e6e6;
+  box-sizing: border-box;
+  position: relative;
+}
+/* todo layui-tree-entry 设置无效 */
+.layui-tree-entry {
+  position: relative;
+  padding: 10px 0;
+  height: 20px;
+  line-height: 20px;
+  white-space: nowrap;
+}
+.isFold {
+  position: absolute;
+  top: 36%;
+  right: -10px;
+  width: 26px;
+  height: 26px;
+  line-height: 26px;
+  border-radius: 13px;
+  background-color: #fff;
+  border: 1px solid #e6e6e6;
+  cursor: pointer;
+}
+.search-input {
+  display: inline-block;
+  width: 98%;
+  margin-right: 10px;
+}
+
+.isChecked {
+  display: inline-block;
+  background-color: #e8f1ff;
+  color: red;
+}
+</style>
--- a/src/views/system/index.vue
+++ b/src/views/system/index.vue
@ -0,0 +1,232 @@
+<template>
+  <lay-container fluid="true" style="padding: 10px">
+    <lay-row :space="10">
+      <lay-col :md="24">
+        <lay-card>
+          <lay-form style="margin-top: 20px">
+            <lay-row>
+              <lay-col :md="6">
+                <lay-form-item label="账号：" label-width="50">
+                  <lay-input
+                      v-model="searchAccount"
+                      style="width: 90%"
+                  ></lay-input>
+                </lay-form-item>
+              </lay-col>
+              <lay-col :md="6">
+                <lay-form-item label="邮箱：" label-width="50">
+                  <lay-input
+                      v-model="searchEmail"
+                      style="width: 90%"
+                  ></lay-input>
+                </lay-form-item>
+              </lay-col>
+              <lay-col :md="6">
+                <lay-form-item label-width="0">
+                  <lay-button type="primary" @click="toSearch">查询</lay-button>
+                  <lay-button @click="toReset">重置</lay-button>
+                </lay-form-item>
+              </lay-col>
+            </lay-row>
+          </lay-form>
+        </lay-card>
+      </lay-col>
+      <lay-col :md="24">
+        <lay-card>
+          <lay-table
+              :page="page"
+              :columns="columns"
+              :dataSource="dataSource"
+              :default-toolbar="defaultToolbar"
+              v-model:selectedKeys="selectedKeys"
+              @row="rowClick"
+              @change="change"
+          >
+            <template v-slot:toolbar>
+              <lay-button size="sm" type="primary">新增</lay-button>
+              <lay-button size="sm">删除</lay-button>
+            </template>
+            <template v-slot:username="{ data }">
+              {{ data.username }}
+            </template>
+            <template v-slot:password="{ data }">
+              {{ data.password }}
+            </template>
+            <template v-slot:operator="{}">
+              <lay-button size="xs" type="primary">修改</lay-button>
+              <lay-button size="xs">删除</lay-button>
+            </template>
+            <template v-slot:footer>
+              {{ selectedKeys }}
+            </template>
+          </lay-table>
+        </lay-card>
+      </lay-col>
+    </lay-row>
+  </lay-container>
+</template>
+
+<script lang="ts">
+import { ref, watch } from 'vue'
+import { layer } from '@layui/layer-vue'
+
+export default {
+  setup() {
+    const selectedKeys = ref(['1'])
+    const checkbox = ref(true)
+    const defaultToolbar = ref(true)
+    const page = ref({ total: 100, limit: 10, current: 2 })
+
+    const columns = [
+      {
+        title: '复选',
+        width: '50px',
+        type: 'checkbox',
+        fixed: 'left'
+      },
+      {
+        title: '账户',
+        width: '200px',
+        customSlot: 'username',
+        key: 'username'
+      },
+      {
+        title: '密码',
+        width: '180px',
+        customSlot: 'password',
+        key: 'password'
+      },
+      {
+        title: '年龄',
+        width: '180px',
+        key: 'age'
+      },
+      {
+        title: '描述',
+        key: 'remark',
+        ellipsisTooltip: true
+      },
+      {
+        title: '操作',
+        width: '180px',
+        customSlot: 'operator',
+        key: 'operator',
+        fixed: 'right'
+      }
+    ]
+
+    const dataSource = [
+      {
+        id: '1',
+        username: 'shana',
+        password: '夏娜',
+        remark: '花开堪折直须折,莫待无花空折枝',
+        age: '22'
+      },
+      {
+        id: '2',
+        username: 'shana',
+        password: '夏娜',
+        remark: '花开堪折直须折,莫待无花空折枝',
+        age: '22'
+      },
+      {
+        id: '3',
+        username: 'shana',
+        password: '夏娜',
+        remark: '花开堪折直须折,莫待无花空折枝',
+        age: '22'
+      },
+      {
+        id: '4',
+        username: 'shana',
+        password: '夏娜',
+        remark: '花开堪折直须折,莫待无花空折枝',
+        age: '22'
+      },
+      {
+        id: '5',
+        username: 'shana',
+        password: '夏娜',
+        remark: '花开堪折直须折,莫待无花空折枝',
+        age: '22'
+      },
+      {
+        id: '6',
+        username: 'shana',
+        password: '夏娜',
+        remark: '花开堪折直须折,莫待无花空折枝',
+        age: '22'
+      },
+      {
+        id: '7',
+        username: 'shana',
+        password: '夏娜',
+        remark: '花开堪折直须折,莫待无花空折枝',
+        age: '22'
+      },
+      {
+        id: '8',
+        username: 'shana',
+        password: '夏娜',
+        remark: '花开堪折直须折,莫待无花空折枝',
+        age: '22'
+      },
+      {
+        id: '9',
+        username: 'shana',
+        password: '夏娜',
+        remark: '花开堪折直须折,莫待无花空折枝',
+        age: '22'
+      },
+      {
+        id: '10',
+        username: 'shana',
+        password: '夏娜',
+        remark: '花开堪折直须折,莫待无花空折枝',
+        age: '22'
+      },
+      {
+        id: '11',
+        username: 'shana',
+        password: '夏娜',
+        remark: '花开堪折直须折,莫待无花空折枝',
+        age: '22'
+      }
+    ]
+
+    const rowClick = function (data: any) {}
+
+    const rowDoubleClick = function (data: any) {}
+
+    const change = function ({ current, limit }: any) {
+      layer.msg('current:' + current + ' limit:' + limit)
+    }
+    function toSearch() {
+      layer.load(2, { time: 3000 })
+    }
+    const searchAccount = ref('')
+    const searchEmail = ref('')
+    function toReset() {
+      searchAccount.value = ''
+      searchEmail.value = ''
+    }
+
+    return {
+      columns,
+      dataSource,
+      selectedKeys,
+      checkbox,
+      defaultToolbar,
+      page,
+      rowClick,
+      rowDoubleClick,
+      change,
+      toReset,
+      toSearch,
+      searchAccount,
+      searchEmail
+    }
+  }
+}
+</script>
--- a/src/views/system/permission.vue
+++ b/src/views/system/permission.vue
@ -0,0 +1,224 @@
+<template>
+  <lay-container fluid="true" style="padding: 20px">
+    <lay-row :space="10">
+      <lay-col :md="24">
+        <lay-card>
+          <lay-form style="margin-top: 20px">
+            <lay-row>
+              <lay-col :md="5">
+                <lay-form-item label="角色名称：" label-width="50">
+                  <lay-input
+                      v-model="searchAccount"
+                      style="width: 90%"
+                      placeholder="请输入"
+                  ></lay-input>
+                </lay-form-item>
+              </lay-col>
+              <lay-col :md="4">
+                <lay-form-item label-width="0">
+                  <lay-button type="primary" @click="toSearch">查询</lay-button>
+                  <lay-button @click="toReset">重置</lay-button>
+                </lay-form-item>
+              </lay-col>
+            </lay-row>
+          </lay-form>
+        </lay-card>
+      </lay-col>
+      <lay-col :md="24">
+        <lay-card>
+          <div style="padding: 10px">
+            <span style="font-size: 18px;vertical-align: center;margin-right: 20px">角色列表</span>
+            <lay-button type="primary" @click="visible11=true" size="sm">新增角色</lay-button>
+          </div>
+          <lay-table
+              :page="page"
+              :columns="columns"
+              :dataSource="dataSource"
+              :even="true"
+              height="600px"
+              size="lg"
+          >
+            <template v-slot:id="{ data }">
+              {{ data.id }}
+            </template>
+            <template v-slot:username="{ data }">
+              {{ data.username }}
+            </template>
+            <template v-slot:password="{ data }">
+              {{ data.password }}
+            </template>
+            <template v-slot:operator="{}">
+              <lay-button-group>
+                <lay-button type="normal" size="sm">编辑</lay-button>
+                <lay-button type="danger" size="sm">删除</lay-button>
+              </lay-button-group>
+            </template>
+          </lay-table>
+        </lay-card>
+      </lay-col>
+    </lay-row>
+  </lay-container>
+  <lay-layer v-model="visible11" title="新增角色" :type="4" :shade="true" :area="['700px','100%']" :btn="action11">
+    <lay-container fluid="true" style="padding: 20px">
+      <lay-form  label-position="left" :model="model">
+        <lay-form-item label="角色名称" prop="username">
+          <lay-input v-model="model.username" placeholder="请输入角色名称"></lay-input>
+        </lay-form-item>
+        <lay-form-item label="角色描述" prop="desc">
+          <lay-textarea placeholder="请输入角色描述" v-model="model.describe"></lay-textarea>
+        </lay-form-item>
+        <lay-form-item label="角色权限" prop="desc">
+          <lay-tree
+              :tail-node-icon="false"
+              :data="data9"
+              :showCheckbox="showCheckbox2"
+              v-model:checkedKeys="checkedKeys2"
+              :replaceFields="replaceFields">
+          </lay-tree>
+        </lay-form-item>
+      </lay-form>
+    </lay-container>
+  </lay-layer>
+</template>
+
+<script setup lang="ts">
+import {ref, watch} from 'vue'
+import {layer} from '@layui/layer-vue'
+const model = ref({
+  username: '',
+  password: '',
+  describe: ''
+})
+const action11 = ref([
+  {
+    text: "确认",
+    callback: () => {
+      layer.confirm("确认操作", { shade: false });
+    }
+  },
+  {
+    text: "取消",
+    callback: () => {
+      layer.confirm("取消操作", { shade: false });
+    }
+  }
+])
+const checkedKeys2 = ref([]);
+const showCheckbox2 = ref(true);
+const replaceFields = ref({
+  id: 'key',
+  title: 'name',
+  children: 'child'
+})
+
+const data9 = ref([{
+  name: '一级1',
+  key: 1,
+  child: [
+    {
+      name: '一级1-1',
+      key: 11,
+    },
+    {
+      name: '一级1-2',
+      key: 12,
+    }
+  ]
+},
+  {
+    name: '一级2',
+    key: 2,
+    child: [
+      {
+        name: '一级2-1',
+        key: 21,
+      },
+      {
+        name: '一级2-2',
+        key: 22,
+      }
+    ]
+  }]);
+const active = ref(1)
+const visible11 = ref(false)
+const selectedKeys = ref(['1'])
+const checkbox = ref(true)
+const defaultToolbar = ref(true)
+const page = ref({total: 1, limit: 10, current: 1})
+
+const columns = [
+  {
+    title: '序号',
+    width: '50px',
+    customSlot: 'id',
+    align: 'center',
+    key: 'id'
+  },
+  {
+    title: '角色名称',
+    width: '100px',
+    align: 'center',
+    customSlot: 'username',
+    key: 'username'
+  },
+  {
+    title: '角色描述',
+    width: '150px',
+    customSlot: 'password',
+    align: 'center',
+    key: 'password'
+  },
+  {
+    title: '操作',
+    width: '180px',
+    customSlot: 'operator',
+    key: 'operator',
+    align: 'center',
+    fixed: 'right'
+  }
+]
+
+const dataSource = [
+  {
+    id: '1',
+    username: 'shana',
+    password: '夏娜',
+    remark: '1',
+    age: '2024-01'
+  },
+  {
+    id: '2',
+    username: 'shana',
+    password: '夏娜',
+    remark: '2',
+    age: '2024-01'
+  }
+]
+
+const rowClick = function (data: any) {
+}
+
+const rowDoubleClick = function (data: any) {
+}
+
+const change = function ({current, limit}: any) {
+  layer.msg('current:' + current + ' limit:' + limit)
+}
+
+function toSearch() {
+  layer.load(2, {time: 3000})
+}
+
+const searchAccount = ref('')
+const searchEmail = ref('')
+
+function toReset() {
+  searchAccount.value = ''
+  searchEmail.value = ''
+}
+</script>
+<style>
+.layui-table-header .layui-table-cell {
+  background-color: #ECF8FA !important;
+}
+</style>
--- a/src/views/workSpace/analysis/index.vue
+++ b/src/views/workSpace/analysis/index.vue
@ -0,0 +1,275 @@
+<template>
+  <lay-container :fluid="true" style="padding: 10px">
+    <lay-row :space="10">
+      <lay-col :md="6" :sm="6" :xs="12">
+        <lay-card class="statistics">
+          <template #title>今日访问</template>
+          <template #extra>
+            <lay-badge theme="green">Hot</lay-badge>
+          </template>
+          <div class="statistics-body">
+            <lay-count-up :startVal="0" :endVal="3600" :decimalPlaces="2"></lay-count-up>
+          </div>
+          <template #footer>
+            访问趋势
+          </template>
+        </lay-card>
+      </lay-col>
+      <lay-col :md="6" :sm="6" :xs="12">
+        <lay-card class="statistics">
+          <template #title>提交次数</template>
+          <template #extra>
+            <lay-badge type="rim">Hot</lay-badge>
+          </template>
+          <div class="statistics-body">
+            <lay-count-up :startVal="0" :endVal="3600" :decimalPlaces="2"></lay-count-up>
+          </div>
+          <template #footer>
+            最近一月
+          </template>
+        </lay-card>
+      </lay-col>
+      <lay-col :md="6" :sm="6" :xs="12">
+        <lay-card class="statistics">
+          <template #title>下载数量</template>
+          <template #extra>
+            <lay-badge type="rim">Hot</lay-badge>
+          </template>
+          <div class="statistics-body">
+            <lay-count-up :startVal="0" :endVal="3600" :decimalPlaces="2"></lay-count-up>
+          </div>
+          <template #footer>
+            总下载量
+          </template>
+        </lay-card>
+      </lay-col>
+      <lay-col :md="6" :sm="6" :xs="12">
+        <lay-card class="statistics">
+          <template #title>流量统计</template>
+          <template #extra>
+            <lay-badge type="rim">Hot</lay-badge>
+          </template>
+          <div class="statistics-body">
+            <lay-count-up :startVal="0" :endVal="3600" :decimalPlaces="2"></lay-count-up>
+          </div>
+          <template #footer>
+            最近一年
+          </template>
+        </lay-card>
+      </lay-col>
+      <lay-col :md="24" :sm="24" :xs="24">
+        <lay-card>
+          <template #title>我的觉悟</template>
+          <template #extra>
+            <lay-badge type="rim">昨日</lay-badge>
+            <lay-badge type="rim">今日</lay-badge>
+          </template>
+          <lay-row>
+            <lay-col :md="18">
+              <div id="main" ref="mainRef"></div>
+            </lay-col>
+            <lay-col :md="6">
+              <div style="padding-top:42px;padding-left: 42px;padding-right: 42px;padding-bottom: 10px;">
+                <lay-timeline>
+                  <lay-timeline-item title="工专路 0 号店" simple>
+                    <template #dot>
+                      <lay-icon type="layui-icon-face-smile" color="#009688"></lay-icon>
+                    </template>
+                  </lay-timeline-item>
+                  <lay-timeline-item title="工专路 1 号店" simple></lay-timeline-item>
+                  <lay-timeline-item title="工专路 2 号店" simple></lay-timeline-item>
+                  <lay-timeline-item title="工专路 3 号店" simple></lay-timeline-item>
+                  <lay-timeline-item title="工专路 4 号店" simple></lay-timeline-item>
+                  <lay-timeline-item title="工专路 5 号店" simple></lay-timeline-item>
+                  <lay-timeline-item title="工专路 5 号店" simple></lay-timeline-item>
+                </lay-timeline>
+              </div>
+            </lay-col>
+          </lay-row>
+        </lay-card>
+      </lay-col>
+      <lay-col :md="8" :sm="8" :xs="24">
+        <lay-card>
+          <template #title>留言面板</template>
+          <ul class="leaving-messages">
+            <li>
+              <h3>张爱玲</h3>
+              <p>于千万人之中遇到你所要遇到的人，于千万年之中，时间的无涯的荒野中，没有早一步，也没有晚一步，刚巧赶上了，那也没有别的话好说，唯有轻轻的问一声：“噢，原来你也在这里？”。</p>
+              <span>5月30日 00:00</span>
+            </li>
+            <li>
+              <h3>王羲之</h3>
+              <p>但我只要够快就行了对不对？你就算有无限量的子弹，你换弹匣也需要时间，我只有那么一瞬间，把你打翻，然后就拍屁股走人。</p>
+              <span>5月30日 00:00</span>
+            </li>
+            <li>
+              <h3>诸葛亮</h3>
+              <p>皓首匹夫！苍髯老贼！你枉活九十有六，一生未立寸功，只会摇唇鼓舌！助曹为虐！一条断脊之犬，还敢在我军阵前狺狺狂吠，我从未见过有如此厚颜无耻之人！</p>
+              <span>5月30日 00:00</span>
+            </li>
+          </ul>
+        </lay-card>
+      </lay-col>
+      <lay-col :md="8" :sm="8" :xs="24">
+        <lay-card>
+          <template #title>签到统计</template>
+          <lay-table :columns="columns21" :data-source="dataSource21">
+            <template #state="{ data }">
+              <span v-if="data.state == 0" style="color:#FFB800">进行中</span>
+              <span v-else-if="data.state == 1" style="color:#5FB878">已完成</span>
+              <span v-else style="color:#FF5722">已预期</span>
+            </template>
+          </lay-table>
+        </lay-card>
+      </lay-col>
+      <lay-col :md="8" :sm="8" :xs="24">
+        <lay-card>
+          <template #title>本月目标</template>
+          <div class="target">
+            <lay-progress :percent="90" circle :circleWidth="15" :show-text="true" text="已完成">
+              <template v-slot:text="{}">
+                <span></span>
+              </template>
+            </lay-progress>
+            <p class="target-title">{{ 100 > 70 ? '恭喜，本月目标已达标！' : '加油， 就快达标了！' }}</p>
+          </div>
+        </lay-card>
+      </lay-col>
+    </lay-row>
+  </lay-container>
+</template>
+<script lang="ts">
+import { defineComponent, ref, onMounted } from "vue";
+
+import * as echarts from 'echarts';
+
+export default defineComponent({
+	name: 'Analysis',
+  setup() {
+
+    const mainRef = ref()
+    onMounted(() => {
+      var chartDom = mainRef.value;
+      // @ts-ignore
+      var myChart = echarts.init(chartDom);
+      var option = {
+        xAxis: {
+          type: 'category',
+          data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun', 'Bai', 'Fan', 'Yue', 'Qian']
+        },
+        yAxis: {
+          type: 'value'
+        },
+        grid: {
+          x: '50px',
+          y: '50px',
+          x2: '50px',
+          y2: '50px',
+        },
+        series: [
+          {
+            data: [120, 200, 150, 80, 70, 110, 130, 50, 40, 70, 100],
+            type: 'bar',
+            showBackground: true,
+            backgroundStyle: {
+              color: 'rgba(180, 180, 180, 0.2)'
+            },
+            itemStyle: {
+              normal: {
+                color: '#009688'
+              },
+            }
+          }
+        ]
+      };
+      option && myChart.setOption(option);
+    })
+
+    const columns21 = [
+      {
+        type: "number",
+      },
+      {
+        title: "任务内容",
+        key: "task",
+      }, {
+        title: "计划时间",
+        key: "time"
+      }, {
+        title: "完成情况",
+        key: "state",
+        customSlot: "state"
+      }
+    ]
+
+    const dataSource21 = [
+      { task: "睡觉", time: "两小时", state: "1" },
+      { task: "吃饭", time: "两小时", state: "2" },
+      { task: "吃饭", time: "两小时", state: "1" },
+      { task: "睡觉", time: "两小时", state: "1" },
+      { task: "睡觉", time: "两小时", state: "2" },
+      { task: "上班", time: "两小时", state: "1" },
+      { task: "上班", time: "两小时", state: "1" },
+      { task: "上班", time: "两小时", state: "0" },
+      { task: "睡觉", time: "两小时", state: "0" },
+      { task: "睡觉", time: "两小时", state: "0" }
+    ]
+
+    return {
+      mainRef,
+      columns21,
+      dataSource21
+    };
+  },
+});
+</script>
+
+<style lang="less" scoped>
+#main {
+  width: 100%;
+  height: 410px;
+}
+
+.leaving-messages {
+  li {
+    position: relative;
+    padding: 10px 0;
+    border-bottom: 1px solid #eee;
+
+    h3 {
+      padding-bottom: 5px;
+      font-weight: 700;
+    }
+
+    p {
+      font-size: 14px;
+      padding-bottom: 10px;
+    }
+
+    >span {
+      color: #999;
+    }
+  }
+}
+
+.target {
+  width: 100%;
+  height: 440px;
+  display: flex;
+  justify-content: center;
+  flex-direction: column;
+  align-items: center;
+}
+
+.target-title {
+  margin: 20px;
+}
+
+.statistics {
+  font-size: 24px !important;
+}
+
+.statistics-body {
+  padding: 14px 0;
+}
+</style>
--- a/src/views/workSpace/console/index.vue
+++ b/src/views/workSpace/console/index.vue
@ -0,0 +1,599 @@
+<template>
+  <lay-container :fluid="true" style="padding: 10px">
+    <lay-row space="10">
+      <lay-col md="8" sm="8" xs="12">
+        <lay-card>
+          <template #title> 快捷方式 </template>
+          <lay-row :space="10">
+            <lay-col :md="6">
+              <router-link to="/workspace/workbench" class="shortcut">
+                <i class="layui-icon layui-icon-console"></i>
+                <cite>主页一</cite>
+              </router-link>
+            </lay-col>
+            <lay-col :md="6">
+              <router-link to="/workspace/console" class="shortcut">
+                <i class="layui-icon layui-icon-chart"></i>
+                <cite>主页二</cite>
+              </router-link>
+            </lay-col>
+            <lay-col :md="6">
+              <router-link to="/workspace/analysis" class="shortcut">
+                <i class="layui-icon layui-icon-template-one"></i>
+                <cite>主页三</cite>
+              </router-link>
+            </lay-col>
+            <lay-col :md="6">
+              <a lay-href="home/homepage1" @click="changePage" class="shortcut">
+                <i class="layui-icon layui-icon-chat"></i>
+                <cite>主页四</cite>
+              </a>
+            </lay-col>
+            <lay-col :md="6">
+              <a lay-href="home/homepage1" class="shortcut">
+                <i class="layui-icon layui-icon-find-fill"></i>
+                <cite>主页五</cite>
+              </a>
+            </lay-col>
+            <lay-col :md="6">
+              <a lay-href="home/homepage1" class="shortcut">
+                <i class="layui-icon layui-icon-survey"></i>
+                <cite>主页六</cite>
+              </a>
+            </lay-col>
+            <lay-col :md="6">
+              <a lay-href="home/homepage1" class="shortcut">
+                <i class="layui-icon layui-icon-user"></i>
+                <cite>主页七</cite>
+              </a>
+            </lay-col>
+            <lay-col :md="6">
+              <a lay-href="home/homepage1" class="shortcut">
+                <i class="layui-icon layui-icon-set"></i>
+                <cite>主页八</cite>
+              </a>
+            </lay-col>
+          </lay-row>
+        </lay-card>
+      </lay-col>
+      <lay-col md="8" sm="8" xs="12">
+        <lay-card>
+          <template #title> 代办事项 </template>
+          <lay-row :space="10">
+            <lay-col :md="12">
+              <a class="agency">
+                <h3>待审评论</h3>
+                <p>
+                  <cite>66</cite>
+                </p>
+              </a>
+            </lay-col>
+            <lay-col :md="12">
+              <a class="agency">
+                <h3>待审帖子</h3>
+                <p>
+                  <cite>12</cite>
+                </p>
+              </a>
+            </lay-col>
+            <lay-col :md="12">
+              <a class="agency">
+                <h3>待审商品</h3>
+                <p>
+                  <cite>99</cite>
+                </p>
+              </a>
+            </lay-col>
+            <lay-col :md="12">
+              <a class="agency">
+                <h3>等待发货</h3>
+                <p>
+                  <cite>20</cite>
+                </p>
+              </a>
+            </lay-col>
+          </lay-row>
+        </lay-card>
+      </lay-col>
+      <lay-col md="8" sm="8" xs="12">
+        <lay-card>
+          <template #title> 版本信息 </template>
+          <table class="layui-table">
+            <tr>
+              <td>页面模式</td>
+              <td>单页面</td>
+            </tr>
+            <tr>
+              <td>涉及技术</td>
+              <td>vue / layui-vue</td>
+            </tr>
+            <tr>
+              <td>主要特色</td>
+              <td>单页面 / 响应式 / 清爽 / 极简</td>
+            </tr>
+          </table>
+        </lay-card>
+      </lay-col>
+      <lay-col md="16" sm="16" xs="24">
+        <lay-row :space="10">
+          <lay-col :md="24">
+            <lay-card>
+              <template #title> 数据概览 </template>
+              <div id="main" ref="mainRef"></div>
+            </lay-card>
+          </lay-col>
+          <lay-col :md="24">
+            <lay-card>
+              <lay-tab type="brief" v-model="currentIndex">
+                <lay-tab-item title="今日热搜" id="1">
+                  <lay-table
+                    :columns="columns21"
+                    :data-source="dataSource21"
+                  ></lay-table>
+                </lay-tab-item>
+                <lay-tab-item title="今日热帖" id="2">
+                  <lay-table
+                    :columns="columns21"
+                    :data-source="dataSource21"
+                  ></lay-table>
+                </lay-tab-item>
+              </lay-tab>
+            </lay-card>
+          </lay-col>
+        </lay-row>
+      </lay-col>
+      <lay-col md="8" sm="8" xs="12">
+        <lay-row :space="10">
+          <lay-col :md="24">
+            <lay-card>
+              <template #title>效果报告</template>
+              <div class="task-progress">
+                <span>80%</span>
+                <span class="task-progress-title">转化率</span>
+                <lay-progress percent="80"></lay-progress>
+              </div>
+              <div class="task-progress">
+                <span>80%</span>
+                <span class="task-progress-title">签到率</span>
+                <lay-progress percent="80"></lay-progress>
+              </div>
+            </lay-card>
+          </lay-col>
+          <lay-col :md="24">
+            <lay-card>
+              <template #title>效果报告</template>
+              <div class="task-progress">
+                <span>80%</span>
+                <span class="task-progress-title">转化率</span>
+                <lay-progress percent="80"></lay-progress>
+              </div>
+              <div class="task-progress">
+                <span>80%</span>
+                <span class="task-progress-title">转化率</span>
+                <lay-progress percent="80"></lay-progress>
+              </div>
+            </lay-card>
+          </lay-col>
+          <lay-col :md="24">
+            <lay-card>
+              <template #title>作者寄语</template>
+              <p style="line-height: 40px">
+                原想将澎湃的爱平平稳稳放置你手心，奈何我徒有一股蛮劲，只顾向你跑去，一个不稳跌的满身脏兮兮。试图爬起的我，
+                心想你会不会笑我 " 献爱献的这样笨拙, 怎么不知避开爱里的埋伏 "
+              </p>
+            </lay-card>
+          </lay-col>
+        </lay-row>
+      </lay-col>
+    </lay-row>
+  </lay-container>
+</template>
+<script lang="ts">
+import { defineComponent, ref, onMounted } from 'vue'
+import { useRouter } from 'vue-router'
+
+import * as echarts from 'echarts'
+
+export default defineComponent({
+  setup() {
+    const mainRef = ref()
+    const currentIndex = ref('1')
+    const router = useRouter()
+
+    const changePage = () => {
+      router.push({ path: '/form/base', query: { id: '1111' } })
+    }
+
+    onMounted(() => {
+      var chartDom = mainRef.value
+      // @ts-ignore
+      var myChart = echarts.init(chartDom)
+      var option
+
+      let color = [
+        '#0090FF',
+        '#36CE9E',
+        '#FFC005',
+        '#FF515A',
+        '#8B5CFF',
+        '#00CA69'
+      ]
+      let echartData = [
+        {
+          name: '1',
+          value1: 100,
+          value2: 233
+        },
+        {
+          name: '2',
+          value1: 138,
+          value2: 233
+        },
+        {
+          name: '3',
+          value1: 350,
+          value2: 200
+        },
+        {
+          name: '4',
+          value1: 173,
+          value2: 180
+        },
+        {
+          name: '5',
+          value1: 180,
+          value2: 199
+        },
+        {
+          name: '6',
+          value1: 150,
+          value2: 233
+        },
+        {
+          name: '7',
+          value1: 180,
+          value2: 210
+        },
+        {
+          name: '8',
+          value1: 230,
+          value2: 180
+        }
+      ]
+
+      let xAxisData = echartData.map((v) => v.name)
+      let yAxisData1 = echartData.map((v) => v.value1)
+      let yAxisData2 = echartData.map((v) => v.value2)
+      const hexToRgba = (hex: any, opacity: any) => {
+        let rgbaColor = ''
+        let reg = /^#[\da-f]{6}$/i
+        if (reg.test(hex)) {
+          rgbaColor = `rgba(${parseInt('0x' + hex.slice(1, 3))},${parseInt(
+            '0x' + hex.slice(3, 5)
+          )},${parseInt('0x' + hex.slice(5, 7))},${opacity})`
+        }
+        return rgbaColor
+      }
+
+      option = {
+        color: color,
+        legend: {
+          right: 10,
+          top: 10
+        },
+        tooltip: {
+          trigger: 'axis',
+          formatter: function (params: any) {
+            let html = ''
+            params.forEach((v: any) => {
+              html += `<div style="color: #666;font-size: 14px;line-height: 24px">
+					                <span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:${
+                            color[v.componentIndex]
+                          };"></span>
+					                ${v.seriesName}.${v.name}
+					                <span style="color:${
+                            color[v.componentIndex]
+                          };font-weight:700;font-size: 18px">${v.value}</span>
+					                万元`
+            })
+            return html
+          },
+          extraCssText:
+            'background: #fff; border-radius: 0;box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);color: #333;',
+          axisPointer: {
+            type: 'shadow'
+          }
+        },
+        grid: {
+          x: '50px',
+          y: '50px',
+          x2: '50px',
+          y2: '50px'
+        },
+        xAxis: [
+          {
+            type: 'category',
+            boundaryGap: false,
+            axisLabel: {
+              formatter: '{value}月',
+              textStyle: {
+                color: '#333'
+              }
+            },
+            axisLine: {
+              lineStyle: {
+                color: '#D9D9D9'
+              }
+            },
+            data: xAxisData
+          }
+        ],
+        yAxis: [
+          {
+            type: 'value',
+            axisLabel: {
+              textStyle: {
+                color: '#666'
+              }
+            },
+            nameTextStyle: {
+              color: '#666',
+              fontSize: 12,
+              lineHeight: 40
+            },
+            splitLine: {
+              lineStyle: {
+                type: 'dashed',
+                color: '#E9E9E9'
+              }
+            },
+            axisLine: {
+              show: false
+            },
+            axisTick: {
+              show: false
+            }
+          }
+        ],
+        series: [
+          {
+            name: '2018',
+            type: 'line',
+            smooth: true,
+            symbolSize: 8,
+            zlevel: 3,
+            lineStyle: {
+              normal: {
+                color: color[0],
+                shadowBlur: 3,
+                shadowColor: hexToRgba(color[0], 0.5),
+                shadowOffsetY: 8
+              }
+            },
+            areaStyle: {
+              normal: {
+                color: new echarts.graphic.LinearGradient(
+                  0,
+                  0,
+                  0,
+                  1,
+                  [
+                    {
+                      offset: 0,
+                      color: hexToRgba(color[0], 0.3)
+                    },
+                    {
+                      offset: 1,
+                      color: hexToRgba(color[0], 0.1)
+                    }
+                  ],
+                  false
+                ),
+                shadowColor: hexToRgba(color[0], 0.1),
+                shadowBlur: 10
+              }
+            },
+            data: yAxisData1
+          },
+          {
+            name: '2019',
+            type: 'line',
+            smooth: true,
+            symbolSize: 8,
+            zlevel: 3,
+            lineStyle: {
+              normal: {
+                color: color[1],
+                shadowBlur: 3,
+                shadowColor: hexToRgba(color[1], 0.5),
+                shadowOffsetY: 8
+              }
+            },
+            areaStyle: {
+              normal: {
+                color: new echarts.graphic.LinearGradient(
+                  0,
+                  0,
+                  0,
+                  1,
+                  [
+                    {
+                      offset: 0,
+                      color: hexToRgba(color[1], 0.3)
+                    },
+                    {
+                      offset: 1,
+                      color: hexToRgba(color[1], 0.1)
+                    }
+                  ],
+                  false
+                ),
+                shadowColor: hexToRgba(color[1], 0.1),
+                shadowBlur: 10
+              }
+            },
+            data: yAxisData2
+          }
+        ]
+      }
+      option && myChart.setOption(option)
+    })
+
+    const columns21 = [
+      {
+        type: 'number'
+      },
+      {
+        title: '标题',
+        key: 'username'
+      },
+      {
+        title: '作者',
+        key: 'password'
+      },
+      {
+        title: '类别',
+        key: 'sex'
+      },
+      {
+        title: '点击率',
+        key: 'age'
+      },
+      {
+        title: '发布时间',
+        key: 'remark',
+        ellipsisTooltip: true
+      }
+    ]
+
+    const dataSource21 = [
+      {
+        username: 'root',
+        password: 'root',
+        sex: '男',
+        age: '18',
+        remark: 'layui - vue（谐音：类 UI) '
+      },
+      {
+        username: 'root',
+        password: 'root',
+        sex: '男',
+        age: '18',
+        remark: 'layui - vue（谐音：类 UI) '
+      },
+      {
+        username: 'woow',
+        password: 'woow',
+        sex: '男',
+        age: '20',
+        remark: 'layui - vue（谐音：类 UI) '
+      },
+      {
+        username: 'woow',
+        password: 'woow',
+        sex: '男',
+        age: '20',
+        remark: 'layui - vue（谐音：类 UI) '
+      },
+      {
+        username: 'woow',
+        password: 'woow',
+        sex: '男',
+        age: '20',
+        remark: 'layui - vue（谐音：类 UI) '
+      }
+    ]
+
+    return {
+      mainRef,
+      currentIndex,
+      columns21,
+      dataSource21,
+      changePage
+    }
+  }
+})
+</script>
+
+<style lang="less" scoped>
+#main {
+  width: 100%;
+  height: 400px;
+}
+
+.shortcut {
+  text-align: center;
+
+  i {
+    display: inline-block;
+    width: 100%;
+    height: 60px;
+    line-height: 60px;
+    text-align: center;
+    border-radius: 2px;
+    font-weight: 500;
+    font-size: 30px;
+    background-color: #f8f8f8;
+    color: #333;
+    transition: all 0.3s;
+    -webkit-transition: all 0.3s;
+  }
+
+  cite {
+    position: relative;
+    top: 2px;
+    display: block;
+    color: #666;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap;
+    font-size: 14px;
+  }
+}
+.shortcut:hover {
+  i {
+    font-weight: 700;
+    background-color: #009b410f;
+    color: #009688;
+    box-shadow: 1px 1px 4px #cccccc53;
+  }
+  cite {
+    font-weight: 600;
+    color: #009688;
+  }
+}
+
+.agency {
+  display: block;
+  padding: 10.5px 16px;
+  background-color: #f8f8f8;
+  color: #999;
+  border-radius: 2px;
+
+  h3 {
+    padding-bottom: 10px;
+    font-size: 12px;
+  }
+
+  p cite {
+    font-style: normal;
+    font-size: 30px;
+    font-weight: 300;
+    color: #009688;
+  }
+}
+
+.task-progress {
+  padding: 10px 5px;
+
+  .task-progress-title {
+    right: 20px;
+    position: absolute;
+    color: #999;
+  }
+
+  .layui-progress {
+    margin-top: 10px;
+  }
+}
+</style>
--- a/src/views/workSpace/monitor/index.vue
+++ b/src/views/workSpace/monitor/index.vue
@ -0,0 +1,493 @@
+<template>
+  <lay-container :fluid="true" style="padding: 10px">
+    <lay-row :space="10">
+      <lay-col :md="18" :sm="18" :xs="24">
+        <lay-card>
+          <template #title>用户分布</template>
+          <div id="userDistribution" ref="userDistributionRef"></div>
+        </lay-card>
+      </lay-col>
+      <lay-col :md="6" :sm="6" :xs="6">
+        <lay-card style="height: 300px">
+          <template #title>在线人数</template>
+          <lay-row style="text-align: center; margin-top: 30px">
+            {{ timeInfo.nowDate }} - {{ timeInfo.nowWeek }} -
+            {{ timeInfo.nowTime }}
+          </lay-row>
+          <lay-row
+            style="
+              text-align: center;
+              font-size: 50px;
+              color: #000000e0;
+              margin: 40px;
+            "
+          >
+            <lay-count-up
+              :startVal="countNum.startVal"
+              :endVal="countNum.endVal"
+            ></lay-count-up>
+          </lay-row>
+          <lay-row style="text-align: center"> 在线总人数 </lay-row>
+          <lay-row style="text-align: center; margin: 20px; color: #000000e0">
+            <lay-badge type="dot" color="blue" ripple></lay-badge>&nbsp;
+            {{ countNum.second }}&nbsp;秒后刷新
+          </lay-row>
+          <!-- 动画人数 -->
+        </lay-card>
+      </lay-col>
+      <lay-col :md="6" :sm="6" :xs="6">
+        <lay-card style="height: 290px">
+          <template #title>浏览器分布</template>
+          <div id="browserDistribution" ref="browserDistributionRef"></div>
+        </lay-card>
+      </lay-col>
+    </lay-row>
+    <lay-row :space="10">
+      <lay-col :md="12" :sm="12" :xs="18">
+        <lay-card>
+          <template #title>用户评价</template>
+          <lay-row
+            style="height: 50px; text-align: left; margin: 20px 0 10px 0px"
+          >
+            <span style="font-size: 50px; color: #000000e0">4.5</span>
+            &nbsp;&nbsp;
+            <lay-icon class="score layui-icon-rate-solid"></lay-icon>
+            <lay-icon class="score layui-icon-rate-solid"></lay-icon>
+            <lay-icon class="score layui-icon-rate-solid"></lay-icon>
+            <lay-icon class="score layui-icon-rate-solid"></lay-icon>
+            <lay-icon class="score layui-icon-rate-half"></lay-icon>
+            &nbsp;&nbsp;
+            <span style="font-size: 16px; color: #f7ba2a">很棒</span>
+          </lay-row>
+          <lay-row>
+            <span style="font-size: 28px; color: #999999">-0%</span>
+            &nbsp;&nbsp;
+            <span style="font-size: 12px; color: #0006">没有评价波动哦</span>
+          </lay-row>
+          <lay-row class="score-itemRow">
+            <lay-col :md="18" :sm="18" :xs="24">
+              <lay-progress percent="61"></lay-progress>
+            </lay-col>
+            <lay-col :md="6" :sm="6" :xs="12">
+              <lay-icon class="layui-icon-rate-solid"></lay-icon> 5 : 308 人
+            </lay-col>
+          </lay-row>
+          <lay-row class="score-itemRow">
+            <lay-col :md="18" :sm="18" :xs="24">
+              <lay-progress percent="22" theme="blue"></lay-progress>
+            </lay-col>
+            <lay-col :md="6" :sm="6" :xs="12">
+              <lay-icon class="layui-icon-rate-solid"></lay-icon> 4 : 114 人
+            </lay-col>
+          </lay-row>
+          <lay-row class="score-itemRow">
+            <lay-col :md="18" :sm="18" :xs="24">
+              <lay-progress percent="8" theme="orange"></lay-progress>
+            </lay-col>
+            <lay-col :md="6" :sm="6" :xs="12">
+              <lay-icon class="layui-icon-rate-solid"></lay-icon> 3 : 42 人
+            </lay-col>
+          </lay-row>
+          <lay-row class="score-itemRow">
+            <lay-col :md="18" :sm="18" :xs="24">
+              <lay-progress percent="7" theme="red"></lay-progress>
+            </lay-col>
+            <lay-col :md="6" :sm="6" :xs="12">
+              <lay-icon class="layui-icon-rate-solid"></lay-icon> 2 : 33 人
+            </lay-col>
+          </lay-row>
+          <lay-row class="score-itemRow">
+            <lay-col :md="18" :sm="18" :xs="24">
+              <lay-progress percent="2" theme="cyan"></lay-progress>
+            </lay-col>
+            <lay-col :md="6" :sm="6" :xs="12">
+              <lay-icon class="layui-icon-rate-solid"></lay-icon> 1 : 8 人
+            </lay-col>
+          </lay-row>
+        </lay-card>
+      </lay-col>
+      <lay-col :md="6" :sm="6" :xs="6">
+        <lay-card style="height: 300px">
+          <template #title>用户满意度</template>
+          <div class="user-satisfaction">
+            <div style="margin-top: 15px">856</div>
+            <div>
+              <lay-icon
+                type="layui-icon-face-smile"
+                size="50px"
+                color="#5FB878"
+              ></lay-icon>
+              <div style="font-size:8px;color#ddd;margin-top:12px">
+                正面评价
+              </div>
+            </div>
+            <div style="color: #52c41a; margin-top: 15px">82%</div>
+          </div>
+          <lay-line></lay-line>
+          <div class="user-satisfaction">
+            <div style="margin-top: 15px">856</div>
+            <div>
+              <lay-icon
+                type="layui-icon-face-cry"
+                size="50px"
+                color="#f7454e"
+              ></lay-icon>
+              <div style="font-size:8px;color#ddd;margin-top:12px">
+                负面评论
+              </div>
+            </div>
+            <div style="color: #f7454e; margin-top: 15px">7%</div>
+          </div>
+        </lay-card>
+      </lay-col>
+      <lay-col :md="6" :sm="6" :xs="6">
+        <lay-card style="height: 300px">
+          <template #title>用户活跃度</template>
+          <lay-row>
+            <lay-col :md="18" :sm="18" :xs="18">
+              <div style="stack-progress">
+                <div class="green-progress">
+                  <lay-progress
+                    percent="70"
+                    circle
+                    :circleSize="170"
+                    :circleWidth="11"
+                    style="margin-right: 10px"
+                  ></lay-progress>
+                </div>
+                <div class="blue-progress">
+                  <lay-progress
+                    percent="60"
+                    circle
+                    :circleSize="120"
+                    :circleWidth="10"
+                    theme="blue"
+                    style="margin-right: 10px"
+                  ></lay-progress>
+                </div>
+                <div class="red-progress">
+                  <lay-progress
+                    percent="35"
+                    circle
+                    :circleSize="70"
+                    :circleWidth="8"
+                    theme="red"
+                    style="margin-right: 10px"
+                  ></lay-progress>
+                </div>
+              </div>
+              &nbsp;
+            </lay-col>
+            <lay-col :md="6" :sm="6" :xs="6">
+              <div class="desc">
+                <div>
+                  <lay-badge theme="green" type="dot"></lay-badge> 活跃率:70%
+                </div>
+                <div>
+                  <lay-badge theme="blue" type="dot"></lay-badge> 留存率:60%
+                </div>
+                <div><lay-badge type="dot"></lay-badge> 跳出率:35%</div>
+              </div>
+            </lay-col>
+          </lay-row>
+        </lay-card>
+      </lay-col>
+    </lay-row>
+  </lay-container>
+</template>
+<script lang="ts">
+import { defineComponent, ref, onMounted, reactive } from 'vue'
+
+import * as echarts from 'echarts'
+import china from './moudel/china.json'
+import shandong from './moudel/province/shandong.json'
+import jinan from './moudel/citys/370100.json'
+import minx from './moudel/minx'
+
+export default defineComponent({
+  name: 'Analysis',
+  mixins: [minx],
+  setup() {
+    const province = minx.province
+    const provincesText = minx.provincesText
+    const userDistributionRef = ref()
+    const browserDistributionRef = ref()
+    const timeInfo = reactive({
+      setInterval: 0,
+      nowWeek: '',
+      nowDate: '',
+      nowTime: ''
+    })
+    const showText = ref(true)
+    const countNum = reactive({
+      startVal: 0,
+      endVal: 360,
+      second: 10
+    })
+    function setNowTimes() {
+      let myDate = new Date()
+      let wk = myDate.getDay()
+      let yy = String(myDate.getFullYear())
+      let mm = myDate.getMonth() + 1
+      let dd = String(
+        myDate.getDate() < 10 ? '0' + myDate.getDate() : myDate.getDate()
+      )
+      let hou = String(
+        myDate.getHours() < 10 ? '0' + myDate.getHours() : myDate.getHours()
+      )
+      let min = String(
+        myDate.getMinutes() < 10
+          ? '0' + myDate.getMinutes()
+          : myDate.getMinutes()
+      )
+      let sec = String(
+        myDate.getSeconds() < 10
+          ? '0' + myDate.getSeconds()
+          : myDate.getSeconds()
+      )
+
+      let weeks = [
+        '星期日',
+        '星期一',
+        '星期二',
+        '星期三',
+        '星期四',
+        '星期五',
+        '星期六'
+      ]
+      let week = weeks[wk]
+      timeInfo.nowDate = yy + '-' + mm + '-' + dd + ''
+      timeInfo.nowTime = hou + ':' + min + ':' + sec
+      timeInfo.nowWeek = week
+    }
+
+    var userDistributionOption = {
+      tooltip: {
+        trigger: 'item'
+      },
+      dataRange: {
+        x: 'left',
+        y: 'bottom',
+        itemWidth: 20,
+        itemHeight: 14,
+        splitList: [
+          { start: 500, label: '>500人', color: '#3a94e5' },
+          { start: 200, end: 500, label: '200 - 500人', color: '#68b1ec' },
+          { start: 100, end: 200, label: '100 - 200人', color: '#9cd3f4' },
+          { start: 50, end: 100, label: '500 - 100人', color: '#c7eefb' },
+          { end: 50, label: '<50人', color: '#e1f4fc' }
+        ]
+      },
+      roamController: {
+        show: true,
+        x: 'right',
+        mapTypeControl: {
+          china: true
+        }
+      },
+      series: [
+        {
+          name: '用户人数',
+          type: 'map',
+          mapType: 'china',
+          roam: false,
+          itemStyle: {
+            normal: {
+              label: {
+                show: true,
+                textStyle: {
+                  color: '#333'
+                }
+              }
+            },
+            emphasis: { label: { show: true } }
+          },
+          data: [
+            { name: '广东', value: 800 },
+            { name: '湖南', value: 502 },
+            { name: '广西', value: 356 },
+            { name: '江西', value: 208 },
+            { name: '湖北', value: 385 },
+            { name: '上海', value: 400 },
+            { name: '重庆', value: 580 },
+            { name: '河北', value: 1520 },
+            { name: '河南', value: 2100 },
+            { name: '云南', value: 5 },
+            { name: '辽宁', value: 305 },
+            { name: '黑龙江', value: 200 },
+            { name: '安徽', value: 789 },
+            { name: '山东', value: 25 },
+            { name: '新疆', value: 2 },
+            { name: '江苏', value: 1502 },
+            { name: '浙江', value: 152 },
+            { name: '北京', value: 430 },
+            { name: '天津', value: 200 },
+            { name: '甘肃', value: 56 },
+            { name: '山西', value: 0 },
+            { name: '陕西', value: 0 },
+            { name: '吉林', value: 0 },
+            { name: '福建', value: 0 },
+            { name: '贵州', value: 0 },
+            { name: '青海', value: 10 },
+            { name: '西藏', value: 88 },
+            { name: '四川', value: 860 },
+            { name: '宁夏', value: 8 },
+            { name: '海南', value: 8 },
+            { name: '内蒙古', value: Math.round(Math.random() * 100) },
+            { name: '台湾', value: Math.round(Math.random() * 100) },
+            { name: '香港', value: Math.round(Math.random() * 100) },
+            { name: '澳门', value: Math.round(Math.random() * 100) }
+          ]
+        }
+      ]
+    }
+    var browserDistributionOption = {
+      tooltip: {
+        trigger: 'item'
+      },
+      legend: {
+        bottom: '8%',
+        left: 'left'
+      },
+      series: [
+        {
+          name: 'Access From',
+          type: 'pie',
+          radius: ['38%', '65%'],
+          center: ['50%', '35%'],
+          avoidLabelOverlap: false,
+          label: {
+            show: false,
+            position: 'center'
+          },
+          labelLine: {
+            show: false
+          },
+          color: ['#5b8ff9', '#61ddaa', '#f6bd16', '#7262fd', '#78d3f8'],
+          data: [
+            { value: 1048, name: 'Chrome' },
+            { value: 735, name: 'Safari' },
+            { value: 580, name: 'Firefox' },
+            { value: 484, name: 'Edge' },
+            { value: 300, name: 'Other' }
+          ]
+        }
+      ]
+    }
+    onMounted(() => {
+      var userDistributionDom = userDistributionRef.value
+      // var resizeMyChartContainer = function () {
+      //   userDistributionDom.style.width =
+      //     document.body.offsetWidth / 2 - 100 + 'px' //页面一半的大小
+      // }
+      // resizeMyChartContainer()
+      echarts.registerMap('china', china as any)
+      var userDistributionDomChart = echarts.init(userDistributionDom)
+      userDistributionDomChart.on('dblclick', function (param) {
+        let index = provincesText.indexOf(param.name)
+        if (index != -1) {
+          ///todo   如何动态的获取moudel/province/下的 province[index].json文件 ?
+          // echarts.registerMap(param.name, province[index])
+          // 更新echarts 视图
+        }
+      })
+      userDistributionOption &&
+        userDistributionDomChart.setOption(userDistributionOption)
+      //todo 根据浏览器窗口动态改变图表大小
+      // window.onresize = function () {
+      //   resizeMyChartContainer()
+      //   userDistributionDom.resize()
+      // }
+
+      var browserDistributionDom = browserDistributionRef.value
+      var browserDistributionDomChart = echarts.init(browserDistributionDom)
+      browserDistributionOption &&
+        browserDistributionDomChart.setOption(browserDistributionOption)
+
+      timeInfo.setInterval = setInterval(() => {
+        timeInfo.setInterval = 0
+        if (countNum.second >= 1) {
+          countNum.second -= 1
+        } else {
+          ;(countNum.endVal += Math.random() * 20), (countNum.second = 10)
+        }
+      }, 1000)
+    })
+
+    return {
+      userDistributionRef,
+      browserDistributionRef,
+      timeInfo,
+      countNum,
+      showText
+    }
+  }
+})
+</script>
+
+<style lang="less" scoped>
+#userDistribution {
+  width: 100%;
+  height: 540px;
+}
+#browserDistribution {
+  width: 100%;
+  height: 240px;
+}
+.score {
+  font-size: 20px;
+  color: #f7ba2a;
+}
+.score-itemRow {
+  height: 16px;
+  margin-top: 10px;
+  line-height: 16px;
+  color: #999999;
+  vertical-align: middle;
+  .layui-icon {
+    font-size: 13px;
+  }
+  .layui-progress {
+    margin-top: 6px;
+    margin-right: 15px;
+  }
+}
+.user-satisfaction {
+  display: flex;
+  font-size: 30px;
+  color: #1f1f1f;
+  text-align: center;
+  > div {
+    flex: 1;
+    padding: 20px;
+  }
+}
+.user-satisfaction:last-child {
+  margin-top: 15px;
+}
+.stack-progress {
+  width: 100%;
+  height: 400px;
+  position: relative;
+}
+.green-progress {
+  position: absolute;
+  top: 20px;
+  left: calc(50% - 100px);
+}
+.blue-progress {
+  position: absolute;
+  top: 44px;
+  left: calc(50% - 75px);
+}
+.red-progress {
+  position: absolute;
+  top: 70px;
+  left: calc(50% - 50px);
+}
+.desc {
+  margin-top: 60px;
+  font-size: 8px;
+  color: #1f1f1fd5;
+}
+</style>
--- a/src/views/workSpace/monitor/moudel/china.json
+++ b/src/views/workSpace/monitor/moudel/china.json
--- a/Show More
+++ b/Show More