<!-- 推荐任务 -->
<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 t="1719285689429" class="icon mx-1" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="38595" width="24" height="24"><path d="M98.0992 511.7952c0 228.5568 185.1392 413.696 413.696 413.696s413.696-185.1392 413.696-413.696-185.1392-413.696-413.696-413.696c-109.7728 0-214.8352 43.6224-292.4544 121.2416-77.6192 77.4144-121.2416 182.6816-121.2416 292.4544z m0 0" fill="#FBE945" p-id="38596"></path><path d="M804.2496 219.3408L219.3408 804.4544c162.2016 158.1056 421.2736 156.4672 581.2224-3.6864 160.1536-160.1536 161.792-419.2256 3.6864-581.4272z m0 0" fill="#F2D636" p-id="38597"></path><path d="M210.944 511.7952c0 121.6512 73.3184 231.2192 185.5488 277.9136 112.4352 46.4896 241.664 20.8896 327.68-65.1264s111.8208-215.4496 65.1264-327.68c-46.4896-112.4352-156.2624-185.5488-277.9136-185.5488C345.7024 210.944 210.944 345.7024 210.944 511.7952z m0 0" fill="#FBB11B" p-id="38598"></path><path d="M717.824 293.2736c-118.1696-112.0256-303.9232-109.568-419.0208 5.5296-115.0976 115.0976-117.5552 301.056-5.5296 419.0208l424.5504-424.5504z m0 0" fill="#FDC72F" p-id="38599"></path><path d="M648.3968 566.4768c23.7568 125.1328-22.9376 157.696-138.4448 97.8944-118.1696 64.3072-163.0208 32.5632-136.6016-93.3888-96.0512-85.4016-77.6192-137.4208 54.6816-156.0576 58.1632-116.3264 114.688-117.1456 170.1888-2.6624 131.2768 14.1312 148.0704 65.3312 50.176 154.2144z m0 0" fill="#F4EA2A" p-id="38600"></path><path d="M598.2208 412.2624c131.2768 14.1312 148.0704 65.1264 50.176 154.2144 23.7568 125.1328-22.9376 157.696-138.4448 97.8944-90.112 49.152-137.6256 42.1888-143.36-19.8656l231.6288-232.2432z m50.176 154.2144" fill="#F2D636" p-id="38601"></path></svg>
          <span style="color: #10897bad;">{{ item.奖励积分数 }}</span>
        </div>
        <v-btn
          class="half-button"
          :disabled="item.状态"
          :color="item.状态 ? '' : 'primary'"
        >
          {{ item.状态 ? '已完成' : '未完成' }}
        </v-btn>
      </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>
