menduner-admin/src/views/menduner/system/talentMap/store/components/info.vue

<template>
  <div style="height: 65vh; overflow-y: auto;" >
    <slot name="header"></slot>
    <el-descriptions title="基础信息" :column="2" border>
      <el-descriptions-item min-width="120" label="姓名（中）">{{ data?.title || '--' }}</el-descriptions-item>
      <el-descriptions-item min-width="120" label="姓名（英）">--</el-descriptions-item>
      <el-descriptions-item min-width="120" label="职位/头衔（中）">--</el-descriptions-item>
      <el-descriptions-item min-width="120" label="职位/头衔（英）">--</el-descriptions-item>
      <el-descriptions-item min-width="120" label="生日">--</el-descriptions-item>
      <el-descriptions-item min-width="120" label="居住地">--</el-descriptions-item>
    </el-descriptions>
    <el-descriptions title="联系方式" class="module" :column="2" border>
      <el-descriptions-item min-width="120" label="手机号码">--</el-descriptions-item>
      <el-descriptions-item min-width="120" label="固定电话">--</el-descriptions-item>
      <el-descriptions-item min-width="120" label="电子邮箱">--</el-descriptions-item>
    </el-descriptions>
    <el-descriptions title="酒店/公司信息" class="module" border>
      <el-descriptions-item min-width="120" label="酒店/公司名称(中)">--</el-descriptions-item>
      <el-descriptions-item min-width="120" label="酒店/公司名称(英)">--</el-descriptions-item>
      <el-descriptions-item min-width="120" label="品牌名称（中）">--</el-descriptions-item>
      <el-descriptions-item min-width="120" label="品牌名称（英）">--</el-descriptions-item>
      <el-descriptions-item min-width="120" label="隶属关系（中）">--</el-descriptions-item>
      <el-descriptions-item min-width="120" label="隶属关系（英）">--</el-descriptions-item>
      <el-descriptions-item min-width="120" label="品牌组合">--</el-descriptions-item>
    </el-descriptions>
    <el-descriptions title="职业轨迹" class="module" border />
    <el-timeline style="padding-left: 12px;">
      <el-timeline-item color="#0bbd87" center>
        <el-descriptions title="" border>
          <el-descriptions-item min-width="120" label="酒店名称">--</el-descriptions-item>
          <el-descriptions-item min-width="120" label="职位名称">--</el-descriptions-item>
          <el-descriptions-item min-width="120" label="任职时间">--</el-descriptions-item>
        </el-descriptions>
      </el-timeline-item>
    </el-timeline>
    <el-descriptions title="地址信息" class="module" :column="2" border>
      <el-descriptions-item min-width="120" label="中文地址">--</el-descriptions-item>
      <el-descriptions-item min-width="120" label="英文地址">--</el-descriptions-item>
      <el-descriptions-item min-width="120" label="邮政编码（中）">--</el-descriptions-item>
      <el-descriptions-item min-width="120" label="邮政编码（英）">--</el-descriptions-item>
    </el-descriptions>
    <el-descriptions title="人才标签" class="module" :column="2" border />
    <el-tag v-for="k in talentTags" :key="k.talent" type="success" class="mr-10px my-10px">{{ k.tag }}</el-tag>
    <slot name="thumbnail"></slot>
  </div>
</template>

<script setup>
defineOptions({ name: 'TalentMapStoreMergeInfo' })
const props = defineProps({
  data: {
    type: Object,
    default: () => {}
  }
})

const talentTags = ref(props.data?.talentTags || [])

</script>

<style scoped>
.module {
	margin-top: 20px;
}
</style>