caipin
/
cld


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746
							<!-- 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>
											<th colspan="2" class="taC">行程详细</th>
										</tr>
										<tbody itinerary >
											

										</tbody>


										<tr>
											<th colspan="2" class="taC"><a href="#route-add"
												class="button" addStroke 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" >
						<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 min="{{itineraryDate}}" ></td>
								<th>到达日期</th>
								<td><input type="date" arrivalsDate min="{{itineraryDate}}" ></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';
		</script>
 <script src="<?= itinerary ?>"></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 fnTotTravelPrice(){
	var itineraryStr=sessionStorage.getItem("itineraryListLoan");
	var sessionItinerary= JSON.parse(itineraryStr);
	$("#itinerary").val(itineraryStr);
	var priceList=[];
	for(let i=0;i<sessionItinerary.length;i++){
		let feeTraveItem=sessionItinerary[i].feeTraveItem;
		for(let k=0;k<feeTraveItem.length;k++){
			if(typeof priceList[feeTraveItem[k].id]==='undefined'){
				priceList[feeTraveItem[k].id]=0;
			}
			priceList[feeTraveItem[k].id]+=parseFloat(feeTraveItem[k].price);
		}
	}
	
	$("input[id^='travel_']").val(0);
	$("td span").html(0);
	
	let travelResult=0;
	for(let i=0;i<priceList.length;i++){
		if(typeof priceList[i]==='number'){
			$("span[travelprice_"+i+"]").html(priceList[i]);
			$("#travel_"+i+"").val(priceList[i]);
			travelResult+=priceList[i];
		}
	}
	
	$("#travelResult").html(travelResult);
	$("#RS").html(travelResult);
}

function districtTop(selected){
	
	var storage=window.localStorage;
	
	if(typeof storage["districtTop"]==='undefined'||storage["districtTop"]===''){
		$.ajax({
			url : '/api/district',
			type : "post",
			cache : false,
			dataType : "json",
			global : true,
			success : function(data) {
				storage.setItem("districtTop",JSON.stringify(data.districtList));
				//districtTop(data.districtList);
				
			},
			error : function(err) {}
		});
	}
	
	var districtTop=JSON.parse(storage["districtTop"]);
	
	var html='';
	for(let i=0;i<districtTop.length;i++){
		if(typeof selected!=='undefined'&&selected.departureprovince==districtTop[i].name){
			html+='<option selected value='+districtTop[i].id+'>'+districtTop[i].name+'</option>';
		}else{
			html+='<option value='+districtTop[i].id+'>'+districtTop[i].name+'</option>';
		}
		
	}
	$("select[departureProvince]").html(html);
	
	html='';
	for(let i=0;i<districtTop.length;i++){
		if(typeof selected!=='undefined'&&selected.arrivalsprovince==districtTop[i].name){
			html+='<option selected value='+districtTop[i].id+'>'+districtTop[i].name+'</option>';
		}else{
			html+='<option value='+districtTop[i].id+'>'+districtTop[i].name+'</option>';
		}
		
	}
	$("select[arrivalsProvince]").html(html);
}

function districtCityBuild(selectDom,obj,selected){
	
	var storage=window.localStorage;
	var id=$('select['+obj+']').val();
	
	if(typeof storage["district_"+id]==='undefined'||storage["district_"+id]===''){
		$.ajax({
			url : '/api/district?did='+id,
			type : "post",
			cache : false,
			dataType : "json",
			async:false,
			global : true,
			success : function(data) {
				storage.setItem("district_"+id,JSON.stringify(data.districtList));
				//districtCity(selectDom,data.districtList);
			},
			error : function(err) {}
		});
	}
	
	districtCity=JSON.parse(storage["district_"+id]);
	
	var html='';var cityName='';
	if(typeof selected!=='undefined'){
		if(selectDom=='departurecity'){
			cityName=selected.departurecity;
		}else{
			cityName=selected.arrivalscity.substring(1);
		}
	}
	
	
	for(let i=0;i<districtCity.length;i++){
		
		if(typeof selected!=='undefined'&&cityName==districtCity[i].name){
			html+='<option selected value='+districtCity[i].name+'>'+districtCity[i].name+'</option>';
		}else{
			html+='<option value='+districtCity[i].name+'>'+districtCity[i].name+'</option>';
		}
	}
	$("select["+selectDom+"]").html(html);
}

function buildItinerary(list){
	var html='';
	for(let i=0;i<list.length;i++){
		html+='<tr><th colspan="2" class="ta"><i class="contactsMark icon-">P</i> '+list[i].departuredate+list[i].arrivalsdate+' '+list[i].departurecity+list[i].arrivalscity+'';
		html+='<div class="fR"><a href="#route-add" ediStroke data-toggle="modal" dataId="'+i+'" >编辑</a>&nbsp;<a href="#" dataId="'+i+'" removeItinerary class="colRed">移除</a></div></th></tr>';
		let feeTraveItem=list[i].feeTraveItem;
		let price=0;
		for(let k=0;k<feeTraveItem.length;k++){
			price+=parseFloat(feeTraveItem[k].price);
			html+='<tr><th>'+feeTraveItem[k].name+'<p class="colGray">#'+feeTraveItem[k].detail+'</p></th><td width="200" class="taR">￥'+feeTraveItem[k].price+'</td></tr>';
		}
		html+='<tr><th class="taR">合计</th><td class="colGreen taR">￥'+price+'</td></tr>';
	}
	$("tbody[itinerary]").html(html);
}

function buildFeeTravelItem(feeTraveItem){
	
	var html='';
	for(let i=0;i<feeTraveItem.length;i++){
		html+='<tr class="remove" ><th>'+feeTraveItem[i].name+'</th>';
		html+='<td class="taR">￥<input type="number" itemId_'+feeTraveItem[i].id+' data="'+feeTraveItem[i].name+'" dataId="'+feeTraveItem[i].id+'" value="'+feeTraveItem[i].price+'" placeholder="输入费用" pattern="[0-9]" step="1" min="0"class="span2"></td>';
		html+='<td><input type="text" value="'+feeTraveItem[i].detail+'" itemDetail_'+feeTraveItem[i].id+' placeholder="填写费用说明"></td>';
		html+='<td><a href="#" removeFeeTravelItem >移除</a></td></tr>';
	}
	$("tbody[feeTravelItem]").html(html);
}

function fnGetItineraryData(){
	var departurecity=$("select[departurecity] option:selected").text();
	var arrivalscity=$("select[arrivalscity] option:selected").text();
	var departureprovince=$("select[departureprovince] option:selected").text();
	var arrivalsprovince=$("select[arrivalsprovince] option:selected").text();
	
	var departuredate=$("input[departuredate]").val();
	var arrivalsdate=$("input[arrivalsdate]").val();
	
	var feeTravePriceList=$("tbody[feeTravelItem]").find('input[type=number]');
	var feeTraveDetailList=$("tbody[feeTravelItem]").find('input[type=text]');
	
	if(arrivalscity!==''){
		arrivalscity='-'+arrivalscity;
	}
	if(arrivalsdate!==''){
		arrivalsdate='~'+arrivalsdate;
	}
	
	var feeTraveItem=[];
	for(let i=0;i<feeTravePriceList.length;i++){
		feeTraveItem.push({'id':$(feeTravePriceList[i]).attr('dataId'),'name':$(feeTravePriceList[i]).attr('data'),'price':$(feeTravePriceList[i]).val(),'detail':$(feeTraveDetailList[i]).val()});
	}
	
	var itinerary={'departuredate':departuredate,'departureprovince':departureprovince,'departurecity':departurecity,'arrivalsdate':arrivalsdate,'arrivalsprovince':arrivalsprovince,'arrivalscity':arrivalscity,'feeTraveItem':feeTraveItem};
	return itinerary;
}
 */


 $(function() {
	 
	/*  var sessionStorage= window.sessionStorage;
		var sessionItinerary= sessionStorage.getItem("itineraryListLoan");
		if(typeof sessionItinerary!=='object'){
			buildItinerary(JSON.parse(sessionItinerary));
			fnTotTravelPrice();
		}
		
		$("a[ediStroke]").click(function() {
			var sessionItinerary= sessionStorage.getItem("itineraryListLoan");
			sessionItinerary=JSON.parse(sessionItinerary);
			var id=$(this).attr('dataId');
			
			var storage=window.localStorage;
			
			districtTop(sessionItinerary[id]);
			districtCityBuild('departurecity','departureprovince',sessionItinerary[id]);
			districtCityBuild('arrivalscity','arrivalsprovince',sessionItinerary[id]);
			
			$("input[departuredate]").val(sessionItinerary[id].departuredate);
			$("input[arrivalsdate]").val(sessionItinerary[id].arrivalsdate.substring(1));
			
			buildFeeTravelItem(sessionItinerary[id].feeTraveItem);
			
			$("a[additinerarybut]").hide();
			$("a[ediItineraryBut]").show();
		});
		
		$("a[addStroke]").click(function() {
			districtTop();
			districtCityBuild('departurecity','departureprovince');
			districtCityBuild('arrivalscity','arrivalsprovince');
			$("input[departuredate]").val('');
			$("input[arrivalsdate]").val('');
			$("tbody[feeTravelItem]").html('');
			
			$("a[additinerarybut]").show();
			$("a[ediItineraryBut]").hide();
		});
		
		$("select[departureProvince]").change(function() {
			districtCityBuild('departurecity','departureprovince');
		});
		
		$("select[arrivalsProvince]").change(function() {
			districtCityBuild('arrivalscity','arrivalsprovince');
		});
		
		$("a[feeTravelItem]").click(function() {
			var itemName=$("select[feeTravelItem] option:selected").text();
			var itemId=$("select[feeTravelItem] option:selected").val();
			
			var html='<tr class="remove" ><th>'+itemName+'</th>';
			html+='<td class="taR">￥<input type="number" itemId_'+itemId+' data="'+itemName+'" dataId="'+itemId+'" value="0" placeholder="输入费用" pattern="[0-9]" step="1" min="0"class="span2"></td>';
			html+='<td><input type="text" itemDetail_'+itemId+' placeholder="填写费用说明"></td>';
			html+='<td><a href="#" removeFeeTravelItem >移除</a></td></tr>';
			$("tbody[feeTravelItem]").append(html);
			
		});
		
		$("tbody[feeTravelItem]").on("click","a[removeFeeTravelItem]",function(){
			$(this).closest('.remove').remove();
		});
		
		$("tbody[itinerary]").on("click","a[edistroke]",function(){
			$("input[name=ediStrokeId]").val($(this).attr('dataid'));
			
			var sessionItinerary= sessionStorage.getItem("itineraryListLoan");
			sessionItinerary=JSON.parse(sessionItinerary);
			var id=$(this).attr('dataId');
			
			var storage=window.localStorage;
			
			districtTop(sessionItinerary[id]);
			districtCityBuild('departurecity','departureprovince',sessionItinerary[id]);
			districtCityBuild('arrivalscity','arrivalsprovince',sessionItinerary[id]);
			
			$("input[departuredate]").val(sessionItinerary[id].departuredate);
			$("input[arrivalsdate]").val(sessionItinerary[id].arrivalsdate.substring(1));
			
			buildFeeTravelItem(sessionItinerary[id].feeTraveItem);
			
			$("a[additinerarybut]").hide();
			$("a[ediItineraryBut]").show();
			
		});
		
		$("a[ediItineraryBut]").click(function() {
			var itinerary=fnGetItineraryData();
			var siIndex=$("input[name=ediStrokeId]").val();
			
			var sessionItinerary =JSON.parse(sessionStorage.getItem("itineraryListLoan"));
			
			sessionItinerary[siIndex]=itinerary;
			sessionStorage.setItem("itineraryListLoan",JSON.stringify(sessionItinerary));
			buildItinerary(sessionItinerary);
			fnTotTravelPrice();
		});
		
		$("a[addItineraryBut]").click(function() {
			var itinerary=fnGetItineraryData();
			
			var sessionItinerary = sessionStorage.getItem("itineraryListLoan");
			
			if(typeof sessionItinerary==='object'){
				sessionItinerary=[];
				sessionItinerary.push(itinerary);
				sessionStorage.setItem("itineraryListLoan",JSON.stringify(sessionItinerary));
			}else{
				sessionItinerary=JSON.parse(sessionItinerary);
				sessionItinerary.push(itinerary);
				sessionStorage.setItem("itineraryListLoan",JSON.stringify(sessionItinerary));
			}
			
			buildItinerary(sessionItinerary);
			fnTotTravelPrice();
		});
		
		$("tbody[itinerary]").on("click","a[removeItinerary]",function(){
			
			var sessionItinerary= sessionStorage.getItem("itineraryListLoan");
			var id=$(this).attr('dataId');
			sessionItinerary=JSON.parse(sessionItinerary);
			sessionItinerary.splice(id,1);
			sessionStorage.setItem("itineraryListLoan",JSON.stringify(sessionItinerary));
			buildItinerary(sessionItinerary);
			$("#itinerary").val(JSON.stringify(sessionItinerary));
			buildItinerary(sessionItinerary);
			fnTotTravelPrice();
		}); */
	 
	 
 //--------------------------------------------
	 $("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>