<!--
  @description: 查看评审费报销
  @Modifier: sunxinman
  @routerPath: /fee/trafficfeeApplyContent
  @date: 2020/04/14 17:45
-->
<template>
  <div class="p0-16">
    <section class="clearfix">
      <!-- 返回 -->
      <div class="title title_border" @click="back()">
        <i class="iconfont icon-fanhui mr10" />查看交通费报销
      </div>
    </section>
    <div>
      <tabs ref="tabs" :list="tabsList" />
    </div>
    <div>
      <router-view ref="trafficfeeApply" :traffic-fee-data="trafficFeeData" />
    </div>
    <!-- 审核信息组件-->
    <!-- <trafficfeeApplyAuditComp/> -->
  </div>
</template>
<script>
/* 组件*/
import tabs from '@comp/common/tabsParams'
import trafficfeeApplyAuditComp from './../trafficfeeApplyAudit/trafficfeeApplyAuditComp'// 审核信息
export default {
  name: 'TrafficfeeApplyContent',
  components: {
    tabs,
    trafficfeeApplyAuditComp // 审核信息
  },
  data() {
    return {
      tabsList: [
        {
          name: '报销申请',
          path: '/fee/trafficfeeApplyContent/trafficfeeApplyInfo-detail'
        },
        {
          name: '发放明细',
          path: '/fee/trafficfeeApplyContent/trafficfeeGrant-detail'
        }
      ],
      // 传给子组件编辑带入id
      trafficFeeData: {
        trafficFeeId: this.$route.params.trafficFeeId // 交通费id
      }
    }
  },
  methods: {
    // 返回
    back() {
      this.$router.push({
        path: '/fee/trafficfeeApply-list'
      })
    }
  }
}
</script>
<style lang="less" scoped>

</style>
