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