<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>
      <el-checkbox-group v-model="checkList">
        <el-checkbox v-for="dict in dict.type.yw_type"
                     :key="dict.value"
                     :label="dict.value">{{ dict.label }}</el-checkbox>
      </el-checkbox-group>
    </div>

    <!-- 常住人口登记表1 -->
    <div class="content" v-if="option1.open">
      <el-divider content-position="left">常住人口登记表1</el-divider>
      <el-table v-loading="option1.loading" :data="option1.list" border>
        <el-table-column label="档案目录ID" align="center" prop="muId" min-width="90" fixed/>
        <el-table-column label="姓名" align="center" prop="name" fixed min-width="100" show-overflow-tooltip/>
        <el-table-column label="与户主关系" align="center" prop="relation" min-width="100" show-overflow-tooltip/>
        <el-table-column label="别名" align="center" prop="otherName" min-width="100" show-overflow-tooltip/>
        <el-table-column label="性别" align="center" prop="sex" min-width="100" show-overflow-tooltip/>
        <el-table-column label="出生日期" align="center" prop="birthday" min-width="100" show-overflow-tooltip>
          <template slot-scope="scope">
            <span>{{ parseTime(scope.row.birthday, '{y}-{m}-{d}') }}</span>
          </template>
        </el-table-column>
        <el-table-column label="出生地址" align="center" prop="address" min-width="100" show-overflow-tooltip/>
        <el-table-column label="原籍" align="center" prop="yj" 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="zjxy" min-width="90" show-overflow-tooltip/>
        <el-table-column label="文化程度" align="center" prop="whcd" min-width="90" show-overflow-tooltip/>
        <el-table-column label="婚姻状况" align="center" prop="hyzk" min-width="90" show-overflow-tooltip/>
        <el-table-column label="职业及服务处所" align="center" prop="zyjfwcs" min-width="120" show-overflow-tooltip/>
        <el-table-column label="本县(市)其他住址" align="center" prop="bxsqtzz" min-width="130" show-overflow-tooltip />
        <el-table-column label="公民证代号号码签发机关及日期" align="center" prop="gmzdhhmqfjgjrq" min-width="240" show-overflow-tooltip />
        <el-table-column label="何时由何地迁来本县市何时登记户口" align="center" prop="hsyhdqlbxshsdjhk" min-width="250" show-overflow-tooltip />
        <el-table-column label="何时由本县、市何处迁来何时登记户口" align="center" prop="hsybxshcqlhsdjhk" min-width="250" show-overflow-tooltip />
        <el-table-column label="注销户口日期" align="center" prop="zxhkrq" min-width="100" show-overflow-tooltip />
        <el-table-column label="注销户口原因" align="center" prop="zxhkyy" min-width="100" show-overflow-tooltip />
        <el-table-column label="户口登记事项变更记载内容、时间及办理人章_1" align="center" prop="hkdjsxbgjznrsjjblrz1" min-width="320" show-overflow-tooltip />
        <el-table-column label="户口登记事项变更记载内容、时间及办理人章_2" align="center" prop="hkdjsxbgjznrsjjblrz2" min-width="320" show-overflow-tooltip />
        <el-table-column label="籍贯" align="center" prop="jiguan" min-width="100" show-overflow-tooltip />
        <el-table-column label="现住址" align="center" prop="xzz" min-width="100" show-overflow-tooltip />
        <el-table-column label="户主姓名" align="center" prop="hzName" min-width="100" show-overflow-tooltip />
        <el-table-column label="户别" align="center" prop="hb" min-width="100" show-overflow-tooltip />
        <el-table-column label="登记日期" align="center" prop="djrq" min-width="100" show-overflow-tooltip />
        <el-table-column label="兵役状况" align="center" prop="byzk" min-width="100" show-overflow-tooltip />
        <el-table-column label="身高" align="center" prop="height" min-width="80" show-overflow-tooltip />
        <el-table-column label="血型" align="center" prop="blood" min-width="80" show-overflow-tooltip />
        <el-table-column label="职业" align="center" prop="zy" min-width="100" show-overflow-tooltip />
        <el-table-column label="申领居民身份证原因" align="center" prop="slReason" min-width="140" show-overflow-tooltip />
        <el-table-column label="申领居民身份证签名" align="center" prop="sljmsfzqm" min-width="140" show-overflow-tooltip />
        <el-table-column label="签发意见" align="center" prop="qfyj" min-width="100" show-overflow-tooltip />
        <el-table-column label="有效日期" align="center" prop="yxrq" 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" prop="allPics" >
          <template slot-scope="scope">
            <image-preview :src="scope.row.allPics" :width="50" :height="50"/>
          </template>
        </el-table-column>
      </el-table>
      <!--      <div class="list" v-for="item in option1.list" :key="item.id">
              <div class="left">
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>姓名：</span>{{ item.name }}
                  </el-col>
                  <el-col :span="8">
                    <span>与户主关系：</span>{{ item.relation }}
                  </el-col>
                  <el-col :span="8">
                    <span>别名：</span>{{ item.otherName }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>性别：</span>{{ item.sex }}
                  </el-col>
                  <el-col :span="8">
                    <span>出生日期：</span>{{ item.birthday }}
                  </el-col>
                  <el-col :span="8">
                    <span>出生地址：</span>{{ item.address }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>原籍：</span>{{ item.yj }}
                  </el-col>
                  <el-col :span="8">
                    <span>民族：</span>{{ item.nation }}
                  </el-col>
                  <el-col :span="8">
                    <span>宗教信仰：</span>{{ item.zjxy }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>文化程度：</span>{{ item.whcd }}
                  </el-col>
                  <el-col :span="8">
                    <span>婚姻状况：</span>{{ item.hyzk }}
                  </el-col>
                  <el-col :span="8">
                    <span>职业及服务处所：</span>{{ item.zyjfwcs }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>本县(市)其他住址：</span>{{ item.bxsqtzz }}
                  </el-col>
                  <el-col :span="8">
                    <span>公民证代号号码签发机关及日期：</span>{{ item.gmzdhhmqfjgjrq }}
                  </el-col>
                  <el-col :span="8">
                    <span>何时由何地迁来本县市何时登记户口：</span>{{ item.hsyhdqlbxshsdjhk }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>何时由本县、市何处迁来何时登记户口：</span>{{ item.hsybxshcqlhsdjhk }}
                  </el-col>
                  <el-col :span="8">
                    <span>注销户口日期：</span>{{ item.zxhkrq }}
                  </el-col>
                  <el-col :span="8">
                    <span>注销户口原因：</span>{{ item.zxhkyy }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>户口登记事项变更记载内容、时间及办理人章_1：</span>{{ item.hkdjsxbgjznrsjjblrz1 }}
                  </el-col>
                  <el-col :span="8">
                    <span>户口登记事项变更记载内容、时间及办理人章_2：</span>{{ item.hkdjsxbgjznrsjjblrz2 }}
                  </el-col>
                  <el-col :span="8">
                    <span>籍贯：</span>{{ item.jiguan }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>现住址：</span>{{ item.xzz }}
                  </el-col>
                  <el-col :span="8">
                    <span>户主姓名：</span>{{ item.hzName }}
                  </el-col>
                  <el-col :span="8">
                    <span>户别：</span>{{ item.hb }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>登记日期：</span>{{ item.djrq }}
                  </el-col>
                  <el-col :span="8">
                    <span>兵役状况：</span>{{ item.byzk }}
                  </el-col>
                  <el-col :span="8">
                    <span>身高：</span>{{ item.height }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>血型：</span>{{ item.blood }}
                  </el-col>
                  <el-col :span="8">
                    <span>职业：</span>{{ item.zy }}
                  </el-col>
                  <el-col :span="8">
                    <span>申领居民身份证原因：</span>{{ item.slReason }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>申领居民身份证签名：</span>{{ item.sljmsfzqm }}
                  </el-col>
                  <el-col :span="8">
                    <span>签发意见：</span>{{ item.qfyj }}
                  </el-col>
                  <el-col :span="8">
                    <span>有效日期：</span>{{ item.yxrq }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>身份证号：</span>{{ item.cardId }}
                  </el-col>
                </el-row>
              </div>
              <div class="right">
                <image-preview :src="item.pictures" :width="60" :height="60"/>
              </div>
            </div>
            <el-empty :image-size="200" v-if="option1.list.length===0"></el-empty>-->
      <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">
      <el-divider content-position="left">常住人口登记表2</el-divider>
      <el-table v-loading="option3.loading" :data="option3.list" border>
        <el-table-column label="档案目录ID" align="center" prop="muId" min-width="90" fixed/>
        <el-table-column label="姓名" align="center" prop="name" fixed min-width="100" show-overflow-tooltip/>
        <el-table-column label="与户主关系" align="center" prop="relation" min-width="100" show-overflow-tooltip/>
        <el-table-column label="别名" align="center" prop="otherName" min-width="100" show-overflow-tooltip/>
        <el-table-column label="性别" align="center" prop="sex" min-width="100" show-overflow-tooltip/>
        <el-table-column label="出生日期" align="center" prop="birthday" min-width="100" show-overflow-tooltip>
          <template slot-scope="scope">
            <span>{{ parseTime(scope.row.birthday, '{y}-{m}-{d}') }}</span>
          </template>
        </el-table-column>
        <el-table-column label="出生地址" align="center" prop="address" min-width="100" show-overflow-tooltip/>
        <el-table-column label="原籍" align="center" prop="yj" 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="zjxy" min-width="90" show-overflow-tooltip/>
        <el-table-column label="文化程度" align="center" prop="whcd" min-width="90" show-overflow-tooltip/>
        <el-table-column label="婚姻状况" align="center" prop="hyzk" min-width="90" show-overflow-tooltip/>
        <el-table-column label="职业及服务处所" align="center" prop="zyjfwcs" min-width="120" show-overflow-tooltip/>
        <el-table-column label="本县(市)其他住址" align="center" prop="bxsqtzz" min-width="130" show-overflow-tooltip />
        <el-table-column label="公民证代号号码签发机关及日期" align="center" prop="gmzdhhmqfjgjrq" min-width="240" show-overflow-tooltip />
        <el-table-column label="何时由何地迁来本县市何时登记户口" align="center" prop="hsyhdqlbxshsdjhk" min-width="250" show-overflow-tooltip />
        <el-table-column label="何时由本县、市何处迁来何时登记户口" align="center" prop="hsybxshcqlhsdjhk" min-width="250" show-overflow-tooltip />
        <el-table-column label="注销户口日期" align="center" prop="zxhkrq" min-width="100" show-overflow-tooltip />
        <el-table-column label="注销户口原因" align="center" prop="zxhkyy" min-width="100" show-overflow-tooltip />
        <el-table-column label="户口登记事项变更记载内容、时间及办理人章_1" align="center" prop="hkdjsxbgjznrsjjblrz1" min-width="320" show-overflow-tooltip />
        <el-table-column label="户口登记事项变更记载内容、时间及办理人章_2" align="center" prop="hkdjsxbgjznrsjjblrz2" min-width="320" show-overflow-tooltip />
        <el-table-column label="籍贯" align="center" prop="jiguan" min-width="100" show-overflow-tooltip />
        <el-table-column label="现住址" align="center" prop="xzz" min-width="100" show-overflow-tooltip />
        <el-table-column label="户主姓名" align="center" prop="hzName" min-width="100" show-overflow-tooltip />
        <el-table-column label="户别" align="center" prop="hb" min-width="100" show-overflow-tooltip />
        <el-table-column label="登记日期" align="center" prop="djrq" min-width="100" show-overflow-tooltip />
        <el-table-column label="兵役状况" align="center" prop="byzk" min-width="100" show-overflow-tooltip />
        <el-table-column label="身高" align="center" prop="height" min-width="80" show-overflow-tooltip />
        <el-table-column label="血型" align="center" prop="blood" min-width="80" show-overflow-tooltip />
        <el-table-column label="职业" align="center" prop="zy" min-width="100" show-overflow-tooltip />
        <el-table-column label="申领居民身份证原因" align="center" prop="slReason" min-width="140" show-overflow-tooltip />
        <el-table-column label="申领居民身份证签名" align="center" prop="sljmsfzqm" min-width="140" show-overflow-tooltip />
        <el-table-column label="签发意见" align="center" prop="qfyj" min-width="100" show-overflow-tooltip />
        <el-table-column label="有效日期" align="center" prop="yxrq" 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" prop="allPics" >
          <template slot-scope="scope">
            <image-preview :src="scope.row.allPics" :width="50" :height="50"/>
          </template>
        </el-table-column>
      </el-table>
      <!--      <div class="list" v-for="item in option3.list" :key="item.id">
              <div class="left">
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>姓名：</span>{{ item.name }}
                  </el-col>
                  <el-col :span="8">
                    <span>与户主关系：</span>{{ item.relation }}
                  </el-col>
                  <el-col :span="8">
                    <span>别名：</span>{{ item.otherName }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>性别：</span>{{ item.sex }}
                  </el-col>
                  <el-col :span="8">
                    <span>出生日期：</span>{{ item.birthday }}
                  </el-col>
                  <el-col :span="8">
                    <span>出生地址：</span>{{ item.address }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>原籍：</span>{{ item.yj }}
                  </el-col>
                  <el-col :span="8">
                    <span>民族：</span>{{ item.nation }}
                  </el-col>
                  <el-col :span="8">
                    <span>宗教信仰：</span>{{ item.zjxy }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>文化程度：</span>{{ item.whcd }}
                  </el-col>
                  <el-col :span="8">
                    <span>婚姻状况：</span>{{ item.hyzk }}
                  </el-col>
                  <el-col :span="8">
                    <span>职业及服务处所：</span>{{ item.zyjfwcs }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>本县(市)其他住址：</span>{{ item.bxsqtzz }}
                  </el-col>
                  <el-col :span="8">
                    <span>公民证代号号码签发机关及日期：</span>{{ item.gmzdhhmqfjgjrq }}
                  </el-col>
                  <el-col :span="8">
                    <span>何时由何地迁来本县市何时登记户口：</span>{{ item.hsyhdqlbxshsdjhk }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>何时由本县、市何处迁来何时登记户口：</span>{{ item.hsybxshcqlhsdjhk }}
                  </el-col>
                  <el-col :span="8">
                    <span>注销户口日期：</span>{{ item.zxhkrq }}
                  </el-col>
                  <el-col :span="8">
                    <span>注销户口原因：</span>{{ item.zxhkyy }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>户口登记事项变更记载内容、时间及办理人章_1：</span>{{ item.hkdjsxbgjznrsjjblrz1 }}
                  </el-col>
                  <el-col :span="8">
                    <span>户口登记事项变更记载内容、时间及办理人章_2：</span>{{ item.hkdjsxbgjznrsjjblrz2 }}
                  </el-col>
                  <el-col :span="8">
                    <span>籍贯：</span>{{ item.jiguan }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>现住址：</span>{{ item.xzz }}
                  </el-col>
                  <el-col :span="8">
                    <span>户主姓名：</span>{{ item.hzName }}
                  </el-col>
                  <el-col :span="8">
                    <span>户别：</span>{{ item.hb }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>登记日期：</span>{{ item.djrq }}
                  </el-col>
                  <el-col :span="8">
                    <span>兵役状况：</span>{{ item.byzk }}
                  </el-col>
                  <el-col :span="8">
                    <span>身高：</span>{{ item.height }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>血型：</span>{{ item.blood }}
                  </el-col>
                  <el-col :span="8">
                    <span>职业：</span>{{ item.zy }}
                  </el-col>
                  <el-col :span="8">
                    <span>申领居民身份证原因：</span>{{ item.slReason }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>申领居民身份证签名：</span>{{ item.sljmsfzqm }}
                  </el-col>
                  <el-col :span="8">
                    <span>签发意见：</span>{{ item.qfyj }}
                  </el-col>
                  <el-col :span="8">
                    <span>有效日期：</span>{{ item.yxrq }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>身份证号：</span>{{ item.cardId }}
                  </el-col>
                </el-row>
              </div>
              <div class="right">
                <image-preview :src="item.pictures" :width="60" :height="60"/>
              </div>
            </div>
            <el-empty :image-size="200" v-if="option3.list.length===0"></el-empty>-->
      <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">
      <el-divider content-position="left">常住人口登记表3</el-divider>
      <el-table v-loading="option9.loading" :data="option9.list" border>
        <el-table-column label="档案目录ID" align="center" prop="muId" min-width="90" fixed/>
        <el-table-column label="姓名" align="center" prop="name" fixed min-width="100" show-overflow-tooltip/>
        <el-table-column label="与户主关系" align="center" prop="relation" min-width="100" show-overflow-tooltip/>
        <el-table-column label="别名" align="center" prop="otherName" min-width="100" show-overflow-tooltip/>
        <el-table-column label="性别" align="center" prop="sex" min-width="100" show-overflow-tooltip/>
        <el-table-column label="出生日期" align="center" prop="birthday" min-width="100" show-overflow-tooltip>
          <template slot-scope="scope">
            <span>{{ parseTime(scope.row.birthday, '{y}-{m}-{d}') }}</span>
          </template>
        </el-table-column>
        <el-table-column label="出生地址" align="center" prop="address" min-width="100" show-overflow-tooltip/>
        <el-table-column label="原籍" align="center" prop="yj" 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="zjxy" min-width="90" show-overflow-tooltip/>
        <el-table-column label="文化程度" align="center" prop="whcd" min-width="90" show-overflow-tooltip/>
        <el-table-column label="婚姻状况" align="center" prop="hyzk" min-width="90" show-overflow-tooltip/>
        <el-table-column label="职业及服务处所" align="center" prop="zyjfwcs" min-width="120" show-overflow-tooltip/>
        <el-table-column label="本县(市)其他住址" align="center" prop="bxsqtzz" min-width="130" show-overflow-tooltip />
        <el-table-column label="公民证代号号码签发机关及日期" align="center" prop="gmzdhhmqfjgjrq" min-width="240" show-overflow-tooltip />
        <el-table-column label="何时由何地迁来本县市何时登记户口" align="center" prop="hsyhdqlbxshsdjhk" min-width="250" show-overflow-tooltip />
        <el-table-column label="何时由本县、市何处迁来何时登记户口" align="center" prop="hsybxshcqlhsdjhk" min-width="250" show-overflow-tooltip />
        <el-table-column label="注销户口日期" align="center" prop="zxhkrq" min-width="100" show-overflow-tooltip />
        <el-table-column label="注销户口原因" align="center" prop="zxhkyy" min-width="100" show-overflow-tooltip />
        <el-table-column label="户口登记事项变更记载内容、时间及办理人章_1" align="center" prop="hkdjsxbgjznrsjjblrz1" min-width="320" show-overflow-tooltip />
        <el-table-column label="户口登记事项变更记载内容、时间及办理人章_2" align="center" prop="hkdjsxbgjznrsjjblrz2" min-width="320" show-overflow-tooltip />
        <el-table-column label="籍贯" align="center" prop="jiguan" min-width="100" show-overflow-tooltip />
        <el-table-column label="现住址" align="center" prop="xzz" min-width="100" show-overflow-tooltip />
        <el-table-column label="户主姓名" align="center" prop="hzName" min-width="100" show-overflow-tooltip />
        <el-table-column label="户别" align="center" prop="hb" min-width="100" show-overflow-tooltip />
        <el-table-column label="登记日期" align="center" prop="djrq" min-width="100" show-overflow-tooltip />
        <el-table-column label="兵役状况" align="center" prop="byzk" min-width="100" show-overflow-tooltip />
        <el-table-column label="身高" align="center" prop="height" min-width="80" show-overflow-tooltip />
        <el-table-column label="血型" align="center" prop="blood" min-width="80" show-overflow-tooltip />
        <el-table-column label="职业" align="center" prop="zy" min-width="100" show-overflow-tooltip />
        <el-table-column label="申领居民身份证原因" align="center" prop="slReason" min-width="140" show-overflow-tooltip />
        <el-table-column label="申领居民身份证签名" align="center" prop="sljmsfzqm" min-width="140" show-overflow-tooltip />
        <el-table-column label="签发意见" align="center" prop="qfyj" min-width="100" show-overflow-tooltip />
        <el-table-column label="有效日期" align="center" prop="yxrq" 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" prop="allPics" >
          <template slot-scope="scope">
            <image-preview :src="scope.row.allPics" :width="50" :height="50"/>
          </template>
        </el-table-column>
      </el-table>
      <!--      <div class="list" v-for="item in option9.list" :key="item.id">
              <div class="left">
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>姓名：</span>{{ item.name }}
                  </el-col>
                  <el-col :span="8">
                    <span>与户主关系：</span>{{ item.relation }}
                  </el-col>
                  <el-col :span="8">
                    <span>别名：</span>{{ item.otherName }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>性别：</span>{{ item.sex }}
                  </el-col>
                  <el-col :span="8">
                    <span>出生日期：</span>{{ item.birthday }}
                  </el-col>
                  <el-col :span="8">
                    <span>出生地址：</span>{{ item.address }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>原籍：</span>{{ item.yj }}
                  </el-col>
                  <el-col :span="8">
                    <span>民族：</span>{{ item.nation }}
                  </el-col>
                  <el-col :span="8">
                    <span>宗教信仰：</span>{{ item.zjxy }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>文化程度：</span>{{ item.whcd }}
                  </el-col>
                  <el-col :span="8">
                    <span>婚姻状况：</span>{{ item.hyzk }}
                  </el-col>
                  <el-col :span="8">
                    <span>职业及服务处所：</span>{{ item.zyjfwcs }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>本县(市)其他住址：</span>{{ item.bxsqtzz }}
                  </el-col>
                  <el-col :span="8">
                    <span>公民证代号号码签发机关及日期：</span>{{ item.gmzdhhmqfjgjrq }}
                  </el-col>
                  <el-col :span="8">
                    <span>何时由何地迁来本县市何时登记户口：</span>{{ item.hsyhdqlbxshsdjhk }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>何时由本县、市何处迁来何时登记户口：</span>{{ item.hsybxshcqlhsdjhk }}
                  </el-col>
                  <el-col :span="8">
                    <span>注销户口日期：</span>{{ item.zxhkrq }}
                  </el-col>
                  <el-col :span="8">
                    <span>注销户口原因：</span>{{ item.zxhkyy }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>户口登记事项变更记载内容、时间及办理人章_1：</span>{{ item.hkdjsxbgjznrsjjblrz1 }}
                  </el-col>
                  <el-col :span="8">
                    <span>户口登记事项变更记载内容、时间及办理人章_2：</span>{{ item.hkdjsxbgjznrsjjblrz2 }}
                  </el-col>
                  <el-col :span="8">
                    <span>籍贯：</span>{{ item.jiguan }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>现住址：</span>{{ item.xzz }}
                  </el-col>
                  <el-col :span="8">
                    <span>户主姓名：</span>{{ item.hzName }}
                  </el-col>
                  <el-col :span="8">
                    <span>户别：</span>{{ item.hb }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>登记日期：</span>{{ item.djrq }}
                  </el-col>
                  <el-col :span="8">
                    <span>兵役状况：</span>{{ item.byzk }}
                  </el-col>
                  <el-col :span="8">
                    <span>身高：</span>{{ item.height }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>血型：</span>{{ item.blood }}
                  </el-col>
                  <el-col :span="8">
                    <span>职业：</span>{{ item.zy }}
                  </el-col>
                  <el-col :span="8">
                    <span>申领居民身份证原因：</span>{{ item.slReason }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>申领居民身份证签名：</span>{{ item.sljmsfzqm }}
                  </el-col>
                  <el-col :span="8">
                    <span>签发意见：</span>{{ item.qfyj }}
                  </el-col>
                  <el-col :span="8">
                    <span>有效日期：</span>{{ item.yxrq }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>身份证号：</span>{{ item.cardId }}
                  </el-col>
                </el-row>
              </div>
              <div class="right">
                <image-preview :src="item.pictures" :width="60" :height="60"/>
              </div>
            </div>
            <el-empty :image-size="200" v-if="option9.list.length===0"></el-empty>-->
      <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">
      <el-divider content-position="left">常住卡</el-divider>
      <el-table v-loading="option2.loading" :data="option2.list" border>
        <el-table-column label="档案目录ID" align="center" prop="muId" min-width="90" fixed/>
        <el-table-column label="姓名" align="center" prop="name" fixed min-width="100" show-overflow-tooltip/>
        <el-table-column label="与户主关系" align="center" prop="relation" min-width="100" show-overflow-tooltip/>
        <el-table-column label="别名" align="center" prop="otherName" min-width="100" show-overflow-tooltip/>
        <el-table-column label="性别" align="center" prop="sex" min-width="100" show-overflow-tooltip/>
        <el-table-column label="出生日期" align="center" prop="birthday" min-width="100" show-overflow-tooltip>
          <template slot-scope="scope">
            <span>{{ parseTime(scope.row.birthday, '{y}-{m}-{d}') }}</span>
          </template>
        </el-table-column>
        <el-table-column label="出生地址" align="center" prop="address" min-width="100" show-overflow-tooltip/>
        <el-table-column label="原籍" align="center" prop="yj" 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="zjxy" min-width="90" show-overflow-tooltip/>
        <el-table-column label="文化程度" align="center" prop="whcd" min-width="90" show-overflow-tooltip/>
        <el-table-column label="婚姻状况" align="center" prop="hyzk" min-width="90" show-overflow-tooltip/>
        <el-table-column label="职业及服务处所" align="center" prop="zyjfwcs" min-width="120" show-overflow-tooltip/>
        <el-table-column label="本县(市)其他住址" align="center" prop="bxsqtzz" min-width="130" show-overflow-tooltip />
        <el-table-column label="公民证代号号码签发机关及日期" align="center" prop="gmzdhhmqfjgjrq" min-width="240" show-overflow-tooltip />
        <el-table-column label="何时由何地迁来本县市何时登记户口" align="center" prop="hsyhdqlbxshsdjhk" min-width="250" show-overflow-tooltip />
        <el-table-column label="何时由本县、市何处迁来何时登记户口" align="center" prop="hsybxshcqlhsdjhk" min-width="250" show-overflow-tooltip />
        <el-table-column label="注销户口日期" align="center" prop="zxhkrq" min-width="100" show-overflow-tooltip />
        <el-table-column label="注销户口原因" align="center" prop="zxhkyy" min-width="100" show-overflow-tooltip />
        <el-table-column label="户口登记事项变更记载内容、时间及办理人章_1" align="center" prop="hkdjsxbgjznrsjjblrz1" min-width="320" show-overflow-tooltip />
        <el-table-column label="户口登记事项变更记载内容、时间及办理人章_2" align="center" prop="hkdjsxbgjznrsjjblrz2" min-width="320" show-overflow-tooltip />
        <el-table-column label="籍贯" align="center" prop="jiguan" min-width="100" show-overflow-tooltip />
        <el-table-column label="现住址" align="center" prop="xzz" min-width="100" show-overflow-tooltip />
        <el-table-column label="户主姓名" align="center" prop="hzName" min-width="100" show-overflow-tooltip />
        <el-table-column label="户别" align="center" prop="hb" min-width="100" show-overflow-tooltip />
        <el-table-column label="登记日期" align="center" prop="djrq" min-width="100" show-overflow-tooltip />
        <el-table-column label="兵役状况" align="center" prop="byzk" min-width="100" show-overflow-tooltip />
        <el-table-column label="身高" align="center" prop="height" min-width="80" show-overflow-tooltip />
        <el-table-column label="血型" align="center" prop="blood" min-width="80" show-overflow-tooltip />
        <el-table-column label="职业" align="center" prop="zy" min-width="100" show-overflow-tooltip />
        <el-table-column label="申领居民身份证原因" align="center" prop="slReason" min-width="140" show-overflow-tooltip />
        <el-table-column label="申领居民身份证签名" align="center" prop="sljmsfzqm" min-width="140" show-overflow-tooltip />
        <el-table-column label="签发意见" align="center" prop="qfyj" min-width="100" show-overflow-tooltip />
        <el-table-column label="有效日期" align="center" prop="yxrq" 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" prop="allPics" >
          <template slot-scope="scope">
            <image-preview :src="scope.row.allPics" :width="50" :height="50"/>
          </template>
        </el-table-column>
      </el-table>
      <!--      <div class="list" v-for="item in option2.list" :key="item.id">
              <div class="left">
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>姓名：</span>{{ item.name }}
                  </el-col>
                  <el-col :span="8">
                    <span>与户主关系：</span>{{ item.relation }}
                  </el-col>
                  <el-col :span="8">
                    <span>别名：</span>{{ item.otherName }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>性别：</span>{{ item.sex }}
                  </el-col>
                  <el-col :span="8">
                    <span>出生日期：</span>{{ item.birthday }}
                  </el-col>
                  <el-col :span="8">
                    <span>出生地址：</span>{{ item.address }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>原籍：</span>{{ item.yj }}
                  </el-col>
                  <el-col :span="8">
                    <span>民族：</span>{{ item.nation }}
                  </el-col>
                  <el-col :span="8">
                    <span>宗教信仰：</span>{{ item.zjxy }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>文化程度：</span>{{ item.whcd }}
                  </el-col>
                  <el-col :span="8">
                    <span>婚姻状况：</span>{{ item.hyzk }}
                  </el-col>
                  <el-col :span="8">
                    <span>职业及服务处所：</span>{{ item.zyjfwcs }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>本县(市)其他住址：</span>{{ item.bxsqtzz }}
                  </el-col>
                  <el-col :span="8">
                    <span>公民证代号号码签发机关及日期：</span>{{ item.gmzdhhmqfjgjrq }}
                  </el-col>
                  <el-col :span="8">
                    <span>何时由何地迁来本县市何时登记户口：</span>{{ item.hsyhdqlbxshsdjhk }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>何时由本县、市何处迁来何时登记户口：</span>{{ item.hsybxshcqlhsdjhk }}
                  </el-col>
                  <el-col :span="8">
                    <span>注销户口日期：</span>{{ item.zxhkrq }}
                  </el-col>
                  <el-col :span="8">
                    <span>注销户口原因：</span>{{ item.zxhkyy }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>户口登记事项变更记载内容、时间及办理人章_1：</span>{{ item.hkdjsxbgjznrsjjblrz1 }}
                  </el-col>
                  <el-col :span="8">
                    <span>户口登记事项变更记载内容、时间及办理人章_2：</span>{{ item.hkdjsxbgjznrsjjblrz2 }}
                  </el-col>
                  <el-col :span="8">
                    <span>籍贯：</span>{{ item.jiguan }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>现住址：</span>{{ item.xzz }}
                  </el-col>
                  <el-col :span="8">
                    <span>户主姓名：</span>{{ item.hzName }}
                  </el-col>
                  <el-col :span="8">
                    <span>户别：</span>{{ item.hb }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>登记日期：</span>{{ item.djrq }}
                  </el-col>
                  <el-col :span="8">
                    <span>兵役状况：</span>{{ item.byzk }}
                  </el-col>
                  <el-col :span="8">
                    <span>身高：</span>{{ item.height }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>血型：</span>{{ item.blood }}
                  </el-col>
                  <el-col :span="8">
                    <span>职业：</span>{{ item.zy }}
                  </el-col>
                  <el-col :span="8">
                    <span>申领居民身份证原因：</span>{{ item.slReason }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>申领居民身份证签名：</span>{{ item.sljmsfzqm }}
                  </el-col>
                  <el-col :span="8">
                    <span>签发意见：</span>{{ item.qfyj }}
                  </el-col>
                  <el-col :span="8">
                    <span>有效日期：</span>{{ item.yxrq }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>身份证号：</span>{{ item.cardId }}
                  </el-col>
                </el-row>
              </div>
              <div class="right">
                <image-preview :src="item.pictures" :width="60" :height="60"/>
              </div>
            </div>
            <el-empty :image-size="200" v-if="option2.list.length===0"></el-empty>-->
      <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">
      <el-divider content-position="left">出生医学证明</el-divider>
      <el-table v-loading="option4.loading" :data="option4.list" border>
        <el-table-column label="档案目录ID" align="center" prop="muId" min-width="90" fixed/>
        <el-table-column label="出生证编号" align="center" prop="birthNum" fixed min-width="100" show-overflow-tooltip/>
        <el-table-column label="婴儿姓名" align="center" prop="name" fixed 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="sex" min-width="100" show-overflow-tooltip/>
        <el-table-column label="出生地点" align="center" prop="bornAddress" 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="mAge" min-width="100" show-overflow-tooltip/>
        <el-table-column label="母亲国籍" align="center" prop="mGj" min-width="100" show-overflow-tooltip/>
        <el-table-column label="母亲民族" align="center" prop="mNation" 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="fAge" min-width="100" show-overflow-tooltip/>
        <el-table-column label="父亲国籍" align="center" prop="fGj" min-width="100" show-overflow-tooltip/>
        <el-table-column label="父亲民族" align="center" prop="fNation" 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="homeAddress" min-width="100" show-overflow-tooltip/>
        <el-table-column label="婴儿母亲签字" align="center" prop="momSign" min-width="100" show-overflow-tooltip/>
        <el-table-column label="接生人员签字" align="center" prop="jsrySign" min-width="100" show-overflow-tooltip/>
        <el-table-column label="接生单位" align="center" prop="jsUnit" 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" prop="allPics">
          <template slot-scope="scope">
            <image-preview :src="scope.row.allPics" :width="50" :height="50"/>
          </template>
        </el-table-column>
      </el-table>
      <!--      <div class="list" v-for="item in option4.list" :key="item.id">
              <div class="left">
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>出生证编号：</span>{{ item.birthNum }}
                  </el-col>
                  <el-col :span="8">
                    <span>婴儿姓名：</span>{{ item.name }}
                  </el-col>
                  <el-col :span="8">
                    <span>出生时间：</span>{{ item.birthday }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>性别：</span>{{ item.sex }}
                  </el-col>
                  <el-col :span="8">
                    <span>出生地点：</span>{{ item.bornAddress }}
                  </el-col>
                  <el-col :span="8">
                    <span>母亲姓名：</span>{{ item.mName }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>母亲年龄：</span>{{ item.mAge }}
                  </el-col>
                  <el-col :span="8">
                    <span>母亲国籍：</span>{{ item.mGj }}
                  </el-col>
                  <el-col :span="8">
                    <span>母亲民族：</span>{{ item.mNation }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>母亲身份证号：</span>{{ item.mCardId }}
                  </el-col>
                  <el-col :span="8">
                    <span>父亲姓名：</span>{{ item.fName }}
                  </el-col>
                  <el-col :span="8">
                    <span>父亲年龄：</span>{{ item.fAge }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>父亲国籍：</span>{{ item.fGj }}
                  </el-col>
                  <el-col :span="8">
                    <span>父亲民族：</span>{{ item.fNation }}
                  </el-col>
                  <el-col :span="8">
                    <span>父亲身份证号：</span>{{ item.fCardId }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>家庭住址：</span>{{ item.homeAddress }}
                  </el-col>
                  <el-col :span="8">
                    <span>婴儿母亲签字：</span>{{ item.momSign }}
                  </el-col>
                  <el-col :span="8">
                    <span>接生人员签字：</span>{{ item.jsrySign }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>接生单位：</span>{{ item.jsUnit }}
                  </el-col>
                </el-row>
              </div>
              <div class="right">
                <image-preview :src="item.pictures" :width="60" :height="60"/>
              </div>
            </div>
            <el-empty :image-size="200" v-if="option4.list.length===0"></el-empty>-->
      <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">
      <el-divider content-position="left">一胎证明</el-divider>
      <el-table v-loading="option6.loading" :data="option6.list" border>
        <el-table-column label="档案目录ID" align="center" prop="muId" min-width="90" fixed/>
        <el-table-column label="年份" align="center" prop="year" min-width="100" show-overflow-tooltip/>
        <el-table-column label="序号" align="center" prop="xh" min-width="100" show-overflow-tooltip/>
        <el-table-column label="姓名女" align="center" prop="wName" min-width="100" show-overflow-tooltip/>
        <el-table-column label="工作单位女" align="center" prop="wUnit" 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="mUnit" 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="syzh" min-width="100" show-overflow-tooltip/>
        <el-table-column label="出生日期" align="center" prop="birthday" min-width="100" show-overflow-tooltip>
          <template slot-scope="scope">
            <span>{{ parseTime(scope.row.birthday, '{y}-{m}-{d}') }}</span>
          </template>
        </el-table-column>
        <el-table-column label="医院地址" align="center" prop="hospital" min-width="100" show-overflow-tooltip/>
        <el-table-column label="婴儿性别" align="center" prop="babySex" min-width="100" show-overflow-tooltip/>
        <el-table-column label="意见" align="center" prop="suggest" min-width="100" show-overflow-tooltip/>
        <el-table-column label="派出所位置" align="center" prop="pcsAddress" min-width="100" show-overflow-tooltip/>
        <el-table-column label="填表日期1" align="center" prop="tbDate1" min-width="100" show-overflow-tooltip/>
        <el-table-column label="填表日期2" align="center" prop="tbDate2" 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" prop="allPics">
          <template slot-scope="scope">
            <image-preview :src="scope.row.allPics" :width="50" :height="50"/>
          </template>
        </el-table-column>
      </el-table>
      <!--      <div class="list" v-for="item in option6.list" :key="item.id">
              <div class="left">
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>年份：</span>{{ item.year }}
                  </el-col>
                  <el-col :span="8">
                    <span>序号：</span>{{ item.xh }}
                  </el-col>
                  <el-col :span="8">
                    <span>姓名女：</span>{{ item.wName }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>工作单位女：</span>{{ item.wUnit }}
                  </el-col>
                  <el-col :span="8">
                    <span>身份证号女：</span>{{ item.wCardId }}
                  </el-col>
                  <el-col :span="8">
                    <span>姓名男：</span>{{ item.mName }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>工作单位男：</span>{{ item.mUnit }}
                  </el-col>
                  <el-col :span="8">
                    <span>身份证号男：</span>{{ item.mCardId }}
                  </el-col>
                  <el-col :span="8">
                    <span>生育证号：</span>{{ item.syzh }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>出生日期：</span>{{ item.birthday }}
                  </el-col>
                  <el-col :span="8">
                    <span>医院地址：</span>{{ item.hospital }}
                  </el-col>
                  <el-col :span="8">
                    <span>婴儿性别：</span>{{ item.babySex }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>意见：</span>{{ item.suggest }}
                  </el-col>
                  <el-col :span="8">
                    <span>派出所位置：</span>{{ item.pcsAddress }}
                  </el-col>
                  <el-col :span="8">
                    <span>填表日期1：</span>{{ item.tbDate1 }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>填表日期2：</span>{{ item.tbDate2 }}
                  </el-col>
                </el-row>
              </div>
              <div class="right">
                <image-preview :src="item.pictures" :width="60" :height="60"/>
              </div>
            </div>
            <el-empty :image-size="200" v-if="option6.list.length===0"></el-empty>-->
      <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">
      <el-divider content-position="left">迁移证</el-divider>
      <el-table v-loading="option5.loading" border :data="option5.list">
        <el-table-column label="档案目录ID" align="center" prop="muId" min-width="90" fixed/>
        <el-table-column label="发文单位" align="center" prop="fwUnit" fixed min-width="100" show-overflow-tooltip/>
        <el-table-column label="文件序号" align="center" prop="wjXh" fixed 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="性别1" align="center" prop="sex1" 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="sex2" 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="sex3" 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="sex4" 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="qyReason" min-width="100" show-overflow-tooltip/>
        <el-table-column label="原住址" align="center" prop="yAddress" min-width="100" show-overflow-tooltip/>
        <el-table-column label="迁往地址" align="center" prop="qwAddress" min-width="100" show-overflow-tooltip/>
        <el-table-column label="签发有效时间起" align="center" prop="sDate" min-width="120" show-overflow-tooltip/>
        <el-table-column label="签发有效时间止" align="center" prop="eDate" min-width="120" show-overflow-tooltip/>
        <el-table-column label="承办人" align="center" prop="cbr" 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" prop="allPics">
          <template slot-scope="scope">
            <image-preview :src="scope.row.allPics" :width="50" :height="50"/>
          </template>
        </el-table-column>
      </el-table>
      <!--      <div class="list" v-for="item in option5.list" :key="item.id">
              <div class="left">
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>发文单位：</span>{{ item.fwUnit }}
                  </el-col>
                  <el-col :span="8">
                    <span>文件序号：</span>{{ item.wjXh }}
                  </el-col>
                  <el-col :span="8">
                    <span>姓名1：</span>{{ item.name1 }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>性别1：</span>{{ item.sex1 }}
                  </el-col>
                  <el-col :span="8">
                    <span>居民身份证编号1：</span>{{ item.cardId1 }}
                  </el-col>
                  <el-col :span="8">
                    <span>姓名2：</span>{{ item.name2 }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>性别2：</span>{{ item.sex2 }}
                  </el-col>
                  <el-col :span="8">
                    <span>居民身份证编号2：</span>{{ item.cardId2 }}
                  </el-col>
                  <el-col :span="8">
                    <span>姓名3：</span>{{ item.name3 }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>性别3：</span>{{ item.sex3 }}
                  </el-col>
                  <el-col :span="8">
                    <span>居民身份证编号3：</span>{{ item.cardId3 }}
                  </el-col>
                  <el-col :span="8">
                    <span>姓名4：</span>{{ item.name4 }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>性别4：</span>{{ item.sex4 }}
                  </el-col>
                  <el-col :span="8">
                    <span>居民身份证编号4：</span>{{ item.cardId4 }}
                  </el-col>
                  <el-col :span="8">
                    <span>迁移原因：</span>{{ item.qyReason }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>原住址：</span>{{ item.yAddress }}
                  </el-col>
                  <el-col :span="8">
                    <span>迁往地址：</span>{{ item.qwAddress }}
                  </el-col>
                  <el-col :span="8">
                    <span>签发有效时间起：</span>{{ item.sDate }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>签发有效时间止：</span>{{ item.eDate }}
                  </el-col>
                  <el-col :span="8">
                    <span>承办人：</span>{{ item.cbr }}
                  </el-col>
                </el-row>
              </div>
              <div class="right">
                <image-preview :src="item.pictures" :width="60" :height="60"/>
              </div>
            </div>
            <el-empty :image-size="200" v-if="option5.list.length===0"></el-empty>-->
      <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">
      <el-divider content-position="left">准迁证</el-divider>
      <el-table v-loading="option8.loading" :data="option8.list" border>
        <el-table-column label="档案目录ID" align="center" prop="muId" min-width="90" fixed/>
        <el-table-column label="编号" align="center" prop="num" fixed 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="cardId" min-width="120" show-overflow-tooltip/>
        <el-table-column label="住址" align="center" prop="address" min-width="100" show-overflow-tooltip/>
        <el-table-column label="登记机关" align="center" prop="djJg" min-width="100" show-overflow-tooltip/>
        <el-table-column label="与申请人关系1" align="center" prop="relation1" 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="sex1" min-width="100" show-overflow-tooltip/>
        <el-table-column label="出生日期1" align="center" prop="birthDate1" min-width="100" show-overflow-tooltip>
          <template slot-scope="scope">
            <span>{{ parseTime(scope.row.birthDate1, '{y}-{m}-{d}') }}</span>
          </template>
        </el-table-column>
        <el-table-column label="身份证号1" align="center" prop="cardId1" min-width="100" show-overflow-tooltip/>
        <el-table-column label="与申请人关系2" align="center" prop="relation2" 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="sex2" min-width="100" show-overflow-tooltip/>
        <el-table-column label="出生日期2" align="center" prop="birthDate2" min-width="100" show-overflow-tooltip>
          <template slot-scope="scope">
            <span>{{ parseTime(scope.row.birthDate2, '{y}-{m}-{d}') }}</span>
          </template>
        </el-table-column>
        <el-table-column label="身份证号2" align="center" prop="cardId2" min-width="100" show-overflow-tooltip/>
        <el-table-column label="与申请人关系3" align="center" prop="relation3" 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="sex3" min-width="100" show-overflow-tooltip/>
        <el-table-column label="出生日期3" align="center" prop="birthDate3" min-width="100" show-overflow-tooltip>
          <template slot-scope="scope">
            <span>{{ parseTime(scope.row.birthDate3, '{y}-{m}-{d}') }}</span>
          </template>
        </el-table-column>
        <el-table-column label="身份证号3" align="center" prop="cardId3" min-width="100" show-overflow-tooltip/>
        <el-table-column label="与申请人关系4" align="center" prop="relation4" 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="sex4" min-width="100" show-overflow-tooltip/>
        <el-table-column label="出生日期4" align="center" prop="birthDate4" min-width="100" show-overflow-tooltip>
          <template slot-scope="scope">
            <span>{{ parseTime(scope.row.birthDate4, '{y}-{m}-{d}') }}</span>
          </template>
        </el-table-column>
        <el-table-column label="身份证号4" align="center" prop="cardId4" min-width="100" show-overflow-tooltip/>
        <el-table-column label="发往单位" align="center" prop="fwdw" min-width="100" show-overflow-tooltip/>
        <el-table-column label="迁入地址" align="center" prop="qrAddress" min-width="100" show-overflow-tooltip/>
        <el-table-column label="准迁原因" align="center" prop="zqReason" min-width="100" show-overflow-tooltip/>
        <el-table-column label="批准机关" align="center" prop="pzjg" min-width="100" show-overflow-tooltip/>
        <el-table-column label="承办人" align="center" prop="cbr" min-width="100" show-overflow-tooltip/>
        <el-table-column label="签发日期" align="center" prop="qfDate" min-width="100" show-overflow-tooltip>
          <template slot-scope="scope">
            <span>{{ parseTime(scope.row.qfDate, '{y}-{m}-{d}') }}</span>
          </template>
        </el-table-column>
        <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" prop="allPics">
          <template slot-scope="scope">
            <image-preview :src="scope.row.allPics" :width="50" :height="50"/>
          </template>
        </el-table-column>
      </el-table>
      <!--      <div class="list" v-for="item in option8.list" :key="item.id">
              <div class="left">
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>编号：</span>{{ item.num }}
                  </el-col>
                  <el-col :span="8">
                    <span>申请人姓名：</span>{{ item.name }}
                  </el-col>
                  <el-col :span="8">
                    <span>申请人身份证号：</span>{{ item.cardId }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>住址：</span>{{ item.address }}
                  </el-col>
                  <el-col :span="8">
                    <span>登记机关：</span>{{ item.djJg }}
                  </el-col>
                  <el-col :span="8">
                    <span>与申请人关系1：</span>{{ item.relation1 }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>姓名1：</span>{{ item.name1 }}
                  </el-col>
                  <el-col :span="8">
                    <span>性别1：</span>{{ item.sex1 }}
                  </el-col>
                  <el-col :span="8">
                    <span>出生日期1：</span>{{ item.birthDate1 }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>身份证号1：</span>{{ item.cardId1 }}
                  </el-col>
                  <el-col :span="8">
                    <span>与申请人关系2：</span>{{ item.relation2 }}
                  </el-col>
                  <el-col :span="8">
                    <span>姓名2：</span>{{ item.name2 }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>性别2：</span>{{ item.sex2 }}
                  </el-col>
                  <el-col :span="8">
                    <span>出生日期2：</span>{{ item.birthDate2 }}
                  </el-col>
                  <el-col :span="8">
                    <span>身份证号2：</span>{{ item.cardId2 }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>与申请人关系3：</span>{{ item.relation3 }}
                  </el-col>
                  <el-col :span="8">
                    <span>姓名3：</span>{{ item.name3 }}
                  </el-col>
                  <el-col :span="8">
                    <span>性别3：</span>{{ item.sex3 }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>出生日期3：</span>{{ item.birthDate3 }}
                  </el-col>
                  <el-col :span="8">
                    <span>身份证号3：</span>{{ item.cardId3 }}
                  </el-col>
                  <el-col :span="8">
                    <span>与申请人关系4：</span>{{ item.relation4 }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>姓名4：</span>{{ item.name4 }}
                  </el-col>
                  <el-col :span="8">
                    <span>性别4：</span>{{ item.sex4 }}
                  </el-col>
                  <el-col :span="8">
                    <span>出生日期4：</span>{{ item.birthDate4 }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>身份证号4：</span>{{ item.cardId4 }}
                  </el-col>
                  <el-col :span="8">
                    <span>发往单位：</span>{{ item.fwdw }}
                  </el-col>
                  <el-col :span="8">
                    <span>迁入地址：</span>{{ item.qrAddress }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>准迁原因：</span>{{ item.zqReason }}
                  </el-col>
                  <el-col :span="8">
                    <span>批准机关：</span>{{ item.pzjg }}
                  </el-col>
                  <el-col :span="8">
                    <span>承办人：</span>{{ item.cbr }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>签发日期：</span>{{ item.qfDate }}
                  </el-col>
                </el-row>
              </div>
              <div class="right">
                <image-preview :src="item.pictures" :width="60" :height="60"/>
              </div>
            </div>
            <el-empty :image-size="200" v-if="option8.list.length===0"></el-empty>-->
      <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">
      <el-divider content-position="left">转非农业人口批复存根</el-divider>
      <el-table v-loading="option7.loading" :data="option7.list" border>
        <el-table-column label="档案目录ID" align="center" prop="muId" min-width="90" fixed/>
        <el-table-column label="编号" align="center" prop="num" fixed min-width="100" show-overflow-tooltip/>
        <el-table-column label="申请人姓名" align="center" prop="name" fixed min-width="100" 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="relation1" min-width="110" 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="sex1" min-width="100" show-overflow-tooltip/>
        <el-table-column label="与申请人关系2" align="center" prop="relation2" min-width="110" 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="sex2" min-width="100" show-overflow-tooltip/>
        <el-table-column label="与申请人关系3" align="center" prop="relation3" min-width="110" 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="sex3" min-width="100" show-overflow-tooltip/>
        <el-table-column label="与申请人关系4" align="center" prop="relation4" min-width="110" 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="sex4" min-width="100" show-overflow-tooltip/>
        <el-table-column label="与申请人关系5" align="center" prop="relation5" min-width="110" show-overflow-tooltip/>
        <el-table-column label="姓名5" align="center" prop="name5" min-width="100" show-overflow-tooltip/>
        <el-table-column label="性别5" align="center" prop="sex5" min-width="100" show-overflow-tooltip/>
        <el-table-column label="机关1" align="center" prop="jg1" min-width="100" show-overflow-tooltip/>
        <el-table-column label="机关2" align="center" prop="jg2" min-width="100" show-overflow-tooltip/>
        <el-table-column label="承办人" align="center" prop="cbr" min-width="100" show-overflow-tooltip/>
        <el-table-column label="承办日期" align="center" prop="cbDate" width="180">
          <template slot-scope="scope">
            <span>{{ parseTime(scope.row.cbDate, '{y}-{m}-{d}') }}</span>
          </template>
        </el-table-column>
        <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" prop="allPics">
          <template slot-scope="scope">
            <image-preview :src="scope.row.allPics" :width="50" :height="50"/>
          </template>
        </el-table-column>
      </el-table>
      <!--      <div class="list" v-for="item in option7.list" :key="item.id">
              <div class="left">
                <el-row :gutter="20">
                  <el-col :span="8"><span>编号：</span>{{ item.num }}</el-col>
                  <el-col :span="8"><span>申请人姓名：</span>{{ item.name }}</el-col>
                  <el-col :span="8"><span>住址：</span>{{ item.address }}</el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>与申请人关系1：</span>{{ item.relation1 }}
                  </el-col>
                  <el-col :span="8">
                    <span>姓名1：</span>{{ item.name1 }}
                  </el-col>
                  <el-col :span="8">
                    <span>性别1：</span>{{ item.sex1 }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>与申请人关系2：</span>{{ item.relation2 }}
                  </el-col>
                  <el-col :span="8">
                    <span>姓名2：</span>{{ item.name2 }}
                  </el-col>
                  <el-col :span="8">
                    <span>性别2：</span>{{ item.sex2 }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>与申请人关系3：</span>{{ item.relation3 }}
                  </el-col>
                  <el-col :span="8">
                    <span>姓名3：</span>{{ item.name3 }}
                  </el-col>
                  <el-col :span="8">
                    <span>性别3：</span>{{ item.sex3 }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>与申请人关系4：</span>{{ item.relation4 }}
                  </el-col>
                  <el-col :span="8">
                    <span>姓名4：</span>{{ item.name4 }}
                  </el-col>
                  <el-col :span="8">
                    <span>性别4：</span>{{ item.sex4 }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>与申请人关系5：</span>{{ item.relation5 }}
                  </el-col>
                  <el-col :span="8">
                    <span>姓名5：</span>{{ item.name5 }}
                  </el-col>
                  <el-col :span="8">
                    <span>性别5：</span>{{ item.sex5 }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>机关1：</span>{{ item.jg1 }}
                  </el-col>
                  <el-col :span="8">
                    <span>机关2：</span>{{ item.jg2 }}
                  </el-col>
                  <el-col :span="8">
                    <span>承办人：</span>{{ item.cbr }}
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="8">
                    <span>承办日期：</span>{{ item.cbDate }}
                  </el-col>
                </el-row>
              </div>
              <div class="right">
                <image-preview :src="item.pictures" :width="60" :height="60"/>
              </div>
            </div>
            <el-empty :image-size="200" v-if="option7.list.length===0"></el-empty>-->
      <pagination
        v-show="option7.total>0"
        :total="option7.total"
        :page.sync="option7.qParams.pageNum"
        :limit.sync="option7.qParams.pageSize"
        @pagination="option7Query"
      />
    </div>
  </div>
</template>

<script>
import { listCzrkdj } from "@/api/dangan/czrkdj";
import { listBirthDJ } from "@/api/dangan/birthDJ";
import { listQyz } from "@/api/dangan/qyz";
import { listZfnyhkcg } from "@/api/dangan/zfnyhkcg";
import { listYtzm } from "@/api/dangan/ytzm";
import { listZqz } from "@/api/dangan/zqz";

export default {
  name: "Retrieval",
  dicts: ['error_correct', 'audit_status', 'recognize', 'yw_type'],
  data() {
    return {
      // 显示搜索条件
      keyword: '',
      checkList: [],
      // 常住人口登记表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,
          name: 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
      },
    }
  },
  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.name = 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.name = 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;
      listCzrkdj(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;
      listCzrkdj(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;
      listCzrkdj(this.option9.qParams).then(response => {
        this.option9.list = response.rows;
        this.option9.total = response.total;
        this.option9.loading = false;
      })
    },
    // 常住卡
    option2Query(){
      this.option2.loading = true;
      listCzrkdj(this.option2.qParams).then(response => {
        this.option2.list = response.rows;
        this.option2.total = response.total;
        this.option2.loading = false;
      })
    },
    // 出生医学证明
    option4Query(){
      this.option4.loading = true;
      listBirthDJ(this.option4.qParams).then(response => {
        this.option4.list = response.rows;
        this.option4.total = response.total;
        this.option4.loading = false;
      })
    },
    // 一胎证明
    option6Query(){
      this.option6.loading = true;
      listYtzm(this.option6.qParams).then(response => {
        this.option6.list = response.rows;
        this.option6.total = response.total;
        this.option6.loading = false;
      })
    },
    // 迁移证
    option5Query(){
      this.option5.loading = true;
      listQyz(this.option5.qParams).then(response => {
        this.option5.list = response.rows;
        this.option5.total = response.total;
        this.option5.loading = false;
      })
    },
    // 准迁证
    option8Query(){
      this.option8.loading = true;
      listZqz(this.option8.qParams).then(response => {
        this.option8.list = response.rows;
        this.option8.total = response.total;
        this.option8.loading = false;
      })
    },
    // 转非农业人口批复存根
    option7Query(){
      this.option7.loading = true;
      listZfnyhkcg(this.option7.qParams).then(response => {
        this.option7.list = response.rows;
        this.option7.total = response.total;
        this.option7.loading = false;
      })
    },
  }
}
</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: 15px;
}

::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>
