menduner/src/views/recruit/personal/taskCenter/components/suggest.vue

<!-- 推荐任务 -->
<template>
  <div>
    <div class="resume-title my-5">{{ $t('taskCenter.suggestTask') }}</div>
    <div v-for="(item, index) in list" :key="'suggest' + index">
      <div class="d-flex ml-2 my-5">
        <div class="ellipsis" style="width: 50%;">{{ item.title }}</div>
        <div class="ellipsis d-flex" style="width: calc(50% - 88px);">
          <svg-icon class="mx-1" name="integral" size="24"></svg-icon>
          <span style="color: #10897bad;">{{ item.奖励积分数 }}</span>
        </div>
        <v-chip label :color="item.状态 ? 'success' : 'error'">{{ item.状态 ? '已完成' : '未完成' }}</v-chip>
      </div>
    </div>
  </div>
</template>

<script setup>
defineOptions({name: 'personal-taskCenter-suggest'})
const list = [
  { title: '首次登录奖励', 奖励积分数: '5', 状态: true },
  { title: '上传个人头像', 奖励积分数: '10', 状态: false },
  { title: '完成工作经历', 奖励积分数: '5', 状态: true },
  { title: '首次投递简历并主动沟通', 奖励积分数: '5', 状态: true },
  { title: '个人简历被企业接收并回复', 奖励积分数: '20', 状态: false },
  { title: '购买会员服务费', 奖励积分数: '20', 状态: false },
]
</script>
<style lang="scss" scoped>
</style>