| | |
| | | </el-container> |
| | | |
| | | <!--折叠面板--> |
| | | <el-collapse v-model="activeNames" @change="handleChange"> |
| | | <el-collapse v-model="activeNames" @change="handleChange"> |
| | | <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"> |
| | | <el-form-item label="是否拥有外籍、境外居留权、长期居留许可" > |
| | | <el-radio-group v-model="individualList.outStatus" style="margin-bottom: 0;color: #FEF7FC;"> |
| | | <el-radio :label="1">是</el-radio> |
| | | <el-radio :label="0">否</el-radio> |
| | | </el-radio-group> |
| | |
| | | <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" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb"> |
| | | <el-input v-model="individualList.idNo" style="color: #FEF7FC;" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb"> |
| | | </el-input> |
| | | </el-form-item> |
| | | </el-form> |
| | |
| | | <div v-if="item.term === '结婚后'"> {{item.content}}</div> |
| | | </el-tab-pane> |
| | | </el-tabs> |
| | | <!-- <el-button size='mini' type="text" class="btn_autobiography" @click="showDialog('autobiography')" style='position: absolute;right:10px;top:5px;'>--> |
| | | <!-- <sapn v-html="'\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'"></sapn>--> |
| | | <!-- </el-button>--> |
| | | <el-button size='mini' type="text" class="btn_autobiography" @click="showDialog('autobiography')" style='position: absolute;right:10px;top:5px;'> |
| | | <sapn v-html="'\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'"></sapn> |
| | | </el-button> |
| | | </div> |
| | | |
| | | </div> |
| | |
| | | </div> |
| | | </el-dialog> |
| | | <!--新增自传--> |
| | | <el-dialog :title="title" :visible.sync="dialogVisible.autobiography" width="900px" > |
| | | <el-dialog :title="title" :visible.sync="dialogVisible.autobiography" width="900px" append-to-body> |
| | | <el-col > |
| | | <el-form ref="elForm" :model="AutobiographyList" :rules="rules" size="medium" label-position="left" |
| | | v-loading="loading" :data="AutobiographyList" @selection-change="handleSelectionChange" > |
| | | <el-form ref="elForm" :model="formDat" :rules="rules" size="medium" label-position="left" > |
| | | <el-row :span="5"> |
| | | <el-form-item label="年龄段:" prop="ageBegin ageEnd" label-width="70px"> |
| | | <el-input v-model="AutobiographyList.ageBegin" placeholder="" clearable :style="{width: '20%'}" > |
| | | <el-input v-model="formDat.ageBegin" placeholder="" clearable :style="{width: '20%'}" > |
| | | </el-input> |
| | | <span> 岁 ——</span> |
| | | <el-input v-model="AutobiographyList.ageEnd" placeholder="" clearable :style="{width: '20%'}" > |
| | | <el-input v-model="formDat.ageEnd" placeholder="" clearable :style="{width: '20%'}" > |
| | | </el-input> |
| | | <span> 岁 </span> |
| | | </el-form-item> |
| | | <el-form-item label="时期:" prop="term"> |
| | | <el-select v-model="formDat.type" placeholder="请选择时期" clearable :style="{width: '50%'}" > |
| | | <el-select v-model="formDat.term" placeholder="请选择时期" clearable :style="{width: '50%'}" > |
| | | <el-option v-for="(item, index) in typeOptions" :key="index" :label="item.label" :value="item.value" |
| | | ></el-option> |
| | | </el-select> |
| | |
| | | //自传 |
| | | ageBegin:undefined, |
| | | ageEnd:undefined, |
| | | term:undefined |
| | | term:undefined, |
| | | |
| | | }, |
| | | AgeEnd:'', |
| | | // 菜单列表 |
| | | menuOptions: [], |
| | | // 部门列表 |
| | |
| | | trigger: 'blur' |
| | | }], |
| | | content: [{ |
| | | // required: true, |
| | | message: '请输入', |
| | | 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' |
| | | }], |
| | | |
| | |
| | | handleClick(tab, event) { |
| | | // console.log(tab, event); |
| | | this.getAutobiographyInfor(); |
| | | |
| | | // this.getSrc1(typeOptions) |
| | | }, |
| | | |
| | | //隔行变色 |
| | |
| | | return '——————' |
| | | } |
| | | }, |
| | | getSrc1(term){ |
| | | if(term==='7'){ |
| | | return '研究生' |
| | | } |
| | | }, |
| | | |
| | | /** 查询角色列表 */ |
| | | getList() { |
| | |
| | | this.total = response.data.total; |
| | | this.loading = false; |
| | | } |
| | | |
| | | ); |
| | | //成员关系 |
| | | getIndividualRelation(this.queryParams).then(response => { |
| | |
| | | this.AutobiographyList = response.data; |
| | | this.total = response.data.total; |
| | | this.loading = false; |
| | | |
| | | }); |
| | | //根据不同时段的个人自传 |
| | | getAutobiographyTermList(this.queryParams).then(response => { |
| | | // alert(123) |
| | | // console.log(response.data) |
| | | this.AutobiographyTermList = response.data; |
| | | this.total = response.data.total; |
| | | this.loading = false; |
| | | }); |
| | | // getAutobiographyTermList(this.queryParams).then(response => { |
| | | // // alert(123) |
| | | // // console.log(response.data) |
| | | // this.AutobiographyTermList = response.data; |
| | | // this.total = response.data.total; |
| | | // this.loading = false; |
| | | // }); |
| | | |
| | | }, |
| | | |
| | |
| | | let _this = this |
| | | getCategory().then(response=>{ |
| | | |
| | | response.data.itemValues.replace("{","").replace("}","").split(",").map(elem=>{ |
| | | _this.typeOptions.push({"label":elem.split(":")[0], "value":elem.split(":")[0]}) |
| | | // response.data.itemValues.replace("{","").replace("}","").split(",").map(elem=>{ |
| | | // _this.typeOptions.push({"label":elem.split(":")[0], "value":elem.split(":")[0]}) |
| | | // }) |
| | | response.data.itemValues.replace("{", "").replace("}", "").split(",").map(elem => { |
| | | const label = elem.split(":")[0].trim(); |
| | | const value = parseInt(elem.split(":")[1].trim()); |
| | | _this.typeOptions.push({ "label": label, "value": value }); |
| | | // this.getSrc1(value) |
| | | }) |
| | | }) |
| | | |
| | | // if(AutobiographyList.ageEnd==null){ |
| | | // this.AgeEnd='?' |
| | | // }else{ |
| | | // this.AgeEnd=this.ageEnd |
| | | // } |
| | | }, |
| | | |
| | | /** 提交按钮(数据权限) */ |
| | | //新增主要经历的保存 |
| | | submitDataScope: 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 |
| | | |
| | | this.$refs["elForm"].validate(valid => { |
| | | if (valid) { |
| | | addExperience(this.formDat).then(response => { |
| | |
| | | }, |
| | | //新增成员关系的保存 |
| | | submitDataScope2: 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 |
| | | |
| | | this.$refs["elForm"].validate(valid => { |
| | | if (valid) { |
| | | addRelation(this.formDat).then(response => { |
| | |
| | | }, |
| | | //新增出入境证件的保存 |
| | | submitDataScope4: 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 |
| | | |
| | | this.$refs["elForm"].validate(valid => { |
| | | if (valid) { |
| | | addCertificate(this.formDat).then(response => { |
| | |
| | | }, |
| | | //新增出国境的保存 |
| | | submitDataScope5: 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 |
| | | |
| | | this.$refs["elForm"].validate(valid => { |
| | | if (valid) { |
| | | addAbroad(this.formDat).then(response => { |
| | |
| | | this.formDat[key] = ''; |
| | | }); |
| | | }, |
| | | //个人自传 |
| | | submitDataScope6: 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 |
| | | |
| | | this.$refs["elForm"].validate(valid => { |
| | | if (valid) { |
| | | // 根据值找到选中的选项对象 |
| | | const selectedOption = this.typeOptions.find(option => option.value === this.formDat.term); |
| | | // 将选中选项的文本设置为"term"字段的值 |
| | | this.formDat.term = selectedOption.label; |
| | | addAutobiography(this.formDat).then(response => { |
| | | this.$modal.msgSuccess("新增成功"); |
| | | this.dialogVisible.autobiography = false; |