caipin
/
cld


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482
							<!-- 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">
					<!-- 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="travelR" value="{{cSum.travelSum}}" />
								<form action="/updateReceipt" name="recepitAdd" method="post">

									<input type="hidden" name="rid" value="{{rid}}"/>
			  				<input type="hidden" name="receiptClass" value="trave"/>
							<input type="hidden" name="itinerary" id="itinerary" value="" />

									<table class="table table-bordered table-condensed table-hover">


									<tr>
											<td colspan="2">
												<table width="100%" stroke>
												
												</table>
											</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 strokeNode >
									</tbody>
									<tr>
									<th colspan="2" class="taC">
									<a href="#" stroke="addNode" class="button" data-toggle="modal">添加新行程</a>
									</th>
									</tr>

										<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}} ><!-- if !empty({{acItem' value.price}}) --> {{acItem' value.price}} <!-- else --> 0 <!-- endif --></span>
											<input type="hidden" id="travel_{{acItem' value.aid}}" name="travel[]" <!-- if !empty({{acItem' value.price}}) --> value="{{acItem' value.price}}" <!-- else --> value="0" <!-- endif --> 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">￥{{cSum.travelSum}}</td>
										</tr>


										<tr class="warning"><td class="taR"><b>本次报销费用合计</b></td><td class="colGreed taR"><b style="font-size:24px" id="RS">￥{{sum}}</b></td></tr>
	  						

										<!-- if {{receiptDetail.status}}!=4 -->
	  						<tr>
								<th>选择审批组</th>
								<td class="taR">
								<select name="verify">
								<!-- loop veList -->
								<option <!-- if {{receiptDetail.verify}}=={{veList' value.vid}} --> selected <!-- endif --> value="{{veList' value.vid}}" >{{veList' value.description}}（
								{{veList' value.staff}}）</option>
								<!-- endloop -->
								</select>
								</td>
							</tr>
	  						<!-- endif -->
	  						<tr><th colspan="2" class="taC">产生费用所在办事处</th></tr>
							<tr>
								<th>选择办事处</th>
								<td class="taR">
								<select name="cid" class="span2">
								<!-- loop category -->
								<option <!-- if {{receiptDetail.cid}}=={{category' value.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="{{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="市内交通费、邮寄费、公关费、办公费等费用说明，请详细填写在这。">{{receiptDetail.explanation}}</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">
	  								
	  								<!-- loop enclosurList -->
	  								<tr id="{{enclosurList' value.eidKey}}">
	  								<td><a href="/upload/swfupload/{{enclosurList' value.name}}" target="_blank">{{enclosurList' value.name}}</a></td>
	  								<td></td>
	  								<td><a href="javascript:void(0)" onclick="delEnclosurByKey('{{enclosurList' value.eidKey}}')">删除</a></td>
	  								</tr>
	  								<!-- endloop -->
	  								</tbody>
	  							</table>		
	  						</td></tr>


									</table>
									<table class="table">
										<tr>
											<td><input type="submit" value="生成报销单 >>" class="button" /></td>
										</tr>
									</table>
								</form>
							</div>
							<div class="seCensor receipt-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">
			autoFlashHeight();
			var sessionStorageList='itineraryListEdi';
			<!-- if {{receiptDetail.itinerary2}} !="" -->
			sessionStorage.setItem("itineraryListEdi",'{{receiptDetail.itinerary2}}');
			<!-- else -->
			sessionStorage.setItem("itineraryListEdi",'[]');
			<!-- endif -->
			
		</script>
		
		<script src="<?= itinerary2 ?>"></script>
		<script src="<?= itinerary2func ?>"></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>
</body>