c0c1bee133e633d1f0c94e81c3cdb7ae61231af6.svn-base 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204
  1. <div data-options="dxView : { name: 'FreeChartAnalysis', title: '사용자 지정 차트 성능 분석', pane: 'master' } ">
  2. <div data-bind="dxCommand: { action: handleEdit, disabled: false, id: 'edit', title: '초기화', icon: 'edit' }"></div>
  3. <div data-options="dxContent : { targetPlaceholder: 'content' } ">
  4. <div data-options="dxViewPlaceholder: { viewName: 'SideMenu' }"></div>
  5. <!-- 2019.05.17 : 그리드 도표 작업 : 팝업창 추가 -->
  6. <div data-options="dxViewPlaceholder: { viewName: 'Free_ChartDataGridPopup' }"></div>
  7. <div data-options="dxViewPlaceholder: { viewName: 'Free_ChartDataGridPopup1' }"></div>
  8. <div data-options="dxViewPlaceholder: { viewName: 'Free_ChartDataGridPopup2' }"></div>
  9. <div data-options="dxViewPlaceholder: { viewName: 'Free_ChartDataGridPopup3' }"></div>
  10. <!-- 2019.05.17 : 그리드 도표 작업 : 팝업창 추가 -->
  11. <div id="LoadPanel"></div>
  12. <div id="WaterRDetail" class="fl" style="width: 29.5%;">
  13. <p class="body_sub_title">조회 일시 및 분석 정보 선택</p>
  14. <div class="fl chart_wrap_box" style="width: 100%; height: 700px;">
  15. <div class=" info_data_grid">
  16. <table>
  17. <tbody style="text-align:right">
  18. <tr>
  19. <td class="info_item" style="text-align: center; width: 180px;">시간별</td>
  20. <td class="info_content" style="text-align:right;width: 200px; padding-bottom:0px;padding-top :0px" id="Time_Interval"></td>
  21. </tr>
  22. <tr>
  23. <td class="info_item" style="text-align: center; width: 180px;">조회 시작일시</td>
  24. <td class="info_content" style="text-align: right; width: 200px; padding-bottom: 0px; padding-top: 0px" id="Search_Date_Start"></td>
  25. </tr>
  26. <tr>
  27. <td class="info_item" style="text-align: center; width: 180px;"></td>
  28. <td class="info_content" style="text-align: right; width: 200px; padding-bottom: 0px; padding-top: 0px" id="Search_Time_Start" ></td>
  29. </tr>
  30. <tr>
  31. <td class="info_item" style="text-align: center; width: 180px;">조회 종료일시</td>
  32. <td class="info_content" style="text-align: right; width: 200px; padding-bottom: 0px; padding-top: 0px" id="Search_Date_End"></td>
  33. </tr>
  34. <tr>
  35. <td class="info_item" style="text-align: center; width: 180px;" ></td>
  36. <td class="info_content" style="text-align:right;width: 200px; padding-bottom:0px;padding-top :0px" id="Search_Time_End"></td>
  37. </tr>
  38. </tbody>
  39. </table>
  40. </div>
  41. <div class=" info_data_grid">
  42. <div style="width: 100%; height: 2px; margin-top:2px;">
  43. <div class="fl" style="width: 100px; margin-top: 2px; margin-right: 3px; margin-left: 10px;"></div>
  44. </div>
  45. <table>
  46. <tbody style="text-align:right">
  47. <tr>
  48. <td class="info_item" style="text-align: right; width: 180px;">Y축 좌측 관제점 타입(*)</td>
  49. <td class="info_content" style="text-align: right; width: 200px; padding-bottom: 0px; padding-top: 0px" id="Y_Left_Point_Type_Id"></td>
  50. </tr>
  51. <tr>
  52. <td class="info_item" style="text-align: right; width: 180px;">설비 타입(*)</td>
  53. <td class="info_content" style="text-align:right;width: 200px; padding-bottom:0px;padding-top :0px" id="Y_Left_FacilityTypeId"></td>
  54. </tr>
  55. <tr>
  56. <td class="info_item" style="text-align: right; width: 180px;">설비 이름(*)</td>
  57. <td class="info_content" style="text-align: right; width: 200px; padding-bottom: 0px; padding-top: 0px" id="Y_Left_FacilityCode"></td>
  58. </tr>
  59. <tr>
  60. <td class="info_item" style="text-align: right; width: 180px;">관제점 이름(*)</td>
  61. <td class="info_content" style="text-align:right;width: 200px; padding-bottom:0px;padding-top :0px" id="Y_Left_ControlId"></td>
  62. </tr>
  63. <tr>
  64. <td class="info_item" style="text-align: right; width: 180px;">그래프 타입(*)</td>
  65. <td class="info_content" style="text-align:right;width: 200px; padding-bottom:0px;padding-top :0px" id="Y_Left_ChartType"></td>
  66. </tr>
  67. </tbody>
  68. </table>
  69. </div>
  70. <div class=" info_data_grid">
  71. <div style="width: 100%; height: 2px; margin-top:2px;">
  72. <div class="fl" style="width: 100px; margin-top: 2px; margin-right: 3px; margin-left: 10px;"></div>
  73. </div>
  74. <table>
  75. <tbody style="text-align:right">
  76. <tr>
  77. <td class="info_item" style="text-align: right; width: 180px;">Y축 우측(1) 관제점 타입</td>
  78. <td class="info_content" style="text-align: right; width: 200px; padding-bottom: 0px; padding-top: 0px" id="Y_Right1_Point_Type_Id"></td>
  79. </tr>
  80. <tr>
  81. <td class="info_item" style="text-align: right; width: 180px;">설비 타입</td>
  82. <td class="info_content" style="text-align:right;width: 200px; padding-bottom:0px;padding-top :0px" id="Y_Right1_FacilityTypeId"></td>
  83. </tr>
  84. <tr>
  85. <td class="info_item" style="text-align: right; width: 180px;">설비 이름</td>
  86. <td class="info_content" style="text-align: right; width: 200px; padding-bottom: 0px; padding-top: 0px" id="Y_Right1_FacilityCode"></td>
  87. </tr>
  88. <tr>
  89. <td class="info_item" style="text-align: right; width: 180px;">관제점 이름</td>
  90. <td class="info_content" style="text-align:right;width: 200px; padding-bottom:0px;padding-top :0px" id="Y_Right1_ControlId"></td>
  91. </tr>
  92. <tr>
  93. <td class="info_item" style="text-align: right; width: 180px;">그래프 타입</td>
  94. <td class="info_content" style="text-align:right;width: 200px; padding-bottom:0px;padding-top :0px" id="Y_Right1_ChartType"></td>
  95. </tr>
  96. </tbody>
  97. </table>
  98. </div>
  99. <div class=" info_data_grid">
  100. <div style="width: 100%; height: 2px; margin-top:2px;">
  101. <div class="fl" style="width: 100px; margin-top: 2px; margin-right: 3px; margin-left: 10px;"></div>
  102. </div>
  103. <table>
  104. <tbody style="text-align:right">
  105. <tr>
  106. <td class="info_item" style="text-align: right; width: 180px;">Y축 우측(2) 관제점 타입</td>
  107. <td class="info_content" style="text-align: right; width: 200px; padding-bottom: 0px; padding-top: 0px" id="Y_Right2_Point_Type_Id"></td>
  108. </tr>
  109. <tr>
  110. <td class="info_item" style="text-align: right; width: 180px;">설비 타입</td>
  111. <td class="info_content" style="text-align:right;width: 200px; padding-bottom:0px;padding-top :0px" id="Y_Right2_FacilityTypeId"></td>
  112. </tr>
  113. <tr>
  114. <td class="info_item" style="text-align: right; width: 180px;">설비 이름</td>
  115. <td class="info_content" style="text-align: right; width: 200px; padding-bottom: 0px; padding-top: 0px" id="Y_Right2_FacilityCode"></td>
  116. </tr>
  117. <tr>
  118. <td class="info_item" style="text-align: right; width: 180px;">관제점 이름</td>
  119. <td class="info_content" style="text-align:right;width: 200px; padding-bottom:0px;padding-top :0px" id="Y_Right2_ControlId"></td>
  120. </tr>
  121. <tr>
  122. <td class="info_item" style="text-align: right; width: 180px;">그래프 타입</td>
  123. <td class="info_content" style="text-align:right;width: 200px; padding-bottom:0px;padding-top :0px" id="Y_Right2_ChartType"></td>
  124. </tr>
  125. </tbody>
  126. </table>
  127. </div>
  128. <div class="Wrap_Button">
  129. <div id="Button_Search"></div>
  130. </div>
  131. </div>
  132. </div>
  133. <!-- 2019.05.17 : 그리드 도표 작업 : 팝업창 추가 -->
  134. <div data-options="dxView : { name: 'Free_ChartDataGridPopup'} ">
  135. <div data-bind="dxPopup: Free_ChartDataGridPopupOptions ">
  136. <div class="dx-clearfix" data-options="dxTemplate: { name: 'content' } ">
  137. <div id="popupDetail" data-bind="dxscrollview: { }">
  138. <div class="body_sub_title" style="margin-left:10px;margin-top:10px">사용자 지정 차트 데이터</div>
  139. <div id="Free_ChartDataGrid_Container" style="height: auto; width: 100%; "
  140. data-bind="dxDataGrid: Free_ChartDataGridOptions" />
  141. </div>
  142. </div>
  143. </div>
  144. </div>
  145. <div data-options="dxView : { name: 'Free_ChartDataGridPopup1'} ">
  146. <div data-bind="dxPopup: Free_ChartDataGridPopupOptions1 ">
  147. <div class="dx-clearfix" data-options="dxTemplate: { name: 'content' } ">
  148. <div id="popupDetail" data-bind="dxscrollview: { }">
  149. <div class="body_sub_title" style="margin-left:10px;margin-top:10px">사용자 지정 차트 데이터</div>
  150. <div id="Free_ChartDataGrid_Container1" style="height: auto; width: 100%; "
  151. data-bind="dxDataGrid: Free_ChartDataGridOptions1" />
  152. </div>
  153. </div>
  154. </div>
  155. </div>
  156. <div data-options="dxView : { name: 'Free_ChartDataGridPopup2'} ">
  157. <div data-bind="dxPopup: Free_ChartDataGridPopupOptions2 ">
  158. <div class="dx-clearfix" data-options="dxTemplate: { name: 'content' } ">
  159. <div id="popupDetail" data-bind="dxscrollview: { }">
  160. <div class="body_sub_title" style="margin-left:10px;margin-top:10px">사용자 지정 차트 데이터</div>
  161. <div id="Free_ChartDataGrid_Container2" style="height: auto; width: 100%; "
  162. data-bind="dxDataGrid: Free_ChartDataGridOptions2" />
  163. </div>
  164. </div>
  165. </div>
  166. </div>
  167. <div data-options="dxView : { name: 'Free_ChartDataGridPopup3'} ">
  168. <div data-bind="dxPopup: Free_ChartDataGridPopupOptions3 ">
  169. <div class="dx-clearfix" data-options="dxTemplate: { name: 'content' } ">
  170. <div id="popupDetail" data-bind="dxscrollview: { }">
  171. <div class="body_sub_title" style="margin-left:10px;margin-top:10px">사용자 지정 차트 데이터</div>
  172. <div id="Free_ChartDataGrid_Container3" style="height: auto; width: 100%; "
  173. data-bind="dxDataGrid: Free_ChartDataGridOptions3" />
  174. </div>
  175. </div>
  176. </div>
  177. </div>
  178. <!-- 2019.05.17 : 그리드 도표 작업 : 팝업창 추가 -->
  179. <div id="effi" class="fl" style="margin-left: 1.1%; width: 69.25%; height: 700px; ">
  180. <p class="clear body_sub_title">사용자 지정 차트</p>
  181. <div class="fr chart_wrap_box" style="width: 100%; height: 100%;">
  182. <div id="Chart_Free" style="height: 100%; width: 100%;" />
  183. </div>
  184. </div>
  185. <!-- 2019.05.17 : 그리드 도표 작업 : 팝업창 추가 -->
  186. <div style="margin-top: 40px;" class="fr" data-bind="dxButton: { text: '도표', onClick: Free_ChartDataGridPopup_ButtonClicked}"></div>
  187. <!-- 2019.05.17 : 그리드 도표 작업 : 팝업창 추가 -->
  188. </div>
  189. </div>