assertTypeDetail.less 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212
  1. @import './reset.less';
  2. .container{
  3. width: 100%;
  4. height: 100%;
  5. overflow: auto;
  6. background-color: @disColor;
  7. }
  8. .assertTypeDetail {
  9. .filterBox{
  10. margin-bottom: 15px;
  11. }
  12. .main-body{
  13. .main-body-com;
  14. // min-width: 1090px;
  15. /*width: 100%;*/
  16. }
  17. .filterItem{
  18. position: relative;
  19. height: 40px;
  20. line-height: 40px;
  21. margin: 0 0px 15px 0;
  22. float: none !important;
  23. span{
  24. display: inline-block;
  25. line-height: 40px;
  26. position: relative;
  27. }
  28. .explainL:before {
  29. content: "*";
  30. color: #f56c6c;
  31. margin-right: 4px;
  32. }
  33. input{
  34. width:120px;
  35. height:40px;
  36. border-radius:4px;
  37. border: 1px solid #E2E5EF;
  38. outline: none;
  39. // margin-right: 10px;
  40. padding: 0 10px;
  41. box-sizing: border-box;
  42. }
  43. input:focus{
  44. border: 1px solid @activeColor ;
  45. outline: 0;
  46. -webkit-box-shadow:@activeColor 0px 0px 2px;
  47. -moz-box-shadow: @activeColor 0px 0px 2px;
  48. box-shadow: @activeColor 0px 0px 2px;
  49. }
  50. .patientNumInp{
  51. position: absolute;
  52. }
  53. }
  54. .selectLevel,.selectDept{
  55. display: inline-block;
  56. position: relative;
  57. width:120px;
  58. padding: 0 10px;
  59. height:40px;
  60. border-radius:4px;
  61. border: 1px solid #E2E5EF;
  62. box-sizing: border-box;
  63. cursor: pointer;
  64. }
  65. .selectDept{
  66. width: 160px;
  67. }
  68. .filterDropList{
  69. position: absolute;
  70. right: 0;
  71. max-height: 200px;
  72. overflow-y: auto;
  73. background: #fff;
  74. display: none;
  75. border: 1px solid #e4e7ed;
  76. box-shadow: 0 2px 12px 0 #e4e7ed;
  77. z-index: 2;
  78. li{
  79. padding: 0 10px;
  80. }
  81. }
  82. .deptList{
  83. width: 160px;
  84. max-height: 400px;
  85. }
  86. .qcItemTitle{
  87. float: left;
  88. line-height: 40px;
  89. }
  90. .listTypeAll {
  91. margin-left: 80px;
  92. .caseEntryBlcok {
  93. box-sizing: border-box;
  94. border: 1px solid #E2E5EF;
  95. border-radius: 4px;
  96. margin: 0 0 10px 0;
  97. }
  98. .caseEntryName {
  99. // height: 48px;
  100. line-height: 34px;
  101. background-color: #fff;
  102. cursor: pointer;
  103. padding: 0 10px;
  104. position: relative;
  105. // border-bottom: 1px solid #ebeef5;
  106. img{
  107. width: 10px;
  108. position: absolute;
  109. right: 10px;
  110. }
  111. }
  112. .tabTitle,.tabInfo{
  113. line-height: 30px;
  114. position: relative;
  115. }
  116. .caseEntryDetail{
  117. display: none;
  118. padding: 10px 20px;
  119. border-top: 1px solid #E2E5EF;
  120. }
  121. .opera,.qcItem,.qcUsed{
  122. display: inline-block;
  123. text-align: center;
  124. }
  125. .opera{
  126. width: 11%;
  127. }
  128. .qcItem{
  129. width: 76%;
  130. }
  131. .qcUsed{
  132. width: 13%;
  133. }
  134. .tabTitle{
  135. background: #EFF0F9;
  136. font-size: 14px;
  137. font-weight: 500;
  138. }
  139. .tabInfo{
  140. box-sizing: border-box;
  141. border-left: 1px solid #E2E5EF;
  142. border-right: 1px solid #E2E5EF;
  143. border-bottom: 1px solid #E2E5EF;
  144. }
  145. .tabInfo{
  146. .opera,.qcItem,.qcUsed{
  147. box-sizing: border-box;
  148. }
  149. .qcItem{
  150. border-left: 1px solid #E2E5EF;
  151. border-right: 1px solid #E2E5EF;
  152. }
  153. .opera{
  154. width: 11%;
  155. position: absolute;
  156. height: 100%;
  157. }
  158. .qcItem{
  159. width: 76%;
  160. position: relative;
  161. left: 11%;
  162. }
  163. .qcUsed{
  164. position: absolute;
  165. left: 87%;
  166. width: 13%;
  167. height: 100%;
  168. }
  169. }
  170. .tabInfo:nth-child(2n+1){
  171. background:#F5F6FA;
  172. }
  173. }
  174. }
  175. // .borderTop{
  176. // border-top: 1px solid #ebeef5;
  177. // }
  178. .iconCheck{
  179. width: 14px;
  180. cursor: pointer;
  181. position: absolute;
  182. top: 50%;
  183. left: 50%;
  184. margin: -7px 0 0 -7px;
  185. }
  186. .usedRes{
  187. display: inline-block;
  188. position: absolute;
  189. top: 50%;
  190. left: 50%;
  191. margin: -15px 0 0 -7px;
  192. }
  193. .submitBox{
  194. text-align: right;
  195. }
  196. .submit{
  197. display: inline-block;
  198. width:60px;
  199. height:32px;
  200. background:@activeColor;
  201. border-radius:4px;
  202. color: #fff;
  203. text-align: center;
  204. line-height: 32px;
  205. position: relative;
  206. top: 2px;
  207. cursor: pointer;
  208. margin: 0 20px 22px 0;
  209. }