1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012 |
- @import './reset.less';
- .main-part{
- height: 100%;
- }
- .ellipsis{
- overflow: hidden;
- text-overflow:ellipsis;
- white-space: nowrap;
- }
- #loading{
- text-align: center;
- height: 2000px;
- margin-top: 30px;
- }
- .waring {
- color: #FF4D4F;
- margin-top: 18px;
- height: 18px;
- }
- .patient-info{
- /*height: 50px;*/
- background: #fff;
- line-height: 50px;
- border-bottom: 10px #EFF1F6 solid;
- text-align: center;
- /*margin-bottom: 20px;*/
- padding-right: 80px;
- span{
- color: #333;
- margin-right: 40px;
- display: inline-block;
- }
- .check,.ywCheck{
- display: inline-block;
- padding: 0px 13px;
- background: #00A1FF;
- color:#fff;
- border-radius: 4px;
- height: 30px;
- line-height: 30px;
- position: absolute;
- right: 0;
- top: 10px;
- margin-right: 25px;
- cursor: pointer;
- }
- .ywCheck{
- display: none;
- }
- }
- .sub-menu{
- position: relative;
- width: @menuWt+15px;
- height: 100%;
- float: left;
- /*overflow-y: auto;*/
- overflow: hidden;
- background: @themeColor;
- border-right: 1px @frameBdColor solid;
- .logo{
- margin:8px 0 44px;
- text-indent: 22px;
- height: 42px;
- }
- &>a{
- position: absolute;
- top: 50%;
- right: 0;
- z-index: 100;
- }
- &>ul,.subMenu{
- overflow-x: hidden;
- overflow-y: auto;
- white-space: nowrap;
- height:calc(100% - 140px);
- }
- &>ul>li,.subMenu>li{
- color: @fstColor;
- margin-bottom: 10px;
- &.menu-0{
- background: url("../images/total.png") 20px 9px no-repeat;
- &.active{
- background: url("../images/total_a.png") 20px 9px no-repeat;
- }
- &.slide-up{
- background-color: @activeBg;
- }
- }
- &.menu-6{
- background: url("../images/index.png") 20px 11px no-repeat;
- &.active{
- background: url("../images/index_a.png") 20px 11px no-repeat;
- }
- &.slide-up{
- background-color: @activeBg;
- }
- }
- &.menu-1{
- background: url("../images/inhis.png") 19px 11px no-repeat;
- &.active{
- background: url("../images/inhis_a.png") 19px 11px no-repeat;
- }
- &.slide-up{
- background-color: @activeBg;
- }
- }
- &.menu-37{
- background: url("../images/prod.png") 20px 10px no-repeat;
- &.active{
- background: url("../images/prod_a.png") 20px 10px no-repeat;
- }
- &.slide-up{
- background-color: @activeBg;
- }
- }
- &.menu-5{
- background: url("../images/out.png") 20px 11px no-repeat;
- &.active{
- background: url("../images/out_a.png") 20px 11px no-repeat;
- }
- &.slide-up{
- background-color: @activeBg;
- }
- }
- }
- .slide-up {
- background-color: @activeBg !important;
- }
- .active{
- color: @activeColor;
- /*background: @activeBg;
- border-right: 3px @activeColor solid;*/
- }
- .subMenu>.active{
- color: @activeColor;
- /*background: @activeBg;
- border-right: 3px @activeColor solid;*/
- }
- .page:hover{
- color: @activeColor;
- }
- .list-1{
- position: relative;
- p {
- color: @fstColor;
- &:hover {
- color: @activeColor;
- }
- }
- &:after{
- content: " ";
- display: inline-block;
- position: absolute;
- left: @menuWt+(-30px);
- top:18px;
- width: 10px;
- height: 6px;
- background: url("../images/icon_down.png") no-repeat;
- }
- &.slide-up:after{
- transform: rotate(180deg);
- -webkit-transform: rotate(180deg);
- }
- ul{
- display: none;
- li.page{
- text-indent: 55px;
- color: @greyColor;
- &.active{
- color: @activeColor;
- }
- &:hover {
- color: @activeColor;
- }
- }
- }
- }
- li{
- line-height: @menuLiHt;
- text-indent: 45px;
- cursor: pointer;
- }
- .copy-right{
- /*position: fixed;
- bottom: 0px;*/
- width: @menuWt+15;
- text-align: center;
- background: @themeColor;
- padding: 10px 0 20px;
- border-top: 1px @themeBorderClr solid;
- p{
- font-size:12px;
- color: @trdColor;
- white-space: nowrap;
- }
- }
- }
- .menu-mini{
- display: none;
- width: 60px;
- height: 100%;
- background: @themeColor;
- position: relative;
- .logo{
- height: 50px;
- line-height: 50px;
- text-align: center;
- color: #DEE5EF;
- margin-bottom: 44px;
- }
- &>a{
- position: absolute;
- top: 50%;
- right: 0;
- z-index: 1;
- }
- &>ul>li{
- width: 100%;
- height: 40px;
- line-height: 40px;
- background: url("../images/module.png") center no-repeat;
- cursor: pointer;
- margin-bottom: 10px;
- &:hover{
- &:after{
- // content: "";
- // display: inline-block;
- // width: 8px;
- // height: 32px;
- // background: url("../images/ar.png") no-repeat;
- // position: absolute;
- // left: 56px;
- // top: 4px;
- }
- .arrow-left{
- content: "";
- display: inline-block;
- width: 8px;
- height: 32px;
- background: url("../images/ar.png") no-repeat;
- position: relative;
- left: 56px;
- top: 4px;
- z-index:2;
- }
- ul{
- display: block;
- }
- }
- & ul{
- display: none;
- left: 60px;
- position: absolute;
- width: 186px;
- background: @themeColor;
- border-radius:4px;
- box-shadow:1px 2px 20px -3px #000512;
- margin-left: 3px;
- z-index: 9;
- height: calc(100% - 80px);
- top: 60px;
- &:before{
- // content: "";
- // display: inline-block;
- // width: 8px;
- // height: 32px;
- // background: url("../images/ar.png") no-repeat;
- // position: absolute;
- // left: -8px;
- }
-
- li{
- height: 40px;
- line-height: 40px;
- color: @greyColor;
- text-indent: 30px;
- border-radius: 4px;
- &:hover,&.active{
- background: @activeBg;
- color: @activeColor;
- }
- }
- }
- &.menu-0{
- background: url("../images/total.png") 20px 9px no-repeat;
- &:hover,&.active{
- background: url("../images/total_a.png") @activeBg 20px 9px no-repeat;
- }
- }
- &.menu-6{
- background: url("../images/index.png") 20px 11px no-repeat;
- &:hover,&.active{
- background: url("../images/index_a.png") @activeBg 20px 11px no-repeat;
- }
- }
- &.menu-1{
- background: url("../images/inhis.png") 19px 11px no-repeat;
- &:hover,&.active{
- background: url("../images/inhis_a.png") @activeBg 19px 11px no-repeat;
- }
- }
- &.menu-37{
- background: url("../images/prod.png") 20px 10px no-repeat;
- &:hover,&.active{
- background: url("../images/prod_a.png") @activeBg 20px 10px no-repeat;
- }
- }
- &.menu-5{
- background: url("../images/out.png") 21px 11px no-repeat;
- &:hover,&.active{
- background: url("../images/out_a.png") @activeBg 21px 11px no-repeat;
- }
- }
- }
- }
- .modal-box{
- width: 470px;
- }
- .tab-container{
- margin-left: @menuWt+15px;
- background: @disColor;
- /*height: 100%;*/
- .content-box{
- display: none;
- width:78%;
- height: 100%;
- background: #fff;
- position: relative;
- overflow-y: auto;
- border-right: 10px #EFF1F6 solid;
- border-left: 10px #EFF1F6 solid;
- box-sizing: border-box;
- }
- .content-item{
- display: none;
- /*height: 100%;*/
- .content-item-wrapper{
- margin-bottom: 50px;
- }
- /**********危急值记录*************/
- &.danger-record{
- height:auto;
- .title{
- /*position: unset;*/
- }
- }
- .title{
- /*position: absolute;
- top: 0;*/
- width: 100%;
- color: #333333;
- font-size: 16px;
- text-align: center;
- font-weight: bold;
- height: 44px;
- line-height: 44px;
- border-bottom:1px #E2E5EF solid;
- text-indent: 20px;
- }
- .container{
- /*margin-top: 45px;*/
- padding: 20px 30px 0;
- height: 100%;
- /*overflow-y: auto;*/
- }
- .info-table{
- margin: 0 0 15px;
- }
- table{
- width: 100%;
- border:1px @tableBorderColor solid;
- }
- .inline-table{
- display: inline;
- border: none;
- td{
- border: none;
- }
- }
- .inner-table table{
- border: none;
- td{
- border: none;
- text-align: left;
- vertical-align: text-bottom;
- width: 41%;
- &[rowspan]{
- // font-weight: bold;
- width: 100px;
- padding-left: 0;
- }
- &.active{
- background: @anchorBg;
- }
- }
- }
- .embed-table{
- border:1px @tableBorderColor solid;
- &>tbody>tr:first-child>td{
- padding: 0;
- border:none;
- &>table td{
- border:1px @tableBorderColor solid;
- line-height: 20px;
- padding: 7px 8px;
- white-space: nowrap;
- }
- }
- .table-tip{
- text-align: left;
- }
- }
- th{
- table{
- border:none;
- }
- border:1px @tableBorderColor solid;
- background: @thBgColor;
- line-height: 20px;
- padding: 7px 8px;
- white-space: nowrap;
- }
- td{
- text-align: center;
- border:1px @tableBorderColor solid;
- padding:2px 8px;
- height: 20px;
- table,td{
- border:none;
- }
- }
- .info-item{
- border-bottom: 1px @borderColor solid;
- .text-left{
- width: 100%;
- text-align: right;
- }
- .cont{
- display: inline-block;
- min-width: 33%;
- margin-bottom: 5px;
- box-sizing: border-box;
- // padding-left: 5px;
- &.active{
- background: @anchorBg;
- }
- span{
- line-height: 20px;
- vertical-align: middle;
- }
- .text-indent{
- text-indent: 28px;
- }
- .text-bold{
- font-weight: bold;
- }
- .label{
- display: inline-block;
- /*min-width: 70px;*/
- font-weight: bold;
- overflow-x: hidden;
- }
- .revisitPlanTan{
- border: none;
- td{
- border: none;
- }
- }
- }
- &.cont-2 .cont{
- min-width: 48%;
- }
- &.cont-4 .cont{
- min-width: 23%;
- }
- &.cont-5 .cont{
- min-width: 19%;
- }
- &.no-border{
- border-bottom: none;
- margin-bottom: 0;
- }
- margin-bottom: 5px;
- .info-title{
- font-weight: bold;
- margin-bottom: 10px;
- }
- }
- }
- .operation{
- width:calc(22% - 12px);
- height: 100%;
- margin-right: 10px;
- position: relative;
- background: #fff;
- display: none;
- .flaw-title{
- position: absolute;
- top:0;
- width: 100%;
- height: 44px;
- color: #333333;
- font-weight: bold;
- line-height: 44px;
- border-bottom:1px #E2E5EF solid;
- /*margin-bottom: 20px;*/
- span{
- font-size: 16px;
- margin-left: 15px;
- }
- a{
- float: right;
- width: 66px;
- height: 28px;
- margin: 10px 20px 0 0;
- line-height: 28px;
- text-align: center;
- border-radius:4px;
- color: @activeColor;
- font-weight: normal;
- border:1px @activeColor solid;
- }
- }
- .flaw-box{
- margin-top: 45px;
- padding-top: 5px;
- height: 100%;
- overflow-y: auto;
- }
- .flaw-item{
- display: none;
- position: relative;
- margin: 0 12px 10px 12px ;
- /*border-bottom:1px #E2E5EF solid;*/
- padding-bottom: 6px;
- &:after{
- display: block;
- content: "";
- width: 98%;
- height: 1px;
- background: @borderColor;
- position: absolute;
- bottom: -5px;
- left: 1%;
- }
- p{
- text-indent: 5px;
- }
- .opers{
- padding-right: 5px;
- }
- .info{
- p{
- font-size: 12px;
- }
- .name{
- max-width: 100px;
- }
- }
- .delete{
- text-decoration: line-through;
- }
- .title{
- box-sizing: border-box;
- padding:5px;
- img{
- vertical-align: middle;
- }
- }
- &.active .title{
- background: @anchorBg;
- }
- }
- }
- .oper{
- text-align: right;
- }
- }
- .empty{
- /*display: none;*/
- margin-top: 120px;
- text-align: center;
- img{
- width: 140px;
- }
- p{
- margin-top: 15px;
- font-size: 12px;
- text-indent: 10px;
- color: #aaa;
- }
- }
- .empty2{
- margin-top: 60px;
- text-align: center;
- height: 170px;
- td{
- width: 100%;
- }
- img{
- width: 140px;
- }
- p{
- // margin-top: 15px;
- font-size: 12px;
- text-indent: 10px;
- color: #aaa;
- }
- }
- .edit-box{
- p{
- margin-bottom: 10px;
- .red{
- display: inline-block;
- width: auto;
- text-indent: 5px;
- }
- }
- .warning{
- display: none;
- }
- input[type=text]{
- border:1px @borderColor solid;
- width: 300px;
- height: 38px;
- text-indent: 10px;
- line-height: 38px;
- border-radius:2px;
- box-sizing: border-box;
- }
- input[type=radio]{
- vertical-align: middle;
- margin-right: 5px;
- }
- .flaw-drop-input {
- padding-right: 28px;
- box-sizing: border-box;
- }
- #addQcMsg {
- padding-right: 0;
- }
- span{
- display: inline-block;
- width: 70px;
- margin-right: 12px;
- text-align: right;
- }
- .checker-drop-input{
- height: 38px;
- border: 1px #E2E5EF solid;
- width: 120px;
- vertical-align: middle;
- text-align: left;
- line-height: 38px;
- text-indent: 5px;
- }
- .radio-label{
- width: auto;
- vertical-align: middle;
- }
- }
- .add-box,.edit-box{
- .drop-box{
- position: relative;
- margin-bottom: 10px;
- &:after{
- content: "";
- display: inline-block;
- width: 13px;
- height: 7px;
- background: url("../images/arrow_down.png") no-repeat;
- background-size: 13px 7px;
- position: absolute;
- left: 365px;
- top: 16px;
- }
- &.checker-drop-box:after{
- left:185px;
- }
- }
- ul{
- display: none;
- position: absolute;
- right: 15px;
- width: 300px;
- background: #fff;
- border:1px @tableBorderColor solid;
- max-height: 205px;
- overflow: auto;
- box-sizing: border-box;
- z-index: 1;
- li{
- line-height: 25px;
- padding: 0 5px;
- cursor: pointer;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- &:hover{
- background: @tableBorderColor;
- }
- }
- }
- .checker-drop-box ul{
- width: 122px;
- left: 86px;
- }
- .show{
- ul{
- display: block;
- }
- &:after{
- background-image: url("../images/arrow_up.png");
- }
- }
- }
- .standard_table {
- tr {
- td.standard_fst {
- width: 160px;
- }
- }
- }
- /*******手术知情同意书*********/
- .surgery-book{
- .book-item{
- margin-bottom:15px;
- :not(:first-child){
- text-indent: 15px;
- }
- .intent{
- text-indent: 30px;
- }
- .intent-1{
- margin-left: 48px;
- text-indent: 0;
- }
- &.clearfix{
- p{
- width: 100%;
- }
- }
- .fr{
- margin-top: 25px;
- text-align: right;
- }
- }
- }
- /********术后首次病程记录及谈话记录*******/
- .textR{
- text-align: right;
- }
- .textL{
- text-align: left;
- }
- .textPreLine{
- white-space: pre-line;
- }
- .textIndent30{
- text-indent:30px
- }
- .textBold{
- font-weight: bold;
- }
- .padL30{
- padding-left: 30px;
- }
- .displayInlineBlock{
- display: inline-block;
- }
- /********缺陷总览*********/
- .flaw-table{
- display: none;
- height: 97%;
- background: #fff;
- margin: 0 10px 10px;
- overflow-y: auto;
- /*overflow-y: auto;
- margin: 0 30px 0 20px;*/
- .slide-up{
- cursor: pointer;
- color: @activeColor;
- &:before{
- display: inline-block;
- width: 14px;
- height: 14px;
- content: "";
- font-size: 18px;
- color: @activeColor;
- text-align: center;
- vertical-align: middle;
- margin-right: 4px;
- background: url("../images/slice.png") no-repeat;
- }
- &.down:before{
- background: url("../images/add.png") no-repeat;
- }
- }
- .page-item{
- display: none;
- h2{
- height: 44px;
- line-height: 44px;
- border-bottom: 1px @tableBorderColor solid;
- font-size: 16px;
- margin-bottom: 20px;
- text-indent: 20px;
- font-weight: bold;
- }
- }
- .interval-color{
- tr:nth-child(2n){
- background: #EFF1F6;
- }
- }
- table{
- width: 97%;
- border:1px solid #E2E5EF;
- border-collapse: collapse;/*关键代码*/
- /*margin-bottom: 40px;*/
- margin: 0 30px 40px 20px;
- thead{
- background: #EFF0F9;
- }
- /*tr[code]{
- display: none;
- }*/
- th,td{
- height: 32px;
- box-sizing: border-box;
- padding: 0 20px;
- border:1px solid #E2E5EF;
- border-collapse: collapse;/*关键代码*/
- }
- th{
- font-size: 14px;
- font-weight: 500;
- }
- td{
- font-size: 14px;
- font-weight: 400;
- &.red{
- text-align: center;
- }
- }
- }
- }
- .high-light{
- background: @highlighBg;
- &.active{
- background: none;
- }
- }
- .scroll-table{
- thead,tbody{
- display: block;
- width: 100%;
- box-sizing: border-box;
- th,td{
- width: 49%;
- display: inline-block;
- box-sizing: border-box;
- border: none;
- line-height: 32px;
- &:first-child{
- width: 30%;
- border-right: 1px @tableBorderColor solid;
- }
- &:last-child{
- width: 20%;
- border-left: 1px @tableBorderColor solid;
- }
- }
- td[colspan]{
- border-right: none;
- border-left: none;
- }
- }
- thead{
- border-bottom: 1px @tableBorderColor solid;
- tr{
- width: calc(100% - 18px);
- border-bottom:none;
- }
- }
- tbody{
- overflow-y: auto;
- }
- tr{
- display: block;
- border-bottom: 1px @tableBorderColor solid;
- &:last-child{
- border-bottom: none;
- }
- }
- tr,td[colspan]{
- width: 100%;
- box-sizing: border-box;
- }
- }
- .modal .modal-footer a.cancel{
- color: #00A1FF;
- border-color: #00A1FF;
- margin-right: 16px;
- }
- .checkTipsBox{
- width:184px;
- height:112px;
- }
- .page-anchor-hover:hover {
- color: #00A1FF;
- }
- .checkImg{
- width: 40px;
- position: relative;
- top: 20px;
- left: 50%;
- margin-left: -20px;
- }
- .checkTxt{
- color: #fff;
- top: 10px;
- margin-top: 10px;
- text-align: center;
- position: relative;
- width: 100%;
- opacity: .5;
- }
- .liExtend{
- position: absolute;
- left: -3px;
- width: 3px;
- height: 100%;
- }
- // 缺陷总览
- .titleSpecial {
- overflow: hidden;
- cursor: pointer;
- text-align: center;
- span {
- float: left;
- width: 77px;
- height: 28px;
- line-height: 28px;
- border: 1px solid #777;
- color: #777;
- text-indent: 0;
- margin-top: 7px;
- font-weight: normal;
- }
- .titlePay {
- border-radius:4px 0px 0px 4px;
- margin-left: 20px;
- background-color: #00A1FF;
- color: #fff;
- border-color: #00A1FF;
- border-right: 0;
- }
- .titleNo {
- border-radius:0px 4px 4px 0px;
- border-left: 0;
- }
- }
- #contentIframeIn,#pacsIframeIn,#assistIframeIn,#pacsDetailIframeIn,#contentNursing { //医嘱信息
- width: 100%;
- height: 100%;
- }
- .appeal,.examine,.reject {
- width: 44px;
- height: 20px;
- background: #fff2c8;
- border-radius: 3px;
- border: 1px solid #ebdaa9;
- font-size: 12px;
- color: #a07906;
- line-height: 20px;
- display: inline-block;
- text-align: center;
- cursor: pointer;
- }
- .examine {
- background: #d3f7ed;
- border: 1px solid #7ee7d5;
- color: #04af9c;
- }
- .reject {
- background: #ffebeb;
- border: 1px solid #fbacae;
- color: #ca0c0f;
- }
- .textarea-text{
- border:1px #E2E5EF solid;
- vertical-align: top;
- padding: 10px;
- }
- .modal .modal-body{
- padding:20px 22px 10px;
- }
- .required{
- color: #E3505B;
- }
|