You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
206 lines
6.4 KiB
206 lines
6.4 KiB
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>作战辅助决策系统-战训管理</title>
|
|
<link rel="stylesheet" href="layui/css/layui.css" media="all">
|
|
<link href="css/layuiextend.css" rel="stylesheet" />
|
|
<link href="css/main.css" rel="stylesheet" />
|
|
<style type="text/css">
|
|
.layui-form-label {
|
|
line-height: 16px;
|
|
padding-left: 0;
|
|
color: #00bbe0;
|
|
}
|
|
|
|
.layui-form-item .layui-input-inline {
|
|
width: 140px;
|
|
margin-right: 0;
|
|
}
|
|
|
|
.layui-input,
|
|
.layui-select,
|
|
.layui-textarea {
|
|
height: 34px;
|
|
line-height: 1.3;
|
|
line-height: 34px\9;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
background-color: #083c65;
|
|
border-radius: 2px;
|
|
border-color: #36a6cc;
|
|
color: #e4ffff;
|
|
font-size: 14px;
|
|
}
|
|
|
|
input:-ms-input-placeholder {
|
|
color: #e4ffff;
|
|
font-size: 14px;
|
|
}
|
|
|
|
input::-webkit-input-placeholder {
|
|
color: #e4ffff;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.layui-input:hover,
|
|
.layui-textarea:hover {
|
|
border-color: #36a6cc !important;
|
|
}
|
|
</style>
|
|
|
|
|
|
</head>
|
|
<body>
|
|
<div class="content">
|
|
<div class="content1">
|
|
<div style="width: 100%; height:calc(49.64% - 20px); margin-bottom: 20px;">
|
|
<!-- 各科目参训总人数 -->
|
|
<div class="con-con fl">
|
|
<div class="con-tit">各科目参训总人数</div>
|
|
<div class="con-cont">
|
|
<div class="kmcx">
|
|
<div class="kmcx-icon1 fl"><img src="img/kmcx-icon1.png"></div>
|
|
<div class="kmcx-con">
|
|
<div class="kmcx-num"><span>60</span>人</div>
|
|
<div class="kmcx-name">跳绳</div>
|
|
</div>
|
|
</div>
|
|
<div class="kmcx">
|
|
<div class="kmcx-icon1 fl"><img src="img/kmcx-icon2.png"></div>
|
|
<div class="kmcx-con">
|
|
<div class="kmcx-num"><span>60</span>人</div>
|
|
<div class="kmcx-name">3公里（1.5公里）</div>
|
|
</div>
|
|
</div>
|
|
<div class="kmcx">
|
|
<div class="kmcx-icon1 fl"><img src="img/kmcx-icon3.png"></div>
|
|
<div class="kmcx-con">
|
|
<div class="kmcx-num"><span>60</span>人</div>
|
|
<div class="kmcx-name">单杠卷身上</div>
|
|
</div>
|
|
</div>
|
|
<div class="kmcx">
|
|
<div class="kmcx-icon1 fl"><img src="img/kmcx-icon4.png"></div>
|
|
<div class="kmcx-con">
|
|
<div class="kmcx-num"><span>60</span>人</div>
|
|
<div class="kmcx-name">屈腿仰卧起坐</div>
|
|
</div>
|
|
</div>
|
|
<div class="kmcx">
|
|
<div class="kmcx-icon1 fl"><img src="img/kmcx-icon5.png"></div>
|
|
<div class="kmcx-con">
|
|
<div class="kmcx-num"><span>60</span>人</div>
|
|
<div class="kmcx-name">俯卧撑</div>
|
|
</div>
|
|
</div>
|
|
<div class="kmcx">
|
|
<div class="kmcx-icon1 fl"><img src="img/kmcx-icon6.png"></div>
|
|
<div class="kmcx-con">
|
|
<div class="kmcx-num"><span>60</span>人</div>
|
|
<div class="kmcx-name">2分钟双杠臂屈伸</div>
|
|
</div>
|
|
</div>
|
|
<div class="kmcx">
|
|
<div class="kmcx-icon1 fl"><img src="img/kmcx-icon7.png"></div>
|
|
<div class="kmcx-con">
|
|
<div class="kmcx-num"><span>60</span>人</div>
|
|
<div class="kmcx-name">搬运重物折返跑</div>
|
|
</div>
|
|
</div>
|
|
<div class="kmcx">
|
|
<div class="kmcx-icon1 fl"><img src="img/kmcx-icon8.png"></div>
|
|
<div class="kmcx-con">
|
|
<div class="kmcx-num"><span>60</span>人</div>
|
|
<div class="kmcx-name">负重登10楼</div>
|
|
</div>
|
|
</div>
|
|
<div class="kmcx">
|
|
<div class="kmcx-icon1 fl"><img src="img/kmcx-icon9.png"></div>
|
|
<div class="kmcx-con">
|
|
<div class="kmcx-num"><span>60</span>人</div>
|
|
<div class="kmcx-name">400米救人疏散物资</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 训练统计 -->
|
|
<div class="con-con fl" style="margin-left: 19px;">
|
|
<div class="con-tit">训练统计</div>
|
|
<div class="con-cont" style="position: relative;">
|
|
<div class="xltj-time">
|
|
<div class="layui-form">
|
|
<div class="layui-form-item">
|
|
<div class="layui-inline">
|
|
<label class="layui-form-label">统计日期</label>
|
|
<div class="layui-input-inline">
|
|
<input type="text" class="layui-input" id="test3" placeholder="yyyy-MM" style="background: url(img/xltj-rl.png) 112px center no-repeat;">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="xltj" style="width: 100%; height: 100%;"></div>
|
|
|
|
</div>
|
|
</div>
|
|
<!-- 训练分析 -->
|
|
<div class="con-con fr" style="margin-right: 0px;">
|
|
<div class="con-tit">训练分析</div>
|
|
<div class="con-cont">
|
|
<div class="xlfx-select">
|
|
<select>
|
|
<option value="3公里（1.5公里）">3公里（1.5公里）</option>
|
|
<option value="俯卧撑">俯卧撑</option>
|
|
<option value="屈腿仰卧起坐">屈腿仰卧起坐</option>
|
|
<option value="跳绳">跳绳</option>
|
|
</select>
|
|
</div>
|
|
<div id="xlfx" style="width: 100%; height: 100%;"></div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div style="width: 100%; height:calc(49.64% - 20px);">
|
|
<!-- 训练走势 -->
|
|
<div class="con-con fl">
|
|
<div class="con-tit">训练走势</div>
|
|
<div class="con-cont">
|
|
<div id="xlzs1" style="width: 100%; height: calc(50% - 10px);margin-bottom: 10px;"></div>
|
|
|
|
<div id="xlzs2" style="width: 100%; height: calc(50% - 10px);margin-top: 10px;"></div>
|
|
|
|
</div>
|
|
</div>
|
|
<!-- 训练走势 -->
|
|
<div class="con-con fr" style="width: 65.99%;margin-right: 0;">
|
|
<div class="con-tit" style="background: url(img/grxlda-titbg.png) bottom no-repeat;">个人训练档案</div>
|
|
<div class="con-cont">
|
|
<div class="xlfx-select">
|
|
<select>
|
|
<option value="喀什地区消防救援支队">喀什地区消防救援支队</option>
|
|
<option value="邓伟军">邓伟军</option>
|
|
<option value="吐尔逊·肉孜">吐尔逊·肉孜</option>
|
|
</select>
|
|
</div>
|
|
<div style="width: 100%; height: calc(100% - 34px); float: left;">
|
|
<div id="grxlda1" style="width: 33.33%; height: 100%; float: left;"></div>
|
|
|
|
<div id="grxlda2" style="width: 33.33%; height: 100%; float: left;"></div>
|
|
|
|
<div id="grxlda3" style="width: 33.33%; height: 100%; float: left;"></div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|
|
<script src="js/jquery-1.js"></script>
|
|
<script src="js/echarts.min.js"></script>
|
|
<script src="layui/layui.js" charset="utf-8"></script>
|
|
<script src="zx.js"></script>
|