<template>
|
<div class="app-container">
|
<!-- 回到顶部-->
|
<el-backtop :bottom="150" :right="30">
|
<el-button type="primary" circle
|
class="el-icon-top"
|
></el-button>
|
</el-backtop>
|
<h1 style="font-size:21px;padding-top:30px">个人简历</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="5">
|
<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="5">
|
<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="5">
|
<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:30px">
|
<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>
|
</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:30px">
|
<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">
|
<el-input v-model="individualList.maritalStatus === 1 ? '已婚':'未婚'" 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:30px;padding-top:30px">
|
<el-col :span="6" :data="individualList">
|
<div class="block" :model="individualList" >
|
<el-col v-model="individualList.url" prop="url">
|
<el-avatar shape="square" :size=200 >
|
<el-image
|
:src="'http://47.93.189.255:8080/'+ individualList.url"
|
:fit="fit"
|
></el-image>
|
</el-avatar>
|
</el-col>
|
</div>
|
|
</el-col>
|
|
|
<!-- <el-row>-->
|
<!--<!– <el-table border style="width: 100%">–>-->
|
<!--<!– <el-table-column–>-->
|
<!--<!– prop="img"–>-->
|
<!--<!– v-model="individualList.img"–>-->
|
<!--<!– placeholder=""–>-->
|
<!--<!– width="180">–>-->
|
<!--<!– <template slot-scope="scope">–>-->
|
<!--<!– <img :src="scope.row.src" style="width:100px;height:50px;"/>–>-->
|
<!--<!– </template>–>-->
|
<!--<!– </el-table-column>–>-->
|
|
<!--<!– </el-table>–>-->
|
<!--<!– <el-upload :class="{uoloadSty:showBtnDealImg,disUoloadSty:noneBtnImg}"–>-->
|
<!--<!– ref="ref1"–>-->
|
<!--<!– action=""–>-->
|
<!--<!– :file-list="fileList"–>-->
|
<!--<!– list-type="picture-card"–>-->
|
<!--<!– accept="image/*"–>-->
|
<!--<!– :auto-upload="false"–>-->
|
<!--<!– :multiple="false"–>-->
|
<!--<!– :limit="limitCountImg">–>-->
|
<!--<!– <i class="el-icon-plus"></i>–>-->
|
<!--<!– </el-upload>–>-->
|
<!-- </el-row>-->
|
</div>
|
|
<div style="padding-left:30px;padding-top:30px" >
|
<el-container >
|
<!-- <template slot-scope="scope" v-if="scope.row.roleId !== 1">-->
|
<!-- <el-button-->
|
<!-- size="mini"-->
|
<!-- type="text"-->
|
<!-- icon="el-icon-edit"-->
|
<!-- @click="handleUpdate(scope.row)"-->
|
<!-- v-hasPermi="['system:role:edit']"-->
|
<!-- >修改</el-button>-->
|
|
<!-- </template>-->
|
|
<el-row >
|
<el-button
|
type="primary"
|
@click="handleUpdate(scope.row)"
|
:disabled="btn"
|
v-hasPermi="['system:role:edit']"
|
>编辑</el-button>
|
<!-- @click="handleUpdate(scope.row)"-->
|
<!-- <el-dropdown-->
|
<!-- size="mini"-->
|
<!-- @command="(command) => handleCommand(command, scope.row)"-->
|
<!-- v-hasPermi="['system:role:edit']"> person:information:edit -->
|
<!-- <el-button-->
|
<!-- size="mini"-->
|
<!-- type="text"-->
|
<!-- icon="el-icon-d-arrow-right"-->
|
<!-- @click="handleCheck(scope.row)"-->
|
<!-- >查看详情</el-button>-->
|
|
<!-- </el-dropdown>-->
|
<br>
|
<el-button
|
type="primary"
|
@click="handleExport"
|
v-hasPermi="['family:note:export']"
|
>导出</el-button>
|
<br>
|
<el-button type="primary" @click="submitForm" :disabled="dsb">完成</el-button>
|
</el-row>
|
|
</el-container>
|
</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="locationAddress" label-width="70px">
|
<el-input v-model="individualList.locationAddress" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
|
</el-input>
|
</el-form-item>
|
</el-row>
|
<el-row :span="16">
|
<el-form-item label="常住地址" prop="alwaysAddress" label-width="70px">
|
<el-input v-model="individualList.alwaysAddress" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
|
</el-input>
|
</el-form-item>
|
</el-row>
|
<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-form>
|
</el-col>
|
</el-container>
|
</div>
|
<div style="padding-left:30px">
|
<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="locationPolice" label-width="110px">
|
<el-input v-model="individualList.locationPolice" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
|
</el-input>
|
</el-form-item>
|
</el-row>
|
<el-row :span="12">
|
<el-form-item label="常住地公安机关" prop="alwaysPolice" label-width="110px">
|
<el-input v-model="individualList.alwaysPolice" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
|
</el-input>
|
</el-form-item>
|
</el-row>
|
<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-form>
|
</el-col>
|
</el-container>
|
</div>
|
</el-container>
|
|
<!--折叠面板-->
|
<el-collapse v-model="activeNames" @change="handleChange">
|
<el-collapse-item title="主要学习及工作经历" name="1" >
|
<el-table v-loading="loading" :data="experienceList" @selection-change="handleSelectionChange">
|
<el-table-column label="起止日期" prop="startDate" sortable width="300" align="center" />
|
<el-table-column label="主要学习经历、工作单位及任职情况" prop="content" sortable width="350" align="center" />
|
<el-table-column label="证明人" prop="witness" sortable width="300" align="center" />
|
<!-- 操作-->
|
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
<template slot-scope="scope" v-if="scope.row.roleId !== 1">
|
<el-button
|
size="mini"
|
type="text"
|
icon="el-icon-edit"
|
@click="handleUpdate(scope.row)"
|
v-hasPermi="['system:role:edit']"
|
>修改</el-button>
|
<el-button
|
size="mini"
|
type="text"
|
icon="el-icon-delete"
|
@click="handleExperienceDelete(scope.row)"
|
v-hasPermi="['system:role:remove']"
|
>删除</el-button>
|
<el-dropdown size="mini" @command="(command) => handleCommand(command, scope.row)" v-hasPermi="['system:role:edit']">
|
<el-button size="mini" type="text" icon="el-icon-d-arrow-right" @click="handleCheck(scope.row)">查看详情</el-button>
|
|
</el-dropdown>
|
</template>
|
</el-table-column>
|
</el-table>
|
</el-collapse-item>
|
<el-collapse-item title="家庭成员及主要社会关系情况" name="2" >
|
<el-table v-loading="loading" :data="relationList" @selection-change="handleSelectionChange">
|
<el-table-column label="与本人关系" prop="relation" sortable width="260" align="center" />
|
<el-table-column label="姓名" prop="nickName" sortable width="260" align="center" />
|
<el-table-column label="单位及职务" prop="unit position" sortable width="260" align="center">
|
<template slot-scope="scope">
|
{{scope.row.unit}}/{{scope.row.position}}
|
</template>
|
</el-table-column>
|
<el-table-column label="政治面貌" prop="politicalOutlook" sortable width="260" align="center"/>
|
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
<template slot-scope="scope" v-if="scope.row.roleId !== 1">
|
<el-button
|
size="mini"
|
type="text"
|
icon="el-icon-edit"
|
@click="handleUpdate(scope.row)"
|
v-hasPermi="['system:role:edit']"
|
>修改</el-button>
|
<el-button
|
size="mini"
|
type="text"
|
icon="el-icon-delete"
|
@click="handleCertificateDelete(scope.row)"
|
v-hasPermi="['system:role:remove']"
|
>删除</el-button>
|
<el-dropdown size="mini" @command="(command) => handleCommand(command, scope.row)" v-hasPermi="['system:role:edit']">
|
<el-button size="mini" type="text" icon="el-icon-d-arrow-right" @click="handleCheck(scope.row)">查看详情</el-button>
|
|
</el-dropdown>
|
</template>
|
</el-table-column>
|
</el-table>
|
</el-collapse-item>
|
<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-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" 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-item title="持有出入境证件情况" name="4" >
|
<el-table v-loading="loading" :data="certificateList" @selection-change="handleSelectionChange">
|
<el-table-column label="证件名称" prop="cerName" sortable width="280" align="center" />
|
<el-table-column label="持有情况" prop="ownStatus" sortable width="280" align="center" />
|
<el-table-column label="证件号码" prop="idNo" sortable width="280" align="center" />
|
<el-table-column label="有效期" prop="validityDate" sortable width="280" align="center">
|
</el-table-column>
|
</el-table>
|
</el-collapse-item>
|
<el-collapse-item title="出国（境）情况" name="5" >
|
<el-table v-loading="loading" :data="AbroadList" @selection-change="handleSelectionChange">
|
<el-table-column label="起止日期" prop="startDate" sortable width="350" align="center" />
|
<el-table-column label="所到国家或者地区" prop="destination" sortable width="350" align="center" />
|
<el-table-column label="事由（旅游、走访、探亲、继承财产、其他）" prop="cause" sortable width="400" align="center" />
|
|
</el-table>
|
</el-collapse-item>
|
</el-collapse>
|
|
<!-- 自传-->
|
<div style="padding-top:30px">
|
<el-container>
|
<div style="width:100%"><h2 style="font-size:15px" >自传</h2></div>
|
</el-container>
|
<el-tabs type="border-card" v-model="activeName" @tab-click="handleClick"
|
v-loading="loading" :data="AutobiographyList" @selection-change="handleSelectionChange">
|
<!-- <el-tab-pane label="总览" name="0">-->
|
|
<!-- </el-tab-pane>-->
|
<!-- <div :model="AutobiographyList">-->
|
<el-tab-pane label="0~3岁(婴儿期)" name="1" >
|
<el-input v-model="AutobiographyList.content" prop="content" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
|
</el-input>
|
</el-tab-pane>
|
<el-tab-pane label="6~12(小学)" name="2" ></el-tab-pane>
|
<el-tab-pane label="12~15(初中)" name="3"></el-tab-pane>
|
<el-tab-pane label="15~18(高中)" name="4"></el-tab-pane>
|
<el-tab-pane label="18~22(大学)" name="5"></el-tab-pane>
|
<el-tab-pane label="22~25(研究生)" name="6"></el-tab-pane>
|
<el-tab-pane label="26~ (工作)" name="7"></el-tab-pane>
|
<el-tab-pane label="？岁结婚" name="8"></el-tab-pane>
|
<!-- </div>-->
|
<!-- <el-tab-pane-->
|
<!-- v-for="(item, index) in AutobiographyTermList"-->
|
<!-- :key="index"-->
|
<!-- :name="item"-->
|
<!-- :label="item"-->
|
<!-- />-->
|
</el-tabs>
|
|
|
</div>
|
|
<pagination
|
v-show="total>0"
|
:total="total"
|
:page.sync="queryParams.pageNum"
|
:limit.sync="queryParams.pageSize"
|
@pagination="getList"
|
/>
|
|
|
|
|
</div>
|
</template>
|
|
<script>
|
import { listRole, getRole, delRole, addRole, updateRole, dataScope, changeRoleStatus, deptTreeSelect } from "@/api/system/role";
|
import { treeselect as menuTreeselect, roleMenuTreeselect } from "@/api/system/menu";
|
|
|
|
//在system/note/index.js中导入接口函数 --接好了
|
import {getIndividualList, getIndividualRelation, delIndividual, updateIndividual, addIndividual,listExperience,updateExperience,
|
addExperience,delExperience} from "@/api/self/index";
|
import {
|
delCertificate,
|
getAbroadList,
|
getAutobiography,
|
getAutobiographyList,
|
getAutobiographyTermList,
|
getCertificateList
|
} from '../../api/self'
|
import { delFamilyevent, uploadPic } from '../../api/bignote'
|
import { blobValidate } from '../../utils/ruoyi'
|
|
export default {
|
name: "show",
|
dicts: ['sys_normal_disable'],
|
data() {
|
return {
|
// 遮罩层
|
disabled: false,
|
|
loading: true,
|
formData:[],
|
// 选中数组
|
ids: [],
|
// 非单个禁用
|
single: true,
|
// 非多个禁用
|
multiple: true,
|
// 显示搜索条件
|
showSearch: true,
|
// 总条数
|
total: 0,
|
//头像上传
|
showBtnDealImg:true,
|
noneBtnImg:false,
|
limitCountImg:1,//上传图片的最大数量
|
//个人信息数据
|
individualList:[],
|
fit:['fill'],
|
// 个人经历数据
|
experienceList: [],
|
//家庭成员关系数据
|
relationList:[],
|
//出入境证件情况
|
certificateList:[],
|
//出国情况
|
AbroadList:[],
|
|
//个人自传
|
activeName: '0',
|
AutobiographyList:[],
|
//不同时段个人自传
|
// AutobiographyTermList:[],
|
// // 访问后台的数据
|
// query: {
|
// current: 1,
|
// termId: "",
|
// },
|
// // 后台返回的数据
|
// AutobiographyTermList: {
|
// rows: [{}],
|
// },
|
// current: 0,
|
|
//下拉实现
|
activeNames:['1'],
|
// 弹出层标题
|
title: "",
|
// 是否显示弹出层
|
open: false,
|
// open:true,
|
// 是否显示弹出层（数据权限）
|
openDataScope: false,
|
menuExpand: false,
|
menuNodeAll: false,
|
deptExpand: true,
|
deptNodeAll: false,
|
// 日期范围
|
dateRange: [],
|
// 数据范围选项
|
fot:[".jpg",".jif"],
|
fileList:[
|
],
|
fileListOther:[
|
|
],
|
dsb:true,
|
btn:false,
|
|
|
formDat: {
|
//个人基本信息
|
nickName:undefined,
|
oldName:undefined,
|
sex:undefined,
|
nationality:undefined,
|
nation:undefined,
|
maritalStatus:undefined,
|
phoneNumber:undefined,
|
idNum:undefined,
|
locationAddress:undefined,
|
alwaysAddress:undefined,
|
locationPolice:undefined,
|
alwaysPolice:undefined,
|
outStatus:undefined,
|
idNo:undefined,
|
unit:undefined,
|
position:undefined,
|
politicalOutlook:undefined,
|
img:undefined,
|
fatherId:undefined,
|
momId:undefined,
|
birth:undefined,
|
familyId:undefined,
|
|
|
//主要学习及工作经历
|
id:undefined,
|
userId:undefined,
|
startDate:undefined,
|
content:undefined,
|
witness:undefined,
|
remark: undefined,
|
//家庭成员及主要社会关系情况
|
relation:undefined,
|
//持有出入境证件情况
|
cerName:undefined,
|
validityDate:undefined,
|
ownStatus:undefined,
|
//出国（境）情况
|
destination:undefined,
|
cause:undefined,
|
url: undefined,
|
},
|
// 菜单列表
|
menuOptions: [],
|
// 部门列表
|
deptOptions: [],
|
// 查询参数
|
queryParams: {
|
pageNum: 1,
|
pageSize: 5,
|
startDate:undefined,
|
content:undefined,
|
witness:undefined,
|
},
|
// 表单参数
|
form: {},
|
defaultProps: {
|
children: "children",
|
label: "label"
|
},
|
// 表单校验
|
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'
|
}],
|
content: [{
|
required: true,
|
message: '请输入主要学习经历、工作单位及任职情况',
|
trigger: 'blur'
|
}],
|
witness: [{
|
required: true,
|
message: '请输入证明人',
|
trigger: 'blur'
|
}],
|
|
},
|
typeOptions: [],
|
};
|
},
|
created() {
|
this.getList();
|
this.getAutobiographyInfor()
|
},
|
methods: {
|
// 取消按钮
|
cancelData() {
|
this.open = false;
|
this.reset();
|
},
|
//下拉
|
handleChange(val) {
|
console.log(val);
|
},
|
|
// edit(row){
|
// const id= row.id;
|
// this.reset();
|
// this.title='编辑个人信息';
|
// this.$router.push('/self/self/edit/' + id);
|
// },
|
//个人自传
|
handleClick(tab, event) {
|
// console.log(tab, event);
|
this.getAutobiographyInfor();
|
if(tab.name == 0) {
|
|
}
|
|
//根据不同时段的个人自传
|
getAutobiographyTermList(this.queryParams).then(response => {
|
// alert(123)
|
// console.log(response.data)
|
this.AutobiographyTermList = response.data;
|
this.total = response.data.total;
|
this.loading = false;
|
});
|
|
getAutobiographyList(this.queryParams).then(response => {
|
// alert(123)
|
// console.log(response.data)
|
this.AutobiographyList = response.data;
|
this.total = response.data.total;
|
this.loading = false;
|
});
|
},
|
|
|
|
|
/** 查询角色列表 */
|
|
|
getList() {
|
this.loading = true;
|
// console.log(this.queryParams)
|
// listProperty(this.addDateRange(this.queryParams, this.dateRange)).then(response => {
|
//个人经历
|
listExperience(this.queryParams).then(response => {
|
// alert(123)
|
// console.log(response.data)
|
this.experienceList = response.data;
|
this.total = response.data.total;
|
this.loading = false;
|
}
|
);
|
//成员关系
|
getIndividualRelation(this.queryParams).then(response => {
|
// alert(123)
|
// console.log(response.data)
|
this.relationList = response.data;
|
this.total = response.data.total;
|
this.loading = false;
|
}
|
);
|
//个人信息
|
getIndividualList(this.queryParams).then(response => {
|
// alert(123)
|
// console.log(response.data)
|
this.individualList = response.data;
|
this.total = response.data.total;
|
this.loading = false;
|
}
|
);
|
//出入境证件情况
|
getCertificateList(this.queryParams).then(response => {
|
// alert(123)
|
// console.log(response.data)
|
this.certificateList = response.data;
|
this.total = response.data.total;
|
this.loading = false;
|
}
|
);
|
//出国情况
|
getAbroadList(this.queryParams).then(response => {
|
// alert(123)
|
// console.log(response.data)
|
this.AbroadList = response.data;
|
this.total = response.data.total;
|
this.loading = false;
|
}
|
);
|
|
|
},
|
|
//图片的上传及上传按钮隐藏
|
|
|
// 取消按钮
|
cancel() {
|
this.open = false;
|
this.reset();
|
},
|
// 取消按钮（数据权限）
|
cancelDataScope() {
|
this.openDataScope = false;
|
this.reset();
|
},
|
|
submitForm() {
|
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.formData.url = ul+","+uls
|
|
this.$refs['elForm'].validate(valid => {
|
|
|
if (valid) {
|
if (this.formData.id != undefined) {
|
updateIndividual(this.formData).then(response => {
|
this.$modal.msgSuccess("修改成功");
|
// this.open = false;
|
this.btn=false
|
});
|
} else {
|
this.$modal.msgSuccess("修改失败");
|
|
}
|
}
|
})
|
},
|
// 表单重置
|
reset() {
|
if (this.$refs.menu != undefined) {
|
this.$refs.menu.setCheckedKeys([]);
|
}
|
this.menuExpand = false,
|
this.menuNodeAll = false,
|
this.deptExpand = true,
|
this.deptNodeAll = false,
|
this.form = {
|
roleId: undefined,
|
roleName: undefined,
|
roleKey: undefined,
|
roleSort: 0,
|
status: "0",
|
menuIds: [],
|
deptIds: [],
|
menuCheckStrictly: true,
|
deptCheckStrictly: true,
|
remark: undefined
|
};
|
this.resetForm("form");
|
},
|
/** 搜索按钮操作 */
|
handleQuery() {
|
this.queryParams.pageNum = 1;
|
this.getList();
|
},
|
/** 重置按钮操作 */
|
resetQuery() {
|
this.dateRange = [];
|
this.resetForm("queryForm");
|
this.handleQuery();
|
},
|
// 多选框选中数据
|
handleSelectionChange(selection) {
|
this.ids = selection.map(item => item.id)
|
console.log(this.ids)
|
this.single = selection.length!=1
|
this.multiple = !selection.length
|
},
|
|
/** 新增按钮操作 */
|
// handleAdd() {
|
// this.reset();
|
// this.open = true;
|
// this.title = "添加个人信息";
|
// },
|
|
|
/** 查看详细信息 */
|
handleCheck(row){
|
const id = row.id;
|
this.$router.push("/self/self/edit/" + id);
|
},
|
/** 修改按钮操作 */
|
handleUpdate(row) {
|
const id = row.id;
|
let jd = true
|
|
this.$router.push({
|
path:"/self/self/edit/" + id,
|
query:{
|
detail:jd
|
}
|
});
|
},
|
|
handleRemoveFile(file) {
|
alert(23)
|
},
|
handleRemove(file) {
|
alert("操作成功")
|
},
|
handlePictureCardPreview(file) {
|
this.dialogImageUrl = file.url;
|
this.dialogVisible = true;
|
},
|
//点击下载函数
|
handleDownload(url) {
|
var formData = {'path':"/"+url.replace(process.env.VUE_APP_BASE_TRUE_API,"")};
|
|
let lens = formData.path.split(".")
|
let suffix = lens[lens.length-1]
|
download(formData).then(async (response) => {
|
const isLogin = await blobValidate(response);
|
let nt = new Date().getTime()
|
let filename = 'selfevent_'+nt+'.'+suffix
|
const blob = new Blob([response])
|
saveAs(blob, filename)
|
})
|
},
|
//编辑按钮
|
handleEdit()
|
{
|
this.dsb = false
|
this.btn = true
|
},
|
|
/** 查询自传信息 */
|
getAutobiographyInfor()
|
{
|
let _this = this
|
getAutobiography().then(response=>{
|
|
response.data.itemValues.replace("{","").replace("}","").split(",").map(elem=>{
|
_this.typeOptions.push({"label":elem.split(":")[0], "value":elem.split(":")[0]})
|
})
|
})
|
},
|
/** 提交按钮（数据权限） */
|
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) {
|
|
addIndividual(this.formDat).then(response => {
|
this.$modal.msgSuccess("新增成功");
|
this.open = false;
|
this.getList();
|
});
|
}
|
});
|
},
|
requestUpload(params)
|
{
|
var file = params.file;
|
var formData = new FormData();
|
formData.append('uploadFile', file);
|
let _this = this
|
|
uploadPic(formData).then(response => {
|
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.fileListOther.push({name:response.data.fileName, url:response.data.url})
|
|
}
|
})
|
|
},
|
/** 删除个人经历按钮操作 */
|
handleExperienceDelete(row) {
|
const Ids = row.id || this.ids;
|
this.$modal.confirm('是否确认删除序号为"' + Ids + '"的数据项？').then(function() {
|
return delExperience(Ids);
|
}).then(() => {
|
this.getList();
|
this.$modal.msgSuccess("删除成功");
|
}).catch(() => {});
|
},
|
/** 删除持有出入境证件情况按钮操作 */
|
handleCertificateDelete(row) {
|
const Ids = row.id || this.ids;
|
this.$modal.confirm('是否确认删除序号为"' + Ids + '"的数据项？').then(function() {
|
return delCertificate(Ids);
|
}).then(() => {
|
this.getList();
|
this.$modal.msgSuccess("删除成功");
|
}).catch(() => {});
|
},
|
/** 导出按钮操作 */
|
handleExport() {
|
this.download('/self/user/export', {
|
...this.queryParams
|
}, `self_${new Date().getTime()}.xlsx`)
|
}
|
}
|
};
|
</script>
|
|
<style scoped>
|
/*.uoloadSty {*/
|
/* width:110px;*/
|
/* height:110px;*/
|
/* line-height:110px;*/
|
/*}*/
|
/*.disUoloadSty {*/
|
/* display:none; !* 上传按钮隐藏 *!*/
|
/*}*/
|
|
.el-icon-top {
|
background: url("../../assets/icons/top.png");
|
}
|
|
|
</style>
|
