<template>
|
<div class="app-container" id="printable-content">
|
<h1 style="font-size:21px;padding-top:30px;display: flex;">
|
<span>个人简历</span>
|
<div class="button-container" >
|
<el-button
|
size="mini"
|
style="background: #E0EEFE;
|
border-radius: 7px 7px 7px 7px;opacity: 1; margin-left: 20px;"
|
@click="handleEdit()"
|
v-if="isShow"
|
v-hasPermi="['system:role:edit']"
|
>编辑</el-button>
|
<el-button v-if="isShow_2" size="mini"
|
style=" width: 67px;height: 27px;background:#E0EEFE;
|
border-radius: 7px 7px 7px 7px;opacity: 1;margin-left: 20px; "@click="submitForm" :disabled="dsb">完成</el-button>
|
|
<el-button
|
size="mini"
|
style=" width: 67px;height: 27px;background: #D2F3E0;
|
border-radius: 7px 7px 7px 7px;opacity: 1;margin-left: 20px; "
|
@click="handleExport"
|
v-hasPermi="['family:note:export']"
|
>导出</el-button>
|
|
<el-button
|
size="mini"
|
style=" width: 67px;height: 27px;background: #FFDDE3;
|
border-radius: 7px 7px 7px 7px;opacity: 1; margin-left: 20px;"
|
v-print="'#printable-content'"
|
v-hasPermi="['family:note:export']"
|
>打印</el-button>
|
</div>
|
|
</h1>
|
<el-divider />
|
<h2 style="font-size:16px">基本信息</h2>
|
<el-container>
|
<div >
|
<el-container>
|
<el-col >
|
<el-form ref="elForm" :model="individualList" :rules="rules" size="medium" label-position="left"
|
v-loading="loading" :data="individualList" @selection-change="handleSelectionChange" >
|
<el-row :span="6">
|
<el-form-item label="姓名" prop="nickName" label-width="40px">
|
<el-input v-model="individualList.nickName" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
|
</el-input>
|
</el-form-item>
|
</el-row>
|
<el-row :span="6">
|
<el-form-item label="曾用名" prop="oldName" label-width="60px">
|
<el-input v-model="individualList.oldName" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
|
</el-input>
|
</el-form-item>
|
</el-row>
|
<el-row :span="6">
|
<el-form-item label="身份证号" prop="idNum" label-width="70px">
|
<el-input v-model="individualList.idNum" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
|
</el-input>
|
</el-form-item>
|
</el-row>
|
</el-form>
|
</el-col>
|
</el-container>
|
</div>
|
<div style="padding-left:60px">
|
<el-container>
|
<el-col v-loading="loading" :data="individualList" @selection-change="handleSelectionChange">
|
<el-form ref="elForm" :model="individualList" :rules="rules" size="medium" label-position="left">
|
<el-row :span="5">
|
<el-form-item label="性别" prop="sex" label-width="40px">
|
<!-- <el-input v-model="individualList.sex === 1 ? '男':'女' " placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">-->
|
<!-- </el-input>-->
|
<template v-if="!isEditing">
|
<el-input v-model="individualList.sex === 1 ? inds='男':inds='女'" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb"></el-input>
|
</template>
|
<template v-else>
|
<el-select v-model="inds" placeholder="请选择性别" clearable :style="{width: '100%'}" :disabled="dsb">
|
<el-option label="男" value='1'></el-option>
|
<el-option label="女" value='0'></el-option>
|
</el-select>
|
</template>
|
</el-form-item>
|
</el-row>
|
<el-row :span="5">
|
<el-form-item label="民族" prop="nation"label-width="40px">
|
<el-input v-model="individualList.nation" placeholder="" clearable :style="{width: '100%'}":disabled="dsb">
|
</el-input>
|
</el-form-item>
|
</el-row>
|
<el-row :span="5">
|
<el-form-item label="联系方式" prop="phoneNumber" label-width="70px">
|
<el-input v-model="individualList.phoneNumber" placeholder="" clearable :style="{width: '100%'}":disabled="dsb">
|
</el-input>
|
</el-form-item>
|
</el-row>
|
</el-form>
|
</el-col>
|
</el-container>
|
</div>
|
<div style="padding-left:60px">
|
<el-container>
|
<el-col v-loading="loading" :data="individualList" @selection-change="handleSelectionChange">
|
<el-form ref="elForm" :model="individualList" :rules="rules" size="medium" label-position="left":disabled="dsb">
|
<el-row :span="5">
|
<el-form-item label="国籍" prop="nationality" label-width="40px">
|
<el-input v-model="individualList.nationality" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
|
</el-input>
|
</el-form-item>
|
</el-row>
|
<el-row :span="5">
|
<el-form-item label="婚姻状况" prop="maritalStatus" label-width="70px">
|
<template v-if="!isEditing" >
|
<el-input v-if="individualList.maritalStatus===0" placeholder="未婚"></el-input>
|
<el-input v-if="individualList.maritalStatus===1" placeholder="已婚"></el-input>
|
<el-input v-if="individualList.maritalStatus===2" placeholder="未婚"></el-input>
|
|
</template>
|
<template v-else>
|
<el-select v-model="mrs" placeholder="请选择性别" clearable :style="{width: '100%'}">
|
<el-option label="未婚" value='0'></el-option>
|
<el-option label="已婚" value='1'></el-option>
|
<el-option label="离婚" value='2'></el-option>
|
</el-select>
|
</template>
|
</el-form-item>
|
</el-row>
|
|
</el-form>
|
</el-col>
|
</el-container>
|
</div>
|
<div style="padding-left:100px;padding-top:30px">
|
<el-col :span="6" :data="individualList">
|
<div class="block" :model="individualList">
|
|
|
|
|
<el-upload ref="uploadDemo"
|
action=""
|
:file-list="fileList"
|
list-type="picture-card"
|
accept="image/*"
|
:multiple="false"
|
:http-request="requestUpload"
|
:on-success="handleSucess"
|
:limit="1">
|
|
<el-avatar shape="square" style="width: 200px;;height: 200px;" >
|
<el-image
|
:src="'https://www.bendudu.com:8080/'+ individualList.url"
|
:fit="fit" style="width: 100%;height: 100%;border-radius: 0px 0px 0px 0px;opacity: 1;border: 1px solid rgba(0,0,0,0.5);"
|
></el-image>
|
|
|
</el-avatar>
|
</el-upload>
|
</div>
|
</el-col>
|
|
</div>
|
|
<div style="padding-left:30px;padding-top:30px" >
|
|
</div>
|
<!-- </el-dialog> self:user:export-->
|
</el-container>
|
<el-container>
|
<div>
|
<el-container>
|
<el-col v-loading="loading" :data="individualList" @selection-change="handleSelectionChange">
|
<el-form ref="elForm" :model="individualList" :rules="rules" size="medium" label-position="left">
|
<el-row :span="16" >
|
<el-form-item label="单位" prop="unit" label-width="40px">
|
<el-input v-model="individualList.unit" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
|
</el-input>
|
</el-form-item>
|
</el-row>
|
<el-row :span="16">
|
<el-form-item label="户籍地址" prop="locationAddress" label-width="70px">
|
<el-input type="textarea" v-model="individualList.locationAddress" placeholder="" clearable :style="{width: '280px'}" :disabled="dsb">
|
</el-input>
|
</el-form-item>
|
</el-row>
|
|
<el-row :span="28">
|
<el-form-item label="常住地址" prop="alwaysAddress" label-width="70px">
|
<el-input type="textarea" v-model="individualList.alwaysAddress" placeholder="" clearable :style="{width: '280px'}" :disabled="dsb">
|
</el-input>
|
</el-form-item>
|
</el-row>
|
|
|
</el-form>
|
</el-col>
|
</el-container>
|
</div>
|
<div style="padding-left:60px">
|
<el-container>
|
<el-col v-loading="loading" :data="individualList" @selection-change="handleSelectionChange">
|
<el-form ref="elForm" :model="individualList" :rules="rules" size="medium" label-position="left">
|
<el-row :span="12" >
|
<el-form-item label="职务职称" prop="position" label-width="70px">
|
<el-input v-model="individualList.position" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
|
</el-input>
|
</el-form-item>
|
</el-row>
|
<el-row :span="12">
|
<el-form-item label="户籍地公安机关" prop="locationPolice" label-width="110px">
|
<el-input type="textarea" v-model="individualList.locationPolice" placeholder="" clearable :style="{width: '280px'}" :disabled="dsb">
|
</el-input>
|
</el-form-item>
|
</el-row>
|
<el-row :span="12">
|
<el-form-item label="常住地公安机关" prop="alwaysPolice" label-width="110px">
|
<el-input type="textarea" v-model="individualList.alwaysPolice" placeholder="" clearable :style="{width: '280px'}" :disabled="dsb">
|
</el-input>
|
</el-form-item>
|
</el-row>
|
|
</el-form>
|
</el-col>
|
</el-container>
|
</div>
|
</el-container>
|
<!--折叠面板-->
|
<el-collapse >
|
<el-collapse-item title="移居国（境）情况" name="3" >
|
<div>
|
<el-form v-loading="loading" :data="individualList" @selection-change="handleSelectionChange">
|
<el-form-item label="是否拥有外籍、境外居留权、长期居留许可" >
|
<el-radio-group v-model="individualList.outStatus" style="margin-bottom: 0;color: #FEF7FC;" :disabled="dsb">
|
<el-radio :label="1">是</el-radio>
|
<el-radio :label="0">否</el-radio>
|
</el-radio-group>
|
<el-container >
|
<el-row :span="7">
|
<el-form v-loading="loading" :data="individualList" @selection-change="handleSelectionChange">
|
<el-form-item label="证件号码" prop="idNo" label-width="70px">
|
<el-input v-model="individualList.idNo" style="color: #FEF7FC;" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
|
</el-input>
|
</el-form-item>
|
</el-form>
|
</el-row>
|
</el-container>
|
</el-form-item>
|
</el-form>
|
|
</div>
|
|
</el-collapse-item>
|
</el-collapse>
|
</div>
|
</template>
|
|
<script>
|
import {
|
getIndividualList, addIndividual, updateIndividual, delIndividual,
|
listExperience, addExperience, updateExperience, delExperience,
|
getIndividualRelation, addRelation, updateRelation, delRelation,
|
getCertificateList, addCertificate, updateCertificate, delCertificate,
|
getAbroadList, addAbroad, updateAbroad, delAbroad, listType,
|
getAutobiographyList, getAutobiographyTermList, addAutobiography, updateAutobiography,delAutobiography,
|
getCategory,
|
} from "@/api/self/index";
|
import {listNote,enload,getNote, addNote,updateNote, delNote,uploadPic} from "@/api/memo/index";
|
|
import { Notification, MessageBox, Message, Loading } from 'element-ui'
|
export default {
|
name: "memo",
|
dicts: ['sys_normal_disable'],
|
data() {
|
return {
|
// 遮罩层
|
disabled: false,
|
inds:undefined,
|
//婚姻类别
|
mrs:undefined,
|
loading: true,
|
formData:[],
|
// 选中数组
|
ids: [],
|
fit:['cover'],
|
// 非单个禁用
|
single: true,
|
// 非多个禁用
|
multiple: true,
|
// 显示搜索条件
|
showSearch: true,
|
// 总条数
|
total: 0,
|
// 个人记事本表格数据
|
noteList: [],
|
// 弹出层标题
|
title: "",
|
// 是否显示弹出层
|
open: false,
|
// 是否显示弹出层（数据权限）
|
openDataScope: false,
|
menuExpand: false,
|
menuNodeAll: false,
|
deptExpand: true,
|
deptNodeAll: false,
|
// 日期范围
|
dateRange: [],
|
// 数据范围选项
|
fot:[".jpg",".jif"],
|
fileList:[],
|
fileListOther:[],
|
|
uploading: false,
|
uploading1: false,
|
fit:['fill'],
|
keyword:'',
|
rules: {
|
//基本信息
|
nickName: [{
|
// required: true,
|
message: '请输入姓名',
|
trigger: 'blur'
|
}],
|
oldName: [{
|
// required: true,
|
message: '请输入曾用名',
|
trigger: 'blur'
|
}],
|
idNum: [{
|
// required: true,
|
message: '请输入身份证号',
|
trigger: 'blur'
|
}],
|
nationality: [{
|
// required: true,
|
message: '请输入国籍',
|
trigger: 'blur'
|
}],
|
maritalStatus: [{
|
// required: true,
|
message: '请输入婚姻状况',
|
trigger: 'blur'
|
}],
|
locationAddress: [{
|
// required: true,
|
message: '请输入户籍地址',
|
trigger: 'blur'
|
}],
|
alwaysAddress: [{
|
// required: true,
|
message: '请输入常住地址',
|
trigger: 'blur'
|
}],
|
unit: [{
|
// required: true,
|
message: '请输入单位',
|
trigger: 'blur'
|
}],
|
position: [{
|
// required: true,
|
message: '请输入职务职称',
|
trigger: 'blur'
|
}],
|
locationPolice: [{
|
// required: true,
|
message: '请输入户籍地公安机关',
|
trigger: 'blur'
|
}],
|
alwaysPolice: [{
|
// required: true,
|
message: '请输入常住地公安机关',
|
trigger: 'blur'
|
}],
|
|
//主要学习及工作经历
|
startDate: [{
|
required: true,
|
message: '请输入起始日期',
|
trigger: 'blur'
|
}],
|
endDate: [{
|
// required: true,
|
message: '请输入结束日期',
|
trigger: 'blur'
|
}],
|
content: [{
|
required: true,
|
message: '请输入文本',
|
trigger: 'blur'
|
}],
|
witness: [{
|
required: true,
|
message: '请输入证明人',
|
trigger: 'blur'
|
}],
|
//自传
|
term: [{
|
required: true,
|
message: '请输入时期',
|
trigger: 'blur'
|
}],
|
ageBegin: [{
|
required: true,
|
message: '',
|
trigger: 'blur'
|
}],
|
ageEnd: [{
|
required: true,
|
message: '',
|
trigger: 'blur'
|
}],
|
|
},
|
formDat: {
|
//个人记事本详情
|
id:undefined,
|
happenTime:undefined,
|
people:undefined,
|
address:undefined,
|
title:undefined,
|
remark:undefined,
|
url: undefined,
|
},
|
individualList:[],
|
// 菜单列表
|
menuOptions: [],
|
// 部门列表
|
deptOptions: [],
|
// 查询参数
|
queryParams: {
|
pageNum: 1,
|
pageSize: 10,
|
happenTime:undefined,
|
people:undefined,
|
address:undefined,
|
title:undefined,
|
remark:undefined
|
},
|
// searchVal:"",
|
|
// 表单参数
|
form: {},
|
defaultProps: {
|
children: "children",
|
label: "label"
|
},
|
// 表单校验
|
rules: {
|
|
happenTime: [{
|
required: true,
|
message: '请选择时间',
|
trigger: 'blur'
|
}],
|
people: [{
|
required: true,
|
message: '请输入人物',
|
trigger: 'blur'
|
}],
|
address: [{
|
// required: true,
|
message: '请输入地点',
|
trigger: 'blur'
|
}],
|
title: [{
|
required: true,
|
message: '请输入事件标题',
|
trigger: 'blur'
|
}],
|
remark: [{
|
// required: true,
|
message: '请输入备注',
|
trigger: 'blur'
|
}],
|
},
|
typeOptions: [],
|
isShow:true,
|
dsb:true,
|
btn: false,
|
isShow_2:false,
|
isEdit1:false,
|
isEditing: false,
|
fileList:[]
|
};
|
},
|
created() {
|
this.getList();
|
|
// for (let i = 0; i < this.contactList.length; i++) {
|
// this.formDat[i] = this.contactList[i];
|
// }
|
},
|
|
methods: {
|
|
|
|
/** 查询记录列表 */
|
getList() {
|
this.loading = true;
|
let _this = this
|
//个人信息
|
getIndividualList(this.queryParams).then(response => {
|
// alert(123)
|
// console.log(response.data)
|
_this.individualList = response.data;
|
|
// this.total = response.data.total;
|
_this.loading = false;
|
}
|
);
|
},
|
|
|
// 取消按钮
|
cancel() {
|
this.open = false;
|
this.reset();
|
},
|
getRowId(row)
|
{
|
return row.id
|
},
|
// 编辑按钮
|
handleEdit()
|
{
|
this.dsb = false
|
this.btn = true
|
this.isShow=false
|
this.isShow_2=true
|
this.isEditing=true
|
if(this.individualList.maritalStatus == 0)
|
this.mrs = '未婚'
|
else if(this.individualList.maritalStatus == 1)
|
this.mrs = '已婚'
|
else
|
this.mrs = '离婚'// this.isEdit=false
|
},
|
|
/** 导出按钮操作 */
|
handleExport() {
|
this.download('/self/user/export', {
|
...this.queryParams
|
}, `self_${new Date().getTime()}.xlsx`)
|
}, //个人基本信息
|
submitForm() {
|
if(this.inds=='1')
|
this.individualList.sex = 1;
|
else
|
this.individualList.sex = 0;
|
if(this.mrs=='0')
|
this.individualList.maritalStatus = 0
|
else if(this.mrs == '1')
|
this.individualList.maritalStatus = 1
|
else
|
this.individualList.maritalStatus = 2
|
// alert(10)
|
// let ul = this.fileList.map(function (elem){
|
// return elem.url.replace(process.env.VUE_APP_BASE_TRUE_API,"")
|
// }).join(",")
|
// let uls = this.fileListOther.map(function (elem){
|
// return elem.url.replace(process.env.VUE_APP_BASE_TRUE_API,"")
|
// }).join(",")
|
// // this.individualList.url = ul+","+uls
|
// console.log(this.individualList)
|
this.$refs['elForm'].validate(valid => {
|
if (valid) {
|
if (this.individualList.userId !== undefined) {
|
updateIndividual(this.individualList).then(response => {
|
this.$modal.msgSuccess("修改成功");
|
// 强制更新相关组件
|
this.individualList={...this.individualList}
|
|
// this.open = false;
|
this.dsb = true
|
this.btn=false
|
this.isShow_2=false
|
this.isShow=true
|
this.isEditing = false
|
});
|
} else {
|
this.$modal.msgSuccess("修改失败");
|
|
}
|
}
|
})
|
// 刷新页面
|
// window.location.reload();
|
},
|
handleSelectionChange(selection) {
|
this.ids = selection.map(item => item.id)
|
console.log(this.ids)
|
this.single = selection.length!=1
|
this.multiple = !selection.length
|
},
|
|
|
requestUpload(params)
|
{
|
var file = params.file;
|
var formData = new FormData();
|
formData.append('uploadFile', file);
|
let _this = this
|
|
// console.log(this.individualList)
|
this.$refs.uploadDemo.clearFiles();
|
// alert(234)
|
uploadPic(formData).then(response => {
|
// alert(response.data.url)
|
// alert(response.data.originalFilename)
|
let pth = response.data.originalFilename.substr(response.data.originalFilename.length-4, response.data.originalFilename.length)
|
|
if(_this.fot.includes(pth) === true)
|
{
|
_this.fileList.push({name:response.data.fileName, "url":response.data.url})
|
|
}
|
|
else{
|
_this.fileList.push({name:response.data.fileName, url:response.data.url})
|
|
}
|
_this.individualList.img = response.data.url.replace(process.env.VUE_APP_BASE_TRUE_API,"")
|
_this.individualList.url = response.data.url.replace(process.env.VUE_APP_BASE_TRUE_API,"")
|
updateIndividual(_this.individualList).then(response => {
|
// 将选中选项的文本设置为"term"字段的值
|
// this.formDat.term = selectedOption.value;
|
// this.formDat.id = selectedOption.id;
|
console.log("1")
|
_this.$modal.msgSuccess("修改成功");
|
_this.dialogVisible.autobiography = false;
|
_this.isEdit1 = false;
|
_this.getList();
|
}).catch(error => {
|
console.log(error);
|
_this.isEdit1 = false;
|
_this.dialogVisible.autobiography = false;
|
});
|
})
|
|
},
|
//头像修改
|
uploadImage() {
|
const inputElement = document.createElement("input");
|
inputElement.type = "file";
|
inputElement.accept = "image/*";
|
inputElement.style.display = "none";
|
document.body.appendChild(inputElement);
|
|
inputElement.addEventListener("change", () => {
|
const file = inputElement.files[0];
|
if (file) {
|
const formData = new FormData();
|
formData.append("image", file);
|
|
// 调用uploadPic接口上传图片
|
axios.post("/common/upload", formData, {
|
headers: {
|
"Content-Type": "multipart/form-data"
|
}
|
}).then(response => {
|
// 上传成功，获取新图片的URL
|
const newImageUrl = response.data.img;
|
|
// 假设individualList是一个对象，更新individualList.img
|
this.individualList.img = newImageUrl;
|
|
// 假设fileList是一个数组，更新fileList中对应的图片URL
|
// const index = this.fileList.findIndex(item => item.id === fileId);
|
// this.fileList[index].url = newImageUrl;
|
|
// 清除input元素并移除事件监听
|
document.body.removeChild(inputElement);
|
inputElement.removeEventListener("change", null);
|
}).catch(error => {
|
console.error("上传失败:", error);
|
// 清除input元素并移除事件监听
|
document.body.removeChild(inputElement);
|
inputElement.removeEventListener("change", null);
|
});
|
}
|
});
|
|
// 触发点击事件，显示文件选择对话框
|
inputElement.click();
|
},
|
|
|
}
|
};
|
</script>
|
<style>
|
.app-container{
|
background-color: #FEF7FC;
|
}
|
.el-table__row.statistics-warning-row {
|
background: #E0EEFE;
|
|
}
|
.el-table__row.statistics-warning-row1 {
|
background: #FFEFF2;
|
|
}
|
.el-table__cell {
|
font-size: 14px; /* 设置字体大小 */
|
}
|
.button-container {
|
display: inline-flex; /* 设置按钮容器为行内元素 */
|
}
|
|
</style>
|
