318 lines
21 KiB
CSS
318 lines
21 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;}.fixed{position:fixed;}.relative{position:relative;}.sticky{position:sticky;}.static{position:static;}.left-\[-28px\]{left:-28px;}.left-0{left:0;}.top-\[-1px\]{top:-1px;}.top-0{top:0;}.top-3px{top:3px;}.isolate{isolation:isolate;}.z0{z-index:0;}.z1{z-index:1;}.z2{z-index:2;}.z-\[-2\]{z-index:-2;}.grid{display:grid;}.grid-cols-\[1fr_1fr\]{grid-template-columns:1fr 1fr;}.grid-rows-\[1fr_1fr\]{grid-template-rows:1fr 1fr;}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}.m\[0\]{margin:0;}.m\[1\]{margin:1;}.m\[2\]{margin:2;}.m\[3\]{margin:3;}.m11{margin:2.75rem;}.m12{margin:3rem;}.m13{margin:3.25rem;}.m160{margin:40rem;}.m161\.92{margin:40.48rem;}.m174\.72{margin:43.68rem;}.m186\.496{margin:46.624rem;}.m192{margin:48rem;}.m199\.04{margin:49.76rem;}.m21{margin:5.25rem;}.m22{margin:5.5rem;}.m220\.8{margin:55.2rem;}.m23{margin:5.75rem;}.m237\.248{margin:59.312rem;}.m241\.216{margin:60.304rem;}.m249\.6{margin:62.4rem;}.m292\.288{margin:73.072rem;}.m3{margin:0.75rem;}.m308\.352{margin:77.088rem;}.m31{margin:7.75rem;}.m32{margin:8rem;}.m33{margin:8.25rem;}.m373\.376{margin:93.344rem;}.m384\.064{margin:96.016rem;}.m4{margin:1rem;}.m412\.16{margin:103.04rem;}.m466\.752{margin:116.688rem;}.m469\.952{margin:117.488rem;}.m488\.832{margin:122.208rem;}.m512{margin:128rem;}.m512\.064{margin:128.016rem;}.m557\.248{margin:139.312rem;}.m64{margin:16rem;}.m665\.216{margin:166.304rem;}.m679\.872{margin:169.968rem;}.m683\.072{margin:170.768rem;}.m739\.328{margin:184.832rem;}.m759\.936{margin:189.98
|
||
|
|
/*** 全局变量定义 ***/
|
||
|
|
: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-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 {
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
#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__popper .el-select-dropdown__list {
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.el-select__popper .el-select-dropdown__list .el-select-dropdown__item {
|
||
|
|
padding: 0 2px;
|
||
|
|
height: 18px;
|
||
|
|
line-height: 18px;
|
||
|
|
font-size: var(--ccs-font-size-sm);
|
||
|
|
}
|
||
|
|
.el-select__popper .el-select-dropdown__list .el-select-dropdown__item.is-hovering {
|
||
|
|
background-color: var(--ccs-btn-color-hover);
|
||
|
|
}
|
||
|
|
.el-select__popper .el-select-dropdown__list .el-select-dropdown__item.is-selected {
|
||
|
|
color: #fff;
|
||
|
|
background-color: var(--ccs-btn-color);
|
||
|
|
}
|
||
|
|
.el-select__popper .el-popper__arrow {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.el-select__popper .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 {
|
||
|
|
cursor: default;
|
||
|
|
}
|
||
|
|
.ccs-border:hover, .ccs-btn:hover, .ccs-dialog button:hover {
|
||
|
|
background-color: var(--ccs-hover-color);
|
||
|
|
border-color: var(--ccs-active-color);
|
||
|
|
}
|
||
|
|
.ccs-border.active, .active.ccs-btn, .ccs-dialog button.active {
|
||
|
|
border-color: var(--ccs-active-color);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 按钮样式 */
|
||
|
|
.ccs-btn, .ccs-dialog 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-line-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 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 .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:focus {
|
||
|
|
outline: none;
|
||
|
|
background-color: var(--el-color-primary-light-9);
|
||
|
|
}
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ccs-dialog button {
|
||
|
|
padding: 0 24px;
|
||
|
|
}
|
||
|
|
.ccs-dialog button:hover {
|
||
|
|
color: #151515;
|
||
|
|
}
|
||
|
|
.ccs-dialog .el-tabs__header {
|
||
|
|
border-bottom: none !important;
|
||
|
|
margin: 0 !important;
|
||
|
|
}
|
||
|
|
.ccs-dialog .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 {
|
||
|
|
border-bottom: none !important;
|
||
|
|
color: var(--el-text-color-primary);
|
||
|
|
}
|
||
|
|
.ccs-dialog .el-tabs__item:hover {
|
||
|
|
color: var(--el-text-color-primary);
|
||
|
|
}.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;
|
||
|
|
}
|
||
|
|
#xmlFile[data-v-52d2ba1e] {
|
||
|
|
position: absolute;
|
||
|
|
left: 20px;
|
||
|
|
top: 20px;
|
||
|
|
padding: 0 10px;
|
||
|
|
}
|
||
|
|
.el-form-item[data-v-543b1db2] {
|
||
|
|
margin-bottom: 4px;
|
||
|
|
}
|
||
|
|
[data-v-543b1db2] .el-form-item__label {
|
||
|
|
padding: 0;
|
||
|
|
}
|