@import './reset.less'; .container{ width: 100%; height: 100%; overflow: auto; } .deptScoreDetailControl { background-color: #fff; .dayFilter { .levelList { height: 80px; } .selectLevel,.levelList { width: 180px; } } .filterItem.deptListWrap { .selectDept,.deptList { width: 180px; } } ul,li{ list-style: none; } h2{ width: 100%; box-sizing: border-box; background-color: #fff; z-index: 20; height: 44px; line-height: 44px; padding: 0 0 0 15px; border-bottom: 1px solid #E2E5EF; font-size: 16px; font-weight: bold ; letter-spacing: 1px; } .main-body{ padding: 20px 35px 50px 35px; min-width: 1090px; box-sizing: border-box; /*width: 100%;*/ } table{ .table; min-width: 1090px; th,td{ text-align: center; } th{ white-space: nowrap; } th[code]{ cursor: pointer; &:after{ content:""; display:inline-block; width: 11px; height: 14px; margin-left: 4px; vertical-align: middle; background: url("../images/grey.png"); } &.asc:after{ background: url("../images/up_blue.png"); } &.desc:after{ background: url("../images/down_blue.png"); } } td{ white-space: nowrap; } .moduleNumber{ text-align: center; } .scoreOperaItem{ width: 50px; cursor: pointer; } } .tabFoot{ height: 40px; /*border: 1px solid #E2E5EF; border-top: none; box-sizing: border-box;*/ } .scoreOpera{ height: 50px; line-height: 50px; margin: 0 20px 0 0; cursor: pointer; img{ margin: 0 10px 0 0; } } .recordScoreOperaBtn{ cursor: pointer; color: @activeColor; } .recordScoreBtn{ cursor: pointer; display: inline-block; width:68px; height:30px; line-height: 30px; text-align: center; border-radius:4px; box-sizing: border-box; border: 1px solid @activeColor; color: @activeColor; } .filterBox{ margin-bottom: 15px; } .filterItem{ position: relative; display: inline-block; float: left; height: 40px; line-height: 40px; margin: 0 20px 15px 0; span{ display: inline-block; line-height: 40px; position: relative; } input{ width:120px; height:40px; border-radius:4px; border: 1px solid #E2E5EF; outline: none; margin-right: 10px; padding: 0 10px; box-sizing: border-box; } } .filterDropList{ position: absolute; right: 0; max-height: 200px; overflow-y: auto; background: #fff; display: none; border: 1px solid #e4e7ed; box-shadow: 0 2px 12px 0 #e4e7ed; z-index: 2; li{ padding: 0 10px; } } .deptList{ width: 160px; max-height: 400px; } .levelList{ width: 120px; height: 120px; li:hover{ background-color: #EEF4FF; cursor: pointer; } } .selectLevel,.selectDept{ display: inline-block; position: relative; width:120px; padding: 0 10px; height:40px; border-radius:4px; border: 1px solid #E2E5EF; box-sizing: border-box; cursor: pointer; } .selectDept{ width: 160px; } .filter{ display: inline-block; width:60px; height:36px; background:@activeColor; border-radius:4px; color: #fff; text-align: center; line-height: 36px; position: relative; top: 2px; cursor: pointer; float: left; } .arrow{ position: absolute; width: 10px; top: 16px; right: 10px; } .iconCheck{ width: 14px; } .fl{ float: left; } .clearfix:after { content: ''; height: 0; line-height: 0; display: block; visibility: hidden; clear: both; } .clearfix{ zoom:1 } .divide{ margin: 0 10px; } .datapickerBox{ position: relative; display: inline-block; width: 120px; height: 40px; input{ position: absolute; } } .iconCalen{ position: absolute; width: 15px; top: 12px; right: 10px; } .textCenter{ text-align: center; } .patientNameSpan{ color: #00A1F0; cursor: pointer; } .patientNameSpans{ color: #FF4D4F; cursor: pointer; margin-left: 30px; } .deptItem:hover{ background-color: #EEF4FF; cursor: pointer; } .ellipsis{ overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .pagination{ margin: 35px 0 0 0 ; text-align: right; } .totalSum{ font-size:12px; line-height:17px; color: #777777; margin-right: 20px; } .pageNum,.prePage,.nextPage, .more{ display: inline-block; width: 20px; cursor: pointer; margin: 0 20px 0 0; text-align: center; color: #777; } .prePage,.nextPage{ img{ position: relative; top: 0px ; } } .more{ cursor: not-allowed; } .arrowPage{ width: 6px; } .activePage{ color: @activeColor; } .ui-datepicker-calendar { border: 0 none; min-width: 0; } .ui-datepicker thead { background-color: #fff; color: #c3cbd6; } .ui-datepicker td { padding: 0; height: auto; color: #657180; } .ui-datepicker td span, .ui-datepicker td a { text-align: center; height: 30px; line-height: 30px; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 0; background-color: #fff; &:hover { background-color: #c4d8fe; } } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { color: #333; font-weight: normal; height: 30px; line-height: 30px; margin: 0 5px; width: 40%; border-radius: 3px; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { top: 5px; } .ui-state-active, .ui-widget-content .ui-state-active { background-color: @activeColor !important; color: #fff; } .ui-state-highlight, .ui-widget-content .ui-state-highlight { background-color: #fff5bf !important; color: #657180; } .ui-widget-header { background-color: #fff; border: 0 none; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } input[type="number"] { -moz-appearance: textfield; } } .abnormalClear { top: 2px !important; }