<template>
  <div class="tabZujian">
    <el-tabs v-model="activeName" >
      <el-tab-pane label="油站信息" name="info" :key="'info'">
        <child1></child1>
      </el-tab-pane>
      <el-tab-pane label="支付配置" name="pay" :key="'pay'">
        <child2></child2>
      </el-tab-pane>
      <el-tab-pane label="设备管理" name="notice" :key="'notice'">
        <child3></child3>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
<script>
  import tabZujianChild1 from '../info/index.vue'
  import tabZujianChild2 from '../pay/index.vue'
  import tabZujianChild3 from '../manage/index.vue'
  export default {
    name: 'tabZujian',
    components:{
      child1:tabZujianChild1,
      child2:tabZujianChild2,
      child3:tabZujianChild3
    },
    data() {
      return {
        activeName: 'info'
      };
    },
    methods: {
    }
  };
</script>
<style>
  .tabZujian {
    margin-left: 20px;
    margin-top: 20px;
  }
</style>
