<div class="content-heading  justify-content-between">
  <div>微信用户管理</div>
  <div class="float-right">
    <div class="btn-group mb-1 mr-1" dropdown>
      <button class="btn dropdown-toggle btn-secondary btn-lg" type="button" dropdownToggle>用户管理
        <span class="caret"></span>
      </button>
      <div *dropdownMenu class="dropdown-menu" role="menu">
        <a class="dropdown-item" href="#" (click)="syncUser()">同步所有用户</a>
      </div>
    </div>
  </div>
</div>
<div class=" table-responsive bg-white">
  <table class="table table-striped table-hover table-bordered">
    <thead>
    <tr>
      <th class="th-index">#</th>
      <th>OPEN_ID</th>
      <th>昵称</th>
      <th>头像</th>
      <th>关注时间</th>
      <th>性别</th>
      <th>省份</th>
      <th>县市</th>
      <th>备注</th>
      <th>标签</th>
      <th class="th-b-3"></th>
    </tr>
    </thead>
    <tbody>
    <tr *ngFor="let v of pager.getRecords(); let i = index">
      <td>{{i + 1}}</td>
      <td><span class="table-sort" (click)="openSendMsg(v)">{{v.open_id}}</span></td>
      <td>{{v.nickname}}</td>
      <td><img [src]="v.headimgurl" *ngIf="v.headimgurl" class="rounded-circle thumb24"/></td>
      <td>{{v.subscribe_time}}</td>
      <td>{{v.sex==1?"男":(v.sex==2?"女":"保密")}}</td>
      <td>{{v.province}}</td>
      <td>{{v.city}}</td>
      <td>{{v.remark}}</td>
      <td>{{v.user_tags}}</td>
      <td><span class="table-button" (click)="showModal({ResponseEntity:v, arrayUrl:'weixin/tag/all.htm', arrayParam:{wx_id: v.wx_id}})"><em
        class="fa-lg fas fa-tags"></em></span>
        <span class="table-button ml-3 text-info"
              (click)="pager.optrRecord('weixin/user/sync.htm', {wx_id:v.wx_id, open_id: v.open_id}, {successMsg:'用户信息同步完成！', confirmMsg: undefined, successMsgType:'Toaster'}, {RequestWithLoading: true})"><em
          class="fa-lg fas fa-sync-alt"></em></span>
      </td>
    </tr>
    </tbody>
  </table>
  <frame-pager [url]="'./weixin/user/page.htm'" [pagerParams]="{wx_id: wxDefine?.wx_id}" #pager></frame-pager>
</div>


