wanggongfeng
4 years ago
58 changed files with 2418 additions and 2098 deletions
|
After Width: | Height: | Size: 108 KiB |
|
After Width: | Height: | Size: 446 KiB |
|
After Width: | Height: | Size: 187 KiB |
|
After Width: | Height: | Size: 59 KiB |
|
After Width: | Height: | Size: 1.7 KiB |
@ -1,262 +1,269 @@ |
|||||
.aui-page__login { |
.aui-page__login { |
||||
|
&::before, |
||||
&::before, |
&::after { |
||||
&::after { |
position: absolute; |
||||
position: absolute; |
top: 0; |
||||
top: 0; |
right: 0; |
||||
right: 0; |
bottom: 0; |
||||
bottom: 0; |
left: 0; |
||||
left: 0; |
z-index: -1; |
||||
z-index: -1; |
content: ""; |
||||
content: ""; |
} |
||||
} |
|
||||
|
&::before { |
||||
&::before { |
background: url(~@/assets/img/login_bg_2112.png) no-repeat; |
||||
background: url(~@/assets/img/login_bg.jpg) no-repeat; |
background-size: 100% 100%; |
||||
background-size: 100% 100%; |
} |
||||
} |
|
||||
|
// &::after { |
||||
// &::after { |
// background-color: rgba(38, 50, 56, .4); |
||||
// background-color: rgba(38, 50, 56, .4); |
// } |
||||
// } |
|
||||
|
.aui-content { |
||||
.aui-content { |
display: flex; |
||||
display: flex; |
flex-flow: column wrap; |
||||
flex-flow: column wrap; |
justify-content: center; |
||||
justify-content: center; |
align-items: flex-end; |
||||
align-items: center; |
margin-right: 12%; |
||||
min-height: 100vh; |
min-height: 100vh; |
||||
padding: 50px 20px 150px; |
padding: 50px 20px 150px; |
||||
text-align: center; |
text-align: center; |
||||
|
|
||||
&__wrapper { |
&__wrapper { |
||||
height: 100vh; |
height: 100vh; |
||||
background-color: transparent; |
background-color: transparent; |
||||
overflow-x: hidden; |
overflow-x: hidden; |
||||
overflow-y: auto; |
overflow-y: auto; |
||||
} |
} |
||||
} |
} |
||||
|
|
||||
.login-header { |
.login-header { |
||||
padding: 20px; |
padding: 20px; |
||||
color: #fff; |
color: #fff; |
||||
|
|
||||
.login-brand { |
.login-brand { |
||||
margin: 0 0 15px; |
margin: 0 0 15px; |
||||
font-size: 40px; |
font-size: 40px; |
||||
font-weight: 400; |
font-weight: 400; |
||||
letter-spacing: 2px; |
letter-spacing: 2px; |
||||
text-transform: uppercase; |
text-transform: uppercase; |
||||
} |
} |
||||
|
|
||||
.login-intro { |
.login-intro { |
||||
padding: 0; |
padding: 0; |
||||
margin: 0; |
margin: 0; |
||||
list-style: none; |
list-style: none; |
||||
|
|
||||
>li { |
> li { |
||||
font-size: 16px; |
font-size: 16px; |
||||
line-height: 1.5; |
line-height: 1.5; |
||||
color: rgba(255, 255, 255, .6); |
color: rgba(255, 255, 255, 0.6); |
||||
|
|
||||
&+li { |
& + li { |
||||
margin-top: 5px; |
margin-top: 5px; |
||||
} |
} |
||||
} |
} |
||||
} |
} |
||||
} |
} |
||||
|
|
||||
.login-body, |
.login-body, |
||||
.login-footer { |
.login-footer { |
||||
width: 460px; |
width: 400px; |
||||
} |
} |
||||
|
|
||||
.login-body { |
.login-body { |
||||
padding: 20px 30px; |
padding: 20px 50px; |
||||
background-color: #fff; |
background-color: #fff; |
||||
box-shadow: 6px 6px 16px #FDDBD4; |
border-radius: 20px; |
||||
|
// box-shadow: 6px 6px 16px #fddbd4; |
||||
.login-title { |
|
||||
font-size: 18px; |
.login-title { |
||||
font-weight: 400; |
font-size: 18px; |
||||
} |
font-weight: 400; |
||||
|
} |
||||
.el-input__prefix .el-input__icon { |
|
||||
font-size: 16px; |
.el-input__prefix .el-input__icon { |
||||
} |
font-size: 16px; |
||||
|
} |
||||
.login-captcha { |
|
||||
height: $--input-height; |
.login-captcha { |
||||
line-height: $--input-height -2px; |
height: $--input-height; |
||||
|
line-height: $--input-height -2px; |
||||
>img { |
|
||||
max-width: 100%; |
> img { |
||||
cursor: pointer; |
max-width: 100%; |
||||
} |
cursor: pointer; |
||||
} |
} |
||||
|
} |
||||
.login-shortcut { |
|
||||
margin-bottom: 20px; |
.login-shortcut { |
||||
|
margin-bottom: 20px; |
||||
&__title { |
|
||||
position: relative; |
&__title { |
||||
margin: 0 0 15px; |
position: relative; |
||||
font-weight: 400; |
margin: 0 0 15px; |
||||
|
font-weight: 400; |
||||
&::before { |
|
||||
position: absolute; |
&::before { |
||||
top: 50%; |
position: absolute; |
||||
right: 0; |
top: 50%; |
||||
left: 0; |
right: 0; |
||||
z-index: 1; |
left: 0; |
||||
content: ""; |
z-index: 1; |
||||
height: 1px; |
content: ""; |
||||
margin-top: -.5px; |
height: 1px; |
||||
background-color: $--border-color-base; |
margin-top: -0.5px; |
||||
overflow: hidden; |
background-color: $--border-color-base; |
||||
} |
overflow: hidden; |
||||
|
} |
||||
>span { |
|
||||
position: relative; |
> span { |
||||
z-index: 2; |
position: relative; |
||||
padding: 0 20px; |
z-index: 2; |
||||
color: rgba(0, 0, 0, .3); |
padding: 0 20px; |
||||
background-color: #fff; |
color: rgba(0, 0, 0, 0.3); |
||||
} |
background-color: #fff; |
||||
} |
} |
||||
|
} |
||||
&__list { |
|
||||
padding: 0; |
&__list { |
||||
margin: 0; |
padding: 0; |
||||
list-style: none; |
margin: 0; |
||||
font-size: 0; |
list-style: none; |
||||
|
font-size: 0; |
||||
>li { |
|
||||
display: inline-block; |
> li { |
||||
vertical-align: middle; |
display: inline-block; |
||||
margin: 0 10px; |
vertical-align: middle; |
||||
font-size: 28px; |
margin: 0 10px; |
||||
} |
font-size: 28px; |
||||
} |
} |
||||
} |
} |
||||
|
} |
||||
.login-guide { |
|
||||
color: rgba(0, 0, 0, .3); |
.login-guide { |
||||
} |
color: rgba(0, 0, 0, 0.3); |
||||
} |
} |
||||
|
} |
||||
.login-footer { |
|
||||
position: absolute; |
.login-footer { |
||||
bottom: 0; |
position: absolute; |
||||
padding: 20px; |
bottom: 0; |
||||
color: rgba(255, 255, 255, .6); |
padding: 20px; |
||||
|
color: rgba(255, 255, 255, 0.6); |
||||
p { |
|
||||
margin: 10px 0; |
p { |
||||
} |
margin: 10px 0; |
||||
|
} |
||||
a { |
|
||||
padding: 0 5px; |
a { |
||||
color: rgba(255, 255, 255, .6); |
padding: 0 5px; |
||||
|
color: rgba(255, 255, 255, 0.6); |
||||
&:focus, |
|
||||
&:hover { |
&:focus, |
||||
color: #fff; |
&:hover { |
||||
} |
color: #fff; |
||||
} |
} |
||||
} |
} |
||||
|
} |
||||
// 右侧垂直风格 |
|
||||
&--right-vertical { |
// 右侧垂直风格 |
||||
.aui-content { |
&--right-vertical { |
||||
flex-flow: row nowrap; |
.aui-content { |
||||
justify-content: flex-start; |
flex-flow: row nowrap; |
||||
align-items: stretch; |
justify-content: flex-start; |
||||
padding: 0; |
align-items: stretch; |
||||
} |
padding: 0; |
||||
|
} |
||||
.login-header { |
|
||||
flex: 1; |
.login-header { |
||||
display: flex; |
flex: 1; |
||||
flex-flow: column wrap; |
display: flex; |
||||
justify-content: center; |
flex-flow: column wrap; |
||||
padding: 30px 120px; |
justify-content: center; |
||||
text-align: left; |
padding: 30px 120px; |
||||
} |
text-align: left; |
||||
|
} |
||||
.login-body { |
|
||||
position: relative; |
.login-body { |
||||
display: flex; |
position: relative; |
||||
flex-flow: column wrap; |
display: flex; |
||||
justify-content: center; |
flex-flow: column wrap; |
||||
padding: 120px 30px 150px; |
justify-content: center; |
||||
text-align: center; |
padding: 120px 30px 150px; |
||||
|
text-align: center; |
||||
.login-guide { |
|
||||
margin-top: 0; |
.login-guide { |
||||
} |
margin-top: 0; |
||||
} |
} |
||||
|
} |
||||
.login-footer { |
|
||||
right: 0; |
.login-footer { |
||||
color: $--color-text-regular; |
right: 0; |
||||
|
color: $--color-text-regular; |
||||
a { |
|
||||
color: $--color-text-regular; |
a { |
||||
|
color: $--color-text-regular; |
||||
&:focus, |
|
||||
&:hover { |
&:focus, |
||||
color: $--color-primary; |
&:hover { |
||||
} |
color: $--color-primary; |
||||
} |
} |
||||
} |
} |
||||
} |
} |
||||
} |
} |
||||
|
} |
||||
@media (max-width: 991px) { |
|
||||
.aui-page__login { |
@media (max-width: 991px) { |
||||
&--right-vertical { |
.aui-page__login { |
||||
.login-header { |
&--right-vertical { |
||||
padding: 30px; |
.login-header { |
||||
} |
padding: 30px; |
||||
} |
} |
||||
} |
} |
||||
} |
} |
||||
|
} |
||||
@media (max-width: 767px) { |
|
||||
.aui-page__login { |
@media (max-width: 767px) { |
||||
&--right-vertical { |
.aui-page__login { |
||||
.login-header { |
&--right-vertical { |
||||
|
.login-header { |
||||
.login-brand, |
|
||||
.login-intro { |
.login-brand, |
||||
display: none; |
.login-intro { |
||||
} |
display: none; |
||||
} |
} |
||||
} |
} |
||||
} |
} |
||||
} |
} |
||||
|
} |
||||
@media (max-width: 575px) { |
|
||||
.aui-page__login { |
@media (max-width: 575px) { |
||||
|
.aui-page__login { |
||||
.login-body, |
|
||||
.login-footer { |
.login-body, |
||||
width: 100%; |
.login-footer { |
||||
} |
width: 100%; |
||||
|
} |
||||
.login-captcha { |
|
||||
text-align: left; |
.login-captcha { |
||||
|
text-align: left; |
||||
>img { |
|
||||
width: 136px; |
>img { |
||||
} |
width: 136px; |
||||
} |
} |
||||
|
} |
||||
&--right-vertical { |
|
||||
.login-header { |
&--right-vertical { |
||||
display: none; |
.login-header { |
||||
} |
display: none; |
||||
} |
} |
||||
} |
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.w-percent-100.el-button--primary { |
||||
|
color: #fff; |
||||
|
background: linear-gradient(90deg, #1A5AFD, #26C4FF); |
||||
|
border-radius: 2px; |
||||
} |
} |
||||
File diff suppressed because it is too large
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1 +1 @@ |
|||||
.el-breadcrumb{font-size:14px;line-height:1}.el-breadcrumb::after,.el-breadcrumb::before{display:table;content:""}.el-breadcrumb::after{clear:both}.el-breadcrumb__separator{margin:0 9px;font-weight:700;color:#c0c4cc}.el-breadcrumb__separator[class*=icon]{margin:0 6px;font-weight:400}.el-breadcrumb__item{float:left}.el-breadcrumb__inner{color:#606266}.el-breadcrumb__inner a,.el-breadcrumb__inner.is-link{font-weight:700;text-decoration:none;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1);color:#303133}.el-breadcrumb__inner a:hover,.el-breadcrumb__inner.is-link:hover{color:#17B3A3;cursor:pointer}.el-breadcrumb__item:last-child .el-breadcrumb__inner,.el-breadcrumb__item:last-child .el-breadcrumb__inner a,.el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover,.el-breadcrumb__item:last-child .el-breadcrumb__inner:hover{font-weight:400;color:#606266;cursor:text}.el-breadcrumb__item:last-child .el-breadcrumb__separator{display:none} |
.el-breadcrumb{font-size:14px;line-height:1}.el-breadcrumb::after,.el-breadcrumb::before{display:table;content:""}.el-breadcrumb::after{clear:both}.el-breadcrumb__separator{margin:0 9px;font-weight:700;color:#c0c4cc}.el-breadcrumb__separator[class*=icon]{margin:0 6px;font-weight:400}.el-breadcrumb__item{float:left}.el-breadcrumb__inner{color:#606266}.el-breadcrumb__inner a,.el-breadcrumb__inner.is-link{font-weight:700;text-decoration:none;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1);color:#303133}.el-breadcrumb__inner a:hover,.el-breadcrumb__inner.is-link:hover{color:#1B80FD;cursor:pointer}.el-breadcrumb__item:last-child .el-breadcrumb__inner,.el-breadcrumb__item:last-child .el-breadcrumb__inner a,.el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover,.el-breadcrumb__item:last-child .el-breadcrumb__inner:hover{font-weight:400;color:#606266;cursor:text}.el-breadcrumb__item:last-child .el-breadcrumb__separator{display:none} |
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1 +1 @@ |
|||||
.el-fade-in-enter,.el-fade-in-leave-active,.el-fade-in-linear-enter,.el-fade-in-linear-leave,.el-fade-in-linear-leave-active,.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active{opacity:0}.fade-in-linear-enter-active,.fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.el-fade-in-enter-active,.el-fade-in-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter,.el-zoom-in-center-leave-active{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center top;transform-origin:center top}.el-zoom-in-top-enter,.el-zoom-in-top-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center bottom;transform-origin:center bottom}.el-zoom-in-bottom-enter,.el-zoom-in-bottom-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:top left;transform-origin:top left}.el-zoom-in-left-enter,.el-zoom-in-left-leave-active{opacity:0;-webkit-transform:scale(.45,.45);transform:scale(.45,.45)}.collapse-transition{-webkit-transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out;transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.horizontal-collapse-transition{-webkit-transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out;transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{-webkit-transition:all 1s;transition:all 1s}.el-list-enter,.el-list-leave-active{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}.el-opacity-transition{-webkit-transition:opacity .3s cubic-bezier(.55,0,.1,1);transition:opacity .3s cubic-bezier(.55,0,.1,1)}.el-collapse{border-top:1px solid #ebeef5;border-bottom:1px solid #ebeef5}.el-collapse-item__header{height:48px;line-height:48px;background-color:#fff;color:#303133;cursor:pointer;border-bottom:1px solid #ebeef5;font-size:13px;font-weight:500;-webkit-transition:border-bottom-color .3s;transition:border-bottom-color .3s;outline:0}.el-collapse-item__arrow{margin-right:8px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;float:right;line-height:48px;font-weight:300}.el-collapse-item__arrow.is-active{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.el-collapse-item__header.focusing:focus:not(:hover){color:#17B3A3}.el-collapse-item__header.is-active{border-bottom-color:transparent}.el-collapse-item__wrap{will-change:height;background-color:#fff;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:1px solid #ebeef5}.el-collapse-item__content{padding-bottom:25px;font-size:13px;color:#303133;line-height:1.769230769230769}.el-collapse-item:last-child{margin-bottom:-1px} |
.fade-in-linear-enter-active,.fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active{opacity:0}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.el-fade-in-linear-enter,.el-fade-in-linear-leave,.el-fade-in-linear-leave-active{opacity:0}.el-fade-in-enter-active,.el-fade-in-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.el-fade-in-enter,.el-fade-in-leave-active{opacity:0}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter,.el-zoom-in-center-leave-active{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center top;transform-origin:center top}.el-zoom-in-top-enter,.el-zoom-in-top-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center bottom;transform-origin:center bottom}.el-zoom-in-bottom-enter,.el-zoom-in-bottom-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:top left;transform-origin:top left}.el-zoom-in-left-enter,.el-zoom-in-left-leave-active{opacity:0;-webkit-transform:scale(.45,.45);transform:scale(.45,.45)}.collapse-transition{-webkit-transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out;transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.horizontal-collapse-transition{-webkit-transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out;transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{-webkit-transition:all 1s;transition:all 1s}.el-list-enter,.el-list-leave-active{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}.el-opacity-transition{-webkit-transition:opacity .3s cubic-bezier(.55,0,.1,1);transition:opacity .3s cubic-bezier(.55,0,.1,1)}.el-collapse{border-top:1px solid #ebeef5;border-bottom:1px solid #ebeef5}.el-collapse-item__header{height:48px;line-height:48px;background-color:#fff;color:#303133;cursor:pointer;border-bottom:1px solid #ebeef5;font-size:13px;font-weight:500;-webkit-transition:border-bottom-color .3s;transition:border-bottom-color .3s;outline:0}.el-collapse-item__arrow{margin-right:8px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;float:right;line-height:48px;font-weight:300}.el-collapse-item__arrow.is-active{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.el-collapse-item__header.focusing:focus:not(:hover){color:#1B80FD}.el-collapse-item__header.is-active{border-bottom-color:transparent}.el-collapse-item__wrap{will-change:height;background-color:#fff;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:1px solid #ebeef5}.el-collapse-item__content{padding-bottom:25px;font-size:13px;color:#303133;line-height:1.769230769230769}.el-collapse-item:last-child{margin-bottom:-1px} |
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1 +1 @@ |
|||||
.v-modal-enter{-webkit-animation:v-modal-in .2s ease;animation:v-modal-in .2s ease}.v-modal-leave{-webkit-animation:v-modal-out .2s ease forwards;animation:v-modal-out .2s ease forwards}@-webkit-keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-in{0%{opacity:0}}@-webkit-keyframes v-modal-out{100%{opacity:0}}@keyframes v-modal-out{100%{opacity:0}}.v-modal{position:fixed;left:0;top:0;width:100%;height:100%;opacity:.5;background:#000}.el-popup-parent--hidden{overflow:hidden}.el-dialog{position:relative;margin:0 auto 50px;background:#fff;border-radius:2px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.3);box-shadow:0 1px 3px rgba(0,0,0,.3);-webkit-box-sizing:border-box;box-sizing:border-box;width:50%}.el-dialog.is-fullscreen{width:100%;margin-top:0;margin-bottom:0;height:100%;overflow:auto}.el-dialog__wrapper{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;margin:0}.el-dialog__header{padding:20px 20px 10px}.el-dialog__headerbtn{position:absolute;top:20px;right:20px;padding:0;background:0 0;border:none;outline:0;cursor:pointer;font-size:16px}.el-dialog__headerbtn .el-dialog__close{color:#909399}.el-dialog__headerbtn:focus .el-dialog__close,.el-dialog__headerbtn:hover .el-dialog__close{color:#17B3A3}.el-dialog__title{line-height:24px;font-size:18px;color:#303133}.el-dialog__body{padding:30px 20px;color:#606266;font-size:14px}.el-dialog__footer{padding:10px 20px 20px;text-align:right;-webkit-box-sizing:border-box;box-sizing:border-box}.el-dialog--center{text-align:center}.el-dialog--center .el-dialog__body{text-align:initial;padding:25px 25px 30px}.el-dialog--center .el-dialog__footer{text-align:inherit}.dialog-fade-enter-active{-webkit-animation:dialog-fade-in .3s;animation:dialog-fade-in .3s}.dialog-fade-leave-active{-webkit-animation:dialog-fade-out .3s;animation:dialog-fade-out .3s}@-webkit-keyframes dialog-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes dialog-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes dialog-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}@keyframes dialog-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}} |
.el-dialog,.el-dialog__footer{-webkit-box-sizing:border-box}.v-modal-enter{-webkit-animation:v-modal-in .2s ease;animation:v-modal-in .2s ease}.v-modal-leave{-webkit-animation:v-modal-out .2s ease forwards;animation:v-modal-out .2s ease forwards}@-webkit-keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-in{0%{opacity:0}}@-webkit-keyframes v-modal-out{100%{opacity:0}}@keyframes v-modal-out{100%{opacity:0}}.v-modal{position:fixed;left:0;top:0;width:100%;height:100%;opacity:.5;background:#000}.el-popup-parent--hidden{overflow:hidden}.el-dialog{position:relative;margin:0 auto 50px;background:#fff;border-radius:2px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.3);box-shadow:0 1px 3px rgba(0,0,0,.3);box-sizing:border-box;width:50%}.el-dialog.is-fullscreen{width:100%;margin-top:0;margin-bottom:0;height:100%;overflow:auto}.el-dialog__wrapper{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;margin:0}.el-dialog__header{padding:20px 20px 10px}.el-dialog__headerbtn{position:absolute;top:20px;right:20px;padding:0;background:0 0;border:none;outline:0;cursor:pointer;font-size:16px}.el-dialog__headerbtn .el-dialog__close{color:#909399}.el-dialog__headerbtn:focus .el-dialog__close,.el-dialog__headerbtn:hover .el-dialog__close{color:#1B80FD}.el-dialog__title{line-height:24px;font-size:18px;color:#303133}.el-dialog__body{padding:30px 20px;color:#606266;font-size:14px}.el-dialog__footer{padding:10px 20px 20px;text-align:right;box-sizing:border-box}.el-dialog--center{text-align:center}.el-dialog--center .el-dialog__body{text-align:initial;padding:25px 25px 30px}.el-dialog--center .el-dialog__footer{text-align:inherit}.dialog-fade-enter-active{-webkit-animation:dialog-fade-in .3s;animation:dialog-fade-in .3s}.dialog-fade-leave-active{-webkit-animation:dialog-fade-out .3s;animation:dialog-fade-out .3s}@-webkit-keyframes dialog-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes dialog-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes dialog-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}@keyframes dialog-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}} |
||||
File diff suppressed because one or more lines are too long
@ -1 +1 @@ |
|||||
.el-form--inline .el-form-item,.el-form--inline .el-form-item__content{display:inline-block;vertical-align:top}.el-form-item::after,.el-form-item__content::after{clear:both}.el-form--label-left .el-form-item__label{text-align:left}.el-form--label-top .el-form-item__label{float:none;display:inline-block;text-align:left;padding:0 0 10px}.el-form--inline .el-form-item{margin-right:10px}.el-form--inline .el-form-item__label{float:none;display:inline-block}.el-form-item__content .el-input-group,.el-form-item__label{vertical-align:middle}.el-form--inline.el-form--label-top .el-form-item__content{display:block}.el-form-item{margin-bottom:22px}.el-form-item::after,.el-form-item::before{display:table;content:""}.el-form-item .el-form-item{margin-bottom:0}.el-form-item--mini.el-form-item,.el-form-item--small.el-form-item{margin-bottom:18px}.el-form-item .el-input__validateIcon{display:none}.el-form-item--medium .el-form-item__content,.el-form-item--medium .el-form-item__label{line-height:36px}.el-form-item--small .el-form-item__content,.el-form-item--small .el-form-item__label{line-height:32px}.el-form-item--small .el-form-item__error{padding-top:2px}.el-form-item--mini .el-form-item__content,.el-form-item--mini .el-form-item__label{line-height:28px}.el-form-item--mini .el-form-item__error{padding-top:1px}.el-form-item__label{text-align:right;float:left;font-size:14px;color:#606266;line-height:40px;padding:0 12px 0 0;-webkit-box-sizing:border-box;box-sizing:border-box}.el-form-item__content{line-height:40px;position:relative;font-size:14px}.el-form-item__content::after,.el-form-item__content::before{display:table;content:""}.el-form-item__error{color:#f56c6c;font-size:12px;line-height:1;padding-top:4px;position:absolute;top:100%;left:0}.el-form-item__error--inline{position:relative;top:auto;left:auto;display:inline-block;margin-left:10px}.el-form-item.is-required>.el-form-item__label:before{content:'*';color:#f56c6c;margin-right:4px}.el-form-item.is-error .el-input__inner,.el-form-item.is-error .el-input__inner:focus,.el-form-item.is-error .el-textarea__inner,.el-form-item.is-error .el-textarea__inner:focus{border-color:#f56c6c}.el-form-item.is-error .el-input-group__append .el-input__inner,.el-form-item.is-error .el-input-group__prepend .el-input__inner{border-color:transparent}.el-form-item.is-error .el-input__validateIcon{color:#f56c6c}.el-form-item.is-success .el-input__inner,.el-form-item.is-success .el-input__inner:focus,.el-form-item.is-success .el-textarea__inner,.el-form-item.is-success .el-textarea__inner:focus{border-color:#67c23a}.el-form-item.is-success .el-input-group__append .el-input__inner,.el-form-item.is-success .el-input-group__prepend .el-input__inner{border-color:transparent}.el-form-item.is-success .el-input__validateIcon{color:#67c23a}.el-form-item--feedback .el-input__validateIcon{display:inline-block} |
.el-form--inline .el-form-item,.el-form--inline .el-form-item__content{display:inline-block;vertical-align:top}.el-form-item::after,.el-form-item__content::after{clear:both}.el-form--label-left .el-form-item__label{text-align:left}.el-form--label-top .el-form-item__label{float:none;display:inline-block;text-align:left;padding:0 0 10px}.el-form--inline .el-form-item{margin-right:10px}.el-form--inline .el-form-item__label{float:none;display:inline-block}.el-form-item__content .el-input-group,.el-form-item__label{vertical-align:middle}.el-form--inline.el-form--label-top .el-form-item__content{display:block}.el-form-item::after,.el-form-item::before,.el-form-item__content::after,.el-form-item__content::before{display:table;content:""}.el-form-item{margin-bottom:22px}.el-form-item .el-form-item{margin-bottom:0}.el-form-item--mini.el-form-item,.el-form-item--small.el-form-item{margin-bottom:18px}.el-form-item .el-input__validateIcon{display:none}.el-form-item--medium .el-form-item__content,.el-form-item--medium .el-form-item__label{line-height:36px}.el-form-item--small .el-form-item__content,.el-form-item--small .el-form-item__label{line-height:32px}.el-form-item--small .el-form-item__error{padding-top:2px}.el-form-item--mini .el-form-item__content,.el-form-item--mini .el-form-item__label{line-height:28px}.el-form-item--mini .el-form-item__error{padding-top:1px}.el-form-item__label{text-align:right;float:left;font-size:14px;color:#606266;line-height:40px;padding:0 12px 0 0;-webkit-box-sizing:border-box;box-sizing:border-box}.el-form-item__content{line-height:40px;position:relative;font-size:14px}.el-form-item__error{color:#f56c6c;font-size:12px;line-height:1;padding-top:4px;position:absolute;top:100%;left:0}.el-form-item__error--inline{position:relative;top:auto;left:auto;display:inline-block;margin-left:10px}.el-form-item.is-required>.el-form-item__label:before{content:'*';color:#f56c6c;margin-right:4px}.el-form-item.is-error .el-input__inner,.el-form-item.is-error .el-input__inner:focus,.el-form-item.is-error .el-textarea__inner,.el-form-item.is-error .el-textarea__inner:focus{border-color:#f56c6c}.el-form-item.is-error .el-input-group__append .el-input__inner,.el-form-item.is-error .el-input-group__prepend .el-input__inner{border-color:transparent}.el-form-item.is-error .el-input__validateIcon{color:#f56c6c}.el-form-item.is-success .el-input__inner,.el-form-item.is-success .el-input__inner:focus,.el-form-item.is-success .el-textarea__inner,.el-form-item.is-success .el-textarea__inner:focus{border-color:#67c23a}.el-form-item.is-success .el-input-group__append .el-input__inner,.el-form-item.is-success .el-input-group__prepend .el-input__inner{border-color:transparent}.el-form-item.is-success .el-input__validateIcon{color:#67c23a}.el-form-item--feedback .el-input__validateIcon{display:inline-block} |
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1 +1 @@ |
|||||
.el-loading-parent--relative{position:relative!important}.el-loading-parent--hidden{overflow:hidden!important}.el-loading-mask{position:absolute;z-index:2000;background-color:rgba(255,255,255,.9);margin:0;top:0;right:0;bottom:0;left:0;-webkit-transition:opacity .3s;transition:opacity .3s}.el-loading-mask.is-fullscreen{position:fixed}.el-loading-mask.is-fullscreen .el-loading-spinner{margin-top:-25px}.el-loading-mask.is-fullscreen .el-loading-spinner .circular{height:50px;width:50px}.el-loading-spinner{top:50%;margin-top:-21px;width:100%;text-align:center;position:absolute}.el-loading-spinner .el-loading-text{color:#17B3A3;margin:3px 0;font-size:14px}.el-loading-spinner .circular{height:42px;width:42px;-webkit-animation:loading-rotate 2s linear infinite;animation:loading-rotate 2s linear infinite}.el-loading-spinner .path{-webkit-animation:loading-dash 1.5s ease-in-out infinite;animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:#17B3A3;stroke-linecap:round}.el-loading-spinner i{color:#17B3A3}.el-loading-fade-enter,.el-loading-fade-leave-active{opacity:0}@-webkit-keyframes loading-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loading-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}100%{stroke-dasharray:90,150;stroke-dashoffset:-120px}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}100%{stroke-dasharray:90,150;stroke-dashoffset:-120px}} |
.el-loading-parent--relative{position:relative!important}.el-loading-parent--hidden{overflow:hidden!important}.el-loading-mask{position:absolute;z-index:2000;background-color:rgba(255,255,255,.9);margin:0;top:0;right:0;bottom:0;left:0;-webkit-transition:opacity .3s;transition:opacity .3s}.el-loading-mask.is-fullscreen{position:fixed}.el-loading-mask.is-fullscreen .el-loading-spinner{margin-top:-25px}.el-loading-mask.is-fullscreen .el-loading-spinner .circular{height:50px;width:50px}.el-loading-spinner{top:50%;margin-top:-21px;width:100%;text-align:center;position:absolute}.el-loading-spinner .el-loading-text{color:#1B80FD;margin:3px 0;font-size:14px}.el-loading-spinner .circular{height:42px;width:42px;-webkit-animation:loading-rotate 2s linear infinite;animation:loading-rotate 2s linear infinite}.el-loading-spinner .path{-webkit-animation:loading-dash 1.5s ease-in-out infinite;animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:#1B80FD;stroke-linecap:round}.el-loading-spinner i{color:#1B80FD}.el-loading-fade-enter,.el-loading-fade-leave-active{opacity:0}@-webkit-keyframes loading-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loading-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}100%{stroke-dasharray:90,150;stroke-dashoffset:-120px}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}100%{stroke-dasharray:90,150;stroke-dashoffset:-120px}} |
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1 +1 @@ |
|||||
.el-message__closeBtn:focus,.el-message__content:focus{outline-width:0}.el-message{min-width:380px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;border-width:1px;border-style:solid;border-color:#ebeef5;position:fixed;left:50%;top:20px;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:#edf2fc;-webkit-transition:opacity .3s,-webkit-transform .4s;transition:opacity .3s,-webkit-transform .4s;transition:opacity .3s,transform .4s;transition:opacity .3s,transform .4s,-webkit-transform .4s;overflow:hidden;padding:15px 15px 15px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-message.is-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.el-message.is-closable .el-message__content{padding-right:16px}.el-message p{margin:0}.el-message--info .el-message__content{color:#909399}.el-message--success{background-color:#f0f9eb;border-color:#e1f3d8}.el-message--success .el-message__content{color:#67c23a}.el-message--warning{background-color:#fdf6ec;border-color:#faecd8}.el-message--warning .el-message__content{color:#e6a23c}.el-message--error{background-color:#fef0f0;border-color:#fde2e2}.el-message--error .el-message__content{color:#f56c6c}.el-message__icon{margin-right:10px}.el-message__content{padding:0;font-size:14px;line-height:1}.el-message__closeBtn{position:absolute;top:50%;right:15px;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer;color:#c0c4cc;font-size:16px}.el-message__closeBtn:hover{color:#909399}.el-message .el-icon-success{color:#67c23a}.el-message .el-icon-error{color:#f56c6c}.el-message .el-icon-info{color:#909399}.el-message .el-icon-warning{color:#e6a23c}.el-message-fade-enter,.el-message-fade-leave-active{opacity:0;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%)} |
.el-message{min-width:380px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;border-width:1px;border-style:solid;border-color:#ebeef5;position:fixed;left:50%;top:20px;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:#edf2fc;-webkit-transition:opacity .3s,-webkit-transform .4s;transition:opacity .3s,-webkit-transform .4s;transition:opacity .3s,transform .4s;transition:opacity .3s,transform .4s,-webkit-transform .4s;overflow:hidden;padding:15px 15px 15px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-message.is-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.el-message.is-closable .el-message__content{padding-right:16px}.el-message p{margin:0}.el-message--info .el-message__content{color:#909399}.el-message--success{background-color:#f0f9eb;border-color:#e1f3d8}.el-message--success .el-message__content{color:#67c23a}.el-message--warning{background-color:#fdf6ec;border-color:#faecd8}.el-message--warning .el-message__content{color:#e6a23c}.el-message--error{background-color:#fef0f0;border-color:#fde2e2}.el-message--error .el-message__content{color:#f56c6c}.el-message__icon{margin-right:10px}.el-message__content{padding:0;font-size:14px;line-height:1}.el-message__content:focus{outline-width:0}.el-message__closeBtn{position:absolute;top:50%;right:15px;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer;color:#c0c4cc;font-size:16px}.el-message__closeBtn:focus{outline-width:0}.el-message__closeBtn:hover{color:#909399}.el-message .el-icon-success{color:#67c23a}.el-message .el-icon-error{color:#f56c6c}.el-message .el-icon-info{color:#909399}.el-message .el-icon-warning{color:#e6a23c}.el-message-fade-enter,.el-message-fade-leave-active{opacity:0;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%)} |
||||
@ -1 +1 @@ |
|||||
.el-select-dropdown__item{font-size:14px;padding:0 20px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#606266;height:34px;line-height:34px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.el-select-dropdown__item.is-disabled{color:#c0c4cc;cursor:not-allowed}.el-select-dropdown__item.is-disabled:hover{background-color:#fff}.el-select-dropdown__item.hover,.el-select-dropdown__item:hover{background-color:#f5f7fa}.el-select-dropdown__item.selected{color:#17B3A3;font-weight:700} |
.el-select-dropdown__item{font-size:14px;padding:0 20px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#606266;height:34px;line-height:34px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.el-select-dropdown__item.is-disabled{color:#c0c4cc;cursor:not-allowed}.el-select-dropdown__item.is-disabled:hover{background-color:#fff}.el-select-dropdown__item.hover,.el-select-dropdown__item:hover{background-color:#f5f7fa}.el-select-dropdown__item.selected{color:#1B80FD;font-weight:700} |
||||
File diff suppressed because one or more lines are too long
@ -1 +1 @@ |
|||||
.el-popper .popper__arrow,.el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.el-popper .popper__arrow::after{content:" ";border-width:6px}.el-popper[x-placement^=top]{margin-bottom:12px}.el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#ebeef5;border-bottom-width:0}.el-popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.el-popper[x-placement^=bottom]{margin-top:12px}.el-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#ebeef5}.el-popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.el-popper[x-placement^=right]{margin-left:12px}.el-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#ebeef5;border-left-width:0}.el-popper[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.el-popper[x-placement^=left]{margin-right:12px}.el-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#ebeef5}.el-popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}.el-popover{position:absolute;background:#fff;min-width:150px;border-radius:4px;border:1px solid #ebeef5;padding:12px;z-index:2000;color:#606266;line-height:1.4;text-align:justify;font-size:14px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-popover--plain{padding:18px 20px}.el-popover__title{color:#303133;font-size:16px;line-height:1;margin-bottom:12px}.el-popover:focus,.el-popover:focus:active,.el-popover__reference:focus:hover,.el-popover__reference:focus:not(.focusing){outline-width:0} |
.el-popover__title,.el-popper[x-placement^=top]{margin-bottom:12px}.el-popper .popper__arrow,.el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.el-popper .popper__arrow::after{content:" ";border-width:6px}.el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#ebeef5;border-bottom-width:0}.el-popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.el-popper[x-placement^=bottom]{margin-top:12px}.el-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#ebeef5}.el-popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.el-popper[x-placement^=right]{margin-left:12px}.el-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#ebeef5;border-left-width:0}.el-popper[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.el-popper[x-placement^=left]{margin-right:12px}.el-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#ebeef5}.el-popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}.el-popover{position:absolute;background:#fff;min-width:150px;border-radius:4px;border:1px solid #ebeef5;padding:12px;z-index:2000;color:#606266;line-height:1.4;text-align:justify;font-size:14px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-popover--plain{padding:18px 20px}.el-popover__title{color:#303133;font-size:16px;line-height:1}.el-popover:focus,.el-popover:focus:active,.el-popover__reference:focus:hover,.el-popover__reference:focus:not(.focusing){outline-width:0} |
||||
@ -1 +1 @@ |
|||||
.el-progress{position:relative;line-height:1}.el-progress__text{font-size:14px;color:#606266;display:inline-block;vertical-align:middle;margin-left:10px;line-height:1}.el-progress__text i{vertical-align:middle;display:block}.el-progress--circle{display:inline-block}.el-progress--circle .el-progress__text{position:absolute;top:50%;left:0;width:100%;text-align:center;margin:0;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}.el-progress--circle .el-progress__text i{vertical-align:middle;display:inline-block}.el-progress--without-text .el-progress__text{display:none}.el-progress--without-text .el-progress-bar{padding-right:0;margin-right:0;display:block}.el-progress-bar,.el-progress-bar__inner::after,.el-progress-bar__innerText{display:inline-block;vertical-align:middle}.el-progress--text-inside .el-progress-bar{padding-right:0;margin-right:0}.el-progress.is-success .el-progress-bar__inner{background-color:#67c23a}.el-progress.is-success .el-progress__text{color:#67c23a}.el-progress.is-exception .el-progress-bar__inner{background-color:#f56c6c}.el-progress.is-exception .el-progress__text{color:#f56c6c}.el-progress-bar{padding-right:50px;width:100%;margin-right:-55px;-webkit-box-sizing:border-box;box-sizing:border-box}.el-progress-bar__outer{height:6px;border-radius:100px;background-color:#ebeef5;overflow:hidden;position:relative;vertical-align:middle}.el-progress-bar__inner{position:absolute;left:0;top:0;height:100%;background-color:#17B3A3;text-align:right;border-radius:100px;line-height:1;white-space:nowrap}.el-progress-bar__inner::after{content:"";height:100%}.el-progress-bar__innerText{color:#fff;font-size:12px;margin:0 5px}@-webkit-keyframes progress{0%{background-position:0 0}100%{background-position:32px 0}}@keyframes progress{0%{background-position:0 0}100%{background-position:32px 0}} |
.el-progress{position:relative;line-height:1}.el-progress__text{font-size:14px;color:#606266;display:inline-block;vertical-align:middle;margin-left:10px;line-height:1}.el-progress__text i{vertical-align:middle;display:block}.el-progress--circle{display:inline-block}.el-progress--circle .el-progress__text{position:absolute;top:50%;left:0;width:100%;text-align:center;margin:0;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}.el-progress--circle .el-progress__text i{vertical-align:middle;display:inline-block}.el-progress--without-text .el-progress__text{display:none}.el-progress--without-text .el-progress-bar{padding-right:0;margin-right:0;display:block}.el-progress-bar,.el-progress-bar__inner::after,.el-progress-bar__innerText{display:inline-block;vertical-align:middle}.el-progress--text-inside .el-progress-bar{padding-right:0;margin-right:0}.el-progress.is-success .el-progress-bar__inner{background-color:#67c23a}.el-progress.is-success .el-progress__text{color:#67c23a}.el-progress.is-exception .el-progress-bar__inner{background-color:#f56c6c}.el-progress.is-exception .el-progress__text{color:#f56c6c}.el-progress-bar{padding-right:50px;width:100%;margin-right:-55px;-webkit-box-sizing:border-box;box-sizing:border-box}.el-progress-bar__outer{height:6px;border-radius:100px;background-color:#ebeef5;overflow:hidden;position:relative;vertical-align:middle}.el-progress-bar__inner{position:absolute;left:0;top:0;height:100%;background-color:#1B80FD;text-align:right;border-radius:100px;line-height:1;white-space:nowrap}.el-progress-bar__inner::after{content:"";height:100%}.el-progress-bar__innerText{color:#fff;font-size:12px;margin:0 5px}@-webkit-keyframes progress{0%{background-position:0 0}100%{background-position:32px 0}}@keyframes progress{0%{background-position:0 0}100%{background-position:32px 0}} |
||||
@ -1 +1 @@ |
|||||
@charset "UTF-8";.el-radio-button,.el-radio-button__inner{display:inline-block;position:relative;outline:0}.el-radio-button__inner{line-height:1;white-space:nowrap;vertical-align:middle;background:#fff;border:1px solid #dcdfe6;font-weight:500;border-left:0;color:#606266;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;cursor:pointer;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);padding:12px 20px;font-size:14px;border-radius:0}.el-radio-button__inner.is-round{padding:12px 20px}.el-radio-button__inner:hover{color:#17B3A3}.el-radio-button__inner [class*=el-icon-]{line-height:.9}.el-radio-button__inner [class*=el-icon-]+span{margin-left:5px}.el-radio-button:first-child .el-radio-button__inner{border-left:1px solid #dcdfe6;border-radius:4px 0 0 4px;-webkit-box-shadow:none!important;box-shadow:none!important}.el-radio-button__orig-radio{opacity:0;outline:0;position:absolute;z-index:-1}.el-radio-button__orig-radio:checked+.el-radio-button__inner{color:#fff;background-color:#17B3A3;border-color:#17B3A3;-webkit-box-shadow:-1px 0 0 0 #17B3A3;box-shadow:-1px 0 0 0 #17B3A3}.el-radio-button__orig-radio:disabled+.el-radio-button__inner{color:#c0c4cc;cursor:not-allowed;background-image:none;background-color:#fff;border-color:#ebeef5;-webkit-box-shadow:none;box-shadow:none}.el-radio-button__orig-radio:disabled:checked+.el-radio-button__inner{background-color:#f2f6fc}.el-radio-button:last-child .el-radio-button__inner{border-radius:0 4px 4px 0}.el-radio-button:first-child:last-child .el-radio-button__inner{border-radius:4px}.el-radio-button--medium .el-radio-button__inner{padding:10px 20px;font-size:14px;border-radius:0}.el-radio-button--medium .el-radio-button__inner.is-round{padding:10px 20px}.el-radio-button--small .el-radio-button__inner{padding:9px 15px;font-size:12px;border-radius:0}.el-radio-button--small .el-radio-button__inner.is-round{padding:9px 15px}.el-radio-button--mini .el-radio-button__inner{padding:7px 15px;font-size:12px;border-radius:0}.el-radio-button--mini .el-radio-button__inner.is-round{padding:7px 15px}.el-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled){-webkit-box-shadow:0 0 2px 2px #17B3A3;box-shadow:0 0 2px 2px #17B3A3} |
@charset "UTF-8";.el-radio-button,.el-radio-button__inner{display:inline-block;position:relative;outline:0}.el-radio-button__inner{line-height:1;white-space:nowrap;vertical-align:middle;background:#fff;border:1px solid #dcdfe6;font-weight:500;border-left:0;color:#606266;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;cursor:pointer;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);padding:12px 20px;font-size:14px;border-radius:0}.el-radio-button__inner.is-round{padding:12px 20px}.el-radio-button__inner:hover{color:#1B80FD}.el-radio-button__inner [class*=el-icon-]{line-height:.9}.el-radio-button__inner [class*=el-icon-]+span{margin-left:5px}.el-radio-button:first-child .el-radio-button__inner{border-left:1px solid #dcdfe6;border-radius:4px 0 0 4px;-webkit-box-shadow:none!important;box-shadow:none!important}.el-radio-button__orig-radio{opacity:0;outline:0;position:absolute;z-index:-1}.el-radio-button__orig-radio:checked+.el-radio-button__inner{color:#fff;background-color:#1B80FD;border-color:#1B80FD;-webkit-box-shadow:-1px 0 0 0 #1B80FD;box-shadow:-1px 0 0 0 #1B80FD}.el-radio-button__orig-radio:disabled+.el-radio-button__inner{color:#c0c4cc;cursor:not-allowed;background-image:none;background-color:#fff;border-color:#ebeef5;-webkit-box-shadow:none;box-shadow:none}.el-radio-button__orig-radio:disabled:checked+.el-radio-button__inner{background-color:#f2f6fc}.el-radio-button:last-child .el-radio-button__inner{border-radius:0 4px 4px 0}.el-radio-button:first-child:last-child .el-radio-button__inner{border-radius:4px}.el-radio-button--medium .el-radio-button__inner{padding:10px 20px;font-size:14px;border-radius:0}.el-radio-button--medium .el-radio-button__inner.is-round{padding:10px 20px}.el-radio-button--small .el-radio-button__inner{padding:9px 15px;font-size:12px;border-radius:0}.el-radio-button--small .el-radio-button__inner.is-round{padding:9px 15px}.el-radio-button--mini .el-radio-button__inner{padding:7px 15px;font-size:12px;border-radius:0}.el-radio-button--mini .el-radio-button__inner.is-round{padding:7px 15px}.el-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled){-webkit-box-shadow:0 0 2px 2px #1B80FD;box-shadow:0 0 2px 2px #1B80FD} |
||||
@ -1 +1 @@ |
|||||
@charset "UTF-8";.el-radio,.el-radio--medium.is-bordered .el-radio__label{font-size:14px}.el-radio,.el-radio__input{white-space:nowrap;line-height:1;outline:0}.el-radio,.el-radio__inner,.el-radio__input{position:relative;display:inline-block}.el-radio{color:#606266;font-weight:500;cursor:pointer;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.el-radio.is-bordered{padding:12px 20px 0 10px;border-radius:4px;border:1px solid #dcdfe6;-webkit-box-sizing:border-box;box-sizing:border-box;height:40px}.el-radio.is-bordered.is-checked{border-color:#17B3A3}.el-radio.is-bordered.is-disabled{cursor:not-allowed;border-color:#ebeef5}.el-radio__input.is-disabled .el-radio__inner,.el-radio__input.is-disabled.is-checked .el-radio__inner{background-color:#f5f7fa;border-color:#e4e7ed}.el-radio.is-bordered+.el-radio.is-bordered{margin-left:10px}.el-radio--medium.is-bordered{padding:10px 20px 0 10px;border-radius:4px;height:36px}.el-radio--mini.is-bordered .el-radio__label,.el-radio--small.is-bordered .el-radio__label{font-size:12px}.el-radio--medium.is-bordered .el-radio__inner{height:14px;width:14px}.el-radio--small.is-bordered{padding:8px 15px 0 10px;border-radius:3px;height:32px}.el-radio--small.is-bordered .el-radio__inner{height:12px;width:12px}.el-radio--mini.is-bordered{padding:6px 15px 0 10px;border-radius:3px;height:28px}.el-radio--mini.is-bordered .el-radio__inner{height:12px;width:12px}.el-radio+.el-radio{margin-left:30px}.el-radio__input{cursor:pointer;vertical-align:middle}.el-radio__input.is-disabled .el-radio__inner{cursor:not-allowed}.el-radio__input.is-disabled .el-radio__inner::after{cursor:not-allowed;background-color:#f5f7fa}.el-radio__input.is-disabled .el-radio__inner+.el-radio__label{cursor:not-allowed}.el-radio__input.is-disabled.is-checked .el-radio__inner::after{background-color:#c0c4cc}.el-radio__input.is-disabled+span.el-radio__label{color:#c0c4cc;cursor:not-allowed}.el-radio__input.is-checked .el-radio__inner{border-color:#17B3A3;background:#17B3A3}.el-radio__input.is-checked .el-radio__inner::after{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}.el-radio__input.is-checked+.el-radio__label{color:#17B3A3}.el-radio__input.is-focus .el-radio__inner{border-color:#17B3A3}.el-radio__inner{border:1px solid #dcdfe6;border-radius:100%;width:14px;height:14px;background-color:#fff;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box}.el-radio__inner:hover{border-color:#17B3A3}.el-radio__inner::after{width:4px;height:4px;border-radius:100%;background-color:#fff;content:"";position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);-webkit-transition:-webkit-transform .15s ease-in;transition:-webkit-transform .15s ease-in;transition:transform .15s ease-in;transition:transform .15s ease-in,-webkit-transform .15s ease-in}.el-radio__original{opacity:0;outline:0;position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;margin:0}.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner{-webkit-box-shadow:0 0 2px 2px #17B3A3;box-shadow:0 0 2px 2px #17B3A3}.el-radio__label{font-size:14px;padding-left:10px} |
@charset "UTF-8";.el-radio,.el-radio--medium.is-bordered .el-radio__label{font-size:14px}.el-radio,.el-radio__input{white-space:nowrap;line-height:1;outline:0}.el-radio,.el-radio__inner,.el-radio__input{position:relative;display:inline-block}.el-radio{color:#606266;font-weight:500;cursor:pointer;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.el-radio.is-bordered{padding:12px 20px 0 10px;border-radius:4px;border:1px solid #dcdfe6;-webkit-box-sizing:border-box;box-sizing:border-box;height:40px}.el-radio.is-bordered.is-checked{border-color:#1B80FD}.el-radio.is-bordered.is-disabled{cursor:not-allowed;border-color:#ebeef5}.el-radio__input.is-disabled .el-radio__inner,.el-radio__input.is-disabled.is-checked .el-radio__inner{background-color:#f5f7fa;border-color:#e4e7ed}.el-radio.is-bordered+.el-radio.is-bordered{margin-left:10px}.el-radio--medium.is-bordered{padding:10px 20px 0 10px;border-radius:4px;height:36px}.el-radio--medium.is-bordered .el-radio__inner{height:14px;width:14px}.el-radio--small.is-bordered{padding:8px 15px 0 10px;border-radius:3px;height:32px}.el-radio--small.is-bordered .el-radio__label{font-size:12px}.el-radio--small.is-bordered .el-radio__inner{height:12px;width:12px}.el-radio--mini.is-bordered{padding:6px 15px 0 10px;border-radius:3px;height:28px}.el-radio--mini.is-bordered .el-radio__label{font-size:12px}.el-radio--mini.is-bordered .el-radio__inner{height:12px;width:12px}.el-radio+.el-radio{margin-left:30px}.el-radio__input{cursor:pointer;vertical-align:middle}.el-radio__input.is-disabled .el-radio__inner{cursor:not-allowed}.el-radio__input.is-disabled .el-radio__inner::after{cursor:not-allowed;background-color:#f5f7fa}.el-radio__input.is-disabled .el-radio__inner+.el-radio__label{cursor:not-allowed}.el-radio__input.is-disabled.is-checked .el-radio__inner::after{background-color:#c0c4cc}.el-radio__input.is-disabled+span.el-radio__label{color:#c0c4cc;cursor:not-allowed}.el-radio__input.is-checked .el-radio__inner{border-color:#1B80FD;background:#1B80FD}.el-radio__input.is-checked .el-radio__inner::after{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}.el-radio__input.is-checked+.el-radio__label{color:#1B80FD}.el-radio__input.is-focus .el-radio__inner{border-color:#1B80FD}.el-radio__inner{border:1px solid #dcdfe6;border-radius:100%;width:14px;height:14px;background-color:#fff;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box}.el-radio__inner:hover{border-color:#1B80FD}.el-radio__inner::after{width:4px;height:4px;border-radius:100%;background-color:#fff;content:"";position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);-webkit-transition:-webkit-transform .15s ease-in;transition:-webkit-transform .15s ease-in;transition:transform .15s ease-in;transition:transform .15s ease-in,-webkit-transform .15s ease-in}.el-radio__original{opacity:0;outline:0;position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;margin:0}.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner{-webkit-box-shadow:0 0 2px 2px #1B80FD;box-shadow:0 0 2px 2px #1B80FD}.el-radio__label{font-size:14px;padding-left:10px} |
||||
@ -1 +1 @@ |
|||||
@charset "UTF-8";body{font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;font-weight:400;font-size:14px;color:#000;-webkit-font-smoothing:antialiased}a{color:#17B3A3;text-decoration:none}a:focus,a:hover{color:#45c2b5}a:active{color:#15a193}h1,h2,h3,h4,h5,h6{color:#606266;font-weight:inherit}h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child,p:first-child{margin-top:0}h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child,h6:last-child,p:last-child{margin-bottom:0}h1{font-size:20px}h2{font-size:18px}h3{font-size:16px}h4,h5,h6,p{font-size:inherit}p{line-height:1.8}sub,sup{font-size:13px}small{font-size:12px}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee} |
@charset "UTF-8";body{font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;font-weight:400;font-size:14px;color:#000;-webkit-font-smoothing:antialiased}a{color:#1B80FD;text-decoration:none}a:focus,a:hover{color:#4999fd}a:active{color:#1873e4}h1,h2,h3,h4,h5,h6{color:#606266;font-weight:inherit}h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child,p:first-child{margin-top:0}h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child,h6:last-child,p:last-child{margin-bottom:0}h1{font-size:20px}h2{font-size:18px}h3{font-size:16px}h4,h5,h6,p{font-size:inherit}p{line-height:1.8}sub,sup{font-size:13px}small{font-size:12px}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee} |
||||
@ -1 +1 @@ |
|||||
.el-popper .popper__arrow,.el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.el-popper .popper__arrow::after{content:" ";border-width:6px}.el-popper[x-placement^=top]{margin-bottom:12px}.el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#ebeef5;border-bottom-width:0}.el-popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.el-popper[x-placement^=bottom]{margin-top:12px}.el-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#ebeef5}.el-popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.el-popper[x-placement^=right]{margin-left:12px}.el-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#ebeef5;border-left-width:0}.el-popper[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.el-popper[x-placement^=left]{margin-right:12px}.el-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#ebeef5}.el-popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}.el-select-dropdown{position:absolute;z-index:1001;border:1px solid #e4e7ed;border-radius:4px;background-color:#fff;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);-webkit-box-sizing:border-box;box-sizing:border-box;margin:5px 0}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected{color:#17B3A3;background-color:#fff}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover{background-color:#f5f7fa}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after{position:absolute;right:20px;font-family:element-icons;content:"\E611";font-size:12px;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list{padding:0}.el-select-dropdown__empty{padding:10px 0;margin:0;text-align:center;color:#999;font-size:14px}.el-select-dropdown__wrap{max-height:274px}.el-select-dropdown__list{list-style:none;padding:6px 0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box} |
.el-popper .popper__arrow,.el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.el-popper .popper__arrow::after{content:" ";border-width:6px}.el-popper[x-placement^=top]{margin-bottom:12px}.el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#ebeef5;border-bottom-width:0}.el-popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.el-popper[x-placement^=bottom]{margin-top:12px}.el-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#ebeef5}.el-popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.el-popper[x-placement^=right]{margin-left:12px}.el-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#ebeef5;border-left-width:0}.el-popper[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.el-popper[x-placement^=left]{margin-right:12px}.el-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#ebeef5}.el-popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}.el-select-dropdown{position:absolute;z-index:1001;border:1px solid #e4e7ed;border-radius:4px;background-color:#fff;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);-webkit-box-sizing:border-box;box-sizing:border-box;margin:5px 0}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected{color:#1B80FD;background-color:#fff}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover{background-color:#f5f7fa}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after{position:absolute;right:20px;font-family:element-icons;content:"\E611";font-size:12px;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list{padding:0}.el-select-dropdown__empty{padding:10px 0;margin:0;text-align:center;color:#999;font-size:14px}.el-select-dropdown__wrap{max-height:274px}.el-select-dropdown__list{list-style:none;padding:6px 0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box} |
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1 +1 @@ |
|||||
.el-switch{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;font-size:14px;line-height:20px;height:20px;vertical-align:middle}.el-switch.is-disabled .el-switch__core,.el-switch.is-disabled .el-switch__label{cursor:not-allowed}.el-switch__core,.el-switch__label{display:inline-block;cursor:pointer;vertical-align:middle}.el-switch__label{-webkit-transition:.2s;transition:.2s;height:20px;font-size:14px;font-weight:500;color:#303133}.el-switch__label.is-active{color:#17B3A3}.el-switch__label--left{margin-right:10px}.el-switch__label--right{margin-left:10px}.el-switch__label *{line-height:1;font-size:14px;display:inline-block}.el-switch__input{position:absolute;width:0;height:0;opacity:0;margin:0}.el-switch__input:focus~.el-switch__core{outline:#17B3A3 solid 1px}.el-switch__core{margin:0;position:relative;width:40px;height:20px;border:1px solid #dcdfe6;outline:0;border-radius:10px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#dcdfe6;-webkit-transition:border-color .3s,background-color .3s;transition:border-color .3s,background-color .3s}.el-switch__core:after{content:"";position:absolute;top:1px;left:1px;border-radius:100%;-webkit-transition:all .3s;transition:all .3s;width:16px;height:16px;background-color:#fff}.el-switch.is-checked .el-switch__core{border-color:#17B3A3;background-color:#17B3A3}.el-switch.is-checked .el-switch__core::after{left:100%;margin-left:-17px}.el-switch.is-disabled{opacity:.6}.el-switch--wide .el-switch__label.el-switch__label--left span{left:10px}.el-switch--wide .el-switch__label.el-switch__label--right span{right:10px}.el-switch .label-fade-enter,.el-switch .label-fade-leave-active{opacity:0} |
.el-switch{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;font-size:14px;line-height:20px;height:20px;vertical-align:middle}.el-switch.is-disabled .el-switch__core,.el-switch.is-disabled .el-switch__label{cursor:not-allowed}.el-switch__core,.el-switch__label{display:inline-block;cursor:pointer;vertical-align:middle}.el-switch__label{-webkit-transition:.2s;transition:.2s;height:20px;font-size:14px;font-weight:500;color:#303133}.el-switch__label.is-active{color:#1B80FD}.el-switch__label--left{margin-right:10px}.el-switch__label--right{margin-left:10px}.el-switch__label *{line-height:1;font-size:14px;display:inline-block}.el-switch__input{position:absolute;width:0;height:0;opacity:0;margin:0}.el-switch__input:focus~.el-switch__core{outline:#1B80FD solid 1px}.el-switch__core{margin:0;position:relative;width:40px;height:20px;border:1px solid #dcdfe6;outline:0;border-radius:10px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#dcdfe6;-webkit-transition:border-color .3s,background-color .3s;transition:border-color .3s,background-color .3s}.el-switch__core:after{content:"";position:absolute;top:1px;left:1px;border-radius:100%;-webkit-transition:all .3s;transition:all .3s;width:16px;height:16px;background-color:#fff}.el-switch.is-checked .el-switch__core{border-color:#1B80FD;background-color:#1B80FD}.el-switch.is-checked .el-switch__core::after{left:100%;margin-left:-17px}.el-switch.is-disabled{opacity:.6}.el-switch--wide .el-switch__label.el-switch__label--left span{left:10px}.el-switch--wide .el-switch__label.el-switch__label--right span{right:10px}.el-switch .label-fade-enter,.el-switch .label-fade-leave-active{opacity:0} |
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1 +1 @@ |
|||||
.el-tag{background-color:rgba(23,179,163,.1);display:inline-block;padding:0 10px;height:32px;line-height:30px;font-size:12px;color:#17B3A3;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid rgba(23,179,163,.2);white-space:nowrap}.el-tag .el-icon-close{border-radius:50%;text-align:center;position:relative;cursor:pointer;font-size:12px;height:16px;width:16px;line-height:16px;vertical-align:middle;top:-1px;right:-5px;color:#17B3A3}.el-tag .el-icon-close::before{display:block}.el-tag .el-icon-close:hover{background-color:#17B3A3;color:#fff}.el-tag--info,.el-tag--info .el-tag__close{color:#909399}.el-tag--info{background-color:rgba(144,147,153,.1);border-color:rgba(144,147,153,.2)}.el-tag--info.is-hit{border-color:#909399}.el-tag--info .el-tag__close:hover{background-color:#909399;color:#fff}.el-tag--success{background-color:rgba(103,194,58,.1);border-color:rgba(103,194,58,.2);color:#67c23a}.el-tag--success.is-hit{border-color:#67c23a}.el-tag--success .el-tag__close{color:#67c23a}.el-tag--success .el-tag__close:hover{background-color:#67c23a;color:#fff}.el-tag--warning{background-color:rgba(230,162,60,.1);border-color:rgba(230,162,60,.2);color:#e6a23c}.el-tag--warning.is-hit{border-color:#e6a23c}.el-tag--warning .el-tag__close{color:#e6a23c}.el-tag--warning .el-tag__close:hover{background-color:#e6a23c;color:#fff}.el-tag--danger{background-color:rgba(245,108,108,.1);border-color:rgba(245,108,108,.2);color:#f56c6c}.el-tag--danger.is-hit{border-color:#f56c6c}.el-tag--danger .el-tag__close{color:#f56c6c}.el-tag--danger .el-tag__close:hover{background-color:#f56c6c;color:#fff}.el-tag--medium{height:28px;line-height:26px}.el-tag--medium .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.el-tag--small{height:24px;padding:0 8px;line-height:22px}.el-tag--small .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.el-tag--mini{height:20px;padding:0 5px;line-height:19px}.el-tag--mini .el-icon-close{margin-left:-3px;-webkit-transform:scale(.7);transform:scale(.7)} |
.el-tag{background-color:rgba(27,128,253,.1);display:inline-block;padding:0 10px;height:32px;line-height:30px;font-size:12px;color:#1B80FD;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid rgba(27,128,253,.2);white-space:nowrap}.el-tag .el-icon-close{border-radius:50%;text-align:center;position:relative;cursor:pointer;font-size:12px;height:16px;width:16px;line-height:16px;vertical-align:middle;top:-1px;right:-5px;color:#1B80FD}.el-tag .el-icon-close::before{display:block}.el-tag .el-icon-close:hover{background-color:#1B80FD;color:#fff}.el-tag--info,.el-tag--info .el-tag__close{color:#909399}.el-tag--info{background-color:rgba(144,147,153,.1);border-color:rgba(144,147,153,.2)}.el-tag--info.is-hit{border-color:#909399}.el-tag--info .el-tag__close:hover{background-color:#909399;color:#fff}.el-tag--success{background-color:rgba(103,194,58,.1);border-color:rgba(103,194,58,.2);color:#67c23a}.el-tag--success.is-hit{border-color:#67c23a}.el-tag--success .el-tag__close{color:#67c23a}.el-tag--success .el-tag__close:hover{background-color:#67c23a;color:#fff}.el-tag--warning{background-color:rgba(230,162,60,.1);border-color:rgba(230,162,60,.2);color:#e6a23c}.el-tag--warning.is-hit{border-color:#e6a23c}.el-tag--warning .el-tag__close{color:#e6a23c}.el-tag--warning .el-tag__close:hover{background-color:#e6a23c;color:#fff}.el-tag--danger{background-color:rgba(245,108,108,.1);border-color:rgba(245,108,108,.2);color:#f56c6c}.el-tag--danger.is-hit{border-color:#f56c6c}.el-tag--danger .el-tag__close{color:#f56c6c}.el-tag--danger .el-tag__close:hover{background-color:#f56c6c;color:#fff}.el-tag--medium{height:28px;line-height:26px}.el-tag--medium .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.el-tag--small{height:24px;padding:0 8px;line-height:22px}.el-tag--small .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.el-tag--mini{height:20px;padding:0 5px;line-height:19px}.el-tag--mini .el-icon-close{margin-left:-3px;-webkit-transform:scale(.7);transform:scale(.7)} |
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1,157 @@ |
|||||
|
<template> |
||||
|
<div class="aui-main-index"> |
||||
|
<div class="click-item"> |
||||
|
<div class="item-left" @mouseover="mouseOver('1')" @mouseleave="mouseLeave()" @click="mainIndexClick"> |
||||
|
<img class="item-guanlipingtai" :src="guanlipingtai"> |
||||
|
<div :class="isSelectleft ? 'noselect-item-title' : 'select-item-title'"> |
||||
|
<div class="circular"></div> |
||||
|
<div class="name">党群e家管理平台</div> |
||||
|
</div> |
||||
|
<img class="item-zhuangshi" :src="zhuangshi"> |
||||
|
</div> |
||||
|
<div class="item-left" @mouseover="mouseOver('2')" @mouseleave="mouseLeave()" @click="goNewUrl"> |
||||
|
<img class="item-guanlipingtai" :src="shujukeshihua"> |
||||
|
<div :class="isSelectRight ? 'noselect-item-title' : 'select-item-title'"> |
||||
|
<div class="circular"></div> |
||||
|
<div class="name">数字社区工作平台</div> |
||||
|
</div> |
||||
|
<img class="item-zhuangshi" :src="zhuangshi"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import guanlipingtai from '@/assets/img/guanlipingtai@2x.png' |
||||
|
import shujukeshihua from '@/assets/img/shujukeshihua@2x.png' |
||||
|
import zhuangshi from '@/assets/img/zhuangshi@2x.png' |
||||
|
import Cookies from 'js-cookie' |
||||
|
export default { |
||||
|
data () { |
||||
|
return { |
||||
|
guanlipingtai: guanlipingtai, |
||||
|
shujukeshihua: shujukeshihua, |
||||
|
zhuangshi: zhuangshi, |
||||
|
isSelectleft: false, |
||||
|
isSelectRight: false |
||||
|
} |
||||
|
}, |
||||
|
created () { |
||||
|
}, |
||||
|
methods: { |
||||
|
mouseOver (e) { |
||||
|
if (e === '1') { |
||||
|
this.isSelectleft = true |
||||
|
this.isSelectRight = false |
||||
|
} else if (e === '2') { |
||||
|
this.isSelectleft = false |
||||
|
this.isSelectRight = true |
||||
|
} |
||||
|
}, |
||||
|
mouseLeave () { |
||||
|
this.isSelectleft = false |
||||
|
this.isSelectRight = false |
||||
|
}, |
||||
|
mainIndexClick () { |
||||
|
this.$emit('mainIndexByValue', true) |
||||
|
}, |
||||
|
goNewUrl () { |
||||
|
// window.location.replace(`http://120.27.18.76/epmet-oper-gov/#/main/base-resi?token=${Cookies.get('token')}`) |
||||
|
window.open(`http://120.27.18.76/epmet-oper-gov/#/main/base-resi?token=${Cookies.get('token')}`) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
.aui-main-index { |
||||
|
height: 100vh; |
||||
|
width: 100%; |
||||
|
position: absolute; |
||||
|
background: url(~@/assets/img/main_index_bg.png) no-repeat; |
||||
|
background-size: 100% 100%; |
||||
|
top: 0; |
||||
|
right: 0; |
||||
|
bottom: 0; |
||||
|
left: 0; |
||||
|
} |
||||
|
.click-item{ |
||||
|
width: 100%; |
||||
|
height: calc(45% + 21px + 72px); |
||||
|
margin-top: 10%; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
justify-content: space-between; |
||||
|
padding: 0 14%; |
||||
|
box-sizing: border-box; |
||||
|
.item-left{ |
||||
|
cursor: pointer; |
||||
|
height: 100%; |
||||
|
width: 31%; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
justify-content: center; |
||||
|
flex-direction:column; |
||||
|
.item-guanlipingtai{ |
||||
|
width: 100%; |
||||
|
height: calc(100% - 21px - 72px); |
||||
|
} |
||||
|
.select-item-title { |
||||
|
padding: 0 10px; |
||||
|
box-sizing: border-box; |
||||
|
text-align: center; |
||||
|
width: auto; |
||||
|
height: 21px; |
||||
|
line-height: 21px; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
justify-content: center; |
||||
|
font-size: 11px; |
||||
|
background: #FFFFFF; |
||||
|
border: 1px solid #B9B9B9; |
||||
|
border-radius: 11px; |
||||
|
font-weight: 500; |
||||
|
color: #002FEC; |
||||
|
.circular{ |
||||
|
width: 7px; |
||||
|
height: 7px; |
||||
|
background: #0065F6; |
||||
|
border-radius: 50%; |
||||
|
} |
||||
|
.name{ |
||||
|
margin-left: 5px; |
||||
|
} |
||||
|
} |
||||
|
.noselect-item-title{ |
||||
|
padding: 0 10px; |
||||
|
box-sizing: border-box; |
||||
|
text-align: center; |
||||
|
width: auto; |
||||
|
height: 21px; |
||||
|
line-height: 21px; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
justify-content: center; |
||||
|
font-size: 11px; |
||||
|
background: #007AFA; |
||||
|
border: 1px solid #FFFFFF; |
||||
|
border-radius: 11px; |
||||
|
font-weight: 500; |
||||
|
color: #FFFFFF; |
||||
|
.circular{ |
||||
|
width: 7px; |
||||
|
height: 7px; |
||||
|
background: #FFFFFF; |
||||
|
border-radius: 50%; |
||||
|
} |
||||
|
.name{ |
||||
|
margin-left: 5px; |
||||
|
} |
||||
|
} |
||||
|
.item-zhuangshi{ |
||||
|
margin-top: 3px; |
||||
|
width: 13px; |
||||
|
height: 69px; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
@ -1,97 +1,98 @@ |
|||||
<template> |
<template> |
||||
<el-dialog |
<el-dialog |
||||
:visible.sync="visible" |
:visible.sync="visible" |
||||
:title="$t('updatePassword.title')" |
:title="$t('updatePassword.title')" |
||||
:close-on-click-modal="false" |
:close-on-click-modal="false" |
||||
:close-on-press-escape="false" |
:close-on-press-escape="false" |
||||
:append-to-body="true"> |
:append-to-body="true"> |
||||
<el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()" label-width="120px"> |
<el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()" label-width="120px"> |
||||
<el-form-item :label="$t('updatePassword.username')"> |
<el-form-item :label="$t('updatePassword.username')"> |
||||
<span>{{ $store.state.user.name }}</span> |
<span>{{ $store.state.user.name }}</span> |
||||
</el-form-item> |
</el-form-item> |
||||
<el-form-item prop="password" :label="$t('updatePassword.password')"> |
<el-form-item prop="password" :label="$t('updatePassword.password')"> |
||||
<el-input v-model="dataForm.password" type="password" :placeholder="$t('updatePassword.password')"></el-input> |
<el-input v-model="dataForm.password" type="password" :placeholder="$t('updatePassword.password')"></el-input> |
||||
</el-form-item> |
</el-form-item> |
||||
<el-form-item prop="newPassword" :label="$t('updatePassword.newPassword')"> |
<el-form-item prop="newPassword" :label="$t('updatePassword.newPassword')"> |
||||
<el-input v-model="dataForm.newPassword" type="password" :placeholder="$t('updatePassword.newPassword')"></el-input> |
<el-input v-model="dataForm.newPassword" type="password" :placeholder="$t('updatePassword.newPassword')"></el-input> |
||||
</el-form-item> |
</el-form-item> |
||||
<el-form-item prop="comfirmPassword" :label="$t('updatePassword.comfirmPassword')"> |
<el-form-item prop="comfirmPassword" :label="$t('updatePassword.comfirmPassword')"> |
||||
<el-input v-model="dataForm.comfirmPassword" type="password" :placeholder="$t('updatePassword.comfirmPassword')"></el-input> |
<el-input v-model="dataForm.comfirmPassword" type="password" :placeholder="$t('updatePassword.comfirmPassword')"></el-input> |
||||
</el-form-item> |
</el-form-item> |
||||
</el-form> |
</el-form> |
||||
<template slot="footer"> |
<template slot="footer"> |
||||
<el-button @click="visible = false">{{ $t('cancel') }}</el-button> |
<el-button @click="visible = false">{{ $t('cancel') }}</el-button> |
||||
<el-button type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button> |
<el-button type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button> |
||||
</template> |
</template> |
||||
</el-dialog> |
</el-dialog> |
||||
</template> |
</template> |
||||
|
|
||||
<script> |
<script> |
||||
import debounce from 'lodash/debounce' |
import debounce from 'lodash/debounce' |
||||
import { clearLoginInfo } from '@/utils' |
import { clearLoginInfo } from '@/utils' |
||||
export default { |
export default { |
||||
data () { |
data () { |
||||
return { |
return { |
||||
visible: false, |
visible: false, |
||||
dataForm: { |
dataForm: { |
||||
password: '', |
password: '', |
||||
newPassword: '', |
newPassword: '', |
||||
comfirmPassword: '' |
comfirmPassword: '' |
||||
} |
} |
||||
} |
} |
||||
}, |
}, |
||||
computed: { |
computed: { |
||||
dataRule () { |
dataRule () { |
||||
var validateComfirmPassword = (rule, value, callback) => { |
var validateComfirmPassword = (rule, value, callback) => { |
||||
if (this.dataForm.newPassword !== value) { |
if (this.dataForm.newPassword !== value) { |
||||
return callback(new Error(this.$t('updatePassword.validate.comfirmPassword'))) |
return callback(new Error(this.$t('updatePassword.validate.comfirmPassword'))) |
||||
} |
} |
||||
callback() |
callback() |
||||
} |
} |
||||
return { |
return { |
||||
password: [ |
password: [ |
||||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
||||
], |
], |
||||
newPassword: [ |
newPassword: [ |
||||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
||||
], |
], |
||||
comfirmPassword: [ |
comfirmPassword: [ |
||||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }, |
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }, |
||||
{ validator: validateComfirmPassword, trigger: 'blur' } |
{ validator: validateComfirmPassword, trigger: 'blur' } |
||||
] |
] |
||||
} |
} |
||||
} |
} |
||||
}, |
}, |
||||
methods: { |
methods: { |
||||
init () { |
init () { |
||||
this.visible = true |
this.visible = true |
||||
this.$nextTick(() => { |
this.$nextTick(() => { |
||||
this.$refs['dataForm'].resetFields() |
this.$refs['dataForm'].resetFields() |
||||
}) |
}) |
||||
}, |
}, |
||||
// 表单提交 |
// 表单提交 |
||||
dataFormSubmitHandle: debounce(function () { |
dataFormSubmitHandle: debounce(function () { |
||||
this.$refs['dataForm'].validate((valid) => { |
this.$refs['dataForm'].validate((valid) => { |
||||
if (!valid) { |
if (!valid) { |
||||
return false |
return false |
||||
} |
} |
||||
this.$http.put('/sys/user/password', this.dataForm).then(({ data: res }) => { |
this.$http.put('/sys/user/password', this.dataForm).then(({ data: res }) => { |
||||
if (res.code !== 0) { |
if (res.code !== 0) { |
||||
return this.$message.error(res.msg) |
return this.$message.error(res.msg) |
||||
} |
} |
||||
this.$message({ |
this.$message({ |
||||
message: this.$t('prompt.success'), |
message: this.$t('prompt.success'), |
||||
type: 'success', |
type: 'success', |
||||
duration: 500, |
duration: 500, |
||||
onClose: () => { |
onClose: () => { |
||||
this.visible = false |
this.visible = false |
||||
clearLoginInfo() |
clearLoginInfo() |
||||
this.$router.replace({ name: 'login' }) |
this.$router.replace({ name: 'login' }) |
||||
} |
window.localStorage.setItem('isGoProgect', false) |
||||
}) |
} |
||||
}).catch(() => {}) |
}) |
||||
}) |
}).catch(() => {}) |
||||
}, 1000, { 'leading': true, 'trailing': false }) |
}) |
||||
} |
}, 1000, { 'leading': true, 'trailing': false }) |
||||
} |
} |
||||
</script> |
} |
||||
|
</script> |
||||
|
|||||
@ -1,138 +1,233 @@ |
|||||
<template> |
<template> |
||||
<nav class="aui-navbar" |
<nav class="aui-navbar" |
||||
:class="`aui-navbar--${$store.state.navbarLayoutType}`"> |
:class="`aui-navbar--${$store.state.navbarLayoutType}`"> |
||||
<div class="aui-navbar__header"> |
<div class="aui-navbar__header"> |
||||
<h1 class="aui-navbar__brand" |
<h1 class="aui-navbar__brand" |
||||
style="text-transform: none;" |
style="text-transform: none;" |
||||
@click="$router.push({ name: 'home' })"> |
@click="$router.push({ name: 'home' })"> |
||||
<a class="aui-navbar__brand-lg" |
<a class="aui-navbar__brand-lg" |
||||
href="javascript:;">{{ $t('brand.lg') }}</a> |
href="javascript:;">{{ $t('brand.lg') }}</a> |
||||
<a class="aui-navbar__brand-mini" |
<a class="aui-navbar__brand-mini" |
||||
href="javascript:;">{{ $t('brand.mini') }}</a> |
href="javascript:;">{{ $t('brand.mini') }}</a> |
||||
</h1> |
</h1> |
||||
</div> |
</div> |
||||
<div class="aui-navbar__body"> |
<div class="aui-navbar__body"> |
||||
<el-menu class="aui-navbar__menu mr-auto" |
<el-menu class="aui-navbar__menu" |
||||
mode="horizontal"> |
mode="horizontal"> |
||||
<el-menu-item index="1" |
<el-menu-item index="1" |
||||
@click="$store.state.sidebarFold = !$store.state.sidebarFold"> |
@click="$store.state.sidebarFold = !$store.state.sidebarFold"> |
||||
<svg class="icon-svg aui-navbar__icon-menu aui-navbar__icon-menu--switch" |
<svg class="icon-svg aui-navbar__icon-menu aui-navbar__icon-menu--switch" |
||||
aria-hidden="true"> |
aria-hidden="true"> |
||||
<use xlink:href="#icon-outdent"></use> |
<use xlink:href="#icon-outdent"></use> |
||||
</svg> |
</svg> |
||||
</el-menu-item> |
</el-menu-item> |
||||
<el-menu-item index="2" |
<el-menu-item index="2" |
||||
@click="refresh()"> |
@click="refresh()"> |
||||
<svg class="icon-svg aui-navbar__icon-menu aui-navbar__icon-menu--refresh" |
<svg class="icon-svg aui-navbar__icon-menu aui-navbar__icon-menu--refresh" |
||||
aria-hidden="true"> |
aria-hidden="true"> |
||||
<use xlink:href="#icon-sync"></use> |
<use xlink:href="#icon-sync"></use> |
||||
</svg> |
</svg> |
||||
</el-menu-item> |
</el-menu-item> |
||||
</el-menu> |
</el-menu> |
||||
<el-menu class="aui-navbar__menu" |
<el-menu |
||||
mode="horizontal"> |
class="aui-navbar__menu" |
||||
<!-- <el-menu-item index="1"> |
mode="horizontal" |
||||
<el-dropdown placement="bottom" |
@select="selectGoHome"> |
||||
:show-timeout="0"> |
<el-menu-item index="1">首页</el-menu-item> |
||||
<el-button size="mini">{{ $t('_lang') }}</el-button> |
</el-menu> |
||||
<el-dropdown-menu slot="dropdown"> |
<div class="mr-auto aui-menu-w menu-width"> |
||||
<el-dropdown-item v-for="(val, key) in i18nMessages" |
<i class="arrow el-icon-arrow-left" @click="scrollTab('left')"></i> |
||||
:key="key" |
<el-menu |
||||
@click.native="$i18n.locale = key">{{ val._lang }}</el-dropdown-item> |
class="aui-navbar__menu scroll-ui" |
||||
</el-dropdown-menu> |
mode="horizontal" |
||||
</el-dropdown> |
id="tab-menu" |
||||
</el-menu-item> |
@select="handleSelect"> |
||||
<el-menu-item index="2"> |
<el-menu-item v-for="(item,index) in routeList_F" :key="index" :id="'li'+index" :index="index.toString()">{{item.name}}</el-menu-item> |
||||
<a href="//www.renren.io/" |
</el-menu> |
||||
target="_blank"> |
<i class="arrow el-icon-arrow-right" @click="scrollTab('right')"></i> |
||||
<svg class="icon-svg aui-navbar__icon-menu" |
</div> |
||||
aria-hidden="true"> |
<el-menu class="aui-navbar__menu" |
||||
<use xlink:href="#icon-earth"></use> |
mode="horizontal"> |
||||
</svg> |
<!-- <el-menu-item index="1"> |
||||
</a> |
<el-dropdown placement="bottom" |
||||
</el-menu-item> --> |
:show-timeout="0"> |
||||
<el-menu-item index="3" |
<el-button size="mini">{{ $t('_lang') }}</el-button> |
||||
@click="fullscreenHandle()"> |
<el-dropdown-menu slot="dropdown"> |
||||
<svg class="icon-svg aui-navbar__icon-menu" |
<el-dropdown-item v-for="(val, key) in i18nMessages" |
||||
aria-hidden="true"> |
:key="key" |
||||
<use xlink:href="#icon-fullscreen"></use> |
@click.native="$i18n.locale = key">{{ val._lang }}</el-dropdown-item> |
||||
</svg> |
</el-dropdown-menu> |
||||
</el-menu-item> |
</el-dropdown> |
||||
<el-menu-item index="4" |
</el-menu-item> |
||||
class="aui-navbar__avatar"> |
<el-menu-item index="2"> |
||||
<el-dropdown placement="bottom" |
<a href="//www.renren.io/" |
||||
:show-timeout="0"> |
target="_blank"> |
||||
<span class="el-dropdown-link"> |
<svg class="icon-svg aui-navbar__icon-menu" |
||||
<img src="~@/assets/img/avatar.png"> |
aria-hidden="true"> |
||||
<span>{{ $store.state.user.realName }}</span> |
<use xlink:href="#icon-earth"></use> |
||||
<i class="el-icon-arrow-down"></i> |
</svg> |
||||
</span> |
</a> |
||||
<el-dropdown-menu slot="dropdown"> |
</el-menu-item> --> |
||||
<el-dropdown-item @click.native="updatePasswordHandle()">{{ $t('updatePassword.title') }}</el-dropdown-item> |
<el-menu-item index="3" |
||||
<el-dropdown-item @click.native="logoutHandle()">{{ $t('logout') }}</el-dropdown-item> |
@click="fullscreenHandle()"> |
||||
</el-dropdown-menu> |
<svg class="icon-svg aui-navbar__icon-menu" |
||||
</el-dropdown> |
aria-hidden="true"> |
||||
</el-menu-item> |
<use xlink:href="#icon-fullscreen"></use> |
||||
</el-menu> |
</svg> |
||||
</div> |
</el-menu-item> |
||||
<!-- 弹窗, 修改密码 --> |
<el-menu-item index="4" |
||||
<update-password v-if="updatePassowrdVisible" |
class="aui-navbar__avatar"> |
||||
ref="updatePassowrd"></update-password> |
<el-dropdown placement="bottom" |
||||
</nav> |
:show-timeout="0"> |
||||
</template> |
<span class="el-dropdown-link"> |
||||
|
<img src="~@/assets/img/avatar.png"> |
||||
<script> |
<span>{{ $store.state.user.realName }}</span> |
||||
import { messages } from '@/i18n' |
<i class="el-icon-arrow-down"></i> |
||||
import screenfull from 'screenfull' |
</span> |
||||
import UpdatePassword from './main-navbar-update-password' |
<el-dropdown-menu slot="dropdown"> |
||||
import { clearLoginInfo } from '@/utils' |
<el-dropdown-item @click.native="updatePasswordHandle()">{{ $t('updatePassword.title') }}</el-dropdown-item> |
||||
export default { |
<el-dropdown-item @click.native="logoutHandle()">{{ $t('logout') }}</el-dropdown-item> |
||||
inject: ['refresh'], |
</el-dropdown-menu> |
||||
data () { |
</el-dropdown> |
||||
return { |
</el-menu-item> |
||||
i18nMessages: messages, |
</el-menu> |
||||
updatePassowrdVisible: false |
</div> |
||||
} |
<!-- 弹窗, 修改密码 --> |
||||
}, |
<update-password v-if="updatePassowrdVisible" |
||||
components: { |
ref="updatePassowrd"></update-password> |
||||
UpdatePassword |
</nav> |
||||
}, |
</template> |
||||
methods: { |
|
||||
// 全屏 |
<script> |
||||
fullscreenHandle () { |
import { messages } from '@/i18n' |
||||
if (!screenfull.enabled) { |
import screenfull from 'screenfull' |
||||
return this.$message({ |
import UpdatePassword from './main-navbar-update-password' |
||||
message: this.$t('fullscreen.prompt'), |
import { clearLoginInfo } from '@/utils' |
||||
type: 'warning', |
export default { |
||||
duration: 500 |
inject: ['refresh'], |
||||
}) |
data () { |
||||
} |
return { |
||||
screenfull.toggle() |
i18nMessages: messages, |
||||
}, |
updatePassowrdVisible: false, |
||||
// 修改密码 |
offsetCount: 0 |
||||
updatePasswordHandle () { |
} |
||||
this.updatePassowrdVisible = true |
}, |
||||
this.$nextTick(() => { |
props: { |
||||
this.$refs.updatePassowrd.init() |
routeList_F: { |
||||
}) |
type: Array, |
||||
}, |
required: true |
||||
// 退出 |
} |
||||
logoutHandle () { |
}, |
||||
this.$confirm(this.$t('prompt.info', { 'handle': this.$t('logout') }), this.$t('prompt.title'), { |
components: { |
||||
confirmButtonText: this.$t('confirm'), |
UpdatePassword |
||||
cancelButtonText: this.$t('cancel'), |
}, |
||||
type: 'warning' |
methods: { |
||||
}).then(() => { |
// 全屏 |
||||
this.$http.post('/auth/logout').then(({ data: res }) => { |
fullscreenHandle () { |
||||
if (res.code !== 0) { |
if (!screenfull.enabled) { |
||||
return this.$message.error(res.msg) |
return this.$message({ |
||||
} |
message: this.$t('fullscreen.prompt'), |
||||
window.sessionStorage.removeItem('routeList') |
type: 'warning', |
||||
clearLoginInfo() |
duration: 500 |
||||
this.$router.push({ name: 'login' }) |
}) |
||||
}).catch(() => { }) |
} |
||||
}).catch(() => { }) |
screenfull.toggle() |
||||
} |
}, |
||||
} |
// 修改密码 |
||||
} |
updatePasswordHandle () { |
||||
</script> |
this.updatePassowrdVisible = true |
||||
|
this.$nextTick(() => { |
||||
|
this.$refs.updatePassowrd.init() |
||||
|
}) |
||||
|
}, |
||||
|
// 退出 |
||||
|
logoutHandle () { |
||||
|
this.$confirm(this.$t('prompt.info', { 'handle': this.$t('logout') }), this.$t('prompt.title'), { |
||||
|
confirmButtonText: this.$t('confirm'), |
||||
|
cancelButtonText: this.$t('cancel'), |
||||
|
type: 'warning' |
||||
|
}).then(() => { |
||||
|
this.$http.post('/auth/logout').then(({ data: res }) => { |
||||
|
if (res.code !== 0) { |
||||
|
return this.$message.error(res.msg) |
||||
|
} |
||||
|
window.sessionStorage.removeItem('routeList') |
||||
|
clearLoginInfo() |
||||
|
this.$router.push({ name: 'login' }) |
||||
|
window.localStorage.setItem('isGoProgect', false) |
||||
|
}).catch(() => { }) |
||||
|
}).catch(() => { }) |
||||
|
}, |
||||
|
handleSelect (e) { |
||||
|
this.$emit('routeList_child', JSON.stringify(this.routeList_F[e].children)) |
||||
|
}, |
||||
|
selectGoHome (e) { |
||||
|
window.localStorage.setItem('isGoProgect', false) |
||||
|
this.$router.go(0) |
||||
|
}, |
||||
|
// 滑动tab页签 |
||||
|
scrollTab (direction) { |
||||
|
if (this.routeList_F.length === 0) return |
||||
|
let menu = document.querySelector('#tab-menu') |
||||
|
// 计算ul宽度和当前 |
||||
|
let ulWidth = menu.clientWidth |
||||
|
const getWidth = (idName) => { |
||||
|
let li = document.querySelector(idName) |
||||
|
return li.clientWidth |
||||
|
} |
||||
|
let liWidth = 0 |
||||
|
this.routeList_F.forEach((ele, index) => { |
||||
|
liWidth = liWidth + getWidth(`#li${index}`) |
||||
|
}) |
||||
|
// 根据方向和宽度计算偏移量 |
||||
|
if (liWidth < ulWidth) return |
||||
|
let distance = this.offsetCount * 100 |
||||
|
|
||||
|
if (direction === 'left') { |
||||
|
if (this.offsetCount > 0) { |
||||
|
this.offsetCount = this.offsetCount - 1 |
||||
|
} |
||||
|
} else if (direction === 'right') { |
||||
|
if ((ulWidth + distance) < liWidth) { |
||||
|
this.offsetCount = this.offsetCount + 1 |
||||
|
} |
||||
|
} |
||||
|
distance = this.offsetCount * 100 |
||||
|
menu.scrollTo({ |
||||
|
'left': distance, |
||||
|
'behavior': 'smooth' |
||||
|
}) |
||||
|
// console.log(distance) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
.aui-navbar{ |
||||
|
background: linear-gradient(180deg, #0445EC, #1BACFF); |
||||
|
box-shadow: 0px 2px 8px 0px rgba(187, 187, 227, 0.35); |
||||
|
} |
||||
|
.menu-width{ |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
justify-content: center; |
||||
|
width: 70%; |
||||
|
} |
||||
|
.arrow{ |
||||
|
color: #fff; |
||||
|
cursor: pointer; |
||||
|
margin: 0 20px; |
||||
|
} |
||||
|
.scroll-ui { |
||||
|
display: flex; |
||||
|
height: 100%; |
||||
|
overflow-x: scroll; |
||||
|
overflow-y: hidden; |
||||
|
-webkit-overflow-scrolling : touch; |
||||
|
scrollbar-width: none; /* firefox */ |
||||
|
-ms-overflow-style: none; /* IE 10+ */ |
||||
|
} |
||||
|
.scroll-ui::-webkit-scrollbar { |
||||
|
display: none; /* Chrome Safari */ |
||||
|
} |
||||
|
</style> |
||||
|
|||||
@ -1,66 +1,80 @@ |
|||||
<template> |
<template> |
||||
<el-submenu v-if="menu.children && menu.children.length >= 1" :index="menu.id" :popper-append-to-body="false"> |
<el-submenu v-if="menu.children && menu.children.length >= 1" :index="menu.id" :popper-append-to-body="false"> |
||||
<template slot="title"> |
<template slot="title"> |
||||
<svg class="icon-svg aui-sidebar__menu-icon" aria-hidden="true"><use :xlink:href="`#${menu.icon}`"></use></svg> |
<svg class="icon-svg aui-sidebar__menu-icon" aria-hidden="true"><use :xlink:href="`#${menu.icon}`"></use></svg> |
||||
<span>{{ menu.name }}</span> |
<span>{{ menu.name }}</span> |
||||
<span v-if="menu.redPoint" class="red-point"></span> |
<span v-if="menu.redPoint" class="red-point"></span> |
||||
</template> |
</template> |
||||
<sub-menu v-for="item in menu.children" :key="item.id" :menu="item"></sub-menu> |
<sub-menu v-for="item in menu.children" :key="item.id" :menu="item"></sub-menu> |
||||
</el-submenu> |
</el-submenu> |
||||
<el-menu-item v-else :index="menu.id" @click="gotoRouteHandle(menu.id)"> |
<el-menu-item v-else :index="menu.id" @click="gotoRouteHandle(menu.id)"> |
||||
<svg class="icon-svg aui-sidebar__menu-icon" aria-hidden="true"><use :xlink:href="`#${menu.icon}`"></use></svg> |
<svg class="icon-svg aui-sidebar__menu-icon" aria-hidden="true"><use :xlink:href="`#${menu.icon}`"></use></svg> |
||||
<span>{{ menu.name }}</span> |
<span>{{ menu.name }}</span> |
||||
<span class="num" v-if="menu.num && menu.num > 0">{{menu.num}}</span> |
<span class="num" v-if="menu.num && menu.num > 0">{{menu.num}}</span> |
||||
</el-menu-item> |
</el-menu-item> |
||||
</template> |
</template> |
||||
|
|
||||
<script> |
<script> |
||||
import SubMenu from './main-sidebar-sub-menu' |
import SubMenu from './main-sidebar-sub-menu' |
||||
export default { |
export default { |
||||
name: 'sub-menu', |
name: 'sub-menu', |
||||
props: { |
props: { |
||||
menu: { |
menu: { |
||||
type: Object, |
type: Object, |
||||
required: true |
required: true |
||||
} |
} |
||||
}, |
}, |
||||
components: { |
components: { |
||||
SubMenu |
SubMenu |
||||
}, |
}, |
||||
methods: { |
methods: { |
||||
// 通过menuId与动态(菜单)路由进行匹配跳转至指定路由 |
// 通过menuId与动态(菜单)路由进行匹配跳转至指定路由 |
||||
gotoRouteHandle (menuId) { |
gotoRouteHandle (menuId) { |
||||
var route = window.SITE_CONFIG['dynamicMenuRoutes'].filter(item => item.meta.menuId === menuId)[0] |
var route = window.SITE_CONFIG['dynamicMenuRoutes'].filter(item => item.meta.menuId === menuId)[0] |
||||
if (route) { |
if (route) { |
||||
this.$router.push({ name: route.name }) |
this.$router.push({ name: route.name }) |
||||
} |
} |
||||
} |
} |
||||
} |
} |
||||
} |
} |
||||
</script> |
</script> |
||||
|
|
||||
<style lang="scss" scoped> |
<style lang="scss" scoped> |
||||
.red-point { |
.red-point { |
||||
width: 5px; |
width: 5px; |
||||
height: 5px; |
height: 5px; |
||||
background: #FF4C52; |
background: #FF4C52; |
||||
border-radius: 50%; |
border-radius: 50%; |
||||
margin-left: 10px; |
margin-left: 10px; |
||||
display: inline-block; |
display: inline-block; |
||||
} |
} |
||||
.num { |
.num { |
||||
margin-left: 10px; |
margin-left: 10px; |
||||
background: #FF4C52; |
background: #FF4C52; |
||||
color: #ffffff; |
color: #ffffff; |
||||
min-width: 20px; |
min-width: 20px; |
||||
height: 20px; |
height: 20px; |
||||
display: inline-block; |
display: inline-block; |
||||
line-height: 14px; |
line-height: 14px; |
||||
text-align: center; |
text-align: center; |
||||
border-radius: 5px; |
border-radius: 5px; |
||||
font-size: 12px; |
font-size: 12px; |
||||
padding: 4px; |
padding: 4px; |
||||
-webkit-box-sizing: border-box; |
-webkit-box-sizing: border-box; |
||||
box-sizing: border-box; |
box-sizing: border-box; |
||||
} |
} |
||||
</style> |
// .el-menu{ |
||||
|
// background: linear-gradient(90deg, #1A5AFD, #26C4FF) !important; |
||||
|
// } |
||||
|
// .aui-sidebar .aui-sidebar__inner .el-menu .el-submenu .el-menu{ |
||||
|
// background: red !important; |
||||
|
// } |
||||
|
// .el-menu.el-menu--inline .el-menu-item{ |
||||
|
// background-color: #191A2B !important; |
||||
|
// } |
||||
|
.el-menu-item.is-active { |
||||
|
background: linear-gradient(90deg, #1A5AFD, #26C4FF) !important; |
||||
|
// font-size: 14px; |
||||
|
// font-weight: bold; |
||||
|
} |
||||
|
</style> |
||||
|
|||||
@ -1,156 +1,179 @@ |
|||||
<template> |
<template> |
||||
<aside :class="['aui-sidebar', `aui-sidebar--${$store.state.sidebarLayoutSkin}`]"> |
<aside :class="['aui-sidebar', `aui-sidebar--${$store.state.sidebarLayoutSkin}`]"> |
||||
<div class="aui-sidebar__inner"> |
<div class="aui-sidebar__inner"> |
||||
<el-menu :default-active="$store.state.sidebarMenuActiveName" |
<el-menu :default-active="$store.state.sidebarMenuActiveName" |
||||
:collapse="$store.state.sidebarFold" |
:collapse="$store.state.sidebarFold" |
||||
:unique-opened="true" |
:unique-opened="true" |
||||
:collapseTransition="false" |
:collapseTransition="false" |
||||
class="aui-sidebar__menu"> |
class="aui-sidebar__menu" |
||||
<sub-menu v-for="menu in routeList" |
background-color="#2D2E42" |
||||
:key="menu.id" |
text-color="#fff" |
||||
:menu="menu" /> |
active-text-color="#fff"> |
||||
</el-menu> |
<sub-menu v-for="menu in routeList_C" |
||||
</div> |
:key="menu.id" |
||||
</aside> |
:menu="menu" /> |
||||
</template> |
</el-menu> |
||||
|
</div> |
||||
<script> |
</aside> |
||||
import SubMenu from './main-sidebar-sub-menu' |
</template> |
||||
import SockJS from 'sockjs-client' |
|
||||
import Stomp from 'stompjs' |
<script> |
||||
import Cookies from 'js-cookie' |
import SubMenu from './main-sidebar-sub-menu' |
||||
|
import SockJS from 'sockjs-client' |
||||
export default { |
import Stomp from 'stompjs' |
||||
data () { |
import Cookies from 'js-cookie' |
||||
return { |
|
||||
pid: '', |
export default { |
||||
parentPid: '', |
data () { |
||||
socket: '', |
return { |
||||
stompClient: '', |
pid: '', |
||||
routeList: [] |
parentPid: '', |
||||
} |
socket: '', |
||||
}, |
stompClient: '', |
||||
components: { |
routeList: [] |
||||
SubMenu |
} |
||||
}, |
}, |
||||
created () { |
props: { |
||||
this.$store.state.sidebarMenuList = [...window.SITE_CONFIG['menuList']] |
routeList_C: { |
||||
this.routeList = JSON.parse(JSON.stringify(window.SITE_CONFIG['menuList'])) |
type: Array, |
||||
this.initWebSocket() |
required: true |
||||
}, |
} |
||||
methods: { |
}, |
||||
filterRoute (routeList, selectRoute) { |
components: { |
||||
routeList.forEach((item, index) => { |
SubMenu |
||||
if (item.children && item.children.length >= 1) { |
}, |
||||
this.filterRoute(item.children, selectRoute) |
created () { |
||||
} else { |
this.$store.state.sidebarMenuList = [...window.SITE_CONFIG['menuList']] |
||||
if (item.menuCode === selectRoute.menuCode) { |
this.routeList = JSON.parse(JSON.stringify(window.SITE_CONFIG['menuList'])) |
||||
if (selectRoute.num !== 0) { |
this.$emit('routeList', JSON.stringify(this.routeList)) |
||||
item.num = selectRoute.num |
this.initWebSocket() |
||||
this.pid = `true${item.pid}` |
}, |
||||
} else { |
methods: { |
||||
item.num = selectRoute.num |
filterRoute (routeList, selectRoute) { |
||||
this.pid = `false${item.pid}` |
routeList.forEach((item, index) => { |
||||
} |
if (item.children && item.children.length >= 1) { |
||||
} |
this.filterRoute(item.children, selectRoute) |
||||
} |
} else { |
||||
}) |
if (item.menuCode === selectRoute.menuCode) { |
||||
routeList.forEach(item => { |
if (selectRoute.num !== 0) { |
||||
if (item.children && item.children.length >= 1) { |
item.num = selectRoute.num |
||||
if (this.pid.indexOf('true') > -1) { |
this.pid = `true${item.pid}` |
||||
if (item.id === this.pid.substring(4)) { |
} else { |
||||
item.redPoint = true |
item.num = selectRoute.num |
||||
if (parseInt(item.pid) !== 0) { |
this.pid = `false${item.pid}` |
||||
this.parentPid = `true${item.pid}` |
} |
||||
} |
} |
||||
} |
} |
||||
} else if (this.pid.indexOf('false') > -1) { |
}) |
||||
if (item.id === this.pid.substring(5)) { |
routeList.forEach(item => { |
||||
item.redPoint = false |
if (item.children && item.children.length >= 1) { |
||||
if (parseInt(item.pid) !== 0) { |
if (this.pid.indexOf('true') > -1) { |
||||
this.parentPid = `false${item.pid}` |
if (item.id === this.pid.substring(4)) { |
||||
} |
item.redPoint = true |
||||
} |
if (parseInt(item.pid) !== 0) { |
||||
} |
this.parentPid = `true${item.pid}` |
||||
} |
} |
||||
}) |
} |
||||
routeList.forEach(item => { |
} else if (this.pid.indexOf('false') > -1) { |
||||
if (this.parentPid.indexOf('true') > -1) { |
if (item.id === this.pid.substring(5)) { |
||||
if (item.id === this.parentPid.substring(4)) { |
item.redPoint = false |
||||
item.redPoint = true |
if (parseInt(item.pid) !== 0) { |
||||
} |
this.parentPid = `false${item.pid}` |
||||
} else if (this.parentPid.indexOf('false') > -1) { |
} |
||||
if (item.id === this.parentPid.substring(5)) { |
} |
||||
item.redPoint = false |
} |
||||
} |
} |
||||
} |
}) |
||||
}) |
routeList.forEach(item => { |
||||
return routeList |
if (this.parentPid.indexOf('true') > -1) { |
||||
}, |
if (item.id === this.parentPid.substring(4)) { |
||||
initWebSocket () { |
item.redPoint = true |
||||
this.connection() |
} |
||||
// 断开重连机制,尝试发送消息,捕获异常发生时重连 |
} else if (this.parentPid.indexOf('false') > -1) { |
||||
this.timer = setInterval(() => { |
if (item.id === this.parentPid.substring(5)) { |
||||
try { |
item.redPoint = false |
||||
this.stompClient.send('alive') |
} |
||||
} catch (err) { |
} |
||||
console.log('断线了: ' + err) |
}) |
||||
this.connection() |
return routeList |
||||
} |
}, |
||||
}, 5000) |
initWebSocket () { |
||||
}, |
this.connection() |
||||
connection () { |
// 断开重连机制,尝试发送消息,捕获异常发生时重连 |
||||
// 建立连接对象 |
this.timer = setInterval(() => { |
||||
let socketUrl = window.SITE_CONFIG['apiURL'] + '/ws/menuNoticeEndpoint' |
try { |
||||
this.socket = new SockJS(socketUrl)// 连接服务端提供的通信接口，连接以后才可以订阅广播消息和个人消息，注意这里用的是http而不是原生WebSocket的ws |
this.stompClient.send('alive') |
||||
|
} catch (err) { |
||||
// 获取STOMP子协议的客户端对象 |
console.log('断线了: ' + err) |
||||
this.stompClient = Stomp.over(this.socket) |
this.connection() |
||||
|
} |
||||
// 定义客户端的认证信息,按需求配置 |
}, 5000) |
||||
let token = Cookies.get('token') || '' |
}, |
||||
console.log('token: ' + token) |
connection () { |
||||
let headers = { |
// 建立连接对象 |
||||
'token': token |
let socketUrl = window.SITE_CONFIG['apiURL'] + '/ws/menuNoticeEndpoint' |
||||
} |
this.socket = new SockJS(socketUrl)// 连接服务端提供的通信接口，连接以后才可以订阅广播消息和个人消息，注意这里用的是http而不是原生WebSocket的ws |
||||
// 向服务器发起websocket连接 |
|
||||
this.stompClient.connect(headers, this.onConnected, this.onFailed) |
// 获取STOMP子协议的客户端对象 |
||||
}, |
this.stompClient = Stomp.over(this.socket) |
||||
onConnected: function (frame) { |
|
||||
console.log('Connected: ' + frame) |
// 定义客户端的认证信息,按需求配置 |
||||
let topic = '/userMenuNotice/menuNoticeQueue/menu/getResponse' |
let token = Cookies.get('token') || '' |
||||
this.stompClient.subscribe(topic, this.onSubscribe) |
console.log('token: ' + token) |
||||
if (window.sessionStorage.getItem('routeList')) { |
let headers = { |
||||
this.routeList = JSON.parse(window.sessionStorage.getItem('routeList')) |
'token': token |
||||
} |
} |
||||
// 获取党群议事菜单消息 |
// 向服务器发起websocket连接 |
||||
this.$http.get('/events/epdcevents/initMenuNotice').then(({ data: res }) => {}).catch(() => { |
this.stompClient.connect(headers, this.onConnected, this.onFailed) |
||||
}) |
}, |
||||
}, |
onConnected: function (frame) { |
||||
onSubscribe (value) { |
console.log('Connected: ' + frame) |
||||
this.pid = '' |
let topic = '/userMenuNotice/menuNoticeQueue/menu/getResponse' |
||||
this.parentPid = '' |
this.stompClient.subscribe(topic, this.onSubscribe) |
||||
const selectRoute = JSON.parse(value.body) |
if (window.sessionStorage.getItem('routeList')) { |
||||
const list = JSON.parse(JSON.stringify(this.$store.state.sidebarMenuList)) |
this.routeList = JSON.parse(window.sessionStorage.getItem('routeList')) |
||||
if (Object.prototype.toString.call(selectRoute) === '[object Array]') { |
} |
||||
selectRoute.forEach(item => { |
// 获取党群议事菜单消息 |
||||
this.$store.state.sidebarMenuList = this.filterRoute(list, item) |
this.$http.get('/events/epdcevents/initMenuNotice').then(({ data: res }) => {}).catch(() => { |
||||
}) |
}) |
||||
} else if (Object.prototype.toString.call(selectRoute) === '[object Object]') { |
}, |
||||
this.$store.state.sidebarMenuList = this.filterRoute(list, selectRoute) |
onSubscribe (value) { |
||||
} |
this.pid = '' |
||||
this.routeList = JSON.parse(JSON.stringify(this.$store.state.sidebarMenuList)) |
this.parentPid = '' |
||||
window.sessionStorage.setItem('routeList', JSON.stringify(this.$store.state.sidebarMenuList)) |
const selectRoute = JSON.parse(value.body) |
||||
}, |
const list = JSON.parse(JSON.stringify(this.$store.state.sidebarMenuList)) |
||||
onFailed (frame) { |
if (Object.prototype.toString.call(selectRoute) === '[object Array]') { |
||||
console.log('Failed: ' + frame) |
selectRoute.forEach(item => { |
||||
}, |
this.$store.state.sidebarMenuList = this.filterRoute(list, item) |
||||
disconnect () { |
}) |
||||
if (this.stompClient != null) { |
} else if (Object.prototype.toString.call(selectRoute) === '[object Object]') { |
||||
this.stompClient.disconnect() |
this.$store.state.sidebarMenuList = this.filterRoute(list, selectRoute) |
||||
console.log('Disconnected') |
} |
||||
} |
this.routeList = JSON.parse(JSON.stringify(this.$store.state.sidebarMenuList)) |
||||
} |
window.sessionStorage.setItem('routeList', JSON.stringify(this.$store.state.sidebarMenuList)) |
||||
} |
}, |
||||
} |
onFailed (frame) { |
||||
</script> |
console.log('Failed: ' + frame) |
||||
|
}, |
||||
|
disconnect () { |
||||
|
if (this.stompClient != null) { |
||||
|
this.stompClient.disconnect() |
||||
|
console.log('Disconnected') |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
// .aui-sidebar__menu{ |
||||
|
// background: #2D2E42; |
||||
|
// } |
||||
|
.is-active { |
||||
|
background: linear-gradient(90deg, #1A5AFD, #26C4FF) !important; |
||||
|
// font-size: 14px; |
||||
|
// font-weight: bold; |
||||
|
} |
||||
|
.aui-sidebar__inner{ |
||||
|
background: #2D2E42; |
||||
|
} |
||||
|
</style> |
||||
|
|||||
@ -1,106 +1,126 @@ |
|||||
<template> |
<template> |
||||
<div v-loading.fullscreen.lock="loading" :element-loading-text="$t('loading')" :class="['aui-wrapper', { 'aui-sidebar--fold': $store.state.sidebarFold }]"> |
<div v-loading.fullscreen.lock="loading" :element-loading-text="$t('loading')" :class="['aui-wrapper', { 'aui-sidebar--fold': $store.state.sidebarFold }]"> |
||||
<template v-if="!loading"> |
<template v-if="!loading"> |
||||
<main-navbar /> |
<div v-show="isGoProgect==='false'"> |
||||
<main-sidebar /> |
<main-index v-on:mainIndexByValue="mainIndexByValue" /> |
||||
<div class="aui-content__wrapper"> |
</div> |
||||
<main-content v-if="!$store.state.contentIsNeedRefresh" /> |
<div v-show="isGoProgect==='true'"> |
||||
</div> |
<main-navbar :routeList_F = routeList_F v-on:routeList_child="routeList_child" /> |
||||
<main-theme-tools /> |
<main-sidebar :routeList_C = routeList_C v-on:routeList="routeList" /> |
||||
</template> |
<div class="aui-content__wrapper"> |
||||
</div> |
<main-content v-if="!$store.state.contentIsNeedRefresh" /> |
||||
</template> |
</div> |
||||
|
<main-theme-tools /> |
||||
<script> |
</div> |
||||
import MainNavbar from './main-navbar' |
</template> |
||||
import MainSidebar from './main-sidebar' |
</div> |
||||
import MainContent from './main-content' |
</template> |
||||
import MainThemeTools from './main-theme-tools' |
|
||||
import debounce from 'lodash/debounce' |
<script> |
||||
export default { |
import MainIndex from './main-index' |
||||
provide () { |
import MainNavbar from './main-navbar' |
||||
return { |
import MainSidebar from './main-sidebar' |
||||
// 刷新 |
import MainContent from './main-content' |
||||
refresh () { |
import MainThemeTools from './main-theme-tools' |
||||
this.$store.state.contentIsNeedRefresh = true |
import debounce from 'lodash/debounce' |
||||
this.$nextTick(() => { |
export default { |
||||
this.$store.state.contentIsNeedRefresh = false |
provide () { |
||||
}) |
return { |
||||
} |
// 刷新 |
||||
} |
refresh () { |
||||
}, |
this.$store.state.contentIsNeedRefresh = true |
||||
data () { |
this.$nextTick(() => { |
||||
return { |
this.$store.state.contentIsNeedRefresh = false |
||||
loading: true |
}) |
||||
} |
} |
||||
}, |
} |
||||
components: { |
}, |
||||
MainNavbar, |
data () { |
||||
MainSidebar, |
return { |
||||
MainContent, |
loading: true, |
||||
MainThemeTools |
isGoProgect: window.localStorage.getItem('isGoProgect'), |
||||
}, |
routeList_F: [], |
||||
watch: { |
routeList_C: [] |
||||
$route: 'routeHandle' |
} |
||||
}, |
}, |
||||
created () { |
components: { |
||||
this.windowResizeHandle() |
MainIndex, |
||||
this.routeHandle(this.$route) |
MainNavbar, |
||||
Promise.all([ |
MainSidebar, |
||||
this.getUserInfo(), |
MainContent, |
||||
this.getPermissions() |
MainThemeTools |
||||
]).then(() => { |
}, |
||||
this.loading = false |
watch: { |
||||
}) |
$route: 'routeHandle' |
||||
}, |
}, |
||||
methods: { |
created () { |
||||
// 窗口改变大小 |
this.windowResizeHandle() |
||||
windowResizeHandle () { |
this.routeHandle(this.$route) |
||||
this.$store.state.sidebarFold = document.documentElement['clientWidth'] <= 992 || false |
Promise.all([ |
||||
window.addEventListener('resize', debounce(() => { |
this.getUserInfo(), |
||||
this.$store.state.sidebarFold = document.documentElement['clientWidth'] <= 992 || false |
this.getPermissions() |
||||
}, 150)) |
]).then(() => { |
||||
}, |
this.loading = false |
||||
// 路由, 监听 |
}) |
||||
routeHandle (route) { |
}, |
||||
if (!route.meta.isTab) { |
methods: { |
||||
return false |
routeList (e) { |
||||
} |
this.routeList_F = JSON.parse(e) |
||||
var tab = this.$store.state.contentTabs.filter(item => item.name === route.name)[0] |
}, |
||||
if (!tab) { |
routeList_child (e) { |
||||
tab = { |
this.routeList_C = JSON.parse(e) |
||||
...window.SITE_CONFIG['contentTabDefault'], |
}, |
||||
...route.meta, |
// 窗口改变大小 |
||||
'name': route.name, |
windowResizeHandle () { |
||||
'params': { ...route.params }, |
this.$store.state.sidebarFold = document.documentElement['clientWidth'] <= 992 || false |
||||
'query': { ...route.query } |
window.addEventListener('resize', debounce(() => { |
||||
} |
this.$store.state.sidebarFold = document.documentElement['clientWidth'] <= 992 || false |
||||
this.$store.state.contentTabs = this.$store.state.contentTabs.concat(tab) |
}, 150)) |
||||
} |
}, |
||||
this.$store.state.sidebarMenuActiveName = tab.menuId |
// 路由, 监听 |
||||
this.$store.state.contentTabsActiveName = tab.name |
routeHandle (route) { |
||||
}, |
if (!route.meta.isTab) { |
||||
// 获取当前管理员信息 |
return false |
||||
getUserInfo () { |
} |
||||
return this.$http.get('/sys/user/info').then(({ data: res }) => { |
var tab = this.$store.state.contentTabs.filter(item => item.name === route.name)[0] |
||||
if (res.code !== 0) { |
if (!tab) { |
||||
return this.$message.error(res.msg) |
tab = { |
||||
} |
...window.SITE_CONFIG['contentTabDefault'], |
||||
this.$store.state.user.id = res.data.id |
...route.meta, |
||||
this.$store.state.user.name = res.data.username |
'name': route.name, |
||||
this.$store.state.user.realName = res.data.realName |
'params': { ...route.params }, |
||||
this.$store.state.user.superAdmin = res.data.superAdmin |
'query': { ...route.query } |
||||
}).catch(() => {}) |
} |
||||
}, |
this.$store.state.contentTabs = this.$store.state.contentTabs.concat(tab) |
||||
// 获取权限 |
} |
||||
getPermissions () { |
this.$store.state.sidebarMenuActiveName = tab.menuId |
||||
return this.$http.get('/sys/menu/permissions').then(({ data: res }) => { |
this.$store.state.contentTabsActiveName = tab.name |
||||
if (res.code !== 0) { |
}, |
||||
return this.$message.error(res.msg) |
// 获取当前管理员信息 |
||||
} |
getUserInfo () { |
||||
window.SITE_CONFIG['permissions'] = res.data |
return this.$http.get('/sys/user/info').then(({ data: res }) => { |
||||
}).catch(() => {}) |
if (res.code !== 0) { |
||||
} |
return this.$message.error(res.msg) |
||||
} |
} |
||||
} |
this.$store.state.user.id = res.data.id |
||||
</script> |
this.$store.state.user.name = res.data.username |
||||
|
this.$store.state.user.realName = res.data.realName |
||||
|
this.$store.state.user.superAdmin = res.data.superAdmin |
||||
|
}).catch(() => {}) |
||||
|
}, |
||||
|
// 获取权限 |
||||
|
getPermissions () { |
||||
|
return this.$http.get('/sys/menu/permissions').then(({ data: res }) => { |
||||
|
if (res.code !== 0) { |
||||
|
return this.$message.error(res.msg) |
||||
|
} |
||||
|
window.SITE_CONFIG['permissions'] = res.data |
||||
|
}).catch(() => {}) |
||||
|
}, |
||||
|
mainIndexByValue (e) { |
||||
|
window.localStorage.setItem('isGoProgect', e) |
||||
|
this.isGoProgect = window.localStorage.getItem('isGoProgect') |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|||||
@ -1,193 +1,193 @@ |
|||||
<template> |
<template> |
||||
<el-card shadow="never" class="aui-card--fill"> |
<el-card shadow="never" class="aui-card--fill"> |
||||
<div class="mod-news__weekrecordinfo}"> |
<div class="mod-news__weekrecordinfo}"> |
||||
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataListSearch()"> |
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataListSearch()"> |
||||
<!-- <el-form-item> |
<!-- <el-form-item> |
||||
<el-input v-model="dataForm.id" placeholder="id" clearable></el-input> |
<el-input v-model="dataForm.id" placeholder="id" clearable></el-input> |
||||
</el-form-item> --> |
</el-form-item> --> |
||||
<div> |
<div> |
||||
<el-form-item label="周报内容" prop="content" label-width="90px"> |
<el-form-item label="周报内容" prop="content" label-width="90px"> |
||||
<el-input v-model="dataForm.content" placeholder="周报内容" clearable maxlength="20" @keyup.native="btKeyUpContent" style="width:200px"></el-input> |
<el-input v-model="dataForm.content" placeholder="周报内容" clearable maxlength="20" @keyup.native="btKeyUpContent" style="width:200px"></el-input> |
||||
</el-form-item> |
</el-form-item> |
||||
<el-form-item label="发布人" prop="nickName" label-width="90px"> |
<el-form-item label="发布人" prop="nickName" label-width="90px"> |
||||
<el-input v-model="dataForm.nickName" placeholder="发布人" clearable maxlength="10" @keyup.native="btKeyUpNickName" style="width:200px"></el-input> |
<el-input v-model="dataForm.nickName" placeholder="发布人" clearable maxlength="10" @keyup.native="btKeyUpNickName" style="width:200px"></el-input> |
||||
</el-form-item> |
</el-form-item> |
||||
</div> |
</div> |
||||
<el-form-item label="所属机构" label-width="90px"> |
<el-form-item label="所属机构" label-width="90px"> |
||||
<el-cascader |
<el-cascader |
||||
v-model="ids" |
v-model="ids" |
||||
:options="options" |
:options="options" |
||||
:props="{ checkStrictly: true }" |
:props="{ checkStrictly: true }" |
||||
clearable |
clearable |
||||
> |
> |
||||
</el-cascader> |
</el-cascader> |
||||
</el-form-item> |
</el-form-item> |
||||
<el-form-item label="发布时间" prop="startTime" label-width="90px"> |
<el-form-item label="发布时间" prop="startTime" label-width="90px"> |
||||
<el-date-picker v-model="dataForm.startTime" |
<el-date-picker v-model="dataForm.startTime" |
||||
type="date" |
type="date" |
||||
:picker-options="pickerBeginDateBefore" |
:picker-options="pickerBeginDateBefore" |
||||
value-format="yyyy-MM-dd" |
value-format="yyyy-MM-dd" |
||||
format="yyyy-MM-dd" |
format="yyyy-MM-dd" |
||||
placeholder="选择日期时间" |
placeholder="选择日期时间" |
||||
style="width:200px" @change="changeTime"> |
style="width:200px" @change="changeTime"> |
||||
</el-date-picker> |
</el-date-picker> |
||||
</el-form-item> |
</el-form-item> |
||||
<el-form-item label="至" prop="endTime"> |
<el-form-item label="至" prop="endTime"> |
||||
<el-date-picker v-model="dataForm.endTime" |
<el-date-picker v-model="dataForm.endTime" |
||||
type="date" |
type="date" |
||||
:picker-options="pickerBeginDateAfter" |
:picker-options="pickerBeginDateAfter" |
||||
value-format="yyyy-MM-dd" |
value-format="yyyy-MM-dd" |
||||
format="yyyy-MM-dd" |
format="yyyy-MM-dd" |
||||
placeholder="选择日期时间" |
placeholder="选择日期时间" |
||||
style="width:200px" @change="changeTime"> |
style="width:200px" @change="changeTime"> |
||||
</el-date-picker> |
</el-date-picker> |
||||
</el-form-item> |
</el-form-item> |
||||
<el-form-item> |
<el-form-item> |
||||
<el-button type="success" @click="getDataListSearch()">{{ $t('query') }}</el-button> |
<el-button type="success" @click="getDataListSearch()">{{ $t('query') }}</el-button> |
||||
</el-form-item> |
</el-form-item> |
||||
<!-- <el-form-item> |
<!-- <el-form-item> |
||||
<el-button v-if="$hasPermission('news:weekrecordinfo:save')" type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button> |
<el-button v-if="$hasPermission('news:weekrecordinfo:save')" type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button> |
||||
</el-form-item> --> |
</el-form-item> --> |
||||
<el-form-item> |
<el-form-item> |
||||
<el-button type="primary" @click="addHandle('','0','1')">{{ $t('add') }}</el-button> |
<el-button type="primary" @click="addHandle('','0','1')">{{ $t('add') }}</el-button> |
||||
</el-form-item> |
</el-form-item> |
||||
<el-form-item> |
<el-form-item> |
||||
<el-button type="success" @click="exportHandle()">{{ $t('export') }}</el-button> |
<el-button type="success" @click="exportHandle()">{{ $t('export') }}</el-button> |
||||
</el-form-item> |
</el-form-item> |
||||
<el-form-item> |
<el-form-item> |
||||
<el-button v-if="$hasPermission('news:weekrecordinfo:delete')" type="danger" @click="deleteHandle()">{{ $t('deleteBatch') }}</el-button> |
<el-button v-if="$hasPermission('news:weekrecordinfo:delete')" type="danger" @click="deleteHandle()">{{ $t('deleteBatch') }}</el-button> |
||||
</el-form-item> |
</el-form-item> |
||||
</el-form> |
</el-form> |
||||
<el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%;"> |
<el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%;"> |
||||
<el-table-column label="序号" header-align="center" align="center" width="50px"> |
<el-table-column label="序号" header-align="center" align="center" width="50px"> |
||||
<template slot-scope="scope"> |
<template slot-scope="scope"> |
||||
{{scope.$index+1}} |
{{scope.$index+1}} |
||||
</template> |
</template> |
||||
</el-table-column> |
</el-table-column> |
||||
<el-table-column prop="nickName" label="发布人" header-align="center" align="center" width="150" show-overflow-tooltip></el-table-column> |
<el-table-column prop="nickName" label="发布人" header-align="center" align="center" width="150" show-overflow-tooltip></el-table-column> |
||||
<el-table-column prop="deptName" label="部门名称" header-align="center" align="center" width="120" show-overflow-tooltip></el-table-column> |
<el-table-column prop="deptName" label="部门名称" header-align="center" align="center" width="120" show-overflow-tooltip></el-table-column> |
||||
<el-table-column prop="startDate" label="统计开始时间" header-align="center" align="center" width="180" :formatter="dateFormat"></el-table-column> |
<el-table-column prop="startDate" label="统计开始时间" header-align="center" align="center" width="180" :formatter="dateFormat"></el-table-column> |
||||
<el-table-column prop="endDate" label="统计结束时间" header-align="center" align="center" width="180" :formatter="dateFormat"></el-table-column> |
<el-table-column prop="endDate" label="统计结束时间" header-align="center" align="center" width="180" :formatter="dateFormat"></el-table-column> |
||||
<el-table-column prop="content" label="内容" header-align="center" align="left" min-width="400" show-overflow-tooltip></el-table-column> |
<el-table-column prop="content" label="内容" header-align="center" align="left" min-width="400" show-overflow-tooltip></el-table-column> |
||||
<el-table-column prop="state" label="周报状态" header-align="center" align="center" width="120"></el-table-column> |
<el-table-column prop="state" label="周报状态" header-align="center" align="center" width="120"></el-table-column> |
||||
<el-table-column prop="createdTime" label="发布时间" header-align="center" align="center" width="180"></el-table-column> |
<el-table-column prop="createdTime" label="发布时间" header-align="center" align="center" width="180"></el-table-column> |
||||
<el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150"> |
<el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150"> |
||||
<template slot-scope="scope"> |
<template slot-scope="scope"> |
||||
<el-button :disabled="scope.row.isUpdate == '0'" type="text" size="small" @click="addHandle(scope.row.id,'0','0')">{{ $t('update') }}</el-button> |
<el-button :disabled="scope.row.isUpdate == '0'" type="text" size="small" @click="addHandle(scope.row.id,'0','0')">{{ $t('update') }}</el-button> |
||||
<el-button type="text" size="small" @click="addHandle(scope.row.id,'1','0')">{{ '查看' }}</el-button> |
<el-button type="text" size="small" @click="addHandle(scope.row.id,'1','0')">{{ '查看' }}</el-button> |
||||
<el-button v-if="$hasPermission('news:weekrecordinfo:update')" type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</el-button> |
<el-button v-if="$hasPermission('news:weekrecordinfo:update')" type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</el-button> |
||||
<el-button v-if="$hasPermission('news:weekrecordinfo:delete')" type="text" size="small" @click="deleteHandle(scope.row.id)">{{ $t('delete') }}</el-button> |
<el-button v-if="$hasPermission('news:weekrecordinfo:delete')" type="text" size="small" @click="deleteHandle(scope.row.id)">{{ $t('delete') }}</el-button> |
||||
</template> |
</template> |
||||
</el-table-column> |
</el-table-column> |
||||
</el-table> |
</el-table> |
||||
<el-pagination |
<el-pagination |
||||
:current-page="page" |
:current-page="page" |
||||
:page-sizes="[10, 20, 50, 100]" |
:page-sizes="[10, 20, 50, 100]" |
||||
:page-size="limit" |
:page-size="limit" |
||||
:total="total" |
:total="total" |
||||
layout="total, sizes, prev, pager, next, jumper" |
layout="total, sizes, prev, pager, next, jumper" |
||||
@size-change="pageSizeChangeHandle" |
@size-change="pageSizeChangeHandle" |
||||
@current-change="pageCurrentChangeHandle"> |
@current-change="pageCurrentChangeHandle"> |
||||
</el-pagination> |
</el-pagination> |
||||
<!-- 弹窗, 新增 / 修改 --> |
<!-- 弹窗, 新增 / 修改 --> |
||||
<add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update> |
<add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update> |
||||
</div> |
</div> |
||||
</el-card> |
</el-card> |
||||
</template> |
</template> |
||||
|
|
||||
<script> |
<script> |
||||
import mixinViewModule from '@/mixins/view-module' |
import mixinViewModule from '@/mixins/view-module' |
||||
import AddOrUpdate from './weekrecordinfo-add-or-update' |
import AddOrUpdate from './weekrecordinfo-add-or-update' |
||||
export default { |
export default { |
||||
mixins: [mixinViewModule], |
mixins: [mixinViewModule], |
||||
data () { |
data () { |
||||
return { |
return { |
||||
mixinViewModuleOptions: { |
mixinViewModuleOptions: { |
||||
getDataListURL: '/workRecord/weekrecordinfo/page', |
getDataListURL: '/workRecord/weekrecordinfo/page', |
||||
getDataListIsPage: true, |
getDataListIsPage: true, |
||||
deleteURL: '/workRecord/weekrecordinfo', |
deleteURL: '/workRecord/weekrecordinfo', |
||||
deleteIsBatch: true, |
deleteIsBatch: true, |
||||
exportURL: '/workRecord/weekrecordinfo/export' |
exportURL: '/workRecord/weekrecordinfo/export' |
||||
}, |
}, |
||||
dataForm: { |
dataForm: { |
||||
id: '', |
id: '', |
||||
content: '', |
content: '', |
||||
nickName: '', |
nickName: '', |
||||
startTime: '', |
startTime: '', |
||||
endTime: '' |
endTime: '' |
||||
}, |
}, |
||||
pickerBeginDateBefore: { |
pickerBeginDateBefore: { |
||||
disabledDate: (time) => { |
disabledDate: (time) => { |
||||
let beginDateVal = this.dataForm.endTime |
let beginDateVal = this.dataForm.endTime |
||||
if (beginDateVal) { |
if (beginDateVal) { |
||||
return time.getTime() > new Date(beginDateVal + ' 00:00:00').getTime() |
return time.getTime() > new Date(beginDateVal + ' 00:00:00').getTime() |
||||
} |
} |
||||
} |
} |
||||
}, |
}, |
||||
pickerBeginDateAfter: { |
pickerBeginDateAfter: { |
||||
disabledDate: (time) => { |
disabledDate: (time) => { |
||||
let EndDateVal = this.dataForm.startTime |
let EndDateVal = this.dataForm.startTime |
||||
if (EndDateVal) { |
if (EndDateVal) { |
||||
return time.getTime() < new Date(EndDateVal + ' 00:00:00').getTime() |
return time.getTime() < new Date(EndDateVal + ' 00:00:00').getTime() |
||||
} |
} |
||||
} |
} |
||||
}, |
}, |
||||
ids: [], |
ids: [], |
||||
options: [] |
options: [] |
||||
} |
} |
||||
}, |
}, |
||||
created: function () { |
created: function () { |
||||
this.getDataList() |
this.getDataList() |
||||
this.getOptions() |
this.getOptions() |
||||
}, |
}, |
||||
components: { |
components: { |
||||
AddOrUpdate |
AddOrUpdate |
||||
}, |
}, |
||||
watch: { |
watch: { |
||||
ids: function (val) { |
ids: function (val) { |
||||
if (val.length === 0) { |
if (val.length === 0) { |
||||
this.dataForm.deptId = '' |
this.dataForm.deptId = '' |
||||
} else { |
} else { |
||||
this.dataForm.deptId = this.ids[val.length - 1] |
this.dataForm.deptId = this.ids[val.length - 1] |
||||
} |
} |
||||
} |
} |
||||
}, |
}, |
||||
methods: { |
methods: { |
||||
dateFormat (row, column) { |
dateFormat (row, column) { |
||||
let date = row[column.property] |
let date = row[column.property] |
||||
return date.length >= 10 ? date.substring(0, 10) : date |
return date.length >= 10 ? date.substring(0, 10) : date |
||||
}, |
}, |
||||
addHandle (id, disabled, isAdd) { |
addHandle (id, disabled, isAdd) { |
||||
this.$parent.selectComponent = 'WeekrecordinfoDetail' |
this.$parent.selectComponent = 'WeekrecordinfoDetail' |
||||
this.$router.push({ path: '/workRecord-weekrecordinforoute', query: { id: id, disabled: disabled, isAdd: isAdd } }) |
this.$router.push({ path: '/workRecord-weekrecordinforoute', query: { id: id, disabled: disabled, isAdd: isAdd } }) |
||||
}, |
}, |
||||
getOptions () { |
getOptions () { |
||||
this.$http |
this.$http |
||||
.get(`/sys/user/deptOptions/getByLoginUser`) |
.get(`/sys/user/deptOptions/getByLoginUser`) |
||||
.then(({ data: res }) => { |
.then(({ data: res }) => { |
||||
if (res.code !== 0) { |
if (res.code !== 0) { |
||||
return this.$message.error(res.msg) |
return this.$message.error(res.msg) |
||||
} |
} |
||||
this.options = res.data.options |
this.options = res.data.options |
||||
}) |
}) |
||||
.catch(() => {}) |
.catch(() => {}) |
||||
}, |
}, |
||||
btKeyUpContent (e) { |
btKeyUpContent (e) { |
||||
e.target.value = e.target.value.replace(/[`~!@#$%^&*()_+=<>?:"{}|·~！@#￥%……&*（）——+={}|《》？：“”【】、；‘’，。、]/g, '') |
e.target.value = e.target.value.replace(/[`~!@#$%^&*()_+=<>?:"{}|·~！@#￥%……&*（）——+={}|《》？：“”【】、；‘’，。、]/g, '') |
||||
this.dataForm.content = e.target.value |
this.dataForm.content = e.target.value |
||||
}, |
}, |
||||
btKeyUpNickName (e) { |
btKeyUpNickName (e) { |
||||
e.target.value = e.target.value.replace(/[`~!@#$%^&*()_+=<>?:"{}|·~！@#￥%……&*（）——+={}|《》？：“”【】、；‘’，。、]/g, '') |
e.target.value = e.target.value.replace(/[`~!@#$%^&*()_+=<>?:"{}|·~！@#￥%……&*（）——+={}|《》？：“”【】、；‘’，。、]/g, '') |
||||
this.dataForm.nickName = e.target.value |
this.dataForm.nickName = e.target.value |
||||
} |
} |
||||
} |
} |
||||
} |
} |
||||
</script> |
</script> |
||||
<style> |
<style> |
||||
.el-tooltip__popper { |
.el-tooltip__popper { |
||||
max-width: 80%; |
max-width: 80%; |
||||
color: #353434 !important; |
color: #353434 !important; |
||||
background:#e6eaebf3 !important; |
background:#e6eaebf3 !important; |
||||
word-break:break-all; |
word-break:break-all; |
||||
} |
} |
||||
</style> |
</style> |
||||
|
|||||
@ -1,173 +1,174 @@ |
|||||
<template> |
<template> |
||||
<div class="aui-wrapper aui-page__login"> |
<div class="aui-wrapper aui-page__login"> |
||||
<div class="aui-content__wrapper"> |
<div class="aui-content__wrapper"> |
||||
<main class="aui-content"> |
<main class="aui-content"> |
||||
<div class="login-header"> |
<!-- <div class="login-header"> |
||||
<h2 class="login-brand" |
<h2 class="login-brand" |
||||
style="text-transform: none;color:red;">{{ $t('brand.lg') }}</h2> |
style="text-transform: none;color:red;">{{ $t('brand.lg') }}</h2> |
||||
</div> |
</div> --> |
||||
<div class="login-body"> |
<div class="login-body"> |
||||
<h3 class="login-title">{{ $t('login.title') }}</h3> |
<h3 class="login-title">党群e家管理平台</h3> |
||||
<el-form :model="dataForm" |
<el-form :model="dataForm" |
||||
:rules="dataRule" |
:rules="dataRule" |
||||
ref="dataForm" |
ref="dataForm" |
||||
@keyup.enter.native="dataFormSubmitHandle()" |
@keyup.enter.native="dataFormSubmitHandle()" |
||||
status-icon> |
status-icon> |
||||
<!-- <el-form-item> |
<!-- <el-form-item> |
||||
<el-select v-model="$i18n.locale" class="w-percent-100"> |
<el-select v-model="$i18n.locale" class="w-percent-100"> |
||||
<el-option v-for="(val, key) in i18nMessages" :key="key" :label="val._lang" :value="key"></el-option> |
<el-option v-for="(val, key) in i18nMessages" :key="key" :label="val._lang" :value="key"></el-option> |
||||
</el-select> |
</el-select> |
||||
</el-form-item> --> |
</el-form-item> --> |
||||
<el-form-item prop="username"> |
<el-form-item prop="username"> |
||||
<el-input v-model="dataForm.username" |
<el-input v-model="dataForm.username" |
||||
:placeholder="$t('login.username')"> |
:placeholder="$t('login.username')"> |
||||
<span slot="prefix" |
<span slot="prefix" |
||||
class="el-input__icon"> |
class="el-input__icon"> |
||||
<svg class="icon-svg" |
<svg class="icon-svg" |
||||
aria-hidden="true"> |
aria-hidden="true"> |
||||
<use xlink:href="#icon-user"></use> |
<use xlink:href="#icon-user"></use> |
||||
</svg> |
</svg> |
||||
</span> |
</span> |
||||
</el-input> |
</el-input> |
||||
</el-form-item> |
</el-form-item> |
||||
<el-form-item prop="password"> |
<el-form-item prop="password"> |
||||
<el-input v-model="dataForm.password" |
<el-input v-model="dataForm.password" |
||||
type="password" |
type="password" |
||||
:placeholder="$t('login.password')"> |
:placeholder="$t('login.password')"> |
||||
<span slot="prefix" |
<span slot="prefix" |
||||
class="el-input__icon"> |
class="el-input__icon"> |
||||
<svg class="icon-svg" |
<svg class="icon-svg" |
||||
aria-hidden="true"> |
aria-hidden="true"> |
||||
<use xlink:href="#icon-lock"></use> |
<use xlink:href="#icon-lock"></use> |
||||
</svg> |
</svg> |
||||
</span> |
</span> |
||||
</el-input> |
</el-input> |
||||
</el-form-item> |
</el-form-item> |
||||
<el-form-item prop="captcha"> |
<el-form-item prop="captcha"> |
||||
<el-row :gutter="20"> |
<el-row :gutter="20"> |
||||
<el-col :span="14"> |
<el-col :span="14"> |
||||
<el-input v-model="dataForm.captcha" |
<el-input v-model="dataForm.captcha" |
||||
:placeholder="$t('login.captcha')"> |
:placeholder="$t('login.captcha')"> |
||||
<span slot="prefix" |
<span slot="prefix" |
||||
class="el-input__icon"> |
class="el-input__icon"> |
||||
<svg class="icon-svg" |
<svg class="icon-svg" |
||||
aria-hidden="true"> |
aria-hidden="true"> |
||||
<use xlink:href="#icon-safetycertificate"></use> |
<use xlink:href="#icon-safetycertificate"></use> |
||||
</svg> |
</svg> |
||||
</span> |
</span> |
||||
</el-input> |
</el-input> |
||||
</el-col> |
</el-col> |
||||
<el-col :span="10" |
<el-col :span="10" |
||||
class="login-captcha"> |
class="login-captcha"> |
||||
<img :src="captchaPath" |
<img :src="captchaPath" |
||||
@click="getCaptcha()"> |
@click="getCaptcha()"> |
||||
</el-col> |
</el-col> |
||||
</el-row> |
</el-row> |
||||
</el-form-item> |
</el-form-item> |
||||
<el-form-item> |
<el-form-item> |
||||
<el-button type="primary" |
<el-button type="primary" |
||||
@click="dataFormSubmitHandle()" |
@click="dataFormSubmitHandle()" |
||||
class="w-percent-100">{{ $t('login.title') }}</el-button> |
class="w-percent-100">{{ $t('login.title') }}</el-button> |
||||
</el-form-item> |
</el-form-item> |
||||
</el-form> |
</el-form> |
||||
</div> |
</div> |
||||
<div v-if="isHidden"> |
<div v-if="isHidden"> |
||||
<p><a href="https://dl.google.com/tag/s/appguid%3D%7B8A69D345-D564-463C-AFF1-A69D9E530F96%7D%26iid%3D%7B0EBBEC46-30F5-946B-A54E-5628DFF12914%7D%26lang%3Den%26browser%3D4%26usagestats%3D1%26appname%3DGoogle%2520Chrome%26needsadmin%3Dprefers%26ap%3Dx64-stable-statsdef_1%26installdataindex%3Ddefaultbrowser/update2/installers/ChromeSetup.exe" target="_blank">点击此处下载谷歌浏览器</a></p> |
<p><a href="https://dl.google.com/tag/s/appguid%3D%7B8A69D345-D564-463C-AFF1-A69D9E530F96%7D%26iid%3D%7B0EBBEC46-30F5-946B-A54E-5628DFF12914%7D%26lang%3Den%26browser%3D4%26usagestats%3D1%26appname%3DGoogle%2520Chrome%26needsadmin%3Dprefers%26ap%3Dx64-stable-statsdef_1%26installdataindex%3Ddefaultbrowser/update2/installers/ChromeSetup.exe" target="_blank">点击此处下载谷歌浏览器</a></p> |
||||
</div> |
</div> |
||||
<!-- <div class="login-footer"> |
<!-- <div class="login-footer"> |
||||
<p><a href="http://www.elinkit.com.cn/" |
<p><a href="http://www.elinkit.com.cn/" |
||||
target="_blank">{{ $t('login.copyright') }}</a>2020 © www.elinkit.com.cn</p> |
target="_blank">{{ $t('login.copyright') }}</a>2020 © www.elinkit.com.cn</p> |
||||
</div> --> |
</div> --> |
||||
</main> |
</main> |
||||
</div> |
</div> |
||||
</div> |
</div> |
||||
</template> |
</template> |
||||
|
|
||||
<script> |
<script> |
||||
import Cookies from 'js-cookie' |
import Cookies from 'js-cookie' |
||||
import debounce from 'lodash/debounce' |
import debounce from 'lodash/debounce' |
||||
import { messages } from '@/i18n' |
import { messages } from '@/i18n' |
||||
import { getUUID } from '@/utils' |
import { getUUID } from '@/utils' |
||||
export default { |
export default { |
||||
data () { |
data () { |
||||
return { |
return { |
||||
i18nMessages: messages, |
i18nMessages: messages, |
||||
captchaPath: '', |
captchaPath: '', |
||||
isHidden: false, |
isHidden: false, |
||||
dataForm: { |
dataForm: { |
||||
username: '', |
username: '', |
||||
password: '', |
password: '', |
||||
uuid: '', |
uuid: '', |
||||
captcha: '' |
captcha: '' |
||||
} |
} |
||||
} |
} |
||||
}, |
}, |
||||
computed: { |
computed: { |
||||
dataRule () { |
dataRule () { |
||||
return { |
return { |
||||
username: [ |
username: [ |
||||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
||||
], |
], |
||||
password: [ |
password: [ |
||||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
||||
], |
], |
||||
captcha: [ |
captcha: [ |
||||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
||||
] |
] |
||||
} |
} |
||||
} |
} |
||||
}, |
}, |
||||
created () { |
created () { |
||||
this.getCaptcha() |
this.getCaptcha() |
||||
this.myBrowser() |
this.myBrowser() |
||||
}, |
}, |
||||
methods: { |
methods: { |
||||
myBrowser () { |
myBrowser () { |
||||
var userAgent = navigator.userAgent |
var userAgent = navigator.userAgent |
||||
if (userAgent.indexOf('Chrome') > -1) { |
if (userAgent.indexOf('Chrome') > -1) { |
||||
this.isHidden = false |
this.isHidden = false |
||||
} else { |
} else { |
||||
this.isHidden = true |
this.isHidden = true |
||||
} |
} |
||||
}, |
}, |
||||
// 获取验证码 |
// 获取验证码 |
||||
getCaptcha () { |
getCaptcha () { |
||||
this.dataForm.uuid = getUUID() |
this.dataForm.uuid = getUUID() |
||||
this.captchaPath = `${window.SITE_CONFIG['apiURL']}/auth/captcha?uuid=${this.dataForm.uuid}` |
this.captchaPath = `${window.SITE_CONFIG['apiURL']}/auth/captcha?uuid=${this.dataForm.uuid}` |
||||
}, |
}, |
||||
// 表单提交 |
// 表单提交 |
||||
dataFormSubmitHandle: debounce(function () { |
dataFormSubmitHandle: debounce(function () { |
||||
this.$refs['dataForm'].validate((valid) => { |
this.$refs['dataForm'].validate((valid) => { |
||||
if (!valid) { |
if (!valid) { |
||||
return false |
return false |
||||
} |
} |
||||
this.$http.post('/auth/login', this.dataForm).then(({ data: res }) => { |
this.$http.post('/auth/login', this.dataForm).then(({ data: res }) => { |
||||
if (res.code !== 0) { |
if (res.code !== 0) { |
||||
this.getCaptcha() |
this.getCaptcha() |
||||
return this.$message.error(res.msg) |
return this.$message.error(res.msg) |
||||
} |
} |
||||
Cookies.set('token', res.data.token) |
Cookies.set('token', res.data.token) |
||||
this.$router.replace({ name: 'home' }) |
this.$router.replace({ name: 'home' }) |
||||
// 登陆之后从localStorage获取党委为空则从网络上拉取 |
window.localStorage.setItem('isGoProgect', false) |
||||
this.checkLocakStorage() |
// 登陆之后从localStorage获取党委为空则从网络上拉取 |
||||
}).catch(() => { }) |
this.checkLocakStorage() |
||||
}) |
}).catch(() => { }) |
||||
}, 1000, { 'leading': true, 'trailing': false }), |
}) |
||||
checkLocakStorage () { |
}, 1000, { 'leading': true, 'trailing': false }), |
||||
var street = localStorage.getItem('street') |
checkLocakStorage () { |
||||
if (street === null) { |
var street = localStorage.getItem('street') |
||||
this.getIdByCode('shibei') |
if (street === null) { |
||||
} |
this.getIdByCode('shibei') |
||||
}, |
} |
||||
// 获取党委 |
}, |
||||
getIdByCode (partyCode) { |
// 获取党委 |
||||
this.$http.get(`/sys/dept/getIdByCode/` + partyCode).then(({ data: res }) => { |
getIdByCode (partyCode) { |
||||
if (res.code !== 0) { |
this.$http.get(`/sys/dept/getIdByCode/` + partyCode).then(({ data: res }) => { |
||||
return this.$message.error(res.msg) |
if (res.code !== 0) { |
||||
} |
return this.$message.error(res.msg) |
||||
localStorage.setItem('street', res.data.id) |
} |
||||
}).catch(() => { }) |
localStorage.setItem('street', res.data.id) |
||||
} |
}).catch(() => { }) |
||||
} |
} |
||||
} |
} |
||||
</script> |
} |
||||
|
</script> |
||||
|
|||||
Loading…
Reference in new issue