Sinopec-Anxin/src/app/system-management/or-binding/or-binding.component.html

<div class="userBox" id="userBox">
  <div class="box">
    <div class="topbox">
      <div class="lefttop">
        <span>中台组织机构列表</span>
        <span><i nz-icon nzType="search"></i> {{listConfig.totalCount}}个组织</span>
      </div>
      <div class="righttop">
        <button nz-button nzType="primary" style="margin-right: 12px;" (click)="syncOr()">全量同步机构</button>
        <button nz-button nzType="primary" style="margin-right: 12px;" (click)="syncUser()">全量同步用户</button>
        <!-- <button nz-button nzType="primary" style="margin-right: 12px;" (click)="sync()">同步数据</button> -->
        <label class="isBinding" nz-checkbox [(ngModel)]="listConfig.IsBindingLocal"
          (ngModelChange)="submitForm()">是否绑定本地机构</label>
        <form nz-form [formGroup]="validateForm" (ngSubmit)="submitForm()">
          <nz-form-item>
            <nz-form-control>
              <nz-input-group nzPrefixIcon="search">
                <input type="text" nz-input placeholder="请输入站名" formControlName="search" />
              </nz-input-group>
            </nz-form-control>
            <button style="display: none;" type="submit"></button>
          </nz-form-item>
        </form>
      </div>
    </div>
    <div class="tablebox" #tablebox>
      <nz-table #basicTable [nzLoading]="listConfig.loading" [nzData]="listConfig.usersLIst" [nzShowPagination]='false'
        [nzPageSize]='16'>
        <thead>
          <tr>
            <th>机构名称</th>
            <th>机构类型</th>
            <th>已绑机构</th>
            <th [width]="'10%'">操作</th>
          </tr>
        </thead>
        <tbody>
          <tr *ngFor="let data of basicTable.data">
            <td>{{ data.organName }}</td>
            <td>{{ getOrganType(data.detail.organType) }}</td>
            <td>{{ data.organization?.displayName || '' }}</td>
            <td class="operation">
              <span class="blueColor" (click)="binding(data)">绑定机构</span>
            </td>
          </tr>
        </tbody>
      </nz-table>
    </div>
    <div class="pagination">
      <nz-pagination [nzHideOnSinglePage]="false" [nzPageIndex]="1" [nzTotal]="listConfig.totalCount" [nzPageSize]="16"
        [nzShowTotal]="totalTemplate" nzShowQuickJumper (nzPageIndexChange)="pageChange($event)">
      </nz-pagination>
      <ng-template #totalTemplate let-total> 16条/页,共{{listConfig.totalCount}}条 </ng-template>
    </div>
  </div>
</div>