<template>
  <div>
    <el-tabs v-model="activeName">
      <el-tab-pane name="customer">
        <span slot="label" class="nofont" :class="{font:activeName=='customer'}">{{ $t('customer.customer') }}</span>
        <customer />
      </el-tab-pane>
      <el-tab-pane name="group">
        <span slot="label" class="nofont" :class="{font:activeName=='group'}">{{ $t('customer.group') }}</span>
        <group />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import Customer from './components/customer.vue'
import Group from './components/group.vue'
export default {
  components: {
    Customer,
    Group
  },
  data() {
    return {
      activeName: 'customer'
    }
  },
  watch: {
  },
  created() {
  }
}
</script>

<style scoped>
.nofont{
  font-size: 19px;
}
.font{
  color: #659FD5;
  font-size: 22px;
}
.reload{
  width: 208px;
  height: 38px;
  border: 2px solid #659FD5;
  border-radius: 24px;
  font-size: 14px;
  font-weight: bold;
  color: #5BA8DC;
  text-align: center;
  line-height: 35px;
  cursor:pointer
}
.submit{
  width: 208px;
  height: 38px;
  border: 2px solid #659FD5;
  border-radius: 24px;
  background: #5BA8DC;
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  line-height: 35px;
  margin-left: 20px;
  cursor:pointer
}
::v-deep el-radio__label{
  font-size: 18px;
}
</style>
