index.scss 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122
  1. table {
  2. width: 100%;
  3. }
  4. .data-fill-list-box {
  5. position: relative;
  6. .hc-collapse-item-header {
  7. flex: 1;
  8. position: relative;
  9. margin-left: 46px;
  10. display: flex;
  11. align-items: center;
  12. .item-title {
  13. flex: 1;
  14. position: relative;
  15. user-select: none;
  16. color: #50545E;
  17. font-size: 16px;
  18. font-weight: 400;
  19. cursor: pointer;
  20. }
  21. .hc-extra-text-box {
  22. position: relative;
  23. padding-right: 24px;
  24. }
  25. }
  26. .data-fill-list-item-content {
  27. position: relative;
  28. display: flex;
  29. height: calc(100vh - 386px);
  30. .data-fill-table-form-box {
  31. flex: 1;
  32. position: relative;
  33. height: 100%;
  34. overflow: hidden;
  35. border: 8px solid #c4c4c4;
  36. &.is-window {
  37. border: 0;
  38. .hc-window-tip {
  39. position: relative;
  40. height: 100%;
  41. display: flex;
  42. justify-content: center;
  43. align-items: center;
  44. .table-form-no {
  45. position: relative;
  46. img {
  47. width: 380px;
  48. }
  49. .desc {
  50. text-align: center;
  51. font-size: 20px;
  52. color: #aaa;
  53. }
  54. }
  55. }
  56. }
  57. }
  58. .hc-window-switch-box {
  59. display: flex;
  60. align-items: center;
  61. position: absolute;
  62. top: 14px;
  63. right: 260px;
  64. .icon-btn-view {
  65. padding: 0 18px;
  66. height: 34px;
  67. display: flex;
  68. align-items: center;
  69. justify-content: center;
  70. color: #ffffff;
  71. cursor: pointer;
  72. user-select: none;
  73. border-radius: 80px;
  74. box-shadow: 4px 4px 8px 0 rgba(54, 92, 167, 0.15), -3px -2px 8px 0 #ffffff;
  75. background: linear-gradient(to right, var(--el-color-primary-light-5), var(--el-color-primary), var(--el-color-primary-dark-2));
  76. background-size: 200%;
  77. transition: background-position .5s;
  78. .icon {
  79. font-size: 16px;
  80. }
  81. &:hover {
  82. background-position: 100% 0;
  83. }
  84. }
  85. }
  86. .data-fill-table-tip-box {
  87. width: 240px;
  88. position: relative;
  89. border-left: 1px solid #E9E9E9;
  90. padding: 20px 15px 80px;
  91. .tip-title {
  92. font-size: 16px;
  93. margin-bottom: 10px;
  94. display: flex;
  95. align-items: center;
  96. }
  97. .tip-item {
  98. margin-bottom: 20px;
  99. }
  100. .table-tip-foot {
  101. position: absolute;
  102. bottom: 15px;
  103. right: 0;
  104. left: 0;
  105. display: flex;
  106. align-items: center;
  107. padding: 0 15px;
  108. .tip-left-btn {
  109. flex: 1;
  110. .dow-text {
  111. cursor: pointer;
  112. display: flex;
  113. align-items: center;
  114. }
  115. }
  116. }
  117. }
  118. }
  119. }
  120. .radio-group-box {
  121. text-align: center;
  122. }