You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
91 lines
3.7 KiB
91 lines
3.7 KiB
<!-- |
|
* @Descripttion: |
|
* @version: |
|
* @Author: sueRimn |
|
* @Date: 2020-12-25 15:29:42 |
|
* @LastEditors: sueRimn |
|
* @LastEditTime: 2021-02-03 09:10:26 |
|
--> |
|
<div class="box" id="gisbasicinfo"> |
|
<div class="unitPhotographBox"> |
|
<p>单位照片</p> |
|
<div class="imgbox" id="viewerjs"> |
|
<img [src]="unitInfo.imageUrl ? unitInfo.imageUrl : noImg" alt="" [attr.data-original]="unitInfo.imageUrl ? unitInfo.imageUrl.split('?')[0] :''"> |
|
</div> |
|
</div> |
|
<div class="unitInfoBox"> |
|
<p>单位信息</p> |
|
<table> |
|
<tr> |
|
<td>统一社会信用代码</td> |
|
<td>{{unitInfo.usci}}</td> |
|
</tr> |
|
<tr> |
|
<td>单位类型</td> |
|
<td>{{unitInfo.buildingTypes ? unitInfo.buildingTypes[0].name : ''}}</td> |
|
</tr> |
|
<tr> |
|
<td>联系人</td> |
|
<td>{{unitInfo.contacts}}</td> |
|
</tr> |
|
<tr> |
|
<td>联系电话</td> |
|
<td>{{unitInfo.phone}}</td> |
|
</tr> |
|
<tr> |
|
<td>辖区中队</td> |
|
<td>{{unitInfo.organizationName}}</td> |
|
</tr> |
|
<tr> |
|
<td>单位地址</td> |
|
<td>{{unitInfo.address}}</td> |
|
</tr> |
|
</table> |
|
</div> |
|
<div class="buildingsBox"> |
|
<p>建筑信息</p> |
|
<mat-accordion *ngFor="let item of buildingsData"> |
|
<mat-expansion-panel style="box-shadow: 0 0 black;border: 1px solid #EEF1F5;"> |
|
<mat-expansion-panel-header style="position: relative;padding-left: 0;"> |
|
<mat-panel-title> |
|
{{item.name}} |
|
</mat-panel-title> |
|
</mat-expansion-panel-header> |
|
|
|
<div *ngFor="let i of item.details"> |
|
<div *ngFor="let n of i.buildingBasicGroups;let key = index"> |
|
<p>{{key+1 + '.' +n.name}}</p> |
|
<!-- 输入框文本类(基本信息) --> |
|
<div *ngIf="n.type == 0"> |
|
<table> |
|
<tr *ngFor="let p of n.propertyInfos"> |
|
<td>{{p.propertyName}}<span *ngIf="p.physicalUnit">({{p.physicalUnit}})</span></td> |
|
<td>{{p.propertyValue}}</td> |
|
</tr> |
|
</table> |
|
</div> |
|
<!-- 多行表格(储罐信息) --> |
|
<div *ngIf="n.type == 1"> |
|
<table> |
|
<tr *ngFor="let p of n.tabledata"> |
|
<td>{{p.propertyName}}<span *ngIf="p.physicalUnit">({{p.physicalUnit}})</span></td> |
|
<td *ngFor="let o of p.data">{{o.propertyValue}}</td> |
|
</tr> |
|
</table> |
|
</div> |
|
|
|
</div> |
|
<p *ngIf="i.buildingCustomData.customProperties.length != 0 && (i.buildingCustomData.customProperties[0].name ||i.buildingCustomData.customProperties[0].value)">{{i.buildingBasicGroups.length + 1}}.自定义信息</p> |
|
<div *ngIf="i.buildingCustomData.customProperties.length != 0 && (i.buildingCustomData.customProperties[0].name ||i.buildingCustomData.customProperties[0].value)"> |
|
<table> |
|
<tr *ngFor="let c of i.buildingCustomData.customProperties"> |
|
<td>{{c.name}}</td> |
|
<td>{{c.value}}</td> |
|
</tr> |
|
</table> |
|
</div> |
|
</div> |
|
</mat-expansion-panel> |
|
</mat-accordion> |
|
</div> |
|
</div>
|
|
|