<template>
  <el-collapse v-model="collapses">
    <el-collapse-item title="基础信息" name="1">
      <show-data-table :columns="basicColumns" />
    </el-collapse-item>

    <el-collapse-item title="规格信息" name="2">
      <show-data-table />
    </el-collapse-item>

    <el-collapse-item title="包装信息" name="3">
      <show-data-table />
    </el-collapse-item>

    <el-collapse-item title="发货信息" name="4">
      <show-data-table />
    </el-collapse-item>

    <el-collapse-item title="图片信息" name="5">
      <show-data-table />
    </el-collapse-item>

    <el-collapse-item title="固定与阶梯成本" name="6">
      <show-data-table />
    </el-collapse-item>
  </el-collapse>
</template>

<script>

import ShowDataTable from '@/views/standingBook/components/detail-data-table.vue'
import { basicColumns } from './../columns'

export default {
  name: 'CostDetail',
  components: { ShowDataTable },
  data() {
    return {
      collapses: ['1', '2', '3', '4', '5', '6'],
      basicColumns
    }
  }
}
</script>

<style scoped>

</style>
