assertTypeDetail.less 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151
  1. @import './reset.less';
  2. .container{
  3. width: 100%;
  4. height: 100%;
  5. overflow: auto;
  6. background-color: #fff;
  7. }
  8. .assertTypeDetail {
  9. .filterBox{
  10. margin-bottom: 15px;
  11. }
  12. .main-body{
  13. margin: 20px 0;
  14. padding: 0 35px;
  15. min-width: 1090px;
  16. /*width: 100%;*/
  17. }
  18. .filterItem{
  19. position: relative;
  20. height: 40px;
  21. line-height: 40px;
  22. margin: 0 20px 15px 0;
  23. float: none !important;
  24. span{
  25. display: inline-block;
  26. line-height: 40px;
  27. position: relative;
  28. }
  29. .explainL:before {
  30. content: "*";
  31. color: #f56c6c;
  32. margin-right: 4px;
  33. }
  34. input{
  35. width:120px;
  36. height:40px;
  37. border-radius:4px;
  38. border: 1px solid #E2E5EF;
  39. outline: none;
  40. margin-right: 10px;
  41. padding: 0 10px;
  42. box-sizing: border-box;
  43. }
  44. input:focus{
  45. border: 1px solid @activeColor ;
  46. outline: 0;
  47. -webkit-box-shadow:@activeColor 0px 0px 2px;
  48. -moz-box-shadow: @activeColor 0px 0px 2px;
  49. box-shadow: @activeColor 0px 0px 2px;
  50. }
  51. }
  52. .selectLevel,.selectDept{
  53. display: inline-block;
  54. position: relative;
  55. width:120px;
  56. padding: 0 10px;
  57. height:40px;
  58. border-radius:4px;
  59. border: 1px solid #E2E5EF;
  60. box-sizing: border-box;
  61. cursor: pointer;
  62. }
  63. .selectDept{
  64. width: 160px;
  65. }
  66. .filterDropList{
  67. position: absolute;
  68. right: 0;
  69. max-height: 200px;
  70. overflow-y: auto;
  71. background: #fff;
  72. display: none;
  73. border: 1px solid #e4e7ed;
  74. box-shadow: 0 2px 12px 0 #e4e7ed;
  75. z-index: 2;
  76. li{
  77. padding: 0 10px;
  78. }
  79. }
  80. .deptList{
  81. width: 160px;
  82. max-height: 400px;
  83. }
  84. .qcItemTitle{
  85. float: left;
  86. line-height: 40px;
  87. }
  88. .listTypeAll {
  89. margin-left: 80px;
  90. .caseEntryName {
  91. // height: 48px;
  92. line-height: 48px;
  93. background-color: #fff;
  94. cursor: pointer;
  95. border-bottom: 1px solid #ebeef5;
  96. }
  97. .tabTitle,.tabInfo{
  98. line-height: 40px;
  99. }
  100. .caseEntryDetail{
  101. display: none;
  102. }
  103. .opera,.qcItem,.qcUsed{
  104. display: inline-block;
  105. text-align: center;
  106. }
  107. .opera{
  108. width: 15%;
  109. }
  110. .qcItem{
  111. width: 50%;
  112. }
  113. .qcUsed{
  114. width: 15%;
  115. }
  116. .tabTitle{
  117. background: #eee;
  118. }
  119. .tabInfo{
  120. box-sizing: border-box;
  121. border-bottom: 1px solid #eee;
  122. }
  123. }
  124. }
  125. .borderTop{
  126. border-top: 1px solid #ebeef5;
  127. }
  128. .iconCheck{
  129. width: 14px;
  130. cursor: pointer;
  131. }
  132. .submitBox{
  133. text-align: right;
  134. }
  135. .submit{
  136. display: inline-block;
  137. width:60px;
  138. height:32px;
  139. background:@activeColor;
  140. border-radius:4px;
  141. color: #fff;
  142. text-align: center;
  143. line-height: 32px;
  144. position: relative;
  145. top: 2px;
  146. cursor: pointer;
  147. margin: 0 20px 22px 0;
  148. }