<template>
   <div class="app-container enterprise_contatiner">
    <!--<div class="header">-->
      <!--<div class="title_wrap">-->
        <!--<div class="enterprise_title">-->
          <!--评标助手-->
        <!--</div>-->
      <!--</div>-->
      <!--<el-tabs v-model="activeName" >-->
        <!--<el-tab-pane label="查资质" name="first"></el-tab-pane>-->
        <!--<el-tab-pane label="现行资质标准" name="second"></el-tab-pane>-->
        <!--<el-tab-pane label="历史批量查询结果" name="third"></el-tab-pane>-->
      <!--</el-tabs>-->
    <!--</div>-->
    <SearchAptitude @changeActiveName="activeName = 'third'" v-if="activeName === 'first'"></SearchAptitude>
    <!--<AptitudeStandard v-if="activeName === 'second'"></AptitudeStandard>-->
    <!--<SearchResult v-if="activeName === 'third'"></SearchResult>-->

   </div>
</template>
<script>
  import SearchAptitude from '../components/SearchAptitude'

export default {
    name: 'SearchAptitude',
    components: {
        SearchAptitude
    },
    data() {
        return {
            activeName: 'first'
        }
    },
}
</script>

<style lang="scss" scoped>
    .header{
      justify-content: space-between;
      background: #FFFFFF;
      border-radius: 4px 4px 0 0 ;
      border-bottom: 1px solid #EEEEEE;
      color: #232323;
      position: sticky;
      top: -16px;
      z-index: 999;
      ::v-deep .el-tabs{
        height: 48px;
        line-height: 48px;
        .el-tabs__nav-wrap::after {
          position: static !important;
        }
        .el-tabs__header{
          margin: 0;
          .el-tabs__item{
            padding: 0 16px;
            font-size: 16px;
          }
          .is-active{
            font-weight: bold;
          }
        }
        .el-tabs__content{
          width: 100%;
        }
      }
      .location{
        font-size: 14px;
        color: #0081FF;
        i{
          margin-right: 6px;
          font-size: 16px;
        }
      }
    }
</style>
