@ -1,6 +1,6 @@
< div class = "content" > < div class = "content" >
<!-- header头部 --> <!-- header头部 -->
< div class = "header" > < div class = "header" style = "display: none;" >
< button mat-button ( click ) = " toggle ( ) " > < button mat-button ( click ) = " toggle ( ) " >
< mat-icon style = "vertical-align: middle;" > toc< / mat-icon > < mat-icon style = "vertical-align: middle;" > toc< / mat-icon >
< / button > < / button >
@ -47,7 +47,7 @@
< / div > < / div >
<!-- 头部操作栏 --> <!-- 头部操作栏 -->
< div class = "headerOperate" > < div class = "headerOperate" style = "display: none;" >
< button mat-button ( click ) = " checkedBuilding ( { name: ' 总平面图 ' } , -1 ) " < button mat-button ( click ) = " checkedBuilding ( { name: ' 总平面图 ' } , -1 ) "
[ngClass]="{'buildingbtnchecked': checkedBuildingIndex==-1}"> [ngClass]="{'buildingbtnchecked': checkedBuildingIndex==-1}">
< span > 总平面图< / span > < span > 总平面图< / span >
@ -112,18 +112,46 @@
< / div > < / div >
< / div > < / div >
< / div > < / div >
<!-- 头部操作栏 -->
< div class = "headerOperate" >
< div class = "bigeditdeletebtn" ( click ) = " checkedBuilding ( { name: ' 总平面图 ' } , -1 ) " [ ngClass ] = " { ' buildingbtnchecked ' : checkedBuildingIndex = =-1}" >
< span > 总平面图< / span >
< / div >
< div class = "bigeditdeletebtn" * ngFor = "let item of allBuildings;let key = index" ( click ) = " checkedBuilding ( item , key ) " [ ngClass ] = " { ' buildingbtnchecked ' : checkedBuildingIndex = =key}" >
< span > {{item.name}}< / span >
< / div >
<!-- <div class="bigTalkBox" style="position: absolute;right: 26px;">
< mat-icon class = "titleIcon" ( click ) = " openTalkDiv ( ) " > volume_up< / mat-icon >
< div class = "talkBox" * ngIf = "isOpenTalk" >
< div class = "btndiv" >
< div > 泵房< / div >
< div > 控制室< / div >
< / div >
< div class = "bottomDiv" >
< div >
< mat-icon > settings_voice< / mat-icon >
< / div >
< div >
按住说话
< / div >
< div >
< mat-icon > search< / mat-icon >
< / div >
< / div >
< / div >
< / div > -->
< / div >
<!-- 功能区 --> <!-- 功能区 -->
< div class = "functionalDomain" > < div class = "functionalDomain" >
< div class = 'functionalDomainContent' id = "functionalDomainContent" > < div class = 'functionalDomainContent' id = "functionalDomainContent" >
<!-- H5Canvas -->
< app-working-area # canvas [ init ] = ' this ' > < / app-working-area >
<!-- H5Canvas --> <!-- H5Canvas -->
< div id = "leftDiv" class = 'functionalDomainLeft publicCss' [ ngClass ] = " { ' togglePanel ' : toggleExpandPanel = =true,'scenarioAssignment': ! pattern } " style = "user-select: > < div id = "leftDiv" class = 'functionalDomainLeft publicCss' [ ngClass ] = " { ' togglePanel ' : toggleExpandPanel = =true,'scenarioAssignment': ! pattern } " style = "user-select: >
< div class = "leftDragDiv" ( mousedown ) = " leftDivMouseDown ( $ event ) " > < / div >
<!-- 平面图 --> <!-- 平面图 -->
< div class = "planarGraph" > < div class = "planarGraph" style = "display: none;" >
< div class = "planarGraphHeader" ( click ) = ' togglePlanarGraph ( ) ' > < div class = "planarGraphHeader" ( click ) = ' togglePlanarGraph ( ) ' >
< mat-icon * ngIf = "togglePlane" > keyboard_arrow_up< / mat-icon > < mat-icon * ngIf = "togglePlane" > keyboard_arrow_up< / mat-icon >
< mat-icon * ngIf = "!togglePlane" > keyboard_arrow_down< / mat-icon > < mat-icon * ngIf = "!togglePlane" > keyboard_arrow_down< / mat-icon >
@ -171,9 +199,10 @@
< / div > < / div >
< / div > < / div >
< / div > < / div >
<!-- 平面图 -->
<!-- 素材库 --> <!-- 素材库 -->
< div id = "materialBank" * ngIf = "isEditPattern" [ ngClass ] = " { ' selectEditMode ' : pattern } " > < div id = "materialBank" * ngIf = "isEditPattern" [ ngClass ] = " { ' selectEditMode ' : pattern } " style = "display: none;" >
< div class = "planarGraphHeader" ( click ) = ' toggleMaterial ( ) ' > < div class = "planarGraphHeader" ( click ) = ' toggleMaterial ( ) ' >
< mat-icon * ngIf = "toggleMaterialBank" > keyboard_arrow_up< / mat-icon > < mat-icon * ngIf = "toggleMaterialBank" > keyboard_arrow_up< / mat-icon >
< mat-icon * ngIf = "!toggleMaterialBank" > keyboard_arrow_down< / mat-icon > < mat-icon * ngIf = "!toggleMaterialBank" > keyboard_arrow_down< / mat-icon >
@ -200,8 +229,9 @@
< / div > < / div >
< / div > < / div >
<!-- 素材库 --> <!-- 素材库 -->
<!-- 处置预案 --> <!-- 处置预案 -->
< div class = "handlePlan" * ngIf = "!pattern" > < div class = "handlePlan" >
< div class = "planarGraphHeader" ( click ) = ' toggleHandlePlan ( ) ' > < div class = "planarGraphHeader" ( click ) = ' toggleHandlePlan ( ) ' >
< mat-icon * ngIf = "toggleHandlePlans" > keyboard_arrow_up< / mat-icon > < mat-icon * ngIf = "toggleHandlePlans" > keyboard_arrow_up< / mat-icon >
< mat-icon * ngIf = "!toggleHandlePlans" > keyboard_arrow_down< / mat-icon > < mat-icon * ngIf = "!toggleHandlePlans" > keyboard_arrow_down< / mat-icon >
@ -249,207 +279,213 @@
< / div > < / div >
<!-- H5Canvas -->
< div class = "canvas" >
< app-working-area # canvas [ init ] = ' this ' > < / app-working-area >
< / div >
< div id = "rightDiv" class = "functionalDomainRight publicCss " [ ngClass ] = " { ' togglePanel2 ' : toggleExpandPanelRight = =true}" style = "user-select: > < div id = "rightDiv" class = "functionalDomainRight publicCss " [ ngClass ] = " { ' togglePanel2 ' : toggleExpandPanelRight = =true}" style = "user-select: >
<!-- 右侧div鼠标拖动div -->
< div style = "width: 3px;height: 100%;position: absolute;left: 0;cursor: e-resize;z-index: 1000;" ( mousedown ) = " rightDivMouseDown ( $ event ) " > < / div > < div class = "title" >
<!-- 属性 --> < span ( click ) = " rightSwitch ( 1 ) " [ ngClass ] = " { selectedTitle: isProperty } " >
< div [ ngClass ] = " { ' forbidden ' : ! isEditPattern } " id = "property" class = "property" style = "height: 50%;background-color: white;" cdkDrag cdkDragBoundary = ".functionalDomain" > 属性
< div cdkDragHandle class = "title" > < / span >
< div > < span ( click ) = " rightSwitch ( 2 ) " [ ngClass ] = " { selectedTitle: ! isProperty } " >
< span style = "user-select: > 属性< / span > 消防要素
< / div > < / span >
< / div > < / div >
<!-- 平面图属性 --> < div style = "width: 100%;height: 100%;" >
< div class = "siteproperty" style = "user-select: none" * ngIf = "isShowProperty && isShowAttribute" > <!-- 属性 -->
< p > 面积(平方米)< / p > < div * ngIf = "isProperty" id = "property" class = "property" style = "height: 94%;" >
< div class = "siteproperty_size" > {{canvasData.selectStorey.area}}< / div > <!-- 平面图属性 -->
< p > 详情< / p > < div class = "siteproperty" style = "user-select: none" * ngIf = "isShowProperty && isShowAttribute" >
< div class = "siteproperty_size" > < p > 面积(平方米)< / p >
{{canvasData.selectStorey.details}} < div class = "siteproperty_size" > {{canvasData.selectStorey.area}}< / div >
< p > 详情< / p >
< div class = "siteproperty_size" >
{{canvasData.selectStorey.details}}
< / div >
< / div > < / div >
< / div > <!-- 素材属性 -->
<!-- 素材属性 --> < div class = "assetsproperty" style = "user-select: none" * ngIf = "isShowProperty && !isShowAttribute" >
< div class = "assetsproperty" style = "user-select: none" * ngIf = "isShowProperty && !isShowAttribute" > < h3 style = "text-align: center;font-weight: 900;" > {{assetName}}< / h3 >
< h3 style = "text-align: center;font-weight: 900;" > {{assetName}}< / h3 >
< div * ngIf = "canvasAssetObj.InteractiveMode == 0" > < div * ngIf = "canvasAssetObj.InteractiveMode == 0" >
< p > 宽度(像素)< / p > < p > 宽度(像素)< / p >
< input type = "text" class = "biginput" [ ( ngModel ) ] = " assetWidth " ( input ) = " assetWidthIunput ( ) " [ disabled ] = " ! isEditPattern " > < div class = "siteproperty_size" > {{assetWidth}}< / div >
< p > 高度(像素)< / p > < p > 高度(像素)< / p >
< input type = "text" class = "biginput" [ ( ngModel ) ] = " assetHeight " ( input ) = " assetHeightIunput ( ) " [ disabled ] = " ! isEditPattern " > < div class = "siteproperty_size" > {{assetHeight}}< / div >
< p > 角度< / p > < p > 角度< / p >
< div style = "width: 100%;display: flex;vertical-align: top;height: 22px;" > < div style = "width: 100%;display: flex;vertical-align: top;height: 22px;" >
< input type = "number" class = "smallinput" [ ( ngModel ) ] = " sliderValue " <!-- <input type="number" class="smallinput" [(ngModel)]="sliderValue"
oninput="if(value>360)value=360;if(value< 0 ) value = 0;" ( input ) = " assetAngleIunput ( ) " [ disabled ] = " ! isEditPattern " > oninput="if(value>360)value=360;if(value< 0 ) value = 0;" ( input ) = " assetAngleIunput ( ) " >
< mat-slider color = "primary" min = "0" max = "360" step = "1" style = "bottom: 12px;left: 2px;width: 70%;" < mat-slider color = "primary" min = "0" max = "360" step = "1" style = "bottom: 12px;left: 2px;width: 70%;"
[(ngModel)]="sliderValue" (change)="assetAngleIunput()" [disabled]="!isEditPattern">< / mat-slider > [(ngModel)]="sliderValue" (change)="assetAngleIunput()">< / mat-slider > -->
< div class = "siteproperty_size" > {{sliderValue}}< / div >
< / div >
< / div > < / div >
< / div > <!-- 如果是多点连线 -->
<!-- 如果是多点连线 --> < div * ngIf = "canvasAssetObj.InteractiveMode == 1" >
< div * ngIf = "canvasAssetObj.InteractiveMode == 1" > < p > 厚度< / p >
< p > 厚度< / p > < div style = "width: 100%;display: flex;vertical-align: top;height: 22px;" >
< div style = "width: 100%;display: flex;vertical-align: top;height: 22px;" > <!-- <input type="number" class="smallinput" [(ngModel)]="sliderValueThickness"
< input type = "number" class = "smallinput" [ ( ngModel ) ] = " sliderValueThickness " oninput="if(value>999)value=999;if(value< 0 ) value = 0;" ( input ) = " assetThicknessIunput ( ) " >
oninput="if(value>999)value=999;if(value< 0 ) value = 0;" ( input ) = " assetThicknessIunput ( ) " [ disabled ] = " ! isEditPattern " > < mat-slider color = "primary" min = "0" max = "999" step = "1" style = "bottom: 12px;left: 2px;width: 70%;"
< mat-slider color = "primary" min = "0" max = "999" step = "1" style = "bottom: 12px;left: 2px;width: 70%;" [(ngModel)]="sliderValueThickness" (change)="assetThicknessIunput()">< / mat-slider > -->
[(ngModel)]="sliderValueThickness" (change)="assetThicknessIunput()" [disabled]="!isEditPattern">< / mat-slider > < div class = "siteproperty_size" > {{sliderValueThickness}}< / div >
< / div >
< / div > < / div >
< / div >
< p style = "margin-top: 4px;margin-bottom: 0px;" > 是否高亮< / p > <!-- <p style="margin - top: 4px;margin - bottom: 0px;">是否高亮</p>
< div > < div >
< input class = "input" [ ( ngModel ) ] = " isHighLight " type = "checkbox" [ disabled ] = " ! isEditPattern " > < input class = "input" [ ( ngModel ) ] = " isHighLight " type = "checkbox" >
< span style = "font-size: 14px;" > 选中高亮< / span > < span style = "font-size: 14px;" > 选中高亮< / span >
< / div > < / div > -->
< div class = "colorBigDiv" * ngIf = "canvasAssetObj.FillMode == 0" > < div * ngIf = "canvasAssetObj.FillMode == 0" style = "margin-top: 6px;" >
< div class = "colorBigTemplateDiv" > < div class = "colorBigTemplateDiv" >
< span > 颜色< / span > < span style = "
< div class = "colorTemplateDiv" [ style ] = " { ' background-color ' :selectedcolor } " > font-size: 16px;
color: #d0e0f4;
padding-left: 7px;
letter-spacing:3px;
margin: 5px 0;">颜色< / span >
< div class = "colorTemplateDiv" [ style ] = " { ' background-color ' :selectedcolor } " >
< / div >
< / div > < / div >
<!-- <div class="colorDiv">
< ul >
< li class = "colorLi" * ngFor = "let item of colors,let key=index" [ style ] = " { ' background-color ' :item } " > < / li >
< / ul >
< / div > -->
< p > 透明度< / p >
<!-- <span style="color: #9c9fa5;font - size: 14px;">透明度</span> -->
<!-- <mat - slider color="primary" min="0" max="100%" step="1" style="left: 1px; width: 55%;min - width: 90px;"
[(ngModel)]="colorDivSliderValue" (change)="colorDivSliderChange()">< / mat-slider >
< span style = "color: #9c9fa5;font-size: 12px;" > {{colorDivSliderValue}}%< / span > -->
< div class = "siteproperty_size" > {{colorDivSliderValue}}%< / div >
< / div > < / div >
< div class = "colorDiv" * ngIf = "isEditPattern" > < div * ngFor = "let item of PropertyInfos;index as key " >
< ul > <!-- 单行文本 -->
< li ( click ) = " selectcolor ( item , key ) " class = "colorLi" * ngFor = "let item of colors,let key=index" [ style ] = " { ' background-color ' :item } " > < / li > < div * ngIf = "item.PropertyType == 0" >
< / ul > < p > {{item.PropertyName}}< span style = "font-size: 14px;" * ngIf = "item.PhysicalUnit" > ({{item.PhysicalUnit}})< / span > < / p >
< / div > <!-- <input type="text" class="biginput" [value]="item.PropertyValue" (input)="assetInputChange(item,$event)"> -->
< span style = "color: #9c9fa5;font-size: 14px;" > 透明度< / span > < div class = "siteproperty_size" > {{item.PropertyValue}}< / div >
< mat-slider color = "primary" min = "0" max = "100%" step = "1" style = "left: 1px; width: 55%;min-width: 90px;" < / div >
[(ngModel)]="colorDivSliderValue" (change)="colorDivSliderChange()" [disabled]="!isEditPattern">< / mat-slider > <!-- 多行文本 -->
< span style = "color: #9c9fa5;font-size: 12px;" > {{colorDivSliderValue}}%< / span > < div * ngIf = "item.PropertyType == 1" >
< / div > < p > {{item.PropertyName}}< span style = "font-size: 14px;" * ngIf = "item.PhysicalUnit" > ({{item.PhysicalUnit}})< / span > < / p >
< div * ngFor = "let item of PropertyInfos;index as key " > <!-- <textarea class="textarea" name="" id="" [value]="item.PropertyValue" (input)="assetInputChange(item,$event)"></textarea> -->
<!-- 单行文本 --> < div class = "siteproperty_size" > {{item.PropertyValue}}< / div >
< div * ngIf = "item.PropertyType == 0" > < / div >
< p > {{item.PropertyName}}< span style = "font-size: 14px;" * ngIf = "item.PhysicalUnit" > ({{item.PhysicalUnit}})< / span > < / p > <!-- 数值 -->
< input type = "text" class = "biginput" [ value ] = " item . PropertyValue " ( input ) = " assetInputChange ( item , $ event ) " [ disabled ] = " ! isEditPattern " > < div * ngIf = "item.PropertyType == 2" >
< / div > < p > {{item.PropertyName}}< span style = "font-size: 14px;" * ngIf = "item.PhysicalUnit" > ({{item.PhysicalUnit}})< / span > < / p >
<!-- 多行文本 --> < div class = "siteproperty_size" > {{item.PropertyValue}}< / div >
< div * ngIf = "item.PropertyType == 1" > < / div >
< p > {{item.PropertyName}}< span style = "font-size: 14px;" * ngIf = "item.PhysicalUnit" > ({{item.PhysicalUnit}})< / span > < / p > <!-- 图片数量 -->
< textarea class = "textarea" name = "" id = "" [ value ] = " item . PropertyValue " ( input ) = " assetInputChange ( item , $ event ) " [ disabled ] = " ! isEditPattern " > < / textarea > < div * ngIf = "item.PropertyType == 4" style = "height: 140px;" >
< / div > < div style = "position: relative;width: 100%;height: 21px;margin: 1px 0;" >
<!-- 数值 -->
< div * ngIf = "item.PropertyType == 2" > < p style = "width: 40%;display: inline-block;" > {{item.PropertyName}}< / p >
< p > {{item.PropertyName}}< span style = "font-size: 14px;" * ngIf = "item.PhysicalUnit" > ({{item.PhysicalUnit}})< / span > < / p > < span style = "width: 26%;text-align:right;font-size: 13px;" > {{imagesArr.length ? imagesArr.length : 0}} / {{item.PropertyValue}}< / span >
< input type = "number" class = "biginput" [ value ] = " item . PropertyValue " ( input ) = " assetInputChange ( item , $ event ) " [ disabled ] = " ! isEditPattern " >
< / div > < div style = "position: relative;;width: 89%;border:1px solid rgb(208, 211, 214);height: 140px;margin: 6px auto;" class = "swiper-container" >
<!-- 图片数量 --> < div id = "viewerjs" class = "swiper-wrapper" [ ngClass ] = " { ' noImgCss ' : imagesArr . length = = 0 } " >
< div * ngIf = "item.PropertyType == 4" style = "height: 140px;" > < div class = "swiper-slide" style = "text-align: center;" * ngFor = "let img of imagesArr" > < img [ src ] = " img . PropertyValue + ' ? x-oss-process = image/resize,m_fixed,h_140,w_140'" alt = "" [ attr . data-original ] = " img . PropertyValue " > < / div >
< div style = "position: relative;width: 100%;height: 21px;margin: 1px 0;" > < / div >
< p style = "width: 40%;display: inline-block;" > {{item.PropertyName}}< / p > <!-- 如果需要导航按钮 -->
< span style = "width: 26%;text-align:right;font-size: 13px;" > {{imagesArr.length ? imagesArr.length : 0}} / {{item.PropertyValue}}< / span > < div class = "swiper-button-next" > < / div >
< input [ disabled ] = " ! isEditPattern " * ngIf = "isImgNumCss" accept = "image/*" ( change ) = " selectFile ( $ event ) " type = "file" style = "width: 33%;position: absolute;right: 10px;top: 1px;opacity: 0;z-index: 100;cursor: pointer;height: 21px;" > < div class = "swiper-button-prev" > < / div >
< div style = "width: 33%;height: 21px;line-height: 21px;text-align: center;position: absolute;right: 10px;top: 1px;z-index: 99;border: 1px solid rgb(208, 211, 214);border-radius: 2px;font-size: 13px;cursor: pointer;" ( click ) = " imgNumBeyond ( ) " > 添加< / div >
< div style = "position: relative;;width: 89%;border:1px solid rgb(208, 211, 214);height: 100px;margin: 6px auto;" class = "swiper-container" >
< div id = "viewerjs" class = "swiper-wrapper" [ ngClass ] = " { ' noImgCss ' : imagesArr . length = = 0 } " >
< div class = "swiper-slide" style = "text-align: center;" * ngFor = "let img of imagesArr" > < img [ src ] = " img . PropertyValue + ' ? x-oss-process = image/resize,m_fixed,h_100,w_100'" alt = "" [ attr . data-original ] = " img . PropertyValue " > < / div >
< / div > < / div >
<!-- 如果需要导航按钮 -->
< div class = "swiper-button-next" > < / div >
< div class = "swiper-button-prev" > < / div >
< span style = "position: absolute;right: 2px;top: 2px;cursor: pointer;z-index: 200;" * ngIf = "isEditPattern" >
< mat-icon class = "hoverred" ( click ) = " deleteImg ( ) " > delete< / mat-icon >
< / span >
< / div > < / div >
< / div > < / div >
< / div > <!-- 方向 -->
<!-- 方向 --> < div * ngIf = "item.PropertyType == 5" >
< div * ngIf = "item.PropertyType == 5" class = "selectDiv" > < p > {{item.PropertyName}}< / p >
< p style = "display: inline-block;" > {{item.PropertyName}}< / p > < div class = "siteproperty_size" * ngIf = "item.PropertyValue ==0" > 东< / div >
< select ( change ) = " direction ( item , $ event ) " [ disabled ] = " ! isEditPattern " > < div class = "siteproperty_size" * ngIf = "item.PropertyValue ==1" > 西< / div >
< option value = "0" [ selected ] = " item . PropertyValue = =0" > 东< / option > < div class = "siteproperty_size" * ngIf = "item.PropertyValue ==2" > 南< / div >
< option value = "1" [ selected ] = " item . PropertyValue = =1" > 西< / option > < div class = "siteproperty_size" * ngIf = "item.PropertyValue ==3" > 北< / div >
< option value = "2" [ selected ] = " item . PropertyValue = =2" > 南< / option > < div class = "siteproperty_size" * ngIf = "item.PropertyValue ==4" > 东南< / div >
< option value = "3" [ selected ] = " item . PropertyValue = =3" > 北< / option > < div class = "siteproperty_size" * ngIf = "item.PropertyValue ==5" > 西南< / div >
< option value = "4" [ selected ] = " item . PropertyValue = =4" > 东南< / option > < div class = "siteproperty_size" * ngIf = "item.PropertyValue ==6" > 东北< / div >
< option value = "5" [ selected ] = " item . PropertyValue = =5" > 西南< / option > < div class = "siteproperty_size" * ngIf = "item.PropertyValue ==7" > 西北< / div >
< option value = "6" [ selected ] = " item . PropertyValue = =6" > 东北< / option >
< option value = "7" [ selected ] = " item . PropertyValue = =7" > 西北< / option > < / div >
< / select > <!-- 布尔值 是1或否0 -->
< / div > < div * ngIf = "item.PropertyType == 6" >
<!-- 布尔值 是1或否0 --> < p > {{item.PropertyName}}< / p >
< div * ngIf = "item.PropertyType == 6" > < div class = "siteproperty_size" * ngIf = "item.PropertyValue ==1" > 是< / div >
< p > {{item.PropertyName}}< / p > < div class = "siteproperty_size" * ngIf = "item.PropertyValue ==0" > 否< / div >
< input [ disabled ] = " ! isEditPattern " [ checked ] = " item . PropertyValue = = 1 " class = "input" type = "radio" name = "radio" ( click ) = " assetRadioChange ( item , ' 1 ' ) " > < span > 是< / span >
< input [ disabled ] = " ! isEditPattern " [ checked ] = " item . PropertyValue = = 0 " class = "input" type = "radio" name = "radio" ( click ) = " assetRadioChange ( item , ' 0 ' ) " > < span > 否< / span > <!-- <input [checked]="item.PropertyValue == 1" class="input" type="radio" name="radio" (click)="assetRadioChange(item,'1')"><span>是</span>
< / div > < input [ checked ] = " item . PropertyValue = = 0 " class = "input" type = "radio" name = "radio" ( click ) = " assetRadioChange ( item , ' 0 ' ) " > < span > 否< / span > -->
<!-- 供给区域 --> < / div >
< div * ngIf = "item.PropertyType == 7" class = "selectDiv" > <!-- 供给区域 -->
< p style = "display: inline-block;" > {{item.PropertyName}}< / p > < div * ngIf = "item.PropertyType == 7" >
< select ( change ) = " supplyArea ( item , $ event ) " [ disabled ] = " ! isEditPattern " > < p style = "display: inline-block;" > {{item.PropertyName}}< / p >
< option value = "0" [ selected ] = " item . PropertyValue = =0" > 全部< / option > < div class = "siteproperty_size" * ngIf = "item.PropertyValue ==0" > 全部< / div >
< option value = "1" [ selected ] = " item . PropertyValue = =1" > 高区< / option > < div class = "siteproperty_size" * ngIf = "item.PropertyValue ==1" > 高区< / div >
< option value = "2" [ selected ] = " item . PropertyValue = =2" > 中区< / option > < div class = "siteproperty_size" * ngIf = "item.PropertyValue ==2" > 中区< / div >
< option value = "3" [ selected ] = " item . PropertyValue = =3" > 低区< / option > < div class = "siteproperty_size" * ngIf = "item.PropertyValue ==3" > 低区< / div >
< option value = "4" [ selected ] = " item . PropertyValue = =4" > 高中区< / option > < div class = "siteproperty_size" * ngIf = "item.PropertyValue ==4" > 高中区< / div >
< option value = "5" [ selected ] = " item . PropertyValue = =5" > 高低区< / option > < div class = "siteproperty_size" * ngIf = "item.PropertyValue ==5" > 高低区< / div >
< option value = "6" [ selected ] = " item . PropertyValue = =6" > 中低区< / option > < div class = "siteproperty_size" * ngIf = "item.PropertyValue ==6" > 中底区< / div >
< / select > < / div >
< / div > <!-- 供给类型 -->
<!-- 供给类型 --> < div * ngIf = "item.PropertyType == 8" >
< div * ngIf = "item.PropertyType == 8" class = "selectDiv" > < p style = "display: inline-block;" > {{item.PropertyName}}< / p >
< p style = "display: inline-block;" > {{item.PropertyName}}< / p > < div class = "siteproperty_size" * ngIf = "item.PropertyValue ==0" > 消火栓< / div >
< select ( change ) = " supplyType ( item , $ event ) " value = "4" [ disabled ] = " ! isEditPattern " > < div class = "siteproperty_size" * ngIf = "item.PropertyValue ==1" > 喷淋< / div >
< option value = "0" [ selected ] = " item . PropertyValue = =0" > 消火栓< / option > < div class = "siteproperty_size" * ngIf = "item.PropertyValue ==2" > 水幕< / div >
< option value = "1" [ selected ] = " item . PropertyValue = =1" > 喷淋< / option > < div class = "siteproperty_size" * ngIf = "item.PropertyValue ==3" > 泡沫< / div >
< option value = "2" [ selected ] = " item . PropertyValue = =2" > 水幕< / option > < div class = "siteproperty_size" * ngIf = "item.PropertyValue ==4" > 消防< / div >
< option value = "3" [ selected ] = " item . PropertyValue = =3" > 泡沫< / option > < / div >
< option value = "4" [ selected ] = " item . PropertyValue = =4" > 消防< / option > < / div >
< / select >
< / div >
< / div >
< / div >
< / div >
<!-- 消防要素 -->
< div id = "firecategories" class = "firecategories" style = "height: 50%;" cdkDrag cdkDragBoundary = ".functionalDomain" >
<!-- 素材属性div鼠标拖动div -->
< div style = "height:3px;width: 100%;position: absolute;top: 0;cursor: n-resize;z-index: 1000;" ( mousedown ) = " firecategoriesDivMouseDown ( $ event ) " > < / div >
< div cdkDragHandle class = "title" >
< div >
< span style = "user-select: > 消防要素< / span >
< / div > < / div >
< / div > < / div >
<!-- 消防要素 -->
< div class = "firecategoriesTree" > < div * ngIf = "!isProperty" id = "firecategories" class = "firecategories" style = "height:94%;" >
<!-- 消防列表树写在这里 -->
< mat-tree [ dataSource ] = " dataSource " [ treeControl ] = " treeControl " cdkDropList [ cdkDropListData ] = " dataSource " ( cdkDropListDropped ) = " drop ( $ event ) " > < div class = "firecategoriesTree" >
<!-- 消防列表树写在这里 -->
< mat-tree [ dataSource ] = " dataSource " [ treeControl ] = " treeControl " >
< mat-tree-node cdkDrag cdkDragDisabled = "false" [ ngClass ] = " { ' isLookPattern ' : ! node . isLookPattern } " * matTreeNodeDef = "let node;" matTreeNodePadding cdkTreeNodePaddingIndent = '26' ( click ) = " clickTreeNode ( node ) " class = "treeNode" >
< button mat-icon-button disabled > < / button >
< span title = "{{node.name}}" [ ngClass ] = " { ' treeText ' : ! node . isTemplate } " >
{{node.name}}
< / span >
< span * ngIf = "node.isTemplate" > ({{node.children.length}})< / span >
< span class = "isLookCss" ( click ) = " clickLookItem ( node ) " > < mat-icon [ ngClass ] = " { ' icongray ' : node . isLook = = false } " > visibility< / mat-icon > < / span >
< / mat-tree-node >
< mat-tree-node cdkDrag cdkDragDisabled = "false" [ ngClass ] = " { ' isLookPattern ' : ! node . isLookPattern & & ! isEditPattern } " * matTreeNodeDef = "let node;" matTreeNodePadding cdkTreeNodePaddingIndent = '26' ( click ) = " clickTreeNode ( node ) " class = "treeNode" >
< button mat-icon-button disabled > < / button > < mat-tree-node cdkDrag cdkDragDisabled = "false" [ ngClass ] = " { ' isLookPattern ' : ! node . isLookPattern } " * matTreeNodeDef = "let node;when: hasChild" matTreeNodePadding ( click ) = " clickTreeNode ( node ) " class = "treeNode" >
< span title = "{{node.name}}" [ ngClass ] = " { ' treeText ' : ! node . isTemplate } " > < button mat-icon-button
{{node.name}} matTreeNodeToggle
< / span > [attr.aria-label]="'toggle ' + node.name">
< span * ngIf = "node.isTemplate" > ({{node.children.length}})< / span > < mat-icon class = "mat-icon-rtl-mirror" >
< span class = "isLookCss" ( click ) = " clickLookItem ( node ) " > < mat-icon [ ngClass ] = " { ' icongray ' : node . isLook = = false } " > visibility< / mat-icon > < / span > {{treeControl.isExpanded(node) ? 'expand_more' : 'chevron_right'}}
< / mat-tree-node > < / mat-icon >
< / button >
< span title = "{{node.name}}" [ ngClass ] = " { ' treeText ' : ! node . isTemplate } " >
< mat-tree-node cdkDrag cdkDragDisabled = "false" [ ngClass ] = " { ' isLookPattern ' : ! node . isLookPattern & & ! isEditPattern } " * matTreeNodeDef = "let node;when: hasChild" matTreeNodePadding ( click ) = " clickTreeNode ( node ) " class = "treeNode" > {{node.name}}
< button mat-icon-button < / span >
matTreeNodeToggle < span * ngIf = "node.isTemplate && node.isNewElement" > ({{node.children.length}})< / span >
[attr.aria-label]="'toggle ' + node.name"> < span class = "isLookCss" ( click ) = " clickLookItem ( node ) " > < mat-icon [ ngClass ] = " { ' icongray ' : node . isLook = = false } " > visibility< / mat-icon > < / span >
< mat-icon class = "mat-icon-rtl-mirror" > < / mat-tree-node >
{{treeControl.isExpanded(node) ? 'expand_more' : 'chevron_right'}}
< / mat-icon > < / mat-tree >
< / button > < / div >
< span title = "{{node.name}}" [ ngClass ] = " { ' treeText ' : ! node . isTemplate } " >
{{node.name}}
< / span >
< span * ngIf = "node.isTemplate && node.isNewElement" > ({{node.children.length}})< / span >
< span class = "isLookCss" ( click ) = " clickLookItem ( node ) " > < mat-icon [ ngClass ] = " { ' icongray ' : node . isLook = = false } " > visibility< / mat-icon > < / span >
< / mat-tree-node >
< / mat-tree >
< / div > < / div >
< / div > < / div >
< / div > < / div >
< div id = "bottomDiv" class = "bottomCss" * ngIf = "!pattern" > <!-- <div id="bottomDiv" class="bottomCss" *ngIf="!pattern">
< div class = "dragDiv" ( mousedown ) = " bottomDivMouseDown ( $ event ) " > < / div > < div class = "dragDiv" ( mousedown ) = " bottomDivMouseDown ( $ event ) " > < / div >
< div class = "title" > < div class = "title" >
< div ( click ) = " details ( ) " [ ngClass ] = " { ' detailsAndattentBtn ' : detailsAndattentBtn } " > < div ( click ) = " details ( ) " [ ngClass ] = " { ' detailsAndattentBtn ' : detailsAndattentBtn } " >
@ -463,7 +499,7 @@
< textarea * ngIf = "detailsAndattentBtn" name = "" id = "" rows = "10" [ ( ngModel ) ] = " canvasData . selectPanelPointBaseData . description " > < / textarea > < textarea * ngIf = "detailsAndattentBtn" name = "" id = "" rows = "10" [ ( ngModel ) ] = " canvasData . selectPanelPointBaseData . description " > < / textarea >
< textarea * ngIf = "!detailsAndattentBtn" name = "" id = "" rows = "10" [ ( ngModel ) ] = " canvasData . selectPanelPointBaseData . nodes " > < / textarea > < textarea * ngIf = "!detailsAndattentBtn" name = "" id = "" rows = "10" [ ( ngModel ) ] = " canvasData . selectPanelPointBaseData . nodes " > < / textarea >
< / div > < / div >
< / div > < / div > -->
< / div > < / div >
< / div > < / div >
baozw
4 years ago