/* 侧边导航栏 start*/ .el-menu-item, .el-submenu__title { height: 35px; line-height: 35px; position: relative; -webkit-box-sizing: border-box; white-space: nowrap; list-style: none; } .el-submenu .el-menu-item { height: 35px; line-height: 35px; padding: 0 45px; min-width: 200px; } .site-sidebar__inner { width: 256px; } .site-sidebar__inner { width: 260px; } /* 侧边导航栏 end*/ /*table start*/ .el-table th { display: table-cell !important; background-color: #17b3a3; color: #fff; height: 20px; } .el-table .cell { line-height: 14px; font-size: 12px; height: 14px; } .el-input--medium .el-input__inner { height: 28px; line-height: 20px; } .el-table--medium td, .el-table--medium th { padding: 5px 0; } /*table end*/ /* 输入框 start*/ .el-input--medium { font-size: 12px; } .el-button--medium { padding: 3px 10px; font-size: 12px; border-radius: 4px; } .el-select-dropdown__item { font-size: 12px; } .el-form-item { margin-bottom: 0px; } .el-checkbox__inner { width: 12px; height: 11px; } /* 输入框 end*/ /* tag start*/ .el-tag--small { height: 15px; padding: 0 8px; line-height: 13px; } /* tag end*/ .el-table .caret-wrapper { height: 20px; } /* table排序 start */ .el-table .descending .sort-caret.descending { border-top-color: #00ff00; } .el-table .ascending .sort-caret.ascending { border-bottom-color: #00ff00; } /* table排序 end */ /* input start*/ .el-input__inner { padding: 0 5px; } /* input end*/ /* el-dialog start*/ .el-dialog__body{ padding: 0px 10px; } /* el-dialog end*/ /* el-form-item 间距 start*/ .el-form--label-top .el-form-item__label { float: none; display: inline-block; text-align: left; padding: 0px 0 0px; } /* el-form-item 间距 end*/ /* el-form-item 间距 start*/ .el-form--label-top .el-form-item__label { float: none; display: inline-block; text-align: left; padding: 0px 0 0px; line-height: 28px; } .el-form-item--medium .el-form-item__content, .el-form-item--medium .el-form-item__label { line-height: 30px; } .el-form-item--mini.el-form-item, .el-form-item--small.el-form-item { margin-bottom: 1px; } /* el-form-item 间距 end*/ /* 提示消息 start */ .el-message{ margin-top: 20%; } /* end */ /* 布局间距 */ .el-card__body { padding: 5px; } .site-content > .el-tabs > .el-tabs__content { padding: 0 5px 5px; } .site-content--tabs { padding: 30px 0 0; } .site-navbar__brand { height: 35px; line-height: 35px; font-size: 18px; } .site-navbar__brand2 { height: 35px; line-height: 35px; font-size: 18px; } .site-navbar { height: 35px; } .site-sidebar { top: 35px; } .site-navbar__body { height: 35px; } .site-content > .el-tabs > .el-tabs__header { top: 35px; } .site-navbar__menu .el-menu-item, .site-navbar__menu .el-submenu > .el-submenu__title { height: 35px; line-height: 35px; } .site-content > .el-tabs > .el-tabs__content > .site-tabs__tools { top: 35px; height: 40px; font-size: 16px; line-height: 40px; } /*按钮*/ .el-dialog__footer { padding: 10px 20px 20px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; } /*提示消息 按钮 确认在右 取消仔左*/ .el-message-box__btns { padding: 5px 15px 0; display: flex; flex-direction: row-reverse; gap: 10px; } /* 树结构label 字体*/ .el-tree-node__label { font-size: 12px; } /* form-item__label*/ .el-form-item__label { font-size: 12px; } /* checkbox__label */ .el-checkbox__label { font-size: 12px; } /* radio__label */ .el-radio__label { font-size: 12px; } .el-table .cell, .el-table th div, .el-table--border td:first-child .cell, .el-table--border th:first-child .cell { padding-left: 5px; } .el-table .cell, .el-table th div { padding-right: 4px; overflow: hidden; text-overflow: ellipsis; } /* 全局缩小行间距 LR*/ /* 针对普通的input*/ .el-form-item__content{ margin-top: -3px; } /*全局年与日类型 宽度*/ div.el-time-width{ width: 120px !important; } /* 全局时间右边框*/ input.el-input__inner{ height: 20px !important; padding-right: 0px !important; } /* 时间框选择样式 */ .customer-css span.el-input__prefix{ left: 1px; } /* 时间HH:MM的样式*/ .el-input--prefix .el-input__inner { padding-left: 23px; } /* table单击选中行的样式 */ .el-table__body tr.current-row > td{ background-color: #d9edf7 !important; ; /* color: #f19944; */ /* 设置文字颜色,可以选择不设置 */ } /*全局的fieldset样式*/ .customer-fieldset{ padding: 0.125em; } /*全局fieldset的legend的样式*/ .customer-fieldset > .customer-legend{ font-size: 12px; line-height: 20px; } /*全局fieldset的页签内容的样式*/ .customer-fieldset .el-tabs__item { padding: 0 13px; height: 26px; line-height: 26px; font-size: 12px; font-weight: 500; } /*定制组件的样式*/ .customer-css .el-dialog{ top: 10vh !important; margin-top: 0px !important; margin-bottom: 10px; } /* 定制模态框中 table的样式 */ .customer-tab .el-table .is-leaf{ line-height: 16px; } .customer-components .el-table .is-leaf{ line-height: 16px; } /*.el-form { margin-top: -8px !important; }*/ // 2021-12-14 13:29 sxm .el-form-item--medium .el-form-item__label { height: 20px; line-height: 20px; } .el-input--medium .el-input__inner,.el-form-item--medium .el-form-item__content { height: 24px; line-height: 20px; } .el-input--medium .el-input__icon { line-height: 20px; } .el-form-item--mini .el-form-item__content, .el-form-item--mini .el-form-item__label { line-height: 20px; } .el-form-item--mini .el-form-item__label { line-height: 20px; } .el-input-number{ width: 100%; } .el-input-number .el-input__inner { text-align: right; padding-right: 5px !important; padding-left: 0 !important; } .el-input-number--medium .el-input-number__decrease, .el-input-number--medium .el-input-number__increase{ width: 18px; height: 18px; font-size: 14px; line-height: 1.5; } .el-input-number--mini{ line-height: 20px } .el-input-number--mini .el-input-number__decrease, .el-input-number--mini .el-input-number__increase{ width: 18px; height: 18px; font-size: 14px; line-height: 1.5; } .el-input .el-input--medium{ line-height: 20px; } .el-input-number .el-input--medium{ line-height: 20px; } // sxm 模态框 2021-12-22 .el-dialog__header { padding: 5px 10px 5px; } .el-dialog__footer { padding: 5px 10px 5px; } .el-dialog--center .el-dialog__body { text-align: initial; padding: 0px 10px 0px; } .el-dialog__headerbtn { position: absolute; top: 5px; right: 10px; padding: 0; background: 0 0; border: none; outline: 0; cursor: pointer; font-size: 16px; } /*全局 el-table 下 el-input的样式 LR 2022-01-12*/ .customer-number-cell .cell{ height: 24px !important; padding: 0px; } .customer-text-cell .cell{ height: 24px !important; padding: 0px; } /*table中input 修改样式*/ div.table-number-input { padding: 0px 0px; height: 24px !important; } /*table中input*/ div.table-number-input input.el-input__inner{ padding: 0px 0px; height: 24px !important; text-align: right; } div.table-text-input input.el-input__inner{ padding: 0px 0px; height: 24px !important; text-align: center; } /*a标签全局无下划线 2022-01-18 LR*/ a:hover{ text-decoration: none; } /*重写checkbox的样式 2022-03-09*/ .el-checkbox__inner::after { left: 3px; top: -0.5px; } .sl .el-form-item { margin-bottom: 5px; } .el-textarea__inner { padding: 5px 5px; } .el-button--small, .el-button--small.is-round { padding: 5px 10px; } .el-dropdown-menu--medium .el-dropdown-menu__item { line-height: 30px; padding: 0 17px; font-size: 12px; } .el-transfer-panel { border: 2px solid #17b3a3; border-radius: 4px; overflow: hidden; background: #fff; display: inline-block; vertical-align: middle; width: 252px; max-height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } .el-transfer-panel .el-transfer-panel__header { height: 40px; line-height: 40px; background: #17b3a3; margin: 0; padding-left: 15px; border-bottom: 1px solid #17b3a3; -webkit-box-sizing: border-box; box-sizing: border-box; color: #000; } .rred input { color: red; } .rq .el-transfer-panel { border: 2px solid #17b3a3; border-radius: 4px; overflow: hidden; background: #fff; display: inline-block; vertical-align: middle; width: 200px; max-height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } .rq .el-transfer-panel .el-transfer-panel__header { height: 40px; line-height: 40px; background: #17b3a3; margin: 0; padding-left: 15px; border-bottom: 1px solid #17b3a3; -webkit-box-sizing: border-box; box-sizing: border-box; color: #000; } .rq .el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label { font-size: 14px; color: #303133; font-weight: 400; } .rq .el-transfer-panel__filter .el-input__icon { margin-left: -3px; margin-top: -2px; } /* 全局隐藏上下箭头 */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin-top: 0; margin-right: 2px; } input[type="number"] { -moz-appearance: textfield; /* Firefox */ text-align: right; } .auto .el-form-item__content{ height: auto; line-height: 1.5; } .full-block{ height:100%; width:100%; overflow:hidden; } .flex-layout{ display:flex; flex-direction:column; } .flex-auto{ flex:1 1 auto } .flex-none{ flex:none } //盒子高度 .box-container{ display: flex; flex-direction: column; height: calc(100vh - 100px); min-height: 200px; }