<template>
|
<div class="app-container" id="printable-content">
|
<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>
|
|
</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="fileList"
|
list-type="picture-card"
|
accept="image/*"
|
:multiple="false"
|
:http-request="requestUpload"
|
|
: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>
|
</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 >
|
<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>
|
<!--折叠面板-->
|
<el-collapse v-model="activeNames" @change="handleChange5">
|
<!-- <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')" >
|
<span v-html="'\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'"></span></el-button>
|
</div>
|
</div>
|
</template>
|
<el-table v-loading="loading" border :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" v-if="userId != 2">
|
<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')">
|
<span v-html="'\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'"></span></el-button>
|
</div>
|
</div>
|
</template>
|
<el-table v-loading="loading" border :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" v-if="userId != 2">
|
<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')">
|
<span v-html="'\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'"></span></el-button>
|
</div>
|
</template>
|
<el-table v-loading="loading" border :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" v-if="userId != 2">
|
<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')">
|
<span v-html="'\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'"></span></el-button>
|
</div>
|
</template>
|
<el-table v-loading="loading" border :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" v-if="userId != 2">
|
<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')" >
|
<span v-html="'\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'"></span>
|
</el-button>
|
</div>
|
</div>
|
</template>
|
<el-container>
|
<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>
|
<div style="margin-bottom: 20px;">
|
<el-button size='mini' type="text" class="btn_edit" @click="editAutobiography(item)" style='right:40px;top:5px;'>
|
<span v-html="'\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'"></span>
|
</el-button>
|
|
<el-button size="mini" type="text" class="btn_del" @click="handleAutobiography(item)" style='right:10px;top:5px;'>
|
<span v-html="'\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'"></span>
|
</el-button>
|
</div>
|
</el-tab-pane>
|
</el-tabs></div>
|
</el-container>
|
</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" placeholder="若未在上述选项中找到对应类型，请在此输入新的证件类型" ></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="elFormzz" :model="formDat6" :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 @input="$forceUpdate()" type="number" v-model="formDat6.ageBegin" placeholder="" clearable :style="{width: '20%'}" >
|
</el-input>
|
<span> 岁 ——</span>
|
<el-input @input="$forceUpdate()" type="number" v-model="formDat6.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 @input="$forceUpdate()" v-model="formDat6.term" placeholder="请输入时期" clearable :style="{width: '100%'}" >
|
</el-input>
|
</el-form-item>
|
<el-form-item label="内容编辑：" prop="content">
|
<el-input @input="$forceUpdate()" v-model="formDat6.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 {
|
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 {getAllInfo} from "@/api/system/user"
|
import {showShareUser} from "@/api/bignote/index";
|
import {listNote,enload,getNote, addNote,updateNote, delNote,uploadPic,uploadPics} from "@/api/memo/index";
|
|
import { Notification, MessageBox, Message, Loading } from 'element-ui'
|
export default {
|
name: "memo",
|
dicts: ['sys_normal_disable'],
|
data() {
|
return {
|
userId: undefined,
|
// 遮罩层
|
disabled: false,
|
inds:undefined,
|
//婚姻类别
|
mrs:undefined,
|
loading: true,
|
formData:[],
|
// 选中数组
|
ids: [],
|
fit:'cover',
|
// 非单个禁用
|
single: true,
|
// 非多个禁用
|
multiple: true,
|
// 显示搜索条件
|
showSearch: true,
|
// 总条数
|
total: 0,
|
// 个人记事本表格数据
|
noteList: [],
|
// 弹出层标题
|
title: "",
|
// 是否显示弹出层
|
open: false,
|
// 是否显示弹出层（数据权限）
|
openDataScope: false,
|
menuExpand: false,
|
menuNodeAll: false,
|
deptExpand: true,
|
deptNodeAll: false,
|
// 日期范围
|
dateRange: [],
|
// 数据范围选项
|
fot:[".jpg",".jif"],
|
fileList:[],
|
fileListOther:[],
|
//下拉实现
|
activeNames:'3',
|
dialogVisible: {
|
open: false,
|
relation1:false,
|
certificate:false,
|
abroad:false,
|
autobiography:false
|
},
|
|
// 个人经历数据
|
experienceList: undefined,
|
// isEdit:true,
|
editStatus: {},
|
//家庭成员关系数据
|
relationList: undefined,
|
//出入境证件情况
|
certificateList:[],
|
typeList:[],
|
//出国情况
|
AbroadList:[],
|
|
uploading: false,
|
uploading1: false,
|
fit1: ['fill'],
|
keyword:'',
|
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'
|
}],
|
|
},
|
|
|
open:false,
|
formDat6: {},
|
formDat: {
|
//个人记事本详情
|
id:undefined,
|
happenTime:undefined,
|
people:undefined,
|
address:undefined,
|
title:undefined,
|
remark:undefined,
|
url: undefined,
|
},
|
individualList:[],
|
newOption: undefined,
|
// 菜单列表
|
menuOptions: [],
|
// 部门列表
|
deptOptions: [],
|
// 查询参数
|
queryParams: {
|
pageNum: 1,
|
pageSize: 10,
|
happenTime:undefined,
|
people:undefined,
|
address:undefined,
|
title:undefined,
|
remark:undefined
|
},
|
// searchVal:"",
|
//个人自传
|
activeName: '0',
|
AutobiographyList:[],
|
content1:'',
|
// 表单参数
|
form: {},
|
defaultProps: {
|
children: "children",
|
label: "label"
|
},
|
// 表单校验
|
rules: {
|
|
happenTime: [{
|
required: true,
|
message: '请选择时间',
|
trigger: 'blur'
|
}],
|
people: [{
|
required: true,
|
message: '请输入人物',
|
trigger: 'blur'
|
}],
|
address: [{
|
// required: true,
|
message: '请输入地点',
|
trigger: 'blur'
|
}],
|
title: [{
|
required: true,
|
message: '请输入事件标题',
|
trigger: 'blur'
|
}],
|
remark: [{
|
// required: true,
|
message: '请输入备注',
|
trigger: 'blur'
|
}],
|
},
|
typeOption: [],
|
typeOptions: [],
|
isShow:true,
|
dsb:true,
|
btn: false,
|
isShow_2:false,
|
isEdit1:false,
|
isEditing: false,
|
fileList:[]
|
};
|
},
|
created() {
|
this.getList();
|
this.getList1();
|
this.getAutobiographyInfor()
|
this.getInfo()
|
// for (let i = 0; i < this.contactList.length; i++) {
|
// this.formDat[i] = this.contactList[i];
|
// }
|
},
|
|
methods: {
|
getInfo(){
|
console.log('-----------------')
|
// getInfo().then(response=>{
|
// console.log(response.user.roles[0].roleId,'roleID')
|
// this.userId = response.user.roles[0].roleId
|
// })
|
},
|
getList1() {
|
this.loading1 = true;
|
let userId = this.$store.state.user.userId
|
// alert(userId)
|
|
showShareUser(userId, 2062).then(response=>{
|
console.log("===========ddddddddddddd")
|
console.log(response.data)
|
console.log("--------------------")
|
response.data.forEach(element =>{
|
this.userOptions.push({label: element.oldName,value: element.userId})
|
})
|
})
|
// this.queryParams1.happenStartTime = this.dateRange1.length > 0 && this.dateRange1[0]
|
// this.queryParams1.happenEndTime = this.dateRange1.length > 0 && this.dateRange1[1]
|
// // alert(this.$store.state.user.clanId)
|
// this.listRoot = []
|
let clanId = this.$store.state.user.clanId
|
getAllInfo(clanId).then(response => {
|
this.listRoot = response.data;
|
const kon = {}
|
console.log(response.data,'userListuserListuserList99999999999999')
|
this.listRoot.forEach(element => {
|
kon[element['nickName']] = element['userId']
|
})
|
// for(let i in kon){
|
// this.userOptions.push({label: i,value: kon[i]})
|
// }
|
// for(let i in this.userOptions){
|
// this.userList.push(this.userOptions[i].value)
|
// }
|
// console.log(this.userList,'userListuserListuserList99999999999999')
|
this.loading1 = false;
|
}
|
);
|
},
|
|
/** 查询记录列表 */
|
getList() {
|
this.loading = true;
|
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;
|
}
|
);
|
},
|
|
|
// 取消按钮
|
cancel() {
|
this.open = false;
|
// this.reset();
|
},
|
getRowId(row)
|
{
|
return row.id
|
},
|
// 编辑按钮
|
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
|
},
|
|
/** 导出按钮操作 */
|
handleExport() {
|
this.download('/self/user/export', {
|
...this.queryParams
|
}, `self_${new Date().getTime()}.xlsx`)
|
}, //个人基本信息
|
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
|
// alert(10)
|
// 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();
|
},
|
handleSelectionChange(selection) {
|
this.ids = selection.map(item => item.id)
|
console.log(this.ids)
|
this.single = selection.length!=1
|
this.multiple = !selection.length
|
},
|
|
|
requestUpload(params)
|
{
|
var file = params.file;
|
console.log(file)
|
var formData = new FormData();
|
formData.append('uploadFile', file);
|
let _this = this
|
console.log(formData)
|
console.log('dddddddd===========')
|
// console.log(this.individualList)
|
this.$refs.uploadDemo.clearFiles();
|
// alert(234)
|
uploadPics(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,"")
|
console.log(_this.individualList)
|
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;
|
});
|
})
|
|
},
|
//头像修改
|
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();
|
},
|
|
|
/** 提交按钮（数据权限） */
|
//新增主要经历的保存
|
submitDataScope: function() {
|
let _this = this
|
this.$refs["elForm1"].validate(valid => {
|
if (valid) {
|
//alert(1235)
|
_this.dialogVisible.open = false;
|
addExperience(_this.formDat).then(response => {
|
_this.$modal.msgSuccess("新增成功");
|
|
_this.getList();
|
});
|
}
|
});
|
// 清空formDat对象的数据
|
Object.keys(this.formDat).forEach(key => {
|
this.formDat[key] = '';
|
});
|
},
|
//新增成员关系的保存
|
submitDataScope2: function() {
|
this.$refs["elForm"].validate(valid => {
|
if (valid) {
|
this.dialogVisible.relation1 = false;
|
addRelation(this.formDat).then(response => {
|
this.$modal.msgSuccess("新增成功");
|
|
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对象的数据
|
this.newOption=undefined
|
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) {
|
// 执行修改操作
|
|
console.log(this.formDat6)
|
updateAutobiography(this.formDat6).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();
|
// 清空formDat对象的数据
|
Object.keys(this.formDat6).forEach(key => {
|
this.formDat6[key] = '';
|
});
|
|
}).catch(error => {
|
// alert(24)
|
console.log(error);
|
this.isEdit1 = false;
|
this.dialogVisible.autobiography = false;
|
});
|
} else {
|
// 执行新增操作
|
addAutobiography(this.formDat6).then(response => {
|
// this.formDat.term = selectedOption.label;
|
this.$modal.msgSuccess("新增成功");
|
this.dialogVisible.autobiography = false;
|
this.getList();
|
// 清空formDat对象的数据
|
Object.keys(this.formDat6).forEach(key => {
|
this.formDat6[key] = '';
|
});
|
// 重置isEdit为false，以便下次点击新增时为新增操作
|
this.isEdit1 = false;
|
}).catch(error => {
|
console.log(error);
|
this.dialogVisible.autobiography = false;
|
});
|
}
|
}
|
});
|
|
},
|
|
editRow(row) {
|
this.$set(row, 'isEdit', true);
|
this.$set(this.editStatus, row.id, true);
|
},
|
//修改后的保存
|
|
|
//主要经历
|
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);
|
},
|
|
/** 删除个人经历按钮操作 */
|
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(() => {});
|
},
|
/** 查询自传信息 */
|
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)
|
});
|
});
|
|
},
|
|
// 取消按钮
|
cancelData() {
|
// alert(23)
|
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();
|
// alert(32)
|
// 清空formDat对象的数据
|
Object.keys(this.formDat).forEach(key => {
|
this.formDat[key] = '';
|
});
|
// 清空formDat对象的数据
|
Object.keys(this.formDat6).forEach(key => {
|
this.formDat6[key] = '';
|
});
|
|
},
|
handleUploadSuccess(response, file) {
|
// 处理文件上传成功后的回调
|
this.individualList.img = response.url;
|
},
|
|
//下拉
|
handleChange5(activeNames) {
|
// console.log(activeNames);
|
//this.reset();
|
},
|
showDialog(dialogName) {
|
this.dialogVisible[dialogName] = true;
|
// alert(dialogName)
|
// if(dialogName=="autobiography")
|
// {
|
// alert(123)
|
// }
|
},
|
|
//个人自传
|
handleClick(tab, event) {
|
// console.log(tab, event);
|
// alert(987)
|
this.getAutobiographyInfor();
|
// this.getSrc1(typeOptions)
|
},
|
//个人自传编辑
|
editData(data) {
|
// alert(1234)
|
this.isEdit1 = true; // 设置为编辑操作
|
// 将要修改的数据填充到formDat对象中
|
|
this.formDat6.ageBegin = data.ageBegin;
|
this.formDat6.ageEnd = data.ageEnd;
|
this.formDat6.term = data.term;
|
this.formDat6.content = data.content;
|
|
// 打开弹窗
|
this.dialogVisible.autobiography = true;
|
},
|
editAutobiography(data) {
|
//alert(234)
|
//alert(23)
|
console.log(data)
|
this.isEdit1 = true;
|
this.formDat6.ageBegin = data.ageBegin;
|
this.formDat6.ageEnd = data.ageEnd;
|
this.formDat6.term = data.term;
|
this.formDat6.content = data.content;
|
// alert(data.id)
|
this.formDat6.id = data.id
|
this.dialogVisible.autobiography = true;
|
//this.formDat = { item };
|
},
|
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;
|
}, []);
|
|
},
|
//隔行变色
|
tableRowClassName({row, rowIndex}) {
|
if (rowIndex % 2 == 0) {
|
return "statistics-warning-row";
|
} else {
|
return "statistics-warning-row1";
|
}
|
return '';
|
},
|
}
|
};
|
</script>
|
<style>
|
.app-container{
|
background-color: #FEF7FC;
|
}
|
|
.el-icon-top {
|
background: no-repeat center url("../../assets/icons/top.png");
|
}
|
|
|
.el-collapse-item__header {
|
background-color:#FEF7FC;
|
width: 100%;
|
}
|
.title-wrapper {
|
display: flex;
|
justify-content: space-between;
|
align-items: center;
|
width: calc(100% - 50px);
|
}
|
.el-table__row.statistics-warning-row {
|
background: #E0EEFE;
|
|
}
|
.el-table__row.statistics-warning-row1 {
|
background: #FFEFF2;
|
|
}
|
.el-table__cell {
|
font-size: 14px; /* 设置字体大小 */
|
}
|
.button-container {
|
display: inline-flex; /* 设置按钮容器为行内元素 */
|
}
|
.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') ;
|
float:right;
|
}
|
.btn_del{
|
background:center no-repeat url('../../assets/images/删除2.png') ;float:right;
|
}
|
.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') ;
|
|
}
|
.button {
|
background:center no-repeat url('../../assets/icons/add1.png') ;
|
/*margin-right: -10px ;*/
|
flex-shrink: 0;
|
width: 30px;
|
height: 28px;
|
}
|
</style>
|
