You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

1914 lines
90 KiB

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<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>
</div>
<el-checkbox-group v-model="checkList" @change="handleCheckboxGroupChange">
<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">
<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/>
<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/>
<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/>
<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/>
<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/>
<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/>
<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/>
<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/>
<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/>
<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/>
<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" 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 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: [],
// 是否全选
checkAll: 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,
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;
})
},
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;
}
}
}
}
</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>