<template>
  <div v-loading="loading">
    <div class="white-box">
      <el-tabs v-model="activeName">
        <el-tab-pane label="首购单" name="zero" :lazy="true">
          <leo-dec-table type="ZC"></leo-dec-table>
        </el-tab-pane>
        <el-tab-pane label="优惠单" name="first" :lazy="true">
          <leo-dec-table type="YH"></leo-dec-table>
        </el-tab-pane>
        <el-tab-pane label="增购单" name="second" :lazy="true">
          <leo-dec-table type="ZG"></leo-dec-table>
        </el-tab-pane>
        <el-tab-pane label="零售单" name="third" :lazy="true">
          <leo-dec-table type="LS"></leo-dec-table>
        </el-tab-pane>
        <el-tab-pane label="复销单" name="forth" :lazy="true">
          <leo-dec-table type="FX"></leo-dec-table>
        </el-tab-pane>
        <el-tab-pane label="订货单" name="fifth" :lazy="true">
          <leo-dec-table type="OR"></leo-dec-table>
        </el-tab-pane>
      </el-tabs>
    </div>
  </div>
</template>

<script>
import leoDecTable from '../../components/DecListTable'

export default {
  name: 'finance_dec-list',
  components: {leoDecTable},
  mounted () {
  },
  data () {
    return {
      loading: false,
      activeName: 'zero',
    }
  },
  methods: {}
}
</script>

<style scoped>

</style>