menduner/src/views/enterprise/talentPool/components/details.vue

<!-- 人才库 - 人才详情 -->
<template>
  <div class="white-bgc py-2 d-flex justify-center" style="width: 100%;">
    <div style="width: 940px;overflow-y: auto;background: none;" class=" pa-3 mr-3">
      <!-- 基本信息 -->
      <baseInfo class="mt-5"></baseInfo>
      <!-- 个人优势 -->
      <div class="d-flex mt-8">
        <span class="mr-6">{{ $t('resume.personalAdvantages') }}</span>
        <div style="flex: 1; white-space: pre-line; font-size: 15px;" v-if="advantage" v-html="advantage"></div>
      </div>
      <!-- 职业技能 -->
      <div class="d-flex mt-8">
        <span class="mr-6">{{ $t('resume.vocationalSkills') }}</span>
        <vocationalSkills style="flex: 1;"></vocationalSkills>
      </div>
      <!-- 求职意向 -->
      <div class="d-flex mt-8">
        <span class="mr-6">{{ $t('resume.jobIntention') }}</span>
        <jobIntention style="flex: 1;" :list="[]"></jobIntention>
      </div>
      <!-- 工作经历 -->
      <div class="d-flex mt-8">
        <span class="mr-6">{{ $t('resume.workExperience') }}</span>
        <workExperience style="flex: 1;"></workExperience>
      </div>
      <!-- 项目经历 -->
      <div class="d-flex mt-8">
        <span class="mr-6">{{ $t('resume.projectExperience') }}</span>
        <projectExperience style="flex: 1;"></projectExperience>
      </div>
      <!-- 培训经历 -->
      <div class="d-flex mt-8">
        <span class="mr-6">{{ $t('resume.trainingExperience') }}</span>
        <!-- <trainingExperience style="flex: 1;"></trainingExperience> -->
      </div>
      <!-- 教育经历 -->
      <div class="d-flex mt-8">
        <span class="mr-6">{{ $t('resume.educationExp') }}</span>
        <!-- <educationExp style="flex: 1;"></educationExp> -->
      </div>
      <!--  -->
    </div>
    <div class="operate pa-3">
      <v-list>
        <!-- <v-list-subheader class="title">简历助手</v-list-subheader> -->
        <v-list-item
          v-for="(item, i) in operateItems" :key="'简历助手' + i"
          color="primary"
          :prepend-icon="item.icon"
          :title="item.text"
          @click="{}"
        >
        </v-list-item>
      </v-list>
    </div>
  </div>
</template>

<script setup>
import baseInfo from './details/baseInfo.vue'
import vocationalSkills from './details/vocationalSkills.vue'
import jobIntention from './details/jobIntention.vue'
import workExperience from './details/workExperience.vue'
import projectExperience from './details/projectExperience.vue'
defineOptions({name: 'enterprise-talentPool-details'})

const advantage = "1、熟悉 Java  技术平台，并稳定形成生产力，CCF 中国计算机学会会员，获得微软 MCP、MCSA 认证。 \n2、熟悉通用缓存/DB /搜索引擎/消息队列等中间件。对业内高可用高并发及分布式技术解决方案有充分理解。\n3、同时具备常用大数据解决方案实践经验，包括实时计算（Storm/Flink ）及离线计算（Hive/ETL/Spark）。 \n4、对搜索推荐/订单交易等业务方向具备多年实践经验。\n5、上班。"
const operateItems = [
  { text: '邀请面试', icon: 'mdi-account-check' },
  { text: '不合适', icon: 'mdi-close-circle-outline' },
  { text: '发起对话', icon: 'mdi-chat-processing-outline' },
  { text: '加入人才库', icon: 'mdi-tab-plus' },
]
</script>
<style lang="scss" scoped>
.operate {
  width: 240px;
  height: 500px; // 272px
  position: sticky;
  top: 60px;
  // background-color: var(--default-bgc);
  background-color: #f7f8fa;
}
</style>