|
|
@@ -0,0 +1,368 @@
|
|
|
+@import './reset.less';
|
|
|
+
|
|
|
+.container{
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ overflow: auto;
|
|
|
+}
|
|
|
+.dayDetail {
|
|
|
+ background-color: @disColor;
|
|
|
+ .dayFilter {
|
|
|
+ .levelList {
|
|
|
+ height: 80px;
|
|
|
+ }
|
|
|
+ .selectLevel,.levelList {
|
|
|
+ width: 180px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .filterItem.deptListWrap {
|
|
|
+ display: none;
|
|
|
+ .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{
|
|
|
+ .main-body-com;
|
|
|
+ min-width: 1160px;
|
|
|
+ /*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 20px 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;
|
|
|
+ }
|
|
|
+ input:focus{
|
|
|
+ border: 1px solid @activeColor ;
|
|
|
+ outline: 0;
|
|
|
+ -webkit-box-shadow:@activeColor 0px 0px 2px;
|
|
|
+ -moz-box-shadow: @activeColor 0px 0px 2px;
|
|
|
+ box-shadow: @activeColor 0px 0px 2px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .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 20px 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;
|
|
|
+}
|
luolei