edu-textbook/projects/textbook/src/modules/nav-province-contact/page-process/process-list/process-list.component.html

@if (!editLoading && eduProcessList.length > 0) {
<nz-page-header>
  <nz-page-header-title
    >申报流程
    <br />
    <div class="subtitle">
      统一管理各类教材推荐流程和限额，设置各个流程开始和结束时间、查看各流程工作进度
    </div>
  </nz-page-header-title>
  <nz-page-header-extra> </nz-page-header-extra>
</nz-page-header>
<div class="edit-content">
  <nz-tabset [(nzSelectedIndex)]="active">
    <nz-tab nzTitle="待评审教材">
      <div class="tool">
        <div class="tool-left">
          <!-- <div class="search">
          <nz-input-group style="width: 210px" [nzPrefix]="prefixTemplateUser">
            <input
              type="text"
              nz-input
              placeholder="搜索"
              [(ngModel)]="searchValue"
              (ngModelChange)="onSearch($event)"
            />
          </nz-input-group>
          <ng-template #prefixTemplateUser
            ><span nz-icon nzType="search"></span
          ></ng-template>
        </div> -->
          <div class="">
            <nz-input-group
              style="width: 210px"
              [nzPrefix]="prefixTemplateUser"
            >
              <input
                type="text"
                nz-input
                placeholder="搜索流程名称 / 流程 code"
                [(ngModel)]="searchValuePro"
                (ngModelChange)="onSearchPro($event)"
              />
            </nz-input-group>
            <ng-template #prefixTemplateUser
              ><span nz-icon nzType="search"></span
            ></ng-template>
          </div>
        </div>
        <div class="tool-right"></div>
      </div>
      <div class="layout" #maxWidth>
        <!-- <div class="sider" #sider>
        <ul nz-menu>
          @for (item of nodes; track $index) {
          <li nz-menu-item (click)="changeDepart(item)">{{ item.title }}</li>
          }
        </ul>
      </div> -->
        <div class="breadcrumb">
          <nz-table
            #tableData
            [nzData]="eduProcessList"
            [nzTotal]="eduProcessLength"
            [nzPageSize]="pageSize"
            [nzPageIndex]="pageIndex"
            style="margin: 10px 0"
            [nzLoading]="loading"
            nzSize="middle"
            [nzNoResult]="emptyResult"
            nzTableLayout="fixed"
            [nzFrontPagination]="false"
            (nzPageIndexChange)="pageIndexChange($event)"
          >
            <thead>
              <tr>
                <!-- <th
                nzEllipsis
                nzWidth="50px"
                nzLeft
                [nzChecked]="checkedAll"
                [nzIndeterminate]="indeterminate"
                nzLabel="Select all"
                (nzCheckedChange)="onAllChecked($event)"
              ></th> -->
                <th nzEllipsis nzWidth="120px" nzLeft>流程名称</th>
                <!-- <th nzEllipsis nzWidth="120px">流程code</th> -->
                <th nzEllipsis nzWidth="120px">流程描述</th>
                <th nzEllipsis nzWidth="80px">申报限额</th>
                <th nzEllipsis nzWidth="120px">流程联系人</th>
                <th nzEllipsis nzWidth="80px">流程状态</th>
                <!-- <th nzEllipsis nzWidth="50px" nzRight>操作</th> -->
              </tr>
            </thead>
            <tbody>
              @for (data of tableData.data; track data.id) {
              <tr>
                <!-- <td
                nzEllipsis
                nzLeft
                [nzChecked]="setOfCheckedId.has(data.id)"
                (nzCheckedChange)="onItemChecked(data.id, $event)"
              ></td> -->
                <td
                  nzEllipsis
                  (click)="
                    toUrl('/nav-province-contact/manage/process/page', {
                      id: data?.id
                    })
                  "
                  class="activeTd"
                >
                  {{ data?.get("name") || "-" }}
                </td>
                <!-- <td nzEllipsis>
                {{ data?.get("code") || "-" }}
              </td> -->
                <td nzEllipsis>
                  {{ data?.get("desc") || "-" }}
                </td>
                <td nzEllipsis>
                  {{
                    data?.get("num") || data?.get("num") == 0
                      ? data?.get("num")
                      : "-"
                  }}
                </td>
                <td nzEllipsis>
                  {{
                    data?.get("profileSubmitted")?.get("user").get("name") ||
                      "-"
                  }}
                </td>
                <td nzEllipsis>
                  <nz-tag [nzColor]="statusMap[data.id].color">
                    {{ statusMap[data.id].title }}</nz-tag
                  >
                </td>
                <!-- <td nzEllipsis nzRight>
                <button
                  nz-button
                  nz-dropdown
                  [nzDropdownMenu]="menu"
                  [nzPlacement]="'bottomLeft'"
                >
                  <span nz-icon nzType="ellipsis" nzTheme="outline"></span>
                </button>
                <nz-dropdown-menu #menu="nzDropdownMenu">
                  <ul nz-menu>
                    @if (statusMap[data.id].strat){
                    <li nz-menu-item>
                      <button
                        nz-button
                        nzType="link"
                        style="color: #231c1f"
                        (click)="onStatusChange(data, 'strat', true)"
                      >
                        <span
                          nz-icon
                          nzType="caret-right"
                          nzTheme="outline"
                        ></span
                        >开始流程
                      </button>
                    </li>
                    } @if (statusMap[data.id].stop){
                    <li nz-menu-item>
                      <button
                        nz-button
                        nzType="link"
                        style="color: #231c1f"
                        (click)="onStatusChange(data, 'stop', true)"
                      >
                        <span
                          nz-icon
                          nzType="pause-circle"
                          nzTheme="outline"
                        ></span
                        >暂停流程
                      </button>
                    </li>
                    } @if (statusMap[data.id].end){
                    <li nz-menu-item>
                      <button
                        nz-button
                        nzType="link"
                        style="color: #231c1f"
                        (click)="onStatusChange(data, 'end', true)"
                      >
                        <span nz-icon nzType="stop" nzTheme="outline"></span
                        >结束流程
                      </button>
                    </li>
                    } @if (statusMap[data.id].del){
                    }
                  </ul>
                </nz-dropdown-menu>
              </td> -->
              </tr>
              }
            </tbody>
          </nz-table>
          <ng-template #emptyResult>
            <nz-empty nzNotFoundImage="/img/group-empty.png"></nz-empty>
          </ng-template>
        </div>
      </div>
    </nz-tab>
    <nz-tab nzTitle="评审活动">
      <div class="examine">
        <div class="title">北京市评审活动</div>
        <div class="row">
          <div class="lable">开始时间：</div>
          <div class="val">未设置</div>
        </div>
        <div class="row">
          <div class="lable">结束时间：</div>
          <div class="val">未设置</div>
        </div>
        <div class="row">
          <div class="lable">评审数量：</div>
          <div class="val">未设置</div>
        </div>
        <div class="examine-fonter">
          <button
            style="background: #3e49b3; border: 1px #3e49b3; margin-right: 50px"
            nz-button
            nzType="primary"
          >
            启动
          </button>
          <button
            style="background: #a2a2a2; border: 1px #a2a2a2; margin-right: 50px"
            nz-button
            nzType="primary"
            (click)="
              toUrl('/nav-province-contact/manage/activity/'+eduProcessList[0]?.id)
            "
          >
            编辑
          </button>
          <button
            style="background: #c6233f; border: 1px #3e49b3"
            nz-button
            nzType="primary"
          >
            计算平均分
          </button>
        </div>
      </div>
    </nz-tab>
  </nz-tabset>
</div>
<!-- 全选操作：批量操作 -->
<!-- <div class="batch-toolbar-modal" *ngIf="setOfCheckedId?.size">
    <div class="batch-toolbar">
      <div class="styles_counter__18S08">
        <span>已选</span>
        <span class="styles_num__178Wa">{{ setOfCheckedId.size }}</span>
      </div>
      <div class="styles_cancel__AARoT">
        <button nz-button nzType="text" (click)="statusSelected('strat')">
          <span nz-icon nzType="caret-right" nzTheme="outline"></span>
          批量开始
        </button>
      </div>
      <div class="styles_cancel__AARoT">
        <button nz-button nzType="text" (click)="statusSelected('stop')">
          <span nz-icon nzType="pause-circle" nzTheme="outline"></span>
          批量暂停
        </button>
      </div>
      <div class="styles_cancel__AARoT">
        <button nz-button nzType="text" (click)="statusSelected('end')">
          <span nz-icon nzType="stop" nzTheme="outline"></span>
          批量结束
        </button>
      </div>
      <div class="styles_cancel__AARoT">
        <button nz-button nzType="text" (click)="onAllChecked(false)">
          取消选中
        </button>
      </div>
    </div>
  </div> -->
} @else if (editLoading) {
<div class="loading">
  <nz-spin nzSimple [nzSize]="'large'"></nz-spin>
</div>
} @else {
<nz-empty
  style="margin: 100px auto"
  nzNotFoundContent="暂未绑定对应单位管理员，请联系工作人员"
></nz-empty>
}