<template>
  <el-tabs class="my-tabs" v-model="activeName" type="card" @tab-click="handleClick">
    <el-tab-pane label="用户列表" name="first">
      <User></User>
    </el-tab-pane>
    <el-tab-pane label="被委托人列表" name="second">
      <Client></Client>
    </el-tab-pane>
  </el-tabs>
</template>

<script>
  import User from './components/user.vue'
  import Client from './components/client.vue'

  export default {
    components: {Client, User},
    data() {
      return {
        activeName: 'first'
      };
    },
    methods: {
      handleClick(tab, event) {
      }
    }
  }
</script>

<style lang="scss">
  .my-tabs {
    margin-top: 10px;

    .el-date-editor .el-range-separator {
      line-height: 26px;
    }

    .tab-header .el-form-item .el-input__icon {
      line-height: 26px;
    }
  }
</style>
