caipin
/
cld


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449
							<!-- 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="<?= receipt ?>"></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">
					<ul>
						<!-- include '../admin/receipt_menu' -->
					</ul>
				</div>
			</div>
			<div class="adminContent autoHeight" style="height: 821px;">
			
			<div class="borad-news">
			
			
				<legend><div class="fR"></div>借款报销费用详情</legend>
				
				<div class="saeaList ">
	  			<!-- loop receiptList -->
	  			<div class="entry loan-list">
	  				
	  			<div class="seTable">
						<table class="table table-bordered table-condensed table-hover">
							<tbody>
							<tr><th colspan="2" class="taC">借款费用</th></tr>
							
							<!-- loop receiptList' value.loanItem.借款费用 -->
	  							<tr><th>{{receiptList' value' value.name}}</th><td  width="140" class="taR">￥{{receiptList' value' value.price}}</td></tr>
	  						<!-- endloop -->
							<tr><th>借款费用</th><td width="140" class="taR">￥{{receiptList' value.accountItem.cSum.loanSum}}</td></tr>
							
							<tr><th class="taC" colspan="2">产生费用所在办事处</th></tr>
							<tr><th style="text-align:center" colspan="2">{{receiptDetail' value.category}}</th></tr>
							<tr><th class="taC" colspan="2">费用说明</th>
							</tr><tr><td colspan="2">{{receiptDetail' value.explanation}}</td></tr>
							
							<tr class="warning"><td class="taR"><b>（{{receiptDetail' value.receiptOrder}}）本次费用合计</b></td>
							<td class="taR"><b style="font-size:24px">￥{{receiptDetail' value.sum}}</b><br>{{receiptDetail' value.BIGsum}}</td></tr>
							</tbody>
						</table>
					</div>
	  			
	  				<div class="seCensor loan-censor">
	  					
	  				
	  					<div class="title">
	  					{{receiptDetail' value.receiptOrder}}
	  					</div>
	  					<div class="censorList">
	  					<ul>
		  						<li class="post">
		  							<div class="avtra"><img src="{{staff.0.avatar}}_2.jpg" width="32"></div>
		  							<div class="comment">
		  								<p><span class="fR">{{receiptDetail' value.date}}</span>{{staff.0.username}}</p>
		  								<p>提交审批</p>
		  							</div>
		  							
		  						</li>
		  						
		  						<!-- loop receiptDetail' value.verifyList -->
		  						
			  						<li <!-- if {{receiptDetail' value' value.status}}==1 --> class="done" <!-- elseif {{receiptDetail' value' value.status}}==3 --> class="undone"  <!-- endif -->>
			  							<div class="avtra"><img src="{{receiptDetail' value' value.2}}_2.jpg"></div>
			  							
			  							<div class="comment">
			  								<p class="colGray"><span class="fR">{{receiptDetail' value' value.date}}</span>{{receiptDetail' value' value.1}}<!-- if isset({{receiptDetail' value' value.rolename}}) --> （{{receiptDetail' value' value.rolename}}） <!-- endif --></p>
			  								<p>{{receiptDetail' value' value.opinion}}</p>
			  							</div>
			  							
			  						</li>
		  						
		  						<!-- endloop -->
		  						
	  					</ul>
	  					
	  					</div>
	  					
	  					
	  				</div>
	  			</div>
	  			<!-- endloop -->
	  			
			</div>
				
				
	  		<div class="saeaList">
	  			<div class="entry  loan-list">
	  				<div class="seTable">
	  				
	  				<form action="/saeaLoanReceiptAddDo" name="recepitAdd" method="post">
	  				<input type="hidden" id="agencyR" value="0" />
	  				<input type="hidden" id="travelR" value="0" />
	  				<input type="hidden" id="trainR" value="0" />
	  				<input type="hidden" id="otherR" value="0" />
	  					<input type="hidden" name='rid' value='{{rid}}' />
	  					
	  					<input type="hidden" name="itinerary" id="itinerary" value="" />
	  					
	  					<table class="table table-bordered table-condensed table-hover">
	  					  
	  					   <tr>
								<th>选择报销类型</th>
								<td class="taR">
									<select name="receiptClass" selectReceiptClass >
										<option value="agency">办事处相关费用</option>
										<option selected value="trave">差旅相关费用</option>
										<option value="internalTrain">内部培训费用</option>
									</select>
								</td>
							</tr>

										<tr>
											<td colspan="2">
												<table width="100%" stroke>

												</table>
											</td>
										</tr>
										<tbody strokeNode>
										</tbody>
										<tr>
											<th colspan="2" class="taC"><a href="#" stroke="addNode"
												class="button" data-toggle="modal">添加新行程</a></th>
										</tr>

										
										<tbody trave >
	  						<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">￥<span travelPrice_{{acItem' value.aid}} >0</span><input type="hidden" id="travel_{{acItem' value.aid}}" name="travel[]" 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="travelResult">￥0.00</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 value="{{category' value.cid}}" <!-- if {{category' value.cid}} == {{staff.0.cid}}  --> selected <!-- endif --> >{{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="{{receiptDetail.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="{{receiptDetail.bankName}}" placeholder="请输入收款开户银行名称" >
							</td></tr>
							<tr><th>收款账号</th><td>
							<input type="text" placeholder="请输入收款账号" id="bankNumber" name="bankNumber" value="{{receiptDetail.bankNumber}}">
							</td></tr>
							<tr node-cn style="display:none" ><th>联行号&nbsp;&nbsp;<span class="colRed">（如果不是广发银行，务必填上银行联行号）</span></th><td>
							<input type="text" placeholder="请输入联行号" id="coupletNumber" name="coupletNumber" value="{{receiptDetail.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>
	  						
	  					</table>
	  					<table class="table">
	  						<tr><td><input type="submit" value="生成报销单 >>" class="button" /></td></tr>
	  					</table>
	  				</form>	
	  				</div>
	  				<div class="seCensor loan-censor">
	  					
	  					
	  					<div class="itinerary">
			  						<h2 class="itineraryTitle">总行程单</h2>
			  						<div class="itineraryCon" >
			  							<ul itineraryinfo>
			  								
			  							</ul>
			  						</div>
			  					</div>
	  					
	  				</div>
	  			</div>
			</div>
			
			
			</div>
			
			
		</div>
	</div>
 
 <!--弹出 添加行程 -->
		<div class="modal hide fade" id="route-add">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<h3>设置行程费用单</h3>
					</div>
					<div class="modal-body saeaList">
						<input type="hidden" name="ediStrokeId" >
						<input type="hidden" name="strokeid" id="strokeId" >
						<input type="hidden" name="strokeIndex" id="strokeIndex" >
						<table class="table table-bordered table-condensed">
							<tr>
								<th class="taC" colspan="4">出发-到达</th>
							</tr>
							<tr>
								<th>出发地</th>
								<td>
								<select departureProvince >
								
								</select>
								<select departureCity>
								
								</select>
								</td>
								<th>到达地</th>
								<td>
								<select arrivalsProvince ></select>
								<select arrivalsCity></select>
								</td>
							</tr>
							<tr>
								<th>出发日期</th>
								<td><input type="date" departureDate  ></td>
								<th>到达日期</th>
								<td><input type="date" arrivalsDate  ></td>
							</tr>
							<tr>
								<td colspan="4" class="" msg></td>
							</tr>
							<tr>
								<td colspan="4" class="colGray">如果是停留，出发地和到达地填写住宿地。（如：广东省珠海市-广东省珠海市）</td>
							</tr>
						</table>
						<select feeTravelItem >
						
						<!-- loop acItem -->
										<!-- if {{acItem' value.category}} =="差旅相关费用" -->
										<option value='{{acItem' value.aid}}'>{{acItem' value.name}}</option>
										
										<!-- endif -->
						<!-- endloop -->
						
						
							</select><a href="#" feeTravelItem class="button">添加费用</a>
						<table class="table table-bordered table-condensed">
							<tr>
								<th colspan="3" class="taC">费用详情</th>
							</tr>
							<tbody feeTravelItem >
							</tbody>
							
						</table>
					</div>
					<div class="modal-footer">
						<a href="#" addItineraryBut class="button" data-dismiss="modal" aria-hidden="true">确认</a>
						<a href="#" ediItineraryBut style="display:none" class="button" data-dismiss="modal" aria-hidden="true">确认</a>
						<a href="#" class="button btn-gray" data-dismiss="modal"
							aria-hidden="true">关闭</a>
					</div>
				</div>
			</div>
		</div>
		<!--结束 弹出 添加行程 -->
 
 <script type="text/javascript">
			var sessionStorageList='itineraryListLoan';
			<!-- if {{receiptDetail.itinerary2}} !="" -->
			sessionStorage.setItem(sessionStorageList,'{{receiptDetail.itinerary2}}');
			<!-- else -->
			sessionStorage.setItem(sessionStorageList,'[]');
			<!-- endif -->
		</script>
 <script src="<?= itinerary2 ?>"></script>
		<script src="<?= itinerary2func ?>"></script>
 
<script >

function resetPageData(){
	$("input[id^='inttrain_']").each(function(i){
		$(this).val(0);
	 });
	$("input[id^='travel']").each(function(i){
		$(this).val(0);
	 });
	$("input[id^='agency_']").each(function(i){
		$(this).val(0);
	 });
	$("input[id^='other_']").each(function(i){
		$(this).val(0);
	 });
	$('#agencyResult').html(0.00);
	$('#otherResult').html(0.00);
	$('#travelResult').html(0.00);
	$('#inttrainResult').html(0.00);
	$('#RS').html(0);
}


 $(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 travelR=parseFloat($("#travelR").val());
			var RS=parseFloat($i)+parseFloat(agencyR)+travelR+otherR;
			
			$("#RS").html("￥"+RS.toFixed(2));
		});
	 
	 $("select[selectReceiptClass]").change(function() {
		 let receiptClass=$(this).val();
		 resetPageData();
		 $('tbody[agency]').hide();
		 $('tbody[trave]').hide();
		 $('tbody[internalTrain]').hide();
		 
		 let id=$('input[name=rid]').val();
		 
		 if(receiptClass==='agency'){
			 window.location.href="/saeaLoanReceiptAdd/"+id+"?receiptClass=agency"
		 }else if(receiptClass==='trave'){
			 $('tbody[trave]').show();
		 }else if(receiptClass==='internalTrain'){
			 window.location.href="/saeaLoanReceiptAdd/"+id+"?receiptClass=internalTrain"
		 }
		 
	 });
	 
	 
 })
 </script>
 
    
<script type="text/javascript">autoFlashHeight();</script>	
</body>