大屏页面

3 years ago · 8609d70345
parent a3b8f7a903
commit 8609d70345
522 changed files with 17950 additions and 2 deletions
--- a/.gitignore
+++ b/.gitignore
@ -0,0 +1,24 @@
+.DS_Store
+node_modules
+/dist
+
+
+# local env files
+.env.local
+.env.*.local
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+/dist/
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
--- a/.postcssrc.js
+++ b/.postcssrc.js
@ -0,0 +1,21 @@
+module.exports = {
+  
+   "plugins": {
+      "postcss-px-to-viewport": {
+        viewportWidth: 1920,     //  视窗的宽度，对应的是我们设计稿的宽度，移动端一般是750，如果是pc端那就是类似1920这样的尺寸
+        viewportHeight: 1080,    // 视窗的高度，移动端一般指定1334，也可以不配置
+        unitPrecision: 3,       // 指定`px`转换为视窗单位值的小数位数（很多时候无法整除）
+        viewportUnit: 'vw',    // 指定需要转换成的视窗单位，建议使用vw
+        selectorBlackList: ['.ignore', '.hairlines'],  // 指定不转换为视窗单位的类，可以自定义，可以无限添加,建议定义一至两个通用的类名
+        minPixelValue: 1,      // 小于或等于`1px`不转换为视窗单位，你也可以设置为你想要的值
+        mediaQuery: false      // 允许在媒体查询中转换`px`
+      },
+   //    "postcss-viewport-units":{
+		 //  silence:true
+	  // },
+      "cssnano": {
+        preset: "default", // 设置成default将不会启用autoprefixer
+        "postcss-zindex": false
+      }
+    }
+}
--- a/README.md
+++ b/README.md
@ -1,3 +1,19 @@
-# docus_echarts
+# test

-大屏页面展示1
+## Project setup
+```
+npm install
+```
+
+### Compiles and hot-reloads for development
+```
+npm run serve
+```
+
+### Compiles and minifies for production
+```
+npm run build
+```
+
+### Customize configuration
+See [Configuration Reference](https://cli.vuejs.org/config/).
--- a/babel.config.js
+++ b/babel.config.js
@ -0,0 +1,5 @@
+module.exports = {
+  presets: [
+    '@vue/cli-plugin-babel/preset'
+  ]
+}
--- a/jsconfig.json
+++ b/jsconfig.json
@ -0,0 +1,19 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "module": "esnext",
+    "baseUrl": "./",
+    "moduleResolution": "node",
+    "paths": {
+      "@/*": [
+        "src/*"
+      ]
+    },
+    "lib": [
+      "esnext",
+      "dom",
+      "dom.iterable",
+      "scripthost"
+    ]
+  }
+}
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@ -0,0 +1,35 @@
+{
+  "name": "test",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "vue-cli-service serve",
+    "build": "vue-cli-service build"
+  },
+  "dependencies": {
+    "axios": "^1.2.2",
+    "core-js": "^3.8.3",
+    "echarts": "^5.4.1",
+    "element-ui": "^2.15.12",
+    "register-service-worker": "^1.7.2",
+    "vue": "^2.6.14",
+    "vue-router": "^3.5.1",
+    "vuex": "^3.6.2"
+  },
+  "devDependencies": {
+    "@vue/cli-plugin-babel": "~5.0.0",
+    "@vue/cli-plugin-pwa": "~5.0.0",
+    "@vue/cli-plugin-router": "~5.0.0",
+    "@vue/cli-plugin-vuex": "~5.0.0",
+    "@vue/cli-service": "~5.0.0",
+    "postcss-px-to-viewport": "^1.1.1",
+    "sass": "^1.32.7",
+    "sass-loader": "^12.0.0",
+    "vue-template-compiler": "^2.6.14"
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions",
+    "not dead"
+  ]
+}
--- a/public/favicon.ico
+++ b/public/favicon.ico
--- a/public/img/icons/android-chrome-192x192.png
+++ b/public/img/icons/android-chrome-192x192.png
--- a/public/img/icons/android-chrome-512x512.png
+++ b/public/img/icons/android-chrome-512x512.png
--- a/public/img/icons/android-chrome-maskable-192x192.png
+++ b/public/img/icons/android-chrome-maskable-192x192.png
--- a/public/img/icons/android-chrome-maskable-512x512.png
+++ b/public/img/icons/android-chrome-maskable-512x512.png
--- a/public/img/icons/apple-touch-icon-120x120.png
+++ b/public/img/icons/apple-touch-icon-120x120.png
--- a/public/img/icons/apple-touch-icon-152x152.png
+++ b/public/img/icons/apple-touch-icon-152x152.png
--- a/public/img/icons/apple-touch-icon-180x180.png
+++ b/public/img/icons/apple-touch-icon-180x180.png
--- a/public/img/icons/apple-touch-icon-60x60.png
+++ b/public/img/icons/apple-touch-icon-60x60.png
--- a/public/img/icons/apple-touch-icon-76x76.png
+++ b/public/img/icons/apple-touch-icon-76x76.png
--- a/public/img/icons/apple-touch-icon.png
+++ b/public/img/icons/apple-touch-icon.png
--- a/public/img/icons/favicon-16x16.png
+++ b/public/img/icons/favicon-16x16.png
--- a/public/img/icons/favicon-32x32.png
+++ b/public/img/icons/favicon-32x32.png
--- a/public/img/icons/msapplication-icon-144x144.png
+++ b/public/img/icons/msapplication-icon-144x144.png
--- a/public/img/icons/mstile-150x150.png
+++ b/public/img/icons/mstile-150x150.png
--- a/public/img/icons/safari-pinned-tab.svg
+++ b/public/img/icons/safari-pinned-tab.svg
@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.00251 14.9297L0 1.07422H6.14651L8.00251 4.27503L9.84583 1.07422H16L8.00251 14.9297Z" fill="black"/>
+</svg>
--- a/public/index.html
+++ b/public/index.html
@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
+    <title><%= htmlWebpackPlugin.options.title %></title>
+  </head>
+  <body>
+    <noscript>
+      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
+    </noscript>
+    <div id="app"></div>
+    <!-- built files will be auto injected -->
+  </body>
+</html>
--- a/public/robots.txt
+++ b/public/robots.txt
@ -0,0 +1,2 @@
+User-agent: *
+Disallow:
--- a/src/App.vue
+++ b/src/App.vue
@ -0,0 +1,34 @@
+<template>
+  <div id="app">
+    
+    <router-view/>
+  </div>
+</template>
+
+<script>
+  import {selectArchivingDataVoList} from '@/api/statistical'
+  export default {
+  name: "archiveline",
+
+  methods: {
+    getlist(){
+      selectArchivingDataVoList().then(res=>{
+        
+    })
+  }
+  },
+  created() {
+    this.getlist()
+    window.sessionStorage.setItem("token", "eyJhbGciOiJIUzUxMiJ9.eyJ0b2tlblVzZXIiOiJ7XCJkb3dubG9hZFJlY29yZFwiOjEsXCJuYW1lXCI6XCLlsI_ojINcIixcInJlYWRlckxpc3RcIjpbXCJFQUJFRUI1RDYyODQ0OUE3OTMwRjRDMEE5OTUzQTc2MFwiLFwiRUFCRUVCNUQ2Mjg0NDlBNzkzMEY0QzBBOTk1M0E3NjFcIixcIkVBQkVFQjVENjI4NDQ5QTc5MzBGNEMwQTk5NTNBNzYyXCIsXCJFQUJFRUI1RDYyODQ0OUE3OTMwRjRDMEE5OTUzQTc2M1wiLFwiMTVFN0ZFNzgwM0Y1NDVDQjgxMzkwQkM4OEU3MjUyNDBcIixcIkRCNUU3REE3OEE3RTQ4MDk5MUQ2NUI4QzJBOEUyODUwXCIsXCIxNTI0NjI1MUY0MTE0MjQzODM1MUY1RkE5MEREN0FGOVwiLFwiMERCOTM3OTc4ODU3NDZCMThEQUY2QzBDOTM2RDJEQ0FcIixcIkRFNTk5RDc3MEU4MzQ3Q0NCNTEyMkJDMzU3RDk2RjM1XCIsXCI4M0JFQTkxRDgwODc0MUQ1ODYxNkY3QTBCN0E5QjFCQ1wiLFwiRUFCRUVCNUQ2Mjg0NDlBNzkzMEY0QzBBOTk1M0E3NTdcIixcIkVBQkVFQjVENjI4NDQ5QTc5MzBGNEMwQTk5NTNBNzU4XCIsXCJFQUJFRUI1RDYyODQ0OUE3OTMwRjRDMEE5OTUzQTc1OVwiLFwiRUFCRUVCNUQ2Mjg0NDlBNzkzMEY0QzBBOTk1M0E3NTNcIixcIkVBQkVFQjVENjI4NDQ5QTc5MzBGNEMwQTk5NTNBNzU0XCIsXCJFQUJFRUI1RDYyODQ0OUE3OTMwRjRDMEE5OTUzQTc1NVwiLFwiRUFCRUVCNUQ2Mjg0NDlBNzkzMEY0QzBBOTk1M0E3NTZcIixcIkMzOTEwODVEREYzMTRFNTZCQjA4RjhCODM1OEFERUJBXCIsXCJFQUJFRUI1RDYyODQ0OUE3OTMwRjRDMEE5OTUzQTc1MVwiLFwiRUFCRUVCNUQ2Mjg0NDlBNzkzMEY0QzBBOTk1M0E3NTJcIixcIkM3MEU4QzQyN0EzNjQ4Qjc5QkU4MDc5OEMwOEY0RDEyXCIsXCI3QTlDNjIxRTNGNEY0QzlDQTk1MjkyMTQxQzVFMTVFOFwiLFwiQkZENDA2MzMzMUFENDVGQjgzQzczMzJERjQ5RUNCRjRcIixcIjAwRUY2OTUyRkFBNjQ3Mzk4N0FFRUYxOEU0Njc5MzkyXCIsXCJBQzJDOEY0QTg4ODg0REM4OTQ2MzAzMDJDNjFDNkEwN1wiLFwiODVEQUU3M0E4N0QwNDdEMjhDMjIyRTg3OEM3OEM2NzBcIixcIkFGQjlGQkU2NTZENzQ5MkM4MEFFREU2RTY4NUE4NTFBXCIsXCJEODBFRDQyOUFFQzI0QzM4OUU0NDRGMzE1NkY4OTBCNVwiXSxcInJvbGVJZFwiOi0xMDAsXCJzaG93UHJpbnRcIjoxLFwic2hvd1JlY29yZFwiOjEsXCJ1c2VySWRcIjoxNTE2MjIxNTU0MjQzOTU2NzM3LFwidXNlck5hbWVcIjpcImZ4d1wifSIsImV4cCI6MTY3MzU5NTM3MX0.rF5WdSboaAYAvPI-M-6cIyhM7JmCB5vyaffRpbHS3hKRtcZ_qXinxSjT6STpaqHgub2TCKsIs01_K0dwwIER0w")
+
+  },
+ }
+</script>
+
+<style lang="scss">
+#app {
+ 
+}
+
+
+</style>
--- a/src/api/collector/index.js
+++ b/src/api/collector/index.js
@ -0,0 +1,80 @@
+import service from '@/utils/request'
+const url = "api/collector/st"
+
+/**
+ * 采集器效率
+ */
+
+ export function collectorEf() {
+	return service({
+		url:url+`/collectorEf`,
+		method:'get'
+	})
+}
+
+/**
+ * 查询全局采集器信息
+ */
+
+ export function collectorsGlobalInfo() {
+	return service({
+		url:url+`/collectorsGlobalInfo`,
+		method:'get'
+	})
+}
+
+
+/**
+ * 查询采集器状态
+ */
+
+ export function CollectorsStatus() {
+	return service({
+		url:url+`/collectorsStatus`,
+		method:'get'
+	})
+}
+
+/**
+ * 采集服务器状态
+ */
+
+ export function collectServerStatus() {
+	return service({
+		url:url+`/collectServerStatus`,
+		method:'get'
+	})
+}
+
+/**
+ * 采集数量统计
+ */
+
+ export function countCompleteCollectorTask() {
+	return service({
+		url:url+`/countCompleteCollectorTask`,
+		method:'get'
+	})
+}
+
+/**
+ * 实时预警
+ */
+
+ export function ewMessage() {
+	return service({
+		url:url+`/ewMessage`,
+		method:'get'
+	})
+}
+
+/**
+ * pdf存值
+ */
+
+ export function pdfDiskUsage() {
+	return service({
+		url:'/file/collector/st/pdfDiskUsage',
+		method:'get'
+	})
+}
--- a/src/api/index.js
+++ b/src/api/index.js
--- a/src/api/statistical/index.js
+++ b/src/api/statistical/index.js
@ -0,0 +1,71 @@
+import service from '@/utils/request'
+const url = "/statistical"
+
+/**
+ * 查询全员病案归档率统计
+ */
+
+ export function selectStArchivingDataVo() {
+	return service({
+		url:url+`/selectStArchivingDataVo`,
+		method:'post'
+	})
+}
+
+/**
+ * 地球仪
+ */
+
+ export function selectStFileData() {
+	return service({
+		url:url+`/selectStFileData`,
+		method:'post'
+	})
+}
+
+/**
+ * 查询科室排名前五数据
+ */
+
+ export function selectStDepTop5FileData() {
+	return service({
+		url:url+`/selectStDepTop5FileData`,
+		method:'post'
+	})
+}
+
+
+/**
+ * 科室归档折线图
+ */
+
+ export function selectArchivingDataVoList() {
+	return service({
+		url:url+`/selectArchivingDataVoList`,
+		method:'post'
+	})
+}
+
+
+/**
+ * 科室归档柱状图
+ */
+
+ export function selectStDeptFileData() {
+	return service({
+		url:url+`/selectStDeptFileData`,
+		method:'post'
+	})
+}
+
+/**
+ * 未终审质控状态占比
+ */
+
+ export function selectStNoFileStatState() {
+	return service({
+		url:url+`/selectStNoFileStatState`,
+		method:'post'
+	})
+}
+
--- a/src/api/sys/index.js
+++ b/src/api/sys/index.js
@ -0,0 +1,665 @@
+import service from '@/utils/request'
+
+const url = "/sys"
+const urlList = {
+	ssoAuthentication: url + '/ssoAuthentication',
+    getAllNurseAndDoctor:url+'/user/getAllNurseAndDoctor',
+    zUploadFile: url + '/uploadFile',
+	getOauthStatus:url+'/getOauthStatus',
+	tLogin:url+"/tLogin",
+	getDeptUserTreeByUser:url+'/user/getDeptUserTreeByUser',
+	uinsso:url+'/skip/uinsso',
+	verifypwd:url+'/user/verifypwd',
+	getAllDoctor:url+'/user/getAllDoctor',
+	getAllNurse:url+'/user/getAllNurse',
+	getSysManagePara:url+'/interface-config/getSysManagePara',
+	updSysManagePara:url+'/interface-config/updSysManagePara',
+	listUser:url+'/user/listUser',
+	unLock:url+'/unLock',
+	getAllCoder:url+'/user/getAllCoder',
+	ssoLogin:url+'/ssoLogin/login',
+	ssoLoginInto:url+'/ssoLogin/into'
+}
+//森亿 token 单点认证
+export function ssoLoginInto(params) {
+    return service({
+        url: urlList.ssoLoginInto,
+        method: 'get',
+    })
+}
+//森亿 token 单点认证
+export function ssoLogin(params) {
+    return service({
+        url: urlList.ssoLogin,
+        method: 'get',
+		params:params
+    })
+}
+//查询所有角色为编码员用户信息
+export function getAllCoder() {
+    return service({
+        url: urlList.getAllCoder,
+        method: 'get',
+    })
+}
+//密码输入错误锁定账号解锁
+export function unLock(params) {
+    return service({
+        url: urlList.unLock,
+        method: 'post',
+		params:params
+    })
+}
+//不分页的用户列表，带角色id,角色code,角色名称，所属科室id,所属科室code，所属科室名称
+export function listUser(data) {
+    return service({
+        url: urlList.listUser,
+        method: 'post',
+		data:data
+    })
+}
+//修改系统管理参数
+export function updSysManagePara(data) {
+    return service({
+        url: urlList.updSysManagePara,
+        method: 'post',
+		data:data
+    })
+}
+//获取系统管理参数
+export function getSysManagePara() {
+    return service({
+        url: urlList.getSysManagePara,
+        method: 'get',
+    })
+}
+//查询所有角色为医生用户信息
+export function getAllDoctor() {
+    return service({
+        url: urlList.getAllDoctor,
+        method: 'get',
+    })
+}
+//查询所有角色为护士用户信息
+export function getAllNurse() {
+    return service({
+        url: urlList.getAllNurse,
+        method: 'get',
+    })
+}
+//验证密码
+export function verifypwd(data) {
+    return service({
+        url: urlList.verifypwd,
+        method: 'post',
+        data: data
+    })
+}
+
+// 获取抽查组员数据
+export function getAllNurseAndDoctor() {
+    return service({
+        url: urlList.getAllNurseAndDoctor,
+        method: 'get'
+    })
+}
+//token 单点认证
+export function uinsso(params) {
+    return service({
+        url: urlList.uinsso,
+        method: 'get',
+        params: params
+    })
+}
+//根据用户姓名、工号模糊查询获取科室用户树
+export function getDeptUserTreeByUser(params) {
+    return service({
+        url: urlList.getDeptUserTreeByUser,
+        method: 'get',
+        params: params
+    })
+}
+//第三方登录-accessToken
+export function tLogin(data) {
+    return service({
+        url: urlList.tLogin,
+        method: 'post',
+        data: data
+    })
+}
+
+//单点登录SSO校验
+export function ssoAuthentication(params) {
+    return service({
+        url: urlList.ssoAuthentication,
+        method: 'get',
+        params: params
+    })
+}
+//查询授权状态接口
+export function getOauthStatus(params) {
+    return service({
+        url: urlList.getOauthStatus,
+        method: 'get',
+        params: params
+    })
+}
+//文件上传接口
+export function uploadFile(data) {
+    return service({
+        url: urlList.zUploadFile,
+        method: 'post',
+        headers: {
+            'Content-type': 'multipart/form-data'
+        },
+        data: data
+    })
+}
+
+/**
+ * 验证账号
+ * @param params
+ */
+export function verifyUserName(params) {
+    return service({
+        url: url + '/verify/verifyUserName',
+        method: 'get',
+        params: params
+    })
+}
+
+/**
+ * 验证角色名称
+ * @param params
+ */
+export function verifyRoleName(params) {
+    return service({
+        url: url + '/verify/verifyRoleName',
+        method: 'get',
+        params: params
+    })
+}
+
+/**
+ * 验证科室代码
+ * @param params
+ */
+export function verifyDeptCode(params) {
+    return service({
+        url: url + '/verify/verifyDeptCode',
+        params: params,
+        method: 'get'
+    })
+}
+
+/**
+ * token获取权限菜单列表
+ */
+export function menuByToken() {
+    return service({
+        url: url + '/menu/menuByToken',
+        method: 'get'
+    })
+}
+
+//登录
+export function login(data) {
+    return service({
+        url: url + '/login',
+        method: 'post',
+        data: data
+    })
+}
+
+//第三方登录
+export function thirdLogin(data) {
+    return service({
+        url: url + '/thirdLogin',
+        method: 'post',
+        data: data,
+    })
+}
+
+/**
+ * 主管医生列表接口
+ * @param byToken ：标识 0：不通过登陆者信息过滤 1：通过登陆者信息过滤
+ */
+export function listAdminDoctro(params) {
+    return service({
+        url: url + "/user/listAdminDoctro",
+        method: 'get',
+        params: params
+    })
+}
+
+//token获取用户信息
+export function getUser() {
+    return service({
+        url: url + '/user/getUser',
+        method: 'get',
+    })
+}
+
+//token获取用户信息
+export function getTokenUser() {
+    return service({
+        url: url + '/user/getTokenUser',
+        method: 'get',
+    })
+}
+
+//获取科室列表分页
+export function getdeptList(data) {
+    return service({
+        url: url + '/dept/listPage/',
+        method: 'post',
+        params: {
+            current: '0', //页数
+            size: '100000', //数量
+        },
+        data: {
+            "creater": "",
+            "deptCode": "",
+            "deptName": "",
+			deptCodeExact:data,
+            "effective": 1
+        }
+    })
+}
+
+//获取科室列表
+export function getdept(params, data) {
+    return service({
+        url: url + '/dept/listPage/',
+        method: 'post',
+        params: params,
+        data: data
+    })
+}
+
+//获取角色列表分页
+export function getRoleList() {
+    return service({
+        url: url + '/role/listPage',
+        method: 'post', //请求方法
+        params: {
+            current: '0', //页数
+            size: "1000000", //数量
+        },
+        data: {
+            "creater": '',
+            "roleName": '',
+            "effective": 1,
+            "roleId": 0
+        } //请求参数放在请求体里
+    })
+}
+
+//获取角色列表
+export function getRole(params, data) {
+    return service({
+        url: url + '/role/listPage/',
+        method: 'post',
+        params: params,
+        data: data
+    })
+}
+
+//新增编辑角色
+export function roleUpdate(data) {
+    return service({
+        url: url + '/role/update',
+        method: 'post',
+        data: data
+    })
+}
+
+//重置密码
+export function userResetPas(params) {
+    return service({
+        url: url + '/user/resetPas', //请求的路径
+        method: 'get', //请求方法
+        params: params,
+    })
+}
+
+//导出Excel
+export function userExportExcel(params) {
+    return service({
+        url: url + '/user/exportExcel', //请求的路径
+        method: 'get', //请求方法
+        responseType: 'blob',
+        params: params,
+    })
+}
+
+//导出Excel
+export function deptExportExcel(params) {
+    return service({
+        url: url + '/dept/exportExcel', //请求的路径
+        method: 'get', //请求方法
+        responseType: 'blob',
+        params: params,
+    })
+}
+
+//导出Excel
+export function roleExportExcel(params) {
+    return service({
+        url: url + '/role/exportExcel', //请求的路径
+        method: 'get', //请求方法
+        responseType: 'blob',
+        params: params,
+    })
+}
+
+//全部导出Excel
+export function userExportExcelAll(data) {
+    return service({
+        url: url + '/user/exportExcelAll', //请求的路径
+        method: 'post', //请求方法
+        responseType: 'blob',
+        data: data
+    })
+}
+
+//全部导出Excel
+export function roleExportExcelAll(data) {
+    return service({
+        url: url + '/role/exportExcelAll', //请求的路径
+        method: 'post', //请求方法
+        responseType: 'blob',
+        data: data
+    })
+}
+
+//全部导出Excel
+export function deptExportExcelAll(data) {
+    return service({
+        url: url + '/dept/exportExcelAll', //请求的路径
+        method: 'post', //请求方法
+        responseType: 'blob',
+        data: data
+    })
+}
+
+//导入Excel
+export function userImportExcel(data) {
+    return service({
+        url: url + '/user/importExcel', //请求的路径
+        method: 'post', //请求方法
+        timeout: 10000,
+        headers: {
+            'Content-type': 'multipart/form-data'
+        },
+        data: data,
+    })
+}
+
+//导入Excel
+export function deptImportExcel(data) {
+    return service({
+        url: url + '/dept/importExcel', //请求的路径
+        method: 'post', //请求方法
+        timeout: 10000,
+        headers: {
+            'Content-type': 'multipart/form-data'
+        },
+        data: data,
+    })
+}
+
+//获取用户列表
+export function getUserList(params, data) {
+    return service({
+        url: url + '/user/listPage/', //请求的路径
+        method: 'post', //请求方法
+        params: params,
+        data: data
+    })
+}
+
+//删除用户
+export function delUser(params) {
+    return service({
+        url: url + '/user/deletes/', //请求的路径
+        method: 'get', //请求方法
+        params: params
+    })
+}
+
+//删除科室
+export function delDeptAll(params) {
+    return service({
+        url: url + '/dept/deletes/', //请求的路径
+        method: 'get', //请求方法
+        params: params
+    })
+}
+
+//删除角色
+export function delRole(params) {
+    return service({
+        url: url + '/role/deletes/', //请求的路径
+        method: 'get', //请求方法
+        params: params
+    })
+}
+
+//删除菜单
+export function delMenu(params) {
+    return service({
+        url: url + '/menu/delete', //请求的路径
+        method: 'get', //请求方法
+        params: params
+    })
+}
+
+//新增编辑科室
+export function deptUpdate(data) {
+    return service({
+        url: url + '/dept/update', //请求的路径
+        method: 'post', //请求方法
+        data: data //请求参数放在请求体里
+    })
+}
+
+//获取菜单树
+export function getMenuTree(params) {
+    return service({
+        url: url + '/menu/menuTree', //请求的路径
+        method: 'post', //请求方法
+        params: params
+    })
+}
+
+//新增编辑菜单
+export function menuUpdate(data) {
+    return service({
+        url: url + '/menu/update', //请求的路径
+        method: 'post', //请求方法
+        data: data //请求参数放在请求体里
+    })
+}
+
+//导入角色excel
+export function roleimportExcel(data) {
+    return service({
+        url: url + '/role/importExcel', //请求的路径
+        method: 'post', //请求方法
+        timeout: 10000,
+        headers: {
+            'Content-type': 'multipart/form-data'
+        },
+        data: data //请求参数放在请求体里
+    })
+}
+
+//新增编辑用户
+export function userUpdate(data) {
+    return service({
+        url: url + '/user/update', //请求的路径
+        method: 'post', //请求方法
+        data: data //请求参数放在请求体里
+    })
+}
+
+//修改密码
+export function updatePas(params) {
+    return service({
+        url: url + '/user/updatePas', //请求的路径
+        method: 'get', //请求方法
+        params: params //请求参数放在请求体里
+    })
+}
+
+//角色调阅
+export function listRoleReader(params) {
+    return service({
+        url: url + '/reader/listRoleReader', //请求的路径
+        method: 'get', //请求方法
+        params: params //请求参数放在请求体里
+    })
+}
+
+//调阅配置修改（包含新增-移除,根据有无id区分）
+export function listRoleChanges(params, data) {
+    return service({
+        url: url + '/reader/changes', //请求的路径
+        method: 'post', //请求方法
+        params: params, //请求参数放在请求体里
+        data: data
+    })
+}
+
+//角色列表（包含角色下的所有用户）
+export function listRoleAndUsers(params) {
+    return service({
+        url: url + '/role/listRoleAndUsers', //请求的路径
+        method: 'get', //请求方法
+        params: params
+    })
+}
+
+//获取用户授权菜单
+export function listByRoleUser(params) {
+    return service({
+        url: url + '/menu/listByRoleUser', //请求的路径
+        method: 'get', //请求方法
+        params: params
+    })
+}
+
+//获取用户已有权限ID集
+export function listUserMenuId(params) {
+    return service({
+        url: url + '/menu/listUserMenuId', //请求的路径
+        method: 'get', //请求方法
+        params: params
+    })
+}
+
+//获取角色已有权限ID
+export function listRoleMenuId(params) {
+    return service({
+        url: url + '/menu/listRoleMenuId', //请求的路径
+        method: 'get', //请求方法
+        params: params
+    })
+}
+
+//批量角色分配权限
+export function roleMenus(data) {
+    return service({
+        url: url + '/menu/roleMenus', //请求的路径
+        method: 'post', //请求方法
+        data: data
+    })
+}
+
+//批量用户分配权限
+export function userMenus(data) {
+    return service({
+        url: url + '/menu/userMenus', //请求的路径
+        method: 'post', //请求方法
+        data: data
+    })
+}
+
+//获取系统参数
+export function interfaceConfig(params) {
+    return service({
+        url: url + '/interface-config/get', //请求的路径
+        method: 'get', //请求方法
+        params: params
+    })
+}
+
+//返回初始密码
+export function getDefaultPass() {
+    return service({
+        url: url + '/getDefaultPass', //请求的路径
+        method: 'get', //请求方法
+    })
+}
+
+//返回初始密码
+export function listOnLine(params) {
+    return service({
+        url: url + '/online/listOnLine', //请求的路径
+        method: 'get', //请求方法
+        params: params
+    })
+}
+//登录日志
+export function listLog(params,data) {
+	return service({
+		url: url + `/log/listLog`,
+		method: "post",
+		params: params,
+		data:data
+	})
+}
+//导出excel（按勾选导出）
+export function exportOne(data) {
+	return service({
+		url: url + `/log/export`,
+		method: "post",
+		data:data,
+        responseType: 'blob',
+	})
+}
+//导出excel（按条件）
+export function exportAll(data) {
+	return service({
+		url: url + `/log/exportAll`,
+		method: "post",
+		data:data,
+        responseType: 'blob',
+	})
+}
+//删除登录日志(批量)
+export function deleteLog(data) {
+	return service({
+		url: url + `/log/deleteLog`,
+		method: "post",
+		data: data
+	})
+}
+
+// 操作指南
+export function byClassifyId(data){
+    return service({
+		url: url + `/helpword/get/byClassifyId`,
+		method: "get",
+		params: data
+	})
+}
+
+export function getHtml(id){
+    return service({
+		url: url + `/helpword/getHtml/${id}`,
+		method: "get",
+		
+	})
+}
--- a/src/assets/css/base.scss
+++ b/src/assets/css/base.scss
@ -0,0 +1,763 @@
+@import './element.scss';
+@import './transition.scss';
+@import './element-variables.scss';
+@import './submenu-theme.scss';
+@import './green.scss';
+@import './default.scss';
+
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+  outline: none;
+}
+::-webkit-scrollbar-track-piece {
+  border-radius: 0;
+}
+::-webkit-scrollbar {
+  width: 7px;
+  height: 10px;
+}
+::-webkit-scrollbar-thumb {
+  background-color: rgba(144, 147, 153, 0.3);
+  border-radius: 6px;
+  outline-offset: -2px;
+}
+::-webkit-scrollbar-thumb:hover {
+  background-color: rgba(144, 147, 153, 0.5);
+  cursor: pointer;
+}
+.el-tooltip__popper{
+		max-width: 40vw;
+	}
+.cell .el-button{
+				margin-left: 0 !important;
+				margin-right: .521vw !important;
+			}
+			
+			.el-card-visible{
+				overflow: visible;
+			}
+html,
+body,
+#app {
+  width: 100%;
+  height: 100%;
+  background-color: #f8f8f8;
+  font-size: 14px;
+  .classic-warp-container {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    .classic-warp {
+      flex: 1;
+      overflow: hidden;
+      display: flex;
+      .classic-warp-left {
+        box-shadow: 2px 0 8px 0 rgba(29, 35, 41, 0.05);
+        border-right: 1px solid #e6e6e6;
+      }
+      .classic-warp-right {
+        flex: 1;
+        .classic-warp-right-view {
+          padding: 15px;
+        }
+      }
+    }
+  }
+}
+
+#nprogress .bar {
+  background: #09f !important;
+}
+.markdown-body {
+  border: 1px solid #ebeef5 !important;
+  border-radius: 2px !important;
+  z-index: unset !important;
+  .v-note-op {
+    border-bottom: 1px solid #ebeef5 !important;
+    z-index: unset !important;
+  }
+}
+.el-button--small{
+	font-size: 14px;
+}
+.el-table thead{
+	color:#212121;
+}
+.flex {
+  display: flex;
+}
+.flex-col {
+  flex-direction: column;
+}
+.flex-auto {
+  flex: 1;
+}
+.flex-items-center {
+  align-items: center;
+}
+
+@for $i from 10 through 32 {
+  .font#{$i} {
+    font-size: #{$i}px !important;
+  }
+}
+
+@for $i from 5 through 20 {
+  .mt#{$i} {
+    margin-top: #{$i}px !important;
+  }
+  .mr#{$i} {
+    margin-right: #{$i}px !important;
+  }
+  .mb#{$i} {
+    margin-bottom: #{$i}px !important;
+  }
+  .ml#{$i} {
+    margin-left: #{$i}px !important;
+  }
+  .pt#{$i} {
+    padding-top: #{$i}px !important;
+  }
+  .pr#{$i} {
+    padding-right: #{$i}px !important;
+  }
+  .pb#{$i} {
+    padding-bottom: #{$i}px !important;
+  }
+  .pl#{$i} {
+    padding-left: #{$i}px !important;
+  }
+}
+a {
+  text-decoration: none;
+}
+
+	.popClass{
+		margin-right: 40vw;
+		.popper__arrow{
+			margin-right: 40vw;
+		}
+	}
+ .el-input__inner{
+	 height: 36px;
+ }
+ .el-form-item{
+	 margin-top: 15px;
+ }
+.router-link-active {
+  text-decoration: none;
+}
+.form_del{
+	.el-form-item:first-child{
+		// margin-left: -6px ;
+	}
+}
+.el-card__header{
+	font-weight: 600;
+}
+.el-tree-node__content{
+	height: 30px;
+	overflow: hidden;
+}
+
+.el-button{
+	border-radius:4px ;
+	
+}
+
+.el-dialog__title{
+	font-size: 16px;
+	font-family: Source Han Sans CN;
+	font-weight: 600;
+	color: #212121;
+	line-height: 26px; 
+}
+
+.jst_center{
+	display: flex;
+	justify-content: center;
+	align-items: center;
+}
+	.btn_float {
+		float:right
+	}
+
+.el-message-box__btns{
+	.el-button--primary{
+		color: #fff;
+		background: #2878FF;
+		&:hover{
+			background: #5192FF;
+		}
+	}
+	
+}
+.importExcel {
+		position: absolute;
+		left: 45px;
+		top: 290px;
+		margin: 0 10px;
+		border-radius: 5px;
+	}
+.el-button--default:hover{
+	background-color: #fff;
+}
+.el-button--default:visited{
+	background-color: #fff;
+}
+.el-button--default:link{
+	background-color: #fff;
+}
+.el-form-item {
+  margin: 15px 17px 0 20px !important;
+}
+.el-dropdown-menu__item:hover{
+	.newAddMenu{
+		background-image: url(../images/konjian/icon_menu_hl.png);
+		@include icon;
+		&:before{
+			content: "替";
+			font-size: 16px;
+			visibility: hidden;
+		}
+	}
+	.newAddOption{
+		background-image: url(../images/konjian/icon_function_hl.png);
+		@include icon;
+		&:before{
+			content: "替";
+			font-size: 16px;
+			visibility: hidden;
+		}
+	}
+	.newAddQueryModel{
+		background-image: url(../images/icon_formwork_hl.png);
+		@include icon;
+		&:before{
+			content: "替";
+			font-size: 16px;
+			visibility: hidden;
+		}
+	}
+	.newAddColumnModel{
+		background-image: url(../images/icon_formwork2_hl.png);
+		@include icon;
+		&:before{
+			content: "替";
+			font-size: 16px;
+			visibility: hidden;
+		}
+	}
+	
+	.newAddCustom{
+		background-image: url(../images/icon_field_hl.png);
+		@include icon;
+		&:before{
+			content: "替";
+			font-size: 16px;
+			visibility: hidden;
+		}
+	}
+}
+.newAddCustom{
+		background-image: url(../images/icon_field_nl.png);
+		@include icon;
+		&:before{
+			content: "替";
+			font-size: 16px;
+			visibility: hidden;
+		}
+	}
+.newAddMenu{
+	background-image: url(../images/konjian/icon_menu_nl.png);
+	@include icon;
+	&:before{
+		content: "替";
+		font-size: 16px;
+		visibility: hidden;
+	}
+}
+
+.newAddOption{
+	background-image: url(../images/konjian/icon_function_nl.png);
+	@include icon;
+	&:before{
+		content: "替";
+		font-size: 16px;
+		visibility: hidden;
+	}
+}
+.newAddQueryModel{
+	background-image: url(../images/icon_formwork_nl.png);
+	@include icon;
+	&:before{
+		content: "替";
+		font-size: 16px;
+		visibility: hidden;
+	}
+}
+
+.newAddColumnModel{
+	background-image: url(../images/icon_formwork2_nl.png);
+	@include icon;
+	&:before{
+		content: "替";
+		font-size: 16px;
+		visibility: hidden;
+	}
+}
+
+
+.bt_title {
+		font-size: 14px;
+	}
+.primaryExport{
+	background-image: url(../images/konjian/btn-icon-upload.png);
+	@include icon;
+}
+.primaryDownload{
+	background-image: url(../images/konjian/btn-icon-download.png);
+	@include icon;
+}
+
+.search {
+			background-image: url(../images/konjian/btn-icon-search.png);
+			@include icon;
+		}
+		.loading{
+			background-image: url(../images/konjian/btn-icon-loading-nl.png);
+			@include icon;
+		}
+	.warn_icon {
+		background: url(../images/popoup-icon-attention.png);
+		width: 16px;
+		height: 16px;
+		overflow: hidden;
+		background-position: center center;
+		background-repeat: no-repeat;
+		background-size: cover;
+		-webkit-background-size: cover;
+		-moz-background-size: cover;
+		display: block;
+		margin: 5px 5px 0 30px;
+		padding-top: 2px;
+	}
+
+.el-message-box__status{
+		position: absolute!important;
+		top:13px!important;
+		transform: 0!important;
+	}
+	.confirmtitle{
+		font-size: 16px;
+		font-family: Source Han Sans CN;
+		font-weight: 600;
+		color: #212121;
+		line-height: 26px;
+	}
+	.confirmbody{
+		font-size: 14px;
+		font-family: Source Han Sans CN;
+		font-weight: 400;
+		color: #707070;
+		line-height: 26px;
+	}
+	.el-table .sort-caret.ascending{
+		border-bottom-color:#212121;
+	}
+	.el-table .sort-caret.descending{
+		border-top-color:#212121;
+	}
+	.caoqi{
+		width: 40px;
+		height: 20px;
+		background:#FAE9E9;
+		border-radius: 2px;
+		color: #F75050 ;
+		padding: 4px 8px;
+		margin-right: 10px;
+	}
+	.Ycaoqi{
+		width: 2.08333vw;
+		height: 1.04167vw;
+		background: #ffeac5;
+		border-radius: 0.10417vw;
+		color: #ff9b45;
+		padding: 0.20833vw 0.41667vw;
+		margin-right: 0.52083vw;
+		
+	}
+	.el-select__tags-text {
+    display: inline-block;
+    //根据自己的需要调整文字宽度
+    max-width: 90px;
+    overflow: hidden;
+    text-overflow:ellipsis;
+    white-space: nowrap;
+}
+// .el-select__tags{
+// 	.el-tag__close{
+// 		margin-top: -11px;
+// 	}
+// }
+	
+	.table-bottom{
+		width: 100%;
+	}
+	.btn{
+		// padding-bottom: 20px;
+		margin-top: 8px;
+		display: grid !important;
+		text-align: end!important;
+		padding-right: 2vw;
+		.bt_title {
+			font-size: 14px;
+		}
+	}
+	.el-table th > .cell{
+		padding-left: 15px;
+	}
+	.lock {
+		background: url(../images/lock.png);
+		background-repeat: no-repeat;
+		    background-size: cover;
+		width: 16px;
+		height: 16px;
+		position: absolute;
+		top: 4px;
+		left: -20px;
+	}
+	
+	.el-icon-timestamp{
+	background: url(../images/timeline-icon-time.png) center no-repeat;
+	
+	background-size: cover;
+	
+	}
+	
+	.el-icon-timestamp:before{
+	content: "替";
+	
+	font-size: 16px;
+	
+	visibility: hidden;
+	
+	}
+	.second {
+		.sp_node_dot{
+			position: absolute;
+			left: -25px!important;
+			background: #fff;
+			top: 0;
+			width: .677vw;
+			height: .677vw;
+			border: .156vw solid #2878ff;
+			border-radius: 50%;
+		}
+	}
+	.warning_icon_green{
+		overflow: hidden;
+		background-position: center center;
+		background-repeat: no-repeat;
+		background-size: cover;
+		-webkit-background-size: cover;
+		-moz-background-size: cover;
+		margin-right: 1px;
+		width: 30px;
+		height: 30px;
+	}
+	.greenLinght{
+		padding: 5px;
+		border-radius: 50%;
+		background: #36CD76;
+		margin-right: 5px;
+	   }
+	.readLinght{
+		padding: 5px;
+		border-radius: 50%;
+		background: #FF4948;
+		margin-right: 5px;
+	}
+	.orangeLight{
+		padding: 5px;
+		border-radius: 50%;
+		background: #FFBB44;
+		margin-right: 5px;
+	}
+	.grayLight{
+		padding: 5px;
+		border-radius: 50%;
+		background: #C2C2C2;
+		margin-right: 5px;
+	}
+	.blueLight{
+		padding: 5px;
+		border-radius: 50%;
+		background: #2878FF;
+		margin-right: 5px;
+	}
+	// .greenLinght{
+	// 	padding: 5px;
+	// 	border-radius: 50%;
+	// 	background: #00FF00;
+	// 	margin-right: 5px;
+	// }
+	
+	
+	.confirmbody {
+	
+		font-size: 14px;
+		font-family: Source Han Sans CN;
+		font-weight: 400;
+		color: #707070;
+		line-height: 26px;
+	}
+	
+	.icon-warning {
+	
+		width: 30px;
+		height: 30px;
+		border: 2px solid #FF802C;
+		border-radius: 50%;
+		position: absolute !important;
+		// top: 15% !important;
+	}
+	.el-table__expanded-cell{
+		padding: 0!important;
+	}
+.el-table{
+	.cell {
+		.el-tooltip{
+			cursor: pointer;
+		}
+	}
+} 
+	.el-card{
+		// overflow: unset;
+	}
+.el-notification{
+	// position: relative;
+}
+.el-notification{
+	padding: 0;
+}
+.el-notification__content{
+	margin: 0;
+}
+.msg_notify{
+		// position: fixed;right: 0;bottom: 1vw;
+		
+		width: 450px;
+		height: 110px;
+		background:#FFFFFF;
+		// box-shadow: 0px 4px 17px 0px rgba(0, 0, 0, 0.2);
+		border-radius: 4px;z-index: 99999;display: flex;justify-content: center;align-items: center;
+	}
+	.el-table th>.cell{
+		padding-left: 0.5vw;
+		padding-right: 0.5vw;
+	}
+	.el-table .cell{
+		padding-left: 0.5vw;
+		padding-right: 0.5vw;
+	}
+	.DeadSt{
+		// width: 40px;
+		// height: 20px;
+		background:#FF5151;
+		border-radius: 6px;
+		color: #fff;
+		padding: 4px 8px;
+		margin-right: 10px;
+		display: inline-block;
+	}
+	.shareBootn{
+		// width: 40px;
+		// height: 20px;
+		background: #2878FF;
+		border-radius: 6px;
+		color: #fff;
+		padding: 4px 8px;
+		margin-right: 10px;
+		display: inline-block;
+	}
+	.el-message-box__title{
+		font-size: 16px;
+		font-family: Source Han Sans CN;
+		font-weight: 600;
+		color: #212121;
+		line-height: 26px;
+	}
+		
+	.el-message-box{
+		width: 30vw;
+	}
+	.del-model{
+		.el-message-box__btns{
+				display: none;
+		}
+	}
+	.el-message-box__message{
+		margin-bottom: 1vw;
+	}
+	.el-icon-warning1{
+		background-image: url(../images/noticfy/alert-icon-warning.png);
+		overflow: hidden;
+		background-position: center center;
+		background-repeat: no-repeat;
+		background-size: cover;
+		-webkit-background-size: cover;
+		-moz-background-size: cover;
+		margin-right: 1px;
+		width: 28px;
+		height: 28px;
+	}
+	.el-icon-error1{
+		background-image: url(../images/noticfy/alert-icon-error.png);
+		overflow: hidden;
+		background-position: center center;
+		background-repeat: no-repeat;
+		background-size: cover;
+		-webkit-background-size: cover;
+		-moz-background-size: cover;
+		margin-right: 1px;
+		width: 28px;
+		height: 28px;
+	}
+	.el-icon-success1{
+		background-image: url(../images/noticfy/alert-icon-success.png);
+		overflow: hidden;
+		background-position: center center;
+		background-repeat: no-repeat;
+		background-size: cover;
+		-webkit-background-size: cover;
+		-moz-background-size: cover;
+		margin-right: 1px;
+		width: 28px;
+		height: 28px;
+	}
+	.lightParent{
+		width: 3vw;
+	}
+	.el-table__empty-block{
+		text-align:left;
+		display: block;
+	}
+	.el-pagination.is-background .el-pager .active:hover{
+	    color: #fff!important;
+	}
+	.buttonRadioDefault{
+		
+		.el-radio-button,
+		.el-radio-button__inner {
+			width: 5.72vw;
+		}
+	}
+
+	.el-scrollbar__view{
+		height: 100% !important;
+	  }
+	  
+	  .el-table{
+		  .el-tooltip{
+			  cursor: pointer;
+		  }
+	  }
+	  // .el-card{
+		 //  overflow: visible;
+	  // }
+	  // .clear{
+		 //  clear: both;
+	  // }
+	  
+	.line-clamp2 {
+	  overflow: hidden;
+	  text-overflow: ellipsis;
+	  display: -webkit-box;
+	  -webkit-line-clamp: 2;
+	  -webkit-box-orient: vertical;
+	}
+	.hiddenSel {
+		display: none;
+	}
+	.jsbt{
+		display: flex;
+		justify-content: space-between;
+	}
+	.popclass{
+		min-width: 17vw;
+	}
+	.backPRE{
+		background-image: url(../../assets/images/konjian/icon_back_nl.png);
+		@include icon;
+		margin-right: 12px;
+		
+		&:hover {
+			background-image: url(../../assets/images/konjian/icon_back_hover.png);
+		};
+	}
+	.LStyle{
+		width: 1px;
+		height: 24px;
+		background: #E5E5E5;
+	}
+	.demo-form-inline{
+		 overflow: auto; 
+	}
+	.el-dialog__body{
+		padding-top: 0vw;
+	}
+	.form_delete {
+		width: 24px;
+		height: 24px;
+		cursor: pointer;
+		overflow: hidden;
+		background-position: center center;
+		background-repeat: no-repeat;
+		background-size: cover;
+		-webkit-background-size: cover;
+		-moz-background-size: cover;
+		background-image: url(../../assets/images/konjian/icon_delete2.png);
+		position: absolute;
+		right: -35px;
+		top: 10px;
+	}
+	.form_add {
+		width: 24px;
+		height: 24px;
+		cursor: pointer;
+		overflow: hidden;
+		background-position: center center;
+		background-repeat: no-repeat;
+		background-size: cover;
+		-webkit-background-size: cover;
+		-moz-background-size: cover;
+		background-image: url(../../assets/images/konjian/icon_add.png);
+		position: absolute;
+		right: -35px;
+		top: 10px;
+	}
+	
+	.el-input__inner{
+			border-radius: 4px;
+	}
+	.form_about {
+		width: 18px;
+		height: 18px;
+		margin-right: .2vw;
+		cursor: pointer;
+		overflow: hidden;
+		background-position: center center;
+		background-repeat: no-repeat;
+		background-size: cover;
+		-webkit-background-size: cover;
+		-moz-background-size: cover;
+		background-image: url(../../assets/images/konjian/icon_about.png);
+		
+	}
+	.gray_border{
+		    border: 1px solid #DCDCDC;
+	}
--- a/src/assets/css/default.scss
+++ b/src/assets/css/default.scss
@ -0,0 +1,373 @@
+
+@mixin icon{
+	overflow: hidden;
+	background-position: center center;
+	background-repeat: no-repeat;
+	background-size: cover;
+	-webkit-background-size: cover;
+	-moz-background-size: cover;
+	margin-right: 1px;
+	width: 16px;
+	height: 16px;
+}
+@mixin iconMenu {
+		width: 16px;
+		height: 16px;
+		padding: 0 10px;
+		margin-right: 10px;
+		overflow: hidden;
+		background-position: center center;
+		background-repeat: no-repeat;
+	}
+.default{
+	.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
+		background-color: #E9F1FF !important;
+		color: #2878FF !important;
+	}
+	
+	 .expand {
+		color: #2878FF !important;
+	}
+	
+	 .is-current {
+		&>.el-tree-node__content>.el-tree-node__expand-icon {
+			color: #2878FF;
+		}
+	
+		&>.el-tree-node__content>.el-tree-node__expand-icon.is-leaf {
+			color: #E9F1FF;
+		}
+	}
+	.annot:hover{
+		background:#E9F1FF;
+	}
+	.annot:active{
+		background:#d5e5ff;
+	}
+	.el-dropdown-menu__item:hover {
+		.signout {
+			background-image: url(../images/infomenu_logout_icon_hl.png);
+			@include iconMenu;
+		}
+	
+		.msgDialog {
+			background-image: url(../images/infomenu_message_icon_hl.png);
+			@include iconMenu;
+		}
+	
+		.caozuo {
+			background-image: url(../images/infomenu_guide_icon_hl.png);
+			@include iconMenu;
+		}
+	
+		.newpwd {
+			background-image: url(../images/infomenu_pass_icon_hl.png);
+			@include iconMenu;
+		}
+	
+		.newdata {
+			background-image: url(../images/infomenu_user_icon_hl.png);
+			@include iconMenu;
+		}
+	}
+	.el-menu--horizontal .el-menu .el-menu-item:hover{
+		.menu_list{
+			background-image: url(../images/konjian/menu-list-nl.png);
+			width: 16px;
+			height: 16px;
+			padding: 0 10px;
+			margin-right: 10px;
+			overflow: hidden;
+			background-position: center center;
+			background-repeat: no-repeat;
+		}
+	}
+	.is-checked{
+		.el-checkbox__label {
+			color: #09f;
+		}
+	}
+	// .el-menu--horizontal .el-menu .el-menu-item:hover{
+	// 	background: #E9F1FF!important;
+	// 	.menu_title{
+	// 		color: #2878FF;
+	// 	}
+	// }
+	.sjx-box{
+		background: white;
+	}
+	.foot-box {
+		color: #0099ff;
+	}
+	.addPostil{
+		&:hover{
+			background: #E9F1FF!important;
+			
+		}
+	}
+	.blueQ{
+		background: #2878FF;
+	}
+	.warning_icon_green{
+		background-image: url(../../assets/images/noticfy/notification_icon_attention.png);
+	}
+	.Sclear {
+		color: #707070;
+		&:hover{
+			color: #2878FF;
+		}
+	}
+	.openBaseInfo{
+		background-image: url(../../assets/images/konjian/icon_spread_nl.png);
+	}
+	.closeBaseInfo{
+		background-image: url(../../assets/images/konjian/icon_retract_nl.png);
+	}
+	.el-button--primary{
+		border-radius: 4px !important;
+		background: #2878FF;
+	}
+	.el-button--primary:hover{
+		background: #5192FF;
+	}
+	.el-button--primary:focus{
+		background: #5192FF;
+	}
+	.el-button--primary:active{
+		background: #5192FF;
+	}
+	.el-pagination.is-background .el-pager li:not(.disabled).active{
+		background:#2878FF ;
+	}
+	.el-button--text{
+		color:#2878FF ;
+	}
+	.head_t{
+		font-size: 16px;
+		color: #212121;
+		line-height: 28px;
+	}
+	.el-table--striped .el-table__body tr.el-table__row--striped td{
+		
+	}
+	.navbar{
+		background-image: url(../../assets/images/nar/nav_bg.png);
+	}
+	
+	
+	.body_t{
+		font-size: 14px;
+		color: #212121;
+		line-height: 28px;
+	}
+	.el-tree-node__content:hover{
+		background: #E9F1FF;
+		color: #2878FF;
+		.el-tree-node__expand-icon{
+			color: #2878FF!important;
+		}
+		.el-tree-node__expand-icon.is-leaf{
+			color: #E9F1FF!important;
+		}
+	}
+	.blue_line {
+		background: #2878FF;
+	}
+	.bad_tag,.bad_tagS{
+		background: #2878FF;
+	}
+	.el-message-box__btns{
+		.el-button--primary{
+			color: #fff !important;
+			background: #2878ff !important;
+			&:hover{
+				background: #5192FF!important;
+			}
+		}
+	}
+	.el-button--default:focus{
+		background:#FFF;
+		border: 1px solid #E5E5E5;
+	}
+	
+	.el-button--default{
+		&:hover{
+			border:1px solid #5192FF;
+			color: #5192FF;
+			background:rgba(40, 120, 255, 0.1);
+			.peizhi{
+				background-image: url(../images/konjian/setting-btn-hover.png);
+				@include icon;
+			}
+			.assignR{
+				background-image: url(../images/konjian/btn-icon-appoint-hover.png);
+				@include icon;
+			}
+			.shoucan {
+				background-image: url(../images/konjian/btn-icon-collect-hover.png);
+				@include icon;
+			}
+			.shareShoucan {
+				background-image: url(../images/konjian/icon-share-hover.png);
+				@include icon;
+			}
+			// .Yshoucan {
+			// 	background-image: url(../images/konjian/btn-icon-collect-hover.png);
+			// 	@include icon;
+			// }
+				.qinkon {
+					background-image: url(../images/konjian/btn-icon-clear-hover.png);
+					@include icon;
+				}
+				.export {
+					background-image: url(../images/konjian/btn-icon-export-hover.png);
+					@include icon;
+				}
+				.import {
+					background-image: url(../images/konjian/btn-icon-download-hover.png);
+					@include icon;
+				}
+				.newadd{
+					background-image: url(../images/konjian/btn-icon-add-hover.png);
+					@include icon;
+				}
+				.shenhe{
+					background-image: url(../images/konjian/btn-icon-examine-hover.png);
+					@include icon;
+				}
+				.paper{
+					background-image: url(../images/konjian/btn-icon-submit-hover.png);
+					@include icon;
+				}
+				.jieyue{
+					background-image: url(../images/konjian/btn-icon-apply-hover.png);
+					@include icon;
+				}
+				.suodin{
+					background-image: url(../images/konjian/btn-icon-locking-hover.png);
+					@include icon;
+				}
+				.fencun{
+					background-image: url(../images/konjian/btn-icon-seal-hover.png);
+					@include icon;
+				}
+				.jiefun{
+					background-image: url(../images/konjian/btn-icon-unseal-hover.png);
+					@include icon;
+				}
+				.jiesuo{
+					background-image: url(../images/konjian/btn-icon-unlocking-hover.png);
+					@include icon;
+				}
+				.suiying{
+					background-image: url(../images/konjian/btn-icon-preview-hover.png);
+					@include icon;
+				}
+				.tuihui{
+					background-image: url(../images/konjian/btn-icon-return-hover.png);
+					@include icon;
+				}
+				.conplete{
+					background-image: url(../images/konjian/btn-icon-refresh-hover.png);
+					@include icon;
+				}
+				.qindan{
+					background-image: url(../images/konjian/btn-icon-list-hover.png);
+					@include icon;
+				}
+				
+		}
+		
+	}
+	.el-button--default{
+			color: #212121;
+			.qinkon {
+				background-image: url(../images/konjian/btn-icon-clear-nl.png);
+				@include icon;
+			}
+			.shoucan {
+				background-image: url(../images/konjian/btn-icon-collect-nl.png);
+				@include icon;
+			}
+			.shareShoucan {
+				background-image: url(../images/konjian/icon-share-nl.png);
+				@include icon;
+			}
+			.Yshoucan {
+				background-image: url(../images/konjian/btn-icon-collected-blue.png);
+				@include icon;
+			}
+			.export {
+				background-image: url(../images/konjian/btn-icon-export-nl.png);
+				@include icon;
+			}
+			.import {
+				background-image: url(../images/konjian/btn-icon-download-nl.png);
+				@include icon;
+			}
+			.peizhi {
+				background-image: url(../images/konjian/setting-btn-nl.png);
+				@include icon;
+			}
+			.assignR{
+				background-image: url(../images/konjian/btn-icon-appoint-nl.png);
+				@include icon;
+			}
+			.newadd{
+				background-image: url(../images/konjian/btn-icon-add-nl.png);
+				@include icon;
+			}
+			.shenhe{
+				background-image: url(../images/konjian/btn-icon-examine-nl.png);
+				@include icon;
+			}
+			.paper{
+				background-image: url(../images/konjian/btn-icon-submit-nl.png);
+				@include icon;
+			}
+			.jieyue{
+				background-image: url(../images/konjian/btn-icon-apply-nl.png);
+				@include icon;
+			}
+			.fencun{
+				background-image: url(../images/konjian/btn-icon-seal-nl.png);
+				@include icon;
+			}
+			.jiefun{
+				background-image: url(../images/konjian/btn-icon-unseal-nl.png);
+				@include icon;
+			}
+			.suodin{
+				background-image: url(../images/konjian/btn-icon-locking-nl.png);
+				@include icon;
+			}
+			.jiesuo{
+				background-image: url(../images/konjian/btn-icon-unlocking-nl.png);
+				@include icon;
+			}
+			.suiying{
+				background-image: url(../images/konjian/btn-icon-preview-nl.png);
+				@include icon;
+			}
+			.tuihui{
+				background-image: url(../images/konjian/btn-icon-return-nl.png);
+				@include icon;
+			}
+			.conplete{
+				background-image: url(../images/konjian/btn-icon-refresh-nl.png);
+				@include icon;
+			}
+			.qindan{
+				background-image: url(../images/konjian/btn-icon-list-nl.png);
+				@include icon;
+			}
+		
+	}
+	.disabled_btn{
+		&:hover{
+		border:1px solid #ebeef5!important;
+		color: #212121!important;
+		background:#fff;
+		}
+	}
+}
--- a/src/assets/css/element-variables.scss
+++ b/src/assets/css/element-variables.scss
@ -0,0 +1,784 @@
+/* Element Chalk Variables */
+
+/* Transition
+-------------------------- */
+$--all-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !default;
+$--fade-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) !default;
+$--fade-linear-transition: opacity 200ms linear !default;
+$--md-fade-transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1),
+  opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) !default;
+$--border-transition-base: border-color 0.2s
+  cubic-bezier(0.645, 0.045, 0.355, 1) !default;
+$--color-transition-base: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !default;
+
+/* Colors
+-------------------------- */
+$--color-white: #fff !default;
+$--color-black: #000 !default;
+
+$--color-primary: #09f !default;
+$--color-primary-light-1: mix(
+  $--color-white,
+  $--color-primary,
+  10%
+) !default; /* 53a8ff */
+$--color-primary-light-2: mix(
+  $--color-white,
+  $--color-primary,
+  20%
+) !default; /* 66b1ff */
+$--color-primary-light-3: mix(
+  $--color-white,
+  $--color-primary,
+  30%
+) !default; /* 79bbff */
+$--color-primary-light-4: mix(
+  $--color-white,
+  $--color-primary,
+  40%
+) !default; /* 8cc5ff */
+$--color-primary-light-5: mix(
+  $--color-white,
+  $--color-primary,
+  50%
+) !default; /* a0cfff */
+$--color-primary-light-6: mix(
+  $--color-white,
+  $--color-primary,
+  60%
+) !default; /* b3d8ff */
+$--color-primary-light-7: mix(
+  $--color-white,
+  $--color-primary,
+  70%
+) !default; /* c6e2ff */
+$--color-primary-light-8: mix(
+  $--color-white,
+  $--color-primary,
+  80%
+) !default; /* d9ecff */
+$--color-primary-light-9: mix(
+  $--color-white,
+  $--color-primary,
+  90%
+) !default; /* ecf5ff */
+
+$--color-success: #67c23a !default;
+$--color-warning: #e6a23c !default;
+$--color-danger: #f56c6c !default;
+$--color-info: #909399 !default;
+
+$--color-success-light: mix($--color-white, $--color-success, 80%) !default;
+$--color-warning-light: mix($--color-white, $--color-warning, 80%) !default;
+$--color-danger-light: mix($--color-white, $--color-danger, 80%) !default;
+$--color-info-light: mix($--color-white, $--color-info, 80%) !default;
+
+$--color-success-lighter: mix($--color-white, $--color-success, 90%) !default;
+$--color-warning-lighter: mix($--color-white, $--color-warning, 90%) !default;
+$--color-danger-lighter: mix($--color-white, $--color-danger, 90%) !default;
+$--color-info-lighter: mix($--color-white, $--color-info, 90%) !default;
+
+$--color-text-primary: #303133 !default;
+$--color-text-regular: #606266 !default;
+$--color-text-secondary: #909399 !default;
+$--color-text-placeholder: #c0c4cc !default;
+
+/* Link
+-------------------------- */
+$--link-color: $--color-primary-light-2 !default;
+$--link-hover-color: $--color-primary !default;
+
+/* Background
+-------------------------- */
+$--background-color-base: #f5f7fa !default;
+
+/* Border
+-------------------------- */
+$--border-width-base: 1px !default;
+$--border-style-base: solid !default;
+$--border-color-base: #dcdfe6 !default;
+$--border-color-light: #e4e7ed !default;
+$--border-color-lighter: #ebeef5 !default;
+$--border-color-extra-light: #f2f6fc !default;
+$--border-color-hover: $--color-text-placeholder !default;
+$--border-base: $--border-width-base $--border-style-base $--border-color-base !default;
+$--border-radius-base: 0px !default;
+$--border-radius-small: 0px !default;
+$--border-radius-circle: 100% !default;
+
+/* Box-shadow
+-------------------------- */
+$--box-shadow-base: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04) !default;
+$--box-shadow-dark: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.12) !default;
+$--box-shadow-light: 0 2px 12px 0 rgba(0, 0, 0, 0.1) !default;
+
+/* Fill
+-------------------------- */
+$--fill-base: $--color-white !default;
+
+/* Font
+-------------------------- */
+$--font-path: "fonts" !default;
+$--font-size-base: 14px !default;
+$--font-size-small: 13px !default;
+$--font-size-large: 18px !default;
+$--font-color-disabled-base: #bbb !default;
+$--font-weight-primary: 500 !default;
+$--font-line-height-primary: 24px !default;
+
+/* Size
+-------------------------- */
+$--size-base: 14px !default;
+
+/* z-index
+-------------------------- */
+$--index-normal: 1 !default;
+$--index-top: 1000 !default;
+$--index-popper: 2000 !default;
+
+/* Disable base
+-------------------------- */
+$--disabled-fill-base: $--background-color-base !default;
+$--disabled-color-base: $--color-text-placeholder !default;
+$--disabled-border-base: $--border-color-light !default;
+
+/* Icon
+-------------------------- */
+$--icon-color: #666 !default;
+$--icon-color-base: $--color-info !default;
+
+/* Checkbox
+-------------------------- */
+$--checkbox-font-size: 14px !default;
+$--checkbox-font-weight: $--font-weight-primary !default;
+$--checkbox-color: $--color-text-regular !default;
+$--checkbox-input-height: 14px !default;
+$--checkbox-input-width: 14px !default;
+$--checkbox-input-border-radius: $--border-radius-small !default;
+$--checkbox-input-fill: $--color-white !default;
+$--checkbox-input-border: $--border-base !default;
+$--checkbox-input-border-color: $--border-color-base !default;
+$--checkbox-icon-color: $--color-white !default;
+
+$--checkbox-disabled-input-border-color: $--border-color-base !default;
+$--checkbox-disabled-input-fill: #edf2fc !default;
+$--checkbox-disabled-icon-color: $--color-text-placeholder !default;
+
+$--checkbox-disabled-checked-input-fill: $--border-color-extra-light !default;
+$--checkbox-disabled-checked-input-border-color: $--border-color-base !default;
+$--checkbox-disabled-checked-icon-color: $--color-text-placeholder !default;
+
+$--checkbox-checked-text-color: $--color-primary !default;
+$--checkbox-checked-input-border-color: $--color-primary !default;
+$--checkbox-checked-input-fill: $--color-primary !default;
+$--checkbox-checked-icon-color: $--fill-base !default;
+
+$--checkbox-input-border-color-hover: $--color-primary !default;
+
+$--checkbox-bordered-height: 40px !default;
+$--checkbox-bordered-padding: 9px 20px 9px 10px !default;
+$--checkbox-bordered-medium-padding: 7px 20px 7px 10px !default;
+$--checkbox-bordered-small-padding: 5px 15px 5px 10px !default;
+$--checkbox-bordered-mini-padding: 3px 15px 3px 10px !default;
+$--checkbox-bordered-medium-input-height: 14px !default;
+$--checkbox-bordered-medium-input-width: 14px !default;
+$--checkbox-bordered-medium-height: 36px !default;
+$--checkbox-bordered-small-input-height: 12px !default;
+$--checkbox-bordered-small-input-width: 12px !default;
+$--checkbox-bordered-small-height: 32px !default;
+$--checkbox-bordered-mini-input-height: 12px !default;
+$--checkbox-bordered-mini-input-width: 12px !default;
+$--checkbox-bordered-mini-height: 28px !default;
+
+$--checkbox-button-font-size: $--font-size-base !default;
+$--checkbox-button-checked-fill: $--color-primary !default;
+$--checkbox-button-checked-color: $--color-white !default;
+$--checkbox-button-checked-border-color: $--color-primary !default;
+
+/* Radio
+-------------------------- */
+$--radio-font-size: 14px !default;
+$--radio-font-weight: $--font-weight-primary !default;
+$--radio-color: $--color-text-regular !default;
+$--radio-input-height: 14px !default;
+$--radio-input-width: 14px !default;
+$--radio-input-border-radius: $--border-radius-circle !default;
+$--radio-input-fill: $--color-white !default;
+$--radio-input-border: $--border-base !default;
+$--radio-input-border-color: $--border-color-base !default;
+$--radio-icon-color: $--color-white !default;
+
+$--radio-disabled-input-border-color: $--disabled-border-base !default;
+$--radio-disabled-input-fill: $--disabled-fill-base !default;
+$--radio-disabled-icon-color: $--disabled-fill-base !default;
+
+$--radio-disabled-checked-input-border-color: $--disabled-border-base !default;
+$--radio-disabled-checked-input-fill: $--disabled-fill-base !default;
+$--radio-disabled-checked-icon-color: $--color-text-placeholder !default;
+
+$--radio-checked-text-color: $--color-primary !default;
+$--radio-checked-input-border-color: $--color-primary !default;
+$--radio-checked-input-fill: $--color-white !default;
+$--radio-checked-icon-color: $--color-primary !default;
+
+$--radio-input-border-color-hover: $--color-primary !default;
+
+$--radio-bordered-height: 40px !default;
+$--radio-bordered-padding: 12px 20px 0 10px !default;
+$--radio-bordered-medium-padding: 10px 20px 0 10px !default;
+$--radio-bordered-small-padding: 8px 15px 0 10px !default;
+$--radio-bordered-mini-padding: 6px 15px 0 10px !default;
+$--radio-bordered-medium-input-height: 14px !default;
+$--radio-bordered-medium-input-width: 14px !default;
+$--radio-bordered-medium-height: 36px !default;
+$--radio-bordered-small-input-height: 12px !default;
+$--radio-bordered-small-input-width: 12px !default;
+$--radio-bordered-small-height: 32px !default;
+$--radio-bordered-mini-input-height: 12px !default;
+$--radio-bordered-mini-input-width: 12px !default;
+$--radio-bordered-mini-height: 28px !default;
+
+$--radio-button-font-size: $--font-size-base !default;
+$--radio-button-checked-fill: $--color-primary !default;
+$--radio-button-checked-color: $--color-white !default;
+$--radio-button-checked-border-color: $--color-primary !default;
+$--radio-button-disabled-checked-fill: $--border-color-extra-light !default;
+
+/* Select
+-------------------------- */
+$--select-border-color-hover: $--border-color-hover !default;
+$--select-disabled-border: $--disabled-border-base !default;
+$--select-font-size: $--font-size-base !default;
+$--select-close-hover-color: $--color-text-secondary !default;
+
+$--select-input-color: $--color-text-placeholder !default;
+$--select-multiple-input-color: #666 !default;
+$--select-input-focus-background: $--color-primary !default;
+$--select-input-font-size: 14px !default;
+
+$--select-option-color: $--color-text-regular !default;
+$--select-option-disabled-color: $--color-text-placeholder !default;
+$--select-option-disabled-background: $--color-white !default;
+$--select-option-height: 34px !default;
+$--select-option-hover-background: $--background-color-base !default;
+$--select-option-selected: $--color-primary !default;
+$--select-option-selected-hover: $--background-color-base !default;
+
+$--select-group-color: $--color-info !default;
+$--select-group-height: 30px !default;
+$--select-group-font-size: 12px !default;
+
+$--select-dropdown-background: $--color-white !default;
+$--select-dropdown-shadow: $--box-shadow-light !default;
+$--select-dropdown-empty-color: #999 !default;
+$--select-dropdown-max-height: 274px !default;
+$--select-dropdown-padding: 6px 0 !default;
+$--select-dropdown-empty-padding: 10px 0 !default;
+$--select-dropdown-border: solid 1px $--border-color-light !default;
+
+/* Alert
+-------------------------- */
+$--alert-padding: 8px 16px !default;
+$--alert-border-radius: $--border-radius-base !default;
+$--alert-title-font-size: 13px !default;
+$--alert-description-font-size: 12px !default;
+$--alert-close-font-size: 12px !default;
+$--alert-close-customed-font-size: 13px !default;
+
+$--alert-success-color: $--color-success-lighter !default;
+$--alert-info-color: $--color-info-lighter !default;
+$--alert-warning-color: $--color-warning-lighter !default;
+$--alert-danger-color: $--color-danger-lighter !default;
+
+$--alert-icon-size: 16px !default;
+$--alert-icon-large-size: 28px !default;
+
+/* Message Box
+-------------------------- */
+$--msgbox-width: 420px !default;
+$--msgbox-border-radius: 0px !default;
+$--msgbox-font-size: $--font-size-large !default;
+$--msgbox-content-font-size: $--font-size-base !default;
+$--msgbox-content-color: $--color-text-regular !default;
+$--msgbox-error-font-size: 12px !default;
+$--msgbox-padding-primary: 15px !default;
+
+$--msgbox-success-color: $--color-success !default;
+$--msgbox-info-color: $--color-info !default;
+$--msgbox-warning-color: $--color-warning !default;
+$--msgbox-danger-color: $--color-danger !default;
+
+/* Message
+-------------------------- */
+$--message-shadow: $--box-shadow-base !default;
+$--message-min-width: auto !default;
+$--message-background-color: #edf2fc !default;
+$--message-padding: 15px 15px 15px 20px !default;
+$--message-content-color: $--color-text-regular !default;
+$--message-close-color: $--color-text-placeholder !default;
+$--message-close-size: 16px !default;
+$--message-close-hover-color: $--color-text-secondary !default;
+
+$--message-success-color: $--color-success !default;
+$--message-info-color: $--color-info !default;
+$--message-warning-color: $--color-warning !default;
+$--message-danger-color: $--color-danger !default;
+
+/* Notification
+-------------------------- */
+$--notification-width: auto !default;
+$--notification-padding: 14px 26px 14px 13px !default;
+$--notification-radius: 0px !default;
+$--notification-shadow: $--box-shadow-light !default;
+$--notification-border-color: $--border-color-lighter !default;
+$--notification-icon-size: 24px !default;
+$--notification-close-font-size: $--message-close-size !default;
+$--notification-group-margin: 13px !default;
+$--notification-font-size: $--font-size-base !default;
+$--notification-color: $--color-text-regular !default;
+$--notification-title-font-size: 16px !default;
+$--notification-title-color: $--color-text-primary !default;
+
+$--notification-close-color: $--color-text-secondary !default;
+$--notification-close-hover-color: $--color-text-regular !default;
+
+$--notification-success-color: $--color-success !default;
+$--notification-info-color: $--color-info !default;
+$--notification-warning-color: $--color-warning !default;
+$--notification-danger-color: $--color-danger !default;
+
+/* Input
+-------------------------- */
+$--input-font-size: $--font-size-base !default;
+$--input-color: $--color-text-regular !default;
+$--input-width: 140px !default;
+$--input-height: 40px !default;
+$--input-border: $--border-base !default;
+$--input-border-color: $--border-color-base !default;
+$--input-border-radius: $--border-radius-base !default;
+$--input-border-color-hover: $--border-color-hover !default;
+$--input-fill: $--color-white !default;
+$--input-fill-disabled: $--disabled-fill-base !default;
+$--input-color-disabled: $--font-color-disabled-base !default;
+$--input-icon-color: $--color-text-placeholder !default;
+$--input-placeholder-color: $--color-text-placeholder !default;
+$--input-max-width: 314px !default;
+
+$--input-hover-border: $--border-color-hover !default;
+$--input-clear-hover-color: $--color-text-secondary !default;
+
+$--input-focus-border: $--color-primary !default;
+$--input-focus-fill: $--color-white !default;
+
+$--input-disabled-fill: $--disabled-fill-base !default;
+$--input-disabled-border: $--disabled-border-base !default;
+$--input-disabled-color: $--disabled-color-base !default;
+$--input-disabled-placeholder-color: $--color-text-placeholder !default;
+
+$--input-medium-font-size: 14px !default;
+$--input-medium-height: 36px !default;
+
+$--input-small-font-size: 13px !default;
+$--input-small-height: 32px !default;
+
+$--input-mini-font-size: 12px !default;
+$--input-mini-height: 28px !default;
+
+/* Cascader
+-------------------------- */
+$--cascader-menu-fill: $--fill-base !default;
+$--cascader-menu-font-size: $--font-size-base !default;
+$--cascader-menu-radius: $--border-radius-base !default;
+$--cascader-menu-border: $--border-base !default;
+$--cascader-menu-border-color: $--border-color-base !default;
+$--cascader-menu-border-width: $--border-width-base !default;
+$--cascader-menu-color: $--color-text-regular !default;
+$--cascader-menu-option-color-active: $--color-text-secondary !default;
+$--cascader-menu-option-fill-active: rgba(
+  $--color-text-secondary,
+  0.12
+) !default;
+$--cascader-menu-option-color-hover: $--color-text-regular !default;
+$--cascader-menu-option-fill-hover: rgba($--color-text-primary, 0.06) !default;
+$--cascader-menu-option-color-disabled: #999 !default;
+$--cascader-menu-option-fill-disabled: rgba($--color-black, 0.06) !default;
+$--cascader-menu-option-empty-color: #666 !default;
+$--cascader-menu-group-color: #999 !default;
+$--cascader-menu-shadow: 0 1px 2px rgba($--color-black, 0.14),
+  0 0 3px rgba($--color-black, 0.14) !default;
+$--cascader-menu-option-pinyin-color: #999 !default;
+$--cascader-menu-submenu-shadow: 1px 1px 2px rgba($--color-black, 0.14),
+  1px 0 2px rgba($--color-black, 0.14) !default;
+
+/* Group
+-------------------------- */
+$--group-option-flex: 0 0 (1/5) * 100% !default;
+$--group-option-offset-bottom: 12px !default;
+$--group-option-fill-hover: rgba($--color-black, 0.06) !default;
+$--group-title-color: $--color-black !default;
+$--group-title-font-size: $--font-size-base !default;
+$--group-title-width: 66px !default;
+
+/* Tab
+-------------------------- */
+$--tab-font-size: $--font-size-base !default;
+$--tab-border-line: 1px solid #e4e4e4 !default;
+$--tab-header-color-active: $--color-text-secondary !default;
+$--tab-header-color-hover: $--color-text-regular !default;
+$--tab-header-color: $--color-text-regular !default;
+$--tab-header-fill-active: rgba($--color-black, 0.06) !default;
+$--tab-header-fill-hover: rgba($--color-black, 0.06) !default;
+$--tab-vertical-header-width: 90px !default;
+$--tab-vertical-header-count-color: $--color-white !default;
+$--tab-vertical-header-count-fill: $--color-text-secondary !default;
+
+/* Button
+-------------------------- */
+$--button-font-size: 14px !default;
+$--button-font-weight: $--font-weight-primary !default;
+$--button-border-radius: $--border-radius-base !default;
+$--button-padding-vertical: 12px !default;
+$--button-padding-horizontal: 20px !default;
+
+$--button-medium-font-size: 14px !default;
+$--button-medium-border-radius: $--border-radius-base !default;
+$--button-medium-padding-vertical: 10px !default;
+$--button-medium-padding-horizontal: 20px !default;
+
+$--button-small-font-size: 12px !default;
+$--button-small-border-radius: #{$--border-radius-base - 1} !default;
+$--button-small-padding-vertical: 9px !default;
+$--button-small-padding-horizontal: 15px !default;
+
+$--button-mini-font-size: 12px !default;
+$--button-mini-border-radius: #{$--border-radius-base - 1} !default;
+$--button-mini-padding-vertical: 7px !default;
+$--button-mini-padding-horizontal: 15px !default;
+
+$--button-default-color: $--color-text-regular !default;
+$--button-default-fill: $--color-white !default;
+$--button-default-border: $--border-color-base !default;
+
+$--button-disabled-color: $--color-text-placeholder !default;
+$--button-disabled-fill: $--color-white !default;
+$--button-disabled-border: $--border-color-lighter !default;
+
+$--button-primary-border: $--color-primary !default;
+$--button-primary-color: $--color-white !default;
+$--button-primary-fill: $--color-primary !default;
+
+$--button-success-border: $--color-success !default;
+$--button-success-color: $--color-white !default;
+$--button-success-fill: $--color-success !default;
+
+$--button-warning-border: $--color-warning !default;
+$--button-warning-color: $--color-white !default;
+$--button-warning-fill: $--color-warning !default;
+
+$--button-danger-border: $--color-danger !default;
+$--button-danger-color: $--color-white !default;
+$--button-danger-fill: $--color-danger !default;
+
+$--button-info-border: $--color-info !default;
+$--button-info-color: $--color-white !default;
+$--button-info-fill: $--color-info !default;
+
+$--button-hover-tint-percent: 20% !default;
+$--button-active-shade-percent: 10% !default;
+
+/* cascader
+-------------------------- */
+$--cascader-height: 200px !default;
+
+/* Switch
+-------------------------- */
+$--switch-on-color: $--color-primary !default;
+$--switch-off-color: $--border-color-base !default;
+$--switch-disabled-color: $--border-color-lighter !default;
+$--switch-disabled-text-color: $--color-text-placeholder !default;
+
+$--switch-font-size: $--font-size-base !default;
+$--switch-core-border-radius: 10px !default;
+$--switch-width: 40px !default;
+$--switch-height: 20px !default;
+$--switch-button-size: 16px !default;
+
+/* Dialog
+-------------------------- */
+$--dialog-background-color: #fff !default;
+$--dialog-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !default;
+$--dialog-close-hover-color: $--color-primary !default;
+$--dialog-title-font-size: $--font-size-large !default;
+$--dialog-font-size: 14px !default;
+$--dialog-line-height: $--font-line-height-primary !default;
+$--dialog-padding-primary: 20px !default;
+
+/* Table
+-------------------------- */
+$--table-border-color: $--border-color-lighter !default;
+$--table-border: 1px solid $--table-border-color !default;
+$--table-text-color: $--color-text-regular !default;
+$--table-header-color: $--color-text-secondary !default;
+$--table-row-hover-background: $--background-color-base !default;
+$--table-current-row-background: $--color-primary-light-9 !default;
+$--table-header-background: $--color-white !default;
+$--table-footer-background: $--color-text-placeholder !default;
+$--table-fixed-box-shadow: 0 0 10px rgba(0, 0, 0, 0.12) !default;
+
+/* Pagination
+-------------------------- */
+$--pagination-font-size: 13px !default;
+$--pagination-fill: $--color-white !default;
+$--pagination-color: $--color-text-primary !default;
+$--pagination-border-radius: 0px !default;
+$--pagination-button-color: $--color-text-primary !default;
+$--pagination-button-width: 35.5px !default;
+$--pagination-button-height: 28px !default;
+$--pagination-button-disabled-color: $--color-text-placeholder !default;
+$--pagination-button-disabled-fill: $--color-white !default;
+$--pagination-hover-fill: $--color-primary !default;
+$--pagination-hover-color: $--color-white !default;
+
+/* Popover
+-------------------------- */
+$--popover-fill: $--color-white !default;
+$--popover-font-size: $--font-size-base !default;
+$--popover-border-color: $--border-color-lighter !default;
+$--popover-arrow-size: 6px !default;
+$--popover-padding: 12px !default;
+$--popover-padding-large: 18px 20px !default;
+$--popover-title-font-size: 16px !default;
+$--popover-title-color: $--color-text-primary !default;
+
+/* Tooltip
+-------------------------- */
+$--tooltip-fill: $--color-text-primary !default;
+$--tooltip-color: $--color-white !default;
+$--tooltip-font-size: 12px !default;
+$--tooltip-border-color: $--color-text-primary !default;
+$--tooltip-arrow-size: 6px !default;
+$--tooltip-padding: 10px !default;
+
+/* Tag
+-------------------------- */
+$--tag-padding: 0 10px !default;
+$--tag-fill: rgba($--color-primary, 0.1) !default;
+$--tag-color: $--color-primary !default;
+$--tag-border: rgba($--color-primary, 0.2) !default;
+$--tag-font-size: 12px !default;
+$--tag-border-radius: 0px !default;
+
+$--tag-info-fill: rgba($--color-info, 0.1) !default;
+$--tag-info-border: rgba($--color-info, 0.2) !default;
+$--tag-info-color: $--color-info !default;
+
+$--tag-primary-fill: rgba($--color-primary, 0.1) !default;
+$--tag-primary-border: rgba($--color-primary, 0.2) !default;
+$--tag-primary-color: $--color-primary !default;
+
+$--tag-success-fill: rgba($--color-success, 0.1) !default;
+$--tag-success-border: rgba($--color-success, 0.2) !default;
+$--tag-success-color: $--color-success !default;
+
+$--tag-warning-fill: rgba($--color-warning, 0.1) !default;
+$--tag-warning-border: rgba($--color-warning, 0.2) !default;
+$--tag-warning-color: $--color-warning !default;
+
+$--tag-danger-fill: rgba($--color-danger, 0.1) !default;
+$--tag-danger-border: rgba($--color-danger, 0.2) !default;
+$--tag-danger-color: $--color-danger !default;
+
+/* Tree
+-------------------------- */
+$--tree-node-hover-color: $--background-color-base !default;
+$--tree-text-color: $--color-text-regular !default;
+$--tree-expand-icon-color: $--color-text-placeholder !default;
+
+/* Dropdown
+-------------------------- */
+$--dropdown-menu-box-shadow: $--box-shadow-light !default;
+$--dropdown-menuItem-hover-fill: $--color-primary-light-9 !default;
+$--dropdown-menuItem-hover-color: $--link-color !default;
+
+/* Badge
+-------------------------- */
+$--badge-fill: $--color-danger !default;
+$--badge-radius: 10px !default;
+$--badge-font-size: 12px !default;
+$--badge-padding: 6px !default;
+$--badge-size: 18px !default;
+
+/* Card
+--------------------------*/
+$--card-border-color: $--border-color-lighter !default;
+$--card-border-radius: 0px !default;
+$--card-padding: 20px !default;
+
+/* Slider
+--------------------------*/
+$--slider-main-background-color: $--color-primary !default;
+$--slider-runway-background-color: $--border-color-light !default;
+$--slider-button-hover-color: mix($--color-primary, black, 97%) !default;
+$--slider-stop-background-color: $--color-white !default;
+$--slider-disable-color: $--color-text-placeholder !default;
+
+$--slider-margin: 16px 0 !default;
+$--slider-border-radius: 3px !default;
+$--slider-height: 6px !default;
+$--slider-button-size: 16px !default;
+$--slider-button-wrapper-size: 36px !default;
+$--slider-button-wrapper-offset: -15px !default;
+
+/* Steps
+--------------------------*/
+$--steps-border-color: $--disabled-border-base !default;
+$--steps-border-radius: 4px !default;
+$--steps-padding: 20px !default;
+
+/* Menu
+--------------------------*/
+$--menu-item-color: $--color-text-primary !default;
+$--menu-item-fill: $--color-white !default;
+$--menu-item-hover-fill: $--color-primary-light-9 !default;
+
+/* Rate
+--------------------------*/
+$--rate-height: 20px !default;
+$--rate-font-size: $--font-size-base !default;
+$--rate-icon-size: 18px !default;
+$--rate-icon-margin: 6px !default;
+$--rate-icon-color: $--color-text-placeholder !default;
+
+/* DatePicker
+--------------------------*/
+$--datepicker-color: $--color-text-regular !default;
+$--datepicker-off-color: $--color-text-placeholder !default;
+$--datepicker-header-color: $--color-text-regular !default;
+$--datepicker-icon-color: $--color-text-primary !default;
+$--datepicker-border-color: $--disabled-border-base !default;
+$--datepicker-inner-border-color: #e4e4e4 !default;
+$--datepicker-inrange-color: $--border-color-extra-light !default;
+$--datepicker-inrange-hover-color: $--border-color-extra-light !default;
+$--datepicker-active-color: $--color-primary !default;
+$--datepicker-text-hover-color: $--color-primary !default;
+$--datepicker-cell-hover-color: #fff !default;
+
+/* Loading
+--------------------------*/
+$--loading-spinner-size: 42px !default;
+$--loading-fullscreen-spinner-size: 50px !default;
+
+/* Scrollbar
+--------------------------*/
+$--scrollbar-background-color: rgba($--color-text-secondary, 0.3) !default;
+$--scrollbar-hover-background-color: rgba(
+  $--color-text-secondary,
+  0.5
+) !default;
+
+/* Carousel
+--------------------------*/
+$--carousel-arrow-font-size: 12px !default;
+$--carousel-arrow-size: 36px !default;
+$--carousel-arrow-background: rgba(31, 45, 61, 0.11) !default;
+$--carousel-arrow-hover-background: rgba(31, 45, 61, 0.23) !default;
+$--carousel-indicator-width: 30px !default;
+$--carousel-indicator-height: 2px !default;
+$--carousel-indicator-padding-horizontal: 4px !default;
+$--carousel-indicator-padding-vertical: 12px !default;
+$--carousel-indicator-out-color: $--border-color-hover !default;
+
+/* Collapse
+--------------------------*/
+$--collapse-border-color: $--border-color-lighter !default;
+$--collapse-header-height: 48px !default;
+$--collapse-header-padding: 20px !default;
+$--collapse-header-fill: $--color-white !default;
+$--collapse-header-color: $--color-text-primary !default;
+$--collapse-header-size: 13px !default;
+$--collapse-content-fill: $--color-white !default;
+$--collapse-content-size: 13px !default;
+$--collapse-content-color: $--color-text-primary !default;
+
+/* Transfer
+--------------------------*/
+$--transfer-border-color: $--border-color-lighter !default;
+$--transfer-border-radius: $--border-radius-base !default;
+$--transfer-panel-width: 200px !default;
+$--transfer-panel-header-height: 40px !default;
+$--transfer-panel-header-background: $--background-color-base !default;
+$--transfer-panel-footer-height: 40px !default;
+$--transfer-panel-body-height: 246px !default;
+$--transfer-item-height: 30px !default;
+$--transfer-item-hover-background: $--color-text-secondary !default;
+$--transfer-filter-height: 32px !default;
+
+/* Header
+  --------------------------*/
+$--header-padding: 0 20px !default;
+
+/* Footer
+--------------------------*/
+$--footer-padding: 0 20px !default;
+
+/* Main
+--------------------------*/
+$--main-padding: 20px !default;
+
+/* Break-point
+--------------------------*/
+$--sm: 768px !default;
+$--md: 992px !default;
+$--lg: 1200px !default;
+$--xl: 1920px !default;
+
+$--breakpoints: (
+  "xs": (
+    max-width: $--sm,
+  ),
+  "sm": (
+    min-width: $--sm,
+  ),
+  "md": (
+    min-width: $--md,
+  ),
+  "lg": (
+    min-width: $--lg,
+  ),
+  "xl": (
+    min-width: $--xl,
+  ),
+);
+$--breakpoints-spec: (
+  "xs-only": (
+    max-width: $--sm - 1,
+  ),
+  "sm-and-up": (
+    min-width: $--sm,
+  ),
+  "sm-only": "(min-width: #{$--sm}) and (max-width: #{$--md} - 1)",
+  "sm-and-down": (
+    max-width: $--md - 1,
+  ),
+  "md-and-up": (
+    min-width: $--md,
+  ),
+  "md-only": "(min-width: #{$--md}) and (max-width: #{$--lg } - 1)",
+  "md-and-down": (
+    max-width: $--lg - 1,
+  ),
+  "lg-and-up": (
+    min-width: $--lg,
+  ),
+  "lg-only": "(min-width: #{$--lg}) and (max-width: #{$--xl } - 1)",
+  "lg-and-down": (
+    max-width: $--xl - 1,
+  ),
+  "xl-only": (
+    min-width: $--xl,
+  ),
+);
+/* 改变 icon 字体路径变量，必需 
+-------------------------- */
+$--font-path: "~element-ui/lib/theme-chalk/fonts";
+@import "~element-ui/packages/theme-chalk/src/index";
--- a/src/assets/css/element.scss
+++ b/src/assets/css/element.scss
@ -0,0 +1,181 @@
+.el-scrollbar__wrap {
+  overflow-x: hidden !important;
+  max-height: 100%; /*防止页面切换时，滚动条高度不变的问题（滚动条高度非滚动条滚动高度）*/
+}
+.el-menu {
+  border-right: none !important;
+}
+.el-menu-item,
+.el-submenu__title {
+  transition: border-color 0s, background-color 0s, color 0s !important;
+}
+.el-icon-arrow-down {
+  font-size: 12px;
+}
+.submenu-theme-dark {
+  .el-submenu .el-menu-item,
+  .child-menu .el-submenu .el-submenu__title {
+    background-color: #1a2636 !important;
+    &:hover {
+      background-color: rgba(0, 0, 0, 0.5) !important;
+    }
+  }
+}
+.el-menu-vertical {
+  width: 210px;
+}
+.el-menu--collapse .el-menu-item span {
+  height: 0;
+  width: 0;
+  overflow: hidden;
+  visibility: hidden;
+  display: inline-block;
+}
+.el-menu--collapse .el-submenu__title span {
+  height: 0;
+  width: 0;
+  overflow: hidden;
+  visibility: hidden;
+  display: inline-block;
+}
+.el-menu--collapse .el-submenu__icon-arrow {
+  display: none;
+}
+
+.el-menu--horizontal > .el-menu-item:not(.is-disabled):hover,
+.el-menu--horizontal > .el-menu-item:not(.is-disabled):focus,
+.el-menu--horizontal .el-submenu__title:hover,
+.el-submenu__title:focus {
+  background-color: transparent !important;
+}
+.el-menu--horizontal {
+  border-bottom: none !important;
+}
+.el-menu--horizontal .is-active .el-submenu__title i {
+  color: #09f;
+}
+.el-menu--horizontal .el-menu-item,
+.el-menu--horizontal .el-submenu,
+.el-menu--horizontal .el-submenu .el-submenu__title {
+  height: 49px !important;
+  line-height: 49px !important;
+}
+.el-menu--horizontal .el-menu--popup .el-menu-item,
+.el-menu--horizontal .el-menu--popup .el-submenu,
+.el-menu--horizontal .el-menu--popup .el-submenu .el-submenu__title {
+  height: 36px !important;
+  line-height: 36px !important;
+}
+.el-pagination.is-background .btn-next,
+.el-pagination.is-background .btn-prev,
+.el-pagination.is-background .el-pager li {
+  border-radius: 0 !important;
+}
+.el-pager li {
+  font-weight: normal !important;
+}
+.el-pager li.active:hover {
+  color: #fff !important;
+}
+.el-pager li:hover,
+.el-pagination button:hover {
+  color: #09f !important;
+}
+.el-pagination button:disabled:hover {
+  color: #c0c4cc !important;
+}
+.el-pagination__sizes .el-input .el-input__inner:hover {
+  border-color: #c0c4cc !important;
+}
+.el-breadcrumb__inner a,
+.el-breadcrumb__separator {
+  font-weight: normal !important;
+}
+.el-breadcrumb__inner .no-redirect {
+  color: #97a8be !important;
+}
+.el-card__header {
+  padding: 12px 15px !important;
+}
+.el-card__body {
+  padding: 0 !important;
+}
+.el-card {
+  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.03) !important;
+}
+.el-dialog__wrapper {
+  display: flex;
+  align-items: center;
+}
+.el-dialog {
+  margin: 0 auto !important;
+}
+.el-drawer__header {
+  margin-bottom: 0 !important;
+  padding: 14px 15px !important;
+  border-bottom: 1px solid #ebeef5;
+  color: #333333 !important;
+}
+.el-drawer__body {
+  padding: 12px 15px;
+  overflow-y: auto;
+}
+.el-form--label-top .el-form-item__label {
+  padding: 0 !important;
+}
+.el-form--label-top .el-form-item {
+  margin-bottom: 5px !important;
+}
+.el-select-dropdown .el-scrollbar__wrap {
+  overflow-x: scroll !important;
+}
+.el-dropdown-menu__item {
+  font-size: 13px !important;
+}
+.el-divider {
+  background-color: rgba(0, 0, 0, 0.06) !important;
+}
+.el-message {
+  min-width: auto !important;
+  box-sizing: border-box !important;
+  border-width: 1px !important;
+  border-style: solid !important;
+  border-color: #ebeef5 !important;
+  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
+  background-color: #fff !important;
+  border-radius: 3px !important;
+  border: 1px solid #ebeef5 !important;
+  .el-message__icon {
+    font-size: 1.4em !important;
+  }
+}
+.el-alert--warning.is-light {
+  border: 1px solid rgba(230, 162, 60, 0.3) !important;
+}
+.el-alert--success.is-light {
+  border: 1px solid rgba(103, 194, 58, 0.3) !important;
+}
+.el-alert--info.is-light {
+  border: 1px solid rgba(144, 147, 153, 0.3) !important;
+}
+.el-alert--error.is-light {
+  border: 1px solid rgba(245, 108, 108, 0.3) !important;
+}
+.el-table-column--selection {
+  .el-checkbox {
+    margin-right: unset !important;
+  }
+}
+.el-table::before,
+.el-table--group::after,
+.el-table--border::after {
+  z-index: 99 !important;
+}
+.el-menu-item .iconfont {
+  margin-right: 5px;
+  width: 24px;
+  text-align: center;
+  font-size: 18px;
+  vertical-align: middle;
+  display: inline-block;
+}
--- a/src/assets/css/green.scss
+++ b/src/assets/css/green.scss
@ -0,0 +1,570 @@
+$light:#F8FFF9; //浅色
+$dark:#06A774;    //深色
+$hover:#01BC81;   //悬浮色
+$active:#019768;  //激活色
+$selectHover:#d7f3db; //下拉框hover颜色
+
+
+@mixin icon{
+	overflow: hidden;
+	background-position: center center;
+	background-repeat: no-repeat;
+	background-size: cover;
+	-webkit-background-size: cover;
+	-moz-background-size: cover;
+	margin-right: 1px;
+	width: 16px;
+	height: 16px;
+}
+
+
+.green{
+	.el-pager li:hover, .el-pagination button:hover{
+		color: $hover !important;
+	}
+	.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
+		background-color: $selectHover !important;
+		color: $dark !important;
+	}
+	
+	 .expand {
+		color: $dark !important;
+	}
+	
+	 .is-current {
+		&>.el-tree-node__content>.el-tree-node__expand-icon {
+			color: $dark;
+		}
+	
+		&>.el-tree-node__content>.el-tree-node__expand-icon.is-leaf {
+			color: $selectHover;
+		}
+	}
+	.annot:hover{
+		background:$selectHover;
+	}
+	.annot:active{
+		background:$selectHover;
+	}
+	.el-dropdown-menu__item{
+		&:hover{
+			background: $selectHover;
+			color: $dark;
+		}
+	}
+	.el-checkbox__inner{
+		&:hover{
+			border-color: $dark;
+		}
+	}
+	.el-pager li:hover{
+		color:$dark!important;
+	}
+	.el-switch.is-checked .el-switch__core{
+		border-color: $dark;
+	}
+	.el-range-editor.is-active, .el-range-editor.is-active:hover{
+		border-color: $dark;
+	}
+	.addPostil{
+		&:hover{
+			background: $light!important;
+		}
+	}
+	.el-menu--horizontal .el-menu .el-menu-item:hover{
+		background: $selectHover;
+		.menu_title{
+			color: $dark;
+		}
+	}
+	.el-input__inner:focus{
+		border-color: $dark;
+	}
+	.el-select .el-input.is-focus .el-input__inner{
+		border-color: $dark;
+	}
+	.el-pager li:hover, .el-pagination button:hover{
+		color:$dark;
+	}
+	.foot-box{
+		color: $dark;
+	}
+	.sjx-box{
+		background: $light;
+	}
+	.el-dialog__footer{
+		background: $light;
+	}
+	.el-message-box__btns .el-button--primary{
+		background: $dark;
+		&:hover{
+			background: $hover;
+		}
+	}
+	.warning_icon_green{
+		background-image: url(../../assets/images/noticfy/notification_icon_attention_green.png);
+	}
+	.blueQ{
+		background: $dark;
+	}
+	.Sclear{
+		color: #707070;
+		&:hover{
+			color: $dark;
+		}
+	}
+	.ass_li{
+		background:$light ;
+	}
+	.el-button--default{
+		&:hover,&:focus{
+			.qinkon {
+				background-image: url(../images/green/btn-icon-clear.png);
+				@include icon;
+			}
+			.shoucan {
+				background-image: url(../images/green/btn-icon-collect.png);
+				@include icon;
+			}
+			.shareShoucan {
+				background-image: url(../images/green/icon-share-green.png);
+				@include icon;
+			}
+			.export {
+				background-image: url(../images/green/btn-icon-export.png);
+				@include icon;
+			}
+			.import {
+				background-image: url(../images/green/btn-icon-download.png);
+				@include icon;
+			}
+			.peizhi {
+				background-image: url(../images/green/btn-icon-setting.png);
+				@include icon;
+			}
+			.newadd{
+				background-image: url(../images/green/btn-icon-add.png);
+				@include icon;
+			}
+			.shenhe{
+				background-image: url(../images/green/btn-icon-examine.png);
+				@include icon;
+			}
+			.jieyue{
+				background-image: url(../images/green/btn-icon-edit.png);
+				@include icon;
+			}
+			.fencun{
+				background-image: url(../images/green/btn-icon-seal.png);
+				@include icon;
+			}
+			.jiefun{
+				background-image: url(../images/green/btn-icon-unseal.png);
+				@include icon;
+			}
+			.suodin{
+				background-image: url(../images/green/btn-icon-locking.png);
+				@include icon;
+			}
+			.jiesuo{
+				background-image: url(../images/green/btn-icon-unlocking.png);
+				@include icon;
+			}
+			
+			.tuihui{
+				background-image: url(../images/green/btn-icon-return.png);
+				@include icon;
+			}
+				
+			.qindan{
+				background-image: url(../images/green/btn-icon-list.png);
+				@include icon;
+			}
+				
+		}
+		
+	}
+	.el-button--default{
+			border:1px solid $dark;
+			color: $dark;
+			.qinkon {
+				background-image: url(../images/green/btn-icon-clear.png);
+				
+				@include icon;
+			}
+			.Yshoucan {
+				background-image: url(../images/green/btn-icon-collected.png);
+				@include icon;
+			}
+			.shoucan {
+				background-image: url(../images/green/btn-icon-collect.png);
+				@include icon;
+			}
+			.shareShoucan {
+				background-image: url(../images/green/icon-share-green.png);
+				@include icon;
+			}
+			.export {
+				background-image: url(../images/green/btn-icon-export.png);
+				@include icon;
+			}
+			.import {
+				background-image: url(../images/green/btn-icon-download.png);
+				@include icon;
+			}
+			.peizhi {
+				background-image: url(../images/green/btn-icon-setting.png);
+				@include icon;
+			}
+			.newadd{
+				background-image: url(../images/green/btn-icon-add.png);
+				@include icon;
+			}
+			.shenhe{
+				background-image: url(../images/green/btn-icon-examine.png);
+				@include icon;
+			}
+			.jieyue{
+				background-image: url(../images/green/btn-icon-edit.png);
+				@include icon;
+			}
+			.fencun{
+				background-image: url(../images/green/btn-icon-seal.png);
+				@include icon;
+			}
+			.jiefun{
+				background-image: url(../images/green/btn-icon-unseal.png);
+				@include icon;
+			}
+			.suodin{
+				background-image: url(../images/green/btn-icon-locking.png);
+				@include icon;
+			}
+			.jiesuo{
+				background-image: url(../images/green/btn-icon-unlocking.png);
+				@include icon;
+			}
+
+			.tuihui{
+				background-image: url(../images/green/btn-icon-return.png);
+				@include icon;
+			}
+	
+			.qindan{
+				background-image: url(../images/green/btn-icon-list.png);
+				@include icon;
+			}
+		
+	}
+	
+	.openBaseInfo{
+		background-image: url(../images/green/icon_spread_nl.png);
+	}
+	.closeBaseInfo{
+		background-image: url(../images/green/icon_retract_nl.png);
+	}
+	.el-button--default:hover{
+		background:rgba(6, 167, 116, 0.1);
+	}
+	.el-button--default:focus{
+		background:#FFF;
+	}
+	.el-button--default:active{
+		background:rgba(6, 167, 116, 0.24);
+	}
+	.el-card{
+		background: $light;
+	}
+	
+	.el-button--primary{
+		border-radius: 4px !important;
+		background: $dark;
+		border-color: $dark;
+	}
+	.el-button--primary:hover{
+		background: $hover;
+	}
+	.el-button--primary:focus{
+		background: $dark;
+	}
+	.el-button--primary:active{
+		background: $dark;
+	}
+	.el-radio__input.is-checked+.el-radio__label{
+		color: $dark;
+	}
+	.el-radio__input.is-checked .el-radio__inner{
+		border-color: $dark;
+		background: $dark
+	}
+	.el-dialog__header{
+		background: $light;
+	}
+	.el-dialog__body{
+		background: $light;
+	}
+	.el-select-dropdown.is-multiple .el-select-dropdown__item.selected{
+		color: $dark;
+	}
+	.el-select-dropdown__item.selected{
+		color: $dark;
+	}
+	.el-select-dropdown__item.hover, .el-select-dropdown__item:hover{
+		background: rgba(6, 167, 116, 0.1);
+		color:$dark;
+	}
+	.el-pagination.is-background .el-pager li:not(.disabled).active{
+		background: $dark;
+	}
+	.el-button--text{
+		color:$dark ;
+	}
+	.el-checkbox__input.is-checked .el-checkbox__inner{
+		background: $dark;
+		border-color: $dark;
+	}
+	.el-checkbox__input.is-indeterminate .el-checkbox__inner{
+		background: $dark;
+		border-color: $dark;
+	}
+	.el-card__header{
+		background-color: $light;
+	}
+	.el-table .ascending .sort-caret.ascending{
+		border-bottom-color: $dark;
+	}
+	.el-table .descending .sort-caret.descending{
+		border-top-color: $dark;
+	}
+	.navbar{
+		background-image: url(../../assets/images/nar/nav_bg_green.png);
+	}
+	.el-dialog__header{
+		background: $light;
+	}
+	.el-dialog__body{
+		background: $light;
+	}
+	.el-tree{
+		background: $light;
+	}
+	.el-transfer-panel{
+		background: $light;
+	}
+	.el-transfer-panel__header{
+		background: $light;
+	}
+	.el-transfer-panel__footer{
+		background: $light;
+	}
+	
+	.bad_li{
+		background: $light;
+	}
+	.head_t{
+		font-size: 16px;
+		color: #212121;
+		line-height: 28px;
+	}
+	.el-table--striped .el-table__body tr.el-table__row--striped td{
+		
+	}
+	.body_t{
+		font-size: 14px;
+		color: #212121;
+		line-height: 28px;
+	}
+	.el-table--striped .el-table__body tr.el-table__row--striped td{
+		background: #F0FDF2;
+	}
+	.body_t{
+		font-size: 14px;
+		color: #212121;
+		line-height: 28px;
+	}
+	.el-tree-node__content:hover{
+		background: $selectHover;
+		color: $dark;
+		.el-tree-node__expand-icon{
+			color: $dark!important;
+		}
+		.el-tree-node__expand-icon.is-leaf{
+			color: $selectHover!important;
+		}
+	}
+	.el-tree-node__content:visited{
+		background: $selectHover;
+		color: $dark;
+		.el-tree-node__expand-icon{
+			color: $dark!important;
+		}
+		.el-tree-node__expand-icon.is-leaf{
+			color: $selectHover!important;
+		}
+	}
+	.el-radio-button__orig-radio:checked+.el-radio-button__inner{
+		background: $dark;
+	}
+	.el-switch.is-checked .el-switch__core{
+		background: $dark;
+	}
+	.el-tabs__item.is-active{
+		 color: $dark;
+	}
+	.el-tabs__item:hover{
+		color: $dark;
+	}
+	.el-tabs__active-bar{
+		background-color:$dark;
+	}
+	.el-table th{
+		background: #D7F3DB;
+	}
+	.head:nth-child(2n-1){
+		background: $dark;
+	}
+	
+	
+	
+	
+	.fileToRead{
+		background: $dark;
+		color:#FFF;
+		padding-left: .5vw;
+		padding-right: .5vw;
+		// margin: 0 0.1vw 0 0.1vw;
+	}
+	.fileToRead:hover{
+		background: $hover;
+	}
+	.fileToRead:active{
+		background: $active;
+	}
+	
+	.dowm{
+		background: #4B8CFA;
+		color:#FFF;
+		padding-left: .5vw;
+		padding-right: .5vw;
+	}
+	.dowm:hover{
+		background: #619CFF;
+	}
+	.dowm:active{
+		background: #2073FF;
+	}
+		
+	.spike{
+		background: #FF8B58;
+		color:#FFF;
+		padding-left: .5vw;
+		padding-right: .5vw;
+	}
+	.spike:hover{
+		background:#FCA179;
+	}
+	.spike:active{
+		background: #FF783D;
+	}
+	
+	.orange{
+		background: #FFBB44;
+		color:#FFF;
+		padding-left: .5vw;
+		padding-right: .5vw;
+	}
+	.orange:hover{
+		background:#FFCB6F;
+	}
+	.orange:active{
+		background: #FFAC1A;
+	}
+	.blue_line {
+		background: $dark;
+	}
+	.bad_tag,.bad_tagS{
+		background: $dark;
+	}
+	.light-blue{
+		background: #00B2DE;
+		color:#FFF;
+		padding-left: .5vw;
+		padding-right: .5vw;
+	}
+	.light-blue:hover{
+		background:#37CFF4;
+	}
+	.light-blue:active{
+		background: #02A4CC;
+	}
+	
+	._red{
+		background: #FF5151;
+		color:#FFF;
+		padding-left: .5vw;
+		padding-right: .5vw;
+	}
+	._red:hover{
+		background:#FE7676;
+	}
+	._red:active{
+		background: #FF3535;
+	}
+	.is-checked{
+		.el-checkbox__label{
+			color: $dark;
+		}
+	}
+	.ass_li{
+		background: $light;
+	}
+	.el-menu--horizontal .el-menu .el-menu-item:hover{
+		.menu_list{
+			background-image: url(../images/green/menu-list-nl.png);
+			width: 16px;
+			height: 16px;
+			padding: 0 10px;
+			margin-right: 10px;
+			overflow: hidden;
+			background-position: center center;
+			background-repeat: no-repeat;
+		}
+	}
+	@mixin iconMenu {
+		width: 16px;
+		height: 16px;
+		padding: 0 10px;
+		margin-right: 10px;
+		overflow: hidden;
+		background-position: center center;
+		background-repeat: no-repeat;
+	}
+	
+	.el-dropdown-menu__item:hover {
+		.signout {
+			background-image: url(../images/green/infomenu_logout_icon_hl.png);
+			@include iconMenu;
+		}
+	
+		.msgDialog {
+			background-image: url(../images/green/infomenu_message_icon_hl.png);
+			@include iconMenu;
+		}
+	
+		.caozuo {
+			background-image: url(../images/green/infomenu_guide_icon_hl.png);
+			@include iconMenu;
+		}
+	
+		.newpwd {
+			background-image: url(../images/green/infomenu_pass_icon_hl.png);
+			@include iconMenu;
+		}
+	
+		.newdata {
+			background-image: url(../images/green/infomenu_user_icon_hl.png);
+			@include iconMenu;
+		}
+	}
+	
+}
--- a/src/assets/css/submenu-theme.scss
+++ b/src/assets/css/submenu-theme.scss
@ -0,0 +1,42 @@
+.submenu-theme-dark,
+.submenu-theme-light {
+  width: auto;
+  height: 100%;
+  background-color: #29384d;
+}
+.submenu-theme-light {
+  background-color: white;
+}
+
+/* classic
+------------------------------*/
+.classic-top-dark {
+  background-color: #29384d !important;
+  .navbar {
+    background-color: transparent !important;
+    .navbar-right {
+      .icon {
+        color: #e6e6e6 !important;
+        &:hover {
+          background: rgba(0, 0, 0, 0.1) !important;
+        }
+      }
+      .el-dropdown {
+        color: #e6e6e6 !important;
+      }
+    }
+  }
+}
+.classic-top-dark {
+  .navbar {
+    border-bottom: none !important;
+    .navbar-left {
+      .logo {
+        border-bottom: 1px solid #394655 !important;
+      }
+    }
+  }
+}
+.classic-top-light {
+  background-color: #ffffff;
+}
--- a/src/assets/css/transition.scss
+++ b/src/assets/css/transition.scss
@ -0,0 +1,31 @@
+/* 页面切换动画 */
+.fade-transform-enter-active,
+.fade-transform-leave-active {
+  will-change: transform;
+  transition: all 0.5s;
+}
+.fade-transform-enter {
+  opacity: 0;
+  transform: translateX(-30px);
+}
+.fade-transform-leave-active {
+  opacity: 0;
+  transform: translateX(30px);
+}
+
+/* Breadcrumb 面包屑过渡动画 */
+.breadcrumb-enter-active,
+.breadcrumb-leave-active {
+  transition: all 0.5s;
+}
+.breadcrumb-enter,
+.breadcrumb-leave-active {
+  opacity: 0;
+  transform: translateX(20px);
+}
+.breadcrumb-move {
+  transition: all 0.5s;
+}
+.breadcrumb-leave-active {
+  position: absolute;
+}
--- a/src/assets/images/bg/password_bg.png
+++ b/src/assets/images/bg/password_bg.png
--- a/src/assets/images/btn-icon-add-hover.png
+++ b/src/assets/images/btn-icon-add-hover.png
--- a/src/assets/images/btn-icon-add-nl.png
+++ b/src/assets/images/btn-icon-add-nl.png
--- a/src/assets/images/btn-icon-delete-hover.png
+++ b/src/assets/images/btn-icon-delete-hover.png
--- a/src/assets/images/btn-icon-delete-nl.png
+++ b/src/assets/images/btn-icon-delete-nl.png
--- a/src/assets/images/btn-icon-edit-hover.png
+++ b/src/assets/images/btn-icon-edit-hover.png
--- a/src/assets/images/btn-icon-edit-nl.png
+++ b/src/assets/images/btn-icon-edit-nl.png
--- a/src/assets/images/btn-icon-open-hover.png
+++ b/src/assets/images/btn-icon-open-hover.png
--- a/src/assets/images/btn-icon-open-nl.png
+++ b/src/assets/images/btn-icon-open-nl.png
--- a/src/assets/images/btn-icon-void-hover.png
+++ b/src/assets/images/btn-icon-void-hover.png
--- a/src/assets/images/btn-icon-void-nl.png
+++ b/src/assets/images/btn-icon-void-nl.png
--- a/src/assets/images/caidan.png
+++ b/src/assets/images/caidan.png
--- a/src/assets/images/clinicalDepartment/access_applyl_icon.png
+++ b/src/assets/images/clinicalDepartment/access_applyl_icon.png
--- a/src/assets/images/clinicalDepartment/access_approval_icon.png
+++ b/src/assets/images/clinicalDepartment/access_approval_icon.png
--- a/src/assets/images/clinicalDepartment/access_control_icon.png
+++ b/src/assets/images/clinicalDepartment/access_control_icon.png
--- a/src/assets/images/clinicalDepartment/access_control_icon_02.png
+++ b/src/assets/images/clinicalDepartment/access_control_icon_02.png
--- a/src/assets/images/clinicalDepartment/access_printing_icon.png
+++ b/src/assets/images/clinicalDepartment/access_printing_icon.png
--- a/src/assets/images/clinicalDepartment/access_recall_icon.png
+++ b/src/assets/images/clinicalDepartment/access_recall_icon.png
--- a/src/assets/images/clinicalDepartment/access_recall_icon@2x.png
+++ b/src/assets/images/clinicalDepartment/access_recall_icon@2x.png
--- a/src/assets/images/clinicalDepartment/access_role_icon.png
+++ b/src/assets/images/clinicalDepartment/access_role_icon.png
--- a/src/assets/images/clinicalDepartment/access_seal_icon.png
+++ b/src/assets/images/clinicalDepartment/access_seal_icon.png
--- a/src/assets/images/clinicalDepartment/access_search_icon.png
+++ b/src/assets/images/clinicalDepartment/access_search_icon.png
--- a/src/assets/images/clinicalDepartment/access_statistics_icon.png
+++ b/src/assets/images/clinicalDepartment/access_statistics_icon.png
--- a/src/assets/images/clinicalDepartment/access_user_icon.png
+++ b/src/assets/images/clinicalDepartment/access_user_icon.png
--- a/src/assets/images/clinicalDepartment/data_number_icon.png
+++ b/src/assets/images/clinicalDepartment/data_number_icon.png
--- a/src/assets/images/clinicalDepartment/data_people_icon(1).png
+++ b/src/assets/images/clinicalDepartment/data_people_icon(1).png
--- a/src/assets/images/clinicalDepartment/data_people_icon.png
+++ b/src/assets/images/clinicalDepartment/data_people_icon.png
--- a/src/assets/images/clinicalDepartment/drawer_icon_patient.png
+++ b/src/assets/images/clinicalDepartment/drawer_icon_patient.png
--- a/src/assets/images/clinicalDepartment/empty.png
+++ b/src/assets/images/clinicalDepartment/empty.png
--- a/src/assets/images/clinicalDepartment/icon_spread_nl.png
+++ b/src/assets/images/clinicalDepartment/icon_spread_nl.png
--- a/src/assets/images/clinicalDepartment/infomenu_guide_icon_hl.png
+++ b/src/assets/images/clinicalDepartment/infomenu_guide_icon_hl.png
--- a/src/assets/images/clinicalDepartment/infomenu_guide_icon_nl.png
+++ b/src/assets/images/clinicalDepartment/infomenu_guide_icon_nl.png
--- a/src/assets/images/clinicalDepartment/infomenu_guide_icon_nl@2x.png
+++ b/src/assets/images/clinicalDepartment/infomenu_guide_icon_nl@2x.png
--- a/src/assets/images/clinicalDepartment/infomenu_logout_icon_hl.png
+++ b/src/assets/images/clinicalDepartment/infomenu_logout_icon_hl.png
--- a/src/assets/images/clinicalDepartment/infomenu_logout_icon_hl@2x.png
+++ b/src/assets/images/clinicalDepartment/infomenu_logout_icon_hl@2x.png
--- a/src/assets/images/clinicalDepartment/infomenu_logout_icon_nl.png
+++ b/src/assets/images/clinicalDepartment/infomenu_logout_icon_nl.png
--- a/src/assets/images/clinicalDepartment/infomenu_logout_icon_nl@2x.png
+++ b/src/assets/images/clinicalDepartment/infomenu_logout_icon_nl@2x.png
--- a/src/assets/images/clinicalDepartment/infomenu_message_icon_hl.png
+++ b/src/assets/images/clinicalDepartment/infomenu_message_icon_hl.png
--- a/src/assets/images/clinicalDepartment/infomenu_message_icon_hl@2x.png
+++ b/src/assets/images/clinicalDepartment/infomenu_message_icon_hl@2x.png
--- a/src/assets/images/clinicalDepartment/infomenu_message_icon_nl.png
+++ b/src/assets/images/clinicalDepartment/infomenu_message_icon_nl.png
--- a/src/assets/images/clinicalDepartment/infomenu_message_icon_nl@2x.png
+++ b/src/assets/images/clinicalDepartment/infomenu_message_icon_nl@2x.png
--- a/src/assets/images/clinicalDepartment/infomenu_pass_icon_hl.png
+++ b/src/assets/images/clinicalDepartment/infomenu_pass_icon_hl.png
--- a/src/assets/images/clinicalDepartment/infomenu_pass_icon_hl@2x.png
+++ b/src/assets/images/clinicalDepartment/infomenu_pass_icon_hl@2x.png
--- a/src/assets/images/clinicalDepartment/infomenu_pass_icon_nl.png
+++ b/src/assets/images/clinicalDepartment/infomenu_pass_icon_nl.png
--- a/src/assets/images/clinicalDepartment/infomenu_pass_icon_nl@2x.png
+++ b/src/assets/images/clinicalDepartment/infomenu_pass_icon_nl@2x.png
--- a/src/assets/images/clinicalDepartment/infomenu_user_icon_hl.png
+++ b/src/assets/images/clinicalDepartment/infomenu_user_icon_hl.png
--- a/src/assets/images/clinicalDepartment/infomenu_user_icon_hl@2x.png
+++ b/src/assets/images/clinicalDepartment/infomenu_user_icon_hl@2x.png
--- a/src/assets/images/clinicalDepartment/infomenu_user_icon_nl.png
+++ b/src/assets/images/clinicalDepartment/infomenu_user_icon_nl.png
--- a/src/assets/images/clinicalDepartment/infomenu_user_icon_nl@2x.png
+++ b/src/assets/images/clinicalDepartment/infomenu_user_icon_nl@2x.png
--- a/src/assets/images/clinicalDepartment/message_icon.png
+++ b/src/assets/images/clinicalDepartment/message_icon.png
--- a/src/assets/images/clinicalDepartment/message_icon@2x.png
+++ b/src/assets/images/clinicalDepartment/message_icon@2x.png
--- a/src/assets/images/clinicalDepartment/table-icon-screen-hl.png
+++ b/src/assets/images/clinicalDepartment/table-icon-screen-hl.png
--- a/src/assets/images/clinicalDepartment/table-icon-screen-nl.png
+++ b/src/assets/images/clinicalDepartment/table-icon-screen-nl.png
--- a/src/assets/images/clinicalDepartment/triangle_down_icon.png
+++ b/src/assets/images/clinicalDepartment/triangle_down_icon.png
--- a/src/assets/images/clinicalDepartment/triangle_down_icon@2x.png
+++ b/src/assets/images/clinicalDepartment/triangle_down_icon@2x.png
--- a/src/assets/images/default.png
+++ b/src/assets/images/default.png
--- a/src/assets/images/door/icon_01.png
+++ b/src/assets/images/door/icon_01.png
--- a/src/assets/images/door/icon_01@2x.png
+++ b/src/assets/images/door/icon_01@2x.png
--- a/src/assets/images/door/icon_02.png
+++ b/src/assets/images/door/icon_02.png
--- a/src/assets/images/door/icon_02@2x.png
+++ b/src/assets/images/door/icon_02@2x.png
--- a/src/assets/images/door/icon_03.png
+++ b/src/assets/images/door/icon_03.png
--- a/src/assets/images/door/icon_03@2x.png
+++ b/src/assets/images/door/icon_03@2x.png
--- a/src/assets/images/door/icon_04.png
+++ b/src/assets/images/door/icon_04.png
--- a/Show More
+++ b/Show More