<template>
|
<div class="app-container" id="printable-content">
|
<!-- 刷新页面 -->
|
<!-- <MyComponent :key="componentKey" />-->
|
<!-- 回到顶部-->
|
<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;">
|
<span>个人简历</span>
|
<div class="button-container" >
|
<el-button
|
size="mini"
|
style="background: #E0EEFE;
|
border-radius: 7px 7px 7px 7px;opacity: 1; margin-left: 20px;"
|
@click="handleEdit()"
|
v-if="isShow"
|
v-hasPermi="['system:role:edit']"
|
>编辑</el-button>
|
<el-button v-if="isShow_2" size="mini"
|
style=" width: 67px;height: 27px;background:#E0EEFE;
|
border-radius: 7px 7px 7px 7px;opacity: 1;margin-left: 20px; "@click="submitForm" :disabled="dsb">完成</el-button>
|
|
<el-button
|
size="mini"
|
style=" width: 67px;height: 27px;background: #D2F3E0;
|
border-radius: 7px 7px 7px 7px;opacity: 1;margin-left: 20px; "
|
@click="handleExport"
|
v-hasPermi="['family:note:export']"
|
>导出</el-button>
|
|
<el-button
|
size="mini"
|
style=" width: 67px;height: 27px;background: #FFDDE3;
|
border-radius: 7px 7px 7px 7px;opacity: 1; margin-left: 20px;"
|
v-print="'#printable-content'"
|
v-hasPermi="['family:note:export']"
|
>打印</el-button>
|
</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>
|
<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="6">
|
<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="6">
|
<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="6">
|
<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:60px">
|
<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 ? inds='男':inds='女'" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb"></el-input>
|
</template>
|
<template v-else>
|
<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>
|
</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:60px">
|
<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="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>
|
</el-row>
|
|
</el-form>
|
</el-col>
|
</el-container>
|
</div>
|
<div style="padding-left:100px;padding-top:30px">
|
<el-col :span="6" :data="individualList">
|
<div class="block" :model="individualList">
|
|
|
|
|
<el-upload ref="uploadDemo"
|
action=""
|
:file-list="fileList1"
|
list-type="picture-card"
|
accept="image/*"
|
:multiple="false"
|
:http-request="requestUpload"
|
:on-success="handleSucess"
|
:limit="1">
|
|
<el-avatar shape="square" style="width: 200px;;height: 200px;" >
|
<el-image
|
:src="'https://www.bendudu.com:8080/'+ individualList.url"
|
:fit="fit" style="width: 100%;height: 100%;border-radius: 0px 0px 0px 0px;opacity: 1;border: 1px solid rgba(0,0,0,0.5);"
|
></el-image>
|
|
|
</el-avatar>
|
</el-upload>
|
<div class="edit-text" v-if="isEditing" @click="uploadImage">点击更换图片</div>
|
</div>
|
</el-col>
|
|
</div>
|
|
<div style="padding-left:30px;padding-top:30px" >
|
|
</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="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-row :span="16">
|
<el-form-item label="户籍地址" prop="locationAddress" label-width="70px">
|
<el-input type="textarea" v-model="individualList.locationAddress" placeholder="" clearable :style="{width: '280px'}" :disabled="dsb">
|
</el-input>
|
</el-form-item>
|
</el-row>
|
|
<el-row :span="28">
|
<el-form-item label="常住地址" prop="alwaysAddress" label-width="70px">
|
<el-input type="textarea" v-model="individualList.alwaysAddress" placeholder="" clearable :style="{width: '280px'}" :disabled="dsb">
|
</el-input>
|
</el-form-item>
|
</el-row>
|
|
|
</el-form>
|
</el-col>
|
</el-container>
|
</div>
|
<div style="padding-left:60px">
|
<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="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-row :span="12">
|
<el-form-item label="户籍地公安机关" prop="locationPolice" label-width="110px">
|
<el-input type="textarea" v-model="individualList.locationPolice" placeholder="" clearable :style="{width: '280px'}" :disabled="dsb">
|
</el-input>
|
</el-form-item>
|
</el-row>
|
<el-row :span="12">
|
<el-form-item label="常住地公安机关" prop="alwaysPolice" label-width="110px">
|
<el-input type="textarea" v-model="individualList.alwaysPolice" placeholder="" clearable :style="{width: '280px'}" :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;" :disabled="dsb">
|
<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 class="left-content">主要学习及工作经历</div>
|
<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-date-picker v-model="scope.row.startDate" type="date" placeholder="请选择日期"
|
:editable="false" :clearable="false" :style="{width: '100%'}" value-format="yyyy-MM-dd"
|
></el-date-picker></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-date-picker v-model="scope.row.endDate" type="date" placeholder="请选择日期"
|
:editable="false" :clearable="false" :style="{width: '100%'}" value-format="yyyy-MM-dd"
|
></el-date-picker></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 class="left-content">家庭成员及主要社会关系情况</div>
|
<div>
|
<el-button class="button" 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">
|
<div class="left-content">持有证件情况</div>
|
<el-button class="button" 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-date-picker v-model="scope.row.startTime" type="date" placeholder="请选择日期"
|
:editable="false" :clearable="false" :style="{width: '100%'}" value-format="yyyy-MM-dd"
|
></el-date-picker></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-date-picker v-model="scope.row.endTime" type="date" placeholder="请选择日期"
|
:editable="false" :clearable="false" :style="{width: '100%'}" value-format="yyyy-MM-dd"
|
></el-date-picker></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">
|
<div class="left-content">出国（境）情况</div>
|
<el-button class="button" 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-date-picker v-model="scope.row.startTime" type="date" placeholder="请选择日期"
|
:editable="false" :clearable="false" :style="{width: '100%'}" value-format="yyyy-MM-dd"
|
></el-date-picker></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-date-picker v-model="scope.row.endTime" type="date" placeholder="请选择日期"
|
:editable="false" :clearable="false" :style="{width: '100%'}" value-format="yyyy-MM-dd"
|
></el-date-picker></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-item name="6">
|
<template v-slot:title>
|
<div class="title-wrapper">
|
<div class="left-content">自传</div>
|
<div>
|
<el-button size='mini' type="text" class="button" @click="showDialog('autobiography')" >
|
<sapn v-html="'\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'"></sapn>
|
</el-button>
|
</div>
|
</div>
|
</template>
|
<el-contain>
|
<div>
|
<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>{{ item.content }}</div>
|
<el-button size='mini' type="text" class="btn_edit" @click="editAutobiography(item)" style='position: absolute;right:40px;top:5px;'>
|
<sapn v-html="'\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'"></sapn>
|
</el-button>
|
|
<el-button size="mini" type="text" class="btn_del" @click="handleAutobiography(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></div>
|
</el-contain>
|
</el-collapse-item>
|
|
</el-collapse>
|
|
|
|
|
<pagination
|
v-show="total>0"
|
:total="total"
|
:page.sync="queryParams.pageNum"
|
:limit.sync="queryParams.pageSize"
|
@pagination="getList"
|
/>
|
|
<!-- 新增主要经历信息配置对话框 -->
|
<el-dialog 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-date-picker v-model="formDat.startDate" type="date" placeholder="请选择日期"
|
:editable="false" :clearable="false" :style="{width: '100%'}" value-format="yyyy-MM-dd"
|
></el-date-picker>
|
</el-form-item>
|
<el-form-item label="结束日期" prop="endDate">
|
<el-date-picker v-model="formDat.endDate" type="date" placeholder="请选择日期"
|
:editable="false" :clearable="false" :style="{width: '100%'}" value-format="yyyy-MM-dd"
|
></el-date-picker>
|
</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="新增家庭成员及主要社会关系情况" :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="新增持有证件情况" :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-input v-model="newOption" v-if="showInput" placeholder="若未在上述选项中找到对应类型，请在此输入新的证件类型" @change="addNewOption"></el-input>
|
|
</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-date-picker v-model="formDat.startTime" type="date" placeholder="请选择日期"
|
:editable="false" :clearable="false" :style="{width: '100%'}" value-format="yyyy-MM-dd"
|
></el-date-picker>
|
</el-form-item>
|
<el-form-item label="结束日期" prop="endTime">
|
<el-date-picker v-model="formDat.endTime" type="date" placeholder="请选择日期"
|
:editable="false" :clearable="false" :style="{width: '100%'}" value-format="yyyy-MM-dd"
|
></el-date-picker></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="新增出国（境）情况信息" :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-date-picker v-model="formDat.startTime" type="date" placeholder="请选择日期"
|
:editable="false" :clearable="false" :style="{width: '100%'}" value-format="yyyy-MM-dd"
|
></el-date-picker></el-form-item>
|
<el-form-item label="结束日期" prop="endTime">
|
<el-date-picker v-model="formDat.endTime" type="date" placeholder="请选择日期"
|
:editable="false" :clearable="false" :style="{width: '100%'}" value-format="yyyy-MM-dd"
|
></el-date-picker>
|
</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="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">
|
<!-- <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-input v-model="formDat.term" 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-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, listType,
|
getAutobiographyList, getAutobiographyTermList, addAutobiography, updateAutobiography,delAutobiography,
|
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:[],
|
componentKey: 0,
|
// 选中数组
|
ids: [],
|
//性别
|
inds:undefined,
|
//婚姻类别
|
mrs:undefined,
|
// 非单个禁用
|
single: true,
|
// 非多个禁用
|
multiple: true,
|
// 显示搜索条件
|
showSearch: true,
|
// 总条数
|
total: 0,
|
//头像上传
|
showBtnDealImg:true,
|
noneBtnImg:false,
|
//上传图片的最大数量
|
limitCountImg:1,
|
//个人信息数据
|
individualList:[],
|
isEditing: false,
|
fit:['cover'],
|
// 个人经历数据
|
experienceList: [],
|
// isEdit:true,
|
editStatus: {},
|
//家庭成员关系数据
|
relationList:[],
|
//出入境证件情况
|
certificateList:[],
|
typeList:[],
|
//出国情况
|
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: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,
|
isEdit1: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:[],
|
newOption: undefined,
|
showInput: true
|
};
|
},
|
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.isEdit1 = false;
|
this.reset();
|
// 清空formDat对象的数据
|
Object.keys(this.formDat).forEach(key => {
|
this.formDat[key] = '';
|
});
|
},
|
handleUploadSuccess(response, file) {
|
// 处理文件上传成功后的回调
|
this.individualList.img = response.url;
|
},
|
|
//下拉
|
handleChange(activeNames) {
|
// console.log(activeNames);
|
this.reset();
|
},
|
showDialog(dialogName) {
|
this.dialogVisible[dialogName] = true;
|
},
|
|
//个人自传
|
handleClick(tab, event) {
|
// console.log(tab, event);
|
this.getAutobiographyInfor();
|
// this.getSrc1(typeOptions)
|
},
|
//个人自传编辑
|
editData(data) {
|
this.isEdit1 = 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;
|
},
|
editAutobiography(item) {
|
this.isEdit1 = true;
|
this.dialogVisible.autobiography = true;
|
this.formDat = { ...item };
|
},
|
|
//隔行变色
|
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 '——————'
|
}
|
},
|
//类别
|
addNewOption() {
|
const newOption = this.newOption.trim();
|
if (newOption && !this.typeOption.includes(newOption)) {
|
this.typeOption.push(newOption);
|
this.$set(this.formDat, 'type', newOption); // 更新formDat.type的值为新的选项
|
}
|
},
|
/** 查询角色列表 */
|
getList() {
|
this.loading = true;
|
// console.log(this.queryParams)
|
// listProperty(this.addDateRange(this.queryParams, this.dateRange)).then(response => {
|
//个人经历
|
let _this = this;
|
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;
|
// });
|
listType(this.queryParams).then(response => {
|
_this.typeList = response.data;
|
// this.total = response.data.total;
|
// console.log( this.typeList )
|
// 在回调函数中调用 getTypeOptions()
|
_this.getTypeOptions();
|
_this.loading = false;
|
}
|
);
|
},
|
getTypeOptions() {
|
const filteredOptions = this.typeList.filter(item => typeof item === 'string' && item !== '');
|
// 创建一个空对象用于存储唯一的字符串选项
|
const uniqueOptions = {};
|
// 构建下拉选项列表
|
this.typeOption = filteredOptions.reduce((options, option) => {
|
if (!uniqueOptions[option]) {
|
uniqueOptions[option] = true;
|
options.push({
|
label: option,
|
value: option
|
});
|
}
|
return options;
|
}, []);
|
|
},
|
|
//图片的上传及上传按钮隐藏
|
|
// 取消按钮
|
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
|
}
|
});
|
},
|
|
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
|
if(this.individualList.maritalStatus == 0)
|
this.mrs = '未婚'
|
else if(this.individualList.maritalStatus == 1)
|
this.mrs = '已婚'
|
else
|
this.mrs = '离婚'// 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());
|
|
// 判断 typeOptions 数组中是否已存在相同的 value
|
if (!_this.typeOptions.some(option => option.value === value)) {
|
_this.typeOptions.push({ "label": label, "value": value });
|
}
|
// console.log(_this.typeOptions)
|
// _this.getSrc1(value)
|
});
|
});
|
|
},
|
|
/** 提交按钮（数据权限） */
|
//新增主要经历的保存
|
submitDataScope: function() {
|
let _this = this
|
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.isEdit1) {
|
// 执行修改操作
|
updateAutobiography(this.formDat).then(response => {
|
// 将选中选项的文本设置为"term"字段的值
|
// this.formDat.term = selectedOption.value;
|
// this.formDat.id = selectedOption.id;
|
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 {
|
// 执行新增操作
|
addAutobiography(this.formDat).then(response => {
|
// this.formDat.term = selectedOption.label;
|
this.$modal.msgSuccess("新增成功");
|
this.dialogVisible.autobiography = false;
|
this.getList();
|
}).catch(error => {
|
console.log(error);
|
this.dialogVisible.autobiography = false;
|
});
|
}
|
}
|
});
|
// 清空formDat对象的数据
|
Object.keys(this.formDat).forEach(key => {
|
this.formDat[key] = '';
|
});
|
// 重置isEdit为false，以便下次点击新增时为新增操作
|
this.isEdit1 = false;
|
},
|
|
editRow(row) {
|
this.$set(row, 'isEdit', true);
|
this.$set(this.editStatus, row.id, true);
|
},
|
//修改后的保存
|
//个人基本信息
|
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(",")
|
// let uls = this.fileListOther.map(function (elem){
|
// return elem.url.replace(process.env.VUE_APP_BASE_TRUE_API,"")
|
// }).join(",")
|
// // this.individualList.url = ul+","+uls
|
// console.log(this.individualList)
|
this.$refs['elForm'].validate(valid => {
|
if (valid) {
|
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
|
this.isEditing = false
|
});
|
} else {
|
this.$modal.msgSuccess("修改失败");
|
|
}
|
}
|
})
|
// 刷新页面
|
// window.location.reload();
|
},
|
//头像修改
|
uploadImage() {
|
const inputElement = document.createElement("input");
|
inputElement.type = "file";
|
inputElement.accept = "image/*";
|
inputElement.style.display = "none";
|
document.body.appendChild(inputElement);
|
|
inputElement.addEventListener("change", () => {
|
const file = inputElement.files[0];
|
if (file) {
|
const formData = new FormData();
|
formData.append("image", file);
|
|
// 调用uploadPic接口上传图片
|
axios.post("/common/upload", formData, {
|
headers: {
|
"Content-Type": "multipart/form-data"
|
}
|
}).then(response => {
|
// 上传成功，获取新图片的URL
|
const newImageUrl = response.data.img;
|
|
// 假设individualList是一个对象，更新individualList.img
|
this.individualList.img = newImageUrl;
|
|
// 假设fileList是一个数组，更新fileList中对应的图片URL
|
// const index = this.fileList.findIndex(item => item.id === fileId);
|
// this.fileList[index].url = newImageUrl;
|
|
// 清除input元素并移除事件监听
|
document.body.removeChild(inputElement);
|
inputElement.removeEventListener("change", null);
|
}).catch(error => {
|
console.error("上传失败:", error);
|
// 清除input元素并移除事件监听
|
document.body.removeChild(inputElement);
|
inputElement.removeEventListener("change", null);
|
});
|
}
|
});
|
|
// 触发点击事件，显示文件选择对话框
|
inputElement.click();
|
},
|
//主要经历
|
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
|
|
// console.log(this.individualList)
|
this.$refs.uploadDemo.clearFiles();
|
// alert(234)
|
uploadPic(formData).then(response => {
|
// alert(response.data.url)
|
// alert(response.data.originalFilename)
|
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.fileList.push({name:response.data.fileName, url:response.data.url})
|
|
}
|
_this.individualList.img = response.data.url.replace(process.env.VUE_APP_BASE_TRUE_API,"")
|
_this.individualList.url = response.data.url.replace(process.env.VUE_APP_BASE_TRUE_API,"")
|
updateIndividual(_this.individualList).then(response => {
|
// 将选中选项的文本设置为"term"字段的值
|
// this.formDat.term = selectedOption.value;
|
// this.formDat.id = selectedOption.id;
|
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;
|
});
|
})
|
|
},
|
|
/** 删除个人经历按钮操作 */
|
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(() => {});
|
},
|
/** 删除个人自传按钮操作 */
|
handleAutobiography(row) {
|
const Ids = row.id || this.ids;
|
this.$modal.confirm('是否确认删除数据项？').then(function() {
|
return delAutobiography(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; !* 上传按钮隐藏 *!*/
|
/*}*/
|
.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;
|
|
}
|
|
.el-collapse-item__header {
|
background-color:#FEF7FC;
|
width: 100%;
|
}
|
.title-wrapper {
|
display: flex;
|
justify-content: space-between;
|
align-items: center;
|
width: calc(100% - 50px);
|
}
|
.left-content {
|
|
width: 100%;
|
}
|
.btn_autobiography{
|
background:center no-repeat url('../../assets/icons/add1.png') ;
|
margin-left: 76vw;
|
}
|
.btn_edit{
|
background:center no-repeat url('../../assets/icons/edit.png') ;
|
}
|
.btn_del{
|
background:center no-repeat url('../../assets/images/删除2.png') ;
|
}
|
.button-container {
|
text-align: right;
|
display: flex;
|
justify-content: flex-end;
|
align-items: center;
|
flex-grow: 1;
|
}
|
.button {
|
background:center no-repeat url('../../assets/icons/add1.png') ;
|
/*margin-right: -10px ;*/
|
flex-shrink: 0;
|
width: 30px;
|
height: 28px;
|
}
|
.form{
|
background:center/11% no-repeat url('../../assets/icons/form.png') ;
|
|
}
|
</style>
|
