print.css 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210
  1. .w-210mm {
  2. width: 210mm
  3. }
  4. .relative {
  5. position: relative
  6. }
  7. .px-18 {
  8. padding-left: 4.5rem;
  9. padding-right: 4.5rem
  10. }
  11. .py-4 {
  12. padding-top: 1rem;
  13. padding-bottom: 1rem
  14. }
  15. .min-h-40 {
  16. min-height: 10rem
  17. }
  18. .text-sm {
  19. font-size: .875rem;
  20. line-height: 1.25rem
  21. }
  22. .z-100 {
  23. z-index: 100
  24. }
  25. .w-42mm {
  26. width: 42mm
  27. }
  28. .right-8 {
  29. right: 2rem
  30. }
  31. .top-14 {
  32. top: 3.5rem
  33. }
  34. .top-0 {
  35. top: 0
  36. }
  37. .absolute {
  38. position: absolute
  39. }
  40. .h-42mm {
  41. height: 42mm
  42. }
  43. .whitespace-nowrap {
  44. white-space: nowrap
  45. }
  46. .mt-1 {
  47. margin-top: .25rem
  48. }
  49. .text-base {
  50. font-size: 1rem;
  51. line-height: 1.5rem
  52. }
  53. .justify-between {
  54. -webkit-box-pack: justify;
  55. -ms-flex-pack: justify;
  56. -webkit-justify-content: space-between;
  57. justify-content: space-between
  58. }
  59. .flex {
  60. display: -webkit-box;
  61. display: -ms-flexbox;
  62. display: -webkit-flex;
  63. display: flex
  64. }
  65. .flex-none {
  66. -webkit-box-flex: 0;
  67. -ms-flex: none;
  68. -webkit-flex: none;
  69. flex: none
  70. }
  71. .print_table {
  72. print-color-adjust: exact;
  73. }
  74. .print_table thead {
  75. display: table-header-group
  76. }
  77. .print_table thead td {
  78. font-size: 26px;
  79. font-weight: bold;
  80. text-align: center;
  81. padding-bottom: 2.5rem
  82. }
  83. .print_table>tr td {
  84. padding-bottom: .5rem
  85. }
  86. /*/~ 打印时不生效 ~/
  87. .print_table tbody {
  88. border: 2px solid #000;
  89. }*/
  90. .print_table tbody tr {
  91. page-break-inside: avoid;
  92. }
  93. .print_table tbody tr:first-child td {
  94. border-top: 2px solid #000;
  95. }
  96. .print_table tbody tr:last-child td {
  97. border-bottom: 2px solid #000;
  98. }
  99. /* 获取表格中最后一个rowspan不为空的 td */
  100. /* 需要js配合 */
  101. .print_table tbody tr td[rowspan].last {
  102. border-bottom: 2px solid #000;
  103. }
  104. .print_table tbody tr {
  105. page-break-inside: avoid;
  106. }
  107. .print_table tbody td {
  108. padding: 8px 8px;
  109. /* border-bottom: 1px solid #000; */
  110. border-top: 1px solid #000;
  111. }
  112. /* .print_table tbody td:not(:last-child) {
  113. border-right: 1px solid #000;
  114. } */
  115. .print_table tbody td {
  116. border-right: 1px solid #000;
  117. }
  118. .print_table tbody td:first-child:not(.ignore) {
  119. border-left: 2px solid #000;
  120. }
  121. .print_table tbody td:last-child:not(.ignore) {
  122. border-right: 2px solid #000;
  123. }
  124. /* 项目情况表 */
  125. .xmqkb_table {
  126. print-color-adjust: exact;
  127. font-size: 14px;
  128. margin-bottom: 15px;
  129. }
  130. .xmqkb_table thead {
  131. display: table-header-group;
  132. }
  133. .xmqkb_table thead td {
  134. font-size: 26px;
  135. font-weight: bold;
  136. text-align: center;
  137. }
  138. .xmqkb_table .ml-10px {
  139. margin-left: 10px;
  140. }
  141. .xmqkb_table .pl-15px {
  142. padding-left: 15px;
  143. }
  144. .xmqkb_table .text-center {
  145. text-align: center;
  146. }
  147. .xmqkb_table .break-all {
  148. word-break: break-all;
  149. }
  150. .xmqkb_table tbody tr {
  151. page-break-inside: avoid;
  152. }
  153. .xmqkb_table tr {
  154. line-height: 30px;
  155. }
  156. .xmqkb_table tr.f5f7fa {
  157. background: #f5f7fa;
  158. }
  159. .xmqkb_table tr:not(.not-line) td {
  160. border-bottom: 1px solid #f1f1f1;
  161. }
  162. .xmqkb_table tr td {
  163. padding: 8px 5px;
  164. }