goal.dxview 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. <div data-options="dxView: { name: 'Goal', title: 'Goal' }">
  2. <div data-options="dxContent: { targetPlaceholder: 'content' }">
  3. <div data-options="dxViewPlaceholder: { viewName: 'GoalDataViewPopup' }"></div>
  4. <div data-options="dxViewPlaceholder: { viewName: 'GoalEditViewPopup' }"></div>
  5. <div id="applyAlert" data-bind="dxPopup: applyPopup ">
  6. <div style="margin:10px"> 소비량 기준 입력한 비율로 일괄 적용됩니다. </div>
  7. <div class="dx-field-label">비율: </div>
  8. <div class="dx-field-value"> <div data-bind="dxNumberBox: {showSpinButtons: true, max:100, min:0, value: applyPopup.rateOf }"></div></div>
  9. </div>
  10. <div style="position: absolute; top: 0px; left: 0px">
  11. <div class="clear" data-bind="dxButton: { icon: 'chevronleft', clickAction:onPrevious }" style="float:left;"></div>
  12. <div id="dateBox" class="clear" data-bind="dxDateBox: { value: dateBoxValue, fieldEditEnabled: false, format: 'date', formatString: 'yyyy년 MM월', maxZoomLevel: 'year' }" style="float: left;"></div>
  13. <div class="clear" data-bind="dxButton: { icon: 'chevronright', clickAction:onNext }" style="float: left;"></div>
  14. </div>
  15. <div class="segmented" data-bind="dxTabs: { dataSource: tabs, selectedIndex: selectedTab }" style="width: 20%; "></div>
  16. <div id="graphContainer" data-bind="dxChart: {dataSource:dataSource }" style="height: 460px; width: 100%;;margin-top:10px"></div>
  17. <div data-bind="dxButton:{text:'데이터 보기', clickAction: dataViewPopup.show }" style="float:right"></div>
  18. <p style="margin:15px">&nbsp;</p>
  19. <div data-bind="dxBox: { direction: 'row', width: '75%', height: 120 }" style="float:right">
  20. <div data-options="dxItem: {ratio: 1}">
  21. <div class="summary">알람</div>
  22. <p class="clear-line"></p>
  23. <div>
  24. <div class="dx-field-label">1차:</div>
  25. <div class="dx-field-label" style="float:right"> <div data-bind="text:'90 %'" style="text-align:right"> </div></div>
  26. </div>
  27. <div>
  28. <div class="dx-field-label">2차:</div>
  29. <div class="dx-field-label" style="float:right"> <div data-bind="text:'100 %'" style="text-align:right"></div> </div>
  30. </div>
  31. </div>
  32. <div data-options="dxItem: {ratio: 0.1}"></div>
  33. <div data-options="dxItem: {ratio: 1}">
  34. <div class="summary">예측량</div>
  35. <p class="clear-line"></p>
  36. <div>
  37. <div class="dx-field-label" style="width:60%;text-align:left;margin-left:20px">최대: <div style="float:right;width:30px;text-align:right" data-bind="text: $root.summary.pred.max().title"></div></div>
  38. <div class="dx-field-label" style="float:right;width:30%"> <div data-bind="text: Globalize.format($root.summary.pred.max().value) " style="text-align:right"> </div></div>
  39. </div>
  40. <div>
  41. <div class="dx-field-label" style="width:60%;text-align:left;margin-left:20px">최소: <div style="float:right;width:30px;text-align:right" data-bind="text: $root.summary.pred.min().title"></div></div>
  42. <div class="dx-field-label" style="float:right;width:30%"> <div data-bind="text: Globalize.format($root.summary.pred.min().value) " style="text-align:right"></div> </div>
  43. </div>
  44. </div>
  45. <div data-options="dxItem: {ratio: 0.1}"></div>
  46. <div data-options="dxItem: {ratio: 1}">
  47. <div id="settings" class="summary" data-bind="dxButton:{text:'목표량', clickAction: $root.editGoalPopup.show, disabled: !$root.editGoalPopup.editable() }"></div>
  48. <p class="clear-line"></p>
  49. <div>
  50. <div class="dx-field-label" style="width:60%;text-align:left;margin-left:20px">최대: <div style="float:right;width:30px;text-align:right" data-bind="text: $root.summary.pred.max().title"></div></div>
  51. <div class="dx-field-label" style="float:right;width:30%"> <div data-bind="text: Globalize.format($root.summary.goal.max().value) " style="text-align:right"> </div></div>
  52. </div>
  53. <div>
  54. <div class="dx-field-label" style="width:60%;text-align:left;margin-left:20px">최소: <div style="float:right;width:30px;text-align:right" data-bind="text: $root.summary.pred.min().title"></div></div>
  55. <div class="dx-field-label" style="float:right;width:30%"> <div data-bind="text: Globalize.format($root.summary.goal.min().value) " style="text-align:right"> </div></div>
  56. </div>
  57. </div>
  58. </div>
  59. </div>
  60. </div>