caipin
/
cld


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362
							<!-- include '../../comm/header' -->
<link href="<?= WEB_SITE_GLOBAL ?>css/datepicker.min.css" rel="stylesheet" type="text/css">
<script src="<?= WEB_SITE_GLOBAL ?>js/datepicker.min.js"></script>
<script src="<?= WEB_SITE_GLOBAL ?>js/datepicker.zh.js"></script>
<style>
	[v-cloak] {
		display: none !important;
	}
</style>
<script src="<?= vue ?>"></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 '../menu' -->
					</ul>
				</div>
			</div>
			<div class="adminContent autoHeight" id="receipt_create">


				<div class="borad-news">

					<div class="popupTip" :style="{display: displayStsates}" ref="alertMsg" v-cloak>
						<span class="popupTipText">{{ aletMsg }}</span>
					</div>
					<div class="fixedSide" id="fixedSide">
						<ul>
							<li v-bind:class="{ active: menu.active }" v-show="menu.show"
								v-for="menu in receiptTypeMenu" v-cloak>
								<a :href="'#'+menu.anchor "
									@click="navigation(receiptTypeMenu,menu)">{{ menu.name }}</a>
							</li>
							<li>
								<a href="#shenpi">审批</a>
							</li>
						</ul>
					</div>
					<div style="margin-left: 30px;">
						<legend>
							<div class="fR"></div>
							申请报销相关费用
						</legend>
						<div class="saeaList" id="saeaList">


							<!-- if isset({{loan}}) -->
							<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 loan.loanItem.借款费用 -->
											<tr>
												<th>{{loanItem' value.name}}</th>
												<td width="140" class="taR">￥{{loanItem' value.price}}</td>
											</tr>
											<!-- endloop -->
											<tr>
												<th>借款费用</th>
												<td width="140" class="taR">￥{{loan.accountItem.cSum.loanSum}}</td>
											</tr>
											<tr>
												<th class="taC" colspan="2">产生费用所在办事处</th>
											</tr>
											<tr>
												<th style="text-align:center" colspan="2">{{loan.category}}</th>
											</tr>
											<tr>
												<th class="taC" colspan="2">费用说明</th>
											</tr>
											<tr>
												<td colspan="2">{{loan.explanation}}</td>
											</tr>
											<tr class="warning">
												<td class="taR"><b>（{{loan.receiptOrder}}）本次费用合计</b></td>
												<td class="taR"><b
														style="font-size:24px">￥{{loan.sum}}</b><br>{{loan.BIGsum}}
												</td>
											</tr>
										</tbody>
									</table>
								</div>
								<div class="seCensor loan-censor">
									<div class="title">
										{{loan.receiptOrder}}
									</div>
									<div class="censorList">
										<ul>
											<li class="post">
												<div class="avtra"><img src="{{staff.avatar}}_2.jpg" width="32"></div>
												<div class="comment">
													<p><span class="fR">{{loan.date}}</span>{{staff.username}}</p>
													<p>提交审批</p>
												</div>
											</li>
											<!-- loop loan.verifyList -->
											<li <!-- if {{loan'  value.status}}==1 --> class="done"
												<!-- elseif {{verifyList'  value.status}}==3 --> class="undone"
												<!-- endif -->>
												<div class="avtra"><img src="{{verifyList'  value.2}}_2.jpg"></div>
							
												<div class="comment">
													<p class="colGray"><span
															class="fR">{{verifyList' value.date}}</span>{{verifyList'  value.1}}
														<!-- if isset({{verifyList'  value.rolename}}) -->
														（{{verifyList' value.rolename}}）
														<!-- endif -->
													</p>
													<p>{{verifyList'  value.opinion}}</p>
												</div>
											</li>
											<!-- endloop -->
										</ul>
									</div>
								</div>
							</div>


							<!-- endif -->

							
							<h4 class="saeaTip">请选择一下需要报销的费用类型</h4>
							<ul class="saeaType clearfix">
								<li @click="selectReceipt($event,menu)" v-bind:class="{ active: menu.show }" v-for="menu in receiptTypeMenu" v-cloak>
									<i class="icon-">j</i>{{ menu.name }}
								</li>
							</ul>

							<div v-for="menu in receiptTypeMenu" :id="menu.anchor" v-show="menu.show"
								class="entry receipt-list" v-cloak>
								<!--办事处相关费用-->
								<div v-if="menu.id===0">
									<office :daily="menu.daily" :other="menu.other"
										:office-explain="menu.officeExplain"></office>
								</div>
								<!--差旅相关费用-->
								<div v-else-if="menu.id===1">
									<trave :trave-item="menu.trave" :trave-list="menu.traveList" :alert-dia="alertDia"
										:trave-explain="menu.traveExplain"></trave>
								</div>
								<!--内部培训-->
								<div v-else-if="menu.id===2">
									<train :train="menu.train" :train-explain="menu.trainExplain"></train>
								</div>
							</div>


							<!--审批流程等-->
							<form id="receiptCreate" action="{{action}}" method="POST" @submit="checkReceipt">
								<div class="entry receipt-list" id="shenpi">
									<div class="seTable">
										<table class="table table-bordered table-condensed table-hover mb-0">
											<tr class="warning">
												<td class="taR"><b>本次报销费用总计</b></td>
												<td class="colGreed taR"><b style="font-size: 24px"
														v-cloak>￥{{ receiptPrice }}</b></td>
											</tr>
											<tr>
												<th colspan="2" class="taC">附件</th>
											</tr>
											<tr>
												<td colspan="2"><input type="file" @change="enclosurFile($event)"
														accept="image/png,image/gif,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document
													,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/vnd.ms-excel,application/pdf">
													&nbsp;&nbsp;<span>支持jpg、png、doc、docx、els、elsx、pdf；最大8M文件。</span>
													<!--已上传文件-->
													<table class="table">
														<thead>
															<th>文件名</th>
															<th>大小</th>
															<th>操作</th>
														</thead>
														<tbody>

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

															<tr v-for="(item,index) in enclosurFiles">
																<td>{{ item.name }}</td>
																<td>{{ item.size }}</td>
																<td><a href="javascript:void(0)"
																		@click="enclosurFileDel(index)">删除</a></td>
															</tr>
														</tbody>
													</table>
													<!--已上传文件-->
												</td>
											</tr>
											<!-- if isset({{status}}) -->
												
												<tr <!-- if {{status}}==4 --> style="display:none" <!-- endif -->>
													<th colspan="2" class="taC">报销单审批</th>
												</tr>
												
												<tr <!-- if {{status}}==4 --> style="display:none" <!-- endif --> >
													<th id="shenpi">选择审批组</th>
													<td class="taR">
														<select  name="verifyId" v-model="verifyId">
															<option value="">请选择审批组</option>
															<option v-for="item in verify" v-bind:value="item.vid">
																{{ item.description }}({{ item.staff }})</option>
														</select>
													</td>
												</tr>
												
											<!-- else -->
											<tr>
													<th colspan="2" class="taC">报销单审批</th>
												</tr>
												
												<tr >
													<th id="shenpi">选择审批组</th>
													<td class="taR">
														<select name="verifyId" v-model="verifyId">
															<option value="">请选择审批组</option>
															<option v-for="item in verify" v-bind:value="item.vid">
																{{ item.description }}({{ item.staff }})</option>
														</select>
													</td>
												</tr>
											<!-- endif -->
											<tr>
												<th colspan="2" class="taC">产生费用所在办事处</th>
											</tr>
											<tr>
												<th>选择办事处</th>
												<td class="taR">
													<select name="officeId"  class="span2">
														<!-- loop office -->
														<option <!-- if {{office' value.cid}}=={{officeId}} -->
															selected
															<!-- endif --> value="{{office' value.cid}}"
															>{{office' 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.remittanceName}}" placeholder="请输入收款人户名"></td>
											</tr>

											<tr>
												<th>收款银行</th>
												<td>
													<select node-rbt name="remittanceBankType"
														v-model="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.bankName}}" placeholder="请输入收款开户银行名称">
												</td>
											</tr>
											<tr>
												<th>收款账号</th>
												<td>
													<input type="text" placeholder="请输入收款账号" id="bankNumber"
														name="bankNumber" value="{{staff.bankNumber}}">
												</td>
											</tr>
											<tr node-cn v-if="remittanceBankType==1" v-cloak>
												<th class="tipFather">联行号&nbsp;<div class="tipContent"><span
															class="tipGray">?</span>
														<div class="tipConactive">
															<p>1.如果不是公司广发，务必填上银行联行号</p>
															<p>2.如不清楚银行联行号请咨询报销查款专用 QQ：2870766094</p>
														</div>
													</div>
												</th>
												<td>
													<input type="text" placeholder="请输入联行号" id="coupletNumber"
														name="coupletNumber" value="{{staff.coupletNumber}}">
												</td>
											</tr>
										</table>
									</div>
									<div class="seCensor receipt-censor">
										<div class="title">审批流程</div>
									</div>
								</div>
								<div class="btn-display">
									<!-- if isset({{receiptId}}) -->
									<input type="hidden" name="receiptId" value="{{receiptId}}">
									<!-- endif -->
									<input type="hidden" name="officeData" ref='officeData_input'>
									<input type="hidden" name="traveData" ref='traveData_input'>
									<input type="hidden" name="trainData" ref='trainData_input'>
									<input type="hidden" name="enclosurFiles" ref='enclosurFiles_input'>


									<input type="submit" class="button" value="生成报销单 >>">


								</div>
							</form>

						</div>
					</div>
				</div>
			</div>
		</div>
		
		<script type="text/javascript">
			autoFlashHeight();
			let accountItem = JSON.parse('{{accountItem}}');
			let region = JSON.parse('{{region}}');
			let verify = JSON.parse(`{{verify}}`);
			let defaultTraveProvince='{{defaultTraveProvince}}';
			let defaultTraveProvinceIndex='{{defaultTraveProvinceIndex}}';
		</script>
		<!-- if {{action}}=='/receipt/edit'||{{action}}=='/loan/receipt/edit' -->
		<script type="text/javascript">
			let data=JSON.parse('{{data}}'.replace(/\n/g,"\\n").replace(/\r/g,"\\r"));
		</script>
		<!-- else -->
		
		<script src="<?= WEB_SITE_GLOBAL ?>vue/fee/fee_receipt_data.js?=0.01"></script>
		<!-- endif -->
		
		<script src="<?= WEB_SITE_GLOBAL ?>vue/fee/receipt_create_fn.js"></script>
		<script src="<?= WEB_SITE_GLOBAL ?>vue/fee/receipt_office_component.js?=0.01"></script>
		<script src="<?= WEB_SITE_GLOBAL ?>vue/fee/receipt_trave_component.js?=0.03"></script>
		<script src="<?= WEB_SITE_GLOBAL ?>vue/fee/receipt_train_component.js"></script>
		<script src="<?= WEB_SITE_GLOBAL ?>vue/fee/receipt_create.js"></script>
</body>