<div class="container">
  <div class="wrapper">
    <!--标题栏-->
    <h1 class="title text-center">
      <div class="logo"></div>
      <div>经纪人查询</div>
    </h1>
    <!-- 查询条件-->
    <div class="panel panel-default">
      <div class="panel-body">
        <div class="row flex-center queryBox">
          <div class="col-md-8 col-sm-12 queryItem">
            <div class="input-group brokerName">
              <span class="glyphicon glyphicon-user"></span>
              <input type="text" class="form-control" placeholder="请输入经纪人姓名" [(ngModel)]="practitionerName">
            </div>
          </div>
          <div class="col-md-4 col-sm-12">
            <div class="search" (click)="userPractitionerQuery()">查询</div>
          </div>
        </div>
      </div>
    </div>
    <!-- 查询结果-->
    <div class="resultContainer">
      <div class="mResultContainer" *ngIf="userPractitionerQueryItemList && userPractitionerQueryItemList.length <1">
        暂无结果
      </div>
      <div class="mResultContainer" *ngIf="userPractitionerQueryItemList">
        <div class="media" *ngFor="let userPractitionerQueryItem of userPractitionerQueryItemList">
          <div class="media-body">
            <div><strong>姓名</strong><span>{{userPractitionerQueryItem.name}}</span></div>
            <div><strong>执业编号</strong><span>{{userPractitionerQueryItem.practitionerRegNo}}</span></div>
            <div><strong>所属区域</strong><span>{{userPractitionerQueryItem.provinceName}}{{userPractitionerQueryItem.cityName}}</span>
            </div>
            <div><strong>手机号</strong><span>{{userPractitionerQueryItem.mobileNo | mobileNoFormat}}</span></div>
            <div><a class="viewDetail" (click)="viewDetail(userPractitionerQueryItem.id)">查看</a></div>
          </div>
        </div>
      </div>
    </div>
  </div>

</div>
