common.css 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196
  1. .dataFilter .card {
  2. position: fixed;
  3. top: 120px;
  4. right: 40px;
  5. width: 383px;
  6. background: rgba(0, 0, 0, .3);
  7. border: none;
  8. color: #fff;
  9. border-radius: 8px;
  10. padding: 24px 13px;
  11. }
  12. .dataFilter .content {
  13. height: 100%;
  14. height: calc(100% - 59px);
  15. }
  16. .dataFilter .home_card {
  17. /* width: 412px;
  18. height: 240px; */
  19. /* position: absolute; */
  20. /* top: 80px;
  21. right: 40px; */
  22. /* color: #fff;
  23. background: rgba(0, 0, 0, 0.3);
  24. border-radius: 8px;
  25. padding: 20px 10px;
  26. backdrop-filter: blur(5px);
  27. z-index: 110;
  28. font-size: 16px; */
  29. /* border: 1px solid #145387; */
  30. }
  31. .dataFilter .home_card .header {
  32. margin-bottom: 10px;
  33. }
  34. .dataFilter .home_card .header img {
  35. margin-right: 10px;
  36. vertical-align: -7%;
  37. }
  38. .dataFilter .el-popper.is-light {
  39. border-image: linear-gradient(180deg, transparent, #1a7ccd, #1a7ccd, transparent) 2 1 !important;
  40. border: 1px solid #002767 !important;
  41. background: linear-gradient(278deg, #002767, transparent) !important;
  42. border-radius: 5px;
  43. backdrop-filter: blur(5px);
  44. }
  45. .dataFilter .el-menu--popup {
  46. min-width: 140px !important;
  47. }
  48. .dataFilter .el-menu-item:hover {
  49. background: linear-gradient(91deg, #1C99FF, transparent) !important;
  50. color: #fff;
  51. }
  52. .dataFilter .el-menu-item {
  53. height: 38px !important;
  54. line-height: 38px !important;
  55. }
  56. .dataFilter .el-menu-item-group__title {
  57. padding: 0 !important;
  58. }
  59. .dataFilter .el-dialog {
  60. background: rgba(0, 0, 0, 0.75) !important;
  61. border: 1px solid #121d1c;
  62. box-shadow: 0px 8px 17px 1px rgba(20,83,135, 0.3) !important;
  63. backdrop-filter: blur(5px);
  64. }
  65. .dataFilter .el-dialog--center .el-dialog__body,
  66. .dataFilter .el-dialog__body {
  67. padding: 16px 24px;
  68. }
  69. .dataFilter .parcel-box .el-dialog__body {
  70. padding: 0px 15px;
  71. }
  72. .dataFilter .el-dialog__header {
  73. padding: 15px 0 !important;
  74. border-bottom: 1px solid #323b3c;
  75. margin: 0 24px;
  76. }
  77. .dataFilter .el-dialog__title {
  78. font-size: 16px !important;
  79. color: #ffffff !important;
  80. }
  81. .dataFilter .el-select .el-select__tags .el-tag {
  82. background-color: rgba(30,90,163, .5);
  83. color: #ffffff;
  84. }
  85. .dataFilter .el-icon-close {
  86. background-color: rgba(30,90,163, .5);
  87. }
  88. .dataFilter .el-select .el-input__inner {
  89. max-width: 190px;
  90. height: 25px;
  91. background: rgba(67,81,107, .2);
  92. border: 1px solid #2A374F;
  93. border-radius: 12.5px;
  94. font-size: 13px;
  95. color: #B3B3B3;
  96. }
  97. .dataFilter .station .el-input__inner {
  98. max-width: 190px;
  99. height: 25px;
  100. background: rgba(67,81,107, .2);
  101. border: 1px solid #2A374F;
  102. border-radius: 12.5px;
  103. font-size: 13px;
  104. color: #B3B3B3;
  105. width: 150px;
  106. }
  107. .dataFilter .search-input{
  108. width: 160px;
  109. }
  110. .dataFilter .search-input .el-date-editor{
  111. --el-date-editor-width: 120px;
  112. }
  113. .dataFilter .search-input .el-input__inner {
  114. max-width: 190px;
  115. height: 25px;
  116. background: rgba(67,81,107, .2);
  117. border: 1px solid #2A374F;
  118. border-radius: 12.5px;
  119. font-size: 13px;
  120. color: #B3B3B3;
  121. width: 150px;
  122. }
  123. .dataFilter .el-select .el-input__icon {
  124. height: 40px;
  125. position: relative;
  126. top: -7px;
  127. }
  128. .dataFilter .el-menu-item-group__title{
  129. padding: 0!important;
  130. }
  131. .dataFilter .el-input__inner{
  132. height: 25px!important;
  133. line-height: 25px!important;
  134. font-size: 13px!important;
  135. /* background: #43516B!important; */
  136. background: transparent!important;
  137. border-radius: 12.5px!important;
  138. border-color: #2A374F!important;
  139. color: #fff!important;
  140. }
  141. .dataFilter .el-input{
  142. line-height: 25px!important;
  143. }
  144. .dataFilter .el-input__icon{
  145. line-height: 25px!important;
  146. }
  147. .dataFilter .el-table{
  148. /* color: rgba(149, 149, 149, 1)!important; */
  149. font-family: '思源黑体'!important;
  150. background-color: transparent!important;
  151. }
  152. .dataFilter .el-table thead{
  153. color: rgba(255, 255, 255, 1) !important;
  154. }
  155. .dataFilter .el-table thead .cell{
  156. font-weight: normal!important;
  157. }
  158. .dataFilter .el-table tr{
  159. background-color: transparent!important;
  160. }
  161. .dataFilter .el-table .el-table__row--striped{
  162. background-color: transparent!important;
  163. }
  164. .dataFilter .el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell{
  165. background-color: rgba(83, 89, 104, 0.2)!important;
  166. }
  167. .dataFilter .el-table__body tr.hover-row.current-row>td.el-table__cell, .el-table__body tr.hover-row.el-table__row--striped.current-row>td.el-table__cell, .el-table__body tr.hover-row.el-table__row--striped>td.el-table__cell, .el-table__body tr.hover-row>td.el-table__cell{
  168. background-color: rgba(83, 89, 104, 0.2)!important;
  169. }
  170. .dataFilter .el-table th.el-table__cell{
  171. background-color: rgba(83, 89, 104, 0.3)!important;
  172. border-right: 1px solid rgba(0, 0, 0, 0.8);
  173. border-bottom: 1px solid rgba(0, 0, 0, 0.8)!important;
  174. }
  175. .dataFilter .el-table td.el-table__cell{
  176. border-bottom: none!important;
  177. }
  178. .dataFilter .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell{
  179. background-color:rgba(0, 70, 199, 0.2)!important;
  180. color: rgba(28, 153, 255, 1)!important;
  181. }