| | |
| | | ></el-button> |
| | | </el-backtop> |
| | | <h1 style="font-size:21px;padding-top:30px;display: flex;"> |
| | | <span>个人简历</span> |
| | | <div class="button-container" > |
| | | <span>个人记事本</span> |
| | | <div class="button-container" ></div> |
| | | <!-- <div class="button-container" > |
| | | <el-button |
| | | size="mini" |
| | | style="background: #E0EEFE; |
| | |
| | | v-print="'#printable-content'" |
| | | v-hasPermi="['family:note:export']" |
| | | >打印</el-button> |
| | | </div> |
| | | </div> --> |
| | | <div style="display: flex; align-items: center;"> |
| | | <el-button size="mini" type="text" @click="toMemo" v-hasPermi="['person:information:memo']" style="margin-left: 20px"> |
| | | <div class="form" ><el-icon style="padding-right:100px;"></el-icon> |
| | | <span class="text" style="width: 69px;height: 26px;font-size: 16px; |
| | | font-family: Microsoft YaHei-Regular, Microsoft YaHei; color: #EBA4AA;">个人记事本</span></div> |
| | | font-family: Microsoft YaHei-Regular, Microsoft YaHei; color: #EBA4AA;">个人简历</span></div> |
| | | </el-button> |
| | | </div> |
| | | </h1> |
| | |
| | | accept="image/jpeg, image/png,image/jpg, image/WMF,image/gif" |
| | | list-type="picture-card" |
| | | multiple |
| | | :http-request="requestUploadm" |
| | | :http-request="requestUpload" |
| | | :file-list="fileList" |
| | | :on-change="handleChange" |
| | | :auto-upload="false" |
| | | ref="upload" |
| | | > |
| | | <i slot="default" class="el-icon-plus"></i> |
| | | <div slot="file" slot-scope="{ file }"> |
| | |
| | | |
| | | </div> |
| | | </el-upload> |
| | | <el-button |
| | | style="margin-left: 10px" |
| | | size="small" |
| | | type="success" |
| | | |
| | | @click="picUpload" |
| | | >上传到服务器</el-button> |
| | | <h4 class="form-header">其他附件 </h4> |
| | | <el-upload |
| | | action="" |
| | |
| | | |
| | | <div slot="footer" class="dialog-footer"> |
| | | <el-button type="primary" @click="submitDataScopem">保 存</el-button> |
| | | <el-button @click="cancelData">取 消</el-button> |
| | | <el-button @click="cancelDataPer">取 消</el-button> |
| | | </div> |
| | | </el-dialog> |
| | | |
| | |
| | | |
| | | |
| | | <!--折叠面板--> |
| | | <el-collapse v-model="activeNames" @change="handleChange"> |
| | | <el-collapse v-model="activeNames" @change="handleChange5"> |
| | | <!-- <el-collapse-item title="移居国(境)情况" name="3" > |
| | | <div> |
| | | <el-form v-loading="loading" :data="individualList" @selection-change="handleSelectionChange"> |
| | |
| | | |
| | | data() { |
| | | return { |
| | | uploadFileList: [], |
| | | uploadFileList1: [], |
| | | // 遮罩层 |
| | | disabled: false, |
| | | |
| | |
| | | // 弹出层标题 |
| | | title: "", |
| | | |
| | | // open:true, |
| | | open:false, |
| | | // 是否显示弹出层(数据权限) |
| | | openDataScope: false, |
| | | menuExpand: false, |
| | |
| | | fot:['.bmp','.jpg','.jpeg','.png','.tif','.gif','.pcx','.tga','.exif','.fpx', |
| | | '.svg','.psd','.cdr','.pcd','.dxf','.ufo','.eps','.ai','.aw','.WMF','.webp','.apng'], |
| | | |
| | | fileList1:[], |
| | | fileList:[], |
| | | fileListOther:[], |
| | | dsb:true, |
| | |
| | | momId:undefined, |
| | | birth:undefined, |
| | | familyId:undefined, |
| | | |
| | | url: '', |
| | | |
| | | //主要学习及工作经历 |
| | | id:undefined, |
| | |
| | | startTime:undefined, |
| | | endTime:undefined, |
| | | cause:undefined, |
| | | url: undefined, |
| | | |
| | | //自传 |
| | | ageBegin:undefined, |
| | | ageEnd:undefined, |
| | |
| | | |
| | | }, |
| | | methods: { |
| | | handleRemoveFile(file) { |
| | | for(let i = 0; i < this.fileListOther.length; i++) |
| | | { |
| | | if(this.fileListOther[i].url==file.url) |
| | | { |
| | | this.$delete(this.fileListOther,i); |
| | | this.$delete(this.uploadFileList1,i); |
| | | } |
| | | } |
| | | }, |
| | | handleRemove(file) { |
| | | for(let i = 0; i < this.fileList.length; i++) |
| | | { |
| | | if(this.fileList[i].url==file.url) |
| | | { |
| | | this.$delete(this.fileList,i); |
| | | this.$delete(this.uploadFileList,i); |
| | | } |
| | | } |
| | | }, |
| | | |
| | | picUpload() |
| | | { |
| | | var formData = new FormData(); |
| | | //alert(976) |
| | | //this.$refs.upload.submit(); |
| | | //alert(8) |
| | | //alert(this.uploadFileList.length) |
| | | if(this.uploadFileList.length==0){ |
| | | this.$modal.msgSuccess("图片上传列表不能为空!"); |
| | | return} |
| | | //console.log(this.uploadFileList) |
| | | // alert(this.uploadFileList) |
| | | this.uploadFileList.forEach((elem)=>{ |
| | | formData.append("uploadFile", elem) |
| | | |
| | | }) |
| | | //alert(90) |
| | | let _this = this |
| | | //alert(9) |
| | | uploadPic(formData).then(response => { |
| | | // console.log(response) |
| | | // console.log(_this.formDat.url,'666') |
| | | _this.formDat.url = _this.formDat.url+","+response.data.fileName |
| | | // alert(_this.formDat.url) |
| | | _this.uploadFileList = [] |
| | | _this.$modal.msgSuccess("图片上传成功"); |
| | | |
| | | }); |
| | | }, |
| | | |
| | | handleChange(file, fileList1) { |
| | | //定义一个全局数组uploadFileList来做存储 |
| | | |
| | | // this.uploadFileList.push(file.raw); |
| | | console.log("=========5555=========") |
| | | console.log(file) |
| | | // console.log(this.uploadFileList) |
| | | // this.fileList = fileList |
| | | //alert(file) |
| | | this.uploadFileList.push(file.raw); |
| | | this.fileList.push({name:file.name,url:file.url}) |
| | | //alert(fileList1.length) |
| | | }, |
| | | handleChange1(file, fileOtherList1) { |
| | | //定义一个全局数组uploadFileList来做存储 |
| | | this.uploadFileList1.push(file.raw); |
| | | this.fileListOther.push({name:file.name,url:file.url}) |
| | | // this.uploadFileList.push(file.raw); |
| | | console.log("=========5555=========") |
| | | //console.log(file) |
| | | // console.log(this.uploadFileList) |
| | | // this.fileList = fileList |
| | | }, |
| | | |
| | | |
| | | |
| | | // 取消按钮 |
| | | cancelData() { |
| | | // alert(23) |
| | | this.dialogVisible.open = false; |
| | | this.dialogVisible.relation1 = false; |
| | | this.dialogVisible.certificate =false; |
| | |
| | | this.dialogVisible.autobiography=false; |
| | | this.isEdit1 = false; |
| | | this.reset(); |
| | | // alert(32) |
| | | // 清空formDat对象的数据 |
| | | Object.keys(this.formDat).forEach(key => { |
| | | this.formDat[key] = ''; |
| | |
| | | }, |
| | | |
| | | //下拉 |
| | | handleChange(activeNames) { |
| | | handleChange5(activeNames) { |
| | | // console.log(activeNames); |
| | | this.reset(); |
| | | }, |
| | |
| | | // console.log(this.queryParams) |
| | | // listProperty(this.addDateRange(this.queryParams, this.dateRange)).then(response => { |
| | | listNote(this.queryParams1).then(response => { |
| | | alert(321) |
| | | // alert(321) |
| | | // console.log(response.data) |
| | | this.noteList = response.data.data; |
| | | |
| | |
| | | |
| | | addNote(this.formDat).then(response => { |
| | | this.$modal.msgSuccess("新增成功"); |
| | | this.getList(); |
| | | this.open = false; |
| | | // 清空formDat对象的数据 |
| | | Object.keys(this.formDat).forEach(key => { |
| | |
| | | saveAs(blob, filename) |
| | | }) |
| | | }, |
| | | cancelDataPer() |
| | | { |
| | | this.open = false; |
| | | |
| | | // alert(123) |
| | | // alert(this.open) |
| | | }, |
| | | |
| | | /** 查询自传信息 */ |
| | | getAutobiographyInfor() |
| | |
| | | //新增主要经历的保存 |
| | | submitDataScope: function() { |
| | | let _this = this |
| | | this.$refs["elForm"].validate(valid => { |
| | | this.$refs["elForm1"].validate(valid => { |
| | | if (valid) { |
| | | //alert(1235) |
| | | _this.dialogVisible.open = false; |
| | | addExperience(_this.formDat).then(response => { |
| | | _this.$modal.msgSuccess("新增成功"); |
| | | _this.dialogVisible.open = false; |
| | | |
| | | _this.getList(); |
| | | }); |
| | | } |
| | |
| | | submitDataScope2: function() { |
| | | this.$refs["elForm"].validate(valid => { |
| | | if (valid) { |
| | | this.dialogVisible.relation1 = false; |
| | | addRelation(this.formDat).then(response => { |
| | | this.$modal.msgSuccess("新增成功"); |
| | | this.dialogVisible.relation1 = false; |
| | | |
| | | this.getList(); |
| | | }); |
| | | } |
| | |
| | | }, |
| | | //修改后的保存 |
| | | |
| | | |
| | | |
| | | //主要经历 |
| | | saveRowExperienceList(row) { |
| | | this.$refs['elForm'].validate(valid => { |
| | | if (valid) { |
| | | // this.$refs['elForm'].validate(valid => { |
| | | // if (valid) { |
| | | const foundIndex = this.experienceList.findIndex(item => item.id === row.id); |
| | | if (foundIndex !== -1) { |
| | | const updatedData = Object.assign({}, this.experienceList[foundIndex], row); |
| | |
| | | } else { |
| | | this.$modal.msgError("修改失败"); |
| | | } |
| | | } |
| | | }); |
| | | //} |
| | | // }); |
| | | this.$set(row, 'isEdit', false); |
| | | this.$set(this.editStatus, row.id, false); |
| | | }, |
| | | //成员关系 |
| | | saveRowRelationList(row) { |
| | | this.$refs['elForm'].validate(valid => { |
| | | if (valid) { |
| | | // this.$refs['elForm'].validate(valid => { |
| | | // if (valid) { |
| | | const foundIndex = this.relationList.findIndex(item => item.id === row.id); |
| | | if (foundIndex !== -1) { |
| | | const updatedData = Object.assign({}, this.relationList[foundIndex], row); |
| | |
| | | } else { |
| | | this.$modal.msgError("修改失败"); |
| | | } |
| | | } |
| | | }); |
| | | // } |
| | | // }); |
| | | this.$set(row, 'isEdit', false); |
| | | this.$set(this.editStatus, row.id, false); |
| | | }, |
| | | //证件情况 |
| | | saveRowCertificateList(row) { |
| | | this.$refs['elForm'].validate(valid => { |
| | | if (valid) { |
| | | // this.$refs['elForm'].validate(valid => { |
| | | // if (valid) { |
| | | const foundIndex = this.certificateList.findIndex(item => item.id === row.id); |
| | | if (foundIndex !== -1) { |
| | | const updatedData = Object.assign({}, this.certificateList[foundIndex], row); |
| | |
| | | } else { |
| | | this.$modal.msgError("修改失败"); |
| | | } |
| | | } |
| | | }); |
| | | // } |
| | | //}); |
| | | this.$set(row, 'isEdit', false); |
| | | this.$set(this.editStatus, row.id, false); |
| | | }, |
| | | //出国情况 |
| | | saveRowAbroadList(row) { |
| | | this.$refs['elForm'].validate(valid => { |
| | | if (valid) { |
| | | // this.$refs['elForm'].validate(valid => { |
| | | // if (valid) { |
| | | const foundIndex = this.AbroadList.findIndex(item => item.id === row.id); |
| | | if (foundIndex !== -1) { |
| | | const updatedData = Object.assign({}, this.AbroadList[foundIndex], row); |
| | |
| | | } else { |
| | | this.$modal.msgError("修改失败"); |
| | | } |
| | | } |
| | | }); |
| | | // } |
| | | // }); |
| | | this.$set(row, 'isEdit', false); |
| | | this.$set(this.editStatus, row.id, false); |
| | | }, |