zhangshi_app_web.git

			@@ -1,325 +1,749 @@
			<template>
			<div class="app-container">
			<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch">
			<!-- -->
			<!-- <el-input-->
			<!-- v-model:phone="queryParams.phone"-->
			<!-- placeholder=""-->
			<!-- clearable-->
			<!-- style="width: 240px"-->
			<!-- @keyup.enter.native="handleQuery">-->
			<!-- <i slot="prefix" class="el-input__icon el-icon-search"></i>-->
			<!-- </el-input>-->
			<!-- -->
			<el-form-item label="" prop="address title remark people happenTime" >
			<el-input v-model="keyword" placeholder="在“个人记事本”中搜索" clearable
			style="width: 240px"
			@keyup.enter.native="handleQuery">
			<i slot="prefix" class="el-input__icon el-icon-search"></i></el-input>
			</el-form-item>

			<el-form-item label="时间" prop="happenTime">
			<el-date-picker
			v-model="dateRange"
			style="width: 197px;
			height: 30px;
			background: #FFFFFF;
			border-radius: 14px 14px 14px 14px;
			opacity: 0.5;
			border: 1px solid rgba(0,0,0,0.25);"
			value-format="yyyy-MM-dd"
			type="daterange"
			range-separator="-"
			start-placeholder="开始日期"
			end-placeholder="结束日期"
			@keyup.enter.native="handleQuery"
			></el-date-picker>
			</el-form-item>
			<el-form-item label="人物" prop="people">
			<el-input
			v-model="queryParams.people"
			placeholder="请输入人物"
			clearable
			style="width: 240px"
			@keyup.enter.native="handleQuery">
			<i slot="prefix" class="el-input__icon el-icon-search"></i>
			</el-input>
			</el-form-item>

			<el-form-item label="地点" prop="address">
			<el-input
			v-model="queryParams.address"
			placeholder="请输入地点"
			clearable
			style="width: 240px"
			@keyup.enter.native="handleQuery">
			<i slot="prefix" class="el-input__icon el-icon-search"></i>
			</el-input>
			</el-form-item>
			<el-form-item label="事件标题" prop="title">
			<el-input
			v-model="queryParams.title"
			placeholder="请输入事件标题"
			clearable
			style="width: 240px"
			@keyup.enter.native="handleQuery">
			<i slot="prefix" class="el-input__icon el-icon-search"></i>
			</el-input>
			</el-form-item>

			<el-form-item>
			<el-button size="mini" @click="handleQuery" style=" width: 67px;height: 27px;background: #FFDDE3;
			border-radius: 7px 7px 7px 7px;opacity: 1; " >搜索</el-button>
			<el-button size="mini" @click="resetQuery" style=" width: 67px;height: 27px;background: #FFDDE3;
			border-radius: 7px 7px 7px 7px;opacity: 1; ">重置</el-button>
			</el-form-item>
			</el-form>
			<div>

			<el-row :gutter="10" class="mb8">
			<el-col :span="1.5">
			<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
			type="primary"
			plain
			icon="el-icon-plus"
			size="mini"
			@click="handleAdd"
			v-hasPermi="['system:role:add']"
			>新增</el-button>
			</el-col>
			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-col :span="1.5">
			<el-button
			type="danger"
			plain
			icon="el-icon-delete"
			size="mini"
			:disabled="multiple"
			@click="handleDelete"
			v-hasPermi="['system:role:remove']"
			>删除</el-button>
			</el-col>
			<el-col :span="1.5">
			<el-button
			type="warning"
			plain
			icon="el-icon-download"
			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-col>
			<el-col :span="1.5">

			<el-button
			type="warning"
			plain
			icon="el-icon-download"
			size="mini"
			@click="handleExportTemplate"
			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>
			</el-col>
			<el-col :span="1.2">

			<el-upload
			action=""

			class="upload-demo"
			:show-file-list="false"
			:http-request="handleEnport"
			>
			<el-button size="mini" type="primary"
			plain
			icon="el-icon-plus" >导入</el-button>

			</el-upload>
			</el-col>
			<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
			</el-row>
			</div>

			<el-table v-loading="loading" :data="noteList" :row-key="getRowId" ref="multipleTable" @selection-change="handleSelectionChange" :row-class-name="tableRowClassName" style="background: #FFEFF2; border-radius: 14px 14px 14px 14px;">
			<el-table-column type="selection" :reserve-selection="true" width="25" align="center" />
			<el-table-column fixed label="序号" sortable type="index" align="center" :index="(queryParams.pageNum-1)*queryParams.pageSize+1" width="60"/>

			<el-table-column label="时间" prop="happenTime" sortable :show-overflow-tooltip="true" width="150" align="center" >
			<template slot-scope="scope">{{scope.row.happenTime? scope.row.happenTime: '————'}}</template>
			</el-table-column>
			<el-table-column label="人物" prop="people" sortable :show-overflow-tooltip="true" width="150" align="center" >
			<template slot-scope="scope">{{scope.row.people? scope.row.people: '————'}}</template>
			</el-table-column>
			<el-table-column label="地点" prop="address" sortable width="160" align="center" >
			<template slot-scope="scope">{{scope.row.address? scope.row.address: '————'}}</template>
			</el-table-column>
			<el-table-column label="事件标题" prop="title" sortable width="160" align="center">
			<template slot-scope="scope">{{scope.row.title? scope.row.title: '————'}}</template>
			</el-table-column>
			<el-table-column label="备注" prop="remark" sortable width="150" align="center">
			<template slot-scope="scope">{{scope.row.remark? scope.row.remark: '————'}}</template>
			</el-table-column>
			<el-table-column label="电子文件" prop="url" width="160" align="center">
			<template slot-scope="scope" >
			<div @click="handleCheck(scope.row)">
			<img
			class="el-upload-list__item-thumbnail"
			src="../../assets/images/deviceLis.png"
			alt=""
			style="width: 35px; height: 35px;"
			fit="cover"
			v-if="!(scope.row.url === ',' \|\| scope.row.url === null)"
			>
			<img
			v-else
			class="el-upload-list__item-thumbnail"
			src="../../assets/images/deviceA.png"
			alt=""
			style="width: 35px; height: 35px;"
			fit="cover"

			></div>
			</template>
			</el-table-column>

			<!-- </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"
			@click="handleUpdate(scope.row)"
			v-hasPermi="['system:role:edit']"
			>修改</el-button>
			<el-button
			size="mini"
			type="text"
			icon="el-icon-delete"
			@click="handleDelete(scope.row)"
			v-hasPermi="['system:role:remove']"
			>删除</el-button>

			<el-button
			size="mini"
			type="text"
			icon="el-icon-d-arrow-right"
			@click="handleCheck(scope.row)">
			查看详情</el-button>
			</template>
			</el-table-column>
			</el-table>

			<pagination
			v-show="total>0"
			:total="total"
			:page.sync="queryParams.pageNum"
			:limit.sync="queryParams.pageSize"
			style="background: #FEF7FC;"
			@pagination="getList"
			/>

			<!-- 添加个人记事本配置对话框 -->
			<el-dialog :title="title" :visible.sync="open" width="800px" append-to-body>
			<el-form ref="elForm" :model="formDat" :rules="rules" size="medium" label-width="100px">

			<el-form-item label="时间" prop="happenTime">
			<el-input v-model="formDat.happenTime" type='date' placeholder='选择日期' clearable :style="{width: '100%'}" ></el-input>
			</el-form-item>
			<el-form-item label="人物" prop="people">
			<el-input v-model="formDat.people" placeholder="请输入人物" clearable :style="{width: '100%'}" >
			</el-input>
			</el-form-item>
			<el-form-item label="地点" prop="address">
			<el-input v-model="formDat.address" placeholder="请输入地点" clearable :style="{width: '100%'}" >
			</el-input>
			</el-form-item>
			<el-form-item label="事件标题" prop="title">
			<el-input v-model="formDat.title" placeholder="请输入时间标题" clearable :style="{width: '100%'}" >
			</el-input>
			</el-form-item>

			<el-form-item label="备注" prop="remark">
			<el-input v-model="formDat.remark" placeholder="请输入备注" clearable :style="{width: '100%'}" ></el-input>
			</el-form-item>

			<h4 class="form-header">电子文件 </h4>
			<el-upload
			action="#"
			list-type="picture-card"
			multiple
			:http-request="requestUpload"
			:file-list="fileList"
			>
			<i slot="default" class="el-icon-plus"></i>
			<div slot="file" slot-scope="{file}">
			<img
			class="el-upload-list__item-thumbnail"
			:src="file.url"
			alt=""
			style="width: 126px; height: 126px"
			fit="cover"
			:preview-src-list="[file.url]"
			>
			<span class="el-upload-list__item-actions">
			<span
			class="el-upload-list__item-preview"
			@click="handlePictureCardPreview(file)"
			>
			<i class="el-icon-zoom-in"></i>
			</span>

			<span
			v-if="!disabled"
			class="el-upload-list__item-delete"
			@click="handleRemove(file)"
			>
			<i class="el-icon-delete"></i>
			</span>
			</span>


			</div>
			</el-upload>
			<h4 class="form-header">其他附件 </h4>
			<el-upload
			action=""
			:file-list="fileListOther"
			class="upload-demo"
			multiple

			:on-remove="handleRemove"
			:http-request="requestUpload"
			:show-file-list="true"
			>
			<el-button type="primary">点击上传</el-button>
			<template #tip>
			<div class="el-upload__tip">
			</div>
			</template>
			</el-upload>

			</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>
			>打印</el-button>
			</div>
			</el-dialog>

			<!-- 分配角色数据权限对话框 -->
			<el-dialog :title="title" :visible.sync="openDataScope" width="500px" append-to-body>
			</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 === 0 ? 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='0'></el-option>
			<el-option label="女" value='1'></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>

			</el-dialog>
			</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>

			</div>
			</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 { listRole, getRole, delRole, addRole, updateRole, dataScope, changeRoleStatus, deptTreeSelect } from "@/api/system/role";
			import { treeselect as menuTreeselect, roleMenuTreeselect } from "@/api/system/menu";

			//导入接口函数
			import {listNote,enload,getNote, addNote,updateNote, delNote,uploadPic} from "@/api/memo/index";
			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 {
			@@ -327,13 +751,17 @@
			dicts: ['sys_normal_disable'],
			data() {
			return {
			userId: undefined,
			// 遮罩层
			disabled: false,

			inds:undefined,
			//婚姻类别
			mrs:undefined,
			loading: true,
			formData:[],
			// 选中数组
			ids: [],
			fit:'cover',
			// 非单个禁用
			single: true,
			// 非多个禁用
			@@ -358,15 +786,135 @@
			dateRange: [],
			// 数据范围选项
			fot:[".jpg",".jif"],
			fileList:[
			],
			fileListOther:[
			fileList:[],
			fileListOther:[],
			//下拉实现
			activeNames:'3',
			dialogVisible: {
			open: false,
			relation1:false,
			certificate:false,
			abroad:false,
			autobiography:false
			},

			],
			dsb:true,
			btn:false,
			fit:['fill'],
			// 个人经历数据
			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,
			@@ -377,6 +925,8 @@
			remark:undefined,
			url: undefined,
			},
			individualList:[],
			newOption: undefined,
			// 菜单列表
			menuOptions: [],
			// 部门列表
			@@ -392,7 +942,10 @@
			remark:undefined
			},
			// searchVal:"",

			//个人自传
			activeName: '0',
			AutobiographyList:[],
			content1:'',
			// 表单参数
			form: {},
			defaultProps: {
			@@ -428,195 +981,255 @@
			trigger: 'blur'
			}],
			},
			typeOption: [],
			typeOptions: [],
			isShow:true,
			dsb:true,
			btn: false,
			isShow_2:false,
			isEdit1:false,
			isEditing: false,
			fileList:[]
			};
			},
			created() {
			this.getList();
			this.getCateInfor()
			this.getList1();
			this.getAutobiographyInfor()
			this.getInfo()
			// for (let i = 0; i < this.contactList.length; i++) {
			// this.formDat[i] = this.contactList[i];
			// }
			},

			methods: {
			// 取消按钮
			cancelData() {
			this.open = false;
			this.reset();
			},
			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)

			//隔行变色
			tableRowClassName({ row, rowIndex }) {
			if (rowIndex % 2 == 0) {
			return "statistics-warning-row1";
			} else {
			return "statistics-warning-row";
			}
			},
			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;
			this.queryParams.happenStartTime = this.dateRange.length > 0 && this.dateRange[0]
			this.queryParams.happenEndTime = this.dateRange.length > 0 && this.dateRange[1]
			// console.log(this.queryParams)
			// listProperty(this.addDateRange(this.queryParams, this.dateRange)).then(response => {
			listNote(this.queryParams).then(response => {
			let _this = this
			//个人信息


			listExperience(this.queryParams).then(response => {
			// alert(123)
			// console.log(response.data)
			this.noteList = response.data.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;
			// 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;
			}
			);
			},
			/** 查询类别信息 */
			getCateInfor()
			{
			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]})
			})
			})
			},
			handleRemove(file) {
			for(let i = 0; i < this.fileList.length; i++)
			{
			if(this.fileList[i].url==file.url)
			this.$delete(this.fileList,i);
			}
			},

			// 取消按钮
			cancel() {
			this.open = false;
			this.reset();
			// this.reset();
			},
			getRowId(row)
			{
			return row.id
			},
			// 取消按钮（数据权限）
			cancelDataScope() {
			this.openDataScope = false;
			this.reset();
			// 编辑按钮
			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
			},
			// 表单重置
			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");

			/** 导出按钮操作 */
			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(123)
			// 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();
			},
			/** 搜索按钮操作 */
			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
			},
			// //每次改变input框值时就改变this.myTableData的值
			// inputChange() { //循环每一项只要content的值含有输入的searchVal值，就加进newList；反之，就无东西加进newList
			// let newlist = this.formDat.filter(
			// (item) => item.content.indexOf(this.searchVal) > -1
			// );
			// this.contactList = newlist;
			// },


			/** 新增按钮操作 */
			handleAdd() {
			this.reset();
			this.open = true;
			this.title = "添加个人记事本详细信息";
			},
			/** 查看详细信息 */
			handleCheck(row){
			const id = row.id;
			this.$router.push("/self/self/memoInfo/" + id);
			},
			/** 修改按钮操作 */
			handleUpdate(row) {
			const id = row.id;
			let jd = true

			this.$router.push({
			path:"/self/self/memoInfo/" + id,
			query:{
			detail:jd
			}
			});
			},


			handlePictureCardPreview(file) {
			this.dialogImageUrl = file.url;
			this.dialogVisible = true;
			},
			/** 提交按钮（数据权限） */
			submitDataScope: function() {

			let ul = this.fileList.map(function (elem){
			return elem.url.replace(process.env.VUE_APP_BASE_TRUE_API,"")
			}).join(",")
			let uls = this.fileListOther.map(function (elem){
			return elem.url.replace(process.env.VUE_APP_BASE_TRUE_API,"")
			}).join(",")
			this.formDat.url = ul+","+uls
			this.$refs["elForm"].validate(valid => {
			if (valid) {

			addNote(this.formDat).then(response => {
			this.$modal.msgSuccess("新增成功");
			this.open = false;
			this.getList();
			});
			}
			});
			// 清空formDat对象的数据
			Object.keys(this.formDat).forEach(key => {
			this.formDat[key] = '';
			});
			this.handleRemove(this.fileList[0]);
			},
			requestUpload(params)
			requestUpload(params)
			{
			var file = params.file;
			console.log(file)
			var formData = new FormData();
			formData.append('uploadFile', file);
			let _this = this

			uploadPic(formData).then(response => {
			let pth = response.data.originalFilename.substr(response.data.originalFilename.length-4, response.data.originalFilename.length)
			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)
			{
			@@ -625,63 +1238,488 @@
			}

			else{
			_this.fileListOther.push({name:response.data.fileName, url:response.data.url})
			_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;
			});
			})

			},
			/** 删除按钮操作 */
			handleDelete(row) {
			//头像修改
			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 delNote(Ids);
			return delExperience(Ids);
			}).then(() => {
			this.getList();
			this.$modal.msgSuccess("删除成功");
			}).catch(() => {});
			},
			/** 导出按钮操作 */
			handleExport() {
			const Ids = this.ids;

			if(Ids.length==0)
			{
			this.download('/zSelfNote/export', {
			...this.queryParams
			}, `zSelfNote${new Date().getTime()}.xlsx`)
			}else{
			this.download('/zSelfNote/export1/'+Ids, {

			}, `zSelfNote${new Date().getTime()}.xlsx`)
			}
			/** 删除成员关系按钮操作 */
			handleRelationDelete(row) {
			const Ids = row.id \|\| this.ids;
			this.$modal.confirm('是否确认删除数据项？').then(function() {
			return delRelation(Ids);
			}).then(() => {
			this.getList();
			this.$modal.msgSuccess("删除成功");
			}).catch(() => {});
			},

			handleExportTemplate(){
			this.download('/zSelfNote/model', {

			}, `zSelfNote${new Date().getTime()}.xlsx`)
			/** 删除持有出入境证件情况按钮操作 */
			handleCertificateDelete(row) {
			const Ids = row.id \|\| this.ids;
			this.$modal.confirm('是否确认删除数据项？').then(function() {
			return delCertificate(Ids);
			}).then(() => {
			this.getList();
			this.$modal.msgSuccess("删除成功");
			}).catch(() => {});
			},
			/** 导入操作*/
			handleEnport(params){
			var file = params.file;
			var formData = new FormData();
			formData.append('excelImport', file);
			let _this = this
			/** 删除出国（境）情况按钮操作 */
			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());

			enload(formData).then(response => {
			_this.getList();
			Message({ message: "导入成功", type: 'warning' })
			// 判断 typeOptions 数组中是否已存在相同的 value
			if (!_this.typeOptions.some(option => option.value === value)) {
			_this.typeOptions.push({ "label": label, "value": value });
			}
			// console.log(_this.typeOptions)
			// _this.getSrc1(value)
			});
			});

			}).catch(() => { Message({ message: "导入失败", type: 'error' })});
			},

			}
			// 取消按钮
			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;
			@@ -691,6 +1729,47 @@
			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>