index.vue 950 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="返利表"></a-tab-pane>
  6. <a-tab-pane key="2" tab="返利明细报表" force-render></a-tab-pane>
  7. </a-tabs>
  8. </div>
  9. <div>
  10. <report v-show="curTab==1"></report>
  11. <detailReport v-show="curTab==2"></detailReport>
  12. </div>
  13. </div>
  14. </template>
  15. <script>
  16. import report from './list.vue'
  17. import detailReport from './detailList.vue'
  18. export default {
  19. name: 'ProductRebateReportIndex',
  20. components: {
  21. report,
  22. detailReport
  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>