<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">
            <interface-config></interface-config>
          </el-tab-pane>
          <el-tab-pane label="同步列表">
            <sync-list></sync-list>
          </el-tab-pane>
          <!-- <el-tab-pane label="字段配置">
            <field-config></field-config>
          </el-tab-pane> -->
        </el-tabs>
      </div>
    </div>
  </div>
</template>

<script>
  import BreadCrumb from '@/xt_pages/components/bread-crumb'
  import InterfaceConfig from './his/interfaceConfig'
  import SyncList from './his/syncList'
  import FieldConfig from './his/fieldConfig'

  export default {
    name: 'his_config',
    components: {
      InterfaceConfig,
      SyncList,
      FieldConfig,
      BreadCrumb
    },
    data() {
      return {
        crumbs: [
          { path: false, name: '集成配置' },
          { path: '/integration/his', name: 'HIS集成配置' }
        ],
        activeName: 'first'

      }
    },
    methods: {
      handleClick(tab, event) {
        console.log(tab, event, this.activeName)
      }
    }
  }
</script>






