8e24c183fff0c42cbc249a39e66a6b29285d930b.svn-base 6.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. <div data-options="dxView : { name: 'CenterSiteAmountSumPrediction', title: '@viewCenterSiteAmountSumPrediction', pane: 'master' } ">
  2. <div data-options="dxContent : { targetPlaceholder: 'content' } ">
  3. <div class="dx-field" style="padding: 0; top: 16px; color: #2b2b2b; font-weight: normal; font-size: 14px; width: 50%; max-width: 500px; float: left;">
  4. <p class="clear body_sub_title" id="body_sub_title"></p>
  5. </div>
  6. <div class="dx-field" style="float: right; width: 50%; text-align:right;">
  7. <!--<div id="disabled-button1" data-bind="dxButton: { text: '1. 운영단가', type: 'normal', disabled: true }"></div>
  8. <div id="disabled-button2" data-bind="dxButton: { text: '2. 가동조건', type: 'default'}"></div>
  9. <div id="disabled-button3" data-bind="dxButton: { text: '3. 대수제어', type: 'default'}"></div>-->
  10. </div>
  11. <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; ">
  12. <p>
  13. <div data-bind="dxDateBox: { value: dateBoxValue, format: 'date', formatString: 'yyyy년 MM월 dd일'}"></div>
  14. </p>
  15. </div>
  16. <div class="dx-field" style="float: left; width: 85%; margin-top: 5px;">
  17. <div id="view-button1" data-bind="dxButton: { text: '예측 및 부하량, 예측금액', clickAction: buttonClickedview1, type: 'normal', disabled: true }"></div>
  18. <div id="view-button2" data-bind="dxButton: { text: '가동댓수 및 생산열량산정', clickAction: buttonClickedview2, type: 'default'}"></div>
  19. <div id="view-button3" data-bind="dxButton: { text: '생산원가', clickAction: buttonClickedview3, type: 'default'}"></div>
  20. <div id="view-button5" data-bind="dxButton: { text: '실행', width: '88px', clickAction: buttonClickedview5}" style="float:right; "></div>
  21. </div>
  22. <br />
  23. <!-- 챠트와 그리드 -->
  24. <div id="chartContainerOptimum" style="width: 100%; height: 160px; clear: both; padding: 10px 0px 10px 0px; "></div>
  25. <br />
  26. <div id="infoTxt" class="dx-field" style="clear: both; font-size: 12px; text-align: right; "></div>
  27. <table style="clear: both; width: 100%; border-top: 2px solid #7c8fc6;">
  28. <tbody class="employee2">
  29. <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 );">
  30. <td colspan="25" style="font-size: 12px;">* 시간당 총 예측 및 공급 부하량 (kcal)</td>
  31. </tr>
  32. <tr id="view1_2" style="text-align: left; border-bottom: 1px solid #e3eaf3; height: 35px;">
  33. <td colspan="25"><div id="gridContainerOptimum1" class="mk_grid" style="margin: 0 auto; font-size: 12px;"></div></td>
  34. </tr>
  35. <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 );">
  36. <td colspan="25" style="font-size: 12px;">* 에너지 사용량 및 예측금액</td>
  37. </tr>
  38. <tr id="view1_4" style="text-align: left; border-bottom: 1px solid #e3eaf3; height: 35px;">
  39. <td colspan="25"><div id="gridContainerOptimum2" class="mk_grid" style="margin: 0 auto; font-size: 12px;"></div></td>
  40. </tr>
  41. <tr id="view3_1" style="text-align: left; border-bottom: 1px solid #e3eaf3; height: 35px;">
  42. <td colspan="25"><div id="gridContainerOptimum4" class="mk_grid" style="margin: 0 auto; font-size: 12px;"></div></td>
  43. </tr>
  44. </tbody>
  45. </table>
  46. <!-- //챠트와 그리드 -->
  47. <!-- 가동댓수 설정화면의 냉동기 종류 -->
  48. <table style="clear: both; position: absolute; top: 70px; float: left;">
  49. <tr id="view4" style="text-align: left; border-bottom: 1px solid #e3eaf3; height: 35px;">
  50. <td><div id="pgridContainer" class="mk_grid" style="width: 200px; margin: 0 auto; font-size: 12px;"></div></td>
  51. </tr>
  52. </table>
  53. <!-- //가동댓수 설정화면의 냉동기 종류 -->
  54. <!-- 가동댓수 및 생산열량산정 그리드 -->
  55. <table style="float: left; width: 85%; border-top: 2px solid #7c8fc6; position: absolute; left: 210px; top: 110px; ">
  56. <tr id="view2_1" style="text-align: left; border-bottom: 1px solid #e3eaf3; height: 35px;">
  57. <td><div id="gridContainerOptimum2_1" class="mk_grid" style="margin: 0 auto; font-size: 12px;"></div></td>
  58. </tr>
  59. </table>
  60. <!-- //가동댓수 및 생산열량산정 그리드 -->
  61. </div>
  62. </div>