From 2d881714a7b35ec6208946a06243c9db6690aff7 Mon Sep 17 00:00:00 2001
From: feige <791364011@qq.com>
Date: 星期六, 23 十一月 2024 15:26:47 +0800
Subject: [PATCH] 修改性别

---
 ruoyi-ui/src/views/self/memo.vue | 1107 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++-
 1 files changed, 1,086 insertions(+), 21 deletions(-)

diff --git a/ruoyi-ui/src/views/self/memo.vue b/ruoyi-ui/src/views/self/memo.vue
index 7a32f90..5be49cd 100644
--- a/ruoyi-ui/src/views/self/memo.vue
+++ b/ruoyi-ui/src/views/self/memo.vue
@@ -1,5 +1,10 @@
 <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" >
@@ -72,12 +77,12 @@
 <!--                  <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>
+                    <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='1'></el-option>
-                      <el-option label="濂�" value='0'></el-option>
+                      <el-option label="鐢�" value='0'></el-option>
+                      <el-option label="濂�" value='1'></el-option>
                     </el-select>
                   </template>
                 </el-form-item>
@@ -144,7 +149,7 @@
 			                  accept="image/*"
 			                  :multiple="false"
 			                  :http-request="requestUpload"
-			                  :on-success="handleSucess"
+
 			                  :limit="1">
 
 			         <el-avatar shape="square"  style="width: 200px;;height: 200px;" >
@@ -251,6 +256,478 @@
 
     </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>
 
@@ -264,7 +741,9 @@
   getAutobiographyList, getAutobiographyTermList, addAutobiography, updateAutobiography,delAutobiography,
   getCategory,
 } from "@/api/self/index";
-import {listNote,enload,getNote, addNote,updateNote, delNote,uploadPic} from "@/api/memo/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 {
@@ -272,6 +751,7 @@
   dicts: ['sys_normal_disable'],
   data() {
     return {
+	   userId: undefined,
       // 閬僵灞�
       disabled: false,
      inds:undefined,
@@ -281,7 +761,7 @@
       formData:[],
       // 閫変腑鏁扮粍
       ids: [],
-          fit:['cover'],
+      fit:'cover',
       // 闈炲崟涓鐢�
       single: true,
       // 闈炲涓鐢�
@@ -308,10 +788,31 @@
       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,
-      fit:['fill'],
+      fit1: ['fill'],
       keyword:'',
       rules: {
         //鍩烘湰淇℃伅
@@ -400,16 +901,20 @@
         }],
         ageBegin: [{
           required: true,
-          message: '',
+          message: '璇疯緭鍏ュ紑濮嬫椂闂�',
           trigger: 'blur'
         }],
         ageEnd: [{
           required: true,
-          message: '',
+          message: '璇疯緭鍏ョ粨鏉熸椂闂�',
           trigger: 'blur'
         }],
 
       },
+
+
+	  open:false,
+	  formDat6: {},
       formDat: {
         //涓汉璁颁簨鏈鎯�
         id:undefined,
@@ -421,6 +926,7 @@
         url: undefined,
       },
        individualList:[],
+	  newOption: undefined,
       // 鑿滃崟鍒楄〃
       menuOptions: [],
       // 閮ㄩ棬鍒楄〃
@@ -436,7 +942,10 @@
         remark:undefined
       },
       // searchVal:"",
-
+   //涓汉鑷紶
+      activeName: '0',
+      AutobiographyList:[],
+      content1:'',
       // 琛ㄥ崟鍙傛暟
       form: {},
       defaultProps: {
@@ -472,6 +981,7 @@
           trigger: 'blur'
         }],
       },
+	  typeOption: [],
       typeOptions: [],
       isShow:true,
             dsb:true,
@@ -484,22 +994,84 @@
   },
   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
    //涓汉淇℃伅
-   getIndividualList(this.queryParams).then(response => {
+
+
+      listExperience(this.queryParams).then(response => {
+          //  alert(123)
+          //   console.log(response.data)
+          _this.experienceList = response.data;
+          // this.total = response.data.total;
+          _this.loading = false;
+        }
+      );
+      //鎴愬憳鍏崇郴
+      getIndividualRelation(this.queryParams).then(response => {
+          //  alert(123)
+          //   console.log(response.data)
+          _this.relationList = response.data;
+          // this.total = response.data.total;
+          _this.loading = false;
+        }
+      );
+  getIndividualList(this.queryParams).then(response => {
        //  alert(123)
        //   console.log(response.data)
        _this.individualList = response.data;
@@ -508,13 +1080,57 @@
        _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();
+     // this.reset();
     },
     getRowId(row)
     {
@@ -543,16 +1159,19 @@
       }, `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,"")
@@ -568,7 +1187,8 @@
             updateIndividual(this.individualList).then(response => {
               this.$modal.msgSuccess("淇敼鎴愬姛");
               // 寮哄埗鏇存柊鐩稿叧缁勪欢
-              this.individualList={...this.individualList}
+			   
+            //  this.individualList={...this.individualList}
 
               // this.open = false;
               this.dsb = true
@@ -576,7 +1196,7 @@
               this.isShow_2=false
               this.isShow=true
               this.isEditing = false
-            });
+			})
           } else {
             this.$modal.msgSuccess("淇敼澶辫触");
 
@@ -597,17 +1217,19 @@
    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)
-      uploadPic(formData).then(response => {
-      //  alert(response.data.url)
-      //  alert(response.data.originalFilename)
-        let pth = response.data.originalFilename.substr(response.data.originalFilename.length-4, response.data.originalFilename.length)
+      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)
         {
@@ -621,6 +1243,7 @@
         }
         _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;
@@ -685,12 +1308,418 @@
     },
 
 
+    /** 鎻愪氦鎸夐挳锛堟暟鎹潈闄愶級 */
+    //鏂板涓昏缁忓巻鐨勪繚瀛�
+    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涓篺alse锛屼互渚夸笅娆$偣鍑绘柊澧炴椂涓烘柊澧炴搷浣�
+			  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;
@@ -706,5 +1735,41 @@
 .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>

--
Gitblit v1.9.1