2023-03-07 18:48:15 +08:00
|
|
|
.knowledge-base {
|
2023-03-10 21:15:09 +08:00
|
|
|
&.list-page {
|
|
|
|
|
height: calc(100% - 52px);
|
|
|
|
|
}
|
2023-03-07 18:48:15 +08:00
|
|
|
.type-tag {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
padding: 0 10px;
|
|
|
|
|
background-color: #EBF7FA;
|
|
|
|
|
color: #046ECA;
|
2023-04-26 23:46:23 +08:00
|
|
|
box-shadow: 0 2px 4px 0 rgba(51,51,51,0.02);
|
2023-03-07 18:48:15 +08:00
|
|
|
border-radius: 12px;
|
|
|
|
|
}
|
2023-03-10 20:50:54 +08:00
|
|
|
|
|
|
|
|
.top-title {
|
|
|
|
|
font-size: 24px;
|
|
|
|
|
color: #353636;
|
|
|
|
|
font-weight: 900;
|
|
|
|
|
line-height: 24px;
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
padding-bottom: 8px;
|
|
|
|
|
padding-top: 20px;
|
2023-04-26 23:46:23 +08:00
|
|
|
margin-left:20px;
|
2023-03-10 20:50:54 +08:00
|
|
|
}
|
2023-04-26 23:46:23 +08:00
|
|
|
.knowledge-base__content {
|
|
|
|
|
display:flex;
|
|
|
|
|
flex-direction:row;
|
|
|
|
|
padding:12px 20px 20px 20px;
|
|
|
|
|
height:calc(100% - 52px);
|
|
|
|
|
.left-filter {
|
|
|
|
|
margin-right:20px;
|
|
|
|
|
width:320px;
|
|
|
|
|
min-width:320px;
|
|
|
|
|
height:100%;
|
|
|
|
|
display:flex;
|
|
|
|
|
flex-direction:column;
|
|
|
|
|
background: #FFFFFF;
|
|
|
|
|
border: 1px solid rgba(226,229,236,1);
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
overflow: auto;
|
|
|
|
|
.filter-title {
|
|
|
|
|
height:32px;
|
|
|
|
|
padding-left:20px;
|
|
|
|
|
align-items: center;
|
|
|
|
|
display: flex;
|
|
|
|
|
background: #F7F7F7;
|
|
|
|
|
box-shadow: 0px 1px 0px 0px rgba(226,229,236,1);
|
|
|
|
|
border-radius: 4px 4px 0px 0px;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
color: #353636;
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
//font-family: $fontFamily !important;
|
|
|
|
|
}
|
|
|
|
|
.knowledge-filter {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
margin-bottom: 0px;
|
|
|
|
|
.filter__header {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex: 0 0 32px;
|
|
|
|
|
align-items: center;
|
|
|
|
|
padding-left: 20px;
|
|
|
|
|
color: #666;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
margin-top:15px;
|
|
|
|
|
span {
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
padding-left: 0px;
|
|
|
|
|
}
|
|
|
|
|
i {
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
transition: all linear .1s;
|
|
|
|
|
transform: rotate(0) translate(0, 2px);
|
|
|
|
|
}
|
|
|
|
|
i.arrow-rotate {
|
|
|
|
|
transform: rotate(90deg) translate(2px, 3px);
|
|
|
|
|
}
|
|
|
|
|
.new-knowledge-filter-header-title {
|
|
|
|
|
//font-family: $fontFamily !important;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
color: #353636;
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
}
|
|
|
|
|
.new-knowledge-filter-icon {
|
|
|
|
|
margin-left: 8px;
|
|
|
|
|
margin-bottom: 2px;
|
|
|
|
|
font-weight: bold !important;
|
|
|
|
|
color: #575757;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.filter__body {
|
|
|
|
|
padding: 0px 0 0 20px;
|
|
|
|
|
|
|
|
|
|
.el-checkbox-group {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
}
|
|
|
|
|
.el-checkbox {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
padding: 5px 0;
|
|
|
|
|
margin-right: 5px;
|
|
|
|
|
.el-checkbox__input {
|
|
|
|
|
.el-checkbox__inner {
|
|
|
|
|
background: #F2F7F9;
|
|
|
|
|
border: 1px solid rgba(0,0,0,0.15);
|
|
|
|
|
border-radius: 2px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.el-checkbox__input.is-checked {
|
|
|
|
|
.el-checkbox__inner {
|
|
|
|
|
border-color: #38ACD2;
|
|
|
|
|
background: #38ACD2;
|
|
|
|
|
border-radius: 2px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.el-checkbox__input.is-focus {
|
|
|
|
|
.el-checkbox__inner {
|
|
|
|
|
border-color: #38ACD2;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.el-checkbox__label {
|
|
|
|
|
width: 100%;
|
|
|
|
|
padding-right:15px;
|
|
|
|
|
padding-left:7px;
|
|
|
|
|
}
|
|
|
|
|
.filter__checkbox-label {
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
align-items: center;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
//font-family: NotoSansSChineseRegular !important;
|
|
|
|
|
color: #353636;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
.filter-label {
|
|
|
|
|
display: flex;
|
|
|
|
|
//color: #353636;
|
|
|
|
|
}
|
|
|
|
|
.filter-count {
|
|
|
|
|
color: #717171 !important;
|
|
|
|
|
}
|
|
|
|
|
.severity-color-block {
|
|
|
|
|
width: 4px;
|
|
|
|
|
height: 15px;
|
|
|
|
|
border-radius: 2px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
&:last-of-type {
|
|
|
|
|
padding-bottom: 0;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.knowledge-filter:last-child {
|
|
|
|
|
.filter__header {
|
|
|
|
|
margin-top:10px !important;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.right-list-card {
|
|
|
|
|
display:flex;
|
|
|
|
|
flex-direction:column;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
width: calc(100% - 50px);
|
|
|
|
|
max-width: calc(100% - 50px);
|
|
|
|
|
height:100%;
|
|
|
|
|
.top-tools {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items : center;
|
|
|
|
|
flex-direction:row;
|
|
|
|
|
height:28px;
|
|
|
|
|
width:100%;
|
|
|
|
|
.top-tool-btn {
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
height: 28px;
|
|
|
|
|
width: 28px;
|
|
|
|
|
border: 1px solid $--border-color-primary;
|
|
|
|
|
outline: none;
|
|
|
|
|
border-radius: $--button-border-radius;
|
|
|
|
|
background-color: $--button-gray-background-color;
|
|
|
|
|
transition: background-color linear .1s;
|
|
|
|
|
font-size:12px;
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
//font-family: $fontFamily !important;
|
|
|
|
|
i {
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
color: #575757;
|
|
|
|
|
margin-right:4px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.top-tool-btn:disabled {
|
|
|
|
|
cursor: not-allowed;
|
|
|
|
|
opacity: 0.66;
|
|
|
|
|
i {
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.top-tool-btn:hover:not(.cn-btn-disabled) {
|
|
|
|
|
border: 1px solid $--border-color-primary;
|
|
|
|
|
background-color: $--button-gray-hover-background-color;
|
|
|
|
|
}
|
|
|
|
|
.top-tool-btn:focus:not(.cn-btn-disabled), .top-tool-btn.is-focus {
|
|
|
|
|
background-color: $--button-gray-active-background-color;
|
|
|
|
|
border: 1px solid $--border-color-primary;
|
|
|
|
|
i {
|
|
|
|
|
color: #575757;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.top-tool-btn--delete.top-tool-btn:focus:not(.cn-btn-disabled) {
|
|
|
|
|
background-color: $--button-gray-hover-background-color;
|
|
|
|
|
border-color: #FFC4B9;
|
|
|
|
|
i {
|
|
|
|
|
color: #F0745A;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.top-tool-btn--create {
|
|
|
|
|
background-color: #38ACD2 !important;
|
|
|
|
|
border-color: #2E88A6 !important;
|
|
|
|
|
color:#FFFFFF;
|
|
|
|
|
i {
|
|
|
|
|
color: #FFFFFF;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.top-tool-btn--create:hover {
|
|
|
|
|
background-color: #57B8D9 !important;
|
|
|
|
|
border-color: #2E88A6 !important;
|
|
|
|
|
color:#FFFFFF;
|
|
|
|
|
i {
|
|
|
|
|
color: #FFFFFF;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.top-tool-btn--create:focus {
|
|
|
|
|
background-color: #31A5CD !important;
|
|
|
|
|
border-color: #2E88A6 !important;
|
|
|
|
|
color:#FFFFFF !important;
|
|
|
|
|
i {
|
|
|
|
|
color: #FFFFFF !important;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.top-tool-btn--create:disabled {
|
|
|
|
|
opacity: 0.66;
|
|
|
|
|
background-color: #38ACD2 !important;
|
|
|
|
|
border-color: #2E88A6 !important;
|
|
|
|
|
color:#FFFFFF;
|
|
|
|
|
i {
|
|
|
|
|
color: #FFFFFF;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.top-tool-search {
|
|
|
|
|
display:flex;
|
|
|
|
|
width:242px;//calc(100% - 256px);
|
|
|
|
|
.el-input--small{
|
|
|
|
|
line-height: 27px;
|
|
|
|
|
.el-input__inner {
|
|
|
|
|
height: 28px;
|
|
|
|
|
border-radius: 2px 0 0 2px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.top-tool-btn {
|
|
|
|
|
border-left: none;
|
|
|
|
|
border-radius: 0px 2px 2px 0px !important;
|
|
|
|
|
}
|
|
|
|
|
.top-tool-btn--search:hover {
|
|
|
|
|
border-left: none !important;
|
|
|
|
|
border-radius: 0px 2px 2px 0px !important;
|
|
|
|
|
}
|
|
|
|
|
.top-tool-btn--search:focus {
|
|
|
|
|
border-left: none !important;
|
|
|
|
|
border-radius: 0px 2px 2px 0px !important;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.cards {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-flow:row wrap;
|
|
|
|
|
margin-bottom:38px;
|
|
|
|
|
margin-top: 30px;
|
|
|
|
|
width:100%;
|
|
|
|
|
height:calc(100% - 152px);
|
|
|
|
|
overflow-y:auto;
|
2023-04-28 14:49:50 +08:00
|
|
|
.card-selected{
|
|
|
|
|
box-shadow: 3px 3px 11px 0px rgba(0,0,0,0.1);
|
2023-04-28 17:04:17 +08:00
|
|
|
border: 1px solid rgba(197,197,197,1) !important;
|
2023-04-28 14:49:50 +08:00
|
|
|
}
|
2023-04-26 23:46:23 +08:00
|
|
|
.card-item {
|
|
|
|
|
background: #FFFFFF;
|
|
|
|
|
border: 1px solid rgba(226,229,236,1);
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
width:282px;
|
|
|
|
|
height:218px;
|
|
|
|
|
margin-bottom:30px;
|
|
|
|
|
margin-right:30px;
|
|
|
|
|
display:flex;
|
|
|
|
|
flex-direction:column;
|
|
|
|
|
|
|
|
|
|
.card-content {
|
|
|
|
|
height:calc(100% - 32px);
|
|
|
|
|
padding:16px;
|
|
|
|
|
display:flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
.card-title {
|
|
|
|
|
//font-family: NotoSansSC-Bold;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
color: #353636;
|
|
|
|
|
font-weight: 700;
|
|
|
|
|
margin-bottom:6px;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
.card-title-name {
|
2023-04-28 14:49:50 +08:00
|
|
|
width:210px;
|
|
|
|
|
overflow: hidden; //超出的文本隐藏
|
|
|
|
|
text-overflow: ellipsis; //溢出用省略号显示
|
|
|
|
|
white-space:nowrap;
|
|
|
|
|
word-break: break-all;
|
2023-04-26 23:46:23 +08:00
|
|
|
}
|
|
|
|
|
.card-title-more {
|
|
|
|
|
position: relative;
|
2023-04-28 17:04:17 +08:00
|
|
|
color:#575757;
|
2023-04-26 23:46:23 +08:00
|
|
|
.el-checkbox__input.is-checked .el-checkbox__inner {
|
|
|
|
|
background-color: #38ACD2;
|
|
|
|
|
border-color: #38ACD2;
|
|
|
|
|
}
|
|
|
|
|
.el-checkbox__input.is-checked .el-checkbox__inner::after {
|
|
|
|
|
left: 5px;
|
|
|
|
|
top: 2px;
|
|
|
|
|
}
|
|
|
|
|
.el-checkbox__inner {
|
|
|
|
|
border-radius: 50%;
|
|
|
|
|
width:16px;
|
|
|
|
|
height:16px;
|
|
|
|
|
background-color: #DEDEDE;
|
|
|
|
|
border-color: #DEDEDE;
|
|
|
|
|
z-index:1;
|
|
|
|
|
}
|
|
|
|
|
.el-checkbox__inner::after {
|
|
|
|
|
left: 5px;
|
|
|
|
|
top: 2px;
|
|
|
|
|
transform: rotate(45deg) scaleY(1);
|
|
|
|
|
}
|
|
|
|
|
.card-operate {
|
|
|
|
|
background: #FFFFFF;
|
|
|
|
|
border: 1px solid rgba(197,197,197,1);
|
|
|
|
|
box-shadow: -1px 1px 10px -1px rgba(205,205,205,0.85);
|
|
|
|
|
border-radius: 2px;
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 20px;
|
|
|
|
|
right: -10px;
|
|
|
|
|
height: 56px;
|
|
|
|
|
width: 80px;
|
|
|
|
|
display:flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
padding-top:4px;
|
|
|
|
|
padding-bottom:4px;
|
|
|
|
|
font-family: Helvetica;
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
.card-title-more-delete {
|
|
|
|
|
z-index: 1;
|
|
|
|
|
line-height: 24px;
|
|
|
|
|
height: 24px;
|
|
|
|
|
background: #FFFFFF;
|
|
|
|
|
//box-shadow: -1px 1px 10px -1px rgba(205,205,205,0.85);
|
|
|
|
|
//border-radius: 2px;
|
|
|
|
|
padding-left: 9px;
|
|
|
|
|
color: #666666;
|
|
|
|
|
}
|
|
|
|
|
.card-title-more-delete:hover {
|
|
|
|
|
//background: #EBF1F4;
|
|
|
|
|
background: #F7F7F7;
|
|
|
|
|
color: #046ECA;
|
|
|
|
|
//border: 1px solid rgba(0,0,0,0.15);
|
|
|
|
|
}
|
|
|
|
|
.card-title-more-delete:active {
|
|
|
|
|
background: #F7F7F7;
|
|
|
|
|
color: #046ECA;
|
|
|
|
|
//border: 1px solid rgba(0,0,0,0.15);
|
|
|
|
|
}
|
|
|
|
|
.card-title-more-edit {
|
|
|
|
|
z-index: 1;
|
|
|
|
|
line-height: 24px;
|
|
|
|
|
height: 24px;
|
|
|
|
|
background: #FFFFFF;
|
|
|
|
|
//box-shadow: -1px 1px 10px -1px rgba(205,205,205,0.85);
|
|
|
|
|
//border-radius: 2px;
|
|
|
|
|
padding-left: 9px;
|
|
|
|
|
color: #666666;
|
|
|
|
|
}
|
|
|
|
|
.card-title-more-edit:hover {
|
|
|
|
|
background: #F7F7F7;
|
|
|
|
|
color: #046ECA;
|
|
|
|
|
//border: 1px solid rgba(0,0,0,0.15);
|
|
|
|
|
}
|
|
|
|
|
.card-title-more-edit:active {
|
|
|
|
|
background: #F7F7F7;
|
|
|
|
|
color: #046ECA;
|
|
|
|
|
//border: 1px solid rgba(0,0,0,0.15);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.card-id {
|
|
|
|
|
//font-family: NotoSansSChineseRegular;
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
color: #999999;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
margin-bottom:6px;
|
|
|
|
|
}
|
|
|
|
|
.card-desc {
|
|
|
|
|
//font-family: NotoSansSChineseRegular;
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
color: #717171;
|
|
|
|
|
line-height: 18px;
|
|
|
|
|
font-weight: 400;
|
2023-04-28 14:49:50 +08:00
|
|
|
margin-bottom:0px;
|
|
|
|
|
max-height:88px;
|
|
|
|
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
display: -webkit-box;
|
|
|
|
|
-webkit-line-clamp: 5;
|
|
|
|
|
line-clamp: 5;
|
|
|
|
|
-webkit-box-orient: vertical;
|
2023-04-26 23:46:23 +08:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.card-operate__footer {
|
|
|
|
|
height:40px;
|
|
|
|
|
//border:1px solid #7E9F54;
|
|
|
|
|
display:flex;
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
justify-content:space-between ;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
align-items: center;
|
|
|
|
|
padding-left:16px;
|
|
|
|
|
padding-right:16px;
|
|
|
|
|
padding-bottom:20px;
|
|
|
|
|
.card-type {
|
|
|
|
|
height:20px;
|
|
|
|
|
width: fit-content;
|
|
|
|
|
padding-left:11px;
|
|
|
|
|
padding-right:11px;
|
|
|
|
|
background: rgba(56,172,210,0.10);
|
|
|
|
|
box-shadow: 0px 2px 4px 0px rgba(51,51,51,0.02);
|
|
|
|
|
border-radius: 10px;
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
color: #046ECA;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
}
|
|
|
|
|
.card-enable {
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
2023-04-28 14:49:50 +08:00
|
|
|
.card-item:hover{
|
|
|
|
|
box-shadow: 3px 3px 11px 0px rgba(0,0,0,0.1);
|
|
|
|
|
}
|
2023-04-26 23:46:23 +08:00
|
|
|
.card-item__enable {
|
|
|
|
|
background: #FFFFFF;
|
|
|
|
|
border: 1px solid rgba(226,229,236,1);
|
|
|
|
|
box-shadow: 3px 3px 11px 0px rgba(0,0,0,0.1);
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.knowledge-pagination {
|
|
|
|
|
height:56px;
|
|
|
|
|
width:100%;
|
|
|
|
|
background: #FFFFFF;
|
|
|
|
|
box-shadow: 0px -1px 4px 0px rgba(0,0,0,0.07);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
2023-03-02 20:37:21 +08:00
|
|
|
.edit-knowledge-base {
|
|
|
|
|
height: 100%;
|
|
|
|
|
|
|
|
|
|
.edit-knowledge-base__header {
|
|
|
|
|
padding: 30px 0 30px 20px;
|
|
|
|
|
font-size: 24px;
|
|
|
|
|
line-height: 24px;
|
|
|
|
|
font-weight: 900;
|
|
|
|
|
color: #353636;
|
|
|
|
|
}
|
|
|
|
|
.edit-knowledge-base__body {
|
|
|
|
|
display: flex;
|
|
|
|
|
height: calc(100% - 147px);
|
|
|
|
|
padding-left: 20px;
|
|
|
|
|
overflow: auto;
|
|
|
|
|
|
|
|
|
|
.el-steps {
|
|
|
|
|
margin-left: 10px;
|
|
|
|
|
|
|
|
|
|
.el-step {
|
|
|
|
|
transition: flex-basis ease-in-out .28s;
|
|
|
|
|
}
|
|
|
|
|
.el-step__head {
|
|
|
|
|
.el-step__line {
|
|
|
|
|
top: 26px;
|
|
|
|
|
bottom: 2px;
|
|
|
|
|
background-color: #38ACD2;
|
|
|
|
|
border-color: transparent;
|
|
|
|
|
opacity: 0.66;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&.is-finish, &.is-process {
|
|
|
|
|
.el-step__icon {
|
|
|
|
|
border-color: #38ACD2;
|
|
|
|
|
color: white;
|
|
|
|
|
background: #38ACD2;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&.is-process {
|
|
|
|
|
.el-step__line {
|
|
|
|
|
opacity: 1;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&.is-wait {
|
|
|
|
|
.el-step__icon {
|
|
|
|
|
border-color: #38ACD2;
|
|
|
|
|
color: #38ACD2;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.el-step__icon-inner {
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.el-collapse {
|
|
|
|
|
width: 655px;
|
|
|
|
|
margin-left: 5px;
|
|
|
|
|
border: none;
|
|
|
|
|
|
|
|
|
|
.el-collapse-item.upload-collapse {
|
|
|
|
|
.el-collapse-item__wrap {
|
|
|
|
|
height: 260px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.el-collapse-item {
|
|
|
|
|
min-height: 58px;
|
2023-03-13 14:29:42 +08:00
|
|
|
position: relative;
|
2023-03-02 20:37:21 +08:00
|
|
|
|
|
|
|
|
.el-collapse-item__header {
|
|
|
|
|
height: unset;
|
|
|
|
|
line-height: unset;
|
|
|
|
|
border: none;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
color: #333333;
|
|
|
|
|
|
|
|
|
|
&.focusing:focus:not(:hover) {
|
|
|
|
|
color: unset;
|
|
|
|
|
}
|
|
|
|
|
.form-sub-title {
|
|
|
|
|
padding-left: 35px;
|
|
|
|
|
}
|
|
|
|
|
}
|
2023-03-10 16:30:35 +08:00
|
|
|
[role|=tab] {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: flex-start;
|
|
|
|
|
}
|
|
|
|
|
.el-collapse-item__arrow {
|
|
|
|
|
position: absolute;
|
2023-03-02 20:37:21 +08:00
|
|
|
color: #38ACD2;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
}
|
|
|
|
|
.el-collapse-item__wrap {
|
|
|
|
|
padding-left: 35px;
|
|
|
|
|
border: none;
|
|
|
|
|
}
|
|
|
|
|
.el-collapse-item__content {
|
2023-03-06 20:16:31 +08:00
|
|
|
position: relative;
|
2023-03-02 20:37:21 +08:00
|
|
|
padding-bottom: 20px;
|
|
|
|
|
}
|
2023-04-26 23:46:23 +08:00
|
|
|
.form-input .el-input__inner{
|
2023-03-09 10:39:26 +08:00
|
|
|
padding-right: 50px !important;
|
|
|
|
|
}
|
2023-03-02 20:37:21 +08:00
|
|
|
|
|
|
|
|
.upload-error-tip, .preview-error-tip {
|
|
|
|
|
color: $--color-danger;
|
|
|
|
|
}
|
|
|
|
|
.upload-error-tip {
|
|
|
|
|
margin-top: -11px;
|
|
|
|
|
}
|
|
|
|
|
.el-upload {
|
|
|
|
|
margin-top: 12px;
|
|
|
|
|
|
|
|
|
|
.upload-tip {
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
color: #999999;
|
|
|
|
|
}
|
|
|
|
|
.el-upload-dragger {
|
|
|
|
|
width: 320px;
|
|
|
|
|
border-radius: 2px;
|
|
|
|
|
transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
.el-upload--error .el-upload-dragger {
|
|
|
|
|
border-color: $--color-danger;
|
|
|
|
|
}
|
|
|
|
|
.el-upload-list {
|
|
|
|
|
.el-upload-list__item {
|
|
|
|
|
padding: 0 5px;
|
|
|
|
|
margin-top: unset;
|
|
|
|
|
height: 36px;
|
|
|
|
|
line-height: 36px;
|
|
|
|
|
background: #F5F8FA;
|
|
|
|
|
border-radius: 2px;
|
|
|
|
|
color: #353636;
|
|
|
|
|
|
|
|
|
|
.el-icon-close {
|
|
|
|
|
top: 11px;
|
|
|
|
|
}
|
|
|
|
|
.el-icon-close-tip {
|
|
|
|
|
top: 11px;
|
|
|
|
|
}
|
|
|
|
|
.el-progress.el-progress--line {
|
|
|
|
|
top: unset;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.el-form {
|
|
|
|
|
margin-top: 20px;
|
|
|
|
|
width: 620px;
|
|
|
|
|
|
|
|
|
|
label {
|
|
|
|
|
padding-bottom: 6px;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
color: #333333;
|
|
|
|
|
line-height: unset;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.el-form-item {
|
|
|
|
|
margin-bottom: 12px;
|
|
|
|
|
}
|
|
|
|
|
.el-form-item__content {
|
|
|
|
|
line-height: unset;
|
|
|
|
|
|
|
|
|
|
.el-input__inner {
|
|
|
|
|
padding-left: 8px;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
color: #353636;
|
|
|
|
|
}
|
2023-03-07 18:48:15 +08:00
|
|
|
.el-textarea__inner {
|
|
|
|
|
padding-left: 8px;
|
|
|
|
|
}
|
2023-03-02 20:37:21 +08:00
|
|
|
|
|
|
|
|
.form-select {
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
|
|
|
|
.el-input__inner {
|
|
|
|
|
background-color: #F5F8FA;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.skeleton-border {
|
|
|
|
|
position: relative;
|
|
|
|
|
margin-top: 12px;
|
|
|
|
|
padding: 15px;
|
|
|
|
|
border: 1px solid #DCDFE6;
|
|
|
|
|
border-radius: 2px;
|
|
|
|
|
|
|
|
|
|
.skeleton-item-row:not(:nth-of-type(6)) {
|
|
|
|
|
margin-bottom: 5px;
|
|
|
|
|
}
|
|
|
|
|
.el-skeleton__item {
|
|
|
|
|
background: #F5F8FA;
|
|
|
|
|
}
|
|
|
|
|
.skeleton-tip {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 50%;
|
|
|
|
|
left: 50%;
|
|
|
|
|
transform: translate(-50%, -50%);
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
color: #353636;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.imported-tip {
|
|
|
|
|
margin-top: 8px;
|
|
|
|
|
margin-bottom: 4px;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
color: #333333;
|
|
|
|
|
|
|
|
|
|
.cn-icon {
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
color: #38ACD2;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.imported-table-box {
|
|
|
|
|
position: relative;
|
2023-04-21 14:57:18 +08:00
|
|
|
height: 394px !important;
|
2023-03-02 20:37:21 +08:00
|
|
|
border: 1px solid #DEDEDE;
|
|
|
|
|
border-radius: 2px;
|
|
|
|
|
transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
|
|
|
|
|
|
|
|
&.imported-table-box--error {
|
|
|
|
|
border-color: $--color-danger;
|
|
|
|
|
}
|
|
|
|
|
.imported-table {
|
|
|
|
|
padding: 0 12px;
|
|
|
|
|
width: 100%;
|
|
|
|
|
table-layout: fixed;
|
|
|
|
|
|
|
|
|
|
th {
|
|
|
|
|
text-align: left;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
color: #353636;;
|
|
|
|
|
}
|
|
|
|
|
td {
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
color: #353636;
|
|
|
|
|
}
|
|
|
|
|
.imported-data-msg, .imported-data-item, .imported-data-value {
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
|
}
|
2023-04-21 14:57:18 +08:00
|
|
|
|
|
|
|
|
.imported-data-item-edit__input {
|
|
|
|
|
.el-input {
|
|
|
|
|
height: 30px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.el-input__inner {
|
|
|
|
|
width: calc(100% - 50px);
|
|
|
|
|
height: 24px;
|
|
|
|
|
line-height: 0;
|
|
|
|
|
padding: 0 !important;
|
|
|
|
|
border-radius: 2px;
|
|
|
|
|
}
|
2023-03-31 17:50:38 +08:00
|
|
|
}
|
2023-03-02 20:37:21 +08:00
|
|
|
.imported-data-msg {
|
|
|
|
|
width: 140px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.el-icon-close {
|
|
|
|
|
color: #666;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
|
color: #111;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.el-icon-success {
|
|
|
|
|
color: #749F4D;
|
|
|
|
|
}
|
|
|
|
|
.el-icon-error {
|
|
|
|
|
color: #E26154;
|
|
|
|
|
}
|
2023-04-21 14:57:18 +08:00
|
|
|
|
|
|
|
|
.imported-data-btn {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: flex-end;
|
|
|
|
|
|
|
|
|
|
.imported-data-left-btn {
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
margin: 0 7px;
|
|
|
|
|
color: #666;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.imported-data-back {
|
|
|
|
|
color: #666;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.imported-data-save {
|
|
|
|
|
color: #38ACD2;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
}
|
|
|
|
|
}
|
2023-03-02 20:37:21 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.imported-pagination.pagination {
|
|
|
|
|
position: absolute;
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 42px;
|
2023-04-21 14:57:18 +08:00
|
|
|
bottom: 42px !important;
|
|
|
|
|
margin-top: 4px;
|
|
|
|
|
padding-top: 10px;
|
2023-03-02 20:37:21 +08:00
|
|
|
border-top: 1px solid #eee;
|
|
|
|
|
|
2023-04-21 14:57:18 +08:00
|
|
|
border-top: 0 !important;
|
|
|
|
|
border-bottom: 1px solid #eee;
|
|
|
|
|
margin-bottom: 0;
|
|
|
|
|
padding-bottom: 0;
|
|
|
|
|
|
2023-03-02 20:37:21 +08:00
|
|
|
.btn-prev, .btn-next, .number {
|
|
|
|
|
margin: 0 2px;
|
|
|
|
|
}
|
2023-04-21 14:57:18 +08:00
|
|
|
|
2023-03-02 20:37:21 +08:00
|
|
|
.el-pager li, .el-pagination .btn-next, .el-pagination .btn-prev {
|
|
|
|
|
border: none;
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
}
|
|
|
|
|
.el-pagination .el-pager li {
|
|
|
|
|
color: #353636;
|
|
|
|
|
}
|
|
|
|
|
.el-pagination .el-pager li.active {
|
|
|
|
|
background-color: #38ACD2;
|
|
|
|
|
color: white;
|
|
|
|
|
}
|
|
|
|
|
}
|
2023-04-21 14:57:18 +08:00
|
|
|
|
|
|
|
|
.el-form {
|
|
|
|
|
margin-top: 0 !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.el-input {
|
|
|
|
|
height: 24px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.el-form-item__content {
|
|
|
|
|
margin-top: -16px;
|
|
|
|
|
margin-bottom: -17px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.el-form-item__error {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
2023-03-02 20:37:21 +08:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.edit-knowledge-base__footer {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
height: 60px;
|
|
|
|
|
margin-top: 3px;
|
2023-04-26 23:46:23 +08:00
|
|
|
box-shadow: 0 -1px 4px 0 rgba(0,0,0,0.10);
|
2023-03-02 20:37:21 +08:00
|
|
|
|
|
|
|
|
.footer__btn {
|
|
|
|
|
margin: 0 10px;
|
|
|
|
|
height: 30px;
|
|
|
|
|
min-width: 74px;
|
|
|
|
|
padding: 0 15px;
|
|
|
|
|
color: white;
|
2023-04-11 15:38:47 +08:00
|
|
|
background-color: #699DC9;
|
2023-03-02 20:37:21 +08:00
|
|
|
border: none;
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
outline: none;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
transition: background-color linear .2s, color linear .1s;
|
|
|
|
|
}
|
|
|
|
|
.footer__btn:hover:not(.footer__btn--disabled) {
|
2023-04-11 15:38:47 +08:00
|
|
|
background-color: lighten(#699DC9, 10%);
|
2023-03-02 20:37:21 +08:00
|
|
|
}
|
|
|
|
|
.footer__btn--light {
|
|
|
|
|
background-color: #F5F6F7;
|
|
|
|
|
border: 1px solid $--border-color-primary;
|
|
|
|
|
color: #333;
|
|
|
|
|
}
|
|
|
|
|
.footer__btn.footer__btn--light:hover:not(.footer__btn--disabled) {
|
|
|
|
|
background-color: white;
|
|
|
|
|
border-color: lighten(#38ACD2, 40%);
|
|
|
|
|
color: #38ACD2;
|
|
|
|
|
}
|
|
|
|
|
.footer__btn--disabled {
|
|
|
|
|
opacity: .6;
|
|
|
|
|
cursor: default;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
2023-04-21 16:22:29 +08:00
|
|
|
.addTagBtn {
|
|
|
|
|
position: absolute;
|
|
|
|
|
bottom: 9px;
|
|
|
|
|
height:24px !important;
|
|
|
|
|
min-height: 24px !important;
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
color: #353636;
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
width: 598px;
|
|
|
|
|
margin-left: 10px;
|
|
|
|
|
background: rgb(245, 248, 250);
|
|
|
|
|
border: 1px #DEDEDE solid;
|
|
|
|
|
padding: 0px !important;
|
|
|
|
|
box-shadow: 0 2px 4px 0 rgba(51,51,51,0.02);
|
|
|
|
|
border-radius: 2px;
|
|
|
|
|
font-family:NotoSansHans-Medium !important;
|
|
|
|
|
|
|
|
|
|
.add-tag-btn {
|
|
|
|
|
color: #575757 !important;
|
|
|
|
|
font-size: 9px !important;
|
|
|
|
|
margin: 0 8px 2px 8px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
|
i {
|
|
|
|
|
color: #699DC9 !important;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
span {
|
2023-04-26 23:46:23 +08:00
|
|
|
font-family:NotoSansHans-Medium !important;
|
|
|
|
|
}
|
2023-04-21 16:22:29 +08:00
|
|
|
}
|
2023-04-26 23:46:23 +08:00
|
|
|
.del-model-hint {
|
|
|
|
|
display:flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
padding-bottom:0px !important;
|
|
|
|
|
width:480px !important;
|
|
|
|
|
height:300px !important;
|
|
|
|
|
.el-dialog__header{
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
border-bottom:1px solid #eee;
|
|
|
|
|
height:42px;
|
|
|
|
|
min-height:42px;
|
|
|
|
|
background: #F7F7F7;
|
|
|
|
|
box-shadow: 0 1px 0 0 rgba(53,54,54,0.08);
|
|
|
|
|
padding-left:20px;
|
|
|
|
|
padding-top:14px;
|
|
|
|
|
padding-bottom:14px;
|
|
|
|
|
.el-dialog__headerbtn {
|
|
|
|
|
display: flex !important;
|
|
|
|
|
flex-direction: row-reverse;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
align-items: center;
|
|
|
|
|
font-size: 10px;
|
|
|
|
|
line-height: 10px;
|
|
|
|
|
padding-right: 5px !important;
|
|
|
|
|
i {
|
|
|
|
|
width:10px;
|
|
|
|
|
height:10px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.el-dialog__title {
|
|
|
|
|
font-size: 14px !important;
|
|
|
|
|
color: #353636;
|
|
|
|
|
letter-spacing: 0;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.el-dialog__body {
|
|
|
|
|
height:206px;
|
|
|
|
|
min-height:206px;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
color: #353636;
|
|
|
|
|
letter-spacing: 0;
|
|
|
|
|
line-height: 22px;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
padding-top:8px;
|
|
|
|
|
padding-right:20px;
|
|
|
|
|
padding-left:20px;
|
|
|
|
|
.dialog-message {
|
|
|
|
|
padding-left:0px !important;
|
|
|
|
|
padding-right:0px !important;
|
|
|
|
|
}
|
|
|
|
|
.dialog-table {
|
|
|
|
|
margin-top:10px;
|
|
|
|
|
}
|
|
|
|
|
.el-checkbox__input.is-checked .el-checkbox__inner {
|
|
|
|
|
background-color: #38ACD2;
|
|
|
|
|
border-color: #38ACD2;
|
|
|
|
|
}
|
|
|
|
|
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
|
|
|
|
|
background-color: #38ACD2;
|
|
|
|
|
border-color: #38ACD2;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.el-dialog__footer {
|
|
|
|
|
height:52px;
|
|
|
|
|
min-height:52px;
|
|
|
|
|
border-top:1px solid #eee;
|
|
|
|
|
box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.07);
|
|
|
|
|
padding:11px 0px 12px!important;
|
|
|
|
|
.el-button {
|
|
|
|
|
padding:8px 21px !important;
|
|
|
|
|
line-height: 12px;
|
|
|
|
|
//font-family: NotoSansHans-Medium !important;
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
min-height: 28px;
|
|
|
|
|
}
|
|
|
|
|
.el-button:nth-child(1) {
|
|
|
|
|
margin-right:20px;
|
|
|
|
|
width:80px;
|
|
|
|
|
height:28px;
|
|
|
|
|
color: #353636;
|
|
|
|
|
background: #F5F6F7;
|
|
|
|
|
border: 1px solid rgba(215,215,215,1);
|
|
|
|
|
border-radius: 2px;
|
|
|
|
|
}
|
|
|
|
|
.el-button:nth-child(2) {
|
|
|
|
|
width:80px;
|
|
|
|
|
height:28px;
|
|
|
|
|
margin-right:20px;
|
|
|
|
|
margin-left:0px !important;
|
|
|
|
|
background-color:#2d8cf0;
|
|
|
|
|
border-color:#2d8cf0;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
