|
|
|
@ -2,7 +2,7 @@ |
|
|
|
<div class="m-pop"> |
|
|
|
<div class="wrap"> |
|
|
|
<div class="wrap2"> |
|
|
|
<div class="title flexf-endpointf-font16f-p10" style="border-bottom: 1px #DCDEE0 solid;"> |
|
|
|
<div class="title f-flex f-endpoint f-font16 f-p10" style="border-bottom: 1px #DCDEE0 solid;"> |
|
|
|
<span>居民详情</span> |
|
|
|
|
|
|
|
<el-button type="text"> <i class="el-icon-close" @click="handleClose"></i></el-button> |
|
|
|
@ -13,7 +13,7 @@ |
|
|
|
class="diy-button--search" |
|
|
|
@click="handleTuomin">显示脱敏信息</el-button> |
|
|
|
</div> --> |
|
|
|
<div class="title-smallf-top40">基本信息</div> |
|
|
|
<div class="title-small f-top40">基本信息</div> |
|
|
|
<div :key="'fieldSubList' + index" |
|
|
|
v-for="(fieldSubList, index) in fieldList"> |
|
|
|
<div class="list" :class="{'listTransform':index==1}"> |
|
|
|
@ -44,8 +44,9 @@ |
|
|
|
v-if="info[field.columnName]!=0" |
|
|
|
> |
|
|
|
<span class="item-field">{{field.label}}<span v-if="field.itemType!='radio'"> ：</span> </span> |
|
|
|
<!--<el-button type="text" class="div-table-button--blue" style="float: right" @click="handleTuomin(field)"> 显示</el-button> --> |
|
|
|
<span v-if="field.columnName==='MOBILE'||field.columnName==='ID_CARD'"><span >{{ info[field.columnName]||'--'}}</span> </span> |
|
|
|
|
|
|
|
<span v-if="field.columnName==='MOBILE' && info[field.columnName] != null||field.columnName==='ID_CARD' && info[field.columnName] != null"> <el-button type="text" class="div-table-button--blue" style="float: right" @click="handleTuomin(field)"> |
|
|
|
<i class="el-icon-view"></i> 显示</el-button> <span >{{ info[field.columnName]||'--'}}</span> </span> |
|
|
|
<span v-else-if=" |
|
|
|
field.itemType == 'select' || |
|
|
|
field.itemType == 'radio' || |
|
|
|
@ -74,21 +75,17 @@ |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="title-small f-top40 div-mult-table "> {{index==0? '分类信息':'其他信息'}} |
|
|
|
<section v-show="index==0 " style="position:absolute;top:42px;left: 20px;" class="f-font14">居民分类: </section> |
|
|
|
<section v-show="index==0 " style="position:absolute;top:41px;left: 5px;" class="f-font14">居民分类: </section> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<!-- 详情下方tab --> |
|
|
|
<el-tabs class="f-top32" v-model="groupIndex" @tab-click="handlTabs"> |
|
|
|
<template> |
|
|
|
<el-dropdown> |
|
|
|
<span class="el-dropdown-link"> |
|
|
|
<i class="el-icon-arrow-down el-icon-more"></i> |
|
|
|
</span> |
|
|
|
<img @mousemove="moreImgFlag = true" @mouseleave="moreImgFlag = false" :src="moreImgFlag==true?moreImg.src2:moreImg.src1" alt="" width="16px"> |
|
|
|
<el-dropdown-menu slot="dropdown" > |
|
|
|
<el-dropdown-item v-for="(j,index) in groupList" :key="index"><div @click="handlDropdownTabs(`${index}`)"> {{j.label}}</div></el-dropdown-item> |
|
|
|
</el-dropdown-menu> |
|
|
|
</el-dropdown> |
|
|
|
</template> |
|
|
|
<el-tab-pane |
|
|
|
v-for="(item, index) in groupList" |
|
|
|
:class="groupIndex % groupList.length == index ? 'z-on' : ''" |
|
|
|
@ -140,8 +137,8 @@ |
|
|
|
:data="natList" |
|
|
|
border |
|
|
|
height="400" |
|
|
|
:header-cell-style="{ background: '#2195FE', color: '#FFFFFF' }" |
|
|
|
style="width: 100%"> |
|
|
|
|
|
|
|
style="width: 100%; margin-bottom:50px"> |
|
|
|
<el-table-column label="序号" |
|
|
|
header-align="center" |
|
|
|
align="center" |
|
|
|
@ -175,8 +172,7 @@ |
|
|
|
:data="tripList" |
|
|
|
border |
|
|
|
height="400" |
|
|
|
:header-cell-style="{ background: '#2195FE', color: '#FFFFFF' }" |
|
|
|
style="width: 100%"> |
|
|
|
style="width: 100%; margin-bottom:50px"> |
|
|
|
<el-table-column label="序号" |
|
|
|
header-align="center" |
|
|
|
align="center" |
|
|
|
@ -224,8 +220,7 @@ |
|
|
|
:data="vaccineList" |
|
|
|
border |
|
|
|
height="400" |
|
|
|
:header-cell-style="{ background: '#2195FE', color: '#FFFFFF' }" |
|
|
|
style="width: 100%"> |
|
|
|
style="width: 100%; margin-bottom:50px"> |
|
|
|
<el-table-column label="序号" |
|
|
|
header-align="center" |
|
|
|
align="center" |
|
|
|
@ -283,12 +278,11 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div > |
|
|
|
<el-row class="f-bot12" justify="end" > |
|
|
|
|
|
|
|
<el-col :span="24"> <el-button style="float:right" @click="handleClose">关闭</el-button></el-col> |
|
|
|
</el-row> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<el-row class="f-bot12" justify="end" > |
|
|
|
<el-col class="footer-Close-box" :span="24"> <el-button style="float:right" class="diy-button--common" @click="handleClose">关闭</el-button></el-col> |
|
|
|
</el-row> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
@ -326,7 +320,11 @@ export default { |
|
|
|
startGroupIndex: 0, |
|
|
|
info: {}, |
|
|
|
allInfo: {}, |
|
|
|
|
|
|
|
moreImgFlag:false, |
|
|
|
moreImg:{ |
|
|
|
src1:require("../../../../assets/images/index/i-menu.png"), |
|
|
|
src2:require("../../../../assets/images/index/i-menu2.png") |
|
|
|
}, |
|
|
|
xiaoquList: [], |
|
|
|
louList: [], |
|
|
|
danyuanList: [], |
|
|
|
@ -427,6 +425,10 @@ export default { |
|
|
|
handlDropdownTabs(index){ |
|
|
|
this.groupIndex = index |
|
|
|
}, |
|
|
|
handelmoreImgFlag(){ |
|
|
|
|
|
|
|
console.log(this.moreImgFlag); |
|
|
|
}, |
|
|
|
async handleTuomin (item) { |
|
|
|
console.log(); |
|
|
|
const url = "/data/aggregator/epmetuser/detailByType"; |
|
|
|
@ -742,7 +744,10 @@ export default { |
|
|
|
.el-tabs ::v-deep .el-tabs__content { |
|
|
|
position: absolute; |
|
|
|
right: 23px; |
|
|
|
top: 14px; |
|
|
|
top: 13px; |
|
|
|
} |
|
|
|
.el-tabs__item ::v-deep .is-active { |
|
|
|
color: #0056D6; |
|
|
|
} |
|
|
|
.m-pop .wrap{ |
|
|
|
width: 820px; |
|
|
|
@ -766,4 +771,10 @@ height: 848px; |
|
|
|
.div-mult-table section { |
|
|
|
color: #ccc; |
|
|
|
} |
|
|
|
.footer-Close-box{ |
|
|
|
position: relative; |
|
|
|
top: -51px; |
|
|
|
right: 22px; |
|
|
|
z-index: 9; |
|
|
|
} |
|
|
|
</style> |
|
|
|
|
