/**
 * OCV
 */
var pageCurr;
//$(function() {
//	layui.use([ 'form', 'table', 'laydate', 'echarts' ],
//			function() {
//				var table = layui.table, form = layui.form, laydate = layui.laydate, echarts = layui.echarts;
$(function () {
	layui.config({
		base: context + 'layui/'
	}).extend({
		tablePlug: 'tablePlug/tablePlug'
	}).use(['tablePlug', 'form', 'table', 'laydate', 'echarts'], function () {
		var table = layui.table, form = layui.form, laydate = layui.laydate, echarts = layui.echarts;
						form.render();
						tableIns = table.render({
							elem : '#listTable',
							// url : context + '/base/line/getList',
							method : 'get',// 默认：get请求
							toolbar : false, // 开启工具栏，此处显示默认图标，可以自定义模板，详见文档
							// defaultToolbar: ['exports'],//导出数据
							cellMinWidth : 80,
							height : 'full-500',// 固定表头&full-查询框高度
							even : true,// 条纹样式
							data : [],
							reversal : true,// 列转行
							page : false,
							request : {
								pageName : 'page', // 页码的参数名称，默认：page
								limitName : 'rows' // 每页数据量的参数名，默认：limit
							},
							parseData : function(res) {
								console.log(res)
								if (!res.result) {
									return {
										"count" : 0,
										"msg" : res.msg,
										"data" : [],
										"code" : res.status
									}
								}
								// 可进行数据操作
								return {
									"count" : 0,
									"msg" : res.msg,
									"data" : res.data.TABLE_2,
									"code" : res.status
								// code值为200表示成功
								}
							},
							cols : [ [ {
								type : 'numbers',
							}, {
								field : '周期',
								title : '周期',

							}, {
								field : '均值',
								title : '均值',
							} ] ],
							done : function(res, curr, count) {
								pageCurr = curr;
							}
						});

						// 监听搜索框
						form.on('submit(searchSubmit)', function(data) {
							var params = {
								"itemNo" : $("#itemNo").val(),
								"modelNo" : $("#modelNo").val(),
								"begTime" : data.field.begTime,
								"endTime" : data.field.endTime,
							};
							getReport1(params)
							getReport2(params)
							return false;
						});

						// 日期
						laydate.render({
							elem : '#begTime',
							type : 'date',
							trigger : 'click',
						// value : new Date()
						});
						laydate.render({
							elem : '#endTime',
							type : 'date',
							trigger : 'click',
						// value : new Date()
						});

						function getReport2(params) {
							$.ajax({
								type : "get",
								url : context + 'report_two/getOCVList',
								data : params,
								dataType : 'json',
								success : function(res) {
									// console.log(res)
									if (res.result) {
										setEcharts1(res.data.TABLE_1)
										setEcharts2(res.data.TABLE_2)
									} 
								}
							})
						}

						function setEcharts1(listData) {
							var xData = [];// 日期
							var yData = [];// 目标合格率
							var tData = [ "数量" ];
							if (listData) {
								for (var i = 0; i < listData.length; i++) {// 获取x参数
									var lData = listData[i];
									xData.push(lData.DATA_NAME)
									yData.push(lData.Y_AXIS_DATA)
								}
							}
							var title = $("#modelNo").val() + " "
									+ $("#itemNo").val()
							var my_echarts = echarts.init(document
									.getElementById('echart1'));
							my_echarts.setOption({
								color : [ "#0033CC", "#FF9966" ],
								title : {// 标题组件
									text : title + '直方图',
									top : '0',
									left : '0',
									textStyle : {
										color : "#000000",
										fontSize : 18,
									}
								},
								tooltip : {
									trigger : 'axis',
									axisPointer : {
										type : 'cross',
										crossStyle : {
											color : '#999'
										}
									},
								},
								grid : {
									x : 30,// 左边距
									y : 65,// 上边距
									x2 : 20,// 右边距
									y2 : 5,// 下边距
									containLabel : true
								},
								legend : {
									// orient: 'vertical',
									x : 'center', // 可设定图例在左、右、居中
									top : 0,
									data : tData,
									textStyle : {
										fontSize : 14,// 字体大小
									},
								},
								xAxis : {
									type : 'category',
									data : xData,
									splitLine : {
										show : false
									},
									axisPointer : {
										type : 'shadow'
									},
									axisLabel : {
										show : true,
										textStyle : {
											color : '#000000',
											fontSize : 12,
										}
									},
									axisLine : {
										lineStyle : {
											color : 12
										}
									},
								},
								yAxis : {
									type : 'value',
									name : '',
									nameTextStyle : {
										fontSize : 12
									},
									splitLine : {
										show : false
									},
									axisLabel : {
										textStyle : {
											color : '#000000',
											fontSize : 12,// 字体大小
										}
									},
									axisLine : {
										lineStyle : {
											color : '#000000'
										}
									},
								},
								series : [ {
									name : '数量',
									type : 'bar',
									data : yData,
									barCategoryGap:"1%",
									yAxisIndex : 0,
									label : {
										show : true,
										position : 'top',
									},
								},{
									name : '',
									type : 'line',
									data : yData,
									yAxisIndex : 0,
									label : {
										show : false,
										position : 'top',
									},
								} ]
							})
						}

						function setEcharts2(listData) {
							var xData = [];// 日期
							var yData = [];// 目标合格率
							var tData = [ "均值" ];
							var seriesData = [];// 设置内容
							if (listData) {
								for (var i = 0; i < listData.length; i++) {// 获取x参数
									var lData = listData[i];
									xData.push(lData.周期)
									yData.push(lData.均值)
								}
							}
							var srd=$("#srdValue").val()
							if (srd != "") {
								var arr = {
									name : '',
									type : 'line',
									data : yData,
									yAxisIndex : 0,
									label : {
										show : true,
										position : 'top',
									},
									markLine:{
										symbol : "none",
										data : [ {
											silent : true, // 鼠标悬停事件 true没有，false有
											label : {
												show : true,
												//formatter : "标准值",
											},
											lineStyle : { // 警戒线的样式 ，虚实 颜色
												type : "solid",
												color : "#FF3333",
											},
											yAxis :srd
										// 警戒线的标注值，可以有多个yAxis,多条警示线
										} ]
									}
								}
								seriesData.push(arr)
							}else{
								var arr = {
										name : '',
										type : 'line',
										data : yData,
										yAxisIndex : 0,
										label : {
											show : true,
											position : 'top',
										}
									}
								seriesData.push(arr)
							}

							var title = $("#modelNo").val() + " "
									+ $("#itemNo").val()
							var my_echarts = echarts.init(document
									.getElementById('echart2'));
							my_echarts.setOption({
								color : [ "#0033CC", "#CC0033" ],
								title : {// 标题组件
									text : title + '推移图',
									top : '0',
									left : '0',
									textStyle : {
										color : "#000000",
										fontSize : 18,
									}
								},
								tooltip : {
									trigger : 'axis',
									axisPointer : {
										type : 'cross',
										crossStyle : {
											color : '#999'
										}
									},
								},
								grid : {
									x : 30,// 左边距
									y : 65,// 上边距
									x2 : 20,// 右边距
									y2 : 5,// 下边距
									containLabel : true
								},
								legend : {
									// orient: 'vertical',
									x : 'center', // 可设定图例在左、右、居中
									top : 0,
									data : tData,
									textStyle : {
										fontSize : 14,// 字体大小
									},
								},
								xAxis : {
									type : 'category',
									data : xData,
									splitLine : {
										show : false
									},
									axisPointer : {
										type : 'shadow'
									},
									axisLabel : {
										show : true,
										textStyle : {
											color : '#000000',
											fontSize : 12,
										}
									},
									axisLine : {
										lineStyle : {
											color : 12
										}
									},
								},
								yAxis : {
									type : 'value',
									name : '',
									nameTextStyle : {
										fontSize : 12
									},
									splitLine : {
										show : false
									},
									axisLabel : {
										textStyle : {
											color : '#000000',
											fontSize : 12,// 字体大小
										}
									},
									axisLine : {
										lineStyle : {
											color : '#000000'
										}
									},
								},
								series : seriesData
							})
						}
					});
});

function getReport1(params) {
	tableIns.reload({
		url : context + 'report_two/getOCVList',
		where : params,
		done : function(res1, curr, count) {
			pageCurr = curr;
		}
	})
}