From 6f22f9a1f3bddb3b8b157bee7c006f83dfce02e4 Mon Sep 17 00:00:00 2001 From: pan <380711010@qq.com> Date: Wed, 28 Aug 2024 17:39:02 +0800 Subject: [PATCH] =?UTF-8?q?=E6=96=87=E6=A1=A3=E8=B5=84=E6=BA=90=E8=B0=83?= =?UTF-8?q?=E6=95=B4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/css/tool.css | 2738 +++++++++--------- src/components/FileUpload/optimizeUpload.vue | 376 +++ src/views/document/editDocument.vue | 124 +- src/views/document/index.vue | 160 +- src/views/login.vue | 2 +- src/views/register.vue | 2 +- 6 files changed, 2017 insertions(+), 1385 deletions(-) create mode 100644 src/components/FileUpload/optimizeUpload.vue 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 @@ + + + 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 @@ - - - + + + + + + + + + + + + + + + + + + + + + - + @@ -27,16 +38,26 @@ - + - - + + + + + @@ -71,7 +92,7 @@ --> @@ -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'); + // 处理上传失败后的逻辑 + } } } 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 @@
- +
- + + + {{ node.label }} + + + + 添加 + 编辑 + 删除 + + + +
@@ -106,6 +101,28 @@
+ + + + + + + + + + + + + + + + 确 定 + 取 消 + + + @@ -128,15 +145,18 @@ 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 { }; -