| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204 | 
							- <div data-options="dxView : { name: 'FreeChartAnalysis', title: '사용자 지정 차트 성능 분석', pane: 'master' } ">
 
-     <div data-bind="dxCommand: { action: handleEdit, disabled: false, id: 'edit', title: '초기화', icon: 'edit' }"></div>
 
-     <div data-options="dxContent : { targetPlaceholder: 'content' } ">
 
-         <div data-options="dxViewPlaceholder: { viewName: 'SideMenu' }"></div>
 
-         <!--  2019.05.17 : 그리드 도표 작업 : 팝업창 추가 -->
 
-         <div data-options="dxViewPlaceholder: { viewName: 'Free_ChartDataGridPopup' }"></div>
 
-         <div data-options="dxViewPlaceholder: { viewName: 'Free_ChartDataGridPopup1' }"></div>
 
-         <div data-options="dxViewPlaceholder: { viewName: 'Free_ChartDataGridPopup2' }"></div>
 
-         <div data-options="dxViewPlaceholder: { viewName: 'Free_ChartDataGridPopup3' }"></div>
 
-         <!--  2019.05.17 : 그리드 도표 작업 : 팝업창 추가 -->
 
-         <div id="LoadPanel"></div>
 
-         <div id="WaterRDetail" class="fl" style="width: 29.5%;">
 
-             <p class="body_sub_title">조회 일시 및 분석 정보 선택</p>
 
-             <div class="fl chart_wrap_box" style="width: 100%; height: 700px;">
 
-                 <div class=" info_data_grid">
 
-                     <table>
 
-                         <tbody style="text-align:right">
 
-                             <tr>
 
-                                 <td class="info_item" style="text-align: center; width: 180px;">시간별</td>
 
-                                 <td class="info_content" style="text-align:right;width: 200px; padding-bottom:0px;padding-top :0px" id="Time_Interval"></td>
 
-                             </tr>
 
-                             <tr>
 
-                                 <td class="info_item" style="text-align: center; width: 180px;">조회 시작일시</td>
 
-                                 <td class="info_content" style="text-align: right; width: 200px; padding-bottom: 0px; padding-top: 0px" id="Search_Date_Start"></td>
 
-                             </tr>
 
-                             <tr>
 
-                                 <td class="info_item" style="text-align: center; width: 180px;"></td>
 
-                                 <td class="info_content" style="text-align: right; width: 200px; padding-bottom: 0px; padding-top: 0px" id="Search_Time_Start" ></td>
 
-                             </tr>
 
-                             <tr>
 
-                                 <td class="info_item" style="text-align: center; width: 180px;">조회 종료일시</td>
 
-                                 <td class="info_content" style="text-align: right; width: 200px; padding-bottom: 0px; padding-top: 0px" id="Search_Date_End"></td>
 
-                             </tr>
 
-                             <tr>
 
-                                 <td class="info_item" style="text-align: center; width: 180px;" ></td>
 
-                                 <td class="info_content" style="text-align:right;width: 200px; padding-bottom:0px;padding-top :0px" id="Search_Time_End"></td>
 
-                             </tr>
 
-                         </tbody>
 
-                     </table>
 
-                 </div>
 
-                 <div class=" info_data_grid">
 
-                     <div style="width: 100%; height: 2px; margin-top:2px;">
 
-                         <div class="fl" style="width: 100px; margin-top: 2px; margin-right: 3px; margin-left: 10px;"></div>
 
-                     </div>
 
-                     <table>
 
-                         <tbody style="text-align:right">
 
-                             <tr>
 
-                                 <td class="info_item" style="text-align: right; width: 180px;">Y축 좌측 관제점 타입(*)</td>
 
-                                 <td class="info_content" style="text-align: right; width: 200px; padding-bottom: 0px; padding-top: 0px" id="Y_Left_Point_Type_Id"></td>
 
-                             </tr>
 
-                             <tr>
 
-                                 <td class="info_item" style="text-align: right; width: 180px;">설비 타입(*)</td>
 
-                                 <td class="info_content" style="text-align:right;width: 200px; padding-bottom:0px;padding-top :0px" id="Y_Left_FacilityTypeId"></td>
 
-                             </tr>
 
-                             <tr>
 
-                                 <td class="info_item" style="text-align: right; width: 180px;">설비 이름(*)</td>
 
-                                 <td class="info_content" style="text-align: right; width: 200px; padding-bottom: 0px; padding-top: 0px" id="Y_Left_FacilityCode"></td>
 
-                             </tr>
 
-                             <tr>
 
-                                 <td class="info_item" style="text-align: right; width: 180px;">관제점 이름(*)</td>
 
-                                 <td class="info_content" style="text-align:right;width: 200px; padding-bottom:0px;padding-top :0px" id="Y_Left_ControlId"></td>
 
-                             </tr>
 
-                             <tr>
 
-                                 <td class="info_item" style="text-align: right; width: 180px;">그래프 타입(*)</td>
 
-                                 <td class="info_content" style="text-align:right;width: 200px; padding-bottom:0px;padding-top :0px" id="Y_Left_ChartType"></td>
 
-                             </tr>
 
-                         </tbody>
 
-                     </table>
 
-                 </div>
 
-                 <div class=" info_data_grid">
 
-                     <div style="width: 100%; height: 2px; margin-top:2px;">
 
-                         <div class="fl" style="width: 100px; margin-top: 2px; margin-right: 3px; margin-left: 10px;"></div>
 
-                     </div>
 
-                     <table>
 
-                         <tbody style="text-align:right">
 
-                             <tr>
 
-                                 <td class="info_item" style="text-align: right; width: 180px;">Y축 우측(1) 관제점 타입</td>
 
-                                 <td class="info_content" style="text-align: right; width: 200px; padding-bottom: 0px; padding-top: 0px" id="Y_Right1_Point_Type_Id"></td>
 
-                             </tr>
 
-                             <tr>
 
-                                 <td class="info_item" style="text-align: right; width: 180px;">설비 타입</td>
 
-                                 <td class="info_content" style="text-align:right;width: 200px; padding-bottom:0px;padding-top :0px" id="Y_Right1_FacilityTypeId"></td>
 
-                             </tr>
 
-                             <tr>
 
-                                 <td class="info_item" style="text-align: right; width: 180px;">설비 이름</td>
 
-                                 <td class="info_content" style="text-align: right; width: 200px; padding-bottom: 0px; padding-top: 0px" id="Y_Right1_FacilityCode"></td>
 
-                             </tr>
 
-                             <tr>
 
-                                 <td class="info_item" style="text-align: right; width: 180px;">관제점 이름</td>
 
-                                 <td class="info_content" style="text-align:right;width: 200px; padding-bottom:0px;padding-top :0px" id="Y_Right1_ControlId"></td>
 
-                             </tr>
 
-                             <tr>
 
-                                 <td class="info_item" style="text-align: right; width: 180px;">그래프 타입</td>
 
-                                 <td class="info_content" style="text-align:right;width: 200px; padding-bottom:0px;padding-top :0px" id="Y_Right1_ChartType"></td>
 
-                             </tr>
 
-                         </tbody>
 
-                     </table>
 
-                 </div>
 
-                 <div class=" info_data_grid">
 
-                     <div style="width: 100%; height: 2px; margin-top:2px;">
 
-                         <div class="fl" style="width: 100px; margin-top: 2px; margin-right: 3px; margin-left: 10px;"></div>
 
-                     </div>
 
-                     <table>
 
-                         <tbody style="text-align:right">
 
-                             <tr>
 
-                                 <td class="info_item" style="text-align: right; width: 180px;">Y축 우측(2) 관제점 타입</td>
 
-                                 <td class="info_content" style="text-align: right; width: 200px; padding-bottom: 0px; padding-top: 0px" id="Y_Right2_Point_Type_Id"></td>
 
-                             </tr>
 
-                             <tr>
 
-                                 <td class="info_item" style="text-align: right; width: 180px;">설비 타입</td>
 
-                                 <td class="info_content" style="text-align:right;width: 200px; padding-bottom:0px;padding-top :0px" id="Y_Right2_FacilityTypeId"></td>
 
-                             </tr>
 
-                             <tr>
 
-                                 <td class="info_item" style="text-align: right; width: 180px;">설비 이름</td>
 
-                                 <td class="info_content" style="text-align: right; width: 200px; padding-bottom: 0px; padding-top: 0px" id="Y_Right2_FacilityCode"></td>
 
-                             </tr>
 
-                             <tr>
 
-                                 <td class="info_item" style="text-align: right; width: 180px;">관제점 이름</td>
 
-                                 <td class="info_content" style="text-align:right;width: 200px; padding-bottom:0px;padding-top :0px" id="Y_Right2_ControlId"></td>
 
-                             </tr>
 
-                             <tr>
 
-                                 <td class="info_item" style="text-align: right; width: 180px;">그래프 타입</td>
 
-                                 <td class="info_content" style="text-align:right;width: 200px; padding-bottom:0px;padding-top :0px" id="Y_Right2_ChartType"></td>
 
-                             </tr>
 
-                         </tbody>
 
-                     </table>
 
-                 </div>
 
-                 <div class="Wrap_Button">
 
-                     <div id="Button_Search"></div>
 
-                 </div>
 
-             </div>
 
-         </div>
 
-         <!--  2019.05.17 : 그리드 도표 작업 : 팝업창 추가 -->
 
-         <div data-options="dxView : { name: 'Free_ChartDataGridPopup'} ">
 
-             <div data-bind="dxPopup: Free_ChartDataGridPopupOptions ">
 
-                 <div class="dx-clearfix" data-options="dxTemplate: { name: 'content' } ">
 
-                     <div id="popupDetail" data-bind="dxscrollview: { }">
 
-                         <div class="body_sub_title" style="margin-left:10px;margin-top:10px">사용자 지정 차트 데이터</div>
 
-                         <div id="Free_ChartDataGrid_Container" style="height: auto; width: 100%; "
 
-                              data-bind="dxDataGrid: Free_ChartDataGridOptions" />
 
-                     </div>
 
-                 </div>
 
-             </div>
 
-         </div>
 
-         <div data-options="dxView : { name: 'Free_ChartDataGridPopup1'} ">
 
-             <div data-bind="dxPopup: Free_ChartDataGridPopupOptions1 ">
 
-                 <div class="dx-clearfix" data-options="dxTemplate: { name: 'content' } ">
 
-                     <div id="popupDetail" data-bind="dxscrollview: { }">
 
-                         <div class="body_sub_title" style="margin-left:10px;margin-top:10px">사용자 지정 차트 데이터</div>
 
-                         <div id="Free_ChartDataGrid_Container1" style="height: auto; width: 100%; "
 
-                              data-bind="dxDataGrid: Free_ChartDataGridOptions1" />
 
-                     </div>
 
-                 </div>
 
-             </div>
 
-         </div>
 
-         <div data-options="dxView : { name: 'Free_ChartDataGridPopup2'} ">
 
-             <div data-bind="dxPopup: Free_ChartDataGridPopupOptions2 ">
 
-                 <div class="dx-clearfix" data-options="dxTemplate: { name: 'content' } ">
 
-                     <div id="popupDetail" data-bind="dxscrollview: { }">
 
-                         <div class="body_sub_title" style="margin-left:10px;margin-top:10px">사용자 지정 차트 데이터</div>
 
-                         <div id="Free_ChartDataGrid_Container2" style="height: auto; width: 100%; "
 
-                              data-bind="dxDataGrid: Free_ChartDataGridOptions2" />
 
-                     </div>
 
-                 </div>
 
-             </div>
 
-         </div>
 
-         <div data-options="dxView : { name: 'Free_ChartDataGridPopup3'} ">
 
-             <div data-bind="dxPopup: Free_ChartDataGridPopupOptions3 ">
 
-                 <div class="dx-clearfix" data-options="dxTemplate: { name: 'content' } ">
 
-                     <div id="popupDetail" data-bind="dxscrollview: { }">
 
-                         <div class="body_sub_title" style="margin-left:10px;margin-top:10px">사용자 지정 차트 데이터</div>
 
-                         <div id="Free_ChartDataGrid_Container3" style="height: auto; width: 100%; "
 
-                              data-bind="dxDataGrid: Free_ChartDataGridOptions3" />
 
-                     </div>
 
-                 </div>
 
-             </div>
 
-         </div>
 
-         <!--  2019.05.17 : 그리드 도표 작업 : 팝업창 추가 -->
 
-         <div id="effi" class="fl" style="margin-left: 1.1%; width: 69.25%; height: 700px; ">
 
-             <p class="clear body_sub_title">사용자 지정 차트</p>
 
-             <div class="fr chart_wrap_box" style="width: 100%; height: 100%;">
 
-                 <div id="Chart_Free" style="height: 100%; width: 100%;" />
 
-             </div>
 
-         </div>
 
-         <!--  2019.05.17 : 그리드 도표 작업 : 팝업창 추가 -->
 
-         <div style="margin-top: 40px;" class="fr" data-bind="dxButton: { text: '도표', onClick: Free_ChartDataGridPopup_ButtonClicked}"></div>
 
-         <!--  2019.05.17 : 그리드 도표 작업 : 팝업창 추가 -->
 
-     </div>
 
- </div>
 
 
  |