|
|
|
@ -16,7 +16,7 @@ |
|
|
|
<div class="title-small top40">基本信息</div> |
|
|
|
<div :key="'fieldSubList' + index" |
|
|
|
v-for="(fieldSubList, index) in fieldList"> |
|
|
|
<div class="list"> |
|
|
|
<div class="list" :class="{'listTransform':index==1}"> |
|
|
|
<div class="item" |
|
|
|
v-if="index == 0"> |
|
|
|
<span class="item-field">所属网格：</span> |
|
|
|
@ -38,16 +38,23 @@ |
|
|
|
<span>{{ homeName }}</span> |
|
|
|
</div> |
|
|
|
<div class="item" |
|
|
|
:class="{'width-40':index==1}" |
|
|
|
:key="field.itemId" |
|
|
|
v-for="field in fieldSubList"> |
|
|
|
<span class="item-field">{{field.label}}： </span> |
|
|
|
v-for="field in fieldSubList" |
|
|
|
v-if="info[field.columnName]!=0" |
|
|
|
> |
|
|
|
<span class="item-field">{{field.label}}<span v-if="field.itemType!='radio'"> ：</span> </span> |
|
|
|
<span v-if="field.columnName==='MOBILE'||field.columnName==='ID_CARD'">{{ info[field.columnName]||'--'}}</span> |
|
|
|
<span v-else-if=" |
|
|
|
field.itemType == 'select' || |
|
|
|
field.itemType == 'radio' || |
|
|
|
field.itemType == 'checkbox' || |
|
|
|
field.itemType == 'cascader' |
|
|
|
">{{ |
|
|
|
"> |
|
|
|
<span v-if=" field.columnName=='IS_BDHJ' || |
|
|
|
field.columnName=='GENDER' || |
|
|
|
field.columnName=='MZ'"> |
|
|
|
{{ |
|
|
|
info[field.columnName] == null |
|
|
|
? "--" |
|
|
|
: getOptionLabel( |
|
|
|
@ -55,7 +62,9 @@ |
|
|
|
info[field.columnName], |
|
|
|
field.itemType |
|
|
|
) |
|
|
|
}}</span> |
|
|
|
}} |
|
|
|
</span> |
|
|
|
</span> |
|
|
|
|
|
|
|
<span v-else>{{ |
|
|
|
info[field.columnName] == null ? "--" : info[field.columnName] |
|
|
|
@ -63,7 +72,9 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="title-small top40"> {{index==0? '分类信息':'其他信息'}}</div> |
|
|
|
<div class="title-small top40 div-mult-table "> {{index==0? '分类信息':'其他信息'}} |
|
|
|
<section v-show="index==0 " style="position:absolute;top:42px;left: 20px;" class="font14">居民分类: </section> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<!-- 详情下方tab --> |
|
|
|
<el-tabs class="top32" @tab-click="handlTabs"> |
|
|
|
@ -538,6 +549,7 @@ export default { |
|
|
|
} |
|
|
|
}); |
|
|
|
}); |
|
|
|
console.log(this.fieldList,4435345) |
|
|
|
} else { |
|
|
|
this.$message.error(msg); |
|
|
|
} |
|
|
|
@ -728,5 +740,26 @@ export default { |
|
|
|
right: 35px; |
|
|
|
top: 5px; |
|
|
|
} |
|
|
|
.m-pop .wrap{ |
|
|
|
width: 820px; |
|
|
|
height: 848px; |
|
|
|
} |
|
|
|
.m-pop .wrap .wrap2 { |
|
|
|
width: 820px; |
|
|
|
height: 848px; |
|
|
|
} |
|
|
|
.m-pop .wrap .list .item{ |
|
|
|
width: 48% !important; |
|
|
|
font-size: 14px; |
|
|
|
|
|
|
|
} |
|
|
|
.m-pop .wrap .list .width-40{ |
|
|
|
width: 17% !important; |
|
|
|
} |
|
|
|
.listTransform{ |
|
|
|
transform: translateX(55px); |
|
|
|
} |
|
|
|
.div-mult-table section { |
|
|
|
color: #ccc; |
|
|
|
} |
|
|
|
</style> |
|
|
|
|
