common.less 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218
  1. @body-bg: #ebeef4; /**body背景色***/
  2. @bg-color: #fff; /**主题背景色**/
  3. @header-height: 50px; /***Header高度**/
  4. @table-th-color: #f2f4f6; /***表头背景色***/
  5. @active-bg: #def1ff; /***下拉项选中背景色***/
  6. body {
  7. background: @body-bg;
  8. overflow-y: hidden;
  9. }
  10. .clearfix:after {
  11. content: "";
  12. display: block;
  13. height: 0;
  14. clear: both;
  15. visibility: hidden;
  16. }
  17. .clearfix {
  18. zoom: 1;
  19. }
  20. .ant-form-item-label > label {
  21. color: #000;
  22. }
  23. .ant-modal-body .ant-table-tbody > tr > td {
  24. padding: 6px;
  25. }
  26. /*.ant-table-wrapper{
  27. height: calc(100vh - 240px);
  28. overflow-y: auto;
  29. }*/
  30. .wrapper {
  31. min-width: 1214px;
  32. padding: 15px 30px;
  33. .filter-box {
  34. border-bottom: 1px @border-color-base solid;
  35. }
  36. .ant-form-item {
  37. margin-bottom: 15px;
  38. }
  39. .basic {
  40. background: #fff;
  41. display: flex;
  42. justify-content: space-between;
  43. align-items: center;
  44. border-radius: 4px;
  45. }
  46. .table {
  47. .table-header {
  48. display: flex;
  49. justify-content: space-between;
  50. padding: 15px 0;
  51. .table-title {
  52. font-size: 16px;
  53. font-weight: bold;
  54. }
  55. }
  56. }
  57. }
  58. .ant-table-pagination-right {
  59. justify-content: flex-start;
  60. }
  61. //面包屑样式覆盖
  62. .ant-breadcrumb {
  63. margin: 20px 0 30px 30px;
  64. }
  65. //步骤条样式覆盖
  66. .ant-steps-item-icon {
  67. width: 44px;
  68. height: 44px;
  69. line-height: 44px;
  70. }
  71. .ant-steps-item-tail {
  72. top: 18px;
  73. left: 4px;
  74. }
  75. .ant-steps-item-process
  76. > .ant-steps-item-container
  77. > .ant-steps-item-content
  78. > .ant-steps-item-title::after,
  79. .ant-steps-item-title::after,
  80. .ant-steps-item-wait
  81. > .ant-steps-item-container
  82. > .ant-steps-item-content
  83. > .ant-steps-item-title::after {
  84. background-color: #c2c2c2;
  85. }
  86. .ant-steps-item-icon,
  87. .ant-steps-item-content {
  88. vertical-align: unset;
  89. }
  90. .ant-tabs-tabpane {
  91. overflow-x: auto;
  92. }
  93. //启用
  94. .Enable::before {
  95. content: "";
  96. width: 5px;
  97. height: 5px;
  98. display: block;
  99. position: relative;
  100. left: -10px;
  101. top: 14px;
  102. background: @link-color;
  103. border-radius: 50%;
  104. }
  105. //禁用
  106. .Disable::before {
  107. content: "";
  108. width: 5px;
  109. height: 5px;
  110. display: block;
  111. position: relative;
  112. left: -10px;
  113. top: 14px;
  114. background: #fe9748;
  115. border-radius: 50%;
  116. }
  117. .Delete::before {
  118. content: "";
  119. width: 5px;
  120. height: 5px;
  121. display: block;
  122. position: relative;
  123. left: -10px;
  124. top: 14px;
  125. background: #ff4d4d;
  126. border-radius: 50%;
  127. }
  128. .Adopt::before {
  129. content: "";
  130. width: 5px;
  131. height: 5px;
  132. display: block;
  133. position: relative;
  134. left: -10px;
  135. top: 14px;
  136. background: #ff4d4d;
  137. border-radius: 50%;
  138. }
  139. .disable {
  140. color: #fb8537;
  141. }
  142. .delete {
  143. color: #ff4d4d;
  144. }
  145. .adopt {
  146. color: #22ac76;
  147. }
  148. .menuItem:hover {
  149. color: @primary-color;
  150. background: #dbeeff;
  151. }
  152. .record {
  153. width: 150px;
  154. overflow: hidden;
  155. white-space: nowrap;
  156. text-overflow: ellipsis;
  157. display: block;
  158. }
  159. //指定科室样式
  160. .treeContent {
  161. height: 408px;
  162. overflow-y: auto;
  163. border: 1px solid #dee2e9;
  164. padding-bottom: 20px;
  165. position: relative;
  166. .title {
  167. height: 30px;
  168. font-size: 14px;
  169. font-weight: 500;
  170. color: #333333;
  171. line-height: 30px;
  172. background: #f2f4f6;
  173. padding-left: 20px;
  174. }
  175. .tree {
  176. min-height: 100px;
  177. max-height: 342px;
  178. overflow-y: auto;
  179. }
  180. .goTop {
  181. position: fixed;
  182. right: 11%;
  183. top: 67%;
  184. width: 30px;
  185. height: 30px;
  186. border: 1px solid #d4d4d4;
  187. border-radius: 4px;
  188. vertical-align: middle;
  189. text-align: center;
  190. }
  191. }
  192. .user {
  193. .ant-form-item {
  194. margin-bottom: 15px;
  195. }
  196. }
  197. .toogle {
  198. position: absolute;
  199. bottom: 20px;
  200. left: 26px;
  201. .icon{
  202. font-size: 20px;
  203. color: #1690FF;
  204. }
  205. }
  206. .logoT {
  207. position: absolute;
  208. bottom: 10px;
  209. left: 25px;
  210. font-size: 12px;
  211. font-weight: 400;
  212. color: #333333;
  213. line-height: 17px;
  214. }