|  |  | 
 |  |  |           </CurriculumViewItem> | 
 |  |  |         </div> | 
 |  |  |       </CellChunk> | 
 |  |  |       <CellChunk title="资格证书"> | 
 |  |  |         <nut-grid | 
 |  |  |           square | 
 |  |  |           :column-num="3" | 
 |  |  |           :border="false" | 
 |  |  |           :gutter="20" | 
 |  |  |           v-if="_userCredentials.length > 0" | 
 |  |  |           class="pro-img-grid" | 
 |  |  |         > | 
 |  |  |       <CellChunk title="资格证书" v-if="_userCredentials.length > 0"> | 
 |  |  |         <nut-grid square :column-num="3" :border="false" :gutter="20" class="pro-img-grid"> | 
 |  |  |           <nut-grid-item | 
 |  |  |             v-for="(item, index) in _userCredentials" | 
 |  |  |             :key="item" | 
 |  |  | 
 |  |  |         </nut-grid> | 
 |  |  |       </CellChunk> | 
 |  |  |       <CellChunk title="工作经验"> | 
 |  |  |         <CurriculumViewItem label="工作年限:" :text="workSeniority ? `${workSeniority}年` : ''"> | 
 |  |  |         </CurriculumViewItem> | 
 |  |  |         <CurriculumViewItem label="工作年限:" :text="workSeniority"> </CurriculumViewItem> | 
 |  |  |         <CurriculumViewItem label="工作经验:" :text="workExperience"> </CurriculumViewItem> | 
 |  |  |       </CellChunk> | 
 |  |  |       <CellChunk title="详细信息"> | 
 |  |  |         <CurriculumViewItem | 
 |  |  |           label="身高:" | 
 |  |  |           :text="`${height} cm`" | 
 |  |  |           :text="height && `${height} cm`" | 
 |  |  |           :label-width="labelWidth" | 
 |  |  |         ></CurriculumViewItem> | 
 |  |  |         <CurriculumViewItem | 
 |  |  |           label="体重:" | 
 |  |  |           :text="`${weight} kg`" | 
 |  |  |           :text="weight && `${weight} kg`" | 
 |  |  |           :label-width="labelWidth" | 
 |  |  |         ></CurriculumViewItem> | 
 |  |  |         <CurriculumViewItem | 
 |  |  |           label="鞋码:" | 
 |  |  |           :text="shoeSize && `${shoeSize} 码`" | 
 |  |  |           :label-width="labelWidth" | 
 |  |  |         ></CurriculumViewItem> | 
 |  |  |         <CurriculumViewItem label="个人照片:"> | 
 |  |  | 
 |  |  |             </nut-grid-item> | 
 |  |  |           </nut-grid> | 
 |  |  |         </CurriculumViewItem> | 
 |  |  |         <CurriculumViewItem label="个人视频:"> | 
 |  |  |           <nut-grid | 
 |  |  |             square | 
 |  |  |             :column-num="2" | 
 |  |  |             :border="false" | 
 |  |  |             :gutter="20" | 
 |  |  |             v-if="_photos.length > 0" | 
 |  |  |             class="pro-img-grid" | 
 |  |  |           > | 
 |  |  |             <nut-grid-item v-for="(item, index) in _videos" :key="item" class="pro-img-grid-item"> | 
 |  |  |               <div class="pro-img-grid-img-item"> | 
 |  |  |                 <video class="pro-img-grid-img" :src="item" /> | 
 |  |  |               </div> | 
 |  |  |             </nut-grid-item> | 
 |  |  |           </nut-grid> | 
 |  |  |         </CurriculumViewItem> | 
 |  |  |       </CellChunk> | 
 |  |  |     </Cell> | 
 |  |  |   </ContentScrollView> | 
 |  |  | 
 |  |  | import Taro from '@tarojs/taro'; | 
 |  |  | import { EnumPersonalFreeTimeText, EnumPersonalJobSeekingStatusText } from '@12333/constants'; | 
 |  |  | import { setOSSLink } from '@12333/utils'; | 
 |  |  | import { Video } from '@tarojs/components'; | 
 |  |  |  | 
 |  |  | defineOptions({ | 
 |  |  |   name: 'curriculumView', | 
 |  |  | 
 |  |  |   workSeniority?: string; | 
 |  |  |   workExperience?: string; | 
 |  |  |   photos?: string[]; | 
 |  |  |   videos?: string[]; | 
 |  |  |   /** 身高 */ | 
 |  |  |   height?: number; | 
 |  |  |   /** 体重 */ | 
 |  |  |   weight?: number; | 
 |  |  |   shoeSize?: number; | 
 |  |  | }; | 
 |  |  |  | 
 |  |  | const props = withDefaults(defineProps<Props>(), { | 
 |  |  |   userExpectJobs: () => [], | 
 |  |  |   userCredentials: () => [], | 
 |  |  |   photos: () => [], | 
 |  |  |   videos: () => [], | 
 |  |  | }); | 
 |  |  |  | 
 |  |  | const _userCredentials = computed(() => props.userCredentials.map((x) => setOSSLink(x.img))); | 
 |  |  | const _photos = computed(() => props.photos.map((x) => setOSSLink(x))); | 
 |  |  | const _videos = computed(() => props.videos.map((x) => setOSSLink(x))); | 
 |  |  |  | 
 |  |  | const labelWidth = Taro.pxTransform(120); | 
 |  |  | </script> |