< div class = "content" >
<!-- header头部 -->
< div class = "header" >
< div class = "headerTitle" > {{examMsg.conpanyName}}< / div >
< div class = "headerCenter" >
< div * ngIf = "planData" class = "mainPointDiv" >
< span [ title ] = " planData . mainPoint " > 考试要点 : {{planData.mainPoint}}< / span >
< / div >
< / div >
< div class = "headerRight" * ngIf = "paperType == 0" >
<!-- <button style="border: 1px solid #07CDCF; border - radius: 5px; margin: 0 15px;" (click)='lookAnswerDiv()'><mat - icon>visibility</mat - icon>
查看答案
< / button > -->
< button ( click ) = " score ( ) " > < mat-icon > description< / mat-icon > 评分< / button >
< button ( click ) = " submitScore ( ) " > < mat-icon > open_in_browser< / mat-icon > 提交< / button >
< / div >
< div class = "headerRight" * ngIf = "paperType != 0" style = "text-align: right; padding-right: 30px;" >
< button style = "border: 1px solid #07CDCF; border-radius: 5px;" ( click ) = ' openFireExamination ( ) ' > < mat-icon > visibility< / mat-icon >
查看消防设施
< / button >
< / div >
< / div >
<!-- header头部 -->
<!-- 功能区 -->
< div class = "functionalDomain" >
< div class = 'functionalDomainContent' id = "functionalDomainContent" >
<!-- H5Canvas -->
< app-working-area # canvas [ init ] = ' this ' > < / app-working-area >
<!-- H5Canvas -->
<!-- 拖拽窗口 -->
< div ( mousewheel ) = " $ event . stopPropagation ( ) " class = "centerBuildingDiv" style = "user-select: cdkDrag >
< div class = "centerTotal" >
< div class = "centerTotalHeader overflowText" >
< mat-icon cdkDragHandle matTooltip = "可移动窗口" matTooltipPosition = "above" class = "above" > open_with< / mat-icon >
< label ( click ) = ' togglebeforeOneCheckedBuilding ( ) ' >
{{beforeOneCheckedBuilding.name}}
< mat-icon * ngIf = "beforeOneCheckedBuildingIsShow" > keyboard_arrow_up< / mat-icon >
< mat-icon * ngIf = "!beforeOneCheckedBuildingIsShow" > keyboard_arrow_down< / mat-icon >
< / label >
< / div >
< div class = "everyTotal overflowText" * ngFor = "let item of sitePlanData;let key = index"
[ngClass]="{'selectSitePlan': selectSitePlanIndex==key,'selectSitePlanColor':item.isLabel}" (click)='selectSitePlan(item,key)'>
{{item.name}}
< / div >
< / div >
< div style = "width: 5px;height: 100%;opacity: 0;" [ hidden ] = " ! beforeOneCheckedBuildingIsShow " > < / div >
< div class = "centerTotal" [ hidden ] = " ! beforeOneCheckedBuildingIsShow " >
< div class = "everyTotal" ( click ) = " checkedBuilding ( { name: ' 总平面图 ' } , -1 ) " [ ngClass ] = " { ' buildingbtnchecked ' : checkedBuildingIndex = =-1}" > 总平面图< / div >
< div class = "everyTotal overflowText" * ngFor = "let item of allBuildings;let key = index" ( click ) = " checkedBuilding ( item , key ) " [ ngClass ] = " { ' buildingbtnchecked ' : checkedBuildingIndex = =key}" >
{{item.name}}
< / div >
< / div >
< / div >
<!-- 查看答案拖拽窗口 -->
< div ( mousewheel ) = " $ event . stopPropagation ( ) " class = "answerDivDrag" style = "user-select: cdkDrag * ngIf = "answerDivDrag" >
< div >
< nz-tree * ngIf = "answertreeData.length != 0" nzExpandAll # nzTreeComponent [ nzData ] = " answertreeData " nzBlockNode [ nzTreeTemplate ] = " nzTreeTemplate " > < / nz-tree >
< ng-template # nzTreeTemplate let-node let-origin = "origin" >
< div id = "terrNodePublic" ( click ) = ' selectanelPoint ( node . origin , 0 ) ' [ ngClass ] = " { ' selectanelPoint ' : selectDisposalNode = =node.origin.id}" >
< label title = "{{node.title}}" class = "overflowText textNode" > {{node.title}}< / label >
< / div >
< / ng-template >
< / div >
< / div >
< div ( mousewheel ) = " $ event . stopPropagation ( ) " id = "leftDiv" class = 'functionalDomainLeft publicCss scenarioAssignment' [ ngClass ] = " { ' togglePanel ' : toggleExpandPanel = =true}" style = "user-select: >
<!-- 处置预案 -->
< div class = "handlePlan" >
< div class = "planarGraphHeader" ( click ) = ' toggleHandlePlan ( ) ' >
< mat-icon * ngIf = "toggleHandlePlans" > keyboard_arrow_up< / mat-icon >
< mat-icon * ngIf = "!toggleHandlePlans" > keyboard_arrow_down< / mat-icon >
< label class = "overflowText" style = "font-weight: 550;" > 处置预案< / label >
< / div >
< div [ hidden ] = " ! toggleHandlePlans " >
< div class = "questionsBox" style = "padding-left: 10px;box-sizing: border-box;" >
< p style = "font-size: 15px;" > 考试题目< / p >
< nz-tree * ngIf = "questionstreeData.length != 0" nzExpandAll # nzTreeComponent [ nzData ] = " questionstreeData " nzBlockNode [ nzTreeTemplate ] = " nzTreeTemplate " > < / nz-tree >
< ng-template # nzTreeTemplate let-node let-origin = "origin" >
< div id = "terrNodePublic" ( click ) = ' selectanelPoint ( node . origin , 0 ) ' [ ngClass ] = " { ' selectanelPoint ' : selectDisposalNode = =node.origin.id}" >
< label title = "{{node.title}}" class = "overflowText textNode" > {{node.title}}< / label >
< / div >
< / ng-template >
< / div >
< mat-divider style = "margin: 5px 0 8px 0;" > < / mat-divider >
< div class = "answerDiv" style = "padding-left: 10px;box-sizing: border-box;" >
< p style = "font-size: 15px;" > 考生答案< / p >
< nz-tree # nzTreeComponent2 [ nzData ] = " treeData " nzBlockNode [ nzTreeTemplate ] = " nzTreeTemplate2 " [ nzExpandedKeys ] = " defaultExpandedKeys " > < / nz-tree >
< ng-template # nzTreeTemplate2 let-node let-origin = "origin" >
< div id = "terrNodePublic" ( click ) = ' selectanelPoint ( node . origin , 1 ) ' [ ngClass ] = " { ' selectanelPoint ' : selectDisposalNode = =node.origin.id}" >
< label title = "{{node.title}}" class = "overflowText textNode" > {{node.title}}< / label >
< / div >
< / ng-template >
< / div >
< / div >
< / div >
<!-- 处置预案 -->
<!-- 消防设施 -->
< div class = "planarGraph" id = "readbasictree" >
< div class = "planarGraphHeader" ( click ) = ' togglePlanarGraph ( ) ' >
< mat-icon * ngIf = "togglePlane" > keyboard_arrow_up< / mat-icon >
< mat-icon * ngIf = "!togglePlane" > keyboard_arrow_down< / mat-icon >
< label class = "overflowText" style = "font-weight: 550;" > 消防设施< / label >
< / div >
< div [ hidden ] = " ! togglePlane " * ngIf = "renderData.length != 0" >
<!-- 消防列表树 -->
< nz-tree
#nzTreeComponent
[nzData]="renderData"
nzExpandAll
nzMultiple
[nzTreeTemplate]="nzTreeTemplateBasic"
>
< / nz-tree >
< ng-template # nzTreeTemplateBasic let-node let-origin = "origin" >
< div class = "treeNodeTemplate" >
< label class = "overflowText textNode" > {{node.origin.name || node.origin.Name}}< / label >
< span class = "isLookCss" ( click ) = " clickLookItem ( node ) " > < mat-icon [ ngClass ] = " { ' icongray ' : node . origin . isLook = = false } " > visibility< / mat-icon > < / span >
< / div >
< / ng-template >
<!-- 消防列表树 -->
< / div >
< / div >
<!-- 消防设施 -->
< / div >
< div ( mousewheel ) = " $ event . stopPropagation ( ) " 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 id = "property" class = "property" style = "height: 100%;background-color: white;" >
< div class = "titleS" > < mat-icon > info< / mat-icon > 属性< / div >
<!-- 平面图属性 -->
< div class = "siteproperty" style = "user-select: none" * ngIf = "isShowProperty && isShowAttribute" >
< p > 面积(平方米)< / p >
< div class = "siteproperty_size" > {{canvasData.selectStorey.area}}< / div >
< p > 详情< / p >
< div class = "siteproperty_size" >
{{canvasData.selectStorey.details}}
< / div >
< / div >
<!-- 素材属性 -->
< div class = "assetsproperty" style = "user-select: none" * ngIf = "isShowProperty && !isShowAttribute" >
< h3 style = "text-align: center;font-weight: 900;" > {{assetName}}< / h3 >
< div * ngIf = "canvasAssetObj.InteractiveMode == 0" >
< p > 宽度(像素)< / p >
< input type = "text" class = "biginput" [ ( ngModel ) ] = " assetWidth " disabled >
< p > 高度(像素)< / p >
< input type = "text" class = "biginput" [ ( ngModel ) ] = " assetHeight " disabled >
< p > 角度< / p >
< div style = "width: 100%;display: flex;vertical-align: top;height: 22px;" >
< input type = "number" class = "smallinput" [ ( ngModel ) ] = " sliderValue "
oninput="if(value>360)value=360;if(value< 0 ) value = 0;" disabled >
< mat-slider color = "primary" min = "0" max = "360" step = "1" style = "bottom: 12px;left: 2px;width: 70%;"
[(ngModel)]="sliderValue" disabled>< / mat-slider >
< / div >
< / div >
<!-- 如果是多点连线 -->
< div * ngIf = "canvasAssetObj.InteractiveMode == 1" >
< p > 厚度< / p >
< div style = "width: 100%;display: flex;vertical-align: top;height: 22px;" >
< input type = "number" class = "smallinput" [ ( ngModel ) ] = " sliderValueThickness "
oninput="if(value>999)value=999;if(value< 0 ) value = 0;" disabled >
< mat-slider color = "primary" min = "0" max = "999" step = "1" style = "bottom: 12px;left: 2px;width: 70%;"
[(ngModel)]="sliderValueThickness" disabled>< / mat-slider >
< / div >
< / div >
< p style = "margin-top: 4px;margin-bottom: 0px;" > 是否高亮< / p >
< div >
< input class = "input" [ ( ngModel ) ] = " isHighLight " type = "checkbox" disabled >
< span style = "font-size: 14px;" > 选中高亮< / span >
< / div >
< div class = "colorBigDiv" * ngIf = "canvasAssetObj.FillMode == 0" >
< div class = "colorBigTemplateDiv" >
< span > 颜色< / span >
< div class = "colorTemplateDiv" [ style ] = " { ' background-color ' :selectedcolor } " >
< / div >
< / div >
<!-- <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;"
disabled>< / mat-slider >
< span style = "color: #9c9fa5;font-size: 12px;" > {{colorDivSliderValue}}%< / span > -->
< / div >
< div * ngFor = "let item of PropertyInfos;index as key " >
<!-- 单行文本 -->
< div * ngIf = "item.PropertyType == 0" >
< p > {{item.PropertyName}}< span style = "font-size: 14px;" * ngIf = "item.PhysicalUnit" > ({{item.PhysicalUnit}})< / span > < / p >
< input type = "text" class = "biginput" [ value ] = " item . PropertyValue " disabled >
< / div >
<!-- 多行文本 -->
< div * ngIf = "item.PropertyType == 1" >
< p > {{item.PropertyName}}< span style = "font-size: 14px;" * ngIf = "item.PhysicalUnit" > ({{item.PhysicalUnit}})< / span > < / p >
< textarea class = "textarea" name = "" id = "" [ value ] = " item . PropertyValue " disabled > < / textarea >
< / div >
<!-- 数值 -->
< div * ngIf = "item.PropertyType == 2" >
< p > {{item.PropertyName}}< span style = "font-size: 14px;" * ngIf = "item.PhysicalUnit" > ({{item.PhysicalUnit}})< / span > < / p >
< input type = "number" class = "biginput" [ value ] = " item . PropertyValue " disabled >
< / div >
<!-- 图片数量 -->
< div * ngIf = "item.PropertyType == 4" style = "height: 140px;" >
< div style = "position: relative;width: 100%;height: 21px;margin: 1px 0;" >
< 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 >
< input disabled * ngIf = "isImgNumCss" accept = "image/*" type = "file" style = "width: 33%;position: absolute;right: 10px;top: 1px;opacity: 0;z-index: 100;cursor: pointer;height: 21px;" >
< 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 class = "swiper-button-next" > < / div >
< div class = "swiper-button-prev" > < / div >
< / div >
< / div >
< / div >
<!-- 方向 -->
< div * ngIf = "item.PropertyType == 5" class = "selectDiv" >
< p style = "display: inline-block;" > {{item.PropertyName}}< / p >
< select disabled >
< option value = "0" [ selected ] = " item . PropertyValue = =0" > 东< / option >
< option value = "1" [ selected ] = " item . PropertyValue = =1" > 西< / option >
< option value = "2" [ selected ] = " item . PropertyValue = =2" > 南< / option >
< option value = "3" [ selected ] = " item . PropertyValue = =3" > 北< / option >
< option value = "4" [ selected ] = " item . PropertyValue = =4" > 东南< / option >
< option value = "5" [ selected ] = " item . PropertyValue = =5" > 西南< / option >
< option value = "6" [ selected ] = " item . PropertyValue = =6" > 东北< / option >
< option value = "7" [ selected ] = " item . PropertyValue = =7" > 西北< / option >
< / select >
< / div >
<!-- 布尔值 是1或否0 -->
< div * ngIf = "item.PropertyType == 6" >
< p > {{item.PropertyName}}< / p >
< input disabled [ checked ] = " item . PropertyValue = = 1 " class = "input" type = "radio" name = "radio" > < span > 是< / span >
< input disabled [ checked ] = " item . PropertyValue = = 0 " class = "input" type = "radio" name = "radio" > < span > 否< / span >
< / div >
<!-- 供给区域 -->
< div * ngIf = "item.PropertyType == 7" class = "selectDiv" >
< p style = "display: inline-block;" > {{item.PropertyName}}< / p >
< select disabled >
< option value = "0" [ selected ] = " item . PropertyValue = =0" > 全部< / option >
< option value = "1" [ selected ] = " item . PropertyValue = =1" > 高区< / option >
< option value = "2" [ selected ] = " item . PropertyValue = =2" > 中区< / option >
< option value = "3" [ selected ] = " item . PropertyValue = =3" > 低区< / option >
< option value = "4" [ selected ] = " item . PropertyValue = =4" > 高中区< / option >
< option value = "5" [ selected ] = " item . PropertyValue = =5" > 高低区< / option >
< option value = "6" [ selected ] = " item . PropertyValue = =6" > 中低区< / option >
< / select >
< / div >
<!-- 供给类型 -->
< div * ngIf = "item.PropertyType == 8" class = "selectDiv" >
< p style = "display: inline-block;" > {{item.PropertyName}}< / p >
< select value = "4" >
< option value = "0" [ selected ] = " item . PropertyValue = =0" > 消火栓< / option >
< option value = "1" [ selected ] = " item . PropertyValue = =1" > 喷淋< / option >
< option value = "2" [ selected ] = " item . PropertyValue = =2" > 水幕< / option >
< option value = "3" [ selected ] = " item . PropertyValue = =3" > 泡沫< / option >
< option value = "4" [ selected ] = " item . PropertyValue = =4" > 消防< / option >
< / select >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
<!-- 功能区 -->
< / div >
