Vue_New/src/xt_pages/upload/data_upload.vue

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


<script>
  import BreadCrumb from '@/xt_pages/components/bread-crumb'
  import DataCountry from './data/DataCountry'
  import DataProvince from './data/DataProvince'
  import DataCity from './data/DataCity'



  export default {
    name: 'data_upload',
    components: {
      DataCity,
      DataProvince,
      DataCountry,
      BreadCrumb
    },
    data(){
      return{
        crumbs: [
          { path: false, name: '质控上报' },
          { path: '/upload/data', name: '一键上报' }
        ],
        activeName: 'first',
      }
    }
  }
</script>

<style scoped>

</style>