<div class="weui-panel" >
  <!--head-->
  <div class="weui-panel__hd header">
    <!--头部经纪人信息START-->
    <div class="avatar" routerLink="setting">
      <img style="width: 60px;height: 60px;"
        src="{{lifeCustomerInfo?.practitionerBasicInfo?.headImagePath ? lifeCustomerInfo?.practitionerBasicInfo?.headImagePath : './assets/images/icons/meng.png'}}"
        alt="头像">
    </div>
    <div class="brokerInfo">
      <div class="brokerName">
        <div style="letter-spacing: 2px"><span>{{lifeCustomerInfo?.practitionerBasicInfo?.name}}</span></div>
        <span i class="iconfont icon-ar-r" style="font-size:18px;" routerLink="setting"></span>
      </div>

      <div class="brokerTag">
        <div>
          <p>{{lifeCustomerInfo?.practitionerBasicInfo?.insurerBranchName ?
            lifeCustomerInfo?.practitionerBasicInfo?.insurerBranchName : '银盾保险'}}</p>
        </div>
        <div>|</div>
        <div>{{lifeCustomerInfo?.practitionerBasicInfo?.subordinateName}}</div>
        <div>|</div>
        <div><span class="ydTitle">{{lifeCustomerInfo?.practitionerBasicInfo?.levelName}}</span></div>
      </div>
    </div>
    <!--头部经纪人信息END-->
  </div>
  <div class="weui-panel__bd" style="padding: 0 8px;background: #fff;">
    <div class="performance_wrapper">
      <!-- <img class="bg" src="assets/images/sales__bg.png" > -->
      <div class="content">
      <span class="iconfont icon-xianshi" [ngClass]="{'icon-yincang':isShowDashBoardData}"
        style="color: #fff;position: absolute;right: 20px;top: 8px;" (click)="isShowDashBoardData = !isShowDashBoardData"></span>
        <span class="iconfont icon-xianshi" [ngClass]="{'icon-yincang':isShowDashBoardData}"
        style="color: #fff;position: absolute;right: 90px;top: 8px;" (click)="isShowDashBoardData = !isShowDashBoardData"></span>
        <span class="detail" (click)="jumpToDetail()"><img style="max-width: 18%;margin-right: 2px;"
            src="assets/images/icon_2.png">龙虎榜<i class="iconfont icon-ar-r" style="font-size:12px;"></i></span>
        <ul class="tab">
          <li *ngFor="let item of performanceList" (click)="rank(item.time,1,2);rank(item.time,2,2)"
            [ngClass]="{selected:performanceSelectedFlag==item.time}">
            <div style="position: relative;">
              <h3>
                <span>{{item.name}}</span>
              </h3>
            </div>
          </li>
        </ul>
        <div>
          <ul class="performance_list title">
            <li></li>
            <li>FYP</li>
            <li>FYC</li>
            <li>件数</li>
            <li>完成率</li>
          </ul>
          <ul class="performance_list" *ngIf="!isShowDashBoardData">
            <li>线上</li>
            <li class="markPrice" style="margin:0 7px;">
              ￥{{onlineInfo?.fyp | number: "1.0-0"}}
            </li>
            <li class="markPrice">
              ￥{{onlineInfo?.fyc | number: "1.0-0"}}
            </li>
            <li class="markPrice">{{onlineInfo?.count?onlineInfo.count:'-'}}</li>
            <li class="markPrice" style="position: relative;top: 12px;">
              {{onlineInfo?.completionRate?onlineInfo.completionRate + '%':'-'}}
            </li>
          </ul>
          <ul class="performance_list" *ngIf="isShowDashBoardData">
            <li>线上</li>
            <li class="markPrice" style="margin:0 7px;">***</li>
            <li class="markPrice">***</li>
            <li class="markPrice">***</li>
            <li class="markPrice" style="position: relative;top: 12px;">***</li>
          </ul>
          <ul class="performance_list" *ngIf="!isShowDashBoardData">
            <li>线下</li>
            <li class="markPrice" style="margin:0 7px;">
              ￥{{offlineInfo?.fyp | number: "1.0-0"}}
            </li>
            <li class="markPrice">
              ￥{{offlineInfo?.fyc | number: "1.0-0"}}
            </li>
            <li class="markPrice">{{offlineInfo?.count?offlineInfo.count:'-'}}</li>
            <li class="markPrice">
              &nbsp;
            </li>
          </ul>
          <ul class="performance_list" *ngIf="isShowDashBoardData">
            <li>线下</li>
            <li class="markPrice" style="margin:0 7px;">***</li>
            <li class="markPrice">***</li>
            <li class="markPrice">***</li>
            <li class="markPrice">&nbsp;</li>
          </ul>
        </div>
      </div>
    </div>
    <div class="part2">
      <div class="part2_item activity_score" routerLink="scoreDeatil" >
        <div>活动量分值</div>
        <div style="width: 100%;">
          <ul class="activities">
            <li class="markPrice">{{this.person?.dayScore}}</li>
            <li class="markPrice">{{this.person?.weekScore}}</li>
            <li class="markPrice">{{this.person?.monthScore}}</li>
          </ul>
          <ul class="activities">
            <li>今天</li>
            <li>本周</li>
            <li>本月</li>
          </ul>
        </div>
      </div>
      <div class="part2_item todo" routerLink="todo">
        <div class="task_list">
          <span>今日任务</span>
          <img style="width: 38px;height: 38px;" src="assets/images/todo_icon.png">
        </div>
        <div class="task_list">
          <span>数量</span>
          <div style="width: 100%;height: 38px;font-size: 24px;font-weight: bold;">{{taskLen?.length }}</div>
        </div>
      </div>
    </div>
<div class="part3">
  <div class="part2">
    <div class="part2_item" routerLink="marketing">
      <span>营销工具</span>
    </div>
    <div class="part2_item" routerLink="team" style="background: #FFF5F5;">
    <span>我的团队</span>
    </div>
  </div>
  <div class="part2">
    <div class="part2_item" routerLink="exhibition">
      <span>我的展业</span>
    </div>
    <div class="part2_item" routerLink="trainingCenter" style="background: #FFF5F5;">
    <span>教育培训</span>
    </div>
  </div>
  <div class="importantAnnouncement" routerLink="importantAnnouncement">
    <div style="font-size: 16px;">公告栏</div>
  </div>
</div>
  </div>
  <!--body-->
  <div class="weui-panel__bd">
    <div class="hotProduct">
      <div style="margin-bottom: 10px;">
        <h3>热销产品</h3>
      </div>
      <div class="media borderBottom pad15" *ngFor="let product of products,let i = index" (click)="goProductDetail(product)">
        <div class="media-left media-middle">
          <img class="media-object" src="{{product.iconPath}}" alt="{{product.planName}}">
          <div class="yd_logo">
            <img src="assets/images/yd-online_logo.png" alt="上海银盾保险经纪有限公司">
          </div>
        </div>
        <div class="media-body">
          <div class="media-heading">
            <h4>{{product.planName}}</h4>
            <div class="companylogo">
              <span class="logoBox"><img src="{{product.companyLogoPath}}" alt="{{product.companyName}}"
                  class="img-responsive"></span>
            </div>
          </div>
          <div class="summaryBox">
            <div class="summaryContent" *ngFor="let label of product.labels">
              <div class="summaryIcon"><i class="iconfont icon-gou"></i></div>
              <div class="summaryLabel">{{label}}</div>
            </div>
          </div>
          <div class="priceContainer">
            <div style="width: 75%;display: flex;justify-content:space-between;align-items: flex-end">
              <span class="price" *ngIf="product.productCategoryId!='4'"><strong>￥{{product.price}}</strong><small
                  style="font-size:12px;font-weight: normal;margin-left: 2px;">起</small><span
                  style="margin-left: 5px;white-space: nowrap">1人{{product.dayCount>=365 ? '1年' : product.dayCount + '天'}}</span></span>
              <span class="price" *ngIf="product.productCategoryId=='4'"><strong>￥{{product.price}}</strong><small
                  style="font-size:12px;font-weight: normal;margin-left: 2px;">/年 起</small></span>
              <span style="color:#4a4a4a;font-weight:lighter;white-space: nowrap">{{product.feedbackCount}}条评价</span>
            </div>
            <div><span style="font-size: 16px;padding-right: 18px;color:#4a4a4a" class="iconfont icon-ar-r"></span>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- <hr style="border-top: 1px solid #ddd;border-left: none;border-right: none;border-bottom: none;" /> -->
    <div class="health_wrapper">
      <h3 style="display: flex;justify-content: space-between;align-items: center;">
        医疗服务
        <span style="color: #666666;font-size: 14px;" routerLink="medical_service">查看更多</span>
      </h3>
      <img id="medical" src="assets/images/list_01.png" (click)="jumpToChunYu()">
      <!-- <img style="border-radius: 10px;width: 48%;" src="assets/images/yindunvipmember.jpg" (click)="jumpUrl()"> -->
    </div>
    <div class="health_wrapper" style="padding: 12px 10px 12px 10px;">
      <h3 style="margin-bottom: 0;">我的设置
        <span i class="iconfont icon-ar-r" style="font-size:18px;float: right;" routerLink="setting"></span>
      </h3>
    </div>
    <div class="health_wrapper" style="padding: 12px 10px 12px 10px;">
      <h3 style="margin-bottom: 0;">我的消息
        <span i class="iconfont icon-ar-r" style="font-size:18px;float: right;" routerLink="news"></span></h3>
    </div>
    <div class="health_wrapper" style="padding: 12px 10px 12px 10px;margin-bottom: 0;">
      <h3 style="margin-bottom: 0;">吐槽箱
        <span i class="iconfont icon-ar-r" style="font-size:18px;float: right;" routerLink="suggestion"></span></h3>
    </div>
  </div>
  <!--footer-->
  <div class="footer" style="font-size: 12px;padding-top: 10px;text-align: center;background: #f5f5f5;">
    <p>上海银盾保险经纪有限公司</p>
    <p>保险业务经营许可证：269615000000800</p>
    <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31011502018293" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;">
      <img src="assets/images/bei.png" style="float:left;width: auto;"/>
      <p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393;">版权所有©2021银盾保险在线 &nbsp;沪ICP备31011502018293号</p>
    </a>
  </div>
</div>
<ydlife-alert *ngIf="isNeedAlert" [dialogInfo]="dialogInfo" (popInfo)="getPopInfo()"></ydlife-alert>
