|
|
@@ -0,0 +1,353 @@
|
|
|
+<template>
|
|
|
+ <a-modal
|
|
|
+ :width="1200"
|
|
|
+ v-model:visible="visible"
|
|
|
+ title="查看求职人员信息"
|
|
|
+ :closable="true"
|
|
|
+ :keyboard="false"
|
|
|
+ :mask-closable="true"
|
|
|
+ ok-text="确定"
|
|
|
+ @ok="onCommit"
|
|
|
+ >
|
|
|
+ <div class="jl-content">
|
|
|
+ <!-- 基本信息与学历，工作经历 -->
|
|
|
+ <div class="info-content">
|
|
|
+ <a-divider orientation="left">基本信息</a-divider>
|
|
|
+ <a-descriptions :column="4" bordered style="text-align: center;">
|
|
|
+ <a-descriptions-item label="姓名">{{ dataModel.name }}</a-descriptions-item>
|
|
|
+ <a-descriptions-item label="性别">{{ dataModel.genderName }}</a-descriptions-item>
|
|
|
+ <a-descriptions-item label="年龄">{{ dataModel.age }}</a-descriptions-item>
|
|
|
+ <a-descriptions-item label="民族">{{ dataModel.nationName }}</a-descriptions-item>
|
|
|
+ <a-descriptions-item label="政治面貌">{{ dataModel.politicsStatusName }}</a-descriptions-item>
|
|
|
+ <a-descriptions-item label="学历">{{ dataModel.cultureName }}</a-descriptions-item>
|
|
|
+ <a-descriptions-item label="手机">{{ dataModel.userMobile }}</a-descriptions-item>
|
|
|
+ <a-descriptions-item label="重点人员类别">{{ dataModel.keyTypeName }}</a-descriptions-item>
|
|
|
+ <a-descriptions-item label="健康状况">{{ dataModel.healthName }}</a-descriptions-item>
|
|
|
+ <a-descriptions-item label="就业状态">{{ dataModel.jobStatusName }}</a-descriptions-item>
|
|
|
+ <a-descriptions-item :span="2" label="住址">{{ dataModel.address }}</a-descriptions-item>
|
|
|
+ <a-descriptions-item :span="4" label="标签">
|
|
|
+ <a-tag v-for="(item, index) in dataModel.listLabel" :key="index">
|
|
|
+ {{ item.labelName }}
|
|
|
+ </a-tag>
|
|
|
+ </a-descriptions-item>
|
|
|
+ <a-descriptions-item :span="4" label="兴趣爱好">{{ dataModel.hobby }}</a-descriptions-item>
|
|
|
+ <a-descriptions-item :span="4" label="专业技术特长">{{ dataModel.personalSkills }}</a-descriptions-item>
|
|
|
+ </a-descriptions>
|
|
|
+ <a-divider orientation="left">教育经历</a-divider>
|
|
|
+ <a-table :columns="educationColumns" :data-source="educationData" :pagination="false" bordered
|
|
|
+ style="margin-left: 11px;">
|
|
|
+ <template #bodyCell="{ column, index, record}">
|
|
|
+ <template v-if="column.key === 'cultureRank'">
|
|
|
+ <div>
|
|
|
+ {{
|
|
|
+ getCultureName(record.cultureRank)
|
|
|
+ }}
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <template v-if="column.key === 'schoolTime'">
|
|
|
+ <div>
|
|
|
+ {{
|
|
|
+ dayjs(record.schoolTime).format('YYYY-MM-DD')
|
|
|
+ }}
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <template v-if="column.key === 'overTime'">
|
|
|
+ <div>
|
|
|
+ {{
|
|
|
+ dayjs(record.overTime).format('YYYY-MM-DD')
|
|
|
+ }}
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ </a-table>
|
|
|
+ <a-divider orientation="left">求职意向</a-divider>
|
|
|
+ <a-table :columns="jobHuntColumns" :data-source="jobHuntListData" bordered :pagination="false"
|
|
|
+ style="margin-left: 11px">
|
|
|
+ </a-table>
|
|
|
+ <a-divider orientation="left">工作经历</a-divider>
|
|
|
+ <a-timeline style="margin-left: 25px;">
|
|
|
+ <a-timeline-item v-for="(item, key) in experienceData" :key="key" position="left">
|
|
|
+ <p>{{ dayjs(item.startTime).format('YYYY-MM-DD') }}至{{ dayjs(item.endTime).format('YYYY-MM-DD') }}</p>
|
|
|
+ <p>工作单位：{{ item.workAddress }}</p>
|
|
|
+ <p>职务：{{ item.duties }}</p>
|
|
|
+ </a-timeline-item>
|
|
|
+ </a-timeline>
|
|
|
+ <a-divider orientation="left">附件</a-divider>
|
|
|
+ <b-upload-file :fileRefId="dataModel.jobUserID" :readonly="true" :multiple="true" style="width: 100%;"
|
|
|
+ :setFileList="setFileList" :accept="'.pdf,.png,.jpg'"></b-upload-file>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </a-modal>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script lang="ts">
|
|
|
+import {defineComponent, reactive, ref, toRefs} from "vue";
|
|
|
+import {getDataById, getEducationList, getExperienceList} from "@/api/jobUserManager/jobuser";
|
|
|
+import type {SelectProps, TableColumnsType} from "ant-design-vue";
|
|
|
+import dayjs from "dayjs";
|
|
|
+import {getSysDictionaryList} from "@/api/system/dictionary";
|
|
|
+import {getJobHuntList} from "@/api/jobUserManager/jobhunt";
|
|
|
+import {useUserStore} from "@/store/modules/user";
|
|
|
+import crtyptoHelp from "@/utils/crypto";
|
|
|
+import BUploadFile from "@/components/file/uploadFile.vue";
|
|
|
+
|
|
|
+interface jobUserModel {
|
|
|
+ dataModel: any;
|
|
|
+}
|
|
|
+
|
|
|
+export default defineComponent({
|
|
|
+ props: {
|
|
|
+ loadData: {
|
|
|
+ type: Function,
|
|
|
+ default: null
|
|
|
+ }
|
|
|
+ },
|
|
|
+ components:{BUploadFile},
|
|
|
+ setup() {
|
|
|
+ const visible = ref(false);
|
|
|
+ const userStore = useUserStore();
|
|
|
+ const userInfo = ref(userStore.getUserInfo)
|
|
|
+
|
|
|
+ // 求职人员信息
|
|
|
+ const jobUserInfo = reactive<jobUserModel>({dataModel:{}});
|
|
|
+ // 受教育经历
|
|
|
+ const educationData = ref<Array<any>>([]);
|
|
|
+ // 受教育经历表格定义
|
|
|
+ const educationColumns: TableColumnsType = [
|
|
|
+ {title: '序号', align: "center", key: 'educationID', width: 120,
|
|
|
+ customRender: item => `${searchParams.pageSize * (searchParams.pageIndex - 1) + item.index + 1}`
|
|
|
+ },
|
|
|
+ {title: '学校名', dataIndex: 'schoolName', key: 'schoolName', align: "center", width: 120},
|
|
|
+ {title: '文化程度', dataIndex: 'cultureRank', key: 'cultureRank', align: "center", width: 120},
|
|
|
+ {title: '就读时间', dataIndex: 'schoolTime', key: 'schoolTime', align: "center", width: 120},
|
|
|
+ {title: '毕业时间', dataIndex: 'overTime', key: 'overTime', align: "center", width: 120},
|
|
|
+ {title: '专业', dataIndex: 'major', key: 'major', align: "center", width: 120},];
|
|
|
+
|
|
|
+ const searchParams = reactive({
|
|
|
+ pageIndex: 1,
|
|
|
+ pageSize: 99
|
|
|
+ });
|
|
|
+ // 工作经验数据
|
|
|
+ const experienceData = ref<Array<any>>([]);
|
|
|
+ // 求职意向数据
|
|
|
+ const jobHuntListData = ref<Array<any>>([]);
|
|
|
+ // 求职意向表格定义
|
|
|
+ const jobHuntColumns: TableColumnsType = [
|
|
|
+ {
|
|
|
+ title: '序号',
|
|
|
+ align: 'center',
|
|
|
+ width: 80,
|
|
|
+ key: 'jobHuntID',
|
|
|
+ customRender: (item) =>
|
|
|
+ `${searchParams.pageSize * (searchParams.pageIndex - 1) + item.index + 1}`,
|
|
|
+ },
|
|
|
+ {title: '希望工作地区', dataIndex: 'areaWork', key: 'areaWork', width: 150, align: "center",},
|
|
|
+ {
|
|
|
+ title: '可到职日期', dataIndex: 'inDate', key: 'inDate', width: 100, align: "center",
|
|
|
+ customRender: ({record}) => record.inDate == null ? "" : dayjs(record.inDate).format('YYYY-MM-DD'),
|
|
|
+ },
|
|
|
+ {title: '工作年限', dataIndex: 'workYear', key: 'workYear', align: "center",},
|
|
|
+ {title: '求职类型', dataIndex: 'jobHuntTypeStr', key: 'jobHuntTypeStr', align: "center",},
|
|
|
+ {title: '求职岗位', dataIndex: 'professionName', key: 'professionName', align: "center",},
|
|
|
+ {title: '人才类型', dataIndex: 'jobUserTypeStr', key: 'jobUserTypeStr', align: "center",},
|
|
|
+ {
|
|
|
+ title: '月薪要求', dataIndex: 'salary', key: 'salary', align: "center",
|
|
|
+ customRender: (item) => {
|
|
|
+ const salary = showSalary(item.record.minSalary, item.record.maxSalary);
|
|
|
+ return salary;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ ];
|
|
|
+ // 期望月薪显示优化方法
|
|
|
+ const showSalary = (minSalary: any, maxSalary: any) => {
|
|
|
+ if (minSalary != null) {
|
|
|
+ if (maxSalary != null) {
|
|
|
+ return minSalary.toString() + "-" + maxSalary.toString();
|
|
|
+ } else {
|
|
|
+ return "≥" + minSalary.toString();
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ if (maxSalary != null) {
|
|
|
+ return "≤" + maxSalary.toString();
|
|
|
+ } else {
|
|
|
+ return "";
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ // 教育经历数据
|
|
|
+ const cultureList = ref<SelectProps['options']>();
|
|
|
+
|
|
|
+ // 加载求职人员数据
|
|
|
+ const show = async function (id: any) {
|
|
|
+ await getCultureList();
|
|
|
+ await loadJobHuntData(id);
|
|
|
+ await loadEducationData(id);
|
|
|
+ await loadExperienceData(id);
|
|
|
+ getDataById(id, userInfo.value.userID, 1).then(data => {
|
|
|
+ jobUserInfo.dataModel = data;
|
|
|
+ jobUserInfo.dataModel.userMobile = crtyptoHelp.decryptDesText(jobUserInfo.dataModel.userMobile);
|
|
|
+ jobUserInfo.dataModel.identityNumber = crtyptoHelp.decryptDesText(jobUserInfo.dataModel.identityNumber);
|
|
|
+ visible.value = true;
|
|
|
+ });
|
|
|
+ };
|
|
|
+
|
|
|
+ const onCommit = ()=>{
|
|
|
+ visible.value = false;
|
|
|
+ }
|
|
|
+ // 加载教育经历
|
|
|
+ const loadEducationData = (id: any) => {
|
|
|
+ getEducationList(id).then(data => {
|
|
|
+ if (data) {
|
|
|
+ educationData.value = data;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ // 加载工作经历
|
|
|
+ const loadExperienceData = (id: any) => {
|
|
|
+ getExperienceList(id).then(data => {
|
|
|
+ if (data) {
|
|
|
+ experienceData.value = data;
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ // 加载求职意向数据
|
|
|
+ const loadJobHuntData = (id: any)=> {
|
|
|
+ let params = {
|
|
|
+ pageIndex: 1,
|
|
|
+ pageSize: 999,
|
|
|
+ jobUserID:id
|
|
|
+ }
|
|
|
+ getJobHuntList(params).then(result => {
|
|
|
+ jobHuntListData.value = result.list
|
|
|
+ })
|
|
|
+ }
|
|
|
+
|
|
|
+ // 获取教育经历数据
|
|
|
+ const getCultureList = async function () {
|
|
|
+ getSysDictionaryList('HighestDegree').then((data) => {
|
|
|
+ cultureList.value = data;
|
|
|
+ });
|
|
|
+ };
|
|
|
+
|
|
|
+ function getCultureName(value: any) {
|
|
|
+ let filter = cultureList.value?.filter(item => item.value == value);
|
|
|
+ if (filter && filter.length > 0) {
|
|
|
+ return filter[0].name
|
|
|
+ }
|
|
|
+ return "";
|
|
|
+ }
|
|
|
+
|
|
|
+ const fileList = ref();
|
|
|
+ const setFileList = (files) => {
|
|
|
+ fileList.value = files;
|
|
|
+ };
|
|
|
+
|
|
|
+ return {
|
|
|
+ ...toRefs(jobUserInfo),
|
|
|
+ visible,
|
|
|
+ fileList,
|
|
|
+ educationData,
|
|
|
+ loadEducationData,
|
|
|
+ jobHuntListData,
|
|
|
+ loadJobHuntData,
|
|
|
+ experienceData,
|
|
|
+ loadExperienceData,
|
|
|
+ educationColumns,
|
|
|
+ jobHuntColumns,
|
|
|
+ show,
|
|
|
+ showSalary,
|
|
|
+ onCommit,
|
|
|
+ setFileList,
|
|
|
+ getCultureName,
|
|
|
+ dayjs
|
|
|
+ };
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+
|
|
|
+ }
|
|
|
+});
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="less" scoped>
|
|
|
+.card-search {
|
|
|
+
|
|
|
+ .jl-content {
|
|
|
+ min-height: calc(100vh - 240px);
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+
|
|
|
+ .avt-content {
|
|
|
+ width: 20%;
|
|
|
+ background-color: #e7e7e7;
|
|
|
+ padding: 10px;
|
|
|
+
|
|
|
+ .avt-image {
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ justify-content: center;
|
|
|
+ img{
|
|
|
+ width:120px;
|
|
|
+ height:120px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .age-info {
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ margin-top: 15px;
|
|
|
+ padding: 0 20%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .politics-info {
|
|
|
+ margin-top: 25px;
|
|
|
+ display: grid;
|
|
|
+ row-gap: 22px;
|
|
|
+ grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
|
+
|
|
|
+ .label-span {
|
|
|
+ text-align: right;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .nameTitle {
|
|
|
+ margin-top: 1rem;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 20px;
|
|
|
+ font-weight: 700;
|
|
|
+ }
|
|
|
+
|
|
|
+ .label-info {
|
|
|
+ margin-top: 15px;
|
|
|
+ padding: 0 5%;
|
|
|
+
|
|
|
+ .title {
|
|
|
+ margin-bottom: 10px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .flex-box {
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+
|
|
|
+ .ant-tag {
|
|
|
+ text-align: center;
|
|
|
+ margin-bottom: 8px;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .info-content {
|
|
|
+ width: 80%;
|
|
|
+ height: 100%;
|
|
|
+ margin-left: 10px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+</style>
|
