elizebeth/src/xt_pages/integration/his_config.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">
            <patient-his-config></patient-his-config>
          </el-tab-pane>
          <el-tab-pane label="医护配置">
            <admin-his-config></admin-his-config>
          </el-tab-pane>
          <el-tab-pane label="接口配置">
            <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 PatientHisConfig from './his/patientHisConfig'
  import AdminHisConfig from './his/adminHisConfig'
  import InterfaceConfig from './his/interfaceConfig'
  import SyncList from './his/syncList'
  import FieldConfig from './his/fieldConfig'

  export default {
    name: 'his_config',
    components: {
      AdminHisConfig,
      PatientHisConfig,
      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>