1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162 |
- <div data-options="dxView: { name: 'Loads', title: 'Loads' }">
- <div data-options="dxContent: { targetPlaceholder: 'content' }">
- <div data-options="dxViewPlaceholder: { viewName: 'LoadsDataViewPopup' }"></div>
- <div data-options="dxViewPlaceholder: { viewName: 'LoadsPredictPopup' }"></div>
- <div style="position: absolute; top: 0px; left: 0px">
- <div class="clear" data-bind="dxButton: { icon: 'chevronleft', clickAction:onPrevious }" style="float:left;"></div>
- <div id="dateBox" class="clear" data-bind="dxDateBox: { value: dateBoxValue, fieldEditEnabled: false, format: 'date', formatString: 'yyyy년 MM월 dd일' }" style="float: left;"></div>
- <div class="clear" data-bind="dxButton: { icon: 'chevronright', clickAction:onNext }" style="float: left;"></div>
- </div>
- <div class="segmented" data-bind="dxTabs: { dataSource: tabs, selectedIndex: selectedTab }" style="width: 20%; "></div>
- <div style="position: absolute; top: 0px; right: 0px">
- <!-- <div style="float:right; height:45px"> -->
- <div class="clear" data-bind="dxButton: { text:'부하 예측', clickAction: predictPopup.show }" style="font-size:18px"></div>
- </div>
- <div id="graphContainer" data-bind="dxChart: {}" style="height: 460px; width: 100%;;margin-top:5px;clear:both"></div>
- <div data-bind="dxButton:{text:'데이터 보기', clickAction: dataViewPopup.show }" style="float:right"></div>
- <p style="margin:15px"> </p>
- <div data-bind="dxBox: { direction: 'row', width: '75%', height: 120 }" style="float:right">
- <div data-options="dxItem: {ratio: 1}">
- <div class="summary">외기온도</div>
- <p class="clear-line"></p>
- <div>
- <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.temperature.max().title"></div></div>
- <div class="dx-field-label" style="float:right;width:30%"> <div data-bind="text: Globalize.format($root.summary.temperature.max().value, 'n1') + ' ℃'" style="text-align:right"> </div></div>
- </div>
- <div>
- <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.temperature.min().title"></div></div>
- <div class="dx-field-label" style="float:right;width:30%"> <div data-bind="text: Globalize.format($root.summary.temperature.min().value, 'n1') + ' ℃'" style="text-align:right"></div> </div>
- </div>
- </div>
- <div data-options="dxItem: {ratio: 0.1}"></div>
- <div data-options="dxItem: {ratio: 1}">
- <div class="summary">예측 부하량</div>
- <p class="clear-line"></p>
- <div>
- <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>
- <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>
- </div>
- <div>
- <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>
- <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>
- </div>
- </div>
- <div data-options="dxItem: {ratio: 0.1}"></div>
- <div data-options="dxItem: {ratio: 1}">
- <div class="summary"> 전일 부하량 </div>
- <p class="clear-line"></p>
- <div>
- <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.previous.max().title"></div></div>
- <div class="dx-field-label" style="float:right;width:30%"> <div data-bind="text: Globalize.format($root.summary.previous.max().value) " style="text-align:right"> </div></div>
- </div>
- <div>
- <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.previous.min().title"></div></div>
- <div class="dx-field-label" style="float:right;width:30%"> <div data-bind="text: Globalize.format($root.summary.previous.min().value) " style="text-align:right"> </div></div>
- </div>
- </div>
- </div>
- </div>
- </div>
|