<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'
  import AptitudeStandard from './components/AptitudeStandard'
  import SearchResult from './components/SearchResult'

export default {
    name: 'Assistant',
    components: {
        SearchAptitude,AptitudeStandard,SearchResult
    },
    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>