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

2054 lines
81 KiB
HTML
Raw Normal View History

<!DOCTYPE html>
2020-03-04 18:07:18 +08:00
<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内核解析-->
2020-03-04 18:07:18 +08:00
<title>首页数据展示</title>
<link rel="shortcut icon" href="favicon.ico">
<title>[[${sysName}]]</title>
2020-03-04 18:07:18 +08:00
<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">
2020-03-04 18:07:18 +08:00
<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>
2020-03-04 18:07:18 +08:00
<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>
2020-03-04 18:07:18 +08:00
<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>
2020-03-04 18:07:18 +08:00
<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>
2020-03-04 18:07:18 +08:00
<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>
2020-03-04 18:07:18 +08:00
</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">
2020-03-04 18:46:56 +08:00
<iframe name="infoDutyScheduleList" class="main_cell_right" id="infoDutyScheduleList" th:src="@{/defaultIndex/defaultIndex/infoDutyScheduleList}" scrolling="no" width="100%" frameborder="0"></iframe>
2020-03-04 18:07:18 +08:00
</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>
2020-03-04 18:07:18 +08:00
</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>
2020-03-04 18:07:18 +08:00
</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}"></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}"></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}"></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}"></script>
2020-03-04 18:07:18 +08:00
<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>