|
|
|
@ -304,7 +304,90 @@
|
|
|
|
|
<tr *ngFor="let item of httpBody.licenses;let key = index"> |
|
|
|
|
<td class="head" [title]="item.name">{{item.name}}</td> |
|
|
|
|
<td colspan="3" class="imgbox"> |
|
|
|
|
<div class="timeDiv"> |
|
|
|
|
<div class="timeDivflex"> |
|
|
|
|
<div class="itemname"> |
|
|
|
|
证件编号:<span style="color: red;">*</span> |
|
|
|
|
</div> |
|
|
|
|
<nz-form-item title="证件编号"> |
|
|
|
|
<nz-form-control> |
|
|
|
|
<nz-input-group> |
|
|
|
|
<input style="border: 1px solid #91CCFF" [ngModelOptions]="{standalone: true}" |
|
|
|
|
placeholder="请输入证件编号" [(ngModel)]="item.code" nz-input type="text" /> |
|
|
|
|
</nz-input-group> |
|
|
|
|
</nz-form-control> |
|
|
|
|
</nz-form-item> |
|
|
|
|
</div> |
|
|
|
|
<div class="timeDivflex"> |
|
|
|
|
<div class="itemname"> |
|
|
|
|
证照有效期:<span style="color: red;">*</span> |
|
|
|
|
</div> |
|
|
|
|
<label style="color: white;" [ngModelOptions]="{standalone: true}" nz-checkbox |
|
|
|
|
[(ngModel)]="item.isPerpetual" (ngModelChange)="perpetualChange(item,$event)">是否为长期证照</label> |
|
|
|
|
<nz-form-item style="border: 1px solid #91CCFF" title="证照有效期开始时间"> |
|
|
|
|
<nz-form-control> |
|
|
|
|
<nz-date-picker required [ngModelOptions]="{standalone: true}" [nzPlaceHolder]="'开始时间'" |
|
|
|
|
[(ngModel)]="item.startTime" (ngModelChange)="onChange($event)"></nz-date-picker> |
|
|
|
|
</nz-form-control> |
|
|
|
|
</nz-form-item> |
|
|
|
|
<nz-form-item style="border: 1px solid #91CCFF" title="证照有效期结束时间" *ngIf="!item.isPerpetual"> |
|
|
|
|
<nz-form-control> |
|
|
|
|
<nz-date-picker [ngModelOptions]="{standalone: true}" [nzPlaceHolder]="'结束时间'" |
|
|
|
|
[(ngModel)]="item.endTime" (ngModelChange)="onChange($event)"></nz-date-picker> |
|
|
|
|
</nz-form-control> |
|
|
|
|
</nz-form-item> |
|
|
|
|
</div> |
|
|
|
|
<div class="timeDivflex"> |
|
|
|
|
<div class="itemname"> |
|
|
|
|
证照提醒时间:<span style="color: red;">*</span> |
|
|
|
|
</div> |
|
|
|
|
<nz-form-item style="border: 1px solid #91CCFF" title="证照到期第一次提醒时间"> |
|
|
|
|
<nz-form-control> |
|
|
|
|
<nz-date-picker [ngModelOptions]="{standalone: true}" [nzPlaceHolder]="'一次提醒时间'" |
|
|
|
|
[(ngModel)]="item.firstWarnTime" (ngModelChange)="onChange($event)"></nz-date-picker> |
|
|
|
|
</nz-form-control> |
|
|
|
|
</nz-form-item> |
|
|
|
|
<nz-form-item style="border: 1px solid #91CCFF" title="证照到期第二次提醒时间"> |
|
|
|
|
<nz-form-control> |
|
|
|
|
<nz-date-picker [ngModelOptions]="{standalone: true}" [nzPlaceHolder]="'二次提醒时间'" |
|
|
|
|
[(ngModel)]="item.secondWarnTime" (ngModelChange)="onChange($event)"></nz-date-picker> |
|
|
|
|
</nz-form-control> |
|
|
|
|
</nz-form-item> |
|
|
|
|
</div> |
|
|
|
|
<div class="timeDivflex"> |
|
|
|
|
<div class="itemname"> |
|
|
|
|
证照年检时间:<span style="color: red;">*</span> |
|
|
|
|
</div> |
|
|
|
|
<label style="color: white;" [ngModelOptions]="{standalone: true}" nz-checkbox |
|
|
|
|
[(ngModel)]="item.hasAnnualInspection">是否年检</label> |
|
|
|
|
<nz-form-item style="border: 1px solid #91CCFF" title="年检时间" *ngIf="item.hasAnnualInspection"> |
|
|
|
|
<nz-form-control> |
|
|
|
|
<nz-date-picker [ngModelOptions]="{standalone: true}" [nzPlaceHolder]="'年检时间'" |
|
|
|
|
[(ngModel)]="item.annualInspectionTime" (ngModelChange)="onChange($event)"></nz-date-picker> |
|
|
|
|
</nz-form-control> |
|
|
|
|
</nz-form-item> |
|
|
|
|
<nz-form-item style="border: 1px solid #91CCFF" title="年检提醒时间" *ngIf="item.hasAnnualInspection"> |
|
|
|
|
<nz-form-control> |
|
|
|
|
<nz-date-picker [ngModelOptions]="{standalone: true}" [nzPlaceHolder]="'年检提醒时间'" |
|
|
|
|
[(ngModel)]="item.annualInspectionWarnTime" (ngModelChange)="onChange($event)"> |
|
|
|
|
</nz-date-picker> |
|
|
|
|
</nz-form-control> |
|
|
|
|
</nz-form-item> |
|
|
|
|
<nz-form-item title="年检机构" *ngIf="item.hasAnnualInspection"> |
|
|
|
|
<nz-form-control> |
|
|
|
|
<nz-input-group> |
|
|
|
|
<input style="border: 1px solid #91CCFF" [ngModelOptions]="{standalone: true}" |
|
|
|
|
placeholder="年检机构" [(ngModel)]="item.annualInspectionOrganizationName" nz-input |
|
|
|
|
type="text" /> |
|
|
|
|
</nz-input-group> |
|
|
|
|
</nz-form-control> |
|
|
|
|
</nz-form-item> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="uploadDivbox"> |
|
|
|
|
<div class="itemname"> |
|
|
|
|
证照图片: |
|
|
|
|
</div> |
|
|
|
|
<div class="uploadDiv"> |
|
|
|
|
<img *ngIf="item.imageUrl" style="width: 100%;height: 100%;" [src]="item.imageUrl" alt=""> |
|
|
|
|
<input *ngIf="!item.imageUrl" (change)="filechange($event,key)" class="fileinput" type="file" |
|
|
|
@ -316,82 +399,12 @@
|
|
|
|
|
<input (change)="filechange($event,key)" class="fileinput" type="file" name="" id=""> |
|
|
|
|
<button nz-button [nzLoading]=""><i nz-icon nzType="upload" nzTheme="outline"></i>重新上传</button> |
|
|
|
|
</div> |
|
|
|
|
<div class="timeDiv" style="width: 500px;"> |
|
|
|
|
<div class="timeDivflex" style="margin-bottom: 6px;"> |
|
|
|
|
<nz-form-item title="证件编号"> |
|
|
|
|
<nz-form-control> |
|
|
|
|
<nz-input-group> |
|
|
|
|
<input style="border: 1px solid #91CCFF" [ngModelOptions]="{standalone: true}" |
|
|
|
|
placeholder="证件编号" [(ngModel)]="item.code" nz-input |
|
|
|
|
type="text" /> |
|
|
|
|
</nz-input-group> |
|
|
|
|
</nz-form-control> |
|
|
|
|
</nz-form-item> |
|
|
|
|
</div> |
|
|
|
|
<div class="timeDivflex"> |
|
|
|
|
<nz-form-item style="border: 1px solid #91CCFF" title="证照有效期开始时间"> |
|
|
|
|
<nz-form-control> |
|
|
|
|
<nz-date-picker required [ngModelOptions]="{standalone: true}" [nzPlaceHolder]="'开始时间'" |
|
|
|
|
[(ngModel)]="item.startTime" (ngModelChange)="onChange($event)"></nz-date-picker> |
|
|
|
|
</nz-form-control> |
|
|
|
|
</nz-form-item> |
|
|
|
|
<nz-form-item style="border: 1px solid #91CCFF" title="证照有效期结束时间"> |
|
|
|
|
<nz-form-control> |
|
|
|
|
<nz-date-picker [ngModelOptions]="{standalone: true}" [nzPlaceHolder]="'结束时间'" |
|
|
|
|
[(ngModel)]="item.endTime" (ngModelChange)="onChange($event)"></nz-date-picker> |
|
|
|
|
</nz-form-control> |
|
|
|
|
</nz-form-item> |
|
|
|
|
</div> |
|
|
|
|
<div class="timeDivflex" style="margin: 6px 0;"> |
|
|
|
|
<nz-form-item style="border: 1px solid #91CCFF" title="证照到期第一次提醒时间"> |
|
|
|
|
<nz-form-control> |
|
|
|
|
<nz-date-picker [ngModelOptions]="{standalone: true}" [nzPlaceHolder]="'一次提醒时间'" |
|
|
|
|
[(ngModel)]="item.firstWarnTime" (ngModelChange)="onChange($event)"></nz-date-picker> |
|
|
|
|
</nz-form-control> |
|
|
|
|
</nz-form-item> |
|
|
|
|
<nz-form-item style="border: 1px solid #91CCFF" title="证照到期第二次提醒时间"> |
|
|
|
|
<nz-form-control> |
|
|
|
|
<nz-date-picker [ngModelOptions]="{standalone: true}" [nzPlaceHolder]="'二次提醒时间'" |
|
|
|
|
[(ngModel)]="item.secondWarnTime" (ngModelChange)="onChange($event)"></nz-date-picker> |
|
|
|
|
</nz-form-control> |
|
|
|
|
</nz-form-item> |
|
|
|
|
</div> |
|
|
|
|
<div class="timeDivflex" style="margin-bottom: 6px;"> |
|
|
|
|
<label style="color: white;" [ngModelOptions]="{standalone: true}" nz-checkbox |
|
|
|
|
[(ngModel)]="item.hasAnnualInspection">是否年检</label> |
|
|
|
|
</div> |
|
|
|
|
<div class="timeDivflex timeDivflex2" *ngIf="item.hasAnnualInspection"> |
|
|
|
|
<nz-form-item style="border: 1px solid #91CCFF" title="年检时间"> |
|
|
|
|
<nz-form-control> |
|
|
|
|
<nz-date-picker [ngModelOptions]="{standalone: true}" [nzPlaceHolder]="'年检时间'" |
|
|
|
|
[(ngModel)]="item.annualInspectionTime" (ngModelChange)="onChange($event)"></nz-date-picker> |
|
|
|
|
</nz-form-control> |
|
|
|
|
</nz-form-item> |
|
|
|
|
<nz-form-item style="border: 1px solid #91CCFF" title="年检提醒时间"> |
|
|
|
|
<nz-form-control> |
|
|
|
|
<nz-date-picker [ngModelOptions]="{standalone: true}" [nzPlaceHolder]="'年检提醒时间'" |
|
|
|
|
[(ngModel)]="item.annualInspectionWarnTime" (ngModelChange)="onChange($event)"> |
|
|
|
|
</nz-date-picker> |
|
|
|
|
</nz-form-control> |
|
|
|
|
</nz-form-item> |
|
|
|
|
<nz-form-item title="年检机构"> |
|
|
|
|
<nz-form-control> |
|
|
|
|
<nz-input-group> |
|
|
|
|
<input style="border: 1px solid #91CCFF" [ngModelOptions]="{standalone: true}" |
|
|
|
|
placeholder="年检机构" [(ngModel)]="item.annualInspectionOrganizationName" nz-input |
|
|
|
|
type="text" /> |
|
|
|
|
</nz-input-group> |
|
|
|
|
</nz-form-control> |
|
|
|
|
</nz-form-item> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<a class="deleteTr" nz-popconfirm nzPopconfirmTitle="确定删除该证照吗?" nzPopconfirmPlacement="bottom" |
|
|
|
|
(nzOnConfirm)="deleteTrConfirm(key)"> |
|
|
|
|
<i *ngIf="item.name != '营业执照' && item.name != '危险化学品' && item.name != '成品油零售'" nz-icon nzType="close" |
|
|
|
|
nzTheme="outline"></i> |
|
|
|
|
</a> |
|
|
|
|
|
|
|
|
|
</td> |
|
|
|
|
</tr> |
|
|
|
|
<tr style="height: 50px;"> |
|
|
|
|