zentaobiz.css 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173
  1. .form-group label {font-weight: 700;}
  2. .ant-tabs-nav .ant-tabs-tab {height: auto !important;}
  3. .ant-pagination-prev .ant-pagination-item-link, .ant-pagination-next .ant-pagination-item-link {padding: 8px;}
  4. .ant-form-explain {color: #ff4d4f !important;}
  5. body.m-chart-design {background-color: #efefef;}
  6. #report #sidebar {width: 350px;}
  7. #report #sidebar>.cell {width: 100%; padding: 0;}
  8. #report .main-header {padding: 0 0 5px;}
  9. #report .item, #report .ant-radio-group.item {margin-top: 10px;}
  10. #report .item p {margin: 3px 0; font-weight: bold;}
  11. #report .border {border-top: 1px solid #eee; margin-top: 20px; padding-top: 10px;}
  12. #report .chart {min-height: 500px; position: relative;}
  13. #report .form-control {height: auto;}
  14. #report .form-control .ant-select-selection,
  15. .ant-popover .form-control.ant-select.ant-select-enabled {
  16. border: none;
  17. border-radius: 0;
  18. }
  19. #report .control-title {
  20. display: flex;
  21. -webkit-box-align: center;
  22. align-items: center;
  23. -webkit-box-pack: justify;
  24. justify-content: space-between;
  25. }
  26. #report .control-title button {
  27. display: flex;
  28. -webkit-box-align: center;
  29. align-items: center;
  30. -webkit-box-pack: center;
  31. justify-content: center;
  32. height: 18px;
  33. width: 18px;
  34. padding: 0px;
  35. background-color: #f2f2f2;
  36. border: none;
  37. border-radius: 2px;
  38. }
  39. #report .control-title button:hover {
  40. background-color: #e0e0e0;
  41. }
  42. #report .select-box {
  43. padding: 4px;
  44. border: 1px solid rgb(224, 224, 224);
  45. border-radius: 4px;
  46. }
  47. #report .select-inner {
  48. display: flex;
  49. -webkit-box-align: center;
  50. align-items: center;
  51. width: 100%;
  52. height: 28px;
  53. padding-left: 4px;
  54. font-size: 15px;
  55. color: rgb(178, 178, 178);
  56. border: 1px dashed rgb(224, 224, 224);
  57. border-radius: 4px;
  58. cursor: pointer;
  59. margin-top: 3px;
  60. }
  61. #report .select-inner:active, #report .select-inner:hover {background-color: rgb(240, 240, 240);}
  62. #report .select-inner:first-child {
  63. margin-top: 0;
  64. }
  65. #report .select-inner .close {
  66. height: 100%;
  67. width: 24px;
  68. border-right: 1px solid #c3c3c3;
  69. cursor: pointer;
  70. }
  71. #report .select-inner .name {
  72. display: flex;
  73. width: 100%;
  74. overflow: hidden;
  75. text-overflow: ellipsis;
  76. -webkit-box-align: center;
  77. align-items: center;
  78. white-space: nowrap;
  79. padding-left: 4px;
  80. }
  81. #report .select-inner .pop {
  82. width: 24px;
  83. cursor: pointer;
  84. }
  85. .ant-popover-content {width: 400px;}
  86. .ant-popover-content p {margin: 15px 0 2px}
  87. .ant-popover-content p:first-child {margin-top: 2px}
  88. .pop-bottom {margin-top: 30px;}
  89. #report .main-col {position: relative;}
  90. #report .runbox {
  91. position: absolute;
  92. top: 0;
  93. left: 0;
  94. width: 100%;
  95. height: 100%;
  96. z-index: 1000;
  97. background: #fff;
  98. }
  99. #report .run {
  100. position: absolute;
  101. left: 50%;
  102. top: 40%;
  103. }
  104. #report .chart-container {
  105. width: 100%;
  106. height: 100%;
  107. position: relative;
  108. }
  109. #report .chart-box .ant-table-thead>tr:first-child>th:first-child, #report .chart-box .ant-table-thead>tr:first-child>th:last-child {
  110. padding: 8px;
  111. }
  112. #report .chart-box .ant-table-tbody>tr>td, #report .chart-box .ant-table-thead>tr>th {
  113. padding: 8px;
  114. }
  115. #report p.required:after {
  116. top: -2px;
  117. right: -12px;
  118. }
  119. #report #draw {
  120. position: relative;
  121. width: 100%;
  122. height: 500px;
  123. }
  124. #report .table {
  125. border: 1px solid #ddd;
  126. }
  127. #report .table tr td:not(:last-child) {
  128. border-right: 1px solid #ddd;
  129. }
  130. #report .table tr td:last-child {
  131. border-left: 1px solid #ddd;
  132. }
  133. #report .table td.bold {
  134. font-weight: bold;
  135. }
  136. #report .filter-container {
  137. display: flex;
  138. padding: 10px 0 0;
  139. flex-wrap: wrap;
  140. }
  141. #report .filter-condition {
  142. flex: 1;
  143. display: flex;
  144. }
  145. #report .filter-action {
  146. padding-bottom: 10px;
  147. text-align: right;
  148. display: flex;
  149. justify-content: end;
  150. }
  151. #report .filter-action button {
  152. margin-left: 5px;
  153. }
  154. #report .filter {
  155. position: relative;
  156. margin-right: 10px;
  157. margin-bottom: 10px;
  158. }
  159. #report .filter .remove {
  160. position: absolute;
  161. top: -13px;
  162. right: -8px;
  163. z-index: 1000;
  164. background: #f1f1f1;
  165. border: 1px solid #ddd;
  166. padding: 3px;
  167. border-radius: 14px;
  168. width: 28px;
  169. height: 28px;
  170. text-align: center;
  171. cursor: pointer;
  172. }