|
|
|
@@ -1,13 +1,14 @@ |
|
|
|
<template> |
|
|
|
<a-modal v-model:visible="openOtherModel_1" title="预览简历" ok-text="提交" cancel-text="取消" @ok="sumbitForm" |
|
|
|
@cancel="cancelModal" width="60%" :footer="null"> |
|
|
|
|
|
|
|
<a-spin :spinning="spinning"> |
|
|
|
<a-typography> |
|
|
|
<a-typography-title :level="4"> |
|
|
|
<div class="text-decoration"> |
|
|
|
<div class="text-content">基本资料</div> |
|
|
|
</div> |
|
|
|
</a-typography-title> |
|
|
|
</a-typography-title> |
|
|
|
<a-typography-paragraph> |
|
|
|
<a-row :gutter="[20,20]"> |
|
|
|
<a-col span="24"> |
|
|
|
@@ -77,15 +78,19 @@ |
|
|
|
</a-col> |
|
|
|
</a-row> |
|
|
|
</a-typography-paragraph> |
|
|
|
<a-typography-title :level="4"><div class="text-decoration"> |
|
|
|
<a-typography-title :level="4"> |
|
|
|
<div class="text-decoration"> |
|
|
|
<div class="text-content">个人简介</div> |
|
|
|
</div></a-typography-title> |
|
|
|
</div> |
|
|
|
</a-typography-title> |
|
|
|
<a-typography-paragraph> |
|
|
|
<div v-html="detail.introduction"></div> |
|
|
|
</a-typography-paragraph> |
|
|
|
<a-typography-title :level="4"><div class="text-decoration"> |
|
|
|
<a-typography-title :level="4"> |
|
|
|
<div class="text-decoration"> |
|
|
|
<div class="text-content">求职期望</div> |
|
|
|
</div></a-typography-title> |
|
|
|
</div> |
|
|
|
</a-typography-title> |
|
|
|
<a-typography-paragraph> |
|
|
|
<a-row> |
|
|
|
<a-col span="24"> |
|
|
|
@@ -128,9 +133,11 @@ |
|
|
|
</a-row> |
|
|
|
</a-typography-paragraph> |
|
|
|
</a-typography> |
|
|
|
<a-typography-title :level="4"><div class="text-decoration"> |
|
|
|
<div class="text-content">专业技能掌握能力</div> |
|
|
|
</div></a-typography-title> |
|
|
|
<a-typography-title :level="4"> |
|
|
|
<div class="text-decoration"> |
|
|
|
<div class="text-content">专业技能掌握能力</div> |
|
|
|
</div> |
|
|
|
</a-typography-title> |
|
|
|
<a-typography-paragraph> |
|
|
|
<a-row> |
|
|
|
<a-space direction="vertical"> |
|
|
|
@@ -152,9 +159,11 @@ |
|
|
|
</a-space> |
|
|
|
</a-row> |
|
|
|
</a-typography-paragraph> |
|
|
|
<a-typography-title :level="4"><div class="text-decoration"> |
|
|
|
<div class="text-content">工作经历</div> |
|
|
|
</div></a-typography-title> |
|
|
|
<a-typography-title :level="4"> |
|
|
|
<div class="text-decoration"> |
|
|
|
<div class="text-content">工作经历</div> |
|
|
|
</div> |
|
|
|
</a-typography-title> |
|
|
|
<a-typography-paragraph> |
|
|
|
<template v-for="(item,index) in detail.experiences"> |
|
|
|
<a-card :title="item.company_name" style="margin-bottom: 10px;"> |
|
|
|
@@ -164,9 +173,11 @@ |
|
|
|
</a-card> |
|
|
|
</template> |
|
|
|
</a-typography-paragraph> |
|
|
|
<a-typography-title :level="4"><div class="text-decoration"> |
|
|
|
<div class="text-content">教育/培训经历</div> |
|
|
|
</div></a-typography-title> |
|
|
|
<a-typography-title :level="4"> |
|
|
|
<div class="text-decoration"> |
|
|
|
<div class="text-content">教育/培训经历</div> |
|
|
|
</div> |
|
|
|
</a-typography-title> |
|
|
|
<a-typography-paragraph> |
|
|
|
<template v-for="(item,index) in detail.trainings"> |
|
|
|
<a-card :title="item.school_or_institution" style="margin-bottom: 10px;"> |
|
|
|
@@ -179,6 +190,68 @@ |
|
|
|
</template> |
|
|
|
</a-typography-paragraph> |
|
|
|
</a-spin> |
|
|
|
<a-flex justify="flex-end"> |
|
|
|
<a-space> |
|
|
|
<ExportToWord element="export-container" :filename="detail.seekername + '个人简历'"> |
|
|
|
<a-button type="primary">导出简历</a-button> |
|
|
|
</ExportToWord> |
|
|
|
</a-space> |
|
|
|
</a-flex> |
|
|
|
|
|
|
|
<div id="export-container" v-show="true"> |
|
|
|
<div class="resume-word"> |
|
|
|
<h1 class="resume-word-title">个人简历</h1> |
|
|
|
<div class="resume-word-item"> |
|
|
|
<div class="resume-word-item-title"> |
|
|
|
<h2 class="resume-word-item-title-content">基本资料</h2> |
|
|
|
</div> |
|
|
|
<div class="resume-word-item-content"> |
|
|
|
<table border="1" style="border-collapse: collapse;"> |
|
|
|
<tbody> |
|
|
|
<tr> |
|
|
|
<td style="width: 400px;">姓名</td> |
|
|
|
<td style="width: 400px;">{{detail.seekername}}</td> |
|
|
|
<td style="width: 400px;">性别</td> |
|
|
|
<td style="width: 400px;">{{detail.gender}}</td> |
|
|
|
</tr> |
|
|
|
<tr> |
|
|
|
<td>出生日期</td> |
|
|
|
<td>{{detail.dob}}</td> |
|
|
|
<td>职称</td> |
|
|
|
<td>{{detail.gender}}</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 : ''}}</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> |
|
|
|
</tr> |
|
|
|
<tr> |
|
|
|
<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> |
|
|
|
<td>政治面貌</td> |
|
|
|
<td>{{detail.political_status_txt}}</td> |
|
|
|
<td colspan="6" style="text-align: center; vertical-align: middle;"> |
|
|
|
</td> |
|
|
|
</tr> |
|
|
|
</tbody> |
|
|
|
</table> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</a-modal> |
|
|
|
</template> |
|
|
|
|
|
|
|
@@ -187,7 +260,8 @@ |
|
|
|
import { GetJobseekerDetail, GetJobapplicantIntroductiondetail, PostJobapplicantTrainingdetail, PostJobapplicantDesireindustrydetail, PostJobapplicantExperiencedetail } from '@/apis/models'; |
|
|
|
import { message } from 'ant-design-vue'; |
|
|
|
import { useCommon } from '@/hooks/useCommon'; |
|
|
|
let { store, commomParams, hideOtherModal1, openOtherModel_1, imageprefix} = useCommon(); |
|
|
|
import { ExportToWord } from 'vue-doc-exporter' |
|
|
|
let { store, commomParams, hideOtherModal1, openOtherModel_1, imageprefix } = useCommon(); |
|
|
|
const emit = defineEmits(); |
|
|
|
let props = defineProps(['detail_record']); |
|
|
|
let detailTitle = ref<String>('') |
|
|
|
@@ -238,14 +312,14 @@ |
|
|
|
padding: 6px; |
|
|
|
// padding-top: 6px; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.text-decoration { |
|
|
|
position: relative; |
|
|
|
display: inline-block; |
|
|
|
overflow: visible; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.text-decoration::before { |
|
|
|
content: ''; |
|
|
|
width: 6px; |
|
|
|
@@ -254,9 +328,55 @@ |
|
|
|
position: absolute; |
|
|
|
top: 4px |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.text-content { |
|
|
|
position: relative; |
|
|
|
margin-left: 20px; |
|
|
|
} |
|
|
|
|
|
|
|
.export-container { |
|
|
|
width: 794px; |
|
|
|
height: 1123px; |
|
|
|
} |
|
|
|
// 导出简历 |
|
|
|
.resume-word { |
|
|
|
width: 794px; |
|
|
|
height: 1123px; |
|
|
|
} |
|
|
|
|
|
|
|
.resume-word-title { |
|
|
|
text-align: center; |
|
|
|
} |
|
|
|
|
|
|
|
.resume-word-item { |
|
|
|
width: 100%; |
|
|
|
} |
|
|
|
|
|
|
|
.resume-word-item-title { |
|
|
|
position: relative; |
|
|
|
display: inline-block; |
|
|
|
overflow: hidden; |
|
|
|
} |
|
|
|
|
|
|
|
.resume-word-item-title::before { |
|
|
|
content: ''; |
|
|
|
width: 6px; |
|
|
|
height: 22px; |
|
|
|
background-color: #4FBE70; |
|
|
|
position: absolute; |
|
|
|
top: 6px; |
|
|
|
} |
|
|
|
|
|
|
|
.resume-word-item-title-content { |
|
|
|
position: relative; |
|
|
|
margin: 0; |
|
|
|
margin-left: 20px; |
|
|
|
} |
|
|
|
|
|
|
|
.resume-word-item-content { |
|
|
|
|
|
|
|
table { |
|
|
|
width: 100%; |
|
|
|
} |
|
|
|
} |
|
|
|
</style> |
