zy-pc/src/app/components/incidentManagement/incident-create/incident-create.component copy.html

<!--
 * @Author: seimin
 * @Date: 2024-10-24 13:47:40
 * @LastEditors: seimin
 * @LastEditTime: 2024-10-24 13:58:19
 * @Description: 创建
-->
<div class="save display_flex justify-content_flex-center align-items_center add">
  <div class="modalBody">
    <div class="title">回访<i class="icon_transport transport-guanbi" (click)="hideModal()"></i></div>
    <div class="content">
      <overlay-scrollbars #osComponentRef1 class="workingArea">
        <div class="tabs">
          <div class="tab" *ngFor="let item of tabs" (click)="clickTbab(item)" [ngClass]="{ active: activeTabValue === item.value }">{{ item.name }}</div>
        </div>
        <div class="detail">
          <ng-container *ngIf="activeTabValue === 1">
            <!-- <app-incident-handle-repair [incidentData]="incidentData"></app-incident-handle-repair> -->
          </ng-container>
          <ng-container *ngIf="activeTabValue === 2">
            <!-- <app-incident-handle-handle [incidentData]="incidentData"></app-incident-handle-handle> -->
          </ng-container>
        </div>
      </overlay-scrollbars>
      <form nz-form [formGroup]="validateForm" class="addForm">
        <nz-form-item>
          <nz-form-label [nzSpan]="6" nzRequired nzFor="degree">满意度评价</nz-form-label>
          <nz-form-control [nzSpan]="18" nzErrorTip="请选择满意度评价!">
            <nz-select [nzDropdownMatchSelectWidth]="false" formControlName="degree" nzPlaceHolder="请选择满意度评价" nzServerSearch>
              <ng-container *ngFor="let data of deferralDayList">
                <nz-option *ngIf="!isLoading" [nzLabel]="data.name" [nzValue]="data.id"></nz-option>
              </ng-container>
              <nz-option *ngIf="isLoading" nzDisabled nzCustomContent>
                <i nz-icon nzType="loading" class="loading-icon"></i> 搜索中...
              </nz-option>
            </nz-select>
          </nz-form-control>
        </nz-form-item>
        <nz-form-item>
          <nz-form-label [nzSpan]="6" nzRequired nzFor="handleResult">回访处理结果</nz-form-label>
          <nz-form-control [nzSpan]="18" nzErrorTip="请选择回访处理结果!">
            <nz-select [nzDropdownMatchSelectWidth]="false" formControlName="handleResult" nzPlaceHolder="请选择回访处理结果" nzServerSearch>
              <ng-container *ngFor="let data of repairTypeList">
                <nz-option *ngIf="!isLoading" [nzLabel]="data.name" [nzValue]="data.id"></nz-option>
              </ng-container>
              <nz-option *ngIf="isLoading" nzDisabled nzCustomContent>
                <i nz-icon nzType="loading" class="loading-icon"></i> 搜索中...
              </nz-option>
            </nz-select>
          </nz-form-control>
        </nz-form-item>
        <nz-form-item>
          <nz-form-label [nzSpan]="6" nzFor="visitRemarks" style="text-indent: 11px;">回访备注</nz-form-label>
          <nz-form-control [nzSpan]="18" nzErrorTip="请输入回访备注!">
            <nz-input-group>
              <textarea formControlName="visitRemarks" nz-input rows="3" placeholder="请输入回访备注"></textarea>
            </nz-input-group>
          </nz-form-control>
        </nz-form-item>
      </form>
    </div>
    <div class="display_flex justify-content_flex-center">
      <button nz-button nzType="primary" (click)="submitForm()"[nzLoading]="isLoading">确认</button>
      <button nz-button nzType="default" class="btn cancel" (click)="hideModal()">取消</button>
    </div>
  </div>
</div>

<!-- 遮罩 -->
<app-mask *ngIf="maskFlag"></app-mask>