|  |  |  | 
|---|
|  |  |  | <template> | 
|---|
|  |  |  | <div class="sign-card-wrapper"> | 
|---|
|  |  |  | <div class="sign-card-title">{{ '合同编号:0293848340' }}</div> | 
|---|
|  |  |  | <div class="sign-card-title">{{ `合同编号:${props.templateId}` }}</div> | 
|---|
|  |  |  | <div class="sign-card-content"> | 
|---|
|  |  |  | <div class="sign-card-content-name">{{ 'xxxx劳务公司合同' }}</div> | 
|---|
|  |  |  | <div class="sign-card-content-name">{{ props.name }}</div> | 
|---|
|  |  |  | <div class="sign-card-content-icon"> | 
|---|
|  |  |  | <IconFont v-if="selected" name="check-checked" color="#3A71FF" size="16"></IconFont> | 
|---|
|  |  |  | <IconFont v-else name="check-normal" size="16"></IconFont> | 
|---|
|  |  |  | 
|---|
|  |  |  | type Props = { | 
|---|
|  |  |  | checkedId?: string; | 
|---|
|  |  |  | id: string; | 
|---|
|  |  |  | templateId: string; | 
|---|
|  |  |  | name: string; | 
|---|
|  |  |  | }; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const props = withDefaults(defineProps<Props>(), {}); | 
|---|