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.
143 lines
4.0 KiB
143 lines
4.0 KiB
<template>
|
|
<div>
|
|
<div class="body">
|
|
<el-row type="flex" >
|
|
<el-col :span="24">
|
|
<span class="htgl_info_label">所属网格:</span> {{emblemObj.gridName||'--'}}
|
|
</el-col>
|
|
</el-row>
|
|
|
|
<el-row type="flex" >
|
|
<el-col :span="24" style="display: flex;">
|
|
<span class="htgl_info_label">审核类型:</span> <section style="flex:1">{{emblemObj.badgeName||'--'}}</section>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row type="flex" >
|
|
<el-col :span="24" style="display: flex;">
|
|
<span class="htgl_info_label">姓名:</span> <section style="flex:1">{{emblemObj.userName||'--'}}</section>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row type="flex" >
|
|
<el-col :span="24" style="display: flex;">
|
|
<span class="htgl_info_label">身份证号:</span> <section style="flex:1">{{emblemObj.idCard||'--'}}</section>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row type="flex" >
|
|
<el-col :span="24" style="display: flex;">
|
|
<span class="htgl_info_label">手机号:</span> <section style="flex:1">{{emblemObj.mobile||'--'}}</section>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row type="flex" >
|
|
<el-col :span="24" style="display: flex;">
|
|
<span class="htgl_info_label">备注:</span> <section style="flex:1">{{emblemObj.userName||'--'}}</section>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row type="flex" >
|
|
<el-col :span="24" style="display: flex;">
|
|
<span :class="emblemObj.topicImages?'img_label':'htgl_info_label'" >认证证件:</span>
|
|
<template>
|
|
<img :src="emblemObj.userAvatar" alt="" width="150px" height="200px" />
|
|
</template>
|
|
</el-col>
|
|
</el-row>
|
|
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import nextTick from "dai-js/tools/nextTick";
|
|
import { requestPost } from "@/js/dai/request";
|
|
export default {
|
|
|
|
data() {
|
|
return {
|
|
};
|
|
},
|
|
props:{
|
|
emblemObj:{
|
|
type:Object,
|
|
default:()=>{}
|
|
},
|
|
},
|
|
created() {
|
|
// console.log(this.emblemObj);
|
|
// this.$set(this.emblemObj,'topicVoices',this.emblemObj)
|
|
this.getResiTuomin(emblemObj.userId)
|
|
|
|
},
|
|
mounted(){
|
|
},
|
|
methods:{
|
|
async getResiTuomin(id){
|
|
const url = "/data/aggregator/epmetuser/detailByType";
|
|
const { data, code, msg } = await requestPost(url, {
|
|
id:id,
|
|
type: "checkIcResiUser",
|
|
});
|
|
if(code == 0){
|
|
for(let i in this.quanzufangResiList){
|
|
this.$set(this.emblemObj,'mobile',data.mobile)
|
|
this.$set(this.emblemObj,'idCard',data.idCard)
|
|
}
|
|
|
|
}else {
|
|
this.$message.error(msg)
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
components: {},
|
|
computed: {
|
|
},
|
|
watch: {},
|
|
};
|
|
</script>
|
|
<style lang="scss" scoped>
|
|
.img_label{
|
|
display: inline-block;
|
|
height: 75px;
|
|
vertical-align: top;
|
|
padding-left: 10px;
|
|
width: 90px;
|
|
text-align: left;
|
|
margin-right: 6px;
|
|
}
|
|
.body{
|
|
padding: 0 60px;
|
|
}
|
|
.htgl_info_label{
|
|
display: inline-block;
|
|
width: 90px;
|
|
text-align: left;
|
|
padding-left: 10px;
|
|
position: relative;
|
|
margin-right: 6px;
|
|
}
|
|
.htgl_info_label::before{
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
top: 5px;
|
|
width: 7px;
|
|
left: -5px;
|
|
height: 7px;
|
|
background: #0c81fe;
|
|
border-radius: 3px;
|
|
margin-right: 10px;
|
|
}
|
|
.img_label::before{
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
left: -5px;
|
|
top: 5px;
|
|
width: 7px;
|
|
height: 7px;
|
|
background: #0c81fe;
|
|
border-radius: 3px;
|
|
margin-right: 10px;
|
|
}
|
|
</style>
|