完善基本信息

src/app/pages/left-domain/left-domain.component.html

@@ -4,7 +4,7 @@
     <!-- 基本信息 -->
     <div class="publicBox baseInfo" *ngIf="beforeFence === 0 && baseInfo">
       <div class="interval">
-        <p class="title">{{baseInfo.stationName || '暂无数据'}}<button class="titleBotton">{{baseInfo.stationType == 0? '自营' : '加盟'}}</button></p>
+        <p class="title">{{baseInfo.stationName || '暂无数据'}}<button class="titleBotton"><label *ngIf="baseInfo.stationType == 0">自营</label><label *ngIf="baseInfo.stationType == 1">加盟</label><label *ngIf="baseInfo.stationType == 2">其他</label></button></p>
         <p class="text"><img src="../../../assets/images/baseInfo/position.png" class="textIcon">{{baseInfo.address || '暂无数据'}}</p>
         <p class="text"><img src="../../../assets/images/baseInfo/building.png" class="textIcon">{{baseInfo.locationName || '暂无数据'}}</p>
         <p class="text"><img src="../../../assets/images/baseInfo/date.png" class="textIcon">{{baseInfo.openTime | date:"yyyy/MM/dd HH:mm:ss" || '0:00:00'}}   开业</p>
@@ -33,14 +33,20 @@
       </div>
       <div class="interval baseInfoImg" *ngIf="baseInfo.businessLicenseImage">
         <p class="title">营业执照</p>
+        <p class="text" *ngIf="baseInfo.validityStartTime && baseInfo.validityEndTime">有效时间: {{baseInfo.validityStartTime | date:"yyyy/MM/dd"}}-{{baseInfo.validityEndTime | date:"yyyy/MM/dd"}}</p>
+        <p class="text">提前预警时间天数: {{baseInfo.validityTermDays}}天</p>
         <p class="textImage"><img [src]="baseInfo.businessLicenseImage"></p>
       </div>
       <div class="interval baseInfoImg" *ngIf="baseInfo.dangerousChemicalLicenseImage">
         <p class="title">危险化学品经营许可证</p>
+        <p class="text" *ngIf="baseInfo.dangerousStartTime && baseInfo.dangerousEndTime">有效时间: {{baseInfo.dangerousStartTime | date:"yyyy/MM/dd"}}-{{baseInfo.dangerousEndTime | date:"yyyy/MM/dd"}}</p>
+        <p class="text">提前预警时间天数: {{baseInfo.dangerousTermDays}}天</p>
         <p class="textImage"><img [src]="baseInfo.dangerousChemicalLicenseImage"></p>
       </div>
       <div class="interval baseInfoImg" *ngIf="baseInfo.gasSellLicenseImage">
         <p class="title">成品油零售经营许可证</p>
+        <p class="text" *ngIf="baseInfo.sellLicenseStartTime && baseInfo.sellLicenseEndTime">有效时间: {{baseInfo.sellLicenseStartTime | date:"yyyy/MM/dd"}}-{{baseInfo.sellLicenseEndTime | date:"yyyy/MM/dd"}}</p>
+        <p class="text">提前预警时间天数: {{baseInfo.sellLicenseTermDays}}天</p>
         <p class="textImage"><img [src]="baseInfo.gasSellLicenseImage"></p>
       </div>
     </div>

src/app/pages/left-domain/left-domain.component.scss

@@ -51,12 +51,12 @@
 
 .baseInfo{ //基本信息
   .interval{ margin-top: 10px; border-bottom: 1px solid rgb(107, 117, 122); padding: 0 10px; } //分隔div
-  .baseInfoImg{ border: none; }
+  .baseInfoImg{ .title{ margin-bottom: 15px; }; .text{ margin-bottom: 10px; } }
   p{ height: 20px; line-height: 20px; }
   .titleBotton{ background: #2399FF; border-radius: 3px; height: 20px; line-height: 20px; font-size: 12px; margin-left: 5px; padding: 0 5px; border: none; outline: none; }
-  .text{ font-size: 14px; margin-bottom: 15px; }
+  .text{ font-size: 14px; margin-bottom: 13px; word-break: break-all; height: auto; line-height: normal; }
   .textIcon{ width: 20px; height: 20px; vertical-align: top; margin-right: 5px; }
-  .textImage{ margin-bottom: 15px; height: auto; line-height: normal; img{ width: auto; height: 130px; } }
+  .textImage{ margin-bottom: 15px; height: auto; line-height: normal; img{ max-width: 255px; width: auto; height: 130px; } }
 }
 .refueller{ //加油机
   .interval{ margin-top: 10px; position: relative; cursor: pointer; padding: 10px; box-sizing: content-box; } //分隔div