index.vue 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. <template>
  2. <div>
  3. <a-card size="small" :bordered="false">
  4. <a-tabs default-active-key="1" @change="handleChange">
  5. <a-tab-pane key="1" tab="服务费运费明细报表" force-render>
  6. <serviceFreightDetailList ref="tableList1"></serviceFreightDetailList>
  7. </a-tab-pane>
  8. <a-tab-pane key="2" tab="服务费运费报表" force-render>
  9. <serviceFreightList ref="tableList2"></serviceFreightList>
  10. </a-tab-pane>
  11. <a-tab-pane key="3" tab="增量补贴报表(季度)" force-render>
  12. <incrementalSubsidyList ref="tableList3"></incrementalSubsidyList>
  13. </a-tab-pane>
  14. <a-tab-pane key="4" tab="增量补贴报表(年度)" force-render>
  15. <incrementalSubsidyYearList ref="tableList4"></incrementalSubsidyYearList>
  16. </a-tab-pane>
  17. <a-tab-pane key="5" tab="供应商轮胎补贴返利报表" force-render>
  18. <supplierRebateList ref="tableList5"></supplierRebateList>
  19. </a-tab-pane>
  20. </a-tabs>
  21. </a-card>
  22. </div>
  23. </template>
  24. <script>
  25. import { commonMixin } from '@/utils/mixin'
  26. // 组件
  27. import serviceFreightList from './serviceFreightList.vue'
  28. import incrementalSubsidyList from './incrementalSubsidyList.vue'
  29. import incrementalSubsidyYearList from './incrementalSubsidyYearList.vue'
  30. import serviceFreightDetailList from './serviceFreightDetailList.vue'
  31. import supplierRebateList from './supplierRebateList.vue'
  32. export default {
  33. name: 'TireFeeReportIndex',
  34. mixins: [commonMixin],
  35. components: { serviceFreightList, incrementalSubsidyList, incrementalSubsidyYearList, serviceFreightDetailList, supplierRebateList },
  36. data () {
  37. return {
  38. tabVal: 1 // tab值
  39. }
  40. },
  41. methods: {
  42. // 切换tab值 change
  43. handleChange (val) {
  44. this.tabVal = val
  45. },
  46. // 初始化
  47. pageInit () {
  48. if (this.tabVal == 1) {
  49. this.$refs.tableList1.pageInit()
  50. }
  51. }
  52. },
  53. mounted () {
  54. if (!this.$store.state.app.isNewTab) { // 页签刷新时调用
  55. this.pageInit()
  56. }
  57. },
  58. activated () {
  59. // 如果是新页签打开,则重置当前页面
  60. if (this.$store.state.app.isNewTab) {
  61. this.pageInit()
  62. }
  63. }
  64. }
  65. </script>