@ -1,11 +1,10 @@
< div style = "height: 100%;display: flex; flex-direction: column;" >
< div style = "height: 100%;display: flex; flex-direction: column;overflow: hidden; " >
<!-- header -->
< mat-accordion >
< mat-expansion-panel expanded hideToggle >
< mat-expansion-panel expanded >
< mat-expansion-panel-header style = "color: black;" >
< mat-panel-title >
单位信息
< mat-icon style = "position: absolute;right:30px;" > keyboard_arrow_down< / mat-icon >
< / mat-panel-title >
< / mat-expansion-panel-header >
< div class = "topbox" >
@ -16,7 +15,7 @@
< span style = "color: red;" > *< / span >
< span > 统一社会信用代码：< / span >
< mat-form-field >
< input readonly matInput id = "creditcode" name = "creditcode" type = 'text' # usci = "ngModel"
< input matInput id = "creditcode" name = "creditcode" type = 'text' # usci = "ngModel"
required minlength="1" maxlength="18"
[(ngModel)]="unitinfo.usci"
(focus)="closeorganizationbox()"
@ -31,8 +30,8 @@
< div class = "inputbox" >
< span style = "color: red;" > *< / span >
< span > 单位类型：< / span >
< mat-form-field >
< mat-select disabled readonly required name = "unittype" [ ( ngModel ) ] = " defaultbuildingTypes " >
< mat-form-field ( click ) = " closeorganizationbox ( ) " >
< mat-select required name = "unittype" [ ( ngModel ) ] = " defaultbuildingTypes " >
< mat-option [ value ] = " item . id " * ngFor = "let item of allunittype" > {{item.name}}< / mat-option >
< / mat-select >
< / mat-form-field >
@ -41,7 +40,7 @@
< span style = "color: red;" > *< / span >
< span > 联系人：< / span >
< mat-form-field >
< input readonly matInput id = "linkman" name = "linkman" type = 'text'
< input matInput id = "linkman" name = "linkman" type = 'text'
required minlength="1"
[(ngModel)]="unitinfo.contacts"
(focus)="closeorganizationbox()"
@ -52,7 +51,7 @@
< span style = "color: red;" > *< / span >
< span > 联系电话：< / span >
< mat-form-field >
< input readonly matInput id = "linkphone" name = "linkphone" type = 'text' # linkphone = "ngModel"
< input matInput id = "linkphone" name = "linkphone" type = 'text' # linkphone = "ngModel"
required pattern="^(?:\+?86)?1(?:3\d{3}|5[^4\D]\d{2}|8\d{3}|7(?:[35-8]\d{2}|4(?:0\d|1[0-2]|9\d))|9[0135-9]\d{2}|66\d{2})\d{6}$"
[(ngModel)]="unitinfo.phone"
(focus)="closeorganizationbox()"
@ -68,41 +67,59 @@
< span style = "color: red;" > *< / span >
< span > 辖区中队：< / span >
< mat-form-field style = "width: 538px;" >
< input readonly matInput id = "organization" name = "organization" type = 'text'
< input matInput id = "organization" name = "organization" type = 'text'
required minlength="1"
[(ngModel)]="selectedorganization"
(focus)="openorganizationbox()"
readonly="value" >
< / mat-form-field >
< / div >
< div id = "organizationbox" class = "organizationbox" * ngIf = "isorganizationbox" >
< mat-tree [ dataSource ] = " dataSource " [ treeControl ] = " treeControl " >
< mat-tree-node * matTreeNodeDef = "let node" matTreeNodePadding ( click ) = ' add ( node ) ' class = "organizationlist" >
< button type = "button" mat-icon-button disabled > < / button >
< li > {{node.name}}< / li >
< / mat-tree-node >
< mat-tree-node * matTreeNodeDef = "let node;when: hasChild" matTreeNodePadding ( click ) = ' add ( node ) ' class = "organizationlist" >
< button
type="button"
mat-icon-button
matTreeNodeToggle
[attr.aria-label]="'toggle ' + node.name">
< mat-icon class = "mat-icon-rtl-mirror" >
{{treeControl.isExpanded(node) ? 'expand_more' : 'chevron_right'}}
< / mat-icon >
< / button >
< li > {{node.name}}< / li >
< / mat-tree-node >
< / mat-tree >
< / div >
< div class = "inputbox" style = "width: 700px;" >
< span style = "color: red;" > *< / span >
< span > 单位地址：< / span >
< mat-form-field style = "width: 538px;" >
< input readonly matInput id = "unitaddress" name = "unitaddress" type = 'text'
< input matInput id = "unitaddress" name = "unitaddress" type = 'text'
required minlength="1"
[(ngModel)]="unitinfo.address"
(focus)="closeorganizationbox()">
< / mat-form-field >
< / div >
< div class = "uploadimg" ( click ) = " lookmaster ( ) " >
< div class = "uploadimg" >
< span > 单位照片：< / span >
< div class = "uploadingimg" >
< img [ src ] = " imgsrc " alt = "" style = "width: 299px; height: 170px;" >
< div class = "uploadingimg" ( click ) = " lookmaster ( ) " >
< img [ src ] = " imgsrc ? imgsrc : noImg " alt = "" style = "width: 299px; height: 170px;" >
< / div >
< mat-spinner * ngIf = "isspinner" diameter = 50 > < / mat-spinner >
< / div >
<!-- <div class="image">
< input id = "selectedfile" type = "file" name = "imgFile" accept = ".jpg,.png,.jpeg,.gif,.webp" >
<!-- <div class="image" (click)="closeorganizationbox()" >
< input id = "selectedfile" type = "file" ng2FileSelect [ uploader ] = " uploader " ( change ) = " filechange ( $ event ) " n ame = "imgFile" accept = ".jpg,.png,.jpeg,.gif,.webp" >
< / div > -->
<!-- <div class="addbtn">
< button type = "submit" color = "primary" class = "submit1" mat-button mat-raised-button > 保存< / button >
< / div > -->
< / div >
< div class = "mainright" id = "setPosition" >
< div style = "width: 100%;height: 100%;" id = "container" >
< / div >
< div class = "gistopbox" * ngIf = "isGisTopBox" >
< div class = "positionItem" >
< span >
@ -120,9 +137,18 @@
{{markerPosition.y || '暂未标注'}}
< / div >
< / div >
<!-- <div class="setPosition" (click)="setPosition()" >
< div class = "setPosition" >
< mat-icon style = "width: 22px;height: 22px;font-size: 22px;" > place< / mat-icon > 位置
< / div > -->
< / div >
< / div >
< div class = "gistopbox hidden" [ ngClass ] = " { ' show ' : isGisTopBoxTwo } " >
< div class = "inputBox" >
< span > 位置: < / span >
< input name = "position" [ ( ngModel ) ] = " searchTitle " id = "tipinput" class = "positionInput" type = "text" autocomplete = "off" >
< / div >
< div class = "setPosition" >
搜索
< / div >
< / div >
< / div >
< / div >
@ -130,61 +156,56 @@
< / div >
< / mat-expansion-panel >
< / mat-accordion >
<!-- body -->
< div class = "bottombox" style = "flex: 70%;overflow-y: auto;" >
< div class = "houseinfobox" style = "height: 100%; overflow-y: auto;padding-bottom: 34px; box-sizing:border-box" >
<!-- <button type="button" mat - icon - button class="addhouseinfo"><mat - icon style="font - size: 38px;">add_circle_outline</mat - icon></button> -->
< mat-tab-group style = "height: 100%;;" >
< mat-tab [ label ] = " item . username " * ngFor = "let item of houses;let key = index" >
< form style = "height: 100%; overflow-y:auto; display: block;" ( ngSubmit ) = " onSubmit2 ( form . value , item , key , form . invalid ) " # form = "ngForm" class = "example-container" >
<!-- 正常建筑 -->
< div class = "highinfo" * ngIf = "item.tongyong" >
< div class = "houseinfoinput" >
< span > 建筑名称：< / span >
< mat-form-field >
< input readonly matInput id = "housename" name = "housename" type = 'text'
minlength="1" [(ngModel)]="item.name"
>
< / mat-form-field >
< span style = "color: red;" > *< / span >
< / div >
< div class = "houseinfoinput" >
< span > 建筑类型：< / span >
< mat-form-field >
< mat-select disabled readonly name = "unittype" [ ( ngModel ) ] = " item . buildtype " >
< mat-option [ value ] = " n . name " * ngFor = "let n of allunittype" > {{n.name}}< / mat-option >
< / mat-select >
< / mat-form-field >
< span style = "color: red;" > *< / span >
< / div >
< div * ngFor = "let item of item.buildingBasicGroups;let www = index" style = "float: left;" >
< h1 style = "font-size: 22px;" > {{item.name}}< / h1 >
< div class = "houseinfoinput" * ngFor = "let i of item.propertyInfos" style = "float: left;margin-left: 250px;position: relative;" >
< div class = "bodyBox" id = "basicInfoBody" >
<!-- <div>
< button type = "button" mat-icon-button ( click ) = " addhouseinfo ( ) " class = "addBuilding" > < mat-icon > add_circle_outline< / mat-icon > < / button >
< / div > -->
< div style = "height: 100%; box-sizing:border-box;overflow-y: auto;padding-left: 26px;" >
< mat-tab-group style = "height: 100%;" [ selectedIndex ] = " selectedIndex " ( selectedTabChange ) = " selectedTabChange ( $ event ) " >
< mat-tab * ngFor = "let item of houses;let key = index" label = "{{item.name}}" >
< ng-template matTabContent >
< form * ngIf = "item.data && item.data.length!=0" style = "height: 100%; overflow-y:auto; display: block;" ( ngSubmit ) = " onSubmitBuildingInfo ( form . value , item , key , form . invalid ) " # form = "ngForm" class = "example-container" >
< div class = "buildInfoInput" >
< span > 建筑名称：< / span >
< mat-form-field >
< input required matInput name = "buildingName" type = 'text' minlength = "1" [ ( ngModel ) ] = " item . name " >
< / mat-form-field >
< span style = "color: red;" > *< / span >
< / div >
< div class = "buildInfoInput" >
< span > 建筑类型：< / span >
< mat-form-field >
< mat-select disabled name = "buildingTypeName" [ ( ngModel ) ] = " item . buildingTypes [ 0 ] . name " >
< mat-option [ value ] = " n . name " * ngFor = "let n of allunittype" ( click ) = " templateBuildtype ( n , item , key ) " > {{n.name}}< / mat-option >
< / mat-select >
< / mat-form-field >
< span style = "color: red;" > *< / span >
< / div >
< div * ngFor = "let element of item.data[0].buildingBasicGroups;let groupsIndex = index " style = "float: left;width:100%" >
<!-- 类型为表单并且不是 罐区 -->
< div * ngIf = "element.type == 0 && element.name.indexOf('罐区') == -1" >
< p style = "font-size: 22px;" > {{element.name}}< / p >
< div class = "buildInfoInput" * ngFor = "let i of element.propertyInfos;let inputIndex = index" style = "float: left;margin-left: 250px;position: relative;" >
< span > {{i.propertyName}}< span * ngIf = "i.physicalUnit" > ({{i.physicalUnit}})< / span > ：< / span >
<!-- 如果类型是文本 -->
< mat-form-field * ngIf = "i.propertyType == 0 && i.propertyName != '耐火等级'" >
< input readonly matInput name = "{{i.propertyName}}{{www }}" type = 'text'
< input matInput name = "{{groupsIndex}}{{inputIndex }}" type = 'text'
required="{{ i.required==true ? 'true' : 'false' }}"
[(ngModel)]="i.propertyValue">
< / mat-form-field >
<!-- 如果类型是数字 -->
< mat-form-field * ngIf = "i.propertyType == 2 && i.propertyName != '耐火等级'" >
< input readonly matInput name = "{{i.propertyName}}{{www }}" type = 'number'
< input matInput name = "{{groupsIndex}}{{inputIndex }}" type = 'number'
required="{{ i.required==true ? 'true' : 'false' }}"
[(ngModel)]="i.propertyValue"
(change)="inputchange($event,i.ruleName,i.ruleValue,i)"
>
<!-- <mat - error *ngIf="isshowrule">{{rulevalue}}</mat - error> -->
< / mat-form-field >
<!-- 如果类型是耐火等级 -->
< mat-form-field * ngIf = "i.propertyName == '耐火等级'" >
< mat-select readonly name = "{{i.propertyName}}{{www }}" required = "{{ i.required==true ? 'true' : 'false' }}" placeholder = "请选择耐火等级" [ ( ngModel ) ] = " i . propertyValue " >
<!-- 如果类型是耐火等级 -->
< mat-form-field * ngIf = "i.propertyName == '耐火等级'" >
< mat-select name = "{{groupsIndex}}{{inputIndex }}" required = "{{ i.required==true ? 'true' : 'false' }}" placeholder = "请选择耐火等级" [ ( ngModel ) ] = " i . propertyValue " >
< mat-option value = "0" > 1级< / mat-option >
< mat-option value = "1" > 2级< / mat-option >
< mat-option value = "2" > 3级< / mat-option >
@ -192,352 +213,132 @@
< / mat-select >
< / mat-form-field >
<!-- 如果类型是多行文本 -->
< textarea readonly * ngIf = "i.propertyType == 1 && i.propertyName != '耐火等级'" style = "width: 180px;height: 60px;" required = "{{ i.required==true ? 'true' : 'false' }}" [ ( ngModel ) ] = " i . propertyValue " name = "{{i.propertyName}}{{key }}" > < / textarea >
< textarea * ngIf = "i.propertyType == 1 && i.propertyName != '耐火等级'" style = "width: 180px;height: 60px;" required = "{{ i.required==true ? 'true' : 'false' }}" [ ( ngModel ) ] = " i . propertyValue " name = "{{groupsIndex}}{{inputIndex }}" > < / textarea >
< span style = "color: red;" * ngIf = "i.required" > *< / span >
< div * ngIf = "i.isshowrule" style = "position: absolute ;
left: 205px;
top: 45px;
font-size: 11px;
color: red;">
< div * ngIf = "i.isshowrule" style = "position: absolute;left: 205px;top: 45px;font-size: 11px;color: red;" >
< span > {{i.rulevalue}}< / span >
< / div >
< / div >
< / div >
< div class = "CustomData" style = "width: 200px;" >
<!-- <mat - checkbox name="checkbuilding" [(ngModel)]="item.isCustomData" style="float: left;margin - right: 10px;"></mat - checkbox> -->
< h1 style = "font-size: 22px;width: 200px;" > 自定义信息< / h1 >
<!-- 类型为表格 并且不是 罐区 -->
< div * ngIf = "element.type == 1 && element.name.indexOf('罐区') == -1" >
< p style = "font-size: 22px;" >
{{element.name}}
< / p >
< table * ngIf = "element.submitted" >
< tr >
< th * ngFor = "let item of element.propertyInfos[0].origin;let index = index" >
{{item.propertyName}}
< span style = "color: red;" * ngIf = "item.required" > *< / span >
< / th >
< / tr >
< tr * ngFor = "let item of element.propertyInfos;let line = index" >
< td * ngFor = "let i of item.origin;let list = index" >
< input * ngIf = "i.propertyType != 1" style = "height:45px" class = "tankinfo" name = "{{element.name}}{{line + 1}}-{{list + 1}}" type = "{{i.propertyType == 0 ? 'text' : 'number'}}"
required="{{ i.required==true ? 'true' : 'false' }}" [(ngModel)]="i.propertyValue">
< textarea class = "tankinfo" * ngIf = "i.propertyType == 1" required = "{{ i.required==true ? 'true' : 'false' }}" [ ( ngModel ) ] = " i . propertyValue " name = "{{element.name}}{{line + 1}}{{list + 1}}" >
< / textarea >
< / td >
< / tr >
< / table >
< / div >
< div * ngIf = "item.isCustomData" style = "position: relative;" >
<!-- <button style="position: absolute;left: 0;" type="button" mat - icon - button class="addCustomData"><mat - icon style="font - size: 38px;">add_circle_outline</mat - icon></button>
< button style = "position: absolute;left:60px;" type = "button" mat-icon-button class = "deleteCustomData" > < mat-icon style = "font-size: 38px;" > remove_circle_outline< / mat-icon > < / button > -->
< div class = "houseinfoinput" style = "float: left;margin-left: 250px;" * ngFor = "let i of item.buildingCustomData.customProperties;let key = index" >
< mat-form-field >
< input readonly matInput type = 'text' name = "{{key}}1CustomData"
required
[(ngModel)]="i.name">
< / mat-form-field >
< span > :< / span >
< mat-form-field >
< input readonly matInput type = 'text' name = "{{key}}2CustomData"
required
[(ngModel)]="i.value">
< / mat-form-field >
< span style = "color: red;" * ngIf = "i.required" > *< / span >
< / div >
< / div >
< / div >
<!-- 石油化工 -->
< div class = "highinfo" * ngIf = "item.isshiyou;let bigkey = index" >
< div class = "basicinfobox" >
< div class = "houseinfoinput" >
< span > 建筑名称：< / span >
< mat-form-field >
< input readonly matInput id = "housename" name = "housename" type = 'text'
required minlength="1" [(ngModel)]="item.name"
>
< / mat-form-field >
< span style = "color: red;" > *< / span >
< / div >
< div class = "houseinfoinput" >
< span > 建筑类型：< / span >
< mat-form-field >
< mat-select disabled required name = "unittype" [ ( ngModel ) ] = " item . buildtype " >
< mat-option [ value ] = " n . name " * ngFor = "let n of allunittype" > {{n.name}}< / mat-option >
< / mat-select >
< / mat-form-field >
< span style = "color: red;" > *< / span >
< / div >
< h1 style = "font-size: 22px;" > {{item.buildingBasicGroups[0].name}}< / h1 >
< div class = "houseinfoinput" * ngFor = "let i of item.buildingBasicGroups[0].propertyInfos;let smkey = index" style = "float: left;margin-left: 250px;position: relative;" >
< span > {{i.propertyName}} < span * ngIf = "i.physicalUnit" > ({{i.physicalUnit}})< / span > ：< / span >
<!-- 类型为表单 是罐区 -->
< div * ngIf = "element.type == 0 && element.name.indexOf('罐区') != -1" >
< p style = "font-size: 22px;" >
< span * ngIf = "element.name == '罐区1'" > 罐区信息< / span >
< / p >
< div * ngIf = "element.submitted" >
< p style = "font-size: 22px;" > {{element.name}}< / p >
<!-- 如果类型是文本 -->
< mat-form-field * ngIf = "i.propertyType == 0 && i.propertyName != '耐火等级'" >
< input readonly matInput name = "{{i.propertyName}}" type = 'text'
required="{{ i.required==true ? 'true' : 'false' }}"
[(ngModel)]="i.propertyValue">
< / mat-form-field >
<!-- 如果类型是数字 -->
< mat-form-field * ngIf = "i.propertyType == 2 && i.propertyName != '耐火等级'" >
< input readonly matInput name = "{{i.propertyName}}" type = 'number'
required="{{ i.required==true ? 'true' : 'false' }}"
[(ngModel)]="i.propertyValue"
>
<!-- <mat - error *ngIf="isshowrule">{{rulevalue}}</mat - error> -->
< / mat-form-field >
<!-- 如果类型是耐火等级 -->
< mat-form-field * ngIf = "i.propertyName == '耐火等级'" >
< mat-select readonly name = "{{i.propertyName}}" required = "{{ i.required==true ? 'true' : 'false' }}" placeholder = "请选择耐火等级" [ ( ngModel ) ] = " i . propertyValue " >
< mat-option value = "0" > 1级< / mat-option >
< mat-option value = "1" > 2级< / mat-option >
< mat-option value = "2" > 3级< / mat-option >
< mat-option value = "3" > 其它< / mat-option >
< / mat-select >
< / mat-form-field >
<!-- 如果类型是多行文本 -->
< textarea readonly * ngIf = "i.propertyType == 1 && i.propertyName != '耐火等级'" style = "width: 180px;height: 60px;" required = "{{ i.required==true ? 'true' : 'false' }}" [ ( ngModel ) ] = " i . propertyValue " name = "{{i.propertyName}}" > < / textarea >
< span style = "color: red;" * ngIf = "i.required" > *< / span >
< div * ngIf = "i.isshowrule" style = " position: absolute ;
left: 205px;
top: 45px;
font-size: 11px;
color: red;">
< span > {{i.rulevalue}}< / span >
< / div >
< div class = "buildInfoInput" * ngFor = "let i of element.propertyInfos;let inputIndex = index" style = "float: left;margin-left: 250px;position: relative;" >
< span > {{i.propertyName}}< span * ngIf = "i.physicalUnit" > ({{i.physicalUnit}})< / span > ：< / span >
<!-- 如果类型是文本 -->
< mat-form-field * ngIf = "i.propertyType == 0 && i.propertyName != '耐火等级'" >
< input matInput name = "{{groupsIndex}}{{inputIndex}}" type = 'text'
required="{{ i.required==true ? 'true' : 'false' }}"
[(ngModel)]="i.propertyValue">
< / mat-form-field >
<!-- 如果类型是数字 -->
< mat-form-field * ngIf = "i.propertyType == 2 && i.propertyName != '耐火等级'" >
< input matInput name = "{{groupsIndex}}{{inputIndex}}" type = 'number'
required="{{ i.required==true ? 'true' : 'false' }}"
[(ngModel)]="i.propertyValue"
(change)="inputchange($event,i.ruleName,i.ruleValue,i)"
>
< / mat-form-field >
<!-- 如果类型是耐火等级 -->
< mat-form-field * ngIf = "i.propertyName == '耐火等级'" >
< mat-select name = "{{groupsIndex}}{{inputIndex}}" required = "{{ i.required==true ? 'true' : 'false' }}" placeholder = "请选择耐火等级" [ ( ngModel ) ] = " i . propertyValue " >
< mat-option value = "0" > 1级< / mat-option >
< mat-option value = "1" > 2级< / mat-option >
< mat-option value = "2" > 3级< / mat-option >
< mat-option value = "3" > 其它< / mat-option >
< / mat-select >
< / mat-form-field >
<!-- 如果类型是多行文本 -->
< textarea * ngIf = "i.propertyType == 1 && i.propertyName != '耐火等级'" style = "width: 180px;height: 60px;" required = "{{ i.required==true ? 'true' : 'false' }}" [ ( ngModel ) ] = " i . propertyValue " name = "{{groupsIndex}}{{inputIndex}}" > < / textarea >
< span style = "color: red;" * ngIf = "i.required" > *< / span >
< div * ngIf = "i.isshowrule" style = "position: absolute;left: 205px;top: 45px;font-size: 11px;color: red;" >
< span > {{i.rulevalue}}< / span >
< / div >
< / div >
< / div >
< / div >
< div class = "deviceinfo" >
< div style = "width: 200px;" >
<!-- <mat - checkbox name="item.buildingBasicGroups[1].name" *ngIf="item.buildingBasicGroups[1].isOptional" [(ngModel)]="item.buildingBasicGroups[1].submitted" style="float: left;margin - right: 10px;"></mat - checkbox> -->
< h1 style = "font-size: 22px;width: 200px;" > {{item.buildingBasicGroups[1].name}}< / h1 >
< / div >
< table mat-table [ dataSource ] = " devicedataSourcebox [ item . buildingId ] " class = "mat-elevation-z8" * ngIf = "item.buildingBasicGroups[1].submitted" >
< ng-container matColumnDef = "name" >
< th mat-header-cell * matHeaderCellDef >
< button style = "width: 24px;" type = "button" mat-icon-button class = "adddeviceinfo2" > < mat-icon > add_circle_outline< / mat-icon > < / button >
< button style = "width: 24px;" type = "button" mat-icon-button class = "removedeviceinfo" > < mat-icon > remove_circle_outline< / mat-icon > < / button >
装置区名称< span style = "color: red;" > *< / span > < / th >
< td mat-cell * matCellDef = "let element;let key = index" >
< textarea readonly style = "width: 100px;" [ ( ngModel ) ] = " element . name " name = "{{key}}1" required > < / textarea >
< / td >
< / ng-container >
< ng-container matColumnDef = "flow" >
< th mat-header-cell * matHeaderCellDef > 工艺流程< span style = "color: red;" > *< / span > < / th >
< td mat-cell * matCellDef = "let element;let key = index" >
< textarea readonly [ ( ngModel ) ] = " element . flow " name = "{{key}}2" required > < / textarea >
< / td >
< / ng-container >
< ng-container matColumnDef = "danger" >
< th mat-header-cell * matHeaderCellDef > 火灾危险性< span style = "color: red;" > *< / span > < / th >
< td mat-cell * matCellDef = "let element;let key = index" >
< textarea readonly [ ( ngModel ) ] = " element . danger " name = "{{key}}3" required > < / textarea >
<!-- 类型为表格 是罐区 -->
< div * ngIf = "element.type == 1 && element.name.indexOf('罐区') != -1" >
< p style = "font-size: 22px;" * ngIf = "element.submitted" >
{{element.name}}
< / p >
< table * ngIf = "element.submitted" >
< tr >
< th * ngFor = "let item of element.propertyInfos[0].origin;let index = index" >
{{item.propertyName}}
< span style = "color: red;" * ngIf = "item.required" > *< / span >
< / th >
< / tr >
< tr * ngFor = "let item of element.propertyInfos;let line = index" >
< td * ngFor = "let i of item.origin;let list = index" >
< input type = "{{i.propertyType == 0 ? 'text' : 'number'}}" style = "height:45px" class = "tankinfo" name = "{{element.name}}{{line + 1}}-{{list + 1}}"
required="{{ i.required==true ? 'true' : 'false' }}" [(ngModel)]="i.propertyValue">
< / td >
< / ng-container >
< ng-container matColumnDef = "payattentionto" >
< th mat-header-cell * matHeaderCellDef > 灭火注意事项< / th >
< td mat-cell * matCellDef = "let element;let key = index" >
< textarea readonly style = "width: 100px;" [ ( ngModel ) ] = " element . payattentionto " name = "{{key}}4" > < / textarea >
< / td >
< / ng-container >
< tr mat-header-row * matHeaderRowDef = "displayedColumns" > < / tr >
< tr mat-row * matRowDef = "let row; columns: displayedColumns;" > < / tr >
< / tr >
< / table >
< / div >
< div style = "width: 200px;" >
<!-- <mat - checkbox *ngIf="item.buildingBasicGroups[2].isOptional" name="item.buildingBasicGroups[2].name" [(ngModel)]="item.buildingBasicGroups[2].submitted" style="float: left;margin - right: 10px;"></mat - checkbox> -->
< h1 style = "font-size: 22px;width: 200px;" > 储罐信息< / h1 >
< / div >
<!-- <button *ngIf="item.buildingBasicGroups[2].submitted" type="button" mat - raised - button color="primary" style="margin - top: 30px;margin - right: 5px;">添加储罐</button>
< button * ngIf = "item.buildingBasicGroups[2].submitted" type = "button" mat-raised-button color = "warn" style = "margin-top: 30px;" matTooltip = "会将此建筑处于末尾的储罐移除" > 移除末尾储罐< / button > -->
< div * ngIf = "item.buildingBasicGroups[2].submitted" style = "margin-top: 30px;" >
< div class = "tankinfo" * ngFor = "let x of item.bigfor;let www = index" >
< p style = "font-size: 22px; width: 200px;" > {{x[0].name}}< / p >
< div class = "basicinfobox" >
< div class = "houseinfoinput" * ngFor = "let i of x[0].propertyInfos;let key = index" style = "line-height: 65px;" >
< span > {{i.propertyName}} {{i.physicalUnit}}：< / span >
< mat-form-field * ngIf = "i.propertyType == 0" >
< input readonly matInput name = "{{www+2}}-tanker-{{key}}" type = 'text'
required="{{ i.required==true ? 'true' : 'false' }}"
[(ngModel)]="i.propertyValue"
>
< / mat-form-field >
< textarea readonly style = "width: 180px;height: 45px;" * ngIf = "i.propertyType == 1" [ ( ngModel ) ] = " i . propertyValue " name = "{{www+2}}-tanker-{{key}}" > < / textarea >
< span style = "color: red;" * ngIf = "i.required" > *< / span >
< / div >
< / div >
< / div >
< p style = "font-size: 22px; width: 200px;" > {{x[1].name}}< / p >
< div class = "tankdetailinfo" >
< table # table mat-table [ dataSource ] = " x [ 1 ] . propertyInfos " class = "mat-elevation-z8" style = "position: relative;" >
< ng-container matColumnDef = "tank" >
< th mat-header-cell * matHeaderCellDef >
<!-- <button type="button" mat - icon - button class="adddeviceinfo" style="position: absolute;left: 0;"><mat - icon>add_circle_outline</mat - icon></button>
< button type = "button" mat-icon-button class = "removedeviceinfo" > < mat-icon > remove_circle_outline< / mat-icon > < / button > -->
罐区 < / th >
< td mat-cell * matCellDef = "let element;let key = index" >
< input readonly style = "height:45px" class = "tankinfo" name = "{{www}}{{element.tank}}tank{{key}}" type = 'text'
[(ngModel)]="element.tank">
< / td >
< / ng-container >
< ng-container matColumnDef = "tankid" >
< th mat-header-cell * matHeaderCellDef > 罐区编号< span style = "color: red;" > *< / span > < / th >
< td mat-cell * matCellDef = "let element;let key = index" >
< input readonly style = "height:45px" class = "tankinfo" name = "{{www}}{{element.tankid}}tank{{key}}" type = 'text'
required
[(ngModel)]="element.tankid">
< / td >
< / ng-container >
< ng-container matColumnDef = "tankmedium" >
< th mat-header-cell * matHeaderCellDef > 储存介质< span style = "color: red;" > *< / span > < / th >
< td mat-cell * matCellDef = "let element;let key = index" >
< input readonly style = "height:45px" class = "tankinfo" name = "{{www}}{{element.tankmedium}}tank{{key}}" type = 'text'
required
[(ngModel)]="element.tankmedium">
< / td >
< / ng-container >
< ng-container matColumnDef = "tanktype" >
< th mat-header-cell * matHeaderCellDef > 储罐类型< span style = "color: red;" > *< / span > < / th >
< td mat-cell * matCellDef = "let element;let key = index" >
< input readonly style = "height:45px" class = "tankinfo" name = "{{www}}{{element.tanktype}}tank{{key}}" type = 'text'
required
[(ngModel)]="element.tanktype">
< / td >
< / ng-container >
< ng-container matColumnDef = "tankcapacity" >
< th mat-header-cell * matHeaderCellDef > 容量(m³)< span style = "color: red;" > *< / span > < / th >
< td mat-cell * matCellDef = "let element;let key = index" >
< input readonly style = "height:45px" class = "tankinfo" name = "{{www}}{{element.tankcapacity}}tank{{key}}" type = 'text'
required
[(ngModel)]="element.tankcapacity">
< / td >
< / ng-container >
< ng-container matColumnDef = "tankdiameter" >
< th mat-header-cell * matHeaderCellDef > 直径(m)< span style = "color: red;" > *< / span > < / th >
< td mat-cell * matCellDef = "let element;let key = index" >
< input readonly style = "height:45px" class = "tankinfo" name = "{{www}}{{element.tankdiameter}}tank{{key}}" type = 'text'
required
[(ngModel)]="element.tankdiameter">
< / td >
< / ng-container >
< ng-container matColumnDef = "tankheight" >
< th mat-header-cell * matHeaderCellDef > 高度(m)< span style = "color: red;" > *< / span > < / th >
< td mat-cell * matCellDef = "let element;let key = index" >
< input readonly style = "height:45px" class = "tankinfo" name = "{{www}}{{element.tankheight}}tank{{key}}" type = 'text'
required
[(ngModel)]="element.tankheight">
< / td >
< / ng-container >
< ng-container matColumnDef = "tanktectum" >
< th mat-header-cell * matHeaderCellDef > 顶盖形式< / th >
< td mat-cell * matCellDef = "let element;let key = index" >
< input readonly style = "height:45px" class = "tankinfo" name = "{{www}}{{element.tanktectum}}tank{{key}}" type = 'text'
[(ngModel)]="element.tanktectum">
< / td >
< / ng-container >
< ng-container matColumnDef = "tanktexture" >
< th mat-header-cell * matHeaderCellDef > 浮盘材质< / th >
< td mat-cell * matCellDef = "let element;let key = index" >
< input readonly style = "height:45px" class = "tankinfo" name = "{{www}}{{element.tanktexture}}tank{{key}}" type = 'text'
[(ngModel)]="element.tanktexture">
< / td >
< / ng-container >
< ng-container matColumnDef = "platetype" >
< th mat-header-cell * matHeaderCellDef > 浮盘类型< / th >
< td mat-cell * matCellDef = "let element;let key = index" >
< input readonly style = "height:45px" class = "tankinfo" name = "{{www}}{{element.platetype}}tank{{key}}" type = 'text'
[(ngModel)]="element.platetype">
< / td >
< / ng-container >
< ng-container matColumnDef = "foamgeneratorid" >
< th mat-header-cell * matHeaderCellDef > 泡沫产生器型号< / th >
< td mat-cell * matCellDef = "let element;let key = index" >
< input readonly style = "height:45px" class = "tankinfo" name = "{{www}}{{element.foamgeneratorid}}tank{{key}}" type = 'text'
[(ngModel)]="element.foamgeneratorid">
< / td >
< / ng-container >
< ng-container matColumnDef = "foamgeneratortype" >
< th mat-header-cell * matHeaderCellDef > 泡沫产生器形式< / th >
< td mat-cell * matCellDef = "let element;let key = index" >
< input readonly style = "height:45px" class = "tankinfo" name = "{{www}}{{element.foamgeneratortype}}tank{{key}}" type = 'text'
[(ngModel)]="element.foamgeneratortype">
< / td >
< / ng-container >
< ng-container matColumnDef = "isprotect" >
< th mat-header-cell * matHeaderCellDef > 是否设置氮封惰化保护装置< / th >
< td mat-cell * matCellDef = "let element;let key = index" >
< input readonly style = "height:45px" class = "tankinfo" name = "{{www}}{{element.isprotect}}tank{{key}}" type = 'text'
[(ngModel)]="element.isprotect">
< / td >
< / ng-container >
< ng-container matColumnDef = "fendinggroyneheight" >
< th mat-header-cell * matHeaderCellDef > 防护堤高度(m)< span style = "color: red;" > *< / span > < / th >
< td mat-cell * matCellDef = "let element;let key = index" >
< input readonly style = "height:45px" class = "tankinfo" name = "{{www}}{{element.fendinggroyneheight}}tank{{key}}" type = 'text'
required
[(ngModel)]="element.fendinggroyneheight">
< / td >
< / ng-container >
< ng-container matColumnDef = "portnum" >
< th mat-header-cell * matHeaderCellDef > 半固定泡沫灭火接口数量< / th >
< td mat-cell * matCellDef = "let element;let key = index" >
< input readonly style = "height:45px" class = "tankinfo" name = "{{www}}{{element.portnum}}tank{{key}}" type = 'text'
[(ngModel)]="element.portnum">
< / td >
< / ng-container >
< ng-container matColumnDef = "else" >
< th mat-header-cell * matHeaderCellDef > 其它设施< / th >
< td mat-cell * matCellDef = "let element;let key = index" >
< input readonly style = "height:45px" class = "tankinfo" name = "{{www}}{{element.else}}tank{{key}}" type = 'text'
[(ngModel)]="element.else">
< / td >
< / ng-container >
< tr mat-header-row * matHeaderRowDef = "displayedColumns2" > < / tr >
< tr mat-row * matRowDef = "let row; columns: displayedColumns2;" > < / tr >
< / table >
< / div >
< / div >
< / div >
< div class = "CustomData" style = "width: 200px;margin-top: 60px;" >
< h1 style = "font-size: 22px;width: 200px;" > 自定义信息< / h1 >
< / div >
< div style = "position: relative;" * ngIf = "item.isCustomData" >
< div class = "CustomData" style = "width: 200px;margin-top: 60px;" >
<!-- <mat - checkbox name="checkbuilding" [(ngModel)]="item.isCustomData" style="float: left;margin - right: 10px;"></mat - checkbox> -->
< h1 style = "font-size: 22px;width: 200px;" > 自定义信息< / h1 >
< / div >
< div * ngIf = "item.isCustomData" style = "position: relative;" >
< button style = "position: absolute;left: 0;font-size: 11px;" type = "button" mat-icon-button class = "addCustomData" > < mat-icon style = "font-size: 38px;" > add_circle_outline< / mat-icon > < / button >
< button style = "position: absolute;left:60px;" type = "button" mat-icon-button class = "deleteCustomData" > < mat-icon style = "font-size: 38px;" > remove_circle_outline< / mat-icon > < / button >
< div class = "houseinfoinput" style = "float: left;margin-left: 250px;" * ngFor = "let i of item.buildingCustomData.customProperties;let key = index" >
< mat-form-field >
< input readonly matInput type = 'text' name = "{{key}}1CustomData"
required
[(ngModel)]="i.name">
< / mat-form-field >
< span > :< / span >
< mat-form-field >
< input readonly matInput type = 'text' name = "{{key}}2CustomData"
required
[(ngModel)]="i.value">
< / mat-form-field >
< span style = "color: red;" * ngIf = "i.required" > *< / span >
< / div >
< div class = "houseinfoinput" style = "float: left;margin-left: 250px;" * ngFor = "let i of item.customData.customProperties;let key = index" >
< mat-form-field >
< input matInput type = 'text' name = "customData{{key}}Name"
required
[(ngModel)]="i.name">
< / mat-form-field >
< span > :< / span >
< mat-form-field >
< input matInput type = 'text' name = "customData{{key}}Value"
required
[(ngModel)]="i.value">
< / mat-form-field >
< span style = "color: red;" * ngIf = "i.required" > *< / span >
< / div >
< / div >
<!-- <div class="infobtnbox">
< button type = "submit()" mat-button mat-raised-button color = "primary" > 保存< / button >
< button type = "button" mat-raised-button color = "warn" > 删除< / button >
< / div > -->
< / form >
< / mat-tab >
< / ng-template >
< / mat-tab-group >
< / mat-tab >
< / mat-tab-group >
< / div >
< / div >
< / div >
