<div class="team_sales_detail_wrapper">
  <div class="teamHeader">
    <div class="teamItem teamInfo">
        <img src="assets/images/cup_icon.png" >
        <div style="float: left;letter-spacing: 5px;margin-left: 5%;">{{subordinateSystemName?subordinateSystemName.split('').join('/'):''}}</div>
    </div>
  </div>
  <div class="rankInfoWrapper">
    <div class="rankContent">
        <div style="font-size: 18px;margin: 5px auto;text-align: center;">团队成员</div>
        <div class="content_wrapper memberList">
          <ul style="border: none;background: #e7eef5;border-radius: 5px;">
            <li style="padding-left: 5px;">姓名/团队</li>
            <li>级别</li>
            <li class="sex">性别</li>
            <li>手机号</li>
            <li></li>
          </ul>
          <div style="width: 100%;text-align: center;float: left;height: 35px;"
            *ngIf="teamMemberList?.length <=0">
            暂无团队成员，努力去增员吧
          </div>
          <ul *ngFor="let teamMemberItem of teamList;index as i;" (click)="goToList(teamMemberItem)">
            <li>
              <span style="color:#333;font-size: 14px;font-weight: normal;">{{i+1}} </span>
              <i style="margin-left: 10px;font-style: normal;">{{teamMemberItem.system}}</i>
            </li>
            <li style="font-weight: bold;" [ngStyle]="{'color':teamMemberItem.systemType == 'S2'?'#f7484a':'#22609c'}">{{lifeCommonService.getName(teamMemberItem.systemType)}}</li>
            <li class="sex">-</li>
            <li>-</li>
            <li><i class="iconfont icon-ar-r" style="color: #a4a4a4;font-size: 12px;" ></i></li>
          </ul>
          <ul *ngFor="let teamMemberItem of teamMemberList;index as i;" [routerLink]="['/member_detail',teamMemberItem.practitionerId]">
            <li>
              <span style="color:#333;font-size: 14px;font-weight: normal;">{{teamList?.length == 0 ?i + 1:teamList?.length+i+1}} </span>
              <i style="margin-left: 10px;font-style: normal;">{{teamMemberItem.name}}</i>
            </li>
            <li>{{teamMemberItem.practitionerLevel}}{{teamMemberItem.practitionerTitle}}</li>
            <li class="sex">{{teamMemberItem.gender}}</li>
            <li>{{teamMemberItem.mobileNo}}</li>
            <li><i class="iconfont icon-ar-r" style="color: #a4a4a4;font-size: 12px;" ></i></li>
          </ul>
        </div>
    </div>
  </div>
</div>

