2025-06-27 10:04:22 +08:00

539 lines
26 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

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.

<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;
}
</style>
<body>
<div style="margin-top: 40px;">
<div class="row text-left SortTop">
<div class="panel-group">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title" data-toggle="collapse" data-parent="#accordion"
href="#collapseOne" style="cursor:pointer;">
自定义风险评估(小类)
</h4>
</div>
<div id="collapseOne" style="margin-top: 20px;">
<div class="form-group">
<div style="float: left;">
<label class="col-sm-2 control-label" style="width: 170px;">污染物数据库:</label>
<!--<input type="button" style="background: #0eb3e694;" class="btn btn-success" value="测试New" ng-click="YiBuCalc()" />-->
<select ng-model="mysel" ng-options="a.mytext for a in Myjson" style="margin-right:10px;width: 100px; height: 30px; border: 1px solid #ccc;" ng-change="MyjsonChange()">
<option value="">选择</option>
</select>
<select ng-model="mysel1" ng-options="a.mytext for a in Myjson1" style="margin-right:10px;width: 100px; height: 30px; border: 1px solid #ccc;" ng-show="!isdate">
<option value="">选择</option>
</select>
<input type="text" style="width:200px;" ng-model="mytxt" placeholder="" class="form-control input-sm w-sm inline m-r" ng-show="SouSuoShow" />
</div>
<div style="float: left;margin-left: 6px; margin-right: 15px;" ng-show="RWLYSHOW">
<select name="dept" ng-model="myselpublic" data-placeholder="请选择" id="dept" style=" width: 200px; " class="dept_select">
<option value="-1"></option>
<option ng-repeat="item in RELYdata" value="{{item.mytext}}">{{item.mytext}}</option>
</select>
</div>
<div>
<input type="date" ng-model="datebegin" placeholder="" class="form-control input-sm w-sm inline m-r" ng-show="isdate" />
<input type="date" ng-model="dateend" placeholder="" class="form-control input-sm w-sm inline m-r" ng-show="isdate" />
<input style="background-color:burlywood;border-color:burlywood;" type="button" class="btn btn-success" ng-click="addTJ('and')" value="+并且" />
<input style="background-color:burlywood;border-color:burlywood;" type="button" class="btn btn-success" ng-click="addTJ('or')" value="+或" />
</div>
</div>
<div>
<table st-table="dispData1" st-safe-src="TJTable" class="table table-striped" id="myTable" style="width:80%">
<thead>
<tr>
<th></th>
<th>查询条件</th>
<th>查询类型</th>
<th>查询内容</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="item in dispData1">
<td> {{item.lianjietype}}</td>
<td> {{item.CXTJ}}</td>
<td> {{item.CXLX}}</td>
<td> {{item.CXNR}}</td>
<td ng-click="deleteTJ(item)"> 删除 </td>
</tr>
</tbody>
</table>
</div>
</div>
<div id="collapseOne2" style=" margin-top: 50px;" >
<div class="form-group">
<label class="col-sm-2 control-label" style="width: 170px;">消费量数据库:</label>
<select ng-model="mysel2" ng-options="a.mytext for a in Myjson2" style="margin-right:10px;width: 100px; height: 30px; border: 1px solid #ccc;" ng-change="MyjsonChange2()">
<option value="">选择</option>
</select>
<select ng-model="mysel12" ng-options="a.mytext for a in Myjson12" style="margin-right:10px;width: 100px; height: 30px; border: 1px solid #ccc;" ng-show="!isdate2">
<option value="">选择</option>
</select>
<select ng-model="myselpublic2" ng-options="a.mytext for a in RELYdata2" style="margin-right: 15px;width: 200px; height: 30px; border: 1px solid #ccc;" ng-show="RWLYSHOW2">
<option value="">选择</option>
</select>
<input type="date" ng-model="datebegin2" placeholder="" class="form-control input-sm w-sm inline m-r" ng-show="isdate2" />
<input type="date" ng-model="dateend2" placeholder="" class="form-control input-sm w-sm inline m-r" ng-show="isdate2" />
<input type="text" ng-model="mytxt2" placeholder="" style="width:200px;" class="form-control input-sm w-sm inline m-r" ng-show="SouSuoShow2" />
<input style="background-color:burlywood;border-color:burlywood;" type="button" class="btn btn-success" ng-click="addTJ2('and')" value="+并且" />
<input style="background-color:burlywood;border-color:burlywood;" type="button" class="btn btn-success" ng-click="addTJ2('or')" value="+或" />
</div>
<div style="text-align: -webkit-center;">
<table st-table="dispData12" st-safe-src="TJTable2" class="table table-striped" id="myTable2" style="width:80%">
<thead>
<tr>
<th> </th>
<th>查询条件</th>
<th>查询类型</th>
<th>查询内容</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="item in dispData12">
<td> {{item.lianjietype}}</td>
<td> {{item.CXTJ}}</td>
<td> {{item.CXLX}}</td>
<td> {{item.CXNR}}</td>
<td ng-click="deleteTJ2(item)"> 删除 </td>
</tr>
</tbody>
</table>
</div>
</div>
<div style=" text-align: center; width: 100%; margin-bottom: 20px;">
<input type="button" style="background: #0eb3e694;" class="btn btn-success" value="搜索" ng-click="YiBuCalc()" />
<input type="button" style="background: #0eb3e694;width: 80px;" class="btn btn-success" value="不合格率 " ng-click="buhegelv()" data-toggle="modal" data-target="#myModal6" />
<!--<input type="button" style="background: #0eb3e694;" class="btn btn-success" name="替换" value="替换" ng-click="tihuan()" />
<input type="button" style="background: #0eb3e694;" class="btn btn-success" name="单项判定赋值" value="单项判定赋值" ng-click="danXiangPanDing()" />-->
</div>
</div>
</div>
</div>
<div class="tes">
<div id="data" style="text-align: center; margin-right: 55px; margin-bottom: 20px;">
<h2 id="title1">风险评估分析结果(小类)</h2>
<br />
<br />
<table class="table table-bordered" style=" width: 85%; margin-left: 6%;">
<tr>
<td>食品大类:{{myPageData.shipindalei_count}}</td>
<td>食品亚类:{{myPageData.shipinyalei_count}}</td>
<td>食品品种:{{myPageData.shipinpinzhong_count}}</td>
<td>食品小类:{{myPageData.shipinxiaolei_count}}</td>
<td>抽检件数合计:{{myPageData.choujianjianshu_count}}</td>
</tr>
<tr>
<td>消费量调查人数:{{myPageData.renshu_count}}</td>
<td>暴露总量:{{myPageData.baoluzongliang}}</td>
<td>健康指导值:{{myPageData.jiankangzhidaozhi}}</td>
<td>单位:{{myPageData.danwei}}</td>
<td>暴露量ADI比值{{myPageData.baoluliangbizhi}}%</td>
</tr>
</table>
<!--抽检件数合计:{{MyXiaoFeiLiangData.jianshu}} || 暴露平均值总和:{{MyXiaoFeiLiangData.sum}} || 健康指导值:{{MyXiaoFeiLiangData.zhidao}} || 暴露量占ADI比值{{MyXiaoFeiLiangData.bizhi}} || 单位:{{MyXiaoFeiLiangData.danwei}}-->
<input type="button" id="nianfen" class="btn btn-success" style="background-color:#0eb3e694;" name="年份" value="年份" ng-click="btn_nianfen()" data-toggle="modal" data-target="#myModal" />
<input type="button" id="quanping" class="btn btn-success" style="background-color:#0eb3e694;margin:30px;" value="全屏" ng-click="quanping()" data-toggle="modal" data-target="#myModal2" />
<!-- <input type="button" id="daochu" class="btn btn-success" style="background-color:#0eb3e694;margin-left: 5px;" name="导出" value="导出" ng-click="excel()" />-->
<input type="button" id="qiansan" class="btn btn-success" style="background-color:#0eb3e694;width:100px;" value="ADI前三" ng-click="ADI3()" data-toggle="modal" data-target="#myModal4" />
<input type="button" id="dalei" class="btn btn-success" style="background-color:#0eb3e694;" value="大类" ng-click="leixingtongji('食品大类','spdl')" data-toggle="modal" data-target="#myModal5" />
<input type="button" id="yalei" class="btn btn-success" style="background-color:#0eb3e694;" value="亚类" ng-click="leixingtongji('食品亚类','spyl')" data-toggle="modal" data-target="#myModal5" />
<input type="button" id="pinzhong" class="btn btn-success" style="background-color:#0eb3e694;" value="品种" ng-click="leixingtongji('食品品种','sppz')" data-toggle="modal" data-target="#myModal5" />
</div>
<div style="margin-left: 25px;">
<table class="layui-hide" id="test"></table>
</div>
</div>
<div>
<div id="zhexiantu" style="width: 800px; height: 242px;margin: auto;"></div>
<div id="zhuzhuangtu" style="width: 800px; height: 242px;margin: auto;"></div>
<div id="zhuzhuangtuADI" style="width: 800px; height: 242px;margin: auto;"></div>
</div>
</div>
</body>
<script>
$(function () {
$('.dept_select').chosen();
});
</script>
<!--折线图-->
<div class="modal fade" id="myModal3" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog" style=" width: 900px;">
<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">报表</h4>
</div>
<div class="modal-body">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
</div>
</div>
</div>
</div>
<!--全屏-->
<div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog" style=" width: 100%;">
<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">风险评估</h4>
</div>
<div class="modal-body">
<div style=" text-align: center; margin-right: 55px; margin-bottom: 20px;">
<h2 id="title2">风险评估分析结果(小类)</h2>
<br />
<div style="text-align: -webkit-center; margin-right: 55px;">
<table st-table="dispData12" st-safe-src="TJTable2" class="table table-striped" id="myTable2" style="width:80%">
<thead>
<tr>
<th> </th>
<th>查询条件</th>
<th>查询类型</th>
<th>查询内容</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="item in dispData1">
<td> {{item.lianjietype}}</td>
<td> {{item.CXTJ}}</td>
<td> {{item.CXLX}}</td>
<td> {{item.CXNR}}</td>
<td ng-click="deleteTJ(item)"> 删除 </td>
</tr>
<tr ng-repeat="item in dispData12">
<td> {{item.lianjietype}}</td>
<td> {{item.CXTJ}}</td>
<td> {{item.CXLX}}</td>
<td> {{item.CXNR}}</td>
<td ng-click="deleteTJ2(item)"> 删除 </td>
</tr>
</tbody>
</table>
</div>
<br />
<table class="table table-bordered" style=" width: 85%; margin-left: 8%;">
<tr>
<td>食品大类:{{myPageData.shipindalei_count}}</td>
<td>食品亚类:{{myPageData.shipinyalei_count}}</td>
<td>食品品种:{{myPageData.shipinpinzhong_count}}</td>
<td>食品小类:{{myPageData.shipinxiaolei_count}}</td>
<td>抽检件数合计:{{myPageData.choujianjianshu_count}}</td>
</tr>
<tr>
<td>消费量调查人数:{{myPageData.renshu_count}}</td>
<td>暴露总量:{{myPageData.baoluzongliang}}</td>
<td>健康指导值:{{myPageData.jiankangzhidaozhi}}</td>
<td>单位:{{myPageData.danwei}}</td>
<td>暴露量ADI比值{{myPageData.baoluliangbizhi}}%</td>
</tr>
</table>
</div>
<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>
<!--ADI前3-->
<div class="modal fade" id="myModal4" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog" style=" width: 60%;">
<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">风险评估</h4>
</div>
<div class="modal-body">
<div style="margin-left: 6%;">
<table class="table table-bordered" style=" width: 85%;">
<tr>
<td>食品大类</td>
<td>食品亚类</td>
<td>食品品种</td>
<td>食品小类</td>
<td>暴露量平均值</td>
<td>ADI比值(%)</td>
</tr>
<tr ng-repeat="item in ADIQ3">
<td>{{item.spdl}}</td>
<td>{{item.spyl}}</td>
<td>{{item.sppz}}</td>
<td>{{item.sp_xl}}</td>
<td>{{item.bll_avg}}</td>
<td>{{item.bll_adi}}</td>
</tr>
</table>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
</div>
</div>
</div>
</div>
<!--大类 亚类 品种整合-->
<div class="modal fade" id="myModal5" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog" style=" width: 60%;">
<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="fengxianName">风险评估</h4>
</div>
<div class="modal-body">
<div style="margin-left: 6%;display: block; height: 300px; overflow-y: scroll;">
<table class="table table-bordered" style=" width: 85%;">
<thead>
<tr>
<td id="shiwuTitle" style="width: 120px;">食品大类</td>
<td>件数</td>
<td>调查人数</td>
<td>暴露量平均值</td>
<td>ADI比值(%)</td>
</tr>
</thead>
<tbody style="">
<tr ng-repeat="item in Data">
<td>{{item.name}}</td>
<td>{{item.jianshu}}</td>
<td>{{item.renshu}}</td>
<td>{{item.baoluliangqingjunzhi}}</td>
<td>{{item.zhanbi}}</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
</div>
</div>
</div>
</div>
<!--不合格率-->
<div class="modal fade" id="myModal6" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog" style=" width: 60%;">
<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="fengxianName">不合格率</h4>
</div>
<div class="modal-body">
<input type="button" class="btn btn-success" style="background-color:#0eb3e694; width: 50px;" value="导出" ng-click="BHGLDC()" />
<div style="">
<table class="layui-hide" id="buhegelv"></table>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
</div>
</div>
</div>
</div>
<!--分年份数据展示-->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog" style=" width: 100%;">
<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">年份</h4>
</div>
<div style="text-align: -webkit-center; margin-right: 55px;">
<table st-table="dispData12" st-safe-src="TJTable2" class="table table-striped" id="myTable2" style="width:80%">
<thead>
<tr>
<th> </th>
<th>查询条件</th>
<th>查询类型</th>
<th>查询内容</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="item in dispData1">
<td> {{item.lianjietype}}</td>
<td> {{item.CXTJ}}</td>
<td> {{item.CXLX}}</td>
<td> {{item.CXNR}}</td>
<td ng-click="deleteTJ(item)"> 删除 </td>
</tr>
<tr ng-repeat="item in dispData12">
<td> {{item.lianjietype}}</td>
<td> {{item.CXTJ}}</td>
<td> {{item.CXLX}}</td>
<td> {{item.CXNR}}</td>
<td ng-click="deleteTJ2(item)"> 删除 </td>
</tr>
</tbody>
</table>
</div>
<div class="modal-body">
<div ng-repeat="item in nianfenData" style="margin:auto">
<button type="button" class="btn btn-default" data-toggle="collapse" style="width: 400px; margin: 5px;"
data-target="#demo{{item.nianfen}}" ng-click="btn_data({{item.nianfen}})">
{{item.nianfen}}年风险评估(小类)
</button>
<!--<button type="button" class="btn btn-primary" data-toggle="collapse" sty
data-target="#demo{{item.nianfen}}" ng-click="btn_data({{item.nianfen}})">
</button>-->
<div id="demo{{item.nianfen}}" class="collapse" style="height:380px;">
<div id="nianfenPGData{{item.nianfen}}" style="text-align: center; margin-right: 55px; margin-bottom: 20px;">
<table class="table table-bordered" style=" width: 85%; margin-left: 6%;">
<tr>
<td id="td1{{item.nianfen}}">食品大类:</td>
<td id="td3{{item.nianfen}}">食品亚类:</td>
<td id="td2{{item.nianfen}}">食品品种:</td>
<td id="td4{{item.nianfen}}">食品小类:</td>
<td id="td5{{item.nianfen}}">抽检件数合计:</td>
</tr>
<tr>
<td id="td6{{item.nianfen}}">消费量调查人数:</td>
<td id="td7{{item.nianfen}}">暴露总量:</td>
<td id="td8{{item.nianfen}}">健康指导值:</td>
<td id="td9{{item.nianfen}}">单位:</td>
<td id="td10{{item.nianfen}}">暴露量ADI比值</td>
</tr>
</table>
</div>
<table class="layui-hide" id="nianfenData{{item.nianfen}}"></table>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
</div>
</div>
</div>
</div>