<%@page import="com.jsh.util.Tools"%>
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
	String path = request.getContextPath();
	String clientIp = Tools.getLocalIp(request);
%>
<!DOCTYPE html>
<html>
  	<head>
    	<title>入库明细</title>
        <meta charset="utf-8">
		<!-- 指定以IE8的方式来渲染 -->
		<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8"/>
    	<link rel="shortcut icon" href="<%=path%>/images/favicon.ico" type="image/x-icon" />
    	<script type="text/javascript" src="<%=path %>/js/jquery-1.8.0.min.js"></script>
		<script type="text/javascript" src="<%=path %>/js/print/print.js"></script>
		<link rel="stylesheet" type="text/css" href="<%=path %>/js/easyui-1.3.5/themes/default/easyui.css"/>
		<link rel="stylesheet" type="text/css" href="<%=path %>/js/easyui-1.3.5/themes/icon.css"/>
		<link type="text/css" rel="stylesheet" href="<%=path %>/css/common.css" />
		<script type="text/javascript" src="<%=path %>/js/easyui-1.3.5/jquery.easyui.min.js"></script>
		<script type="text/javascript" src="<%=path %>/js/easyui-1.3.5/locale/easyui-lang-zh_CN.js"></script>
		<script type="text/javascript" src="<%=path %>/js/common/outlook_in.js"></script>
		<script type="text/javascript" src="<%=path %>/js/My97DatePicker/WdatePicker.js"></script>
		<script type="text/javascript" src="<%=path %>/js/common/common.js"></script>
		<script>
			var uid = ${sessionScope.user.id};
		</script>
  	</head>
  	<body>
  		<!-- 查询 -->
		<div id = "searchPanel"	class="easyui-panel" style="padding:10px;" title="查询窗口" iconCls="icon-search" collapsible="true" closable="false">
			<table id="searchTable">
				<tr>
					<td>供应商：</td>
					<td>
						<input id="OrganId" name="OrganId" style="width:120px;" />
					</td>
					<td>&nbsp;</td>
					<td>仓库：</td>
					<td>
						<select name="searchProjectId" id="searchProjectId"  style="width:100px;"></select>
					</td>
					<td>&nbsp;</td>
					<td>单据日期：</td>
					<td>
						<input type="text" name="searchBeginTime" id="searchBeginTime" onClick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})" class="txt Wdate" style="width:140px;"/>
					</td>
					<td>-</td>
					<td>
						<input type="text" name="searchEndTime" id="searchEndTime" onClick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})" class="txt Wdate" style="width:140px;"/>
					</td>
					<td>&nbsp;</td>
					<td>
						<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-search" id="searchBtn">查询</a>
						&nbsp;&nbsp;
						<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-print" id="printBtn">打印</a>
					</td>
				</tr>
			</table>
		</div>
		
		<!-- 数据显示table -->
		<div id = "tablePanel"	class="easyui-panel" style="padding:1px;top:300px;" title="入库明细列表" iconCls="icon-list" collapsible="true" closable="false">
			<table id="tableData" style="top:300px;border-bottom-color:#FFFFFF"></table>
		</div>
			    
		<script type="text/javascript">
			var depotList = null;
			var depotID = null;
			var depotString = ""; //仓库列表
			var path = "<%=path %>";
			var supUrl = path + "/supplier/findBySelect_sup.action"; //供应商接口
			//初始化界面
			$(function()
			{
				var thisDate = getNowFormatMonth(); //当前月份
				var thisDateTime = getNowFormatDateTime(); //当前时间
				$("#searchBeginTime").val(thisDate + "-01 00:00:00");
				$("#searchEndTime").val(thisDateTime);
				var userBusinessList=null;
				var userdepot=null;
				initSupplier(); //初始化供应商信息
				initSystemData_UB();
				initSelectInfo_UB();
				initSystemData_depot();
				initSelectInfo_depot();
				initTableData();
				ininPager();
				search();
				print();
			});

			//初始化供应商
			function initSupplier(){
				$('#OrganId').combobox({
					url: supUrl,
					valueField:'id',
					textField:'supplier',
					filter: function(q, row){
						var opts = $(this).combobox('options');
						return row[opts.textField].indexOf(q) >-1;
					}
				});
			}

			//初始化系统基础信息
			function initSystemData_UB(){
				$.ajax({
					type:"post",
					url: "<%=path %>/userBusiness/getBasicData.action",
					data: ({
						KeyId: uid,
						Type:"UserDepot"
					}),
					//设置为同步
					async:false,
					dataType: "json",
					success: function (systemInfo)
					{
						if(systemInfo)
						{
							userBusinessList = systemInfo.showModel.map.userBusinessList;
							var msgTip = systemInfo.showModel.msgTip;
							if(msgTip == "exceptoin")
							{
								$.messager.alert('提示','查找UserBusiness异常,请与管理员联系！','error');
								return;
							}
						}
						else
						{
							userBusinessList=null;
						}
					}
				});

			}
			//初始化页面选项卡
			function initSelectInfo_UB(){

				if(userBusinessList !=null)
				{
					if(userBusinessList.length>0)
					{
						//用户对应的仓库列表 [1][2][3]...
						userdepot =userBusinessList[0].value;
					}
				}
			}


			//初始化系统基础信息
			function initSystemData_depot(){
				$.ajax({
					type:"post",
					url: "<%=path %>/depot/getBasicData.action",
					//设置为同步
					async:false,
					dataType: "json",
					success: function (systemInfo)
					{
						depotList = systemInfo.showModel.map.depotList;
						var msgTip = systemInfo.showModel.msgTip;
						if(msgTip == "exceptoin")
						{
							$.messager.alert('提示','查找系统基础信息异常,请与管理员联系！','error');
							return;
						}
					}
				});
			}
			//初始化页面选项卡
			function initSelectInfo_depot(){
				var options = "";

				if(depotList !=null)
				{
					options = "";
					for(var i = 0 ;i < depotList.length;i++)
					{
						var depot = depotList[i];

						if(userdepot!=null)
						{
							if(userdepot.indexOf("["+depot.id+"]")!=-1)
							{
								options += '<option value="' + depot.id + '">' + depot.name + '</option>';
								depotString = depotString + depot.id + ",";
							}
						}
					}
					depotString = depotString.substring(0, depotString.length-1);
					$("#searchProjectId").empty().append('<option value="">全部</option>').append(options);
				}
			}
			
			//初始化表格数据
			function initTableData()
			{
				$('#tableData').datagrid({
					height:heightInfo,
					nowrap: false,
					rownumbers: true,
					//动画效果
					animate:false,
					//选中单行
					singleSelect : true,
					pagination: true,
					//交替出现背景
					striped : true,
					pageSize: 10,
					pageList: [10,50,100],
					columns:[[
			          	{ title: '单据编号',field: 'number',width:140,
                            formatter: function (value, row) {
                                return "<a class='n-link' onclick=\"newTab('" + row.number + "','../materials/bill_detail.jsp?n=" + row.number + "&type=" + row.type + "','')\">"
                                    + row.number + "</a>";
                            }
                        },
						{ title: '商品名称',field: 'materialName',width:120},
						{ title: '商品型号',field: 'materialModel',width:100},
						{ title: '单价',field: 'unitPrice',width:60},
						{ title: '入库数量',field: 'operNumber',width:60},
						{ title: '金额',field: 'allPrice',width:60},
						{ title: '供应商',field: 'supplierName',width:200},
						{ title: '仓库',field: 'depotName',width:120},
						{ title: '入库日期',field: 'operTime',width:80},
					]],
					onLoadError:function()
					{
						$.messager.alert('页面加载提示','页面加载异常，请稍后再试！','error');
						return;
					}    
				});
			}
			
			//初始化键盘enter事件
			$(document).keydown(function(event)
			{  
			   	//兼容 IE和firefox 事件 
			    var e = window.event || event;  
			    var k = e.keyCode||e.which||e.charCode;  
			    //兼容 IE,firefox 兼容  
			    var obj = e.srcElement ? e.srcElement : e.target;  
			    //绑定键盘事件为 id是指定的输入框才可以触发键盘事件 13键盘事件 ---遗留问题 enter键效验 对话框会关闭问题
			    if(k == "13"&&(obj.id=="Type"||obj.id=="Name"))
			    {  
			        $("#savePerson").click();
			    }
			    //搜索按钮添加快捷键
			    if(k == "13"&&(obj.id=="searchType"))
			    {  
			        $("#searchBtn").click();
			    }  
			}); 
			//分页信息处理
			function ininPager()
			{
				try
				{
					var opts = $("#tableData").datagrid('options');  
					var pager = $("#tableData").datagrid('getPager'); 
					pager.pagination({  
						onSelectPage:function(pageNum, pageSize)
						{  
							opts.pageNumber = pageNum;  
							opts.pageSize = pageSize;  
							pager.pagination('refresh',
							{  
								pageNumber:pageNum,  
								pageSize:pageSize  
							});  
							showDetails(pageNum,pageSize);
						}  
					}); 
				}
				catch (e) 
				{
					$.messager.alert('异常处理提示',"分页信息异常 :  " + e.name + ": " + e.message,'error');
				}
			}
			
			//增加
			var url;
			var personID = 0;
			//保存编辑前的名称
			var orgPerson = "";

			//搜索处理
			function search() {
				showDetails(1,initPageSize);
				var opts = $("#tableData").datagrid('options');
				var pager = $("#tableData").datagrid('getPager');
				opts.pageNumber = 1;
				opts.pageSize = initPageSize;
				pager.pagination('refresh',
				{
					pageNumber:1,
					pageSize:initPageSize
				});
			}
			$("#searchBtn").unbind().bind({
				click:function()
				{
					search();
				}
			});
			
			function showDetails(pageNo,pageSize)
			{
				$.ajax({
					type: "post",
					url: "<%=path %>/depotHead/findInDetail.action",
					dataType: "json",
					data: ({
						pageNo:pageNo,
						pageSize:pageSize,
						OrganId: $('#OrganId').combobox('getValue'),
						ProjectId: $.trim($("#searchProjectId").val()),
						DepotIds: depotString,
						BeginTime: $("#searchBeginTime").val(),
						EndTime: $("#searchEndTime").val(),
						Type: "入库"
					}),
					success: function (res) {
						if(res){
							$("#tableData").datagrid('loadData',res);
						}
					},
					//此处添加错误处理
					error:function() {
						$.messager.alert('查询提示','查询数据后台异常，请稍后再试！','error');
						return;
					}
				});
			}
			//报表打印
			function print() {
				$("#printBtn").off("click").on("click",function(){
					var path = "<%=path %>";
					CreateFormPage('打印报表', $('#tableData'), path);
				});
			}
		</script>
	</body>
</html>