<!-- 每日任务 -->
<template>
  <div>
    <div class="resume-title my-5">{{ $t('taskCenter.dailyTask') }}</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-btn
          class="half-button"
          :disabled="item.状态"
          :color="item.状态 ? '' : 'primary'"
        >
          {{ item.状态 ? '已完成' : '未完成' }}
        </v-btn>
      </div>
    </div>
  </div>
</template>

<script setup>
defineOptions({name: 'personal-taskCenter-daily'})
const list = [
  { title: '收藏5个职位', 奖励积分数: '5', 状态: false },
  { title: '收藏5个公司', 奖励积分数: '5', 状态: true },
  { title: '投递简历10次', 奖励积分数: '10', 状态: false },
  { title: '主动沟通10次', 奖励积分数: '10', 状态: false },
  { title: '分享职位5次', 奖励积分数: '5', 状态: true },
  { title: '推荐入职成功', 奖励积分数: '50', 状态: false },
]
</script>
<style lang="scss" scoped>
</style>
