| | |
| | | </el-backtop> |
| | | <h1 style="font-size:21px;padding-top:30px;display: flex;"> |
| | | <span>个人记事本</span> |
| | | <div class="button-container" > |
| | | <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> |
| | |
| | | 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="" |
| | | :file-list="fileListOther" |
| | | class="upload-demo" |
| | | multiple |
| | | |
| | | ref="upload1" |
| | | :on-change="handleChange1" |
| | | :auto-upload="false" |
| | | list-type="picture-card" |
| | | :on-remove="handleRemove" |
| | | :http-request="requestUpload1m" |
| | | :show-file-list="true" |
| | | > |
| | | <el-button type="primary">点击上传</el-button> |
| | | <div v-if="uploading1" class="upload-status">正在上传...</div> |
| | | <template #tip> |
| | | <div class="el-upload__tip"> |
| | | </div> |
| | | </template> |
| | | |
| | | <i slot="default" class="el-icon-plus"></i> |
| | | <div slot="file" slot-scope="{file}"> |
| | | <!-- 添加video元素用于显示视频 --> |
| | | <video |
| | | v-if="file.url.includes('.mp4')" |
| | | class="el-upload-list__item-thumbnail" |
| | | :src="file.url" |
| | | style="width: 147px; height: 147px" |
| | | fit="cover" |
| | | ></video> |
| | | <img v-else |
| | | class="el-upload-list__item-thumbnail" |
| | | src="../../assets/images/deviceLis.png" |
| | | alt="" |
| | | style="width: 100%; height: 100%" |
| | | fit="cover"></img> |
| | | |
| | | <span class="el-upload-list__item-actions"> |
| | | <span class="el-upload-list__item-name">{{ file.name }}</span> |
| | | <span |
| | | class="el-upload-list__item-preview" |
| | | @click="handleFileCardPreview(file)" |
| | | > |
| | | <i class="el-icon-zoom-in"></i> |
| | | </span> |
| | | |
| | | <span |
| | | |
| | | class="el-upload-list__item-delete" |
| | | @click="handleRemoveFile(file)" |
| | | > |
| | | <i class="el-icon-delete"></i> |
| | | </span> |
| | | </span> |
| | | |
| | | </div> |
| | | |
| | | </el-upload> |
| | | |
| | | <el-button |
| | | style="margin-left: 10px" |
| | | size="small" |
| | | type="success" |
| | | @click="fileUpload" |
| | | >上传到服务器</el-button> |
| | | </el-form> |
| | | <h4 class="form-header"> </h4> |
| | | |
| | | <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, |
| | |
| | | }, |
| | | // 表单校验 |
| | | rules: { |
| | | happenTime: [{ |
| | | required: true, |
| | | message: '请选择时间', |
| | | trigger: 'blur' |
| | | }], |
| | | people: [{ |
| | | required: true, |
| | | message: '请输入人物', |
| | | trigger: 'blur' |
| | | }], |
| | | title: [{ |
| | | required: true, |
| | | message: '请输入事件标题', |
| | | trigger: 'blur' |
| | | }], |
| | | //基本信息 |
| | | nickName: [{ |
| | | // required: true, |
| | |
| | | trigger: 'blur' |
| | | }], |
| | | |
| | | relation: [{ |
| | | required: true, |
| | | message: '请输入关系', |
| | | trigger: 'blur' |
| | | }], |
| | | otherName: [{ |
| | | required: true, |
| | | message: '请输入姓名', |
| | | trigger: 'blur' |
| | | }], |
| | | otherUnit: [{ |
| | | required: true, |
| | | message: '请输入单位', |
| | | trigger: 'blur' |
| | | }], |
| | | otherPosition: [{ |
| | | required: true, |
| | | message: '请输入职务', |
| | | trigger: 'blur' |
| | | }], |
| | | otherPolitical: [{ |
| | | required: true, |
| | | message: '请输入政治面貌', |
| | | trigger: 'blur' |
| | | }], |
| | | |
| | | cerName: [{ |
| | | required: true, |
| | | message: '请输入证件名称', |
| | | trigger: 'blur' |
| | | }], |
| | | type: [{ |
| | | required: true, |
| | | message: '请输入证件类型', |
| | | trigger: 'blur' |
| | | }], |
| | | ownStatus: [{ |
| | | required: true, |
| | | message: '请输入持有情况', |
| | | trigger: 'blur' |
| | | }], |
| | | idNo: [{ |
| | | required: true, |
| | | message: '请输入证件号码', |
| | | trigger: 'blur' |
| | | }], |
| | | |
| | | startTime: [{ |
| | | required: true, |
| | | message: '请输入开始时间', |
| | | trigger: 'blur' |
| | | }], |
| | | endTime: [{ |
| | | required: true, |
| | | message: '请输入结束时间', |
| | | trigger: 'blur' |
| | | }], |
| | | destination: [{ |
| | | required: true, |
| | | message: '请输入所到地区', |
| | | trigger: 'blur' |
| | | }], |
| | | cause: [{ |
| | | required: true, |
| | | message: '请输入事由', |
| | | trigger: 'blur' |
| | | }] |
| | | |
| | | }, |
| | | selectedOption:'', |
| | | typeOptions:[], |
| | |
| | | |
| | | }, |
| | | 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); |
| | | } |
| | | } |
| | | }, |
| | | |
| | | fileUpload(){ |
| | | // var file = params.file; |
| | | |
| | | var formData = new FormData(); |
| | | this.$refs.upload1.submit(); |
| | | // formData.append('uploadFile', file); |
| | | if(this.uploadFileList1.length==0){ |
| | | this.$modal.msgSuccess("文档上传列表不能为空!"); |
| | | return |
| | | } |
| | | this.uploadFileList1.forEach((elem)=>{ |
| | | formData.append("files", elem) |
| | | |
| | | }) |
| | | |
| | | let _this = this |
| | | |
| | | this.uploading = true; |
| | | uploadPic(formData).then(response => { |
| | | _this.uploadFileList1 = [] |
| | | _this.formDat.url = _this.formDat.url+","+response.fileNames |
| | | _this.$modal.msgSuccess("文件上传成功!"); |
| | | }) |
| | | |
| | | }, |
| | | |
| | | 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("files", elem) |
| | | |
| | | }) |
| | | //alert(90) |
| | | let _this = this |
| | | //alert(9) |
| | | uploadPic(formData).then(response => { |
| | | // console.log(response,'123123123') |
| | | // console.log(_this.formDat.url,'666') |
| | | _this.formDat.url = _this.formDat.url+","+response.fileNames |
| | | |
| | | // 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(); |
| | | }, |
| | |
| | | { |
| | | var file = params.file; |
| | | var formData = new FormData(); |
| | | formData.append('uploadFile', file); |
| | | formData.append('files', file); |
| | | let _this = this |
| | | this.uploading = true; |
| | | uploadPic(formData).then(response => { |
| | |
| | | this.$modal.msgSuccess("上传成功"); |
| | | if(_this.fot.includes(pth) === true) |
| | | { |
| | | _this.fileList.push({name:response.data.fileName, "url":response.data.url}) |
| | | _this.fileList.push({name:response.fileNames, "url":response.data.url}) |
| | | } |
| | | }) |
| | | }, |
| | |
| | | { |
| | | var file = params.file; |
| | | var formData = new FormData(); |
| | | formData.append('uploadFile', file); |
| | | formData.append('files', file); |
| | | let _this = this |
| | | this.uploading1 = true; |
| | | uploadPic(formData).then(response => { |
| | |
| | | this.$modal.msgSuccess("上传成功"); |
| | | if(_this.fot.includes(pth) !== true) |
| | | { |
| | | _this.fileListOther.push({name:response.data.fileName, url:response.data.url}) |
| | | _this.fileListOther.push({name:response.fileNames, url:response.data.url}) |
| | | } |
| | | }) |
| | | }, |
| | |
| | | /** 提交按钮(数据权限) */ |
| | | submitDataScopem: function() { |
| | | |
| | | 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.formDat.url = ul+","+uls |
| | | // 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.formDat.url = ul+","+uls |
| | | this.$refs["elForm"].validate(valid => { |
| | | if (valid) { |
| | | |
| | | addNote(this.formDat).then(response => { |
| | | console.log(this.formDat) |
| | | 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() |
| | |
| | | _this.dialogVisible.open = false; |
| | | addExperience(_this.formDat).then(response => { |
| | | _this.$modal.msgSuccess("新增成功"); |
| | | |
| | | |
| | | _this.getList(); |
| | | }); |
| | | } |
| | |
| | | this.dialogVisible.relation1 = false; |
| | | addRelation(this.formDat).then(response => { |
| | | this.$modal.msgSuccess("新增成功"); |
| | | |
| | | |
| | | 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); |
| | | }, |