<?php include(mvc::$cfg['PATH_TPL'].'public/header.php');?>
<?php include(mvc::$cfg['PATH_TPL'].'w_pjldl/common.php');?>
<link href="<?php echo mvc::$cfg['URL_STATIC'];?>css/plugins/iCheck/custom.css" rel="stylesheet">
<!--BEGIN FROM DIV-->
<div class="row">
<div class="col-sm-12">
<div class="ibox float-e-margins">
<div class="ibox-title">
<h2><span class="form_title"></span> <small></small></h2>
</div>
<div class="ibox-content">
<!-- 参考 https://jqueryvalidation.org/
required:true               必输字段
remote:"remote.php"         使用ajax方法调用remote.php验证输入值, 返回'false'验证不通过，返回'true'验证通过
email:true                  必须输入正确格式的电子邮件
url:true                    必须输入正确格式的网址
date:true                   必须输入正确格式的日期，日期校验ie6出错，慎用
dateISO:true                必须输入正确格式的日期(ISO)，例如：2009-06-23，1998/01/22 只验证格式，不验证有效性
number:true                 必须输入合法的数字(负数，小数)
digits:true                 必须输入整数
creditcard:true             必须输入合法的信用卡号
equalTo:"#password"         输入值必须和#password相同
accept:                     输入拥有合法后缀名的字符串（上传文件的后缀）
maxlength:5                 输入长度最多是5的字符串(汉字算一个字符)
minlength:10                输入长度最小是10的字符串(汉字算一个字符)
rangelength:[5,10]          输入长度必须介于 5 和 10 之间的字符串")(汉字算一个字符)
range:[5,10]                输入值必须介于 5 和 10 之间
max:5                       输入值不能大于5
min:10                      输入值不能小于10
$("#form").validate({
	messages:{
		f_username:{remote:"用户名已经被注册"},
	}
});
-->	
	<form id="form" method="post" class="form-horizontal">
		<div class="form-group has-warning">
			<label class="col-sm-2 control-label">会计期间</label>
			<div class="col-sm-10">
				<input type="text" name="f_wpd_cycle" id="f_wpd_cycle" class="form-control" required minlength="0" maxlength="10" >
			</div>
		</div>
		<div class="form-group has-warning">
			<label class="col-sm-2 control-label">业务期间</label>
			<div class="col-sm-10">
				<input type="text" name="f_wpd_ywcycle" id="f_wpd_ywcycle" class="form-control" required minlength="0" maxlength="10" >
			</div>
		</div>
		<div class="form-group has-warning">
			<label class="col-sm-2 control-label">代理商ID</label>
			<div class="col-sm-10">
				<input type="text" name="f_wpd_dls" id="f_wpd_dls" class="form-control" required minlength="0" maxlength="10" >
			</div>
		</div>
		<div class="form-group has-warning">
			<label class="col-sm-2 control-label">代理商</label>
			<div class="col-sm-10">
				<input type="text" name="f_wpd_dls_text" id="f_wpd_dls_text" class="form-control" required minlength="0" maxlength="200" >
			</div>
		</div>
		<div class="form-group has-warning">
			<label class="col-sm-2 control-label">代理地区</label>
			<div class="col-sm-10">
				<input type="text" name="f_wpd_dl_area" id="f_wpd_dl_area" class="form-control" required minlength="0" maxlength="100" >
			</div>
		</div>
		<div class="form-group has-warning">
			<label class="col-sm-2 control-label">运营主管ID</label>
			<div class="col-sm-10">
				<input type="text" name="f_wpd_staff" id="f_wpd_staff" class="form-control" required minlength="0" maxlength="10" >
			</div>
		</div>
		<div class="form-group has-warning">
			<label class="col-sm-2 control-label">运营主管</label>
			<div class="col-sm-10">
				<input type="text" name="f_wpd_staff_text" id="f_wpd_staff_text" class="form-control" required minlength="0" maxlength="100" >
			</div>
		</div>
		<div class="form-group has-warning">
			<label class="col-sm-2 control-label">业务类型ID</label>
			<div class="col-sm-10">
				<input type="text" name="f_wpd_type" id="f_wpd_type" class="form-control" required minlength="0" maxlength="10" >
			</div>
		</div>
		<div class="form-group has-warning">
			<label class="col-sm-2 control-label">业务类型</label>
			<div class="col-sm-10">
				<input type="text" name="f_wpd_type_text" id="f_wpd_type_text" class="form-control" required minlength="0" maxlength="100" >
			</div>
		</div>
		<div class="form-group has-warning">
			<label class="col-sm-2 control-label">数量</label>
			<div class="col-sm-10">
				<input type="text" name="f_wpd_qty" id="f_wpd_qty" class="form-control" required minlength="0" maxlength="50" >
			</div>
		</div>
		<div class="form-group has-warning">
			<label class="col-sm-2 control-label">收入金额</label>
			<div class="col-sm-10">
				<input type="text" name="f_wpd_sr" id="f_wpd_sr" class="form-control" required minlength="0" maxlength="14" >
			</div>
		</div>
		<div class="form-group has-warning">
			<label class="col-sm-2 control-label">提成金额</label>
			<div class="col-sm-10">
				<input type="text" name="f_wpd_money" id="f_wpd_money" class="form-control" required minlength="0" maxlength="14" >
			</div>
		</div>
		<div class="form-group has-warning">
			<label class="col-sm-2 control-label">发放日期</label>
			<div class="col-sm-10">
				<input type="text" name="f_wpd_date" id="f_wpd_date" class="form-control" required minlength="0" maxlength="19" >
			</div>
		</div>
		<div class="form-group has-warning">
			<label class="col-sm-2 control-label">发放行</label>
			<div class="col-sm-10">
				<input type="text" name="f_wpd_zch_text" id="f_wpd_zch_text" class="form-control" required minlength="0" maxlength="100" >
			</div>
		</div>
		<div class="form-group has-warning">
			<label class="col-sm-2 control-label">备注</label>
			<div class="col-sm-10">
				<input type="text" name="f_wpd_remark" id="f_wpd_remark" class="form-control" required minlength="0" maxlength="100" >
			</div>
		</div>		
		<div class="hr-line-dashed"></div>
		<div class="form-group">
			<div class="col-sm-4 col-sm-offset-2">
				<button class="btn btn-primary" type="button" tabindex=3 id="btnSave"><i class="fa fa-check"></i> 保存</button>
				<button class="btn btn-white" type="button" tabindex=4 id="btnView">预览</button>
				<button class="btn btn-white" type="button" tabindex=1 id="btnClose" onclick="javascript:parent.layer.close(parent.layer.getFrameIndex(window.name));">取消</button>
			</div>
		</div>
	</form>
</div>
</div>
</div>
</div>
<!--END FROM DIV-->
<script src="<?php echo mvc::$cfg['URL_STATIC'];?>js/plugins/iCheck/icheck.min.js"></script>
<script src="<?php echo mvc::$cfg['URL_STATIC'];?>js/plugins/validate/jquery.validate.min.js"></script>
<script src="<?php echo mvc::$cfg['URL_STATIC'];?>js/plugins/validate/messages_zh.min.js"></script>
<script type="text/javascript" defer>
//获取上级页面
var ele = (window.top).document.querySelectorAll('[data-id="' + urls.list + '"]')[1];
var listIframe = parent;
if(ele && ele.contentWindow) listIframe = ele.contentWindow;
</script>

<script type="text/javascript" defer> 
var op            = "<?php echo $_REQUEST['op']?>";
var key           = "<?php echo $_REQUEST['key']?>";
var validator = null;
$(document).ready(function () {
	$('#btnClose').focus(); //初始焦点
	$(".i-checks").iCheck({checkboxClass:"icheckbox_square-green",radioClass:"iradio_square-green",});//美化 单选与复选框
	if(op=='add') $('#btnView').hide(); //添加模式时，隐藏预览功能
	$('#btnSave').on("click", btnSave);
	$('#btnView').on("click", gotoView);
	if(key){
		getValueByKey(key); //给表单赋值
	}else{
		$('.form_title').text('添加');
	}
	//BEGIN 表单验证
	validator = $("#form").validate({
		rules:{
			f_wpd_dls: {
				required: true,
				remote:{
					url: urls.remote,
					type:'post',
					data:{
						wpd_id:function(){ return $("input[name='f_wpd_id']").val(); },
						wpd_dls:function(){ return $("input[name='f_wpd_dls']").val(); },
					}
				}
			},
		},//rules
		messages:{
			f_wpd_dls: {
				remote:'代理商ID已被使用'
			}
		},
		errorPlacement : function(error, element) {
			if(error[0].innerText!='')
				layer.tips(error[0].innerText+'&nbsp;', $(element).closest('.form-group').find('.col-sm-10'),{tips: 4,tipsMore: true});
		},
	});//END 表单验证
});
//按键处理
$(document).keydown(function(e){
	if(e.keyCode=='27'){ //Esc
		parent.layer.close(parent.layer.getFrameIndex(window.name)); //关闭当前弹层
	}else if(e.shiftKey && e.keyCode=='86'){ //shift + V
		gotoView();
	}else if(e.shiftKey && e.keyCode=='83'){ //shift + S
		gotoSave();
	}
});
/**方法******************************************/
function getValueByKey(key){
	qg.ajax.get(urls.rowByKey,{"key":key},function(data){
		$('.form_title').text(data.wpd_dls);
		qgui.form.setValues('#form',data); 
	});
}
var btnSave = function(){
	if(!$("#form").valid()) return false; //有未通过验证的发生时，终止提交
	$('#btnSave').attr("disabled",true);
	var data = qgui.form.getValues('#form'); //序列化表单
	var url = (op=='add') ? urls.addPost : urls.editPost;
	qg.ajax.post(url,data,function(data){
		$('#btnSave').removeAttr("disabled");
		if(op=='add'){
			qgui.box.yesno('保存成功，是否添加下一条记录?',function(btn){
				if(btn=='yes'){
					qgui.form.reset('#form'); //重置表单
					//qg.win.reload(); //刷新当前页
				}else{ //从添加模式转化成修改模式
					op = 'edit';
					key = data.key;
					$('#btnView').show(); //编辑模式时，显示预览功能
					getValueByKey(key); 
				}
			});
		}else{
			qgui.box.ok('保存成功',1000);
		}
		listIframe.gridReload(); //刷新数据表
	},{anyError:function(error){
		$('#btnSave').removeAttr("disabled");
	}});
}
var gotoView = function(){
	window.location.href = urls.view+'?key='+key;
}
</script>
<?php include(mvc::$cfg['PATH_TPL'].'public/footer.php');?>