549 lines
31 KiB
CSS
549 lines
31 KiB
CSS
|
@charset "UTF-8"; *,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}.container{width:100%;}@media (min-width: 640px){.container{max-width:640px;}}@media (min-width: 768px){.container{max-width:768px;}}@media (min-width: 1024px){.container{max-width:1024px;}}@media (min-width: 1280px){.container{max-width:1280px;}}@media (min-width: 1536px){.container{max-width:1536px;}}.pointer-events-none{pointer-events:none;}.visible{visibility:visible;}.invisible{visibility:hidden;}.\!absolute{position:absolute !important;}.absolute{position:absolute;}.fixed{position:fixed;}.relative{position:relative;}.sticky{position:sticky;}.static{position:static;}.bottom-0{bottom:0;}.left-\[-34px\]{left:-34px;}.left-0{left:0;}.left-2{left:0.5rem;}.top-\[-1px\]{top:-1px;}.top-0{top:0;}.isolate{isolation:isolate;}.z0{z-index:0;}.z-1,.z1{z-index:1;}.z2{z-index:2;}.z-\[-1\]{z-index:-1;}.z-\[-2\]{z-index:-2;}.z-\[1002\]{z-index:1002;}.z-10{z-index:10;}.grid{display:grid;}.col-span-2{grid-column:span 2/span 2;}.grid-cols-\[1fr_4fr\]{grid-template-columns:1fr 4fr;}.grid-cols-\[2fr_1fr_1fr_1fr\]{grid-template-columns:2fr 1fr 1fr 1fr;}.grid-cols-\[2fr_2fr_1fr_1fr\]{grid-template-columns:2fr 2fr 1fr 1fr;}.grid-rows-\[1fr_3fr\]{grid-template-rows:1fr 3fr;}.grid-rows-\[2fr_1fr\]{grid-template-rows:2fr 1fr;}.grid-rows-\[2fr_3fr_1fr\]{grid-template-rows:2fr 3fr 1fr;}.grid-rows-\[2fr_3fr\]{grid-template-rows:2fr 3fr;}.grid-rows-\[3fr_2fr\]{grid-template-rows:3fr 2fr;}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr));}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr));}.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr));}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr));}.m\[0\]{margin:0;}.m\[1\]{margin:1;}.m\[2\]{margin:2;}.m\[3\]{margin:3;}.m1{margin:0.25rem;}.m11{margin:2.75rem;}.m12{margin:3rem;}.m13{margin:3.25rem;}.m160{margin:40rem;}.m161\.92{margin:40.48rem;}.m174\.72{
|
||
|
|
/*** 全局变量定义 ***/
|
||
|
|
:root {
|
||
|
|
/* 颜色变量 */
|
||
|
|
--ccs-btn-color: #0569c7; /* 按钮主色 */
|
||
|
|
--ccs-btn-color-hover: #0569c720; /* 按钮悬浮色 */
|
||
|
|
--ccs-border-gray: #dcdfe5; /* 边框灰色 */
|
||
|
|
--ccs-hover-color: #00acff30; /* 通用悬浮色 */
|
||
|
|
--ccs-active-color: #00acff; /* 激活状态色 */
|
||
|
|
--ccs-text-color: rgb(48, 49, 51); /* 文本颜色 */
|
||
|
|
--ccs-border-color: #979ba3; /* 边框颜色 */
|
||
|
|
--ccs-dashed-color: #888787; /* 虚线颜色 */
|
||
|
|
/* 尺寸变量 */
|
||
|
|
--ccs-font-size-sm: 12px; /* 小号字体大小 */
|
||
|
|
--ccs-height-sm: 22px; /* 小号行高 */
|
||
|
|
--ccs-line-height-sm: 20px; /* 小号行高 */
|
||
|
|
--ccs-line-height: 24px; /* 中号行高 */
|
||
|
|
--ccs-border-radius: 4px; /* 边框圆角 */
|
||
|
|
/* Element Plus 样式覆盖变量 */
|
||
|
|
--el-dialog-padding-primary: 12px; /* 对话框内边距 */
|
||
|
|
--el-font-size-base: 12px; /* 基础字体大小 */
|
||
|
|
--el-tree-node-content-height: 22px; /* 树节点高度 */
|
||
|
|
--el-tabs-header-height: 30px; /* 标签页头部高度 */
|
||
|
|
--el-dialog-title-font-size: 16px; /* 对话框标题字体大小 */
|
||
|
|
}
|
||
|
|
|
||
|
|
/*** 基础样式设置 ***/
|
||
|
|
html,
|
||
|
|
body {
|
||
|
|
width: 100vw;
|
||
|
|
height: 100vh;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
#app {
|
||
|
|
width: 100vw;
|
||
|
|
height: 100vh;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
div {
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 移除数字输入框的上下箭头 */
|
||
|
|
input[type=number]::-webkit-inner-spin-button,
|
||
|
|
input[type=number]::-webkit-outer-spin-button {
|
||
|
|
-webkit-appearance: none;
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*** Element Plus 组件样式覆盖 ***/
|
||
|
|
/* 对话框样式 */
|
||
|
|
.el-dialog__header {
|
||
|
|
--el-dialog-padding-primary: var(--el-dialog-padding-primary);
|
||
|
|
}
|
||
|
|
.el-dialog__footer {
|
||
|
|
--el-dialog-padding-primary: var(--el-dialog-padding-primary);
|
||
|
|
line-height: 1;
|
||
|
|
}
|
||
|
|
.el-dialog__footer:has(.footer-empty) {
|
||
|
|
padding-top: 0;
|
||
|
|
}
|
||
|
|
.el-dialog__title {
|
||
|
|
--el-dialog-title-font-size: 16px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.el-dialog__footer:has(.n-p) {
|
||
|
|
--el-dialog-padding-primary: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.el-overlay-dialog {
|
||
|
|
z-index: 2001;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 树组件样式 */
|
||
|
|
.el-tree {
|
||
|
|
--el-font-size-base: var(--ccs-font-size-sm);
|
||
|
|
--el-tree-node-content-height: 22px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 标签页组件样式 */
|
||
|
|
.el-tabs {
|
||
|
|
--el-tabs-header-height: 30px;
|
||
|
|
}
|
||
|
|
.el-tabs__nav-next, .el-tabs__nav-prev {
|
||
|
|
line-height: 34px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 下拉选择框样式 */
|
||
|
|
/* .el-select__popper {
|
||
|
|
transform: translateY(-10px);
|
||
|
|
transition: transform 0s ease !important;
|
||
|
|
.el-select-dropdown__list {
|
||
|
|
padding: 0;
|
||
|
|
.el-select-dropdown__item {
|
||
|
|
padding: 0 2px;
|
||
|
|
height: 18px;
|
||
|
|
line-height: 18px;
|
||
|
|
font-size: var(--ccs-font-size-sm);
|
||
|
|
&.is-hovering {
|
||
|
|
background-color: var(--ccs-btn-color-hover);
|
||
|
|
}
|
||
|
|
&.is-selected {
|
||
|
|
color: #fff;
|
||
|
|
background-color: var(--ccs-btn-color);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.el-popper__arrow {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.el-select-dropdown {
|
||
|
|
transition: none;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
*/
|
||
|
|
/*** 自定义组件样式 ***/
|
||
|
|
/* 分割面板 */
|
||
|
|
.splitpanes--vertical .splitpanes__pane {
|
||
|
|
transition: none !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 数字输入框 */
|
||
|
|
.d-field .el-input-number--small {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.d-field .el-input-number .el-input__inner {
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
.d-field .el-input-number.is-without-controls .el-input__wrapper {
|
||
|
|
padding: 2px 8px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 标题背景 */
|
||
|
|
.w-title {
|
||
|
|
background-image: linear-gradient(to top, #d7e4f2, #fafafa);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 边框样式 */
|
||
|
|
.ccs-border, .ccs-btn, .ccs-dialog button, .window-tabs button {
|
||
|
|
cursor: default;
|
||
|
|
}
|
||
|
|
.ccs-border:hover, .ccs-btn:hover, .ccs-dialog button:hover, .window-tabs button:hover {
|
||
|
|
background-color: var(--ccs-hover-color);
|
||
|
|
border-color: var(--ccs-active-color);
|
||
|
|
}
|
||
|
|
.ccs-border.active, .active.ccs-btn, .ccs-dialog button.active, .window-tabs button.active {
|
||
|
|
border-color: var(--ccs-active-color);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 按钮样式 */
|
||
|
|
.ccs-btn, .ccs-dialog button, .window-tabs button {
|
||
|
|
border: 1px solid var(--ccs-border-gray);
|
||
|
|
border-radius: var(--ccs-border-radius);
|
||
|
|
padding: 0 10px;
|
||
|
|
width: fit-content;
|
||
|
|
font-size: var(--ccs-font-size-sm);
|
||
|
|
height: var(--ccs-height-sm);
|
||
|
|
line-height: var(--ccs-line-height-sm);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 左侧标签页 */
|
||
|
|
.left-tab .el-tabs__active-bar {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.left-tab .el-tabs__header {
|
||
|
|
margin-right: 0 !important;
|
||
|
|
}
|
||
|
|
.left-tab .el-tabs__item {
|
||
|
|
width: 25px;
|
||
|
|
height: 50px;
|
||
|
|
line-height: 25px;
|
||
|
|
box-shadow: 0 1px 2px var(--ccs-border-color);
|
||
|
|
justify-content: center !important;
|
||
|
|
padding: 0;
|
||
|
|
border-radius: var(--ccs-border-radius);
|
||
|
|
}
|
||
|
|
.left-tab .el-tabs__item .rotate-text {
|
||
|
|
transform: rotate(-90deg);
|
||
|
|
transform-origin: center;
|
||
|
|
}
|
||
|
|
.left-tab .el-tabs__item.is-active, .left-tab .el-tabs__item:hover {
|
||
|
|
font-weight: bold;
|
||
|
|
color: var(--ccs-text-color);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 复选框组 */
|
||
|
|
.ccs-checkbox {
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.ccs-checkbox .dashed-v {
|
||
|
|
width: 1px;
|
||
|
|
border-left: 1px dashed var(--ccs-dashed-color);
|
||
|
|
position: absolute;
|
||
|
|
top: 7px;
|
||
|
|
}
|
||
|
|
.ccs-checkbox .ccs-checkbox-item .dashed {
|
||
|
|
width: 10px;
|
||
|
|
border-top: 1px dashed var(--ccs-dashed-color);
|
||
|
|
position: absolute;
|
||
|
|
}
|
||
|
|
.ccs-checkbox .ccs-checkbox-item .el-checkbox {
|
||
|
|
padding-left: 10px;
|
||
|
|
}
|
||
|
|
.ccs-checkbox .ccs-checkbox-item .el-checkbox__input.is-checked .el-checkbox__inner {
|
||
|
|
background-color: var(--ccs-btn-color);
|
||
|
|
border-color: var(--ccs-btn-color);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 卡片样式 */
|
||
|
|
.ccs-card {
|
||
|
|
border: 1px solid var(--ccs-border-color);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 标签样式 */
|
||
|
|
.ccs-label {
|
||
|
|
font-size: var(--ccs-font-size-sm);
|
||
|
|
height: var(--ccs-line-height);
|
||
|
|
line-height: var(--ccs-line-height);
|
||
|
|
color: #151515;
|
||
|
|
}
|
||
|
|
|
||
|
|
.el-table {
|
||
|
|
--cell-height: 24px;
|
||
|
|
}
|
||
|
|
.el-table.el-table--enable-row-transition .el-table__body td.el-table__cell {
|
||
|
|
transition: none;
|
||
|
|
}
|
||
|
|
.el-table tbody .el-table__cell {
|
||
|
|
padding: 0;
|
||
|
|
line-height: var(--cell-height);
|
||
|
|
}
|
||
|
|
.el-table tbody .el-table__cell .cell {
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.el-table tbody .el-table__cell .cell .custom-cell {
|
||
|
|
padding: 0 8px;
|
||
|
|
}
|
||
|
|
.el-table tbody .el-table__cell .cell:has(.el-input) .custom-cell {
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.el-table tbody .el-table__cell.disabled {
|
||
|
|
background: #ababab !important;
|
||
|
|
}
|
||
|
|
.el-table tbody .el-table__cell.disabled:has(.custom-cell:focus) {
|
||
|
|
background-color: #2e8b57 !important;
|
||
|
|
}
|
||
|
|
.el-table tbody .el-table__cell:has(.custom-cell:focus) {
|
||
|
|
outline: none;
|
||
|
|
background-color: #0078d7 !important;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
.el-table .el-table__cell.el-table-column--selection .cell {
|
||
|
|
padding: 0 8px !important;
|
||
|
|
}
|
||
|
|
.el-table .custom-cell {
|
||
|
|
min-height: var(--cell-height);
|
||
|
|
}
|
||
|
|
.el-table .custom-cell .el-input {
|
||
|
|
font-size: 12px;
|
||
|
|
--el-input-height: var(--cell-height);
|
||
|
|
--el-input-inner-height: var(--cell-height);
|
||
|
|
vertical-align: top;
|
||
|
|
}
|
||
|
|
.el-table .custom-cell .el-input .el-input__wrapper {
|
||
|
|
border-radius: 0;
|
||
|
|
box-shadow: none;
|
||
|
|
padding: 0 8px;
|
||
|
|
}
|
||
|
|
.el-table .custom-cell .el-checkbox.el-checkbox--small {
|
||
|
|
height: calc(var(--cell-height) - 2px);
|
||
|
|
line-height: calc(var(--cell-height) - 2px);
|
||
|
|
}
|
||
|
|
.el-table .el-table__body .highlight-row.el-table__row td.el-table__cell {
|
||
|
|
background-color: #0078d7;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
.el-table .el-table__body .highlight-cell.el-table__cell {
|
||
|
|
background-color: #0078d7 !important;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ccs-dialog button, .window-tabs button {
|
||
|
|
padding: 0 24px;
|
||
|
|
}
|
||
|
|
.ccs-dialog button:hover, .window-tabs button:hover {
|
||
|
|
color: #151515;
|
||
|
|
}
|
||
|
|
.ccs-dialog .el-tabs__header, .window-tabs .el-tabs__header {
|
||
|
|
border-bottom: none !important;
|
||
|
|
margin: 0 !important;
|
||
|
|
height: 25px !important;
|
||
|
|
}
|
||
|
|
.ccs-dialog .el-tabs__item, .window-tabs .el-tabs__item {
|
||
|
|
border-bottom: 1px solid var(--el-border-color-light) !important;
|
||
|
|
padding-left: 0 !important;
|
||
|
|
padding-right: 0 !important;
|
||
|
|
padding: 0 4px !important;
|
||
|
|
font-size: var(--ccs-font-size-sm);
|
||
|
|
height: var(--ccs-line-height);
|
||
|
|
line-height: var(--ccs-line-height);
|
||
|
|
}
|
||
|
|
.ccs-dialog .el-tabs__item.is-active, .window-tabs .el-tabs__item.is-active {
|
||
|
|
border-bottom: none !important;
|
||
|
|
background: #fff;
|
||
|
|
color: var(--el-text-color-primary);
|
||
|
|
}
|
||
|
|
.ccs-dialog .el-tabs__item:hover, .window-tabs .el-tabs__item:hover {
|
||
|
|
color: var(--el-text-color-primary);
|
||
|
|
}
|
||
|
|
.ccs-dialog .el-tabs__item .el-select__selection, .window-tabs .el-tabs__item .el-select__selection {
|
||
|
|
display: flex;
|
||
|
|
flex-wrap: nowrap;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.ccs-dialog .el-tabs__content, .window-tabs .el-tabs__content {
|
||
|
|
background: #fff;
|
||
|
|
padding: 10px;
|
||
|
|
padding-top: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.window-tabs .el-tabs__header {
|
||
|
|
height: 20px !important;
|
||
|
|
background: #e3e3e3;
|
||
|
|
}
|
||
|
|
.window-tabs .el-tabs__item {
|
||
|
|
color: #7e7e8d !important;
|
||
|
|
height: 20px !important;
|
||
|
|
padding: 0 10px !important;
|
||
|
|
}
|
||
|
|
.window-tabs .el-tabs__item.is-active {
|
||
|
|
border-bottom: none !important;
|
||
|
|
color: #000 !important;
|
||
|
|
color: var(--el-text-color-primary);
|
||
|
|
}
|
||
|
|
.window-tabs .el-tabs__content {
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ccs-tree .el-tree-node__expand-icon {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.ccs-tree .el-checkbox {
|
||
|
|
margin-right: 2px !important;
|
||
|
|
}
|
||
|
|
.ccs-tree .el-tree-node__content {
|
||
|
|
height: 14px;
|
||
|
|
line-height: 14px;
|
||
|
|
font-size: 12px;
|
||
|
|
color: #000;
|
||
|
|
cursor: default;
|
||
|
|
}
|
||
|
|
.ccs-tree .el-tree-node__content:hover {
|
||
|
|
background-color: transparent;
|
||
|
|
}
|
||
|
|
.ccs-tree .is-current {
|
||
|
|
background-color: transparent !important;
|
||
|
|
}
|
||
|
|
.ccs-tree .is-current .el-tree-node__content {
|
||
|
|
background-color: transparent !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ccs-textarea .el-textarea__inner {
|
||
|
|
background-color: #f6f5f5;
|
||
|
|
border-top: 1.5px solid var(--ccs-border-color);
|
||
|
|
border-left: 1.5px solid var(--ccs-border-color);
|
||
|
|
}
|
||
|
|
|
||
|
|
.el-select-dropdown.is-multiple .el-select-dropdown__item.is-selected:after {
|
||
|
|
content: none !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.el-divider--horizontal {
|
||
|
|
margin: 10px 0 !important;
|
||
|
|
}
|
||
|
|
.el-divider--horizontal .el-divider__text {
|
||
|
|
background-color: #f8f7f7 !important;
|
||
|
|
}
|
||
|
|
.el-divider--horizontal .el-divider__text.is-left {
|
||
|
|
padding: 0;
|
||
|
|
left: 4px;
|
||
|
|
}.d-field {
|
||
|
|
display: flex;
|
||
|
|
}
|
||
|
|
|
||
|
|
.d-field__label {
|
||
|
|
font-size: 14px;
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.labeld-field__control {
|
||
|
|
height: var(--el-component-size-small);
|
||
|
|
line-height: var(--el-component-size-small);
|
||
|
|
}
|
||
|
|
.labeld-field__control.required {
|
||
|
|
position: relative;
|
||
|
|
padding: 0 12px 0 0;
|
||
|
|
}
|
||
|
|
.labeld-field__control.required:before {
|
||
|
|
content: "*";
|
||
|
|
color: var(--el-color-danger);
|
||
|
|
margin-right: 4px;
|
||
|
|
}.el-checkbox__label {
|
||
|
|
color: #000;
|
||
|
|
}.el-table {
|
||
|
|
--el-table-border-color: #000 !important;
|
||
|
|
--el-table-border: 1px solid #8e8e8e !important;
|
||
|
|
background: #ababab !important;
|
||
|
|
}
|
||
|
|
.el-table thead {
|
||
|
|
color: #444 !important;
|
||
|
|
}.el-overlay {
|
||
|
|
background: none;
|
||
|
|
}
|
||
|
|
.el-overlay .el-overlay-dialog {
|
||
|
|
width: 100vw;
|
||
|
|
height: 100vh;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
.el-dialog {
|
||
|
|
padding: 0 0 10px 0;
|
||
|
|
box-shadow: 0 10px 20px 2px rgba(0, 0, 0, 0.4);
|
||
|
|
border-radius: 6px;
|
||
|
|
background: #f8f7f7;
|
||
|
|
}
|
||
|
|
.el-dialog .dialog-header {
|
||
|
|
border-radius: 6px 6px 0 0;
|
||
|
|
padding-left: 4px;
|
||
|
|
height: 30px;
|
||
|
|
line-height: 30px;
|
||
|
|
display: flex;
|
||
|
|
justify-content: space-between;
|
||
|
|
margin-bottom: 10px;
|
||
|
|
background: linear-gradient(to right, #f3ecf5, #f5f1ed);
|
||
|
|
}
|
||
|
|
.el-dialog .dialog-header .dialog-header-right {
|
||
|
|
border-radius: 0 6px 0 0;
|
||
|
|
display: flex;
|
||
|
|
}
|
||
|
|
.el-dialog .dialog-header .dialog-header-right .dialog-close {
|
||
|
|
width: 40px;
|
||
|
|
height: 30px;
|
||
|
|
cursor: default;
|
||
|
|
background: none;
|
||
|
|
border: none;
|
||
|
|
color: #343434;
|
||
|
|
border-radius: 0 6px 0 0;
|
||
|
|
font-size: 16px;
|
||
|
|
}
|
||
|
|
.el-dialog .dialog-header .dialog-header-right .dialog-close:hover {
|
||
|
|
color: #fff;
|
||
|
|
background: red;
|
||
|
|
}
|
||
|
|
.el-dialog .el-dialog__body {
|
||
|
|
padding: 0 8px;
|
||
|
|
}
|
||
|
|
.el-dialog .dialog-footer {
|
||
|
|
display: flex;
|
||
|
|
justify-content: space-between;
|
||
|
|
padding: 0 15%;
|
||
|
|
}[data-v-8c2fc5c5] .el-tree-node__content {
|
||
|
|
height: auto;
|
||
|
|
}
|
||
|
|
[data-v-8c2fc5c5] .el-tree-node__content .el-tree-node__expand-icon {
|
||
|
|
height: 20px;
|
||
|
|
width: 20px;
|
||
|
|
padding: 0;
|
||
|
|
}.el-form-item[data-v-29cdb18a] {
|
||
|
|
margin-bottom: 4px;
|
||
|
|
}
|
||
|
|
[data-v-29cdb18a] .el-form-item__label {
|
||
|
|
padding: 0;
|
||
|
|
color: #000;
|
||
|
|
}.dropzone[data-v-06fe0232] {
|
||
|
|
position: relative;
|
||
|
|
user-select: none;
|
||
|
|
cursor: default !important;
|
||
|
|
}
|
||
|
|
.dropzone .tooltip[data-v-06fe0232] {
|
||
|
|
position: absolute;
|
||
|
|
left: 50%;
|
||
|
|
top: 50%;
|
||
|
|
margin-top: -20px;
|
||
|
|
margin-left: -20px;
|
||
|
|
z-index: 1001;
|
||
|
|
}
|
||
|
|
.dropzone .tooltip > div[data-v-06fe0232] {
|
||
|
|
width: 40px;
|
||
|
|
height: 40px;
|
||
|
|
text-align: center;
|
||
|
|
line-height: 40px;
|
||
|
|
border: 1px solid #000;
|
||
|
|
position: absolute;
|
||
|
|
background: #ebebeb !important;
|
||
|
|
}
|
||
|
|
.dropzone .tooltip .l[data-v-06fe0232] {
|
||
|
|
left: -40px;
|
||
|
|
}
|
||
|
|
.dropzone .tooltip .r[data-v-06fe0232] {
|
||
|
|
left: 40px;
|
||
|
|
}
|
||
|
|
.dropzone .tooltip .t[data-v-06fe0232] {
|
||
|
|
top: -40px;
|
||
|
|
}
|
||
|
|
.dropzone .tooltip .b[data-v-06fe0232] {
|
||
|
|
top: 40px;
|
||
|
|
}
|
||
|
|
.dropzone .tooltip .m[data-v-06fe0232] {
|
||
|
|
border: 0;
|
||
|
|
}
|
||
|
|
.dropzone .tooltip .zone2-target[data-v-06fe0232] {
|
||
|
|
background: red !important;
|
||
|
|
}
|
||
|
|
.dropzone .mid-tooltip[data-v-06fe0232] {
|
||
|
|
margin: 0;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
left: 0;
|
||
|
|
top: 0;
|
||
|
|
}
|
||
|
|
.dropzone .mid-tooltip .l[data-v-06fe0232] {
|
||
|
|
left: 10px;
|
||
|
|
top: 50%;
|
||
|
|
margin-top: -20px;
|
||
|
|
}
|
||
|
|
.dropzone .mid-tooltip .r[data-v-06fe0232] {
|
||
|
|
right: 10px;
|
||
|
|
top: 50%;
|
||
|
|
margin-top: -20px;
|
||
|
|
left: initial;
|
||
|
|
}
|
||
|
|
.dropzone .mid-tooltip .t[data-v-06fe0232] {
|
||
|
|
top: 10px;
|
||
|
|
left: 50%;
|
||
|
|
margin-left: -20px;
|
||
|
|
}
|
||
|
|
.dropzone .mid-tooltip .b[data-v-06fe0232] {
|
||
|
|
top: initial;
|
||
|
|
bottom: 10px;
|
||
|
|
left: 50%;
|
||
|
|
margin-left: -20px;
|
||
|
|
}[data-v-573bf0e0] .el-tabs__content {
|
||
|
|
display: none;
|
||
|
|
}[data-v-498aa2ce] .el-tabs__content {
|
||
|
|
display: none;
|
||
|
|
}
|