<div data-options="dxView : { name: 'BoilerAnalysis', title: '보일러 성능 분석', pane: 'master' } "> <div data-options="dxContent : { targetPlaceholder: 'content' } "> <div data-options="dxViewPlaceholder: { viewName: 'SideMenu' }"></div> <div data-options="dxViewPlaceholder: { viewName: 'BoilerAnalysisSearchConditionView' }"></div> <div data-options="dxViewPlaceholder: { viewName: 'HourGlassPopup' }"></div> <div data-bind="dxMultiView: { name: 'BoilerAnalysisView', dataSource: multiViewItems, selectedIndex: currentTabIndex, height: '730px', swipeEnabled:false }" style="padding: 0px;"> <div data-options="dxTemplate: { name: 'mainCharts' }"> <div class="dx-clearfix" style="height: 100%;"> <div id="boilerDetail" class="fl" style="width: 32.5%;"> <p class="body_sub_title">보일러 상세정보</p> <div class="fl chart_wrap_box" style="width: 100%; height: 340px;"> <div class="info_data_grid"> <table width="100%"> <caption class="skip">장비상세정보</caption> <colgroup> <col width="30%"> <col width="auto"> </colgroup> <thead class="skip"> <tr> <th>제목</th> <th>내용</th> </tr> </thead> <tbody> <tr> <td class="info_item">시설명칭</td> <td class="info_content" data-bind="text: $data.facility.Name"></td> </tr> <tr> <td class="info_item">시설별칭</td> <td class="info_content" data-bind="text: $data.facility.Nickname"></td> </tr> <tr> <td class="info_item">용도</td> <td class="info_content" data-bind="text: $data.facility.FacilityUsage"></td> </tr> <tr> <td class="info_item">제조모델</td> <td class="info_content" data-bind="text: $data.facility.ManufactureModel"></td> </tr> <tr> <td class="info_item">정격용량</td> <td class="info_content" data-bind="text: $data.facility.FacilityCapacity"></td> </tr> <tr> <td class="info_item">정격효율<br />(표준 COP)</td> <td class="info_content red_strong" data-bind="text: $data.facility.RatedCOP"></td> </tr> <tr> <td class="info_item last">정격소비전력</td> <td class="info_content last red_strong" data-bind="text: $data.facility.RatedPowerConsumption"></td> </tr> </tbody> </table> </div> </div> </div> <!-- <div id="effi" class="fl chart_wrap_box" style="margin-left: 1.1%; width: 66.25%; height: 340px; margin-top:28px"> <p class="body_sub_title_2depth">보일러 효율</p> <div id="chartEffi" style="height: 90%; width: 100%;" /> </div> <div class="clear"></div> <br> <div id="atfw" class="fl chart_wrap_box" style="width: 32.5%; height: 340px;"> <p class="body_sub_title_2depth">공기 과잉률</p> <div id="chartAtfw" style="height: 90%; width: 100%;" /> </div> <div id="COP" class="fl chart_wrap_box" style="margin-left: 1.1%; width: 32.5%; height: 340px;"> <p class="body_sub_title_2depth">COP</p> <div id="chartCOP" style="height: 90%; width: 100%;" /> </div> <div id="FIRE" class="fl chart_wrap_box" style="margin-left: 1.1%; width: 32.5%; height: 340px;"> <p class="body_sub_title_2depth">발열량</p> <div id="chartFIRE" style="height: 90%; width: 100%;" /> </div>--> <div id="effi" class="fl chart_wrap_box" style="margin-left: 1.1%; width: 66.25%; height: 340px; margin-top:28px"> <p class="body_sub_title_2depth">보일러 효율</p> <div id="chartEffiBO" style="height: 90%; width: 100%;" /> </div> <div class="clear"></div> <br> <div id="atfw" class="fl chart_wrap_box" style="width: 32.5%; height: 340px;"> <p class="body_sub_title_2depth">보일러 효율과 부하율 관계</p> <div id="chartAtfwBO" style="height: 90%; width: 100%;" /> </div> <div id="COP" class="fl chart_wrap_box" style="margin-left: 1.1%; width: 32.5%; height: 340px;"> <p class="body_sub_title_2depth">순환펌프 회전수에 따른 순환펌프 소비전력 분석</p> <div id="chartCOPBO" style="height: 90%; width: 100%;" /> </div> <div id="FIRE" class="fl chart_wrap_box" style="margin-left: 1.1%; width: 32.5%; height: 340px;"> <p class="body_sub_title_2depth">부하율</p> <div id="chartFIREBO" style="height: 90%; width: 100%;" /> </div> </div> </div> <div data-options="dxTemplate: { name: 'subCharts' }"> </div> </div> </div> </div>