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>
|