zy-pc/src/app/views/inspection-plan-config/inspection-plan-config.component.html

<div class="inspectionPlanConfig">
  <div class="tagsAndTemplete">
    <div class="tags">
      <i class="icon_transport transport-24gf-tags"></i>
      <span *ngFor="let tag of tagList" (click)="clickTag(tag)" [ngClass]="{active: tag.id === currentTagId}">{{ tag.name }}</span>
    </div>
    <div class="template">
      <button nz-button class="btn default" (click)="showInspectionTemplate()">引入模板</button>
    </div>
  </div>

  <div class="content">
    <div class="contentInner">
      <div class="address">
        <div class="contentHead">选择巡检点</div>
        <overlay-scrollbars #osComponentRef1 class="contentBody">
          <nz-tree
            #nzTreeComponent
            [nzData]="buildingAndAddressList"
            nzCheckable
            [nzCheckedKeys]="defaultCheckedKeys"
            [nzExpandedKeys]="defaultExpandedKeys"
            [nzSelectedKeys]="defaultSelectedKeys"
            (nzCheckBoxChange)="nzCheck($event)"
          >
          </nz-tree>
        </overlay-scrollbars>
      </div>
      <div class="addressCopy">
        <div class="contentHead">选中巡检点</div>
        <overlay-scrollbars #osComponentRef2 class="contentBody">
          <nz-tree #nzTreeComponentCopy [nzData]="buildingAndAddressListCopy" (nzClick)="nzClick($event)"></nz-tree>
        </overlay-scrollbars>
      </div>
      <div class="addressAssign">
        <div class="contentHead">巡检点分配</div>
        <div class="contentBody" *ngIf="activeAddressId">
          <div class="list-template__searchItem">
            <nz-radio-group [(ngModel)]="activeAddress.origin.radioValue">
              <label nz-radio [nzValue]="1">派单给人</label>
              <label nz-radio [nzValue]="2">派单给组</label>
            </nz-radio-group>
          </div>
          <div class="list-template__searchItem" *ngIf="activeAddress.origin.radioValue == 1">
            <span class="label"><span class="red">*</span>处理人</span>：
            <nz-select class="formItem" [nzDropdownMatchSelectWidth]="false" nzServerSearch nzShowSearch
              (nzOnSearch)="changeInp('user', $event)" nzAllowClear nzPlaceHolder="请选择处理人" [(ngModel)]="activeAddress.origin.userId" (ngModelChange)="changeUser($event)">
              <ng-container *ngFor="let option of userList">
                <nz-option *ngIf="!isLoading" [nzLabel]="option.name" [nzValue]="option.id"></nz-option>
              </ng-container>
              <nz-option *ngIf="isLoading" nzDisabled nzCustomContent>
                <i nz-icon nzType="loading" class="loading-icon"></i> 搜索中...
              </nz-option>
            </nz-select>
          </div>
          <div class="list-template__searchItem" *ngIf="activeAddress.origin.radioValue == 2">
            <span class="label"><span class="red">*</span>处理组</span>：
            <nz-select class="formItem" [nzDropdownMatchSelectWidth]="false" nzServerSearch nzShowSearch
              (nzOnSearch)="changeInp('group', $event)" nzAllowClear nzPlaceHolder="请选择处理组" [(ngModel)]="activeAddress.origin.groupId" (ngModelChange)="changeGroup($event)">
              <ng-container *ngFor="let option of groupList">
                <nz-option *ngIf="!isLoading" [nzLabel]="option.groupName" [nzValue]="option.id"></nz-option>
              </ng-container>
              <nz-option *ngIf="isLoading" nzDisabled nzCustomContent>
                <i nz-icon nzType="loading" class="loading-icon"></i> 搜索中...
              </nz-option>
            </nz-select>
          </div>
        </div>
      </div>
    </div>
    <div class="contentBtns">
      <button nz-button class="btn cancel" (click)="goBack()">返回</button>
      <button nz-button nzType="primary" class="ml8" (click)="saveToTemplate()">保存并存为模板</button>
      <button nz-button nzType="primary" class="ml8" (click)="save()">保存</button>
    </div>
  </div>
</div>
<!-- 模板名称 -->
<app-template-name [templateFlag]="templateFlag"
(submitFormHand)="submitFormHand($event)"
(cancelFlagHand)="cancelFlagHand($event)"
*ngIf="templateFlag"></app-template-name>

<!-- 引入模板 -->
<app-inspection-template-prompt-modal
  *ngIf="inspectionTemplatePromptModalShow"
  [show]="inspectionTemplatePromptModalShow"
  (closeModelHs)="closeModelInspectionTemplate($event)"
  (confirmModelHs)="confirmModelInspectionTemplate($event)"
></app-inspection-template-prompt-modal>
<!-- 遮罩 -->
<app-mask *ngIf="maskFlag"></app-mask>