<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 modal-lg" role="menu">
        <a class="dropdown-item" href="#" (click)="showCreateModal({'arrayUrl':'frame/dept/all.htm'})">新增操作员</a>
        <div class="dropdown-divider"></div>
      </div>
    </div>
  </div>
</div>
<div class=" table-optrponsive bg-white">
  <table class="table table-striped table-hover table-bordered">
    <thead>
    <tr>
      <th class="th-index">#</th>
      <th><a href="#" (click)="pager.sort('login_name')">登录名</a></th>
      <th><a href="#" (click)="pager.sort('optr_name')">实际名称</a></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>{{v.login_name}}</td>
      <td>{{v.optr_name}}</td>
      <td>{{v.optr_sex | frameDict : 'FrameSex'}}</td>
      <td [innerHTML]="v.optr_status | frameStatus"></td>
      <td>{{v.role_names}}</td>
      <td>{{v.dept_name}}</td>
      <td>{{v.create_optr_name}}</td>
      <td>{{v.create_time}}</td>
      <td><span class="table-button" (click)="showModal({entityUrl:'frame/optr/find.htm', entityParam: {optr_id: v.optr_id}})"><em class="fa-lg fas fa-edit"></em></span>
        <span class="table-button ml-3 text-info" (click)="showOptrRole(v)"><em class="fa-lg fas fa-users"></em></span>
        <span class="table-button ml-3 text-danger"
              (click)="pager.optrRecord('frame/optr/delete.htm', v, {successMsg:'操作员删除完成！', confirmMsg: '确定要删除该操作员吗？', successMsgType:'Swal'})"><em
          class="fa-lg fas fa-trash-alt "></em></span>

      </td>
    </tr>
    </tbody>
  </table>
  <frame-pager [url]="'./frame/optr/page.htm'" #pager></frame-pager>
</div>


