修改bug

feige

2025-04-20 7eb199649939226c3f11fd6f4cda830a389253b8

 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>
@@ -112,15 +117,16 @@
                <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-input v-if="individualList.maritalStatus===1" placeholder="初婚"></el-input>
                    <el-input v-if="individualList.maritalStatus===2" placeholder="离婚"></el-input>
      <el-input v-if="individualList.maritalStatus===3" placeholder="再婚"></el-input>
                  </template>
                  <template v-else>
                    <el-select v-model="mrs" placeholder="请选择性别" clearable :style="{width: '100%'}">
                      <el-option label="未婚" value='0'></el-option>
                      <el-option label="已婚" value='1'></el-option>
                      <el-option label="初婚" value='1'></el-option>
                      <el-option label="离婚" value='2'></el-option>
                 <el-option label="再婚" value='3'></el-option>
                    </el-select>
                  </template>
                </el-form-item>
@@ -144,7 +150,7 @@
                           accept="image/*"
                           :multiple="false"
                           :http-request="requestUpload"
                           :on-success="handleSucess"

                           :limit="1">

                  <el-avatar shape="square"  style="width: 200px;;height: 200px;" >
@@ -251,6 +257,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 +742,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 +752,7 @@
  dicts: ['sys_normal_disable'],
  data() {
    return {
      userId: undefined,
      // 遮罩层
      disabled: false,
     inds:undefined,
@@ -281,7 +762,7 @@
      formData:[],
      // 选中数组
      ids: [],
          fit:['cover'],
      fit:'cover',
      // 非单个禁用
      single: true,
      // 非多个禁用
@@ -305,13 +786,34 @@
      // 日期范围
      dateRange: [],
      // 数据范围选项
      fot:[".jpg",".jif"],
      fot:[".jpg",".jif",'.M4A'],
      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 +902,20 @@
        }],
        ageBegin: [{
          required: true,
          message: '',
          message: '请输入开始时间',
          trigger: 'blur'
        }],
        ageEnd: [{
          required: true,
          message: '',
          message: '请输入结束时间',
          trigger: 'blur'
        }],

      },


     open:false,
     formDat6: {},
      formDat: {
        //个人记事本详情
        id:undefined,
@@ -421,6 +927,7 @@
        url: undefined,
      },
       individualList:[],
     newOption: undefined,
      // 菜单列表
      menuOptions: [],
      // 部门列表
@@ -436,7 +943,10 @@
        remark:undefined
      },
      // searchVal:"",

   //个人自传
      activeName: '0',
      AutobiographyList:[],
      content1:'',
      // 表单参数
      form: {},
      defaultProps: {
@@ -472,6 +982,7 @@
          trigger: 'blur'
        }],
      },
     typeOption: [],
      typeOptions: [],
      isShow:true,
            dsb:true,
@@ -484,22 +995,86 @@
  },
  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
           if(clanId!=null){
            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 +1083,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)
    {
@@ -531,9 +1150,11 @@
      if(this.individualList.maritalStatus == 0)
          this.mrs = '未婚'
      else if(this.individualList.maritalStatus == 1)
          this.mrs = '已婚'
      else
          this.mrs = '初婚'
           else if(this.individualList.maritalStatus == 2)
          this.mrs = '离婚'// this.isEdit=false
     else
     this.mrs = '再婚'// this.isEdit=false
    },

 /** 导出按钮操作 */
@@ -543,16 +1164,23 @@
      }, `self_${new Date().getTime()}.xlsx`)
    },  //个人基本信息
    submitForm() {
      if(this.inds=='1')

      if(this.inds=='1'||this.inds=='女')
        this.individualList.sex = 1;
      else
        this.individualList.sex = 0;
      if(this.mrs=='0')
	  
      if(this.mrs=='0'||this.mrs=='未婚')
        this.individualList.maritalStatus = 0
      else if(this.mrs == '1')
      else if(this.mrs == '1'||this.mrs=='初婚')
        this.individualList.maritalStatus = 1
      else
      else if(this.mrs == '2'||this.mrs=='离婚')
        this.individualList.maritalStatus = 2
     else
     this.individualList.maritalStatus = 3
		
		
   //alert(123)
       // alert(10)
    //   let ul = this.fileList.map(function (elem){
    //     return elem.url.replace(process.env.VUE_APP_BASE_TRUE_API,"")
@@ -568,15 +1196,18 @@
            updateIndividual(this.individualList).then(response => {
              this.$modal.msgSuccess("修改成功");
              // 强制更新相关组件
              this.individualList={...this.individualList}

              // this.open = false;
			   
            //  this.individualList={...this.individualList}
         // alert(this.individualList.sex)
			  
   //            // this.open = false;
              this.dsb = true
              this.btn=false
              this.isShow_2=false
              this.isShow=true
              this.isEditing = false
            });
           //this.getList()
         })
          } else {
            this.$modal.msgSuccess("修改失败");

@@ -597,17 +1228,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 +1254,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 +1319,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为false，以便下次点击新增时为新增操作
           this.isEdit1 = false;
            }).catch(error => {
              console.log(error);
              this.dialogVisible.autobiography = false;
            });
          }
        }
      });

    },

    editRow(row) {
      this.$set(row, 'isEdit', true);
      this.$set(this.editStatus, row.id, true);
    },
    //修改后的保存


    //主要经历
    saveRowExperienceList(row) {
     // this.$refs['elForm'].validate(valid => {
     //   if (valid) {
          const foundIndex = this.experienceList.findIndex(item => item.id === row.id);
          if (foundIndex !== -1) {
            const updatedData = Object.assign({}, this.experienceList[foundIndex], row);
            updateExperience(updatedData).then(response => {
              this.$modal.msgSuccess("修改成功");
            }).catch(error => {
              this.$modal.msgError("修改失败");
              console.log(error);
            });
          } else {
            this.$modal.msgError("修改失败");
          }
        //}
     // });
      this.$set(row, 'isEdit', false);
      this.$set(this.editStatus, row.id, false);
    },
    //成员关系
    saveRowRelationList(row) {
     // this.$refs['elForm'].validate(valid => {
      //  if (valid) {
          const foundIndex = this.relationList.findIndex(item => item.id === row.id);
          if (foundIndex !== -1) {
            const updatedData = Object.assign({}, this.relationList[foundIndex], row);
            updateRelation(updatedData).then(response => {
              this.$modal.msgSuccess("修改成功");
            }).catch(error => {
              this.$modal.msgError("修改失败");
              console.log(error);
            });
          } else {
            this.$modal.msgError("修改失败");
          }
      //  }
    //  });
      this.$set(row, 'isEdit', false);
      this.$set(this.editStatus, row.id, false);
    },
    //证件情况
    saveRowCertificateList(row) {
     // this.$refs['elForm'].validate(valid => {
       // if (valid) {
          const foundIndex = this.certificateList.findIndex(item => item.id === row.id);
          if (foundIndex !== -1) {
            const updatedData = Object.assign({}, this.certificateList[foundIndex], row);
            updateCertificate(updatedData).then(response => {
              this.$modal.msgSuccess("修改成功");
            }).catch(error => {
              this.$modal.msgError("修改失败");
              console.log(error);
            });
          } else {
            this.$modal.msgError("修改失败");
          }
     //   }
      //});
      this.$set(row, 'isEdit', false);
      this.$set(this.editStatus, row.id, false);
    },
    //出国情况
    saveRowAbroadList(row) {
     // this.$refs['elForm'].validate(valid => {
     //   if (valid) {
          const foundIndex = this.AbroadList.findIndex(item => item.id === row.id);
          if (foundIndex !== -1) {
            const updatedData = Object.assign({}, this.AbroadList[foundIndex], row);
            updateAbroad(updatedData).then(response => {
              this.$modal.msgSuccess("修改成功");
            }).catch(error => {
              this.$modal.msgError("修改失败");
              console.log(error);
            });
          } else {
            this.$modal.msgError("修改失败");
          }
     //   }
     // });
      this.$set(row, 'isEdit', false);
      this.$set(this.editStatus, row.id, false);
    },

    /** 删除个人经历按钮操作 */
    handleExperienceDelete(row) {
      const Ids = row.id || this.ids;
      this.$modal.confirm('是否确认删除数据项？').then(function() {
        return delExperience(Ids);
      }).then(() => {
        this.getList();
        this.$modal.msgSuccess("删除成功");
      }).catch(() => {});
    },
    /** 删除成员关系按钮操作 */
    handleRelationDelete(row) {
      const Ids = row.id || this.ids;
      this.$modal.confirm('是否确认删除数据项？').then(function() {
        return delRelation(Ids);
      }).then(() => {
        this.getList();
        this.$modal.msgSuccess("删除成功");
      }).catch(() => {});
    },
    /** 删除持有出入境证件情况按钮操作 */
    handleCertificateDelete(row) {
      const Ids = row.id || this.ids;
      this.$modal.confirm('是否确认删除数据项？').then(function() {
        return delCertificate(Ids);
      }).then(() => {
        this.getList();
        this.$modal.msgSuccess("删除成功");
      }).catch(() => {});
    },
    /** 删除出国（境）情况按钮操作 */
    handleAbroadDelete(row) {
      const Ids = row.id || this.ids;
      this.$modal.confirm('是否确认删除数据项？').then(function() {
        return delAbroad(Ids);
      }).then(() => {
        this.getList();
        this.$modal.msgSuccess("删除成功");
      }).catch(() => {});
    },
    /** 删除个人自传按钮操作 */
    handleAutobiography(row) {
      const Ids = row.id || this.ids;
      this.$modal.confirm('是否确认删除数据项？').then(function() {
        return delAutobiography(Ids);
      }).then(() => {
        this.getList();
        this.$modal.msgSuccess("删除成功");
      }).catch(() => {});
    },
   /** 查询自传信息 */
   getAutobiographyInfor()
   {
     let _this = this
     getCategory().then(response => {
       // response.data.itemValues.replace("{","").replace("}","").split(",").map(elem=>{
       //   _this.typeOptions.push({"label":elem.split(":")[0], "value":elem.split(":")[0]})
       // })
       response.data.itemValues.replace("{", "").replace("}", "").split(",").map(elem => {
         const label = elem.split(":")[0].trim();
         const value = parseInt(elem.split(":")[1].trim());

         // 判断 typeOptions 数组中是否已存在相同的 value
         if (!_this.typeOptions.some(option => option.value === value)) {
           _this.typeOptions.push({ "label": label, "value": value });
         }
         // console.log(_this.typeOptions)
         // _this.getSrc1(value)
       });
     });

   },

   // 取消按钮
   cancelData() {
   //   alert(23)
     this.dialogVisible.open = false;
     this.dialogVisible.relation1 = false;
     this.dialogVisible.certificate =false;
     this.dialogVisible.abroad=false;
     this.dialogVisible.autobiography=false;
     this.isEdit1 = false;
    // this.reset();
    // alert(32)
     // 清空formDat对象的数据
     Object.keys(this.formDat).forEach(key => {
       this.formDat[key] = '';
     });
     // 清空formDat对象的数据
     Object.keys(this.formDat6).forEach(key => {
       this.formDat6[key] = '';
     });

   },
   handleUploadSuccess(response, file) {
     // 处理文件上传成功后的回调
     this.individualList.img = response.url;
   },

   //下拉
   handleChange5(activeNames) {
     // console.log(activeNames);
     //this.reset();
   },
   showDialog(dialogName) {
     this.dialogVisible[dialogName] = true;
     // alert(dialogName)
     // if(dialogName=="autobiography")
     // {
       //  alert(123)
     // }
   },

   //个人自传
   handleClick(tab, event) {
     // console.log(tab, event);
    // alert(987)
     this.getAutobiographyInfor();
     // this.getSrc1(typeOptions)
   },
   //个人自传编辑
   editData(data) {
   //   alert(1234)
     this.isEdit1 = true; // 设置为编辑操作
     // 将要修改的数据填充到formDat对象中

     this.formDat6.ageBegin = data.ageBegin;
     this.formDat6.ageEnd = data.ageEnd;
     this.formDat6.term = data.term;
     this.formDat6.content = data.content;

     // 打开弹窗
     this.dialogVisible.autobiography = true;
   },
   editAutobiography(data) {
      //alert(234)
      //alert(23)
      console.log(data)
     this.isEdit1 = true;
     this.formDat6.ageBegin = data.ageBegin;
     this.formDat6.ageEnd = data.ageEnd;
     this.formDat6.term = data.term;
     this.formDat6.content = data.content;
    // alert(data.id)
     this.formDat6.id = data.id
     this.dialogVisible.autobiography = true;
     //this.formDat = { item };
   },
   getTypeOptions() {
     const filteredOptions = this.typeList.filter(item => typeof item === 'string' && item !== '');
     // 创建一个空对象用于存储唯一的字符串选项
     const uniqueOptions = {};
     // 构建下拉选项列表
     this.typeOption = filteredOptions.reduce((options, option) => {
       if (!uniqueOptions[option]) {
         uniqueOptions[option] = true;
         options.push({
           label: option,
           value: option
         });
       }
       return options;
     }, []);

   },
   //隔行变色
   tableRowClassName({row, rowIndex}) {
     if (rowIndex % 2 == 0) {
       return "statistics-warning-row";
     } else {
       return "statistics-warning-row1";
     }
     return '';
   },
  }
};
</script>
<style>
.app-container{
  background-color: #FEF7FC;
}

.el-icon-top {
  background: no-repeat center url("../../assets/icons/top.png");
}


.el-collapse-item__header {
  background-color:#FEF7FC;
  width: 100%;
}
.title-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: calc(100% - 50px);
}
.el-table__row.statistics-warning-row {
  background: #E0EEFE;
@@ -706,5 +1746,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>