 <!-- include '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>

<script type="text/javascript" src="<?= WEB_SITE_GLOBAL ?>js/swfuplad2/swfupload.js"></script>
<script type="text/javascript" src="<?= WEB_SITE_GLOBAL ?>js/swfuplad2/swfupload.queue.js"></script>
<script type="text/javascript" src="<?= WEB_SITE_GLOBAL ?>js/swfuplad2/fileprogress.js"></script>
<script type="text/javascript" src="<?= WEB_SITE_GLOBAL ?>js/swfuplad2/handlers.js"></script>

<script type="text/javascript">
		var swfu;
		window.onload = function() {
			var settings = {
				flash_url : "<?= WEB_SITE_GLOBAL ?>js/swfuplad2/swfupload.swf",
				upload_url: "/swfupload",	// Relative to the SWF file
				
				file_size_limit : "8 MB",
				file_types : "*.jpg;*.png;*.doc;*.docx;*.xls;*.xlsx;",
				file_types_description : "*.jpg;*.png;*.doc;*.docx;*.xls;*.xlsx",
				file_upload_limit : 8,
				file_queue_limit : 2,
				custom_settings : {
					progressTarget : "fsUploadProgress",
					cancelButtonId : "btnCancel"
				},
				debug: false,

				// Button settings
				button_image_url: "<?= WEB_SITE_GLOBAL ?>js/swfuplad2/TestImageNoText_65x29.png",	// Relative to the Flash file
				button_width: "65",
				button_height: "29",
				button_placeholder_id: "spanButtonPlaceHolder",
				button_text: '<span class="theFont">浏览</span>',
				button_text_style: ".theFont { font-size: 16; }",
				button_text_left_padding: 12,
				button_text_top_padding: 3,

				// The event handler functions are defined in handlers.js
				file_queued_handler : fileQueued,
				file_queue_error_handler : fileQueueError,
				file_dialog_complete_handler : fileDialogComplete,
				upload_start_handler : uploadStart,
				upload_progress_handler : uploadProgress,
				upload_error_handler : uploadError,
				upload_success_handler : uploadSuccess,
				upload_complete_handler : uploadComplete,
				queue_complete_handler : queueComplete	// Queue plugin event
			};

			swfu = new SWFUpload(settings);
	     };
	</script>
 
 
 
<body>
	<div class="mainLayout">
		<div class="mainMenu">
			<div class="menuItem">
				<a href="/" class="mLogo">CLD</a>
				<ul>
					<!-- include 'menuReceipt' -->
				</ul>
			</div>
		</div>
		<div class="warpContent">
			<div class="subMenu fL">
				<div class="menuItem">
					<ul>
						<!-- include 'receipt_menu' -->
					</ul>
				</div>
			</div>
			<div class="adminContent autoHeight" style="height: 821px;">
				<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="travelR" value="0" />
	  				<input type="hidden" id="trainR" value="0" />
	  				<input type="hidden" id="otherR" value="0" />
	  				<form action="/addReceipt" name="recepitAdd" method="post">
	  					<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="agency_{{acItem' value.aid}}" name="agency[]" 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="agencyResult">￥0.00</td></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">￥<input type="number" 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><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="train_{{acItem' value.aid}}" name="train[]" 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="trainResult">￥0.00</td></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">￥<input type="number" id="other_{{acItem' value.aid}}" name="other[]" 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="otherResult">￥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>选择审批组</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>
	  									<span id="spanButtonPlaceHolder"></span>
										<span>支持jpg、png、doc、docx、xls、xlsx；最大8M文件。</span>
										<input id="btnCancel" type="button" value="取消所有上传" style="display:none"  onclick="swfu.cancelQueue();" disabled="disabled" style="margin-left: 2px; font-size: 8pt; height: 29px;" />
									
										<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 class="title">
	  					报销单填写说明
	  					</div>
	  					<div class="detail">
		  					<p>1 请按先后发生顺序填写报销明细，交通费（市内交通费及往来交通费）、邮寄费需在批注明注明费用明细（例：珠海-广州70元-佛山20元）；</p>
		  					<p>2 出差补助30元/天，不需提供发票，只需在报销单上填写清楚；</p>
		  					<p>3 办事处水电费标准100元，标准内实报；</p>
		  					<p>4 <b>产生费用所在办事处</b> 默认使用您所在的第一个办事处；</p>
		  					<p>5 市内交通费、邮寄费、公关费、办公费等详细说明请填写到 <b>报销说明</b>。</p>
	  					</div>
	  				</div>
	  			</div>
			</div>
		</div>
	</div>
	<!--弹出-->
<div class="modal hide fade" id="addCallout">
    <div class="modal-header">
    <h3>添加批注</h3>
    </div>
    <div class="modal-body">
    <form class="">
	    	<div class="control-group">
				<div class="controls clearfix">
					<label>
	                	批注内容
	              	</label>
	              	<textarea rows="8" class="span6"></textarea>
				</div>
	    	</div>
    </form>
    </div>
	<div class="modal-footer">
	    <a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">取消</a>
	   	<a href="#" class="button">确定</a>
	</div>
</div>
    <!--弹出内容-->
<script type="text/javascript">autoFlashHeight();</script>	
</body>