<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;display: flex;justify-content: space-between;align-items: center;">
|
<span>个人简历</span>
|
<div style="display: flex; align-items: center;">
|
<el-button size="mini" type="text" @click="toMemo" v-hasPermi="['person:information:memo']">
|
<div class="form" ><el-icon style="padding-right:110px;"></el-icon>
|
<span class="text" style="width: 69px;height: 26px;font-size: 16px;
|
font-family: Microsoft YaHei-Regular, Microsoft YaHei; color: #EBA4AA;">个人记事本</span></div>
|
</el-button>
|
</div>
|
</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>-->
|
<template v-if="!isEditing">
|
<el-input v-model="individualList.sex === 1 ? '男':'女'" 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>
|
</template>
|
</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">
|
<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>
|
</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>
|
</template>
|
</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.img" prop="img">
|
<el-avatar shape="square" style="width: 200px;height: 150px;" >
|
<el-image
|
:src="'http://47.93.189.255:8080/'+ individualList.img"
|
:fit="fit"
|
style="width: 100%;height: 100%;"
|
></el-image>
|
</el-avatar>
|
<!-- <el-upload-->
|
<!-- action="#"-->
|
<!-- list-type="picture-card"-->
|
<!-- multiple-->
|
<!-- :http-request="requestUpload"-->
|
<!-- :file-list="fileList"-->
|
<!-- >-->
|
<!-- <i slot="default" class="el-icon-plus"></i>-->
|
<!-- <div slot="file" slot-scope="{file}">-->
|
<!-- <img-->
|
<!-- class="el-upload-list__item-thumbnail"-->
|
<!-- :src="file.url"-->
|
<!-- alt=""-->
|
<!-- style="width: 147px; height: 147px"-->
|
<!-- fit="cover"-->
|
<!-- :preview-src-list="[file.url]"-->
|
<!-- >-->
|
<!-- </div>-->
|
<!-- </el-upload>-->
|
</el-col>
|
</div>
|
|
</el-col>
|
|
</div>
|
|
<div style="padding-left:30px;padding-top:30px" >
|
<el-container >
|
<el-row >
|
<el-button
|
type="primary"
|
@click="handleEdit()"
|
v-if="isShow"
|
v-hasPermi="['system:role:edit']"
|
>编辑</el-button>
|
<el-button v-if="isShow_2" type="primary" @click="submitForm" :disabled="dsb">完成</el-button>
|
<br>
|
<el-button
|
type="primary"
|
@click="handleExport"
|
v-hasPermi="['family:note:export']"
|
>导出</el-button>
|
<br>
|
<el-button
|
type="primary"
|
v-hasPermi="['family:note:export']"
|
>打印</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="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;color: #FEF7FC;">
|
<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" style="color: #FEF7FC;" 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 name="1" >
|
<template v-slot:title>
|
<div class="title-wrapper">
|
主要学习及工作经历
|
<div>
|
<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>
|
</template>
|
<el-table v-loading="loading" :data="experienceList" @selection-change="handleSelectionChange" :row-class-name="tableRowClassName" style="background: #FFEFF2; border-radius: 14px 14px 14px 14px;">
|
<el-table-column label="开始日期" prop="startDate" sortable width="250" align="center" >
|
<template slot-scope="scope">
|
<template v-if="!scope.row.isEdit">{{ scope.row.startDate }}</template>
|
<template v-else><el-input v-model="scope.row.startDate"></el-input></template>
|
</template>
|
</el-table-column>
|
<el-table-column label="结束日期" prop="endDate" sortable width="250" align="center" >
|
<template slot-scope="scope">
|
<template v-if="!scope.row.isEdit">{{ scope.row.endDate }}</template>
|
<template v-else><el-input v-model="scope.row.endDate"></el-input></template>
|
</template>
|
</el-table-column>
|
<el-table-column label="主要学习经历、工作单位及任职情况" prop="content" sortable width="350" align="center" >
|
<template slot-scope="scope">
|
<template v-if="!scope.row.isEdit">{{ scope.row.content }}</template>
|
<template v-else><el-input v-model="scope.row.content"></el-input></template>
|
</template>
|
</el-table-column>
|
<el-table-column label="证明人" prop="witness" sortable width="300" align="center" >
|
<template slot-scope="scope">
|
<template v-if="!scope.row.isEdit">{{ scope.row.witness }}</template>
|
<template v-else><el-input v-model="scope.row.witness"></el-input></template>
|
</template>
|
</el-table-column>
|
<!-- 操作-->
|
<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" v-if="!editStatus[scope.row.id]"
|
@click="editRow(scope.row)" v-hasPermi="['system:role:edit']">修改</el-button>
|
<el-button size="mini" type="text"
|
v-if="editStatus[scope.row.id]" @click="saveRowExperienceList(scope.row)">保存</el-button>
|
<el-button size="mini" type="text" icon="el-icon-delete"
|
@click="handleExperienceDelete(scope.row)" v-hasPermi="['system:role:remove']">删除</el-button>
|
</template>
|
</el-table-column>
|
</el-table>
|
</el-collapse-item>
|
<!-- 家庭成员及主要社会关系情况 -->
|
<el-collapse-item name="2" >
|
<template v-slot:title>
|
<div class="title-wrapper">
|
家庭成员及主要社会关系情况
|
<div>
|
<el-button class="button2" size="mini" type="text" @click="showDialog('relation1')">
|
<sapn v-html="'\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'"></sapn></el-button></div>
|
</div>
|
</template>
|
<el-table v-loading="loading" :data="relationList" @selection-change="handleSelectionChange"
|
:row-class-name="tableRowClassName" style="background: #FFEFF2; border-radius: 14px 14px 14px 14px;">
|
<el-table-column label="与本人关系" prop="relation" sortable width="260" align="center" >
|
<template slot-scope="scope">
|
<template v-if="!scope.row.isEdit">{{ scope.row.relation }}</template>
|
<template v-else><el-input v-model="scope.row.relation"></el-input></template>
|
</template>
|
</el-table-column>
|
<el-table-column label="姓名" prop="otherName" sortable width="260" align="center" >
|
<template slot-scope="scope">
|
<template v-if="!scope.row.isEdit">{{ scope.row.otherName }}</template>
|
<template v-else><el-input v-model="scope.row.otherName"></el-input></template>
|
</template>
|
</el-table-column>
|
<el-table-column label="单位" prop="otherUnit" sortable width="220" align="center" >
|
<template slot-scope="scope">
|
<template v-if="!scope.row.isEdit">{{ scope.row.otherUnit }}</template>
|
<template v-else><el-input v-model="scope.row.otherUnit"></el-input></template>
|
</template>
|
</el-table-column>
|
<el-table-column label="职务" prop="otherPosition" sortable width="220" align="center">
|
<template slot-scope="scope">
|
<template v-if="!scope.row.isEdit">{{ scope.row.otherPosition }}</template>
|
<template v-else><el-input v-model="scope.row.otherPosition"></el-input></template>
|
</template>
|
</el-table-column>
|
<el-table-column label="政治面貌" prop="otherPolitical" sortable width="260" align="center">
|
<template slot-scope="scope">
|
<template v-if="!scope.row.isEdit">{{ scope.row.otherPolitical }}</template>
|
<template v-else><el-input v-model="scope.row.otherPolitical"></el-input></template>
|
</template>
|
</el-table-column>
|
<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" v-if="!editStatus[scope.row.id]"
|
@click="editRow(scope.row)" v-hasPermi="['system:role:edit']">修改</el-button>
|
<el-button size="mini" type="text" v-if="editStatus[scope.row.id]"
|
@click="saveRowRelationList(scope.row)">保存</el-button>
|
<el-button size="mini" type="text" icon="el-icon-delete"
|
@click="handleRelationDelete(scope.row)" v-hasPermi="['system:role:remove']">删除</el-button>
|
</template>
|
</el-table-column>
|
</el-table>
|
</el-collapse-item>
|
<!--持有出入境证件情况-->
|
<el-collapse-item name="4">
|
<template v-slot:title>
|
<div class="title-wrapper">
|
持有出入境证件情况
|
<el-button class="button4" size="mini" type="text" @click="showDialog('certificate')">
|
<sapn v-html="'\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'"></sapn></el-button>
|
</div>
|
</template>
|
<el-table v-loading="loading" :data="certificateList" @selection-change="handleSelectionChange"
|
:row-class-name="tableRowClassName" style="background: #FFEFF2; border-radius: 14px 14px 14px 14px;">
|
<el-table-column label="证件名称" prop="cerName" sortable width="230" align="center" >
|
<template slot-scope="scope">
|
<template v-if="!scope.row.isEdit">{{ scope.row.cerName }}</template>
|
<template v-else><el-input v-model="scope.row.cerName"></el-input></template>
|
</template>
|
</el-table-column>
|
<el-table-column label="证件类型" prop="type" sortable width="230" align="center" >
|
<template slot-scope="scope">
|
<template v-if="!scope.row.isEdit">{{ scope.row.type }}</template>
|
<template v-else><el-input v-model="scope.row.type"></el-input></template>
|
</template>
|
</el-table-column>
|
<el-table-column label="持有情况" prop="ownStatus" sortable width="230" align="center" >
|
<template slot-scope="scope">
|
<template v-if="!scope.row.isEdit">{{ scope.row.ownStatus }}</template>
|
<template v-else><el-input v-model="scope.row.ownStatus"></el-input></template>
|
</template>
|
</el-table-column>
|
<el-table-column label="证件号码" prop="idNo" sortable width="230" align="center" >
|
<template slot-scope="scope">
|
<template v-if="!scope.row.isEdit">{{ scope.row.idNo }}</template>
|
<template v-else><el-input v-model="scope.row.idNo"></el-input></template>
|
</template>
|
</el-table-column>
|
<el-table-column label="开始时间" prop="startTime" sortable width="230" align="center">
|
<template slot-scope="scope">
|
<template v-if="!scope.row.isEdit">{{ scope.row.startTime }}</template>
|
<template v-else><el-input v-model="scope.row.startTime"></el-input></template>
|
</template>
|
</el-table-column>
|
<el-table-column label="结束时间" prop="endTime" sortable width="230" align="center">
|
<template slot-scope="scope">
|
<template v-if="!scope.row.isEdit">{{ scope.row.endTime }}</template>
|
<template v-else><el-input v-model="scope.row.endTime"></el-input></template>
|
</template>
|
</el-table-column>
|
<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" v-if="!editStatus[scope.row.id]"
|
@click="editRow(scope.row)" v-hasPermi="['system:role:edit']">修改</el-button>
|
<el-button size="mini" type="text" v-if="editStatus[scope.row.id]"
|
@click="saveRowCertificateList(scope.row)">保存</el-button>
|
<el-button size="mini" type="text" icon="el-icon-delete"
|
@click="handleCertificateDelete(scope.row)" v-hasPermi="['system:role:remove']">删除</el-button>
|
</template>
|
</el-table-column>
|
</el-table>
|
</el-collapse-item>
|
<!--出国（境）情况-->
|
<el-collapse-item name="5">
|
<template v-slot:title>
|
<div class="title-wrapper">
|
出国（境）情况
|
<el-button class="button5" size="mini" type="text" @click="showDialog('abroad')">
|
<sapn v-html="'\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'"></sapn></el-button>
|
</div>
|
</template>
|
<el-table v-loading="loading" :data="AbroadList" @selection-change="handleSelectionChange"
|
:row-class-name="tableRowClassName" style="background: #FFEFF2; border-radius: 14px 14px 14px 14px;">
|
<el-table-column label="开始时间" prop="startTime" sortable width="200" align="center">
|
<template slot-scope="scope">
|
<template v-if="!scope.row.isEdit">{{ scope.row.startTime }}</template>
|
<template v-else><el-input v-model="scope.row.startTime"></el-input></template>
|
</template>
|
</el-table-column>
|
<el-table-column label="结束时间" prop="endTime" sortable width="200" align="center">
|
<template slot-scope="scope">
|
<template v-if="!scope.row.isEdit">{{ scope.row.endTime }}</template>
|
<template v-else><el-input v-model="scope.row.endTime"></el-input></template>
|
</template>
|
</el-table-column>
|
<el-table-column label="所到国家或者地区" prop="destination" sortable width="300" align="center" >
|
<template slot-scope="scope">
|
<template v-if="!scope.row.isEdit">{{ scope.row.destination }}</template>
|
<template v-else><el-input v-model="scope.row.destination"></el-input></template>
|
</template>
|
</el-table-column>
|
<el-table-column label="事由（旅游、走访、探亲、继承财产、其他）" prop="cause" sortable width="420" align="center" >
|
<template slot-scope="scope">
|
<template v-if="!scope.row.isEdit">{{ scope.row.cause }}</template>
|
<template v-else><el-input v-model="scope.row.cause"></el-input></template>
|
</template>
|
</el-table-column>
|
<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" v-if="!editStatus[scope.row.id]"
|
@click="editRow(scope.row)" v-hasPermi="['system:role:edit']">修改</el-button>
|
<el-button size="mini" type="text" v-if="editStatus[scope.row.id]"
|
@click="saveRowAbroadList(scope.row)">保存</el-button>
|
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleAbroadDelete(scope.row)"
|
v-hasPermi="['system:role:remove']">删除</el-button>
|
</template>
|
</el-table-column>
|
</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>
|
<div style='position: relative;'>
|
<el-tabs type="border-card" v-model="activeName" @tab-click="handleClick"
|
v-loading="loading" :data="AutobiographyList" >
|
<el-tab-pane v-for="(item, index) in AutobiographyList"
|
:key='item.id' :label="item.ageBegin+'~'+item.ageEnd+'岁'+'('+item.term+')'">
|
<div v-if="item.term === '婴儿'"> {{item.content}}</div>
|
<div v-if="item.term === '幼儿'"> {{item.content}}</div>
|
<div v-if="item.term === '小学'"> {{item.content}}</div>
|
<div v-if="item.term === '初中'"> {{item.content}}</div>
|
<div v-if="item.term === '高中'"> {{item.content}}</div>
|
<div v-if="item.term === '大学'"> {{item.content}}</div>
|
<div v-if="item.term === '研究生'"> {{item.content}}</div>
|
<div v-if="item.term === '工作'"> {{item.content}}</div>
|
<div v-if="item.term === '结婚后'"> {{item.content}}</div>
|
<el-button size='mini' type="text" class="btn_edit" @click="editData(item)" style='position: absolute;right:10px;top:5px;'>
|
<sapn v-html="'\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'"></sapn>
|
</el-button>
|
</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>
|
</div>
|
|
</div>
|
|
<pagination
|
v-show="total>0"
|
:total="total"
|
:page.sync="queryParams.pageNum"
|
:limit.sync="queryParams.pageSize"
|
@pagination="getList"
|
/>
|
|
<!-- 新增主要经历信息配置对话框 -->
|
<el-dialog :title="title" :visible.sync="dialogVisible.open" width="900px" append-to-body>
|
<el-form ref="elForm1" :model="formDat" :rules="rules" size="medium" label-width="140px">
|
<el-form-item label="开始日期" prop="startDate">
|
<el-input v-model="formDat.startDate" type='date' placeholder='选择日期' clearable :style="{width: '100%'}" ></el-input>
|
</el-form-item>
|
<el-form-item label="结束日期" prop="endDate">
|
<el-input v-model="formDat.endDate" type='date' placeholder='选择日期' clearable :style="{width: '100%'}" ></el-input>
|
</el-form-item>
|
<el-form-item label="主要学习经历、工作单位及任职情况" prop="content">
|
<el-input v-model="formDat.content" type="textarea" :rows="5" placeholder="请输入主要学习经历、工作单位及任职情况" clearable :style="{width: '100%'}" >
|
</el-input>
|
</el-form-item>
|
<el-form-item label="证明人" prop="witness">
|
<el-input v-model="formDat.witness" placeholder="请输入证明人" clearable :style="{width: '100%'}" >
|
</el-input>
|
</el-form-item>
|
|
</el-form>
|
<h4 class="form-header"> </h4>
|
|
<div slot="footer" class="dialog-footer">
|
<el-button type="primary" @click="submitDataScope">保 存</el-button>
|
<el-button @click="cancelData">取 消</el-button>
|
</div>
|
</el-dialog>
|
<!-- 新增家庭成员及主要社会关系情况信息配置对话框 -->
|
<el-dialog :title="title" :visible.sync="dialogVisible.relation1" width="900px" append-to-body>
|
<el-form ref="elForm" :model="formDat" :rules="rules" size="medium" label-width="140px">
|
<el-form-item label="与本人关系" prop="relation">
|
<el-input v-model="formDat.relation" placeholder="请输入与本人关系" clearable :style="{width: '100%'}" ></el-input>
|
</el-form-item>
|
<el-form-item label="姓名" prop="otherName">
|
<el-input v-model="formDat.otherName" placeholder="请输入姓名" clearable :style="{width: '100%'}" >
|
</el-input>
|
</el-form-item>
|
<el-form-item label="单位" prop="otherUnit">
|
<el-input v-model="formDat.otherUnit" placeholder="请输入单位" clearable :style="{width: '100%'}" >
|
</el-input>
|
</el-form-item>
|
<el-form-item label="职务" prop="otherPosition">
|
<el-input v-model="formDat.otherPosition" placeholder="请输入职务" clearable :style="{width: '100%'}" >
|
</el-input>
|
</el-form-item>
|
<el-form-item label="政治面貌" prop="otherPolitical">
|
<el-input v-model="formDat.otherPolitical" placeholder="请输入政治面貌" clearable :style="{width: '100%'}" >
|
</el-input>
|
</el-form-item>
|
|
</el-form>
|
<h4 class="form-header"> </h4>
|
|
<div slot="footer" class="dialog-footer">
|
<el-button type="primary" @click="submitDataScope2">保 存</el-button>
|
<el-button @click="cancelData">取 消</el-button>
|
</div>
|
</el-dialog>
|
<!-- 新增持有出入境证件情况信息配置对话框 -->
|
<el-dialog :title="title" :visible.sync="dialogVisible.certificate" width="900px" append-to-body>
|
<el-form ref="elForm" :model="formDat" :rules="rules" size="medium" label-width="140px">
|
<el-form-item label="证件名称" prop="cerName">
|
<el-input v-model="formDat.cerName" placeholder="请输入证件名称" clearable :style="{width: '100%'}" >
|
</el-input>
|
</el-form-item>
|
<el-form-item label="证件类型" prop="type">
|
<el-select v-model="formDat.type" placeholder="请选择类型" clearable :style="{width: '100%'}" >
|
<el-option v-for="(item, index) in typeOption" :key="index" :label="item.label" :value="item.value"
|
></el-option>
|
</el-select>
|
</el-form-item>
|
<el-form-item label="持有情况" prop="ownStatus">
|
<el-input v-model="formDat.ownStatus" placeholder="请输入持有情况" clearable :style="{width: '100%'}" >
|
</el-input>
|
</el-form-item>
|
<el-form-item label="证件号码" prop="idNo">
|
<el-input v-model="formDat.idNo" placeholder="请输入证件号码" clearable :style="{width: '100%'}" >
|
</el-input>
|
</el-form-item>
|
<el-form-item label="开始日期" prop="startTime">
|
<el-input v-model="formDat.startTime" type='date' placeholder='选择日期' clearable :style="{width: '100%'}" ></el-input>
|
</el-form-item>
|
<el-form-item label="结束日期" prop="endTime">
|
<el-input v-model="formDat.endTime" type='date' placeholder='选择日期' clearable :style="{width: '100%'}" ></el-input>
|
</el-form-item>
|
</el-form>
|
<h4 class="form-header"> </h4>
|
|
<div slot="footer" class="dialog-footer">
|
<el-button type="primary" @click="submitDataScope4">保 存</el-button>
|
<el-button @click="cancelData">取 消</el-button>
|
</div>
|
</el-dialog>
|
<!-- 新增出国（境）情况信息配置对话框 -->
|
<el-dialog :title="title" :visible.sync="dialogVisible.abroad" width="900px" append-to-body>
|
<el-form ref="elForm" :model="formDat" :rules="rules" size="medium" label-width="140px">
|
<el-form-item label="开始日期" prop="startTime">
|
<el-input v-model="formDat.startTime" type='date' placeholder='选择日期' clearable :style="{width: '100%'}" ></el-input>
|
</el-form-item>
|
<el-form-item label="结束日期" prop="endTime">
|
<el-input v-model="formDat.endTime" type='date' placeholder='选择日期' clearable :style="{width: '100%'}" >
|
</el-input>
|
</el-form-item>
|
<el-form-item label="所到国家或者地区" prop="destination">
|
<el-input v-model="formDat.destination" type="textarea" :rows="5" placeholder="请输入所到国家或者地区" clearable :style="{width: '100%'}" >
|
</el-input>
|
</el-form-item>
|
<el-form-item label="事由(旅游、走访、探亲、继承财产、其他)" prop="cause">
|
<el-input v-model="formDat.cause" placeholder="请输入事由(旅游、走访、探亲、继承财产、其他)" clearable :style="{width: '100%'}" >
|
</el-input>
|
</el-form-item>
|
|
</el-form>
|
<h4 class="form-header"> </h4>
|
|
<div slot="footer" class="dialog-footer">
|
<el-button type="primary" @click="submitDataScope5">保 存</el-button>
|
<el-button @click="cancelData">取 消</el-button>
|
</div>
|
</el-dialog>
|
<!--新增自传-->
|
<el-dialog :title="isEdit ? '编辑记录' : '新增记录'" :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">
|
<!-- <el-form-item label="需要修改的记录：" prop="id">-->
|
<!-- <el-select v-model="formDat.id" placeholder="请选择需要修改的记录" clearable :style="{width: '50%'}" >-->
|
<!-- <el-option v-for="(item, index) in AutobiographyList" :key='item.id' :label="item.ageBegin+'~'+item.ageEnd+'岁'+'('+item.term+')'"-->
|
<!-- ></el-option>-->
|
<!-- </el-select>-->
|
<!-- </el-form-item>-->
|
<el-form-item label="年龄段：" prop="ageBegin ageEnd" label-width="70px">
|
<el-input v-model="formDat.ageBegin" placeholder="" clearable :style="{width: '20%'}" >
|
</el-input>
|
<span> 岁 ——</span>
|
<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.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>
|
</el-form-item>
|
<el-form-item label="内容编辑：" prop="content">
|
<el-input v-model="formDat.content" type="textarea" :rows="5" placeholder="" clearable :style="{width: '100%'}" >
|
</el-input>
|
</el-form-item>
|
</el-row>
|
</el-form>
|
</el-col>
|
<h4 class="form-header"> </h4>
|
|
<div slot="footer" class="dialog-footer">
|
<el-button type="primary" @click="submitDataScope6">保 存</el-button>
|
<el-button @click="cancelData">取 消</el-button>
|
</div>
|
</el-dialog>
|
|
|
</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";
|
import axios from 'axios';
|
|
//在system/note/index.js中导入接口函数 --接好了
|
import {
|
getIndividualList, addIndividual, updateIndividual, delIndividual,
|
listExperience, addExperience, updateExperience, delExperience,
|
getIndividualRelation, addRelation, updateRelation, delRelation,
|
getCertificateList, addCertificate, updateCertificate, delCertificate,
|
getAbroadList, addAbroad, updateAbroad, delAbroad,
|
getAutobiographyList, getAutobiographyTermList, addAutobiography,updateAutobiography,
|
getCategory,
|
} from "@/api/self/index";
|
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:[],
|
isEditing: false,
|
// fit:['fill'],
|
// 个人经历数据
|
experienceList: [],
|
// isEdit:true,
|
editStatus: {},
|
//家庭成员关系数据
|
relationList:[],
|
//出入境证件情况
|
certificateList:[],
|
//出国情况
|
AbroadList:[],
|
|
//个人自传
|
activeName: '0',
|
AutobiographyList:[],
|
content1:'',
|
//不同时段个人自传
|
// AutobiographyTermList:[],
|
// // 访问后台的数据
|
// query: {
|
// current: 1,
|
// termId: "",
|
// },
|
// // 后台返回的数据
|
// AutobiographyTermList: {
|
// rows: [{}],
|
// },
|
// current: 0,
|
|
//下拉实现
|
activeNames:'3',
|
dialogVisible: {
|
open: false,
|
relation1:false,
|
certificate:false,
|
abroad:false,
|
autobiography:false
|
},
|
// 弹出层标题
|
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,
|
isShow:true,
|
isShow_2:false,
|
isEdit: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,
|
endDate:undefined,
|
content:undefined,
|
witness:undefined,
|
remark: undefined,
|
//家庭成员及主要社会关系情况
|
relation:undefined,
|
otherName:undefined,
|
otherUnit:undefined,
|
otherPosition:undefined,
|
otherPolitical:undefined,
|
//持有出入境证件情况
|
type:undefined,
|
cerName:undefined,
|
validityDate:undefined,
|
ownStatus:undefined,
|
//出国（境）情况
|
destination:undefined,
|
startTime:undefined,
|
endTime:undefined,
|
cause:undefined,
|
url: undefined,
|
//自传
|
ageBegin:undefined,
|
ageEnd:undefined,
|
term: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'
|
}],
|
endDate: [{
|
// required: true,
|
message: '请输入结束日期',
|
trigger: 'blur'
|
}],
|
content: [{
|
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'
|
}],
|
|
},
|
selectedOption:'',
|
typeOptions:[],
|
typeOption: [{
|
value:'护照',
|
label:'护照'
|
},{
|
value:'通行证',
|
label:'通行证'
|
},{
|
value:'身份证',
|
label:'身份证'
|
}],
|
};
|
},
|
created() {
|
this.getList();
|
this.getAutobiographyInfor()
|
|
},
|
methods: {
|
// 取消按钮
|
cancelData() {
|
this.dialogVisible.open = false;
|
this.dialogVisible.relation1 = false;
|
this.dialogVisible.certificate =false;
|
this.dialogVisible.abroad=false;
|
this.dialogVisible.autobiography=false
|
this.reset();
|
},
|
//下拉
|
handleChange(activeNames) {
|
// console.log(val);
|
this.reset();
|
},
|
showDialog(dialogName) {
|
this.dialogVisible[dialogName] = true;
|
},
|
|
//个人自传
|
handleClick(tab, event) {
|
// console.log(tab, event);
|
this.getAutobiographyInfor();
|
// this.getSrc1(typeOptions)
|
},
|
//个人自传编辑
|
editData(data) {
|
this.isEdit = true; // 设置为编辑操作
|
// 将要修改的数据填充到formDat对象中
|
this.formDat.ageBegin = data.ageBegin;
|
this.formDat.ageEnd = data.ageEnd;
|
this.formDat.term = data.term;
|
this.formDat.content = data.content;
|
|
// 打开弹窗
|
this.dialogVisible.autobiography = true;
|
},
|
|
//隔行变色
|
tableRowClassName({ row, rowIndex }) {
|
if (rowIndex % 2 == 0) {
|
return "statistics-warning-row1";
|
} else {
|
return "statistics-warning-row";
|
}
|
},
|
//证件类别
|
getSrc(type) {
|
if (type === '护照'){
|
return '护照'
|
}else if(type === '通行证'){
|
return '通行证'
|
}else if(type === '身份证'){
|
return '身份证'
|
}else {
|
return '——————'
|
}
|
},
|
|
/** 查询角色列表 */
|
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;
|
}
|
);
|
//查询个人所有自传
|
getAutobiographyList(this.queryParams).then(response => {
|
// alert(123)
|
// console.log(response.data)
|
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;
|
// });
|
},
|
|
//图片的上传及上传按钮隐藏
|
|
// 取消按钮
|
cancel() {
|
this.open = false;
|
this.reset();
|
},
|
// 取消按钮（数据权限）
|
cancelDataScope() {
|
this.openDataScope = false;
|
this.reset();
|
},
|
|
// 表单重置
|
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
|
},
|
|
//个人记事本
|
toMemo(){
|
this.$router.push("/self/self/memo/" + this.individualList.userId);
|
},
|
|
/** 查看详细信息 */
|
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("323")
|
},
|
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
|
this.isShow=false
|
this.isShow_2=true
|
this.isEditing=true
|
// this.isEdit=false
|
},
|
|
/** 查询自传信息 */
|
getAutobiographyInfor()
|
{
|
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 => {
|
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() {
|
this.$refs["elForm"].validate(valid => {
|
if (valid) {
|
addExperience(this.formDat).then(response => {
|
this.$modal.msgSuccess("新增成功");
|
this.dialogVisible.open = false;
|
this.getList();
|
});
|
}
|
});
|
// 清空formDat对象的数据
|
Object.keys(this.formDat).forEach(key => {
|
this.formDat[key] = '';
|
});
|
},
|
//新增成员关系的保存
|
submitDataScope2: function() {
|
this.$refs["elForm"].validate(valid => {
|
if (valid) {
|
addRelation(this.formDat).then(response => {
|
this.$modal.msgSuccess("新增成功");
|
this.dialogVisible.relation1 = false;
|
this.getList();
|
});
|
}
|
});
|
// 清空formDat对象的数据
|
Object.keys(this.formDat).forEach(key => {
|
this.formDat[key] = '';
|
});
|
},
|
//新增出入境证件的保存
|
submitDataScope4: function() {
|
this.$refs["elForm"].validate(valid => {
|
if (valid) {
|
addCertificate(this.formDat).then(response => {
|
this.$modal.msgSuccess("新增成功");
|
this.dialogVisible.certificate = false;
|
this.getList();
|
});
|
}
|
});
|
// 清空formDat对象的数据
|
Object.keys(this.formDat).forEach(key => {
|
this.formDat[key] = '';
|
});
|
},
|
//新增出国境的保存
|
submitDataScope5: function() {
|
this.$refs["elForm"].validate(valid => {
|
if (valid) {
|
addAbroad(this.formDat).then(response => {
|
this.$modal.msgSuccess("新增成功");
|
this.dialogVisible.abroad = false;
|
this.getList();
|
});
|
}
|
});
|
// 清空formDat对象的数据
|
Object.keys(this.formDat).forEach(key => {
|
this.formDat[key] = '';
|
});
|
},
|
//个人自传的保存
|
submitDataScope6: function() {
|
this.$refs["elForm"].validate(valid => {
|
if (valid) {
|
// 根据值找到选中的选项对象
|
const selectedOption = this.typeOptions.find(option => option.value === this.formDat.term);
|
|
if (this.isEdit) {
|
// 执行修改操作
|
updateAutobiography(this.formDat).then(response => {
|
// 将选中选项的文本设置为"term"字段的值
|
this.formDat.term = selectedOption.label;
|
this.formDat.id = selectedOption.id;
|
console.log("1")
|
this.$modal.msgSuccess("修改成功");
|
this.dialogVisible.autobiography = false;
|
this.getList();
|
});
|
} else {
|
// 执行新增操作
|
addAutobiography(this.formDat).then(response => {
|
this.formDat.term = selectedOption.label;
|
this.$modal.msgSuccess("新增成功");
|
this.dialogVisible.autobiography = false;
|
this.getList();
|
});
|
}
|
}
|
});
|
// 清空formDat对象的数据
|
Object.keys(this.formDat).forEach(key => {
|
this.formDat[key] = '';
|
});
|
// 重置isEdit为false，以便下次点击新增时为新增操作
|
this.isEdit = false;
|
},
|
|
editRow(row) {
|
this.$set(row, 'isEdit', true);
|
this.$set(this.editStatus, row.id, true);
|
},
|
//修改后的保存
|
//个人基本信息
|
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.individualList.url = ul+","+uls
|
|
this.$refs['elForm'].validate(valid => {
|
if (valid) {
|
if (this.individualList.userId !== undefined) {
|
updateIndividual(this.individualList).then(response => {
|
this.$modal.msgSuccess("修改成功");
|
// this.open = false;
|
this.btn=false
|
});
|
} else {
|
this.$modal.msgSuccess("修改失败");
|
|
}
|
}
|
})
|
// 刷新页面
|
window.location.reload();
|
},
|
//主要经历
|
saveRowExperienceList(row) {
|
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);
|
updateExperience(updatedData).then(response => {
|
this.$modal.msgSuccess("修改成功");
|
}).catch(error => {
|
this.$modal.msgError("修改失败");
|
console.log(error);
|
});
|
} 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) {
|
const foundIndex = this.relationList.findIndex(item => item.id === row.id);
|
if (foundIndex !== -1) {
|
const updatedData = Object.assign({}, this.relationList[foundIndex], row);
|
updateRelation(updatedData).then(response => {
|
this.$modal.msgSuccess("修改成功");
|
}).catch(error => {
|
this.$modal.msgError("修改失败");
|
console.log(error);
|
});
|
} 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) {
|
const foundIndex = this.certificateList.findIndex(item => item.id === row.id);
|
if (foundIndex !== -1) {
|
const updatedData = Object.assign({}, this.certificateList[foundIndex], row);
|
updateCertificate(updatedData).then(response => {
|
this.$modal.msgSuccess("修改成功");
|
}).catch(error => {
|
this.$modal.msgError("修改失败");
|
console.log(error);
|
});
|
} 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) {
|
const foundIndex = this.AbroadList.findIndex(item => item.id === row.id);
|
if (foundIndex !== -1) {
|
const updatedData = Object.assign({}, this.AbroadList[foundIndex], row);
|
updateAbroad(updatedData).then(response => {
|
this.$modal.msgSuccess("修改成功");
|
}).catch(error => {
|
this.$modal.msgError("修改失败");
|
console.log(error);
|
});
|
} else {
|
this.$modal.msgError("修改失败");
|
}
|
}
|
});
|
this.$set(row, 'isEdit', false);
|
this.$set(this.editStatus, row.id, false);
|
},
|
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('是否确认删除数据项？').then(function() {
|
return delExperience(Ids);
|
}).then(() => {
|
this.getList();
|
this.$modal.msgSuccess("删除成功");
|
}).catch(() => {});
|
},
|
/** 删除成员关系按钮操作 */
|
handleRelationDelete(row) {
|
const Ids = row.id || this.ids;
|
this.$modal.confirm('是否确认删除数据项？').then(function() {
|
return delRelation(Ids);
|
}).then(() => {
|
this.getList();
|
this.$modal.msgSuccess("删除成功");
|
}).catch(() => {});
|
},
|
/** 删除持有出入境证件情况按钮操作 */
|
handleCertificateDelete(row) {
|
const Ids = row.id || this.ids;
|
this.$modal.confirm('是否确认删除数据项？').then(function() {
|
return delCertificate(Ids);
|
}).then(() => {
|
this.getList();
|
this.$modal.msgSuccess("删除成功");
|
}).catch(() => {});
|
},
|
/** 删除出国（境）情况按钮操作 */
|
handleAbroadDelete(row) {
|
const Ids = row.id || this.ids;
|
this.$modal.confirm('是否确认删除数据项？').then(function() {
|
return delAbroad(Ids);
|
}).then(() => {
|
this.getList();
|
this.$modal.msgSuccess("删除成功");
|
}).catch(() => {});
|
},
|
|
/** 导出按钮操作 */
|
handleExport() {
|
this.download('/self/user/export', {
|
...this.queryParams
|
}, `self_${new Date().getTime()}.xlsx`)
|
}
|
}
|
};
|
</script>
|
|
<style >
|
/*.uoloadSty {*/
|
/* width:110px;*/
|
/* height:110px;*/
|
/* line-height:110px;*/
|
/*}*/
|
/*.disUoloadSty {*/
|
/* display:none; !* 上传按钮隐藏 *!*/
|
/*}*/
|
.app-container{
|
background-color: #FEF7FC;
|
}
|
|
.el-icon-top {
|
background: no-repeat center url("../../assets/icons/top.png");
|
}
|
.el-table__row.statistics-warning-row {
|
background: #E0EEFE;
|
|
}
|
.el-table__row.statistics-warning-row1 {
|
background: #FFEFF2;
|
|
}
|
/*.co-item{*/
|
/* background-color: #EBAFB4;*/
|
/*}*/
|
.el-collapse-item__header {
|
background-color:#FEF7FC;
|
}
|
.title-wrapper {
|
display: flex;
|
justify-content: space-between;
|
}
|
.btn_autobiography{
|
background:center no-repeat url('../../assets/icons/add1.png') ;
|
}
|
.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;
|
|
}
|
.button2 {
|
background: center no-repeat url('../../assets/icons/add1.png') ;
|
margin-left: 66vw;
|
}
|
.button4 {
|
background: center no-repeat url('../../assets/icons/add1.png') ;
|
margin-left: 69.5vw;
|
}
|
.button5 {
|
background:center no-repeat url('../../assets/icons/add1.png') ;
|
margin-left: 71vw;
|
}
|
.form{
|
background:center/11% no-repeat url('../../assets/icons/form.png') ;
|
|
}
|
</style>
|
