| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184 | <div data-options="dxView : { name: 'EnergySavingControl', title: '에너지 절감 제어', pane: 'master' } ">    <div data-options="dxContent : { targetPlaceholder: 'content' } ">        <div data-options="dxViewPlaceholder: { viewName: 'SideMenu' }"></div>        <div data-options="dxViewPlaceholder: { viewName: 'EnergySavingControlSearchConditionView' }"></div>        <div data-options="dxViewPlaceholder: { viewName: 'HourGlassPopup' }"></div>             <div data-bind="dxMultiView: { 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="EnergySavingControlDetail" class="fl" style="width: 32.5%;">                        <p class="body_sub_title">공조기 상세정보</p>                        <div class="fl chart_wrap_box" style="width: 100%; height: 684px;">                            <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>                                        <!--                                                                <tr>                                                                    <td class="info_item last">엔탈피 제어</td>                                                                    <div class="dx-field-value" data-bind="dxSwitch: { value: dataModel.IsUse, onText: $G('use'), offText: $G('nonUse') }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>                                                                </tr>-->                                    </tbody>                                </table>                            </div>                            <div class="info_data_grid" style="height: 40%; width: 100%; margin-top:80px">                                <table>                                    <tbody>                                        <colgroup>                                            <col width="50%">                                            <col width="30%" >                                            <col width="20%" >                                        </colgroup>                                        <tr>                                            <td class="info_item">절전사이클 제어</td>                                            <td class="dx-field-value" data-bind="dxSwitch: { value: dutyOnOff, onText: 'On', offText: 'Off' }"></td>                                            <td>                                                <div style="float: right; margin-left: 2px;" data-bind="dxButton: { text: '제어', clickAction: setDutyOnOff }"></div>                                            </td>                                        </tr>                                        <tr>                                            <td class="info_item">최적기동/정지 제어</td>                                            <td class="dx-field-value" data-bind="dxSwitch: { value: effiOnOff, onText: 'On', offText: 'Off' }"></td>                                            <td>                                                <div style="float: right; margin-left: 2px;" data-bind="dxButton: { text: '제어', clickAction: setEffiOnOff }"></div>                                            </td>                                        </tr>                                        <tr>                                            <td class="info_item">엔탈피 제어</td>                                            <td class="dx-field-value" data-bind="dxSwitch: { value: enthalpyOnOff, onText: 'On', offText: 'Off' }"></td>                                            <td>                                                <div col="2" style="float: right; margin-left: 2px;" data-bind="dxButton: { text: '제어', clickAction: setEnthalpyOnOff }"></div>                                            </td>                                        </tr>                                        <tr>                                            <td class="info_item">나이트 퍼지 제어</td>                                            <td class="dx-field-value" data-bind="dxSwitch: { value: co2OnOff, onText: 'On', offText: 'Off' }" ></td>                                            <td>                                                <div style="float: right; margin-left: 2px;" data-bind="dxButton: { text: '제어', clickAction: setCO2OnOff }"></div>                                            </td>                                            <!--                                            <td class="dx-field-value" data-bind="dxSwitch: { value: co2OnOff, onText: 'On', offText: 'Off' }"></td>                                            <td style="float: right; margin-left: 2px;" data-bind="dxButton: { text: '제어', clickAction: setCO2OnOff }"></td>-->                                        </tr>                                        <!--                                        <tr>                                            <td class="info_item">온도 제어</td>                                            <td class="dx-field-value" data-bind="dxTextBox: { value: tempValue, placeholder: '' }"></td>                                            <td>                                                <div style="float: right; margin-left: 2px;" data-bind="dxButton: { text: '제어', clickAction: setTempValue }"></div>                                            </td>                                        </tr>-->                                    </tbody>                                </table>                            </div>                        </div>                    </div>                    <div id="Enthalpy" class="fl chart_wrap_box" style="margin-left: 1.1%;  margin-top:27px; width: 66%; height: 340px; ">                        <p class="body_sub_title_2depth">엔탈피</p>                        <div id="chartEnthalpyES" style="height: 90%; width: 100%;" />                    </div><!--                <div class="clear"></div>                <br>--><!--                    <div class="fl chart_wrap_box" style="width: 32.5%; height: 338px;">                        <p class="body_sub_title_2depth">제어</p>                        <div class="info_data_grid" style="height: 90%; width: 100%;">                            <table>                                <colgroup>                                    <col width="30%">                                    <col width="auto">                                </colgroup>                                <tbody>                                    <tr>                                        <td class="info_item">엔탈피 제어</td>                                        <td class="dx-field-value" data-bind="dxSwitch: { value: true, onText: 'On', offText: 'Off' }, css: {'dx-state-invisible': false }"></td>                                    </tr>                                    <tr>                                        <td class="info_item">절전사이클 제어</td>                                        <td class="dx-field-value" data-bind="dxSwitch: { value: true, onText: 'On', offText: 'Off' }, css: {'dx-state-invisible': false }"></td>                                    </tr>                                    <tr>                                        <td class="info_item">공조기효율 제어</td>                                        <td class="dx-field-value" data-bind="dxSwitch: { value: true, onText: 'On', offText: 'Off' }, css: {'dx-state-invisible': false }"></td>                                    </tr>                                    <tr>                                        <td class="info_item">CO2 제어</td>                                        <td class="dx-field-value" data-bind="dxSwitch: { value: true, onText: 'On', offText: 'Off' }, css: {'dx-state-invisible': false }"></td>                                    </tr>                                    <tr>                                        <td class="info_item">온도 제어</td>                                        <td class="dx-field-value" data-bind="text: $data.facility.FacilityCapacity"></td>                                    </tr>                                </tbody>                            </table>                        </div>                    </div>-->                    <div id="CO2" class="fl chart_wrap_box" style="margin-left:1.1%; width: 32.5%; height: 338px; margin-top:8px">                        <p class="body_sub_title_2depth">CO2</p>                        <div id="chartCO2ES" style="height: 90%; width: 100%;" />                    </div>                                        <div id="Set" class="fl chart_wrap_box" style="margin-left: 1.1%; width: 32.5%; height: 338px; margin-top:8px">                        <p class="body_sub_title_2depth">실내 온습도</p>                        <div id="chartSetES" style="height: 90%; width: 100%;" />                    </div>            </div><!--            <div data-options="dxTemplate: { name: 'subCharts' }">                <div id="temperatureCalorie2" class="fl chart_wrap_box" style="width: 99%; height: 340px; ">                    <p class="body_sub_title_2depth">외기온도와 냉/온 열량의 관계</p>                    <div id="chartTemperatureCalorie" style="height: 90%; width: 100%;" />                </div>                <div class="clear"></div>                <br />                <div id="temperatureElectricity2" class="fl chart_wrap_box" style="width: 99%; height: 340px; ">                    <p class="body_sub_title_2depth">냉난방소비전력과 외기온도 관계</p>                    <div id="chartTemperatureElectricity2" style="height: 90%; width: 100%;" />                </div>            </div>-->        </div>    </div></div>
 |