<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="请输入经纪人姓名">
            </div>
          </div>
          <div class="col-md-4 col-sm-12">
            <div class="search">查询</div>
          </div>
        </div>
      </div>
    </div>
    <!-- 查询结果-->
    <div class="resultContainer">
     <!-- <div class="table-responsive">
        <table class="table table-bordered">
          <thead>
          <tr>
            <th>操作</th>
            <th>姓名</th>
            <th>执业登记号</th>
            <th>有效截止日</th>
            <th>所属区域</th>
            <th>手机号</th>
          </tr>
          </thead>
          <tbody>
          <tr *ngFor="let brokerList of brokerLists">
            <td><a class="viewDetail" (click)="viewDetail(brokerList.id)">查看</a></td>
            <td>{{brokerList.name}}</td>
            <td>{{brokerList.practitionerRegNo}}</td>
            <td>{{brokerList.effectiveEndDate}}</td>
            <td>{{brokerList.area}}</td>
            <td>{{brokerList.mobileNo | mobileNoFormat}}</td>
          </tr>
          </tbody>
        </table>
      </div>-->
      <div class="mResultContainer">
        <div class="media" *ngFor="let brokerList of brokerLists">
          <div class="media-body">
            <div><strong>姓名</strong><span>{{brokerList.name}}</span></div>
            <div><strong>执业编号</strong><span>{{brokerList.practitionerRegNo}}</span></div>
            <div><strong>所属区域</strong><span>{{brokerList.area}}</span></div>
            <div><strong>手机号</strong><span>{{brokerList.mobileNo | mobileNoFormat}}</span></div>
            <div><a class="viewDetail" (click)="viewDetail(brokerList.id)">查看</a></div>
          </div>
        </div>
      </div>
    </div>
  </div>

</div>
