itemManager.less 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160
  1. ul,li{
  2. padding:0;margin:0;list-style:none
  3. }
  4. h2{
  5. padding: 11px 20px;
  6. font-size: 16px;
  7. font-weight: 600;
  8. border-bottom: 1px solid #E2E5EF;
  9. }
  10. .main-body{
  11. margin: 20px 40px;
  12. }
  13. table{
  14. width: 100%;
  15. border:1px solid #E2E5EF;
  16. border-collapse: collapse;
  17. thead{
  18. background: #EFF0F9;
  19. }
  20. th,td{
  21. height: 40px;
  22. box-sizing: border-box;
  23. padding: 0 10px;
  24. border:1px solid #E2E5EF;
  25. border-collapse: collapse;
  26. }
  27. .moduleNumber{
  28. text-align: center;
  29. }
  30. }
  31. .filterBox{
  32. margin: 0 0 20px 0;
  33. }
  34. .filterItem{
  35. position: relative;
  36. display: inline-block;
  37. margin-right: 20px;
  38. height: 40px;
  39. line-height: 40px;
  40. }
  41. .filterDropList{
  42. position: absolute;
  43. right: 0;
  44. height: 200px;
  45. overflow-y: auto;
  46. background: #fff;
  47. display: none;
  48. border: 1px solid #e4e7ed;
  49. box-shadow: 0 2px 12px 0 #e4e7ed;
  50. li{
  51. padding: 0 10px;
  52. }
  53. }
  54. .rejectList, .usedList{
  55. height: 120px;
  56. li{
  57. padding: 0 10px;
  58. }
  59. li:hover{
  60. background-color: #EEF4FF;
  61. cursor: pointer;
  62. }
  63. }
  64. .switchImg{
  65. width: 30px;
  66. }
  67. .selectModuleType,.moduleItemInp,.selectUsed, .selectReject{
  68. display: inline-block;
  69. position: relative;
  70. width:160px;
  71. padding: 0 10px;
  72. height:40px;
  73. border-radius:4px;
  74. border: 1px solid #E2E5EF;
  75. box-sizing: border-box;
  76. cursor: pointer;
  77. }
  78. .arrow{
  79. position: absolute;
  80. width: 10px;
  81. top: 16px;
  82. right: 10px;
  83. }
  84. .moduleItemInp{
  85. cursor: default;
  86. outline: none;
  87. }
  88. .moduleTypeList{
  89. width: 160px;
  90. }
  91. .selectUsed, .selectReject{
  92. width: 120px;
  93. }
  94. .modeTypeItem:hover{
  95. background-color: #EEF4FF;
  96. cursor: pointer;
  97. }
  98. .rejectList, .usedList {
  99. width: 120px;
  100. }
  101. .filter{
  102. display: inline-block;
  103. width:60px;
  104. height:36px;
  105. background:#5A8EEE;
  106. border-radius:4px;
  107. color: #fff;
  108. text-align: center;
  109. line-height: 36px;
  110. position: relative;
  111. top: -2px;
  112. }
  113. .editItem{
  114. color: #5A8EEE;
  115. cursor: pointer;
  116. }
  117. .ellipsis{
  118. overflow: hidden;
  119. text-overflow:ellipsis;
  120. white-space: nowrap;
  121. }
  122. .textCenter{
  123. text-align: center;
  124. }
  125. .totalSum{
  126. font-size:12px;
  127. line-height:17px;
  128. color: #777777;
  129. margin-right: 20px;
  130. }
  131. .pagination{
  132. margin: 35px 0 0 0 ;
  133. text-align: right;
  134. }
  135. .activePage{
  136. color: #5A8EEE;
  137. }
  138. .pageNum,.prePage,.nextPage, .more{
  139. display: inline-block;
  140. width: 20px;
  141. cursor: pointer;
  142. margin: 0 20px 0 0;
  143. text-align: center;
  144. }
  145. .prePage,.nextPage{
  146. img{
  147. position: relative;
  148. top: -2px ;
  149. }
  150. }
  151. .more{
  152. cursor: not-allowed;
  153. }
  154. .arrowPage{
  155. width: 6px;
  156. }