From e41c238d071fd772a765bdad21fb7042b5755326 Mon Sep 17 00:00:00 2001
From: SHAOJIAHAO <55341701@qq.com>
Date: Fri, 22 Jul 2022 11:05:10 +0800
Subject: [PATCH] =?UTF-8?q?[=E6=96=B0=E5=A2=9E]=E6=B2=B9=E7=AB=99=E5=85=B6?=
 =?UTF-8?q?=E4=BB=96=E4=BF=A1=E6=81=AF=E7=9A=84=E4=BF=9D=E5=AD=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../audit/audit-ing/audit-ing.component.ts    |   6 +-
 .../gas-base-info.component.html              |  92 +++-
 .../gas-base-info.component.scss              | 124 +++--
 .../gas-base-info/gas-base-info.component.ts  |  38 +-
 .../oil-station-info.component.html           | 472 ++++++++++++++----
 .../oil-station-info.component.scss           | 115 +++--
 .../oil-station-info.component.ts             | 143 +++++-
 src/theme.less                                |   2 +-
 8 files changed, 781 insertions(+), 211 deletions(-)

diff --git a/src/app/pages/audit/audit-ing/audit-ing.component.ts b/src/app/pages/audit/audit-ing/audit-ing.component.ts
index 86c93bc..286285d 100644
--- a/src/app/pages/audit/audit-ing/audit-ing.component.ts
+++ b/src/app/pages/audit/audit-ing/audit-ing.component.ts
@@ -81,9 +81,9 @@ export class AuditIngComponent implements OnInit {
 
 
   dispose(item) {
-    console.log(item)
+    // console.log(item)
     this.getData(item).then(res => {
-      console.log('审批具体信息', res)
+      // console.log('审批具体信息', res)
       item.getData = res
       const modal = this.modal.create({
         nzContent: AuditDisposeComponent,
@@ -189,6 +189,8 @@ export class AuditIngComponent implements OnInit {
     }
     return new Promise((resolve, reject) => {
       let params = { id: item.itemId }
+
+      console.log('xxxxxxxxxxxxxxx走着了吗')
       this.http.get(url, { params }).subscribe((data: any) => {
         let auditLog = { rejectReason: item.rejectReason }
         let organization = { displayName: item.organization ? item.organization.displayName : "" }
diff --git a/src/app/pages/audit/gas-base-info/gas-base-info.component.html b/src/app/pages/audit/gas-base-info/gas-base-info.component.html
index 8e7685e..11a6ee9 100644
--- a/src/app/pages/audit/gas-base-info/gas-base-info.component.html
+++ b/src/app/pages/audit/gas-base-info/gas-base-info.component.html
@@ -1,4 +1,4 @@
-<div [ngStyle]="{'padding': isDetails? '0 15px' : null}">
+<div [ngStyle]="{'padding': isDetails? '0 15px' : null,'maxHeight': isDetails? '700px' : '520px'}" class="box">
     <div class="title" *ngIf="isDetails">
         <div class="titlecontent">
             详情
@@ -12,7 +12,8 @@
     </p>
     <div class="cutoffrule"></div>
     <p>
-        <label class="marginLeft">油站类型: &nbsp;&nbsp;<span *ngIf="baseInfo.stationType == 0">自营</span><span *ngIf="baseInfo.stationType == 1">加盟</span><span *ngIf="baseInfo.stationType == 2">其他</span></label>
+        <label class="marginLeft">油站类型: &nbsp;&nbsp;<span *ngIf="baseInfo.stationType == 0">自营</span><span
+                *ngIf="baseInfo.stationType == 1">加盟</span><span *ngIf="baseInfo.stationType == 2">其他</span></label>
         <label>车道数量: &nbsp;&nbsp;{{baseInfo.laneCount}}</label>
     </p>
     <div class="cutoffrule"></div>
@@ -75,6 +76,91 @@
         <div class="cutoffrule"></div>
     </div>
 
+    <div *ngIf="!baseInfo.hasBuildingInfo && otherData">
+        <p class="yellowColor" *ngIf="otherData.oilingMachine && otherData.oilingMachine.length != 0">加油机</p>
+        <div *ngFor="let item of otherData.oilingMachine">
+            <p>
+                <label class="marginLeft2">加油机名称: &nbsp;&nbsp;{{item.name}}</label>
+            </p>
+            <p>
+                <label class="marginLeft">品牌: &nbsp;&nbsp;{{item.brand}}</label>
+                <label>油枪数量: &nbsp;&nbsp;{{item.oilGunNum}}</label>
+            </p>
+            <p>
+                <label class="marginLeft">油品品号: &nbsp;&nbsp;{{item.oilsArticleNum}}</label>
+                <label>油枪编号: &nbsp;&nbsp;{{item.oilGunSerialNum}}</label>
+            </p>
+            <div class="cutoffrule"></div>
+        </div>
+        <p class="yellowColor" *ngIf="otherData.tankEquipment && otherData.tankEquipment.length != 0">油罐设备</p>
+        <div *ngFor="let item of otherData.tankEquipment">
+            <p>
+                <label class="marginLeft2">油罐设备名称: &nbsp;&nbsp;{{item.name}}</label>
+            </p>
+            <p>
+                <label class="marginLeft">油品品号: &nbsp;&nbsp;{{item.oilsArticleNum}}</label>
+                <label>油枪编号: &nbsp;&nbsp;{{item.oilGunSerialNum}}</label>
+            </p>
+            <p>
+                <label class="marginLeft">油罐容积: &nbsp;&nbsp;{{item.oilOmeterVolume}}</label>
+                <label>安全容积: &nbsp;&nbsp;{{item.safetyVolume}}</label>
+            </p>
+            <p>
+                <label class="marginLeft">油罐类型: &nbsp;&nbsp;{{item.oilOmeterType == 0 ? '双层罐' : '单层罐+防渗罐池'}}</label>
+                <label>油泵类型: &nbsp;&nbsp;{{item.oilPumpType == 0 ? '自吸泵' : '潜油泵'}}</label>
+            </p>
+            <div class="cutoffrule"></div>
+        </div>
+        <p class="yellowColor" *ngIf="otherData.oilDeliveryPipe && otherData.oilDeliveryPipe.length != 0">输油管</p>
+        <div *ngFor="let item of otherData.oilDeliveryPipe">
+            <p>
+                <label class="marginLeft2">油罐设备名称: &nbsp;&nbsp;{{item.name}}</label>
+            </p>
+            <p>
+                <label class="marginLeft">连接的加油机: &nbsp;&nbsp;{{item.connectTanker}}</label>
+                <label>连接的油罐: &nbsp;&nbsp;{{item.connectOilTank}}</label>
+            </p>
+            <p>
+                <label class="marginLeft2">设计图纸: &nbsp;&nbsp;
+                    <img (click)="viewImg(item.designPaper)" [src]="item.designPaper" alt="">
+                </label>
+            </p>
+            <div class="cutoffrule"></div>
+        </div>
+        <p class="yellowColor">油气回收</p>
+        <div *ngFor="let item of otherData.oilVaporRecovery">
+            <p>
+                <label class="marginLeft">油气回收名称: &nbsp;&nbsp;{{item.name}}</label>
+                <label>一次油气回收系统类型: &nbsp;&nbsp;{{item.onceSystemType}}</label>
+            </p>
+            <p>
+                <label class="marginLeft">二次油气回收系统类型: &nbsp;&nbsp;{{item.twiceSystemType == 0 ? '分散式' : '集中式'}}</label>
+                <label>二次油气回收泵类型: &nbsp;&nbsp;{{item.twicePumpType}}</label>
+            </p>
+            <p>
+                <label class="marginLeft">三次油气回收处理装置: &nbsp;&nbsp;{{item.thriceProcessingUnit}}</label>
+                <label>油气回收在线监测装置: &nbsp;&nbsp;{{item.monitoringDevice}}</label>
+            </p>
+            <p>
+                <label class="marginLeft2">设计图纸: &nbsp;&nbsp;
+                    <img (click)="viewImg(item.designPaper)" [src]="item.designPaper" alt="">
+                </label>
+            </p>
+            <div class="cutoffrule"></div>
+        </div>
+        <p class="yellowColor">阀门</p>
+        <div *ngFor="let item of otherData.valve">
+            <p>
+                <label class="marginLeft2">阀门名称: &nbsp;&nbsp;{{item.name}}</label>
+            </p>
+            <p>
+                <label class="marginLeft2">二次油气回收系统类型: &nbsp;&nbsp;{{item.description}}</label>
+            </p>
+
+            <div class="cutoffrule"></div>
+        </div>
+    </div>
+
     <!-- <p class="recordP" *ngIf="isDetails">
         <span>审核记录</span>
         <span>
@@ -92,4 +178,4 @@
             <span>{{item.auditStatus | auditStatus}}</span>
         </nz-timeline-item>
     </nz-timeline> -->
-</div>
+</div>
\ No newline at end of file
diff --git a/src/app/pages/audit/gas-base-info/gas-base-info.component.scss b/src/app/pages/audit/gas-base-info/gas-base-info.component.scss
index 8604584..b280cfd 100644
--- a/src/app/pages/audit/gas-base-info/gas-base-info.component.scss
+++ b/src/app/pages/audit/gas-base-info/gas-base-info.component.scss
@@ -1,47 +1,89 @@
+.box {
+  max-height: 520px;
+  overflow-y: auto;
+
+}
+
+::-webkit-input-placeholder {
+  /* WebKit browsers */
+  color: #345d85;
+}
+
+//滚动条样式
+::-webkit-scrollbar {
+  width: 5px;
+}
+
+::-webkit-scrollbar-thumb {
+  background-image: linear-gradient(#2495f8, #1c73c2, #0a3d6a, #061d3c);
+}
+
+::-webkit-scrollbar-track {
+  background-color: #061d3c;
+}
+
 p {
-    margin-bottom: 0;
-    color: #C4E2FC;
-    margin: 10px 0;
-    img {
-        width: 88px;
-        height: 56px;
-        cursor: pointer;
-    }
-}
-label{ display: inline-block; vertical-align: middle; }
+  margin-bottom: 0;
+  color: #C4E2FC;
+  margin: 10px 0;
+
+  img {
+    width: 88px;
+    height: 56px;
+    cursor: pointer;
+  }
+}
+
+label {
+  display: inline-block;
+  vertical-align: middle;
+}
+
 .marginLeft {
-    width: 55%;
-    overflow: hidden;
+  width: 55%;
+  overflow: hidden;
+}
+
+.marginLeft2 {
+  width: 100%;
+  overflow: hidden;
+
+  img {
+    width: 120px;
+    height: 80px;
+  }
 }
+
 .title {
-    font-family: sybold;
+  font-family: sybold;
+  width: 100%;
+  height: 48px;
+  background: linear-gradient(270deg, rgba(35, 153, 255, 0) 0%, rgba(35, 153, 255, 0.57) 50%, rgba(35, 153, 255, 0) 100%);
+  display: flex;
+  align-items: center;
+  position: relative;
+
+  .titlecontent {
     width: 100%;
-    height: 48px;
+    height: 32px;
+    line-height: 32px;
     background: linear-gradient(270deg, rgba(35, 153, 255, 0) 0%, rgba(35, 153, 255, 0.57) 50%, rgba(35, 153, 255, 0) 100%);
-    display: flex;
-    align-items: center;
-    position: relative;
-
-    .titlecontent {
-      width: 100%;
-      height: 32px;
-      line-height: 32px;
-      background: linear-gradient(270deg, rgba(35, 153, 255, 0) 0%, rgba(35, 153, 255, 0.57) 50%, rgba(35, 153, 255, 0) 100%);
-      text-align: center;
-      color: #91CCFF;
-      font-size: 16px;
-    }
-
-    i {
-      position: absolute;
-      right: 12px;
-      color: #fff;
-      font-size: 18px;
-      cursor: pointer;
-    }
-}
-.recordP{
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-}
\ No newline at end of file
+    text-align: center;
+    color: #91CCFF;
+    font-size: 16px;
+  }
+
+  i {
+    position: absolute;
+    right: 12px;
+    color: #fff;
+    font-size: 18px;
+    cursor: pointer;
+  }
+}
+
+.recordP {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
diff --git a/src/app/pages/audit/gas-base-info/gas-base-info.component.ts b/src/app/pages/audit/gas-base-info/gas-base-info.component.ts
index 2a21d19..d5ecea4 100644
--- a/src/app/pages/audit/gas-base-info/gas-base-info.component.ts
+++ b/src/app/pages/audit/gas-base-info/gas-base-info.component.ts
@@ -1,7 +1,7 @@
 import { HttpClient } from '@angular/common/http';
 import { Component, Input, OnInit } from '@angular/core';
 import { NzModalRef } from 'ng-zorro-antd/modal';
-
+import Viewer from 'viewerjs';
 @Component({
   selector: 'app-gas-base-info',
   templateUrl: './gas-base-info.component.html',
@@ -9,7 +9,7 @@ import { NzModalRef } from 'ng-zorro-antd/modal';
 })
 export class GasBaseInfoComponent implements OnInit {
 
-  constructor(private modal: NzModalRef,private http: HttpClient) { }
+  constructor(private modal: NzModalRef, private http: HttpClient) { }
 
   @Input() data?: any;
   isDetails: boolean = false; //是否是详情
@@ -24,14 +24,36 @@ export class GasBaseInfoComponent implements OnInit {
   baseInfo: any = {
     stationType: null,
   }
+
+  otherData
   getBaseInfo() {
     let params = { organizationUnitId: this.data.organizationId }
-    this.http.get('/api/services/app/GasStation/Get',{params}).subscribe((data: any)=>{
-      data.result.govUnitDetail? data.result.govUnitDetail = JSON.parse(data.result.govUnitDetail) : null;
+    this.http.get('/api/services/app/GasStation/Get', { params }).subscribe((data: any) => {
+      data.result.govUnitDetail ? data.result.govUnitDetail = JSON.parse(data.result.govUnitDetail) : null;
       this.baseInfo = data.result
+      this.baseInfo.otherData ? this.otherData = JSON.parse(this.baseInfo.otherData) : null
+      console.log('otherData', this.otherData)
     })
   }
-
+  //查看图片
+  viewImg(url) {
+    let dom = document.getElementById(`viewerjs`)
+    let pObjs = dom.childNodes;
+    let node = document.createElement("img")
+    node.style.display = "none";
+    node.src = url;
+    node.id = 'img'
+    dom.appendChild(node)
+    setTimeout(() => {
+      let viewer = new Viewer(document.getElementById(`viewerjs`), {
+        hidden: () => {
+          dom.removeChild(pObjs[0]);
+          viewer.destroy();
+        }
+      });
+      node.click();
+    }, 0);
+  }
   destroyModal() {
     this.modal.destroy({ data: 'this the result data' });
   }
@@ -43,7 +65,7 @@ export class GasBaseInfoComponent implements OnInit {
       return
     }
     let params = { orgId: this.data.organizationId }
-    this.http.get(`/api/services/app/GasStation/GetAuditted`,{params}).subscribe((data: any)=>{
+    this.http.get(`/api/services/app/GasStation/GetAuditted`, { params }).subscribe((data: any) => {
       //this.auditList = data.result.actionList || []
       console.log(data)
     })
@@ -52,7 +74,7 @@ export class GasBaseInfoComponent implements OnInit {
   //获取审核次数
   getVerifyNum(): number {
     let num = 0
-    this.auditList.forEach(item=>{
+    this.auditList.forEach(item => {
       if (item.auditStatus == 2 || item.auditStatus == 3) {
         num = num + 1
       }
@@ -63,7 +85,7 @@ export class GasBaseInfoComponent implements OnInit {
   //获取驳回次数
   getRejectNum(): number {
     let num = 0
-    this.auditList.forEach(item=>{
+    this.auditList.forEach(item => {
       if (item.auditStatus == 3) {
         num = num + 1
       }
diff --git a/src/app/pages/oil-station-info/oil-station-info.component.html b/src/app/pages/oil-station-info/oil-station-info.component.html
index 72eb763..dd807d1 100644
--- a/src/app/pages/oil-station-info/oil-station-info.component.html
+++ b/src/app/pages/oil-station-info/oil-station-info.component.html
@@ -301,136 +301,410 @@
               </td>
             </tr>
           </table>
-
-          <!-- 审核中遮罩层 -->
-          <div class="shade" *ngIf="httpBody.auditStatus == 1 || httpBody.auditStatus == 2">
-            审核中...
-          </div>
-          <!-- <table class="imgtable" id="images">
-            <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="证件编号">
+          <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 style="border: 1px solid #91CCFF" [ngModelOptions]="{standalone: true}"
-                            placeholder="请输入证件编号" [(ngModel)]="item.code" nz-input type="text" />
+                          <input [(ngModel)]="item.name" [ngModelOptions]="{standalone: true}" 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="证照有效期开始时间">
+                  </td>
+                </tr>
+                <tr>
+                  <td class="head">品牌</td>
+                  <td class="text">
+                    <nz-form-item>
                       <nz-form-control>
-                        <nz-date-picker required [ngModelOptions]="{standalone: true}" [nzPlaceHolder]="'开始时间'"
-                          [(ngModel)]="item.startTime" (ngModelChange)="onChange($event)"></nz-date-picker>
+                        <nz-input-group>
+                          <input [(ngModel)]="item.brand" nz-input type="text" [ngModelOptions]="{standalone: true}" />
+                        </nz-input-group>
                       </nz-form-control>
                     </nz-form-item>
-                    <nz-form-item style="border: 1px solid #91CCFF" title="证照有效期结束时间" *ngIf="!item.isPerpetual">
+                  </td>
+                  <td class="head">油枪数量</td>
+                  <td class="text">
+                    <nz-form-item>
                       <nz-form-control>
-                        <nz-date-picker [ngModelOptions]="{standalone: true}" [nzPlaceHolder]="'结束时间'"
-                          [(ngModel)]="item.endTime" (ngModelChange)="onChange($event)"></nz-date-picker>
+                        <nz-input-group>
+                          <input [(ngModel)]="item.oilGunNum" nz-input type="text"
+                            [ngModelOptions]="{standalone: true}" />
+                        </nz-input-group>
                       </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="证照到期第一次提醒时间">
+                  </td>
+                </tr>
+                <tr>
+                  <td class="head">油品品号</td>
+                  <td class="text">
+                    <nz-form-item>
                       <nz-form-control>
-                        <nz-date-picker [ngModelOptions]="{standalone: true}" [nzPlaceHolder]="'一次提醒时间'"
-                          [(ngModel)]="item.firstWarnTime" (ngModelChange)="onChange($event)"></nz-date-picker>
+                        <nz-input-group>
+                          <input [(ngModel)]="item.oilsArticleNum" nz-input type="text"
+                            [ngModelOptions]="{standalone: true}" />
+                        </nz-input-group>
                       </nz-form-control>
                     </nz-form-item>
-                    <nz-form-item style="border: 1px solid #91CCFF" title="证照到期第二次提醒时间">
+                  </td>
+                  <td class="head">油枪编号</td>
+                  <td class="text">
+                    <nz-form-item>
                       <nz-form-control>
-                        <nz-date-picker [ngModelOptions]="{standalone: true}" [nzPlaceHolder]="'二次提醒时间'"
-                          [(ngModel)]="item.secondWarnTime" (ngModelChange)="onChange($event)"></nz-date-picker>
+                        <nz-input-group>
+                          <input [(ngModel)]="item.oilGunSerialNum" nz-input type="text"
+                            [ngModelOptions]="{standalone: true}" />
+                        </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.hasAnnualInspection">是否年检</label>
-                    <nz-form-item style="border: 1px solid #91CCFF" title="年检时间" *ngIf="item.hasAnnualInspection">
+                  </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-date-picker [ngModelOptions]="{standalone: true}" [nzPlaceHolder]="'年检时间'"
-                          [(ngModel)]="item.annualInspectionTime" (ngModelChange)="onChange($event)"></nz-date-picker>
+                        <nz-input-group>
+                          <input [(ngModel)]="item.name" [ngModelOptions]="{standalone: true}" nz-input type="text" />
+                        </nz-input-group>
                       </nz-form-control>
                     </nz-form-item>
-                    <nz-form-item style="border: 1px solid #91CCFF" title="年检提醒时间" *ngIf="item.hasAnnualInspection">
+                  </td>
+                </tr>
+                <tr>
+                  <td class="head">油品品号</td>
+                  <td class="text">
+                    <nz-form-item>
                       <nz-form-control>
-                        <nz-date-picker [ngModelOptions]="{standalone: true}" [nzPlaceHolder]="'年检提醒时间'"
-                          [(ngModel)]="item.annualInspectionWarnTime" (ngModelChange)="onChange($event)">
-                        </nz-date-picker>
+                        <nz-input-group>
+                          <input [(ngModel)]="item.oilsArticleNum" nz-input type="text"
+                            [ngModelOptions]="{standalone: true}" />
+                        </nz-input-group>
                       </nz-form-control>
                     </nz-form-item>
-                    <nz-form-item title="年检机构" *ngIf="item.hasAnnualInspection">
+                  </td>
+                  <td class="head">油枪编号</td>
+                  <td class="text">
+                    <nz-form-item>
                       <nz-form-control>
                         <nz-input-group>
-                          <input style="border: 1px solid #91CCFF" [ngModelOptions]="{standalone: true}"
-                            placeholder="年检机构" [(ngModel)]="item.annualInspectionOrganizationName" nz-input
-                            type="text" />
+                          <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>
-                  </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"
-                      name="" id="">
-                    <button *ngIf="!item.imageUrl" nz-button [nzLoading]=""><i nz-icon nzType="upload"
-                        nzTheme="outline"></i>上传图片</button>
-                  </div>
-                  <div class="uploadDiv" *ngIf="item.imageUrl">
-                    <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>
-                <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>
+                  </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>
-              </td>
-            </tr>
-            <tr style="height: 50px;">
-              <td colspan="4">
-                <i style="cursor: pointer;" nz-icon nzType="plus" nzTheme="outline" (click)="showModal()"></i>
-                <nz-modal [nzWidth]="380" [(nzVisible)]="isVisible" nzTitle="新增证照" (nzOnCancel)="handleCancel()"
-                  (nzOnOk)="handleOk()">
-                  <input [ngModelOptions]="{standalone: true}" nz-input placeholder="请输入证照名称" [(ngModel)]="addName" />
-                </nz-modal>
-              </td>
-            </tr>
-          </table> -->
+              </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 style="color: #fff;margin-right: 30px;">当前审核状态：{{httpBody.auditLog.auditStatusDesc}}</span>
-          <span 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>
+          <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>
@@ -438,6 +712,6 @@
     </div>
   </div>
   <div class="backbtn" *ngIf="userdata && !userdata.hideCloseBtn">
-    <button nz-button (click)="goback()">返回</button>
+    <button class="buleBtn" nz-button (click)="goback()">返回</button>
   </div>
 </div>
\ No newline at end of file
diff --git a/src/app/pages/oil-station-info/oil-station-info.component.scss b/src/app/pages/oil-station-info/oil-station-info.component.scss
index d8f917f..997ab9e 100644
--- a/src/app/pages/oil-station-info/oil-station-info.component.scss
+++ b/src/app/pages/oil-station-info/oil-station-info.component.scss
@@ -12,7 +12,7 @@
 }
 
 .content {
-  width: 1000px;
+  width: 1050px;
   height: 100%;
   display: flex;
   flex-direction: column;
@@ -28,9 +28,6 @@
   .tablebox {
     flex: 1;
 
-
-
-
     .table {
       position: relative;
 
@@ -62,6 +59,11 @@
               text-align: left;
               border: 0px;
             }
+            textarea{
+              background: none;
+              color: #fff;
+              border: 0;
+            }
 
           }
 
@@ -123,6 +125,47 @@
           }
 
 
+         
+
+          .itemname {
+            width: 120px;
+            text-align: right;
+            box-sizing: border-box;
+            padding-right: 12px;
+          }
+
+          .deleteTr {
+            position: absolute;
+            right: 5px;
+            top: 5px;
+            cursor: pointer;
+          }
+
+
+        }
+      }
+
+      .shade {
+        width: 100%;
+        height: 100%;
+        position: absolute;
+        left: 0;
+        top: 0;
+        background-color: rgba(77, 80, 83, 0.3);
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        font-size: 25px;
+        font-family: titlefont;
+        color: white;
+        z-index: 999;
+      }
+    }
+
+    .otherInfo {
+      .otherInfoItem {
+        table {
+          position: relative;
           .uploadDivbox {
             width: 100%;
             height: 80px;
@@ -161,41 +204,32 @@
               }
             }
           }
-
-          .itemname {
-            width: 120px;
-            text-align: right;
-            box-sizing: border-box;
-            padding-right: 12px;
-          }
-
-          .deleteTr {
+          .deleteTable {
             position: absolute;
-            right: 5px;
-            top: 5px;
-            cursor: pointer;
+            right: 2px;
+            top: 2px;
+            z-index: 100;
+            i {
+              color: #fff;
+              font-size: 18px;
+              cursor: pointer;
+            }
           }
-
-
         }
       }
 
-      .shade {
-        width: 100%;
-        height: 100%;
-        position: absolute;
-        left: 0;
-        top: 0;
-        background-color: rgba(77, 80, 83, 0.3);
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        font-size: 25px;
-        font-family: titlefont;
-        color: white;
+      .moduleName {
+        span {
+          color: #23D9FF;
+          margin-right: 6px;
+        }
+
+        margin-bottom: 12px;
       }
     }
 
+
+
     .btnbox {
       height: 36px;
       line-height: 36px;
@@ -212,7 +246,7 @@
         color: #91CCFF;
       }
 
-      button{
+      button {
         margin-left: 16px;
       }
     }
@@ -224,12 +258,13 @@
   right: 66px;
   top: 22px;
 
-  button {
-    width: 64px;
-    height: 32px;
-    background: rgba(0, 129, 255, 0.3);
-    border: 1px solid #36A2FF;
-    border-radius: 0px;
-    color: #91CCFF;
-  }
+}
+
+.buleBtn {
+  width: 64px;
+  height: 32px;
+  background: rgba(0, 129, 255, 0.3);
+  border: 1px solid #36A2FF;
+  border-radius: 0px;
+  color: #91CCFF;
 }
diff --git a/src/app/pages/oil-station-info/oil-station-info.component.ts b/src/app/pages/oil-station-info/oil-station-info.component.ts
index 9227768..feac988 100644
--- a/src/app/pages/oil-station-info/oil-station-info.component.ts
+++ b/src/app/pages/oil-station-info/oil-station-info.component.ts
@@ -88,6 +88,9 @@ export class OilStationInfoComponent implements OnInit {
         this.fireBrigade = data.result.govUnitDetail.fireBrigade
       }
 
+      if (this.httpBody.otherData) {
+        this.otherInfoData = JSON.parse(this.httpBody.otherData)
+      }
       console.log('油站信息', this.httpBody)
 
     }, err => {
@@ -139,8 +142,8 @@ export class OilStationInfoComponent implements OnInit {
     stationName: JSON.parse(sessionStorage.getItem('userdata')).organization.displayName,
     organizationUnitId: JSON.parse(sessionStorage.getItem('userdata')).organization.id,
     auditLog: {
-      auditStatusDesc:null,
-      rejectReason:null
+      auditStatusDesc: null,
+      rejectReason: null
     },
     auditStatus: null,
     openTime: '',
@@ -160,19 +163,119 @@ export class OilStationInfoComponent implements OnInit {
       hospital: {},
       fireBrigade: {}
     },
+    hasBuildingInfo: true,
     businessLicenseImage: '',
     dangerousChemicalLicenseImage: '',
     gasSellLicenseImage: '',
     licenses: [
+    ],
+    otherData: null
+  }
+
+
+  otherInfoData = {
+    oilingMachine: [
+      { name: '', brand: '', oilGunNum: '', oilsArticleNum: '', oilGunSerialNum: '' }
+    ],
+    tankEquipment: [
+      { name: '', oilsArticleNum: '', oilGunSerialNum: '', oilOmeterVolume: '', safetyVolume: '', oilOmeterType: 0, oilPumpType: 0 }
+    ],
+    oilDeliveryPipe: [
+      { name: '', connectTanker: '', connectOilTank: '', designPaper: '' }
+    ],
+    oilVaporRecovery: [
+      { name: '', onceSystemType: '', twiceSystemType: 0, twicePumpType: '', thriceProcessingUnit: '', monitoringDevice: '', designPaper: '' }
+    ],
+    valve: [
+      { name: '', description: '' }
     ]
   }
 
-  perpetualChange(item, $event) {
-    if ($event) {
-      item.endTime = '9999-01-01'
+
+
+  addTable(tableData, type) {
+    if (type == 'oilingMachine') {
+      tableData.push({ name: '', brand: '', oilGunNum: '', oilsArticleNum: '', oilGunSerialNum: '' })
+    }
+    if (type == 'tankEquipment') {
+      tableData.push({ name: '', oilsArticleNum: '', oilGunSerialNum: '', oilOmeterVolume: '', safetyVolume: '', oilOmeterType: 0, oilPumpType: 0 })
     }
+    if (type == 'oilDeliveryPipe') {
+      tableData.push({ name: '', connectTanker: '', connectOilTank: '', designPaper: '' })
+    }
+  }
+  deleteTable(tableData, key) {
+    tableData.splice(key, 1)
   }
 
+
+  uploadType: string
+  isUploadLoading = false
+  filechange(e, type, item) {
+    this.isUploadLoading = true
+    let file = e.target.files[0] || null //获取上传的文件
+    this.uploadType = type
+    this.openFileSelect(file, `stationPhotos/${this.userdata.organization.id}/`, item)
+  }
+  //设置文件路径并上传
+  postFilePath
+  async openFileSelect(file: File, extensionPath: string, item) {
+    this.postFilePath = extensionPath;
+    let fileSize = file.size || null //上传文件的总大小
+    let shardSize = 5 * 1024 * 1024 //5MB 超过5MB要分块上传
+    if (fileSize >= shardSize) //  超过5MB要分块上传
+    {
+      await this.postFileByMul(file, item);
+    }
+    else //普通上传
+    {
+      await this.postFile(file, item);
+    }
+  }
+  //上传文件
+  async postFile(file: File, item) {
+    await new Promise((resolve, reject) => {
+      this.objectsSrv.postFile(this.postFilePath, file).subscribe(data => {
+        let dataObj = data as any;
+        let filePath: string = ObjectsSimpleService.baseUrl + dataObj.objectName;
+        item.designPaper = filePath
+        this.isUploadLoading = false
+        resolve('success')
+      });
+    })
+  }
+  /**
+   * 分块上传
+   * @param file 
+   */
+  postFileByMul(file: File, item) {
+    this.objectsSrv.postFile_MultipartUpload(this.postFilePath, file).then((value) => {
+      let dataObj = value as any;
+      item.designPaper = dataObj.filePath
+      this.isUploadLoading = false
+    });
+  }
+
+
+  //查看图片
+  viewImg(url) {
+    let dom = document.getElementById(`viewerjs`)
+    let pObjs = dom.childNodes;
+    let node = document.createElement("img")
+    node.style.display = "none";
+    node.src = url;
+    node.id = 'img'
+    dom.appendChild(node)
+    setTimeout(() => {
+      let viewer = new Viewer(document.getElementById(`viewerjs`), {
+        hidden: () => {
+          dom.removeChild(pObjs[0]);
+          viewer.destroy();
+        }
+      });
+      node.click();
+    }, 0);
+  }
   goback() {
     this.router.navigate(['/todaywarning/petrolStation'])
   }
@@ -189,8 +292,11 @@ export class OilStationInfoComponent implements OnInit {
       let body = JSON.parse(JSON.stringify(this.httpBody))
       body.stationType
       body.govUnitDetail = JSON.stringify(this.httpBody.govUnitDetail)
-      console.log(body)
 
+      if (!body.hasBuildingInfo) {
+        body.otherData = JSON.stringify(this.otherInfoData)
+      }
+      // console.log(body)
       body.licenses.forEach(item => {
         delete item.isPerpetual
       })
@@ -201,6 +307,7 @@ export class OilStationInfoComponent implements OnInit {
           this.isLoadingSave = false
           this.message.create('success', '保存成功！');
         }, err => {
+          reject(err)
           this.isLoadingSave = false
           this.message.create('error', '保存失败！');
         })
@@ -209,7 +316,6 @@ export class OilStationInfoComponent implements OnInit {
       this.message.create('warning', '请填写完整！');
       return false
     }
-
   }
 
 
@@ -218,17 +324,20 @@ export class OilStationInfoComponent implements OnInit {
 
     await this.submitForm()
 
-    let params = {
-      id: this.httpBody.id
+    if (this.validateForm.valid) {
+      let params = {
+        id: this.httpBody.id
+      }
+      this.http.post('/api/services/app/GasStation/Commit', null, { params: params }).subscribe((data: any) => {
+        this.isSubmitAuditLoading = false
+        this.getInfo()
+        this.message.create('success', '提交审核成功！');
+      }, err => {
+        this.isSubmitAuditLoading = false
+        this.message.create('error', '提交审核失败！');
+      })
     }
-    this.http.post('/api/services/app/GasStation/Commit', null, { params: params }).subscribe((data: any) => {
-      this.isSubmitAuditLoading = false
-      this.getInfo()
-      this.message.create('success', '提交审核成功！');
-    }, err => {
-      this.isSubmitAuditLoading = false
-      this.message.create('error', '提交审核失败！');
-    })
+
   }
 
   isRevocationAuditLoading: boolean = false
diff --git a/src/theme.less b/src/theme.less
index 5822154..6df522d 100644
--- a/src/theme.less
+++ b/src/theme.less
@@ -11,7 +11,7 @@
 }
 
 .yellowColor {
-  color: #FFBD4B;
+  color: #FFBD4B!important;
 }
 
 .greenColor {