1234567891011121314151617181920212223242526272829303132333435 |
- <div data-options="dxView: { name: 'Reduce', title: 'Reduce' }">
- <div data-options="dxContent: { targetPlaceholder: 'content' }">
- <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년', maxZoomLevel: 'decade' }" 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 data-bind="dxSelectBox: { dataSource:['전체', '냉방', '난방'], value:'전체', width:100 }"></div>
- </div>
- -->
- <div class="clear">
- <div id="gridContainer" data-bind="dxDataGrid: {dataSource:dataSource, paging: { enabled: false }, showColumnLines:false, showRowLines:true, hoverStateEnabled:true, sorting: { mode: 'none' },}" style="height: 500px; width: 100%;;margin-top:40px"></div>
- </div>
- <p style="margin:2px"> </p>
- <div data-bind="dxBox: { direction: 'row', width: '36%', height: 120 }" style="float:right">
- <div data-options="dxItem: {ratio: 1}">
- <div>
- <div class="dx-field-label" style="width:60%;text-align:right;"><div id="gaugeContainer" style="height:140px; margin:0;padding:0"></div> </div>
- <div class="dx-field-label" style="float:right;width:40%">
- <p style="font-size:14px; text-align: right;">평가년도대비</p>
- <p style="font-size: 14px; text-align: right;">소비 절감량</p>
- <p style="font-size: 20px; text-align: right; font-weight: bold;" data-bind="{text: Globalize.format($root.summary.reduce().amount, 'n0') + ' kWh' }"></p>
- <div style="font-size: 26px; text-align: right; margin-top: 10px; font-weight: bold;">
- <p data-bind="{ text: Globalize.format(Math.abs($root.summary.reduce().rate), 'n2') + '%' }"></p>
- <p data-bind="{ text: $root.rateText }"></p>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
|