<template>
  <div class="enterprise-container">
    <div class="container">
      <div class="enterprise-header">
        <div class="enterprise-header-lf">
          <div style="position: relative">
            <img src="@/assets/img/Banner.png" width="869" height="376" />
            <span class="img-ct">深圳南山区就业服务平台</span>
          </div>
          <div class="manage-list">
            <div
              v-for="(item, index) in manageList"
              :key="index"
              class="manage-item"
              :class="manageActive === item.name ? 'active' : ''"
              @click="manageChange(item)"
            >
              {{ item.name }}
            </div>
          </div>
        </div>
        <div class="enterprise-header-rg">
          <div class="company-tp">
            <img
              src="@/assets/img/icon-can.png"
              width="90"
              height="90"
              style="border-radius: 12px"
            />
            <div class="flx-direction-column">
              <span class="company-title">货拉拉科技</span>
              <div>
                <span class="info-label">互联网</span>
                <span class="info-label">D轮及以上</span>
                <span class="info-label">10000人以上</span>
              </div>
              <div class="company-addr">
                <el-icon style="margin-right: 3px"><i-ep-Location /></el-icon>
                深圳市南山区南山街道办1109号7-6楼
              </div>
            </div>
          </div>
          <div style="width: 391px">
            <p class="company-detail">
              货拉拉于2013年创立，成长于粤港澳大湾区。是一家从事同城/跨城货运、企业版物流服务、搬家、零担、汽车租售及车后市场服务的互联网物流商城。[7-8]
              货拉拉通过共享模式整合社会运力资源，完成海量运力储备，依托移动互联、大数据和人工智能技术，搭建“方便、科技、可靠”的货运平台，实现多种车型的即时智能调度，为个人、商户及企业提供高效的物流解决方案。[9]
              截至2021年10月，货拉拉业务范围已覆盖352座中国内地城市，月活司机达66万，月活用户达840万
              货拉拉于2013年创立，成长于粤港澳大湾区。是一家从事同城/跨城货运、企业版物流服务、搬家、零担、汽车租售及车后市场服务的互联网物流商城。[7-8]
              货拉拉通过共享模式整合社会运力资源，完成海量运力储备，依托移动互联、大数据和人工智能技术，搭建“方便、科技、可靠”的货运平台，实现多种车型的即时智能调度，为个人、商户及企业提供高效的物流解决方案。[9]
              截至2021年10月，货拉拉业务范围已覆盖352座中国内地城市，月活司机达66万，月活用户达840万
              货拉拉通过共享模式整合社会运力资源，完成海量运力储备，依托移动互联、大数据和人工智能技术，搭建“方便、科技、可靠”的货运平台，实现多种车型的即时智能调度，为个人、商户及企业提供高效的物流解决方案。[9]
              截至2021年10月，货拉拉业务范围已覆盖352座中国内地城市，月活司机达66万，月活用户达840万
              截至2021年10月，货拉拉业务范围已覆盖352座中国内地城市，月活司机达66万，月活用户达840万
              货拉拉通过共享模式整合社会运力资源，完成海量运力储备，依托移动互联、大数据和人工智能技术，搭建“方便、科技、可靠”的货运平台，实现多种车型的即时智能调度，为个人、商户及企业提供高效的物流解决方案。[9]
              截至2021年10月，货拉拉业务范围已覆盖352座中国内地城市，月活司机达66万，月活用户达840万
            </p>
          </div>
          <div class="flx-justify-between">
            <span class="btn" @click="toEditCompany">编辑公司信息</span>
            <span class="btn" @click="toAddAdministrator">添加管理员</span>
          </div>
        </div>
      </div>
      <talent v-if="manageActive === '人才管理'" />
      <position v-if="manageActive === '职位管理'" />
      <resume v-if="manageActive === '简历搜索'" />
      <el-pagination
        background
        layout="->, prev, pager, next"
        :total="1000"
        style="margin-bottom: 15px"
      />
    </div>
  </div>
</template>

<script setup lang="ts">
import talent from './components/talent.vue'
import position from './components/position.vue'
import resume from './components/resume.vue'

const router = useRouter()
const manageActive = ref('简历搜索')

const manageList = [
  { name: '人才管理', type: 'A' },
  { name: '职位管理', type: 'B' },
  { name: '简历搜索', type: 'C' },
  { name: '简历推荐', type: 'D' }
]

const toEditCompany = () => {
  router.push('/recruitmentManagement/editCompany')
}
const toAddAdministrator = () => {
  router.push('/recruitmentManagement/addAdministrator')
}

const manageChange = (row: any) => {
  manageActive.value = row.name
}
</script>

<style lang="scss" scoped>
@import url(./style/enterprise.scss);
</style>
