caipin
/
cld


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532
							<!-- 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="agencyR" value="0" /> <input
									type="hidden" id="otherR" value="0" />
									<input type="hidden" id="">
								<form action="/addFeeTravel" name="recepitAdd" method="post">

									<input type="hidden" name="iid" id="iid" value="" />
<input type="hidden" name="itinerary" id="itinerary" value="" />

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

										<tr>
											<th colspan="2" class="taC">行程1#详细</th>
										</tr>
										<tbody itinerary >
											
										</tbody>

										
										<tr>
											<th colspan="2" class="taC"><a href="#route-add"
												class="button" addStroke data-toggle="modal">设置行程费用单</a></th>
										</tr>


									<strokeNode>
									</strokeNode>

									<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}} >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>


										<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 colspan="2" class="taC">报销单审批</th>
										</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>


									</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" >
						<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>
							<!-- min="{{itineraryDate}}" -->
								<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='itineraryList';
		</script>
		
		<script src="<?= itinerary ?>"></script>
		<script src="<?= itinerary2 ?>"></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>