| | |
| | | <template> |
| | | <div class="app-container"> |
| | | <!-- 刷新页面 --> |
| | | <!-- <MyComponent :key="componentKey" />--> |
| | | <!-- 回到顶部--> |
| | | <el-backtop :bottom="150" :right="30"> |
| | | <el-button type="primary" circle |
| | |
| | | <!-- <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 ? '男':'女'" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb"></el-input> |
| | | <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="individualList.sex" placeholder="请选择性别" clearable :style="{width: '100%'}"> |
| | | <el-option label="男" value="1"></el-option> |
| | | <el-option label="女" value="0"></el-option> |
| | | <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> |
| | |
| | | <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> |
| | | <el-input v-if="individualList.maritalStatus===2" placeholder="未婚"></el-input> |
| | | |
| | | </template> |
| | | <template v-else> |
| | | <el-select v-model="individualList.maritalStatus" 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 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> |
| | |
| | | <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;"> |
| | | <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> |
| | |
| | | <div class="title-wrapper"> |
| | | 主要学习及工作经历 |
| | | <div> |
| | | <el-button class="button" size="mini" type="text" @click="showDialog('open')"> |
| | | <el-button class="button" size="mini" type="text" @click="showDialog('open')" > |
| | | <sapn v-html="'\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'"></sapn></el-button> |
| | | </div> |
| | | </div> |
| | |
| | | </div> |
| | | </el-dialog> |
| | | <!--新增自传--> |
| | | <el-dialog :title="isEdit ? '编辑记录' : '新增记录'" :visible.sync="dialogVisible.autobiography" width="900px" append-to-body> |
| | | <el-dialog :title="isEdit1 ? '编辑记录' : '新增记录'" :visible.sync="dialogVisible.autobiography" width="900px" append-to-body> |
| | | <el-col > |
| | | <el-form ref="elForm" :model="formDat" :rules="rules" size="medium" label-position="left" > |
| | | <el-row :span="5"> |
| | |
| | | export default { |
| | | name: "show", |
| | | dicts: ['sys_normal_disable'], |
| | | // components: { |
| | | // MyComponent |
| | | // }, |
| | | data() { |
| | | return { |
| | | // 遮罩层 |
| | |
| | | |
| | | loading: true, |
| | | formData:[], |
| | | componentKey: 0, |
| | | // 选中数组 |
| | | ids: [], |
| | | //性别 |
| | | inds:undefined, |
| | | //婚姻类别 |
| | | mrs:undefined, |
| | | // 非单个禁用 |
| | | single: true, |
| | | // 非多个禁用 |
| | |
| | | btn:false, |
| | | isShow:true, |
| | | isShow_2:false, |
| | | isEdit:false, |
| | | isEdit1:false, |
| | | formDat: { |
| | | //个人基本信息 |
| | | nickName:undefined, |
| | |
| | | this.dialogVisible.relation1 = false; |
| | | this.dialogVisible.certificate =false; |
| | | this.dialogVisible.abroad=false; |
| | | this.dialogVisible.autobiography=false |
| | | this.dialogVisible.autobiography=false; |
| | | this.isEdit1 = false; |
| | | this.reset(); |
| | | // 清空formDat对象的数据 |
| | | Object.keys(this.formDat).forEach(key => { |
| | | this.formDat[key] = ''; |
| | | }); |
| | | }, |
| | | //下拉 |
| | | handleChange(activeNames) { |
| | |
| | | }, |
| | | //个人自传编辑 |
| | | editData(data) { |
| | | this.isEdit = true; // 设置为编辑操作 |
| | | this.isEdit1 = true; // 设置为编辑操作 |
| | | // 将要修改的数据填充到formDat对象中 |
| | | this.formDat.ageBegin = data.ageBegin; |
| | | this.formDat.ageEnd = data.ageEnd; |
| | |
| | | this.isShow=false |
| | | this.isShow_2=true |
| | | this.isEditing=true |
| | | // this.isEdit=false |
| | | if(this.individualList.maritalStatus == 0) |
| | | this.mrs = '未婚' |
| | | else if(this.individualList.maritalStatus == 1) |
| | | this.mrs = '已婚' |
| | | else |
| | | this.mrs = '离婚'// this.isEdit=false |
| | | }, |
| | | |
| | | /** 查询自传信息 */ |
| | |
| | | // 根据值找到选中的选项对象 |
| | | const selectedOption = this.typeOptions.find(option => option.value === this.formDat.term); |
| | | |
| | | if (this.isEdit) { |
| | | if (this.isEdit1) { |
| | | // 执行修改操作 |
| | | updateAutobiography(this.formDat).then(response => { |
| | | // 将选中选项的文本设置为"term"字段的值 |
| | |
| | | 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; |
| | | }); |
| | | } else { |
| | |
| | | this.formDat[key] = ''; |
| | | }); |
| | | // 重置isEdit为false,以便下次点击新增时为新增操作 |
| | | this.isEdit = false; |
| | | this.isEdit1 = false; |
| | | }, |
| | | |
| | | editRow(row) { |
| | |
| | | //修改后的保存 |
| | | //个人基本信息 |
| | | 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 |
| | | let ul = this.fileList.map(function (elem){ |
| | | return elem.url.replace(process.env.VUE_APP_BASE_TRUE_API,"") |
| | | }).join(",") |
| | |
| | | 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 |
| | | }); |
| | | } else { |
| | | this.$modal.msgSuccess("修改失败"); |
| | |
| | | } |
| | | }) |
| | | // 刷新页面 |
| | | window.location.reload(); |
| | | // window.location.reload(); |
| | | }, |
| | | //主要经历 |
| | | saveRowExperienceList(row) { |
| | |
| | | .btn_edit{ |
| | | background:center no-repeat url('../../assets/icons/edit.png') ; |
| | | } |
| | | |
| | | .button { |
| | | background:center no-repeat url('../../assets/icons/add1.png') ; |
| | | margin-left: 69.5vw; |