<!--  -->
<template>
  <div class="main-content m20">
    <el-tabs v-model="activeName" type="card">
      <el-tab-pane label="企业" name="first">
        <h2 style="margin-left: 20px;color: red">仅供内部查询使用</h2>
        <Ent />
      </el-tab-pane>
      <el-tab-pane label="自然人" name="second">
        <h2 style="margin-left: 20px;color: red">仅供内部查询使用</h2>
        <Person />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import Ent from './ent.vue'
import Person from './person.vue'
export default {
// import引入的组件需要注入到对象中才能使用
  components: {
    Ent,
    Person
  },
  data() {
    // 这里存放数据
    return {
      activeName: 'first'
    }
  }
}
</script>
<style lang="scss" scoped>
.main-content{
  background: #fff;
  padding: 10px;
  .content-header{
    background: white;
    .label-name_1 {
      text-align: right;
      display: inline-block;//转成行内快，才可定义宽度
      width: 200px;
      font-size: $table-content-font-size;
    }
    .search-input-box_1{
      display: inline-block;
    }
    .label-name_2 {
      text-align: right;
      display: inline-block;//转成行内快，才可定义宽度
      width: 200px;
      font-size: $table-content-font-size;
    }
    .search-input-box_2{
      display: inline-block;
    }
    .label-name_3 {
      text-align: right;
      display: inline-block;//转成行内快，才可定义宽度
      width: 120px;
      font-size: $table-content-font-size;
    }
    .custom{
      width: calc(100% - 120px);
    }
    .search-input{
      cursor: pointer;
    }
    .body{
      padding: 20px 0 ;
      border-top:none;
      margin-bottom: 40PX;
    }
  }
  .content-body{
    background:white
  }
  .header{
    .title{
      font-weight: 600;
      font-size: 1.2rem;
    }
  }
  .page-box{margin:10PX;text-align:right}
  .mb10{
    margin-bottom: 10px;
  }
  .btn-box{
    display: inline-block;
    padding-left: 10px;
  }
}
/deep/.el-input__inner{
  height: 28px;
}
.label-name{
  display: inline-block;
  text-align: right;
  padding: 0 10px;
  width: 220px;
  font-size: $table-content-font-size;
}
.search-body {
  .el-input,.el-select,.el-date-editor{
    width: 100%;
  }
  .search-input-box{
    display: inline-block;
    width: calc(100% - 220px);
  }
}
</style>
