gfwleak/cyber-narrator-cn-ui
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

CN-1096 fix: 知识库update逻辑实现

Browse Source
This commit is contained in:
chenjinsong
2023-08-15 19:05:16 +08:00
parent 2b967dacd9
commit 631163c36e
5 changed files with 367 additions and 433 deletions
Download Patch File Download Diff File Expand all files Collapse all files

556
src/assets/css/components/views/setting/knowledgeBase.scss
View File

@@ -1551,308 +1551,83 @@ height:300px !important;
}
}
.update-knowledge-tip {
display:flex;
flex-direction: column;
padding-bottom:0px !important;
width:480px !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:96px;
min-height:96px;
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;
}
}
.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 0 12px!important;
.el-button {
padding:8px 21px !important;
line-height: 12px;
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: #38ACD2;
border: 1px solid rgba(46,136,166,1);
border-radius: 2px;
}
}
}
.center-dialog {
display: flex;
align-items: center;
justify-content: center;
}
.update-knowledge {
display:flex;
flex-direction: column;
padding-bottom:0px !important;
width:1080px !important;
height:fit-content;
margin:15vh auto !important;
top:0;
left:0;
.knowledge-update__top {
display: flex;
flex-direction: row;
margin-bottom:22px;
.update-left__icon {
margin-top:3px;
width:107px;
height:60px;
color:red;
display:flex;
justify-content: center;
align-items: center;
.cn-icon-add-knowledge-base {
font-size:60px;
}
}
.update-right {
display:flex;
flex-direction: column;
padding-bottom: 0 !important;
width: 480px !important;
.el-dialog__header{
display: flex;
flex-direction: column;
width:893px;
.knowledge-enable {
display: flex;
flex-direction: row;
justify-content: space-between;
margin-bottom:7px;
.update-title {
font-size: 16px;
color: #333333;
letter-spacing: 0;
font-weight: 500;
height:24px;
font-family: NotoSansSC-Medium;
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;
}
}
.knowledge-desc {
font-family: Roboto-Regular;
font-size: 14px;
color: #717171;
.el-dialog__title {
font-size: 14px !important;
color: #353636;
letter-spacing: 0;
line-height: 16px;
font-weight: 400;
}
}
}
.knowledge-update {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items:flex-end;
margin-bottom:12px;
.update-title {
line-height: 14px;
font-family: NotoSansSC-Bold;
.el-dialog__body {
height:96px;
min-height:96px;
font-size: 14px;
color: #353636;
font-weight: 700;
}
.update-operate {
height:28px;
display:flex;
flex-direction: row;
justify-content:center;
font-size: 14px;
font-weight: 400;
align-items: center;
.top-tool-btn--update {
background-color: #38ACD2 !important;
padding-left:7px;
padding-right:7px;
color:#FFFFFF;
font-size: 12px;
font-weight: 500;
border: 1px solid rgba(46,136,166,0.85);
border-radius: 2px;
line-height: 28px;
height:28px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
i {
color: #FFFFFF;
font-size:14px !important;
margin-right:5px;
}
}
.top-tool-btn--update:hover {
background-color: #57B8D9 !important;
border-color: #2E88A6 !important;
}
}
}
.el-dialog__header{
display: flex;
flex-direction: row;
height:32px;
min-height:32px;
padding-left:20px;
padding-top:20px;
padding-bottom:0px;
.el-dialog__headerbtn {
display: flex !important;
flex-direction: row-reverse;
justify-content: center;
align-items: center;
line-height: 12px;
i {
font-size:12px;
color:#999999;
}
}
.el-dialog__title {
font-size: 14px !important;
color: #353636;
letter-spacing: 0;
line-height: 22px;
font-weight: 400;
}
}
.el-dialog__body {
font-size: 14px;
color: #353636;
letter-spacing: 0;
line-height: 22px;
font-weight: 400;
padding-top:0px;
padding-right:30px;
padding-left:30px;
.dialog-message {
padding-left:0px !important;
padding-right:0px !important;
}
.update-dialog__table {
border-bottom: none;
border-radius: 0.28571rem;
.el-table--border th, .el-table--border td {
border-right: none;
padding-top:8px;
padding-right:20px;
padding-left:20px;
.dialog-message {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
.update-knowledge-form {
.el-upload {
width:100%;
}
.form-input {
.el-input__inner{
padding-right: 50px !important;
font-size: 14px;
}
}
.uploadBtn {
background: #F5F8FA;
border: 1px solid rgba(222,222,222,1);
box-shadow: 0px 2px 4px 0px rgba(51,51,51,0.02);
border-radius: 2px;
width:100%;
height:28px;
min-height:28px !important;
color: #575757;
padding-top:0px;
padding-bottom:0px;
i {
font-size:12px;
}
}
.el-form-item__label {
font-family: NotoSansHans-Medium;
font-size: 14px;
color: #333333;
font-weight: 500;
padding-bottom:12px;
line-height:14px;
}
.el-form-item__content {
line-height:normal;
}
.el-form-item {
margin-bottom:20px;
}
.knowledge-remark {
margin-bottom:0px !important;
}
}
.dialog-footer {
display:flex;
justify-content: flex-end;
padding-top:32px;
.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 0 12px!important;
.el-button {
padding:10px 21px !important;
padding:8px 21px !important;
line-height: 12px;
font-size: 12px;
font-weight: 500;
min-height: 32px;
width:80px;
height:32px;
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) {
color: #FFFFFF;
width:80px;
height:28px;
margin-right:20px;
margin-left:0px !important;
background: #38ACD2;
border: 1px solid rgba(46,136,166,1);
@@ -1860,4 +1635,233 @@ left:0;
}
}
}
.center-dialog {
display: flex;
align-items: center;
justify-content: center;
}
.update-knowledge {
display:flex;
flex-direction: column;
padding-bottom:0 !important;
width: 1080px !important;
height: calc(100% - 240px);
overflow: hidden;
&.update-knowledge--upload {
height: auto;
}
.el-dialog__body {
overflow: hidden;
}
.knowledge-update__top {
display: flex;
flex-direction: row;
margin-bottom:22px;
.update-left__icon {
margin-top:3px;
width:107px;
height:60px;
color:red;
display:flex;
justify-content: center;
align-items: center;
.cn-icon-add-knowledge-base {
font-size:60px;
}
}
.update-right {
display: flex;
flex-direction: column;
width:893px;
.knowledge-enable {
display: flex;
flex-direction: row;
justify-content: space-between;
margin-bottom:7px;
.update-title {
font-size: 16px;
color: #333333;
letter-spacing: 0;
font-weight: 500;
height:24px;
font-family: NotoSansSC-Medium;
}
}
.knowledge-desc {
font-family: Roboto-Regular;
font-size: 14px;
color: #717171;
letter-spacing: 0;
line-height: 16px;
font-weight: 400;
}
}
}
.knowledge-update {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items:flex-end;
margin-bottom:12px;
.update-title {
line-height: 14px;
font-family: NotoSansSC-Bold;
font-size: 14px;
color: #353636;
font-weight: 700;
}
.update-operate {
height:28px;
display:flex;
flex-direction: row;
justify-content:center;
font-size: 14px;
font-weight: 400;
align-items: center;
.top-tool-btn--update {
background-color: #38ACD2 !important;
padding-left:7px;
padding-right:7px;
color:#FFFFFF;
font-size: 12px;
font-weight: 500;
border: 1px solid rgba(46,136,166,0.85);
border-radius: 2px;
line-height: 28px;
height:28px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
i {
color: #FFFFFF;
font-size:14px !important;
margin-right:5px;
}
}
.top-tool-btn--update:hover {
background-color: #57B8D9 !important;
border-color: #2E88A6 !important;
}
}
}
.el-dialog__header{
display: flex;
flex-direction: row;
height:32px;
min-height:32px;
padding-left:20px;
padding-top:20px;
padding-bottom:0px;
.el-dialog__headerbtn {
display: flex !important;
flex-direction: row-reverse;
justify-content: center;
align-items: center;
line-height: 12px;
i {
font-size:12px;
color:#999999;
}
}
.el-dialog__title {
font-size: 14px !important;
color: #353636;
letter-spacing: 0;
font-weight: 400;
}
}
.el-dialog__body {
font-size: 14px;
color: #353636;
letter-spacing: 0;
line-height: 22px;
font-weight: 400;
padding-top:0px;
padding-right:30px;
padding-left:30px;
.dialog-message {
padding-left:0px !important;
padding-right:0px !important;
}
.update-dialog__table {
border-bottom: none;
border-radius: 0.28571rem;
.el-table--border th, .el-table--border td {
border-right: none;
}
}
.update-knowledge-form {
.el-upload {
width:100%;
}
.form-input {
.el-input__inner{
padding-right: 50px !important;
font-size: 14px;
}
}
.uploadBtn {
background: #F5F8FA;
border: 1px solid rgba(222,222,222,1);
box-shadow: 0px 2px 4px 0px rgba(51,51,51,0.02);
border-radius: 2px;
width:100%;
height:28px;
min-height:28px !important;
color: #575757;
padding-top:0px;
padding-bottom:0px;
i {
font-size:12px;
}
}
.el-form-item__label {
font-family: NotoSansHans-Medium;
font-size: 14px;
color: #333333;
font-weight: 500;
padding-bottom:12px;
line-height:14px;
}
.el-form-item__content {
line-height:normal;
}
.el-form-item {
margin-bottom:20px;
}
.knowledge-remark {
margin-bottom:0px !important;
}
}
.dialog-footer {
display:flex;
justify-content: flex-end;
padding-top:32px;
.el-button {
padding:10px 21px !important;
line-height: 12px;
font-size: 12px;
font-weight: 500;
min-height: 32px;
width:80px;
height:32px;
}
.el-button:nth-child(1) {
margin-right:20px;
color: #353636;
background: #F5F6F7;
border: 1px solid rgba(215,215,215,1);
border-radius: 2px;
}
.el-button:nth-child(2) {
color: #FFFFFF;
margin-left:0px !important;
background: #38ACD2;
border: 1px solid rgba(46,136,166,1);
border-radius: 2px;
}
}
}
}