22f01211545125249bb70702403d4a3737b81527.svn-base 2.3 KB

123456789101112131415161718192021222324252627282930313233
  1. <div data-options="dxView : { name: 'PriceCompare2', title: '요금 비교', pane: 'master' } ">
  2. <div data-options="dxContent : { targetPlaceholder: 'content' } ">
  3. <div data-options="dxViewPlaceholder: { viewName: 'SideMenu' }"></div>
  4. <!--<iframe id="price" style="height:780px;width:100%;"></iframe>-->
  5. <p class="body_sub_title">요금 비교</p>
  6. <!--상단 차트 레이아웃-->
  7. <div class="chart_wrap_box" style="width: 100%;height:690px;">
  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 class="fl" style="margin-left: 10px; margin-right: 5px; font-size: 14px; line-height: 240%;">기준 년도</div>
  12. <div id="startDatePicker" class="fl" data-bind="dxDateBox: startDatePicker"></div>
  13. <div class="fl" style="margin-left: 5px; margin-right: 5px; font-size: 14px; line-height: 240%;">비교 년도</div>
  14. <div id="endDatePicker" class="fl" data-bind="dxDateBox: endDatePicker"></div>
  15. <div id="factorSelect" class="fr" style="width: 250px; margin-left: 5px; margin-right: 5px;" data-bind="dxSelectBox: factorSelect"></div>
  16. <div class="fr" style="margin-left: 5px; margin-right: 5px; font-size: 14px; line-height: 240%;">비교 요소</div>
  17. <br />
  18. <br />
  19. <br />
  20. <!--<div class="dx-clearfix" data-options="dxTemplate: { name: 'content' } ">
  21. <div id="detail" data-bind="dxscrollview: { }">-->
  22. <!--<div id="priceTab" style="text-align: center;height:25px;" data-bind="dxTabs: priceTab"></div>-->
  23. <div id="tabOptions" data-bind="dxTabs: tabOptions"></div>
  24. <div id="priceType" style="font-size: 18px; font-weight: bold;"></div>
  25. <br />
  26. <div id="compareChart" style="height: 544px; width: 100%;" data-bind="dxChart: compareChart"></div>
  27. </div>
  28. </div>
  29. </div>