RuoYi/infosouth-admin/src/main/resources/templates/main.html

2054 lines
81 KiB
HTML
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--360浏览器优先以webkit内核解析-->
<title>首页数据展示</title>
<link rel="shortcut icon" href="favicon.ico">
<title>${fns:getConfig('productName')}</title>
<meta name="decorator" content="blank"/>
<!-- 静态页面js文件刷新 -->
<meta http-equiv="pragma" content="no-cache"/> 
<meta http-equiv="Cache-Control" content="no-cache, must-revalidate"/> 
<meta http-equiv="expires" content="0"/>
<!-- 静态页面js文件刷新 -->
<!--
<%&#45;&#45; <%@include file="/WEB-INF/views/include/login_head.jsp" %> &#45;&#45;%>
-->
<!-- 引入自己写的css样式文件 -->
<link href="../static/oneself/common/main_index.css" th:href="@{/oneself/common/main_index.css}" type="text/css" rel="stylesheet" />
<link href="../static/oneself/css/main.css" th:href="@{/oneself/css/main.css}" type="text/css" rel="stylesheet" />
<style type="text/css">
body{
overflow:scroll;
overflow-y:hidden;
}
table {
border: 1px #ccc;
}
.main_cell_td{
background-color: #FFFFFF;
BORDER-RIGHT:solid 20px #eaedf1;;
}
#contentTable th,#contentTable td{
text-align:center;
}
/* 隐藏滚动条,但仍然能滚动 */
::-webkit-scrollbar{
display:none;
}
.pitch_set_class{
color:#3daae9;
}
.acTypeContrastSetting{
color:#3daae9;
}
.verticalAcceleration_set_class{
color:#3daae9;
}
label.control-label {
width: 10%;
}
.mycontrolsDiv{
padding-left: 20px;
}
.form-group{
height: 40px;
}
/* 遮罩层 */
.zhezhao_mask {
position: absolute; top: 0px; filter: alpha(opacity=40); background-color: #777;
z-index: 1100; left: 0px;
opacity:0.5; -moz-opacity:0.5;
}
.cruisingAltitude_set_class{
color:#3daae9;
}
/*模态框样式调整*/
.modal.fade {
top: -390%;
/* align:center; */
}
input#statisticsAction {
width: 196px;
}
input#cruisingAltitude_title_param {
width: 196px;
}
input#verticalAcceleration_statisticsAction{
width: 196px;
}
input#acTypeContrastSettingTitle{
width: 196px;
}
input#acTypeContrast_set_Title{
width: 196px;
}
/* div#s2id_acTypeContrast_set_modelName_pitch {
margin-left: 213px;
} */
div#s2id_acTypeContrast_set_modelName_col2{
margin-left: 213px;
}
div#s2id_acTypeContrast_set_modelName_col3{
margin-left: 213px;
}
div#s2id_acTypeContrast_set_modelName_col4{
margin-left: 213px;
}
#choose_paramName_col1{
width: 196px;
}
#choose_paramName_col2{
width: 196px;
}
#choose_paramName_col3{
width: 196px;
}
#choose_paramName_col4{
width: 196px;
}
.scroll_jobName_tips_text{
text-align: center;
}
#acTypeContrast_set_dlg {
}
.multiAcTypeTipClass{
color:#888;
}
a#scroll_jobName_tips_text{
text-decoration:none;
}
/* 表格边框线 */
/* table#contentTable tr td { border:1px solid #999; } */
/* 给列名加背景颜色 */
th.show_choose_paramName_col_blank{
background:#D1EA85;
}
th.show_choose_paramName_col1{
background:#D1EA85;
}
th.show_choose_paramName_col2{
background:#D1EA85;
}
th.show_choose_paramName_col3{
background:#D1EA85;
}
th.show_choose_paramName_col4{
background:#D1EA85;
}
/* 给列名加背景颜色 */
</style>
<script type="text/javascript">
var global_acTypeArr = '${acTypeListByAcTypeNoStr}'.split(',');
</script>
</head>
<body class="gray-bg">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="580" valign="top">
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0" style="margin-top:20px;margin-bottom:20px;">
<tr>
<td valign="top">
<div class="five_width">
<div class="five">
<div class="tup"><img src="../oneself/images/tmt7.png" th:src="@{/oneself/images/tmt7.png}"/></div>
<div class="cans">
<li>QAR数据量</li>
<!--<li><span>${qarCount}</span>条</li>-->
<li><span>25089</span></li>
</div>
</div>
<div class="five">
<div class="tup"><img src="../oneself/images/tmt8.png" th:src="@{/oneself/images/tmt8.png}"/></div>
<div class="cans" style="width:60%;">
<li>机型数据</li>
<li><span class="s18">支线/窄体/宽体</span></li>
</div>
</div>
<div class="five">
<div class="tup"><img src="../oneself/images/tmt9.png" th:src="@{/oneself/images/tmt9.png}"/></div>
<div class="cans">
<li>模型数量</li>
<!--<li><span>${modelCount}</span>条</li>-->
<li><span>52</span></li>
</div>
</div>
<div class="five">
<div class="tup"><img src="../oneself/images/tmt10.png" th:src="@{/oneself/images/tmt10.png}"/></div>
<div class="cans">
<li>任务数量</li>
<!--<li><span>${jobCount}</span>条</li>-->
<li><span>11</span></li>
</div>
</div>
<div class="five">
<div class="tup"><img src="../oneself/images/tmt11.png" th:src="@{/oneself/images/tmt11.png}"/></div>
<div class="cans">
<li>参数数量</li>
<li><span>全参</span></li>
</div>
</div>
</div>
</td>
</tr>
</table>
<table width="96%" align="center" cellpadding="0" cellspacing="0" style="margin-bottom:30px;">
<tr>
<td class="main_cell_td" >
<div class="biaog03_div"><span class="acTypeContrast_set_title"></span>分析&nbsp;&nbsp;
<!--<c:if test="${isShowAdminSettingFlag=='1'}">-->
<a class="acTypeContrastSetting" onclick="acTypeContrast_set_dlg();">设置</a>
<!--</c:if>-->
</div>
</td>
<td class="main_cell_td" >
<div class="biaog03_div"><span class="verticalAcceleration_title"></span>--<span class="verticalAcceleration_choose_statisticsType"></span>分析&nbsp;&nbsp;
<!--<c:if test="${isShowAdminSettingFlag=='1'}">
<a class="verticalAcceleration_set_class" onclick="verticalAcceleration_set_dlg();">设置</a>
</c:if>-->
</div>
</td>
<td style="background-color: #FFFFFF;">
<div class="biaog03_div">调度任务列表</div>
</td>
</tr>
<tr class="main_tr">
<td class="main_cell_td main_cell" valign="top">
<div class="biaog03_img main_cell">
<table id="contentTable" class="table table-bordered main_cell">
<thead>
<tr>
<th class="show_choose_paramName_col_blank"></th>
<th class="show_choose_paramName_col1" bgcolor="#D1EA85">参数名1</th>
<th class="show_choose_paramName_col2" bgcolor="#D1EA85">参数名2</th>
<th class="show_choose_paramName_col3" bgcolor="#D1EA85">参数名3</th>
<th class="show_choose_paramName_col4" bgcolor="#D1EA85">参数名4</th>
</tr>
</thead>
<tbody>
<tr>
<td bgcolor="#F4D371">
${acType_row1}
</td>
<td class="${acType_row1}_param_col1">
</td>
<td class="${acType_row1}_param_col2">
</td>
<td class="${acType_row1}_param_col3">
</td>
<td class="${acType_row1}_param_col4">
</td>
</tr>
<tr>
<td bgcolor="#F4D371">
${acType_row2}
</td>
<td class="${acType_row2}_param_col1">
</td>
<td class="${acType_row2}_param_col2">
</td>
<td class="${acType_row2}_param_col3">
</td>
<td class="${acType_row2}_param_col4">
</td>
</tr>
<tr>
<td bgcolor="#F4D371">
${acType_row3}
</td>
<td class="${acType_row3}_param_col1">
</td>
<td class="${acType_row3}_param_col2">
</td>
<td class="${acType_row3}_param_col3">
</td>
<td class="${acType_row3}_param_col4">
</td>
</tr>
<tr>
<td bgcolor="#F4D371">
${acType_row4}
</td>
<td class="${acType_row4}_param_col1">
</td>
<td class="${acType_row4}_param_col2">
</td>
<td class="${acType_row4}_param_col3">
</td>
<td class="${acType_row4}_param_col4">
</td>
</tr>
<tr>
<td bgcolor="#F4D371">
${acType_row5}
</td>
<td class="${acType_row5}_param_col1">
</td>
<td class="${acType_row5}_param_col2">
</td>
<td class="${acType_row5}_param_col3">
</td>
<td class="${acType_row5}_param_col4">
</td>
</tr>
</tbody>
</table>
</div>
</td>
<td class="main_cell_td main_cell" valign="top">
<div class="biaog03_img main_cell">
<div class="chart_container_line main_cell">
<canvas id="myChart_line" width="800" height="500"></canvas>
</div>
</div>
</td>
<td valign="top" style="background-color: #FFFFFF;" rowspan="3">
<div class="biaog03_img main_cell_right">
<iframe name="infoDutyScheduleList" class="main_cell_right" id="infoDutyScheduleList" src="${ctx}/defaultIndex/defaultIndex/infoDutyScheduleList" scrolling="no" width="100%" frameborder="0"></iframe>
</div>
<div class="biaog03_div">查看更多</div>
</td>
</tr>
<tr>
<td class="main_cell_td">
<div class="biaog03_div"><span class="choose_paramName"></span>--<span class="choose_statisticsType"></span>分析&nbsp;&nbsp;
<!--<c:if test="${isShowAdminSettingFlag=='1'}">-->
<a class="pitch_set_class" onclick="pitch_set_dlg();">设置</a>
<!--</c:if>-->
</div>
</td>
<td class="main_cell_td">
<div class="biaog03_div"><span class="cruisingAltitude_task_title"></span>分析&nbsp;&nbsp;
<!--<c:if test="${isShowAdminSettingFlag=='1'}">-->
<a class="cruisingAltitude_set_class" onclick="cruisingAltitude_set_dlg();">设置</a>
<!--</c:if>-->
</div>
</td>
</tr>
<tr>
<td class="main_cell_td main_cell" valign="top">
<div class="biaog03_img main_cell">
<div class="chart_container_bar main_cell">
<canvas id="myChart_bar" width="800" height="500"></canvas>
</div>
</div>
</td>
<td class="main_cell_td main_cell" valign="top">
<div class="biaog03_img main_cell">
<div class="chart_container_pie main_cell">
<canvas id="myChart_pie" width="800" height="500"></canvas>
</div>
</div>
</td>
</tr>
</table>
</table>
<!--
<table width="96%" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#FFFFFF">
<tr>
<td width="20%" height="70" align="center" bgcolor="#ff8a74" onmouseover="javascript:this.bgColor='#fc765d'" onmouseout="javascript:this.bgColor='#ff8a74'"><span class="biaog01">QAR数据量</span><br />
<span class="biaog02">${qarCount}条</span><br /></td>
<td width="20%" align="center" bgcolor="#f6b644" onmouseover="javascript:this.bgColor='#f7ab25'" onmouseout="javascript:this.bgColor='#f6b644'"><span class="biaog01">机型数据</span><br />
<span class="biaog02">支线/窄体/宽体</span></td>
<td width="20%" align="center" bgcolor="#00acee" onmouseover="javascript:this.bgColor='#039cd6'" onmouseout="javascript:this.bgColor='#00acee'"><span class="biaog01">模型数量</span><br />
<span class="biaog02">${modelCount}条</span></td>
<td align="center" bgcolor="#7c77b9" onmouseover="javascript:this.bgColor='#665fb8'" onmouseout="javascript:this.bgColor='#7c77b9'"><span class="biaog01">任务数量</span><br />
<span class="biaog02">${jobCount}条</span></td>
<td align="center" bgcolor="#84c66f" onmouseover="javascript:this.bgColor='#62bd46'" onmouseout="javascript:this.bgColor='#84c66f'"><span class="biaog01">参数数量</span><br />
<span class="biaog02">全参</span></td>
<td width="15%" align="center" bgcolor="#00FFCC" onmouseover="javascript:this.bgColor='#00CCCC'" onmouseout="javascript:this.bgColor='#00FFCC'">
<marquee class="scroll_jobName_tips" height=30 style="" scrollamount="1" scrolldelay="10" behavior="scroll" direction="up" onmouseover=stop() onmouseout=start()>
</marquee>
</td>
</tr>
</table>
<table width="96%" border="0" align="center" cellpadding="0" cellspacing="0" style="margin-top:20px;margin-bottom:30px;">
<tr>
<td width="40%" valign="top" style="float: left;">
<table width="97%" height="650" border="1" cellpadding="0" cellspacing="1" bgcolor="#cccccc">
<tr>
<td valign="top" bgcolor="#FFFFFF">
<div class="biaog03_div"><span class="acTypeContrast_set_title"></span>分析&nbsp;&nbsp;
<c:if test="${isShowAdminSettingFlag=='1'}">
<a class="acTypeContrastSetting" onclick="acTypeContrast_set_dlg();">设置</a>
</c:if>
</div>
<div class="biaog03_img">
<table id="contentTable" class="table table-bordered">
<thead>
<tr>
<th></th>
<th class="show_choose_paramName_col1">参数名1</th>
<th class="show_choose_paramName_col2">参数名2</th>
<th class="show_choose_paramName_col3">参数名3</th>
<th class="show_choose_paramName_col4">参数名4</th>
</tr>
</thead>
<tbody>
<tr>
<td>C900
</td>
<td><span class="C900_param_col1"></span>
</td>
<td><span class="C900_param_col2"></span>
</td>
<td><span class="C900_param_col3"></span>
</td>
<td><span class="C900_param_col4"></span>
</td>
</tr>
<tr>
<td>B737
</td>
<td><span class="B737_param_col1"></span>
</td>
<td><span class="B737_param_col2"></span>
</td>
<td><span class="B737_param_col3"></span>
</td>
<td><span class="B737_param_col4"></span>
</td>
</tr>
<tr>
<td>A320
</td>
<td><span class="A320_param_col1"></span>
</td>
<td><span class="A320_param_col2"></span>
</td>
<td><span class="A320_param_col3"></span>
</td>
<td><span class="A320_param_col4"></span>
</td>
</tr>
<tr>
<td>B777
</td>
<td><span class="B777_param_col1"></span>
</td>
<td><span class="B777_param_col2"></span>
</td>
<td><span class="B777_param_col3"></span>
</td>
<td><span class="B777_param_col4"></span>
</td>
</tr>
<tr>
<td>A330
</td>
<td><span class="A330_param_col1"></span>
</td>
<td><span class="A330_param_col2"></span>
</td>
<td><span class="A330_param_col3"></span>
</td>
<td><span class="A330_param_col4"></span>
</td>
</tr>
</tbody>
</table>
</div>
<div class="biaog03_div"><span class="choose_paramName"></span>--<span class="choose_statisticsType"></span>分析&nbsp;&nbsp;
<c:if test="${isShowAdminSettingFlag=='1'}">
<a class="pitch_set_class" onclick="pitch_set_dlg();">设置</a>
</c:if>
</div>
<div class="biaog03_img">
<div class="chart_container_bar">
<canvas id="myChart_bar" width="600" height="275"></canvas>
</div>
</div>
</td>
</tr>
</table></td>
<td valign="top" style="float: left;">
<table width="97%" height="650" border="1" align="center" cellpadding="0" cellspacing="1" bgcolor="#cccccc">
<tr>
<td valign="top" bgcolor="#FFFFFF">
<div class="biaog03_div"><span class="verticalAcceleration_title"></span>--<span class="verticalAcceleration_choose_statisticsType"></span>分析&nbsp;&nbsp;
<c:if test="${isShowAdminSettingFlag=='1'}">
<a class="verticalAcceleration_set_class" onclick="verticalAcceleration_set_dlg();">设置</a>
</c:if>
</div>
<div class="biaog03_img">
<div class="chart_container_line">
<canvas id="myChart_line" width="900" height="500"></canvas>
</div>
</div>
<div class="biaog03_div"><span class="cruisingAltitude_task_title"></span>分析&nbsp;&nbsp;
<c:if test="${isShowAdminSettingFlag=='1'}">
<a class="cruisingAltitude_set_class" onclick="cruisingAltitude_set_dlg();">设置</a>
</c:if>
</div>
<div class="biaog03_img">
<div class="chart_container_pie">
<canvas id="myChart_pie" width="300" height="300"></canvas>
</div>
</div>
</td>
</tr>
</table>
</td>
<td valign="top" width="30%" style="float: left;">
<table width="97%" height="650" border="1" align="right" cellpadding="0" cellspacing="1" bgcolor="#cccccc">
<tr>
<td valign="top" bgcolor="#FFFFFF">
<div class="biaog03_div">调度任务列表</div>
<div class="biaog03_img">
<iframe name="infoDutyScheduleList" id="infoDutyScheduleList" src="${ctx}/defaultIndex/defaultIndex/infoDutyScheduleList" scrolling="no" width="100%" height="430" frameborder="0"></iframe>
</div>
<div class="biaog03_div">查看更多</div>
<div class="biaog03_img">
</div>
</td>
</tr>
</table></td>
</tr>
</table>
-->
</td>
</tr>
</table>
<!-- acTypeContrast_set_dlg模态框Modal -->
<div class="modal fade" style="width:900px;" id="acTypeContrast_set_dlg" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
&times;
</button>
<h4 class="modal-title" id="myModalLabel">
<span class="acTypeContrast_set_title"></span>分析设置
</h4>
</div>
<div class="modal-body">
<form>
<div class="form-group">
<label for="recipient-name" class="control-label">标题:</label>
<input type="text" class="input-medium" id="acTypeContrast_set_Title" name="acTypeContrast_set_Title" placeholder="机型数据对比">
</div>
<div class="form-group">
<label for="recipient-name" class="control-label">参数名1</label>
<input type="text" class="input-medium" id="choose_paramName_col1" name="choose_paramName_col1" placeholder="起飞Pitch">
&nbsp;&nbsp;<label for="recipient-name" class="control-label">参数名2</label>
<input type="text" class="input-medium" id="choose_paramName_col2" name="choose_paramName_col2" placeholder="巡航速度">
</div>
<!-- <div class="form-group">
</div> -->
<div class="form-group">
<label for="recipient-name" class="control-label">参数名3</label>
<label class="control-label">参数名3</label>
<input type="text" class="input-medium" id="choose_paramName_col3" name="choose_paramName_col3" placeholder="巡航高度">
&nbsp;&nbsp;<label for="recipient-name" class="control-label">参数名4</label>
<input type="text" class="input-medium" id="choose_paramName_col4" name="choose_paramName_col4" placeholder="最大垂直加速度">
</div>
<!-- <div class="form-group">
</div> -->
<div class="form-group">
<label for="message-text" class="control-label">机型:</label>
<select id="acTypeContrast_set_acTypeList" name="acTypeContrast_set_acTypeList" class="input-large">
<!--<option value="">空机型</option>-->
<!--<option value="${acType_row1}">${acType_row1}</option>
<option value="${acType_row2}">${acType_row2}</option>
<option value="${acType_row3}">${acType_row3}</option>
<option value="${acType_row4}">${acType_row4}</option>
<option value="${acType_row5}">${acType_row5}</option>-->
<option value="ARJ21-4">ARJ21-4</option>
<option value="AC737">AC737</option>
<option value="AC320">AC320</option>
<option value="AC777">AC777</option>
<option value="AC330">AC330</option>
</select>
<span class="multiAcTypeTipClass">(切换机型,可设置多个机型的计算参数,点击“提交”按钮,会计算多个机型的参数统计数据)</span>
</div>
<div class="form-group">
<label for="message-text" class="control-label">选择参数:</label>
<select id="acTypeContrast_set_jobId" name="acTypeContrast_set_jobId" class="input-large">
<option value=""></option>
<!--<c:forEach items="${infoDutyScheduleList_All}" var="infoDutySchedule">
<option value="${infoDutySchedule.id }"
<c:if test="${infoDutySchedule.id == acTypeContrastSetting_jobId}">
selected
</c:if>
>${infoDutySchedule.jobName}&#45;&#45;${infoDutySchedule.acType}</option>
</c:forEach>-->
</select>
<select id="acTypeContrast_set_modelName_col1" name="acTypeContrast_set_modelName_col1" class="input-medium">
</select>
<select id="acTypeContrast_set_paramName_col1" name="acTypeContrast_set_paramName_col1" class="input-medium">
</select>
<select id="acTypeContrast_set_paramName_col1_statisticsType" name="acTypeContrast_set_paramName_col1_statisticsType" class="input-small">
<option value="1">平均值</option>
<option value="2">中位数</option>
<option value="3">最大值</option>
<option value="4">最小值</option>
</select>
</div>
<div class="form-group">
<label for="recipient-name" class="control-label"></label>
<select id="acTypeContrast_set_modelName_col2" name="acTypeContrast_set_modelName_col2" class="input-medium">
</select>
<select id="acTypeContrast_set_paramName_col2" name="acTypeContrast_set_paramName_col2" class="input-medium">
</select>
<select id="acTypeContrast_set_paramName_col2_statisticsType" name="acTypeContrast_set_paramName_col2_statisticsType" class="input-small">
<option value="1">平均值</option>
<option value="2">中位数</option>
<option value="3">最大值</option>
<option value="4">最小值</option>
</select>
</div>
<div class="form-group">
<label for="message-text" class="control-label"></label>
<select id="acTypeContrast_set_modelName_col3" name="acTypeContrast_set_modelName_col3" class="input-medium">
</select>
<select id="acTypeContrast_set_paramName_col3" name="acTypeContrast_set_paramName_col3" class="input-medium">
</select>
<select id="acTypeContrast_set_paramName_col3_statisticsType" name="acTypeContrast_set_paramName_col3_statisticsType" class="input-small">
<option value="1">平均值</option>
<option value="2">中位数</option>
<option value="3">最大值</option>
<option value="4">最小值</option>
</select>
</div>
<div class="form-group">
<label for="message-text" class="control-label"></label>
<select id="acTypeContrast_set_modelName_col4" name="acTypeContrast_set_modelName_col4" class="input-medium">
</select>
<select id="acTypeContrast_set_paramName_col4" name="acTypeContrast_set_paramName_col4" class="input-medium">
</select>
<select id="acTypeContrast_set_paramName_col4_statisticsType" name="acTypeContrast_set_paramName_col4_statisticsType" class="input-small">
<option value="1">平均值</option>
<option value="2">中位数</option>
<option value="3">最大值</option>
<option value="4">最小值</option>
</select>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭
</button>
<button type="button" class="btn btn-primary" onclick="acTypeContrast_set_func()">
提交
</button>
</div>
</div>
</div>
</div>
<!-- acTypeContrast_set_func模态框Modal -->
<!-- pitch_set_func模态框Modal -->
<div class="modal fade" style="width:800px;" id="pitch_set_dlg" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
&times;
</button>
<h4 class="modal-title" id="myModalLabel">
<span class="choose_paramName"></span>分析设置
</h4>
</div>
<div class="modal-body">
<form>
<div class="form-group">
<label for="recipient-name" class="control-label">标题:</label>
<input type="text" class="input-medium" id="statisticsAction" name="statisticsAction" placeholder="起飞参数">
(比如“起飞参数”)
</div>
<div class="form-group">
<label for="recipient-name" class="control-label">统计类型:</label>
<select id="statisticsType" name="statisticsType" class="input-large">
<option value="1">平均值</option>
<option value="2">中位数</option>
<option value="3">最大值</option>
<option value="4">最小值</option>
</select>
</div>
<div class="form-group">
<label for="message-text" class="control-label">
${acType_row1}
</label>
<select id="jobId_CRJ900" name="jobId_CRJ900" class="input-large">
<option value=""></option>
<!--<c:forEach items="${infoDutyScheduleList_CRJ900}" var="infoDutySchedule">-->
<!--<option value="${infoDutySchedule.id }"-->
<!--<c:if test="${infoDutySchedule.id == jobId_CRJ900}">-->
<!--selected-->
<!--</c:if>-->
<!--&gt;${infoDutySchedule.jobName}&#45;&#45;${infoDutySchedule.acType}</option>-->
<!--</c:forEach>-->
</select>
<select id="modelName_C900" name="modelName_C900" class="input-medium">
</select>
<select id="paramName_C900" name="paramName_C900" class="input-medium">
</select>
</div>
<div class="form-group">
<label for="recipient-name" class="control-label">
${acType_row2}
</label>
<select id="jobId_B737" name="jobId_B737" class="input-large">
<option value=""></option>
<!--<c:forEach items="${infoDutyScheduleList_B737}" var="infoDutySchedule">-->
<!--<option value="${infoDutySchedule.id }"-->
<!--<c:if test="${infoDutySchedule.id == jobId_B737}">-->
<!--selected-->
<!--</c:if>-->
<!--&gt;${infoDutySchedule.jobName}&#45;&#45;${infoDutySchedule.acType}</option>-->
<!--</c:forEach>-->
</select>
<select id="modelName_B737" name="modelName_B737" class="input-medium">
</select>
<select id="paramName_B737" name="paramName_B737" class="input-medium">
</select>
</div>
<div class="form-group">
<label for="message-text" class="control-label">
${acType_row3}
</label>
<select id="jobId_A320" name="jobId_A320" class="input-large">
<option value=""></option>
<!--<c:forEach items="${infoDutyScheduleList_A320}" var="infoDutySchedule">-->
<!--<option value="${infoDutySchedule.id }"-->
<!--<c:if test="${infoDutySchedule.id == jobId_A320}">-->
<!--selected-->
<!--</c:if>-->
<!--&gt;${infoDutySchedule.jobName}&#45;&#45;${infoDutySchedule.acType}</option>-->
<!--</c:forEach>-->
</select>
<select id="modelName_A320" name="modelName_A320" class="input-medium">
</select>
<select id="paramName_A320" name="paramName_A320" class="input-medium">
</select>
</div>
<div class="form-group">
<label for="message-text" class="control-label">
${acType_row4}
</label>
<select id="jobId_B777" name="jobId_B777" class="input-large">
<option value=""></option>
<!--<c:forEach items="${infoDutyScheduleList_B777}" var="infoDutySchedule">-->
<!--<option value="${infoDutySchedule.id }"-->
<!--<c:if test="${infoDutySchedule.id == jobId_B777}">-->
<!--selected-->
<!--</c:if>-->
<!--&gt;${infoDutySchedule.jobName}&#45;&#45;${infoDutySchedule.acType}</option>-->
<!--</c:forEach>-->
</select>
<select id="modelName_B777" name="modelName_B777" class="input-medium">
</select>
<select id="paramName_B777" name="paramName_B777" class="input-medium">
</select>
</div>
<div class="form-group">
<label for="message-text" class="control-label">
${acType_row5}
</label>
<select id="jobId_A330" name="jobId_A330" class="input-large">
<option value=""></option>
<!--<c:forEach items="${infoDutyScheduleList_A330}" var="infoDutySchedule">-->
<!--<option value="${infoDutySchedule.id }"-->
<!--<c:if test="${infoDutySchedule.id == jobId_A330}">-->
<!--selected-->
<!--</c:if>-->
<!--&gt;${infoDutySchedule.jobName}&#45;&#45;${infoDutySchedule.acType}</option>-->
<!--</c:forEach>-->
</select>
<select id="modelName_A330" name="modelName_A330" class="input-medium">
</select>
<select id="paramName_A330" name="paramName_A330" class="input-medium">
</select>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭
</button>
<button type="button" class="btn btn-primary" onclick="pitch_set_func()">
提交
</button>
</div>
</div>
</div>
</div>
<!-- pitch_set_func模态框Modal -->
<!-- cruisingAltitude_set_func模态框Modal -->
<div class="modal fade" style="width:800px;" id="cruisingAltitude_set__dlg" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
&times;
</button>
<h4 class="modal-title" id="myModalLabel">
<span class="cruisingAltitude_task_title"></span>分析设置
</h4>
</div>
<div class="modal-body">
<form>
<div class="form-group">
<label for="recipient-name" class="control-label">标题:</label>
<input type="text" class="input-medium" id="cruisingAltitude_title_param" name="cruisingAltitude_title_param" placeholder="巡航高度">
(比如“巡航高度”)
</div>
<div class="form-group">
<label for="message-text" class="control-label">任务:</label>
<select id="cruisingAltitude_jobId_CRJ900" name="cruisingAltitude_jobId_CRJ900" class="input-large">
<option value=""></option>
<!--<c:forEach items="${infoDutyScheduleList_CRJ900}" var="infoDutySchedule">-->
<!--<option value="${infoDutySchedule.id }"-->
<!--<c:if test="${infoDutySchedule.id == jobId_CRJ900}">-->
<!--selected-->
<!--</c:if>-->
<!--&gt;${infoDutySchedule.jobName}&#45;&#45;${infoDutySchedule.acType}</option>-->
<!--</c:forEach>-->
</select>
<select id="cruisingAltitude_modelName_C900" name="cruisingAltitude_modelName_C900" class="input-medium">
</select>
<select id="cruisingAltitude_paramName_C900" name="cruisingAltitude_paramName_C900" class="input-medium">
</select>
</div>
<div class="form-group">
<label for="message-text" class="control-label">区间1</label>
<input type="text" class="input-small" id="field1_min" name="field1_min" placeholder="">--<input type="text" class="input-small" id="field1_max" name="field1_max" placeholder="">
</div>
<div class="form-group">
<label for="message-text" class="control-label">区间2</label>
<input type="text" class="input-small" id="field2_min" name="field2_min" placeholder="">--<input type="text" class="input-small" id="field2_max" name="field2_max" placeholder="">
</div>
<div class="form-group">
<label for="message-text" class="control-label">区间3</label>
<input type="text" class="input-small" id="field3_min" name="field3_min" placeholder="">--<input type="text" class="input-small" id="field3_max" name="field3_max" placeholder="">
</div>
<div class="form-group">
<label for="message-text" class="control-label">区间4</label>
<input type="text" class="input-small" id="field4_min" name="field4_min" placeholder="">--<input type="text" class="input-small" id="field4_max" name="field4_max" placeholder="">
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭
</button>
<button type="button" class="btn btn-primary" onclick="cruisingAltitude_set_func()">
提交
</button>
</div>
</div>
</div>
</div>
<!-- cruisingAltitude_set_func模态框Modal -->
<!-- verticalAcceleration_set_func模态框Modal -->
<div class="modal fade" style="width:800px;" id="verticalAcceleration_set_dlg" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
&times;
</button>
<h4 class="modal-title" id="myModalLabel">
<span class="verticalAcceleration_title"></span>分析设置
</h4>
</div>
<div class="modal-body">
<form>
<div class="form-group">
<label for="recipient-name" class="control-label">标题:</label>
<input type="text" class="input-medium" id="verticalAcceleration_statisticsAction" name="verticalAcceleration_statisticsAction" placeholder="最大垂直加速度">
(比如“最大垂直加速度”)
</div>
<div class="form-group">
<label for="recipient-name" class="control-label">统计类型:</label>
<select id="verticalAcceleration_statisticsType" name="verticalAcceleration_statisticsType" class="input-large">
<option value="1">平均值</option>
<option value="2">中位数</option>
<option value="3">最大值</option>
<option value="4">最小值</option>
</select>
</div>
<div class="form-group">
<label for="message-text" class="control-label">
${acType_row1}
</label>
</label>
<select id="verticalAcceleration_jobId_CRJ900" name="verticalAcceleration_jobId_CRJ900" class="input-large">
<option value=""></option>
<!--<c:forEach items="${infoDutyScheduleList_CRJ900}" var="infoDutySchedule">-->
<!--<option value="${infoDutySchedule.id }"-->
<!--<c:if test="${infoDutySchedule.id == jobId_CRJ900}">-->
<!--selected-->
<!--</c:if>-->
<!--&gt;${infoDutySchedule.jobName}&#45;&#45;${infoDutySchedule.acType}</option>-->
<!--</c:forEach>-->
</select>
<select id="verticalAcceleration_modelName_C900" name="verticalAcceleration_modelName_C900" class="input-medium">
</select>
<select id="verticalAcceleration_paramName_C900" name="verticalAcceleration_paramName_C900" class="input-medium">
</select>
</div>
<div class="form-group">
<label for="recipient-name" class="control-label">
${acType_row2}
</label>
<select id="verticalAcceleration_jobId_B737" name="verticalAcceleration_jobId_B737" class="input-large">
<option value=""></option>
<!--<c:forEach items="${infoDutyScheduleList_B737}" var="infoDutySchedule">-->
<!--<option value="${infoDutySchedule.id }"-->
<!--<c:if test="${infoDutySchedule.id == jobId_B737}">-->
<!--selected-->
<!--</c:if>-->
<!--&gt;${infoDutySchedule.jobName}&#45;&#45;${infoDutySchedule.acType}</option>-->
<!--</c:forEach>-->
</select>
<select id="verticalAcceleration_modelName_B737" name="verticalAcceleration_modelName_B737" class="input-medium">
</select>
<select id="verticalAcceleration_paramName_B737" name="verticalAcceleration_paramName_B737" class="input-medium">
</select>
</div>
<div class="form-group">
<label for="message-text" class="control-label">
${acType_row3}
</label>
<select id="verticalAcceleration_jobId_A320" name="verticalAcceleration_jobId_A320" class="input-large">
<option value=""></option>
<!--<c:forEach items="${infoDutyScheduleList_A320}" var="infoDutySchedule">-->
<!--<option value="${infoDutySchedule.id }"-->
<!--<c:if test="${infoDutySchedule.id == jobId_A320}">-->
<!--selected-->
<!--</c:if>-->
<!--&gt;${infoDutySchedule.jobName}&#45;&#45;${infoDutySchedule.acType}</option>-->
<!--</c:forEach>-->
</select>
<select id="verticalAcceleration_modelName_A320" name="verticalAcceleration_modelName_A320" class="input-medium">
</select>
<select id="verticalAcceleration_paramName_A320" name="verticalAcceleration_paramName_A320" class="input-medium">
</select>
</div>
<div class="form-group">
<label for="message-text" class="control-label">
${acType_row4}
</label>
<select id="verticalAcceleration_jobId_B777" name="verticalAcceleration_jobId_B777" class="input-large">
<option value=""></option>
<!--<c:forEach items="${infoDutyScheduleList_B777}" var="infoDutySchedule">-->
<!--<option value="${infoDutySchedule.id }"-->
<!--<c:if test="${infoDutySchedule.id == jobId_B777}">-->
<!--selected-->
<!--</c:if>-->
<!--&gt;${infoDutySchedule.jobName}&#45;&#45;${infoDutySchedule.acType}</option>-->
<!--</c:forEach>-->
</select>
<select id="verticalAcceleration_modelName_B777" name="verticalAcceleration_modelName_B777" class="input-medium">
</select>
<select id="verticalAcceleration_paramName_B777" name="verticalAcceleration_paramName_B777" class="input-medium">
</select>
</div>
<div class="form-group">
<label for="message-text" class="control-label">
${acType_row5}
</label>
<select id="verticalAcceleration_jobId_A330" name="verticalAcceleration_jobId_A330" class="input-large">
<option value=""></option>
<!--<c:forEach items="${infoDutyScheduleList_A330}" var="infoDutySchedule">-->
<!--<option value="${infoDutySchedule.id }"-->
<!--<c:if test="${infoDutySchedule.id == jobId_A330}">-->
<!--selected-->
<!--</c:if>-->
<!--&gt;${infoDutySchedule.jobName}&#45;&#45;${infoDutySchedule.acType}</option>-->
<!--</c:forEach>-->
</select>
<select id="verticalAcceleration_modelName_A330" name="verticalAcceleration_modelName_A330" class="input-medium">
</select>
<select id="verticalAcceleration_paramName_A330" name="verticalAcceleration_paramName_A330" class="input-medium">
</select>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭
</button>
<button type="button" class="btn btn-primary" onclick="verticalAcceleration_set_func()">
提交
</button>
</div>
</div>
</div>
</div>
<!-- verticalAcceleration_set_func模态框Modal -->
<!-- 模拟 alert弹窗 -->
<div id="date_alert" style="width:20%;position:fixed;left:40%;z-index: 1300; top:40%;background:rgba(0,0,0,0.6);height:3rem;text-align:center;line-height:3rem;border-radius:0.3rem;color:#fff;font-size:1.2rem;display:none;">
添加成功
</div>
<div id="date_alert2" style="width:30%;position:fixed;left:35%;z-index: 1300; top:40%;background:rgba(0,0,0,0.6);height:3rem;text-align:center;line-height:3rem;border-radius:0.3rem;color:#fff;font-size:1.2rem;display:none;">
添加成功
</div>
<div id="date_alert3" style="width:30%;position:fixed;left:35%;z-index: 1300; top:25%;background:rgba(0,0,0,0.6);height:3rem;text-align:center;line-height:3rem;border-radius:0.3rem;color:#fff;font-size:1.2rem;display:none;">
添加成功
</div>
<!--这是遮罩层默认是不显示的设置透明度为0.1-->
<div id="masking_bg" style="display:none;position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1100;background-color:black;opacity: 0.1"></div>
<div id="zhezhao_mask" class="zhezhao_mask"></div>
<!--这是遮罩层默认是不显示的设置透明度为0.1-->
<script src="../oneself/chartjs/Chart.bundle.js" th:src="@{/oneself/chartjs/Chart.bundle.js}"></script>
<script src="../oneself/chartjs/Chart.PieceLabel.js" th:src="@{/oneself/chartjs/Chart.PieceLabel.js}"></script>
<script src="../oneself/chartjs/chartjs-plugin-datalabels.js" th:src="@{/oneself/chartjs/chartjs-plugin-datalabels.js}"></script>
<script type="text/javascript" charset="utf-8" src="../oneself/chartjs/Chart.roundedBarCharts.min.js" th:src="@{/oneself/chartjs/Chart.roundedBarCharts.min.js}"></script>
<!-- 不同机型参数自定义图形设置js -->
<script src="../oneself/customer_js/defaultIndex/defaultIndex_acTypeContrast_set.js?time=<%=new Date().getTime()%>" th:src="@{/oneself/customer_js/defaultIndex/defaultIndex_acTypeContrast_set.js?time=new Date().getTime()}"></script>
<script src="../oneself/customer_js/defaultIndex/defaultIndex_cruisingAltitude_set.js?time=<%=new Date().getTime()%>" th:src="@{/oneself/customer_js/defaultIndex/defaultIndex_cruisingAltitude_set.js?time=new Date().getTime()}"></script>
<script src="../oneself/customer_js/defaultIndex/defaultIndex_pitchAnalysis_set.js?time=<%=new Date().getTime()%>" th:src="@{/oneself/customer_js/defaultIndex/defaultIndex_pitchAnalysis_set.js?time=new Date().getTime()}"></script>
<script src="../oneself/customer_js/defaultIndex/defaultIndex_verticalacceleration_set.js?time=<%=new Date().getTime()%>" th:src="@{oneself/customer_js/defaultIndex/defaultIndex_verticalacceleration_set.js?time=new Date().getTime()}"></script>
<script type="text/javascript">
var bodyWidth = $(document.body).width();//页面宽度
/*模拟alert*/
function oDateAlert(txt){
$('#date_alert').html(txt);
$('#date_alert').show();
setInterval(function(){
$('#date_alert').fadeOut();
},5000);
}
/*模拟alert*/
function oDateAlert2(txt){
$('#date_alert2').html(txt);
$('#date_alert2').show();
setInterval(function(){
$('#date_alert2').fadeOut();
},5000);
}
/*模拟alert*/
function oDateAlert3(txt){
$('#date_alert3').html(txt);
$('#date_alert3').show();
setInterval(function(){
$('#date_alert3').fadeOut();
},5000);
}
//兼容火狐、IE8
//显示遮罩层
function show_zhezhao_mask(){
$("#zhezhao_mask").css("height",$(document).height());
$("#zhezhao_mask").css("width",$(document).width());
$("#zhezhao_mask").show();
}
//隐藏遮罩层
function hide_zhezhao_mask(){
$("#zhezhao_mask").hide();
}
var colors = [
'#1f77b4', '#e377c2', '#ff7f0e', '#2ca02c', '#bcbd22', '#d62728',
'#17becf', '#9467bd', '#7f7f7f', '#8c564b', '#3366cc'
];
//柱状图图形对象
var myLineChart_bar;
//圆饼图图形对象
var myLineChart_pie;
//折线图形对象
var myLineChart_line;
//首次加载页面,初始化图表
$(document).ready(function(){
//默认加载首页,柱状图大小
default_chart_container_bar_size();
//
//$(".chart_container_line").css({"width":"450px","height":"250px"});
//$(".chart_container_pie").css({"width":"300px","height":"300px"});
//初始化机型数据对比-------------------------------------------------
getParamsStatisticsResultToTable();
//初始化pitch起飞参数-------------------------------------------------
getParamsStatisticsResultToBar();
//初始化C900巡航高度-------------------------------------------------
getCruisingAltitudeFieldsStatisticsResultToPie();
//初始化最大垂直加速度-------------------------------------------------
getParamsStatisticsResultToLine();
//设置标题初始值 -开始-----------------------------------------------------------------------
$(".choose_paramName").append('起飞参数');
$(".choose_statisticsType").append('平均值');
$(".cruisingAltitude_title_param").append('巡航高度');
$(".cruisingAltitude_task_title").append('巡航高度');
$(".verticalAcceleration_title").append('最大垂直加速度');
$(".verticalAcceleration_choose_statisticsType").append('平均值');
//设置标题初始值 -结束-----------------------------------------------------------------------
//初始化select2
$("#pitch_set_dlg").on("shown.bs.modal", function(){
$(".select2").select2();
});
//首页,滚动文字
//marquee_scroll_text(${jobsTop10JsonArr},'${marquee_scroll_text_url}');
//为模态对话框添加拖拽
adjustModelDlgDraggable();
bodyWidth = $(document.body).width();
//窗口Resize事件
$(window).resize(function() {
var change = Math.abs(bodyWidth - $(document.body).width());
if(change > 50)
default_chart_container_bar_size();
});
});
//绘制柱状图---------------------------
function bar_chart(chart_container_width, chart_container_height, calcuteResultArr, statisticsType){
//
//$("#myChart_bar").width=chart_container_width;
//$("#myChart_bar").height=chart_container_height;
var ctx_bar = document.getElementById("myChart_bar").getContext("2d");
//var myLineChart_bar = null;
var dataArray = [];
var countArr = [];
countArr = '${acTypeListByAcTypeNoStr}'.split(',');
if(calcuteResultArr.length>0){
for(var i=0;i<countArr.length;i++){
countArri = '';
countArri = countArr[i];
$.each(calcuteResultArr,function(index,calcuteResultEach){
if(calcuteResultEach.acType==countArri){
if(statisticsType=='1'||statisticsType==1){
if(calcuteResultEach.avg==''||calcuteResultEach.avg==null||calcuteResultEach.avg==undefined)
dataArray.push(0);
else
dataArray.push(calcuteResultEach.avg);
}
if(statisticsType=='2'||statisticsType==2){
if(calcuteResultEach.median==''||calcuteResultEach.median==null||calcuteResultEach.median==undefined)
dataArray.push(0);
else
dataArray.push(calcuteResultEach.median);
}
if(statisticsType=='3'||statisticsType==3){
if(calcuteResultEach.max==''||calcuteResultEach.max==null||calcuteResultEach.max==undefined)
dataArray.push(0);
else
dataArray.push(calcuteResultEach.max);
}
if(statisticsType=='4'||statisticsType==4){
if(calcuteResultEach.min==''||calcuteResultEach.min==null||calcuteResultEach.min==undefined)
dataArray.push(0);
else
dataArray.push(calcuteResultEach.min);
}
}
});
}
}else{
dataArray = [-6.0,5.9,6.3,6.1,5.9];
}
//如果paramName 为空则默认Pitch
var chartdata_bar = {
labels : countArr,
datasets : [
{
label : '',
data : dataArray,
//backgroundColor: ["#0074D9", "#FF4136", "#2ECC40", "#FF851B", "#7FDBFF"]
backgroundColor: ["#3784D4", "#0DCB5F", "#9AD873", "#5DBBE1", "#75D3DF"],
datalabels: {
align: 'end',
anchor: 'end'
}
}
]
}
if(myLineChart_bar!=null)
myLineChart_bar.destroy();
myLineChart_bar = new Chart(ctx_bar, {
type: 'bar',
data: chartdata_bar,
options: {
scales: {
xAxes: [{
gridLines: {
offsetGridLines: true
},
barPercentage:0.3
}],
yAxes: [{
ticks: {
/* min: 0.0 */
callback: function(value) {if (value % 1 === 0) {return value;}}
}
}]
},
legend: {
display: false
},
//cornerRadius: 30
}
});
//console.log('柱状图!');
}
//绘制曲线图---------------------------
function line_chart(chart_container_width, chart_container_height, calcuteResultArr, statisticsType){
//$("#myChart_line").width=chart_container_width;
//$("#myChart_line").height=chart_container_height;
var ctx_line = document.getElementById("myChart_line").getContext("2d");
var countArr = [];
countArr = '${acTypeListByAcTypeNoStr}'.split(',');
var dataArray = [];
if(calcuteResultArr.length>0){
for(var i=0;i<countArr.length;i++){
countArri = '';
countArri = countArr[i];
$.each(calcuteResultArr,function(index,calcuteResultEach){
if(calcuteResultEach.acType==countArri){
if(statisticsType=='1'||statisticsType==1){
if(calcuteResultEach.avg==''||calcuteResultEach.avg==null||calcuteResultEach.avg==undefined)
dataArray.push(0);
else
dataArray.push(calcuteResultEach.avg);
}
if(statisticsType=='2'||statisticsType==2){
if(calcuteResultEach.median==''||calcuteResultEach.median==null||calcuteResultEach.median==undefined)
dataArray.push(0);
else
dataArray.push(calcuteResultEach.median);
}
if(statisticsType=='3'||statisticsType==3){
if(calcuteResultEach.max==''||calcuteResultEach.max==null||calcuteResultEach.max==undefined)
dataArray.push(0);
else
dataArray.push(calcuteResultEach.max);
}
if(statisticsType=='4'||statisticsType==4){
if(calcuteResultEach.min==''||calcuteResultEach.min==null||calcuteResultEach.min==undefined)
dataArray.push(0);
else
dataArray.push(calcuteResultEach.min);
}
}
});
}
}else{
dataArray = [1.001,1.004,0.991,1.100,1.202];
}
if(statisticsType=='1')
statisticsType = '平均值';
if(statisticsType=='2')
statisticsType = '中位数';
if(statisticsType=='3')
statisticsType = '最大值';
if(statisticsType=='4')
statisticsType = '最小值';
var chartdata_line = {
labels : countArr,
datasets : [
{
label: statisticsType,
data: dataArray,
//backgroundColor: ["#0074D9"]
backgroundColor: ['rgba(255, 255, 255, 0.0)'],
borderColor: '#3BA5CD',
pointBorderColor: '#3BA5CD',
datalabels: {
align: 'top',
anchor: 'start'
}
}
]
}
if(myLineChart_line!=null)
myLineChart_line.destroy();
myLineChart_line = new Chart(ctx_line, {
type: 'line',
data: chartdata_line,
options: {
scales: {
yAxes: [{
ticks: {
/* min: 0.0 */
//callback: function(value) {if (value % 1 === 0) {return value;}}
}
}]
},
legend: {
display: false
}
}
});
//console.log('线性图!');
}
//绘制圆饼图---------------------------
function pie_chart(chart_container_width, chart_container_height,statisticsFieldsJsonArr){
//$("#myChart_pie").width=chart_container_width;
//$("#myChart_pie").height=chart_container_height;
var ctx_pie = document.getElementById("myChart_pie").getContext("2d");
var countArr = [];
var dataArray = [];
if(statisticsFieldsJsonArr.length>0){
for(var i=0;i<statisticsFieldsJsonArr.length;i++){
statisticsFieldsJson = {};
statisticsFieldsJson = statisticsFieldsJsonArr[i];
if(statisticsFieldsJson.field_min!=''&&statisticsFieldsJson.field_min!=undefined&&statisticsFieldsJson.field_max!=''&&statisticsFieldsJson.field_max!=undefined){
countArr.push(statisticsFieldsJson.field_min + '-' + statisticsFieldsJson.field_max);
dataArray.push(statisticsFieldsJson.field_count);
}
}
}else{
countArr = ["最小值","最大值","中位值","平均值"];
dataArray = [21700,28500,24400,24600];
}
//
var dataArray_is0_Flag = true;
for(var i=0;i<dataArray.length;i++){
if(dataArray[i]!='0'&&dataArray[i]>0){
dataArray_is0_Flag = false;
}
}
if(dataArray_is0_Flag){
oDateAlert3('圆饼图该参数统计结果为0无法绘图');
}
var chartdata_pie = {
labels : countArr,
datasets : [
{
label : "AC700飞行参数分析",
data : dataArray,
//backgroundColor: ["#0074D9", "#FF4136", "#2ECC40", "#FF851B"]
backgroundColor: ["#F36059", "#FA9253", "#F4D371", "#D1EA85"]
}
],
cutoutPercentage: 0
}
if(myLineChart_pie!=null)
myLineChart_pie.destroy();
myLineChart_pie = new Chart(ctx_pie, {
type: 'pie',
data: chartdata_pie,
responsive: true,
options: {
title: {
display: true,
fontsize: 14,
text: 'AC700飞行参数分析'
},
legend: {
display: true,
position: 'right'
}
},
pieceLabel: {
render: 'value',
fontSize: 14,
fontStyle: 'bold',
fontColor: '#000',
fontFamily: '"Lucida Console", Monaco, monospace'
}
});
//console.log('圆饼图!');
}
/* **************************************机型数据对比设置*********************************************** */
//见js文件/customer_js/defaultIndex/defaultIndex_acTypeContrast_set.js
/* **************************************机型数据对比设置*********************************************** */
/* **************************************不同机型起飞Pitch分析设置*开始********************************************** */
//pitch 统计结果设置
function pitch_set_func(){
var statisticsAction = $("#statisticsAction").val();
var statisticsType = $("#statisticsType").val();
var jobId_CRJ900 = $("#jobId_CRJ900").val();
var jobId_B737 = $("#jobId_B737").val();
var jobId_A320 = $("#jobId_A320").val();
var jobId_B777 = $("#jobId_B777").val();
var jobId_A330 = $("#jobId_A330").val();
var modelName_C900 = $("#modelName_C900").val();
var modelName_B737 = $("#modelName_B737").val();
var modelName_A320 = $("#modelName_A320").val();
var modelName_B777 = $("#modelName_B777").val();
var modelName_A330 = $("#modelName_A330").val();
var paramName_C900 = $("#paramName_C900").val();
var paramName_B737 = $("#paramName_B737").val();
var paramName_A320 = $("#paramName_A320").val();
var paramName_B777 = $("#paramName_B777").val();
var paramName_A330 = $("#paramName_A330").val();
if(statisticsAction==''||statisticsAction==""){
oDateAlert('请设置标题');
return;
}
if(statisticsType==''||statisticsType==""){
oDateAlert('请选择统计类型');
return;
}
var paramDataJson = {"jobId_CRJ900":jobId_CRJ900,"jobId_B737":jobId_B737,"jobId_A320":jobId_A320,"jobId_B777":jobId_B777,"jobId_A330":jobId_A330,"modelName_CRJ900":modelName_C900,"modelName_B737":modelName_B737,"modelName_A320":modelName_A320,"modelName_B777":modelName_B777,"modelName_A330":modelName_A330,"paramName_CRJ900":paramName_C900,"paramName_B737":paramName_B737,"paramName_A320":paramName_A320,"paramName_B777":paramName_B777,"paramName_A330":paramName_A330};
var paramDataJsonString = JSON.stringify(paramDataJson);
$.ajax({
type: "POST",
url: '${ctx}/defaultIndex/infoDefaultindexParamset/getParamsStatisticsResult_Bar',
data: {statisticsType:statisticsType,statisticsAction:statisticsAction,paramDataJsonString:paramDataJsonString},
dataType:'json',
cache: false,
async: true,
success: function(data){
if(data.status=='1001'||data.status==1001){
//关闭模态框
$('#pitch_set_dlg').modal('hide');
var calcuteResultArr = data.calcuteResultArr;
var $chart_container_width_bar=$(".chart_container_bar").width();
var $chart_container_height_bar=$(".chart_container_bar").height();
chart_container_width_bar = $chart_container_width_bar;
chart_container_height_bar = $chart_container_height_bar;
//绘制柱状图
bar_chart(chart_container_width_bar, chart_container_height_bar, calcuteResultArr, statisticsType);
//更新参数名标题
//更新平均值还是中位数
$(".choose_statisticsType").empty();
if(statisticsType=='1')
$(".choose_statisticsType").append('平均值');
if(statisticsType=='2')
$(".choose_statisticsType").append('中位数');
if(statisticsType=='3')
$(".choose_statisticsType").append('最大值');
if(statisticsType=='4')
$(".choose_statisticsType").append('最小值');
//更新标题-飞行参数
if(statisticsAction!=''&&statisticsAction!=undefined){
$(".choose_paramName").empty();
$(".choose_paramName").append(statisticsAction);
}
//将设置的统计类型传给临时变量
pitchAnalysis_statisticsType_Temp = statisticsType;
}else{
oDateAlert(data.data);
return;
}
}
});
}
/* **************************************不同机型起飞Pitch分析设置*结束********************************************** */
/* *********************************************************C900巡航高度分析*开始******************************************************************************** */
//巡航高度区间设置
function cruisingAltitude_set_func(){
var cruisingAltitude_title_param = $("#cruisingAltitude_title_param").val();
var field1_min = $("#field1_min").val();
var field1_max = $("#field1_max").val();
var field2_min = $("#field2_min").val();
var field2_max = $("#field2_max").val();
var field3_min = $("#field3_min").val();
var field3_max = $("#field3_max").val();
var field4_min = $("#field4_min").val();
var field4_max = $("#field4_max").val();
//
var jobId = $("#cruisingAltitude_jobId_CRJ900").val();
var modelName = $("#cruisingAltitude_modelName_C900").val();
var paramName = $("#cruisingAltitude_paramName_C900").val();
if(cruisingAltitude_title_param==''||cruisingAltitude_title_param==""){
oDateAlert('请设置标题');
return;
}
if(jobId==''){
oDateAlert('任务不能为空');
return;
}
if(modelName==''){
oDateAlert('模型名不能为空');
return;
}
if(paramName==''){
oDateAlert('参数不能为空');
return;
}
var regexp=/^\d+$/;
notNullFlag = false;
field1_min_NotNullFlag = false;
field1_max_NotNullFlag = false;
field2_min_NotNullFlag = false;
field2_max_NotNullFlag = false;
field3_min_NotNullFlag = false;
field3_max_NotNullFlag = false;
field4_min_NotNullFlag = false;
field4_max_NotNullFlag = false;
if(field1_min!=''&&field1_min!=undefined){
if(!regexp.test(field1_min)||field1_min==''||field1_min==0){
oDateAlert("请输入 正确的数字,且大于0");
return false;
}else{
field1_min_NotNullFlag = true;
notNullFlag = true;
}
}
if(field1_max!=''&&field1_max!=undefined){
if(!regexp.test(field1_max)||field1_max==''||field1_max==0){
oDateAlert("请输入 正确的数字,且大于0");
return false;
}else{
if(!field1_min_NotNullFlag){
oDateAlert("请先填写该区间最小值!");
return false;
}
if(field1_min>=field1_max){
oDateAlert("请大于该区间最小值!");
return false;
}
field1_max_NotNullFlag = true;
notNullFlag = true;
}
}
if(field2_min!=''&&field2_min!=undefined){
if(!regexp.test(field2_min)||field2_min==''||field2_min==0){
oDateAlert("请输入 正确的数字,且大于0");
return false;
}else
field2_min_NotNullFlag = true;
}
if(field2_max!=''&&field2_max!=undefined){
if(!regexp.test(field2_max)||field2_max==''||field2_max==0){
oDateAlert("请输入 正确的数字,且大于0");
return false;
}else{
if(!field2_min_NotNullFlag){
oDateAlert("请先填写该区间最小值!");
return false;
}
if(field2_min>=field2_max){
oDateAlert("请大于该区间最小值!");
return false;
}
field2_max_NotNullFlag = true;
notNullFlag = true;
}
}
if(field3_min!=''&&field3_min!=undefined){
if(!regexp.test(field3_min)||field3_min==''||field3_min==0){
oDateAlert("请输入 正确的数字,且大于0");
return false;
}else{
notNullFlag = true;
field3_min_NotNullFlag = true;
}
}
if(field3_max!=''&&field3_max!=undefined){
if(!regexp.test(field3_max)||field3_max==''||field3_max==0){
oDateAlert("请输入 正确的数字,且大于0");
return false;
}else{
if(!field3_min_NotNullFlag){
oDateAlert("请先填写该区间最小值!");
return false;
}
if(field3_min>=field3_max){
oDateAlert("请大于该区间最小值!");
return false;
}
field3_max_NotNullFlag = true;
notNullFlag = true;
}
}
if(field4_min!=''&&field4_min!=undefined){
if(!regexp.test(field4_min)||field4_min==''||field4_min==0){
oDateAlert("请输入 正确的数字,且大于0");
return false;
}else{
field4_min_NotNullFlag = true;
notNullFlag = true;
}
}
if(field4_max!=''&&field4_max!=undefined){
if(!regexp.test(field4_max)||field4_max==''||field4_max==0){
oDateAlert("请输入 正确的数字,且大于0");
return false;
}else{
if(!field4_min_NotNullFlag){
oDateAlert("请先填写该区间最小值!");
return false;
}
if(field4_min>=field4_max){
oDateAlert("请大于该区间最小值!");
return false;
}
field4_max_NotNullFlag = true;
notNullFlag = true;
}
}
if(!notNullFlag){
oDateAlert("请至少输入一个区间范围!");
return false;
}
//如果有区间范围不完整,则提示
if((field1_min_NotNullFlag&&!field1_max_NotNullFlag)||(!field1_min_NotNullFlag&&field1_max_NotNullFlag)){
oDateAlert("请将区间填写完整!");
return false;
}
if((field2_min_NotNullFlag&&!field2_max_NotNullFlag)||(!field2_min_NotNullFlag&&field2_max_NotNullFlag)){
oDateAlert("请将区间填写完整!");
return false;
}
if((field3_min_NotNullFlag&&!field3_max_NotNullFlag)||(!field3_min_NotNullFlag&&field3_max_NotNullFlag)){
oDateAlert("请将区间填写完整!");
return false;
}
if((field4_min_NotNullFlag&&!field4_max_NotNullFlag)||(!field4_min_NotNullFlag&&field4_max_NotNullFlag)){
oDateAlert("请将区间填写完整!");
return false;
}
reqField1Json = {};
reqField1Json = {"field_index":"1","field_min":field1_min,"field_max":field1_max,"field_count":""};
reqField2Json = {};
reqField2Json = {"field_index":"2","field_min":field2_min,"field_max":field2_max,"field_count":""};
reqField3Json = {};
reqField3Json = {"field_index":"3","field_min":field3_min,"field_max":field3_max,"field_count":""};
reqField4Json = {};
reqField4Json = {"field_index":"4","field_min":field4_min,"field_max":field4_max,"field_count":""};
reqParamDataJson = [];
reqParamDataJson.push(reqField1Json);
reqParamDataJson.push(reqField2Json);
reqParamDataJson.push(reqField3Json);
reqParamDataJson.push(reqField4Json);
//检测是否有区间重合的地方
for(var i=0;i<reqParamDataJson.length;i++){
reqParamDataJson_i = reqParamDataJson[i];
if(reqParamDataJson_i.field_min!=''&&reqParamDataJson_i.field_max!=''){
for(var j=0;j<reqParamDataJson.length;j++){
reqParamDataJson_temp_each ={};
reqParamDataJson_temp_each = reqParamDataJson[j];
if(reqParamDataJson_temp_each.field_min!=''&&reqParamDataJson_temp_each.field_max!=''&&reqParamDataJson_i.field_index!=reqParamDataJson_temp_each.field_index){
if(reqParamDataJson_i.field_min>=reqParamDataJson_temp_each.field_max){
continue;
}
if(reqParamDataJson_i.field_max<=reqParamDataJson_temp_each.field_min){
continue;
}
else{
oDateAlert('设置区间有重叠,请重新设置');
return false;
}
}
}
}else
continue;
}
//关闭模态框
$('#cruisingAltitude_set__dlg').modal('hide');
var reqParamDataJsonString = JSON.stringify(reqParamDataJson);
$.ajax({
type: "POST",
url: '${ctx}/defaultIndex/cruisingAltitude/getCruisingAltitudeStatisticsResult_Pie',
data: {reqParamDataJsonString:reqParamDataJsonString,cruisingAltitude_title_param:cruisingAltitude_title_param,jobId:jobId,modelName:modelName,paramName:paramName},
dataType:'json',
cache: false,
async: true,
success: function(data){
if(data.status=='1001'||data.status==1001){
statisticsFieldsJsonArr = [];
//返回的统计数据
statisticsFieldsJsonArr = data.data;
var $chart_container_width_pie=$(".chart_container_width_pie").width();
var $chart_container_height_pie=$(".chart_container_height_pie").height();
chart_container_width_pie = $chart_container_width_pie;
chart_container_height_pie = $chart_container_height_pie;
//绘制圆饼图
pie_chart(chart_container_width_pie,chart_container_height_pie,statisticsFieldsJsonArr);
//更新标题-飞行参数
if(cruisingAltitude_title_param!=''&&cruisingAltitude_title_param!=undefined){
$(".cruisingAltitude_task_title").empty();
$(".cruisingAltitude_task_title").append(cruisingAltitude_title_param);
}
}else{
oDateAlert(data.data);
return;
}
}
});
}
/* *********************************************************C900巡航高度分析*结束********************************************************** */
/* *********************************************************最大垂直加速度分析*开始************************************************************************ */
//点击提交设置
function verticalAcceleration_set_func(){
var statisticsAction = $("#verticalAcceleration_statisticsAction").val();
var statisticsType = $("#verticalAcceleration_statisticsType").val();
var jobId_CRJ900 = $("#verticalAcceleration_jobId_CRJ900").val();
var jobId_B737 = $("#verticalAcceleration_jobId_B737").val();
var jobId_A320 = $("#verticalAcceleration_jobId_A320").val();
var jobId_B777 = $("#verticalAcceleration_jobId_B777").val();
var jobId_A330 = $("#verticalAcceleration_jobId_A330").val();
var modelName_C900 = $("#verticalAcceleration_modelName_C900").val();
var modelName_B737 = $("#verticalAcceleration_modelName_B737").val();
var modelName_A320 = $("#verticalAcceleration_modelName_A320").val();
var modelName_B777 = $("#verticalAcceleration_modelName_B777").val();
var modelName_A330 = $("#verticalAcceleration_modelName_A330").val();
var paramName_C900 = $("#verticalAcceleration_paramName_C900").val();
var paramName_B737 = $("#verticalAcceleration_paramName_B737").val();
var paramName_A320 = $("#verticalAcceleration_paramName_A320").val();
var paramName_B777 = $("#verticalAcceleration_paramName_B777").val();
var paramName_A330 = $("#verticalAcceleration_paramName_A330").val();
if(statisticsAction==''||statisticsAction==""){
oDateAlert('请设置标题');
return;
}
if(statisticsType==''||statisticsType==""){
oDateAlert('请选择统计类型');
return;
}
var paramDataJson = {"jobId_CRJ900":jobId_CRJ900,"jobId_B737":jobId_B737,"jobId_A320":jobId_A320,"jobId_B777":jobId_B777,"jobId_A330":jobId_A330,"modelName_CRJ900":modelName_C900,"modelName_B737":modelName_B737,"modelName_A320":modelName_A320,"modelName_B777":modelName_B777,"modelName_A330":modelName_A330,"paramName_CRJ900":paramName_C900,"paramName_B737":paramName_B737,"paramName_A320":paramName_A320,"paramName_B777":paramName_B777,"paramName_A330":paramName_A330};
var paramDataJsonString = JSON.stringify(paramDataJson);
$.ajax({
type: "POST",
url: '${ctx}/defaultIndex/infoDefaultindexVerticalaccelerationset/getParamsStatisticsResult_Line',
data: {statisticsType:statisticsType,statisticsAction:statisticsAction,paramDataJsonString:paramDataJsonString},
dataType:'json',
cache: false,
async: true,
success: function(data){
if(data.status=='1001'||data.status==1001){
//关闭模态框
$('#verticalAcceleration_set_dlg').modal('hide');
var calcuteResultArr = data.calcuteResultArr;
//绘图
var $chart_container_width_line=$(".chart_container_line").width();
var $chart_container_height_line=$(".chart_container_line").height();
chart_container_width_line = $chart_container_width_line;
chart_container_height_line = $chart_container_height_line;
line_chart(chart_container_width_line, chart_container_height_line,calcuteResultArr,statisticsType);
//更新参数名标题
//更新平均值还是中位数
$(".verticalAcceleration_choose_statisticsType").empty();
if(statisticsType=='1')
$(".verticalAcceleration_choose_statisticsType").append('平均值');
if(statisticsType=='2')
$(".verticalAcceleration_choose_statisticsType").append('中位数');
if(statisticsType=='3')
$(".verticalAcceleration_choose_statisticsType").append('最大值');
if(statisticsType=='4')
$(".verticalAcceleration_choose_statisticsType").append('最小值');
//更新标题-飞行参数
if(statisticsAction!=''&&statisticsAction!=undefined){
$(".verticalAcceleration_title").empty();
$(".verticalAcceleration_title").append(statisticsAction);
}
//将统计类型传给临时变量
verticalacceleration_statisticsType_Temp = statisticsType;
}else{
oDateAlert(data.data);
return;
}
}
});
}
/**********************************************************最大垂直加速度分析*结束*************************************************************************/
//----------------------------------------------------------------------------------------------------------------------
//marquee_scroll_text,默认首页-滚动文字
function marquee_scroll_text(jobsTop10JsonArr0,info_schedule_list_page_url){
//任务滚动提示----------------------------------------------------
var jobsTop10JsonArr = [];
jobsTop10JsonArr = jobsTop10JsonArr0;
info_schedule_list_page_url = locate_url + info_schedule_list_page_url;
$(".scroll_jobName_tips").empty();
for(var i=0;i<jobsTop10JsonArr.length;i++){
jobsTop10JsonArr_i = {};
jobsTop10JsonArr_i = jobsTop10JsonArr[i];
scroll_jobName_tips_html='';
scroll_jobName='';
scroll_jobName = jobsTop10JsonArr_i.jobName;
if(scroll_jobName.length>0){
scroll_jobName = scroll_jobName.substring(0,10) + '...';
}
scroll_jobName_tips_html = "<center><a id=\"scroll_jobName_tips_text\" href=\""+info_schedule_list_page_url+"\" target=\"mainFrame\">"+scroll_jobName+"</a></center><br>";
//scroll_jobName_tips_html = "<center><a id=\"scroll_jobName_tips_text\">"+scroll_jobName+"</a></center><br>";
$(".scroll_jobName_tips").append(scroll_jobName_tips_html);
}
}
//调整模态框显示的水平位置----------------------------------
function adjustModelDlgHorizontalPosition(){
//调整模态框显示的水平位置----------------------------------
var $modalfade_width=$(".modal.fade").width();
var $modalfade_height=$(".modal.fade").height();
//var windowWidth = $(document.body).width();//浏览器当前窗口文档body的宽度
//var windowWidth = $(document).width();//浏览器当前窗口文档对象宽度
var windowWidth = window.screen.width; //屏幕分辨率的宽
var windowHeight = $(document).height();
var modalfade_width = $modalfade_width;
var modalfade_height = $modalfade_height;
var modelDlgLeft = (windowWidth - modalfade_width)/2;
var modelDlgTop = (windowHeight - modalfade_height)/2;
console.log('modelDlgLeft:'+modelDlgLeft);
$(".modal.fade").css({"left":modelDlgLeft+"px"});
//调整模态框显示的水平位置----------------------------------
}
//为模态对话框添加拖拽
function adjustModelDlgDraggable(){
$("#acTypeContrast_set_dlg").draggable();//为模态对话框添加拖拽
$("#acTypeContrast_set_dlg").css("overflow", "hidden");//禁止模态对话框的半透明背景滚动
$("#pitch_set_dlg").draggable();//为模态对话框添加拖拽
$("#pitch_set_dlg").css("overflow", "hidden");//禁止模态对话框的半透明背景滚动
$("#cruisingAltitude_set__dlg").draggable();//为模态对话框添加拖拽
$("#cruisingAltitude_set__dlg").css("overflow", "hidden");//禁止模态对话框的半透明背景滚动
$("#verticalAcceleration_set_dlg").draggable();//为模态对话框添加拖拽
$("#verticalAcceleration_set_dlg").css("overflow", "hidden");//禁止模态对话框的半透明背景滚动
}
//
function redirectToJobList(){
info_schedule_list_page_url = '';
info_schedule_list_page_url = '${ctx}'+'${marquee_scroll_text_url}';
parent.location.href = info_schedule_list_page_url;
}
/* $("#scroll_jobName_tips_text").click(function() {
document.getElementById("scroll_jobName_tips_text").click();
}); */
//默认加载首页,柱状图大小
function default_chart_container_bar_size(){
//
bodyWidth = $(document.body).width();
var cellWidth = bodyWidth*0.3;
$(".main_cell").css({"width":cellWidth,"height":cellWidth*0.625});
$(".main_cell_right").css({"height":cellWidth*1.25});
//$(".main_tr").css({"height":cellHeight});
//windowScreenWidth = windowScreenWidth+200;
//console.log("可能被jquery收缩了200所以加上200宽度是"+windowScreenWidth);
/* if(windowScreenWidth>=0&&windowScreenWidth<=1440){
$(".chart_container_bar").css({"width":"400px","height":"240px"});
}else if(windowScreenWidth>1440&&windowScreenWidth<=1600){
$(".chart_container_bar").css({"width":"450px","height":"270px"});
}else if(windowScreenWidth>1600&&windowScreenWidth<=1760){
$(".chart_container_bar").css({"width":"500px","height":"300px"});
}else if(windowScreenWidth>1600&&windowScreenWidth>1760){
$(".chart_container_bar").css({"width":"600px","height":"275px"});
//$("#myChart_bar").css({"width":"560px","height":"248px"});
} */
}
</script>
</body>
</html>