diff --git a/public/css/tool.css b/public/css/tool.css
index 861186a..faf15b3 100644
--- a/public/css/tool.css
+++ b/public/css/tool.css
@@ -6,45 +6,45 @@ body {
   padding: 0;
 }
 a,a:visited,a:active{
-	color: #004098;
-	text-decoration: underline;
-	cursor: pointer;
+  color: #004098;
+  text-decoration: underline;
+  cursor: pointer;
 }
 a:hover{
-	color: #1890FF;
+  color: #1890FF;
 }
 *{
-	box-sizing: border-box;
-	margin: 0;
-	padding: 0;
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
 }
 ul , li,ol{
-	list-style: none;
+  list-style: none;
 }
 input,textarea{
-	outline: none;
+  outline: none;
 }
 ::-webkit-scrollbar,
 ::-webkit-scrollbar{
-	width: 6px;
-	height: 6px;
+  width: 6px;
+  height: 6px;
 }
 ::-webkit-scrollbar-track-piece,
 ::-webkit-scrollbar-track-piece{
-	background-color: transparent;
-	border-radius: 4px;
+  background-color: transparent;
+  border-radius: 4px;
 }
 ::-webkit-scrollbar-thumb,
 ::-webkit-scrollbar-thumb{
-	cursor: pointer;
-	background-color:#dedfe1;
-	border-radius: 4px;
+  cursor: pointer;
+  background-color:#dedfe1;
+  border-radius: 4px;
 }
 ::-webkit-scrollbar-thumb:hover,
 ::-webkit-scrollbar-thumb:hover{
-	cursor: pointer;
-	background-color:#c8c9cc;
-	border-radius: 4px;
+  cursor: pointer;
+  background-color:#c8c9cc;
+  border-radius: 4px;
 }
 
 /*font-color 文字颜色*/
@@ -72,1126 +72,1149 @@ input,textarea{
 
 /* sidebar-container 左侧菜单*/
 body #app .hideSidebar .sidebar-container {
-    width: 65px !important;
+  width: 65px !important;
 }
 body #app .openSidebar .sidebar-container {
-	width:205px !important;
+  width:180px !important;
 }
 body #app .sidebar-container .nest-menu .el-sub-menu>.el-sub-menu__title,
 body #app .sidebar-container .el-sub-menu .el-menu-item {
-    min-width: 205px!important;
+  min-width: 180px!important;
 }
 body #app .sidebar-container .scrollbar-wrapper {
-    padding-bottom: 95px;
+  padding-bottom: 95px;
 }
 body #app .app-wrapper .sidebar-container{
-	  background: #fff !important;
-    box-shadow: 0px 0px 5px rgb(0 0 0 / 20%) !important;
+  background: #fff !important;
+  box-shadow: 0px 0px 5px rgb(0 0 0 / 20%) !important;
 }
 body #app .app-wrapper .sidebar-container .sidebar-logo-container{
-	  background: #fff !important;
-    height: 57px;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    padding: 17px 0;
+  background: #fff !important;
+  height: 57px;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  padding: 17px 0;
 }
 body #app .hideSidebar .sidebar-container .sidebar-logo-container{
-	border-bottom: 1px solid #f5f5f5;
+  border-bottom: 1px solid #f5f5f5;
 }
 body #app .app-wrapper .sidebar-container .sidebar-logo-container *{
-	color:#004098 !important;
+  color:#004098 !important;
 }
 body #app .app-wrapper .sidebar-container .sidebar-logo-container .sidebar-logo{
-	width: 23px !important;
-	height: 23px !important;
-	margin: 0 5px 0 0 !important;
+  width: 23px !important;
+  height: 23px !important;
+  margin: 0 5px 0 0 !important;
 }
 body #app .app-wrapper .sidebar-container .sidebar-logo-container .sidebar-title{
-	line-height: 23px;
+  line-height: 23px;
 }
 body #app .app-wrapper .sidebar-container .sidebar-logo-container .sidebar-logo-link{
-	height: 32px;
-	line-height: 32px;
+  height: 32px;
+  line-height: 32px;
 }
 body #app .hideSidebar .sidebar-container .sidebar-logo-container{
-    padding: 10px 0;
+  padding: 10px 0;
 }
 body #app .hideSidebar .sidebar-container .sidebar-logo-container .sidebar-logo-link{
-	width:37px;
-	height: 37px;
+  width:37px;
+  height: 37px;
 }
 body #app .hideSidebar .sidebar-container .sidebar-logo-container .sidebar-logo-link .sidebar-logo{
-	width: 37px !important;
-    height: 37px !important;
-    margin: 0 !important;
+  width: 37px !important;
+  height: 37px !important;
+  margin: 0 !important;
 }
 body #app .app-wrapper .sidebar-container .el-scrollbar{
-	background:#fff !important;
+  background:#fff !important;
 }
 body #app .app-wrapper .sidebar-container .el-scrollbar .el-menu{
-	background:#fff !important;
+  background:#fff !important;
 }
 body #app .app-wrapper .sidebar-container .el-scrollbar .el-menu .el-menu-item{
-	background: #fff !important;
-    color: #333 !important;
-    font-size: 14px;
-	position:relative;
+  background: #fff !important;
+  color: #333 !important;
+  font-size: 14px;
+  position:relative;
 }
 body #app .app-wrapper .sidebar-container .el-scrollbar .el-menu .el-menu-item .svg-icon{
-	font-size: 14px;
+  font-size: 14px;
 }
 body #app .hideSidebar .sidebar-container .el-scrollbar .el-menu .el-menu-item .el-menu-tooltip__trigger{
-	text-align: center;
+  text-align: center;
 }
 body #app .hideSidebar .sidebar-container .el-scrollbar .el-menu .el-menu-item .svg-icon{
-	font-size: 18px;
-	margin-right: auto;
-	margin-left: auto;
+  font-size: 18px;
+  margin-right: auto;
+  margin-left: auto;
 }
 body #app .hideSidebar .submenu-title-noDropdown .el-tooltip {
-    text-align: center;
+  text-align: center;
 }
 body #app .hideSidebar .el-submenu>.el-submenu__title{
-	text-align: center;
+  text-align: center;
 }
 body #app .hideSidebar .el-sub-menu>.el-sub-menu__title .svg-icon{
-	width: 18px;
-	height: 18px;
-	margin: 0 auto;
+  width: 18px;
+  height: 18px;
+  margin: 0 auto;
 }
 body #app .app-wrapper .sidebar-container .el-scrollbar .el-menu .nest-menu .svg-icon{
-	display: none;
+  display: none;
 }
 body #app .app-wrapper .sidebar-container .el-scrollbar .el-menu .nest-menu .el-menu-item{
-	padding-left: 42px;
+  padding-left: 42px;
 }
 body #app .app-wrapper .sidebar-container .el-scrollbar .el-menu .nest-menu .nest-menu .el-menu-item{
-	font-size: 12px;
-	padding-left: 60px;
+  font-size: 12px;
+  padding-left: 60px;
 }
 body #app .app-wrapper .sidebar-container .el-scrollbar .el-menu .el-menu-item.is-active,
 body #app .app-wrapper .sidebar-container .el-scrollbar .el-menu .el-menu-item:hover{
-	color:#004098 !important;
+  color:#004098 !important;
 }
 body #app .app-wrapper .sidebar-container .el-scrollbar .el-menu .el-menu-item.is-active{
-	background: #E6F7FF !important;
+  background: #E6F7FF !important;
 }
 body #app .app-wrapper .sidebar-container .el-scrollbar .el-menu .el-menu-item.is-active:before{
-	content: "";
-    display: block;
-    position: absolute;
-    right: 0;
-    width: 3px;
-    height: 100%;
-    background: #004098;
-    top: 0;
-    left: auto;
+  content: "";
+  display: block;
+  position: absolute;
+  right: 0;
+  width: 3px;
+  height: 100%;
+  background: #004098;
+  top: 0;
+  left: auto;
 }
 body #app .app-wrapper .sidebar-container .svg-icon {
-    margin-right: 8px;
+  margin-right: 8px;
 }
 body #app .app-wrapper .sidebar-container .el-scrollbar .el-menu .el-menu-item,
 body #app .app-wrapper .sidebar-container .el-scrollbar .el-menu .el-submenu__title{
-    height: 50px;
-    line-height: 50px;
+  height: 50px;
+  line-height: 50px;
 }
 body #app .app-wrapper .sidebar-container .el-scrollbar .el-menu .el-submenu{
-	background: #fff !important;
+  background: #fff !important;
 }
 body #app .app-wrapper .sidebar-container .el-scrollbar .el-menu .el-submenu .el-submenu__title{
-	background: #fff !important;
-    color: #5F5E5E !important;
-    font-size: 14px;
+  background: #fff !important;
+  color: #5F5E5E !important;
+  font-size: 14px;
 }
 body #app .app-wrapper .sidebar-container .el-scrollbar .el-menu .el-submenu .el-submenu__title:hover,
 body #app .app-wrapper .sidebar-container .el-scrollbar .el-menu .el-submenu.is-opened .el-submenu__title{
-	color:#004098 !important;
+  color:#004098 !important;
 }
 body #app .app-wrapper .sidebar-container .el-scrollbar .el-menu .el-submenu .el-submenu__title .svg-icon{
-	font-size: 14px;
+  font-size: 14px;
 }
 body #app .hideSidebar .sidebar-container .el-scrollbar .el-menu .el-submenu>.el-submenu__title .svg-icon{
-	font-size: 18px;
-	margin-left: auto;
-	margin-right: auto;
+  font-size: 18px;
+  margin-left: auto;
+  margin-right: auto;
 }
 body #app .app-wrapper .sidebar-container .el-scrollbar .el-menu .el-submenu .el-menu{
-	background: #fff !important;
+  background: #fff !important;
 }
 body #app .app-wrapper .sidebar-container .el-scrollbar .el-menu .el-submenu .el-menu .el-menu-item{
-	background: #fff !important;
-    color: #5F5E5E !important;
-    font-size: 14px;
-    padding: 0 20px 0 48px !important;
+  background: #fff !important;
+  color: #5F5E5E !important;
+  font-size: 14px;
+  padding: 0 20px 0 48px !important;
 }
 body #app .app-wrapper .sidebar-container .el-scrollbar .el-menu .el-submenu .el-menu .el-menu-item .svg-icon{
-	display:none;
+  display:none;
 }
 body #app .app-wrapper .sidebar-container .el-scrollbar .el-menu .el-submenu .el-menu .el-menu-item.is-active,
 body #app .app-wrapper .sidebar-container .el-scrollbar .el-menu .el-submenu .el-menu .el-menu-item:hover{
-	color:#004098 !important;
+  color:#004098 !important;
 }
 body #app .app-wrapper .sidebar-container .el-scrollbar .el-menu .el-submenu .el-menu .el-menu-item.is-active{
-	background: #e6e7ff !important;
+  background: #e6e7ff !important;
 }
 body #app .sidebar-container .theme-dark .nest-menu .el-sub-menu>.el-sub-menu__title{
-	background-color: #fff !important;
+  background-color: #fff !important;
 }
 body #app .sidebar-container .theme-dark .nest-menu .el-sub-menu>.el-sub-menu__title:hover,
 body #app .sidebar-container .theme-dark .el-menu-item:hover {
-    background-color: #fff !important;
+  background-color: #fff !important;
 }
 body .hideSidebar .el-submenu__title i.icon-jianyanjihua{
-	padding: 0 0 0 7px;
-    font-size: 26px;
+  padding: 0 0 0 7px;
+  font-size: 26px;
 }
 body .hideSidebar .el-submenu__title i.icon-xiangmuguanli{
-    font-size: 28px;
+  font-size: 28px;
 }
 body .hideSidebar .el-submenu__title i.icon-zhengtitubiaosvg_lishijiankong{
-	font-size: 29px;
+  font-size: 29px;
 }
 body .hideSidebar .el-submenu__title i.icon-xitongguanli{
-	font-size: 26px;
+  font-size: 26px;
 }
 body .hideSidebar .el-submenu__title i.icon-xitongjiankong{
-	font-size: 29px;
+  font-size: 29px;
 }
 body .hideSidebar .el-submenu__title i.el-icon-setting{
-	font-size:28px;
+  font-size:28px;
 }
 body .hideSidebar .el-submenu__title i.el-icon-notebook-1{
-	font-size:27px;
+  font-size:27px;
 }
 body .hideSidebar .el-menu-item i.icon-shouye{
-	font-size:28px;
+  font-size:28px;
 }
 body #app .sidebar-container .theme-dark .el-sub-menu__title{
-	background: #fff !important;
-	color: #333 !important;
+  background: #fff !important;
+  color: #333 !important;
 }
 body #app .sidebar-container .theme-dark .el-sub-menu__title:hover{
-	background: #fff !important;
-	color: #004098  !important;
+  background: #fff !important;
+  color: #004098  !important;
 }
 body #app .sidebar-container .theme-dark .is-active>.el-sub-menu__title{
-	color: #004098  !important;
+  color: #004098  !important;
 }
 body .el-menu .el-menu-item>i ,
 body .el-submenu__title i {
-    color: #5F5E5E;
-    vertical-align: middle;
-    margin-right: 5px;
-    width: 24px;
-    text-align: center;
-    font-size: 20px;
-    display: inline-block;
-    line-height: 21px;
-    height: 21px;
+  color: #5F5E5E;
+  vertical-align: middle;
+  margin-right: 5px;
+  width: 24px;
+  text-align: center;
+  font-size: 20px;
+  display: inline-block;
+  line-height: 21px;
+  height: 21px;
 }
 body .el-submenu__title i.icon-zhiliang-xianxing{
-	font-size: 23px;
-    text-align: left;
+  font-size: 23px;
+  text-align: left;
 }
 body .el-submenu__title i.icon-jianyanjihua{
-	padding: 0 0 0 3px;
+  padding: 0 0 0 3px;
 }
 body .el-menu-item i.icon-zhiliang-xianxing{
-	font-size: 21px;
+  font-size: 21px;
 }
 body .el-submenu__title:hover i,
 body .el-submenu.is-opened .el-submenu__title i,
 body .el-menu .el-menu-item:hover>i,
 body .el-menu .el-menu-item.is-active>i{
-	color:#004098;
+  color:#004098;
 }
 body .el-submenu__title i.el-submenu__icon-arrow,
 body .el-submenu__title:hover i.el-submenu__icon-arrow{
-	color: #909399;
-    font-size: 12px;
-    margin: 0;
-    width: auto;
-    height: auto;
-    display: inherit;
-    top: calc(50% - 9px);
+  color: #909399;
+  font-size: 12px;
+  margin: 0;
+  width: auto;
+  height: auto;
+  display: inherit;
+  top: calc(50% - 9px);
 }
 body .hideSidebar .el-menu .el-menu-item>div>i ,
 body .hideSidebar .el-submenu__title i {
-    color: #5F5E5E;
-    vertical-align: middle;
-    margin: 0;
-    width: 65px;
-    text-align: center;
-    font-size: 30px;
-    display: inline-block;
-    line-height: 34px;
-    height: 34px;
-    box-sizing: border-box;
-    padding: 0;
+  color: #5F5E5E;
+  vertical-align: middle;
+  margin: 0;
+  width: 65px;
+  text-align: center;
+  font-size: 30px;
+  display: inline-block;
+  line-height: 34px;
+  height: 34px;
+  box-sizing: border-box;
+  padding: 0;
 }
 body .hideSidebar .el-submenu__title i.icon-zhiliang-xianxing{
-	padding: 0 0px 0 0;
-    text-align: center;
-    font-size: 32px;
+  padding: 0 0px 0 0;
+  text-align: center;
+  font-size: 32px;
 }
 body #app .sidebar-container .el-submenu .el-menu-item,
 body #app .sidebar-container .nest-menu .el-submenu>.el-submenu__title {
-    min-width: 205px!important;
+  min-width: 180px!important;
 }
 
 /*main-container 右侧内容*/
 body #app .hideSidebar .main-container {
-    margin-left: 65px;
+  margin-left: 65px;
 }
 body #app .main-container {
-  margin-left: 205px;
-	background:#f9fafe;
-	background-size:100%;
+  margin-left: 180px;
+  background:#f9fafe;
+  background-size:100%;
 }
 body #app .main-container .app-main{
-	background: #f9fafe;
+  background: #f9fafe;
 }
 body #app .main-container .app-main>.dashboard-editor-container{
-	background: #f9fafe;
-	padding: 20px;
+  background: #f9fafe;
+  padding: 20px;
 }
 body #app .main-container .app-main>.dashboard-editor-container>.panel-group{
-	margin-top: 0 !important;
+  margin-top: 0 !important;
 }
 body #app .main-container .app-main>.app-container,
 body .app-container {
-    padding: 20px;
+  padding: 20px;
 }
 body #app .main-container .app-main>.p-2{
-	padding: 16px;
+  padding: 16px;
 }
 
 /*el-breadcrumb 面包屑*/
 body #app .main-container .el-breadcrumb{
-	line-height: 40px;
-    margin: 0 40px 0 40px;
-    display: block;
-	font-size: 14px;
-	}
+  line-height: 40px;
+  margin: 0 40px 0 40px;
+  display: block;
+  font-size: 14px;
+}
 body #app .main-container .el-breadcrumb .float-right{
-	color: #666;
-	}
+  color: #666;
+}
 body #app .main-container .app-breadcrumb.el-breadcrumb .no-redirect{
-    color: #a4a4a4 !important;
+  color: #a4a4a4 !important;
 }
 body #app .main-container .app-breadcrumb.el-breadcrumb .el-breadcrumb__inner {
-    color: #141414 !important;
+  color: #141414 !important;
 }
 body #app .main-container .app-breadcrumb.el-breadcrumb .el-breadcrumb__inner:hover,
 body #app .main-container .app-breadcrumb.el-breadcrumb .el-breadcrumb__inner:hover a,
 body #app .main-container .app-breadcrumb.el-breadcrumb .el-breadcrumb__inner a:hover{
-	color:#004098 !important;
-	}
+  color:#004098 !important;
+}
 
 /*hamburger-container 展开折叠菜单按钮*/
 body #app .app-wrapper .main-container .navbar .hamburger-container{
-	padding: 0px 15px;
-    position: fixed;
-    z-index: 1001;
-    left: 0;
-    bottom: 0;
-    width: 180px;
-    height: 50px;
-    line-height: 50px;
-    text-align: right;
-	color:#5F5E5E !important;
-	font-size:22px !important;
-	background:#fff;
-	transition: width .28s;
-	}
+  padding: 0px 15px;
+  position: fixed;
+  z-index: 1001;
+  left: 0;
+  bottom: 0;
+  width: 180px;
+  height: 50px;
+  line-height: 50px;
+  text-align: right;
+  color:#5F5E5E !important;
+  font-size:22px !important;
+  background:#fff;
+  transition: width .28s;
+}
 body #app .app-wrapper.hideSidebar .navbar .hamburger-container{
-    width: 65px;
-    height: 50px;
-	text-align: center;
-	}
+  width: 65px;
+  height: 50px;
+  text-align: center;
+}
 body #app .main-container .navbar .hamburger-container *{
-	color:#5F5E5E !important;
-	font-size:22px !important;
-	}
+  color:#5F5E5E !important;
+  font-size:22px !important;
+}
 
 /*navbar 顶部导航*/
 body #app .main-container .navbar{
-	background: #fff !important;
-	box-shadow: none !important;
-	height: 57px !important;
-	padding: 8px 0 8px 0 !important;
-	position: relative;
-	border-bottom: 1px solid rgba(0 0 0 / 5%);
-	box-sizing: border-box;
+  background: #fff !important;
+  box-shadow: none !important;
+  height: 57px !important;
+  padding: 8px 0 8px 0 !important;
+  position: relative;
+  border-bottom: 1px solid rgba(0 0 0 / 5%);
+  box-sizing: border-box;
 }
 body #app .main-container .navbar .big-title{
-	color: #004098 !important;
-    font-size: 26px;
-    margin: 0 0 0 40px;
-    display: inline-block;
-    height: 40px;
-    line-height: 40px;
+  color: #004098 !important;
+  font-size: 26px;
+  margin: 0 0 0 40px;
+  display: inline-block;
+  height: 40px;
+  line-height: 40px;
 }
 body #app .main-container .navbar .right-menu{
-	height: 40px;
-	line-height: 40px;
-	margin: 0;
-	position: absolute;
-	float: inherit;
-	top: 8px;
-	right: 16px;
+  height: 40px;
+  line-height: 40px;
+  margin: 0;
+  position: absolute;
+  float: inherit;
+  top: 8px;
+  right: 16px;
 }
 body #app .main-container .navbar .right-menu>.el-select{
-	margin-right: 15px;
+  margin-right: 15px;
 }
 body #app .main-container .navbar .right-menu>.el-select .el-input>.el-input__wrapper{
-	background: #f9fafe;
-	box-shadow: 0 0 0 1px #f9fafe inset !important;
+  background: #f9fafe;
+  box-shadow: 0 0 0 1px #f9fafe inset !important;
 }
 body #app .main-container .navbar .right-menu>.el-select .el-input.is-focus>.el-input__wrapper{
-	box-shadow: 0 0 0 1px #f9fafe inset !important;
+  box-shadow: 0 0 0 1px #f9fafe inset !important;
 }
 body #app .main-container .navbar .right-menu>.el-select .el-input>.el-input__wrapper .el-input__prefix,
 body #app .main-container .navbar .right-menu>.el-select .el-input>.el-input__wrapper .el-input__suffix,
 body #app .main-container .navbar .right-menu>.el-select .el-input>.el-input__wrapper .el-select__caret{
-	color: #333 !important;
+  color: #333 !important;
 }
 body #app .main-container .navbar .right-menu>.el-select .el-input>.el-input__wrapper>.el-input__inner{
-	color: #333;
+  color: #333;
 }
 body #app .main-container .navbar .right-menu>.el-select .el-input>.el-input__wrapper>.el-input__inner::placeholder {
-	color: #333 !important;
+  color: #333 !important;
 }
 body #app .main-container .navbar .right-menu>.el-select .el-input>.el-input__wrapper>.el-input__inner::-webkit-input-placeholder {
-	color: #333 !important;
+  color: #333 !important;
 }
 body #app .main-container .navbar .right-menu>.el-select .el-input>.el-input__wrapper>.el-input__inner::-moz-placeholder {
-	color: #333 !important;
+  color: #333 !important;
 }
 body #app .main-container .navbar .right-menu>.el-select .el-input>.el-input__wrapper>.el-input__inner:-ms-input-placeholder{
-	color: #333 !important;
+  color: #333 !important;
 }
 body #app .main-container .navbar .right-menu>.el-tooltip__trigger{
-	margin-right: 15px;
-	background: #E6F7FF;
-	width: 30px;
-	text-align: center;
-	height: 30px;
-	line-height: 30px;
-	border-radius: 100%;
-	color: #004098 !important;
-	font-size: 18px;
+  margin-right: 15px;
+  background: #E6F7FF;
+  width: 30px;
+  text-align: center;
+  height: 30px;
+  line-height: 30px;
+  border-radius: 100%;
+  color: #004098 !important;
+  font-size: 18px;
 }
 body #app .main-container .navbar .right-menu>.el-tooltip__trigger+.el-icon{
-	margin-right: 5px;
+  margin-right: 5px;
 }
 body #app .main-container .navbar .right-menu .el-input-group{
-	width: 248px;
+  width: 248px;
 }
 body #app .main-container .navbar .right-menu .el-dropdown,
 body #app .main-container .navbar .right-menu .el-dropdown{
-	background: transparent;
-    float: left;
-    margin-right: 20px;
+  background: transparent;
+  float: left;
+  margin-right: 20px;
 }
 body #app .main-container .navbar .right-menu .el-dropdown .el-dropdown-selfdefine{
-	height: 50px;
-    color: #141414;
-    font-size: 18px;
-    margin: 0;
+  height: 50px;
+  color: #141414;
+  font-size: 18px;
+  margin: 0;
 }
 body #app .main-container .navbar .right-menu .el-dropdown .el-dropdown-selfdefine .user-avatar{
-	height: 50px;
-    width: 50px;
-    float: left;
-    margin: 0 10px 0 0;
+  height: 50px;
+  width: 50px;
+  float: left;
+  margin: 0 10px 0 0;
 }
 body #app .main-container .navbar .right-menu .el-dropdown .el-dropdown-selfdefine i{
-	top:20px;
+  top:20px;
 }
 body #app .main-container .navbar .right-menu .el-icon-bell{
-	color: #141414;
-    font-size: 26px;
-    line-height: 40px;
-    margin: 0 0 0 15px;
+  color: #141414;
+  font-size: 26px;
+  line-height: 40px;
+  margin: 0 0 0 15px;
 }
 body #app .main-container .navbar .right-menu .el-icon-chat-dot-round{
-	color: #141414;
-    font-size: 14px;
-    line-height: 50px;
-    margin: 0 0 0 15px;
+  color: #141414;
+  font-size: 14px;
+  line-height: 50px;
+  margin: 0 0 0 15px;
 }
 body #app .main-container .navbar .el-breadcrumb .el-breadcrumb__item .no-redirect{
-	color: #004098 !important;
-    font-size:14px;
+  color: #004098 !important;
+  font-size:14px;
 }
 body #app .main-container .navbar .el-breadcrumb .right-menu *{
-	color: #141414 !important;
+  color: #141414 !important;
 }
 body #app .main-container .navbar .right-menu .avatar-container{
-	margin-right: 16px !important;
+  margin-right: 16px !important;
 }
 body #app .main-container .navbar .app-breadcrumb.el-breadcrumb{
-	margin-left:16px !important;
+  margin-left:16px !important;
 }
 body #app .main-container .navbar .right-menu .right-menu-item{
-	height: 40px;
-	line-height: 40px;
+  height: 40px;
+  line-height: 40px;
 }
 body #app .main-container .navbar .size-icon--style,
 body #app .main-container .navbar .lang-select--style{
-	line-height: 40px !important;
+  line-height: 40px !important;
 }
 body #app .main-container .navbar .right-menu .avatar-container .avatar-wrapper{
-	margin-top: 0 !important;
-	height: 40px;
+  margin-top: 0 !important;
+  height: 40px;
 }
 body #app .main-container .navbar .right-menu .avatar-container .avatar-wrapper .user-avatar{
-	margin-top: 0 !important;
+  margin-top: 0 !important;
 }
 body #app .main-container .navbar .right-menu .avatar-container .avatar-wrapper i{
-	top: 14px !important;
+  top: 14px !important;
 }
 
 /*tags-view-container 菜单页签*/
 body #app .main-container  .tags-view-container{
-	box-shadow: none;
-    border: 0;
-    height: 44px;
-	}
+  box-shadow: none;
+  border: 0;
+  height: 44px;
+}
 body #app .main-container  .tags-view-container .scroll-container{
-	}
+}
 body #app .main-container  .tags-view-container .scroll-container .el-scrollbar__wrap{
-	height: 61px;
-	}
+  height: 61px;
+}
 body #app .main-container  .tags-view-container .scroll-container .el-scrollbar__wrap .el-scrollbar__view{
-	}
+}
 body #app .main-container  .tags-view-container .scroll-container .el-scrollbar__wrap .el-scrollbar__view .tags-view-item{
-	margin-top: 10px;
-	margin-left:0;
-    height: 34px;
-    line-height: 30px;
-    border: 0;
-    font-size: 14px;
-    color: #666;
-    border-radius: 4px 4px 0 0;
-	padding:0 15px;
-	position:relative;
-	}
+  margin-top: 10px;
+  margin-left:0;
+  height: 34px;
+  line-height: 30px;
+  border: 0;
+  font-size: 14px;
+  color: #666;
+  border-radius: 4px 4px 0 0;
+  padding:0 15px;
+  position:relative;
+}
 body #app .main-container  .tags-view-container .scroll-container .el-scrollbar__wrap .el-scrollbar__view>.tags-view-item:first-child{
-	margin-left:20px !important;
-	}
+  margin-left:20px !important;
+}
 body #app .main-container  .tags-view-container .scroll-container .el-scrollbar__wrap .el-scrollbar__view .tags-view-item:before{
-	content:"";
-	display:block;
-	position:absolute;
-	left:0;
-	top:10px;
-	width:1px;
-	height:10px;
-	background:#B4B0B0;
-	}
+  content:"";
+  display:block;
+  position:absolute;
+  left:0;
+  top:10px;
+  width:1px;
+  height:10px;
+  background:#B4B0B0;
+}
 body #app .main-container  .tags-view-container .scroll-container .el-scrollbar__wrap .el-scrollbar__view>.tags-view-item:first-child:before{
-	content:none;
-	}
+  content:none;
+}
 body #app .main-container  .tags-view-container .scroll-container .el-scrollbar__wrap .el-scrollbar__view .tags-view-item.active:before{
-	content:none;
-	}
+  content:none;
+}
 body #app .main-container  .tags-view-container .scroll-container .el-scrollbar__wrap .el-scrollbar__view .tags-view-item.active+.tags-view-item:before{
-	content:none;
-	}
+  content:none;
+}
 body #app .main-container  .tags-view-container .scroll-container .el-scrollbar__wrap .el-scrollbar__view .tags-view-item.active,
 body #app .main-container  .tags-view-container .scroll-container .el-scrollbar__wrap .el-scrollbar__view .tags-view-item.active:hover{
-	background:#0E48AD !important;
-	color: #fff;
-	}
+  background:#0E48AD !important;
+  color: #fff;
+}
 body #app .main-container  .tags-view-container .scroll-container .el-scrollbar__wrap .el-scrollbar__view .tags-view-item:hover{
-	color:#013A9D;
-	}
+  color:#013A9D;
+}
 body #app .main-container  .tags-view-container .scroll-container .el-scrollbar__wrap .el-scrollbar__view .tags-view-item.active:before{
-	content:none;
-	}
+  content:none;
+}
 body #app .main-container  .tags-view-container .tags-view-wrapper .tags-view-item .el-icon-close{
-	font-size: 14px;
-    vertical-align: 1px;
-    text-align: center;
-    box-sizing: border-box;
-    width: 15px;
-    height: 15px;
-    color: #707070;
-	margin: 0 0 0 6px;
-	}
+  font-size: 14px;
+  vertical-align: 1px;
+  text-align: center;
+  box-sizing: border-box;
+  width: 15px;
+  height: 15px;
+  color: #707070;
+  margin: 0 0 0 6px;
+}
 body #app .main-container  .tags-view-container .tags-view-wrapper .tags-view-item .el-icon-close:hover{
-	background:#aaa;
-	color:#fff;
-	}
+  background:#aaa;
+  color:#fff;
+}
 body #app .main-container  .tags-view-container .tags-view-wrapper .tags-view-item .el-icon-close:before{
-	vertical-align: -1px;
-    transform: scale(1);
-	}
+  vertical-align: -1px;
+  transform: scale(1);
+}
 body #app .main-container  .tags-view-container .tags-view-wrapper .tags-view-item.active .el-icon-close{
-	color:#fff;
-	}
+  color:#fff;
+}
 body #app .main-container  .tags-view-container .tags-view-wrapper .tags-view-item.active .el-icon-close:hover{
-	background:#fff;
-	color:#013A9D;
-	}
+  background:#fff;
+  color:#013A9D;
+}
 
 /*el-row*/
 body .el-row+.el-row{
-	margin-top: 20px;
+  margin-top: 20px;
 }
 
 /*el-card 卡片组件*/
 body .el-col>.el-card+.el-card,
 body .el-card+.el-card{
-	margin-top:20px;
+  margin-top:20px;
 }
 body .el-card.is-always-shadow {
-    box-shadow: 0px 2px 8px rgb(0 0 0 / 5%) !important;
-    border: 0 !important;
-    border-radius: 4px !important;
+  box-shadow: 0px 2px 8px rgb(0 0 0 / 5%) !important;
+  border: 0 !important;
+  border-radius: 4px !important;
 }
 body .el-card.is-hover-shadow{
-	box-shadow: 0px 2px 8px rgb(0 0 0 / 5%) !important;
-	border: 0 !important;
-	border-radius: 4px !important;
+  box-shadow: 0px 2px 8px rgb(0 0 0 / 5%) !important;
+  border: 0 !important;
+  border-radius: 4px !important;
 }
 body .el-card{
-	border: 0 !important;
-	border-radius: 4px !important;
+  border: 0 !important;
+  border-radius: 4px !important;
 }
 body .el-card .el-card__body{
-	position:relative;
-	padding: 16px !important;
-	}
+  position:relative;
+  padding: 16px !important;
+}
 body .el-card .no-cont{
-	padding: 75px 0;
-    height: 275px;
-    box-sizing: border-box;
-	}
+  padding: 75px 0;
+  height: 275px;
+  box-sizing: border-box;
+}
 body .el-card  .no-cont .img img{
-	width:100px;
-	}
+  width:100px;
+}
 body .el-card .el-card__header{
-	box-sizing: border-box;
-    padding: 16px;
-    font-size: 14px;
-    color: #333;
-    font-weight: bold;
-    border-bottom: 1px solid #e6e6e6;
-	background:transparent;
-	}
+  box-sizing: border-box;
+  padding: 16px;
+  font-size: 14px;
+  color: #333;
+  font-weight: bold;
+  border-bottom: 1px solid #e6e6e6;
+  background:transparent;
+}
 body .el-card .el-card__header .title{
-	display: inline-block;
-	position:relative;
+  display: inline-block;
+  position:relative;
 }
 body .el-card .el-card__header .title:before{
-	position: absolute;
-    left: 20px;
-    top: calc(50% - 7px);
-    content: "";
-    display: block;
-    width: 3px;
-    height: 14px;
-    background: #004098;
-	}
+  position: absolute;
+  left: 20px;
+  top: calc(50% - 7px);
+  content: "";
+  display: block;
+  width: 3px;
+  height: 14px;
+  background: #004098;
+}
 body .el-card .el-card__header .clearfix{
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
-	height: 24px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  height: 24px;
 }
 body .el-card .el-card__header .clearfix::after{
-	content: none;
+  content: none;
 }
 body .el-card .el-card__header .clearfix .tline{
-	display: block;
-	position: relative;
-	line-height: 24px;
-	padding-left: 11px;
+  display: block;
+  position: relative;
+  line-height: 24px;
+  padding-left: 11px;
 }
 body .el-card .el-card__header .clearfix .tline::before{
-	position: absolute;
-	left: 0;
-	top: 5px;
-	content: "";
-	display: block;
-	width: 3px;
-	height: 14px;
-	background: #004098;
+  position: absolute;
+  left: 0;
+  top: 5px;
+  content: "";
+  display: block;
+  width: 3px;
+  height: 14px;
+  background: #004098;
 }
 body .el-card .el-card__header .clearfix .header-button .el-button{
-	height: 24px;
-	line-height: 22px;
-	padding: 0 15px;
-	min-width: 34px;
-	text-align: center;
+  height: 24px;
+  line-height: 22px;
+  padding: 0 15px;
+  min-width: 34px;
+  text-align: center;
 }
 body .el-card .el-card__header .clearfix .header-button .el-button.el-button--primary{
-	background:#004098;
-	border-color:#004098;
-	color: #fff;
+  background:#004098;
+  border-color:#004098;
+  color: #fff;
 }
 body .el-card .el-card__header .clearfix .header-button .el-button.el-button--primary:hover{
-	background:#3071b9;
-	border-color:#3071b9;
-	color: #fff;
-	}
+  background:#3071b9;
+  border-color:#3071b9;
+  color: #fff;
+}
 body .el-card .el-card__header .clearfix .header-button .el-button.el-button--info{
-	background: #F2F3F5;
-	border: 1px dashed #E5E6EB;
-	color: #4e5969;
+  background: #F2F3F5;
+  border: 1px dashed #E5E6EB;
+  color: #4e5969;
 }
 body .el-card .el-card__header .clearfix .header-button .el-button.el-button--info:hover{
-	background: #eef1f7;
-	border-color: #dadded;
-	color: #222;
+  background: #eef1f7;
+  border-color: #dadded;
+  color: #222;
 }
 body .el-card .el-card__header .small-title{
-	color: #141414;
-    font-size: 16px;
-	}
+  color: #141414;
+  font-size: 16px;
+}
 body .el-card .el-card__header .el-button{
-	line-height: 22px;
-    height: 24px;
-    padding: 0 10px !important;
-	}
+  line-height: 22px;
+  height: 24px;
+  padding: 0 10px !important;
+}
 body .el-drawer .el-drawer__body .el-card.box-card{
-	border-radius: 0 !important;
+  border-radius: 0 !important;
 }
 body .el-drawer .el-drawer__body .el-card.is-always-shadow{
-	box-shadow: none !important;
+  box-shadow: none !important;
 }
 body .el-drawer .el-drawer__body .el-card.box-card>.el-card__body{
-	padding: 0 !important;
+  padding: 0 !important;
 }
 body .el-drawer .el-drawer__body .el-card.box-card>.el-card__body .gray-card{
-	margin: 0;
-	padding-top: 40px;
+  margin: 0;
+  padding-top: 40px;
 }
 body .el-drawer__wrapper.no-padding .el-drawer .el-drawer__body{
-	padding: 0;
+  padding: 0;
 }
 
 /*el-form 表单组件*/
 body .el-form-item{
-	margin-bottom: 25px;
-	}
+  margin-bottom: 25px;
+}
 body .el-form .el-row{
-	margin:0;
-	}
+  margin:0;
+}
 body .el-form-item .el-form-item__label {
-    color: #5e5e5e;
-	font-weight:normal;
-	padding: 0 8px 0 0;
-	line-height:34px;
+  color: #5e5e5e;
+  font-weight:normal;
+  padding: 0 8px 0 0;
+  line-height:34px;
 }
 body .el-form-item .el-form-item__content {
-    color: #141414;
-	font-weight:normal;
-	line-height:34px;
+  color: #141414;
+  font-weight:normal;
+  line-height:34px;
 }
 
 /*form1*/
 .form1{
-	max-width: 80%;
+  max-width: 80%;
 }
 body .form1 .el-cascader ,
 body .form1 .el-select,
 body .form1 .el-date-editor{
-	width: 340px;
+  width: 340px;
 }
 
 /*.el-form-border*/
 body .el-form-border .el-form .el-form-item{
-	margin: 0;
+  margin: 0;
 }
 body .el-form-border .el-form .el-row,
 body .el-form .el-form-border .el-row{
-	display: flex;
-	flex-wrap: wrap;
-	border-left: 1px solid #e5e6eb;
-	border-top: 1px solid #e5e6eb;
+  display: flex;
+  flex-wrap: wrap;
+  border-left: 1px solid #e5e6eb;
+  border-top: 1px solid #e5e6eb;
 }
 body .el-form-border .el-form .el-row+.el-row,
 body .el-form .el-form-border .el-row+.el-row{
-	border-top: 0;
+  border-top: 0;
 }
 body .el-form-border .el-form .el-row>.el-col,
 body .el-form .el-form-border .el-row>.el-col{
-	float: inherit;
-	margin: 0;
-	border-right: 1px solid #e5e6eb;
-	border-bottom: 1px solid #e5e6eb;
-	display: block;
+  float: inherit;
+  margin: 0;
+  border-right: 1px solid #e5e6eb;
+  border-bottom: 1px solid #e5e6eb;
+  display: block;
 }
 body .el-form-border .el-form .el-row>.el-col>.el-form-item,
 body .el-form .el-form-border .el-row>.el-col>.el-form-item{
-	display: flex;
-	height: 100%;
-	margin: 0;
+  display: flex;
+  height: 100%;
+  margin: 0;
 }
 body .el-form-border .el-form .el-row>.el-col>.el-form-item>.el-form-item__label,
 body .el-form .el-form-border .el-row>.el-col>.el-form-item>.el-form-item__label{
-	display: block;
-	height: 100%;
-	float: inherit;
-	margin: 0;
-	background: #fafafa;
-	padding: 5px 10px;
-	border-right: 1px solid #e5e6eb;
-	font-size: 14px;
-	color: #333;
-	text-align: right;
+  display: block;
+  height: 100%;
+  float: inherit;
+  margin: 0;
+  background: #fafafa;
+  padding: 5px 10px;
+  border-right: 1px solid #e5e6eb;
+  font-size: 14px;
+  color: #333;
+  text-align: right;
 }
 body .el-form-border .el-form .el-row>.el-col>.el-form-item>.el-form-item__content,
 body .el-form .el-form-border .el-row>.el-col>.el-form-item>.el-form-item__content{
-	display: block;
-	height: 100%;
-	float: inherit;
-	margin: 0 !important;
-	padding: 5px 10px;
-	flex: 1;
-	font-size: 14px;
-	color: #333;
-	position: inherit;
+  display: block;
+  height: 100%;
+  float: inherit;
+  margin: 0 !important;
+  padding: 5px 10px;
+  flex: 1;
+  font-size: 14px;
+  color: #333;
+  position: inherit;
 }
 body .el-form-border .el-form .el-row>.el-col>.el-form-item>.el-form-item__content>.el-select,
 body .el-form .el-form-border .el-row>.el-col>.el-form-item>.el-form-item__content>.el-select{
-	display: block;
+  display: block;
 }
 body .el-form-item>.el-form-item__content>.el-select{
-	display: block;
-	width: 100%;
+  display: block;
+  width: 100%;
 }
 body .el-form-border .el-form .el-row>.el-col>.el-form-item>.el-form-item__content .el-form-item__error,
 body .el-form .el-form-border .el-row>.el-col>.el-form-item>.el-form-item__content .el-form-item__error{
-	position: inherit;
-	display: block;
-	float: inherit;
-	margin: 4px 0 0 0;
+  position: inherit;
+  display: block;
+  float: inherit;
+  margin: 4px 0 0 0;
 }
 body .el-form-border .el-form-item .el-cascader ,
 body .el-form-border .el-form-item .el-select,
 body .el-form-border .el-form-item .el-date-editor{
-	width: 100%;
-	max-width: 340px;
+  width: 100%;
+  max-width: 340px;
 }
 body .el-form-border .el-form-item .el-checkbox-group .el-checkbox{
-	min-width: 200px;
+  min-width: 200px;
 }
 
 /*el-input-group 全局搜索框组件*/
 body .el-input-group{
-	background: transparent;
-    border-radius: 2px;
-	}
+  background: transparent;
+  border-radius: 2px;
+}
 body .el-input-group .el-input__inner{
-	background: #fff;
-    border-color: #DCDFE6;
-    border-radius: 2px 0 0 2px;
-    height: 30px;
-    line-height: 30px;
-	border-width:0px;
-	}
+  background: #fff;
+  border-color: #DCDFE6;
+  border-radius: 2px 0 0 2px;
+  height: 30px;
+  line-height: 30px;
+  border-width:0px;
+}
 body .el-input-group .el-input__inner:hover{
-	border-color: #DCDFE6;
-	}
+  border-color: #DCDFE6;
+}
 body .el-input.el-input-group .el-input__inner:focus,
 body .el-input.el-input-group .el-input__inner:hover {
-    border-color:#DCDFE6;
+  border-color:#DCDFE6;
 }
 .el-input-group .el-input__prefix{
-	}
+}
 .el-input-group .el-input__prefix .el-icon-search{
-	color: #A7A7A7;
-    font-size: 18px;
-	}
+  color: #A7A7A7;
+  font-size: 18px;
+}
 .el-input-group .el-input-group__append,
 .el-input-group .el-input-group__append:hover{
-	background: transparent;
-	border: 0;
-	width: auto;
-	box-sizing: border-box;
-	padding: 0;
-	position:relative;
-	}
+  background: transparent;
+  border: 0;
+  width: auto;
+  box-sizing: border-box;
+  padding: 0;
+  position:relative;
+}
 .el-input-group .el-input-group__append:before{
-	content:none;
-	}
+  content:none;
+}
 .el-input-group .el-input-group__append .el-button,
 .el-input-group .el-input-group__append .el-button:hover{
-	width: auto;
-	background: #004098;
-	color: #fff;
-    text-align: center;
-    box-sizing: border-box;
-    display: block;
-    margin: 0;
-    padding: 0 10px;
-    border-radius: 0 2px 2px 0 !important;
-	}
+  width: auto;
+  background: #004098;
+  color: #fff;
+  text-align: center;
+  box-sizing: border-box;
+  display: block;
+  margin: 0;
+  padding: 0 10px;
+  border-radius: 0 2px 2px 0 !important;
+}
 .el-input-group .el-input-group__append .el-button:hover{
 
-	}
+}
 .el-input-group .el-input-group__append .el-button i{
-	font-size: 18px;
-	color: #fff;
-	line-height:32px;
-	margin-left: 0;
-	}
+  font-size: 18px;
+  color: #fff;
+  line-height:32px;
+  margin-left: 0;
+}
 .el-input-group .el-input-group__append .el-button:hover i{
-	color:#fff;
-	}
+  color:#fff;
+}
 
 /*el-button 组件按钮*/
 body .el-button{
-	border-radius: 2px !important;
-	height: 34px;
-	line-height: 32px;
-	padding-top: 0;
-	padding-bottom: 0;
-	padding-left: 15px;
-	padding-right: 15px;
-	}
+  border-radius: 2px !important;
+  height: 34px;
+  line-height: 32px;
+  padding-top: 0;
+  padding-bottom: 0;
+  padding-left: 15px;
+  padding-right: 15px;
+}
 body .el-button,body .el-button:focus{
-	background: #fff;
-    border-color: #DCDFE6;
-    color: #515151;
-	}
+  background: #fff;
+  border-color: #DCDFE6;
+  color: #515151;
+}
 body .el-button:hover{
-	background:#fff;
-	border-color:#004098;
-	color:#004098;
-	}
-body .el-button.el-button--primary{
-	background:#004098;
-	border-color:#004098;
-	color: #fff;
-	}
-body .el-button.el-button--primary:hover{
-	background:#3071b9;
-	border-color:#3071b9;
-	color: #fff;
-	}
-body .el-button.el-button--text{
-	color: #3071b9;
-	}
-body .el-button.el-button--text:hover{
-	color: #0656e4;
-	}
-body .el-button+.el-button {
-    margin-left: 10px;
+  background:#fff;
+  border-color:#004098;
+  color:#004098;
+}
+body .el-button.el-button--primary,
+body .el-button.el-button--primary.is-plain,
+body .el-button.el-button--primary:focus,
+body .el-button.el-button--primary.is-plain:focus{
+  background:#004098;
+  border-color:#004098;
+  color: #fff;
+}
+body .el-button.el-button--primary:hover,
+body .el-button.el-button--primary.is-plain:hover{
+  background:#3071b9;
+  border-color:#3071b9;
+  color: #fff;
+}
+body .el-button.el-button--primary.is-disabled,
+body .el-button.el-button--primary[disabled],
+body .el-button.el-button--primary.is-disabled:hover,
+body .el-button.el-button--primary[disabled]:hover,
+body .el-button.el-button--primary.is-plain.is-disabled,
+body .el-button.el-button--primary.is-plain[disabled],
+body .el-button.el-button--primary.is-plain.is-disabled:hover,
+body .el-button.el-button--primary.is-plain[disabled]:hover{
+  background: #7F9FCB;
+  border-color: #7F9FCB;
+  color: #fff;
 }
 body .el-button.el-button--text{
-	border-color: transparent;
+  color: #3071b9;
+}
+body .el-button.el-button--text:hover{
+  color: #0656e4;
+}
+body .el-button+.el-button {
+  margin-left: 10px;
+}
+body .el-button.el-button--text{
+  border-color: transparent;
 }
 
 /*switch*/
 body .el-switch.is-checked .el-switch__core {
-    background-color: #004098;
-	border-color: #004098;
+  background-color: #004098;
+  border-color: #004098;
 }
 body .el-switch.is-checked .el-switch__core .el-switch__action {
-    color: #004098;
+  color: #004098;
 }
 
 /*el-link 文字链接组件*/
 body .el-link.el-link--primary {
-    color: #3071b9;
+  color: #3071b9;
 }
 body .el-link.el-link--primary:hover{
-    color: #0656e4;
+  color: #0656e4;
 }
 
 /*el-drawer 抽屉组件*/
 body .el-drawer .el-drawer__header{
-	padding: 10px 32px 10px 32px;
-    margin: 0;
-	color:#141414;
-	font-size: 18px;
-	font-weight: 500;
-	border-bottom: 1px solid rgba(0 0 0 / 5%);
-	}
+  padding: 10px 32px 10px 32px;
+  margin: 0;
+  color:#141414;
+  font-size: 18px;
+  font-weight: 500;
+  border-bottom: 1px solid rgba(0 0 0 / 5%);
+}
+body .el-drawer .el-drawer__header .title{
+  text-align: left;
+  margin: 0;
+  color: #141414;
+  font-size: 18px;
+  font-weight: 500;
+}
 body .el-drawer .el-drawer__header .drawer-head-btn .el-card.is-always-shadow,
 body .el-drawer .el-drawer__header .drawer-head-btn .el-card.is-hover-shadow{
-	box-shadow: none !important;
-	border-radius: 0 !important;
-	}
+  box-shadow: none !important;
+  border-radius: 0 !important;
+}
 body .el-drawer .el-drawer__header .drawer-head-btn  .el-card .el-card__body{
-	padding: 0 !important;
-	}
+  padding: 0 !important;
+}
 .el-drawer .el-drawer__header .el-drawer__close-btn{
-    display: inline-block;
-    color: #666;
-    width: 36px;
-    height: 36px;
-    border-radius: 4px;
-    text-align: center;
-    cursor: pointer;
-	}
+  display: inline-block;
+  color: #666;
+  width: 36px;
+  height: 36px;
+  border-radius: 4px;
+  text-align: center;
+  cursor: pointer;
+}
 .el-drawer .el-drawer__header .el-drawer__close-btn i{
-	line-height: 26px;
-    padding: 0;
-    color: #515151;
-    font-size: 16px;
-    font-weight: bold;
-	}
+  line-height: 26px;
+  padding: 0;
+  color: #515151;
+  font-size: 16px;
+  font-weight: bold;
+}
 body .el-drawer .el-drawer__body{
-	padding: 16px 32px;
-	}
+  padding: 16px 32px;
+}
 .el-drawer .el-drawer__body .registerbox {
-    margin: 0;
-    padding-top: 0;
+  margin: 0;
+  padding-top: 0;
 }
 
 /*pagination-container 分页*/
 body .apparatus-card>.el-card__body .el-card.gray-card+.pagination-container{
-	padding-bottom:20px !important;
-	}
+  padding-bottom:20px !important;
+}
 body .apparatus-card>.el-card__body .el-card.gray-card+.pagination-container .el-pagination{
-	right:15px;
-	}
+  right:15px;
+}
 body .el-card.gray-card+.pagination-container{
-	margin-top: -3px !important;
-	}
+  margin-top: -3px !important;
+}
 body .pagination-container{
-	height: 28px !important;
-    box-sizing: content-box !important;
-    margin: 15px 0 0 !important;
-	padding: 0 20px !important;
-	}
+  height: 28px !important;
+  box-sizing: content-box !important;
+  margin: 15px 0 0 !important;
+  padding: 0 20px !important;
+}
 body .pagination-container .el-pagination{
-	padding:0 !important;
-	}
+  padding:0 !important;
+}
 body .el-pagination.is-background .el-pager li:not(.disabled).active,
 body .el-pagination.is-background .el-pager li:not(.disabled).active:hover {
-    background-color:#004098;
-    color: #fff;
+  background-color:#004098;
+  color: #fff;
 }
 body .el-pagination.is-background .el-pager li:not(.disabled):hover{
-    color: #004098;
+  color: #004098;
 }
 body .el-pager li:hover{
-	color: #004098;
-	}
+  color: #004098;
+}
 body .el-pager li.active {
-    color: #004098;
+  color: #004098;
 }
 body .el-pager li.is-active {
-    color: #004098;
+  color: #004098;
 }
 body .el-pagination.is-background .btn-next.is-active,
 body .el-pagination.is-background .btn-prev.is-active,
 body .el-pagination.is-background .el-pager li.is-active {
-    background-color:#004098;
-    color: #fff;
+  background-color:#004098;
+  color: #fff;
 }
 body .el-pagination.is-background .btn-next.is-active:hover,
 body .el-pagination.is-background .btn-prev.is-active:hover,
 body .el-pagination.is-background .el-pager li.is-active:hover {
-    background-color:#004098;
-    color: #fff;
+  background-color:#004098;
+  color: #fff;
 }
 body .el-pagination{
-	text-align: right;
-	justify-content: flex-end;
-    padding: 15px 0 0 0;
-	}
+  text-align: right;
+  justify-content: flex-end;
+  padding: 15px 0 0 0;
+}
 body .news-card>.el-card__body .gray-card+.el-pagination,
 body .gray-card+.el-pagination{
-	padding-top:0 !important;
-	}
+  padding-top:0 !important;
+}
 
 /*el-message-box 确认框组件*/
 .el-message-box .el-message-box__btns .el-button.el-button--default.el-button--primary,
 .el-message-box .el-message-box__btns .el-button.el-button--primary{
-	background:#004098;
-	border-color:#004098;
-	color: #fff;
-	}
+  background:#004098;
+  border-color:#004098;
+  color: #fff;
+}
 .el-message-box .el-message-box__btns .el-button.el-button--default.el-button--primary:hover,
 .el-message-box .el-message-box__btns .el-button.el-button--primary:hover{
-	background:#3071b9;
-	border-color:#3071b9;
-	color: #fff;
-	}
+  background:#3071b9;
+  border-color:#3071b9;
+  color: #fff;
+}
 .el-message-box .el-message-box__headerbtn:hover .el-message-box__close{
-	color: #004098;
-	}
+  color: #004098;
+}
 
 /*el-dialog 对话框组件*/
 body .el-dialog{
-	border-radius:10px;
-	}
+  border-radius:10px;
+}
 body .el-dialog>.el-dialog__header{
-	border-bottom: 1px solid #D5D3D3;
-	padding: 15px 30px;
-	height: 55px;
-	box-sizing: border-box;
-	margin: 0;
-	}
+  border-bottom: 1px solid #D5D3D3;
+  padding: 15px 30px;
+  height: 55px;
+  box-sizing: border-box;
+  margin: 0;
+}
 body .el-dialog>.el-dialog__header .el-dialog__title{
-	color: #000;
-	font-size:16px;
-	font-weight:bold;
-	}
+  color: #000;
+  font-size:16px;
+  font-weight:bold;
+}
 body .el-dialog>.el-dialog__header .el-dialog__headerbtn{
-	top: 15px;
-    font-size: 22px;
-    height: 25px;
-    line-height: 25px;
-	color:#666;
-	}
+  top: 15px;
+  font-size: 22px;
+  height: 25px;
+  line-height: 25px;
+  color:#666;
+}
 body .el-dialog>.el-dialog__header .el-dialog__headerbtn:hover,
 body .el-dialog>.el-dialog__header .el-dialog__headerbtn:hover i{
-	color: #004098;
-	}
+  color: #004098;
+}
 body .el-dialog>.el-dialog__body,
 body .el-overlay .el-overlay-dialog .el-dialog>.el-dialog__body{
-	padding:20px 30px !important;
-	}
+  padding:20px 30px !important;
+}
 body .el-dialog>.el-dialog__footer{
-	padding: 10px 30px;
-	height: 55px;
-	box-sizing: border-box;
-	}
+  padding: 10px 30px;
+  height: 55px;
+  box-sizing: border-box;
+}
 body .el-dialog>.el-dialog__footer .dialog-footer{
-	}
+}
 body .el-dialog>.el-dialog__footer .dialog-footer .el-button{
-	padding: 9.5px 22px;
-	}
+  padding: 0 22px;
+}
 
 /*el-input 输入框选择框文本框组件*/
 body .el-input__prefix{
-	color: #4E5969;
+  color: #4E5969;
 }
 body .el-input__wrapper{
-	border-radius: 2px;
+  border-radius: 2px;
 }
 body .el-textarea__inner{
-	border-radius: 2px;
+  border-radius: 2px;
 }
 body .el-textarea__inner:focus{
-	border-color: #004098;
-	box-shadow: 0;
+  border-color: #004098;
+  box-shadow: 0;
 }
 body .el-input__wrapper.is-focus {
-    box-shadow: 0 0 0 1px #004098  inset;
+  box-shadow: 0 0 0 1px #004098  inset;
 }
 body .el-select .el-input__wrapper.is-focus {
-    box-shadow: 0 0 0 1px #004098  inset !important;
+  box-shadow: 0 0 0 1px #004098  inset !important;
 }
 body .el-range-editor.is-active,
 body .el-range-editor.is-active:hover {
-	border-color: #004098;
+  border-color: #004098;
 }
 body .el-select .el-input.is-focus .el-input__wrapper {
-    box-shadow: 0 0 0 1px #004098 inset !important;
+  box-shadow: 0 0 0 1px #004098 inset !important;
 }
 body .el-select .el-input.is-focus .el-input__inner {
-    border-color: #004098;
+  border-color: #004098;
 }
 body .el-select .el-input__inner:focus,
 body .el-input .el-input__inner:focus,
@@ -1199,7 +1222,7 @@ body .el-textarea .el-textarea__inner:focus ,
 body .el-select .el-input__inner:hover,
 body .el-input .el-input__inner:hover,
 body .el-textarea .el-textarea__inner:hover  {
-    border-color:#004098;
+  border-color:#004098;
 }
 body .el-select.is-disabled .el-input__inner:focus,
 body .el-input.is-disabled .el-input__inner:focus,
@@ -1207,17 +1230,17 @@ body .el-textarea.is-disabled .el-textarea__inner:focus ,
 body .el-select.is-disabled .el-input__inner:hover,
 body .el-input.is-disabled .el-input__inner:hover,
 body .el-textarea.is-disabled .el-textarea__inner:hover  {
-    border-color:#dfe4ed;
+  border-color:#dfe4ed;
 }
 body .el-pagination__sizes .el-input .el-input__inner:hover {
-    border-color: #004098;
+  border-color: #004098;
 }
 body .el-input__inner,
 body .el-textarea__inner{
-	font-size: 14px;
-    color: #141414;
-    font-family: "-apple-system","BlinkMacSystemFont","Microsoft YaHei","system-ui";
-	}
+  font-size: 14px;
+  color: #141414;
+  font-family: "-apple-system","BlinkMacSystemFont","Microsoft YaHei","system-ui";
+}
 body .el-input__inner::-webkit-input-placeholder,
 body .el-textarea__inner::-webkit-input-placeholder {
   color:#B4B0B0;
@@ -1235,293 +1258,293 @@ body .el-textarea__inner:-ms-input-placeholder {
   color: #B4B0B0;
 }
 body .el-date-editor .el-range-separator{
-	line-height: 26px;
-	width: 20px;
-	padding: 0;
-	text-align: center;
+  line-height: 26px;
+  width: 20px;
+  padding: 0;
+  text-align: center;
 }
 body .el-switch{
-	line-height: 34px;
-    height: 34px;
-	}
+  line-height: 34px;
+  height: 34px;
+}
 body .el-input__inner{
-	height:34px;
-	line-height:32px;
-	border-radius: 2px;
-	}
+  height:34px;
+  line-height:32px;
+  border-radius: 2px;
+}
 body .el-input .el-input__icon,
 body .el-select .el-input__icon{
-	line-height:32px;
-	height: 32px;
+  line-height:32px;
+  height: 32px;
 }
 body .el-input-number .el-input-number__decrease,
 body .el-input-number .el-input-number__increase{
-	height: 32px;
-	}
+  height: 32px;
+}
 body .el-input-number .el-input-number__decrease i,
 body .el-input-number .el-input-number__increase i{
-	line-height:32px;
-	}
+  line-height:32px;
+}
 body .el-input  i,body .el-select  i{
-	line-height:32px;
-	}
+  line-height:32px;
+}
 body .el-input .el-date-editor i{
-	line-height: 32px;
-	height: 32px;
-	color: #4E5969;
-	}
+  line-height: 32px;
+  height: 32px;
+  color: #4E5969;
+}
 body .el-date-editor.el-range-editor i{
-	height: 26px;
-	line-height: 26px;
-	color: #4E5969;
-	}
+  height: 26px;
+  line-height: 26px;
+  color: #4E5969;
+}
 body .el-radio-group .el-radio{
-	line-height:34px;
-	}
+  line-height:34px;
+}
 body .el-textarea__inner{
-	min-height:100% !important;
-	}
+  min-height:100% !important;
+}
 body .el-input-number__increase:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled),
 body .el-input-number__decrease:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled) {
-    border-color: #004098;
+  border-color: #004098;
 }
 body .el-input-number.is-controls-right .el-input-number__increase,
 body .el-form-item .el-form-item__content .el-input-number.is-controls-right .el-input-number__increase{
-	height: 16px;
-	line-height: 16px;
-	border-radius: 0 4px 0 0;
+  height: 16px;
+  line-height: 16px;
+  border-radius: 0 4px 0 0;
 }
 body .el-input-number.is-controls-right .el-input-number__decrease,
 body .el-form-item .el-form-item__content .el-input-number.is-controls-right .el-input-number__decrease{
-	height: 16px;
-	line-height: 16px;
-	border-radius: 0 0 4px 0;
-	border-bottom: 0;
+  height: 16px;
+  line-height: 16px;
+  border-radius: 0 0 4px 0;
+  border-bottom: 0;
 }
 body .el-input-number.is-controls-right .el-input-number__increase i,
 body .el-form-item .el-form-item__content .el-input-number.is-controls-right .el-input-number__increase i{
-	line-height: 16px;
+  line-height: 16px;
 }
 body .el-input-number.is-controls-right .el-input-number__decrease i,
 body .el-form-item .el-form-item__content .el-input-number.is-controls-right .el-input-number__decrease i{
-	line-height: 16px;
+  line-height: 16px;
 }
 body .el-input-number.is-controls-right .el-input-number__increase:hover,
 body .el-form-item .el-form-item__content .el-input-number.is-controls-right .el-input-number__increase:hover{
-	color: #004098;
+  color: #004098;
 }
 body .el-input-number.is-controls-right .el-input-number__decrease:hover,
 body .el-form-item .el-form-item__content .el-input-number.is-controls-right .el-input-number__decrease:hover{
-	color: #004098;
+  color: #004098;
 }
 body .el-cascader {
-    line-height: 34px;
+  line-height: 34px;
 }
 body .el-input-number{
-	line-height: 34px;
+  line-height: 34px;
 }
 body .el-input-number .el-input__inner{
-	display: block;
+  display: block;
 }
 body .el-cascader .el-input .el-input__inner:focus,
 body .el-cascader .el-input.is-focus .el-input__inner {
-    border-color: #004098;
+  border-color: #004098;
 }
 body .el-cascader-node.in-active-path,
 body .el-cascader-node.is-active,
 body .el-cascader-node.is-selectable.in-checked-path {
-    color: #004098;
+  color: #004098;
 }
 body .el-date-table td.today span {
-    color: #004098;
+  color: #004098;
 }
 body .el-date-table td.available:hover {
-    color: #004098;
+  color: #004098;
 }
 body .el-date-table td.end-date span,
 body .el-date-table td.start-date span {
-    background-color: #004098;
+  background-color: #004098;
 }
 
 .vue-treeselect .vue-treeselect__control{
-	border:1px solid #DCDFE6;
+  border:1px solid #DCDFE6;
 }
 .vue-treeselect:hover .vue-treeselect__control,
 .vue-treeselect .vue-treeselect__control:hover,
 .vue-treeselect:not(.vue-treeselect--disabled):not(.vue-treeselect--focused)  .vue-treeselect__control:hover{
-	border-color:#004098 !important;
+  border-color:#004098 !important;
 }
 .vue-treeselect--focused:not(.vue-treeselect--open) .vue-treeselect__control{
-	border-color:#004098 !important;
-	box-shadow: none !important;
+  border-color:#004098 !important;
+  box-shadow: none !important;
 }
 
 /*el-select-dropdown 下拉选择组件*/
 body .el-select-dropdown__item.selected {
-    color: #004098;
+  color: #004098;
 }
 body .el-select-dropdown__item.hover,
 body .el-select-dropdown__item:hover {
-    background-color: #E5EFFF;
-	color: #004098;
+  background-color: #E5EFFF;
+  color: #004098;
 }
 .el-dropdown-menu .el-dropdown-menu__item:hover{
-	background-color: #E5EFFF;
-	color: #004098;
-	}
+  background-color: #E5EFFF;
+  color: #004098;
+}
 
 /*el-checkbox 多选组件*/
 body .el-checkbox__input.is-checked + .el-checkbox__label {
-    color: #004098;
+  color: #004098;
 }
 body .el-checkbox__input.is-checked .el-checkbox__inner {
-    background-color: #004098;
-    border-color: #004098;
+  background-color: #004098;
+  border-color: #004098;
 }
 body .el-checkbox__inner:hover {
-    border-color: #004098;
+  border-color: #004098;
 }
 body .el-checkbox__input.is-focus .el-checkbox__inner {
-    border-color: #004098;
+  border-color: #004098;
 }
 body .el-checkbox__input.is-indeterminate .el-checkbox__inner {
-    background-color: #004098;
-    border-color: #004098;
+  background-color: #004098;
+  border-color: #004098;
 }
 
 /*el-radio 单选组件*/
 body .el-radio__input.is-checked + .el-radio__label {
-    color: #004098;
+  color: #004098;
 }
 body .el-radio__input.is-checked .el-radio__inner {
-    border-color: #004098;
-    background: #004098;
+  border-color: #004098;
+  background: #004098;
 }
 body .el-radio__inner:hover {
-    border-color: #004098;
+  border-color: #004098;
 }
 body .el-radio__input.is-focus .el-radio__inner {
-    border-color: #004098;
+  border-color: #004098;
 }
 body .el-radio-button__orig-radio:checked + .el-radio-button__inner {
-    background-color: #004098;
-    border-color: #004098;
-    -webkit-box-shadow: -1px 0 0 0 #004098;
-    box-shadow: -1px 0 0 0 #004098;
+  background-color: #004098;
+  border-color: #004098;
+  -webkit-box-shadow: -1px 0 0 0 #004098;
+  box-shadow: -1px 0 0 0 #004098;
 }
 body .el-radio-button__inner:hover {
-    color: #004098;
+  color: #004098;
 }
 
 /*el-upload 上传按钮组件*/
 body .el-upload,
 body .registerbox .avatar-uploader .el-upload{
-	background:#fff;
-	border:1px solid #004098;
-	color:#004098 !important;
-	border-radius: 2px;
-	height: 36px;
-	}
+  background:#fff;
+  border:1px solid #004098;
+  color:#004098 !important;
+  border-radius: 2px;
+  height: 36px;
+}
 body .el-upload:hover,
 body .registerbox .avatar-uploader .el-upload:hover{
-	background:#004098;
-	border-color:#004098;
-	color:#fff !important;
-	}
+  background:#004098;
+  border-color:#004098;
+  color:#fff !important;
+}
 body .el-upload i,
 body .registerbox .avatar-uploader .el-upload i{
-	color:#004098 !important;
-	}
+  color:#004098 !important;
+}
 body .el-upload:hover i,
 body .registerbox .avatar-uploader .el-upload:hover i{
-	color:#fff !important;
-	}
+  color:#fff !important;
+}
 body .el-upload:hover .el-upload-dragger i{
-	color:#004098 !important;
-	}
+  color:#004098 !important;
+}
 body .el-upload .el-button,
 body .el-upload .el-button:hover{
-	border: none !important;
-    background: transparent !important;
-	}
+  border: none !important;
+  background: transparent !important;
+}
 body .el-upload .el-button{
-	color:#004098 !important;
-	}
+  color:#004098 !important;
+}
 body .el-upload:hover .el-button{
-	color:#fff !important;
-	}
+  color:#fff !important;
+}
 body .el-upload .el-button{
-	border-radius: 0 !important;
-	display: block;
+  border-radius: 0 !important;
+  display: block;
 }
 body .el-upload .el-button.el-button--primary{
-    background: #004098 !important;
-    border: 1px solid #004098 !important;
-    color: #fff !important;
+  background: #004098 !important;
+  border: 1px solid #004098 !important;
+  color: #fff !important;
 }
 body .el-upload .el-button.el-button--primary:hover{
-    background: #3071b9 !important;
-    border: 1px solid  #3071b9 !important;
-    color: #fff !important;
+  background: #3071b9 !important;
+  border: 1px solid  #3071b9 !important;
+  color: #fff !important;
 }
 body .el-upload-list__item.is-success .el-upload-list__item-name:focus,
 body .el-upload-list__item.is-success .el-upload-list__item-name:hover {
-    color: #004098;
+  color: #004098;
 }
 
 /*el-tree 树形组件*/
 .el-tree .el-tree-node__content{
-	height:30px;
-	line-height: 30px;
-	margin: 0;
-	font-size:14px;
-	color:#434344;
-	}
+  height:30px;
+  line-height: 30px;
+  margin: 0;
+  font-size:14px;
+  color:#434344;
+}
 .el-tree .el-tree-node .el-tree-node__content:hover {
-    background-color: #E5EFFF ;
-	color:#004098;
+  background-color: #E5EFFF ;
+  color:#004098;
 }
 .el-tree .el-tree-node:focus>.el-tree-node__content {
-    background-color: #E5EFFF ;
-	color:#004098;
+  background-color: #E5EFFF ;
+  color:#004098;
 }
 .el-tree .el-tree-node__expand-icon{
-	color: #09121f;
+  color: #09121f;
 }
 .el-tree .el-tree-node__expand-icon.is-leaf{
-	color: transparent;
+  color: transparent;
 }
 body .el-tree .custom-tree-node{
-	flex: 1;
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
 }
 body .el-tree .custom-tree-node .el-dropdown{
-	margin-right: 8px;
+  margin-right: 8px;
 }
 
 /*el-divider 分割线组件*/
 body .el-divider {
-    background-color: #e5e6eb;
+  background-color: #e5e6eb;
 }
 
 /*el-dropdown-menu 下拉菜单组件*/
 body .el-dropdown-menu__item:focus,
 body .el-dropdown-menu__item:not(.is-disabled):hover {
-    background-color: #f2f3f5;
-    color: #004098;
+  background-color: #f2f3f5;
+  color: #004098;
 }
 
 /*.el-table--border*/
 body .el-table{
-	color: #333;
-	border-left: 1px solid #e5e6eb;
-	border-top: 1px solid #e5e6eb;
+  color: #333;
+  border-left: 1px solid #e5e6eb;
+  border-top: 1px solid #e5e6eb;
 }
 body .el-table thead,
 body .el-table .el-table__header-wrapper th{
-	color: #333;
+  color: #333;
 }
 body .el-table th.el-table__cell,
 body .el-table.is-scrolling-left th.el-table-fixed-column--left,
@@ -1529,180 +1552,211 @@ body .el-table.is-scrolling-right th.el-table-fixed-column--right,
 body .el-table__header-wrapper tr th.el-table-fixed-column--left,
 body .el-table__header-wrapper tr th.el-table-fixed-column--right,
 body .el-table thead.is-group th.el-table__cell{
-	background: #fafafa;
+  background: #fafafa;
 }
 body .el-table td.el-table__cell,
 body .el-table th.el-table__cell.is-leaf{
-    border-bottom-color: #e5e6eb;
+  border-bottom-color: #e5e6eb;
 }
 body .el-table .el-table__cell ,
 body .el-table:not(.el-table--border) .el-table__cell{
-    border-right: 1px solid #e5e6eb;
+  border-right: 1px solid #e5e6eb;
 }
 body .el-table:before {
-    left: 0;
-	bottom: 0;
-	width: 100%;
-	height: 1px;
+  left: 0;
+  bottom: 0;
+  width: 100%;
+  height: 1px;
 }
 body .el-table:after {
-    top: -1px;
-    right: 0;
-    width: 1px;
-    height: 100%;
+  top: -1px;
+  right: 0;
+  width: 1px;
+  height: 100%;
 }
 body .el-table .el-table__inner-wrapper:after{
-    left: 0;
-    top: 0;
-    width: 100%;
-    height: 1px;
-    z-index: 4;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 1px;
+  z-index: 4;
 }
 body .el-table:after,
 body .el-table:before,
 body .el-table .el-table__inner-wrapper:after {
-    content: "" !important;
-    position: absolute;
-    background-color: #e5e6eb;
-    z-index: 4;
+  content: "" !important;
+  position: absolute;
+  background-color: #e5e6eb;
+  z-index: 4;
 }
 body .el-table--border .el-table__cell {
-    border-right-color: #e5e6eb;
+  border-right-color: #e5e6eb;
 }
 body .el-table.is-scrolling-left.el-table--border .el-table-fixed-column--left.is-last-column.el-table__cell {
-    border-right:  1px solid #e5e6eb;
+  border-right:  1px solid #e5e6eb;
 }
 body .el-table--border th.el-table__cell {
-    border-bottom:  1px solid #e5e6eb;
+  border-bottom:  1px solid #e5e6eb;
 }
 body .el-table--border:after,
 body .el-table--border:before,
 body .el-table--border .el-table__inner-wrapper:after,
 body .el-table__inner-wrapper:before,
 body .el-table__border-left-patch{
-    background-color: #e5e6eb;
+  background-color: #e5e6eb;
 }
 body .el-table th .el-form-item,
 body .el-table td .el-form-item{
-	margin-bottom: 0;
+  margin-bottom: 0;
 }
 .el-table td .el-button{
-	font-size:14px !important;
-	padding:0 !important;
-	color:#004098 !important;
-	border:0 !important;
-	background: transparent !important;
-	height: 20px;
-	}
+  font-size:14px !important;
+  padding:0 !important;
+  color:#004098 !important;
+  border:0 !important;
+  background: transparent !important;
+  height: 20px;
+}
 .el-table td .el-button:hover{
-	font-size:14px !important;
-	padding:0 !important;
-	color: #1890FF !important;
-	border:0 !important;
-	background: transparent !important;
-	}
+  font-size:14px !important;
+  padding:0 !important;
+  color: #1890FF !important;
+  border:0 !important;
+  background: transparent !important;
+}
 .el-table td .el-input-group .el-input-group__append,
 .el-table td .el-input-group .el-input-group__append:hover{
-	background: #004098;
-	box-shadow: 0 1px 0 0 #004098 inset;
+  background: #004098;
+  box-shadow: 0 1px 0 0 #004098 inset;
 }
 .el-table td .el-input-group .el-input-group__append .el-button{
-	background: #004098 !important;
-	border-color: #004098 !important;
-	padding: 0 5px !important;
-	line-height: 42px;
+  background: #004098 !important;
+  border-color: #004098 !important;
+  padding: 0 5px !important;
+  line-height: 42px;
 }
 body .el-table td .el-upload:hover .el-button {
-    color: #fff!important;
+  color: #fff!important;
 }
 .el-table td .upload-file{
-	display: block;
-	width: 100%;
+  display: block;
+  width: 100%;
 }
 .el-table td .upload-file+.sm{
-	margin-top: 0;
+  margin-top: 0;
 }
 .el-table td .upload-file .el-upload  .el-button{
-	padding: 0 10px !important;
+  padding: 0 10px !important;
 }
 .el-table td .el-form-item__content .el-form-item__error{
-	display: block;
-	width: 100%;
-	position: relative;
-	top: 0;
-	left: 0;
-	white-space: break-spaces;
-	padding: 4px 0 0 0;
-	line-height: 1.2;
+  display: block;
+  width: 100%;
+  position: relative;
+  top: 0;
+  left: 0;
+  white-space: break-spaces;
+  padding: 4px 0 0 0;
+  line-height: 1.2;
 }
 
 /*el-tabs*/
 body .el-tabs .el-tabs__nav-wrap::after {
-    height: 1px;
-    background-color:#e6e6e6;
+  height: 1px;
+  background-color:#e6e6e6;
 }
 body .el-tabs__active-bar.is-top{
-	display: none;
-	background: #034aac;
+  display: none;
+  background: #034aac;
 }
 body .el-tabs .el-tabs__item{
-	color: #909399;
-	font-size: 14px;
-	border-bottom: 2px solid transparent;
+  color: #909399;
+  font-size: 14px;
+  border-bottom: 2px solid transparent;
 }
 body .el-tabs .el-tabs__item:hover{
-	color: #333;
+  color: #333;
 }
 body .el-tabs .el-tabs__item.is-active,
 body .el-tabs .el-tabs__item.is-active:hover{
-	color: #034aac;
-	font-weight: bold;
-	border-color: #034aac;
+  color: #034aac;
+  font-weight: bold;
+  border-color: #034aac;
 }
 body .el-tabs--top .el-tabs__item.is-top:nth-child(2) {
-    padding-left: 20px;
+  padding-left: 20px;
 }
 body .el-tabs--top .el-tabs__item.is-top:last-child{
-    padding-right: 20px;
+  padding-right: 20px;
+}
+body .el-card>.el-card__body .el-tabs--border-card{
+  box-shadow: none;
+}
+body .el-card>.el-card__body .search-btn .el-tabs--border-card{
+  border: 0;
+}
+body .el-card>.el-card__body .search-btn .el-tabs--border-card>.el-tabs__header{
+  border-bottom: 1px solid #e6e6e6;
+  background: transparent;
+}
+body .el-card>.el-card__body .search-btn .el-tabs--border-card>.el-tabs__header .el-tabs__item{
+  margin: 0;
+  border: none;
+}
+body .el-card>.el-card__body .search-btn .el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active{
+  border: 0;
+  background: transparent;
+  color: #034aac;
+  font-weight: bold;
+  position: relative;
+}
+body .el-card>.el-card__body .search-btn .el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active::after{
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  background: #004098;
+  content: "";
+  display: block;
+  width: 100%;
+  height: 2px;
 }
 
 /*.el-dropdown-link*/
 body .el-table .el-dropdown-link {
-    color: #004098;
+  color: #004098;
 }
 
 /*el-tag*/
 body .el-table .el-tag,
 body .table1 .el-tag{
-	height: 24px;
-	padding: 0 5px;
-	line-height: 22px;
-	font-size: 12px;
-	border-radius: 2px;
+  height: 24px;
+  padding: 0 5px;
+  line-height: 22px;
+  font-size: 12px;
+  border-radius: 2px;
 }
 body .el-tag,
 body .el-tag.el-tag--primary {
-    background-color: #eff5ff;
-    border-color: #bcd5ff;
-    color: #004098 !important;
+  background-color: #eff5ff;
+  border-color: #bcd5ff;
+  color: #004098 !important;
 }
 body .el-tag.orange,
 body .el-tag.el-tag--warning{
-    background-color: rgba(250 173 20 / 8%);
-    border-color: rgba(250 173 20 / 16%);
-    color: #FAAD14 !important;
+  background-color: rgba(250 173 20 / 8%);
+  border-color: rgba(250 173 20 / 16%);
+  color: #FAAD14 !important;
 }
 body .el-tag.green,
 body .el-tag.el-tag--success{
-    background-color: #F6FFED;
-    border-color: #B7EB8F;
-    color: #52C41A !important;
+  background-color: #F6FFED;
+  border-color: #B7EB8F;
+  color: #52C41A !important;
 }
 body .el-tag.red,
 body .el-tag.el-tag--danger{
-    background-color: #FFF1F0;
-    border-color: #FFA39E;
-    color: #F5222D !important;
+  background-color: #FFF1F0;
+  border-color: #FFA39E;
+  color: #F5222D !important;
 }
 
 /*el-alert*/
@@ -1710,13 +1764,13 @@ body .el-tag.el-tag--danger{
 
 }
 body .el-alert .el-alert__icon+.el-alert__content{
-	padding-left: 10px;
+  padding-left: 10px;
 }
 body .el-alert .el-alert__content{
-	padding-left: 0px;
+  padding-left: 0px;
 }
 body .el-alert .el-alert__content i{
-	padding-right: 10px;
+  padding-right: 10px;
 }
 
 /*lfixedtable*/
@@ -1733,277 +1787,277 @@ body .lfixedtable+.el-form-border,
 body .table1+.lfixedtable,
 body .el-table+.lfixedtable,
 body .el-form-border+.lfixedtable{
-	margin-top: 10px;
+  margin-top: 10px;
 }
 .lfixedtable{
-	display: block;
-	width: 100%;
-	overflow: auto;
-	margin: 0 0 10px 0;
-	position: relative;
-	border-left: 1px solid #e5e6eb;
-	border-right: 1px solid #e5e6eb;
+  display: block;
+  width: 100%;
+  overflow: auto;
+  margin: 0 0 10px 0;
+  position: relative;
+  border-left: 1px solid #e5e6eb;
+  border-right: 1px solid #e5e6eb;
 }
 .lfixedtable::-webkit-scrollbar {
-	width: 6px;
-	height: 6px;
+  width: 6px;
+  height: 6px;
 }
 .lfixedtable::-webkit-scrollbar-track-piece {
-	background-color: transparent;
-	border-radius: 4px;
+  background-color: transparent;
+  border-radius: 4px;
 }
 .lfixedtable::-webkit-scrollbar-thumb {
-	cursor: pointer;
-	background-color:#dedfe1;
-	border-radius: 4px;
+  cursor: pointer;
+  background-color:#dedfe1;
+  border-radius: 4px;
 }
 .lfixedtable::-webkit-scrollbar-thumb:hover {
-	cursor: pointer;
-	background-color:#c8c9cc;
-	border-radius: 4px;
+  cursor: pointer;
+  background-color:#c8c9cc;
+  border-radius: 4px;
 }
 .lfixedtable .table1{
-	table-layout: fixed;
-	width: max-content;
-	border-left: 0;
+  table-layout: fixed;
+  width: max-content;
+  border-left: 0;
 }
 .lfixedtable .fix{
-	position: sticky;
-	position: -webkit-sticky;
-	z-index: 3;
+  position: sticky;
+  position: -webkit-sticky;
+  z-index: 3;
 }
 .lfixedtable .table1 tr>th{
-	background: #fafafa;
+  background: #fafafa;
 }
 .lfixedtable .table1 tr>td{
-	background: #fff;
+  background: #fff;
 }
 .lfixedtable .table1 tr>th:first-child,
 .lfixedtable .table1 tr>td:first-child{
-	border-left: 0;
+  border-left: 0;
 }
 .lfixedtable .table1 tr>th:last-child,
 .lfixedtable .table1 tr>td:last-child{
-	border-right: 0;
+  border-right: 0;
 }
 .lfixedtable .fix.f1{
-	left: 0;
+  left: 0;
 }
 .lfixedtable .fix.f2{
-	left: 50px;
+  left: 50px;
 }
 .lfixedtable .fix.f3{
-	left: 200px;
+  left: 200px;
 }
 .lfixedtable .fix.f4{
-	left: 350px;
+  left: 350px;
 }
 .lfixedtable .fix.f5{
-	left: 500px;
+  left: 500px;
 }
 
 /*table1*/
 body .table1+.el-form-border{
-	margin-top: 10px;
+  margin-top: 10px;
 }
 .table1{
-	width: 100%;
-	table-layout: fixed;
-	border-left: 1px solid #e5e6eb;
-	border-top: 1px solid #e5e6eb;
-	font-size: 14px;
-	color: #333;
+  width: 100%;
+  table-layout: fixed;
+  border-left: 1px solid #e5e6eb;
+  border-top: 1px solid #e5e6eb;
+  font-size: 14px;
+  color: #333;
 }
 .table1 thead tr th{
-	background: #fafafa;
-	border-right: 1px solid #e5e6eb;
-	border-bottom: 1px solid #e5e6eb;
-	color: #333;
-	line-height: 23px;
-	padding: 8px 12px;
-	font-weight: bold;
-	text-align: left;
+  background: #fafafa;
+  border-right: 1px solid #e5e6eb;
+  border-bottom: 1px solid #e5e6eb;
+  color: #333;
+  line-height: 23px;
+  padding: 8px 12px;
+  font-weight: bold;
+  text-align: left;
 }
 .table1 td.clum{
-	background: #fafafa;
-	color: #333;
+  background: #fafafa;
+  color: #333;
 }
 .table1 tbody tr td{
-	border-right: 1px solid #e5e6eb;
-	border-bottom: 1px solid #e5e6eb;
-	line-height: 23px;
-	padding: 8px 12px;
-	text-align: left;
+  border-right: 1px solid #e5e6eb;
+  border-bottom: 1px solid #e5e6eb;
+  line-height: 23px;
+  padding: 8px 12px;
+  text-align: left;
 }
 body .table1 thead tr th .el-form-item,
 body .table1 tbody tr td .el-form-item{
-	margin-bottom: 0;
+  margin-bottom: 0;
 }
 .table1 td .el-button{
-	font-size:14px !important;
-	padding:0 !important;
-	color:#004098 !important;
-	border:0 !important;
-	background: transparent !important;
-	line-height: 20px;
-	height: 20px;
+  font-size:14px !important;
+  padding:0 !important;
+  color:#004098 !important;
+  border:0 !important;
+  background: transparent !important;
+  line-height: 20px;
+  height: 20px;
 }
 .table1 td .el-button:hover{
-	font-size:14px !important;
-	padding:0 !important;
-	color: #3071b9 !important;
-	border:0 !important;
-	background: transparent !important;
+  font-size:14px !important;
+  padding:0 !important;
+  color: #3071b9 !important;
+  border:0 !important;
+  background: transparent !important;
 }
 .table1 td .upload-file{
-	display: block;
-	width: 100%;
+  display: block;
+  width: 100%;
 }
 .table1 td .upload-file+.sm{
-	margin-top: 0;
+  margin-top: 0;
 }
 .table1 td .upload-file .el-upload  .el-button{
-	padding: 0 10px !important;
+  padding: 0 10px !important;
 }
 .table1 .ttd{
-	padding: 0;
+  padding: 0;
 }
 .table1 td .el-input-group .el-input-group__append,
 .table1 td .el-input-group .el-input-group__append:hover{
-	background: #004098;
-	box-shadow: 0 1px 0 0 #004098 inset;
+  background: #004098;
+  box-shadow: 0 1px 0 0 #004098 inset;
 }
 .table1 td .el-input-group .el-input-group__append .el-button{
-	background: #004098 !important;
-	border-color: #004098 !important;
-	padding: 0 5px !important;
-	line-height: 42px;
+  background: #004098 !important;
+  border-color: #004098 !important;
+  padding: 0 5px !important;
+  line-height: 42px;
 }
 body .table1 td .el-upload:hover .el-button {
-    color: #fff!important;
+  color: #fff!important;
 }
 body .table1 td .el-form-item__content .el-form-item__error{
-	display: block;
-	width: 100%;
-	position: relative;
-	top: 0;
-	left: 0;
-	white-space: break-spaces;
-	padding: 4px 0 0 0;
-	line-height: 1.2;
+  display: block;
+  width: 100%;
+  position: relative;
+  top: 0;
+  left: 0;
+  white-space: break-spaces;
+  padding: 4px 0 0 0;
+  line-height: 1.2;
 }
 
 /*etable1 表格展开折叠*/
 body .etable1.el-table .el-table__cell.el-table__expanded-cell{
-	padding: 0;
-	border: 0;
+  padding: 0;
+  border: 0;
 }
 body .etable1.el-table .el-table__cell.el-table__expanded-cell>.el-table{
-	border-left: 0;
-	border-top: 0;
+  border-left: 0;
+  border-top: 0;
 }
 body .etable1.el-table  .undefined,
 body .etable1.el-table  .el-table__expanded-cell tr>th:nth-child(1),
 body .etable1.el-table  .el-table__expanded-cell tr>td:nth-child(1),
 body .etable1.el-table  .el-table__expanded-cell tr>th:nth-child(2),
 body .etable1.el-table  .el-table__expanded-cell tr>td:nth-child(2){
-	border-right: 0;
+  border-right: 0;
 }
 
 /*flexbox*/
 .flexbox{
-	display: flex;
-	flex-wrap: nowrap;
+  display: flex;
+  flex-wrap: nowrap;
 }
 .flexbox .ltree{
-	display: block;
-	width: 250px;
-	border-right: 1px solid #d9d9d9;
-	padding: 0 16px 0 0;
+  display: block;
+  width: 250px;
+  border-right: 1px solid #d9d9d9;
+  padding: 0 16px 0 0;
 }
 .flexbox.flexw1 .ltree{
-	width: 120px;
+  width: 120px;
 }
 .flexbox .ltree+.rtable{
-	width: calc(100% - 250px);
+  width: calc(100% - 250px);
 }
 .flexbox.flexw1 .ltree+.rtable{
-	width: calc(100% - 120px);
+  width: calc(100% - 120px);
 }
 .flexbox .rtable{
-	display: block;
-	flex: 1;
-	padding: 0 0 0 16px;
+  display: block;
+  flex: 1;
+  padding: 0 0 0 16px;
 }
 
 /*grab 查询筛选*/
 .grab{
-	display: block;
+  display: block;
 }
 .search{
-	display: flex;
+  display: flex;
 }
 .search .sl{
-	display: flex;
-	align-items: center;
-	flex: 1;
-	flex-wrap: wrap;
+  display: flex;
+  align-items: center;
+  flex: 1;
+  flex-wrap: wrap;
 }
 .search .sr{
-	display: flex;
+  display: flex;
 }
 .search .el-button{
-	margin-top: 4px;
-	margin-bottom: 4px;
+  margin-top: 4px;
+  margin-bottom: 4px;
 }
 .search .el-form-item{
-	margin: 4px 20px 4px 0;
+  margin: 4px 20px 4px 0;
 }
 .search .el-form-item .el-button{
-	margin-top: 0px;
-	margin-bottom: 0px;
+  margin-top: 0px;
+  margin-bottom: 0px;
 }
 .search .el-form-item>.el-form-item__content>.el-input,
 .search .el-form-item>.el-form-item__content>.el-select,
 .search .el-form-item>.el-form-item__content>.el-cascader,
 .search .el-form-item>.el-form-item__content>.el-date-editor.el-range-editor,
 .search .el-form-item>.el-form-item__content>.el-date-editor.el-date-editor{
-	width: 250px;
+  width: 250px;
 }
 .grab .filtrate{
-	display: none;
+  display: none;
 }
 .grab.open .filtrate{
-	display: flex;
+  display: flex;
 }
 .filtrate{
-	display: flex;
-	flex-wrap: wrap;
-	align-items: center;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
 }
 .filtrate .el-button{
-	margin-top: 4px;
-	margin-bottom: 4px;
+  margin-top: 4px;
+  margin-bottom: 4px;
 }
 .filtrate .el-form-item .el-button{
-	margin-top: 0px;
-	margin-bottom: 0px;
+  margin-top: 0px;
+  margin-bottom: 0px;
 }
 .filtrate .el-form-item{
-	margin: 4px 20px 4px 0;
+  margin: 4px 20px 4px 0;
 }
 .filtrate .el-form-item>.el-form-item__content>.el-input,
 .filtrate .el-form-item>.el-form-item__content>.el-select,
 .filtrate .el-form-item>.el-form-item__content>.el-cascader,
 .filtrate .el-form-item>.el-form-item__content>.el-date-editor.el-range-editor,
 .filtrate .el-form-item>.el-form-item__content>.el-date-editor.el-date-editor{
-	width: 250px;
+  width: 250px;
 }
 
 /*operate 操作区域*/
 .operate{
-	display: block;
-	margin: 0 0 20px 0;
+  display: block;
+  margin: 0 0 20px 0;
 }
 
 /*lrtt 树&表格*/
@@ -2011,444 +2065,444 @@ body .etable1.el-table  .el-table__expanded-cell tr>td:nth-child(2){
 
 }
 body .el-card.lrtt>.el-card__body{
-	padding: 0 !important;
-	display: flex;
-	flex-wrap: nowrap;
+  padding: 0 !important;
+  display: flex;
+  flex-wrap: nowrap;
 }
 .lrtt .lt{
-	display: block;
-	padding: 16px;
-	width: 310px;
-	height: 700px;
-	overflow: auto;
+  display: block;
+  padding: 16px;
+  width: 310px;
+  height: 700px;
+  overflow: auto;
 }
 .lrtt .lt+.rt{
-	border-left: 1px solid #e6e6e6;
+  border-left: 1px solid #e6e6e6;
 }
 .lrtt .rt{
-	display: block;
-	padding: 16px;
-	flex: 1;
-	height: 700px;
-	overflow: auto;
+  display: block;
+  padding: 16px;
+  flex: 1;
+  height: 700px;
+  overflow: auto;
 }
 .lrtt .lt::-webkit-scrollbar,
 .lrtt .rt::-webkit-scrollbar{
-	width: 6px;
-	height: 6px;
+  width: 6px;
+  height: 6px;
 }
 .lrtt .lt::-webkit-scrollbar-track-piece,
 .lrtt .rt::-webkit-scrollbar-track-piece{
-	background-color: transparent;
-	border-radius: 4px;
+  background-color: transparent;
+  border-radius: 4px;
 }
 .lrtt .lt::-webkit-scrollbar-thumb,
 .lrtt .rt::-webkit-scrollbar-thumb{
-	cursor: pointer;
-	background-color:#dedfe1;
-	border-radius: 4px;
+  cursor: pointer;
+  background-color:#dedfe1;
+  border-radius: 4px;
 }
 .lrtt .lt::-webkit-scrollbar-thumb:hover,
 .lrtt .rt::-webkit-scrollbar-thumb:hover{
-	cursor: pointer;
-	background-color:#c8c9cc;
-	border-radius: 4px;
+  cursor: pointer;
+  background-color:#c8c9cc;
+  border-radius: 4px;
 }
 
 /*sm*/
 body .sm1,body .sm1.el-alert{
-	margin: 25px 0;
-	background-color: rgba(246, 239, 214, 1) !important;
-	color: #DE0A0A !important;
-	border-radius: 2px;
-	padding: 15px;
+  margin: 25px 0;
+  background-color: rgba(246, 239, 214, 1) !important;
+  color: #DE0A0A !important;
+  border-radius: 2px;
+  padding: 15px;
 }
 body .sm1.el-alert .el-alert__title,body .sm1.el-alert .el-alert__text{
-	font-size: 14px;
+  font-size: 14px;
 }
 body .sm1.el-alert .el-alert__closebtn {
-    top: 18px;
-    right: 10px;
+  top: 18px;
+  right: 10px;
 }
 
 /*textb1*/
 .textb1{
-	line-height: 24px;
+  line-height: 24px;
 }
 .textb1 .ht{
 
 }
 .textb1 .bt{
-	display: flex;
-	display: flex;
+  display: flex;
+  display: flex;
 }
 .textb1 .bt a{
-	margin: 10px 20px 0 0;
+  margin: 10px 20px 0 0;
 }
 
 /*fjlist1 导出附件*/
 .fjlist1 {
-	display: flex;
-	flex-wrap: wrap;
+  display: flex;
+  flex-wrap: wrap;
 }
 .fjlist1 a{
-	margin: 5px 20px 0 0;
+  margin: 5px 20px 0 0;
 }
 
 /*flist1 数据汇总统计*/
 .flist1{
-	display: flex;
-	flex-wrap: wrap;
+  display: flex;
+  flex-wrap: wrap;
 }
 .flist1 .list{
-	display: flex;
-	width: calc(100% / 3);
-	border-right: 1px dashed  #e6e6e6;
-	padding: 2px 16px 2px 24px;
-	align-items: center;
+  display: flex;
+  width: calc(100% / 3);
+  border-right: 1px dashed  #e6e6e6;
+  padding: 2px 16px 2px 24px;
+  align-items: center;
 }
 .flist1 .list:nth-child(3n+1){
-	padding-left: 0;
+  padding-left: 0;
 }
 .flist1 .list:nth-child(3n){
-	border-right: 0;
-	padding-right: 0;
+  border-right: 0;
+  padding-right: 0;
 }
 .flist1 .list .limg{
-	display: block;
-	width: 40px;
-	height: 40px;
-	margin: 0 12px 0 0;
+  display: block;
+  width: 40px;
+  height: 40px;
+  margin: 0 12px 0 0;
 }
 .flist1 .list .ltext{
-	display: block;
+  display: block;
 }
 .flist1 .list .ltext .t1{
-	display: block;
-	color: #333;
-	font-size: 24px;
-	font-weight: bold;
-	line-height: 32px;
+  display: block;
+  color: #333;
+  font-size: 24px;
+  font-weight: bold;
+  line-height: 32px;
 }
 .flist1 .list .ltext .t1 a,.flist1 .list .ltext .t1 a:visited,.flist1 .list .ltext .t1 a:active{
-	color: #333;
-	cursor: pointer;
-	text-decoration: none;
+  color: #333;
+  cursor: pointer;
+  text-decoration: none;
 }
 .flist1 .list .ltext .t1 a:hover{
-	color: #004098;
+  color: #004098;
 }
 .flist1 .list .ltext .t2{
-	display: block;
-	color: #999;
-	font-size: 14px;
-	font-weight: normal;
-	line-height: 22px;
+  display: block;
+  color: #999;
+  font-size: 14px;
+  font-weight: normal;
+  line-height: 22px;
 }
 
 /*flist2 消息中心列表*/
 .flist2{
-	display: block;
-	overflow: auto;
-	height: 342px;
+  display: block;
+  overflow: auto;
+  height: 342px;
 }
 .flist2 .list{
-	display: flex;
-	border-bottom: 1px dashed #EBEEF5;
-	padding: 16px 0;
-	align-items: center;
-	cursor: pointer;
+  display: flex;
+  border-bottom: 1px dashed #EBEEF5;
+  padding: 16px 0;
+  align-items: center;
+  cursor: pointer;
 }
 .flist2 .list:last-child{
-	border-bottom: 0;
+  border-bottom: 0;
 }
 body .el-card .el-card__body .flist2 .list:first-child{
-	padding-top: 0;
+  padding-top: 0;
 }
 body .el-card .el-card__body .flist2 .list:last-child{
-	padding-bottom: 0;
+  padding-bottom: 0;
 }
 .flist2 .list .ltext{
-	display: block;
-	flex: 1;
-	position: relative;
-	padding: 0 0 0 14px;
+  display: block;
+  flex: 1;
+  position: relative;
+  padding: 0 0 0 14px;
 }
 .flist2 .list .ltext::before{
-	content: "";
-	position: absolute;
-	left: 0;
-	top: 8px;
-	display: block;
-	width: 6px;
-	height: 6px;
-	border-radius: 100%;
-	background: #F1403C;
+  content: "";
+  position: absolute;
+  left: 0;
+  top: 8px;
+  display: block;
+  width: 6px;
+  height: 6px;
+  border-radius: 100%;
+  background: #F1403C;
 }
 .flist2 .list .ltext .title{
-	display: block;
-	font-size: 14px;
-	line-height: 22px;
-	color: #333;
+  display: block;
+  font-size: 14px;
+  line-height: 22px;
+  color: #333;
 }
 .flist2 .list .ltext .time{
-	display: block;
-	font-size: 12px;
-	line-height: 20px;
-	color: #ccc;
+  display: block;
+  font-size: 12px;
+  line-height: 20px;
+  color: #ccc;
 }
 .flist2 .list .el-icon-arrow-right{
-	color: #ccc;
-	font-size: 14px;
+  color: #ccc;
+  font-size: 14px;
 }
 .flist2 .list:hover .ltext .title{
-	color: #004098;
+  color: #004098;
 }
 .flist2 .list:hover .ltext .time{
-	color: #888;
+  color: #888;
 }
 .flist2 .list:hover .el-icon-arrow-right{
-	color: #888;
+  color: #888;
 }
 
 /*tjbox 统计图*/
 .tjbox1{
-	display: block;
-	height: 175px;
+  display: block;
+  height: 175px;
 }
 .tjbox2{
-	display: block;
+  display: block;
 }
 .tjbox1 img,
 .tjbox2 img{
-	display: block;
-	margin: 0 auto;
-	max-width: 100%;
-	width: auto;
+  display: block;
+  margin: 0 auto;
+  max-width: 100%;
+  width: auto;
 }
 
 /*divide 分割*/
 .divide{
-	display: block;
-	height: 16px;
+  display: block;
+  height: 16px;
 }
 .divide.double{
-	height: 32px;
+  height: 32px;
 }
 
 /*treebox 树边框*/
 .treebox{
-	border: 1px solid #DCDFE6;
-	border-radius: 2px;
-	padding: 10px;
+  border: 1px solid #DCDFE6;
+  border-radius: 2px;
+  padding: 10px;
 }
 body .el-form-border .el-form  .el-form-item .treebox,
 body .el-form .el-form-border .el-form-item .treebox{
-	 border-style: dashed;
+  border-style: dashed;
 }
 
 /*tboper 标题栏*/
 .tboper{
-	display: flex;
-	margin: 0 0 10px 0;
-	justify-content: space-between;
-	align-items: center;
+  display: flex;
+  margin: 0 0 10px 0;
+  justify-content: space-between;
+  align-items: center;
 }
 .tboper .tit{
-	display: block;
-	font-size: 14px;
-	line-height: 22px;
-	color: #333;
-	position: relative;
-	padding: 0 0 0 9px;
-	font-weight: bold;
+  display: block;
+  font-size: 14px;
+  line-height: 22px;
+  color: #333;
+  position: relative;
+  padding: 0 0 0 9px;
+  font-weight: bold;
 }
 .tboper .tit::before{
-	content: "";
-	position: absolute;
-	left: 0;
-	top: 4px;
-	display: block;
-	width: 3px;
-	height: 14px;
-	background: #004098;
+  content: "";
+  position: absolute;
+  left: 0;
+  top: 4px;
+  display: block;
+  width: 3px;
+  height: 14px;
+  background: #004098;
 }
 .tboper .boper{
-	display: flex;
-	align-items: center;
-	font-size: 14px;
+  display: flex;
+  align-items: center;
+  font-size: 14px;
 }
 .tboper .boper .slist{
-	display: inline-flex;
-	align-items: center;
-	margin: 0 10px 0 0;
+  display: inline-flex;
+  align-items: center;
+  margin: 0 10px 0 0;
 }
 .tboper .boper .slist+.slist{
-	margin-left: 20px;
+  margin-left: 20px;
 }
 .tboper .boper .slist .tt{
-	padding: 0 5px 0 0;
-	white-space: nowrap;
+  padding: 0 5px 0 0;
+  white-space: nowrap;
 }
 .tboper .boper .el-button{
-	padding: 0 8px;
-	height: 30px;
-	line-height: 28px;
+  padding: 0 8px;
+  height: 30px;
+  line-height: 28px;
 }
 .tboper .boper .el-button+.warning{
-	margin-left: 10px;
+  margin-left: 10px;
 }
 .tboper .boper .warning{
-	display: flex;
-	align-items: center;
-	color: #f78800;
+  display: flex;
+  align-items: center;
+  color: #f78800;
 }
 .tboper .boper .warning svg,
 .tboper .boper .warning i{
-	margin: 0 5px 0 0;
+  margin: 0 5px 0 0;
 }
 
 /*login-page 登录*/
 .login-page{
-	display: flex;
-	width: 100%;
-	height: 100%;
-	position: fixed;
-	background: #fff;
+  display: flex;
+  width: 100%;
+  height: 100%;
+  position: fixed;
+  background: #fff;
 }
 body .login-page .el-input .el-input__icon, body .login-page .el-select .el-input__icon {
-    line-height: 38px;
-    height: 38px;
+  line-height: 38px;
+  height: 38px;
 }
 .login-page .loleft{
-	display: block;
-	width: 66.5%;
-	background: url("../images/login-bg.jpg") no-repeat left center;
-	background-size: cover;
-	margin: 0;
-	padding: 0;
+  display: block;
+  width: 66.5%;
+  background: url("../images/login-bg.jpg") no-repeat left center;
+  background-size: cover;
+  margin: 0;
+  padding: 0;
 }
 .login-page .loright{
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	width: 33.5%;
-	padding: 0 50px;
-	margin: 0;
-	box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 33.5%;
+  padding: 0 50px;
+  margin: 0;
+  box-sizing: border-box;
 }
 .login-page .loright .locont{
-	display: block;
-	width: 100%;
-	max-width: 400px;
+  display: block;
+  width: 100%;
+  max-width: 400px;
 }
 .login-page .loright .locont .logoi{
-	display: block;
-	text-align: center;
-	margin: 0 auto 20px auto;
+  display: block;
+  text-align: center;
+  margin: 0 auto 20px auto;
 }
 .login-page .loright .locont .logoi img{
-	display: block;
-	margin: 0 auto;
-	width: 48px;
-	height: auto;
+  display: block;
+  margin: 0 auto;
+  width: 48px;
+  height: auto;
 }
 .login-page .loright .locont .title{
-	display: block;
-	color: #1D2129;
-	text-align: center;
-	font-size: 26px;
-	font-style: normal;
-	font-weight: 700;
-	line-height: 50px;
-	margin: 0;
+  display: block;
+  color: #1D2129;
+  text-align: center;
+  font-size: 26px;
+  font-style: normal;
+  font-weight: 700;
+  line-height: 50px;
+  margin: 0;
 }
 .login-page .loright .locont .title+.el-form{
-	margin-top: 60px;
+  margin-top: 60px;
 }
 .login-page .loright .locont .el-form-item{
-	margin-bottom: 20px;
+  margin-bottom: 20px;
 }
 .login-page .loright .locont .el-form-item:last-child{
-	margin-bottom: 0;
+  margin-bottom: 0;
 }
 .login-page .loright .locont .el-form-item .el-button{
-	display: block;
-	width: 100%;
+  display: block;
+  width: 100%;
 }
 .login-page .loright .locont .el-input__inner,
 .login-page .loright .locont .el-button{
-    border-radius: 2px;
+  border-radius: 2px;
 }
 body .login-page .loright .locont input::-webkit-input-placeholder{
-	color: #86909C;
+  color: #86909C;
 }
 body .login-page .loright .locont input:-moz-placeholder{
-	color: #86909C;
+  color: #86909C;
 }
 body .login-page .loright .locont input::-moz-placeholder{
-	color: #86909C;
+  color: #86909C;
 }
 body .login-page .loright .locont input:-ms-input-placeholder{
-	color: #86909C;
+  color: #86909C;
 }
 body .login-page .loright .locont .el-form-item .el-form-item__content .el-input__inner {
-    height: 38px;
-    line-height: 38px;
+  height: 38px;
+  line-height: 38px;
 }
 body .login-page .loright .locont  .el-form-item .el-form-item__content .el-button {
-    padding: 0 15px;
-    height: 38px;
-    line-height: 38px;
-	font-size: 14px;
-	font-weight: normal;
-	margin: 12px 0 0 0;
+  padding: 0 15px;
+  height: 38px;
+  line-height: 38px;
+  font-size: 14px;
+  font-weight: normal;
+  margin: 12px 0 0 0;
 }
 body .login-page .loright .locont .el-form-item .el-form-item__label {
-    color: #1D2129;
-    font-size: 14px;
-    font-weight: 700;
-    line-height: 22px;
+  color: #1D2129;
+  font-size: 14px;
+  font-weight: 700;
+  line-height: 22px;
 }
 body .login-page .loright .locont .el-form--label-top .el-form-item .el-form-item__label {
-    padding: 0 0 4px 0;
+  padding: 0 0 4px 0;
 }
 
 /*lctitle 流程监控标题*/
 .lctitle{
-	display: block;
-	color: #004098;
-	background: #E6F7FF ;
-	padding: 10px 15px;
-	margin: 0 0 15px 0;
-	font-size: 14px;
-	line-height: 22px;
+  display: block;
+  color: #004098;
+  background: #E6F7FF ;
+  padding: 10px 15px;
+  margin: 0 0 15px 0;
+  font-size: 14px;
+  line-height: 22px;
 }
 
 /*fbox1 工具详情-左右分栏*/
 .fbox1{
-	display: flex;
+  display: flex;
 }
 .fbox1 .fl{
-	display: block;
-	padding: 16px 32px;
-	flex: 1;
+  display: block;
+  padding: 16px 32px;
+  flex: 1;
 }
 .fbox1 .fl+.fr{
-	border-left: 1px solid #e6e6e6;
+  border-left: 1px solid #e6e6e6;
 }
 .fbox1 .fr{
-	display: block;
-	padding: 16px 32px;
-	width: 420px;
+  display: block;
+  padding: 16px 32px;
+  width: 420px;
 }
 
 /*pltextarea 评论框*/
 body .pltextarea{
-	display: block;
-	position: relative;
-	background: #f2f3f5;
-	border-radius: 2px;
+  display: block;
+  position: relative;
+  background: #f2f3f5;
+  border-radius: 2px;
 }
 body .pltextarea .el-textarea{
 
@@ -2456,138 +2510,138 @@ body .pltextarea .el-textarea{
 body .pltextarea .el-textarea .el-textarea__inner,
 body .pltextarea .el-textarea .el-textarea__inner:focus,
 body .pltextarea .el-textarea .el-textarea__inner:hover{
-	border: 0;
-	background: #f2f3f5;
-	padding: 4px 12px 24px 12px;
-	font-size: 14px;
-	color: #000;
+  border: 0;
+  background: #f2f3f5;
+  padding: 4px 12px 24px 12px;
+  font-size: 14px;
+  color: #000;
 }
 body .pltextarea .el-textarea .el-input__count{
-	left: 12px;
-	right: auto;
-	background: transparent;
-	line-height: 20px;
-	bottom: 4px;
-	color: #86909C;
-	font-size: 12px;
+  left: 12px;
+  right: auto;
+  background: transparent;
+  line-height: 20px;
+  bottom: 4px;
+  color: #86909C;
+  font-size: 12px;
 }
 body .pltextarea .plbtn{
-	position: absolute;
-	right: 12px;
-	bottom: 4px;
-	left: auto;
-	z-index: 2;
-	display: flex;
-	flex-wrap: nowrap;
-	align-items: center;
+  position: absolute;
+  right: 12px;
+  bottom: 4px;
+  left: auto;
+  z-index: 2;
+  display: flex;
+  flex-wrap: nowrap;
+  align-items: center;
 }
 body .pltextarea .plbtn .el-button{
-	display: block;
-	padding: 0;
-	height: 20px;
-	line-height: 20px;
-	color: #86909C;
-	font-size: 12px;
-	border: 0;
-	background: transparent;
+  display: block;
+  padding: 0;
+  height: 20px;
+  line-height: 20px;
+  color: #86909C;
+  font-size: 12px;
+  border: 0;
+  background: transparent;
 }
 body .pltextarea .plbtn .el-button:hover{
-	display: block;
-	padding: 0;
-	height: 20px;
-	line-height: 20px;
-	color: #004098;
-	font-size: 12px;
-	border: 0;
-	background: transparent;
+  display: block;
+  padding: 0;
+  height: 20px;
+  line-height: 20px;
+  color: #004098;
+  font-size: 12px;
+  border: 0;
+  background: transparent;
 }
 
 /*pllist*/
 .pllist{
-	display: block;
+  display: block;
 }
 .pllist .list{
-	display: flex;
-	padding: 20px 0;
-	border-bottom: 1px solid #E6E6E6;
+  display: flex;
+  padding: 20px 0;
+  border-bottom: 1px solid #E6E6E6;
 }
 .pllist>.list:last-child{
-	border-bottom: 0;
-	padding-bottom: 0;
+  border-bottom: 0;
+  padding-bottom: 0;
 }
 .pllist .list .luser{
-	display: block;
-	width: 44px;
+  display: block;
+  width: 44px;
 }
 .pllist .list .luser .xuser{
-	display: block;
-	width: 32px;
-	height: 32px;
-	border-radius: 100%;
-	background: #00B2FF;
-	color: #fff;
-	text-align: center;
-	line-height: 32px;
+  display: block;
+  width: 32px;
+  height: 32px;
+  border-radius: 100%;
+  background: #00B2FF;
+  color: #fff;
+  text-align: center;
+  line-height: 32px;
 }
 .pllist .list .luser img{
-	display: block;
-	width: 32px;
-	height: 32px;
-	border-radius: 100%;
+  display: block;
+  width: 32px;
+  height: 32px;
+  border-radius: 100%;
 }
 .pllist .list .ltext{
-	display: block;
-	flex: 1;
+  display: block;
+  flex: 1;
 }
 .pllist .list .ltext>.list{
-	padding: 10px 0;
+  padding: 10px 0;
 }
 .pllist .list .ltext>.list:last-child{
-	border-bottom: 0;
-	padding-bottom: 0;
+  border-bottom: 0;
+  padding-bottom: 0;
 }
 .pllist .list .ltext .nt{
-	display: flex;
-	flex-wrap: wrap;
-	font-size: 14px;
-	line-height: 22px;
+  display: flex;
+  flex-wrap: wrap;
+  font-size: 14px;
+  line-height: 22px;
 }
 .pllist .list .ltext .nt .name{
-	color: #4E5969;
+  color: #4E5969;
 }
 .pllist .list .ltext .nt .time{
-	color: #86909C;
+  color: #86909C;
 }
 .pllist .list .ltext .nt span+span{
-	margin-left: 8px;
+  margin-left: 8px;
 }
 .pllist .list .ltext .te{
-	display: block;
-	font-size: 14px;
-	line-height: 22px;
-	color: #1D2129;
+  display: block;
+  font-size: 14px;
+  line-height: 22px;
+  color: #1D2129;
 }
 .pllist .list .ltext .hb{
-	display: flex;
-	justify-content: flex-end;
-	margin: 8px 0 0 0;
+  display: flex;
+  justify-content: flex-end;
+  margin: 8px 0 0 0;
 }
 .pllist .list .ltext .hb .btn,
 .pllist .list .ltext .hb .btn:visited,
 .pllist .list .ltext .hb .btn:active{
-	display: block;
-	font-size: 14px;
-	line-height: 22px;
-	color: #1D2129;
-	text-decoration: none;
-	cursor: pointer;
+  display: block;
+  font-size: 14px;
+  line-height: 22px;
+  color: #1D2129;
+  text-decoration: none;
+  cursor: pointer;
 }
 .pllist .list .ltext .hb .btn:hover{
-	color: #004098;
+  color: #004098;
 }
 .pllist .list .ltext .hb .btn i{
-	padding: 0 4px 0 0;
+  padding: 0 4px 0 0;
 }
 .pllist .list .ltext .hb+.pltextarea{
-	margin-top: 10px;
+  margin-top: 10px;
 }
diff --git a/src/components/FileUpload/optimizeUpload.vue b/src/components/FileUpload/optimizeUpload.vue
new file mode 100644
index 0000000..bc99cf4
--- /dev/null
+++ b/src/components/FileUpload/optimizeUpload.vue
@@ -0,0 +1,376 @@
+<template>
+<div>
+    <el-upload class="upload-demo" ref="upload" action="#"
+               :before-upload="beforeUpload"
+               :on-change="onChange"
+               :on-remove="handleRemove"
+               :multiple="isMultiple"
+               :on-exceed="handleExceed"
+               :accept="acceptType"
+               :limit="limit"
+               :file-list="fileList"
+               :auto-upload="true"
+               :http-request="uploadFile"
+               show-file-list>
+        <el-button slot="trigger" size="small" type="primary">选取文件</el-button>
+        <div slot="tip" class="el-upload__tip">只能上传{{acceptType}}文件</div>
+    </el-upload>
+    <div v-show="progressFlag" class="head-img">
+        <el-progress :text-inside="true" :stroke-width="14" :percentage="progressPercent" status="success"></el-progress>
+    </div>
+</div>
+</template>
+
+<script>
+import axios from 'axios'
+import {
+    getToken
+} from "@/utils/auth";
+
+export default {
+    props: {
+        uploadUrl: {
+            type: String,
+            required: true
+        },
+        headers: {
+            type: Object,
+            default: () => ({})
+        },
+        extraData: {
+            type: Object,
+            default: () => ({})
+        },
+        onSuccess: {
+            type: Function,
+            default: () => {}
+        },
+        onError: {
+            type: Function,
+            default: () => {}
+        },
+      // 是否多选
+        isMultiple: {
+          type: Boolean,
+          default() {
+            return false
+          }
+        },
+      // 文件类型
+      type: {
+        type: Array,
+        default() {
+          return []
+        }
+      },
+      //上传类型
+      acceptType: {
+        type: String,
+        required: true
+      },
+      // 上传数量
+      limit: {
+        type: Number,
+        default() {
+          return 1
+        }
+      },
+    },
+    data() {
+        return {
+            fileList: [],
+            progress: 0,
+            isUploading: false,
+            progressFlag: false, //进度条初始值隐藏
+            progressPercent: 0, //进度条初始值
+            partSize: 5 * 1024 * 1024,
+        };
+    },
+    methods: {
+      // 上传前
+      beforeUpload(file) {
+       /* const fileType = file.type.toLowerCase()
+        console.info("fileType=======", fileType)
+        const typeFlag = this.type.some(item => {
+          return fileType.indexOf(item) != -1
+        })
+        if (!typeFlag) {
+          this.$message.error('上传类型有误，请重新上传')
+          return false
+        }*/
+      },
+      /*  //上传函数
+        submitUpload(file) {
+            //重新命名 方便setTimeout函数 --因为setTimeout函数在vue内部中无效
+            var that = this;
+            // that.$refs.upload.submit();
+            //判断上传文件数量
+            if (this.fileList.length == 0) {
+                that.$message({
+                    message: '请选择导入的文件',
+                    type: 'warning',
+                    duration: '2000'
+                });
+                return;
+            }
+            //创建FormData();主要用于发送表单数据
+            let paramFormData = new FormData();
+            //遍历 fileList
+            that.fileList.forEach(file => {
+                paramFormData.append("file", file.raw);
+            });
+            //修改progressFlag值
+            that.progressFlag = true;
+            //axios 发出请求
+            axios({
+                url: that.uploadUrl,
+                method: 'post',
+                data: paramFormData,
+                headers: {
+                    'Authorization': 'Bearer ' + getToken(),
+                    'Content-Type': 'multipart/form-data'
+                },
+                onUploadProgress: progressEvent => {
+                    // progressEvent.loaded:已上传文件大小
+                    // progressEvent.total:被上传文件的总大小
+                    //进度条
+                    that.progressPercent = ((progressEvent.loaded / progressEvent.total) * 100) | 0;
+                }
+            }).then(res => {
+                console.info("res===========", res)
+                if (res.data.code == 200 && that.progressPercent === 100) {
+                    setTimeout(function () {
+                        that.$message({
+                            message: '上传成功！',
+                            type: 'success',
+                            duration: '2000'
+                        });
+                        that.progressFlag = false;
+                        that.progressPercent = 0
+                    }, 500);
+                }
+            }).catch(error => {
+                that.progressFlag = false;
+                that.progressPercent = 0
+                that.$refs.upload.clearFiles();
+                that.$message({
+                    message: '上传失败！',
+                    type: 'error',
+                    duration: '2000'
+                });
+            })
+        },*/
+        //文件状态改变时的钩子，添加文件、上传成功和上传失败时都会被调用
+        onChange(file, fileList) {
+            this.fileList = fileList;
+        },
+        handleRemove(file, fileList) {
+            this.fileList = fileList;
+        },
+        handleExceed(files, fileList) {
+            this.$message.warning(
+                "最多之能上传"+ this.limit +"个附件"
+            );
+        },
+      async uploadFile({ data, file }) {
+        let self = this
+        //初始化参数
+        this.progress++
+        if (file.size < this.partSize) {
+          let formData = new FormData()
+          formData.append("file", file)
+          self.progressFlag = true;
+          axios({
+            url: self.uploadUrl,
+            method: 'post',
+            data: formData,
+            headers: {
+              'Authorization': 'Bearer ' + getToken(),
+              'Content-Type': 'multipart/form-data'
+            },
+            onUploadProgress: progressEvent => {
+              // progressEvent.loaded:已上传文件大小
+              // progressEvent.total:被上传文件的总大小
+              //进度条
+              self.progressPercent = ((progressEvent.loaded / progressEvent.total) * 100) | 0;
+            }
+          }).then(res => {
+            setTimeout(() => {
+              if (res.data.code == 200 && self.progressPercent === 100) {
+                setTimeout(function () {
+                  self.$message({
+                    message: '上传成功！',
+                    type: 'success',
+                    duration: '2000'
+                  });
+                  self.progressFlag = false;
+                  self.progressPercent = 0
+                }, 500);
+              } else {
+                self.$message({
+                  message: '上传失败！',
+                  type: 'error',
+                  duration: '2000'
+                });
+              }
+            }, 1000);
+
+          }).catch(error => {
+            console.error(error)
+            self.progressFlag = false;
+            self.progressPercent = 0
+            self.$refs.upload.clearFiles();
+            self.$message({
+              message: '上传失败！',
+              type: 'error',
+              duration: '2000'
+            });
+          })
+        } else {
+          console.info("111111111111")
+          file._shardCount = Math.ceil(file.size / this.partSize) //总片数
+          file.uploaded = 0
+          let formData = new FormData()
+          formData.append('fileName', file.name)
+          let self = this
+
+          //大文件上传初始化,返回uploadId  initUpload(formData)
+          axios({
+            url: process.env.VUE_APP_BASE_API + "/common/initUpload",
+            method: 'post',
+            data: formData,
+            headers: {
+              'Authorization': 'Bearer ' + getToken(),
+              'Content-Type': 'multipart/form-data'
+            },
+          }).then(function (res) {
+            console.info("res=====initUpload=======", res)
+            if (res.status == 200) {
+              //从第0块开始上传
+              file.uploadId = res.data.uploadId
+              file.objectKey = res.data
+              file.chunkId = 0
+              self.uploadByChunk(file)
+            } else {
+              this.progress--
+              self.$message.error(res.msg)
+            }
+          }).catch(error => {
+            self.progressPercent = 0
+            self.progressFlag = false;
+            console.error(error)
+          })
+        }
+
+      },
+      //分片上传大文件
+      uploadByChunk(file) {
+        this._start = file.chunkId * this.partSize
+        this._end = Math.min(file.size, this._start + this.partSize)//结束时总大小，和 开始的大小+之前的大小比较
+        let self = this
+        let fileData = file.slice(this._start, this._end)
+        //获取文件块MD5
+        let reader = new FileReader()
+        reader.readAsBinaryString(fileData)
+        // 读取成功后的回调
+        // reader.onloadend = function(e) {
+        //   用hex_md5生成md5值，与OSS的算法对应，并转换为大写，不是直接md5-js的算法
+        //   self.md5Str[index] = (CryptoJS(this.result)).toLocaleUpperCase()
+        //   self.md5Str[index] = CryptoJS.MD5(e.target.result)
+        // }
+        let form1 = new FormData()//new一个form的实例，可以进行键值对的添加，
+        form1.append('chunkFile', fileData) //slice方法用于切出文件的一部分
+        form1.append('uploadId', file.uploadId)
+        form1.append('chunkId', (file.chunkId + 1).toString())
+        form1.append('shardCount', file._shardCount.toString()) //是否最后一片
+        self.progressFlag = true;
+        //上传大文件的Chunk 返回chunk的MD5 uploadChunk(form1)
+        axios({
+          url: process.env.VUE_APP_BASE_API + "/common/uploadChunk",
+          method: 'post',
+          data: form1,
+          headers: {
+            'Authorization': 'Bearer ' + getToken(),
+            'Content-Type': 'multipart/form-data'
+          },
+          onUploadProgress: progressEvent => {
+            // progressEvent.loaded:已上传文件大小
+            // progressEvent.total:被上传文件的总大小
+            //进度条
+            self.progressPercent = ((progressEvent.loaded / progressEvent.total) * 100) | 0;
+          }
+        }).then(response => {
+          console.info("response=======uploadChunk=====", response)
+          if (response.status == 200) {
+            //判断返回的MD5值是否一致，一致继续传下一块，否则重传本块（这里目前前后端MD5一直不一致，暂时先注释掉，有时间了我再研究一下）
+            // self.md5Str[index] === response.msg ||
+            if (true) {
+              // this.$message.success('第' + (index + 1).toString() + '块文件上传成功')
+              file.uploaded++
+              self.percentageSend(file)
+              //如果没上传完成，继续上传一下块
+              file.chunkId++
+              if (file.chunkId < file._shardCount) {
+                this.uploadByChunk(file)
+              }
+            } else {
+              //不一致，重新传本块
+              this.$message.success('第' + (file.chunkId + 1).toString() + '块文件上传不成功，重新上传')
+              this.uploadByChunk(file.chunkId)
+            }
+          } else {
+            //出错，跳出循环显示错误
+            this.progress--
+            this.$message.error(response.msg)
+          }
+        })
+      },
+      //接收上传的百分值回调
+      percentageSend(file) {
+        let self = this
+        let perNum = Math.floor((file.uploaded / file._shardCount) * 100)
+        this.progressPercent = perNum
+        //如果上传完成，合并文件
+        if (perNum === 100) {
+          let form2 = new FormData()//new一个form的实例，可以进行键值对的添加，
+          form2.append('uploadId', file.uploadId)
+          form2.append('fileName', file.name)
+          // 大文件上传完成后合并
+          // 返回文件访问的URL
+          axios({
+            url: process.env.VUE_APP_BASE_API + "/common/mergeFile",
+            method: 'post',
+            data: form2,
+            headers: {
+              'Authorization': 'Bearer ' + getToken(),
+              'Content-Type': 'multipart/form-data'
+            },
+          }).then(response => {
+            console.info("response====mergeFile========", response)
+            if (response.status == 200) {
+              setTimeout(function () {
+                self.$message({
+                  message: '上传成功！',
+                  type: 'success',
+                  duration: '2000'
+                });
+                self.progressFlag = false;
+                self.progressPercent = 0
+              }, 500);
+            } else {
+              self.$message({
+                message: '上传失败！',
+                type: 'error',
+                duration: '2000'
+              });
+            }
+            console.info("file===============", file)
+          })
+        }
+      },
+      resetData() {
+        this.progress = 0;
+      },
+    }
+};
+</script>
diff --git a/src/views/document/editDocument.vue b/src/views/document/editDocument.vue
index 06c9049..9427eca 100644
--- a/src/views/document/editDocument.vue
+++ b/src/views/document/editDocument.vue
@@ -3,21 +3,32 @@
     <el-form ref="form" :model="form" :rules="rules" label-width="150px">
       <el-row>
         <el-col :span="24">
-          <!--<el-form-item label="文档类别" required>
-            <el-select placeholder="请选择">
-              <el-option label="管理手册" value=""></el-option>
-              <el-option label="操作手册" value=""></el-option>
-              <el-option label="程序文件" value=""></el-option>
-              <el-option label="需求文档" value=""></el-option>
-            </el-select>
-          </el-form-item>-->
-          <el-form-item label="文档类别" prop="docType">
-            <el-input v-model="form.docType" placeholder="请输入文档类别" />
+          <el-form-item label="文件分类" prop="docCode">
+            <treeselect v-model="form.categoryId" :options="docCategory" :show-count="true" placeholder="请选择文件分类"/>
           </el-form-item>
         </el-col>
+
+        <el-col :span="24">
+          <el-form-item label="文档编号" prop="docCode">
+            <el-input v-model="form.docCode" placeholder="请输入文档编号" maxlength="50" show-word-limit/>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="24">
+          <el-form-item label="文档名称" prop="docName">
+            <el-input v-model="form.docName" placeholder="请输入文档名称" maxlength="200" show-word-limit/>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="24">
+          <el-form-item label="文档类别" prop="docType">
+            <el-input v-model="form.docType" placeholder="请输入文档类别" maxlength="50" show-word-limit/>
+          </el-form-item>
+        </el-col>
+
         <el-col :span="24">
           <el-form-item label="文档来源" prop="docSource">
-            <el-input v-model="form.docSource" placeholder="请输入文档来源" />
+            <el-input v-model="form.docSource" placeholder="请输入文档来源" maxlength="50" show-word-limit/>
           </el-form-item>
         </el-col>
         <el-col :span="24">
@@ -27,16 +38,26 @@
         </el-col>
         <el-col :span="24">
           <el-form-item label="负责人" prop="docPrincipals">
-            <el-input v-model="form.docPrincipals" placeholder="请输入负责人" />
+            <el-input v-model="form.docPrincipals" placeholder="请输入负责人" maxlength="50" show-word-limit/>
           </el-form-item>
         </el-col>
         <el-col :span="24">
-          <el-form-item label="归属部门" prop="docRespDept">
-            <el-input v-model="form.docRespDept" placeholder="请输入归属部门" />
+          <el-form-item label="归属单位" prop="docRespDept">
+            <treeselect v-model="form.docRespDept" :options="deptOptions" :show-count="true" placeholder="请输入归属单位" />
           </el-form-item>
         </el-col>
         <el-col :span="24">
           <el-form-item label="文件" required>
+            <uploadVue
+              :uploadUrl="uploadFileUrl"
+              :type="['.txt','.doc','.docx','.pdf','.mp4','.zip','.rar','.7z','.png','.jpg','.jpeg']"
+              :acceptType="acceptType"
+              :limit="1"
+              :onSuccess="handleUploadSuccess"
+              :onError="handleUploadError"
+            />
+<!--            <uploadVue-->
+<!--            <upload-progress/>
             <el-upload
               class="upload-component"
               ref="upload"
@@ -50,7 +71,7 @@
               <el-button size="small" type="primary">点击上传</el-button>
               <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
               <div slot="tip" class="el-upload__tip"><el-progress :percentage="progress"></el-progress></div>
-            </el-upload>
+            </el-upload>-->
           </el-form-item>
         </el-col>
         <el-col :span="24">
@@ -71,7 +92,7 @@
           </el-table-column>-->
           <el-table-column align="center" width="55">
             <template slot-scope="scope">
-              <el-radio v-model="templateSelection" :label="scope.row.prop1">&nbsp;</el-radio>
+              <el-radio v-model="templateSelection" :label="scope.row.prop1"></el-radio>
             </template>
           </el-table-column>
           <el-table-column prop="prop1"  label="工具编号"></el-table-column>
@@ -93,8 +114,15 @@
   import { addDocument, updateDocument } from "@/api/document/document";
   import axios from 'axios';
   import { getToken } from '@/utils/auth'
+  import { deptTreeSelect } from "@/api/system/user";
+  import { documentTree } from "@/api/documentCategory/documentCategory.js";
+  import Treeselect from "@riophae/vue-treeselect";
+  import uploadProgress from "./uploadProgress";
+  import uploadVue from '@/components/FileUpload/optimizeUpload.vue'
+
   export default {
     name: 'editDocument',
+    components: { Treeselect, uploadProgress, uploadVue},
     props: {
       tooId: {
         type: String,
@@ -124,10 +152,12 @@
         ],
         // 表单参数
         form: {
+          categoryId: undefined,
+          docCode: '',
           docName: '',
           docType: '',
           docPrincipals: '',
-          docRespDept: '',
+          docRespDept: undefined,
           docSource: '',
           toolId: ''
         },
@@ -135,16 +165,29 @@
         progress: 0,
         // 表单校验
         rules: {
+          docCode: [
+            { required: true, message: "文档编号不能为空", trigger: "blur" }
+          ],
+          docName: [
+            { required: true, message: "文档名称不能为空", trigger: "blur" }
+          ],
           docType: [
             { required: true, message: "类别不能为空", trigger: "blur" }
           ],
           docSource: [
             { required: true, message: "文档来源不能为空", trigger: "blur" }
           ]
-        }
+        },
+        docCategory:[],
+        deptOptions:[],
+        uploadFileUrl: process.env.VUE_APP_BASE_API + "/common/upload", // 上传文件服务器地址
+        fileData: null,
+        acceptType: ".txt,.doc,.docx,.pdf,.mp4,.zip,.rar,.7z,.png,.jpg,.jpeg"
       }
     },
     created(){
+      this.getDeptTree();
+      this.getDocumentTree();
     },
     mounted(){
      /* this.$nextTick(() => {
@@ -153,7 +196,8 @@
     },
     methods:{
       chooseToolConfirm(){
-        this.form.toolId = this.templateSelection
+        this.$set(this.form, "toolId", this.templateSelection)
+        this.drawer1 = false;
       },
       singleElection(row) {
         this.templateSelection = row.prop1
@@ -182,7 +226,7 @@
       },
       // 取消按钮
       cancel() {
-        this.open = false;
+        this.drawer1 = false;
         this.reset();
       },
       onChange(file, fileList) {
@@ -285,6 +329,46 @@
           console.error('Failed to upload file:', error);
         });
       },
+      /** 查询部门下拉树结构 */
+      getDeptTree() {
+        deptTreeSelect().then(response => {
+          this.deptOptions = response.data;
+        });
+      },
+      /** 查询树形下拉树结构 */
+      getDocumentTree() {
+        documentTree().then(response => {
+          this.docCategory = response.data;
+        });
+      },
+      /** 转换部门数据结构 */
+      normalizer(node) {
+        if (node.children && !node.children.length) {
+          delete node.children;
+        }
+        return {
+          id: node.deptId,
+          label: node.deptName,
+          children: node.children
+        };
+      },
+      // flag 为true表示新增
+      getData(data, flag, index) {
+        console.info("data============", data)
+        console.info("flag============", flag)
+        console.info("index============", index)
+      },
+      getError(message) {
+        this.$message.error(message);
+      },
+      handleUploadSuccess(response) {
+        alert('File uploaded successfully');
+        // 处理上传成功后的逻辑
+      },
+      handleUploadError(error) {
+        alert('Failed to upload file');
+        // 处理上传失败后的逻辑
+      }
     }
   }
 </script>
diff --git a/src/views/document/index.vue b/src/views/document/index.vue
index 9a27869..fc5a9d7 100644
--- a/src/views/document/index.vue
+++ b/src/views/document/index.vue
@@ -23,26 +23,21 @@
     </el-card>
     <el-card class="lrtt">
       <div class="lt">
-        <el-input
-          v-model="deptName"
-          placeholder="请输入部门名称"
-          clearable
-          size="small"
-          prefix-icon="el-icon-search"
-          style="margin-bottom: 20px"
-        />
+        <el-input placeholder="请输入..." prefix-icon="el-icon-search"></el-input>
         <div class="divide"></div><!--divide 分隔-->
-        <el-tree
-          :data="deptOptions"
-          :props="defaultProps"
-          :expand-on-click-node="false"
-          :filter-node-method="filterNode"
-          ref="tree"
-          node-key="id"
-          default-expand-all
-          highlight-current
-          @node-click="handleNodeClick"
-        />
+        <el-tree :data="docCategory" :props="docCategoryProps" @node-click="handleNodeClick">
+					<span class="custom-tree-node" slot-scope="{ node, data }">
+					    <span>{{ node.label }}</span>
+                <el-dropdown>
+                  <span class="el-dropdown-link"><i class="el-icon-more"></i></span>
+                  <el-dropdown-menu slot="dropdown">
+                    <el-dropdown-item  @click.native="handleDocCategoryAdd(data)"><i class="el-icon-plus"></i>添加</el-dropdown-item>
+                    <el-dropdown-item v-if="data.types != 'system'" @@click.native="handleDocCategoryUpdate(data)"><i class="el-icon-edit"></i>编辑</el-dropdown-item>
+                    <el-dropdown-item v-if="data.types != 'system'" @@click.native="handleDocCategoryDelete(data)"><i class="el-icon-delete"></i>删除</el-dropdown-item>
+                  </el-dropdown-menu>
+                </el-dropdown>
+          </span>
+        </el-tree>
       </div><!--lt 左-->
       <div class="rt">
         <div class="operate">
@@ -106,6 +101,28 @@
       </div>
     </el-card>
 
+
+
+    <el-dialog :title="docCategoryTitle" :visible.sync="docCategoryOpen"  width="50%" append-to-body>
+      <el-form ref="docCategoryForm" :model="docCategoryForm" :rules="docCategoryRules" label-width="80px">
+        <el-form-item label="父分类" prop="parentId">
+          <treeselect v-model="docCategoryForm.parentId" :options="docCategory" :show-count="true" placeholder="如果不选择，默认为顶级节点" />
+        </el-form-item>
+        <el-form-item label="分类名称" prop="categoryName">
+          <el-input v-model="docCategoryForm.categoryName" placeholder="请输入分类名称" maxlength="50" show-word-limit/>
+        </el-form-item>
+        <el-form-item label="分类描述" prop="categoryDescription">
+          <el-input v-model="docCategoryForm.categoryDescription"
+                    type="textarea" :rows="3" maxlength="500" show-word-limit
+                    placeholder="请输入分类描述" />
+        </el-form-item>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="docCategorySubmitForm">确 定</el-button>
+        <el-button @click="docCategoryCancel">取 消</el-button>
+      </span>
+    </el-dialog>
+
     <el-dialog :title="viewDialogTitle" :visible.sync="viewDialogOpen" fullscreen width="500px" append-to-body>
       <i-frame :src="previewUrl" />
     </el-dialog>
@@ -128,15 +145,18 @@
 <script>
 import { listDocument, getDocument, delDocument, addDocument, updateDocument } from "@/api/document/document";
 import { deptTreeSelect } from "@/api/system/user";
+import { documentTree,addCategory,updateCategory,delCategory,getCategory } from "@/api/documentCategory/documentCategory.js";
+
 import { Base64 } from 'js-base64';
 import iFrame from "@/components/iFrame/index"
 import editDocument from "./editDocument";
 import uploadProgress from "./uploadProgress";
 import { w3cwebsocket as WebSocket } from 'websocket';
+import Treeselect from "@riophae/vue-treeselect";
 
 export default {
   name: "Document",
-  components: { iFrame, editDocument, uploadProgress },
+  components: { iFrame, editDocument, uploadProgress, Treeselect},
   data() {
     return {
       // 遮罩层
@@ -157,6 +177,12 @@ export default {
         children: "children",
         label: "label"
       },
+      // 文档树
+      docCategory: undefined,
+      docCategoryProps: {
+        children: "children",
+        label: "label"
+      },
       // 总条数
       total: 0,
       // 表格数据
@@ -194,12 +220,35 @@ export default {
         docSource: [
           { required: true, message: "文档来源不能为空", trigger: "blur" }
         ]
-      }
+      },
+      docCategoryRules: {
+        categoryName: [
+          { required: true, message: "分类名称不能为空", trigger: "blur" }
+        ],
+        createBy: [
+          { required: true, message: "创建人名称不能为空", trigger: "blur" }
+        ],
+        createById: [
+          { required: true, message: "创建人id不能为空", trigger: "blur" }
+        ],
+        createTime: [
+          { required: true, message: "创建时间不能为空", trigger: "blur" }
+        ],
+      },
+      docCategoryTitle: "",
+      docCategoryOpen: false,
+      // 文档资源参数
+      docCategoryForm: {
+        categoryName: null,
+        categoryDescription: null,
+        parentId: null
+      },
     };
   },
   created() {
     this.getList();
     this.getDeptTree();
+    this.getDocumentTree();
   },
   methods: {
     /** 查询部门下拉树结构 */
@@ -208,6 +257,12 @@ export default {
         this.deptOptions = response.data;
       });
     },
+    /** 查询树形下拉树结构 */
+    getDocumentTree() {
+      documentTree().then(response => {
+        this.docCategory = response.data;
+      });
+    },
     // 筛选节点
     filterNode(value, data) {
       if (!value) return true;
@@ -268,7 +323,70 @@ export default {
         this.getList();
         this.$modal.msgSuccess("删除成功");
       }).catch(() => {});
+    },
+    /** 新增按钮操作 */
+    handleDocCategoryAdd(data) {
+      console.info("data================", data)
+      this.docCategoryOpen = true;
+      // this.docCategoryForm.parentId = data.id;
+      this.$nextTick(() => {
+        this.resetDocCategoryForm();
+        this.docCategoryForm.parentId = data.id;
+      })
+      this.docCategoryTitle = "添加文档资源分类";
+    },
+    /** 删除按钮操作 */
+    handleDocCategoryDelete(row) {
+      this.$modal.confirm('是否删除该项数据？').then(function() {
+        return delCategory(row.id);
+      }).then(() => {
+        this.getDocumentTree();
+        this.$modal.msgSuccess("删除成功");
+      }).catch((err) => {
+        console.info("err============", err)
+      });
+    },
+    /** 修改按钮操作 */
+    handleDocCategoryUpdate(row) {
+      this.resetDocCategoryForm();
+      const id = row.id;
+      getCategory(id).then(response => {
+        this.docCategoryForm = response.data;
+        this.docCategoryOpen = true;
+        this.docCategoryTitle = "修改文档资源分类";
+      });
+    },
+    /** 提交按钮 */
+    docCategorySubmitForm() {
+      this.$refs["docCategoryForm"].validate(valid => {
+        if (valid) {
+          if (this.docCategoryForm.id != null) {
+            updateCategory(this.docCategoryForm).then(response => {
+              this.$modal.msgSuccess("修改成功");
+              this.docCategoryOpen = false;
+              this.getDocumentTree();
+            });
+          } else {
+            this.$set(this.docCategoryForm, "type", "user")
+            addCategory(this.docCategoryForm).then(response => {
+              this.$modal.msgSuccess("新增成功");
+              this.docCategoryOpen = false;
+              this.getDocumentTree();
+            });
+          }
+        }
+      });
+    },
+    // 取消按钮
+    docCategoryCancel() {
+      this.docCategoryOpen = false;
+      this.resetDocCategoryForm();
+    },
+    /** 重置 **/
+    resetDocCategoryForm(){
+      this.$refs.docCategoryForm.resetFields();
     }
+
   }
 };
 </script>
diff --git a/src/views/login.vue b/src/views/login.vue
index 9763eff..7e4220d 100644
--- a/src/views/login.vue
+++ b/src/views/login.vue
@@ -124,7 +124,7 @@ export default {
 };
 </script>
 
-<style rel="stylesheet/scss" lang="scss">
+<style rel="stylesheet/scss" lang="scss" scoped>
 .login {
   display: flex;
   justify-content: center;
diff --git a/src/views/register.vue b/src/views/register.vue
index 8a49cb4..bca5582 100644
--- a/src/views/register.vue
+++ b/src/views/register.vue
@@ -146,7 +146,7 @@ export default {
 };
 </script>
 
-<style rel="stylesheet/scss" lang="scss">
+<style rel="stylesheet/scss" lang="scss" scoped>
 .register {
   display: flex;
   justify-content: center;