<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/include/taglibs.jsp"%>
<!DOCTYPE html>
<html>
<head>
<title></title>
<%@ include file="/WEB-INF/include/common.jsp"%>
<script type="text/javascript">
    var timeType = 0;
    
	$(function() {
		//定义页面元素
		var operate = '${requestScope.operate}';
		var $tabs = $("#tabs");
		$tabs.tabs('select', "基本信息");
		
		if ("edit" == operate){
			$('#warehouseId').combogrid({    
				disabled : true  
			});
			
			$('#customerId').combogrid({    
				disabled : true  
			});
			
			$('#queryId').combobox({    
				disabled : true  
			});
		}

		var reportPushData = ${requestScope.reportPushData};
		
		$.ReportPushEdit = new $.AbstractEdit({
			entity : "ReportPush",
			formId : "reportPushForm",
			operate : operate,
			id : "id"
		});
		//扩展或重写方法
		$.fn.extend($.ReportPushEdit, {

		});
		
 		$('#warehouseId').combogrid({// 仓库
			url : WEBROOT + "/loadData.action?entity=warehouse",
			idField : 'warehouseId',
			textField : 'warehouseName',
			delay : 500,
			showHeader : false,
			mode : 'remote',
			columns : [ [ {
				field : 'warehouseName',
				title : '仓库名称',
				width : 155
			} ] ],
			onSelectAfter : function(rowIndex, record) {
 				$("#warehouseName").val(record.warehouseName);

 			},
			onBeforeLoad : function(param) { // 此设置使控件不会自动加载数据 这里不能使用this
				if (!$('#warehouseId').combogrid('getText')) {
					return false;
				} else {
					return true;
				}
			},
			onShowPanel : function() { // 在第一次触发下拉框事件是加载数据
				if (!$(this).combogrid('getText')) {
					$(this).combogrid({
						onBeforeLoad : function(param) {
							return true;
						}
					});
				}
			}
		});

 		$('#customerId').combogrid({
 			panelWidth : 150,
 			url : WEBROOT + "/loadData.action?entity=customer",
 			idField : 'customerId',
 			textField : 'customerName',
 			showHeader : false,
 			delay : 500,
 			mode : 'remote',
 			columns : [ [ 
 	              { field : 'customerId', hidden : true },
 	              { field : 'customerName', title : '', width : 150 }
 			] ],
 			onSelectAfter : function(rowIndex, record) {
 				$("#customerName").val(record.customerName);
 				$("#customerCode").val(record.customerCode);

 			}, onBeforeLoad : function(param) {
 				if (!$('#customerId').combogrid('getText')) {
 					return false;
 				} else {
 					return true;
 				}
 			}, onShowPanel : function() {
 				if (!$(this).combogrid('getText')) {
 					$(this).combogrid({ onBeforeLoad : function(param) {
 						return true;
 					} });
 				}
 			}
 		});
		
		$.ReportPushEdit.init();

		if (!$.isEmpty(reportPushData)) {
			$.ReportPushEdit.fillData(reportPushData);
		};

		$("#saveReportPushBtn").click(
				$.proxy($.ReportPushEdit.save, $.ReportPushEdit));
		
		$('#timeType').combobox({
	    	onSelect: function(param){
	    		timeType = $("#reportPushForm").find("input[name='timeType']").val();
	    		
	    		if(11701 == timeType){
    				$('#pushDate').combobox({
    					valueField: 'label',
    					textField: 'value',
    					data : [{label:'1',value:'1'},{label:'2',value:'2'},{label:'3',value:'3'},{label:'4',value:'4'},{label:'5',value:'5'},
    					        {label:'6',value:'6'},{label:'7',value:'7'},{label:'8',value:'8'},{label:'9',value:'9'},{label:'10',value:'10'},
    					        {label:'11',value:'11'},{label:'12',value:'12'}
    					       ]
        			});
	    		}else if(11702 == timeType){
	    			$('#pushDate').combobox({
	    				valueField: 'label',
	    				textField: 'value',
    					data : [{label:'1',value:'1'},{label:'2',value:'2'},{label:'3',value:'3'},{label:'4',value:'4'},{label:'5',value:'5'},
    					        {label:'6',value:'6'},{label:'7',value:'7'},{label:'8',value:'8'},{label:'9',value:'9'},{label:'10',value:'10'},
    					        {label:'11',value:'11'},{label:'12',value:'12'},{label:'13',value:'13'},{label:'14',value:'14'},{label:'15',value:'15'},
    					        {label:'16',value:'16'},{label:'17',value:'17'},{label:'18',value:'18'},{label:'19',value:'19'},{label:'20',value:'20'},
    					        {label:'21',value:'21'},{label:'22',value:'22'},{label:'23',value:'23'},{label:'24',value:'24'},{label:'25',value:'25'},
    					        {label:'26',value:'26'},{label:'27',value:'27'},{label:'28',value:'28'},{label:'29',value:'29'},{label:'30',value:'30'},
    					        {label:'31',value:'31'}
    					       ]
        			});
	    		}else if(11703 == timeType){
	    			$('#pushDate').combobox({
	    				valueField: 'label',
	    				textField: 'value',
    					data : [{label:'星期一',value:'星期一'},{label:'星期二',value:'星期二'},{label:'星期三',value:'星期三'},{label:'星期四',value:'星期四'},
    					        {label:'星期五',value:'星期五'},{label:'星期六',value:'星期六'},{label:'星期日',value:'星期日'}
    					       ]
        			});
	    		}else{
	    			
	    		}
	    	}
	    });
	});
</script>
</head>
<body style="overflow-y:hidden" fit="true" scroll="no">
	<div id="tabs" class="easyui-tabs" fit="true">

		<div title="基本信息">
			<form id="reportPushForm" method="post">
				<input type="hidden" name="id"></input>
				<table style="width:100%">
					<tr>
						<td class="title">仓库:</td>
						<td>
							<input id="warehouseId" name="warehouseId" myType="easyui-combogrid" style="width:155px" />
							<input id="warehouseName" name="warehouseName" hidden="true" />
						</td>
						
						<td class="title"><div class="star">*</div>货主:</td>
						<td>
							<input id="customerId" name="customerId" myType="easyui-combogrid" style="width:155px" data-options="required:true"/>
							<input id="customerName" name="customerName" hidden="true" />
							<input id="customerCode" name="customerCode" hidden="true" />
						</td>
						
						<td class="title"><div class="star">*</div>数据来源:</td>
						<td>
						    <select id="queryId" class="easyui-combobox" size="8" name="queryId" style="width:155px" data-options="required:true">
								<option value="" selected="selected"></option>
								<c:forEach var="item" items="${queryMainList}">
									<option value="${item.id}">${item.queryName}</option>
								</c:forEach>
						    </select>
					    </td>
					</tr>
					<tr>
						<td class="title">时间类型:</td>
						<td>
						    <select id="timeType" class="easyui-combobox" size="8" name="timeType" style="width:155px">
								<option value="" selected="selected"></option>
								<c:forEach var="item" items="${timeTypeList}">
									<option value="${item.id}">${item.dictionaryName}</option>
								</c:forEach>
						    </select>
					    </td>

						<td class="title">推送日期:</td>
						<td>
						    <select id="pushDate" class="easyui-combobox" size="8" name="pushDate" style="width:155px">
						    </select>
					    </td>
					    
					    <td class="title">时分秒:</td>
						<td>
							<input class="easyui-validatebox" name="pushTime" style="width:150px">(以英文冒号分割)</input>
						</td>
					</tr>
					<tr>
						<td class="title">邮件主题:</td>
						<td>
							<input class="easyui-validatebox" name="emailTitle" style="width:150px"></input>
						</td>
						
						<td class="title">邮件地址:</td>
						<td colspan="3">
							<input class="easyui-validatebox" name="emailAddress" style="width:500px">(以英文逗号分割)</input>
						</td>
					</tr>
					<tr>
						<td colspan="6" align="right"><a href="#" icon="icon-save"
							id="saveReportPushBtn" class="easyui-linkbutton">保存</a></td>
					</tr>
				</table>
			</form>
		</div>
	</div>
</body>
</html>