ShangHaiYuan-AnXin/src/app/plan-audit/basic-info/basic-info.component.html

<!--
 * @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>