:root { --uniportal-button--confirm-background-1:65, 172, 218; --uniportal-button--confirm-background-2:45, 103, 173; --uniportal-button-cancel-background-1:39, 58, 92; --uniportal-button-cancel-background-2:27, 43, 67; --Navigation-Bar-Background: 23, 29, 46; --primary-color:47, 141, 235; --main-background-color:32, 42, 66; /*main-折叠面板背景色*/ --background-color-1: 27, 26, 51; --color-text-1: 255, 255, 255; --color-text-2:18, 37, 61; --color-text-3:207, 210, 230; --color-text-4:170, 190, 230; --color-placeholder-text-5:88, 101, 131; --color-text-6:204, 204, 204; --red-color-7:255, 0, 0; --color-text-8:184, 187, 204; --color-text-9:144, 147, 153; --color-text-10:134, 150, 181; --color-text-11:96, 98, 102; --color-text-12:230, 98, 94; --step-success-color-13:22, 119, 255; --color-text-14:128, 128, 128; --color-text-15:102, 209, 133; --color-text-16:58, 110, 214; --color-text-17:51, 51, 51; --color-text-18:59, 101, 211; --color-text-19:112, 117, 130; --color-text-20:129, 144, 175; --primary-text-color-21:134, 149, 181; --sheduleNewTaskContent-text-21:174, 194, 235; --NGBADeviceWarning-text-22:48, 85, 127; --dialog-header-text-23:71, 71, 71; --HWVideoPerimeterDetailWidget-text-24:207, 226, 214; --HighPointMonitoringControl-text-25:55, 111, 184; --color-text-26:48, 49, 51; --DefensePersonManage-text-27:194, 214, 225; --CameraControlPlayback-text-28:76, 201, 255; --color-text-29:150, 171, 212; --color-text-30:102, 209, 181; --alarmVideoPlayer-text-31:105, 131, 159; --alarmVideoPlayer-text-32:122, 131, 148; --button-cancel-text-33:147, 181, 230; --input-placehoder-text-34:192, 196, 204; --color-text-34:112, 125, 143; --color-text-35:155, 113, 34; --color-text-36:108, 115, 135; --color-text-37:255, 139, 0; --blue-color-38:0, 0, 255; --green-color-39:0, 128, 0; --color-text-40:250,240,230; --purple-color-41:128, 0, 128; --table-th-color:162, 182, 219; --select-dropdown-item-color:129, 145, 175; --button-text-hover-color:102, 177, 255; --ioc-common-color:38, 191, 157; --ioc-important-color:242, 162, 12; --ico-serious-color: 222, 90, 90; --background-color-2:75, 77, 115; --background-color-3:32, 45, 64; --background-color-4:224, 166, 56; --background-color-5:222, 78, 78; --background-color-6:49, 58, 91; --table-background-7:45, 121, 221; --dateRangePicker-background-color-8:20, 30, 51; --dateRangePicker-background-9:32, 44, 69; --input-inner-background-10:20, 25, 41; --cancel-button-background-11:39, 58, 92; --checkbox-background-12:32, 41, 69; --pagination-pagesize-background-13:70, 82, 117; --button-default-background-14:65, 172, 218; --webkit-scrollbar-thumb-background-15:151, 169, 204; --base-background-16:18, 24, 41; /*页面背景*/ --background-color-17:20, 30, 51; --cycle-button-background-18:63, 117, 252; /*时间计划组件背景*/ --background-color-19:70, 71, 107; --background-color-20:43, 44, 71; --button-confirm-background-21:45, 103, 173; --background-color-22:44, 45, 72; --background-color-23:22, 27, 43; --background-color-24:48, 58, 87; --table-wrapper-background-25:27, 35, 56; --table-th-background-26:43, 55, 83; --dropdown-item-hover-background-27:44, 53, 79; --dialog-background-color-28:50, 60, 93; --background-color-29:51, 64, 102; --background-color-30:240, 242, 245; --showminuteSpan-notAllowed-bacjground-31:245, 247, 250; --background-color-32:26, 36, 58; --select-before-background-color-33:51, 139, 255; --shedule-background-color-34:100, 255, 0; --background-color-35:68, 71, 106; --background-color-36:53, 153, 255; --background-color-37:26, 117, 223; --background-color-38:7, 63, 249; --fill-background-color-39:90, 187, 235; --cycle-template-table-background-color-40:122, 223, 160; --cycle-template-table-event-selectNomal-background-color-41:108, 191, 255; --button-confirm-background-color-42:33, 76, 128; --background-color-43:43, 43, 72; --background-color-44:92, 112, 153; --PatrolPageVideo-background-45:52, 125, 175; --background-color-46:63, 118, 255; --button-cancel-background-47:20, 33, 51; --AlarmListDemoCrumb-background-48:30, 40, 64; --OptimizingScreenWidget-background-49:76, 119, 178; --background-color-50:32, 48, 77; --background-color-51:39, 69, 129; --radio-checkbox-background-52:64, 158, 255; --HWSecurityAlarmListWidget-background-53:122, 138, 169; --background-color-54:193, 198, 230; --innovateEnvirInfo-background-55:108, 130, 137; --HighPointMonitoringControl-background-56:114, 73, 255; --FWBOverview-background-57:36, 71, 125; --background-color-58:48, 184, 205; --background-color-59:98, 101, 140; --DeviceSpecificationDefinition-background-60:236, 245, 255; --background-color-61:115, 174, 255; --background-color-62:178, 202, 248; --CameraTreeForManagmentWidget-background-63:150, 190, 203; --background-color-64:133, 224, 239; --AMAlarmListWidget-background-65:57, 205, 220; --background-color-66:34, 45, 70; --background-color-67:87, 108, 127; --AdvancedPageOfPatrolTaskList-background-68:92, 106, 135; --smartcampusloginwidget-background-69:99, 138, 186; --HWCameraTreeWidget-background-70:103, 91, 91; --HWCameraTreeWidget-background-71:68, 63, 66; --button-background-72:27, 43, 67; --background-color-73:35, 43, 54; --background-color-14:64, 122, 238; --background-color-7:0, 0, 0; --border-color-1:5, 243, 248; --border-color-2:57, 81, 128; --border-color-3:46, 65, 102; --border-color-4:62, 72, 102; --border-color-5:57, 69, 103; --border-color-6:59, 71, 98; --radio-border-color-7:89, 91, 128; --button-active-color-6:90, 209, 235; --button-hover-border-color-8:91, 207, 231; --border-color-9:229, 229, 229; --border-color-10:54, 108, 179; --upload-border-color-11:71, 85, 128; --table-bottom-border-color-12:65, 78, 109; --avatar-uploader-border-color-13:217, 217, 217; --border-color-11:86, 86, 86; --border-color-12:55, 149, 254; --table-current-val-input-border-13:77, 77, 115; --dateRange-picker-card-header-input-focus-border-14:63, 129, 244; --button-border-15:105, 165, 242; --AIDeviceManageborder-color-16:25, 150, 194; --PatrolPageVideo-border-color-17:90, 148, 224; --border-color-18:52, 137, 173; --HWSecurityAlarmListWidget-border-color-19:80, 154, 181; --FacilityProfile-border-color-20:119, 161, 207; --DeviceSpecificationDefinition-border-color-21:217, 236, 255; --DefensePersonSearch-border-color-22:166, 169, 173; --DefensePersonManage-border-color-23:60, 73, 110; --border-color-24:102, 148, 241; --CameraTreeForManagmentWidget-border-25:123, 125, 156; --HWCameraTreeWidget-border-26:91, 81, 81; --checkbox-border-color-4:146, 151, 182; --box-shadow-color:47, 116, 255; --CameraControlPlayback-stroke-color:255, 170, 170; --HighPointMonitoringControl-stroke-color:94, 146, 243; } html { font-size: 100%; } [v-cloak] { display: none; } /* 滚动条 */ ::-webkit-scrollbar { width: 8px; height: 8px; background-color: transparent; border-radius: 3px; } ::-webkit-scrollbar-thumb { background-color: rgba(var(--webkit-scrollbar-thumb-background-15), 0.5); border-radius: 3px; } ::-webkit-scrollbar-corner { background-color: transparent; } /* 用于el组件修改样式，请添加至每个widget的根节点 */ .tech-style { /* background-color: undefined; */ background-color: rgba(var(--base-background-16), 1); } /* 科技版统一字体 */ .tech-style, .tech-style button, .tech-style textarea, .tech-style input, .tech-style textarea::placeholder, .tech-style input::placeholder { font-family: 'Helvetica Neue', Helvetica, 'Microsoft YaHei', 'PingFang SC', Arial, sans-serif; } /* 头部面包屑********************* */ .tech-style .el-breadcrumb { padding: 15px 32px; } .tech-style .el-breadcrumb .el-breadcrumb__item .el-breadcrumb__separator { font-weight: bold; color: rgba(var(--primary-color), 1); } .tech-style .el-breadcrumb .el-breadcrumb__item .el-breadcrumb__inner, .tech-style .el-breadcrumb .el-breadcrumb__item .el-breadcrumb__inner.is-link { color: rgba(var(--color-text-10), 1); } .tech-style .el-breadcrumb .el-breadcrumb__item:last-child .el-breadcrumb__inner { font-weight: bold; color: rgba(var(--color-text-1), 1); } /* *********************列表搜索布局页 start********************* */ /* 头部标题********************* */ .tech-style .tech-title { display: flex; align-items: center; justify-content: space-between; height: 52px; line-height: 52px; background-color: rgba(var(--main-background-color), 1); border-bottom: 1px solid transparent; cursor: pointer; } .tech-style .tech-title.expand { border-bottom-color: rgba(var(--border-color-4), 1); cursor: pointer; } .tech-style .tech-title .tech-title__left { margin-left: 32px; font-size: 1rem; color: rgba(var(--color-text-1), 1); line-height: 16px; } .tech-style .tech-title .tech-title__right { display: flex; align-items: center; margin-right: 32px; font-size: 0.875rem; color: rgba(var(--primary-color), 1); cursor: pointer; } .tech-style .tech-title .el-button--text { color: rgba(var(--primary-color), 1); } .tech-style .tech-title .el-button--text:hover { color: rgba(var(--button-text-hover-color), 1); } .tech-style .tech-title .tech-title-ico-up { margin-left: 10px; } /* 收缩面板************************** */ .tech-style .tech-expand { background-color: rgba(var(--main-background-color), 1); } .tech-style .tech-expand .tech-expand__slot { padding: 10px 32px; background-color: rgba(var(--main-background-color), 1); font-size: 14px; color: rgba(var(--color-text-10), 1); } /* 搜索表单区************************** */ .tech-style .tech-searchform.el-form { background-color: rgba(var(--main-background-color), 1); } .tech-style .tech-searchform.el-form .el-row { margin: 0 32px; } .tech-style .tech-searchform.el-form .el-form-item { margin: 19px 0 24px 0; } .tech-style .tech-searchform.el-form .el-form-item .el-form-item__label { line-height: 30px; font-size: 0.875rem; } .tech-style .tech-searchform.el-form .el-form-item .el-form-item__content { margin-right:10px; line-height: 36px; } .tech-style .tech-searchform.el-form .el-form-item .el-form-item__content .el-select, .tech-style .tech-searchform.el-form .el-form-item .el-form-item__content .el-input .el-input__inner { width: 100%; } .tech-style .tech-searchform.el-form .el-form-item .el-form-item__content .el-input, .tech-style .tech-searchform.el-form .el-form-item .el-form-item__content .el-select .el-input__inner { width: 100%; } .tech-style .tech-searchform.el-form .el-form-item__content .el-input__inner { height: 36px; } .tech-style .tech-searchform.el-form .tech-searchform__btns.el-form-item .el-form-item__content { display: flex; float: right; margin-top: 30px; } /* 带form版搜索区 */ .tech-style .tech-list { /* min-height: 921px; */ padding: 24px 32px 18px 32px; background: rgba(var(--main-background-color), 1); } .tech-style .tech-list__btns { display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 12px; } .tech-style .tech-list__btns .el-button--small { height: 30px; border: 1px solid rgba(var(--border-color-2), 1); border-radius: 2px; background-color: transparent; color: rgba(var(--color-text-1), 1); font-size: 0.875rem; line-height: 0.8; padding: 0 8px; } .tech-style .tech-list__btns .el-button--small:not(.tech-button):hover { border: 1px solid rgba(var(--border-color-2), 1); background-color: transparent; color: rgba(var(--primary-color), 1); } /* 无form版搜索区 */ .tech-style .list-head { display: flex; font-size: 14px; padding: 0 32px; background-color: rgba(var(--main-background-color), 1); margin-bottom: 20px; } .tech-style .list-head > .search-item { flex: 1; margin: 0 20px 20px 0; display: inline-block; color: rgba(var(--color-text-10), 1); } .tech-style .list-head > .search-item > p { margin-bottom: 10px; } .tech-style .list-head > .search-button { display: flex; margin-top: 42px; } .tech-style .list-button { display: flex; align-items: center; margin-bottom: 10px; background-color: rgba(var(--main-background-color), 1); } .tech-style .list-button > .child-button + .child-button { margin-left: 10px; } .tech-style .list-button > .child-button > .el-button--small { height: 30px; border: 1px solid rgba(var(--border-color-2), 1); border-radius: 2px; background-color: transparent; color: rgba(var(--color-text-1), 1); font-size: 0.875rem; line-height: 0.8; padding: 0 8px; } .tech-style .list-button > .child-button > .el-button--small:not(.tech-button):hover { border: 1px solid rgba(var(--border-color-2), 1); background-color: transparent; color: rgba(var(--primary-color), 1); } /* *********************el-table 表格区 start********************* */ .tech-style .el-table { background-color: rgba(var(--main-background-color), 1); } .tech-style .el-table::before { background-color: transparent; } .tech-style .el-table .el-table__empty-block { background: rgba(var(--table-wrapper-background-25), 1); } .tech-style .el-table .el-table__empty-text { line-height: 26px; color: rgba(var(--color-placeholder-text-5), 1); } .tech-style .el-table .table-nodata { background: url(images/table-nodata.png) no-repeat center; height: 48px; } .tech-style .noDataPng { background: url(images/table-nodata.png) no-repeat center; height: 48px; } .tech-style .el-table .el-table__header-wrapper .el-table__header tr > th { padding: 8px 0; border-bottom: 1px solid rgba(var(--table-bottom-border-color-12), 1); background-color: rgba(var(--table-th-background-26), 1); font-size: 1rem; color: rgba(var(--table-th-color), 1); font-weight: 500; } .tech-style .el-table .el-table__header-wrapper .el-table__header .el-table-column--selection .cell { padding-left: 14px; padding-right: 14px; } .tech-style .el-table .el-table__header-wrapper .el-table__header tr > th:not(:first-child):before { content: ''; position: absolute; width: 1px; height: 13px; top: 14px; background-color: rgba(var(--color-placeholder-text-5), 1); } /* .tech-style .el-table .el-table__header-wrapper .el-table__header tr > th:last-child:before { display: none; } */ .tech-style .el-table th.gutter:before { background-color: rgba(var(--color-placeholder-text-5), 1); } .tech-style .el-table .caret-wrapper { height: 19px; } .tech-style .el-table .caret-wrapper .sort-caret.ascending { top: -2px; } .tech-style .el-table .caret-wrapper .sort-caret.descending { bottom: -2px; } .tech-style .el-table__expand-icon > .el-icon { margin-left: -10px; margin-top: -10px; } .tech-style .el-table__expand-icon > .el-icon-arrow-right { font-size: 1.125rem; font-weight: bold; } .tech-style .el-table__expand-icon--expanded > .el-icon-arrow-right { color: rgba(var(--primary-color), 1); } .tech-style .el-table .el-table__body-wrapper tr { background-color: rgba(var(--table-wrapper-background-25), 1); } .tech-style .el-table .el-table__body-wrapper tr > td { height: 50px; background-color: rgba(var(--table-wrapper-background-25), 1); font-size: 0.875rem; font-weight: normal; padding: 0; border-bottom: 1px solid rgba(var(--table-bottom-border-color-12), 1); } .tech-style .el-table .el-table__body tr.current-row > td { background-color: transparent; } .tech-style .el-table--striped .el-table__body tr.el-table__row--striped.current-row td { background-color: transparent; } .tech-style .el-table .el-table__body tr.current-row { background-image: linear-gradient(269deg, rgba(var(--table-background-7), 0.1) 1%, rgba(var(--table-background-7), 0.4) 51%, rgba(var(--table-background-7), 0.1) 99%); } .tech-style .el-table__expanded-cell .el-table { margin: 0 37px; border-left: 3px solid rgba(var(--primary-color), 1); } .tech-style .el-table__expanded-cell .el-table .el-table__body-wrapper tr > td { height: 31px; } .tech-style .el-table__expanded-cell .el-table .el-table__body-wrapper tr > th { height: 31px; } .tech-style .el-table--striped .el-table__body tr.el-table__row--striped td { background-color: rgba(var(--main-background-color), 1); } .tech-style .el-table--enable-row-hover .el-table__body tr:hover { background-image: linear-gradient(269deg, rgba(var(--table-background-7), 0.1) 1%, rgba(var(--table-background-7), 0.4) 51%, rgba(var(--table-background-7), 0.1) 99%); } .tech-style .el-table--enable-row-hover .el-table__body tr:hover > td { background-color: transparent; } .tech-style .el-table tbody .curren-val > input { width: 100px; height: 30px; border: 1px solid rgba(var(--table-current-val-input-border-13), 1); color: rgba(var(--color-text-1), 1); outline: none; padding-left: 8px; border-radius: 2px; } .tech-style .el-table tbody .btn-edite { border-radius: 2px; display: flex; justify-content: center; align-items: center; cursor: pointer; } .tech-style .el-table tbody .btn-save { border-radius: 2px; display: flex; justify-content: center; align-items: center; cursor: pointer; } .tech-style .el-table .el-checkbox__input.is-disabled .el-checkbox__inner { border: 1px solid rgba(var(--checkbox-border-color-4), 1); box-shadow: 0 2px 4px 0 rgba(var(--background-color-7), 0.5); border-radius: 1px; background-color: transparent; } /* .tech-style .el-table tr .el-table_1_column_1 > .cell { padding: 0 18px 0 20px; } */ .tech-style .el-table .el-table__body-wrapper .el-table__body tr { color: rgba(var(--table-th-color), 1); } .tech-style .el-table--enable-row-hover .el-table__body-wrapper .el-table__body tr:hover { color: rgba(var(--color-text-1), 1); } .tech-style .el-table .el-table__body-wrapper .el-table__body tr > td.tech-table__column--bold { font-weight: bold; color: rgba(var(--color-text-1), 1); } .tech-style .el-table .el-table__body-wrapper .el-table__body tr > td > .cell { overflow: hidden; text-overflow: ellipsis; /* -webkit-line-clamp: 2; */ white-space: nowrap; } /* 修复表格操作图标选中状态的bug by */ .tech-style .el-table td > .cell i.el-tooltip.focusing { outline-width: 0; } .tech-style .el-table .el-table__header-wrapper .el-table__header tr > th.webkit-box > .cell { display: -webkit-box; -webkit-box-orient: vertical; } .tech-style .el-table .el-table__body-wrapper .el-table__body tr > td.webkit-box > .cell { display: -webkit-box; -webkit-box-orient: vertical; } .tech-style .el-table .el-table__body-wrapper tr > td > .cell .el-button { border: none; background: transparent; padding: 0; } .tech-style .el-table .el-table__body-wrapper tr > td.el-table_1_column_4 > .cell { display: flex; align-items: center; } /* *********************el-table 表格区 end********************* */ /* *********************科技版图标 start********************* */ /* 常规图标 20px */ .tech-style i[class^='tech-ico-'], .tech-style i[class*='tech-ico-'] { display: inline-block; width: 20px; height: 20px; cursor: pointer; vertical-align: middle; } .tech-style i[class^='tech-ico-'] + span, .tech-style i[class*='tech-ico-'] + span { margin-left: 5px; } .tech-style i.tech-ico-add { background-image: url(./images/ico/add.png); } .tech-style i.tech-ico-add:hover, .tech-style i.tech-ico-add:active { background-image: url(./images/ico/add-hover.png); } .tech-style i.tech-ico-cancel { background-image: url(./images/ico/cancel.png); } .tech-style i.tech-ico-cancel:hover, .tech-style i.tech-ico-cancel:active { background-image: url(./images/ico/cancel-hover.png); } .tech-style i.tech-ico-confirm { background-image: url(./images/ico/confirm.png); } .tech-style i.tech-ico-confirm:hover, .tech-style i.tech-ico-confirm:active { background-image: url(./images/ico/confirm-hover.png); border: none; } .tech-style i.tech-ico-delete { background-image: url(./images/ico/delete.png); } .tech-style i.tech-ico-delete:hover, .tech-style i.tech-ico-delete:active { background-image: url(./images/ico/delete-hover.png); border: none; } .tech-style i.tech-ico-edit { background-image: url(./images/ico/edit.png); } .tech-style i.tech-ico-edit:hover, .tech-style i.tech-ico-edit:active { background-image: url(./images/ico/edit-hover.png); } .tech-style i.tech-ico-remove { background-image: url(./images/ico/remove.png); } .tech-style i.tech-ico-remove:hover, .tech-style i.tech-ico-remove:active { background-image: url(./images/ico/remove-hover.png); } .tech-style i.tech-ico-setting { background-image: url(./images/ico/setting.png); } .tech-style i.tech-ico-setting:hover, .tech-style i.tech-ico-setting:active { background-image: url(./images/ico/setting-hover.png); } .tech-style i.tech-ico-start { background-image: url(./images/ico/start.png); } .tech-style i.tech-ico-start:hover, .tech-style i.tech-ico-start:active { background-image: url(./images/ico/start-hover.png); } .tech-style i.tech-ico-stop { background-image: url(./images/ico/stop.png); } .tech-style i.tech-ico-stop:hover, .tech-style i.tech-ico-stop:active { background-image: url(./images/ico/stop-hover.png); } .tech-style i.tech-ico-view { background-image: url(./images/ico/view.png); } .tech-style i.tech-ico-view:hover, .tech-style i.tech-ico-view:active { background-image: url(./images/ico/view-hover.png); } .tech-style i.tech-ico-collapse { width: 14px; height: 14px; background-image: url(./images/iconmenu.png); } .tech-style i.tech-ico-expand { width: 14px; height: 14px; background-image: url(./images/open.png); } .tech-style i.tech-ico-rotate { margin-left: 10px; transition: transform .3s ease-in-out; } .tech-style i.tech-ico-rotate--180 { transform: rotate(180deg); } .tech-style i[class^='tech-ico-line'], .tech-style i[class*='tech-ico-line'], .tech-style i[class^='tech-ico-mini'], .tech-style i[class*='tech-ico-mini'] { width: 16px; height: 16px; font-family: element-icons !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; display: inline-block; -webkit-font-smoothing: antialiased; } @font-face { font-family: element-icons; src: url(fonts/element-icons.woff) format("woff"), url(fonts/element-icons.ttf) format("truetype"); font-weight: 400; font-display: "auto"; font-style: normal } /* line图标 16px */ .tech-style i.tech-ico-line-loading:before { content:"\e6cf" } .tech-style i.tech-ico-line-create:before { content: "\e6d9" } .tech-style i.tech-ico-line-delete:before { content: "\e6d7" } .tech-style i.tech-ico-line-detection { background-image: url(./images/ico-line/detection.png); } .tech-style i.tech-ico-line-detection:hover, .tech-style i.tech-ico-line-detection:active { background-image: url(./images/ico-line/detection-hover.png); } .tech-style i.tech-ico-line-export:before { content:"\e77c"; } .tech-style i.tech-ico-line-group { background-image: url(./images/ico-line/group.png); } .tech-style i.tech-ico-line-group:hover, .tech-style i.tech-ico-line-group:active { background-image: url(./images/ico-line/group-hover.png); } .tech-style i.tech-ico-line-import:before { content:"\e77b" } .tech-style i.tech-ico-line-setting:before { content:"\e6ca" } .tech-style i.tech-ico-line-start:before { content:"\e7c0" } .tech-style i.tech-ico-line-stop:before { content:"\e7c1" } .tech-style i.tech-ico-line-upload { background-image: url(./images/ico-line/upload.png); } .tech-style i.tech-ico-line-upload:hover, .tech-style i.tech-ico-line-upload:active { background-image: url(./images/ico-line/upload-hover.png); } .tech-style i.tech-ico-line-add-person { background-image: url(./images/ico-line/add-person.png); } .tech-style i.tech-ico-line-add-person:hover, .tech-style i.tech-ico-line-add-person:active { background-image: url(./images/ico-line/add-person-hover.png); } .tech-style i.tech-ico-line-remove { background-image: url(./images/ico-line/remove.png); } .tech-style i.tech-ico-line-remove:hover, .tech-style i.tech-ico-line-remove:active { background-image: url(./images/ico-line/remove-hover.png); } /* mini图标 16px */ .tech-style i.tech-ico-mini-add { background-image: url(./images/ico-mini/add.png); } .tech-style i.tech-ico-mini-add:hover, .tech-style i.tech-ico-mini-add:active { background-image: url(./images/ico-mini/add-hover.png); } .tech-style i.tech-ico-mini-delete:before { content:"\e6d7" } .tech-style i.tech-ico-mini-edit { background-image: url(./images/ico-mini/edit.png); } .tech-style i.tech-ico-mini-edit:hover, .tech-style i.tech-ico-mini-edit:active { background-image: url(./images/ico-mini/edit-hover.png); } .tech-style i.tech-ico-mini-remove { background-image: url(./images/ico-mini/remove.png); } .tech-style i.tech-ico-mini-remove:hover, .tech-style i.tech-ico-mini-remove:active { background-image: url(./images/ico-mini/remove-hover.png); } .tech-style i.tech-ico-mini-setting { background-image: url(./images/ico-mini/setting.png); } .tech-style i.tech-ico-mini-setting:hover, .tech-style i.tech-ico-mini-setting:active { background-image: url(./images/ico-mini/setting-hover.png); } .tech-style i.tech-ico-mini-trajectory { background-image: url(./images/ico-mini/trajectory.png); } .tech-style i.tech-ico-mini-trajectory:hover, .tech-style i.tech-ico-mini-trajectory:active { background-image: url(./images/ico-mini/trajectory-hover.png); } .tech-style i.tech-ico-mini-view { background-image: url(./images/ico-mini/view.png); } .tech-style i.tech-ico-mini-view:hover, .tech-style i.tech-ico-mini-view:active { background-image: url(./images/ico-mini/view-hover.png); } .tech-style i.tech-ico-mini-voice { background-image: url(./images/ico-mini/voice.png); } .tech-style i.tech-ico-mini-voice:hover, .tech-style i.tech-ico-mini-voice:active { background-image: url(./images/ico-mini/voice-hover.png); } /* .tech-list__btns和.list-button按钮hover加边框，并且整体高亮start。(by */ .tech-style .tech-list__btns .el-button:not(.tech-button):hover, .tech-style .list-button > .child-button .el-button:not(.tech-button):hover { border: 1px solid rgba(var(--primary-color), 1); } /* .tech-list__btns和.list-button按钮hover加边框，并且整体高亮end。(by */ /* 告警级别图标 *********************************************/ .tech-style i.tech-ico-level { display: inline-block; width: 8px; height: 8px; border-radius: 8px; margin-right: 8px; text-align: center; } .tech-style i.tech-ico-level.tech-ico-serious { background: rgba(var(--ico-serious-color), 1); } .tech-style i.tech-ico-level.tech-ico-important { background: rgba(var(--ioc-important-color), 1); } .tech-style i.tech-ico-level.tech-ico-common { background: rgba(var(--ioc-common-color), 1); } .tech-style i.tech-ico-level.tech-ico-tip { background: rgba(var(--primary-color), 1); } /* *********************科技版图标 end********************* */ /* *********************列表搜索布局页 end********************* */ /* 步骤条 start */ .tech-style .el-steps > .el-step .el-step__head.is-success { color: rgba(var(--step-success-color-13), 1); border-color: rgba(var(--step-success-color-13), 1); } .el-step__head.is-process .el-step__icon.is-text { border-color: rgba(var(--primary-color), 1)!important; background-color: rgba(var(--primary-color), 1)!important; } .el-step__head.is-process .el-step__icon-inner{ color: rgba(var(--color-text-1), 1)!important; } .el-step__head.is-wait .el-step__icon.is-text{ border-color: rgba(var(--primary-color), 1)!important; } .tech-style .el-steps > .el-step .el-step__head > .el-step__icon { width: 32px; height: 32px; border-color: rgba(var(--primary-color), 1); background-color: rgba(var(--dateRangePicker-background-color-8), 1); font-size: 14px; color: rgba(var(--color-text-1), 1); opacity: 1; } .tech-style .el-steps > .el-step .el-step__head.is-success > .el-step__icon { background-color: rgba(var(--primary-color), 1); } .tech-style .el-steps > .el-step .el-step__head > .el-step__icon > .el-step__icon-inner:not(.is-status) { font-weight: 400; } .tech-style .el-steps > .el-step .el-step__head > .el-step__line { top: 15px; background-color: rgba(var(--border-color-5), 1); } .tech-style .el-steps > .el-step .el-step__main > .el-step__title { font-weight: 400; color: rgba(var(--color-text-1), 1); } /* 步骤条 end */ /* *********************按钮区 start********************* */ /* 以下是科技版按钮tech-button */ /* ..............确定-按键公共属性（旧版）.................. */ .tech-style .tech-large-confirms, .tech-style .tech-medium-confirms, .tech-style .tech-small-confirms { padding: 0; display: flex; justify-content: center; align-items: center; border: 1px solid rgba(var(--button-border-15), 1); background-image: linear-gradient(0deg, rgba(var(--button-default-background-14), 0.8) 0%, rgba(var(--button-confirm-background-21), 0.8) 100%); border-radius: 2px; } .tech-style .tech-large-confirms span, .tech-style .tech-medium-confirms span, .tech-style .tech-small-confirms span { display: inline-block; color: rgba(var(--color-text-1), 1); background-color: transparent; border-radius: 2px; border: 1px solid rgba(var(--button-border-15), 1); } .tech-style .tech-large-confirms.el-button:hover, .tech-style .tech-medium-confirms.el-button:hover, .tech-style .tech-small-confirms.el-button:hover { color: rgba(var(--button-active-color-6), 1); border-color: rgba(var(--button-hover-border-color-8), 1); background-color: rgba(var(--button-default-background-14), 0.6) url(data:image/png;base64,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); } .tech-style .tech-medium-confirms.el-button:hover { background: rgba(var(--button-default-background-14), 0.8) url(data:image/png;base64,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); } .tech-style .tech-small-confirms.el-button:hover { background: rgba(var(--button-default-background-14), 0.8) url(data:image/png;base64,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); } .tech-style .tech-large-confirms.el-button:active, .tech-style .tech-medium-confirms.el-button:active, .tech-style .tech-small-confirms.el-button:active { color: rgba(var(--button-active-color-6), 1); border-color: rgba(var(--button-active-color-6), 1); background-image: linear-gradient(0deg, rgba(var(--border-color-18), 0.7) 3%, rgba(var(--background-color-51), 0.7) 100%); } /* .............. 取消-按键公共属性（旧版）.................. */ .tech-style .tech-large-cancels.el-button, .tech-style .tech-medium-cancels.el-button, .tech-style .tech-small-cancels.el-button { padding: 0; display: flex; justify-content: center; align-items: center; border: 1px solid rgba(var(--border-color-2), 1); background-image: linear-gradient(0deg, rgba(var(--cancel-button-background-11), 1) 0%, rgba(var(--button-background-72), 1) 100%); border-radius: 2px; } .tech-style .tech-large-cancels.el-button > span, .tech-style .tech-medium-cancels.el-button > span, .tech-style .tech-small-cancels.el-button > span { display: inline-block; color: rgba(var(--color-text-1), 1); background: transparent; border-radius: 2px; border: 1px solid rgba(var(--border-color-2), 1); } .tech-style .tech-large-cancels.el-button:hover, .tech-style .tech-medium-cancels.el-button:hover, .tech-style .tech-small-cancels.el-button:hover { background-image: linear-gradient(0deg, rgba(var(--cancel-button-background-11), 1) 0%, rgba(var(--button-background-72), 1) 100%); border: 1px solid rgba(var(--primary-color), 1); } .tech-style .tech-large-cancels.el-button:active, .tech-style .tech-medium-cancels.el-button:active, .tech-style .tech-small-cancels.el-button:active { background-image: linear-gradient(0deg, rgba(var(--background-color-50), 1) 0%, rgba(var(--button-cancel-background-47), 1) 100%); border: 1px solid rgba(var(--primary-color), 0.5); } /* ........................大按键 确定............................ */ .tech-style .tech-large-confirms { width: 120px; height: 36px; } .tech-style .tech-large-confirms span { width: 112px; height: 28px; line-height: 28px; font-size: 16px; } /* ........................大按键 取消............................ */ .tech-style .tech-large-cancels { width: 120px; height: 36px; } .tech-style .tech-large-cancels span { width: 112px; height: 28px; line-height: 28px; font-size: 16px; } /* ........................中按键 确定............................ */ .tech-style .tech-medium-confirms { width: 100px; height: 36px; } .tech-style .tech-medium-confirms span { width: 92px; height: 28px; line-height: 28px; font-size: 14px; } /* ........................中按键 取消............................ */ .tech-style .tech-medium-cancels { width: 100px; height: 36px; } .tech-style .tech-medium-cancels span { width: 92px; height: 28px; line-height: 28px; font-size: 14px; } /* ........................小按键 确定............................ */ .tech-style .tech-small-confirms { width: 64px; height: 30px; } .tech-style .tech-small-confirms span { width: 56px; height: 22px; line-height: 22px; font-size: 14px; } /* ........................小按键 取消............................ */ .tech-style .tech-small-cancels { width: 64px; height: 30px; } .tech-style .tech-small-cancels span { width: 56px; height: 22px; line-height: 22px; font-size: 14px; } /*-----------------------------------------------旧版按钮开始 --------------------------------------------*/ div.tech-button { display: flex; height: 50px; margin-left: 24px; } /*大按键*/ div.tech-button .el-button.larger, div.tech-button .el-button.larger.cancel { min-width: 120px; height: 36px; } div.tech-button .el-button.larger > span, div.tech-button .el-button.larger.cancel > span { min-width: 112px; /* height: 28px; */ margin: 2px; line-height: 28px; font-size: 14px; } /*中按键*/ div.tech-button .el-button.medium, div.tech-button .el-button.medium.cancel { width: 100px; height: 36px; } div.tech-button .el-button.medium > span, div.tech-button .el-button.medium.cancel > span { width: 92px; height: 28px; line-height: 28px; font-size: 14px; } div.tech-button .el-button.medium:has(i) > span, div.tech-button .el-button.medium.cancel:has(i) > span { width: 92px; height: 28px; line-height: 28px; font-size: 14px; } /*小按键*/ div.tech-button .el-button.small, div.te-button.small.cancel { width: 64px; height: 30px; } div.tech-button .el-button.small > span, div.tech-button .el-button.small.cancel > span { width: 56px; height: 22px; line-height: 22px; font-size: 14px; } div.tech-button .el-button.small:has(i) > span, div.tech-button .el-button.small.cancel:has(i) > span { width: 56px; height: 22px; line-height: 22px; font-size: 14px; } /* ..............确定-按键公共属性.................. */ div.tech-button .el-button.larger, div.tech-button .el-button.medium, div.tech-button .el-button.small { padding: 0; display: flex; justify-content: center; align-items: center; border: 1px solid rgba(var(--button-border-15), 1); background-image: linear-gradient(0deg, rgba(var(--button-default-background-14), 0.8), rgba(var(--button-confirm-background-21), 0.8)); border-radius: 2px; } div.tech-button .el-button.larger > span, div.tech-button .el-button.medium > span, div.tech-button .el-button.small > span { display: inline-block; color: rgba(var(--color-text-1), 1); background: transparent; border-radius: 2px; border: 1px solid rgba(var(--button-border-15), 1); } div.tech-button .el-button.larger:has(i) > span, div.tech-button .el-button.medium:has(i) > span, div.tech-button .el-button.small:has(i) > span { display: inline-block; color: rgba(var(--color-text-1), 1); background: transparent; border-radius: 2px; border: 1px solid rgba(var(--button-border-15), 1); border-left: none; } div.tech-button .el-button.larger:hover, div.tech-button .el-button.medium:hover, div.tech-button .el-button.small:hover { /* color: rgba(var(--button-active-color-6), 1); */ color: rgba(var(--color-text-1), 1); border-color: rgba(var(--button-hover-border-color-8), 1); background: rgba(var(--button-default-background-14), 0.6) url(data:image/png;base64,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); } div.tech-button .el-button.larger:active, div.tech-button .el-button.medium:active, div.tech-button .el-button.small:active { /* color: rgba(var(--button-active-color-6), 1); */ color: rgba(var(--color-text-1), 1); border-color: rgba(var(--button-active-color-6), 1); background-image: linear-gradient(0deg, rgba(var(--border-color-18), 0.7) 3%, rgba(var(--background-color-51), 0.7) 100%); } /* ..............取消-按键公共属性.................. */ div.tech-button .el-button.larger.cancel, div.tech-button .el-button.medium.cancel, div.tech-button .el-button.small.cancel { padding: 0; display: flex; justify-content: center; align-items: center; border: 1px solid rgba(var(--border-color-2), 1); background-image: linear-gradient(0deg, rgba(var(--cancel-button-background-11), 1) 0%, rgba(var(--button-background-72), 1) 100%); border-radius: 2px; } div.tech-button .el-button.larger.cancel > span, div.tech-button .el-button.medium.cancel > span, div.tech-button .el-button.small.cancel > span { display: inline-block; color: rgba(var(--button-cancel-text-33), 1); background: transparent; border-radius: 2px; border: 1px solid rgba(var(--border-color-2), 1); } div.tech-button .el-button.larger.cancel:hover, div.tech-button .el-button.medium.cancel:hover, div.tech-button .el-button.small.cancel:hover { background-image: linear-gradient(0deg, rgba(var(--cancel-button-background-11), 1) 0%, rgba(var(--button-background-72), 1) 100%); border: 1px solid rgba(var(--primary-color), 1); } div.tech-button .el-button.larger.cancel:active, div.tech-button .el-button.medium.cancel:active, div.tech-button .el-button.small.cancel:active { background-image: linear-gradient(0deg, rgba(var(--background-color-50), 1) 0%, rgba(var(--button-cancel-background-47), 1) 100%); border: 1px solid rgba(var(--primary-color), 1); border-radius: 2px; } /* tech-button按键禁用样式 */ div.tech-button .el-button.is-disabled, div.tech-button .el-button.is-disabled:hover, div.tech-button .el-button.is-disabled:active { color: rgba(var(--color-placeholder-text-5), 1); background-image: none; background-color: rgba(var(--background-color-24), 1); border-color: rgba(var(--border-color-5), 1); } div.tech-button .el-button.is-disabled > span { border-color: rgba(var(--border-color-5), 1); } /*-----------------------------------------------旧版按钮结束 --------------------------------------------*/ /* switch开关 */ .tech-button-wrapper { margin-left: 24; display: inline; } .tech-button-wrapper #tech-button { display: none; } .tech-button-wrapper .button-label { position: relative; display: inline-block; width: auto; height: 30px; box-shadow: rgba(var(--border-color-5), 1) 0px 0px 0px 2px; border-radius: 30px; overflow: hidden; margin-bottom: -4px; } .tech-button-wrapper .button-label .text { line-height: 30px; font-size: 18px; text-shadow: 0 0 2px rgba(var(--border-color-9), 1); } .tech-button-wrapper .on { background: transparent; width: 74px; height: 20px; border-radius: 10px; text-indent: 10px; margin-left: 6px; font-size: 12px !important; color: rgba(var(--color-text-1), 1); text-align: center; font-weight: 400; padding: 0 17 2 18.5; } .tech-button-wrapper .off { width: 74px; height: 20px; background: rgba(var(--primary-color), 1); border-radius: 10px; text-indent: 34px; font-size: 12px !important; color: rgba(var(--color-text-1), 1); text-align: center; font-weight: 400; padding: 0 17 2 18.5; margin-right: 6px; } .tech-button-wrapper #tech-button:checked + label.button-label .on { width: 74px; height: 20px; background: rgba(var(--primary-color), 1); border-radius: 10px; } .tech-button-wrapper #tech-button:checked + label.button-label .off { background: transparent; } /*------------------------------------------tech-button按钮新版本 start----------------------------------------------------------*/ /* ..............确定-按键公共属性.................. */ .tech-button.el-button { position: relative; padding: 0; background-image: linear-gradient(0deg, rgba(var(--button-default-background-14), 0.8), rgba(var(--button-confirm-background-21), 0.8)); background-color: transparent; color: rgba(var(--color-text-1), 1); border: 1px solid rgba(var(--button-border-15), 1); border-radius: 2px; } .tech-button.el-button.big:hover, .tech-button.el-button.larger:hover, .tech-button.el-button.medium:hover, .tech-button.el-button.small:hover { /* color: rgba(var(--button-active-color-6), 1); */ color: rgba(var(--color-text-1), 1); border-color: rgba(var(--button-hover-border-color-8), 1); background-color: rgba(var(--button-default-background-14), 0.6); background-image: url(data:image/png;base64,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); } .tech-button.el-button.big:active, .tech-button.el-button.larger:active, .tech-button.el-button.medium:active, .tech-button.el-button.small:active { /* color: rgba(var(--button-active-color-6), 1); */ color: rgba(var(--color-text-1), 1); background-image: linear-gradient(0deg, rgba(var(--border-color-18), 0.7) 3%, rgba(var(--background-color-51), 0.7) 100%); border-color: rgba(var(--button-active-color-6), 1); } /* ..............取消-按键公共属性.................. */ .tech-button.el-button.cancel { background-image: linear-gradient(0deg, rgba(var(--cancel-button-background-11), 1) 0%, rgba(var(--button-background-72), 1) 100%); border: 1px solid rgba(var(--border-color-2), 1); color: rgba(var(--button-cancel-text-33), 1); } .tech-button.el-button.cancel:hover { background-image: linear-gradient(0deg, rgba(var(--cancel-button-background-11), 1) 0%, rgba(var(--button-background-72), 1) 100%); border: 1px solid rgba(var(--primary-color), 1); } .tech-button.el-button.cancel:active { background-image: linear-gradient(0deg, rgba(var(--background-color-50), 1) 0%, rgba(var(--button-cancel-background-47), 1) 100%); border: 1px solid rgba(var(--primary-color), 0.5); border-radius: 2px; } /*big大按键*/ .tech-button.el-button.big, .tech-button.el-button.big.cancel { min-width: 120px; height: 40px; } /*larger大按键*/ .tech-button.el-button.larger, .tech-button.el-button.larger.cancel { min-width: 120px; height: 36px; } /*中按键*/ .tech-button.el-button.medium, .tech-button.el-button.medium.cancel { min-width: 100px; height: 36px; } /*小按键*/ .tech-button.el-button.small, .tech-button.el-button.small.cancel { /* min-width: 64px; */ min-width: 100px; height: 30px; } .tech-button.el-button::after { content: ''; position: absolute; top: 2px; right: 2px; bottom: 2px; left: 2px; border: 1px solid rgba(var(--button-border-15), 1); border-radius: 2px; background-color: transparent; } .tech-button.el-button:active::after { border-image: linear-gradient(0deg, rgba(var(--button-active-color-6), 0.8) 0%, rgba(var(--button-border-15), 0.5)) 0.5 0.5; } .tech-button.el-button.cancel:active::after { border: 1px solid rgba(var(--border-color-2), 1); } .tech-button.el-button.cancel::after { border-color: rgba(var(--border-color-2), 1); } .tech-button.el-button.is-loading::after { border-color: rgba(var(--button-border-15), 1); } .tech-button.el-button.is-disabled::after { border-color: rgba(var(--border-color-5), 1); } /* tech-button按键禁用样式 */ .tech-button.el-button.is-disabled, .tech-button.el-button.is-disabled:hover, .tech-button.el-button.is-disabled:focus, .tech-button.el-button.is-disabled:active { color: rgba(var(--color-placeholder-text-5), 1); background-image: none; background-color: rgba(var(--background-color-24), 1); border: 1px solid rgba(var(--border-color-5), 1); } /*------------------------------------------按钮新版本 end----------------------------------------------------------*/ /* 按钮选中状态和加载中 by start */ .tech-style .el-button { background-color: transparent; } .tech-style .el-button--primary:focus, .tech-style .el-button:focus, div.tech-button .el-button--primary:focus, div.tech-button .el-button:focus, .tech-button.el-button--primary:focus, .tech-button.el-button:focus { background-color: transparent; } .tech-style .el-button:not(.tech-button) > span > i[class^='tech-ico-'] + span, .tech-style .el-button:not(.tech-button) > span > i[class*='tech-ico-'] + span { margin-left: 5px; } .tech-style .el-button:not(.tech-button).is-loading > span > i[class^='tech-ico-'], .tech-style .el-button:not(.tech-button).is-loading > span > i[class*='tech-ico-'], .tech-style .el-button:not(.tech-button).is-loading > span > i[class^='el-icon-'], .tech-style .el-button:not(.tech-button).is-loading > span > i[class*='el-icon-'] { display: none; } .tech-style .el-button:not(.tech-button):hover i.tech-ico-line-detection { background-image: url(./images/ico-line/detection-hover.png); } .tech-style .el-button:not(.tech-button):hover i.tech-ico-line-group { background-image: url(./images/ico-line/group-hover.png); } .tech-style .el-button:not(.tech-button):hover i.tech-ico-line-upload { background-image: url(./images/ico-line/upload-hover.png); } .tech-style .el-button:not(.tech-button):hover i.tech-ico-line-add-person { background-image: url(./images/ico-line/add-person-hover.png); } .tech-style .el-button:not(.tech-button):hover i.tech-ico-line-remove { background-image: url(./images/ico-line/remove-hover.png); } /* 按钮加载中背景色为透明 */ .tech-style .el-button.is-loading:before { background-color: transparent; } /* 按钮加载中图标替换为 */ .tech-style .el-button.is-loading i.el-icon-loading { display: inline-block; width: 16px; height: 16px; vertical-align: middle; background-image: url(./images/ico-line/loading.png); } .tech-style .el-button.is-loading i.el-icon-loading::before { content: none; } .tech-style .el-button.is-loading i.el-icon-loading + span { margin-left: 5px; } /* 按钮选中状态和加载中 by end */ /*-----------------------------------------------选择按钮开始 --------------------------------------------*/ .tech-radio-group-merge.larger .el-radio-button__inner, .tech-radio-group-split.larger .el-radio-button__inner, .tech-checkbox-group-merge.larger .el-checkbox-button__inner, .tech-checkbox-group-split.larger .el-checkbox-button__inner { height: 36px; } .tech-radio-group-merge.small .el-radio-button__inner, .tech-radio-group-split.small .el-radio-button__inner, .tech-checkbox-group-merge.small .el-checkbox-button__inner, .tech-checkbox-group-split.small .el-checkbox-button__inner { height: 30px; } .tech-radio-group-merge .el-radio-button__inner, .tech-checkbox-group-merge .el-checkbox-button__inner { border-left: 0 !important; } .tech-radio-group-merge .el-radio-button__inner, .tech-radio-group-split .el-radio-button__inner, .tech-checkbox-group-merge .el-checkbox-button__inner, .tech-checkbox-group-split .el-checkbox-button__inner { width: 60px; opacity: 1; border: 1px solid rgba(var(--color-placeholder-text-5), 1); background: transparent; color: rgba(var(--color-text-10), 1); display: flex; align-items: center; justify-content: center; } .tech-radio-group-merge .el-radio-button__inner:first-child, .tech-checkbox-group-merge .el-checkbox-button__inner:first-child { border-radius: 2px 0px 0px 2px; } .tech-radio-group-merge .el-radio-button__inner:last-child, .tech-checkbox-group-merge .el-checkbox-button__inner:last-child { border-radius: 0px 2px 2px 0px; } .tech-radio-group-split .el-radio-button__inner, .tech-checkbox-group-split .el-checkbox-button__inner { border-radius: 2px !important; } .tech-radio-group-split .el-radio-button:not(:first-child), .tech-checkbox-group-split .el-checkbox-button:not(:first-child) { margin-left: 10px; } .tech-radio-group-split .el-radio-button.is-active .el-radio-button__inner, .tech-checkbox-group-split .el-checkbox-button.is-checked .el-checkbox-button__inner { background: rgba(var(--checkbox-background-12), 1); border: 1px solid rgba(var(--primary-color), 1); } .tech-checkbox-group-split .el-checkbox-button.is-checked > .el-checkbox-button__inner { background: url('images/CheckBox.png') no-repeat top right; background-attachment: unset; box-shadow: unset; transition: unset; -webkit-transition: unset; } .tech-radio-group-split .el-radio-button.is-active > .el-radio-button__inner { background-attachment: unset; box-shadow: unset; transition: unset; -webkit-transition: unset; } .tech-checkbox-group-merge .el-checkbox-group { display: inline-block; margin-left: -5px; } .tech-checkbox-group-split .el-checkbox-group { display: inline-block; margin-left: 5px; } .tech-radio-group-merge .el-radio-button:first-child, .tech-radio-group-split .el-radio-button:first-child .el-radio-button__inner, .tech-checkbox-group-merge .el-checkbox-button:first-child { border-left: 1px solid rgba(var(--color-placeholder-text-5), 1); } .tech-checkbox-group-merge .el-checkbox-group .el-checkbox-button { border-left: 0px !important; } .tech-checkbox-group-split .el-checkbox-button:first-child .el-checkbox-button__inner { border-left: 1px solid rgba(var(--color-placeholder-text-5), 1); } /*-----------------------------------------------选择按钮结束 --------------------------------------------*/ /* ************switch样式 start************ */ .tech-style .el-switch { width: 38px; height: 18px; border-radius: 9px; font-size: 12px; } .tech-style .el-switch .el-switch__core { border-color: rgba(var(--pagination-pagesize-background-13), 1); background-color: rgba(var(--pagination-pagesize-background-13), 1); width: 38px !important; height: 18px; z-index: 10; } .tech-style .el-switch.is-checked .el-switch__core { border-color: rgba(var(--primary-color), 1); background-color: rgba(var(--primary-color), 1); } .tech-style .el-switch .el-switch__core:after { width: 14px; height: 14px; top: 1px; } .tech-style .el-switch.is-checked .el-switch__core:after { margin-left: -15px; } .tech-style .el-switch .el-switch__label--left { position: absolute; left: 6px; top: 3px; color: rgba(var(--color-text-1), 1); z-index: 100; } .tech-style .el-switch .el-switch__label--right { color: rgba(var(--color-text-1), 1); position: absolute; right: 6px; top: 3px; z-index: 100; } .tech-style .el-switch .el-switch__label span { font-size: 12px; } .tech-style .el-switch .el-switch__label.is-active { display: none; } /* ************switch样式 end************ */ /* *********************按钮区 end********************* */ /* *********************时间范围组件组件 start********************* */ /* 时间范围控件 */ .tech-timeRange-picker .el-date-editor .el-range__icon { display: none; } .tech-style .tech-timeRange-picker .el-input__inner::after { content: ''; border-left: 1px solid rgba(var(--border-color-5), 1); position: absolute; top: 0; right: 0; width: 36px; height: 36px; background: url(./images/iconriqi.png) center no-repeat; } .tech-dateRange-picker .el-date-table td span { border-radius: 0%; } .tech-dateRange-picker .el-date-table td.end-date div { border-top-right-radius: 0px; border-bottom-right-radius: 0px; margin-right: 9px; } .tech-dateRange-picker .el-date-table td.start-date div { border-top-left-radius: 0px; border-bottom-left-radius: 0px; margin-left: 10px; } .tech-style .tech-timeRange-picker .el-input__inner { background: rgba(var(--input-inner-background-10), 1); color: rgba(var(--color-text-1), 1); border: 1px solid rgba(var(--border-color-5), 1); } .tech-dateRange-picker .el-date-range-picker__time-header .frameBox { display: flex; } .tech-dateRange-picker .el-date-range-picker__time-header .frameBox .frameLeft { padding-left: 16px; display: flex; width: 285px; } .tech-dateRange-picker .el-date-range-picker__time-header .frameBox .frameLeft span:first-child { width: 110px; padding-right: 10px; } .tech-dateRange-picker .el-date-range-picker__time-header .frameBox .frameLeft span:last-child { width: 100px; } .tech-dateRange-picker .el-date-range-picker__time-header .frameBox .frameRight span:first-child { width: 110px; padding-right: 12px; } .tech-dateRange-picker .el-date-range-picker__time-header .frameBox .frameRight span:last-child { width: 100px; } .tech-dateRange-picker .el-date-range-picker__time-header .frameBox .frameRight { margin-left: 45px; display: flex; } .tech-dateRange-picker .el-date-range-picker__content.is-left { border-right: none; } .tech-dateRange-picker .el-date-range-picker__time-header .frameBox input { outline: none; width: 100%; text-align: center; height: 32px; border: 1px solid rgba(var(--input-placehoder-text-34), 1); } .tech-dateRange-picker .el-date-range-picker__time-header .showCard { top: 49px; width: 240px; position: absolute; background: rgba(var(--dateRangePicker-background-color-8), 1); z-index: 1000; } .tech-dateRange-picker .el-date-range-picker__time-header .card-header { height: 30px; border: 1px solid rgba(var(--border-color-2), 1); border-radius: 2px 2px 0 0; display: flex; justify-content: space-around; } .tech-dateRange-picker .el-date-range-picker__time-header .card-header { padding: 15px 16px; } .tech-dateRange-picker .el-date-range-picker__time-header .card-header span:nth-child(2) { margin-left: 14px; } .tech-dateRange-picker .el-date-range-picker__time-header .card-header input { width: 78px; height: 32px; border: 1px solid rgba(var(--border-color-5), 1); background: rgba(var(--dateRangePicker-background-color-8), 1); font-size: 14px; color: rgba(var(--color-text-1), 1); outline: none; border-radius: 2px; text-align: center; } .tech-dateRange-picker .el-date-range-picker__time-header .card-header input:focus { border: 1px solid rgba(var(--dateRange-picker-card-header-input-focus-border-14), 1); border-radius: 2px; color: rgba(var(--dateRange-picker-card-header-input-focus-border-14), 1); outline: none; } .tech-dateRange-picker .el-date-range-picker__time-header .card-body { /* height: 177px; */ cursor: pointer; border-right: 1px solid rgba(var(--border-color-2), 1); border-left: 1px solid rgba(var(--border-color-2), 1); border-bottom: 1px solid rgba(var(--border-color-2), 1); color: rgba(var(--color-text-10), 1); } .tech-dateRange-picker .el-date-range-picker__time-header .card-footer { display: flex; justify-content: flex-end; text-align: center; padding: 10px 10px; } .tech-dateRange-picker .el-date-range-picker__content .el-date-range-picker__header div { font-size: 14px; } .tech-dateRange-picker .el-date-range-picker__content { padding: 0 0 15px 0; } .tech-dateRange-picker .el-date-range-picker__header { position: relative; text-align: center; line-height: 32px; height: 32px; border-bottom: 1px solid rgba(var(--border-color-5), 1); color: rgba(var(--color-text-1), 1); } .tech-dateRange-picker .el-date-range-picker__time-header .selected { background: rgba(var(--primary-color), 1); color: rgba(var(--color-text-1), 1); border-radius: 2px; } .tech-dateRange-picker.el-picker-panel .el-date-range-picker__time-header { padding: 8px 16px; height: 50px; border-bottom: 1px solid rgba(var(--border-color-5), 1); } .tech-dateRange-picker.el-picker-panel .el-date-range-picker__time-header .el-icon-arrow-right { width: 1px; top: 0px; height: 48px; background: rgba(var(--background-color-7), 1); display: inline-block; position: absolute; } .tech-dateRange-picker .el-date-range-picker__editors-wrap.is-right { padding-left: 1px; } .tech-dateRange-picker.el-picker-panel .el-date-range-picker__time-header .el-icon-arrow-right:before { content: ''; } .tech-dateRange-picker .showCard .card-body span { display: inline-block; width: 24px; height: 24px; text-align: center; line-height: 24px; margin: 0 4px; font-size: 12px; } .tech-dateRange-picker .showCard .card-body .showtimeSpan { padding-top: 12px; padding-left: 4px; } .tech-dateRange-picker .showCard .card-body .showminuteSpan { padding-top: 12px; padding-left: 4px; min-height: 102px; } .tech-dateRange-picker .showCard .card-body .showtimeSpan .notAllowed, .showCard .card-body .showminuteSpan .notAllowed { background-color: rgba(var(--showminuteSpan-notAllowed-bacjground-31), 1); opacity: 1; /* cursor: not-allowed; */ color: rgba(var(--input-placehoder-text-34), 1); } .tech-dateRange-picker .showCard .card-body .showminute { width: 78px; padding: 12px; } .tech-dateRange-picker.el-picker-panel.el-date-range-picker { width: 689px; border: 1px solid rgba(var(--primary-color), 1); border-radius: 0px; } .tech-dateRange-picker .el-date-table td.next-month, .el-date-table td.prev-month{ color: rgba(var(--color-placeholder-text-5), 1); } .tech-dateRange-picker .el-date-range-picker .el-picker-panel__content { padding-left: 0; padding-right: 0; } .tech-dateRange-picker .el-date-table { padding-left: 19px; padding-right: 19px; color: rgba(var(--color-text-1), 1); } .tech-dateRange-picker.el-date-picker .el-date-table th { border-bottom: 0; color: rgba(var(--color-text-10), 1); border-top: 1px solid rgba(var(--border-color-5), 1); padding-top: 16px; } .tech-dateRange-picker .el-date-table th{ border-bottom: 0; color: rgba(var(--color-text-10), 1); } .tech-dateRange-picker .el-picker-panel__content.is-left .el-date-range-picker__header { border-right: 1px solid rgba(var(--border-color-5), 1); padding-left: 26px; } .tech-dateRange-picker .el-picker-panel__content.is-right .el-date-range-picker__header { padding-right: 26px; } .tech-dateRange-picker .el-date-range-picker__time-header .frameBox .selectedStartDate { width: 105px; height: 30px; border: 1px solid rgba(var(--border-color-5), 1); border-radius: 4px; background: rgba(var(--dateRangePicker-background-9), 1); color: rgba(var(--color-text-1), 1); } .tech-dateRange-picker .el-date-range-picker__time-header .frameBox .selectendDate { width: 105px; height: 30px; border: 1px solid rgba(var(--border-color-5), 1); border-radius: 4px; background: rgba(var(--dateRangePicker-background-9), 1); color: rgba(var(--color-text-1), 1); } .tech-dateRange-picker .el-date-range-picker__time-header .frameBox .selectStart { width: 80px; height: 30px; border: 1px solid rgba(var(--border-color-5), 1); border-radius: 4px; background: rgba(var(--dateRangePicker-background-9), 1); color: rgba(var(--color-text-1), 1); } .tech-dateRange-picker .el-date-range-picker__time-header .frameBox .selectEnd { width: 80px; height: 30px; border: 1px solid rgba(var(--border-color-5), 1); border-radius: 4px; background: rgba(var(--dateRangePicker-background-9), 1); color: rgba(var(--color-text-1), 1); } .tech-dateRange-picker.el-date-range-picker .el-picker-panel__body { background: rgba(var(--dateRangePicker-background-9), 1); } .tech-dateRange-picker .el-picker-panel__icon-btn { color: rgba(var(--color-text-1), 1); } .tech-dateRange-picker .el-picker-panel__footer { background: rgba(var(--dateRangePicker-background-9), 1); border-top: 0; padding-right: 23px; padding-bottom: 16px; } .tech-dateRange-picker .el-picker-panel__footer .el-button--default { background: transparent; width: 64px; height: 30px; background-image: linear-gradient(0deg, rgba(var(--button-default-background-14), 0.8) 0%, rgba(var(--button-confirm-background-21), 0.8) 100%); border-radius: 2px; font-size: 14px; color: rgba(var(--color-text-1), 1); border: 1px solid rgba(var(--button-hover-border-color-8), 1); padding: 0; } .tech-dateRange-picker .el-date-range-picker__time-header .card-header input::-webkit-input-placeholder { color: rgba(var(--color-text-1), 1); } .tech-dateRange-picker .el-picker-panel__footer .el-button.is-disabled.is-plain { color: rgba(var(--color-text-1), 1); border-color: rgba(var(--button-border-15), 1); } .tech-dateRange-picker .el-picker-panel__footer .el-button.is-disabled.is-plain:hover { border-color: rgba(var(--button-border-15), 1); color: rgba(var(--color-text-1), 1); } .tech-dateRange-picker .el-picker-panel__footer .el-button--default span { width: 56px; height: 22px; border: 1px solid rgba(var(--button-hover-border-color-8), 1); display: block; line-height: 22px; margin: 0 auto; } .tech-dateRange-picker .el-picker-panel__footer .el-button--text { width: 64px; height: 30px; background-image: linear-gradient(0deg, rgba(var(--cancel-button-background-11), 1) 0%, rgba(var(--button-background-72), 1) 100%); border: 1px solid rgba(var(--border-color-2), 1); border-radius: 2px; font-size: 14px; color: rgba(var(--color-text-1), 1); padding: 0; } .tech-dateRange-picker .el-picker-panel__footer .el-button--text span { width: 56px; height: 22px; border: 1px solid rgba(var(--border-color-2), 1); display: block; line-height: 22px; margin: 0 auto; } .tech-dateRange-picker .el-button.is-disabled.is-plain, .el-button.is-disabled.is-plain:focus, .el-button.is-disabled.is-plain:hover { background-image: linear-gradient(0deg, rgba(var(--button-default-background-14), 0.8) 0%, rgba(var(--button-confirm-background-21), 0.8) 100%); } .tech-dateRange-picker .el-date-table td.in-range div, .el-date-table td.in-range div:hover { background: rgba(var(--primary-color), 0.2); color: rgba(var(--color-text-1), 1); } .tech-dateRange-picker .el-date-table td.disabled div { background: transparent; color: rgba(var(--color-placeholder-text-5), 1); } .tech-dateRange-picker .el-date-table td.start-date span { background: rgba(var(--primary-color), 1) 100%; opacity: 1; } .tech-dateRange-picker .el-date-table td { padding: 0; } .tech-dateRange-picker .el-button.is-plain:hover { background-image: linear-gradient(0deg, rgba(var(--button-default-background-14), 0.8) 0%, rgba(var(--button-confirm-background-21), 0.8) 100%); color: rgba(var(--color-text-1), 1); } .tech-timeRange-picker .el-date-editor .el-range-input { background: transparent; color: rgba(var(--color-text-1), 1); } .tech-timeRange-picker .el-date-editor .el-range-separator { color: rgba(var(--color-text-1), 1); padding: 0px 10px; /* padding-right: 24px; */ line-height: 28px; } .tech-timeRange-picker .el-date-editor .el-range__close-icon { margin-right: 28px; } .tech-dateRange-picker .card-footer .cancelDiv { border: 1px solid rgba(var(--border-color-2), 1); background-image: linear-gradient(0deg, rgba(var(--cancel-button-background-11), 1) 0%, rgba(var(--button-background-72), 1) 100%); width: 62px; height: 30px; } .tech-dateRange-picker .card-footer .cancelDiv:hover { border-color: rgba(var(--primary-color), 1); } .tech-dateRange-picker .card-footer .cancel { color: rgba(var(--color-text-1), 1); background: transparent; border-radius: 2px; border: 1px solid rgba(var(--border-color-2), 1); width: 56px; height: 22px; margin-top: 4px; } .tech-dateRange-picker .card-footer .cancel:focus { outline: none; } .tech-dateRange-picker .card-footer .cancel:hover { cursor: pointer; } .tech-dateRange-picker .card-footer .sureDiv { border: 1px solid rgba(var(--button-border-15), 1); background-image: linear-gradient(0deg, rgba(var(--button-default-background-14), 0.8) 0%, rgba(var(--button-confirm-background-21), 0.8) 100%); border-radius: 2px; width: 62px; height: 30px; margin-left: 12px; } .tech-dateRange-picker .card-footer .sure { color: rgba(var(--color-text-1), 1); background: transparent; border-radius: 2px; border: 1px solid rgba(var(--button-border-15), 1); width: 56px; height: 22px; margin-top: 4px; } .tech-dateRange-picker .card-footer .sure:hover { cursor: pointer; } .tech-dateRange-picker .card-footer .sure:focus { outline: none; } .tech-dateRange-picker .el-input__inner { border: 1px solid rgba(var(--border-color-5), 1) !important; background-color: rgba(var(--dateRangePicker-background-9), 1) !important; color: rgba(var(--color-text-1), 1) !important; border-radius: 4px; } .tech-dateRange-picker .el-time-spinner__item.active:not(.disabled) { color:rgba(var(--color-text-1), 1); font-weight: 700; } .tech-dateRange-picker .el-time-panel{ border: 1px solid rgba(var(--border-color-5), 1); background-color: rgba(var(--dateRangePicker-background-9), 1); } .tech-dateRange-picker .el-time-panel__footer{ border-top:1px solid rgba(var(--border-color-5), 1); } .tech-dateRange-picker .el-time-spinner__item:hover:not(.disabled):not(.active){ background-color: rgba(var(--dateRangePicker-background-9), 1); } .tech-dateRange-picker .el-time-panel__footer .el-time-panel__btn.cancel{ color:rgba(var(--color-text-6), 1) } /* 日期控件----------------------------------- */ .el-date-editor.el-input--prefix .el-input__inner { padding-left: 12px; } .tech-style .el-date-editor .el-input__suffix .el-input__icon:after { content: ''; border-left: 1px solid rgba(var(--border-color-5), 1); position: absolute; top: 0; right: -5px; width: 36px; height: 36px; background: url(./images/iconriqi.png) center no-repeat; } .el-date-editor .el-input__prefix { display: none; } .el-date-editor .el-icon-circle-close { margin-right: 30px; transition: unset; -webkit-transition: unset; } .tech-style .tech-date-picker .el-input__inner { background: transparent; color: rgba(var(--color-text-1), 1); border: 1px solid rgba(var(--border-color-5), 1); } .tech-date-picker .el-input__suffix-inner { pointer-events: all; } .tech-dateRange-picker.el-date-picker .frameBox { display: flex; } .tech-dateRange-picker.el-date-picker .frameBox .frameLeft { padding-left: 16px; display: flex; width: 285px; } .tech-dateRange-picker.el-date-picker .frameBox .frameLeft span:first-child { width: 110px; padding-right: 10px; } .tech-dateRange-picker.el-date-picker .frameBox .frameLeft span:last-child { width: 100px; } .tech-dateRange-picker.el-date-picker .frameBox .frameRight span:first-child { width: 110px; padding-right: 12px; } .tech-dateRange-picker.el-date-picker .frameBox .frameRight span:last-child { width: 100px; } .tech-dateRange-picker.el-date-picker .frameBox .frameRight { padding-left: 16px; display: flex; width: 285px; } .tech-dateRange-picker.el-date-picker .frameBox input { outline: none; width: 100%; height: 32px; border: 1px solid rgba(var(--input-placehoder-text-34), 1); text-align: center; } .tech-dateRange-picker.el-date-picker .showCard { width: 240px; position: absolute; background: rgba(var(--dateRangePicker-background-color-8), 1); z-index: 1000; top: 55px; } .tech-dateRange-picker.el-date-picker .card-header { display: flex; justify-content: space-around; height: 30px; padding: 15px 16px; border: 1px solid rgba(var(--border-color-2), 1); border-radius: 2px 2px 0 0; } .tech-dateRange-picker.el-date-picker .card-header span:nth-child(2) { margin-left: 14px; } .tech-dateRange-picker.el-date-picker .card-header input { width: 78px; height: 32px; border: 1px solid rgba(var(--border-color-5), 1); background: rgba(var(--dateRangePicker-background-color-8), 1); font-size: 14px; color: rgba(var(--color-text-1), 1); outline: none; border-radius: 2px; text-align: center; } .tech-dateRange-picker.el-date-picker .card-header input:focus { border: 1px solid rgba(var(--dateRange-picker-card-header-input-focus-border-14), 1); border-radius: 2px; color: rgba(var(--dateRange-picker-card-header-input-focus-border-14), 1); outline: none; } .tech-dateRange-picker.el-date-picker .card-body { height: 177px; cursor: pointer; border-right: 1px solid rgba(var(--border-color-2), 1); border-left: 1px solid rgba(var(--border-color-2), 1); border-bottom: 1px solid rgba(var(--border-color-2), 1); color: rgba(var(--color-text-1), 1); } .tech-dateRange-picker.el-date-picker .card-footer { position: absolute; right: 16px; bottom: 12px; /* width: 100%; */ text-align: center; display: flex; justify-content: center; } .tech-dateRange-picker.el-date-picker .card-footer button { width: 56px; height: 22px; line-height: 22px; outline: none; } .tech-dateRange-picker.el-date-picker .selected { background: rgba(var(--dateRange-picker-card-header-input-focus-border-14), 1); color: rgba(var(--color-text-1), 1); border-radius: 2px; } .tech-dateRange-picker.el-date-picker { background: rgba(var(--dateRangePicker-background-color-8), 1); } .tech-dateRange-picker.el-date-picker.has-time { background: rgba(var(--dateRangePicker-background-9), 1); } .tech-dateRange-picker.el-date-picker .el-date-table { padding-left: 0; padding-right: 0; } .tech-dateRange-picker.el-date-picker { border-color: rgba(var(--border-color-2), 1); } .tech-dateRange-picke .el-date-picker__time-header { border-bottom-color: rgba(var(--primary-color), 1); } .el-picker-panel__icon-btn.el-date-picker__next-btn { margin-top: 4px; } .el-picker-panel__icon-btn.el-date-picker__prev-btn { margin-top: 4px; } .el-date-picker .el-picker-panel__body-wrapper .el-picker-panel__body .el-date-picker__header .el-date-picker__header-label { color: rgba(var(--color-text-1), 1); } .tech-dateRange-picker.el-date-picker .frameBox .dateTime { width: 105px; height: 30px; border: 1px solid rgba(var(--border-color-5), 1); border-radius: 4px; background: rgba(var(--dateRangePicker-background-9), 1); color: rgba(var(--color-text-1), 1); } .tech-dateRange-picker.el-date-picker .frameBox .selectStart { width: 80px; height: 30px; border: 1px solid rgba(var(--border-color-5), 1); border-radius: 4px; background: rgba(var(--dateRangePicker-background-9), 1); color: rgba(var(--color-text-1), 1); } /* 月份类型 */ .el-month-table td .cell { color: rgba(var(--color-text-1), 1); width: 48px; height: 24px; line-height: 24px; } .el-month-table td.current:not(.disabled) .cell { width: 48px; height: 24px; opacity: 1; background: rgba(var(--primary-color), 1); border-radius: 2px; line-height: 24px; color: rgba(var(--color-text-1), 1); } .tech-dateRange-picker.el-date-picker.month { background: rgba(var(--dateRangePicker-background-color-8), 1); width: 264px; border-color: rgba(var(--border-color-2), 1); } .el-month-table td div { padding: 0; height: 32px; } .el-date-picker.month .el-picker-panel__content { width: 224px; margin: 0; padding-left: 20px; padding-right: 20px; padding-top: 7px; padding-bottom: 8px; } .tech-dateRange-picker.el-date-picker.month .el-date-picker__header { margin-right: 24px; margin-left: 24px; } /* 时间控件 */ .tech-style .el-date-editor.el-date-editor--time .el-input__suffix .el-input__icon:after { content: ''; border-left: unset; position: absolute; top: 0; right: -5px; width: 36px; height: 36px; background: url(./images/time.png) center no-repeat; } .tech-time-picker { background: rgba(var(--input-inner-background-10), 1); border-color: rgba(var(--border-color-5), 1); } .tech-time-picker .el-time-spinner__item:hover:not(.disabled):not(.active) { background: rgba(var(--pagination-pagesize-background-13), 1); } .tech-time-picker .el-time-panel__footer { display: none; } .tech-time-picker .el-time-spinner__item { color: rgba(var(--color-text-10), 1); } .tech-time-picker .el-time-spinner__item.active:not(.disabled) { color: rgba(var(--color-text-10), 1); } .tech-time-picker .el-time-spinner .el-time-spinner__wrapper:nth-child(2) { border-right: 1px solid rgba(var(--border-color-5), 1); border-left: 1px solid rgba(var(--border-color-5), 1); } .el-time-panel__content::before { border-top: 0; border-bottom: 0; margin-left: 0; margin-right: 0; } .tech-time-picker .el-time-spinner__item.active:not(.disabled) { background: rgba(var(--pagination-pagesize-background-13), 1); color: rgba(var(--color-text-1), 1); } .tech-time-picker .el-time-panel__content.has-seconds { background: rgba(var(--input-inner-background-10), 1); } /* 时间选择组件*/ .el-picker-panel.time-select { box-sizing: border-box; background: rgba(var(--input-inner-background-10), 1); color: rgba(var(--color-text-10), 1); border: 1px solid rgba(var(--border-color-5), 1); border-radius: unset; margin-top: 0; } .time-select-item:hover { background-color: rgba(var(--pagination-pagesize-background-13), 1); font-weight: unset; color: rgba(var(--color-text-1), 1); } .time-select-item { padding: 7px 12px; } .tech-style .el-date-editor.el-date-editor--time-select .el-input__suffix .el-input__icon:after { background: url(./images/time.png) center no-repeat; border-left: 0; } .el-input--prefix.el-date-editor--time-select .el-input__inner { padding-left: 12px; } .time-select-item.selected:not(.disabled) { color: rgba(var(--color-text-1), 1); font-weight: unset; } .el-input--prefix.el-date-editor--time-select .el-input__icon { line-height: 36px; } .el-input--suffix.el-date-editor--month .el-input__icon { line-height: 36px; } .el-input--suffix.el-date-editor--time .el-input__icon { line-height: 36px; } /* *********************时间范围组件组件 end********************* */ /* *********************提示框组件 start********************* */ /* 对话框提示 */ .tech-messagebox .el-icon-warning::before { display: none; } .tech-messagebox .el-icon-warning { width: 48px; height: 48px; background-image: url(images/waring.png); } .tech-messagebox .el-icon-error::before { display: none; } .tech-messagebox .el-icon-error { width: 48px; height: 48px; background-image: url(images/errorIcon.png); } .tech-messagebox .el-icon-success::before { display: none; } .tech-messagebox .el-icon-success { width: 48px; height: 48px; background-image: url(images/successIcon.png); background-size: 100% 100%; } .tech-messagebox .el-icon-info::before { display: none; } .tech-messagebox .el-icon-info { width: 48px; height: 48px; background-image: url(images/tip-info.png); background-size: 100% 100%; } .tech-messagebox.el-message-box { background-color: rgba(var(--dateRangePicker-background-9), 1); color: rgba(var(--color-text-1), 1); width: 480px; height: 300px; border: 0.063rem solid rgba(var(--primary-color), 1); box-shadow: rgb(27 26 51 / 50%) 0px 1rem 3rem 0px; min-height: 15rem; } .tech-messagebox .el-message-box__header { padding: 18.5px 24px; border-bottom: 0.063rem solid rgba(var(--border-color-5), 1); } .tech-messagebox .el-message-box__header .el-message-box__title { font-size: 18px; color: rgba(var(--color-text-1), 1); font-weight: 600; } .tech-messagebox .el-message-box__headerbtn .el-message-box__close { background-image: url(images/tanchuang-guanbi.png); width: 20px; height: 20px; color: transparent; margin-top: 2px; margin-right: 9px; } .tech-messagebox .el-message-box__content { padding: 0px; display: flex; height: 184.5px; justify-content: center; align-items: center; padding-left: 24px; } .tech-messagebox .el-message-box__content .el-message-box__status { font-size: 48px !important; } .tech-messagebox .el-message-box__content .el-message-box__message { font-size: 16px; color: rgba(var(--color-text-1), 1); font-weight: 400; margin-left: 31px; } .tech-messagebox .el-button { background: transparent; } .tech-messagebox .el-message-box__btns { display: flex; justify-content: center; align-items: center; } .tech-messagebox .el-message-box__btns .el-button { width: 120px; height: 36px; padding: 0; display: flex; justify-content: center; border: 0.5px solid rgba(var(--border-color-2), 1); background-image: linear-gradient(0deg, rgba(var(--cancel-button-background-11), 1) 0%, rgba(var(--button-background-72), 1) 100%); align-items: center; border-radius: 2px; } .tech-messagebox .el-message-box__btns .el-button span { border: 0.5px solid rgba(var(--border-color-2), 1); width: 112px; height: 28px; border-radius: 2px; font-size: 14px; color: rgba(var(--button-cancel-text-33), 1); text-align: center; font-weight: 400; display: flex; align-items: center; justify-content: center; } .tech-messagebox .el-message-box__btns .el-button:hover { background-image: linear-gradient(0deg, rgba(var(--cancel-button-background-11), 1) 0%, rgba(var(--button-background-72), 1) 100%); border: 1px solid rgba(var(--primary-color), 1); } .tech-messagebox .el-message-box__btns .el-button.el-button--primary { border: 1px solid rgba(var(--button-border-15), 1); background-image: linear-gradient(0deg, rgba(var(--button-default-background-14), 0.8) 0%, rgba(var(--button-confirm-background-21), 0.8) 100%); } .tech-messagebox .el-message-box__btns .el-button.el-button--primary span { border: 1px solid rgba(var(--button-border-15), 1); color: rgba(var(--color-text-1), 1); } .tech-messagebox .el-message-box__btns .el-button.el-button--primary:hover { color: rgba(var(--button-active-color-6), 1); border-color: rgba(var(--button-hover-border-color-8), 1); background: rgba(var(--button-default-background-14), 0.6) url(data:image/png;base64,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); } .tech-tooltip.el-tooltip__popper.is-dark { background-color: rgba(var(--background-color-6), 1); /* background-color: rgba(var(--background-color-6), 1); */ } .tech-popper.el-tooltip__popper.is-dark { max-width: 196px; background-color: rgba(var(--background-color-6), 1); /* color: rgba(var(--color-text-10), 1); */ color: rgba(var(--color-text-1), 1); } .tech-popper.el-tooltip__popper[x-placement^='top'] .popper__arrow, .tech-popper.el-tooltip__popper[x-placement^='top'] .popper__arrow:after { border-top-color: rgba(var(--background-color-6), 1); } .tech-popper.el-tooltip__popper[x-placement^='right'] .popper__arrow, .tech-popper.el-tooltip__popper[x-placement^='right'] .popper__arrow:after { border-right-color: rgba(var(--background-color-6), 1); } .tech-popper.el-tooltip__popper[x-placement^='bottom'] .popper__arrow, .tech-popper.el-tooltip__popper[x-placement^='bottom'] .popper__arrow:after { border-bottom-color: rgba(var(--background-color-6), 1); } .tech-popper.el-tooltip__popper[x-placement^='left'] .popper__arrow, .tech-popper.el-tooltip__popper[x-placement^='left'] .popper__arrow:after { border-left-color: rgba(var(--background-color-6), 1); } .tech-messagebox.tech-msgbox.el-message-box { height: 270px; } .tech-messagebox.tech-msgbox.el-message-box .el-message-box__content { padding: 12px 31px 0; display: block; height: 141.5px; padding-bottom: 0; } .tech-messagebox.tech-msgbox.el-message-box .el-message-box__content .el-message-box__message { margin-left: unset; } .tech-messagebox.tech-msgbox.el-message-box.small { padding-bottom: 0; height: 190px; min-height: 190px !important; } .tech-messagebox.tech-msgbox.el-message-box.small .el-message-box__content { height: 122.5px; } .tech-messagebox.tech-msgbox.el-message-box .el-message-box__content .el-message-box__message div, .tech-messagebox.tech-msgbox.el-message-box .el-message-box__content .el-message-box__message p { word-wrap: break-word; } .tech-messagebox.tech-msgbox.el-message-box.small .el-message-box__content .el-message-box__message div, .tech-messagebox.tech-msgbox.el-message-box.small .el-message-box__content .el-message-box__message p { word-wrap: break-word; } /* *********************提示框组件 end********************* */ /* *********************弱提示组件 start********************* */ /* 弱提示 */ .el-message .el-icon-info { width: 18px; height: 18px; background: url(./images/infoIcon.png) no-repeat; } .el-message .el-icon-info:before { display: none; } .el-message img { width: 18px; height: 18px; vertical-align: middle; margin-right: 10px; } .el-message span { color: rgba(var(--color-text-1), 1); font-size: 16px; } .el-message { background: rgba(var(--background-color-6), 1); border: 0; min-width: 398px; padding: 13.5px 15px 13.5px 20px; } .el-message .el-message__closeBtn { color: rgba(var(--color-text-1), 1); width: 14px; height: 14px; background: url(./images/close.png) no-repeat; background-size: cover; } .el-message .el-message__closeBtn:hover { color: rgba(var(--color-text-1), 1); } .el-message .el-icon-close:before { display: none; } .el-message .el-icon-warning:before { display: none; } .el-message .el-icon-warning { width: 18px; height: 18px; background: url(./images/waringIcon.png) no-repeat; } .el-message .el-icon-success:before { display: none; } .el-message .el-icon-success { width: 18px; height: 18px; background: url(./images/success.png) no-repeat; } .el-message .el-icon-error:before { display: none; } .el-message .el-icon-error { width: 18px; height: 18px; background: url(./images/error.png) no-repeat; } .el-message .el-message__content { color: rgba(var(--color-text-1), 1); } /* *********************弱提示组件 end********************* */ /* *********************组件 start********************* */ /* 面包屑导航 */ .tech-style .tech-breadcrumb .el-breadcrumb__inner { color: rgba(var(--color-text-10), 1); font-size: 14px; } .tech-style .tech-breadcrumb .el-breadcrumb__item:last-child .el-breadcrumb__inner { color: rgba(var(--color-text-1), 1); font-size: 14px; } .tech-style .tech-breadcrumb .el-breadcrumb__item:nth-last-child(-n + 2) i { width: 10px; height: 10px; background: url(./images/Breadcrumb1.png); } .tech-style .tech-breadcrumb .el-icon-arrow-right:before { display: none; } .tech-style .tech-breadcrumb .el-breadcrumb__separator { width: 10px; height: 10px; background: url(./images/Breadcrumb.png); } /* 卡片样式 */ .tech-tabs .el-tabs__header { background-color: rgba(var(--main-background-color), 1); } .tech-tabs .el-tabs--border-card { background-color: rgba(var(--main-background-color), 1); border: 0; } .tech-tabs .el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active { background-color: transparent; border-color: rgba(var(--main-background-color), 1); color: rgba(var(--color-text-1), 1); font-weight: 500; border-bottom: 3px solid rgba(var(--primary-color), 1); } .tech-tabs .el-tabs--border-card > .el-tabs__header { border-bottom-color: rgba(var(--border-color-5), 1); } .tech-tabs .el-tabs--border-card > .el-tabs__header .el-tabs__item { height: 52px; line-height: 52px; color: rgba(var(--color-text-10), 1); } .tech-tabs .el-tabs--border-card > .el-tabs__content { color: rgba(var(--color-text-1), 1); } /* tech-tabs卡片样式新 */ .tech-tabs.el-tabs--border-card .el-tabs__header { background-color: rgba(var(--main-background-color), 1); } .tech-tabs.el-tabs--border-card { background-color: rgba(var(--main-background-color), 1); border: 0; } .tech-tabs.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active { background-color: transparent; border-color: rgba(var(--main-background-color), 1); color: rgba(var(--color-text-1), 1); font-weight: 500; border-bottom: 3px solid rgba(var(--primary-color), 1); } .tech-tabs.el-tabs--border-card > .el-tabs__header { border-bottom-color: rgba(var(--border-color-5), 1); } .tech-tabs.el-tabs--border-card > .el-tabs__header .el-tabs__item { height: 52px; line-height: 52px; color: rgba(var(--color-text-10), 1); } .tech-tabs.el-tabs--border-card > .el-tabs__content { color: rgba(var(--color-text-1), 1); } /* 折叠面板 */ .tech-collapse.el-collapse { width: 1856px; border-top: 0; } .tech-collapse.el-collapse .el-collapse-item__header { height: 52px; background-color: rgba(var(--main-background-color), 1); color: rgba(var(--color-text-1), 1); border-bottom: 1px solid rgba(var(--border-color-4), 1); padding-left: 32px; font-size: 16px; position: relative; } .tech-collapse.el-collapse .el-collapse-item__arrow { display: none; } .tech-collapse.el-collapse .el-collapse-item__content { background-color: rgba(var(--main-background-color), 1); color: rgba(var(--color-text-1), 1); padding-left: 32px; } .tech-collapse.el-collapse .el-collapse-item__wrap { border-color: rgba(var(--border-color-4), 1); } /* 带返回的子页面 */ .tech-pageHeader .el-icon-back { display: none; } .tech-pageHeader .el-page-header__content { display: flex; color: rgba(var(--color-text-1), 1); font-size: 14px; justify-content: right; position: absolute; right: 32px; } .tech-pageHeader .el-page-header__content div:hover { color: rgba(var(--primary-color), 1); } .tech-pageHeader.el-page-header { background-color: rgba(var(--main-background-color), 1); color: rgba(var(--color-text-1), 1); height: 58px; line-height: 58px; width: 1824px; padding-left: 32px; position: relative; } .tech-pageHeader .el-page-header__title img { vertical-align: middle; } .tech-pageHeader .el-page-header__title span { font-size: 16px; } .tech-pageHeader .Refresh i { background-image: url(./images/defaultRefresh.png); } .tech-pageHeader .Refresh:hover i { background-image: url(./images/refresh.png); } .tech-pageHeader .Edits i { background-image: url(./images/defaultEdits.png); } .tech-pageHeader .Edits:hover i { background-image: url(./images/Edits.png); } .tech-pageHeader .el-page-header__left::after { display: none; } /* 树形控件 */ #tech-tree::-webkit-scrollbar-corner { background-color: rgba(var(--main-background-color), 1); } #tech-tree::-webkit-scrollbar:horizontal { height: 10px; } #tech-tree { /* width: 200px; */ width: 100%; /* overflow: auto; */ position: relative; z-index: 100; } #tech-tree .tree .el-tree-node { position: relative; } .el-tree-node__content:hover { background-color: transparent; /* opacity: 0.8; */ background-image: rgba(var(--border-color-2), 0.4); } .el-tree-node:focus > .el-tree-node__content { background-color: transparent; background-image: linear-gradient( 269deg, rgba(var(--table-background-7), 0.1) 1%, rgba(var(--table-background-7), 0.4) 51%, rgba(var(--table-background-7), 0.1) 99% ) !important; } #tech-tree .tree > .el-tree-node { position: relative; display: inline-block; /* padding-left: 0px; */ padding: 0 24; color: rgba(var(--color-text-1), 1); } #tech-tree .tree .el-tree-node__children { padding-left: 24px; } #tech-tree .tree .el-tree-node__content { padding-left: 0px !important; height: 33px; } #tech-tree .el-tree { background: transparent; } #tech-tree .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content { background: transparent; } #tech-tree .tree .el-tree-node :last-child::before { height: 38px; } #tech-tree .tree-container .el-tree > .el-tree-node::before { border-left: none; } #tech-tree .tree-container .el-tree > .el-tree-node::after { border-top: none; } #tech-tree .tree .el-tree-node::before { content: ''; height: 100%; width: 1px; position: absolute; left: -16px; border-left: 1px solid rgba(var(--color-text-1), 0.3); bottom: 0px; top: -20px; } #tech-tree .tree .el-tree-node::after { content: ''; height: 20px; width: 6px; position: absolute; left: -15px; top: 18px; border-top: 1px solid rgba(var(--color-text-1), 0.3); } #tech-tree .tree .el-tree-node__expand-icon.is-leaf { display: none; } #tech-tree .el-icon-caret-right:before { content: ''; } /* 树形控件节点折叠 */ #tech-tree .el-tree-node__content > .el-tree-node__expand-icon { padding: 0px; width: 20px; height: 14px; background: url(./images/treeTucked.png) left 100% no-repeat; padding-right: 6px; } /* 树形控件节点展开 */ #tech-tree .el-tree-node__content > .expanded { transform: rotate(0deg); background: url('./images/treeOpen.png') left 100% no-repeat; padding: 0%; width: 20px; height: 14px; margin-right: 6px; } .el-checkbox__inner { background-color: rgba(var(--input-inner-background-10), 1); } #tech-tree .el-tree-node.is-current > .el-tree-node__content { /* opacity: 0.8; */ background-image: linear-gradient(269deg, rgba(var(--table-background-7), 0) 1%, rgba(var(--table-background-7), 0.8) 99%); } /* -------------------------------------新版树形控件样式-整改样式规范--------------------------------- */ .tech-tree::-webkit-scrollbar-corner { background: rgba(var(--main-background-color), 1) !important; } .tech-tree::-webkit-scrollbar:horizontal { height: 10px !important; } .tech-tree { /* width: 200px; */ width: 100%; /* overflow: auto; */ position: relative; z-index: 100; } .tech-tree .el-tree-node { position: relative; } .tech-tree .el-tree-node__content:hover { background-color: transparent; /* opacity: 0.8; */ background-image: rgba(var(--border-color-2), 0.4); } .tech-tree .el-tree-node:focus > .el-tree-node__content { background-color: transparent; background-image: linear-gradient( 269deg, rgba(var(--table-background-7), 0.1) 1%, rgba(var(--table-background-7), 0.4) 51%, rgba(var(--table-background-7), 0.1) 99% ) !important; } .tech-tree .el-tree > .el-tree-node { position: relative; display: inline-block; /* padding-left: 0px; */ padding: 0 24; color: rgba(var(--color-text-1), 1); } .tech-tree .el-tree-node__children { padding-left: 24px; } .tech-tree .el-tree-node__content { padding-left: 0px !important; height: 33px; } .tech-tree .el-tree { background: transparent; } .tech-tree .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content { background: transparent; } .tech-tree .el-tree-node :last-child::before { height: 38px; } .tech-tree .el-tree > .el-tree-node::before { border-left: none; } .tech-tree .el-tree > .el-tree-node::after { border-top: none; } .tech-tree .el-tree-node::before { content: ''; height: 100%; width: 1px; position: absolute; left: -16px; border-left: 1px solid rgba(var(--color-text-1), 0.3); bottom: 0px; top: -20px; } .tech-tree .el-tree-node::after { content: ''; height: 20px; width: 6px; position: absolute; left: -15px; top: 18px; border-top: 1px solid rgba(var(--color-text-1), 0.3); } .tech-tree .el-tree-node__expand-icon.is-leaf { display: none; } .tech-tree .el-icon-caret-right:before { content: ''; } /* 树形控件节点折叠 */ .tech-tree .el-tree-node__content > .el-tree-node__expand-icon { padding: 0px; width: 20px; height: 14px; background: url(./images/treeTucked.png) left 100% no-repeat; padding-right: 6px; } /* 树形控件节点展开 */ .tech-tree .el-tree-node__content > .expanded { transform: rotate(0deg); background: url('./images/treeOpen.png') left 100% no-repeat; padding: 0%; width: 20px; height: 14px; margin-right: 6px; } .tech-tree .el-checkbox__inner { background-color: rgba(var(--input-inner-background-10), 1); } .tech-tree .el-tree-node.is-current > .el-tree-node__content { /* opacity: 0.8; */ background-image: linear-gradient(269deg, rgba(var(--table-background-7), 0) 1%, rgba(var(--table-background-7), 0.8) 99%); } /* ---------------------------------导入弹窗样式 ----------------------------*/ .tech-importDialog .downIcon { width: 14px; height: 14px; } .tech-importDialog .el-upload-dragger { width: 498px; height: 180px; } .tech-importDialog .upload-demo .uploadIcon { margin-left: 228px; margin-top: 38px; width: 65px; height: 50px; background: url(./images/shangchaun.png); } .tech-dialog.tech-importDialog .upload-demo .el-upload-dragger { background-color: rgba(var(--dateRangePicker-background-color-8), 0.5); border-radius: 2px; border: 1px dashed rgba(var(--color-placeholder-text-5), 1); } .tech-dialog.tech-importDialog .upload-demo .el-upload-dragger .el-upload__text { margin-top: 20px; color: rgba(var(--color-text-10), 1); } .tech-dialog.tech-importDialog .upload-demo .el-upload-dragger .el-upload__text em { color: rgba(var(--primary-color), 1); } .tech-dialog.tech-importDialog .upload-demo .el-upload-dragger .el-upload__tip { color: rgba(var(--color-placeholder-text-5), 1); } .tech-importDialog .download { text-decoration-line: none; } .tech-importDialog .el-upload-list__item-name { height: 24px; background: rgba(var(--dateRangePicker-background-9), 1); font-size: 14px; color: rgba(var(--color-text-10), 1); margin-right: 0; line-height: 24px; box-sizing: border-box; } .tech-importDialog .el-upload-list__item-name:hover { color: rgba(var(--color-text-1), 1); } .tech-importDialog .el-upload-list__item-name:hover .el-icon-document { background-image: url(./images/paperclip.png); } .tech-importDialog .el-upload-list__item .el-icon-close { width: 10px; height: 10px; margin-top: 2px; background: url(./images/close-small.png); font-size: 20px; color: rgba(var(--color-text-8), 1); } .tech-importDialog .el-upload-list__item .el-icon-close:before { display: none; } .tech-importDialog .el-upload-list__item .el-icon-close:hover { background: url(./images/close-hover.png); } .tech-importDialog .el-upload-list__item .el-icon-close:hover:after { content: ''; width: 84px; height: 44px; background: url(./images/delete-tips.png); display: block; position: relative; top: -36px; left: -44px; } .tech-importDialog .el-upload-list__item:hover { background-color: rgba(var(--dateRangePicker-background-9), 1); } .tech-importDialog .el-upload-list__item .el-upload-list__item-name { border: 1px solid transparent; } .tech-importDialog .el-upload-list__item:hover .el-upload-list__item-name { border-color: rgba(var(--border-color-5), 1); color: rgba(var(--color-text-1), 1); } .tech-importDialog .el-icon-document { background-size: 100%; width: 14px; height: 14px !important; background-image: url(./images/shangchaun-wendang.png); } .tech-importDialog .el-icon-document::before { content: '' !important; } .tech-dialog.tech-importDialog .download { color: rgba(var(--primary-color), 1); } .tech-importDialog .upload-demo { margin-bottom: 44px; } .tech-importDialog .el-upload-list.el-upload-list--text { width: 90.5%; position: absolute; } .tech-importDialog .el-upload-list__item:hover .el-upload-list__item-name .el-icon-document { background-image: url(./images/paperclip.png); } /* *********************组件 end********************* */ /* *********************.tech-pagination-popper除)+单复选 start********************* */ /* *********************时间计划组件********************* */ .tech-cycle-template-table { width: 100%; height: 353px; /* border: 1px solid rgba(var(--border-color-5), 1); */ margin-left: 4px; margin-bottom: 40px; } .tech-cycle-template-table .tech-tip { margin-bottom: 25px; display: flex; } .tech-cycle-template-table .tech-cycle-template-table-tabs { color: rgba(var(--color-text-1), 1); /* margin-left: 36px; */ } .tech-cycle-template-table .tech-cycle-template-table-but { /* background-color: rgba(var(--dateRangePicker-background-9), 1); */ margin-left: -18px; border: 0px; } .tech-cycle-template-table-but span { display: flex; } .tech-cycle-template-table-but img { width: 16px; height: 16px; } .tech-cycle-template-table .tech-cycle-template-table-span { font-size: 14px; color: rgba(var(--color-text-1), 1); line-height: 14px; margin-left: 8px; padding-top: 1px; } .tech-cycle-template-table .tech-tab { width: 100%; margin-top: -20px; border-spacing: 0px; font-size: 14px; color: rgba(var(--color-text-1), 1); text-align: center; } .tech-cycle-template-table .tech-tab td { border-bottom: 1px solid rgba(var(--border-color-5), 1); border-right: 1px solid rgba(var(--border-color-5), 1); line-height: 29px; } .tech-cycle-template-table .tech-tab .tech-calendar-body tr td:first-child { border-left: 1px solid rgba(var(--border-color-5), 1); } .tech-cycle-template-table .tech-tab tr td:last-child { border-bottom: none; width: 52px; } .tech-cycle-template-table .tech-tab .tech-calendar-body tr:last-child td:last-child { border-bottom: 1px solid rgba(var(--border-color-5), 1); } .tech-cycle-template-table .tech-tab th { height: 32px; text-align: center; border: 1px solid rgba(var(--border-color-5), 1); font-size: 14px; color: rgba(var(--color-text-10), 1); font-weight: 400; } .tech-cycle-template-table .tech-tab th:first-child { font-size: 12px; padding: 0 5px; } .tech-cycle-template-table .tech-day-tabs { font-size: 14px; color: rgba(var(--color-text-1), 1); text-align: center; width: 796px; height: 30px; border-spacing: 0px; } .tech-cycle-template-table .tech-day-tabs td { border-bottom: 1px solid rgba(var(--border-color-5), 1); border-left: 1px solid rgba(var(--border-color-5), 1); line-height: 29.5px; } .tech-cycle-template-table .tech-day-tabs td:last-child { border-right: 1px solid rgba(var(--border-color-5), 1); } .tech-cycle-template-table .tech-day-tabs th { height: 32px; text-align: center; border-bottom: 1px solid rgba(var(--border-color-5), 1); font-size: 14px; color: rgba(var(--color-text-10), 1); } .tech-cycle-template-table .tech-cycle-button { text-align: center; position: absolute; bottom: 24px; /* background: red; */ /* margin-top: 158px; */ margin-left: 325px; } .tech-cycle-template-table .tech-icon { display: inline-block; width: 16px; height: 16px; } .tech-cycle-template-table .tech-icon-open { background-image: url(./images/icon-open.png); background-size: 100%; } .tech-cycle-template-table .tech-icon-open-select { background-image: url(./images/icon-open-select.png); background-size: 100%; } .tech-cycle-template-table .tech-icon-close { background-image: url(./images/icon-close.png); background-size: 100%; } .tech-cycle-template-table .tech-icon-close-select { background-image: url(./images/icon-close-select.png); background-size: 100%; } .tech-cycle-template-table .tech-tip .el-button:focus, .tech-cycle-template-table .tech-tip .el-button:hover { background-color: rgba(var(--dateRangePicker-background-9), 1); } .event-cycle-template-table .event-tip .el-button:focus, .event-cycle-template-table .event-tip .el-button:hover { background-color: rgba(var(--color-text-1), 1); } .tech-cycle-template-table .tech-cycle-button .tech-but { margin-left: 16px; margin-top: 30px; width: 88px; height: 36px; font-size: 14px; color: rgba(var(--color-text-1), 1); text-align: center; background: rgba(var(--cycle-button-background-18), 1); border-radius: 2px; cursor: pointer; border: 0px; } .tech-cycle-template-table .tech-cycle-button .tech-reset { background: rgba(var(--background-color-1), 1); border: 1px solid rgba(var(--radio-border-color-7), 1); border-radius: 2px; } .tech-cycle-template-table .tech-plan-row { margin: 10px 0; } .tech-cycle-template-table .tech-plan-checkbox { margin-top: 7px; } .tech-cycle-template-table .tech-permanent { background-image: url(./images/permanent.png); width: 183px; height: 160px; } .tech-popper .el-select-dropdown__item .el-icon-delete { position: absolute; right: 5px; top: 5px; } .tech-cycle-template-table .el-date-editor.el-input, .el-date-editor.el-input__inner { width: 90%; } .tech-cycle-template-table .tech-padding-top { padding-top: 6px; } #timeSetOptionContainer table { display: table; -webkit-user-select: none; /* and add the CSS class here instead */ -ms-user-select: none; user-select: none; /**禁止选中文字*/ } #timeSetOptionContainer td { display: table-cell; padding: 0; color: rgba(var(--color-text-1), 1); cursor: url(data:image/x-icon;base64,AAABAAEAEBAAAAEAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADuekAI7npAHu56QBAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADuekAu7npAqe56QN3uekDB7npAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADuekA27npA0+56QP/uekD/7npA/+56QO/uekBiAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADuekA27npA0+56QP/uekD/7npA/+56QP/uekD/7npA8e56QGTuekACAAAAAAAAAAAAAAAAAAAAAAAAAADuekA27npA0+56QP/uekD/7npA/+56QP/uekD/7npA/+56QP/uekDf7npAKAAAAAAAAAAAAAAAAAAAAADuekAu7npA0+56QP/uekD/7npA/+56QP/uekD/7npA/+56QP/uekDz7npAau56QAIAAAAAAAAAAAAAAADuekAI7npAqe56QP/uekD/7npA/+56QP/uekD/7npA/+56QP/uekDz7npAaAAAAADuekAI7npAeu56QEIAAAAA7npAHu56QN3uekD/7npA/+56QP/uekD/7npA/+56QP/uekDz7npAaAAAAADuekAG7npAh+56QP/uekCDAAAAAO56QBDuekDB7npA/+56QP/uekD/7npA/+56QP/uekDz7npAaAAAAADuekAG7npAh+56QP3uekD97npAXAAAAAAAAAAA7npAUO56QO/uekD/7npA/+56QP/uekDz7npAaAAAAADuekAG7npAh+56QPvuekD97npAk+56QAoAAAAAAAAAAAAAAADuekBi7npA8e56QP/uekDz7npAaAAAAADuekAG7npAh+56QPvuekD/7npAre56QAoAAAAAAAAAAAAAAAAAAAAAAAAAAO56QGTuekDf7npAagAAAADuekAG7npAh+56QPvuekD/7npA/+56QNfuekA6AAAAAAAAAAAAAAAAAAAAAAAAAADuekAC7npAKO56QALuekAI7npAh+56QP3uekD97npAre56QNfuekD/7npA2e56QDwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA7npAeu56QP/uekD97npAk+56QAruekA67npA2e56QP/uekDH7npAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAO56QELuekCD7npAXO56QAoAAAAAAAAAAO56QDzuekDH7npApe56QA4AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA7npAFO56QA4AAAAA//8AAPx/AAD4PwAA8B8AAOAPAADAHwAAgD8AAIBxAACA4wAAwcMAAOOHAAD3BwAA/gMAAP4xAAD++QAA//8AAA==), pointer; } #timeSetOptionContainer .not-allowed-item td { cursor: not-allowed; } #timeSetOptionContainer td:first-child:hover { cursor: default; } #timeSetOptionContainer td:last-child:hover { cursor: pointer; } #timeSetOptionContainer .not-allowed-item td:last-child:hover { cursor: not-allowed; } #timeSetOptionContainer td:last-child { font-size: 14px; color: rgba(var(--color-text-10), 1); } .tech-cycle-template-table .tech-schedule { background: rgba(var(--shedule-background-color-34), 0.5); width: 0; height: 0; position: fixed; top: 0; left: 0; pointer-events: none; } .tech-cycle-template-table .tech-calendar-body { box-sizing: border-box; display: table-row-group; vertical-align: middle; border-color: inherit; } .tech-cycle-template-table .tech-calendar-time-color { font-size: 12px; text-align: center; min-width: 12px; transition: background 500ms linear; } .tech-cycle-template-table .tech-selectOnTime { transition: background 500ms linear; background-color: rgba(var(--ioc-common-color), 0.4); } .tech-cycle-template-table .tech-selectOffTime { transition: background 500ms linear; background: rgba(var(--ico-serious-color), 0.4); } .tech-cycle-template-table .tech-selectNomal { transition: background 500ms linear; background: rgba(var(--primary-color), 0.4); } .tech-cycle-template-table .event-selectNomal { transition: background 500ms linear; background: rgba(var(--cycle-template-table-event-selectNomal-background-color-41), 1); } .tech-cycle-template-table .event-selectOnTime { transition: background 500ms linear; background-color: rgba(var(--cycle-template-table-event-selectNomal-background-color-41), 1); } .tech-cycle-template-table .event-selectOffTime { transition: background 500ms linear; background: rgba(var(--cycle-template-table-background-color-40), 1); } .tech-cycle-template-table .tech-tab td.tech-no-right-border { border-right: none; } .tech-dialog-time-plan .tech-form-margin { margin-top: 23px; } .tech-dialog-time-plan .tech-date-span { margin: 0 10px; } .tech-dialog-time-plan .tech-no-end { margin-left: -36px; margin-top: 9px; } .tech-dateRange-picker.el-picker-panel.tech-poper-none .el-date-range-picker__time-header { display: none; } /* *********************默认输入框********************* */ .tech-style .form-default .el-form .el-form-item, .tech-dialog .form-default .el-form .el-form-item { width: 497px; } .tech-style .el-input input::-webkit-input-placeholder, .tech-dialog .el-input input::-webkit-input-placeholder { color: rgba(var(--color-placeholder-text-5), 1); } .tech-style .form-default .el-form .el-form-item__label, .tech-dialog .form-default .el-form .el-form-item__label { width: 87px; height: 36px; line-height: 36px; font-size: 14px; /* color: rgba(var(--color-text-10), 1); */ color: rgba(var(--color-text-1), 1); padding: 0; } .tech-style .el-input .el-input__clear, .tech-dialog .el-input .el-input__clear { color: rgba(var(--color-text-1), 1); font-size: 12px; position: relative; } .tech-style .form-default .el-form .default-input, .tech-dialog .form-default .el-form .default-input { width: 410px; height: 36px; } .tech-style .form-default .el-form .default-input .el-input__inner, .tech-dialog .form-default .el-form .default-input .el-input__inner { width: 410px; height: 36px; font-size: 14px; color: rgba(var(--color-text-1), 1); background: rgba(var(--input-inner-background-10), 1); border: 1px solid rgba(var(--border-color-5), 1); border-radius: 2px; } .tech-style .form-default .el-form .el-input input::placeholder, .tech-dialog .form-default .el-form .el-input input::placeholder { font-size: 14px; color: rgba(var(--color-placeholder-text-5), 1); } .tech-style .form-default .el-form .el-input input:focus, .tech-dialog .form-default .el-form .el-input input:focus { background: rgba(var(--input-inner-background-10), 1); border: 1px solid rgba(var(--primary-color), 1); } .tech-style .form-default .el-form .default-input .el-input__suffix .el-input__suffix-inner .el-input__clear:before, .tech-dialog .form-default .el-form .default-input .el-input__suffix .el-input__suffix-inner .el-input__clear:before { content: '\e6db'; } .tech-style .form-default .el-form .el-input.is-disabled .el-input__inner, .tech-dialog .form-default .el-form .el-input.is-disabled .el-input__inner { background: rgba(var(--input-inner-background-10), 0.5); color: rgba(var(--color-placeholder-text-5), 1); } /* *********************自定义校验输入框********************* */ .tech-style .form-rule.el-form .el-form-item__label, .tech-dialog .form-rule.el-form .el-form-item__label { width: 87px; height: 36px; line-height: 36px; font-size: 14px; color: rgba(var(--color-text-10), 1); padding: 0; } .tech-style .form-rule.el-form .rule-input, .tech-dialog .form-rule.el-form .rule-input { width: 410px; height: 36px; } .tech-style .form-rule.el-form .rule-input .el-input__inner, .tech-dialog .form-rule.el-form .rule-input .el-input__inner { width: 410px; height: 36px; font-size: 14px; color: rgba(var(--color-text-1), 1); background: rgba(var(--input-inner-background-10), 1); border: 1px solid rgba(var(--border-color-5), 1); border-radius: 2px; } .tech-style .form-rule.el-form .el-input input::placeholder, .tech-dialog .form-rule.el-form .el-input input::placeholder { font-size: 14px; color: rgba(var(--color-placeholder-text-5), 1); } .tech-style .form-rule.el-form .el-input input:focus, .tech-dialog .form-rule.el-form .el-input input:focus { background: rgba(var(--input-inner-background-10), 1); border: 1px solid rgba(var(--primary-color), 1); } .tech-style .form-rule.el-form .el-input.is-disabled .el-input__inner, .tech-dialog .form-rule.el-form .el-input.is-disabled .el-input__inner { background: rgba(var(--input-inner-background-10), 0.5); color: rgba(var(--color-placeholder-text-5), 1); } .tech-style .el-form-item.is-error .el-input__inner, .tech-dialog .el-form-item.is-error .el-input__inner { background: rgba(var(--input-inner-background-10), 1); box-shadow: none; border: 1px solid rgba(var(--color-text-12), 1) !important; } .tech-style .el-form-item.is-error .el-input__suffix .el-input__validateIcon.el-icon-circle-close:before, .tech-dialog .el-form-item.is-error .el-input__suffix .el-input__validateIcon.el-icon-circle-close:before { content: '\e79d'; font-size: 15px; color: rgba(var(--color-text-12), 1); } .tech-style .el-form-item.is-error .el-input__suffix, .tech-dialog .el-form-item.is-error .el-input__suffix { right: 7px; } .tech-style .el-form-item.is-error .el-input__inner:focus, .tech-dialog .el-form-item.is-error .el-input__inner:focus { background: rgba(var(--input-inner-background-10), 1); box-shadow: none; border: 1px solid rgba(var(--primary-color), 1) !important; } /* .tech-style .el-form-item.is-success .rule-input .el-input__inner { background: rgba(var(--input-inner-background-10), 1); border: 1px solid rgba(var(--color-text-30), 1); border-radius: 2px; } .tech-style .el-form-item.is-success .el-input__suffix { color: rgba(var(--color-text-30), 1); right: 7px; } .tech-style .el-form-item.is-success .el-input__suffix .el-input__validateIcon.el-icon-circle-check:before { content: '\e79c'; font-size: 15px; color: rgba(var(--color-text-30), 1); } */ .tech-style .el-form--label-left .el-form-item__error, .tech-dialog .el-form--label-left .el-form-item__error { left: 0; padding-top: 8px; font-size: 14px; color: rgba(var(--color-text-12), 1); } /* 输入框 */ .tech-style .el-input__inner::placeholder, .tech-style .el-textarea__inner::placeholder, .tech-dialog .el-input__inner::placeholder, .tech-dialog .el-textarea__inner::placeholder { font-size: 14px; color: rgba(var(--input-placehoder-text-34), 1); } .tech-style .el-input .el-input__inner, .tech-style .el-textarea .el-textarea__inner, .tech-dialog .el-input .el-input__inner, .tech-dialog .el-textarea .el-textarea__inner { background: rgba(var(--input-inner-background-10), 1); border: 1px solid rgba(var(--border-color-5), 1); border-radius: 2px; } .tech-style.tech-no-background .el-input input { background: content-box; } .tech-style .el-input.is-disabled .el-input__inner, .tech-style .el-textarea.is-disabled .el-textarea__inner, .tech-dialog .el-input.is-disabled .el-input__inner, .tech-dialog .el-textarea.is-disabled .el-textarea__inner { background: rgba(var(--input-inner-background-10), 0.5); border: 1px solid rgba(var(--border-color-5), 1); color: rgba(var(--color-placeholder-text-5), 1); } .tech-style .el-form-item__label, .tech-dialog .el-form-item__label { font-size: 14px; color: rgba(var(--color-text-1), 1); } .tech-style .el-select:hover .el-input__inner, .tech-style .el-select .el-input.is-disabled .el-input__inner:hover, .tech-style .el-cascader:not(.is-disabled):hover .el-input__inner, .tech-style .el-select .el-input.is-focus .el-input__inner, .tech-dialog .el-select:hover .el-input__inner, .tech-dialog .el-cascader:not(.is-disabled):hover .el-input__inner, .tech-dialog .el-select .el-input.is-disabled .el-input__inner:hover, .tech-dialog .el-select .el-input.is-focus .el-input__inner { border: 1px solid rgba(var(--primary-color), 1); } .tech-style .el-icon-arrow-up:before, .tech-dialog .el-icon-arrow-up:before { content: '\e78f'; } .tech-style .el-select .el-input .el-select__caret, .tech-dialog .el-select .el-input .el-select__caret { color: rgba(var(--color-text-1), 1); font-size: 12px; } .tech-style .el-input--suffix .el-input__inner, .tech-dialog .el-input--suffix .el-input__inner { color: rgba(var(--color-text-1), 1); height: 36px; } .tech-popper.el-popper.el-select-dropdown, .tech-popper.el-popper.el-cascader__dropdown { background-color: rgba(var(--input-inner-background-10), 1); color: rgba(var(--color-text-10), 1); } .tech-style .el-cascader__tags input, .tech-dialog .el-cascader__tags input { background: rgba(var(--input-inner-background-10), 1); } .tech-style .el-cascader-menu, .tech-dialog .el-cascader-menu { color: rgba(var(--color-text-10), 1); } .tech-popper.el-popper .popper__arrow { display: none; } .tech-popper .el-select-dropdown__item { color: rgba(var(--color-text-10), 1); } .tech-popper.el-select-dropdown.el-popper, .tech-popper.el-popper.el-cascader__dropdown { margin: 0; border: 1px solid rgba(var(--primary-color), 1); border-radius: 2px; border-top: 1px solid rgba(var(--border-color-5), 1); } .tech-popper.el-popper.el-select-dropdown[x-placement='top-start'], .tech-popper.el-popper.el-cascader__dropdown[x-placement='top-start'] { margin-bottom: -1px; border-bottom: 1px solid rgba(var(--border-color-5), 1); border-top: 1px solid rgba(var(--primary-color), 1); } .tech-popper.el-popper.el-select-dropdown[x-placement='bottom-start'], .tech-popper.el-popper.el-cascader__dropdown[x-placement='bottom-start'] { margin-top: -1px; border-top: 1px solid rgba(var(--border-color-5), 1); border-bottom: 1px solid rgba(var(--primary-color), 1); } .tech-popper .el-scrollbar__view.el-select-dropdown__list .el-select-dropdown__item { background-color: rgba(var(--input-inner-background-10), 1); } .tech-popper .el-scrollbar__view.el-select-dropdown__list .el-select-dropdown__item.selected{ color: rgba(var(--color-text-1), 1); } .tech-popper .el-scrollbar__view.el-select-dropdown__list .el-select-dropdown__item:hover { background-color: rgba(var(--dropdown-item-hover-background-27), 1); color: rgba(var(--color-text-1), 1); } /* .tech-popper .el-scrollbar__wrap { margin-top: 8px; } */ /*多选下拉框*/ /*清空原来的多选框样式*/ .tech-popper.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after { content: ''; } .tech-popper.el-select-dropdown.is-multiple .el-select-dropdown__item::before { content: ''; display: inline-block; width: 13px; height: 13px; border: 1px solid rgba(var(--border-color-5), 1); background: rgba(var(--checkbox-background-12), 1); margin-right: 10px; margin-left: -5px; line-height: 15px; margin-bottom: -2px; } .tech-popper.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::before { font-family: element-icons, sans-serif; content: '\e6da'; font-size: 12px; background-color: rgba(var(--select-before-background-color-33), 1); color: rgba(var(--color-text-1), 1); border: 1px solid rgba(var(--select-before-background-color-33), 1); } .tech-popper.el-select-dropdown.is-multiple .el-select-dropdown__item.tech-is-indeterminate::before { content: ''; display: inline-block; width: 15px; height: 15px; border: 4px solid rgba(var(--select-before-background-color-33), 1); background: rgba(var(--checkbox-background-12), 1); margin-right: 10px; margin-left: -5px; line-height: 15px; margin-bottom: -2px; box-sizing: border-box; } .tech-popper .el-select-dropdown__item.selected { font-weight: normal; } .tech-popper.el-select-dropdown.is-multiple .el-select-dropdown__item.selected { color: rgba(var(--color-text-1), 1); } .tech-style .el-select-dropdown.is-multiple .el-select-dropdown__item .checkbox, .tech-dialog .el-select-dropdown.is-multiple .el-select-dropdown__item .checkbox { display: inline-block; position: relative; border: 1px solid rgba(var(--border-color-9), 1); border-radius: 2px; box-sizing: border-box; width: 14px; height: 14px; background-color: rgba(var(--color-text-1), 1); z-index: 1; transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46); } .tech-style .el-select-dropdown.is-multiple .el-select-dropdown__item.selected .checkbox, .tech-dialog .el-select-dropdown.is-multiple .el-select-dropdown__item.selected .checkbox { background-color: rgba(var(--background-color-14), 1); border-color: rgba(var(--background-color-14), 1); } .tech-style .el-select-dropdown.is-multiple .el-select-dropdown__item.selected .checkbox:after, .tech-dialog .el-select-dropdown.is-multiple .el-select-dropdown__item.selected .checkbox:after { position: absolute; font-family: element-icons, sans-serif; content: '\e6da'; font-size: 12px; color: rgba(var(--color-text-1), 1); top: -11px; } .tech-style .el-input__icon, .tech-dialog .el-input__icon { line-height: 36px; } .tech-style .el-select-dropdown.is-multiple .el-select-dropdown__item.selected, .tech-dialog .el-select-dropdown.is-multiple .el-select-dropdown__item.selected, .tech-popper.el-select-dropdown.is-multiple .el-select-dropdown__item.selected{ color: rgba(var(--color-text-1), 1); } .tech-style .el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover, .tech-dialog .el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover, .tech-popper.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover { background-color: rgba(var(--dropdown-item-hover-background-27), 1); color: rgba(var(--color-text-1), 1); } .tech-style .el-select .el-tag.el-tag--info, .el-cascader .el-tag.el-tag--info, .tech-dialog .el-select .el-tag.el-tag--info { background-color: rgba(var(--dialog-background-color-28), 1); border-color: rgba(var(--dialog-background-color-28), 1); color: rgba(var(--color-text-1), 1); } .tech-style .el-select .el-tag__close.el-icon-close, .el-cascader .el-tag__close.el-icon-close, .tech-dialog .el-select .el-tag__close.el-icon-close { background-color: transparent; color: rgba(var(--color-text-1), 1); } .tech-style .el-icon-arrow-down:before, .tech-dialog .el-icon-arrow-down:before { content: '\e790'; } .tech-style .el-input__prefix, .el-input__suffix, .tech-dialog .el-input__prefix { color: rgba(var(--color-text-1), 1); } .tech-style .el-cascader .el-input .el-icon-arrow-down, .tech-dialog .el-cascader .el-input .el-icon-arrow-down { transform: rotateZ(0); } .tech-style .el-cascader .el-input .el-icon-arrow-down.is-reverse, .tech-dialog .el-cascader .el-input .el-icon-arrow-down.is-reverse { transform: rotateZ(180deg); } .tech-style .el-cascader .el-tag .el-tag__close, .tech-dialog .el-cascader .el-tag .el-tag__close { top: 2px; } .tech-style .el-cascader-node:not(.is-disabled):focus, .el-cascader-node:not(.is-disabled):hover, .tech-dialog .el-cascader-node:not(.is-disabled):focus { background-color: rgba(var(--dropdown-item-hover-background-27), 1); color: rgba(var(--color-text-1), 1); } .tech-popper.el-popper .el-cascader-panel .el-cascader-node.in-active-path, .tech-popper.el-popper .el-cascader-panel .el-cascader-node.is-active, .tech-popper.el-popper .el-cascader-panel .el-cascader-node.is-selectable.in-checked-path{ color: rgba(var(--color-text-1), 1); } .tech-style .el-cascader__dropdown .el-cascader-menu, .tech-dialog .el-cascader__dropdown .el-cascader-menu { border-color: rgba(var(--dropdown-item-hover-background-27), 1); } .tech-style .el-select-group__title, .tech-dialog .el-select-group__title { color: rgba(var(--color-text-1), 1); font-weight: bold; } .tech-style .el-select-group .el-select-dropdown__item, .tech-dialog .el-select-group .el-select-dropdown__item { padding-left: 26px; color: rgba(var(--select-dropdown-item-color), 1); } .tech-style .el-select-group__wrap:not(:last-of-type)::after, .tech-dialog .el-select-group__wrap:not(:last-of-type)::after { display: none; } .tech-style .el-select-group__wrap:not(:last-of-type), .tech-dialog .el-select-group__wrap:not(:last-of-type) { padding-bottom: 0; } .tech-style .el-select-dropdown__item.selected, .tech-dialog .el-select-dropdown__item.selected { color: rgba(var(--color-text-1), 1); font-weight: normal; } .el-popper .popper__arrow, .el-popper .popper__arrow::after { display: none; } .tech-popper.el-popper.el-cascader__dropdown .el-checkbox__inner { background: content-box; border: 1px solid rgba(var(--border-color-5), 1); } .tech-popper.el-popper .el-cascader-node:not(.is-disabled):focus, .tech-popper.el-popper .el-cascader-node:not(.is-disabled):hover { color: rgba(var(--color-text-1), 1); } .tech-popper.el-popper .el-cascader-menu { border-right: 1px solid rgba(var(--border-color-5), 1); color: rgba(var(--color-text-10), 1); } .tech-popper.el-popper .el-cascader-menu .el-cascader-node{ color: rgba(var(--color-text-10), 1); } .tech-popper.el-popper .el-cascader-node:not(.is-disabled):focus, .tech-popper.el-popper .el-cascader-node:not(.is-disabled):hover { background-color: rgba(var(--dropdown-item-hover-background-27), 1); } .tech-popper.el-popper .el-checkbox__input.is-checked .el-checkbox__inner { background-color: rgba(var(--background-color-14), 1); border-color: rgba(var(--background-color-14), 1); } .tech-popper.el-popper .el-checkbox__input.is-indeterminate .el-checkbox__inner::before { display: none; } .tech-popper.el-popper .el-checkbox__input.is-indeterminate .el-checkbox__inner { border: 4px solid rgba(var(--background-color-14), 1); background: content-box; } /*搜索框*/ .tech-style .el-input-group__append button.el-button, .tech-dialog .el-input-group__append button.el-button { border-radius: 0; height: 34px; width: 36px; padding: 10px 14px; } .tech-style .el-input-group__append:hover, .tech-dialog .el-input-group__append:hover { color: rgba(var(--primary-color), 1); } .tech-style .el-input-group__append, .tech-dialog .el-input-group__append { border: 1px solid rgba(var(--border-color-5), 1); border-left: 0; border-top-right-radius: 2px; border-bottom-right-radius: 2px; background-color: rgba(var(--input-inner-background-10), 1); } .tech-style .el-input-group--append .el-input__inner, .tech-dialog .el-input-group--append .el-input__inner { height: 36px; color: rgba(var(--color-text-1), 1); } .tech-style .el-input-group__append .el-icon-search, .tech-search-select .el-icon-search, .tech-dialog .el-input-group__append .el-icon-search { font-weight: 700; color: rgba(var(--color-text-10), 1); } .tech-style .tech-search-select .el-input__prefix, .tech-dialog .tech-search-select .el-input__prefix { left: auto; right: 14px; padding-top: 11px; box-sizing: border-box; font-weight: 700; padding-left: 16px; border-left: 1px solid rgba(var(--border-color-5), 1); } .tech-style .tech-search-select .el-icon-arrow-up:before, .tech-dialog .tech-search-select .el-icon-arrow-up:before { content: ''; } .tech-style .tech-search-select .el-input--prefix .el-input__inner, .tech-dialog .tech-search-select .el-input--prefix .el-input__inner { padding-left: 15px; } /*单选按钮*/ .tech-style .el-radio__input.is-checked .el-radio__inner, .tech-dialog .el-radio__input.is-checked .el-radio__inner { border-color: rgba(var(--background-color-14), 1); background: rgba(var(--checkbox-background-12), 1); } .tech-style .el-radio__inner::after, .tech-dialog .el-radio__inner::after { background-color: rgba(var(--background-color-14), 1); width: 6px; height: 6px; } .tech-style .el-radio__inner, .tech-dialog .el-radio__inner { border: 1px solid rgba(var(--radio-border-color-7), 1); background: rgba(var(--checkbox-background-12), 1); } .tech-style .el-radio__input.is-checked + .el-radio__label, .tech-dialog .el-radio__input.is-checked + .el-radio__label { color: rgba(var(--color-text-1), 1); } .tech-style .el-radio, .tech-dialog .el-radio { color: rgba(var(--color-text-1), 1); } .tech-style .el-radio__input.is-disabled .el-radio__inner, .tech-style .el-radio__input.is-disabled.is-checked .el-radio__inner, .tech-dialog .el-radio__input.is-disabled .el-radio__inner, .tech-dialog .el-radio__input.is-disabled.is-checked .el-radio__inner { background-color: rgba(var(--checkbox-background-12), 1); border-color: rgba(var(--color-placeholder-text-5), 1); } .tech-style .el-radio__input.is-disabled.is-checked .el-radio__inner::after, .tech-dialog .el-radio__input.is-disabled.is-checked .el-radio__inner::after { background-color: rgba(var(--color-placeholder-text-5), 1); } .tech-style.el-cascader__dropdown .el-cascader-panel .el-radio__inner::after{ background:transparent; } .tech-style.el-cascader__dropdown .el-cascader-panel .el-radio.is-checked .el-radio__inner::after{ background:rgba(var(--primary-color), 1) } /*多选按钮*/ .tech-style .el-checkbox__inner, .tech-dialog .el-checkbox__inner { background: rgba(var(--checkbox-background-12), 1); border: 1px solid rgba(var(--color-placeholder-text-5), 1); border-radius: 0; } .tech-style .el-checkbox__inner:hover, .tech-dialog .el-checkbox__inner:hover { border-color: rgba(var(--primary-color), 1); } .tech-style .el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner, .tech-dialog .el-checkbox__input.is-checked .el-checkbox__inner { background-color: rgba(var(--background-color-14), 1); border-color: rgba(var(--background-color-14), 1); } .tech-style .el-checkbox__input.is-checked + .el-checkbox__label, .tech-dialog .el-checkbox__input.is-checked + .el-checkbox__label { color: rgba(var(--color-text-1), 1); } .tech-style .el-checkbox, .tech-dialog .el-checkbox { color: rgba(var(--color-text-1), 1); } .tech-style .el-checkbox__input.is-indeterminate .el-checkbox__inner::before, .tech-dialog .el-checkbox__input.is-indeterminate .el-checkbox__inner::before { display: none; } .tech-style .el-checkbox__input.is-indeterminate .el-checkbox__inner, .tech-dialog .el-checkbox__input.is-indeterminate .el-checkbox__inner { border: 4px solid rgba(var(--background-color-14), 1); background: rgba(var(--checkbox-background-12), 1); } .tech-style .el-checkbox__input.is-disabled .el-checkbox__inner, .tech-dialog .el-checkbox__input.is-disabled .el-checkbox__inner { background-color: rgba(var(--color-placeholder-text-5), 0.2); border-color: rgba(var(--radio-border-color-7), 1); } .tech-style .el-checkbox__input.is-disabled + span.el-checkbox__label, .tech-dialog .el-checkbox__input.is-disabled + span.el-checkbox__label { color: rgba(var(--color-text-1), 1); } .tech-style .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner, .tech-dialog .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner { background: rgba(var(--color-placeholder-text-5), 0.2); border: 1px solid rgba(var(--color-placeholder-text-5), 1); } .tech-style .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after, .tech-dialog .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after { color: rgba(var(--color-text-1), 1); border-color: rgba(var(--color-text-1), 1); } .tech-style .el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner, .tech-dialog .el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner { background: rgba(var(--color-placeholder-text-5), 0.2); border: 3px solid rgba(var(--color-placeholder-text-5), 1); } .tech-popper.el-popper.el-cascader__dropdown .el-checkbox__inner::after{ border-color:transparent } .tech-popper.el-popper.el-cascader__dropdown .el-checkbox.is-checked .el-checkbox__inner::after{ border-color:rgba(var(--color-text-1), 1) } /* *********************输入框(提示、清除)+下拉选择框(提示、清除)+单复选 end********************* */ /* *********************分页组件 start********************* */ .tech-style .tech-pager { display: flex; flex-direction: row-reverse; align-items: center; margin: 20px 0; } .tech-style .tech-pager--small { margin: 14px 0; } .tech-style .tech-pagination { align-items: center; display: flex; } .tech-style .tech-pagination .el-input .el-input__inner { background: unset !important; } .tech-style .tech-pagination .el-pagination { padding: 0; } .tech-style .tech-pagination .el-pagination__jump { margin-left: 9px; } .tech-style .tech-pagination .el-pagination__editor.is-in-pagination { margin-left: 12px; } .tech-style .tech-pagination .my-btn { border: 1px solid rgba(var(--border-color-5), 1); margin: 0; border-left: 0; border-radius: 0; margin-left: -5px; background: transparent; } .tech-style .tech-pagination .my-btn span { color: rgba(var(--color-text-1), 1); } .tech-style .tech-pagination .el-input__inner { border-radius: 0; border-color: rgba(var(--border-color-5), 1); background-color: transparent; color: rgba(var(--color-text-1), 1); /* color: rgba(var(--color-text-1), 1); */ } .tech-style .tech-pagination .jump .el-input__inner { width: 50px; height: 28px; } .tech-style .tech-pagination .jump.el-input { width: 50px; } .tech-style .tech-pagination .el-select { margin: 0 8px; } .tech-style .tech-pagination .el-pagination .el-select .el-input { width: 70px; } .tech-style .tech-pagination span { font-size: 12px; color: rgba(var(--color-text-10), 1); } .tech-style .tech-pagination .el-select .el-input--suffix > .el-input__inner { width: 70px; height: 28px; padding-left: 9px; } .tech-style .tech-pagination .el-select:hover .el-input__inner { border-color: rgba(var(--primary-color), 1); } .tech-style .tech-pagination .el-select .el-input__icon { line-height: 28px; } .tech-style .tech-pagination .el-select .el-input .el-select__caret { color: rgba(var(--color-text-1), 1); } .tech-style .tech-pagination .el-pagination.is-background .el-pager li { background: transparent; min-width: 28px !important; margin: 0 2px; color: rgba(var(--color-text-10), 1); font-size: 12px; border: 1px solid rgba(var(--border-color-5), 1); line-height: 26px; } .tech-style .tech-pagination .el-pagination .btn-next { margin-left: 2px; border: 1px solid rgba(var(--border-color-5), 1); background: transparent; } .tech-style .tech-pagination .el-pagination .btn-prev { margin-right: 2px; border: 1px solid rgba(var(--border-color-5), 1); background: transparent; } .tech-style .tech-pagination .el-pagination.is-background .btn-prev:disabled { background-color: rgba(var(--border-color-5), 1); } .tech-style .tech-pagination .el-pagination.is-background .btn-next:disabled { background-color: rgba(var(--border-color-5), 1); } .tech-style .tech-pagination .my-btn:hover { background-color: rgba(var(--primary-color), 1); } .tech-style .tech-pagination .my-btn:focus { background-color: rgba(var(--primary-color), 1); } .tech-popper .el-select-dropdown__list { /* padding: 0 5px; */ border-top: 0; } .tech-style .tech-pagination .el-pagination.is-background .el-pager li:not(.disabled).active { background-color: rgba(var(--primary-color), 1); color: rgba(var(--color-text-1), 1); border: 1px solid rgba(var(--primary-color), 1); } .tech-pagination-popper.tech-popper.el-select-dropdown.el-popper[x-placement] { border-radius: 0; } .tech-pagination-popper.el-select-dropdown .el-select-dropdown__item { background-color: rgba(var(--checkbox-background-12), 1); color: rgba(var(--color-text-1), 1); padding: 0 10px; height: 24px; line-height: 24px; } .tech-pagination-popper.el-select-dropdown .el-select-dropdown__item.hover, .tech-pagination-popper.el-select-dropdown .el-select-dropdown__item:hover { background-color: rgba(var(--pagination-pagesize-background-13), 1); } /* 小型尺寸分页 */ .tech-style .tech-pagination.tech-style .tech-pagination.small { margin-top: 20px; } .tech-style .tech-pagination.small .el-pagination.is-background .el-pager li { border: 0; min-width: 24px; height: 24px; line-height: 24px; } .tech-style .tech-pagination.small .el-pagination .btn-prev， .tech-style .tech-pagination.small .el-pagination .btn-next { border: 0; } .tech-style .tech-pagination.small .el-pagination.is-background .btn-prev:disabled， .tech-style .tech-pagination.small .el-pagination.is-background .btn-next:disabled { background: transparent; } .tech-style .tech-pagination .el-pagination.is-background .btn-prev, .tech-style .tech-pagination .el-pagination.is-background .btn-next { color: rgba(var(--color-text-10), 1); } .tech-style .tech-pagination.small .el-select .el-input__inner { height: 24px; } .tech-style .tech-pagination.small .el-select .el-input__icon { line-height: 24px; } .tech-style .tech-pagination.small .jump .el-input__inner { height: 24px; } .tech-style .tech-pagination.small .el-pagination button { height: 24px; line-height: 24px; } .tech-style .tech-pagination.small .el-pagination span:not([class*='suffix']) { height: 24px; line-height: 24px; } /* 后续更新的分页样式 */ .tech-smallPage .el-pager li { background: transparent; min-width: 24px; height: 24px; line-height: 24px; border-radius: 2px; color: rgba(var(--color-text-10), 1); margin-right: 6px; } .tech-smallPage .el-pager li.active { color: rgba(var(--color-text-1), 1); background: rgba(var(--primary-color), 1); } .tech-smallPage .el-pagination__editor.el-input { width: 58px; } .tech-smallPage .el-pagination__editor.el-input .el-input__inner { height: 24px; } .tech-smallPage .el-select .el-input__inner { width: 81px !important; border-radius: 2px !important; padding-left: 10 !important; padding-right: 9px !important; text-align: left; } .tech-smallPage .el-input__suffix { right: -12px; } .tech-smallPage .btn-next .el-icon, .tech-smallPage .btn-prev .el-icon { color: rgba(var(--color-text-10), 1); } .tech-smallPage .btn-prev { padding-right: 6px; } .tech-smallPage .btn-next { padding-left: 0px; margin-left: 0; } .tech-smallPage .el-pagination__jump { margin-left: 0; } .tech-style .tech-pagination.tech-smallPage .el-pagination .btn-prev,.tech-style .tech-pagination.tech-smallPage .el-pagination .btn-next{ border: 0; background: transparent; } /* *********************分页组件 end********************* */ /* *********************对话框+图片上传+滑块进度条 start********************* */ /*-----------------------------------------------滑块开始----------------------------------------------*/ .tech-slider { margin-left: 20px; } .tech-slider .el-slider__runway { height: 5px; width: 308px; background-color: rgba(var(--border-color-5), 1); } .tech-slider .el-slider__bar { background-color: rgba(var(--primary-color), 1); height: 5px; } .tech-slider .ruler .el-slider__stop.el-slider__marks-stop { visibility: hidden; } .tech-slider span { color: rgba(var(--color-text-1), 1); } /*-----------------------------------------------滑块结束----------------------------------------------*/ /*-----------------------------------------------图片上传开始-------------------------------------------*/ .tech-upload { display: flex; margin: 20; width: 126px; height: 126px; border: 1px solid rgba(var(--upload-border-color-11), 1); border-radius: 3px; } .tech-upload .image-uploader { font-size: 35px; color: rgba(var(--color-text-9), 1); background: transparent; border: 1px dashed rgba(var(--primary-color), 1); display: flex; justify-content: center; align-items: center; height: 118px; width: 118px; margin: 4px; border-radius: 3px; } .tech-upload .image-uploader .el-upload:hover { border-color: rgba(var(--background-color-14), 1); } .tech-upload .image-uploader .el-upload { color: rgba(var(--background-color-14), 1); } .tech-upload .flex-img__image { width: 146px; height: auto; border-radius: 6px; } .tech-upload .avatar-uploader .el-upload { border: 1px dashed rgba(var(--avatar-uploader-border-color-13), 1); border-radius: 6px; cursor: pointer; position: relative; overflow: hidden; } .tech-upload .avatar-uploader .el-upload:hover { border-color: rgba(var(--background-color-14), 1); } .tech-upload .avatar-uploader-icon { font-size: 28px; color: rgba(var(--color-text-9), 1); width: 178px; height: 178px; line-height: 178px; text-align: center; } .tech-upload .avatar { width: 178px; height: 178px; display: block; } .tech-upload [class^='el-icon-']:hover, .tech-upload [class*='el-icon-']:hover { color: rgba(var(--background-color-14), 1); } .tech-upload .el-loading-spinner .path { stroke: rgba(var(--primary-color), 1); } .tech-upload .el-loading-spinner .circular { width: 23px; height: 23px; } .tech-upload .el-upload-list--picture-card .el-upload-list__item { width: 126px; height: 126px; border-radius: 2px; } .tech-upload .el-upload-list__item:hover { border: 1px solid rgba(var(--primary-color), 1); } .el-tooltip__popper.upload-popper .popper__arrow { display: none; } .el-tooltip__popper.upload-popper .el-loading-spinner .el-loading-text { font-weight: 400; text-align: center; color: rgba(var(--color-text-1), 1); line-height: 14px; font-size: 14px; } /*-----------------------------------------------图片上传结束-------------------------------------------*/ /*-----------------------------------------------弹出对话框开始 --------------------------------------------*/ .tech-dialog .el-dialog { border: 1px solid rgba(var(--primary-color), 1); } .tech-dialog .el-dialog > .el-dialog__header .el-dialog__headerbtn { background: url(images/tanchuang-guanbi.png) no-repeat; width: 20px; height: 20px; } /* 兼容tech-dialog旧版写法(el-dialog外加一个div.tech-dialog) ================start================ */ /* div.tech-dialog > .el-dialog__wrapper > .el-dialog { margin-top: 0 !important; margin-left: 0; top: 50%; left: 50%; transform: translate(-50%, -50%); } */ div.tech-dialog > .el-dialog__wrapper > .el-dialog > .el-dialog__footer > div { height: 36px; } div.tech-dialog > .el-dialog__wrapper.confirmTip > .el-dialog { width: 500px; } div.tech-dialog > .el-dialog__wrapper.small > .el-dialog { width: 580px; } div.tech-dialog > .el-dialog__wrapper.medium > .el-dialog { width: 840px; } div.tech-dialog > .el-dialog__wrapper.larger > .el-dialog { width: 1160px; } /* 兼容tech-dialog旧版写法(外加一个div.tech-dialog) ================end================ */ /* tech-dialog新版写法( 根节点加class: tech-dialog) ================start================ */ .tech-dialog .el-dialog__wrapper { display: flex; justify-content: center; align-items: center; } .tech-dialog .el-dialog, .el-pager li { background: rgba(var(--dateRangePicker-background-9), 1); } .tech-dialog.el-dialog__wrapper.small > .el-dialog { width: 580px; } .tech-dialog.el-dialog__wrapper.medium > .el-dialog { width: 840px; } .tech-dialog.el-dialog__wrapper.larger > .el-dialog { width: 1160px; } /* tech-dialog新版写法( 根节点加class: tech-dialog) ================end================ */ .tech-dialog .el-dialog .el-dialog__header { padding: 18px 36px; border-bottom: 1px solid rgba(var(--border-color-4), 1); font-weight: 700; font-size: 20px; line-height: 28px; color: rgba(var(--dialog-header-text-23), 1); } /* 上下页眉+边界高度141px+36px */ /* 故最小高度为：360-141-36 */ .tech-dialog .el-dialog > .el-dialog__body { min-height: 183px; padding: 27px 40px 24px 40px; margin: 0; color: rgba(var(--color-text-1), 1); overflow-y: auto; } /* 上下页眉+边界高度141px+36px */ @media only screen and (max-width: 1366px) { .tech-dialog .el-dialog > .el-dialog__body { max-height: 403px; } } @media only screen and (max-width: 1440px) and (min-width: 1367px) { .tech-dialog .el-dialog > .el-dialog__body { max-height: 523px; } } @media only screen and (max-width: 1600px) and (min-width: 1441px) { .tech-dialog .el-dialog > .el-dialog__body { max-height: 523px; } } @media only screen and (max-width: 1920px) and (min-width: 1601px) { .tech-dialog .el-dialog > .el-dialog__body { max-height: 603px; } } @media only screen and (min-width: 1921px) { .tech-dialog .el-dialog > .el-dialog__body { max-height: 613px; } } .tech-dialog .el-dialog > .el-dialog__footer { padding: 24px 40px 24px 40px; display: flex; justify-content: center; } /**标题的样式*/ .tech-dialog .el-dialog__title { color: rgba(var(--color-text-1), 1); line-height: 20px; } .tech-dialog .el-dialog .el-dialog__header, .tech-dialog .el-dialog > .el-dialog__body, .tech-dialog .el-dialog > .el-dialog__footer { background: rgba(var(--dateRangePicker-background-9), 1); } .tech-dialog .el-dialog .tech-dialog-context { margin: 9px 8px; text-align: center; font-size: 32px; font-weight: 700; color: rgba(var(--color-text-1), 1); } .tech-dialog .el-dialog__headerbtn .el-dialog__close { visibility: hidden; } /*-----------------------------------------------弹出对话框结束 --------------------------------------------*/ /* *********************对话框+图片上传+滑块进度条 end********************* */ /*************时间日期选择组件禁止按钮样式 *******/ .el-year-table td.disabled .cell{ background: transparent; cursor:not-allowed; color:rgba(var(--color-text-11), 1); }