publicEle.css 6.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235
  1. @charset "UTF-8";
  2. .el-picker-panel__icon-btn {
  3. color: #fff !important; }
  4. .el-table__empty-text {
  5. color: rgba(0, 0, 0, 0);
  6. width: 100%;
  7. height: 100%;
  8. background: url("../image/icon_zwsj.png") no-repeat 50% 50%; }
  9. ::-webkit-scrollbar {
  10. /*滚动条整体样式*/
  11. width: 1px;
  12. /*高宽分别对应横竖滚动条的尺寸*/
  13. height: 1px; }
  14. ::-webkit-scrollbar-thumb {
  15. /*滚动条里面小方块*/
  16. border-radius: 3px;
  17. -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  18. background: none; }
  19. ::-webkit-scrollbar-track {
  20. /*滚动条里面轨道*/
  21. -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  22. border-radius: 3px;
  23. background: none; }
  24. /*查询条件*/
  25. .form-box {
  26. margin-top: 26px; }
  27. .form-box .el-form-item .el-form-item__label {
  28. color: #fff; }
  29. .form-box .el-form-item .el-form-item__content {
  30. /*提交按钮*/
  31. /*重置按钮*/
  32. /*选择框*/ }
  33. .form-box .el-form-item .el-form-item__content .el-button--primary {
  34. width: 80px;
  35. height: 40px;
  36. background-color: #1ED0F8;
  37. border-color: #1ED0F8; }
  38. .form-box .el-form-item .el-form-item__content .el-button--default {
  39. width: 80px;
  40. height: 40px;
  41. border: 1px solid #486CC2;
  42. opacity: 0.3;
  43. border-radius: 4px;
  44. background: 0;
  45. color: #fff; }
  46. .form-box .el-form-item .el-form-item__content .el-button {
  47. width: 80px;
  48. height: 40px; }
  49. .form-box .el-form-item .el-form-item__content .el-select {
  50. margin-right: 10px; }
  51. .form-box .el-form-item .el-form-item__content .el-select .el-input__wrapper {
  52. background-color: rgba(30, 208, 248, 0.1); }
  53. .form-box .el-form-item .el-form-item__content .el-select .el-input--suffix .el-input__inner {
  54. color: #0E9EED;
  55. background-color: rgba(30, 208, 248, 0.1);
  56. border-color: #1ED0F8; }
  57. .form-box .el-form-item .el-form-item__content .el-select .el-input--suffix input::placeholder {
  58. color: #999999; }
  59. .form-box .el-form-item .el-form-item__content .el-range-editor--small {
  60. margin-right: 10px;
  61. height: 34px;
  62. color: #0E9EED;
  63. background-color: rgba(30, 208, 248, 0.1);
  64. border-color: #0E9EED; }
  65. .form-box .el-form-item .el-form-item__content .el-range-editor--small .el-range-input {
  66. background-color: rgba(30, 208, 248, 0);
  67. color: #0E9EED; }
  68. .form-box .el-date-editor .el-range-input {
  69. background-color: rgba(0, 0, 0, 0);
  70. color: #0E9EED; }
  71. .el-range-editor--small {
  72. height: 40px; }
  73. .el-range-editor--small .el-input__inner {
  74. height: 40px; }
  75. .el-select-dropdown {
  76. background-color: #043668; }
  77. .el-select-dropdown .el-select-dropdown__item {
  78. color: #0E9EED; }
  79. /*时间控件*/
  80. .select-big-data-time {
  81. background-color: #043668;
  82. border-color: #0E9EED;
  83. color: #C0C4CC; }
  84. .select-big-data-time .el-select-dropdown__empty {
  85. color: #fff; }
  86. .select-big-data-time .popper__arrow {
  87. display: none; }
  88. .select-big-data-time .el-select-dropdown__item {
  89. color: #0E9EED; }
  90. .select-big-data-time .el-select-dropdown__item.hover, .select-big-data-time .el-select-dropdown__item:hover {
  91. background-color: #0E9EED;
  92. color: #fff; }
  93. .select-big-data-time .el-date-range-picker__content.is-left {
  94. border-right: 1px solid #0E9EED; }
  95. .select-big-data-time .in-range div, .select-big-data-time .end-date div {
  96. background-color: rgba(14, 158, 237, 0.5) !important; }
  97. .select-big-data-time .el-date-table th {
  98. color: #999;
  99. border-bottom: 1px solid #0E9EED; }
  100. .select-big-data-time .el-date-table td.next-month, .select-big-data-time .el-date-table td.prev-month {
  101. color: #606266; }
  102. .select-big-data .el-select-dropdown__empty {
  103. color: #fff; }
  104. .select-big-data .popper__arrow {
  105. display: none; }
  106. .select-big-data .el-select-dropdown__item {
  107. padding: 0 10px; }
  108. .select-big-data .el-select-dropdown__item.hover, .select-big-data .el-select-dropdown__item:hover {
  109. background-color: #0E9EED;
  110. color: #fff; }
  111. .el-table td.el-table__cell, .el-table th.el-table__cell.is-leaf {
  112. border: none; }
  113. /*表*/
  114. .el-table {
  115. flex: 1;
  116. background-color: rgba(0, 0, 0, 0);
  117. display: flex;
  118. flex-direction: column; }
  119. .el-table .el-table__row {
  120. color: #fff; }
  121. .el-table .el-table__header-wrapper th {
  122. background: rgba(15, 96, 124, 0.2);
  123. color: #FFFFFF; }
  124. .el-table .el-table__fixed-header-wrapper th {
  125. background: rgba(72, 108, 194, 0.2);
  126. color: #486CC2; }
  127. .el-table tr {
  128. background-color: rgba(0, 0, 0, 0); }
  129. .el-table .el-loading-mask {
  130. background-color: rgba(0, 0, 0, 0); }
  131. .el-table .el-table__body {
  132. flex: 1;
  133. overflow-x: hidden;
  134. overflow-y: scroll; }
  135. .el-table th.is-leaf, .el-table td {
  136. border: none; }
  137. .el-table .button-box {
  138. text-align: center;
  139. width: 69px;
  140. height: 30px;
  141. line-height: 30px;
  142. border: 1px solid #0E9EED;
  143. color: #0E9EED;
  144. border-radius: 4px;
  145. cursor: pointer;
  146. margin: 0 auto; }
  147. .el-table .button-box-two {
  148. text-align: center;
  149. width: 80px;
  150. height: 30px;
  151. line-height: 30px;
  152. border: 1px solid #0E9EED;
  153. color: #0E9EED;
  154. border-radius: 4px;
  155. cursor: pointer;
  156. margin: 0 auto; }
  157. /*表格行颜色*/
  158. .el-table .warning-row {
  159. background: rgba(41, 124, 158, 0.2); }
  160. .el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
  161. background-color: #0F607C; }
  162. /*分页*/
  163. .is-background {
  164. float: right; }
  165. .is-background .btn-prev {
  166. border: 1px solid #FFFFFF;
  167. border-radius: 4px;
  168. background: none !important; }
  169. .is-background .btn-next {
  170. border: 1px solid #FFFFFF;
  171. border-radius: 4px;
  172. background: none !important; }
  173. .el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li {
  174. background-color: transparent !important; }
  175. .el-pagination.is-background .el-pager li:not(.disabled).active {
  176. border: 1px solid #FFFFFF;
  177. border-radius: 4px;
  178. background-color: transparent !important; }
  179. .el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li {
  180. background-color: rgba(30, 208, 248, 0.1);
  181. border: 1px solid #fff;
  182. border-radius: 4px; }
  183. .el-table::before {
  184. display: none; }
  185. .el-table--enable-row-hover .el-table__body tr:hover > td {
  186. background: none; }
  187. /*进度条*/
  188. .cell {
  189. display: inline-block; }
  190. .cell .el-progress {
  191. width: 16.25vw;
  192. display: flex;
  193. justify-content: flex-start;
  194. align-items: center;
  195. align-items: center; }
  196. .cell .el-progress .el-progress-bar .el-progress-bar__outer {
  197. display: inline-block; }
  198. .cell .el-progress .el-progress__text {
  199. width: 5.2083333333vw;
  200. display: inline-block; }
  201. .el-progress-bar__outer {
  202. margin-right: 0;
  203. width: 6.7708333333vw;
  204. height: 3.7037037037vh;
  205. background: #0A1B34; }
  206. .el-progress-bar__inner {
  207. background-image: linear-gradient(to right, #007EFF, #3FFFEA); }
  208. .el-progress__text {
  209. color: #fff; }
  210. /*# sourceMappingURL=publicEle.css.map */