|  |  | 
 |  |  | <template> | 
 |  |  |   <ContentScrollView> | 
 |  |  |     <Cell title="岗位经历"> | 
 |  |  |       <nut-steps direction="vertical" progress-dot :current="3" class="job-detail-content-steps"> | 
 |  |  |         <nut-step title="2024.12.24" content="您的订单已经打包完成,商品已发出"></nut-step> | 
 |  |  |         <nut-step title="2024.12.24" content="您的订单正在配送途中"></nut-step> | 
 |  |  |         <nut-step title="2024.12.24"> | 
 |  |  |       <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>收货地址为:</p> | 
 |  |  |             <p>北京市经济技术开发区科创十一街18号院京东大厦</p> | 
 |  |  |             <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"> |