anrui/anrui-base/anrui-base-ui/src/views/system-admin/components/orgInfo.vue

<template>
  <div class="orginfo">
    <div class="zcxx">
      <p>审核单位注册信息</p>
    </div>
    <table style="font-size: 16px;">
      <tr>
        <td>法人证书：</td>
        <td>{{orgInfo.orgCode}}</td>
        <td>单位全称：</td>
        <td>{{orgInfo.name}}<span>点击验证企业</span></td>
      </tr>
      <tr>
        <td>法定代表人姓名：</td>
        <td>{{orgInfo.contactMan}}</td>
        <td>单位类别：</td>
        <td>{{orgInfo.dwType}}</td>
      </tr>

      <tr>
        <td>电话：</td>
        <td>{{orgInfo.contactMobile}}</td>
        <td>单位地理位置：</td>
        <td>{{orgInfo.gisInfo}}</td>
      </tr>
      <tr>
        <td>所在区域：</td>
        <td>{{orgInfo.region}}</td>
        <td>单位级别：</td>
        <td>{{orgInfo.dwjb}}</td>
      </tr>
      <tr>
        <td>单位通讯地址：</td>
        <td colspan="3">
          {{orgInfo.postAddress}}
        </td>
      </tr>
      <tr>
        <td>单位注册地址：</td>
        <td colspan="3">{{orgInfo.orgAddress}}</td>
      </tr>
      <tr>
        <td>单位营业执照副本复印件：</td>
        <td>
          <eimage :url="orgInfo.grantPhoto"></eimage>
        </td>
      </tr>
    </table>
    <div class="zcxx" style="margin-top: 20px;">
      <p>被委托人信息</p>
    </div>
    <table class="bwtr" style="font-size: 16px;">
      <tr>
        <td>身份证号：</td>
        <td>{{orgInfo.idNo}}</td>
        <td>姓名：</td>
        <td>{{orgInfo.name}}</td>
      </tr>
      <tr>
        <td>用户名：</td>
        <td>{{orgInfo.userName}}</td>
        <td>手机号码：</td>
        <td>{{orgInfo.mobile}}</td>
      </tr>
      <tr>
        <td>单位管理员头像：</td>
        <td>
          <eimage :url="orgInfo.photoPath"></eimage>
        </td>
        <td>授权书复印件：</td>
        <td>
          <eimage :url="orgInfo.businessLicense"></eimage>
        </td>
      </tr>
      <tr>
        <td>身份证正面复印件：</td>
        <td>
          <eimage :url="orgInfo.idBackPhoto"></eimage>
        </td>
        <td>身份证反面复印件：</td>
        <td>
          <eimage :url="orgInfo.idFrontPhoto"></eimage>
        </td>
      </tr>
    </table>
  </div>
</template>

<script>
  export default {
    props: {
      orgInfo: {
        type: Object,
        default () {
          return {}
        }
      }
    }
  }
</script>

<style lang="scss" scoped="scoped">
  .el-image{
    width: 180px;
    height: 150px;
  }
  .zcxx {
    color: #000;
    width: 98%;
    margin: 0px auto 30px;
    background-color: #f7f9fc;
    border: 1px solid #e6e9f0;
    height: 60px;
    line-height: 60px;

    p {
      font-size: 16px;
      float: left;
      margin-top: 0px;
      margin-left: 10px;
      font-weight: bold;
      width: 300px;
    }

    .el-button {
      float: right;
      margin-top: 13px;
      border: none;
      width: 80px;
      padding: 0;
      text-align: center;
      padding-top: 10px;
      padding-bottom: 10px;
    }

  }

 table {
   width: 100%;
   margin: 0 20px;
   td {
     padding: 5px 0;
   }
   span {
     font-size: 14px;
     color: #015bff;
     margin-left: 20px;
   }

 }
 </style>