tmzn
/
jinzaifoodadmin


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288
							<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<c:set value="<%=request.getContextPath()%>" var="ctx"></c:set>
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>表单</title>
	<meta name="keywords" content="关键字台">
	<meta name="description" content="描述">
	<link href="${ctx}/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
	<link href="${ctx}/css/font-awesome.css?v=4.4.0" rel="stylesheet">
	<link href="${ctx}/css/bootstrap-select.min.css" rel="stylesheet">
	<link href="${ctx}/css/plugins/bootstrap-table/bootstrap-table.min.css"	rel="stylesheet">
	<link href="${ctx}/css/animate.css" rel="stylesheet">
	<link href="${ctx}/css/style.css?v=4.1.0" rel="stylesheet">
	<style>
		.col-sm-1{
			width:100px !important;
		}
	</style>
</head>
<body>
<div class="wrapper wrapper-content animated fadeInRight">
	<div class="row">
		<div class="col-sm-12">
			<div class="ibox">
				<div class="ibox-title">
					<div class="row">
						<div class="col-sm-10">
							<h3>产线数据</h3>
						</div>
						<div class="col-sm-2">
							<div class="ibox-tools">
								<!--                                     <button class="btn btn-success"  onclick="addUser();"> -->
								<!-- 						    			<i class="glyphicon glyphicon-plus"></i> 添加用户 -->
								<!-- 						  			</button> -->
							</div>
						</div>
					</div>
				</div>

				<div class="ibox-content">

					<div class="row row-lg">
						<form class="form-horizontal m-t" >
							<div id="condition">
								<div>
									<label class="col-sm-1 control-label"><span class="text-danger"></span>箱码：</label>
									<div class="col-sm-2">
										<input id="id" class="form-control" placeholder="箱码"/>

									</div>


								</div>
								<div>
									<label class="col-sm-1 control-label"><span class="text-danger"></span>任务单号：</label>
									<div class="col-sm-2">
										<input id="task_no" class="form-control" placeholder="任务单号"/>

									</div>
								</div>

								<div>
									<label class="col-sm-1 control-label"><span class="text-danger"></span>托码：</label>
									<div class="col-sm-2">
										<input id="duo_code" class="form-control " placeholder="托码"/>

									</div>
								</div>
								<div>
									<label class="col-sm-1 control-label"><span class="text-danger"></span>生产线：</label>
									<div class="col-sm-2">
										<select id="lineName" class="form-control " placeholder="生产线">

										</select>

									</div>
								</div>
							</div>
							<div style="width: 100%;height: 10px;display: flex;"></div>
							<div>
								<label class="col-sm-1 control-label"><span class="text-danger"></span>生产日期：</label>
								<div class="col-sm-2">
									<input id="startdate" class="form-control form_datetime" placeholder="请输入开始日期"/>

								</div>

								<div class="col-sm-2">
									<input id="enddate" class="form-control form_datetime" placeholder="请输入结束日期"/>

								</div>
							</div>
							<button style="" type="button" id="searchBtn" class="btn btn-success" onclick="search();return false;">搜索</button>

						</form>
					</div>
					<div class="row row-lg">
						<div class="col-sm-12">
							<table id="table" data-toggle="table"  data-mobile-responsive="true">
							</table>
						</div>
					</div>


				</div>

			</div>
		</div>
	</div>
	<!-- 全局js -->
	<script src="${ctx}/js/jquery.min.js?v=2.1.4"></script>
	<script src="${ctx}/js/bootstrap.min.js?v=3.3.6"></script>
	<script src="${ctx}/js/bootstrap-select.min.js"></script>
	<!-- 自定义js -->
	<script src="${ctx}/js/content.js?v=1.0.0"></script>
	<!-- jQuery Validation plugin javascript-->
	<script src="${ctx}/js/plugins/validate/jquery.validate.min.js"></script>
	<script src="${ctx}/js/plugins/validate/messages_zh.min.js"></script>
	<script src="${ctx}/js/plugins/bootstrap-table/bootstrap-table.min.js"></script>
	<script	src="${ctx}/js/plugins/bootstrap-table/bootstrap-table-mobile.min.js"></script>
	<script	src="${ctx}/js/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
	<script src="${ctx}/js/common.js"></script>
	<script src="${ctx}/js/plugins/layer/layer.min.js"></script>
	<script src="${ctx}/js/Math.uuid.js"></script>
	<script src="${ctx}/js/laydate/laydate.js"></script>
</div>
</body>
<script>

var table = null;
$(document).ready(function(){
	var doms = $(".form_datetime");
	for(let i =0;i<doms.length;i++){
		let dom = doms[i];
		let id = dom.id;
		console.log(id);
		let end = {
			elem : '#'+id,
			format : 'YYYY-MM-DD',
			istime : false,
			istoday : true,
		};
		laydate(end);
	}
	table = $('#table').bootstrapTable("destroy");//通过AJAX必须先destroy不知道为啥
	initTable();
	lineData();
});
function queryParams(param){
	let id = $("#id").val();
	let task_no = $("#task_no").val();
	let duo_code = $("#duo_code").val();
	let startdate = $("#startdate").val();
	let enddate = $("#enddate").val();

	let lineName = $("#lineName").val();
	param["key"] = 'jinzai_upload_master';
	param['toolBarConfig'] = JSON.stringify([{type:"input",key:"id"},
		{type:"input",key:"task_no"},
		{type:"input",key:"duo_code"},
		{type:"input",key:"device_no"}]);
	if(id){
		param['id'] = id;
	}
	if(startdate){
		param['datefield'] = 'produce_date';
		param['startdate'] = startdate;
	}
	if(enddate){
		param['datefield'] = 'produce_date';
		param['enddate'] = enddate;
	}
	if(task_no){
		param['task_no'] = task_no;
	}
	if(duo_code){
		param['duo_code'] = duo_code;
	}
	if(lineName){
		param['device_no'] = lineName;
	}
	return param;
}
function lineData(){
	var param = {"pageSize":100,"pageNumber":1,"sortOrder":"asc",key:"t_jz_device"}
	$.ajax({
		url:"${ctx}/uploadData/query",
		data:param,
		success:function(data){
			$("#lineName").html('<option value="">全部</option>');
			for(var i=0;i<data.rows.length;i++){
				$("#lineName").append('<option value="'+data.rows[i].device_no+'">'+data.rows[i].lineName+'</option>')
			}
		}
	})
}
function search(){
	table = $('#table').bootstrapTable("destroy");
	initTable();
}
function initTable(){
	var index = 1;
	table = $('#table').bootstrapTable({
		method: 'get',
		sortable : true,
		toolbar: '#toolbar',    //工具按钮用哪个容器
		striped: true,      //是否显示行间隔色
		cache: false,      //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
		pagination: true,     //是否显示分页（*）
		pageNumber:1,      //初始化加载第一页，默认第一页
		pageSize: 10,      //每页的记录行数（*）
		pageList: [10, 25, 50, 100],  //可供选择的每页的行数（*）
		url: "${ctx}/uploadData/query",//这个接口需要处理bootstrap table传递的固定参数
		queryParamsType:'', //默认值为 'limit' ,在默认情况下 传给服务端的参数为：offset,limit,sort
							// 设置为 ''  在这种情况下传给服务器的参数为：pageSize,pageNumber

		queryParams: queryParams,//前端调用服务时，会默认传递上边提到的参数，如果需要添加自定义参数，可以自定义一个函数返回请求参数
		sidePagination: "server",   //分页方式：client客户端分页，server服务端分页（*）
		// search: true,      //是否显示表格搜索，此搜索是客户端搜索，不会进服务端，所以，个人感觉意义不大
		strictSearch: false,
		//showColumns: true,     //是否显示所有的列
//         showRefresh: true,     //是否显示刷新按钮
		minimumCountColumns: 2,    //最少允许的列数
		clickToSelect: true,    //是否启用点击选中行
		searchOnEnterKey: true,
		idField : "id",
		columns: [{
			field:"task_no",
			title:"任务单号",
			formatter:function(value,data){
				return "<div style='word-wrap: normal;word-wrap: break-word;width:150px'>"+value+"</div>"
			}
		},
			{
				field:"id",
				title:"箱码",
				formatter:function(value,data){
					return "<div style='word-wrap: normal;word-wrap: break-word;width:150px'>"+value+"</div>"
				}
			},{
				field:"duo_code",
				title:"托码",
				formatter:function(value,data){
					return "<div style='word-wrap: normal;word-wrap: break-word;width:150px'>"+value+"</div>"
				}
			},{
				field:"lineName",
				title:"产线",
			},
			{
				field:"pinxiang",
				title:"品项",
			}, {
				field:"kouwei",
				title:"口味",
			},{
				field:"produce_date",
				title:"生产日期",
			},

			{
				field:"sku",
				title:"sku",
			}


			,
			{
				field:"guo_time",
				title:"绑定时间",
			}


		],
	});
}
</script>
<%--<%@include file="../common/table.jsp"%>--%>

<script>


</script>