<?php $_customBody=true;include(mvc::$cfg['PATH_TPL'].'public/header.php');?>
<body class="page-voucher" style="margin:20px 0 0 20px">
<?php include(mvc::$cfg['PATH_TPL'].'voucher/common.php');?>
<link href="<?php echo mvc::$cfg['URL_STATIC'];?>css/plugins/iCheck/custom.css" rel="stylesheet">
<link href="<?php echo mvc::$cfg['URL_STATIC'];?>css/plugins/datapicker/datepicker3.css" rel="stylesheet">
<link href="<?php echo mvc::$cfg['URL_STATIC'];?>css/voucher/css/common.css" rel="stylesheet" type="text/css">
<link href="<?php echo mvc::$cfg['URL_STATIC'];?>css/voucher/css/ui.css" rel="stylesheet" type="text/css">
<link href="<?php echo mvc::$cfg['URL_STATIC'];?>css/voucher/css/voucher.css" rel="stylesheet" type="text/css" />
<link href="<?php echo mvc::$cfg['URL_STATIC'];?>css/plugins/jasny/jasny-bootstrap.min.css" rel="stylesheet">
<style type="text/css">
*{-webkit-box-sizing: inherit}
#newbieRadio {font-size:12px; color:#555; margin-left:15px; padding-left:22px; background:url(/css/img/dz_vedio.gif) no-repeat 0 3px;font-weight: 100; }
.mod-toolbar-top .more-operate-con { line-height: 30px; font-size: 14px; _left:-1px;width: 113px; padding: 5px 0; text-align: center; }
.mod-toolbar-top .more-operate-con a { display: block; zoom:1;}
.mod-toolbar-top .more-operate-con a:hover{ background:#337FA9; color:#FFF; }
.subject_val{padding: 0 5px; font-size: 14px;}
.wrapper{background-color:#fff;padding:0;margin:0}
.voucher_wrap{width: 1146px;margin:10px;padding:15px;box-shadow:none}
.voucher{margin:0 0 10px 0px}
.voucher_top{padding-top: 0px;}
.voucher_top .tit_wrap{margin: 0px 0 0 0px;}
.tit_wrap .headinput{float:left;max-width:200px;padding-right:20px;font-weight: normal;}
.cycle{vertical-align:middle;width:400px;height:25px;line-height: 25px;text-align:center;font-size: 14px}
.voucher_title{vertical-align:middle;width:300px;line-height: 25px;text-align:right; text-shadow: 1px 1px 1px rgba(0,0,0,0.2);}
.mod-toolbar-bottom{padding-top:30px}
.ui-input{font-size: 13px;font-weight: bold;}
.col_total{padding-left:3px;font-size: 14px;font-weight: bold;color:#000}
</style>
<!--BEGIN FROM DIV-->
<div class="wrapper">
  <div class="voucher_wrap">
    <div class="voucher_top">
     
      <div class="tit_wrap">
        <div class="headinput">记 - 
		<input type="text" class="ui-input" id="vch_attach" value="0" style="width:50px" 
			onkeyup ="value=value.replace(/[^\d]/g,'')" minLength="1" maxLength="5" /> 号</div>
		<div class="headinput">
			<div class="date">
				日期 <input type="text" name="v_date" id="v_date" class="ui-input" style="width:80px" data-mask="9999-99-99">
			</div>
		</div>
		<div class="headinput">
			<div class="voucher_title"><h2>记账凭证<h2></div>
		</div>
		<div class="headinput">
			<div class="cycle"></div>
		</div>
      </div>
      <span class="attach_wrap">
        <!--附单据<input type="text" class="ui-input" id="vch_attach" value="0" />张-->
      </span>
    </div>
    <table class="voucher" id="voucher">
      <thead>
        <tr>
        
          <th class="col_summary" colspan="2">摘要</th>
          <th class="col_subject" colspan="2">会计科目</th>
          <th class="col_dep" colspan="1">部门</th>
          <th class="col_quantity">数量</th>
          <th class="col_currency">币别</th>
          <th class="col_money"> <strong class="tit">借方金额</strong>
            <div class="money_unit"> <span>亿</span> <span>千</span> <span>百</span> <span>十</span> <span>万</span> <span>千</span> <span>百</span> <span>十</span> <span>元</span> <span>角</span> <span class="last">分</span> </div>
          </th>
          <th class="col_money"> <strong class="tit">贷方金额</strong>
            <div class="money_unit"> <span>亿</span> <span>千</span> <span>百</span> <span>十</span> <span>万</span> <span>千</span> <span>百</span> <span>十</span> <span>元</span> <span>角</span> <span class="last">分</span> </div>
          </th>
        </tr>
      </thead>
      <tbody>
        <tr class="entry_item">
          <td class="col_summary" data-edit="summary"><div class="cell_val summary_val">这里写了一堆的摘要</div></td>
          <td class="col_option"><div class="option"><a class="selSummary">摘要</a></div></td>
          <td class="col_subject" data-edit="subject"><div class="cell_val subject_val" data-val="科目已经写好了">科目已经写好了</div></td>
          <td class="col_option"><div class="option"><a class="selSub">科目</a></div></td>
          <td class="col_dep">dep</td>
          <td class="col_quantity"><div class="cell_val quantity_val"></div></td>
          <td class="col_currency"><div class="cell_val curr_val"></div></td>
          <td class="col_debite" data-edit="money"><div class="cell_val debit_val" data-val="498">49800</div></td>
          <td class="col_credit" data-edit="money"><div class="cell_val credit_val"></div></td>
        </tr>
        <tr class="entry_item">
          <td class="col_summary" data-edit="summary"><div class="cell_val summary_val"></div></td>
          <td class="col_option"><div class="option"><a class="selSummary">摘要</a></div></td>
          <td class="col_subject" data-edit="subject"><div class="cell_val subject_val"></div></td>
          <td class="col_option"><div class="option"><a class="selSub">科目</a></div></td>
          <td class="col_dep">dep</td>
          <td class="col_quantity"><div class="cell_val quantity_val"></div></td>
          <td class="col_currency"><div class="cell_val curr_val"></div></td>
          <td class="col_debite" data-edit="money"><div class="cell_val debit_val"></div></td>
          <td class="col_credit" data-edit="money"><div class="cell_val credit_val"></div></td>
        </tr>
        <tr class="entry_item">
          <td class="col_summary" data-edit="summary"><div class="cell_val summary_val"></div></td>
          <td class="col_option"><div class="option"><a class="selSummary">摘要</a></div></td>
          <td class="col_subject" data-edit="subject"><div class="cell_val subject_val"></div></td>
          <td class="col_option"><div class="option"><a class="selSub">科目</a></div></td>
          <td class="col_dep">dep</td>
          <td class="col_quantity"><div class="cell_val quantity_val"></div></td>
          <td class="col_currency"><div class="cell_val curr_val"></div></td>
          <td class="col_debite" data-edit="money"><div class="cell_val debit_val"></div></td>
          <td class="col_credit" data-edit="money"><div class="cell_val credit_val"></div></td>
        </tr>
        <tr class="entry_item">
          <td class="col_summary" data-edit="summary"><div class="cell_val summary_val"></div></td>
          <td class="col_option"><div class="option"><a class="selSummary">摘要</a></div></td>
          <td class="col_subject" data-edit="subject"><div class="cell_val subject_val"></div></td>
          <td class="col_option"><div class="option"><a class="selSub">科目</a></div></td>
          <td class="col_dep">dep</td>
          <td class="col_quantity"><div class="cell_val quantity_val"></div></td>
          <td class="col_currency"><div class="cell_val curr_val"></div></td>
          <td class="col_debite" data-edit="money"><div class="cell_val debit_val"></div></td>
          <td class="col_credit" data-edit="money"><div class="cell_val credit_val"></div></td>
        </tr>
      </tbody>
      <tfoot>
        <td colspan="5" class="col_total">合计：<span id="capAmount"></span></td>
        <td class="col_debite"><div class="cell_val debit_total" id="debit_total">49800</div></td>
        <td class="col_credit"><div class="cell_val credit_total" id="credit_total"></div></td>
      </tfoot>
    </table>
	<div style="display: block;zoom: 1">
		<div style="float:left">制单人：<span id="vch_people"></span></div>
		<div style="float:right">审核人：<span id="vch_people"></span></div>
	</div>
	<div class="mod-toolbar-bottom" id="toolBottom"> 
		<div class="fr">
			<button id="btn_add" class="btn btn-primary btn-sm"><i class="fa fa-save"></i></i>&nbsp;保存</button>
			<button id="btn_edit" class="btn btn-success btn-sm"><i class="fa fa-check"></i>&nbsp;审核</button>
			<button id="btn_delete" class="btn btn-danger btn-sm"><i class="fa fa-remove"></i>&nbsp;删除</button>
		</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 src="<?php echo mvc::$cfg['URL_STATIC'];?>js/plugins/datapicker/bootstrap-datepicker.js"></script>
<script src="<?php echo mvc::$cfg['URL_STATIC'];?>js/plugins/jasny/jasny-bootstrap.min.js"></script>
<script src="<?php echo mvc::$cfg['URL_STATIC'];?>js/project/spinbox.js"></script>
<script src="<?php echo mvc::$cfg['URL_STATIC'];?>js/jquery.combo.js"></script>
<script src="<?php echo mvc::$cfg['URL_STATIC'];?>js/project/v1.js"></script>
<script>
$(".debit_val").each(function() {
    if($(this).attr("data-val")!=""){
		$(this).data("realValue",$(this).attr("data-val"))	
	}
});
$(".credit_val").each(function() {
    if($(this).attr("data-val")!=""){
		$(this).data("realValue",$(this).attr("data-val"))	
	}
});
$(".subject_val").each(function() {
	if($(this).attr("data-val")!=""){
		$(this).data("subjectInfo",$(this).attr("data-val"))	
	} 
});
</script>

<script type="text/javascript" defer> 
var op            = "<?php echo $_REQUEST['op']?>";
var key           = "<?php echo $_REQUEST['key']?>";
$(document).ready(function () {
	if(op=='add') $('#view').hide(); //添加模式时，隐藏预览功能
	$('#save').on("click", gotoSave);
	$('#v_date').on('change',date2cycle);
	if(key){
		getValueByKey(key); //给表单赋值
	}
	$('#v_date').datepicker(
		{format: "yyyy-mm-dd", todayBtn: 'linked',todayHighlight: true, autoclose: true}
	);
});
//按键处理
$(document).keydown(function(e){
	
});
/**方法******************************************/
function getValueByKey(key){
	qg.ajax.get(urls.rowByKey,{"key":key},function(data){
		$('.form_title').text(data.v_seq);
		qgui.form.setValues('#form',data); 
	});
}
var gotoSave = function(){
	if(!$("#form").valid()) return false; //有未通过验证的发生时，终止提交
	$('#save').attr("disabled",true);
	var data = qgui.form.getValues('#form'); //序列化表单
	var url = (op=='add') ? urls.addPost : urls.editPost;
	qg.ajax.post(url,data,function(data){
		$('#save').removeAttr("disabled");
		if(op=='add'){
			qgui.box.yesno('保存成功，是否添加下一条记录?',function(btn){
				if(btn=='yes'){
					qgui.form.reset('#form'); //重置表单
				}else{ //从添加模式转化成修改模式
					op = 'edit';
					key = data.key;
					$('#view').show(); //编辑模式时，显示预览功能
					getValueByKey(key); 
				}
			});
		}else{
			qgui.box.ok('保存成功',1000);
		}
		listIframe.gridReload(); //刷新数据表
	});
}
var date2cycle = function(){
	var val = $('#v_date').val();
	if(val.length==10){
		var year = val.substring(0,4);
		var month = val.substring(5,7);
		if(year.length==4 && (month.length==2 || month.length==1)){
			month = qg.string.ltrim(month,'0');
			$('.cycle').text(year+'年第'+month+'期');
		}
	}
}
</script>
<?php include(mvc::$cfg['PATH_TPL'].'public/footer.php');?>