1234567891011121314151617181920212223242526272829303132333435363738 |
- <div data-options="dxView : { name: 'ToeEnergyUsage', title: '@viewToeEnergyUsage', pane: 'master' } ">
- <div data-options="dxContent : { targetPlaceholder: 'content' } ">
- <div data-options="dxViewPlaceholder: { viewName: 'SideMenu' }"></div>
- <div data-options="dxViewPlaceholder: { viewName: 'HourGlassPopup' }"></div>
- <div data-options="dxViewPlaceholder: { viewName: 'ToeEnergyUsageSearchConditionView' }"></div>
- <!--
- <div class="popup" data-bind="dxPopup: popupOptions">
- <div data-options="dxTemplate: { name:'info' }">
- <div id="large-indicator" style="margin-left: 40%;"></div>
- <span> </span>
- <p></p>
- <p align="center">에너지사용량 조회 중 입니다.</p>
- <p align="center">잠시만 기다려 주세요! </p>
- </div>
- </div>
- </div>-->
- <p id="st1" class="body_sub_title">@dailyToeEnergyUsageStatus</p>
- <div class="fl chart_wrap_box" style="width: 40%; height: 340px;">
- <p id="st2" class="body_sub_title_2depth">TOE 환산 에너지 전체 사용량 비율</p>
- <div id="chartPieDayTOE" style="height: 90%; width: 100%;" />
- </div>
- <div class="fr chart_wrap_box" style="width: 59%; height: 340px;">
- <p id="st3" class="body_sub_title_2depth">@toeEnergyUsage</p>
- <div id="chartBarDayTOE" style="height: 90%; width: 100%;" />
- </div>
- <div class="clear"></div>
- <p id="st4" class="clear body_sub_title" style="margin-top: 16px;">@monthlyToeEnergyUsageStatus</p>
- <div class="fl chart_wrap_box" style="width: 40%; height: 340px;">
- <p id="st5" class="body_sub_title_2depth">TOE 환산 에너지 전체 사용량 비율</p>
- <div id="chartPieMonthTOE" style="height: 90%; width: 100%;" />
- </div>
- <div class="fr chart_wrap_box" style="width: 59%; height: 340px;">
- <p id="st6" class="body_sub_title_2depth">@toeEnergyUsage</p>
- <div id="chartBarMonthTOE" style="height: 90%; width: 100%;" />
- </div>
- </div>
- </div>
|