|
|
@@ -67,6 +67,10 @@ |
|
|
|
<a-col span="24"> |
|
|
|
户口地址:{{detail.now_level1_txt ? detail.now_level1_txt : ''}}{{detail.now_level2_txt ? detail.now_level2_txt : ''}}{{detail.now_level3_txt ? detail.now_level3_txt : ''}}{{detail.now_level4_txt ? detail.now_level4_txt : ''}} |
|
|
|
</a-col> |
|
|
|
<a-col span="24"> |
|
|
|
职 称:{{detail.title_txt}} |
|
|
|
</a-col> |
|
|
|
|
|
|
|
</a-space> |
|
|
|
</a-row> |
|
|
|
</a-col> |
|
|
@@ -151,7 +155,7 @@ |
|
|
|
粤 语:{{detail.cantonese_txt}} |
|
|
|
</a-col> |
|
|
|
<a-col span="24"> |
|
|
|
第二外语:{{detail.salary_range_txt}} |
|
|
|
第二外语:{{detail.other_language_txt}} |
|
|
|
</a-col> |
|
|
|
<a-col span="24"> |
|
|
|
计算机能力:{{detail.computer_skills}} |
|
|
@@ -196,32 +200,32 @@ |
|
|
|
</a-space> |
|
|
|
</a-flex> |
|
|
|
|
|
|
|
<div id="export-container" v-show="true"> |
|
|
|
<div id="export-container" v-show="false"> |
|
|
|
<div class="resume-word"> |
|
|
|
<h1 class="resume-word-title">个人简历</h1> |
|
|
|
<h1 class="resume-word-title" style="text-align: center;">个人简历</h1> |
|
|
|
<div class="resume-word-item"> |
|
|
|
<div class="resume-word-item-title"> |
|
|
|
<h2 class="resume-word-item-title-content">基本资料</h2> |
|
|
|
<div style="color: #4FBE70"> |
|
|
|
<h3 class="resume-word-item-title-content">基本资料</h3> |
|
|
|
</div> |
|
|
|
<div class="resume-word-item-content"> |
|
|
|
<table border="1" style="border-collapse: collapse;"> |
|
|
|
<table border="1" style="border-collapse: collapse;text-align: center;width: 100%;"> |
|
|
|
<tbody> |
|
|
|
<tr> |
|
|
|
<td>姓名</td> |
|
|
|
<tr style="height: 30px;"> |
|
|
|
<td>姓 名</td> |
|
|
|
<td>{{detail.seekername}}</td> |
|
|
|
<td>性别</td> |
|
|
|
<td>性 别</td> |
|
|
|
<td>{{detail.gender}}</td> |
|
|
|
<td rowspan="6" style="text-align: center; vertical-align: middle;width:20%"> |
|
|
|
<img :src="detail.photo" alt="" style="width: 150px;height: 210px"> |
|
|
|
<td rowspan="6" style="text-align: center; vertical-align: middle;"> |
|
|
|
<img :src="detail.photo" alt="" width="90" height="150"> |
|
|
|
</td> |
|
|
|
</tr> |
|
|
|
<tr> |
|
|
|
<tr style="height: 30px;"> |
|
|
|
<td>出生日期</td> |
|
|
|
<td>{{detail.dob}}</td> |
|
|
|
<td>职称</td> |
|
|
|
<td>{{detail.gender}}</td> |
|
|
|
<td>职 称</td> |
|
|
|
<td>{{detail.title_txt}}</td> |
|
|
|
</tr> |
|
|
|
<tr> |
|
|
|
<tr style="height: 30px;"> |
|
|
|
<td>现居住地</td> |
|
|
|
<td>{{detail.now_level1_txt ? detail.now_level1_txt : ''}}{{detail.now_level2_txt ? detail.now_level2_txt : ''}}{{detail.now_level3_txt ? detail.now_level3_txt : ''}}{{detail.now_level4_txt ? detail.now_level4_txt : ''}} |
|
|
|
</td> |
|
|
@@ -229,23 +233,24 @@ |
|
|
|
<td>{{detail.now_level1_txt ? detail.now_level1_txt : ''}}{{detail.now_level2_txt ? detail.now_level2_txt : ''}}{{detail.now_level3_txt ? detail.now_level3_txt : ''}}{{detail.now_level4_txt ? detail.now_level4_txt : ''}} |
|
|
|
</td> |
|
|
|
</tr> |
|
|
|
<tr> |
|
|
|
<td>学历</td> |
|
|
|
<tr style="height: 30px;"> |
|
|
|
<td>学 历</td> |
|
|
|
<td>{{detail.education_txt}}</td> |
|
|
|
<td>婚姻状况</td> |
|
|
|
<td>{{detail.marital_status_txt}}</td> |
|
|
|
</tr> |
|
|
|
<tr> |
|
|
|
<td>民族</td> |
|
|
|
<td>{{detail.ethnicity_txt}}cm</td> |
|
|
|
<td>身高</td> |
|
|
|
<td>{{detail.height}}</td> |
|
|
|
</tr> |
|
|
|
<tr> |
|
|
|
<td>体重</td> |
|
|
|
<td>{{detail.weight}}kg</td> |
|
|
|
<tr style="height: 30px;"> |
|
|
|
<td>民 族</td> |
|
|
|
<td>{{detail.ethnicity_txt}}</td> |
|
|
|
<td>政治面貌</td> |
|
|
|
<td>{{detail.political_status_txt}}</td> |
|
|
|
|
|
|
|
</tr> |
|
|
|
<tr style="height: 30px;"> |
|
|
|
<td>体 重</td> |
|
|
|
<td>{{detail.weight}}kg</td> |
|
|
|
<td>身 高</td> |
|
|
|
<td>{{detail.height}}cm</td> |
|
|
|
</tr> |
|
|
|
</tbody> |
|
|
|
</table> |
|
|
@@ -253,8 +258,8 @@ |
|
|
|
</div> |
|
|
|
<!-- 个人简介 --> |
|
|
|
<div class="resume-word-item"> |
|
|
|
<div class="resume-word-item-title"> |
|
|
|
<h2 class="resume-word-item-title-content">个人简介</h2> |
|
|
|
<div style="color: #4FBE70"> |
|
|
|
<h3 class="resume-word-item-title-content">个人简介</h3> |
|
|
|
</div> |
|
|
|
<div class="resume-word-item-content"> |
|
|
|
<p v-html="detail.introduction"> |
|
|
@@ -263,116 +268,134 @@ |
|
|
|
</div> |
|
|
|
<!-- 求职期望 --> |
|
|
|
<div class="resume-word-item"> |
|
|
|
<div class="resume-word-item-title"> |
|
|
|
<h2 class="resume-word-item-title-content">求职期望</h2> |
|
|
|
<div style="color: #4FBE70"> |
|
|
|
<h3 class="resume-word-item-title-content">求职期望</h3> |
|
|
|
</div> |
|
|
|
<div class="resume-word-item-content"> |
|
|
|
<table border="1" style="border-collapse: collapse;"> |
|
|
|
<table border="1" style="border-collapse: collapse;width: 100%;text-align: center;"> |
|
|
|
<tbody> |
|
|
|
<tr> |
|
|
|
<td>求职类型</td> |
|
|
|
<td>{{detail.seekername}}</td> |
|
|
|
<td>可到职日期</td> |
|
|
|
<td>{{detail.gender}}</td> |
|
|
|
<tr style="height: 30px;"> |
|
|
|
<td style="width: 20%;">求职类型</td> |
|
|
|
<td style="width: 30%;">{{detail.job_type_txt}}</td> |
|
|
|
<td style="width: 20%;">可到职日期</td> |
|
|
|
<td style="width: 30%;">{{detail.available_date_txt}}</td> |
|
|
|
</tr> |
|
|
|
<tr> |
|
|
|
<td>人才类型</td> |
|
|
|
<td>{{detail.dob}}</td> |
|
|
|
<td>工作经验</td> |
|
|
|
<td>{{detail.gender}}</td> |
|
|
|
<tr style="height: 30px;"> |
|
|
|
<td style="width: 20%;">人才类型</td> |
|
|
|
<td style="width: 30%;">{{detail.talent_type_txt}}</td> |
|
|
|
<td style="width: 20%;">工作经验</td> |
|
|
|
<td style="width: 30%;">{{detail.work_experience}}年</td> |
|
|
|
</tr> |
|
|
|
<tr> |
|
|
|
<td>月薪要求</td> |
|
|
|
<td colspan="3">{{detail.education_txt}}</td> |
|
|
|
<tr style="height: 30px;"> |
|
|
|
<td style="width: 20%;">月薪要求</td> |
|
|
|
<td colspan="3" style="width: 80%;">{{detail.salary_range_txt}}</td> |
|
|
|
</tr> |
|
|
|
<tr> |
|
|
|
<td>希望工作地区</td> |
|
|
|
<td colspan="3">{{detail.education_txt}}</td> |
|
|
|
<tr style="height: 30px;" v-for="(item,index) in detail.desire_areas"> |
|
|
|
<td style="width: 20%;">期望工作地区{{index + 1}}</td> |
|
|
|
<td colspan="3" style="width: 80%;"> |
|
|
|
{{item.level1_txt ? item.level1_txt : ''}}{{item.level2_txt ? item.level2_txt : ''}}{{item.level3_txt ? item.level3_txt : ''}}{{item.level4_txt ? item.level4_txt : ''}} |
|
|
|
</td> |
|
|
|
</tr> |
|
|
|
<tr> |
|
|
|
<td>期望从事行业</td> |
|
|
|
<td colspan="3">{{detail.education_txt}}</td> |
|
|
|
<tr style="height: 30px;" v-for="(item,index) in detail.desire_industrys"> |
|
|
|
<td style="width: 20%;">期望从事行业{{index + 1}}</td> |
|
|
|
<td colspan="3" style="width: 80%;">{{item.industry_txt}}</td> |
|
|
|
</tr> |
|
|
|
<tr> |
|
|
|
<td>希望从事职位</td> |
|
|
|
<td colspan="3">{{detail.education_txt}}</td> |
|
|
|
<tr style="height: 30px;" v-for="(item,index) in detail.desire_positions"> |
|
|
|
<td style="width: 20%;">期望从事职位{{index + 1}}</td> |
|
|
|
<td colspan="3" style="width: 80%;"> |
|
|
|
{{item.level1_txt ? item.level1_txt : ''}}{{item.level2_txt ? item.level2_txt : ''}} |
|
|
|
</td> |
|
|
|
</tr> |
|
|
|
</tbody> |
|
|
|
</table> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<!-- 教育培训 --> |
|
|
|
<div class="resume-word-item"> |
|
|
|
<div class="resume-word-item-title"> |
|
|
|
<h2 class="resume-word-item-title-content">教育培训</h2> |
|
|
|
<div style="color: #4FBE70"> |
|
|
|
<h3 class="resume-word-item-title-content">教育培训</h3> |
|
|
|
</div> |
|
|
|
<div class="resume-word-item-content"> |
|
|
|
<table border="1" style="border-collapse: collapse;"> |
|
|
|
<table border="1" style="border-collapse: collapse;width: 100%;text-align: center;"> |
|
|
|
<thead> |
|
|
|
<th>起止时间</th> |
|
|
|
<th>学校/培训机构</th> |
|
|
|
<th>专业</th> |
|
|
|
<th>获得证书</th> |
|
|
|
<th style="height: 30px;width:20%;">起止时间</th> |
|
|
|
<th style="height: 30px;width:20%;">学校/培训机构</th> |
|
|
|
<th style="height: 30px;width: 20%;">专业</th> |
|
|
|
<th style="height: 30px;width:20%;">曾担任的职务</th> |
|
|
|
<th style="height: 30px;width: 20%;">获得证书奖项</th> |
|
|
|
</thead> |
|
|
|
<tbody> |
|
|
|
<tr> |
|
|
|
<td></td> |
|
|
|
<td>{{detail.seekername}}</td> |
|
|
|
<td>可到职日期</td> |
|
|
|
<td>{{detail.gender}}</td> |
|
|
|
<tr style="height: 30px;" v-for="(item,index) in detail.trainings"> |
|
|
|
<td style="width: 20%;"> |
|
|
|
{{item.start_year}}.{{item.start_month}}至{{item.end_year}}.{{item.end_month}} |
|
|
|
</td> |
|
|
|
<td style="width: 20%;">{{item.school_or_institution}}</td> |
|
|
|
<td style="width: 20%;">{{item.major}}</td> |
|
|
|
<td style="width: 20%;">{{item.positions_held}}</td> |
|
|
|
<td style="width: 20%;"> |
|
|
|
<div> |
|
|
|
{{item.certificate}} |
|
|
|
</div> |
|
|
|
<div> |
|
|
|
{{item.awards}} |
|
|
|
</div> |
|
|
|
</td> |
|
|
|
</tr> |
|
|
|
</tbody> |
|
|
|
</table> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<!-- 工作经历 --> |
|
|
|
<div class="resume-word-item"> |
|
|
|
<div class="resume-word-item-title"> |
|
|
|
<h2 class="resume-word-item-title-content">工作经历</h2> |
|
|
|
<div style="color: #4FBE70"> |
|
|
|
<h3 class="resume-word-item-title-content">工作经历</h3> |
|
|
|
</div> |
|
|
|
<div class="resume-word-item-content"> |
|
|
|
<table border="1" style="border-collapse: collapse;"> |
|
|
|
<table border="1" style="border-collapse: collapse;width: 100%;text-align: center;"> |
|
|
|
<thead> |
|
|
|
<th>起止时间</th> |
|
|
|
<th>单位名称</th> |
|
|
|
<th>职位</th> |
|
|
|
<th>离职原因</th> |
|
|
|
<th style="height: 30px;width: 25%;">起止时间</th> |
|
|
|
<th style="height: 30px;width: 25%;">单位名称</th> |
|
|
|
<th style="height: 30px;width: 25%;">职位</th> |
|
|
|
<th style="height: 30px;width: 25%;">离职原因</th> |
|
|
|
</thead> |
|
|
|
<tbody> |
|
|
|
<tr> |
|
|
|
<td></td> |
|
|
|
<td>{{detail.seekername}}</td> |
|
|
|
<td>可到职日期</td> |
|
|
|
<td>{{detail.gender}}</td> |
|
|
|
<tr style="height: 30px;" v-for="(item,index) in detail.experiences"> |
|
|
|
<td style="width: 25%;"> |
|
|
|
{{item.start_year}}.{{item.start_month}}至{{item.end_year}}.{{item.end_month}} |
|
|
|
</td> |
|
|
|
<td style="width: 25%;">{{item.company_name}}</td> |
|
|
|
<td style="width: 25%;">{{item.position}}</td> |
|
|
|
<td style="width: 25%;">{{item.reason_for_leaving}}</td> |
|
|
|
</tr> |
|
|
|
</tbody> |
|
|
|
</table> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<!-- 专业技能掌握能力 --> |
|
|
|
<div class="resume-word-item"> |
|
|
|
<div class="resume-word-item-title"> |
|
|
|
<h2 class="resume-word-item-title-content">专业技能掌握能力</h2> |
|
|
|
<div style="color: #4FBE70"> |
|
|
|
<h3 class="resume-word-item-title-content">专业技能掌握能力</h3> |
|
|
|
</div> |
|
|
|
<div class="resume-word-item-content"> |
|
|
|
<table border="1" style="border-collapse: collapse;"> |
|
|
|
<table border="1" style="border-collapse: collapse;width: 100%;text-align: center;"> |
|
|
|
<tbody> |
|
|
|
<tr> |
|
|
|
<td>英语</td> |
|
|
|
<td>{{detail.seekername}}</td> |
|
|
|
<td>粤语</td> |
|
|
|
<td>{{detail.gender}}</td> |
|
|
|
<td>国语</td> |
|
|
|
<td>{{detail.gender}}</td> |
|
|
|
<td>第二外语</td> |
|
|
|
<td>{{detail.gender}}</td> |
|
|
|
<tr style="height: 30px;"> |
|
|
|
<td style="width: 25%;">英 语</td> |
|
|
|
<td style="width: 25%;">{{detail.english_txt}}</td> |
|
|
|
<td style="width: 25%;">粤 语</td> |
|
|
|
<td style="width: 25%;">{{detail.mandarin_txt}}</td> |
|
|
|
</tr> |
|
|
|
<tr style="height: 30px;"> |
|
|
|
<td style="width:25%;">国 语</td> |
|
|
|
<td style="width: 25%;">{{detail.cantonese_txt}}</td> |
|
|
|
<td style="width: 25%;">第二外语</td> |
|
|
|
<td style="width: 25%;">{{detail.other_language_txt}}</td> |
|
|
|
</tr> |
|
|
|
<tr> |
|
|
|
<td>计算机能力</td> |
|
|
|
<td colspan="7">{{detail.dob}}</td> |
|
|
|
<tr style="height: 30px;"> |
|
|
|
<td style="width: 25%;">计算机能力</td> |
|
|
|
<td colspan="7" style="width: 75%;">{{detail.computer_skills}}</td> |
|
|
|
</tr> |
|
|
|
</tbody> |
|
|
|
</table> |
|
|
@@ -380,38 +403,36 @@ |
|
|
|
</div> |
|
|
|
<!-- 联系信息 --> |
|
|
|
<div class="resume-word-item"> |
|
|
|
<div class="resume-word-item-title"> |
|
|
|
<h2 class="resume-word-item-title-content">联系信息</h2> |
|
|
|
<div style="color: #4FBE70"> |
|
|
|
<h3 class="resume-word-item-title-content">联系信息</h3> |
|
|
|
</div> |
|
|
|
<div class="resume-word-item-content"> |
|
|
|
<table border="1" style="border-collapse: collapse;"> |
|
|
|
<table border="1" style="border-collapse: collapse;width: 100%;text-align: center;"> |
|
|
|
<tbody> |
|
|
|
<tr> |
|
|
|
<td>移动电话</td> |
|
|
|
<td>{{detail.seekername}}</td> |
|
|
|
<td>固定电话</td> |
|
|
|
<td>{{detail.gender}}</td> |
|
|
|
<tr style="height: 30px;"> |
|
|
|
<td style="width: 15%;">移动电话</td> |
|
|
|
<td style="width: 35%;">{{detail.mobile}}</td> |
|
|
|
<td style="width: 15%;">固定电话</td> |
|
|
|
<td style="width: 35%;">{{detail.landline}}</td> |
|
|
|
</tr> |
|
|
|
<tr> |
|
|
|
<td>联系邮箱</td> |
|
|
|
<td>{{detail.dob}}</td> |
|
|
|
<td>QQ</td> |
|
|
|
<td>{{detail.gender}}</td> |
|
|
|
<tr style="height: 30px;"> |
|
|
|
<td style="width: 15%;">联系邮箱</td> |
|
|
|
<td style="width: 35%;">{{detail.email}}</td> |
|
|
|
<td style="width: 15%;">Q Q</td> |
|
|
|
<td style="width: 35%;">{{detail.qq}}</td> |
|
|
|
</tr> |
|
|
|
<tr> |
|
|
|
<td>通讯地址</td> |
|
|
|
<td>{{detail.now_level1_txt ? detail.now_level1_txt : ''}}{{detail.now_level2_txt ? detail.now_level2_txt : ''}}{{detail.now_level3_txt ? detail.now_level3_txt : ''}}{{detail.now_level4_txt ? detail.now_level4_txt : ''}} |
|
|
|
<tr style="height: 30px;"> |
|
|
|
<td style="width: 15%;">通讯地址</td> |
|
|
|
<td style="width: 35%;">{{detail.mailing_address}} |
|
|
|
</td> |
|
|
|
<td>邮编</td> |
|
|
|
<td>{{detail.now_level1_txt ? detail.now_level1_txt : ''}}{{detail.now_level2_txt ? detail.now_level2_txt : ''}}{{detail.now_level3_txt ? detail.now_level3_txt : ''}}{{detail.now_level4_txt ? detail.now_level4_txt : ''}} |
|
|
|
<td style="width: 15%;">邮 编</td> |
|
|
|
<td style="width: 35%;">{{detail.postal_code}} |
|
|
|
</td> |
|
|
|
</tr> |
|
|
|
<tr> |
|
|
|
<td>个人主页</td> |
|
|
|
<td>{{detail.education_txt}}</td> |
|
|
|
|
|
|
|
<tr style="height: 30px;"> |
|
|
|
<td style="width: 15%;">个人主页</td> |
|
|
|
<td colspan="3" style="width: 85%;">{{detail.personal_website}}</td> |
|
|
|
</tr> |
|
|
|
|
|
|
|
</tbody> |
|
|
|
</table> |
|
|
|
</div> |
|
|
@@ -446,7 +467,7 @@ |
|
|
|
const htmlContent = document.getElementById('export-container'); // 获取需要转换的HTML内容 |
|
|
|
const convertedFile = htmlDocx.asBlob(htmlContent?.outerHTML!); |
|
|
|
const fileData = await convertedFile |
|
|
|
saveAs((fileData as Blob), detail.value.seekername+ '个人简历.docx') |
|
|
|
saveAs((fileData as Blob), detail.value.seekername + '个人简历.docx') |
|
|
|
} |
|
|
|
|
|
|
|
watch(() => [props.detail_record], (newVal) => { |
|
|
@@ -455,7 +476,7 @@ |
|
|
|
GetJobseekerDetail({ customer_id: props.detail_record.customer_id, application_id: props.detail_record.id }).then(res => { |
|
|
|
detail.value = res.data |
|
|
|
console.log(detail.value) |
|
|
|
detail.value.photo = imageprefix + detail.value.photo |
|
|
|
detail.value.photo = imageprefix + detail.value.photo |
|
|
|
}) |
|
|
|
} |
|
|
|
}, { immediate: true }) |
|
|
@@ -508,18 +529,15 @@ |
|
|
|
margin-left: 20px; |
|
|
|
} |
|
|
|
|
|
|
|
.export-container { |
|
|
|
|
|
|
|
} |
|
|
|
.export-container {} |
|
|
|
|
|
|
|
// 导出简历 |
|
|
|
.resume-word { |
|
|
|
|
|
|
|
} |
|
|
|
.resume-word {} |
|
|
|
|
|
|
|
.resume-word-title { |
|
|
|
display: flex; |
|
|
|
|
|
|
|
width: 100%; |
|
|
|
text-align: center; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.resume-word-item { |
|
|
@@ -548,7 +566,6 @@ |
|
|
|
} |
|
|
|
|
|
|
|
.resume-word-item-content { |
|
|
|
|
|
|
|
table { |
|
|
|
width: 100%; |
|
|
|
} |