12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970 |
- <div data-options="dxView : { name: 'CenterSiteAmountSumPrediction', title: '@viewCenterSiteAmountSumPrediction', pane: 'master' } ">
- <div data-options="dxContent : { targetPlaceholder: 'content' } ">
- <div class="dx-field" style="padding: 0; top: 16px; color: #2b2b2b; font-weight: normal; font-size: 14px; width: 50%; max-width: 500px; float: left;">
- <p class="clear body_sub_title" id="body_sub_title"></p>
- </div>
- <div class="dx-field" style="float: right; width: 50%; text-align:right;">
- <!--<div id="disabled-button1" data-bind="dxButton: { text: '1. 운영단가', type: 'normal', disabled: true }"></div>
- <div id="disabled-button2" data-bind="dxButton: { text: '2. 가동조건', type: 'default'}"></div>
- <div id="disabled-button3" data-bind="dxButton: { text: '3. 대수제어', type: 'default'}"></div>-->
- </div>
- <div class="dx-field" style="clear: both; padding: 0; top: 16px; color: #2b2b2b; font-weight: normal; font-size: 14px; width: 15%; max-width: 200px; float: left; ">
- <p>
- <div data-bind="dxDateBox: { value: dateBoxValue, format: 'date', formatString: 'yyyy년 MM월 dd일'}"></div>
- </p>
- </div>
- <div class="dx-field" style="float: left; width: 85%; margin-top: 5px;">
- <div id="view-button1" data-bind="dxButton: { text: '예측 및 부하량, 예측금액', clickAction: buttonClickedview1, type: 'normal', disabled: true }"></div>
- <div id="view-button2" data-bind="dxButton: { text: '가동댓수 및 생산열량산정', clickAction: buttonClickedview2, type: 'default'}"></div>
- <div id="view-button3" data-bind="dxButton: { text: '생산원가', clickAction: buttonClickedview3, type: 'default'}"></div>
- <div id="view-button5" data-bind="dxButton: { text: '실행', width: '88px', clickAction: buttonClickedview5}" style="float:right; "></div>
- </div>
- <br />
- <!-- 챠트와 그리드 -->
- <div id="chartContainerOptimum" style="width: 100%; height: 160px; clear: both; padding: 10px 0px 10px 0px; "></div>
- <br />
- <div id="infoTxt" class="dx-field" style="clear: both; font-size: 12px; text-align: right; "></div>
- <table style="clear: both; width: 100%; border-top: 2px solid #7c8fc6;">
- <tbody class="employee2">
- <tr id="view1_1" style="text-align: left; border-bottom: 1px solid #e3eaf3; height: 35px; border: 1px solid #e3eaf3 !important; background: #e3eaf3; background: -moz-linear-gradient(top, #e3eaf3 0%, #FFFFFF 95%, #dae5ef 98%, #9aafc3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b9c9d8), color-stop(95%,#c5d1dd), color-stop(98%,#dae5ef), color-stop(100%,#9aafc3)); background: -webkit-linear-gradient(top, #e3eaf3 0%,#FFFFFF 95%,#dae5ef 98%,#9aafc3 100%); background: -o-linear-gradient(top, #e3eaf3 0%,#e3eaf3 95%,#dae5ef 98%,#9aafc3 100%); background: -ms-linear-gradient(top, #e3eaf3 0%,#e3eaf3 95%,#dae5ef 98%,#9aafc3 100%); background: linear-gradient(to bottom, #e3eaf3 0%,#e3eaf3 95%,#dae5ef 98%,#9aafc3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9c9d8', endColorstr='#9aafc3',GradientType=0 );">
- <td colspan="25" style="font-size: 12px;">* 시간당 총 예측 및 공급 부하량 (kcal)</td>
- </tr>
- <tr id="view1_2" style="text-align: left; border-bottom: 1px solid #e3eaf3; height: 35px;">
- <td colspan="25"><div id="gridContainerOptimum1" class="mk_grid" style="margin: 0 auto; font-size: 12px;"></div></td>
- </tr>
- <tr id="view1_3" style="text-align: left; border-bottom: 1px solid #e3eaf3; height: 35px; border: 1px solid #e3eaf3 !important; background: #e3eaf3; background: -moz-linear-gradient(top, #e3eaf3 0%, #FFFFFF 95%, #dae5ef 98%, #9aafc3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b9c9d8), color-stop(95%,#c5d1dd), color-stop(98%,#dae5ef), color-stop(100%,#9aafc3)); background: -webkit-linear-gradient(top, #e3eaf3 0%,#FFFFFF 95%,#dae5ef 98%,#9aafc3 100%); background: -o-linear-gradient(top, #e3eaf3 0%,#e3eaf3 95%,#dae5ef 98%,#9aafc3 100%); background: -ms-linear-gradient(top, #e3eaf3 0%,#e3eaf3 95%,#dae5ef 98%,#9aafc3 100%); background: linear-gradient(to bottom, #e3eaf3 0%,#e3eaf3 95%,#dae5ef 98%,#9aafc3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9c9d8', endColorstr='#9aafc3',GradientType=0 );">
- <td colspan="25" style="font-size: 12px;">* 에너지 사용량 및 예측금액</td>
- </tr>
- <tr id="view1_4" style="text-align: left; border-bottom: 1px solid #e3eaf3; height: 35px;">
- <td colspan="25"><div id="gridContainerOptimum2" class="mk_grid" style="margin: 0 auto; font-size: 12px;"></div></td>
- </tr>
- <tr id="view3_1" style="text-align: left; border-bottom: 1px solid #e3eaf3; height: 35px;">
- <td colspan="25"><div id="gridContainerOptimum4" class="mk_grid" style="margin: 0 auto; font-size: 12px;"></div></td>
- </tr>
- </tbody>
- </table>
- <!-- //챠트와 그리드 -->
- <!-- 가동댓수 설정화면의 냉동기 종류 -->
- <table style="clear: both; position: absolute; top: 70px; float: left;">
- <tr id="view4" style="text-align: left; border-bottom: 1px solid #e3eaf3; height: 35px;">
- <td><div id="pgridContainer" class="mk_grid" style="width: 200px; margin: 0 auto; font-size: 12px;"></div></td>
- </tr>
- </table>
- <!-- //가동댓수 설정화면의 냉동기 종류 -->
- <!-- 가동댓수 및 생산열량산정 그리드 -->
- <table style="float: left; width: 85%; border-top: 2px solid #7c8fc6; position: absolute; left: 210px; top: 110px; ">
- <tr id="view2_1" style="text-align: left; border-bottom: 1px solid #e3eaf3; height: 35px;">
- <td><div id="gridContainerOptimum2_1" class="mk_grid" style="margin: 0 auto; font-size: 12px;"></div></td>
- </tr>
- </table>
- <!-- //가동댓수 및 생산열량산정 그리드 -->
- </div>
- </div>
|