<div style="padding: 15px;">
  <div class="top" >
    <div class="left">
      <img src="assets/images/ydinsurance_logo.png" alt="" style="max-width: 80%;margin-bottom: 10px;">
      <div>保险经纪从业人员</div>
      <div>执业证书</div>
    </div>
    <div class="right cerPhoto">
      <img src="{{getDefaultHeadImg(userPractitionerInfo?.headFilePath)}}" alt="" class="img-responsive ">
    </div>
  </div>
  <div class="wrapper">
    <!--经纪人基本信息-->
    <section class="basicInfo flex-center">
      <div class="basicInfoWrapper">
        <div class="name">
          <strong>姓名</strong>
          <span>{{userPractitionerInfo?.name}}</span>
        </div>
        <div>
          <strong>性别</strong>
          <span>{{userPractitionerInfo?.gender}}</span>
        </div>
        <div>
          <strong>身份证件种类</strong>
          <span>{{userPractitionerInfo?.idType}}</span>
        </div>
        <div>
          <strong>证件号码</strong>
          <span>{{(userPractitionerInfo?.idNo).substring(0,(userPractitionerInfo?.idNo).length-4)}}****</span>
        </div>
        <div class="practitionerRegNoWrapper">
          <strong>执业编号</strong>
          <span >{{userPractitionerInfo?.practitionerRegNo}}</span>
        </div>
        <div>
          <strong>公司工号</strong>
          <span>{{userPractitionerInfo?.practitionerCode}}</span>
        </div>
        <div>
          <strong style="width: 25%;">所属公司</strong>
          <span style="font-size: 13px;">{{userPractitionerInfo?.insurerName}}{{userPractitionerInfo?.insurerBranchName}}</span>
        </div>
        <div class="areaWrapper">
          <strong>执业区域</strong>
          <span>{{userPractitionerInfo?.provinceName}}</span>
        </div>
        <div class="effectiveEndDateWrapper">
          <strong>登记日期</strong>
          <span>{{userPractitionerInfo?.effectiveStartDate}}</span>
        </div>
        <!-- <div class="effectiveEndDateWrapper">
          <strong>有效截至日期</strong>
          <span>{{userPractitionerInfo?.effectiveEndDate}}</span>
        </div> -->
      </div>
    </section>
    <div class="limits">
      <div class="title">业务范围</div>
      <div class="content">为投保人拟订投保方案、选择保险人以及办理投保手续，协助被保险人或者受益人进行索赔，再保险经纪业务，为委托人提供防灾、防损或者风险评估、风险管理咨询服务，中国银保监会批准的其他业务</div>
    </div>
    <div class="bottom">
      <div>公司投诉电话：4009219290</div>
    </div>
    <!-- <div class="bottom">
      <div>上海银盾保险经纪有限公司</div>
    </div> -->
    <div class="bottom">
      <div>证书查询网址：<a href="http://iir.circ.gov.cn">http://iir.circ.gov.cn</a></div>
    </div>
    <img src="assets/images/online.jpg" class="img-responsive" style="position: absolute;right: 0;bottom: 15px;width: 50px;">
    <!--经纪人荣誉-->
    <!-- <section class="honor" *ngIf="certificateList && certificateList.length>0">
      <h4>荣誉和证书</h4>
      <div class="honorList">
        <div *ngFor="let certificateItem of certificateList">
          <img src="{{certificateItem.imagePath}}" alt="{{certificateItem.certName}}"
            (click)="scaleImg(certificateItem.imagePath)">
          <span>{{certificateItem.certName}}</span>
        </div>
      </div>
    </section> -->
    <!--自我简介-->
    <!-- <section class="bioIntro" *ngIf="userPractitionerInfo?.bioIntro">
      <h4>自我简介</h4>
      <p [innerHtml]="userPractitionerInfo?.bioIntro"></p>
    </section> -->
    <!--联系方式-->
    <!-- <section class="contact">
      <h4>联系方式</h4>
      <div class="contactList">
        <div *ngIf="userPractitionerInfo?.mobileNo">
          <div class="icon">
            <img src="assets/images/phone.png" alt="手机" class="img-responsive">
          </div>
          <span><a href="tel:{{userPractitionerInfo?.mobileNo}}">{{userPractitionerInfo?.mobileNo}}</a></span>
        </div>
        <div *ngIf="userPractitionerInfo?.wechatId">
          <div class="icon">
            <img src="assets/images/wx.png" alt="微信" class="img-responsive">
          </div>
          <span>{{userPractitionerInfo?.wechatId}}</span>
        </div>
        <div *ngIf="userPractitionerInfo?.qqId">
          <div class="icon">
            <img src="assets/images/qq.png" alt="QQ" class="img-responsive">
          </div>
          <span>{{userPractitionerInfo?.qqId}}</span>
        </div>
      </div>
    </section> -->
    <!--生活照片-->
    <!-- <section class="lifePhoto" *ngIf="lifePhotoList && lifePhotoList.length>0">
      <h4>生活照片</h4>
      <div class="lifePhotoList">
        <div class="mainPhoto" *ngFor="let lifePhotoItem of lifePhotoList.slice(0,1);">
          <img src="{{lifePhotoItem.lifePhotoFilePath}}" alt="" class="img-responsive">
        </div>
        <div class="subPhoto" *ngFor="let lifePhotoItem of lifePhotoList.slice(1);">
          <img src="{{lifePhotoItem.lifePhotoFilePath}}" alt="" class="img-responsive">
        </div>
      </div>
    </section> -->
    <!--尾部-->
    <!-- <footer>
      <div class="eqrocde">
        <div><img src="assets/images/online.jpg" class="img-responsive"></div>
      </div>
      <div class="text-center" style="padding-top: 15px;font-size: 12px">上海银盾保险经纪有限公司</div>
    </footer> -->
  </div>

  <div class="returnIndexBox" *ngIf="deviceType==3" (click)="shareIdCard()">
    <div style="text-align: center;"><img style="max-width: 45%;" src="assets/images/shareBtn.png" alt=""></div>
    <div>分享</div>
  </div>
</div>
<!-- 图片放大缩小-->
<!--<div class="markBox" (click)="imgShowFlag=!imgShowFlag" *ngIf="imgShowFlag">
  <img src="{{this.scaleImgPath}}" alt="" id="scaleImg">
</div>-->