index.vue 951 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. <template>
  2. <div class="tabsReportList-wrap">
  3. <div style="background-color: #fff;margin-bottom: 5px;">
  4. <a-tabs default-active-key="1" v-model="curTab">
  5. <a-tab-pane key="1" tab="VIN扫描记录"></a-tab-pane>
  6. <a-tab-pane key="2" tab="适配产品统计"></a-tab-pane>
  7. </a-tabs>
  8. </div>
  9. <a-card size="small" :bordered="false">
  10. <vinList v-show="curTab==1"></vinList>
  11. <spList v-show="curTab==2"></spList>
  12. </a-card>
  13. </div>
  14. </template>
  15. <script>
  16. import vinList from './vinList.vue'
  17. import spList from './spList.vue'
  18. export default {
  19. name: 'SalesReportIndex',
  20. components: {
  21. vinList,
  22. spList
  23. },
  24. data () {
  25. return {
  26. curTab: '1'
  27. }
  28. }
  29. }
  30. </script>
  31. <style lang="less">
  32. .tabsReportList-wrap{
  33. display: flex;
  34. flex-direction: column;
  35. height: 100%;
  36. .ant-tabs-bar{
  37. margin: 0;
  38. }
  39. .ant-card{
  40. flex-grow: 1;
  41. overflow: auto;
  42. }
  43. }
  44. </style>