| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100 | <!-- jks-2016-02-03 신재생 에너지 생신량조회 에서 생산량 조회로 수정 --><div data-options="dxView : { name: 'GreenEnergy', title: '신재생 에너지 생산량', pane: 'master' } ">    <div data-options="dxContent : { targetPlaceholder: 'content' } ">        <div data-options="dxViewPlaceholder: { viewName: 'SideMenu' }"></div>        <div data-options="dxViewPlaceholder: { viewName: 'GreenEnergySearchConditionView' }"></div>        <!--  2017.09.11 : 그리드 도표 작업 : 팝업창 추가 -->        <div data-options="dxViewPlaceholder: { viewName: 'GreenEnergyDataGridPopup' }"></div>        <!--  2017.09.11 : 그리드 도표 작업 : 팝업창 추가 -->        <div data-options="dxViewPlaceholder: { viewName: 'HourGlassPopup' }"></div>        <!--  2017.09.11 : 그리드 도표 작업 : 팝업창 추가 -->        <div data-options="dxView : { name: 'GreenEnergyDataGridPopup'} ">            <div data-bind="dxPopup: GreenEnergyDataGridPopupOptions ">                <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="GreenEnergyDataGrid_Container" style="height: auto; width: 100%; "                             data-bind="dxDataGrid: GreenEnergyDataGridOptions" />                    </div>                </div>            </div>        </div>        <!--  2017.09.11 : 그리드 도표 작업 : 팝업창 추가 -->        <div data-bind="dxMultiView: { dataSource: multiViewItems, selectedIndex: currentTabIndex, height: '730px' }" style="padding: 0px;">            <div data-options="dxTemplate: { name: 'mainCharts' }">                <div class="dx-clearfix" style="height: 100%;">                    <div id="GreenEnergyDetail" class="fl" style="width: 27.5%;">                        <p class="body_sub_title">신재생에너지 상세정보</p>                        <div class="fl chart_wrap_box" style="width: 100%; height: 700px;">                            <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="elec" class="fl" style="margin-left: 1%; width: 71.25%; height: 700px; ">                        <p id="chartText" class="clear body_sub_title">생산량 조회</p>                        <div class="fr chart_wrap_box" style="width: 100%; height: 100%;">                            <div id="measureSelect" class="fl" style="width: 150px;" />                            <div id="chartGreenElec" style="position: absolute; left: 30%;top:10%; height: 80%; width: 65%;" />                            <div id="chartGreenElecConsume" style="position: absolute; left: 30%; top: 10%; height: 80%; width: 65%; " />                        </div>                    </div>                </div>            </div>            <!--  <div data-options="dxTemplate: { name: 'subCharts' }" >-->        </div>        <!--  2017.09.11 : 그리드 도표 작업 : 팝업창 추가 -->        <div style="margin-top: 12px;" class="fr" data-bind="dxButton: { text: '도표', onClick: GreenEnergyDataGridPopup_ButtonClicked}"></div>        <!--  2017.09.11 : 그리드 도표 작업 : 팝업창 추가 -->    </div></div>
 |