|  |  |  | 
|---|
|  |  |  | <template> | 
|---|
|  |  |  | <div class="task-card-wrapper"> | 
|---|
|  |  |  | <div class="task-card-title-wrapper"> | 
|---|
|  |  |  | <div class="task-card-title">宁波人力无忧人力资源有限公司</div> | 
|---|
|  |  |  | <div class="task-card-title">{{ props.enterpriseName }}</div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="task-card-footer"> | 
|---|
|  |  |  | <div class="task-card-actions" :style="{ color: '#FF4D4F' }"> | 
|---|
|  |  |  | {{ '待签约' }} | 
|---|
|  |  |  | {{ EnumTaskUserSignContractStatusSignText[props.userSignContractStatus] }} | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <img :src="IconArrow" class="task-card-arrow" /> | 
|---|
|  |  |  | <IconFont name="rect-right" size="12"></IconFont> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <script setup lang="ts"> | 
|---|
|  |  |  | import { CommonTaskCardProps } from './card'; | 
|---|
|  |  |  | import IconArrow from '@/assets/setting/icon-arrow.png'; | 
|---|
|  |  |  | import { | 
|---|
|  |  |  | EnumTaskUserSignContractStatus, | 
|---|
|  |  |  | EnumTaskUserSignContractStatusSignText, | 
|---|
|  |  |  | } from '@12333/constants'; | 
|---|
|  |  |  | import { IconFont } from '@nutui/icons-vue-taro'; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | defineOptions({ | 
|---|
|  |  |  | name: 'MineAgreementSignCard', | 
|---|
|  |  |  | }); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const props = withDefaults(defineProps<CommonTaskCardProps>(), {}); | 
|---|
|  |  |  | type Props = { | 
|---|
|  |  |  | enterpriseName: string; | 
|---|
|  |  |  | userSignContractStatus: EnumTaskUserSignContractStatus; | 
|---|
|  |  |  | }; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const props = withDefaults(defineProps<Props>(), {}); | 
|---|
|  |  |  | </script> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <style lang="scss"> | 
|---|