yf_zd
/
qxzSy


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628
							{% load staticfiles %}
<!DOCTYPE html>
<html lang="en">
<head>
<title>农药残留</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="{% static '/css/bootstrap.min.css' %}" />
<link rel="stylesheet" href="{% static '/css/bootstrap-responsive.min.css' %}" />
<link rel="stylesheet" href="{% static '/css/uniform.css' %}" />
<link rel="stylesheet" href="{% static '/css/datepicker.css' %}" />
<link rel="stylesheet" href="{% static '/css/bootstrap-wysihtml5.css' %}" />
<link rel="stylesheet" href="{% static '/css/select2.css' %}" />
<link rel="stylesheet" href="{% static '/css/matrix-style2.css' %}" />
<link rel="stylesheet" href="{% static '/css/matrix-media.css' %}" />
<link href="{% static '/css/font-awesome.css' %}" rel="stylesheet" />
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,800' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="{% static '/css/page.css' %}" />
<link rel="stylesheet" type="text/css" href="{% static '/css/layui.css' %}"/>
<link rel="stylesheet" type="text/css" href="{% static '/css/laypage.css' %}"/>

<style type="text/css">
  table th{
            white-space: nowrap;
        }
  table td{
            white-space: nowrap;
        }
	.enter-form {
		width:220px;
	}
	.form-group{
		display: inline-block;
	}
	.form-group label{
		margin-bottom: 0;
	}
	.form-group .form-control{
		width: 220PX;
	}
</style>
</head>
<body>
<div id="content">
    <div id="content-header">
      <h1 class="tb-fpsb" style="display: inline-block;"><a href="equipment_weather.html">设备管理</a></h1>
      <span id="">
      	 > 农药残留
      </span>
    </div>
  <div class="system-list-top">
    <div class="pesticide-data"></div>
  <div class="weather" style="color:#fff;height:180px; overflow: hidden; "  >
   <iframe src="http://www.thinkpage.cn/weather/weather.aspx?uid=U08993D746&cid=CHBJ000000&l=zh-CHS&p=SMART&a=1&u=C&s=1&m=0&x=1&d=0&fc=FFFFFF&bgc=&bc=&ti=0&in=1&li=" frameborder="0" scrolling="no" width="200" height="230" allowTransparency="true"></iframe>
    </div> 
  </div>
  <div class="fpsb-shaixuan mb10">
  
  <form action="http://www.yfzhwlw.com:80/system/nycl" method="post" id="form">
    <div class="form-item clearfix">
    	<div class="form-group" style="margin-bottom: 10px;">
    		 <div class="sx-title">设备名称：</div>
		      <div class="enter-form">
		        <select class="enter-select" name="appId" style="width:220px;">
					<option  value="0">请选择</option>
					<option  value="64">农残设备64</option>
					<option  value="60">农残设备60</option>
					<option  value="68">农残设备68</option>
		        </select>
		      </div>
    	</div>
     
      <div class="form-group">
      	<div class="sx-title">检测对象：</div>
	      <div class="enter-form">
	        <input type="text" value="" name="jcobj">
	      </div>
      </div>
      
      <div class="form-group">
      	<div class="sx-title">检测结果：</div>
	      <div class="enter-form">
	        <input type="text" name="jcjg" value="">
	      </div>
      </div>
      
	  <br>
	  	<div class="form-group">
	  		<div class="sx-title">单位：</div>
	      <div class="enter-form">
	        <input type="text" name="danwei" value="">
	      </div>
	  	</div>
      
      <div class="form-group">
      	<div class="sx-title">产地：</div>
	      <div class="enter-form">
	        <input type="text" name="chandi" value="">
	      </div>
      </div>
      
      <div class="form-group">
      	 <div class="sx-title">检测员：</div>
	      <div class="enter-form" >
	        <input type="text" name="jcyuan" value="">
	      </div>
      </div>
     
    </div>
    <div class="form-item clearfix"> 
		<div i
		
		
		d="distpicker5" >
			<div class="form-group " >
				<label class="sr-only sx-title" for="province10">省：</label>
				<select class="form-control enter-select" id="province10" ></select>
			</div>
			<div class="form-group" >
				<label class="sr-only sx-title" for="city10">市：</label>
				<select class="form-control  enter-select" id="city10"></select>
			</div>
			<div class="form-group" >
				<label class="sr-only sx-title" for="district10">区/县：</label>
				<select class="form-control  enter-select" id="district10"></select>
			</div>
		</div> 
	</div>
	
    <div class="form-item clearfix">
      <div class="enter-form02 clearfix" style="width:450px;">
      	<div class="sx-title">检测时间：</div> 
			<div class="riqi">
			<input type="text" id="test10" style="width: 290px;">
				<script src="js/laydate/laydate.js"></script> 
				<script>
					//执行一个laydate实例
					laydate.render({
						elem: '#test10'
						,type: 'datetime'
						,range: true
					}); 
				</script>
			</div> 
		</div>
      <input type="hidden" id="pageNum" name="pageNum">
        <button class="btn btn-primary btn-shaixuan">筛选</button>
      </div>
    </form>
  </div>

  
  <div class="container-fluid">
    <div class="row-fluid">
      <div class="span12" style="width:100%;overflow-x: scroll;">
        <table class="table table-striped table-striped">
          <thead>
            <tr>
              <th>设备名称</th>
              <th>设备标识</th>
              <th>检测通道</th>
              <th>检测对象</th>
              <th>检测结果</th>
              <th>检测时间</th>
              <th>样本数量</th>
              <th>对照</th>
              <th>样本A</th>
              <th>抑制率</th>
              <th>吸光度</th>
              <th>浓度</th>
              <th>被检单位</th>
              <th>产地</th>
              <th>超标产品处理</th>
              <th>检测仪器</th>
              <th>检测员</th>
              <th>检测指标</th>
              <th>检测方法</th>
            </tr>
          </thead>
          <tbody>
          
			 <tr>
              <td class="tc" style="width:120px;">dsad</td>
              <td class="tc" style="width:120px;">013265</td>
              <td class="tc">das</td>
              <td class="tc">das</td>
              <td class="tc">dasd</td>
              <td class="tc">asda</td>
              <td class="tc">das</td>
              <td class="tc">dad</td>
              <td class="tc">as</td>
              <td class="tc">dsa</td>
              <td class="tc">das</td>
              <td class="tc">das</td>
              <td class="tc">dsa</td>
              <td class="tc">das</td>
              <td class="tc">das个</td>
           	  <td class="tc">dsa</td>
           	  <td class="tc">as</td>
           	  <td class="tc">ads</td>
           	  <td class="tc">das</td>
            </tr>
          
			 <tr>
              <td class="tc" style="width:120px;">dsad</td>
              <td class="tc" style="width:120px;">013265</td>
              <td class="tc">das</td>
              <td class="tc">das</td>
              <td class="tc">dasda啊</td>
              <td class="tc">asda吧</td>
              <td class="tc">das系</td>
              <td class="tc">dad去</td>
              <td class="tc">as我</td>
              <td class="tc">dsa饿</td>
              <td class="tc">das人</td>
              <td class="tc">das他</td>
              <td class="tc">dsa用</td>
              <td class="tc">das他</td>
              <td class="tc">das</td>
           	  <td class="tc">dsa</td>
           	  <td class="tc">as</td>
           	  <td class="tc">ads</td>
           	  <td class="tc">das</td>
            </tr>
          
          </tbody>
        </table>
        </div>
         <div class="tr" id="page">
      </div>
    </div>
  </div>
  
</div> 
<script src="{% static '/js/jquery.min.js' %}"></script> 
<script src="{% static '/js/jquery.ui.custom.js' %}"></script> 
<script src="{% static '/js/bootstrap.min.js' %}"></script> 
<script src="{% static '/js/jquery.uniform.js' %}"></script>
<script src="{% static '/js/select2.min.js' %}"></script> 
<script src="{% static '/js/jquery.dataTables.min.js' %}"></script> 
<script src="{% static '/js/matrix.js' %}"></script> 
<script src="{% static '/js/matrix.tables.js' %}"></script> 
<script src="{% static '/js/masked.js' %}"></script> 
<script src="{% static '/js/laypage.js' %}"></script>
<script src="{% static '/js/laydate.js' %}"></script> 


 <!-- 
<script>
/* 天气预报 */
(function(T,h,i,n,k,P,a,g,e){g=function(){P=h.createElement(i);a=h.getElementsByTagName(i)[0];P.src=k;P.charset="utf-8";P.async=1;a.parentNode.insertBefore(P,a)};T["ThinkPageWeatherWidgetObject"]=n;T[n]||(T[n]=function(){(T[n].q=T[n].q||[]).push(arguments)});T[n].l=+new Date();if(T.attachEvent){T.attachEvent("onload",g)}else{T.addEventListener("load",g,false)}}(window,document,"script","tpwidget","//widget.thinkpage.cn/widget/chameleon.js"))</script>
<script>
tpwidget("init", {
    "flavor": "slim",
    "location": "WX4FBXXFKE4F",
    "geolocation": "enabled",
    "language": "zh-chs",
    "unit": "c",
    "theme": "chameleon",
    "container": "tp-weather-widget",
    "bubble": "enabled",
    "alarmType": "badge",
    "color": "#FFFFFF",
    "uid": "U08993D746",
    "hash": "0d2c4218ba07c7f58d326d9c4d1206a6"
});
tpwidget("show");
/* 天气预报结束 */
</script> -->
<script type="text/javascript">
	var province="";
	loadProByCode("getDict/getProvince", "province", "",province);
	province=parseInt(province);
	var city="";
	if(province>0){
		loadCityByCode("getDict/getCityByProCode",
			"city", "", province, city);
	}
	city=parseInt(city);
	if(city>0){
	loadCountyByCode("getDict/getCountyByCityCode",
			"county", "",city,"");
	}
	
	function reloadCity(){
		var province=$("#province option:selected").val();
		province=parseInt(province);
		if(province >0){
			loadCityByProCode("getDict/getCityByProCode",
					"city", "", province);
			$("#county").html("<option value='0'>无</option>");	
		}else{
			$("#city").html("<option value='0'>无</option>");
			$("#county").html("<option value='0'>无</option>");	
		}
	}
	function reloadCounty(){
		var city=$("#city option:selected").val();
		city=parseInt(city);
		if(city>0){
			loadCountyByCityCode("getDict/getCountyByCityCode",
					"county", "", city);
		}else{
			$("#county").html("<option value='0'>无</option>");	
		}
	}
	$("select").select2();
 </script>
 <script type="text/javascript">
 
 $("#appIdSelect").change(function(){
	 charts();
 });
 charts();
function charts(){
 var appIdSelect = $("#appIdSelect").val();
 
 var myChart = echarts.init(document.getElementById('bars'));
  myChart.showLoading();
    
//基于准备好的dom，初始化echarts实例
	$.ajax({
  		type:"post",
  		url:"http://www.yfzhwlw.com:80/system/nycl/xgdCharts",
 		data : {"appId": appIdSelect},
 		dataType : "json",
 		async: false ,
 		success : function(data) {
 			console.log(data.date);
 			if (data.err == 0) {
 				myChart.hideLoading();
 			    option = {
 			        tooltip : {
 			            trigger: 'item'
 			        },
 			        toolbox: {
 			            show : true,
 			            feature : {
 			                mark : {show: true},
 			                dataView : {show: true, readOnly: false},
 			                magicType: {show: true, type: ['line', 'bar']},
 			                restore : {show: true},
 			                saveAsImage : {show: true}
 			            }
 			        },
 			        calculable : true,
 			        legend: {
 			            data:['通道1吸光度', '通道2吸光度', '通道3吸光度','通道4吸光度', '通道5吸光度', '通道6吸光度','通道7吸光度', '通道8吸光度'],
 			            itemGap: 5
 			        },
 			        grid: {
 			            top: '12%',
 			            left: '1%',
 			            right: '10%',
 			            containLabel: true
 			        },
 			        xAxis: [
 			            {
 			                type : 'category',
 			                data : data.date
 			            }
 			        ],
 			        yAxis: [
 			            {
 			                name : '吸光度',
 				            type : 'value',
 				          	axisLabel: {
 				            formatter: '{value}'
 				            }
 			            }
 			        ],
 			        dataZoom: [
 			                  {
 			                     show: true,
 			                     start: 94,
 			                     end: 100
 			                 },
 			                 {
 			                     type: 'inside',
 			                     start: 94,
 			                     end: 100
 			                 },
 			                 {
 			                     show: true,
 			                     yAxisIndex: 0,
 			                     filterMode: 'empty',
 			                     width: 30,
 			                     height: '80%',
 			                     showDataShadow: false,
 			                     left: '93%'
 			                 }
 			        ],
 			        series : [
 			            {
 			                name: '通道1吸光度',
 			                type: 'bar',
 			                data: data.data1
 			            },
 			            {
 			                name: '通道2吸光度',
 			                type: 'bar',
 			                data: data.data2
 			            },
 			            {
 			                name: '通道3吸光度',
 			                type: 'bar',
 			                data: data.data3
 			            },
 			            {
 			                name: '通道4吸光度',
 			                type: 'bar',
 			                data: data.data4
 			            },
 			            {
 			                name: '通道5吸光度',
 			                type: 'bar',
 			                data: data.data5
 			            },
 			            {
 			                name: '通道6吸光度',
 			                type: 'bar',
 			                data: data.data6
 			            },
 			            {
 			                name: '通道7吸光度',
 			                type: 'bar',
 			                data: data.data7
 			            },
 			            {
 			                name: '通道8吸光度',
 			                type: 'bar',
 			                data: data.data8
 			            }
 			        ]
 			    };
 			    myChart.setOption(option);
 			}
	    }
    });
 
 var myChart2 = echarts.init(document.getElementById('bars2'));
  myChart2.showLoading();
    
//基于准备好的dom，初始化echarts实例
	$.ajax({
  		type:"post",
  		url:"http://www.yfzhwlw.com:80/system/nycl/yzlCharts",
 		data : {"appId": appIdSelect},
 		dataType : "json",
 		async: false ,
 		success : function(data) {
 			console.log(data.date);
 			if (data.err == 0) {
 				myChart2.hideLoading();
 			    option = {
 			        tooltip : {
 			            trigger: 'item'
 			        },
 			        toolbox: {
 			            show : true,
 			            feature : {
 			                mark : {show: true},
 			                dataView : {show: true, readOnly: false},
 			                magicType: {show: true, type: ['line', 'bar']},
 			                restore : {show: true},
 			                saveAsImage : {show: true}
 			            }
 			        },
 			        calculable : true,
 			        legend: {
 			            data:['通道1抑制率', '通道2抑制率', '通道3抑制率','通道4抑制率', '通道5抑制率', '通道6抑制率','通道7抑制率', '通道8抑制率'],
 			            itemGap: 5
 			        },
 			        grid: {
 			            top: '12%',
 			            left: '1%',
 			            right: '10%',
 			            containLabel: true
 			        },
 			        xAxis: [
 			            {
 			                type : 'category',
 			                data : data.date
 			            }
 			        ],
 			        yAxis: [
 			            {
 			                name : '抑制率',
 				            type : 'value',
 				          	axisLabel: {
 				            formatter: '{value}'
 				            }
 			            }
 			        ],
 			        dataZoom: [
 			                  {
 			                     show: true,
 			                     start: 94,
 			                     end: 100
 			                 },
 			                 {
 			                     type: 'inside',
 			                     start: 94,
 			                     end: 100
 			                 },
 			                 {
 			                     show: true,
 			                     yAxisIndex: 0,
 			                     filterMode: 'empty',
 			                     width: 30,
 			                     height: '80%',
 			                     showDataShadow: false,
 			                     left: '93%'
 			                 }
 			        ],
 			        series : [
 			            {
 			                name: '通道1抑制率',
 			                type: 'bar',
 			                data: data.data1
 			            },
 			            {
 			                name: '通道2抑制率',
 			                type: 'bar',
 			                data: data.data2
 			            },
 			            {
 			                name: '通道3抑制率',
 			                type: 'bar',
 			                data: data.data3
 			            },
 			            {
 			                name: '通道4抑制率',
 			                type: 'bar',
 			                data: data.data4
 			            },
 			            {
 			                name: '通道5抑制率',
 			                type: 'bar',
 			                data: data.data5
 			            },
 			            {
 			                name: '通道6抑制率',
 			                type: 'bar',
 			                data: data.data6
 			            },
 			            {
 			                name: '通道7抑制率',
 			                type: 'bar',
 			                data: data.data7
 			            },
 			            {
 			                name: '通道8抑制率',
 			                type: 'bar',
 			                data: data.data8
 			            }
 			        ]
 			    };
 			    myChart2.setOption(option);
 			}
	    }
    });
}
 </script>


<script type="text/javascript">
laypage({
	  cont: 'page',
	  pages: '1'==''?0:'1', //可以叫服务端把总页数放在某一个隐藏域，再获取。假设我们获取到的是18
	  curr: '1'==''?1:1, 
	  jump: function(e, first){ //触发分页后的回调
	    if(!first){ //一定要加此判断，否则初始时会无限刷新
	    	$("#pageNum").val(e.curr);
			$("#form").submit();
	    }
	  }
	});

var begin = {
	    elem: '#begin',
	    format: 'YYYY-MM-DD hh:mm:ss',
	    max:  laydate.now(),
	    istime: true,
	    choose: function(datas){
	        end.min = datas; //结束日选好后，重置开始日的最大日期
	    }
};
var end = {
	    elem: '#end',
	    format: 'YYYY-MM-DD hh:mm:ss',
	    max:  laydate.now(),
	    istime: true,
	    choose: function(datas){
	        begin.max = datas; //结束日选好后，重置开始日的最大日期
	    }
};

if(""!=""){
	begin.max = "";
}
if(""!=""){
	end.min = "";
}
laydate(begin);
laydate(end); 


$(function() {
  // tabs切换
  $.fn.tabs = function(){
    var changeTabs = function () {
        $(this).addClass("active").siblings().removeClass("active"); 
        var activeTab = $(this).find("a").attr("data-target"); 
        $(activeTab).fadeIn().siblings(".tab-content").hide(); 
        return false;
    }
    var t = $(this);
    t.find(".tab-content").hide().first().show(); 
    t.find(".tabs>li").click(changeTabs);
  }
  $('.nongyao-container').tabs();
});
</script>
</body>
</html>