<template>
  <div class="app-container">
    <div class="headsearch">
      <div class="headInput">
        <el-input v-model="keyword" placeholder="请输入关键字" @keyup.enter.native="handleQuery"></el-input>
        <el-button style="height:50px;font-size: 14px;" type="primary" icon="el-icon-search" @click="handleQuery">检索</el-button>
      </div>
      <div style="border:1px dashed #e8e8e8; border-radius: 10px; padding: 10px">
        <div style="width:100%; text-align:left">
          <el-checkbox v-model="checkAll" @change="handleCheckAllChange">全选</el-checkbox>

          <el-checkbox v-model="isTongYin" @change="handleTongYinChange">同音</el-checkbox>

        </div>
        <el-checkbox-group v-model="checkList" @change="handleCheckboxGroupChange">

          <el-checkbox label="option1">常住人口登记表1</el-checkbox>
          <el-checkbox label="option3">常住人口登记表2</el-checkbox>
          <el-checkbox label="option9">常住人口登记表3</el-checkbox>
          <el-checkbox label="option2">常住卡</el-checkbox>
          <el-checkbox label="option4">出生医学证明</el-checkbox>
          <el-checkbox label="option6">一胎证明</el-checkbox>
          <el-checkbox label="option5">迁移证</el-checkbox>
          <el-checkbox label="option8">准迁证</el-checkbox>
          <el-checkbox label="option7">转非农业人口批复存根</el-checkbox>

          <!--          <el-checkbox v-for="dict in dict.type.yw_type"
                                 :key="dict.value"
                                 :label="dict.value">{{ dict.label }}</el-checkbox>-->
        </el-checkbox-group>
      </div>
    </div>

    <!-- 常住人口登记表1 -->
    <div class="content" v-if="option1.open&&option1.list&&option1.list.length>0">
      <el-divider content-position="left">常住人口登记表1</el-divider>
      <el-table v-loading="option1.loading" :data="option1.list" border>
        <el-table-column label="档案目录路径" align="center" prop="muPath" min-width="180" show-overflow-tooltip fixed/>
        <el-table-column label="任务ID" align="center" prop="taskId"  min-width="100" show-overflow-tooltip fixed/>
        <el-table-column label="户主或与户主关系" align="center" prop="relation" min-width="130" show-overflow-tooltip/>
        <el-table-column label="姓名" align="center" prop="name" min-width="100" show-overflow-tooltip/>
        <el-table-column label="出生年月日" align="center" prop="birthday" min-width="100" show-overflow-tooltip/>
        <el-table-column label="识别图片" align="center" prop="pictures" >
          <template slot-scope="scope">
            <image-preview :src="scope.row.pictures" :width="50" :height="50"/>
          </template>
        </el-table-column>

        <el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right" min-width="100">
          <template slot-scope="scope">
            <el-button
              size="mini"
              type="text"
              @click="updateOption(scope.row)"
              v-hasPermi="['dangan:czrkdj:edit']"
            >纠错</el-button>
          </template>
        </el-table-column>

      </el-table>
      <pagination
        v-show="option1.total>0"
        :total="option1.total"
        :page.sync="option1.qParams.pageNum"
        :limit.sync="option1.qParams.pageSize"
        @pagination="option1Query"
      />
    </div>

    <!-- 常住人口登记表2 -->
    <div class="content" v-if="option3.open&&option3.list&&option3.list.length>0">
      <el-divider content-position="left">常住人口登记表2</el-divider>
      <el-table v-loading="option3.loading" :data="option3.list" border>
        <el-table-column label="档案目录路径" align="center" prop="muPath" min-width="180" show-overflow-tooltip fixed/>
        <el-table-column label="任务ID" align="center" prop="taskId"  min-width="100" show-overflow-tooltip fixed/>
        <el-table-column label="户别" align="center" prop="hb" min-width="100" show-overflow-tooltip />
        <el-table-column label="户主姓名" align="center" prop="hzName" min-width="120" show-overflow-tooltip />
        <el-table-column label="与户主关系" align="center" prop="relation" min-width="100" show-overflow-tooltip/>
        <el-table-column label="姓名" align="center" prop="name" min-width="120" show-overflow-tooltip/>
        <el-table-column label="性别" align="center" prop="sex" min-width="100" show-overflow-tooltip/>
        <el-table-column label="民族" align="center" prop="nation" min-width="100" show-overflow-tooltip/>
        <el-table-column label="出生日期" align="center" prop="birthday" min-width="180" show-overflow-tooltip/>
        <el-table-column label="住址" align="center" prop="xzz" min-width="100" show-overflow-tooltip />
        <el-table-column label="出生地" align="center" prop="address" min-width="100" show-overflow-tooltip/>
        <el-table-column label="籍贯" align="center" prop="jiguan" min-width="100" show-overflow-tooltip />
        <el-table-column label="服务处所" align="center" prop="zyjfwcs" min-width="120" show-overflow-tooltip/>
        <el-table-column label="职业" align="center" prop="zy" min-width="100" show-overflow-tooltip />
        <el-table-column label="身份证号" align="center" prop="cardId" min-width="180" show-overflow-tooltip />
        <el-table-column label="识别图片" align="center" prop="pictures" >
          <template slot-scope="scope">
            <image-preview :src="scope.row.pictures" :width="50" :height="50"/>
          </template>
        </el-table-column>
        <el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right" min-width="100">
          <template slot-scope="scope">
            <el-button
              size="mini"
              type="text"
              @click="updateOption(scope.row)"
              v-hasPermi="['dangan:czrkdj:edit']"
            >纠错</el-button>
          </template>
        </el-table-column>
      </el-table>
      <pagination
        v-show="option3.total>0"
        :total="option3.total"
        :page.sync="option3.qParams.pageNum"
        :limit.sync="option3.qParams.pageSize"
        @pagination="option3Query"
      />
    </div>

    <!-- 常住人口登记表3 -->
    <div class="content" v-if="option9.open&&option9.list&&option9.list.length>0">
      <el-divider content-position="left">常住人口登记表3</el-divider>
      <el-table v-loading="option9.loading" :data="option9.list" border>
        <el-table-column label="档案目录路径" align="center" prop="muPath" min-width="180" show-overflow-tooltip fixed/>
        <el-table-column label="任务ID" align="center" prop="taskId"  min-width="100" show-overflow-tooltip fixed/>
        <el-table-column label="户主姓名" align="center" prop="hzName" min-width="100" show-overflow-tooltip />
        <el-table-column label="姓名" align="center" prop="name" min-width="100" show-overflow-tooltip/>
        <el-table-column label="出生日期" align="center" prop="birthday" min-width="100" show-overflow-tooltip/>
        <el-table-column label="监护人1" align="center" prop="jhr1" min-width="100" show-overflow-tooltip/>
        <el-table-column label="监护人2" align="center" prop="jhr2" min-width="100" show-overflow-tooltip/>
        <el-table-column label="监护关系1" align="center" prop="jhgx1" min-width="100" show-overflow-tooltip/>
        <el-table-column label="监护关系2" align="center" prop="jhgx2" min-width="100" show-overflow-tooltip/>
        <el-table-column label="身份证号" align="center" prop="cardId" min-width="100" show-overflow-tooltip />
        <el-table-column label="识别图片" align="center" prop="pictures" >
          <template slot-scope="scope">
            <image-preview :src="scope.row.pictures" :width="50" :height="50"/>
          </template>
        </el-table-column>
        <el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right" min-width="100">
          <template slot-scope="scope">
            <el-button
              size="mini"
              type="text"
              @click="updateOption(scope.row)"
              v-hasPermi="['dangan:czrkdj:edit']"
            >纠错</el-button>
          </template>
        </el-table-column>
      </el-table>
      <pagination
        v-show="option9.total>0"
        :total="option9.total"
        :page.sync="option9.qParams.pageNum"
        :limit.sync="option9.qParams.pageSize"
        @pagination="option9Query"
      />
    </div>

    <!-- 常住卡 -->
    <div class="content" v-if="option2.open&&option2.list&&option2.list.length>0">
      <el-divider content-position="left">常住卡</el-divider>
      <el-table v-loading="option2.loading" :data="option2.list" border>
        <el-table-column label="档案目录路径" align="center" prop="muPath" min-width="180" show-overflow-tooltip fixed/>
        <el-table-column label="任务ID" align="center" prop="taskId"  min-width="100" show-overflow-tooltip fixed/>
        <el-table-column label="户主姓名与户主关系" align="center" prop="relation" min-width="140" show-overflow-tooltip/>
        <el-table-column label="姓名" align="center" prop="name" min-width="100" show-overflow-tooltip/>
        <el-table-column label="出生日期" align="center" prop="birthday" min-width="100" show-overflow-tooltip/>
        <el-table-column label="识别图片" align="center" prop="pictures" >
          <template slot-scope="scope">
            <image-preview :src="scope.row.pictures" :width="50" :height="50"/>
          </template>
        </el-table-column>
        <el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right" min-width="100">
          <template slot-scope="scope">
            <el-button
              size="mini"
              type="text"
              @click="updateOption(scope.row)"
              v-hasPermi="['dangan:czrkdj:edit']"
            >纠错</el-button>
          </template>
        </el-table-column>
      </el-table>
      <pagination
        v-show="option2.total>0"
        :total="option2.total"
        :page.sync="option2.qParams.pageNum"
        :limit.sync="option2.qParams.pageSize"
        @pagination="option2Query"
      />
    </div>

    <!-- 出生医学证明 -->
    <div class="content" v-if="option4.open&&option4.list&&option4.list.length>0">
      <el-divider content-position="left">出生医学证明</el-divider>
      <el-table v-loading="option4.loading" :data="option4.list" border>
        <el-table-column label="档案目录路径" align="center" fixed prop="muPath" min-width="160" show-overflow-tooltip/>
        <el-table-column label="任务ID" align="center" prop="taskId"  min-width="100" show-overflow-tooltip fixed/>
        <el-table-column label="婴儿姓名" align="center" prop="name" min-width="100" show-overflow-tooltip/>
        <el-table-column label="出生时间" align="center" prop="birthday" min-width="100" show-overflow-tooltip/>
        <el-table-column label="母亲姓名" align="center" prop="mName" min-width="100" show-overflow-tooltip/>
        <el-table-column label="母亲身份证号" align="center" prop="mCardId" min-width="100" show-overflow-tooltip/>
        <el-table-column label="父亲姓名" align="center" prop="fName" min-width="100" show-overflow-tooltip/>
        <el-table-column label="父亲身份证号" align="center" prop="fCardId" min-width="100" show-overflow-tooltip/>
        <el-table-column label="识别图片" align="center" prop="pictures">
          <template slot-scope="scope">
            <image-preview :src="scope.row.pictures" :width="50" :height="50"/>
          </template>
        </el-table-column>
        <el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right" min-width="100">
          <template slot-scope="scope">
            <el-button
              size="mini"
              type="text"
              @click="updateOption(scope.row)"
              v-hasPermi="['dangan:birthDJ:edit']"
            >纠错</el-button>
          </template>
        </el-table-column>
      </el-table>
      <pagination
        v-show="option4.total>0"
        :total="option4.total"
        :page.sync="option4.qParams.pageNum"
        :limit.sync="option4.qParams.pageSize"
        @pagination="option4Query"
      />
    </div>

    <!-- 一胎证明 -->
    <div class="content" v-if="option6.open&&option6.list&&option6.list.length>0">
      <el-divider content-position="left">一胎证明</el-divider>
      <el-table v-loading="option6.loading" :data="option6.list" border>
        <el-table-column label="档案目录路径" align="center" prop="muPath" min-width="150" show-overflow-tooltip fixed/>
        <el-table-column label="任务ID" align="center" prop="taskId"  min-width="100" show-overflow-tooltip fixed/>
        <el-table-column label="姓名女" align="center" prop="wName" min-width="100" show-overflow-tooltip/>
        <el-table-column label="身份证号女" align="center" prop="wCardId" min-width="100" show-overflow-tooltip/>
        <el-table-column label="姓名男" align="center" prop="mName" min-width="100" show-overflow-tooltip/>
        <el-table-column label="身份证号男" align="center" prop="mCardId" min-width="100" show-overflow-tooltip/>
        <el-table-column label="出生日期" align="center" prop="birthday" min-width="100" show-overflow-tooltip/>
        <el-table-column label="识别图片" align="center" prop="pictures">
          <template slot-scope="scope">
            <image-preview :src="scope.row.pictures" :width="50" :height="50"/>
          </template>
        </el-table-column>
        <el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right" min-width="100">
          <template slot-scope="scope">
            <el-button
              size="mini"
              type="text"
              @click="updateOption(scope.row)"
              v-hasPermi="['dangan:ytzm:edit']"
            >纠错</el-button>
          </template>
        </el-table-column>
      </el-table>
      <pagination
        v-show="option6.total>0"
        :total="option6.total"
        :page.sync="option6.qParams.pageNum"
        :limit.sync="option6.qParams.pageSize"
        @pagination="option6Query"
      />
    </div>

    <!-- 迁移证 -->
    <div class="content" v-if="option5.open&&option5.list&&option5.list.length>0">
      <el-divider content-position="left">迁移证</el-divider>
      <el-table v-loading="option5.loading" border :data="option5.list">
        <el-table-column label="档案目录路径" align="center" fixed prop="muPath" min-width="160" show-overflow-tooltip/>
        <el-table-column label="任务ID" align="center" prop="taskId"  min-width="100" show-overflow-tooltip fixed/>
        <el-table-column label="姓名1" align="center" prop="name1" min-width="100" show-overflow-tooltip/>
        <el-table-column label="居民身份证编号1" align="center" prop="cardId1" min-width="120" show-overflow-tooltip/>
        <el-table-column label="姓名2" align="center" prop="name2" min-width="100" show-overflow-tooltip/>
        <el-table-column label="居民身份证编号2" align="center" prop="cardId2" min-width="120" show-overflow-tooltip/>
        <el-table-column label="姓名3" align="center" prop="name3" min-width="100" show-overflow-tooltip/>
        <el-table-column label="居民身份证编号3" align="center" prop="cardId3" min-width="120" show-overflow-tooltip/>
        <el-table-column label="姓名4" align="center" prop="name4" min-width="100" show-overflow-tooltip/>
        <el-table-column label="居民身份证编号4" align="center" prop="cardId4" min-width="120" show-overflow-tooltip/>
        <el-table-column label="识别图片" align="center" prop="pictures">
          <template slot-scope="scope">
            <image-preview :src="scope.row.pictures" :width="50" :height="50"/>
          </template>
        </el-table-column>
        <el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right" min-width="100">
          <template slot-scope="scope">
            <el-button
              size="mini"
              type="text"
              @click="updateOption(scope.row)"
              v-hasPermi="['dangan:qyz:edit']"
            >纠错</el-button>
          </template>
        </el-table-column>
      </el-table>
      <pagination
        v-show="option5.total>0"
        :total="option5.total"
        :page.sync="option5.qParams.pageNum"
        :limit.sync="option5.qParams.pageSize"
        @pagination="option5Query"
      />
    </div>

    <!-- 准迁证 -->
    <div class="content" v-if="option8.open&&option8.list&&option8.list.length>0">
      <el-divider content-position="left">准迁证</el-divider>
      <el-table v-loading="option8.loading" :data="option8.list" border>
        <el-table-column label="档案目录路径" align="center" fixed prop="muPath" min-width="150" show-overflow-tooltip/>
        <el-table-column label="任务ID" align="center" prop="taskId"  min-width="100" show-overflow-tooltip fixed/>
        <el-table-column label="申请人姓名" align="center" prop="name" min-width="100" show-overflow-tooltip/>
        <el-table-column label="身份证号" align="center" prop="cardId" min-width="120" show-overflow-tooltip/>
        <el-table-column label="姓名1" align="center" prop="name1" min-width="100" show-overflow-tooltip/>
        <el-table-column label="出生日期1" align="center" prop="birthDate1" min-width="100" show-overflow-tooltip/>
        <el-table-column label="身份证号1" align="center" prop="cardId1" min-width="100" show-overflow-tooltip/>
        <el-table-column label="姓名2" align="center" prop="name2" min-width="100" show-overflow-tooltip/>
        <el-table-column label="出生日期2" align="center" prop="birthDate2" min-width="100" show-overflow-tooltip/>
        <el-table-column label="身份证号2" align="center" prop="cardId2" min-width="100" show-overflow-tooltip/>
        <el-table-column label="姓名3" align="center" prop="name3" min-width="100" show-overflow-tooltip/>
        <el-table-column label="出生日期3" align="center" prop="birthDate3" min-width="100" show-overflow-tooltip/>
        <el-table-column label="身份证号3" align="center" prop="cardId3" min-width="100" show-overflow-tooltip/>
        <el-table-column label="姓名4" align="center" prop="name4" min-width="100" show-overflow-tooltip/>
        <el-table-column label="出生日期4" align="center" prop="birthDate4" min-width="100" show-overflow-tooltip/>
        <el-table-column label="身份证号4" align="center" prop="cardId4" min-width="100" show-overflow-tooltip/>
        <el-table-column label="识别图片" align="center" prop="pictures">
          <template slot-scope="scope">
            <image-preview :src="scope.row.pictures" :width="50" :height="50"/>
          </template>
        </el-table-column>
        <el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right" min-width="100">
          <template slot-scope="scope">
            <el-button
              size="mini"
              type="text"
              @click="updateOption(scope.row)"
              v-hasPermi="['dangan:zqz:edit']"
            >纠错</el-button>
          </template>
        </el-table-column>
      </el-table>
      <pagination
        v-show="option8.total>0"
        :total="option8.total"
        :page.sync="option8.qParams.pageNum"
        :limit.sync="option8.qParams.pageSize"
        @pagination="option8Query"
      />
    </div>

    <!-- 转非农业人口批复存根 -->
    <div class="content" v-if="option7.open&&option7.list&&option7.list.length>0">
      <el-divider content-position="left">转非农业人口批复存根</el-divider>
      <el-table v-loading="option7.loading" :data="option7.list" border>
        <el-table-column label="档案目录路径" align="center" fixed prop="muPath" min-width="180" show-overflow-tooltip/>
        <el-table-column label="任务ID" align="center" prop="taskId"  min-width="100" show-overflow-tooltip fixed/>
        <el-table-column label="申请人姓名" align="center" prop="name" min-width="120" show-overflow-tooltip/>
        <el-table-column label="住址或单位" align="center" prop="address" min-width="100" show-overflow-tooltip/>
        <el-table-column label="姓名1" align="center" prop="name1" min-width="100" show-overflow-tooltip/>
        <el-table-column label="姓名2" align="center" prop="name2" min-width="100" show-overflow-tooltip/>
        <el-table-column label="姓名3" align="center" prop="name3" min-width="100" show-overflow-tooltip/>
        <el-table-column label="姓名4" align="center" prop="name4" min-width="100" show-overflow-tooltip/>
        <el-table-column label="姓名5" align="center" prop="name5" min-width="100" show-overflow-tooltip/>
        <el-table-column label="识别图片" align="center" prop="pictures">
          <template slot-scope="scope">
            <image-preview :src="scope.row.pictures" :width="50" :height="50"/>
          </template>
        </el-table-column>
        <el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right" min-width="100">
          <template slot-scope="scope">
            <el-button
              size="mini"
              type="text"
              @click="updateOption(scope.row)"
              v-hasPermi="['dangan:zfnyhkcg:edit']"
            >纠错</el-button>
          </template>
        </el-table-column>
      </el-table>
      <pagination
        v-show="option7.total>0"
        :total="option7.total"
        :page.sync="option7.qParams.pageNum"
        :limit.sync="option7.qParams.pageSize"
        @pagination="option7Query"
      />
    </div>

    <!-- 纠错 新 -->
    <el-dialog title="纠错" :visible.sync="option.open_jc" width="90%" append-to-body top="10px !important">
      <div style="min-height: 85vh;">
        <el-form ref="formOption" :model="option.form" label-width="80px">
          <el-row :gutter="10" class="jc_sb">
            <el-col :span="12">
              <el-carousel height="calc(86vh - 100px)" v-if="option.form.pictures" :autoplay="false">
                <el-carousel-item v-for="item in option.form.pictures.split(',')" :key="item">
                  <div class="jc_sb_img" style="height:100%; overflow:auto; text-align:center; font-size:0">
                    <el-image style="height:100%;" :src="item" fit="contain" :preview-src-list="[item]"></el-image>
                  </div>
                </el-carousel-item>
              </el-carousel>
            </el-col>
            <el-col :span="12">

              <!--常住人口登记表1-->
              <el-row :gutter="10" v-if="option.form.ywType==='option1'">
                <el-col :span="24">
                  <el-form-item label="户主或与户主关系" prop="relation" label-width="130px">
                    <el-input v-model="option.form.relation" placeholder="请输入户主或与户主关系" />
                  </el-form-item>
                </el-col>
                <el-col :span="24">
                  <el-form-item label="姓名" prop="name" label-width="130px">
                    <el-input v-model="option.form.name" placeholder="请输入姓名" />
                  </el-form-item>
                </el-col>
                <el-col :span="24">
                  <el-form-item label="出生年月日" prop="birthday" label-width="130px">
                    <el-input v-model="option.form.birthday" placeholder="请输入出生年月日" />
                  </el-form-item>
                </el-col>
              </el-row>

              <!--常住人口登记表2-->
              <el-row :gutter="10" v-if="option.form.ywType==='option3'">
                <el-col :span="24">
                  <el-form-item label="户别" prop="hb" label-width="90px">
                    <el-input v-model="option.form.hb" placeholder="请输入户别" />
                  </el-form-item>
                </el-col>
                <el-col :span="24">
                  <el-form-item label="户主姓名" prop="hzName" label-width="90px">
                    <el-input v-model="option.form.hzName" placeholder="请输入户主姓名" />
                  </el-form-item>
                </el-col>
                <el-col :span="24">
                  <el-form-item label="与户主关系" prop="relation" label-width="90px">
                    <el-input v-model="option.form.relation" placeholder="请输入与户主关系" />
                  </el-form-item>
                </el-col>
                <el-col :span="24">
                  <el-form-item label="姓名" prop="name" label-width="90px">
                    <el-input v-model="option.form.name" placeholder="请输入姓名" />
                  </el-form-item>
                </el-col>
                <el-col :span="24">
                  <el-form-item label="性别" prop="sex" label-width="90px">
                    <el-input v-model="option.form.sex" placeholder="请输入性别" />
                  </el-form-item>
                </el-col>
                <el-col :span="24">
                  <el-form-item label="民族" prop="nation" label-width="90px">
                    <el-input v-model="option.form.nation" placeholder="请输入民族" />
                  </el-form-item>
                </el-col>
                <el-col :span="24">
                  <el-form-item label="出生日期" prop="birthday" label-width="90px">
                    <el-input v-model="option.form.birthday" placeholder="请输入出生日期" />
                  </el-form-item>
                </el-col>
                <el-col :span="24">
                  <el-form-item label="住址" prop="xzz" label-width="90px">
                    <el-input v-model="option.form.xzz" placeholder="请输入住址" />
                  </el-form-item>
                </el-col>
                <el-col :span="24">
                  <el-form-item label="出生地" prop="address" label-width="90px">
                    <el-input v-model="option.form.address" placeholder="请输入出生地" />
                  </el-form-item>
                </el-col>
                <el-col :span="24">
                  <el-form-item label="籍贯" prop="jiguan" label-width="90px">
                    <el-input v-model="option.form.jiguan" placeholder="请输入籍贯" />
                  </el-form-item>
                </el-col>
                <el-col :span="24">
                  <el-form-item label="服务处所" prop="zyjfwcs" label-width="90px">
                    <el-input v-model="option.form.zyjfwcs" placeholder="请输入服务处所" />
                  </el-form-item>
                </el-col>
                <el-col :span="24">
                  <el-form-item label="职业" prop="zy" label-width="90px">
                    <el-input v-model="option.form.zy" placeholder="请输入职业" />
                  </el-form-item>
                </el-col>
                <el-col :span="24">
                  <el-form-item label="身份证号" prop="cardId" label-width="90px">
                    <el-input v-model="option.form.cardId" placeholder="请输入身份证号" />
                  </el-form-item>
                </el-col>

              </el-row>

              <!--常住人口登记表3-->
              <el-row :gutter="10" v-if="option.form.ywType==='option9'">
                <el-col :span="24">
                  <el-form-item label="户主姓名" prop="hzName" label-width="90px">
                    <el-input v-model="option.form.hzName" placeholder="请输入户主姓名" />
                  </el-form-item>
                </el-col>
                <el-col :span="24">
                  <el-form-item label="姓名" prop="name" label-width="90px">
                    <el-input v-model="option.form.name" placeholder="请输入姓名" />
                  </el-form-item>
                </el-col>
                <el-col :span="24">
                  <el-form-item label="出生日期" prop="birthday" label-width="90px">
                    <el-input v-model="option.form.birthday" placeholder="请输入出生日期" />
                  </el-form-item>
                </el-col>
                <el-col :span="24">
                  <el-form-item label="监护人1" prop="jhr1" label-width="90px">
                    <el-input v-model="option.form.jhr1" placeholder="请输入监护人1" />
                  </el-form-item>
                </el-col>
                <el-col :span="24">
                  <el-form-item label="监护人2" prop="jhr2" label-width="90px">
                    <el-input v-model="option.form.jhr2" placeholder="请输入监护人2" />
                  </el-form-item>
                </el-col>
                <el-col :span="24">
                  <el-form-item label="监护关系1" prop="jhgx1" label-width="90px">
                    <el-input v-model="option.form.jhgx1" placeholder="请输入监护关系1" />
                  </el-form-item>
                </el-col>
                <el-col :span="24">
                  <el-form-item label="监护关系2" prop="jhgx2" label-width="90px">
                    <el-input v-model="option.form.jhgx2" placeholder="请输入监护关系2" />
                  </el-form-item>
                </el-col>
                <el-col :span="24">
                  <el-form-item label="身份证号" prop="cardId" label-width="90px">
                    <el-input v-model="option.form.cardId" placeholder="请输入身份证号" />
                  </el-form-item>
                </el-col>
              </el-row>

              <!--常住卡-->
              <el-row :gutter="10" v-if="option.form.ywType==='option2'">
                <el-col :span="24">
                  <el-form-item label="户主姓名与户主关系" prop="relation" label-width="140px">
                    <el-input v-model="option.form.relation" placeholder="请输入户主姓名与户主关系" />
                  </el-form-item>
                </el-col>
                <el-col :span="24">
                  <el-form-item label="姓名" prop="name" label-width="140px">
                    <el-input v-model="option.form.name" placeholder="请输入姓名" />
                  </el-form-item>
                </el-col>
                <el-col :span="24">
                  <el-form-item label="出生日期" prop="birthday" label-width="140px">
                    <el-input v-model="option.form.birthday" placeholder="请输入出生日期" />
                  </el-form-item>
                </el-col>
              </el-row>

              <!-- 出生医学证明 -->
              <el-col :span="24" v-if="option.form.ywType==='option4'">
                <el-form-item label="婴儿姓名" prop="name" label-width="100px">
                  <el-input v-model="option.form.name" placeholder="请输入婴儿姓名" />
                </el-form-item>
                <el-form-item label="出生时间" prop="birthday" label-width="100px">
                  <el-input v-model="option.form.birthday" placeholder="请输入出生时间" />
                </el-form-item>
                <el-form-item label="母亲姓名" prop="mName" label-width="100px">
                  <el-input v-model="option.form.mName" placeholder="请输入母亲姓名" />
                </el-form-item>
                <el-form-item label="母亲身份证号" prop="mCardId" label-width="100px">
                  <el-input v-model="option.form.mCardId" placeholder="请输入母亲身份证号" />
                </el-form-item>
                <el-form-item label="父亲姓名" prop="fName" label-width="100px">
                  <el-input v-model="option.form.fName" placeholder="请输入父亲姓名" />
                </el-form-item>
                <el-form-item label="父亲身份证号" prop="fCardId" label-width="100px">
                  <el-input v-model="option.form.fCardId" placeholder="请输入父亲身份证号" />
                </el-form-item>
              </el-col>

              <!-- 一胎证明 -->
              <el-col :span="24" v-if="option.form.ywType==='option6'">
                <el-form-item label="姓名女" prop="wName" label-width="90px">
                  <el-input v-model="option.form.wName" placeholder="请输入姓名女" />
                </el-form-item>
                <el-form-item label="身份证号女" prop="wCardId" label-width="90px">
                  <el-input v-model="option.form.wCardId" placeholder="请输入身份证号女" />
                </el-form-item>
                <el-form-item label="姓名男" prop="mName" label-width="90px">
                  <el-input v-model="option.form.mName" placeholder="请输入姓名男" />
                </el-form-item>
                <el-form-item label="身份证号男" prop="mCardId" label-width="90px">
                  <el-input v-model="option.form.mCardId" placeholder="请输入身份证号男" />
                </el-form-item>
                <el-form-item label="出生日期" prop="birthday" label-width="90px">
                  <el-input v-model="option.form.birthday" placeholder="请输入出生日期" />
                </el-form-item>
              </el-col>

              <!-- 迁移证 -->
              <el-col :span="24" v-if="option.form.ywType==='option5'">
                <el-form-item label="姓名1" prop="name1" label-width="120px">
                  <el-input v-model="option.form.name1" placeholder="请输入姓名1" />
                </el-form-item>
                <el-form-item label="居民身份证编号1" prop="cardId1" label-width="120px">
                  <el-input v-model="option.form.cardId1" placeholder="请输入居民身份证编号1" />
                </el-form-item>
                <el-form-item label="姓名2" prop="name2" label-width="120px">
                  <el-input v-model="option.form.name2" placeholder="请输入姓名2" />
                </el-form-item>
                <el-form-item label="居民身份证编号2" prop="cardId2" label-width="120px">
                  <el-input v-model="option.form.cardId2" placeholder="请输入居民身份证编号2" />
                </el-form-item>
                <el-form-item label="姓名3" prop="name3" label-width="120px">
                  <el-input v-model="option.form.name3" placeholder="请输入姓名3" />
                </el-form-item>
                <el-form-item label="居民身份证编号3" prop="cardId3" label-width="120px">
                  <el-input v-model="option.form.cardId3" placeholder="请输入居民身份证编号3" />
                </el-form-item>
                <el-form-item label="姓名4" prop="name4" label-width="120px">
                  <el-input v-model="option.form.name4" placeholder="请输入姓名4" />
                </el-form-item>
                <el-form-item label="居民身份证编号4" prop="cardId4" label-width="120px">
                  <el-input v-model="option.form.cardId4" placeholder="请输入居民身份证编号4" />
                </el-form-item>
              </el-col>

              <!-- 准迁证 -->
              <el-col :span="24" class="jc_sb" v-if="option.form.ywType==='option8'">
                <el-form-item label="申请人姓名" prop="name" label-width="90px">
                  <el-input v-model="option.form.name" placeholder="请输入申请人姓名" />
                </el-form-item>
                <el-form-item label="身份证号" prop="cardId" label-width="90px">
                  <el-input v-model="option.form.cardId" placeholder="请输入身份证号" />
                </el-form-item>
                <el-form-item label="姓名1" prop="name1" label-width="90px">
                  <el-input v-model="option.form.name1" placeholder="请输入姓名1" />
                </el-form-item>
                <el-form-item label="出生日期1" prop="birthDate1" label-width="90px">
                  <el-input v-model="option.form.birthDate1" placeholder="请输入出生日期1" />
                </el-form-item>
                <el-form-item label="身份证号1" prop="cardId1" label-width="90px">
                  <el-input v-model="option.form.cardId1" placeholder="请输入身份证号1" />
                </el-form-item>
                <el-form-item label="姓名2" prop="name2" label-width="90px">
                  <el-input v-model="option.form.name2" placeholder="请输入姓名2" />
                </el-form-item>
                <el-form-item label="出生日期2" prop="birthDate2" label-width="90px">
                  <el-input v-model="option.form.birthDate2" placeholder="请输入出生日期2" />
                </el-form-item>
                <el-form-item label="身份证号2" prop="cardId2" label-width="90px">
                  <el-input v-model="option.form.cardId2" placeholder="请输入身份证号2" />
                </el-form-item>
                <el-form-item label="姓名3" prop="name3" label-width="90px">
                  <el-input v-model="option.form.name3" placeholder="请输入姓名3" />
                </el-form-item>
                <el-form-item label="出生日期3" prop="birthDate3" label-width="90px">
                  <el-input v-model="option.form.birthDate3" placeholder="请输入出生日期3" />
                </el-form-item>
                <el-form-item label="身份证号3" prop="cardId3" label-width="90px">
                  <el-input v-model="option.form.cardId3" placeholder="请输入身份证号3" />
                </el-form-item>
                <el-form-item label="姓名4" prop="name4" label-width="90px">
                  <el-input v-model="option.form.name4" placeholder="请输入姓名4" />
                </el-form-item>
                <el-form-item label="出生日期4" prop="birthDate4" label-width="90px">
                  <el-input v-model="option.form.birthDate4" placeholder="请输入出生日期4" />
                </el-form-item>
                <el-form-item label="身份证号4" prop="cardId4" label-width="90px">
                  <el-input v-model="option.form.cardId4" placeholder="请输入身份证号4" />
                </el-form-item>
              </el-col>

              <!-- 转非农业人口批复存根 -->
              <el-col :span="24" v-if="option.form.ywType==='option7'">
                <el-form-item label="申请人姓名" prop="name" label-width="90px">
                  <el-input v-model="option.form.name" placeholder="请输入申请人姓名" />
                </el-form-item>
                <el-form-item label="住址或单位" prop="address" label-width="90px">
                  <el-input v-model="option.form.address" placeholder="请输入住址或单位" />
                </el-form-item>
                <el-form-item label="姓名1" prop="name1" label-width="90px">
                  <el-input v-model="option.form.name1" placeholder="请输入姓名1" />
                </el-form-item>
                <el-form-item label="姓名2" prop="name2" label-width="90px">
                  <el-input v-model="option.form.name2" placeholder="请输入姓名2" />
                </el-form-item>
                <el-form-item label="姓名3" prop="name3" label-width="90px">
                  <el-input v-model="option.form.name3" placeholder="请输入姓名3" />
                </el-form-item>
                <el-form-item label="姓名4" prop="name4" label-width="90px">
                  <el-input v-model="option.form.name4" placeholder="请输入姓名4" />
                </el-form-item>
                <el-form-item label="姓名5" prop="name5" label-width="90px">
                  <el-input v-model="option.form.name5" placeholder="请输入姓名5" />
                </el-form-item>
              </el-col>

            </el-col>
          </el-row>

        </el-form>
        <div slot="footer" class="dialog-footer" style="text-align:right; margin-top: 30px;">
          <el-button type="primary" @click="submitForm">确 定</el-button>
          <el-button @click="cancel">取 消</el-button>
        </div>
      </div>
    </el-dialog>

  </div>
</template>

<script>
import { listCzrkdj, listBirthDJ, listQyz, listZfnyhkcg, listYtzm, listZqz,
  listCzrkdj1, listBirthDJ1, listQyz1, listZfnyhkcg1, listYtzm1, listZqz1 } from "@/api/dangan/retrieval";
import { getCzrkdj, updateCzrkdj } from "@/api/dangan/czrkdj";
import { getBirthDJ, updateBirthDJ } from "@/api/dangan/birthDJ";
import { getYtzm, updateYtzm } from "@/api/dangan/ytzm";
import { getQyz, updateQyz } from "@/api/dangan/qyz";
import { getZqz, updateZqz } from "@/api/dangan/zqz";
import { getZfnyhkcg, updateZfnyhkcg } from "@/api/dangan/zfnyhkcg";

export default {
  name: "Retrieval",
  dicts: ['error_correct', 'audit_status', 'recognize', 'yw_type'],
  data() {
    return {
      // 显示搜索条件
      keyword: '',
      checkList: [],
      // 是否全选
      checkAll: false,
      // 是否同音
      isTongYin: false,
      // 常住人口登记表1
      option1: {
        // 遮罩层
        loading: true,
        open: false,
        list: [],
        qParams: {
          pageNum: 1,
          pageSize: 10,
          name: null,
          ywType:'option1'
        },
        total: 0
      },
      // 常住人口登记表2
      option3: {
        // 遮罩层
        loading: true,
        open: false,
        list: [],
        qParams: {
          pageNum: 1,
          pageSize: 10,
          name: null,
          ywType:'option3'
        },
        total: 0
      },
      // 常住人口登记表3
      option9: {
        // 遮罩层
        loading: true,
        open: false,
        list: [],
        qParams: {
          pageNum: 1,
          pageSize: 10,
          name: null,
          ywType:'option9'
        },
        total: 0
      },
      // 常住卡
      option2: {
        // 遮罩层
        loading: true,
        open: false,
        list: [],
        qParams: {
          pageNum: 1,
          pageSize: 10,
          name: null,
          ywType:'option2'
        },
        total: 0
      },
      // 出生医学证明
      option4: {
        // 遮罩层
        loading: true,
        open: false,
        list: [],
        qParams: {
          pageNum: 1,
          pageSize: 10,
          name: null,
        },
        total: 0
      },
      // 一胎证明
      option6: {
        // 遮罩层
        loading: true,
        open: false,
        list: [],
        qParams: {
          pageNum: 1,
          pageSize: 10,
          wName: null,
        },
        total: 0
      },
      // 迁移证
      option5: {
        // 遮罩层
        loading: true,
        open: false,
        list: [],
        qParams: {
          pageNum: 1,
          pageSize: 10,
          name1: null,
        },
        total: 0
      },
      // 准迁证
      option8: {
        // 遮罩层
        loading: true,
        open: false,
        list: [],
        qParams: {
          pageNum: 1,
          pageSize: 10,
          name: null,
        },
        total: 0
      },
      // 转非农业人口批复存根
      option7: {
        // 遮罩层
        loading: true,
        open: false,
        list: [],
        qParams: {
          pageNum: 1,
          pageSize: 10,
          name: null,
        },
        total: 0
      },
      option:{
        open_jc: false,
        form:{},
      },
      // 识别list
      shiBieList: [],
    }
  },
  methods: {
    handleQuery(){

      if(this.keyword){

        this.clearOption();

        // 常住人口登记表1
        if(this.checkList.indexOf('option1') !== -1){
          this.option1.open = true
          this.option1.qParams.name = this.keyword
          this.option1Query()
        }

        // 常住人口登记表2
        if(this.checkList.indexOf('option3') !== -1){
          this.option3.open = true
          this.option3.qParams.name = this.keyword
          this.option3Query()
        }

        // 常住人口登记表3
        if(this.checkList.indexOf('option9') !== -1){
          this.option9.open = true
          this.option9.qParams.name = this.keyword
          this.option9Query()
        }

        // 常住卡
        if(this.checkList.indexOf('option2') !== -1){
          this.option2.open = true
          this.option2.qParams.name = this.keyword
          this.option2Query()
        }

        // 出生医学证明
        if(this.checkList.indexOf('option4') !== -1){
          this.option4.open = true
          this.option4.qParams.name = this.keyword
          this.option4Query()
        }

        // 一胎证明
        if(this.checkList.indexOf('option6') !== -1){
          this.option6.open = true
          this.option6.qParams.wName = this.keyword
          this.option6Query()
        }

        // 迁移证
        if(this.checkList.indexOf('option5') !== -1){
          this.option5.open = true
          this.option5.qParams.name1 = this.keyword
          this.option5Query()
        }

        // 准迁证
        if(this.checkList.indexOf('option8') !== -1){
          this.option8.open = true
          this.option8.qParams.name = this.keyword
          this.option8Query()
        }

        // 转非农业人口批复存根
        if(this.checkList.indexOf('option7') !== -1){
          this.option7.open = true
          this.option7.qParams.name = this.keyword
          this.option7Query()
        }

      }else {

        this.$alert(`请先输入关键字`, `提示`, {
          type: 'warning'
        });

      }

    },
    // 清除
    clearOption(){
      this.option1.open = false;
      this.option2.open = false;
      this.option3.open = false;
      this.option4.open = false;
      this.option5.open = false;
      this.option6.open = false;
      this.option7.open = false;
      this.option8.open = false;
      this.option9.open = false;

      this.option1.list = [];
      this.option2.list = [];
      this.option3.list = [];
      this.option4.list = [];
      this.option5.list = [];
      this.option6.list = [];
      this.option7.list = [];
      this.option8.list = [];
      this.option9.list = [];

      this.option1.name = null;
      this.option2.name = null;
      this.option3.name = null;
      this.option4.name = null;
      this.option5.name1 = null;
      this.option6.wName = null;
      this.option7.name = null;
      this.option8.name = null;
      this.option9.name = null;

      this.option1.total = 0;
      this.option2.total = 0;
      this.option3.total = 0;
      this.option4.total = 0;
      this.option5.total = 0;
      this.option6.total = 0;
      this.option7.total = 0;
      this.option8.total = 0;
      this.option9.total = 0;
    },
    // 常住人口登记表1
    option1Query(){
      this.option1.loading = true;
      if(this.isTongYin){
        listCzrkdj(this.option1.qParams).then(response => {
          this.option1.list = response.rows;
          this.option1.total = response.total;
          this.option1.loading = false;
        })
      }else {
        listCzrkdj1(this.option1.qParams).then(response => {
          this.option1.list = response.rows;
          this.option1.total = response.total;
          this.option1.loading = false;
        })
      }
    },
    // 常住人口登记表2
    option3Query(){
      this.option3.loading = true;
      if(this.isTongYin){
        listCzrkdj(this.option3.qParams).then(response => {
          this.option3.list = response.rows;
          this.option3.total = response.total;
          this.option3.loading = false;
        })
      }else {
        listCzrkdj1(this.option3.qParams).then(response => {
          this.option3.list = response.rows;
          this.option3.total = response.total;
          this.option3.loading = false;
        })
      }
    },
    // 常住人口登记表3
    option9Query(){
      this.option9.loading = true;
      if(this.isTongYin){
        listCzrkdj(this.option9.qParams).then(response => {
          this.option9.list = response.rows;
          this.option9.total = response.total;
          this.option9.loading = false;
        })
      }else {
        listCzrkdj1(this.option9.qParams).then(response => {
          this.option9.list = response.rows;
          this.option9.total = response.total;
          this.option9.loading = false;
        })
      }
    },
    // 常住卡
    option2Query(){
      this.option2.loading = true;
      if(this.isTongYin){
        listCzrkdj(this.option2.qParams).then(response => {
          this.option2.list = response.rows;
          this.option2.total = response.total;
          this.option2.loading = false;
        })
      }else {
        listCzrkdj1(this.option2.qParams).then(response => {
          this.option2.list = response.rows;
          this.option2.total = response.total;
          this.option2.loading = false;
        })
      }
    },
    // 出生医学证明
    option4Query(){
      this.option4.loading = true;
      if(this.isTongYin){
        listBirthDJ(this.option4.qParams).then(response => {
          this.option4.list = response.rows;
          this.option4.total = response.total;
          this.option4.loading = false;
        })
      }else {
        listBirthDJ1(this.option4.qParams).then(response => {
          this.option4.list = response.rows;
          this.option4.total = response.total;
          this.option4.loading = false;
        })
      }
    },
    // 一胎证明
    option6Query(){
      this.option6.loading = true;
      if(this.isTongYin){
        listYtzm(this.option6.qParams).then(response => {
          this.option6.list = response.rows;
          this.option6.total = response.total;
          this.option6.loading = false;
        })
      }else {
        listYtzm1(this.option6.qParams).then(response => {
          this.option6.list = response.rows;
          this.option6.total = response.total;
          this.option6.loading = false;
        })
      }
    },
    // 迁移证
    option5Query(){
      this.option5.loading = true;
      if(this.isTongYin){
        listQyz(this.option5.qParams).then(response => {
          this.option5.list = response.rows;
          this.option5.total = response.total;
          this.option5.loading = false;
        })
      }else {
        listQyz1(this.option5.qParams).then(response => {
          this.option5.list = response.rows;
          this.option5.total = response.total;
          this.option5.loading = false;
        })
      }
    },
    // 准迁证
    option8Query(){
      this.option8.loading = true;
      if(this.isTongYin){
        listZqz(this.option8.qParams).then(response => {
          this.option8.list = response.rows;
          this.option8.total = response.total;
          this.option8.loading = false;
        })
      }else {
        listZqz1(this.option8.qParams).then(response => {
          this.option8.list = response.rows;
          this.option8.total = response.total;
          this.option8.loading = false;
        })
      }
    },
    // 转非农业人口批复存根
    option7Query(){
      this.option7.loading = true;
      if(this.isTongYin){
        listZfnyhkcg(this.option7.qParams).then(response => {
          this.option7.list = response.rows;
          this.option7.total = response.total;
          this.option7.loading = false;
        })
      }else {
        listZfnyhkcg1(this.option7.qParams).then(response => {
          this.option7.list = response.rows;
          this.option7.total = response.total;
          this.option7.loading = false;
        })
      }
    },
    handleCheckAllChange(val) {
      if(val){
        this.checkList = []
        this.dict.type.yw_type.forEach(item => {
          this.checkList.push(item.value)
        })
      }else {
        this.checkList = []
      }
    },
    handleCheckboxGroupChange(){
      if(this.checkList.length===this.dict.type.yw_type.length){
        this.checkAll = true;
      }else {
        this.checkAll = false;
      }
    },
    // 同音选择
    handleTongYinChange(){

    },
    // 表单重置
    reset(row) {
      if(row.ywType==='option1'||row.ywType==='option3'||row.ywType==='option9'||row.ywType==='option2'){
        this.option.form = {
          id: null,
          ywType: null,
          muId: null,
          muPath: null,
          relation: null,
          name: null,
          otherName: null,
          usedName: null,
          sex: null,
          jhr1: null,
          jhgx1: null,
          jhr2: null,
          jhgx2: null,
          gmcszqfrq: null,
          birthday: null,
          address: null,
          yj: null,
          nation: null,
          zjxy: null,
          whcd: null,
          hyzk: null,
          zyjfwcs: null,
          bxsqtzz: null,
          gmzdhhmqfjgjrq: null,
          hsyhdqlbxshsdjhk: null,
          hsybxshcqlhsdjhk: null,
          hshyqwhd: null,
          zxhkrq: null,
          zxhkyy: null,
          hkdjsxbgjznrsjjblrz1: null,
          hkdjsxbgjznrsjjblrz2: null,
          jiguan: null,
          xzz: null,
          hzName: null,
          hb: null,
          djrq: null,
          byzk: null,
          height: null,
          blood: null,
          zy: null,
          slReason: null,
          sljmsfzqm: null,
          qfyj: null,
          yxrq: null,
          cardId: null,
          picIds: null,
          pictures: null,
          allPicIds: null,
          allPics: null,
          errorCorrect: null,
          auditStatus: null,
          auditName: null,
          auditResult: null,
          auditReason: null,
          remark: null,
          createBy: null,
          createTime: null,
          updateBy: null,
          updateTime: null
        };
      }else if(row.ywType==='option4'){
        this.option.form = {
          id: null,
          ywType: 'option4',
          muId: null,
          muPath: null,
          birthNum: null,
          name: null,
          birthday: null,
          sex: null,
          bornAddress: null,
          mName: null,
          mAge: null,
          mGj: null,
          mNation: null,
          mCardId: null,
          fName: null,
          fAge: null,
          fGj: null,
          fNation: null,
          fCardId: null,
          homeAddress: null,
          momSign: null,
          jsrySign: null,
          jsUnit: null,
          djType: null,
          picIds: null,
          pictures: null,
          allPicIds: null,
          allPics: null,
          errorCorrect: null,
          auditStatus: null,
          auditName: null,
          auditResult: null,
          auditReason: null,
          remark: null,
          createBy: null,
          createTime: null,
          updateBy: null,
          updateTime: null
        };
      }else if(row.ywType==='option6'){
        this.option.form = {
          id: null,
          ywType: 'option6',
          muId: null,
          muPath: null,
          year: null,
          xh: null,
          wName: null,
          wUnit: null,
          wCardId: null,
          mName: null,
          mUnit: null,
          mCardId: null,
          syzh: null,
          birthday: null,
          hospital: null,
          babySex: null,
          suggest: null,
          pcsAddress: null,
          tbDate1: null,
          tbDate2: null,
          picIds: null,
          pictures: null,
          allPicIds: null,
          allPics: null,
          errorCorrect: null,
          auditStatus: null,
          auditName: null,
          auditResult: null,
          auditReason: null,
          remark: null,
          createBy: null,
          createTime: null,
          updateBy: null,
          updateTime: null
        };
      }else if(row.ywType==='option5'){
        this.option.form = {
          id: null,
          ywType: 'option5',
          muId: null,
          muPath: null,
          fwUnit: null,
          wjXh: null,
          name1: null,
          sex1: null,
          cardId1: null,
          name2: null,
          sex2: null,
          cardId2: null,
          name3: null,
          sex3: null,
          cardId3: null,
          name4: null,
          sex4: null,
          cardId4: null,
          qyReason: null,
          yAddress: null,
          qwAddress: null,
          sDate: null,
          eDate: null,
          cbr: null,
          picIds: null,
          pictures: null,
          allPicIds: null,
          allPics: null,
          errorCorrect: null,
          auditStatus: null,
          auditName: null,
          auditResult: null,
          auditReason: null,
          remark: null,
          createBy: null,
          createTime: null,
          updateBy: null,
          updateTime: null
        };
      }else if(row.ywType==='option8'){
        this.option.form = {
          id: null,
          ywType: 'option8',
          muId: null,
          muPath: null,
          num: null,
          name: null,
          cardId: null,
          address: null,
          djJg: null,
          relation1: null,
          name1: null,
          sex1: null,
          birthDate1: null,
          cardId1: null,
          relation2: null,
          name2: null,
          sex2: null,
          birthDate2: null,
          cardId2: null,
          relation3: null,
          name3: null,
          birthDate3: null,
          sex3: null,
          cardId3: null,
          relation4: null,
          name4: null,
          sex4: null,
          birthDate4: null,
          cardId4: null,
          fwdw: null,
          qrAddress: null,
          zqReason: null,
          pzjg: null,
          cbr: null,
          qfDate: null,
          picIds: null,
          pictures: null,
          allPicIds: null,
          allPics: null,
          errorCorrect: null,
          auditStatus: null,
          auditName: null,
          auditResult: null,
          auditReason: null,
          remark: null,
          createBy: null,
          createTime: null,
          updateBy: null,
          updateTime: null
        };
      }else if(row.ywType==='option7'){
        this.option.form = {
          id: null,
          ywType: 'option7',
          muId: null,
          muPath: null,
          num: null,
          name: null,
          address: null,
          relation1: null,
          name1: null,
          sex1: null,
          relation2: null,
          name2: null,
          sex2: null,
          relation3: null,
          name3: null,
          sex3: null,
          relation4: null,
          name4: null,
          sex4: null,
          relation5: null,
          name5: null,
          sex5: null,
          jg1: null,
          jg2: null,
          cbr: null,
          cbDate: null,
          picIds: null,
          pictures: null,
          allPicIds: null,
          allPics: null,
          errorCorrect: null,
          auditStatus: null,
          auditName: null,
          auditResult: null,
          auditReason: null,
          remark: null,
          createBy: null,
          createTime: null,
          updateBy: null,
          updateTime: null
        };
      }
      this.shiBieList = [];
      this.resetForm("formOption");
    },
    // 常住人口登记表1
    updateOption(row){
      const id = row.id;
      if(row.ywType==='option1'||row.ywType==='option3'||row.ywType==='option9'||row.ywType==='option2'){
        getCzrkdj(id).then(response => {
          this.reset(response.data)
          this.option.form = response.data;
          this.option.open_jc = true;
        });
      }else if(row.ywType==='option4'){
        getBirthDJ(id).then(response => {
          this.reset(response.data)
          this.option.form = response.data;
          this.option.open_jc = true;
        });
      }else if(row.ywType==='option6'){
        getYtzm(id).then(response => {
          this.reset(response.data)
          this.option.form = response.data;
          this.option.open_jc = true;
        });
      }else if(row.ywType==='option5'){
        getQyz(id).then(response => {
          this.reset(response.data)
          this.option.form = response.data;
          this.option.open_jc = true;
        });
      }else if(row.ywType==='option8'){
        getZqz(id).then(response => {
          this.reset(response.data)
          this.option.form = response.data;
          this.option.open_jc = true;
        });
      }else if(row.ywType==='option7'){
        getZfnyhkcg(id).then(response => {
          this.reset(response.data)
          this.option.form = response.data;
          this.option.open_jc = true;
        });
      }
    },
    /** 提交按钮 */
    submitForm() {
      this.$refs["formOption"].validate(valid => {
        if (valid) {
          if(this.option.form.ywType==='option1'||this.option.form.ywType==='option3'||this.option.form.ywType==='option9'||this.option.form.ywType==='option2'){
            this.option.form.errorCorrect = 1;
            updateCzrkdj(this.option.form).then(response => {
              this.$modal.msgSuccess("修改成功");
              this.option.open_jc = false;
              this.handleQuery()
            });
          }else if(this.option.form.ywType==='option4'){
            this.option.form.errorCorrect = 1;
            updateBirthDJ(this.option.form).then(response => {
              this.$modal.msgSuccess("修改成功");
              this.option.open_jc = false;
              this.handleQuery()
            });
          }else if(this.option.form.ywType==='option6'){
            this.option.form.errorCorrect = 1;
            updateYtzm(this.option.form).then(response => {
              this.$modal.msgSuccess("修改成功");
              this.option.open_jc = false;
              this.handleQuery()
            });
          }else if(this.option.form.ywType==='option5'){
            this.option.form.errorCorrect = 1;
            updateQyz(this.option.form).then(response => {
              this.$modal.msgSuccess("修改成功");
              this.option.open_jc = false;
              this.handleQuery()
            });
          }else if(this.option.form.ywType==='option8'){
            this.option.form.errorCorrect = 1;
            updateZqz(this.option.form).then(response => {
              this.$modal.msgSuccess("修改成功");
              this.option.open_jc = false;
              this.handleQuery()
            });
          }else if(this.option.form.ywType==='option7'){
            this.option.form.errorCorrect = 1;
            updateZfnyhkcg(this.option.form).then(response => {
              this.$modal.msgSuccess("修改成功");
              this.option.open_jc = false;
              this.handleQuery()
            });
          }
        }
      });
    },
    // 取消按钮
    cancel() {
      this.option.open_jc = false;
      this.reset();
    },
  }
}
</script>

<style scoped lang="scss">
.headsearch{
  margin: 0 auto;
  width: 800px;
  text-align: center;
  margin-bottom: 40px;

  .headInput{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;

    ::v-deep.el-input{
      margin-right: 10px;
      width: 500px;
    }

    ::v-deep.el-input--medium .el-input__inner {
      height: 60px;
      line-height: 60px;
    }
  }
}

::v-deep .el-checkbox__inner{
  width: 20px;
  height: 20px;
}

::v-deep .el-checkbox{
  margin-bottom: 10px;
}

::v-deep .el-checkbox__inner::after {
  height: 10px;
  left: 7px;
  top: 2px;
}

.el-divider__text{
  font-weight: bold;
  font-size: 18px;
}

.content{
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  padding: 20px;
  margin:20px 40px;
  font-size: 14px;
  border-radius: 20px;
  overflow: hidden;

  .list{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #eee;
    margin-top: 40px;

    .left{
      width: 100%;

      .el-col{
        margin-bottom: 10px;
      }
    }

    .right{
      width: 100px;
    }
  }

  .el-row {
    width: 100%;

    .el-col{
      margin-bottom: 5px;

      span{
        font-weight: bold;
      }
    }
  }
}

</style>
