<template>
  <div class="main-contain">
    <div class="position">
      <bread-crumb :crumbs='crumbs'></bread-crumb>
    </div>
    <div class="app-container">
      <div class="service-box">
        <el-tabs v-model="activeName">
          <el-tab-pane label="国家质控平台" name="first">
            <export-country></export-country>
          </el-tab-pane>
          <el-tab-pane label="省级质控平台">
            <export-province></export-province>
          </el-tab-pane>
          <el-tab-pane label="市级质控平台">
            <export-city></export-city>
          </el-tab-pane>
        </el-tabs>
      </div>
    </div>
  </div>
</template>


<script>
  import BreadCrumb from '@/xt_pages/components/bread-crumb'
  import ExportCity from './export/ExportCity'
  import ExportCountry from './export/ExportCountry'
  import ExportProvince from './export/ExportProvince'


  export default {
    name: 'export',
    components: {
      ExportProvince,
      ExportCountry,
      ExportCity,
      BreadCrumb
    },
    data(){
      return{
        crumbs: [
          { path: false, name: '质控上报' },
          { path: '/upload/export', name: '一键导出' }
        ],
        activeName: 'first',
      }
    }
  }
</script>

<style scoped>

</style>
