| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137 | <div data-options="dxView : { name: 'RefrigeratorAnalysis', title: '@viewRefrigeratorAnalysis', pane: 'master' } ">    <div data-options="dxContent : { targetPlaceholder: 'content' }">        <div data-options="dxViewPlaceholder: { viewName: 'SideMenu' }"></div>        <div data-options="dxViewPlaceholder: { viewName: 'RefrigeratorAnalysisSearchConditionView' }"></div>        <div data-options="dxViewPlaceholder: { viewName: 'HourGlassPopup' }"></div>        <div data-bind="dxMultiView: { name: 'RefrigeratorAnalysisView', dataSource: multiViewItems, selectedIndex: currentTabIndex, height: '730px', swipeEnabled:false }" style="padding: 0px;">            <div data-options="dxTemplate: { name: 'mainCharts' }">                <div class="dx-clearfix" style="height: 725px;">                    <div id="regrigeratorDetail" 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: facility.Name"></td>                                        </tr>                                        <tr>                                            <td class="info_item">시설별칭</td>                                            <td class="info_content" data-bind="text: facility.Nickname"></td>                                        </tr>                                        <tr>                                            <td class="info_item">용도</td>                                            <td class="info_content" data-bind="text: facility.FacilityUsage"></td>                                        </tr>                                        <tr>                                            <td class="info_item">제조모델</td>                                            <td class="info_content" data-bind="text: facility.ManufactureModel"></td>                                        </tr>                                        <tr>                                            <td class="info_item">정격용량</td>                                            <td class="info_content" data-bind="text: facility.FacilityCapacity"></td>                                        </tr>                                        <tr>                                            <td class="info_item">정격효율<br />(표준 COP)</td>                                            <td class="info_content red_strong" data-bind="text: facility.RatedCOP"></td>                                        </tr>                                        <tr>                                            <td class="info_item last">정격소비전력</td>                                            <td class="info_content last red_strong" data-bind="text: facility.RatedPowerConsumption"></td>                                        </tr>                                    </tbody>                                </table>                            </div>                        </div>                    </div>                    <div id="cop" class="fl chart_wrap_box" style="margin-left: 1%; width: 32.5%; height: 340px; margin-top:28px">                        <p class="body_sub_title_2depth">냉동기 COP</p>                        <div id="chartCop" style="height: 90%; width: 100%;" />                        <!--                        <div class="fr chart_wrap_box" style="width: 100%; height: 100%;">                            </div>-->                    </div>                    <div id="loadRate" class="fl chart_wrap_box" style="margin-left: 1%; width: 32.5%; height: 340px; margin-top:28px">                        <p class="body_sub_title_2depth">부하율</p>                        <div id="chartLoadRate" style="height: 90%; width: 100%;" />                        <!--                        <div class="fr chart_wrap_box" style="width: 100%; height: 100%;">                            </div>-->                    </div>                    <div class="clear"></div>                    <br>                    <div id="GasLoadRate" class="fl chart_wrap_box" style="width: 32.5%; height: 340px;">                        <p class="body_sub_title_2depth">냉열원 생산열량</p>                        <div id="chartGasLoadRate" style="height: 90%; width: 100%;" />                    </div>                    <div id="electricityLoadRate" class="fl chart_wrap_box" style="margin-left: 1%; width: 32.5%; height: 340px;">                        <p class="body_sub_title_2depth">냉동기 소비전력과 부하율 관계</p>                        <div id="chartElectricityLoadRate" style="height: 90%; width: 100%;" />                    </div>                    <div id="temperatureCop" class="fl chart_wrap_box" style="margin-left: 1%; width: 32.5%; height: 340px;">                        <p class="body_sub_title_2depth">냉각수 입구온도와 COP 관계</p>                        <div id="chartTemperatureCop" style="height: 90%; width: 100%;" />                    </div>                </div>            </div>            <div data-options="dxTemplate: { name: 'subCharts' }">                <div class="clear"></div>                <div id="b6" class="fl chart_wrap_box" style="width: 32.5%; height: 340px;">                    <p class="body_sub_title_2depth">회전수에 따른 소비전력분석 (냉각탑 팬)</p>                    <div id="chart6" style="height: 90%; width: 100%;" />                </div>                <div id="returnEfficiency" class="fl chart_wrap_box" style="margin-left: 1%; width: 32.5%; height: 340px;">                    <p class="body_sub_title_2depth">회전수에 따른 소비전력분석 (냉각수 펌프)</p>                    <div id="chartReturnEfficiency" style="height: 90%; width: 100%;" />                </div>                <div id="ATF" class="fl chart_wrap_box" style="margin-left: 1%; width: 32.5%; height: 340px;">                    <p class="body_sub_title_2depth">회전수에 따른 소비전력분석 (냉수 펌프)</p>                    <div id="chartATF" style="height: 90%; width: 100%;" />                </div>                <div class="clear"></div>                <br>                <div id="CopLoadRate" class="fl chart_wrap_box" style="width: 32.5%; height: 340px;">                    <p class="body_sub_title_2depth">냉동기 COP와 부하율 분석</p>                    <div id="chartCopLoadRate" style="height: 90%; width: 100%;" />                </div>                <div id="EFFSW" class="fl chart_wrap_box" style="margin-left: 1%; width: 32.5%; height: 340px;">                    <p class="body_sub_title_2depth">냉각탑 보급수량</p>                    <div id="chartEFFSW" style="height: 90%; width: 100%;" />                </div>                <div id="coolingApproach" class="fl chart_wrap_box" style="margin-left: 1%; width: 32.5%; height: 340px;">                    <p class="body_sub_title_2depth">시간대별 쿨링어프로치 / 쿨링 레인지</p>                    <ul class="energy_use_data_date" style="margin: 0 auto;">                        <li style="width: 40%;">                            <span style="float: left;" data-bind="dxCheckBox: { value:check_A}" />                            <span style="margin-top: 5px;">쿨링 어프로치</span>                        </li>                        <li style="width: 48%;">                            <span style="float: left;" data-bind="dxCheckBox: { value:check_R}" />                            <span style="margin-top: 5px;">쿨링 레인지</span>                        </li>                    </ul>                    <div id="chartCoolingApproach" style="height: 90%; width: 100%;" />                </div>            </div>        </div>        </div></div>
 |