253 lines
12 KiB
HTML
253 lines
12 KiB
HTML
|
||
|
||
<style type="text/css">
|
||
.top {
|
||
width: 80%;
|
||
margin: auto;
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
|
||
.top select {
|
||
width: 150px;
|
||
height: 30px;
|
||
margin-left: 10px;
|
||
}
|
||
|
||
.guanLi {
|
||
width: 93%;
|
||
margin: auto;
|
||
text-align: center;
|
||
}
|
||
|
||
.guanLi tr {
|
||
height: 30px;
|
||
}
|
||
|
||
.yanse {
|
||
background: #e4f4f8;
|
||
border: #c9ebf2 1px solid;
|
||
}
|
||
|
||
.btn {
|
||
width: 60px;
|
||
text-align: center;
|
||
height: 30px;
|
||
margin-left: 50px;
|
||
background: #e4e8e5f5;
|
||
border: none;
|
||
color: #fff;
|
||
border-radius: 5px;
|
||
}
|
||
|
||
.class_tabel {
|
||
/*position: absolute;*/
|
||
height: 40px;
|
||
text-align: center;
|
||
font-size: 15px;
|
||
line-height: 40px;
|
||
background: #e4f4f8;
|
||
border: #c9ebf2 1px solid;
|
||
}
|
||
#myModal .layui-table-cell{
|
||
height:auto;
|
||
overflow:visible;
|
||
text-overflow:inherit;
|
||
white-space:normal;
|
||
}
|
||
.Top i {
|
||
width: 9%;
|
||
}
|
||
</style>
|
||
|
||
|
||
<div class="container">
|
||
<div class="row Top">
|
||
<i></i>
|
||
<h2>最大暴露量偏高预警<span id="title">（食品小类）</span></h2>
|
||
<i style="float:right"></i>
|
||
|
||
</div>
|
||
<div style="margin-top: 40px;">
|
||
<div style=" text-align: center; width: 100%; margin-bottom: 20px;">
|
||
<h3><span style="margin-left: -40px;" id="time_show"></span></h3>
|
||
</div>
|
||
|
||
<div style=" text-align: center; width: 100%; margin-bottom: 20px;">
|
||
|
||
</div>
|
||
|
||
<div style=" text-align: center; width: 100%; margin-bottom: 20px;">
|
||
食品类别：
|
||
<select ng-model="SPLB" style="margin-right:10px;width: 100px; height: 30px; border: 1px solid #ccc;">
|
||
<option value="0">选择</option>
|
||
<option value="1">食品大类</option>
|
||
<option value="2">食品亚类</option>
|
||
<option value="3">食品品种</option>
|
||
<option value="4">食品小类</option>
|
||
</select>
|
||
<!--请选择开始时间：<input type="date" ng-model="date" placeholder="" style="width: 200px;" class="form-control input-sm w-sm inline m-r" />-->
|
||
开始时间：<input type="date" ng-model="date" placeholder="" style="width: 200px;" class="form-control input-sm w-sm inline m-r" />
|
||
结束时间：<input type="date" ng-model="date2" placeholder="" style="width: 200px;" class="form-control input-sm w-sm inline m-r" />
|
||
<!--请选择年份：
|
||
<select ng-model="year" style="margin-right:10px;width: 100px; height: 30px; border: 1px solid #ccc;">
|
||
<option value="0">选择</option>
|
||
<option value="2020">2020</option>
|
||
<option value="2019">2019</option>
|
||
<option value="2018">2018</option>
|
||
<option value="2017">2017</option>
|
||
<option value="2016">2016</option>
|
||
<option value="2015">2015</option>
|
||
<option value="2014">2014</option>
|
||
<option value="2013">2013</option>
|
||
<option value="2012">2012</option>
|
||
<option value="2011">2011</option>
|
||
<option value="2010">2010</option>
|
||
<option value="2009">2009</option>
|
||
<option value="2008">2008</option>
|
||
<option value="2007">2007</option>
|
||
<option value="2006">2006</option>
|
||
</select>
|
||
请选择月份：
|
||
<select ng-model="month" style="margin-right:10px;width: 100px; height: 30px; border: 1px solid #ccc;">
|
||
<option value="0">选择</option>
|
||
<option value="1">1</option>
|
||
<option value="2">2</option>
|
||
<option value="3">3</option>
|
||
<option value="4">4</option>
|
||
<option value="5">5</option>
|
||
<option value="6">6</option>
|
||
<option value="7">7</option>
|
||
<option value="8">8</option>
|
||
<option value="9">9</option>
|
||
<option value="10">10</option>
|
||
<option value="11">11</option>
|
||
<option value="12">12</option>
|
||
</select>-->
|
||
<input type="button" style="background: #0eb3e694;width: 80px;" class="btn btn-success" value="查询" ng-click="YJ_BLLPG()" />
|
||
</div>
|
||
<!--<div style=" text-align: center; width: 100%; margin-bottom: 20px;">
|
||
<input type="button" style="background: #0eb3e694;width: 80px;" id="SP_1" class="btn btn-success" value="1月" ng-click="SP_click(1)" />
|
||
<input type="button" style="background: #0eb3e694;width: 80px;" id="SP_2" class="btn btn-success" value="2月" ng-click="SP_click(2)" />
|
||
<input type="button" style="background: #0eb3e694;width: 80px;" id="SP_3" class="btn btn-success" value="3月" ng-click="SP_click(3)" />
|
||
<input type="button" style="background: #0eb3e694;width: 80px;" id="SP_4" class="btn btn-success" value="4月" ng-click="SP_click(4)" />
|
||
<input type="button" style="background: #0eb3e694;width: 80px;" id="SP_5" class="btn btn-success" value="5月" ng-click="SP_click(5)" />
|
||
<input type="button" style="background: #0eb3e694;width: 80px;" id="SP_6" class="btn btn-success" value="6月" ng-click="SP_click(6)" />
|
||
</div>
|
||
<div style=" text-align: center; width: 100%; margin-bottom: 20px;">
|
||
<input type="button" style="background: #0eb3e694;width: 80px;" id="SP_7" class="btn btn-success" value="7月" ng-click="SP_click(7)" />
|
||
<input type="button" style="background: #0eb3e694;width: 80px;" id="SP_8" class="btn btn-success" value="8月" ng-click="SP_click(8)" />
|
||
<input type="button" style="background: #0eb3e694;width: 80px;" id="SP_9" class="btn btn-success" value="9月" ng-click="SP_click(9)" />
|
||
<input type="button" style="background: #0eb3e694;width: 80px;" id="SP_10" class="btn btn-success" value="10月" ng-click="SP_click(10)" />
|
||
<input type="button" style="background: #0eb3e694;width: 80px;" id="SP_11" class="btn btn-success" value="11月" ng-click="SP_click(11)" />
|
||
<input type="button" style="background: #0eb3e694;width: 80px;" id="SP_12" class="btn btn-success" value="12月" ng-click="SP_click(12)" />
|
||
</div>-->
|
||
|
||
<div style="margin-left:100px;">
|
||
<div style="float: left;">
|
||
<span style="float: left;">大于等于80%小于90%</span>
|
||
<div style=" margin-left: 145px; width: 30px; height: 18px;background: #fff900;"></div>
|
||
</div>
|
||
<div style="float: left;">
|
||
<span style="float: left;margin-left: 15px;">大于等于90%小于100%</span>
|
||
<div style=" margin-left: 170px; width: 30px; height: 18px;background: #ff8300;"></div>
|
||
</div>
|
||
<div style="float: left;">
|
||
<span style="margin-left: 10px;float: left;">大于等于100%</span>
|
||
<div style=" margin-left: 105px; width: 30px; height: 18px;background: red;"></div>
|
||
</div>
|
||
<div style="float: left;">
|
||
<span style="margin-left: 10px;float: left;">MOE小于等于10000</span>
|
||
<div style=" margin-left: 145px; width: 30px; height: 18px;background: red;"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div style="margin-top: 65px; width: 97%; overflow: auto;height:500px;">
|
||
<table st-table="dispData1" st-safe-src="mydata" class="table table-striped" id="myTable" style="white-space: nowrap;">
|
||
<thead>
|
||
<tr>
|
||
<th style="width: 7%;">检测项目</th>
|
||
<th style="width: 7%;text-align: center;" id="SP_title">食品小类</th>
|
||
<th style="width: 7%;text-align: center;">样品件数</th>
|
||
<th style="width: 7%;text-align: center;">检测值平均值</th>
|
||
<th style="width: 7%;text-align: center;">检测值单位</th>
|
||
<th style="width: 7%;text-align: center;">人数</th>
|
||
<th style="width: 7%;text-align: center;">消费量平均值（g/d）</th>
|
||
<th style="width: 7%;text-align: center;">消费量P95值（g/d）</th>
|
||
<th style="width: 7%;text-align: center;">消费量最大值（g/d）</th>
|
||
<th style="width: 7%;text-align: center;">健康指导值类型</th>
|
||
<th style="width: 7%;text-align: center;">健康指导值</th>
|
||
<th style="width: 7%;text-align: center;">健康指导值单位</th>
|
||
<th style="width: 7%;text-align: center;">平均暴露量</th>
|
||
<th style="width: 7%;text-align: center;">最大暴露量</th>
|
||
<th style="width: 7%;">P95暴露量</th>
|
||
<th style="width: 8%;">暴露量平均值占比</th>
|
||
<th style="width: 7%;">暴露量最大占比</th>
|
||
<th style="width: 7%;">暴露量P95占比</th>
|
||
<th style="width: 7%;text-align: center;">详情</th>
|
||
</tr>
|
||
</thead>
|
||
<st-loading is-show="isShow" tip-show="正在加载请稍后!!"></st-loading>
|
||
<tbody>
|
||
<tr ng-repeat="item in dispData1" class="">
|
||
<td style="font-size: 16px;background: {{item.ji}}"> {{item.JCXM}}</td>
|
||
<td style="font-size: 16px;background: {{item.ji}}"> {{item.SP}}</td>
|
||
<td style="font-size: 16px;"> {{item.jianshu}}</td>
|
||
<td style="font-size: 16px;"> {{item.jczPJ}}</td>
|
||
<td style="font-size: 16px;"> {{item.jczDW}}</td>
|
||
<td style="font-size: 16px;"> {{item.renshu}}</td>
|
||
<td style="font-size: 16px;"> {{item.XFLPJ}}</td>
|
||
<td style="font-size: 16px;"> {{item.XFLP}}</td>
|
||
<td style="font-size: 16px;"> {{item.XFLZD}}</td>
|
||
<td style="font-size: 16px;"> {{item.zhidaozhiLX}}</td>
|
||
<td style="font-size: 16px;"> {{item.zhidaozhi}}</td>
|
||
<td style="font-size: 16px;"> {{item.zhidaozhiDW}}</td>
|
||
<td style="font-size: 16px;"> {{item.BLL}}</td>
|
||
<td style="font-size: 16px;"> {{item.BLLZD}}</td>
|
||
<td style="font-size: 16px;"> {{item.P}}</td>
|
||
<td style="font-size: 16px;"> {{item.zhanbiBLL}}</td>
|
||
<td style="font-size: 16px;background: {{item.ji}}"> {{item.zhanbiBLLZD}}</td>
|
||
<td style="font-size: 16px;"> {{item.zhanbiP}}</td>
|
||
<td style="font-size: 16px;text-align: center;" ng-click="YJ_All('{{item.JCXM}}','{{item.SP}}')" data-toggle="modal" data-target="#myModal"> 查看</td>
|
||
</tr>
|
||
|
||
</tbody>
|
||
|
||
</table>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<script>
|
||
|
||
$(function () {
|
||
$('.dept_select').chosen();
|
||
});
|
||
|
||
|
||
|
||
|
||
</script>
|
||
|
||
|
||
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
||
<div class="modal-dialog" style=" width: 80%;">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||
<h4 class="modal-title" id="myModalLabel">不合格预警</h4>
|
||
</div>
|
||
<div class="modal-body">
|
||
<div style="margin-left: 6%;">
|
||
<table class="layui-hide" id="test2"></table>
|
||
|
||
</div>
|
||
</div>
|
||
<div class="modal-footer">
|
||
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div> |