caipin
/
cld


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377
							<!-- include '../admin/header' -->

 <link rel=stylesheet href="<?= WEB_SITE_GLOBAL ?>css/jquery.validator.css"> 
<script type="text/javascript" src="<?= WEB_SITE_GLOBAL ?>js/jquery.validator.min.js"></script>
<script type="text/javascript" src="<?= WEB_SITE_GLOBAL ?>js/zh-CN.js"></script>
 <script src="<?= WEB_SITE_GLOBAL ?>js/receipt.js"></script>
 
<body>
	<div class="mainLayout">
		<div class="mainMenu">
			<div class="menuItem">
				<a href="/" class="mLogo">CLD</a>
				<ul>
					<!-- include '../admin/menuReceipt' -->
				</ul>
			</div>
		</div>
		<div class="warpContent">
			<div class="subMenu fL">
				<div class="menuItem">
					<!-- include '../admin/receipt_menu' -->
				</div>
			</div>
			<div class="adminContent autoHeight">
		  		<div class="borad-news">
					<legend><div class="fR"></div>申请报销单</legend>
			  		<div class="saeaList">
			  			<div class="entry receipt-list">
			  				<div class="seTable">
			  				<input type="hidden" id="agencyR" value="0" />
	  				
	  						<input type="hidden" id="otherR" value="0" />
			  				<form action="/addFeeInternalTrain" name="recepitAdd" method="post">
			  				
			  					<input type="hidden" name="iid" id="iid" value="" />
			  				
			  				
			  					<table class="table table-bordered table-condensed table-hover">
			  					<tbody>
			  					
			  						<tr><th colspan="2" class="taC">内部培训费用</th></tr>
	  						<!-- loop acItem -->
		  						<!-- if {{acItem' value.category}} =="内部培训费用" -->
	  						<tr>
	  						<th>{{acItem' value.name}}</th>
	  						<td  width="200" class="taR">￥<input type="number" id="inttrain_{{acItem' value.aid}}" name="inttrain[]" value="0" placeholder="输入{{acItem' value.name}}" pattern="[0-9]" step="0.01" min="0" class="span2"></td>
	  						</tr>
	  							<!-- endif -->
	  						<!-- endloop -->
	  						<tr><th class="taR">合计</th><td class="colGreen taR" id="inttrainResult">￥0.00</td></tr>
			  						
			  						
			  					<tbody publicRelations--termination style="display:none">
			  						<tr><th colspan="2" class="taC">公关费绑定发票</th></tr>
			  						<tr><th class="colRed">本次报销有公关费支出，确认是否涉需要绑定发票</th>
			  						<td class="taR">
				  						<select bindInvoice class="span2" style="display:none">
				  						<option value="1">绑定开票</option>
				  						<option value="0">不需要</option>
				  						</select>
			  						</td>
			  						</tr>
			  						
			  						
			  						<tr>
			  							<td colspan="2">
			  								<div invoice>
					  							<table class="table table-bordered table-condensed table-hover">
					  								<tbody>
					  								<tr><th></th><td class="taR"><a class="button" href="#add-invoice" data-toggle="modal">添加发票</a></select></td></tr>
				  						<tr><th>发票</a></th><td class="taR">公关费（￥<span publicRelationsPrice >0.00</span>）</td></tr>
				  						<tr>
				  						<th binded_invoce >
				  						
				  						
				  						</th>
				  						<td class="taR">
				  						￥<input type="number" rebate value="0" pattern="[0-9]" step="1" min="0" class="span2">
				  						</td>
				  						</tr>
					  							</tbody></table>
					  						</div>
			  							</td>
			  						</tr>
			  						
			  					</tbody>
			  						
			  						<tr class="warning"><td class="taR"><b>本次报销费用合计</b></td><td class="colGreed taR"><b style="font-size:24px" id="RS">￥0.00</b></td></tr>
									
									
									<tr>
								<th>选择审批组</th>
								<td class="taR">
								<select name="verify">
								<option  value="" >请选择审批组</option>
								<!-- loop veList -->
								<option value="{{veList' value.vid}}" >{{veList' value.description}}（
								{{veList' value.staff}}
								
								）</option>
								<!-- endloop -->
								</select>
								</td>
							</tr>
							<tr><th colspan="2" class="taC">产生费用所在办事处</th></tr>
							<tr>
								<th>选择办事处</th>
								<td class="taR">
								<select name="cid" class="span2">
								<!-- loop category -->
								<option <!-- if {{category' value.cid}} == {{staff.0.cid}}  --> selected <!-- endif --> value="{{category' value.cid}}" >{{category' value.title}}</option>
								<!-- endloop -->
								</select>
								</td>
							</tr>
	  						
	  						<tr><th colspan="2" class="taC">收款信息</th></tr>
							<tr><th>收款人户名</th>
							<td><input type="text" name="remittanceName" id="remittanceName"  value="{{staff.0.remittanceName}}" placeholder="请输入收款人户名" ></td>
							</tr>
							
							<tr>
							<th>收款银行</th>
							<td>
							<select node-rbt name="remittanceBankType">
							<option value="0">广发银行</option>
							<option value="1">其他</option>
							</select>
							</td>
							</tr>
							
							<tr><th>收款开户银行名称</th><td>
							<input type="text" name="bankName" id="bankName" value="{{staff.0.bankName}}" placeholder="请输入收款开户银行名称" >
							</td></tr>
							<tr><th>收款账号</th><td>
							<input type="text" placeholder="请输入收款账号" id="bankNumber" name="bankNumber" value="{{staff.0.bankNumber}}">
							</td></tr>
							<tr node-cn style="display:none" ><th class="tipFather">联行号&nbsp;<span class="tipGray">?</span><div class="tipContent tipConactive"><p>1.如不是公司广发，务必填上银行联行号</p><p>2.如不清楚银行联行号请咨询报销查款专用 QQ：2870766094</p></div></th><td>
							<input type="text" placeholder="请输入联行号" id="coupletNumber" name="coupletNumber" value="{{staff.0.coupletNumber}}">
							</td></tr>
	  						
	  						
	  						<tr><th colspan="2" class="taC">报销说明</th></tr>
	  						<tr><th colspan="2">
	  									<textarea name="explanation" id="explanation" required="" rows="8" style="width:99%;resize: vertical" placeholder="市内交通费、邮寄费、公关费、办公费等费用说明，请详细填写在这。"></textarea>
	  						</th></tr>
	  						
	  						
	  						<tr><th colspan="2" class="taC">附件</th></tr>
	  						<tr><td colspan="2">
	  							
	  							<!--已上传文件-->
	  							<table class="table" >
	  								<thead>
	  								<tr>
	  								<th>
	  								
	  								<input enclosurFile type="file" 
	  								accept="image/png,image/gif,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document
	  								,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/vnd.ms-excel" name="file" />
	  								
									<input type="hidden" id="enclosurName" name="enclosurName" value="">
	  								
	  								</th>
	  								<th colspan="2">
	  								<span class="fieldset flash" id="fsUploadProgress"></span>
									<span id="divStatus">0 个文件已上传</span>
									
										
	  								</th></tr>
	  								<tr><th>文件名</th><th>大小</th><th>操作</th></tr></thead>
	  								<tbody id="KT">
	  							<!--已上传文件-->
	  								
	  				</tbody>
	  							</table>		
	  						</td></tr>
	  						
	  						
	  						</tbody>
			  					</table>
			  					<table class="table">
			  						<tr><td><input type="submit" value="生成报销单 >>" class="button" /></td></tr>
			  					</table>
			  					</form>
			  				</div>
			  				<div class="seCensor receipt-censor">
			  					
			  				</div>
			  			</div>
					</div>
				</div>
		</div>
	</div>
	
	
    <!--弹出内容-->
<script type="text/javascript">autoFlashHeight();</script>
<script >
 $(function() {
 
	 $("input[id^='inttrain_']").change(function() {
			
			$i=0;
			$("input[id^='inttrain_']").each(function(i){
				$i+=parseFloat(this.value);
				
			 });
			$("#inttrainResult").html("￥"+$i.toFixed(2));
			$("#inttrainR").val($i.toFixed(2));
			
			var agencyR=$("#agencyR").val();
			var otherR=parseFloat($("#otherR").val());
			
			var RS=parseFloat($i)+parseFloat(agencyR)+otherR;
		
			$("#RS").html("￥"+RS.toFixed(2));
		});
	 
	 $("select[bindInvoice]").change(function() {
			
		 var option=$(this).val();
		 if(option!=0){ 
				$("div[invoice]").show();
				
			}else{
				$("div[invoice]").hide();
			}
		});
	 
	 $("input[publicRelationsInput]").keyup(function() {
			var price=$(this).val();
			if(price!=0){
				$("tbody[publicRelations]").show();
				$("span[publicRelationsPrice]").html(price);
				
				
			}else{
				$("tbody[publicRelations]").hide();
			}
		});
	 
	 $('tbody[invoiceList]').delegate( "a[node-invoice='INFO']",'click', function(){
		 	var postData = $(this).attr("data-isKey");
			var type =$(this).attr("data-type");
			invoice(postData,type);
			
	 });
	 
	 $('div[invoice]').delegate( "a[node-invoice='INFO']",'click', function(){
		 	var postData = $(this).attr("data-isKey");
			var type =$(this).attr("data-type");
			invoice(postData,type);
			
	 });
	 
	 
	 $("button[search_invoice]").click(function() {
		 var wd=$("input[wd]").val();
		 
		 var params = {
			        where: {
			        	'invoiceTitle_like':wd,
			        	'untreadStatus_or':[0,3],
			        	'status_or':[1,2],
			        }
			    };
		
		params = JSON.stringify(params);
		 
		 $.ajax({
				url:'/api/invoice?filter='+params,
				type: "get",
				cache: false,
				dataType: "json",
				success: function(data){
					buildInvoice(data);
					
				},
				error:function(err){
				}
				});
		 
		});
	 
 })
 function buildInvoice(data){
	 var html='';
	 for(var i=0;i<data.length;i++){
		 html+='<tr><td>'+data[i]['invoiceTitle']+'</td><td>￥'+data[i]['invoicePrice'];
		if(data[i]['invoiceType']==1){
			 html+='专';
		}
		html+='</td>';
		if(data[i]['settlementType']==1){
			html+='<td>培训班（<a href="/invoiceTrainingDetail/'+data[i]['trainId']+'.html" target="_blank">查看</a>）</td>';
		}else{
			html+='<td>软件销售</td>';
		}
		
		html+='<td>'+data[i]['categoryName']+''+data[i]['userName']+'<br> '+data[i]['date']+'</td><td>'+data[i]['printer']+'<br>'+data[i]['printTime']+'</td>';
		html+='<td><a href="#invdetail" node-invoice="INFO" data-iskey="'+data[i]['iid']+'" data-toggle="modal">'+data[i]['invoiceSerial']+'</a></td>';
		html+='<td><a class="button btn-block" data-dismiss="modal" aria-hidden="true" onclick="bind_invoice(\''+data[i]['iid']+'\',\''+data[i]['invoiceSerial']+'\')" href="#">添加</a></td></tr>';
	}
	$('tbody[invoiceList]').html(html);
 
 }
 function bind_invoice(iid,invoiceSerial){
	 var html='<a href="#invdetail" node-invoice="INFO" data-iskey="'+iid+'" data-toggle="modal">'+invoiceSerial+'</a>';
	 html+='<a href="#invdetail" onclick="remove_invoice()"  class="fR">移除</a>';
	 $('#iid').val(iid);
	 $('th[binded_invoce]').html(html);
 }
 
 function remove_invoice(){
	 $('#iid').val('');
	 $('th[binded_invoce]').html('');
 }
 
 function invoice(postData,type){
	/*  var postData = $(this).attr("data-isKey");
		var type =$(this).attr("data-type"); */
		
		var po='INVOICE';
		if(type=='receivables')
			po='RECEIVABLES';
		
		$("div[loading-msg='true']").html("<img src='/global/img/loadIco.gif' />");
		var url = "/ajaxGetInvoiceInfoByType";
		$.ajax({
			url : url,
			type : "post",
			cache : false,
			dataType : "json",
			data : {
				serial : postData,
				type:po
			},
			global : true,
			success : function(data) {
				if (data.status == 1) {
					$("div[loading-msg='true']").html("");
					if(type=='receivables')
						$("#nr").html(data.html);
					else
						$("#nc").html(data.html);
				} else
					$("div[loading-msg='true']").html("illegal request");
			},
			error : function(err) {
				$("div[loading-msg='true']").html("");
				$("#nr").html('');
				$("#nc").html('');
			}
		});
 }
 
 </script>
 
 <!--弹出（发票详情）-->
     <div loading-msg='true' style="position:absolute;  left:50%;  top:50%;  "></div>
	<div class="modal  fade" id="invdetail">
		
		<div id="nc"></div>
	</div>

	<div class="modal  fade" id="billing">
		<div id="nr"></div>
	</div>
 
</body>