Sinopec-Anxin/src/app/pages/oil-station-info/oil-station-info.component.html

<div class="box" id="oilStationInfo">
  <div class="content">
    <div class="title">
      <app-title [name]="'编辑基本信息'"></app-title>
    </div>
    <div class="tablebox">
      <form nz-form [formGroup]="validateForm" (ngSubmit)="submitForm()">
        <div class="table">

          <table formGroupName="oilStation">
            <tr>
              <td class="head">站名</td>
              <td class="text organizations">
                {{userdata.organization.displayName}}
              </td>
              <td class="head">开业时间<span style="color: red;">*</span></td>
              <td class="text">
                <nz-form-item>
                  <nz-form-control>
                    <nz-date-picker [(ngModel)]="httpBody.openTime" [nzFormat]="dateFormat"
                      formControlName="startBusinessTime"></nz-date-picker>
                  </nz-form-control>
                </nz-form-item>
              </td>
            </tr>
            <tr>
              <td class="head">油站类型</td>
              <td class="text">
                <nz-form-item>
                  <nz-form-control>
                    <nz-select [(ngModel)]="httpBody.stationType" formControlName="oilStationType">
                      <nz-option [nzValue]=0 nzLabel="自营"></nz-option>
                      <nz-option [nzValue]=1 nzLabel="加盟"></nz-option>
                      <nz-option [nzValue]=2 nzLabel="其他"></nz-option>
                    </nz-select>
                  </nz-form-control>
                </nz-form-item>
              </td>
              <td class="head">车道数量</td>
              <td class="text">
                <nz-form-item>
                  <nz-form-control>
                    <nz-input-group>
                      <input [(ngModel)]="httpBody.laneCount" nz-input type="text" formControlName="laneNumber" />
                    </nz-input-group>
                  </nz-form-control>
                </nz-form-item>
              </td>
            </tr>
            <tr>
              <td class="head">地址</td>
              <td class="text" colspan="3">
                <nz-form-item>
                  <nz-form-control>
                    <nz-input-group>
                      <input [(ngModel)]="httpBody.address" nz-input type="text" formControlName="address" />
                    </nz-input-group>
                  </nz-form-control>
                </nz-form-item>
              </td>
              <!-- <td class="head">营业执照有效期<span style="color: red;">*</span></td>
                <td colspan="text">
                  <nz-form-item>
                    <nz-form-control>
                      <nz-range-picker [(ngModel)]="validityTime" formControlName="validityTime">
                      </nz-range-picker>
                    </nz-form-control>
                  </nz-form-item>
                </td> -->
            </tr>
            <tr>
              <td class="head">区域名称</td>
              <td class="text">
                <nz-form-item>
                  <nz-form-control>
                    <nz-input-group>
                      <input [(ngModel)]="httpBody.locationName" nz-input type="text" formControlName="locationName" />
                    </nz-input-group>
                  </nz-form-control>
                </nz-form-item>
              </td>
              <td class="head">公司名称<span style="color: red;">*</span></td>
              <td class="text">
                <nz-form-item>
                  <nz-form-control>
                    <nz-input-group>
                      <input [(ngModel)]="httpBody.companyName" nz-input type="text"
                        formControlName="companyName" />
                    </nz-input-group>
                  </nz-form-control>
                </nz-form-item>
              </td>
            </tr>
            <tr>
              <td class="head">联系人</td>
              <td class="text">
                <nz-form-item>
                  <nz-form-control>
                    <nz-input-group>
                      <input [(ngModel)]="httpBody.leaderName" nz-input type="text" formControlName="leaderName" />
                    </nz-input-group>
                  </nz-form-control>
                </nz-form-item>
              </td>
              <td class="head">联系电话</td>
              <td class="text">
                <nz-form-item>
                  <nz-form-control>
                    <nz-input-group>
                      <input [(ngModel)]="httpBody.leaderContact" nz-input type="text"
                        formControlName="leaderContact" />
                    </nz-input-group>
                  </nz-form-control>
                </nz-form-item>
              </td>
            </tr>
            <tr>
              <td class="head">油站等级</td>
              <td class="text">
                <nz-form-item>
                  <nz-form-control>
                    <nz-input-group>
                      <input [(ngModel)]="httpBody.stationLevel" nz-input type="text" formControlName="stationLevel" />
                    </nz-input-group>
                  </nz-form-control>
                </nz-form-item>
              </td>
              <td class="head">经营品种</td>
              <td class="text">
                <nz-form-item>
                  <nz-form-control>
                    <nz-input-group>
                      <input [(ngModel)]="httpBody.sellVariety" nz-input type="text" formControlName="sellVariety" />
                    </nz-input-group>
                  </nz-form-control>
                </nz-form-item>
              </td>
            </tr>
            <tr>
              <td class="head">油机数量</td>
              <td class="text">
                <nz-form-item>
                  <nz-form-control>
                    <nz-input-group>
                      <input [(ngModel)]="httpBody.gasStationCount" nz-input type="text"
                        formControlName="gasStationCount" />
                    </nz-input-group>
                  </nz-form-control>
                </nz-form-item>
              </td>
              <td class="head">油罐容积(m³)</td>
              <td class="text">
                <nz-form-item>
                  <nz-form-control>
                    <nz-input-group>
                      <input [(ngModel)]="httpBody.tankVolume" nz-input type="number" formControlName="tankVolume" />
                    </nz-input-group>
                  </nz-form-control>
                </nz-form-item>
              </td>
            </tr>
          </table>
          <table formGroupName="policeStation">
            <tr>
              <td class="head">辖区派出所</td>
              <td class="text">
                <nz-form-item>
                  <nz-form-control>
                    <nz-input-group>
                      <input [(ngModel)]="policeStation.name" nz-input type="text" formControlName="name" />
                    </nz-input-group>
                  </nz-form-control>
                </nz-form-item>
              </td>
              <td class="head">地址</td>
              <td class="text">
                <nz-form-item>
                  <nz-form-control>
                    <nz-input-group>
                      <input [(ngModel)]="policeStation.address" nz-input type="text" formControlName="address" />
                    </nz-input-group>
                  </nz-form-control>
                </nz-form-item>
              </td>
            </tr>
            <tr>
              <td class="head">距离</td>
              <td class="text">
                <nz-form-item>
                  <nz-form-control>
                    <nz-input-group>
                      <input [(ngModel)]="policeStation.distance" nz-input type="text" formControlName="distance" />
                    </nz-input-group>
                  </nz-form-control>
                </nz-form-item>
              </td>
              <td class="head">联系方式</td>
              <td class="text">
                <nz-form-item>
                  <nz-form-control>
                    <nz-input-group>
                      <input [(ngModel)]="policeStation.contactInformation" nz-input type="text"
                        formControlName="contactInformation" />
                    </nz-input-group>
                  </nz-form-control>
                </nz-form-item>
              </td>
            </tr>
          </table>
          <table formGroupName="hospital">
            <tr>
              <td class="head">辖区医院</td>
              <td class="text">
                <nz-form-item>
                  <nz-form-control>
                    <nz-input-group>
                      <input [(ngModel)]="hospital.name" nz-input type="text" formControlName="name" />
                    </nz-input-group>
                  </nz-form-control>
                </nz-form-item>
              </td>
              <td class="head">地址</td>
              <td class="text">
                <nz-form-item>
                  <nz-form-control>
                    <nz-input-group>
                      <input [(ngModel)]="hospital.address" nz-input type="text" formControlName="address" />
                    </nz-input-group>
                  </nz-form-control>
                </nz-form-item>
              </td>
            </tr>
            <tr>
              <td class="head">距离</td>
              <td class="text">
                <nz-form-item>
                  <nz-form-control>
                    <nz-input-group>
                      <input [(ngModel)]="hospital.distance" nz-input type="text" formControlName="distance" />
                    </nz-input-group>
                  </nz-form-control>
                </nz-form-item>
              </td>
              <td class="head">联系方式</td>
              <td class="text">
                <nz-form-item>
                  <nz-form-control>
                    <nz-input-group>
                      <input [(ngModel)]="hospital.contactInformation" nz-input type="text"
                        formControlName="contactInformation" />
                    </nz-input-group>
                  </nz-form-control>
                </nz-form-item>
              </td>
            </tr>
          </table>
          <table formGroupName="fireBrigade">
            <tr>
              <td class="head">辖区消防队</td>
              <td class="text">
                <nz-form-item>
                  <nz-form-control>
                    <nz-input-group>
                      <input [(ngModel)]="fireBrigade.name" nz-input type="text" formControlName="name" />
                    </nz-input-group>
                  </nz-form-control>
                </nz-form-item>
              </td>
              <td class="head">地址</td>
              <td class="text">
                <nz-form-item>
                  <nz-form-control>
                    <nz-input-group>
                      <input [(ngModel)]="fireBrigade.address" nz-input type="text" formControlName="address" />
                    </nz-input-group>
                  </nz-form-control>
                </nz-form-item>
              </td>
            </tr>
            <tr>
              <td class="head">距离</td>
              <td class="text">
                <nz-form-item>
                  <nz-form-control>
                    <nz-input-group>
                      <input [(ngModel)]="fireBrigade.distance" nz-input type="text" formControlName="distance" />
                    </nz-input-group>
                  </nz-form-control>
                </nz-form-item>
              </td>
              <td class="head">联系方式</td>
              <td class="text">
                <nz-form-item>
                  <nz-form-control>
                    <nz-input-group>
                      <input [(ngModel)]="fireBrigade.contactInformation" nz-input type="text"
                        formControlName="contactInformation" />
                    </nz-input-group>
                  </nz-form-control>
                </nz-form-item>
              </td>
            </tr>
          </table>
          <div class="otherInfo" *ngIf="!httpBody.hasBuildingInfo">
            <!-- 加油机 -->
            <div class="otherInfoItem oilingMachine">
              <div class="moduleName">
                <span>加油机</span>
                <button (click)="addTable(otherInfoData.oilingMachine,'oilingMachine')" type="button" nz-button
                  nzType="primary" class="buleBtn">新增</button>
              </div>
              <table *ngFor="let item of otherInfoData.oilingMachine;let key = index">
                <tr>
                  <td class="head">加油机名称</td>
                  <td class="text" colspan="3">
                    <nz-form-item>
                      <nz-form-control>
                        <nz-input-group>
                          <input [(ngModel)]="item.name" [ngModelOptions]="{standalone: true}" nz-input type="text" />
                        </nz-input-group>
                      </nz-form-control>
                    </nz-form-item>
                  </td>
                </tr>
                <tr>
                  <td class="head">品牌</td>
                  <td class="text">
                    <nz-form-item>
                      <nz-form-control>
                        <nz-input-group>
                          <input [(ngModel)]="item.brand" nz-input type="text" [ngModelOptions]="{standalone: true}" />
                        </nz-input-group>
                      </nz-form-control>
                    </nz-form-item>
                  </td>
                  <td class="head">油枪数量</td>
                  <td class="text">
                    <nz-form-item>
                      <nz-form-control>
                        <nz-input-group>
                          <input [(ngModel)]="item.oilGunNum" nz-input type="text"
                            [ngModelOptions]="{standalone: true}" />
                        </nz-input-group>
                      </nz-form-control>
                    </nz-form-item>
                  </td>
                </tr>
                <tr>
                  <td class="head">油品品号</td>
                  <td class="text">
                    <nz-form-item>
                      <nz-form-control>
                        <nz-input-group>
                          <input [(ngModel)]="item.oilsArticleNum" nz-input type="text"
                            [ngModelOptions]="{standalone: true}" />
                        </nz-input-group>
                      </nz-form-control>
                    </nz-form-item>
                  </td>
                  <td class="head">油枪编号</td>
                  <td class="text">
                    <nz-form-item>
                      <nz-form-control>
                        <nz-input-group>
                          <input [(ngModel)]="item.oilGunSerialNum" nz-input type="text"
                            [ngModelOptions]="{standalone: true}" />
                        </nz-input-group>
                      </nz-form-control>
                    </nz-form-item>
                  </td>
                </tr>
                <a class="deleteTable" nz-popconfirm nzPopconfirmTitle="确定删除吗?" nzPopconfirmPlacement="bottom"
                  (nzOnConfirm)="deleteTable(otherInfoData.oilingMachine,key)">
                  <i nz-icon nzType="delete" nzTheme="outline"></i>
                </a>
              </table>
            </div>
            <!-- 油罐设备 -->
            <div class="otherInfoItem tankEquipment">
              <div class="moduleName">
                <span>油罐设备</span>
                <button (click)="addTable(otherInfoData.tankEquipment,'tankEquipment')" type="button" nz-button
                  nzType="primary" class="buleBtn">新增</button>
              </div>
              <table *ngFor="let item of otherInfoData.tankEquipment;let key = index">
                <tr>
                  <td class="head">油罐设备名称</td>
                  <td class="text" colspan="3">
                    <nz-form-item>
                      <nz-form-control>
                        <nz-input-group>
                          <input [(ngModel)]="item.name" [ngModelOptions]="{standalone: true}" nz-input type="text" />
                        </nz-input-group>
                      </nz-form-control>
                    </nz-form-item>
                  </td>
                </tr>
                <tr>
                  <td class="head">油品品号</td>
                  <td class="text">
                    <nz-form-item>
                      <nz-form-control>
                        <nz-input-group>
                          <input [(ngModel)]="item.oilsArticleNum" nz-input type="text"
                            [ngModelOptions]="{standalone: true}" />
                        </nz-input-group>
                      </nz-form-control>
                    </nz-form-item>
                  </td>
                  <td class="head">油枪编号</td>
                  <td class="text">
                    <nz-form-item>
                      <nz-form-control>
                        <nz-input-group>
                          <input [(ngModel)]="item.oilGunSerialNum" nz-input type="text"
                            [ngModelOptions]="{standalone: true}" />
                        </nz-input-group>
                      </nz-form-control>
                    </nz-form-item>
                  </td>
                </tr>
                <tr>
                  <td class="head">油罐容积</td>
                  <td class="text">
                    <nz-form-item>
                      <nz-form-control>
                        <nz-input-group>
                          <input [(ngModel)]="item.oilOmeterVolume" nz-input type="text"
                            [ngModelOptions]="{standalone: true}" />
                        </nz-input-group>
                      </nz-form-control>
                    </nz-form-item>
                  </td>
                  <td class="head">安全容积</td>
                  <td class="text">
                    <nz-form-item>
                      <nz-form-control>
                        <nz-input-group>
                          <input [(ngModel)]="item.safetyVolume" nz-input type="text"
                            [ngModelOptions]="{standalone: true}" />
                        </nz-input-group>
                      </nz-form-control>
                    </nz-form-item>
                  </td>
                </tr>
                <tr>
                  <td class="head">油罐类型</td>
                  <td class="text">
                    <nz-form-item>
                      <nz-form-control>
                        <nz-select [(ngModel)]="item.oilOmeterType" [ngModelOptions]="{standalone: true}">
                          <nz-option [nzValue]=0 nzLabel="双层罐"></nz-option>
                          <nz-option [nzValue]=1 nzLabel="单层罐+防渗罐池"></nz-option>
                        </nz-select>
                      </nz-form-control>
                    </nz-form-item>
                  </td>
                  <td class="head">油泵类型</td>
                  <td class="text">
                    <nz-form-item>
                      <nz-form-control>
                        <nz-select [(ngModel)]="item.oilPumpType" [ngModelOptions]="{standalone: true}">
                          <nz-option [nzValue]=0 nzLabel="自吸泵"></nz-option>
                          <nz-option [nzValue]=1 nzLabel="潜油泵"></nz-option>
                        </nz-select>
                      </nz-form-control>
                    </nz-form-item>
                  </td>
                </tr>
                <a class="deleteTable" nz-popconfirm nzPopconfirmTitle="确定删除吗?" nzPopconfirmPlacement="bottom"
                  (nzOnConfirm)="deleteTable(otherInfoData.tankEquipment,key)">
                  <i nz-icon nzType="delete" nzTheme="outline"></i>
                </a>
              </table>
            </div>
            <!-- 输油管 -->
            <div class="otherInfoItem oilDeliveryPipe">
              <div class="moduleName">
                <span>输油管</span>
                <button (click)="addTable(otherInfoData.oilDeliveryPipe,'oilDeliveryPipe')" type="button" nz-button
                  nzType="primary" class="buleBtn">新增</button>
              </div>
              <table *ngFor="let item of otherInfoData.oilDeliveryPipe;let key = index">
                <tr>
                  <td class="head">输油管名称</td>
                  <td class="text" colspan="3">
                    <nz-form-item>
                      <nz-form-control>
                        <nz-input-group>
                          <input [(ngModel)]="item.name" [ngModelOptions]="{standalone: true}" nz-input type="text" />
                        </nz-input-group>
                      </nz-form-control>
                    </nz-form-item>
                  </td>
                </tr>
                <tr>
                  <td class="head">连接的加油机</td>
                  <td class="text">
                    <nz-form-item>
                      <nz-form-control>
                        <nz-input-group>
                          <input [(ngModel)]="item.connectTanker" nz-input type="text"
                            [ngModelOptions]="{standalone: true}" />
                        </nz-input-group>
                      </nz-form-control>
                    </nz-form-item>
                  </td>
                  <td class="head">连接的油罐</td>
                  <td class="text">
                    <nz-form-item>
                      <nz-form-control>
                        <nz-input-group>
                          <input [(ngModel)]="item.connectOilTank" nz-input type="text"
                            [ngModelOptions]="{standalone: true}" />
                        </nz-input-group>
                      </nz-form-control>
                    </nz-form-item>
                  </td>
                </tr>
                <tr>
                  <td class="head">设计图纸</td>
                  <td class="text" colspan="3">
                    <div class="uploadDivbox">
                      <div class="uploadDiv" style="margin:0 12px;">
                        <img (click)="viewImg(item.designPaper)" *ngIf=" item.designPaper"
                          style="width: 100%;height: 100%;" [src]="item.designPaper" alt="">
                        <input *ngIf="!item.designPaper" (change)="filechange($event,key,item)" class="fileinput"
                          type="file" name="" id="">
                        <button *ngIf="!item.designPaper" nz-button [nzLoading]=""><i nz-icon nzType="upload"
                            nzTheme="outline"></i>上传图纸</button>
                      </div>
                      <div class="uploadDiv" *ngIf="item.designPaper">
                        <input (change)="filechange($event,key,item)" class="fileinput" type="file" name="" id="">
                        <button nz-button [nzLoading]=""><i nz-icon nzType="upload" nzTheme="outline"></i>重新上传</button>
                      </div>
                    </div>
                  </td>
                </tr>
                <a class="deleteTable" nz-popconfirm nzPopconfirmTitle="确定删除吗?" nzPopconfirmPlacement="bottom"
                  (nzOnConfirm)="deleteTable(otherInfoData.oilDeliveryPipe,key)">
                  <i nz-icon nzType="delete" nzTheme="outline"></i>
                </a>
              </table>
            </div>
            <!-- 油气回收 -->
            <div class="otherInfoItem oilVaporRecovery">
              <div class="moduleName">
                <span>油气回收</span>
                <!-- <button (click)="addTable(otherInfoData.oilVaporRecovery,'oilVaporRecovery')" type="button" nz-button
                  nzType="primary" class="buleBtn">新增</button> -->
              </div>
              <table *ngFor="let item of otherInfoData.oilVaporRecovery;let key = index">
                <tr>
                  <td class="head">油气回收名称</td>
                  <td class="text">
                    <nz-form-item>
                      <nz-form-control>
                        <nz-input-group>
                          <input [(ngModel)]="item.name" [ngModelOptions]="{standalone: true}" nz-input type="text" />
                        </nz-input-group>
                      </nz-form-control>
                    </nz-form-item>
                  </td>
                  <td class="head">一次油气回收系统类型</td>
                  <td class="text">
                    <nz-form-item>
                      <nz-form-control>
                        <nz-input-group>
                          <input [(ngModel)]="item.onceSystemType" [ngModelOptions]="{standalone: true}" nz-input
                            type="text" />
                        </nz-input-group>
                      </nz-form-control>
                    </nz-form-item>
                  </td>
                </tr>
                <tr>
                  <td class="head">二次油气回收系统类型</td>
                  <td class="text">
                    <nz-form-item>
                      <nz-form-control>
                        <nz-select [(ngModel)]="item.twiceSystemType" [ngModelOptions]="{standalone: true}">
                          <nz-option [nzValue]=0 nzLabel="分散式"></nz-option>
                          <nz-option [nzValue]=1 nzLabel="集中式"></nz-option>
                        </nz-select>
                      </nz-form-control>
                    </nz-form-item>
                  </td>
                  <td class="head">二次油气回收泵类型</td>
                  <td class="text">
                    <nz-form-item>
                      <nz-form-control>
                        <nz-input-group>
                          <input [(ngModel)]="item.twicePumpType" nz-input type="text"
                            [ngModelOptions]="{standalone: true}" />
                        </nz-input-group>
                      </nz-form-control>
                    </nz-form-item>
                  </td>
                </tr>
                <tr>
                  <td class="head">三次油气回收处理装置</td>
                  <td class="text">
                    <nz-form-item>
                      <nz-form-control>
                        <nz-input-group>
                          <input [(ngModel)]="item.thriceProcessingUnit" nz-input type="text"
                            [ngModelOptions]="{standalone: true}" />
                        </nz-input-group>
                      </nz-form-control>
                    </nz-form-item>
                  </td>
                  <td class="head">油气回收在线监测装置</td>
                  <td class="text">
                    <nz-form-item>
                      <nz-form-control>
                        <nz-input-group>
                          <input [(ngModel)]="item.monitoringDevice" nz-input type="text"
                            [ngModelOptions]="{standalone: true}" />
                        </nz-input-group>
                      </nz-form-control>
                    </nz-form-item>
                  </td>
                </tr>
                <tr>
                  <td class="head">设计图纸</td>
                  <td class="text" colspan="3">
                    <div class="uploadDivbox">
                      <div class="uploadDiv" style="margin:0 12px;">
                        <img (click)="viewImg(item.designPaper)" *ngIf="item.designPaper"
                          style="width: 100%;height: 100%;" [src]="item.designPaper" alt="">
                        <input *ngIf="!item.designPaper" (change)="filechange($event,key,item)" class="fileinput"
                          type="file" name="" id="">
                        <button *ngIf="!item.designPaper" nz-button [nzLoading]=""><i nz-icon nzType="upload"
                            nzTheme="outline"></i>上传图纸</button>
                      </div>
                      <div class="uploadDiv" *ngIf="item.designPaper">
                        <input (change)="filechange($event,key,item)" class="fileinput" type="file" name="" id="">
                        <button nz-button [nzLoading]=""><i nz-icon nzType="upload" nzTheme="outline"></i>重新上传</button>
                      </div>
                    </div>
                  </td>
                </tr>
                <!-- <a class="deleteTable" nz-popconfirm nzPopconfirmTitle="确定删除吗?" nzPopconfirmPlacement="bottom"
                  (nzOnConfirm)="deleteTable(otherInfoData.oilVaporRecovery,key)">
                  <i nz-icon nzType="delete" nzTheme="outline"></i>
                </a> -->
              </table>
            </div>
            <!-- 阀门 -->
            <div class="otherInfoItem valve">
              <div class="moduleName">
                <span>阀门</span>
                <!-- <button (click)="addTable(otherInfoData.valve,'valve')" type="button" nz-button
                  nzType="primary" class="buleBtn">新增</button> -->
              </div>
              <table *ngFor="let item of otherInfoData.valve;let key = index">
                <tr>
                  <td class="head">阀门名称</td>
                  <td class="text" colspan="3">
                    <nz-form-item>
                      <nz-form-control>
                        <nz-input-group>
                          <input [(ngModel)]="item.name" [ngModelOptions]="{standalone: true}" nz-input type="text" />
                        </nz-input-group>
                      </nz-form-control>
                    </nz-form-item>
                  </td>
                  <td class="head">描述</td>
                  <td class="text">
                    <nz-form-item>
                      <nz-form-control>
                        <nz-input-group>
                          <textarea style="text-align: left;" rows="4" nz-input [(ngModel)]="item.description"
                            [ngModelOptions]="{standalone: true}"></textarea>
                        </nz-input-group>
                      </nz-form-control>
                    </nz-form-item>
                  </td>
                </tr>
                <!-- <a class="deleteTable" nz-popconfirm nzPopconfirmTitle="确定删除吗?" nzPopconfirmPlacement="bottom"
                  (nzOnConfirm)="deleteTable(otherInfoData.valve,key)">
                  <i nz-icon nzType="delete" nzTheme="outline"></i>
                </a> -->
              </table>
            </div>

          </div>
          <!-- 审核中遮罩层 -->
          <div class="shade" *ngIf="httpBody.auditStatus == 1 || httpBody.auditStatus == 2">
            审核中...
          </div>
          <!-- 上传图片 -->
          <div class="shade" *ngIf="isUploadLoading">
            <nz-spin nzSimple [nzSize]="'large'"></nz-spin>
          </div>
        </div>
        <div class="btnbox">
          <!-- <span style="color: #fff;">当前审核状态：{{httpBody.auditStatus | auditStatus}}</span> -->
          <span *ngIf="httpBody.auditLog"
            style="color: #fff;margin-right: 30px;">当前审核状态：{{httpBody.auditLog.auditStatusDesc}}</span>
          <span *ngIf="httpBody.auditLog" style="color: #fff;">审核意见：{{httpBody.auditLog.rejectReason}}</span>
          <button [nzLoading]="isSubmitAuditLoading" nz-button type="button"
            *ngIf="httpBody.auditStatus != 1 && httpBody.auditStatus != 2" (click)="submitAudit()">提交审核</button>
          <button [nzLoading]="isRevocationAuditLoading" nz-button type="button"
            *ngIf="httpBody.auditStatus == 1 || httpBody.auditStatus == 2" (click)="revocationAudit()">撤销审核</button>
          <button [nzLoading]="isLoadingSave" nz-button type="button" (click)="submitForm()"
            *ngIf="httpBody.auditStatus != 1">保存</button>
          <button (click)="exportExcel()" nz-button type="button"><img style="vertical-align: top;margin-right: 6px;"
              src="../../../assets/images/excel.png" alt=""> 导出Excel</button>
        </div>
      </form>
    </div>
  </div>
  <div class="backbtn" *ngIf="userdata && !userdata.hideCloseBtn">
    <button class="buleBtn" nz-button (click)="goback()">返回</button>
  </div>
</div>