table3.vue 6.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224
  1. <template>
  2. <div>
  3. <!-- 全国销售日报 -->
  4. <h2 class="table-title">2025年3月 全国销售日报(截止22日17点30分)</h2>
  5. <table class="table-box">
  6. <thead>
  7. <tr>
  8. <th></th>
  9. <th></th>
  10. <th>销售额</th>
  11. <th>东莞服务中心</th>
  12. <th>合计</th>
  13. </tr>
  14. </thead>
  15. <tbody>
  16. <tr>
  17. <td rowspan="12" width="150" align="center">品牌</td>
  18. <td width="250">年度目标</td>
  19. <td align="right">141,150,000.00</td>
  20. <td align="right">10,850,000.00</td>
  21. <td align="right">152,000,000.00</td>
  22. </tr>
  23. <tr>
  24. <td>截止1-2月销售实际完成</td>
  25. <td align="right">11,553,506.00</td>
  26. <td align="right">3,199,085.00</td>
  27. <td align="right">14,752,590.00</td>
  28. </tr>
  29. <tr>
  30. <td>累计3月销售实际截止完成</td>
  31. <td align="right">14,863,711.00</td>
  32. <td align="right">3,942,037.00</td>
  33. <td align="right">18,805,748.00</td>
  34. </tr>
  35. <tr>
  36. <td>年度完成率</td>
  37. <td>12%</td>
  38. <td>13%</td>
  39. <td>12%</td>
  40. </tr>
  41. <tr>
  42. <td>本月目标</td>
  43. <td align="right">9,858,800.00</td>
  44. <td align="right">2,481,200.00</td>
  45. <td align="right">12,340,000.00</td>
  46. </tr>
  47. <tr>
  48. <td>本月实际销售</td>
  49. <td align="right">3,314,024.00</td>
  50. <td align="right">743,977.00</td>
  51. <td align="right">4,058,001.00</td>
  52. </tr>
  53. <tr>
  54. <td>本月销售实际退货</td>
  55. <td align="right">3,818.00</td>
  56. <td align="right">1,025.00</td>
  57. <td align="right">4,843.00</td>
  58. </tr>
  59. <tr>
  60. <td>本月销售实际完成</td>
  61. <td align="right">3,818.00</td>
  62. <td align="right">1,025.00</td>
  63. <td align="right">4,843.00</td>
  64. </tr>
  65. <tr>
  66. <td>本月达成率</td>
  67. <td align="right">3,818.00</td>
  68. <td align="right">1,025.00</td>
  69. <td align="right">4,843.00</td>
  70. </tr>
  71. <tr>
  72. <td>预估订单</td>
  73. <td align="right">3,818.00</td>
  74. <td align="right">1,025.00</td>
  75. <td align="right">4,843.00</td>
  76. </tr>
  77. <tr>
  78. <td>预估完成</td>
  79. <td align="right">3,818.00</td>
  80. <td align="right">1,025.00</td>
  81. <td align="right">4,843.00</td>
  82. </tr>
  83. <tr>
  84. <td>离目标差额</td>
  85. <td align="right">3,818.00</td>
  86. <td align="right">1,025.00</td>
  87. <td align="right">4,843.00</td>
  88. </tr>
  89. <tr>
  90. <td rowspan="12" width="100" align="center">轮胎</td>
  91. <td>年度目标</td>
  92. <td align="right">141,150,000.00</td>
  93. <td align="right">10,850,000.00</td>
  94. <td align="right">152,000,000.00</td>
  95. </tr>
  96. <tr>
  97. <td>截止1-2月销售实际完成</td>
  98. <td align="right">11,553,506.00</td>
  99. <td align="right">3,199,085.00</td>
  100. <td align="right">14,752,590.00</td>
  101. </tr>
  102. <tr>
  103. <td>累计3月销售实际截止完成</td>
  104. <td align="right">14,863,711.00</td>
  105. <td align="right">3,942,037.00</td>
  106. <td align="right">18,805,748.00</td>
  107. </tr>
  108. <tr>
  109. <td>年度完成率</td>
  110. <td>12%</td>
  111. <td>13%</td>
  112. <td>12%</td>
  113. </tr>
  114. <tr>
  115. <td>本月目标</td>
  116. <td align="right">9,858,800.00</td>
  117. <td align="right">2,481,200.00</td>
  118. <td align="right">12,340,000.00</td>
  119. </tr>
  120. <tr>
  121. <td>本月实际销售</td>
  122. <td align="right">3,314,024.00</td>
  123. <td align="right">743,977.00</td>
  124. <td align="right">4,058,001.00</td>
  125. </tr>
  126. <tr>
  127. <td>本月销售实际退货</td>
  128. <td align="right">3,818.00</td>
  129. <td align="right">1,025.00</td>
  130. <td align="right">4,843.00</td>
  131. </tr>
  132. <tr>
  133. <td>本月销售实际完成</td>
  134. <td align="right">3,818.00</td>
  135. <td align="right">1,025.00</td>
  136. <td align="right">4,843.00</td>
  137. </tr>
  138. <tr>
  139. <td>本月达成率</td>
  140. <td align="right">3,818.00</td>
  141. <td align="right">1,025.00</td>
  142. <td align="right">4,843.00</td>
  143. </tr>
  144. <tr>
  145. <td>预估订单</td>
  146. <td align="right">3,818.00</td>
  147. <td align="right">1,025.00</td>
  148. <td align="right">4,843.00</td>
  149. </tr>
  150. <tr>
  151. <td>预估完成</td>
  152. <td align="right">3,818.00</td>
  153. <td align="right">1,025.00</td>
  154. <td align="right">4,843.00</td>
  155. </tr>
  156. <tr>
  157. <td>离目标差额</td>
  158. <td align="right">3,818.00</td>
  159. <td align="right">1,025.00</td>
  160. <td align="right">4,843.00</td>
  161. </tr>
  162. <tr>
  163. <td rowspan="2" width="100" align="center">品牌+轮胎</td>
  164. <td>本月实际销售额</td>
  165. <td align="right">141,150,000.00</td>
  166. <td align="right">10,850,000.00</td>
  167. <td align="right">152,000,000.00</td>
  168. </tr>
  169. <tr>
  170. <td>本月预估完成</td>
  171. <td align="right">11,553,506.00</td>
  172. <td align="right">3,199,085.00</td>
  173. <td align="right">14,752,590.00</td>
  174. </tr>
  175. </tbody>
  176. </table>
  177. </div>
  178. </template>
  179. <script>
  180. export default {
  181. name: 'Table0',
  182. props: {
  183. tableData: {
  184. type: Array,
  185. default: () => []
  186. }
  187. },
  188. methods: {
  189. }
  190. }
  191. </script>
  192. <style lang="less" scoped>
  193. .table-title{
  194. margin-bottom: 10px;
  195. font-size: 16px;
  196. font-weight: bold;
  197. width: 100%;
  198. max-width: 1024px;
  199. text-align: center;
  200. }
  201. .table-box{
  202. width: 100%;
  203. max-width: 1024px;
  204. font-size: 14px;
  205. tr > th{
  206. padding: 6px 8px;
  207. border: 1px solid #eee;
  208. text-align: center;
  209. }
  210. tr > td{
  211. padding: 5px;
  212. border: 1px solid #eee;
  213. }
  214. tr{
  215. &:hover{
  216. td{
  217. background-color: #ffd6d4;
  218. }
  219. }
  220. }
  221. }
  222. </style>