<div class="businessCardContainer">
  <div class="brokerCardPositive" id="brokerCardPositive" *ngIf="showFlag==false">
    <div class="qrcodeBox">
      <div>
        <div style="margin-bottom: 20%;"><img src="assets/images/ydShield.png" alt="银盾保险经纪" class="img-responsive">
        </div>
        <div><img src="assets/images/ydCompanyName.png" alt="银盾保险经纪" class="img-responsive"></div>
      </div>
      <div><img src="assets/images/online_chat.jpg" alt="" class="img-responsive"></div>
    </div>
    <div class="dividingContainer">
      <div class="dividingBox"></div>
      <div class="dividingLine"></div>
    </div>
    <div class="brokerInfo">
      <div class="brokerBasicInfo">
        <div class="brokerName">
          <div>{{lifeCustomerInfo.practitionerBasicInfo.name}}</div>
          <div>Neo Zheng</div>
        </div>
        <div class="brokerTitle">
          <div>{{lifeCustomerInfo.practitionerBasicInfo.levelName}}</div>
          <div>Sales Director</div>
        </div>
      </div>
      <div class="brokerCompanyInfo">
        <div style="font-size: 14px">上海银盾保险经纪有限公司</div>
        <div style="font-size:10px;font-weight: lighter;">上海市浦东新区张杨路560号中融恒瑞国际西楼1502室</div>
        <div style="font-size: 11px">客服专线：400-921-9290</div>
      </div>
      <div class="brokerContactInfo">
        <div>
          <i class="iconfont icon-dianhua"></i>
          <span>M: {{lifeCustomerInfo.mobileNo}}</span>
        </div>
        <div>
          <i class="iconfont icon-youxiang"></i>
          <span>50262253@qq.com</span>
        </div>
      </div>
    </div>
  </div>
  <img src="{{canvasImg}}" *ngIf="showFlag==true">
  <div class="brokerCardOpposite">
    <img src="assets/images/card_opposite.jpg" alt="" class="img-responsive">
  </div>
</div>
<!-- 
<div (click) = "downLoadJspdfs()">导出pdf</div> -->
