From 6d101a296c7003cda5fd4c2eb8db3ff4339503fd Mon Sep 17 00:00:00 2001 From: hyx Date: Tue, 16 Apr 2024 13:22:15 +0800 Subject: [PATCH] =?UTF-8?q?fix:=E5=8E=BB=E6=8E=89=E6=97=A0=E7=94=A8?= =?UTF-8?q?=E7=9A=84=E4=BB=A3=E7=A0=81?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../css/components/views/tag/tagForm.scss | 708 +----------------- 1 file changed, 1 insertion(+), 707 deletions(-) diff --git a/src/assets/css/components/views/tag/tagForm.scss b/src/assets/css/components/views/tag/tagForm.scss index f484c389..d640b276 100644 --- a/src/assets/css/components/views/tag/tagForm.scss +++ b/src/assets/css/components/views/tag/tagForm.scss @@ -466,712 +466,6 @@ $color-mousemove-cursor: #D3D0D8; } } -.del-model-hint { - display: flex; - flex-direction: column; - padding-bottom: 0 !important; - width: 480px !important; - height: 300px !important; - - .el-dialog__header { - display: flex; - flex-direction: row; - border-bottom: 1px solid $color-border-lighter; - height: 42px; - min-height: 42px; - background: $color-bg-lighter; - 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: $color-text-primary; - letter-spacing: 0; - font-weight: 400; - } - } - - .el-dialog__body { - height: 206px; - min-height: 206px; - font-size: 14px; - color: $color-text-primary; - letter-spacing: 0; - line-height: 22px; - font-weight: 400; - padding-top: 8px; - padding-right: 20px; - padding-left: 20px; - - .dialog-message { - padding-left: 0 !important; - padding-right: 0 !important; - } - - .dialog-table { - margin-top: 10px; - } - - .el-checkbox__input.is-checked .el-checkbox__inner { - background-color: $color-business; - border-color: $color-business; - } - - .el-checkbox__input.is-indeterminate .el-checkbox__inner { - background-color: $color-business; - border-color: $color-business; - } - } - - .el-dialog__footer { - height: 52px; - min-height: 52px; - padding: 11px 0 12px !important; - border-top: 1px solid $color-border-lighter; - box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.07); - - .el-button { - line-height: 12px; - min-height: 28px; - padding: 8px 21px !important; - font-size: 12px; - font-weight: 500; - } - - .el-button:nth-child(1) { - width: 80px; - height: 28px; - margin-right: 20px; - color: $color-text-primary; - background: $color-fill-light; - border: 1px solid $color-border-dark; - border-radius: 2px; - } - - .el-button:nth-child(2) { - width: 80px; - height: 28px; - margin-right: 20px; - margin-left: 0 !important; - background-color: $color-business; - border-color: $color-business-border-hover; - } - } -} - -.confirm-knowledge-switch { - display: flex; - flex-direction: column; - - .el-dialog__header { - display: flex; - flex-direction: row; - border-bottom: 1px solid $color-border-lighter; - height: 42px; - min-height: 42px; - padding-left: 20px; - padding-top: 10px; - padding-bottom: 14px; - background: $color-bg-lighter; - - .el-dialog__headerbtn { - display: flex !important; - flex-direction: row-reverse; - justify-content: center; - align-items: center; - padding-right: 5px !important; - top: 16px; - right: 10px; - - i { - font-size: 12px; - } - } - - .el-dialog__title { - font-size: 14px !important; - color: $color-text-primary; - letter-spacing: 0; - font-weight: 400; - } - } -} - -.update-knowledge-tip, .confirm-knowledge-switch { - display: flex; - flex-direction: column; - padding-bottom: 0 !important; - - .el-dialog__header { - display: flex; - flex-direction: row; - border-bottom: 1px solid $color-border-lighter; - height: 42px; - min-height: 42px; - background: $color-bg-lighter; - box-shadow: 0 1px 0 0 rgba(53, 54, 54, 0.08); - padding-left: 20px; - padding-top: 10px; - padding-bottom: 14px; - - .el-dialog__headerbtn { - display: flex !important; - flex-direction: row-reverse; - justify-content: center; - align-items: center; - padding-right: 5px !important; - top: 16px; - right: 10px; - - i { - font-size: 12px; - } - } - - .el-dialog__title { - font-size: 14px !important; - color: $color-text-primary; - letter-spacing: 0; - font-weight: 400; - } - } - - .el-dialog__body { - height: 96px; - min-height: 96px; - font-size: 14px; - color: $color-text-primary; - letter-spacing: 0; - line-height: 22px; - padding-top: 12px; - padding-right: 20px; - padding-left: 20px; - } - - .el-dialog__footer { - height: 52px; - min-height: 52px; - border-top: 1px solid $color-border-lighter; - box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.07); - padding: 11px 0 12px !important; - } -} - -.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: 90vh; - margin-top: 5vh !important; - overflow: hidden; - - &.update-knowledge--upload { - height: auto; - } - - .el-dialog__body { - height: calc(100% - 32px); - 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: $color-text-primary; - letter-spacing: 0; - font-weight: 500; - height: 24px; - font-family: NotoSansSC-Medium; - } - } - - .knowledge-desc { - font-family: Roboto-Regular; - word-break: normal; - font-size: 14px; - color: $color-regular; - letter-spacing: 0; - line-height: 16px; - font-weight: 400; - } - } - } - - .knowledge-update__tab { - position: relative; - - .update-log-tab { - .el-tabs__header { - margin-bottom: 10px; - - .el-tabs__active-bar { - background-color: $color-primary; - height: 2px; - } - - .el-tabs__item { - font-family: NotoSansSC-Bold; - font-size: 14px; - //color: $color-text-primary; - font-weight: 700; - padding: 0 16px 0 0; - } - - .el-tabs__item:hover { - color: $color-text-primary; - } - - .el-tabs__item.is-active { - color: $color-primary; - } - - .el-tabs__nav-wrap::after { - height: 1px; - } - } - - .update-title { - line-height: 14px; - font-family: NotoSansSC-Bold; - font-size: 14px; - color: $color-text-primary; - font-weight: 700; - } - } - - .update-operate { - position: absolute; - top: 0; - display: flex; - align-items: center; - right: 0; - - height: 28px; - flex-direction: row; - justify-content: center; - font-size: 14px; - } - } - - .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: $color-text-primary; - font-weight: 700; - } - - .update-operate { - height: 28px; - display: flex; - flex-direction: row; - justify-content: center; - font-size: 14px; - align-items: center; - } - } - - .el-dialog__header { - display: flex; - flex-direction: row; - height: 32px; - min-height: 32px; - padding-left: 20px; - padding-top: 20px; - padding-bottom: 0; - - .el-dialog__headerbtn { - display: flex !important; - flex-direction: row-reverse; - justify-content: center; - align-items: center; - line-height: 12px; - - i { - font-size: 12px; - color: $color-info; - } - } - - .el-dialog__title { - font-size: 14px !important; - color: $color-text-primary; - letter-spacing: 0; - font-weight: 400; - } - } - - .el-dialog__body { - font-size: 14px; - color: $color-text-primary; - letter-spacing: 0; - line-height: 22px; - font-weight: 400; - padding-top: 0; - padding-right: 30px; - padding-left: 30px; - padding-bottom: 30px; - - .dialog-message { - padding-left: 0 !important; - padding-right: 0 !important; - } - - .update-dialog__table { - border-bottom: none; - border-radius: 0.28571rem; - height: calc(100% - 125px); //dialog为屏幕的90% - 表格以上内容的高度 - pishon3柱状图的高度 - 表格和柱状图之间的距离 - 底部留白的距离 - .el-table--border th, .el-table--border td { - border-right: none; - } - - .el-table__body-wrapper { - height: calc(100% - 48px); - overflow-y: auto; - } - - &.update-dialog__table--psiphon3 { - height: calc(90vh - 190px - 200px - 50px - 10px); - } - - &.update-dialog__table--system-user { - height: calc(100% - 139px); - } - - &.el-table .el-table__cell { - padding: 12px 0 !important; - } - - &.el-table .el-table__row .el-table__cell { - padding: 8px 0 !important; - } - } - - .update-knowledge-form { - .el-upload { - width: 100%; - } - - .form-input { - .el-input__wrapper { - padding: 1px 16px !important; - } - - .el-input__inner { - padding-right: 50px !important; - font-size: 14px; - } - } - - .uploadBtn { - background: $color-fill-light; - border: 1px solid $color-info-light-7; - box-shadow: 0 2px 4px 0 rgba(51, 51, 51, 0.02); - border-radius: 2px; - //width:100%; - width: 1020px; - height: 28px; - min-height: 28px !important; - color: $color-regular; - padding-top: 0; - padding-bottom: 0; - - i { - font-size: 12px; - } - } - - .el-form-item__label { - font-family: NotoSansHans-Medium; - font-size: 14px; - color: $color-text-primary; - font-weight: 500; - padding-bottom: 12px; - line-height: 14px; - } - - .el-form-item__content { - line-height: normal; - - .item__content__margin { - margin-bottom: -10px; - } - } - - .el-form-item { - margin-bottom: 20px; - } - - .knowledge-remark { - margin-bottom: 0 !important; - - .el-textarea__inner { - font-size: 12px; - padding: 5px 15px; - } - } - - .el-form--label-top .el-form-item .el-form-item__label { - margin-bottom: 0 !important; - } - - .el-form--default.el-form--label-top .el-form-item .el-form-item__label { - line-height: 14px; - } - } - - .dialog-footer { - display: flex; - justify-content: flex-end; - padding-top: 32px; - - .business-button { - margin-left: 15px; - height: 30px; - min-width: 72px; - } - } - } - - .psiphon3 { - display: flex; - flex-direction: column; - margin-top: 25px; - - .psiphon3-title { - font-size: 12px; - color: $color-text-primary; - letter-spacing: 0; - line-height: 14px; - } - - .psiphon3-bar { - height: 200px; - width: 100%; - position: relative; - border: 1px solid $color-border-light; - border-radius: 4px; - margin-top: 10px; - //min-height:250px; - .chart-drawing { - height: 100%; - width: 100%; - - .echarts-tooltip.echarts-tooltip-dark { - .cn-chart-body { - display: flex; - - .cn-chart-tooltip { - display: flex; - flex-direction: column; - flex: 1; - - .cn-chart-tooltip-box { - margin-right: 10px; - } - - .cn-chart-tooltip-value.cn-chart-tooltip__color { - font-size: 12px; - color: var(--el-text-color-primary); - line-height: 21px; - font-weight: 600; - } - } - } - } - } - - .bar-header { - display: flex; - justify-content: space-between; - //height: 73px; - margin-right: 20px; - - .bar-select.bar-header-right { - display: flex; - //flex: 1; - .bar-select__operation { - .el-input__inner { - width: 132px; - } - } - - .bar-select-time { - display: flex; - align-items: flex-end; - - .bar-select__operation { - height: 24px; - margin-left: 3px; - box-shadow: none; - border-radius: 2px; - - .cn-icon-Data { - color: $color-text-primary; - } - - .el-input__inner { - padding-left: 4px; - line-height: 24px; - height: 24px; - font-size: 12px; - color: $color-text-primary; - font-weight: 400; - } - - .el-input__suffix { - display: flex; - - .el-input__suffix-inner { - line-height: 24px; - - .el-select__caret { - line-height: 24px; - width: 16px; - color: $color-text-primary; - } - } - } - } - } - } - - .bar-header-left { - .bar-value-active { - position: absolute; - height: 4px; - border-radius: 4px 0 0 0; - background: $color-primary; - top: 0; - z-index: 1; - transition: all linear $transition-duration; - } - - .bar-value { - font-size: 12px; - color: $color-regular; - font-weight: 400; - display: flex; - justify-content: center; - - .is-active { - color: $color-text-primary; - } - - .bar-value-tabs.mousemove-cursor { - border-top: 4px solid $color-mousemove-cursor; - z-index: 0; - } - - .bar-value-tabs { - cursor: pointer; - padding: 10px 0 0 20px; - border-top: 4px solid transparent; - width: 88px; - - .bar-value-tabs-name { - position: relative; - display: flex; - - .tabs-name { - flex: 1; - padding-left: 19px; - } - - .total, .active, .new { - width: 10px; - height: 10px; - border-radius: 50%; - position: absolute; - top: 6px; - } - - .total { - background: $color-total; - } - - .active { - background: var(--el-color-success); - } - - .new { - background: $color-new; - } - } - } - } - } - } - - .bar-chart { - position: relative; - height: calc(100% - 24px); - } - } - } - -} - .tag-color { display: flex; flex-direction: row; @@ -1187,7 +481,7 @@ $color-mousemove-cursor: #D3D0D8; } .unknow { - background-color: rgb(119, 131, 145) // 需要与js里的knowledgeBaseColor进行匹配,故保留 + background-color: rgb(119, 131, 145) } .benign {