feige
2024-02-02 bd40473c9c634005bc7e62e7fc901bcd8b598fa0
ruoyi-ui/src/views/marry/index.vue
@@ -1,830 +1,1074 @@
<template>
    <div class="app-container">
  <!--    回到顶部-->
      <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">婚姻状况登记表</h1>
      <el-divider />
  <!--    基本信息-->
      <h2 style="font-size:16px">基本情况</h2>
      <el-container>
        <div style="padding-left:0px" >
          <el-container >
            <el-col >
              <el-form ref="elForm" :model="marryList" :rules="rules" size="medium"  label-position="left"
                       v-loading="loading" :data="marryList" @selection-change="handleSelectionChange" >
                <el-row :span="16">
                  <el-form-item label="姓名" prop="name" label-width="40px">
                    <el-input v-model="marryList.name" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
                    </el-input>
                  </el-form-item>
                </el-row>
                <el-row :span="16">
                  <el-form-item label="出生日期" prop="birthday" label-width="70px">
                    <el-input v-model="marryList.birthday" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
                    </el-input>
                  </el-form-item>
                </el-row>
                <el-row :span="16">
                  <el-form-item label="身份证号码" prop="id" label-width="85px">
                    <el-input v-model="marryList.id" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
                    </el-input>
                  </el-form-item>
                </el-row>
                <el-row :span="16">
                  <el-form-item label="婚姻状况" prop="marryStatus" label-width="70px">
                    <el-input v-model="marryList.marryStatus" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb" >
                    </el-input>
                  </el-form-item>
                </el-row>
                <el-row :span="16">
                  <el-form-item label="户籍地址" prop="address" label-width="70px">
                    <el-input v-model="marryList.address" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
                    </el-input>
                  </el-form-item>
                </el-row>
  <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>
    <h2 style="font-size:30px;padding-top:0px">婚姻状况登记表</h2>
    <el-divider />
    <!--    基本信息-->
    <!-- <h2 style="font-size:21px">基本情况</h2>
    <el-container>
      <div style="padding-left:0px;width: 28%;" >
        <el-container >
          <el-col >
            <el-form ref="elForm" :model="marryList" :rules="rules" size="medium"  label-position="left"
                     v-loading="loading" :data="marryList" @selection-change="handleSelectionChange" >
              <el-row :span="16">
                <el-form-item label="姓名" prop="name" label-width="50px">
                  <el-input v-model="marryList.name " placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
                  </el-input>
                </el-form-item>
              </el-row>
              <el-row :span="16">
                <el-form-item label="出生日期" prop="birthday" label-width="75px">
                  <el-date-picker v-model="marryList.birthday"
                                  type="date"
                                  placeholder="请选择日期"
                                  :editable="false"
                                  :clearable="false"
                                  :style="{width: '100%'}"
                                  :disabled="dsb" value-format="yyyy-MM-dd"></el-date-picker>
                </el-form-item>
              </el-row>
              <el-row :span="16">
                <el-form-item label="身份证号码" prop="id" label-width="95px">
                  <el-input v-model="marryList.id" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
                  </el-input>
                </el-form-item>
              </el-row>
              <el-row :span="16">
                <el-form-item label="婚姻状况" prop="marryStatus" label-width="80px" >
                  <template v-if="!isEditing">
                    <el-input v-if="marryList.marryStatus===0" placeholder="未婚" style="" :disabled="dsb"></el-input>
                    <el-input v-if="marryList.marryStatus===1" placeholder="初婚"  :disabled="dsb"></el-input>
                    <el-input v-if="marryList.marryStatus===2" placeholder="离婚"  :disabled="dsb"></el-input>
                    <el-input v-if="marryList.marryStatus===3" placeholder="再婚"   :disabled="dsb"></el-input>
                  </template>
                  <template v-else>
                    <el-select v-model="mrs" placeholder="请选择婚姻状态" clearable :style="{width: '100%'}" @change="handleMarryStatusChange">
                      <el-option label="未婚" value='0'></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>
              </el-row>
              <el-row :span="16">
                <el-form-item label="户籍地址" prop="address" label-width="70px">
                  <el-input v-model="marryList.address" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
                  </el-input>
                </el-form-item>
              </el-row>
              </el-form>
            </el-form>
          </el-col>
        </el-container>
      </div>
      <div style="width: 35%;padding-left: 100px;">
        <el-container>
          <el-col v-loading="loading" :data="marryList" @selection-change="handleSelectionChange">
            <el-form ref="elForm" :model="marryList" :rules="rules" size="medium"  label-position="left">
              <el-row :span="16">
                <el-form-item label="性别" prop="sex" label-width="40px">
                  <template v-if="!isEditing">
                    <el-input v-model="marryList.sex === '男' ? sinds='男':sinds='女'" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb"></el-input>
                  </template>
                  <template v-else>
                    <el-select v-model="sinds" placeholder="请选择性别" clearable :style="{width: '100%'}" :disabled="dsb">
                      <el-option label="男" value='男'></el-option>
                      <el-option label="女" value='女'></el-option>
                    </el-select>
                  </template>
                </el-form-item>
              </el-row>
              <el-row :span="16">
                <el-form-item label="民族" prop="nation" label-width="40px">
                  <el-input v-model="marryList.nation " placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
                  </el-input>
                </el-form-item>
              </el-row>
              <el-row :span="16">
                <el-form-item label="联系电话" prop="phone" label-width="70px">
                  <el-input v-model="marryList.phone" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
                  </el-input>
                </el-form-item>
              </el-row>
              <el-row :span="16">
                <el-form-item label="结婚时间" prop="marryTime" label-width="70px">
                  <el-date-picker v-model="marryList.marryTime" type="date" placeholder="请选择日期" :editable="false" :clearable="false" :style="{width: '100%'}" :disabled="dsb" value-format="yyyy-MM-dd">
                  </el-date-picker>
                </el-form-item>
              </el-row>
            </el-form>
          </el-col>
        </el-container>
      </div>
    </el-container> -->
    <h2 style="font-size:16px " >配偶情况</h2>
    <el-container>
      <div style="padding-top:15px;width: 28%;" >
        <el-container >
          <el-col >
            <el-form ref="elForm" :model="marryList" :rules="rules" size="medium"  label-position="left"
                     v-loading="loading" :data="marryList" @selection-change="handleSelectionChange" >
              <el-row :span="16">
                <el-form-item label="姓名" prop="spouseName" label-width="40px">
                  <el-input v-model="marryList.spouseName" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
                  </el-input>
                </el-form-item>
              </el-row>
              <el-row :span="16">
                <el-form-item label="出生日期" prop="spouseBirthday" label-width="70px">
                  <el-date-picker v-model="marryList.spouseBirthday" type="date" placeholder="请选择日期" :editable="false" :clearable="false" :style="{width: '100%'}" :disabled="dsb" value-format="yyyy-MM-dd">
                  </el-date-picker>
                </el-form-item>
              </el-row>
              <el-row :span="16">
                <el-form-item label="身份证号码" prop="spouseIdNo" label-width="85px">
                  <el-input v-model="marryList.spouseIdNo" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
                  </el-input>
                </el-form-item>
              </el-row>
              <el-row :span="16">
                <el-form-item label="婚姻状况" prop="spouseMarryStatus" label-width="70px" >
                  <template v-if="!isEditing">
                    <el-input v-if="marryList.spouseMarryStatus===0" placeholder="未婚"  :disabled="dsb"></el-input>
                    <el-input v-if="marryList.spouseMarryStatus===1" placeholder="初婚"  :disabled="dsb"></el-input>
                    <el-input v-if="marryList.spouseMarryStatus===2" placeholder="离婚"  :disabled="dsb"></el-input>
                    <el-input v-if="marryList.spouseMarryStatus===3" placeholder="再婚"   :disabled="dsb"></el-input>
                  </template>
                  <template v-else>
                    <el-select v-model="smrs" placeholder="请选择婚姻状态" clearable :style="{width: '100%'}">
                      <el-option label="未婚" value="0"></el-option>
                      <el-option label="初婚" value="1"></el-option>
                      <el-option label="离婚" value="2"></el-option>
                      <el-option label="再婚" value="3"></el-option>
                    </el-select>
                  </template>
                </el-form-item>
              </el-row>
              <el-row :span="16">
                <el-form-item label="户籍地址" prop="spouseAddress" label-width="70px">
                  <el-input v-model="marryList.spouseAddress" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
                  </el-input>
                </el-form-item>
              </el-row>
            </el-form>
          </el-col>
        </el-container>
      </div>
      <div style="padding-left:100px;padding-top:15px;width: 30%;">
        <el-container>
          <el-col v-loading="loading" :data="marryList" @selection-change="handleSelectionChange">
            <el-form ref="elForm" :model="marryList" :rules="rules" size="medium"  label-position="left">
              <el-row :span="16">
                <el-form-item label="性别" prop="spouseSex" label-width="40px">
                  <template v-if="!isEditing">
                    <el-input v-model="marryList.spouseSex === '男' ? 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='男'></el-option>
                      <el-option label="女" value='女'></el-option>
                    </el-select>
                  </template>
                </el-form-item>
              </el-row>
              <el-row :span="16">
                <el-form-item label="民族" prop="spouseNation" label-width="40px">
                  <el-input v-model="marryList.spouseNation " placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
                  </el-input>
                </el-form-item>
              </el-row>
              <el-row :span="16">
                <el-form-item label="联系电话" prop="spousePhone" label-width="70px">
                  <el-input v-model="marryList.spousePhone" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
                  </el-input>
                </el-form-item>
              </el-row>
              <el-row :span="16">
                <el-form-item label="结婚时间" prop="spouseMarryTime" label-width="70px">
                  <el-date-picker v-model="marryList.spouseMarryTime" type="date" placeholder="请选择日期" :editable="false" :clearable="false" :style="{width: '100%'}" :disabled="dsb" value-format="yyyy-MM-dd">
                  </el-date-picker>
                </el-form-item>
              </el-row>
            </el-form>
          </el-col>
        </el-container>
      </div>
 <div style="padding-left:400px;padding-top:30px" >
        <el-container >
          <el-row :gutter="10" class="mb8">
            <el-col  >
              <el-button
                plain
                @click="handleEdit()"
                style="width: 80px;height: 32px;background: #E0EEFE;"
                v-if="isShow"
                v-hasPermi="['system:role:edit']"
              >编辑</el-button>
              <el-button v-if="isShow_2"  style="width: 80px;height: 32px;background: #E0EEFE;" @click="submitForm" :disabled="dsb">完成</el-button>
              <br>
            </el-col>
          </el-container>
        </div>
        <div style="padding-left:200px">
          <el-container>
            <el-col v-loading="loading" :data="marryList" @selection-change="handleSelectionChange">
              <el-form ref="elForm" :model="marryList" :rules="rules" size="medium"  label-position="left">
                <el-row :span="16">
                  <el-form-item label="性别" prop="sex" label-width="40px">
                    <el-input v-model="marryList.sex === 1 ? '男':'女' " placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
                    </el-input>
                  </el-form-item>
                </el-row>
                <el-row :span="16">
                  <el-form-item label="民族" prop="nation" label-width="40px">
                    <el-input v-model="marryList.nation " placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
                    </el-input>
                  </el-form-item>
                </el-row>
                <el-row :span="16">
                  <el-form-item label="联系电话" prop="phone" label-width="70px">
                    <el-input v-model="marryList.phone" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
                    </el-input>
                  </el-form-item>
                </el-row>
                <el-row :span="16">
                  <el-form-item label="结婚时间" prop="marryTime" label-width="70px">
                    <el-input v-model="marryList.marryTime" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
                    </el-input>
                  </el-form-item>
                </el-row>
              </el-form>
            </el-col>
          </el-container>
        </div>
        <div style="padding-left:400px;padding-top:30px" >
          <el-container >
            <el-col style="padding-top: 10px;">
              <el-button
                plain
                style="width: 80px;height: 32px;background: #D2F3E0;"
                @click="handleExport"
                v-hasPermi="['family:note:export']"
              >导出</el-button></el-col>
            <el-row  >
                <el-button
                  type="primary"
                  @click="handleUpdate(scope.row)"
                  v-hasPermi="['system:role:edit']"
                >编辑</el-button>
                <br>
                  <el-button
                    type="primary"
                    @click="handleExport"
                    v-hasPermi="['family:note:export']"
                  >导出</el-button>
            </el-row>
          </el-container>
        </div>
  <!--      </el-dialog> self:user:export-->
      </el-container>
      <h2 style="font-size:16px " >配偶情况</h2>
      <el-container>
        <div style="padding-top:15px" >
          <el-container >
            <el-col >
              <el-form ref="elForm" :model="marryList" :rules="rules" size="medium"  label-position="left"
                       v-loading="loading" :data="marryList" @selection-change="handleSelectionChange" >
                <el-row :span="16">
                  <el-form-item label="姓名" prop="spouseName" label-width="40px">
                    <el-input v-model="marryList.spouseName" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
                    </el-input>
                  </el-form-item>
                </el-row>
                <el-row :span="16">
                  <el-form-item label="出生日期" prop="spouseBirthday" label-width="70px">
                    <el-input v-model="marryList.spouseBirthday" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
                    </el-input>
                  </el-form-item>
                </el-row>
                <el-row :span="16">
                  <el-form-item label="身份证号码" prop="spouseId" label-width="85px">
                    <el-input v-model="marryList.spouseId" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
                    </el-input>
                  </el-form-item>
                </el-row>
                <el-row :span="16">
                  <el-form-item label="婚姻状况" prop="spouseMarryStatus" label-width="70px">
                    <el-input v-model="marryList.spouseMarryStatus" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
                    </el-input>
                  </el-form-item>
                </el-row>
                <el-row :span="16">
                  <el-form-item label="户籍地址" prop="spouseAddress" label-width="70px">
                    <el-input v-model="marryList.spouseAddress" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
                    </el-input>
                  </el-form-item>
                </el-row>
            <el-col style="padding-top: 10px;">
              <el-button
                plain
                style="width: 80px;height: 32px;background: #FFDDE3;"
                v-print="'#printable-content'"
                v-hasPermi="['family:note:export']"
              >打印</el-button></el-col>
              </el-form>
            </el-col>
          </el-container>
        </div>
        <div style="padding-left:200px;padding-top:15px">
          <el-container>
            <el-col v-loading="loading" :data="marryList" @selection-change="handleSelectionChange">
              <el-form ref="elForm" :model="marryList" :rules="rules" size="medium"  label-position="left">
                <el-row :span="16">
                  <el-form-item label="性别" prop="spouseSex" label-width="40px">
                    <el-input v-model="marryList.spouseSex === 1 ? '男':'女' " placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
                    </el-input>
                  </el-form-item>
                </el-row>
                <el-row :span="16">
                  <el-form-item label="民族" prop="spouseNation" label-width="40px">
                    <el-input v-model="marryList.spouseNation " placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
                    </el-input>
                  </el-form-item>
                </el-row>
                <el-row :span="16">
                  <el-form-item label="联系电话" prop="spousePhone" label-width="70px">
                    <el-input v-model="marryList.spousePhone" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
                    </el-input>
                  </el-form-item>
                </el-row>
                <el-row :span="16">
                  <el-form-item label="结婚时间" prop="marryTime" label-width="70px">
                    <el-input v-model="marryList.marryTime" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
                    </el-input>
                  </el-form-item>
                </el-row>
              </el-form>
            </el-col>
          </el-container>
        </div>
          </el-row>
        <div style="padding-left:30px;padding-top:30px" >
          <el-container >
  <!--          <template slot-scope="scope" v-if="scope.row.roleId !== 1">-->
  <!--            <el-button-->
  <!--              size="mini"-->
  <!--              type="text"-->
  <!--              icon="el-icon-edit"-->
  <!--              @click="handleUpdate(scope.row)"-->
  <!--              v-hasPermi="['system:role:edit']"-->
  <!--            >修改</el-button>-->
  <!--          </template>-->
          </el-container>
        </div>
  <!--      </el-dialog> self:user:export-->
      </el-container>
        </el-container>
      </div>
      <!-- <h2 style="font-size:16px " >前任情况</h2>
      <el-container>
        <div style="padding-top:15px" >
          <el-container >
            <el-col >
              <el-form ref="elForm" :model="marryList.oldSpouseList" :rules="rules" size="medium"  label-position="left"
                       v-loading="loading" :data="marryList.oldSpouseList" @selection-change="handleSelectionChange" >
                <el-row :span="16">
                  <el-form-item label="姓名" prop="name" label-width="40px">
                    <el-input v-model="marryList.oldSpouseList.name" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
                    </el-input>
                  </el-form-item>
                </el-row>
                <el-row :span="16">
                  <el-form-item label="出生日期" prop="spouseBirthday" label-width="70px">
                    <el-input v-model="marryList.spouseBirthday" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
                    </el-input>
                  </el-form-item>
                </el-row>
                <el-row :span="16">
                  <el-form-item label="身份证号码" prop="spouseId" label-width="85px">
                    <el-input v-model="marryList.spouseId" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
                    </el-input>
                  </el-form-item>
                </el-row>
                <el-row :span="16">
                  <el-form-item label="婚姻状况" prop="spouseMarryStatus" label-width="70px">
                    <el-input v-model="marryList.spouseMarryStatus" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
                    </el-input>
                  </el-form-item>
                </el-row>
                <el-row :span="16">
                  <el-form-item label="户籍地址" prop="spouseAddress" label-width="70px">
                    <el-input v-model="marryList.spouseAddress" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
                    </el-input>
                  </el-form-item>
                </el-row>
      <div style="padding-left:30px;padding-top:30px" >
        <el-container >
              </el-form>
            </el-col>
          </el-container>
        </div>
        <div style="padding-left:200px;padding-top:15px">
          <el-container>
            <el-col v-loading="loading" :data="marryList" @selection-change="handleSelectionChange">
              <el-form ref="elForm" :model="marryList" :rules="rules" size="medium"  label-position="left">
                <el-row :span="16">
                  <el-form-item label="性别" prop="spouseSex" label-width="40px">
                    <el-input v-model="marryList.spouseSex === 1 ? '男':'女' " placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
                    </el-input>
                  </el-form-item>
                </el-row>
                <el-row :span="16">
                  <el-form-item label="民族" prop="spouseNation" label-width="40px">
                    <el-input v-model="marryList.spouseNation " placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
                    </el-input>
                  </el-form-item>
                </el-row>
                <el-row :span="16">
                  <el-form-item label="联系电话" prop="spousePhone" label-width="70px">
                    <el-input v-model="marryList.spousePhone" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
                    </el-input>
                  </el-form-item>
                </el-row>
                <el-row :span="16">
                  <el-form-item label="结婚时间" prop="marryTime" label-width="70px">
                    <el-input v-model="marryList.marryTime" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
                    </el-input>
                  </el-form-item>
                </el-row>
              </el-form>
            </el-col>
          </el-container>
        </div>
      </el-container> -->
        </el-container>
      </div>
      <!--      </el-dialog> self:user:export-->
    </el-container>
    <div v-if="showOldSpouse">
      <el-collapse v-model="activeNames" @change="handleChange">
        <el-collapse-item name="1"  >
          <template v-slot:title>
            <h2 style="font-size:16px ">前任情况</h2>
            <div class="title-wrapper">
              <div>
                <el-button class="button" size="mini" type="text"  @click="handleAdd">
                  <sapn v-html="'\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'"></sapn></el-button>
              </div>
            </div>
          </template>
          <el-table v-loading="loading" :data="oldSpouseList" @selection-change="handleSelectionChange" :row-class-name="tableRowClassName" style="background: #FFEFF2;  border-radius: 14px 14px 14px 14px;">
            <el-table-column label="姓名" prop="name" sortable width="160" align="center" >
              <template slot-scope="scope">
                <template v-if="!scope.row.isEdit">{{ scope.row.name }}</template>
                <template v-else><el-input v-model="scope.row.name"></el-input></template>
              </template>
            </el-table-column>
            <el-table-column label="性别" prop="sex" sortable width="80" align="center" >
              <template slot-scope="scope">
                <template v-if="!scope.row.isEdit">{{ scope.row.sex }}</template>
                <template v-else><el-select v-model="scope.row.sex" placeholder="请选择">
                  <el-option label="女" value="0"></el-option>
                  <el-option label="男" value="1"></el-option>
                </el-select></template>
              </template>
            </el-table-column>
            <el-table-column label="民族" prop="nation" sortable width="100" align="center" >
              <template slot-scope="scope">
                <template v-if="!scope.row.isEdit">{{ scope.row.nation }}</template>
                <template v-else><el-input v-model="scope.row.nation"></el-input></template>
              </template>
            </el-table-column>
            <el-table-column label="出生日期" prop="birthday" sortable width="150" align="center" >
              <template slot-scope="scope">
                <template v-if="!scope.row.isEdit">{{ scope.row.birthday }}</template>
                <template v-else><el-date-picker v-model="scope.row.birthday" 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="address" sortable width="180" align="center" >
              <template slot-scope="scope">
                <template v-if="!scope.row.isEdit">{{ scope.row.address }}</template>
                <template v-else><el-input v-model="scope.row.address"></el-input></template>
              </template>
            </el-table-column>
            <el-table-column label="身份证号" prop="idNo" sortable width="180" 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="address" sortable width="180" align="center" >
              <template slot-scope="scope">
                <template v-if="!scope.row.isEdit">{{ scope.row.address }}</template>
                <template v-else><el-input v-model="scope.row.address"></el-input></template>
              </template>
            </el-table-column>
            <el-table-column label="婚姻状态" prop="marryStatus" sortable width="100" align="center" >
              <template slot-scope="scope">
                <template v-if="!scope.row.isEdit" >
                  <span v-if="scope.row.marryStatus== 0">未婚</span>
                  <span v-if="scope.row.marryStatus== 1">初婚</span>
                  <span v-if="scope.row.marryStatus== 2">离婚</span>
                  <span v-if="scope.row.marryStatus== 3">再婚</span></template>
                <template v-else>  <el-select v-model="qianren" placeholder="请选择">
                  <el-option label="未婚" value="0"></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>
              </template>
            </el-table-column>
            <el-table-column label="结婚时间" prop="marryTime" sortable width="150" align="center" >
              <template slot-scope="scope">
                <template v-if="!scope.row.isEdit">{{ scope.row.marryTime }}</template>
                <template v-else><el-date-picker v-model="scope.row.marryTime" type="date" placeholder="请选择日期" :editable="false" :clearable="false" :style="{width: '100%'}"   value-format="yyyy-MM-dd">
                </el-date-picker></template>
              </template>
            </el-table-column>
            <!-- 操作 -->
            <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
              <template slot-scope="scope" v-if="scope.row.roleId !== 1">
                <el-button size="mini" type="text" icon="el-icon-edit" v-if="!editStatus[scope.row.id]"
                           @click="editRow(scope.row)" v-hasPermi="['system:role:edit']">修改</el-button>
                <el-button size="mini" type="text"
                           v-if="editStatus[scope.row.id]" @click="saveRowmarryList(scope.row)">保存</el-button>
                <el-button size="mini" type="text" icon="el-icon-delete"
                           @click="handleDelete(scope.row)" v-hasPermi="['system:role:remove']">删除</el-button>
              </template>
            </el-table-column>
          </el-table>
        </el-collapse-item>
      </el-collapse>
    </div>
    <h2 style="font-size:16px " >生育情况</h2>
    <el-container>
        <div style="padding-left:0px" >
          <el-container >
            <el-col >
              <el-form ref="elForm" :model="marryList" :rules="rules" size="medium"  label-position="left"
                       v-loading="loading" :data="marryList" @selection-change="handleSelectionChange" >
                <el-row :span="16">
                  <el-form-item label="生育情况" prop="bearStatus" label-width="80px">
                    <el-input v-model="marryList.bearStatus" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
                    </el-input>
                  </el-form-item>
                </el-row>
                <el-row :span="16">
                  <el-form-item label="领取《计划生育服务手册》" prop="handbookStatus" label-width="180px">
                    <el-input v-model="marryList.handbookStatus ===1 ? '是':'否' " placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
                    </el-input>
                  </el-form-item>
                </el-row>
                <el-row :span="16">
                  <el-form-item label="领取《独生子女证》" prop="oneBorn" label-width="150px">
                    <el-input v-model="marryList.oneBorn  ===1 ? '是':'否' " placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
                    </el-input>
                  </el-form-item>
                </el-row>
      <div style="padding-left:0px" >
        <el-container >
          <el-col >
            <el-form ref="elForm" :model="marryList" :rules="rules" size="medium"  label-position="left"
                     v-loading="loading" :data="marryList" @selection-change="handleSelectionChange" >
              <el-row :span="16">
                <el-form-item label="生育情况" prop="bearStatus" label-width="80px">
                  <template v-if="!isEditing">
                    <el-input v-if="marryList.bearStatus===0" placeholder="未生育" style="" :disabled="dsb"></el-input>
                    <el-input v-if="marryList.bearStatus===1" placeholder="在孕"  :disabled="dsb"></el-input>
                    <el-input v-if="marryList.bearStatus===2" placeholder="已生育"  :disabled="dsb"></el-input>
                  </template>
                  <template v-else>
                    <el-select v-model="bear" placeholder="请选择生育情况" clearable :style="{width: '100%'}">
                      <el-option label="未生育" value='0'></el-option>
                      <el-option label="在孕" value='1'></el-option>
                      <el-option label="已生育" value='2'></el-option>
                    </el-select>
                  </template>
              </el-form>
            </el-col>
          </el-container>
        </div>
        <div style="padding-left:200px; padding-top: 58px; ">
          <el-container>
            <el-col v-loading="loading" :data="marryList" @selection-change="handleSelectionChange">
              <el-form ref="elForm" :model="marryList" :rules="rules" size="medium"  label-position="left" >
                </el-form-item>
              </el-row>
              <el-row :span="16">
                <el-form-item label="领取《计划生育服务手册》" prop="handbookStatus" label-width="180px">
                  <template v-if="!isEditing">
                    <el-input v-if="marryList.handbookStatus===0" placeholder="否" style="" :disabled="dsb"></el-input>
                    <el-input v-if="marryList.handbookStatus===1" placeholder="是"  :disabled="dsb"></el-input>
                <el-row :span="16"  >
                  <el-form-item label="领证时间" prop="handbookTime" label-width="70px">
                    <el-input v-model="marryList.handbookTime " placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
                    </el-input>
                  </el-form-item>
                </el-row>
                <el-row :span="16">
                  <el-form-item label="领证时间" prop="oneBornTime" label-width="70px">
                    <el-input v-model="marryList.oneBornTime" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
                    </el-input>
                  </el-form-item>
                </el-row>
                  </template>
                  <template v-else>
                    <el-select v-model="handsj" placeholder="请选择是/否" clearable :style="{width: '100%'}">
                      <el-option label="否" value='0'></el-option>
                      <el-option label="是" value='1'></el-option>
                    </el-select>
                  </template>
              </el-form>
            </el-col>
          </el-container>
        </div>
                </el-form-item>
              </el-row>
              <el-row :span="16">
                <el-form-item label="领取《独生子女证》" prop="oneBorn" label-width="150px">
                  <template v-if="!isEditing">
                    <el-input v-if="marryList.oneBorn===0" placeholder="否" style="" :disabled="dsb"></el-input>
                    <el-input v-if="marryList.oneBorn===1" placeholder="是"  :disabled="dsb"></el-input>
        <div style="padding-left:400px;padding-top:30px" >
        </div>
  <!--      </el-dialog> self:user:export-->
      </el-container>
    </div>
  </template>
  <script>
  import { listRole, getRole, delRole, addRole, updateRole, dataScope, changeRoleStatus, deptTreeSelect } from "@/api/system/role";
  import { treeselect as menuTreeselect, roleMenuTreeselect } from "@/api/system/menu";
  //在system/note/index.js中导入接口函数  --接好了
  import {listMarry} from "@/api/marry/index";
  import { delFamilyevent, uploadPic } from '../../api/bignote'
  import { blobValidate } from '../../utils/ruoyi'
  export default {
    name: "show",
    dicts: ['sys_normal_disable'],
    data() {
      return {
        // 遮罩层
        disabled: false,
        loading: true,
        formData:[],
        // 选中数组
        ids: [],
        // 非单个禁用
        single: true,
        // 非多个禁用
        multiple: true,
        // 显示搜索条件
        showSearch: true,
        // 总条数
        total: 0,
        //头像上传
        showBtnDealImg:true,
        noneBtnImg:false,
        limitCountImg:1,//上传图片的最大数量
        //个人信息数据
        marryList:[],
        fit:['fill'],
        oldSpouseList:[],
        //下拉实现
        activeNames:['1'],
        // 弹出层标题
        title: "",
        // 是否显示弹出层
        open: false,
        // open:true,
        // 是否显示弹出层(数据权限)
        openDataScope: false,
        menuExpand: false,
        menuNodeAll: false,
        deptExpand: true,
        deptNodeAll: false,
        // 日期范围
        dateRange: [],
        // 数据范围选项
        fot:[".jpg",".jif"],
        fileList:[
        ],
        fileListOther:[
        ],
        dsb:true,
        btn:false,
        formDat: {
          //个人基本信息
          name:undefined,
          oldName:undefined,
          sex:undefined,
          nationality:undefined,
          nation:undefined,
          maritalStatus:undefined,
          phoneNumber:undefined,
          idNum:undefined,
          locationAddress:undefined,
          alwaysAddress:undefined,
          locationPolice:undefined,
          alwaysPolice:undefined,
          outStatus:undefined,
          idNo:undefined,
          unit:undefined,
          position:undefined,
          politicalOutlook:undefined,
          img:undefined,
          fatherId:undefined,
          momId:undefined,
          birthday:undefined,
          familyId:undefined,
          //主要学习及工作经历
          id:undefined,
          userId:undefined,
          startDate:undefined,
          content:undefined,
          witness:undefined,
          remark: undefined,
          //家庭成员及主要社会关系情况
          relation:undefined,
          //持有出入境证件情况
          cerName:undefined,
          validityDate:undefined,
          ownStatus:undefined,
          //出国(境)情况
          destination:undefined,
          cause:undefined,
          url: undefined,
                  </template>
                  <template v-else>
                    <el-select v-model="onebear" placeholder="请选择是/否" clearable :style="{width: '100%'}">
                      <el-option label="否" value='0'></el-option>
                      <el-option label="是" value='1'></el-option>
                    </el-select>
                  </template>
                </el-form-item>
              </el-row>
            </el-form>
          </el-col>
        </el-container>
      </div>
      <div style="padding-left:200px; padding-top: 58px; ">
        <el-container>
          <el-col v-loading="loading" :data="marryList" @selection-change="handleSelectionChange">
            <el-form ref="elForm" :model="marryList" :rules="rules" size="medium"  label-position="left" >
              <el-row :span="16"  >
                <el-form-item label="领证时间" prop="handbookTime" label-width="70px">
                  <el-date-picker v-model="marryList.handbookTime" type="date" placeholder="请选择日期" :editable="false" :clearable="false" :style="{width: '100%'}" :disabled="dsb" value-format="yyyy-MM-dd">
                  </el-date-picker>
                </el-form-item>
              </el-row>
              <el-row :span="16">
                <el-form-item label="领证时间" prop="oneBornTime" label-width="70px">
                  <el-date-picker v-model="marryList.oneBornTime" type="date" placeholder="请选择日期" :editable="false" :clearable="false" :style="{width: '100%'}" :disabled="dsb" value-format="yyyy-MM-dd">
                  </el-date-picker>
                </el-form-item>
              </el-row>
            </el-form>
          </el-col>
        </el-container>
      </div>
      <div style="padding-left:400px;padding-top:30px" >
      </div>
      <!--      </el-dialog> self:user:export-->
    </el-container>
    <h2 style="font-size:16px " >需声明的情况</h2>
    <el-container>
      <el-input v-model="marryList.notion " placeholder="" clearable :style="{width: '80%'}" :disabled="dsb"> </el-input>
    </el-container>
    <h2 style="font-size:16px " >备注</h2>
    <el-container>
      <el-input v-model="marryList.remark " placeholder="" clearable :style="{width: '80%'}" :disabled="dsb"> </el-input>
    </el-container>
    <!-- 新增  -->
    <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body>
      <el-form ref="elForm" :model="formDat" :rules="rules" size="medium" label-width="100px">
        <el-form-item label="姓名" prop="name">
          <el-input v-model="formDat.name" placeholder="请输入姓名" clearable :style="{width: '100%'}" ></el-input>
        </el-form-item>
        <el-form-item label="性别" prop="sex">
          <el-select v-model="formDat.sex" placeholder="请选择性别" clearable :style="{width: '100%'}"  >
            <el-option v-for="(item, index) in typeOptions" :key="index" :label="item.label" :value="item.value"
            ></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="出生日期" prop="birthday">
          <el-date-picker v-model="formDat.birthday" 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="nation">
          <el-input v-model="formDat.nation" 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="phone">
          <el-input v-model="formDat.phone" placeholder="请输入手机号码" clearable :style="{width: '100%'}" >
          </el-input>
        </el-form-item>
        <el-form-item label="地址" prop="address">
          <el-input v-model="formDat.address" placeholder="请输入地址" clearable :style="{width: '100%'}" ></el-input>
        </el-form-item>
        <el-form-item label="婚姻状态" prop="marryStatus">
          <el-select v-model="formDat.marryStatus" placeholder="请选择婚姻状态" clearable :style="{width: '100%'}"  >
            <el-option v-for="(item, index) in typeOptions1" :key="index" :label="item.label" :value="item.value"
            ></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="结婚时间" prop="marryTime">
          <el-date-picker v-model="formDat.marryTime" 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="submitDataScope">确 定</el-button>
        <el-button @click="cancelData">取 消</el-button>
      </div>
    </el-dialog>
  </div>
</template>
<script>
import { listRole, getRole, delRole, addRole, updateRole, dataScope, changeRoleStatus, deptTreeSelect } from "@/api/system/role";
import { treeselect as menuTreeselect, roleMenuTreeselect } from "@/api/system/menu";
import {listMarry,updateMarry,delMarryOld,addMarryOld,updateMarryOld} from "@/api/marry/index";
import { blobValidate } from '../../utils/ruoyi'
export default {
  name: "show",
  dicts: ['sys_normal_disable'],
  data() {
    return {
      showOldSpouse:false,//显示前任信息
      // 遮罩层
      disabled: false,
      isEditing:false,
      inds: undefined,
      sinds: undefined,
      loading: false,
      formData:[],
      // 选中数组
      ids: [],
      // 非单个禁用
      single: true,
      // 非多个禁用
      multiple: true,
      // 显示搜索条件
      showSearch: true,
      // 总条数
      total: 0,
      //头像上传
      showBtnDealImg:true,
      noneBtnImg:false,
      limitCountImg:1,//上传图片的最大数量
      //个人信息数据
      marryList:{
        name:undefined,
        sex:undefined,
        birthday:undefined,
        nation:undefined,
        idNo:undefined,
        phone:undefined,
        marryStatus:undefined,
        marryTime:undefined,
        address:undefined,
        bearStatus:undefined,
        handbookStatus:undefined,
        handbookTime:undefined,
        oneBorn:undefined,
        oneBornTime:undefined,
        notion:undefined,
        remark:undefined,
        spouseName:undefined,
        spouseSex:undefined,
        spouseBirthday:undefined,
        spouseIdNo:undefined,
        spouseAddress:undefined,
        spouseMarryStatus:undefined,
        spouseNation:undefined,
        spouseMarryTime:undefined,
        spousePhone:undefined,
      },
      fit:['fill'],
      //下拉实现
      activeNames:['1'],
      // 弹出层标题
      title: "",
      // 是否显示弹出层
      open: false,
      // open:true,
      // 是否显示弹出层(数据权限)
      bear:undefined,
      mrs:undefined,
      smrs:undefined,
      openDataScope: false,
      menuExpand: false,
      menuNodeAll: false,
      deptExpand: true,
      deptNodeAll: false,
      // 日期范围
      dateRange: [],
      // 数据范围选项
      // 数据范围选项
      fot:['.bmp','.jpg','.jpeg','.png','.tif','.gif','.pcx','.tga','.exif','.fpx',
        '.svg','.psd','.cdr','.pcd','.dxf','.ufo','.eps','.ai','.aw','.WMF','.webp','.apng'],
      fileList:[
      ],
      fileListOther:[
      ],
      editStatus: {},
      dsb:true,
      btn:false,
      isShow:true,
      isShow_2:false,
      oldSpouseList:{
        name:undefined,
        sex:undefined,
        birthday:undefined,
        nation:undefined,
        idNo:undefined,
        phone:undefined,
        marryStatus:undefined,
        marryTime:undefined,
        address:undefined,
      },
      formDat: {
        //前任信息
        name:undefined,
        sex:undefined,
        birthday:undefined,
        nation:undefined,
        idNo:undefined,
        phone:undefined,
        marryStatus:undefined,
        marryTime:undefined,
        address:undefined,
      },
      // 菜单列表
      menuOptions: [],
      // 部门列表
      deptOptions: [],
      // 查询参数
      queryParams: {
      },
      // 表单参数
      form: {},
      defaultProps: {
        children: "children",
        label: "label"
      },
      // 表单校验
      rules: {
        id: [{
          required: true,
          message: '请输入身份证号码',
          trigger: 'blur'
        }],
        name: [{
          required: true,
          message: '请输入姓名',
          trigger: 'blur'
        }],
        birthday: [{
          // required: true,
          message: '请选择日期',
          trigger: 'change'
        }],
        marryStatus: [{
          required: true,
          message: '请选择婚姻状况',
          trigger: 'change'
        }],
        marryTime: [{
          // required: true,
          message: '请选择结婚时间',
          trigger: 'change'
        }],
      },
      typeOptions: [ {
        value: '女',
        label: '女',
      },
        {
          value: '男',
          label: '男',
        }],
      typeOptions1: [ {
        value: '0',
        label: '未婚',
      },
        {
          value: '1',
          label: '初婚',
        },
        // 菜单列表
        menuOptions: [],
        // 部门列表
        deptOptions: [],
        // 查询参数
        queryParams: {
          pageNum: 1,
          pageSize: 5,
          startDate:undefined,
          content:undefined,
          witness:undefined,
        {
          value: '2',
          label: '离婚',
        },
        // 表单参数
        form: {},
        defaultProps: {
          children: "children",
          label: "label"
        },
        // 表单校验
        rules: {
          //基本信息
          nickName: [{
            // required: true,
            message: '请输入姓名',
            trigger: 'blur'
          }],
          oldName: [{
            // required: true,
            message: '请输入曾用名',
            trigger: 'blur'
          }],
          idNum: [{
            // required: true,
            message: '请输入身份证号',
            trigger: 'blur'
          }],
          nationality: [{
            // required: true,
            message: '请输入国籍',
            trigger: 'blur'
          }],
          maritalStatus: [{
            // required: true,
            message: '请输入民族',
            trigger: 'blur'
          }],
          locationAddress: [{
            // required: true,
            message: '请输入户籍地址',
            trigger: 'blur'
          }],
          alwaysAddress: [{
            // required: true,
            message: '请输入常住地址',
            trigger: 'blur'
          }],
          unit: [{
            // required: true,
            message: '请输入单位',
            trigger: 'blur'
          }],
          position: [{
            // required: true,
            message: '请输入职务职称',
            trigger: 'blur'
          }],
          locationPolice: [{
            // required: true,
            message: '请输入户籍地公安机关',
            trigger: 'blur'
          }],
          alwaysPolice: [{
            // required: true,
            message: '请输入常住地公安机关',
            trigger: 'blur'
          }],
          //主要学习及工作经历
          startDate: [{
            required: true,
            message: '请输入起始日期',
            trigger: 'blur'
          }],
          content: [{
            required: true,
            message: '请输入主要学习经历、工作单位及任职情况',
            trigger: 'blur'
          }],
          witness: [{
            required: true,
            message: '请输入证明人',
            trigger: 'blur'
          }],
        },
        typeOptions: [],
      };
    },
    created() {
      this.getList()
    },
    methods: {
        {
          value: '3',
          label: '再婚',
        },],
    };
  },
  created() {
    this.getList()
  },
  methods: {
      // 取消按钮
      cancelData() {
        this.open = false;
        this.reset();
      },
      //下拉
      handleChange(val) {
        console.log(val);
      },
      // edit(row){
      //   const id= row.id;
      //   this.reset();
      //   this.title='编辑个人信息';
      //   this.$router.push('/self/self/edit/' + id);
      // },
      //个人自传
      handleClick(tab, event) {
        // console.log(tab, event);
        this.getAutobiographyInfor();
        if(tab.name == 0) {
        }
        //根据不同时段的个人自传
        getAutobiographyTermList(this.queryParams).then(response => {
          //  alert(123)
          //   console.log(response.data)
          this.AutobiographyTermList = 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;
        });
      },
      /** 查询角色列表 */
      getList() {
        this.loading = true;
        //个人信息
        listMarry(this.queryParams).then(response => {
            //  alert(123)
            //   console.log(response.data)
            this.marryList = response.data;
            this.total = response.data.total;
            this.loading = false;
          }
        );
        listMarry(this.queryParams).then(response => {
            //  alert(123)
            //   console.log(response.data)
            this.oldSpouseList = response.data;
            this.total = response.data.total;
            this.loading = false;
          }
        );
      },
      //图片的上传及上传按钮隐藏
      // 取消按钮
      cancel() {
        this.open = false;
        this.reset();
      },
      // 取消按钮(数据权限)
      cancelDataScope() {
        this.openDataScope = false;
        this.reset();
      },
      // 表单重置
      reset() {
        if (this.$refs.menu != undefined) {
          this.$refs.menu.setCheckedKeys([]);
        }
        this.menuExpand = false,
          this.menuNodeAll = false,
          this.deptExpand = true,
          this.deptNodeAll = false,
          this.form = {
            roleId: undefined,
            roleName: undefined,
            roleKey: undefined,
            roleSort: 0,
            status: "0",
            menuIds: [],
            deptIds: [],
            menuCheckStrictly: true,
            deptCheckStrictly: true,
            remark: undefined
          };
        this.resetForm("form");
      },
      /** 搜索按钮操作 */
      handleQuery() {
        this.queryParams.pageNum = 1;
        this.getList();
      },
      /** 重置按钮操作 */
      resetQuery() {
        this.dateRange = [];
        this.resetForm("queryForm");
        this.handleQuery();
      },
      // 多选框选中数据
      handleSelectionChange(selection) {
        this.ids = selection.map(item => item.id)
        console.log(this.ids)
        this.single = selection.length!=1
        this.multiple = !selection.length
      },
      /** 新增按钮操作 */
      handleAdd() {
        this.reset();
        this.open = true;
        this.title = "添加个人信息";
      },
      /** 查看详细信息 */
      handleCheck(row){
        const id = row.id;
        this.$router.push("/self/self/edit/" + id);
      },
      /** 修改按钮操作 */
      handleUpdate(row) {
        const id = row.id;
        let jd = true
        this.$router.push({
          path:"/self/marry/edit/" + id,
          query:{
            detail:jd
          }
        });
      },
      handleRemoveFile(file) {
        alert(23)
      },
      handleRemove(file) {
        alert("操作成功")
      },
      handlePictureCardPreview(file) {
        this.dialogImageUrl = file.url;
        this.dialogVisible = true;
      },
      //点击下载函数
      handleDownload(url) {
        var formData = {'path':"/"+url.replace(process.env.VUE_APP_BASE_TRUE_API,"")};
        let lens = formData.path.split(".")
        let suffix = lens[lens.length-1]
        download(formData).then(async (response) => {
          const isLogin = await blobValidate(response);
          let nt = new Date().getTime()
          let filename = 'selfevent_'+nt+'.'+suffix
          const blob = new Blob([response])
          saveAs(blob, filename)
        })
      },
      /** 查询自传信息 */
      getAutobiographyInfor()
      {
        let _this = this
        getAutobiography().then(response=>{
          response.data.itemValues.replace("{","").replace("}","").split(",").map(elem=>{
            _this.typeOptions.push({"label":elem.split(":")[0], "value":elem.split(":")[0]})
          })
        })
      },
      /** 提交按钮(数据权限) */
      submitDataScope: function() {
        let ul = this.fileList.map(function (elem){
          return elem.url.replace(process.env.VUE_APP_BASE_TRUE_API,"")
        }).join(",")
        let uls = this.fileListOther.map(function (elem){
          return elem.url.replace(process.env.VUE_APP_BASE_TRUE_API,"")
        }).join(",")
        this.formDat.url = ul+","+uls
        this.$refs["elForm"].validate(valid => {
          if (valid) {
            addIndividual(this.formDat).then(response => {
              this.$modal.msgSuccess("新增成功");
              this.open = false;
              this.getList();
            });
          }
        });
      },
      requestUpload(params)
      {
        var file = params.file;
        var formData = new FormData();
        formData.append('uploadFile', file);
        let _this = this
        uploadPic(formData).then(response => {
          let pth = response.data.originalFilename.substr(response.data.originalFilename.length-4, response.data.originalFilename.length)
          if(_this.fot.includes(pth) === true)
          {
            _this.fileList.push({name:response.data.fileName, "url":response.data.url})
          }
          else{
            _this.fileListOther.push({name:response.data.fileName, url:response.data.url})
          }
        })
      },
      /** 删除个人经历按钮操作 */
      handleExperienceDelete(row) {
        const Ids = row.id || this.ids;
        this.$modal.confirm('是否确认删除序号为"' + Ids + '"的数据项?').then(function() {
          return delExperience(Ids);
        }).then(() => {
          this.getList();
          this.$modal.msgSuccess("删除成功");
        }).catch(() => {});
      },
      /** 删除持有出入境证件情况按钮操作 */
      handleCertificateDelete(row) {
        const Ids = row.id || this.ids;
        this.$modal.confirm('是否确认删除序号为"' + Ids + '"的数据项?').then(function() {
          return delCertificate(Ids);
        }).then(() => {
          this.getList();
          this.$modal.msgSuccess("删除成功");
        }).catch(() => {});
      },
      /** 导出按钮操作 */
      handleExport() {
        this.download('/self/user/export', {
          ...this.queryParams
        }, `self_${new Date().getTime()}.xlsx`)
    handleMarryStatusChange() {
      // 判断当前选中的婚姻状态是否为再婚
      if (this.mrs === '3') {
        this.showOldSpouse = true;
      } else {
        this.showOldSpouse = false;
      }
    },
    //性别
    getSrc1(sex) {
      if (sex === '女') {
        return '女'
      }else {
        return '男'
      }
    },
    // 取消按钮
    cancelData() {
      this.open = false;
      this.reset();
    },
    //下拉
    handleChange(val) {
      console.log(val);
    },
    /** 查询角色列表 */
    getList() {
      this.loading = false;
      //个人信息
      listMarry(this.queryParams).then(response => {
          if(response.data.length === 0){
            this.loading = false;
            this.marryList={};
            this.oldSpouseList = {};
            console.log(this.marryList)
          }
          else{
            this.marryList = response.data;
            this.oldSpouseList = this.marryList.oldSpouseList;
            console.log(111)
            console.log("信息")
            console.log(this.marryList.marryStatus);
            if(this.marryList.marryStatus===3){
              this.showOldSpouse = true;
            } else{
              this.showOldSpouse = false;
            }
            this.loading = false;
          }
        }
      );
    },
    //图片的上传及上传按钮隐藏
    // 取消按钮
    cancel() {
      this.open = false;
      this.reset();
    },
    // 取消按钮(数据权限)
    cancelDataScope() {
      this.openDataScope = false;
      this.reset();
    },
    // 表单重置
    reset() {
      if (this.$refs.menu != undefined) {
        this.$refs.menu.setCheckedKeys([]);
      }
      this.menuExpand = false,
        this.menuNodeAll = false,
        this.deptExpand = true,
        this.deptNodeAll = false,
        this.form = {
          roleId: undefined,
          roleName: undefined,
          roleKey: undefined,
          roleSort: 0,
          status: "0",
          menuIds: [],
          deptIds: [],
          menuCheckStrictly: true,
          deptCheckStrictly: true,
          remark: undefined
        };
      this.resetForm("form");
    },
    /** 新增按钮操作 */
    handleAdd() {
      this.reset();
      this.open = true;
      this.title = "新增婚姻信息";
    },
    /** 修改按钮操作 */
    handleUpdate() {
      let jd = true
      // this.$router.push({
      //   path:"/self/marry/edit/" + id,
      //   query:{
      //     detail:jd
      //   }
      // });
    },
    // 编辑按钮
    handleEdit()
    {
      this.dsb = false
      this.btn = true
      this.isShow=false
      this.isShow_2=true
      this.isEditing=true
      if(this.marryList.marryStatus == 0)
        this.mrs = '未婚'
      else if(this.marryList.marryStatus == 1)
        this.mrs = '初婚'
      else if(this.marryList.marryStatus == 2)
        this.mrs = '离婚'
      else
        this.mrs = '再婚'// this.isEdit=false
      if(this.marryList.spouseMarryStatus == 0)
        this.smrs = '未婚'
      else if(this.marryList.spouseMarryStatus == 1)
        this.smrs = '初婚'
      else if(this.marryList.spouseMarryStatus == 2)
        this.smrs = '离婚'
      else
        this.smrs = '再婚'
      if(this.marryList.bearStatus == 0)
        this.bear = '未生育'
      else if(this.marryList.bearStatus == 1)
        this.bear = '在孕'
      else if(this.marryList.bearStatus == 2)
        this.bear = '已生育'
      if(this.marryList.oneBorn == 0)
        this.onebear = '否'
      else if(this.marryList.oneBorn == 1)
        this.onebear = '是'
      if(this.marryList.handbookStatus == 0)
        this.handsj = '否'
      else if (this.marryList.handbookStatus == 1)
        this.handsj = '是'
    },
    handleRemoveFile(file) {
      alert(操作成功)
    },
    handleRemove(file) {
      alert("操作成功")
    },
    handlePictureCardPreview(file) {
      this.dialogImageUrl = file.url;
      this.dialogVisible = true;
    },
    //点击下载函数
    handleDownload(url) {
      var formData = {'path':"/"+url.replace(process.env.VUE_APP_BASE_TRUE_API,"")};
      let lens = formData.path.split(".")
      let suffix = lens[lens.length-1]
      download(formData).then(async (response) => {
        const isLogin = await blobValidate(response);
        let nt = new Date().getTime()
        let filename = 'selfevent_'+nt+'.'+suffix
        const blob = new Blob([response])
        saveAs(blob, filename)
      })
    },
    /** 提交按钮(数据权限) */
    submitDataScope: function() {
      let _this = this
      this.$refs["elForm"].validate(valid => {
        if (valid) {
          console.log(this.formDat)
          addMarryOld(this.formDat).then(response => {
            // marryList.oldSpouseList.push(this.formDat);
            this.$modal.msgSuccess("新增成功");
            _this.formDat = {}
            this.open = false;
            this.getList();
          });
        }
      });
    },
    editRow(row) {
      if(this.oldSpouseList.marryStatus == 0)
        this.qianren = '未婚'
      else if(this.oldSpouseList.marryStatus == 1)
        this.qianren = '初婚'
      else if(this.oldSpouseList.marryStatus == 2)
        this.qianren = '离婚'
      else
        this.qianren = '再婚'// this.isEdit=false
      this.$set(row, 'isEdit', true);
      this.$set(this.editStatus, row.id, true);
    },
    //修改后的保存
    submitForm() {
      if(parseInt(this.mrs))
        this.marryList.marryStatus = parseInt(this.mrs)
      if(parseInt(this.smrs))
        this.marryList.spouseMarryStatus = parseInt(this.smrs)
      if(parseInt(this.bear))
        this.marryList.bearStatus = parseInt(this.bear)
      this.marryList.oneBorn = parseInt(this.onebear)
      this.marryList.handbookStatus =parseInt(this.handsj)
      this.marryList.sex = this.sinds
      this.marryList.spouseSex = this.inds
      this.$refs['elForm'].validate(valid => {
        if (valid) {
          if (this.marryList.id !== undefined) {
            updateMarry(this.marryList).then(response => {
              this.$modal.msgSuccess("修改成功");
              // this.open = false;
              this.btn=false
              this.isEditing = false
              this.dsb = true
              this.isShow_2=false
              this.isShow = true
            }).catch(error => {
              console.error(error);
              this.$modal.msgError("修改失败");
            });
          } else {
            this.$modal.msgSuccess("修改失败");
          }
        }
      })
      // 刷新页面
      // window.location.reload();
    },
    //前任修改
    saveRowmarryList(row) {
      this.$refs['elForm'].validate(valid => {
        console.log(this.oldSpouseList)
        if (valid) {
          this.marryList.oldSpouseList =  this.oldSpouseList
          const foundIndex = this.oldSpouseList.findIndex(item => item.id === row.id);
          if (foundIndex !== -1) {
            const updatedData = Object.assign({}, this.marryList.oldSpouseList[foundIndex], row);
            updateMarryOld(updatedData).then(response => {
              this.oldSpouseList = this.marryList.oldSpouseList
              this.$modal.msgSuccess("修改成功");
              console.log(updatedData)
              this.getList();
              // console.log(this.oldSpouseList)
            }).catch(error => {
              this.$modal.msgError("修改失败");
              console.log(error);
            });
          } else {
            this.$modal.msgError("修改失败");
          }
        }
      });
      this.$set(row, 'isEdit', false);
      this.$set(this.editStatus, row.id, false);
    },
    //隔行变色
    tableRowClassName({ row, rowIndex }) {
      if (rowIndex % 2 == 0) {
        return "statistics-warning-row1";
      } else {
        return "statistics-warning-row";
      }
    },
    /** 删除前任 */
    handleDelete(row) {
      console.log(this.oldSpouseList)
      const id = row.id || this.oldSpouseList.id
      console.log(id)
      this.$modal.confirm('是否确认删除所选数据项?').then(function() {
        return delMarryOld({id});
      }).then(() => {
        this.oldSpouseList = this.oldSpouseList.filter(item => item.id !== id);
        this.marryList.oldSpouseList=this.oldSpouseList
        console.log(this.marryList.oldSpouseList)
        console.log(this.oldSpouseList)
        this.$modal.msgSuccess("删除成功");
        this.getList();
        // window.location.reload();
      }).catch(() => {});
    },
    /** 导出按钮操作 */
    handleExport() {
      this.download('/self/user/export', {
        ...this.queryParams
      }, `self_${new Date().getTime()}.xlsx`)
    }
  };
  </script>
  }
};
</script>
<style>
.el-table__row.statistics-warning-row {
  background: #E0EEFE;
}
.el-table__row.statistics-warning-row1 {
  background: #FFEFF2;
}
.button {
  background:center no-repeat url('../../assets/icons/add1.png') ;
  margin-left: 69.5vw;
}</style>