9830cfe2a8ae46e46ad089bb0cbda71325847376.svn-base 1.8 KB

12345678910111213141516171819202122
  1. <div data-options="dxView : { name: 'ViewCostByEnergy', title: '에너지원 별 비용 조회', pane: 'master' } ">
  2. <div data-options="dxContent : { targetPlaceholder: 'content' } ">
  3. <div data-options="dxViewPlaceholder: { viewName: 'SideMenu' }"></div>
  4. <div id="LoadPanel"></div>
  5. <p class="body_sub_title">에너지원 별 비용 조회</p>
  6. <!--상단 차트 레이아웃-->
  7. <div class="chart_wrap_box" style="width: 100%;">
  8. <div id="powerBtn" class="fl" style="margin-left: 10px; background-image: linear-gradient(180deg,#9babc3 0%,#41618c 100%);" data-bind="dxButton: {text: '전력', onClick: powerButtonClicked}"></div>
  9. <div id="gasBtn" class="fl" style="margin-left:10px;" data-bind="dxButton: {text: '가스', onClick: gasButtonClicked}"></div>
  10. <!--<div id="waterBtn" class="fl" style="margin-left:10px;" data-bind="dxButton: {text: '수도', onClick: waterButtonClicked}"></div>-->
  11. <div id="PublishDate" class="fl" style="width: 200px; margin-left: 30px; margin-right: 5px;" data-bind="dxDateBox: startDatePicker"></div>
  12. <!--<div id="ApplyBtn" class="fr" style="margin-left:10px;" data-bind="dxButton: {text: '적용', onClick: applyButtonClicked}"></div><div id="BasePrice" class="fr" style="text-align: center;"></div><div id ="textbox"class="fr" style="background:#fafafa;color:black;margin-right: 5px; width: 70px; font-size: 12px; text-align: center;"></div>-->
  13. <br /><br /><br />
  14. <div id="tabOptions" data-bind="dxTabs: tabOptions"></div>
  15. <br /><br />
  16. <p class="body_sub_title">에너지원 별 비용 조회</p>
  17. <div class="chart_wrap_box">
  18. <div id="chartViewCostByEnergy" style="height: 550px; width: 100%;" />
  19. </div>
  20. </div>
  21. </div>
  22. </div>