<div data-options="dxView : { name: 'EnthalpyControl', title: '엔탈피 제어', pane: 'master' } ">
    <div data-options="dxContent : { targetPlaceholder: 'content' } ">
        <div data-options="dxViewPlaceholder: { viewName: 'SideMenu' }"></div>

        <div data-options="dxViewPlaceholder: { viewName: 'InoutDoorDataGridPopup' }"></div>
        <div data-options="dxView : { name: 'InoutDoorDataGridPopup'} ">
            <div data-bind="dxPopup: InoutDoorDataGridPopupOptions ">
                <div class="dx-clearfix" data-options="dxTemplate: { name: 'content' } ">
                    <div id="popupDetail" data-bind="dxscrollview: { }">
                        <div class="body_sub_title" style="margin-left:10px;margin-top:10px">실내외 온습도 정보</div>
                        <div id="chartInOutdoor" style="height: 90%; width: 100%;" />
                    </div>
                </div>
            </div>
        </div>
        <div data-options="dxViewPlaceholder: { viewName: 'EtcDataGridPopup' }"></div>
        <div data-options="dxView : { name: 'EtcDataGridPopup'} ">
            <div data-bind="dxPopup: EtcDataGridPopupOptions ">
                <div class="dx-clearfix" data-options="dxTemplate: { name: 'content' } ">
                    <div id="popupDetail" data-bind="dxscrollview: { }">
                        <div class="body_sub_title" style="margin-left:10px;margin-top:10px">기타 환경 정보</div>
                        <div id="chartEtc" style="height: 90%; width: 100%;" />
                    </div>
                </div>
            </div>
        </div>
        <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 style="width: 100%; height: 40px;">
                        <div class="fl" style="width: 80px; margin-top: 5px; margin-top: 8px; margin-right: 3px; margin-left: 10px;">공조기 정보</div>
                        <div class="fr" id="Enthalpy_control" style="width: 100px; margin-right: 20px"></div>
                        <div class="fr" id="Enthalpy_onoff" style="width: 100px;  margin-top: 2px; margin-right: 10px"></div>
                    </div>
                    <div class="fl chart_wrap_box" style="width: 100%; height: 684px;">
                        <div class="info_data_grid">
                            <table>
                                <tbody style="text-align:center">
                                    <tr>
                                        <td class="info_item" style="text-align:center">시설명칭</td>
                                        <td class="info_content" style="text-align:center;width: 340px; padding-bottom:0px;padding-top :0px" id="facilityname"></td>
                                    </tr>
                                    <tr>
                                        <td class="info_item" style="text-align:center">시설별칭</td>
                                        <td class="info_content" style="text-align:center;width: 340px; padding-bottom:0px;padding-top :0px" id="facilitynickname"></td>
                                    </tr>
                                    <tr>
                                        <td class="info_item" style="text-align:center">용도</td>
                                        <td class="info_content" style="text-align:center;width: 340px; padding-bottom:0px;padding-top :0px" id="facilityusage"></td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                        <div style="width: 100%; height: 40px; margin-top:25px;">
                            <div class="fl" style="width: 120px; margin-top: 5px; margin-right: 3px; margin-left: 10px;">실내외 온습도 정보</div>
                            <div class="fr" id="inoutdoor_inform" style="width: 100px; margin-right: 10px"></div>
                        </div>
                        <div class="info_data_grid">
                            <table>
                                <tbody style="text-align:center">
                                    <tr>
                                        <td class="info_item" style="text-align:center">실내온도</td>
                                        <td class="info_content" style="text-align:center;width: 340px; padding-bottom:0px;padding-top :0px" id="indoor_temp"></td>
                                    </tr>
                                    <tr>
                                        <td class="info_item" style="text-align:center">실내습도</td>
                                        <td class="info_content" style="text-align:center;width: 340px; padding-bottom:0px;padding-top :0px" id="indoor_humy"></td>
                                    </tr>
                                    <tr>
                                        <td class="info_item" style="text-align:center">실외온도</td>
                                        <td class="info_content" style="text-align:center;width: 340px; padding-bottom:0px;padding-top :0px" id="outdoor_temp"></td>
                                    </tr>
                                    <tr>
                                        <td class="info_item" style="text-align:center">실외습도</td>
                                        <td class="info_content" style="text-align:center;width: 340px; padding-bottom:0px;padding-top :0px" id="outdoor_humy"></td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                        <div style="width: 100%; height: 40px;margin-top:25px;">
                            <div class="fl" style="width: 100px; margin-top: 5px; margin-right: 3px; margin-left: 10px;">기타 환경 정보</div>
                            <div class="fr" id="etc_inform" style="width: 100px; margin-right: 10px"></div>
                        </div>
                        <div class="info_data_grid">
                            <table>
                                <tbody style="text-align:center">
                                    <tr>
                                        <td class="info_item" style="text-align:center">CO</td>
                                        <td class="info_content" style="text-align:center;width: 340px; padding-bottom:0px;padding-top :0px" id="co"></td>
                                    </tr>
                                    <tr>
                                        <td class="info_item" style="text-align:center">CO2</td>
                                        <td class="info_content" style="text-align:center;width: 340px; padding-bottom:0px;padding-top :0px" id="co2"></td>
                                    </tr>
                                    <tr>
                                        <td class="info_item" style="text-align:center">미세먼지</td>
                                        <td class="info_content" style="text-align:center;width: 340px; padding-bottom:0px;padding-top :0px" id="dust"></td>
                                    </tr>
                                    <tr>
                                        <td class="info_item" style="text-align:center">오존</td>
                                        <td class="info_content" style="text-align:center;width: 340px; padding-bottom:0px;padding-top :0px" id="ozone"></td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                        <div style="width: 100%; height: 40px;margin-top:25px;">
                            <div class="fl" style="width: 100px; margin-top: 5px; margin-right: 3px; margin-left: 10px;">에너지 절감율</div>
                        </div>
                        <div class="info_data_grid">
                            <table>
                                <tbody>
                                    <tr>
                                        <td class="info_item" style="text-align:center;width:150px">최대 코일 부하</td>
                                        <td class="info_content" style="text-align:center;width: 340px; padding-bottom:0px;padding-top :0px" id="coilfuture"></td>
                                    </tr>
                                    <tr>
                                        <td class="info_item" style="text-align:center;width:150px">현재 코일 부하</td>
                                        <td class="info_content" style="text-align:center;width: 340px; padding-bottom:0px;padding-top :0px" id="coilnow"></td>
                                    </tr>
                                    <tr>
                                        <td class="info_item" style="text-align:center">절감율</td>
                                        <td class="info_content" style="text-align:center;width: 340px; padding-bottom:0px;padding-top :0px" id="coilreduction"></td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div style="width: 100%; height: 40px; margin-top:28px">
                    <div class="fl" id="enthalpy_content" style="margin-left: 20px; width: 600px;"></div>
                    <div class="fr" id="Airconfitioner_date" style="width: 130px; margin-right: 10px"></div>
                    <div class="fr" id="Airconfitioner_select" style="width: 110px; margin-right: 10px"></div>
                    <div class="fr" style="width: 40px; margin-top: 8px; margin-right: 3px;">조회</div>
                </div>
                <div id="Enthalpy" class="fl chart_wrap_box" style="margin-left: 1.1%;  margin-top:2px; width: 66%; height: 330px; ">
                    <p class="body_sub_title_2depth">엔탈피</p>
                    <div id="chartEnthalpyES" style="height: 90%; width: 100%;" />
                </div>
                <div id="Enthalpy" class="fl chart_wrap_box" style="margin-left: 1.1%;  margin-top:21px; width: 66%; height: 330px; ">
                    <p class="body_sub_title_2depth">코일부하</p>
                    <div id="chartCoilLoad" style="height: 90%; width: 100%;" />
                </div>
            </div>
        </div>
    </div>
</div>