| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253 | <div data-options="dxView: { name: 'Product', title: 'Product' }">    <div data-options="dxContent: { targetPlaceholder: 'content' }">        <div data-options="dxViewPlaceholder: { viewName: 'ProductDataViewPopup' }"></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월', maxZoomLevel: 'year' }" 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 id="graphContainer" data-bind="dxChart: {}" style="height: 460px; width: 100%;;margin-top:10px"></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: '80%', 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"></div>                    <div class="dx-field-label" style="float:right"> <div data-bind="text: Globalize.format($root.summary.prediction())" style="text-align: right; font-size: 20px"> </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"></div>                    <div class="dx-field-label" style="float:right"> <div data-bind="text: Globalize.format($root.summary.goal())" style="text-align: right; font-size: 20px"></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"></div>                    <div class="dx-field-label" style="float:right"> <div data-bind="text: Globalize.format($root.summary.product())" style="text-align:right; font-size:20px"> </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"></div>                    <div class="dx-field-label" style="float:right"> <div data-bind="text: Globalize.format($root.summary.rateOfReduce(), 'n2') + ' %'" style="text-align: right; font-size: 20px"> </div></div>                </div>            </div>        </div>    </div></div>
 |