response/target/classes/public/app/yujing/view/dataBuhegelv - 复制(2).html
2025-06-27 10:04:22 +08:00

1437 lines
68 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;
}
#myModal .layui-table-cell {
height: auto;
overflow: visible;
text-overflow: inherit;
white-space: normal;
}
.Top i {
width: 24%;
}
.font_div {
width: 30px;
height: 100%;
margin-left: 30%;
color: #000000;
font-weight: 600;
}
.font_div_L {
width: 230px;
height: 100%;
margin-left: 60px;
color: #000000;
font-weight: 300;
text-align: left;
}
.tableTr3 > td:focus, .tableTr3 > td:hover {
background-color: #b0adad;
cursor: pointer;
}
.tableTr:focus, .tableTr:hover {
background-color: #b0adad;
cursor: pointer;
}
.tableTr2 > td:focus, .tableTr2 > td:hover {
background-color: #b0adad;
cursor: pointer;
}
.tableTd:focus, .tableTd:hover {
background-color: #b0adad;
cursor: pointer;
}
#daochu:hover {
background: #b0adad;
cursor: pointer;
}
</style>
<div class="container">
<!--查询框部分-->
<div style="width:90%;margin-left:5%;">
<div>
<label>
年份选择
</label>
<select ng-model="selectedYear" ng-change="checkData(selectedYear)">
<option ng-repeat="optYear in years">{{optYear}}</option>
</select>
<label>
月份选择
</label>
<select ng-model="selectedMonth" ng-change="DisplayMonthData(selectedMonth)">
<option ng-repeat="optMonth in months">{{optMonth}}</option>
</select>
<button class="btn-warning" ng-click="SearchTotal()" ng-disabled="isLoadCache">缓存建立</button>
<button class="btn-warning" ng-click="SearchCache()">缓存搜索</button>
<!--<button class="btn-warning" ng-click="TestData()">测试数据加载</button>-->
<!--<button class="btn-warning" ng-click="DisplayDetailZiLei('SFYJ')">首发预警</button>
<button class="btn-warning" ng-click="DisplayDetailZiLei('PFYJ')">频发预警</button>
<button class="btn-warning" ng-click="DisplayDetailZiLei('GFYJ')">高发预警</button>
<button class="btn-warning" ng-click="DisplayDetailZiLei('WRYJ')">污染预警</button>
<button class="btn-warning" ng-click="DisplayDetailZiLei('BLYJ')">暴露预警</button>-->
</div>
<ul class="nav nav-tabs">
<li><a class="active" id="tatol" data-toggle="tab" ng-click="SearchCache()">{{displayYear}}年</a></li>
<!--<li><a id="month" data-toggle="tab" ng-click="DisplayDetailMonthCalc()">{{displayMonth}}月</a></li>-->
<li><a id="month" data-toggle="tab" ng-click="DisplayMonthData('1')">{{displayMonth}}月</a></li>
</ul>
</div>
<!--主表格界面-->
<div ng-show="status==1" style="margin: 50px;text-align: center;">
<div style="margin: 30px;">
<h2>风险预警总概览{{pageDisplayYear}}</h2>
</div>
<div style="margin-left: 3%;margin-top:10px" ng-show="isLogShow">
<textarea id="txtLog" ng-model="txtLog" style="width:1000px;height:300px"></textarea>
</div>
<table class="table" ng-mouseleave="showTextEsc()">
<thead>
<tr>
<th style="text-align: center;">预警类型</th>
<th style="text-align: center;" ng-show="mothStatus==0||mothStatus==1">1月</th>
<th style="text-align: center;" ng-show="mothStatus==0||mothStatus==2">2月</th>
<th style="text-align: center;" ng-show="mothStatus==0||mothStatus==3">3月</th>
<th style="text-align: center;" ng-show="mothStatus==0||mothStatus==4">4月</th>
<th style="text-align: center;" ng-show="mothStatus==0||mothStatus==5">5月</th>
<th style="text-align: center;" ng-show="mothStatus==0||mothStatus==6">6月</th>
<th style="text-align: center;" ng-show="mothStatus==0||mothStatus==7">7月</th>
<th style="text-align: center;" ng-show="mothStatus==0||mothStatus==8">8月</th>
<th style="text-align: center;" ng-show="mothStatus==0||mothStatus==9">9月</th>
<th style="text-align: center;" ng-show="mothStatus==0||mothStatus==10">10月</th>
<th style="text-align: center;" ng-show="mothStatus==0||mothStatus==11">11月</th>
<th style="text-align: center;" ng-show="mothStatus==0||mothStatus==12">12月</th>
<th style="text-align: center;" ng-show="mothStatus==0">总计</th>
</tr>
</thead>
<st-loading is-show="isShow" tip-show="正在加载请稍后!!"></st-loading>
<tbody>
<!--第一级数据-->
<tr class="tableTr3" ng-show="showStatus==0" ng-repeat="item in pageMain">
<td ng-click="DisplayDetailZiLei(item.lei)">{{item.name}}</td>
<td ng-click="DisplayDetailMonth(1)">
<div class="font_div2">
{{item.one}}
</div>
</td>
<td ng-click="DisplayDetailMonth(2)">
<div class="font_div2">
{{item.two}}
</div>
</td>
<td ng-click="DisplayDetailMonth(3)">
<div class="font_div2">
{{item.three}}
</div>
</td>
<td ng-click="DisplayDetailMonth(4)">
<div class="font_div2">
{{item.four}}
</div>
</td>
<td ng-click="DisplayDetailMonth(5)">
<div class="font_div2">
{{item.five}}
</div>
</td>
<td ng-click="DisplayDetailMonth(6)">
<div class="font_div2">
{{item.six}}
</div>
</td>
<td ng-click="DisplayDetailMonth(7)">
<div class="font_div2">
{{item.seven}}
</div>
</td>
<td ng-click="DisplayDetailMonth(8)">
<div class="font_div2">
{{item.eight}}
</div>
</td>
<td ng-click="DisplayDetailMonth(9)">
<div class="font_div2">
{{item.nine}}
</div>
</td>
<td ng-click="DisplayDetailMonth(10)">
<div class="font_div2">
{{item.ten}}
</div>
</td>
<td ng-click="DisplayDetailMonth(11)">
<div class="font_div2">
{{item.eleven}}
</div>
</td>
<td ng-click="DisplayDetailMonth(12)">
<div class="font_div2">
{{item.twelve}}
</div>
</td>
<td ng-click="DisplayDetailMonth(13)">
<div class="font_div2">
{{item.total}}
</div>
</td>
</tr>
<!--第二级数据-->
</tbody>
</table>
<div style="width: 100%;height:300px; text-align:left" ng-show="show_text==2">
<h3 id="show_text_h" style="color: #ff000085;line-height: 33px;font-size: 20px;">
123
</h3>
</div>
</div>
<!--新增子类界面-->
<div ng-show="ZiLeiTableShow" style="margin: 50px;text-align: center;">
<div style="margin: 30px;">
<button class="btn-bg btn-lg btn-success" ng-click="backMain()" style="float:left">返回</button>
<h2>风险预警详细预览-{{displayDetailData[0].name}}</h2>
</div>
<table class="table" ng-mouseleave="showTextEsc()">
<tr>
<th style="text-align: center;">预警类型</th>
<th style="text-align: center;">1月</th>
<th style="text-align: center;">2月</th>
<th style="text-align: center;">3月</th>
<th style="text-align: center;">4月</th>
<th style="text-align: center;">5月</th>
<th style="text-align: center;">6月</th>
<th style="text-align: center;">7月</th>
<th style="text-align: center;">8月</th>
<th style="text-align: center;">9月</th>
<th style="text-align: center;">10月</th>
<th style="text-align: center;">11月</th>
<th style="text-align: center;">12月</th>
<th style="text-align: center;">总计</th>
</tr>
<tr ng-repeat="item in displayDetailData">
<td><div class="font_div2">{{item.name2}}</div></td>
<td><div class="font_div2">{{item.one}}</div></td>
<td><div class="font_div2">{{item.two}}</div></td>
<td><div class="font_div2">{{item.three}}</div></td>
<td><div class="font_div2">{{item.four}}</div></td>
<td><div class="font_div2">{{item.five}}</div></td>
<td><div class="font_div2">{{item.six}}</div></td>
<td><div class="font_div2">{{item.seven}}</div></td>
<td><div class="font_div2">{{item.eight}}</div></td>
<td><div class="font_div2">{{item.nine}}</div></td>
<td><div class="font_div2">{{item.ten}}</div></td>
<td><div class="font_div2">{{item.eleven}}</div></td>
<td><div class="font_div2">{{item.twelve}}</div></td>
<td><div class="font_div2">{{item.total}}</div></td>
</tr>
</table>
</div>
<!--新增单列月份数据据界面-->
<div ng-show="ZiLeiMonthTableShow" style="margin: 50px;text-align: center;">
<div style="margin: 30px;">
<button class="btn-bg btn-lg btn-success" ng-click="backMain()" style="float:left">返回</button>
<h2>风险预警详细预览-{{displayDetailMonthData.Month}}</h2>
<table class="table" ng-mouseleave="showTextEsc()">
<tr>
<th style="text-align: center;">预警大类</th>
<th style="text-align: center;">预警类型</th>
<th style="text-align: center;">{{displayDetailMonthData.Month}}</th>
</tr>
<tr ng-mouseover="showText(1,0)">
<td><div class="font_div2">首发预警</div></td>
<td><div class="font_div2">1.首次不合格预警</div></td>
<td><div class="font_div2">{{displayDetailMonthData.SFYJ_SCBHGYJ}}</div></td>
</tr>
<tr>
<td><div class="font_div2">频发预警</div></td>
<td><div class="font_div2">2.不合格率上升</div></td>
<td><div class="font_div2">{{displayDetailMonthData.PFYJ_BHGLSS}}</div></td>
</tr>
<tr>
<td><div class="font_div2">频发预警</div></td>
<td><div class="font_div2">3.被抽样单位多件不合格预警</div></td>
<td><div class="font_div2">{{displayDetailMonthData.PFYJ_BCYDWDJBHGYJ}}</div></td>
</tr>
<tr>
<td><div class="font_div2">频发预警</div></td>
<td><div class="font_div2">4.被抽样单位多次不合格预警</div></td>
<td><div class="font_div2">{{displayDetailMonthData.PFYJ_BCYDWDCBHGYJ}}</div></td>
</tr>
<tr>
<td><div class="font_div2">频发预警</div></td>
<td><div class="font_div2">5.生产企业多件不合格预警</div></td>
<td><div class="font_div2">{{displayDetailMonthData.PFYJ_SCQYDJBHGYJ}}</div></td>
</tr>
<tr>
<td><div class="font_div2">高发预警</div></td>
<td><div class="font_div2">6.不合格率偏高预警</div></td>
<td><div class="font_div2">{{displayDetailMonthData.GFYJ_BHGLPGYJ}}</div></td>
</tr>
<tr>
<td><div class="font_div2">高发预警</div></td>
<td><div class="font_div2">7.产地省份不合格率预警</div></td>
<td><div class="font_div2">{{displayDetailMonthData.GFYJ_CDSFBHGLYJ}}</div></td>
</tr>
<tr>
<td><div class="font_div2">高发预警</div></td>
<td><div class="font_div2">8.进口食品不合格率预警</div></td>
<td><div class="font_div2">{{displayDetailMonthData.GFYJ_JKSPBHGLYJ}}</div></td>
</tr>
<tr>
<td><div class="font_div2">高发预警</div></td>
<td><div class="font_div2">9.网络平台不合格率预警</div></td>
<td><div class="font_div2">{{displayDetailMonthData.GFYJ_WLPTBHGLYJ}}</div></td>
</tr>
<tr>
<td><div class="font_div2">污染预警</div></td>
<td><div class="font_div2">10.检测值异常预警</div></td>
<td><div class="font_div2">{{displayDetailMonthData.WRYJ_JCZYCYJ}}</div></td>
</tr>
<tr>
把暴露预警改成了风险评估预警
<td><div class="font_div2">风险评估预警</div></td>
<td><div class="font_div2">11.污染物总膳食暴露量预警</div></td>
<td><div class="font_div2">{{displayDetailMonthData.BLYJ_WRWZSSBLLYJ}}</div></td>
</tr>
</table>
<!--<div style="width: 100%;height:300px; text-align:left" ng-show="show_text==2">
<h3 id="show_text_main" style="text-indent:2em;color: #ff000085;">
123
</h3>
</div>-->
</div>
</div>
<!--修改当月概览-->
<div ng-show="DangYueGaiLanTableShow" style="margin: 50px;text-align: center;">
<div style="margin: 30px;">
<h2>风险预警当月概览{{pageMonthDetailDisplay}}</h2>
<!--<label>
月份选择
</label>
<select ng-model="selectedMonth" ng-change="DisplayMonthData(selectedMonth)">
<option ng-repeat="optMonth in months">{{optMonth}}</option>
</select>-->
</div>
<div style=" float: right; margin: 20px;">
<!--<button type="button" id="daochu" class="btn btn-default" data-toggle="modal" data-target="#myModal3">导出</button>-->
</div>
<table class="table" ng-mouseleave="showTextEsc()">
<thead>
<tr>
<th style="text-align: center;">预警大类</th>
<th style="text-align: center;">预警亚类</th>
<th style="text-align: center;">预警时间</th>
<th style="text-align: center;">三级</th>
<th style="text-align: center;">二级</th>
<th style="text-align: center;">一级</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="item in displayDetailMonthCalcData" ng-mouseover="showText($index,0)">
<td>{{item.dalei}}</td>
<td style="width: 30%;">{{item.yalei}}</td>
<td>{{item.time}}</td>
<td class="tableTd">
<div class="font_div" style="background: #fff900;" ng-click="model_click1({{$index}},'1')" data-toggle="modal" data-target="#myModal1">
{{item.sanji}}
</div>
</td>
<td class="tableTd">
<div class="font_div" style="background: #ff8300cf;" ng-click="model_click1({{$index}},2)" data-toggle="modal" data-target="#myModal1">
{{item.erji}}
</div>
</td>
<td class="tableTd">
<div class="font_div" style="background: #ff0000ab;" ng-click="model_click1({{$index}},3)" data-toggle="modal" data-target="#myModal1">
{{item.yiji}}
</div>
</td>
</tr>
</tbody>
</table>
<div style="width: 100%;height:300px; text-align:left" ng-show="show_text==2">
<h3 id="show_text_h2" style="text-indent:2em;color: #ff000085;">
123
</h3>
</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: 90%;">
<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" style="float:left;" id="myModalLabel"></h4>
<div id="div_ji" class="font_div" style="width: 50px;float: left;margin-left: 10px;text-align: center;">
</div>
</div>
<div class="modal-body">
<div ng-show="num<12" style="margin-left: 6%;margin: 50px;text-align: center;overflow: auto;height: 400px;">
<table class="table" ng-show="num==1">
<thead>
<tr>
<th style="text-align: center;">检测项目</th>
<th style="text-align: center;">食品小类</th>
<th style="text-align: center;">被抽样单位名称</th>
</tr>
</thead>
<tbody>
<tr class="tableTr" ng-repeat="item in myshow" ng-click="YJ_ALL(1,item.JCXM,item.SP)">
<td>
{{item.JCXM}}
</td>
<td>
{{item.SP}}
</td>
<td style="width: 55%">
{{item.BCYRMC}}
</td>
</tr>
</tbody>
</table>
<table class="table" ng-show="num==2">
<thead>
<tr>
<th style="text-align: center;">检测项目</th>
<th style="text-align: center;">食品小类</th>
<th style="text-align: center;">{{oneNum}}月不合格率(%</th>
<th style="text-align: center;">{{twoNum}}月不合格率(%</th>
<th style="text-align: center;">{{threeNum}}月不合格率(%</th>
<th style="text-align: center;">{{fourNum}}月不合格率(%</th>
<th style="text-align: center;">{{fiveNum}}月不合格率(%</th>
</tr>
</thead>
<tbody>
<tr class="tableTr" ng-repeat="item in myshow2">
<td>
{{item.JCXM}}
</td>
<td>
{{item.SP}}
</td>
<td>
{{item.lv_1}}
</td>
<td>
{{item.lv_2}}
</td>
<td>
{{item.lv_3}}
</td>
<td>
{{item.lv_4}}
</td>
<td>
{{item.lv_5}}
</td>
</tr>
</tbody>
</table>
<table class="table" ng-show="num==3">
<thead>
<tr>
<th style="text-align: center;">被抽样单位名称</th>
<th style="text-align: center;">被抽样单位地址</th>
<th style="text-align: center;width: 90px;">不合格件数</th>
<th style="text-align: center;width: 100px;">不合格项次数</th>
</tr>
</thead>
<tbody>
<tr class="tableTr" ng-repeat="item in myshow3" ng-click="YJ_ALL(3,item.DW,0)">
<td>
{{item.DW}}
</td>
<td>
{{item.addr}}
</td>
<td>
{{item.JS}}
</td>
<td>
{{item.XCS}}
</td>
</tr>
</tbody>
</table>
<table class="table" ng-show="num==4">
<thead>
<tr>
<th style="text-align: center;">被抽样单位名称</th>
<th style="text-align: center;">被抽样单位地址</th>
<th style="text-align: center;width: 90px;">不合格件数</th>
<th style="text-align: center;width: 100px;">不合格项次数</th>
</tr>
</thead>
<tbody>
<tr class="tableTr" ng-repeat="item in myshow4" ng-click="YJ_ALL(4,item.DW,0)">
<td>
{{item.DW}}
</td>
<td>
{{item.addr}}
</td>
<td>
{{item.JS}}
</td>
<td>
{{item.XCS}}
</td>
</tr>
</tbody>
</table>
<table class="table" ng-show="num==5">
<thead>
<tr>
<th style="text-align: center;">生产企业</th>
<th style="text-align: center;">生产企业地址</th>
<th style="text-align: center;width: 90px;">不合格件数</th>
<th style="text-align: center;width: 100px;">不合格项次数</th>
</tr>
</thead>
<tbody>
<tr class="tableTr" ng-repeat="item in myshow5" ng-click="YJ_ALL(5,item.DW,0)">
<td>
{{item.DW}}
</td>
<td>
{{item.addr}}
</td>
<td>
{{item.JS}}
</td>
<td>
{{item.XCS}}
</td>
</tr>
</tbody>
</table>
<table class="table" ng-show="num==6">
<thead>
<tr>
<th style="text-align: center;">检测项目</th>
<th style="text-align: center;">食品小类</th>
<th style="text-align: center;">抽检件数</th>
<th style="text-align: center;">不合格率(%</th>
</tr>
</thead>
<tbody>
<tr class="tableTr" ng-repeat="item in myshow6" ng-click="YJ_ALL(6,item.JCXM,item.SP)">
<td>
{{item.JCXM}}
</td>
<td>
{{item.SP}}
</td>
<td>
{{item.JS}}
</td>
<td>
{{item.lv_1}}
</td>
</tr>
</tbody>
</table>
<table class="table" ng-show="num==7">
<thead>
<tr>
<th style="text-align: center;">产地省份</th>
<th style="text-align: center;">不合格件数</th>
<th style="text-align: center;">总件数</th>
<th style="text-align: center;">不合格率(%)</th>
</tr>
</thead>
<tbody>
<tr class="tableTr" ng-repeat="item in myshow7" ng-click="YJ_ALL(7,item.CD,0)">
<td>
{{item.CD}}
</td>
<td>
{{item.no}}
</td>
<td>
{{item.total}}
</td>
<td>
{{item.LV}}
</td>
</tr>
</tbody>
</table>
<table class="table" ng-show="num==8">
<thead>
<tr>
<th style="text-align: center;">原产地</th>
<th style="text-align: center;">不合格件数</th>
<th style="text-align: center;">总件数</th>
<th style="text-align: center;">不合格率(%)</th>
</tr>
</thead>
<tbody>
<tr class="tableTr" ng-repeat="item in myshow8" ng-click="YJ_ALL(8,item.CD,0)">
<td>
{{item.CD}}
</td>
<td>
{{item.no}}
</td>
<td>
{{item.total}}
</td>
<td>
{{item.LV}}
</td>
</tr>
</tbody>
</table>
<table class="table" ng-show="num==9">
<thead>
<tr>
<th style="text-align: center;">网络平台</th>
<th style="text-align: center;">不合格件数</th>
<th style="text-align: center;">总件数</th>
<th style="text-align: center;">不合格率(%)</th>
</tr>
</thead>
<tbody>
<tr class="tableTr" ng-repeat="item in myshow9" ng-click="YJ_ALL(9,item.CD,0)">
<td>
{{item.CD}}
</td>
<td>
{{item.no}}
</td>
<td>
{{item.total}}
</td>
<td>
{{item.LV}}
</td>
</tr>
</tbody>
</table>
<table class="table" ng-show="num==10">
<thead>
<tr>
<th style="text-align: center;">被抽样单位</th>
<th style="text-align: center;">食品小类</th>
<th style="text-align: center;">样品名称</th>
<th style="text-align: center;">检验项目</th>
<th style="text-align: center;">检测值</th>
<th style="text-align: center;">限量值</th>
<th style="text-align: center;">限量值单位</th>
</tr>
</thead>
<tbody>
<tr class="tableTr" ng-repeat="item in myshow10">
<td>
{{item.BCYRMC}}
</td>
<td>
{{item.SP}}
</td>
<td>
{{item.YPMC}}
</td>
<td>
{{item.JCXM}}
</td>
<td>
{{item.JCZ2}}
<td>
{{item.MAXXLZ}}
</td>
<td>
{{item.XLZDW}}
</td>
</tr>
</tbody>
</table>
<div ng-show="num==11">
<table class="table" style="white-space: nowrap;">
<thead>
<tr>
<th style="width: 7%;">检测项目</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%;text-align: center;">平均暴露量</th>
<th style="width: 8%;">暴露量平均值占比</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="item in myshow11" class="tableTr" ng-click="YJ_ALL(10,item.JCXM,0)">
<td style="font-size: 16px;"> {{item.JCXM}}</td>
<td style="font-size: 16px;"> {{item.jianshu}}</td>
<td style="font-size: 16px;"> {{item.renshu}}</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.zhanbiBLL}}</td>
</tr>
</tbody>
</table>
</div>
</div>
<div id="back" style="margin-bottom: 20px;width: 10px;font-size: 28px;cursor:pointer;" ng-click="back()">
<
</div>
<div ng-show="num==12" style="white-space: nowrap;margin-left: 6%;margin: 20px;text-align: center;overflow: auto;height: 400px;">
<table class="table" ng-show="num2==1">
<thead>
<tr>
<th style="text-align: center;">样品名称</th>
<th style="text-align: center;">抽样人签名日期</th>
<th style="text-align: center;">被抽样单位名称</th>
<th style="text-align: center;">被抽样单位地址</th>
<th style="text-align: center;">区县</th>
<th style="text-align: center;">生产企业</th>
<th style="text-align: center;">生产企业地址</th>
<th style="text-align: center;">检验项目</th>
<th style="text-align: center;">限量值</th>
<th style="text-align: center;">检测值</th>
<th style="text-align: center;">检测值单位</th>
</tr>
</thead>
<tbody>
<tr class="tableTr" ng-repeat="item in totalALL">
<td>
{{item.YPMC}}
</td>
<td>
{{item.CYSJ}}
</td>
<td>
{{item.BCYRMC}}
</td>
<td>
{{item.BCYDWMC}}
</td>
<td>
{{item.DZ_QX}}
</td>
<td>
{{item.SCZMC}}
</td>
<td>
{{item.SCZDZ}}
</td>
<td>
{{item.JCXM}}
</td>
<td>
{{item.bzz}}
</td>
<td>
{{item.jczbz}}
</td>
<td>
{{item.jczDW}}
</td>
</tr>
</tbody>
</table>
<table class="table" ng-show="num2==2">
<thead>
<tr>
<th style="text-align: center;">食品小类</th>
<th style="text-align: center;">样品名称</th>
<th style="text-align: center;">抽样人签名日期</th>
<th style="text-align: center;">被抽样单位名称</th>
<th style="text-align: center;">被抽样单位地址</th>
<th style="text-align: center;">区县</th>
<th style="text-align: center;">生产企业</th>
<th style="text-align: center;">生产企业地址</th>
<th style="text-align: center;">检验项目</th>
<th style="text-align: center;">限量值</th>
<th style="text-align: center;">检测值</th>
<th style="text-align: center;">检测值单位</th>
</tr>
</thead>
<tbody>
<tr class="tableTr" ng-repeat="item in totalALL">
<td>
{{item.SP_XL}}
</td>
<td>
{{item.YPMC}}
</td>
<td>
{{item.CYSJ}}
</td>
<td>
{{item.BCYRMC}}
</td>
<td>
{{item.BCYDWMC}}
</td>
<td>
{{item.DZ_QX}}
</td>
<td>
{{item.SCZMC}}
</td>
<td>
{{item.SCZDZ}}
</td>
<td>
{{item.JCXM}}
</td>
<td>
{{item.bzz}}
</td>
<td>
{{item.jczbz}}
</td>
<td>
{{item.jczDW}}
</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="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog" style=" width: 90%;">
<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" style="float:left;" id="myModalLabel2"></h4>
</div>
<div class="modal-body">
<div ng-show="num<12" style="margin-left: 6%;margin: 50px;text-align: center;overflow: auto;height: 400px;">
<table class="table" ng-show="num==1">
<thead>
<tr>
<th style="text-align: center;">检测项目</th>
<th style="text-align: center;">食品小类</th>
<th style="text-align: center;">被抽样单位名称</th>
<th style="text-align: center;width: 14%;">等级</th>
</tr>
</thead>
<tbody>
<tr class="tableTr" ng-repeat="item in myshow" ng-click="monthDataA(item.JCXM,item.SP)">
<td>
{{item.JCXM}}
</td>
<td>
{{item.SP}}
</td>
<td style="width: 55%">
{{item.BCYRMC}}
</td>
<td>
<div id="div_ji" class="font_div" style="width: 50px;float: left;text-align: center;background:{{item.ji}};">
-
</div>
</td>
</tr>
</tbody>
</table>
<table class="table" ng-show="num==2">
<thead>
<tr>
<th style="text-align: center;">检测项目</th>
<th style="text-align: center;">食品小类</th>
<th style="text-align: center;">12月不合格率%</th>
<th style="text-align: center;">11月不合格率%</th>
<th style="text-align: center;">10月不合格率%</th>
<th style="text-align: center;">9月不合格率%</th>
<th style="text-align: center;">8月不合格率%</th>
<th style="text-align: center;width: 14%;">等级</th>
</tr>
</thead>
<tbody>
<tr class="tableTr" ng-repeat="item in myshow2">
<td>
{{item.JCXM}}
</td>
<td>
{{item.SP}}
</td>
<td>
{{item.lv_1}}
</td>
<td>
{{item.lv_2}}
</td>
<td>
{{item.lv_3}}
</td>
<td>
{{item.lv_4}}
</td>
<td>
{{item.lv_5}}
</td>
<td>
<div id="div_ji" class="font_div" style="width: 50px;float: left;text-align: center;background:{{item.ji}};">
-
</div>
</td>
</tr>
</tbody>
</table>
<table class="table" ng-show="num==3" style="table-layout: fixed;">
<thead>
<tr>
<th style="text-align: center;width: 20%;">被抽样单位名称</th>
<th style="text-align: center;">被抽样单位地址</th>
<th style="text-align: center;width: 90px;">不合格件数</th>
<th style="text-align: center;width: 100px;">不合格项次数</th>
<th style="text-align: center;width: 14%;">等级</th>
</tr>
</thead>
<tbody>
<tr class="tableTr" ng-repeat="item in myshow3" ng-click="monthDataA(item.DW,0)">
<td>
{{item.DW}}
</td>
<td style="word-wrap:break-word;">
{{item.addr}}
</td>
<td>
{{item.JS}}
</td>
<td>
{{item.XCS}}
</td>
<td>
<div id="div_ji" class="font_div" style="width: 50px;float: left;text-align: center;background:{{item.ji}};">
-
</div>
</td>
</tr>
</tbody>
</table>
<table class="table" ng-show="num==4" style="table-layout: fixed;">
<thead>
<tr>
<th style="text-align: center;width: 20%;">被抽样单位名称</th>
<th style="text-align: center;">被抽样单位地址</th>
<th style="text-align: center;width: 90px;">不合格件数</th>
<th style="text-align: center;width: 100px;">不合格项次数</th>
<th style="text-align: center;width: 14%;">等级</th>
</tr>
</thead>
<tbody>
<tr class="tableTr" ng-repeat="item in myshow4" ng-click="monthDataA(item.DW,0)">
<td>
{{item.DW}}
</td>
<td style="word-wrap:break-word;">
{{item.addr}}
</td>
<td>
{{item.JS}}
</td>
<td>
{{item.XCS}}
</td>
<td>
<div id="div_ji" class="font_div" style="width: 50px;float: left;text-align: center;background:{{item.ji}};">
-
</div>
</td>
</tr>
</tbody>
</table>
<table class="table" ng-show="num==5" style="table-layout: fixed;">
<thead>
<tr>
<th style="text-align: center;width: 20%;">生产企业</th>
<th style="text-align: center;">生产企业地址</th>
<th style="text-align: center;width: 90px;">不合格件数</th>
<th style="text-align: center;width: 100px;">不合格项次数</th>
<th style="text-align: center;width: 14%;">等级</th>
</tr>
</thead>
<tbody>
<tr class="tableTr" ng-repeat="item in myshow5" ng-click="monthDataA(item.DW,0)">
<td>
{{item.DW}}
</td>
<td style="word-wrap:break-word;">
{{item.addr}}
</td>
<td>
{{item.JS}}
</td>
<td>
{{item.XCS}}
</td>
<td>
<div id="div_ji" class="font_div" style="width: 50px;float: left;text-align: center;background:{{item.ji}};">
-
</div>
</td>
</tr>
</tbody>
</table>
<table class="table" ng-show="num==6">
<thead>
<tr>
<th style="text-align: center;">检测项目</th>
<th style="text-align: center;">食品小类</th>
<th style="text-align: center;">抽检件数</th>
<th style="text-align: center;">不合格率(%</th>
<th style="text-align: center;width: 14%;">等级</th>
</tr>
</thead>
<tbody>
<tr class="tableTr" ng-repeat="item in myshow6" ng-click="monthDataA(item.JCXM,item.SP)">
<td>
{{item.JCXM}}
</td>
<td>
{{item.SP}}
</td>
<td>
{{item.JS}}
</td>
<td>
{{item.lv_1}}
</td>
<td>
<div id="div_ji" class="font_div" style="width: 50px;float: left;text-align: center;background:{{item.ji}};">
-
</div>
</td>
</tr>
</tbody>
</table>
<table class="table" ng-show="num==7">
<thead>
<tr>
<th style="text-align: center;">产地省份</th>
<th style="text-align: center;">不合格件数</th>
<th style="text-align: center;">总件数</th>
<th style="text-align: center;">不合格率(%)</th>
<th style="text-align: center;width: 14%;">等级</th>
</tr>
</thead>
<tbody>
<tr class="tableTr" ng-repeat="item in myshow7" ng-click="monthDataA(item.CD,0)">
<td>
{{item.CD}}
</td>
<td>
{{item.no}}
</td>
<td>
{{item.total}}
</td>
<td>
{{item.LV}}
</td>
<td>
<div id="div_ji" class="font_div" style="width: 50px;float: left;text-align: center;background:{{item.ji}};">
-
</div>
</td>
</tr>
</tbody>
</table>
<table class="table" ng-show="num==8">
<thead>
<tr>
<th style="text-align: center;">原产地</th>
<th style="text-align: center;">不合格件数</th>
<th style="text-align: center;">总件数</th>
<th style="text-align: center;">不合格率(%)</th>
<th style="text-align: center;width: 14%;">等级</th>
</tr>
</thead>
<tbody>
<tr class="tableTr" ng-repeat="item in myshow8" ng-click="monthDataA(item.CD,0)">
<td>
{{item.CD}}
</td>
<td>
{{item.no}}
</td>
<td>
{{item.total}}
</td>
<td>
{{item.LV}}
</td>
<td>
<div id="div_ji" class="font_div" style="width: 50px;float: left;text-align: center;background:{{item.ji}};">
-
</div>
</td>
</tr>
</tbody>
</table>
<table class="table" ng-show="num==9">
<thead>
<tr>
<th style="text-align: center;">网络平台</th>
<th style="text-align: center;">不合格件数</th>
<th style="text-align: center;">总件数</th>
<th style="text-align: center;">不合格率(%)</th>
<th style="text-align: center;width: 14%;">等级</th>
</tr>
</thead>
<tbody>
<tr class="tableTr" ng-repeat="item in myshow9" ng-click="monthDataA(item.CD,0)">
<td>
{{item.CD}}
</td>
<td>
{{item.no}}
</td>
<td>
{{item.total}}
</td>
<td>
{{item.LV}}
</td>
<td>
<div id="div_ji" class="font_div" style="width: 50px;float: left;text-align: center;background:{{item.ji}};">
-
</div>
</td>
</tr>
</tbody>
</table>
<table class="table" ng-show="num==10">
<thead>
<tr>
<th style="text-align: center;">被抽样单位</th>
<th style="text-align: center;">食品小类</th>
<th style="text-align: center;">样品名称</th>
<th style="text-align: center;">检验项目</th>
<th style="text-align: center;">检测值</th>
<th style="text-align: center;">限量值</th>
<th style="text-align: center;">限量值单位</th>
<th style="text-align: center;width: 14%;">等级</th>
</tr>
</thead>
<tbody>
<tr class="tableTr" ng-repeat="item in myshow10">
<td>
{{item.BCYRMC}}
</td>
<td>
{{item.SP}}
</td>
<td>
{{item.YPMC}}
</td>
<td>
{{item.JCXM}}
</td>
<td>
{{item.JCZ2}}
<td>
{{item.MAXXLZ}}
</td>
<td>
{{item.XLZDW}}
</td>
<td>
<div id="div_ji" class="font_div" style="width: 50px;float: left;text-align: center;background:{{item.ji}};">
-
</div>
</td>
</tr>
</tbody>
</table>
<div ng-show="num==11">
<table class="table" style="white-space: nowrap;">
<thead>
<tr>
<th style="width: 7%;">检测项目</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%;text-align: center;">平均暴露量</th>
<th style="width: 8%;">暴露量平均值占比</th>
<th style="text-align: center;width: 14%;">等级</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="item in myshow11" class="tableTr" ng-click="monthDataA(item.JCXM,0)">
<td style="font-size: 16px;"> {{item.JCXM}}</td>
<td style="font-size: 16px;"> {{item.jianshu}}</td>
<td style="font-size: 16px;"> {{item.renshu}}</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.zhanbiBLL}}</td>
<td>
<div id="div_ji" class="font_div" style="width: 50px;float: left;text-align: center;background:{{item.ji}};">
-
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div ng-show="num==12" id="back" style="margin-bottom: 20px;width: 10px;font-size: 28px;cursor:pointer;" ng-click="back()">
<
</div>
<div ng-show="num==12" style="white-space: nowrap;margin-left: 6%;margin: 20px;text-align: center;overflow: auto;height: 400px;">
<table class="table" ng-show="num2==1">
<thead>
<tr>
<th style="text-align: center;">样品名称</th>
<th style="text-align: center;">抽样人签名日期</th>
<th style="text-align: center;">被抽样单位名称</th>
<th style="text-align: center;">被抽样单位地址</th>
<th style="text-align: center;">区县</th>
<th style="text-align: center;">生产企业</th>
<th style="text-align: center;">生产企业地址</th>
<th style="text-align: center;">检验项目</th>
<th style="text-align: center;">限量值</th>
<th style="text-align: center;">检测值</th>
<th style="text-align: center;">检测值单位</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="item in totalALL">
<td>
{{item.YPMC}}
</td>
<td>
{{item.CYSJ}}
</td>
<td>
{{item.BCYRMC}}
</td>
<td>
{{item.BCYDWMC}}
</td>
<td>
{{item.DZ_QX}}
</td>
<td>
{{item.SCZMC}}
</td>
<td>
{{item.SCZDZ}}
</td>
<td>
{{item.JCXM}}
</td>
<td>
{{item.bzz}}
</td>
<td>
{{item.jczbz}}
</td>
<td>
{{item.jczDW}}
</td>
</tr>
</tbody>
</table>
<table class="table" ng-show="num2==2">
<thead>
<tr>
<th style="text-align: center;">食品小类</th>
<th style="text-align: center;">样品名称</th>
<th style="text-align: center;">抽样人签名日期</th>
<th style="text-align: center;">被抽样单位名称</th>
<th style="text-align: center;">被抽样单位地址</th>
<th style="text-align: center;">区县</th>
<th style="text-align: center;">生产企业</th>
<th style="text-align: center;">生产企业地址</th>
<th style="text-align: center;">检验项目</th>
<th style="text-align: center;">限量值</th>
<th style="text-align: center;">检测值</th>
<th style="text-align: center;">检测值单位</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="item in totalALL">
<td>
{{item.SP_XL}}
</td>
<td>
{{item.YPMC}}
</td>
<td>
{{item.CYSJ}}
</td>
<td>
{{item.BCYRMC}}
</td>
<td>
{{item.BCYDWMC}}
</td>
<td>
{{item.DZ_QX}}
</td>
<td>
{{item.SCZMC}}
</td>
<td>
{{item.SCZDZ}}
</td>
<td>
{{item.JCXM}}
</td>
<td>
{{item.bzz}}
</td>
<td>
{{item.jczbz}}
</td>
<td>
{{item.jczDW}}
</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="myModal3" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog" style=" width: 40%; margin-top: 15%;">
<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" style="float:left;" id="myModalLabel2">导出报表2222</h4>
</div>
<div class="modal-body" style=" text-align: center; padding-left: 1px;">
<span style="color: #000000;">时间:</span>
<select ng-model="ii" style=" width: 100px;height: 30px; background-color: white; color: black;">
<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>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal" ng-click="excel()">导出</button>
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
</div>
</div>
</div>
</div>