<?php include(mvc::$cfg['PATH_TPL'] . 'public/header.php'); ?>
<?php include(mvc::$cfg['PATH_TPL'] . 'wages/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">
					<input type="hidden" name="f_w_id" id="f_w_id" class="form-control" required minlength="0" maxlength="10">
					<div class="form-group has-warning">
						<label class="col-sm-2 control-label">工资月份</label>
						<div class="col-sm-10">
							<input type="text" name="f_w_cycle" id="f_w_cycle" class="form-control" readonly 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_w_date" id="f_w_date" class="form-control" readonly 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_w_depa_text" id="f_w_depa_text" class="form-control" readonly 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_w_staff_text" id="f_w_staff_text" class="form-control" readonly 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="number" name="f_w_j_jbgz" id="f_w_j_jbgz" class="form-control" 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="number" name="f_w_j_jt" id="f_w_j_jt" class="form-control" 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="number" name="f_w_j_gwgz" id="f_w_j_gwgz" class="form-control" 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="number" name="f_w_j_jngz" id="f_w_j_jngz" class="form-control" 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="number" name="f_w_j_ywtc" id="f_w_j_ywtc" class="form-control" 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="number" name="f_w_j_jxj" id="f_w_j_jxj" class="form-control" 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="number" name="f_w_j_jqj" id="f_w_j_jqj" class="form-control" 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="number" name="f_w_j_jbf" id="f_w_j_jbf" class="form-control" 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="number" name="f_w_j_jbcf" id="f_w_j_jbcf" class="form-control" 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="number" name="f_w_j_qtbc" id="f_w_j_qtbc" class="form-control" 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="number" name="f_w_yfgz" id="f_w_yfgz" class="form-control" readonly 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="number" name="f_w_d_dksb" id="f_w_d_dksb" class="form-control" 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="number" name="f_w_d_dkgjj" id="f_w_d_dkgjj" class="form-control" 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="number" name="f_w_d_dkgs" id="f_w_d_dkgs" class="form-control" 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="number" name="f_w_k_sbj" id="f_w_k_sbj" class="form-control" 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="number" name="f_w_k_kkhk" id="f_w_k_kkhk" class="form-control" 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="number" name="f_w_k_qtkk" id="f_w_k_qtkk" class="form-control" 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="number" name="f_w_k_chdk" id="f_w_k_chdk" class="form-control" 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="number" name="f_w_money" id="f_w_money" class="form-control" readonly 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_w_zch_text" id="f_w_zch_text" class="form-control" 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="number" name="f_w_n_cbx" id="f_w_n_cbx" class="form-control" 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="number" name="f_w_n_cgjj" id="f_w_n_cgjj" class="form-control" 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="number" name="f_w_zch51_text" id="f_w_zch51_text" class="form-control" 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_w_remark" id="f_w_remark" class="form-control" 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>
						</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_w_staff_text: {
					required: true,
					remote: {
						url: urls.remote,
						type: 'post',
						data: {
							w_id: function() {
								return $("input[name='f_w_id']").val();
							},
							w_staff_text: function() {
								return $("input[name='f_w_staff_text']").val();
							},
						}
					}
				},
			}, //rules
			messages: {
				f_w_staff_text: {
					remote: '姓名已被使用'
				}
			},
			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.w_staff_text);
			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'); ?>