From bc4505aa53af76b9dd98f6bdab690637ba01e263 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=9D=8E=E5=A8=9C?= Date: Fri, 11 Jul 2025 16:43:24 +0800 Subject: [PATCH] =?UTF-8?q?=20=E5=88=97=E8=A1=A8=E6=90=9C=E7=B4=A2?= =?UTF-8?q?=E6=96=B9=E5=BC=8F=E4=BF=AE=E6=94=B9=EF=BC=9B=E5=AD=97=E4=BD=93?= =?UTF-8?q?=E7=BB=9F=E4=B8=80=E4=BF=AE=E6=94=B9=EF=BC=9B=E8=A1=A8=E5=A4=B4?= =?UTF-8?q?=E5=B7=B2=E9=80=89=E6=80=BB=E6=95=B0=E6=96=B0=E5=A2=9E=E7=AD=89?= =?UTF-8?q?=EF=BC=9B=E4=BF=AE=E5=A4=8D=E6=95=B0=E6=8D=AE=E9=9B=86=E5=AF=B9?= =?UTF-8?q?=E8=AF=9D=E6=A1=86=E4=B8=AD=E7=9A=84=E6=96=87=E6=A1=A3ID?= =?UTF-8?q?=E6=98=A0=E5=B0=84=E9=80=BB=E8=BE=91;?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/CustomLoading/index.vue | 3 + src/components/KnowledgeForm/index.vue | 37 ++-- src/components/TextMoreTootip/index.vue | 2 +- src/components/Upload/index.vue | 10 +- src/lang/package/en.ts | 9 +- src/lang/package/zh-cn.ts | 9 +- src/styles/dataSet.scss | 31 ++-- src/styles/dataSetDialog.scss | 1 + src/styles/dataSetDrawer.scss | 16 +- src/styles/evaluate.scss | 42 +++-- src/styles/group.scss | 7 +- src/styles/knowledgeFile.scss | 27 +-- src/styles/knowledgeFileSection.scss | 45 +++-- src/styles/knowledgeForm.scss | 5 +- src/styles/knowledgeLibrary.scss | 25 +-- src/styles/libraryInfo.scss | 3 + src/styles/reset.scss | 198 ++++++++++++++-------- src/styles/theme.scss | 2 - src/styles/upload.scss | 6 + src/views/dataSet/craeteEvaluate.vue | 51 ++++-- src/views/dataSet/dataSetDrawer.vue | 15 +- src/views/dataSet/index.vue | 90 +++++----- src/views/evaluate/index.vue | 122 ++++++------- src/views/evaluate/testCase.vue | 51 +++--- src/views/group/createGroup.vue | 5 +- src/views/group/index.vue | 28 ++- src/views/groupDetail/index.vue | 42 +++-- src/views/knowledgeFile/dataSetDialog.vue | 29 ++-- src/views/knowledgeFile/index.vue | 39 +++-- src/views/knowledgeFileSection/index.vue | 14 +- src/views/knowledgeLibrary/index.vue | 180 ++++++++------------ 31 files changed, 633 insertions(+), 511 deletions(-) diff --git a/src/components/CustomLoading/index.vue b/src/components/CustomLoading/index.vue index 9feaa17..cdb58f9 100644 --- a/src/components/CustomLoading/index.vue +++ b/src/components/CustomLoading/index.vue @@ -57,4 +57,7 @@ onBeforeUnmount(() => { .loadingNone { display: none; } +.el-loading-text{ + color: var(--o-text-color-primary) !important; +} diff --git a/src/components/KnowledgeForm/index.vue b/src/components/KnowledgeForm/index.vue index d1cde47..2e4fe49 100644 --- a/src/components/KnowledgeForm/index.vue +++ b/src/components/KnowledgeForm/index.vue @@ -4,36 +4,24 @@ :model="ruleForm" :rules="rules" label-width="auto" - class="kl-ruleForm" + class="kl-ruleForm o-form-has-require" :size="formSize" label-position="left"> - - - - - - + :placeholder="$t('assetLibrary.message.pleasePlace')" > + + { })); // 如果是创建状态，设置默认值 if (props.isCreate) { - ruleForm.value.kbName = '资产库名称01'; - ruleForm.value.tokenizer = languageOptions.value?.[0].value || ''; + ruleForm.value.kbName = t('defaultText.kbName'); + ruleForm.value.tokenizer = locale.value==='zh'?languageOptions.value?.[0].value : languageOptions.value?.[1].value + ruleForm.value.embeddingModel = emBeddingModelOptions.value?.[0].value || ''; ruleForm.value.defaultParseMethod = parserMethodOptions.value?.[0].value || ''; } diff --git a/src/components/TextMoreTootip/index.vue b/src/components/TextMoreTootip/index.vue index 1725117..2226f32 100644 --- a/src/components/TextMoreTootip/index.vue +++ b/src/components/TextMoreTootip/index.vue @@ -6,7 +6,7 @@ @mouseenter="mouseenter" @mouseleave="mouseleave"> + > + + .cell, - .el-table__header-wrapper .el-table-column--selection>.cell{ - padding-left: 18px !important; + height: calc(100vh - 320px); } .el-table .cell{ line-height: 16px !important; diff --git a/src/styles/dataSetDialog.scss b/src/styles/dataSetDialog.scss index d82da10..b510f5d 100644 --- a/src/styles/dataSetDialog.scss +++ b/src/styles/dataSetDialog.scss @@ -56,6 +56,7 @@ .el-form-item__label, .el-form-item__content{ height: 16px !important; line-height: 16px !important; + padding: 0px; .el-switch{ height: 16px !important; .el-switch__core{ diff --git a/src/styles/dataSetDrawer.scss b/src/styles/dataSetDrawer.scss index 0d2424f..8fba8ff 100644 --- a/src/styles/dataSetDrawer.scss +++ b/src/styles/dataSetDrawer.scss @@ -156,7 +156,6 @@ } .dataSetInfoTableContainer{ - .el-pagination{ padding-top: 12px !important; } @@ -174,21 +173,15 @@ .el-table tbody .cell{ font-weight: 400; } - .el-table tbody tr td:first-child .cell { - padding-left: 16px !important; - } - .el-table tbody .el-table__cell:not(.el-table__expanded-cell):first-child, - .el-table thead .cell, - .el-table tbody .el-table-column--selection + th.el-table__cell, - .el-table-column--selection + td.el-table__cell { - padding: unset !important; - } tbody .el-table__cell{ padding: 0 !important; } .el-table__row .cell{ padding: 8px !important; } + .el-table__body-wrapper .el-table-column--selection { + padding-left: 8px !important; + } .dataChunkText{ overflow: hidden; display: -webkit-box; @@ -205,3 +198,6 @@ } } +.dataSetPage{ + inset: auto auto 100px 753px !important; +} \ No newline at end of file diff --git a/src/styles/evaluate.scss b/src/styles/evaluate.scss index f70d094..21c1de3 100644 --- a/src/styles/evaluate.scss +++ b/src/styles/evaluate.scss @@ -32,11 +32,14 @@ cursor: not-allowed; } } + .upBtn{ + border-color: #6395FD !important; + } } } - .test-table{ - height: calc(100vh - 330px); + .test-manage-table{ + height: calc(100vh - 320px); } .el-table.is-scrolling-left.el-table--border .el-table-fixed-column--left.is-last-column.el-table__cell { border-right: unset !important; @@ -189,7 +192,7 @@ .el-table-column--selection .cell { padding-right: 0 !important; - padding-left: 42px; + padding-left: 40px; } .group-selection::after { @@ -197,7 +200,7 @@ } .el-pagination { - margin-top: 0; + margin-top: 8px; } .el-pagination .el-input__inner { @@ -227,11 +230,12 @@ .el-form-item { margin-bottom: 24px; .el-form-item__label{ - color: var(--o-item-label-text); + color: var(--o-text-color-secondary); font-size: 12px; font-family: 'HarmonyOS Sans SC Regular'; padding: 0px; margin-right: 24px; + line-height: 32px; } .el-form-item__label:before{ position: absolute; @@ -239,6 +243,9 @@ } .el-form-item__content{ + .el-select{ + width: 100%; + } .el-input__inner,.el-textarea__inner,.el-select__selected-item{ font-size: 12px; font-family: 'HarmonyOS Sans SC Regular'; @@ -260,6 +267,11 @@ } } + .evaluate-type-container{ + .el-input__wrapper{ + padding-left: 44px !important; + } + } .evaluate-dataSetName-container{ height: 16px !important; .el-form-item__label,.el-form-item__content{ @@ -295,26 +307,10 @@ .el-select__popper.el-popper[role=tooltip]{ max-width: 414px !important; } -.el-select__popper .el-select-dropdown__list{ - // background-color: white; + +.custom-llm-select-popper{ .el-select-dropdown__item{ display: flex; align-items: center; - gap: 4px; - & span{ - max-width: 330px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - } - } - .is-hovering{ - background-color: rgb(122,165,225); - } - .is-selected{ - background-color: rgb(99,149,253); - span{ - color: white !important; - } } } \ No newline at end of file diff --git a/src/styles/group.scss b/src/styles/group.scss index 7588bb4..cf2eb4c 100644 --- a/src/styles/group.scss +++ b/src/styles/group.scss @@ -152,7 +152,7 @@ height: 32px; font-size: 12px; line-height: 16px; - color: var(--o-item-label-text); + color: var(--o-text-color-secondary); margin: 4px 0 16px; display: -webkit-box; /* 旧版 Flexbox 兼容（必须） */ -webkit-line-clamp: 2; /* 限制显示行数 */ @@ -175,6 +175,7 @@ .member-count{ margin-left: 16px; display: flex; + gap: 4px; } } button{ @@ -258,7 +259,7 @@ } .el-table__cell { - padding: 0 !important; + padding: 0 8px !important; font-size: 12px; } @@ -311,7 +312,7 @@ width: 104px !important; align-items: flex-start !important; line-height: 22px; - padding-top: 9px !important; + padding: 9px 24px 5px !important; font-family: 'HarmonyOS Sans SC Regular'; &.is-active{ color: rgb(99, 149, 253) !important; diff --git a/src/styles/knowledgeFile.scss b/src/styles/knowledgeFile.scss index c9562b2..0d385d4 100644 --- a/src/styles/knowledgeFile.scss +++ b/src/styles/knowledgeFile.scss @@ -84,7 +84,7 @@ .kf-container-table-ops-left{ display: flex; margin-bottom: 16px; - + gap: 8px; .importFileBtn { padding: 8px 15px; } @@ -103,9 +103,11 @@ } .el-dropdown { + .upBtn{ + border-color: #6395FD !important; + } button { min-width: 96px; - padding: 8px 13.2px; } } } @@ -116,14 +118,15 @@ } .kf-container-table-box { - height: calc(100% - 56px); + height: calc(100% - 59px); display: flex; flex-direction: column; background-color: var(--o-bg-color-base); .fileTableContainer{ height:100%; - .el-table-column--selection .cell{ - padding-left: 18px !important; + .el-table-column--selection{ + padding-left: 16px !important; + padding-right: 0px !important; } } .el-table .cell{ @@ -186,15 +189,10 @@ } .el-table__cell { - padding: 0 !important; + padding: 0 8px !important; font-size: 12px; } - .el-table-column--selection .cell { - padding-right: 0 !important; - padding-left: 10px !important; - } - .kl-selection::after { content: unset !important; } @@ -462,6 +460,10 @@ .el-form-item__label{ font-size: 12px; } + .el-form-item__label:before{ + position: absolute; + left: -8px; + } } .kl-ops-btn { @@ -573,4 +575,7 @@ } } +} +.fileLibraryPage{ + inset: auto auto 84px 92px !important; } \ No newline at end of file diff --git a/src/styles/knowledgeFileSection.scss b/src/styles/knowledgeFileSection.scss index 1a7a78a..eeb74f8 100644 --- a/src/styles/knowledgeFileSection.scss +++ b/src/styles/knowledgeFileSection.scss @@ -53,7 +53,7 @@ .kf-section-info-title { line-height: 32px; - font-size: 16px; + font-size: 14px; color: var(--o-text-color-primary); font-weight: 700; font-family: 'HarmonyOS Sans SC Regular'; @@ -108,7 +108,7 @@ margin-bottom: 8px; .kf-pre-title { - font-size: 16px; + font-size: 14px; font-weight: 700; line-height: 32px; font-family: 'HarmonyOS Sans SC Regular'; @@ -117,22 +117,27 @@ .kf-btn-search { display: flex; + height: 32px !important; margin-right: 8px; + .el-input-group__prepend { width: 120px; height: 32px; + padding: 0px !important; box-sizing: border-box; - padding: unset !important; background: var(--o-bg-color-base) !important; - border-color: blue; - box-shadow: unset; + border-radius: 4px 0px 0px 4px !important; + box-shadow: none; } + .el-input__wrapper { width: 280px; padding-right: 8px !important; + border-radius: 0 4px 4px 0px !important; .el-input__suffix { .el-input__icon { font-size: 16px; + color: #8D98AA; } } } @@ -209,12 +214,12 @@ } & thead tr th{ background-color: var(--o-bg-color-base) !important; + width: 20px !important; } .kf-selection { border-bottom: unset !important; .cell { - width: 24px !important; padding-right: 0 !important; padding-left: 0 !important; } @@ -450,6 +455,8 @@ transform: translateY(-10px); padding: 4px 16px !important; background-color: var(--o-bg-color-base) !important; + border: 1px solid rgb(99, 149, 253) !important; + border-radius: 4px !important; .el-checkbox { position: relative; } @@ -474,15 +481,17 @@ } } .fileCheckTypeShow { - display: inline-block; - width: 100%; - height: 100%; display: flex; + width: 100%; + height: 32px; justify-content: center; gap: 8px; border-radius: 4px 0 0 4px; - box-shadow: 1px 0 0 0 var(--o-border-color-base) inset,0 1px 0 0 var(--o-border-color-base) inset,0 -1px 0 0 var(--o-border-color-base) inset; cursor: pointer; + box-shadow: 1px 0 0 0px inset var(--o-input-border-color), 0 1px 0 0 inset var(--o-input-border-color), 0 -1px 0 0 inset var(--o-input-border-color); + &:hover{ + box-shadow: 1px 0 0 0px inset #6395FD, 0 1px 0 0 inset #6395FD,0 -1px 0 0 inset #6395FD,-1px 0 0 0 inset #6395FD; + } .fileCheckTypeContent { width: 64px; height: 32px; @@ -495,6 +504,7 @@ } .el-icon-fileType { font-size: 16px; + color: #8D98AA; } .fileTypeIcon { display: flex; @@ -505,8 +515,8 @@ } } .filteTypeShowClass { - border-radius: 2px; - border: 1px solid rgb(99, 149, 253); + border-radius: 4px 0 0 4px; + width: 120px; .fileCheckTypeContent { transform: translateY(-1px); span { @@ -514,12 +524,19 @@ } } } +.is_selected{ + box-shadow: 1px 0 0 0px inset #6395FD, 0 1px 0 0 inset #6395FD, + 0 -1px 0 0 inset #6395FD, -1px 0 0 0 inset #6395FD; +} .kf-section-container-table-box { .el-table__body { -webkit-border-vertical-spacing: 8px; // 垂直间距 } } +.kf-section-container .kf-section-container-action .kf-section-container-right .el-table__body .kf-selection{ + width: 40px !important; +} .kf-section-edit-dialog{ padding: 0px; @@ -555,4 +572,8 @@ } } } +} + +.fileSectionPage{ + inset: auto auto 84px 391px !important; } \ No newline at end of file diff --git a/src/styles/knowledgeForm.scss b/src/styles/knowledgeForm.scss index 8a2fa04..e7d50e7 100644 --- a/src/styles/knowledgeForm.scss +++ b/src/styles/knowledgeForm.scss @@ -135,7 +135,7 @@ align-items: center; padding: 0 !important; font-size: 12px !important; - color: var(--o-item-label-text) !important; + color: var(--o-text-color-secondary) !important; .el-icon { margin-top: 2px; @@ -203,6 +203,9 @@ } .kl-ruleForm{ + .el-form-item__label{ + max-width: 128px; + } .config-form{ margin-bottom: 8px !important; } diff --git a/src/styles/knowledgeLibrary.scss b/src/styles/knowledgeLibrary.scss index a3c7db2..5038f63 100644 --- a/src/styles/knowledgeLibrary.scss +++ b/src/styles/knowledgeLibrary.scss @@ -60,26 +60,21 @@ .dropdown-disabled{ cursor: not-allowed; } - - } - .multipleSelectNum{ - display: inline-block; - font-size: 12px; - color: rgb(141, 152, 170); - &>span{ - color: rgb(99, 149, 253); + .upBtn{ + border-color: #6395FD !important; } } + .multipleSelect{ margin-right: 8px; display: flex; align-items: center; - font-weight: 400; .el-checkbox.el-checkbox--large{ height: 20px; } & span{ font-size: 12px; + font-weight: 400; } } @@ -161,7 +156,6 @@ .kl-single-card { display: flex; flex-direction: column; - height: 232px; padding: 16px; background: var(--o-bg-color-light); border-radius: 8px; @@ -170,6 +164,7 @@ &.is-checked { border: 2px solid rgb(99, 149, 253); + padding: 15px; } .kl-card-top { @@ -193,9 +188,7 @@ } .el-checkbox__input.is-checked .el-checkbox__inner:after { - border-color: var(--el-checkbox-checked-icon-color) !important; - transform: rotate(45deg) scaleY(1) translate(2px) !important; - border-width: 2px !important; + transform: rotate(45deg) scale(1.5) translate(2.5px) !important; } } @@ -221,13 +214,13 @@ .kl-card-desc { flex: 1; - padding-top: 8px; font-size: 12px; line-height: 16px; letter-spacing: 0px; color: var(--o-text-color-secondary); - height: 112px; width: 396px; + margin-bottom: 16px; + margin-top: 8px; } .kl-card-footer { @@ -379,7 +372,7 @@ } .el-table__cell { - padding: 0 !important; + padding: 0 8px !important; font-size: 12px; } diff --git a/src/styles/libraryInfo.scss b/src/styles/libraryInfo.scss index b327cf0..cde7848 100644 --- a/src/styles/libraryInfo.scss +++ b/src/styles/libraryInfo.scss @@ -80,6 +80,9 @@ } .library-info-tabs{ margin-right: 24px; + .el-tabs__content{ + margin-top: 16px; + } } .document-info-tabs .el-tabs__header{ margin-bottom: 0px !important; diff --git a/src/styles/reset.scss b/src/styles/reset.scss index 3ebcff7..63dd641 100644 --- a/src/styles/reset.scss +++ b/src/styles/reset.scss @@ -40,7 +40,7 @@ body { 'HarmonyOS Sans SC Regular', -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, 'Helvetica Neue', arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' !important; - font-weight: 500; + font-weight: 400; } html, @@ -63,7 +63,7 @@ button, 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' !important; - font-weight: 500; + font-weight: 400; line-height: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; @@ -213,7 +213,7 @@ $newHoverBg: linear-gradient( .el-dropdown-menu__item:not(.is-disabled):hover { color: rgb(255 255 255) !important; - background: var(--o-button-bg) !important; + background: rgb(99,149,253) !important; } } @@ -285,6 +285,7 @@ div:focus { .el-dialog{ border-radius: 8px !important; background-color: var(--o-bg-dialog) !important; + width: 544px !important; } .el-dialog__header { .el-dialog__title { @@ -354,12 +355,6 @@ div:focus { font-size: 12px; margin-left: 8px; } -.kbLibraryPage { - .el-select-dropdown__item.is-hovering { - color: white; - background-color: var(--o-select-dropdown-bg-color_hover) !important; - } -} .o-message--error { width: 544px; @@ -407,9 +402,12 @@ div:focus { } .el-dialog__headerbtn { - height: 57px !important; + height: 20px !important; + width: unset !important; + margin-right: 24px; .el-dialog__close { font-size: 20px !important; + color: #8d98aa !important; } } @@ -445,13 +443,13 @@ div:focus { } .caret-wrapper { - margin-left: 0 !important; - transform: translateX(-3px); + margin-left: 4px !important; + color: #8D98AA !important; .sort-up-active{ - border-bottom-color:var(--el-color-primary) !important ; + border-bottom-color:#8D98AA !important ; } .sort-down-active{ - border-top-color:var(--el-color-primary) !important ; + border-top-color:#8D98AA !important ; } } @@ -461,22 +459,21 @@ div:focus { .el-pagination { .el-pagination__total { - margin-right: unset; color: var(--o-text-color-secondary) !important; } .el-pagination__sizes { - margin-left: 7px; - margin-right: unset; - .el-select{ - border-color: var(--o-border-color-base) !important; - .el-select__selected-item{ + margin: 0px; + .el-select .el-input{ + width: 100px; + .el-input__inner{ color: var(--o-text-color-secondary) !important; } } } .btn-prev { - margin-left: 8px !important; + margin-left: 12px !important; background-color: var(--o-bg-color-base) !important; + width: 16px !important; } .el-pager .number { color: var(--o-text-color-secondary) !important; @@ -490,8 +487,9 @@ div:focus { } } .btn-next { - margin-right: 8px !important; + margin-right: 12px !important; background-color: var(--o-bg-color-base) !important; + width: 16px !important; } .el-pagination__jump { margin-left: unset; @@ -530,16 +528,15 @@ div:focus { .el-select { width: 100px !important; } - .el-input { - width: 40px !important; - } .el-select__wrapper, .el-input__wrapper { - border-radius: 2px; - + border-radius: 4px !important; } button:disabled .el-icon { color: #8d98aa !important; } + .el-select:not(.el-select--disabled):hover .el-input__wrapper{ + box-shadow: 0 0 0 1px inset #6395FD; + } } .cancelBtn { @@ -556,14 +553,6 @@ div:focus { } } -.el-dialog__headerbtn { - width: unset !important; - margin-right: 24px; - .el-dialog__close { - color: #8d98aa !important; - } -} - .el-link--primary{ display: inline-block; width: 100%; @@ -915,6 +904,7 @@ div:focus { .el-input-number__increase{ border-left: 1px solid var(--o-input-number-border-color) !important; + border-radius: 0 4px 4px 0 !important; } .el-input-number__decrease{ border-right: 1px solid var(--o-input-number-border-color) !important; @@ -930,9 +920,9 @@ div:focus { border-radius: 4px; } .el-select-dropdown__list { - padding: 4px 0 !important; background-color: var(--o-bg-color-base); border-radius: 4px; + margin:4px 0 !important; li { height: 32px !important; line-height: 30px !important; @@ -941,16 +931,28 @@ div:focus { .el-select-dropdown__item { padding: 0 16px; } + .is-hovering { + background-color: var(--o-select-dropdown-bg-color_hover) !important; + span { + color: #fff !important; + } + } .is-selected{ - background-color: rgb(99,149,253) !important; + background-color: var(--o-select-dropdown-bg-color_selected) !important; span { color: white !important; } } - .is-hovering { - background-color: rgb(122,165,225) !important; + .el-select-dropdown__item.hover{ + background-color: #7AA5FF !important; span { - color: #fff !important; + color: white !important; + } + } + .el-select-dropdown__item.selected, .el-select-dropdown__item.selected:hover{ + background-color: #6395FD !important; + span { + color: white !important; } } } @@ -975,7 +977,8 @@ div:focus { background-color: unset !important; box-sizing: border-box; border-color: rgb(141 152 170) !important; - border-radius: 1px; + color: rgb(141 152 170) !important; + border-radius: 2px !important; } .el-checkbox__input.is-checked,.el-checkbox__input.is-indeterminate{ background-color: var(--o-button-bg); @@ -987,16 +990,6 @@ div:focus { .el-checkbox__input.is-disabled .el-checkbox__inner:after{ border-color: none !important; } -.el-checkbox__input.is-indeterminate .el-checkbox__inner:before{ - top: 3px !important; - transform: scaleY(0.5) translateX(2px) !important; - height: 4px !important; -} -.el-checkbox__input.is-checked .el-checkbox__inner:after { - border-color: var(--el-checkbox-checked-icon-color) !important; - transform: rotate(45deg) scaleY(1) translate(-2px,0px) !important; - border-width: 2px !important; -} .el-input__wrapper, .el-select__wrapper { @@ -1006,13 +999,14 @@ div:focus { .el-textarea__inner, .el-select__wrapper, .el-input__wrapper{ - border: 1px solid var(--o-border-color-light) !important; - box-shadow: 0 0 0 0 !important; + border-radius: 4px !important; + // border: 1px solid var(--o-input-border-color) !important; + // box-shadow: 0 0 0 0 !important; padding: 8px 16px !important; background-color: var(--o-bg-color-base) !important; } .el-select__wrapper.is-focused{ - border: 1px solid rgb(99,149,253) !important; + // border: 1px solid rgb(99,149,253) !important; } @@ -1031,7 +1025,6 @@ div:focus { color: var(--o-button-bg) !important; } .el-tabs__item{ - color: var(--o-text-color-primary) !important; height: 32px !important; padding: 0 16px; } @@ -1053,23 +1046,23 @@ div:focus { .el-message-box{ background-color: var(--o-bg-color-base) !important; padding: 0px !important; + width: 400px !important; + border-radius: 8px !important; .el-message-box__header{ .el-message-box__title{ color: unset; font-size: 16px; } + .el-message-box__headerbtn{ + height: 20px; + } } .el-message-box__content{ - // background-color: var(--o-bg-color-light); .el-message-box__container{ - .el-message-box__status{ - top: 0px !important; - } display: flex; align-items: center; } .el-message-box__message{ - padding-left: 0px; color: var(--o-text-color-secondary); font-size: 12px; line-height: 16px; @@ -1078,7 +1071,7 @@ div:focus { } .el-message-box__btns{ justify-content: center; - + padding-top: 8px; .el-button{ width: 64px; height: 24px; @@ -1089,10 +1082,6 @@ div:focus { background-color: var(--o-switch-bg-color_checked) !important; border-color: var(--o-switch-bg-color_checked) !important; } -.el-switch__core{ - background-color: var(--o-switch-bg-color) !important; - border-color: var(--o-switch-bg-color) !important; -} .empty_box{ display: flex; @@ -1120,7 +1109,7 @@ div:focus { .empty_text{ font-size: 12px; margin-top: 8px; - color: var(--o-item-label-text); + color: var(--o-text-color-secondary); font-family: 'HarmonyOS Sans SC Regular'; font-weight: 400; } @@ -1152,5 +1141,80 @@ div:focus { } .el-form-item__label{ - color: #4e5865 !important; + color: var(--o-text-color-secondary) !important; +} + +.table-empty-box{ + min-height: calc(100vh - 500px); + flex-direction: column; + display: flex; + align-items: center; + justify-content: center; + .table-empty-img{ + width: 320px; + height: 130px; + background-image: var(--o-empty-img-pending); + background-repeat: no-repeat; + background-size: 100% 100%; + } +} +.multipleSelectNum{ + font-size: 400; + display: inline-block; + font-size: 12px; + color: rgb(141, 152, 170); + line-height: 32px; + .selectedNum{ + color: rgb(99, 149, 253); + } +} + +.el-form-item.is-error .el-input__wrapper, +.el-form-item.is-error .el-input__wrapper.is-focus, +.el-form-item.is-error .el-input__wrapper:focus, +.el-form-item.is-error .el-input__wrapper:hover, +.el-form-item.is-error .el-select__wrapper, +.el-form-item.is-error .el-select__wrapper.is-focus, +.el-form-item.is-error .el-select__wrapper:focus, +.el-form-item.is-error .el-select__wrapper:hover, +.el-form-item.is-error .el-textarea__inner, +.el-form-item.is-error .el-textarea__inner.is-focus, +.el-form-item.is-error .el-textarea__inner:focus, +.el-form-item.is-error .el-textarea__inner:hover, +.el-form-item.is-error .el-input__count, +.el-form-item.is-error .el-input__count.is-focus, +.el-form-item.is-error .el-input__count:focus, +.el-form-item.is-error .el-input__count:hover{ + background-color: #f7c1c1 !important; +} +.el-form-item__error{ + color: var(--o-form-tip-color_error); +} + +.el-dropdown__popper .el-dropdown-menu{ + width: 105px; +} + +.select-input-search{ + .el-input-group__prepend{ + border-radius: 4px 0 0 4px !important; + .el-input__wrapper{ + border-radius: 4px 0 0 4px !important; + } + } + .el-input__wrapper{ + border-radius: 0 4px 4px 0 !important; + } + .el-input-group__prepend{ + min-height: 32px; + height: 32px; + } +} + +.table-row-content{ + overflow: hidden; + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 1; /* 控制显示行数 */ + text-overflow: ellipsis; } \ No newline at end of file diff --git a/src/styles/theme.scss b/src/styles/theme.scss index 68c8541..b1343d8 100644 --- a/src/styles/theme.scss +++ b/src/styles/theme.scss @@ -20,7 +20,6 @@ body[theme='dark'] { --o-empty-img-running: url('/src/assets/images/empty_running_dark.svg'); --o-task-list-icon: url('/src/assets/svg/dark_taskList.svg'); --o-task-score-icon: url('/src/assets/svg/dark_taskScore.svg'); - --o-item-label-text: #D3DCE9; --o-task-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.3); } @@ -45,6 +44,5 @@ body[theme='light'] { --o-empty-img-running: url('/src/assets/images/empty_running.svg'); --o-task-list-icon: url('/src/assets/svg/light_taskList.svg'); --o-task-score-icon: url('/src/assets/svg/light_taskScore.svg'); - --o-item-label-text: #4e5865; --o-task-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.3); } \ No newline at end of file diff --git a/src/styles/upload.scss b/src/styles/upload.scss index bab2dab..5e5e36a 100644 --- a/src/styles/upload.scss +++ b/src/styles/upload.scss @@ -7,6 +7,12 @@ } .upload-to-list { + .el-upload.el-upload--text.is-drag{ + width: 100%; + .el-upload-dragger{ + width: 100%; + } + } .el-alert--info .el-alert__icon{ background-image: url('@/assets/svg/icon_info.svg'); width: 22.3px; diff --git a/src/views/dataSet/craeteEvaluate.vue b/src/views/dataSet/craeteEvaluate.vue index 3e7a54f..15217ef 100644 --- a/src/views/dataSet/craeteEvaluate.vue +++ b/src/views/dataSet/craeteEvaluate.vue @@ -9,31 +9,44 @@ align-center :close-on-click-modal="false" > - +
{{ props.rowData?.datasetName }}
- + + + - - - + + + - + {{ item.label }} @@ -69,11 +82,13 @@ import KbAppAPI from '@/api/kbApp'; import dataSetAPI from '@/api/dataSet'; import EvaluateAPI from '@/api/evaluate'; import { useGroupStore } from '@/store/modules/group'; -import { IconCaretDown, } from '@computing/opendesign-icons'; +import { IconCaretDown } from '@computing/opendesign-icons'; const { t, } = useI18n(); const store = useGroupStore(); const { handleKnowledgeTab } = store; - +const currentLlmOption = computed(() => + llmOptions.value.find(item => item.value === form.type) +); const props = defineProps({ dialogEvaluateVisible: Boolean, rowData: Object, @@ -100,13 +115,13 @@ let form = reactive({ const rules = reactive({ name: [ - { required: true, message: t('model.pleasePlace'), trigger: 'blur' }, + { required: true, message: t('model.pleasePlace'), trigger: 'change' }, ], type: [ { required: true, message: t('model.pleasePlace'), trigger: 'change' }, ], desc: [ - { required: true, message: t('model.pleasePlace'), trigger: 'blur' }, + { required: true, message: t('model.pleasePlace'), trigger: ['change','blur'] }, ], method: [ { required: true, message: t('model.pleasePlace'), trigger: 'change' }, @@ -141,7 +156,7 @@ const handleCancelVisible = () => { ruleFormRef.value?.resetFields(); } const initFormData = () => { - form.name = '测试数据01' + form.name = t('defaultText.testingName'); form.type = llmOptions.value.length > 0 ? llmOptions.value[0].value : ''; form.method = parserMethodOptions.value.length > 0 ? parserMethodOptions.value[0].value : ''; form.topk = 5; @@ -157,7 +172,11 @@ onMounted( async () => { return { label: item.llmName, value: item.llmId,icon:item.llmIcon }; }); }) - initFormData(); }) +watch(() => props.dialogEvaluateVisible, (newVal) => { + if (newVal) { + initFormData(); + } +}); \ No newline at end of file diff --git a/src/views/dataSet/dataSetDrawer.vue b/src/views/dataSet/dataSetDrawer.vue index cf487da..8848bc6 100644 --- a/src/views/dataSet/dataSetDrawer.vue +++ b/src/views/dataSet/dataSetDrawer.vue @@ -122,8 +122,14 @@ :style="{ height: tableHeight }"> + @@ -145,7 +151,7 @@