|  |  |  | 
|---|
|  |  |  | :workExperience="item.workExperience" | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <template #footerLeft> | 
|---|
|  |  |  | <div class="flexJob-card-footer-text"> | 
|---|
|  |  |  | <div | 
|---|
|  |  |  | class="flexJob-card-footer-text" | 
|---|
|  |  |  | :style="{ color: EnumTaskUserHireStatusColor[item.hireStatus] }" | 
|---|
|  |  |  | > | 
|---|
|  |  |  | {{ EnumTaskUserHireStatusText[item.hireStatus] }} | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | <template #footerRight> | 
|---|
|  |  |  | <nut-button type="primary" @click="goToJobDetail(item.id)">查看详情</nut-button> | 
|---|
|  |  |  | <nut-button type="primary" @click.stop="goToJobDetail(item)">查看详情</nut-button> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </FlexJobCard> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <script setup lang="ts"> | 
|---|
|  |  |  | import { EnumTaskUserHireStatusText } from '@12333/constants'; | 
|---|
|  |  |  | import { EnumTaskUserHireStatusText, EnumTaskUserHireStatusColor } from '@12333/constants'; | 
|---|
|  |  |  | import { RouterPath } from '@/constants'; | 
|---|
|  |  |  | import { useTaskUserList } from '@12333/hooks'; | 
|---|
|  |  |  | import { FlexJobCard } from '@12333/components'; | 
|---|
|  |  |  | 
|---|
|  |  |  | id: id, | 
|---|
|  |  |  | }); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | function goToJobDetail(id: string) { | 
|---|
|  |  |  | function goToJobDetail(item: API.GetTaskUsersQueryResultItem) { | 
|---|
|  |  |  | Taro.navigateTo({ | 
|---|
|  |  |  | url: `${RouterPath.flexJobDetailFromTask}?id=${id}`, | 
|---|
|  |  |  | url: `${RouterPath.flexJobDetailFromTask}?enterpriseEmployeeId=${item.enterpriseEmployeeId}&id=${item.id}&taskInfoId=${id}`, | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | </script> | 
|---|