<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">
           <fast-country></fast-country>
          </el-tab-pane>
          <el-tab-pane label="省级质控平台">
            <fast-province></fast-province>
          </el-tab-pane>
          <el-tab-pane label="市级质控平台">
            <fast-city></fast-city>
          </el-tab-pane>
        </el-tabs>
      </div>
    </div>
  </div>
</template>


<script>
  import BreadCrumb from '@/xt_pages/components/bread-crumb'
  import FastCountry from './fast/FastCountry'
  import FastProvince from './fast/FastProvince'
  import FastCity from './fast/FastCity'


  export default {
    name: 'export',
    components: {
      FastCity,
      FastProvince,
      FastCountry,
      BreadCrumb
    },
    data(){
      return{
        crumbs: [
          { path: false, name: '质控上报' },
          { path: '/upload/fast', name: '快捷上报' }
        ],
        activeName: 'first',
      }
    }
  }
</script>

<style scoped>

</style>
