|
|
|
<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 required [(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>
|
|
|
|
<table formGroupName="validityTime" class="imgtable" id="images">
|
|
|
|
<tr>
|
|
|
|
<td class="head">营业执照</td>
|
|
|
|
<td colspan="3" class="imgbox">
|
|
|
|
<div class="uploadDivbox">
|
|
|
|
<div class="uploadDiv">
|
|
|
|
<img *ngIf="httpBody.businessLicenseImage" style="width: 100%;height: 100%;"
|
|
|
|
[src]="httpBody.businessLicenseImage" alt="">
|
|
|
|
<input *ngIf="!httpBody.businessLicenseImage" (change)="filechange($event,'businessLicense')"
|
|
|
|
class="fileinput" type="file" name="" id="">
|
|
|
|
<button *ngIf="!httpBody.businessLicenseImage" nz-button [nzLoading]="isLoadingOne"><i nz-icon
|
|
|
|
nzType="upload" nzTheme="outline"></i>上传图片</button>
|
|
|
|
</div>
|
|
|
|
<div class="uploadDiv" *ngIf="httpBody.businessLicenseImage">
|
|
|
|
<input (change)="filechange($event,'businessLicense')" class="fileinput" type="file" name="" id="">
|
|
|
|
<button nz-button [nzLoading]="isLoadingOne"><i nz-icon nzType="upload"
|
|
|
|
nzTheme="outline"></i>重新上传</button>
|
|
|
|
</div>
|
|
|
|
<div class="timeDiv">
|
|
|
|
<nz-form-item style="width: 40%;border: 1px solid #91CCFF;margin-right: 12px;">
|
|
|
|
<nz-form-control>
|
|
|
|
<nz-range-picker [(ngModel)]="businessLicensevalidityTime"
|
|
|
|
formControlName="businessLicensevalidityTime">
|
|
|
|
</nz-range-picker>
|
|
|
|
</nz-form-control>
|
|
|
|
</nz-form-item>
|
|
|
|
<span><span style="color: red;">*</span>提前预警时间天数:</span>
|
|
|
|
<nz-form-item style="width: 50px;border: 1px solid #91CCFF;margin-right: 12px;">
|
|
|
|
<nz-form-control>
|
|
|
|
<nz-input-group>
|
|
|
|
<input style="padding: 0;text-align: center;" [(ngModel)]="httpBody.validityTermDays" nz-input
|
|
|
|
type="number" formControlName="businessLicensevalidityTimeDay" />
|
|
|
|
</nz-input-group>
|
|
|
|
</nz-form-control>
|
|
|
|
</nz-form-item>
|
|
|
|
<span>天</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
<tr>
|
|
|
|
<td class="head">危险化学品<br>经营许可证</td>
|
|
|
|
<td colspan="3" class="imgbox">
|
|
|
|
<div class="uploadDivbox">
|
|
|
|
<div class="uploadDiv">
|
|
|
|
<img *ngIf="httpBody.dangerousChemicalLicenseImage" style="width: 100%;height: 100%;"
|
|
|
|
[src]="httpBody.dangerousChemicalLicenseImage" alt="">
|
|
|
|
<input *ngIf="!httpBody.dangerousChemicalLicenseImage"
|
|
|
|
(change)="filechange($event,'dangerousChemical')" class="fileinput" type="file" name="" id="">
|
|
|
|
<button *ngIf="!httpBody.dangerousChemicalLicenseImage" nz-button [nzLoading]="isLoadingTwo"><i
|
|
|
|
nz-icon nzType="upload" nzTheme="outline"></i>上传图片</button>
|
|
|
|
</div>
|
|
|
|
<div class="uploadDiv" *ngIf="httpBody.dangerousChemicalLicenseImage">
|
|
|
|
<input (change)="filechange($event,'dangerousChemical')" class="fileinput" type="file" name=""
|
|
|
|
id="">
|
|
|
|
<button nz-button [nzLoading]="isLoadingTwo"><i nz-icon nzType="upload"
|
|
|
|
nzTheme="outline"></i>重新上传</button>
|
|
|
|
</div>
|
|
|
|
<div class="timeDiv">
|
|
|
|
<nz-form-item style="width: 40%;border: 1px solid #91CCFF;margin-right: 12px;">
|
|
|
|
<nz-form-control>
|
|
|
|
<nz-range-picker [(ngModel)]="hazardousLicensevalidityTime"
|
|
|
|
formControlName="hazardousLicensevalidityTime">
|
|
|
|
</nz-range-picker>
|
|
|
|
</nz-form-control>
|
|
|
|
</nz-form-item>
|
|
|
|
<span><span style="color: red;">*</span>提前预警时间天数:</span>
|
|
|
|
<nz-form-item style="width: 50px;border: 1px solid #91CCFF;margin-right: 12px;">
|
|
|
|
<nz-form-control>
|
|
|
|
<nz-input-group>
|
|
|
|
<input style="padding: 0;text-align: center;" [(ngModel)]="httpBody.dangerousTermDays" nz-input
|
|
|
|
type="number" formControlName="hazardousLicensevalidityTimeDay" />
|
|
|
|
</nz-input-group>
|
|
|
|
</nz-form-control>
|
|
|
|
</nz-form-item>
|
|
|
|
<span>天</span>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
<tr>
|
|
|
|
<td class="head">成品油零售<br>经营许可证</td>
|
|
|
|
<td colspan="3" class="imgbox">
|
|
|
|
<div class="uploadDivbox">
|
|
|
|
<div class="uploadDiv">
|
|
|
|
<img *ngIf="httpBody.gasSellLicenseImage" style="width: 100%;height: 100%;"
|
|
|
|
[src]="httpBody.gasSellLicenseImage" alt="">
|
|
|
|
<input *ngIf="!httpBody.gasSellLicenseImage" (change)="filechange($event,'retailOfRefinedOil')"
|
|
|
|
class="fileinput" type="file" name="" id="">
|
|
|
|
<button *ngIf="!httpBody.gasSellLicenseImage" nz-button [nzLoading]="isLoadingThree"><i nz-icon
|
|
|
|
nzType="upload" nzTheme="outline"></i>上传图片</button>
|
|
|
|
</div>
|
|
|
|
<div class="uploadDiv" *ngIf="httpBody.gasSellLicenseImage">
|
|
|
|
<input (change)="filechange($event,'retailOfRefinedOil')" class="fileinput" type="file" name=""
|
|
|
|
id="">
|
|
|
|
<button nz-button [nzLoading]="isLoadingThree"><i nz-icon nzType="upload"
|
|
|
|
nzTheme="outline"></i>重新上传</button>
|
|
|
|
</div>
|
|
|
|
<div class="timeDiv">
|
|
|
|
<nz-form-item style="width: 40%;border: 1px solid #91CCFF;margin-right: 12px;">
|
|
|
|
<nz-form-control>
|
|
|
|
<nz-range-picker [(ngModel)]="oilLicensevalidityTime" formControlName="oilLicensevalidityTime">
|
|
|
|
</nz-range-picker>
|
|
|
|
</nz-form-control>
|
|
|
|
</nz-form-item>
|
|
|
|
<span><span style="color: red;">*</span>提前预警时间天数:</span>
|
|
|
|
<nz-form-item style="width: 50px;border: 1px solid #91CCFF;margin-right: 12px;">
|
|
|
|
<nz-form-control>
|
|
|
|
<nz-input-group>
|
|
|
|
<input style="padding: 0;text-align: center;" [(ngModel)]="httpBody.sellLicenseTermDays" nz-input
|
|
|
|
type="number" formControlName="oilLicensevalidityTimeDay" />
|
|
|
|
</nz-input-group>
|
|
|
|
</nz-form-control>
|
|
|
|
</nz-form-item>
|
|
|
|
<span>天</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
</table>
|
|
|
|
</div>
|
|
|
|
<div class="btnbox">
|
|
|
|
<button [nzLoading]="isLoadingSave" nz-button type="submit">保存</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 nz-button (click)="goback()">返回</button>
|
|
|
|
</div>
|
|
|
|
</div>
|