<template> 
 | 
  <ContentScrollView> 
 | 
    <Cell title="岗位经历"> 
 | 
      <nut-steps 
 | 
        v-if="taskInfoUsers.length > 0" 
 | 
        direction="vertical" 
 | 
        progress-dot 
 | 
        :current="10000003" 
 | 
        class="job-detail-content-steps" 
 | 
      > 
 | 
        <nut-step 
 | 
          v-for="(taskInfoUser, index) in taskInfoUsers" 
 | 
          :key="index" 
 | 
          :title="dayjs(taskInfoUser.hireTime).format('YYYY.MM.DD')" 
 | 
        > 
 | 
          <template #content> 
 | 
            <p>在{{ taskInfoUser.enterpriseName }}:</p> 
 | 
            <p>做过{{ taskInfoUser.name }}</p> 
 | 
          </template> 
 | 
        </nut-step> 
 | 
      </nut-steps> 
 | 
      <NoData v-else /> 
 | 
    </Cell> 
 | 
  </ContentScrollView> 
 | 
</template> 
 | 
  
 | 
<script setup lang="ts"> 
 | 
import NoData from '../../NoData/NoData.vue'; 
 | 
import dayjs from 'dayjs'; 
 | 
  
 | 
defineOptions({ 
 | 
  name: 'experienceView', 
 | 
}); 
 | 
  
 | 
type Props = { 
 | 
  taskInfoUsers?: API.GetUserResumeQueryResultExperience[]; 
 | 
}; 
 | 
  
 | 
const props = withDefaults(defineProps<Props>(), { 
 | 
  taskInfoUsers: () => [], 
 | 
}); 
 | 
</script> 
 | 
  
 | 
<style lang="scss"> 
 | 
@import '@/styles/common.scss'; 
 | 
  
 | 
.job-detail-content-tabs { 
 | 
  .job-detail-content-steps { 
 | 
    .nut-step-main { 
 | 
      margin-bottom: 40px; 
 | 
    } 
 | 
  
 | 
    .nut-step:last-child { 
 | 
      .nut-step-main { 
 | 
        margin-bottom: 0; 
 | 
      } 
 | 
    } 
 | 
  } 
 | 
} 
 | 
</style> 
 |