|
@@ -1,7 +1,13 @@
|
|
|
<!-- 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>
|
|
|
+<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">
|
|
@@ -17,475 +23,330 @@
|
|
|
<div class="subMenu fL">
|
|
|
<div class="menuItem">
|
|
|
<ul>
|
|
|
- <li class="saeaTitle">费用管理</li>
|
|
|
- <li><a href="saea-borad.html">公布板</a></li>
|
|
|
- <li><a href="saea-myList.html" class="selected">我的费用</a></li>
|
|
|
- <li><a href="saea-slist-1.html">费用汇总</a></li>
|
|
|
- <li class="topLine"><a href="saea-reportList.html">费用审批</a></li>
|
|
|
- <li><a href="saea-reportList-pay.html">费用执行</a></li>
|
|
|
- <li><a href="saea-reportList-remit.html">费用汇款</a></li>
|
|
|
- <li><a href="saea-dlist-category-year.html">公司汇总</a></li>
|
|
|
+ <!-- include '../menu' -->
|
|
|
</ul>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="adminContent autoHeight">
|
|
|
- <div class="borad-news">
|
|
|
- <div class="fixedSide" id="fixedSide">
|
|
|
- <ul>
|
|
|
- <li class="banshi active"><a href="#banshi">办事处</a></li>
|
|
|
- <li class="chalv" style="display: none;"><a href="#chalv">差旅相关</a></li>
|
|
|
- <li class="neibupeixun" style="display: none;"><a href="#neibupeixun">内部培训</a></li>
|
|
|
- <li class="shenpi"><a href="#shenpi">审批</a></li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- <div style="margin-left:30px;">
|
|
|
- <legend><div class="fR"></div>申请报销相关费用</legend>
|
|
|
- <div class="saeaList" id="saeaList">
|
|
|
- <h4 class="saeaTip">请选择一下需要报销的费用类型</h4>
|
|
|
- <ul class="saeaType clearfix">
|
|
|
- <li class="active" id="banshi-sw">
|
|
|
- <i class="icon-">j</i>
|
|
|
- 办事处相关费用
|
|
|
- </li>
|
|
|
- <li id="chalv-sw">
|
|
|
- <i class="icon-">j</i>
|
|
|
- 差旅相关费用
|
|
|
- </li>
|
|
|
- <li id="neibupeixun-sw">
|
|
|
- <i class="icon-">j</i>
|
|
|
- 内部培训费用
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- <!--办事处相关费用-->
|
|
|
- <div class="entry receipt-list" id="banshi">
|
|
|
- <div class="seTable">
|
|
|
- <table class="table table-bordered table-condensed table-hover mb-0">
|
|
|
- <tbody>
|
|
|
- <tr><th colspan="2" class="taC">办事处相关费用</th></tr>
|
|
|
- <tr><th>市内交通费</th><td width="200" class="taR">¥<input type="number" value="0" placeholder="输入市内交通费" pattern="[0-9]" step="1" min="0" class="span2"></td></tr>
|
|
|
- <tr><th>市内出租费</th><td width="200" class="taR">¥<input type="number" value="0" placeholder="输入市内出租费" pattern="[0-9]" step="1" min="0" class="span2"></td></tr>
|
|
|
- <tr><th>办事处房租</th><td width="200" class="taR">¥<input type="number" value="0" placeholder="输入办事处房租" pattern="[0-9]" step="1" min="0" class="span2"></td></tr>
|
|
|
- <tr><th>电话费</th><td width="200" class="taR">¥<input type="number" value="0" placeholder="输入电话费" pattern="[0-9]" step="1" min="0" class="span2"></td></tr>
|
|
|
- <tr><th>水费</th><td width="200" class="taR">¥<input type="number" value="0" placeholder="输入水费" pattern="[0-9]" step="1" min="0" class="span2"></td></tr>
|
|
|
- <tr><th>电费</th><td width="200" class="taR">¥<input type="number" value="0" placeholder="输入电费" pattern="[0-9]" step="1" min="0" class="span2"></td></tr>
|
|
|
- <tr><th>办公费用</th><td width="200" class="taR">¥<input type="number" value="0" placeholder="输入办公费用" pattern="[0-9]" step="1" min="0" class="span2"></td></tr>
|
|
|
- <tr><th>邮寄费</th><td width="200" class="taR">¥<input type="number" value="0" placeholder="输入邮寄费" pattern="[0-9]" step="1" min="0" class="span2"></td></tr>
|
|
|
- <tr><th>其他费用</th><td width="200" class="taR">¥<input type="number" value="0" placeholder="输入其他费用" pattern="[0-9]" step="1" min="0" class="span2"></td></tr>
|
|
|
- <tr><th class="taR">小计</th><td class="colGreen taR">¥0.00</td></tr>
|
|
|
- <tr><th colspan="2" class="taC">其他</th></tr>
|
|
|
- <tr><th>公关费</th><td width="200" class="taR">¥<input type="number" value="0" placeholder="输入公关费" pattern="[0-9]" step="1" min="0" class="span2"></td></tr>
|
|
|
- <tr><th>广告费</th><td width="200" class="taR">¥<input type="number" value="0" placeholder="输入公关费" pattern="[0-9]" step="1" min="0" class="span2"></td></tr>
|
|
|
- <tr><th>借款</th><td width="200" class="taR">¥<input type="number" value="0" placeholder="输入公关费" pattern="[0-9]" step="1" min="0" class="span2"></td></tr>
|
|
|
- <tr><th>可自加费用</th><td width="200" class="taR">¥<input type="number" value="0" placeholder="输入可自加费用" pattern="[0-9]" step="1" min="0" class="span2"></td></tr>
|
|
|
- <tr><th class="taR">小计</th><td class="colGreen taR">¥0.00</td></tr>
|
|
|
- <tr><th colspan="2" class="taC">公关费绑定发票</th></tr>
|
|
|
- <tr><th class="colRed">如本次报销有公关费支出,确认是否涉需要绑定发票</th><td class="taR"><!-- <select class="span2"><option>绑定开票</option><option>不需要</option></select> --></td></tr>
|
|
|
- <tr><th></th><td class="taR"><a class="button" href="#add-invoice" data-toggle="modal">添加发票</a></select></td></tr>
|
|
|
- <tr><th>发票</a></th><td class="taR">公关费(¥500.00)</td></tr>
|
|
|
- <tr><th><a href="#invdetail" data-toggle="modal">#F201909187362</a> <a class="fR">移除</a></th><td class="taR">¥<input type="number" value="0" placeholder="输入可自加费用" pattern="[0-9]" step="1" min="0" class="span2"></td></tr>
|
|
|
- <tr class="warning"><td class="taR"><b>办事处相关费用合计</b></td><td class="colGreed taR"><b style="font-size:24px">¥2160.00</b></td></tr><tr><th colspan="2" class="taC">报销说明</th></tr>
|
|
|
- <tr><th colspan="2">
|
|
|
- <textarea required rows="6" style="width:99%" placeholder="办事处相关费用说明"></textarea>
|
|
|
- </th></tr>
|
|
|
- </tbody>
|
|
|
- </table>
|
|
|
- </div>
|
|
|
- <div class="seCensor receipt-censor">
|
|
|
- <div class="title">
|
|
|
- 报销单填写说明
|
|
|
- </div>
|
|
|
- <div class="detail">
|
|
|
- <p>1 办事处水电费标准100元,标准内实报;</p>
|
|
|
- <p>2 <b>产生费用所在办事处</b> 默认使用您所在的第一个办事处;</p>
|
|
|
- <p>3 邮寄费、公关费、办公费等详细说明请填写到 <b>报销说明</b>。</p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!--差旅相关费用-->
|
|
|
- <div class="entry receipt-list" id="chalv" style="display: none;">
|
|
|
- <div class="seTable">
|
|
|
- <table class="table table-bordered table-condensed mb-0">
|
|
|
- <tbody>
|
|
|
- <tr><th colspan="2" class="taC">差旅相关费用</th></tr>
|
|
|
- <tr><td colspan="2">
|
|
|
- <!--行程1-->
|
|
|
- <table class="table table-bordered table-condensed table-hover" style="margin-bottom:5px">
|
|
|
- <tr><th colspan="3" class="taC">行程1# 2020-01-03~2020-01-06<div class="fR "><a href="#del" class="text-danger" data-toggle="modal">删除</a> <a href="#route-add" data-toggle="modal">编辑</a><div></th></tr>
|
|
|
- <tr><th colspan="3" class="ta"><i class="contactsMark icon-">P</i> 珠海-广州</th></tr>
|
|
|
- <tr><th width="90">往来交通费<p><a href="" class="icon-" title="增加费用">H</a></p></th><td class="taR" width="100">¥<input type="number" value="0" placeholder="输入往来交通费" pattern="[0-9]" step="1" min="0" class="span1"></td><th>
|
|
|
- <textarea required rows="2" style="width:99%;margin-bottom:0" placeholder="往来交通费说明"></textarea>
|
|
|
- </th></tr>
|
|
|
- <tr><th width="90">往来交通费2<p><a href="" class="icon-" title="移除费用">k</a></p></th><td class="taR" width="100">¥<input type="number" value="0" placeholder="输入往来交通费" pattern="[0-9]" step="1" min="0" class="span1"></td><th>
|
|
|
- <textarea required rows="2" style="width:99%;margin-bottom:0" placeholder="往来交通费说明"></textarea>
|
|
|
- </th></tr>
|
|
|
- <tr><th>市内交通费<p><a href="" class="icon-" title="增加费用">H</a></p></th>
|
|
|
- </th><td class="taR" >¥<input type="number" value="0" placeholder="输入市内交通费" pattern="[0-9]" step="1" min="0" class="span1"></td><th>
|
|
|
- <textarea required rows="2" style="width:99%;margin-bottom:0" placeholder="市内交通费说明"></textarea></tr>
|
|
|
- <tr><th>出差住宿费<p><a href="" class="icon-" title="增加费用">H</a></p></th>
|
|
|
- </th><td class="taR" >¥<input type="number" value="0" placeholder="输入出差住宿费" pattern="[0-9]" step="1" min="0" class="span1"></td><th>
|
|
|
- <textarea required rows="2" style="width:99%;margin-bottom:0" placeholder="出差住宿费说明"></textarea></tr>
|
|
|
- <tr><th>出差补助<p><a href="" class="icon-" title="增加费用">H</a></p></th>
|
|
|
- </th><td class="taR" >¥<input type="number" value="0" placeholder="输入出差补助" pattern="[0-9]" step="1" min="0" class="span1"></td><th>
|
|
|
- <textarea required rows="2" style="width:99%;margin-bottom:0" placeholder="出差补助说明"></textarea></tr>
|
|
|
- <tr><th>其他费用<p><a href="" class="icon-" title="增加费用">H</a></p></th>
|
|
|
- </th><td class="taR" >¥<input type="number" value="0" placeholder="输入其他费用" pattern="[0-9]" step="1" min="0" class="span1"></td><th>
|
|
|
- <textarea required rows="2" style="width:99%;margin-bottom:0" placeholder="其他费用说明"></textarea></tr>
|
|
|
- <tr><th colspan="3" class="ta"><i class="contactsMark icon-">P</i> 广州-东莞</th></tr>
|
|
|
- <tr><th width="90">往来交通费</th><td class="taR" width="100">¥<input type="number" value="0" placeholder="输入场租费" pattern="[0-9]" step="1" min="0" class="span1"></td><th>
|
|
|
- <textarea required rows="2" style="width:99%;margin-bottom:0" placeholder="往来交通费说明"></textarea>
|
|
|
- </th></tr>
|
|
|
- <tr><th>市内交通费<p><a href="" class="icon-" title="增加费用">H</a></p></th>
|
|
|
- </th><td class="taR" >¥<input type="number" value="0" placeholder="输入市内交通费" pattern="[0-9]" step="1" min="0" class="span1"></td><th>
|
|
|
- <textarea required rows="2" style="width:99%;margin-bottom:0" placeholder="市内交通费说明"></textarea></tr>
|
|
|
- <tr><th>出差住宿费<p><a href="" class="icon-" title="增加费用">H</a></p></th>
|
|
|
- </th><td class="taR" >¥<input type="number" value="0" placeholder="输入出差住宿费" pattern="[0-9]" step="1" min="0" class="span1"></td><th>
|
|
|
- <textarea required rows="2" style="width:99%;margin-bottom:0" placeholder="出差住宿费说明"></textarea></tr>
|
|
|
- <tr><th>出差补助<p><a href="" class="icon-" title="增加费用">H</a></p></th>
|
|
|
- </th><td class="taR" >¥<input type="number" value="0" placeholder="输入出差补助" pattern="[0-9]" step="1" min="0" class="span1"></td><th>
|
|
|
- <textarea required rows="2" style="width:99%;margin-bottom:0" placeholder="出差补助说明"></textarea></tr>
|
|
|
- <tr><th>其他费用<p><a href="" class="icon-" title="增加费用">H</a></p></th>
|
|
|
- </th><td class="taR" >¥<input type="number" value="0" placeholder="输入其他费用" pattern="[0-9]" step="1" min="0" class="span1"></td><th>
|
|
|
- <textarea required rows="2" style="width:99%;margin-bottom:0" placeholder="其他费用说明"></textarea></tr>
|
|
|
- <tr><th colspan="3" class="ta"><i class="contactsMark icon-">P</i> 东莞-珠海</th></tr>
|
|
|
- <tr><th width="90">往来交通费</th><td class="taR" width="100">¥<input type="number" value="0" placeholder="输入往来交通费" pattern="[0-9]" step="1" min="0" class="span1"></td><th>
|
|
|
- <textarea required rows="2" style="width:99%;margin-bottom:0" placeholder="往来交通费说明"></textarea>
|
|
|
- </th></tr>
|
|
|
- <tr><th>市内交通费<p><a href="" class="icon-" title="增加费用">H</a></p></th>
|
|
|
- </th><td class="taR" >¥<input type="number" value="0" placeholder="输入市内交通费" pattern="[0-9]" step="1" min="0" class="span1"></td><th>
|
|
|
- <textarea required rows="2" style="width:99%;margin-bottom:0" placeholder="市内交通费说明"></textarea></tr>
|
|
|
- <tr><th>出差住宿费<p><a href="" class="icon-" title="增加费用">H</a></p></th>
|
|
|
- </th><td class="taR" >¥<input type="number" value="0" placeholder="输入出差住宿费" pattern="[0-9]" step="1" min="0" class="span1"></td><th>
|
|
|
- <textarea required rows="2" style="width:99%;margin-bottom:0" placeholder="出差住宿费说明"></textarea></tr>
|
|
|
- <tr><th>出差补助<p><a href="" class="icon-" title="增加费用">H</a></p></th>
|
|
|
- </th><td class="taR" >¥<input type="number" value="0" placeholder="输入出差补助" pattern="[0-9]" step="1" min="0" class="span1"></td><th>
|
|
|
- <textarea required rows="2" style="width:99%;margin-bottom:0" placeholder="出差补助说明"></textarea></tr>
|
|
|
- <tr><th>其他费用<p><a href="" class="icon-" title="增加费用">H</a></p></th>
|
|
|
- </th><td class="taR" >¥<input type="number" value="0" placeholder="输入其他费用" pattern="[0-9]" step="1" min="0" class="span1"></td><th>
|
|
|
- <textarea required rows="2" style="width:99%;margin-bottom:0" placeholder="其他费用说明"></textarea></tr>
|
|
|
- <tr><th colspan="3" class="taC">行程1# 小计</th></tr>
|
|
|
- <tr><th>往来交通费</th><td class="taR" width="200" colspan="2">¥150.00</td></tr>
|
|
|
- <tr><th>市内交通费</th><td class="taR" width="200" colspan="2">¥150.00</td></tr>
|
|
|
- <tr><th>出差住宿费</th><td class="taR" width="200" colspan="2">¥150.00</td></tr>
|
|
|
- <tr><th>出差补助</th><td class="taR" width="200" colspan="2">¥150.00</td></tr>
|
|
|
- <tr><th>其他费用</th><td class="taR" width="200" colspan="2">¥150.00</td></tr>
|
|
|
- <tr><th class="taR">合计</th><td class="colGreen taR" colspan="2">¥0.00</td></tr>
|
|
|
- </table>
|
|
|
- <!--行程2-->
|
|
|
- <table class="table table-bordered table-condensed table-hover"style="margin-bottom:5px">
|
|
|
- <tr><th colspan="3" class="taC">行程2# 2020-01-11~2020-01-15<div class="fR "><a href="#del" class="text-danger" data-toggle="modal">删除</a> <a href="#route-add" data-toggle="modal">编辑</a><div></th></th></tr>
|
|
|
- <tr><th colspan="3" class="ta"><i class="contactsMark icon-">P</i> 珠海-中山</th></tr>
|
|
|
- <tr><th width="90">往来交通费<p><a href="" class="icon-" title="增加费用">H</a></p></th><td class="taR" width="100">¥<input type="number" value="0" placeholder="输入往来交通费" pattern="[0-9]" step="1" min="0" class="span1"></td><th>
|
|
|
- <textarea required rows="2" style="width:99%;margin-bottom:0" placeholder="往来交通费说明"></textarea>
|
|
|
- </th></tr>
|
|
|
- <tr><th>市内交通费<p><a href="" class="icon-" title="增加费用">H</a></p></th>
|
|
|
- </th><td class="taR" >¥<input type="number" value="0" placeholder="输入市内交通费" pattern="[0-9]" step="1" min="0" class="span1"></td><th>
|
|
|
- <textarea required rows="2" style="width:99%;margin-bottom:0" placeholder="市内交通费说明"></textarea></tr>
|
|
|
- <tr><th>出差住宿费<p><a href="" class="icon-" title="增加费用">H</a></p></th>
|
|
|
- </th><td class="taR" >¥<input type="number" value="0" placeholder="输入出差住宿费" pattern="[0-9]" step="1" min="0" class="span1"></td><th>
|
|
|
- <textarea required rows="2" style="width:99%;margin-bottom:0" placeholder="出差住宿费说明"></textarea></tr>
|
|
|
- <tr><th>出差补助<p><a href="" class="icon-" title="增加费用">H</a></p></th>
|
|
|
- </th><td class="taR" >¥<input type="number" value="0" placeholder="输入出差补助" pattern="[0-9]" step="1" min="0" class="span1"></td><th>
|
|
|
- <textarea required rows="2" style="width:99%;margin-bottom:0" placeholder="出差补助说明"></textarea></tr>
|
|
|
- <tr><th>其他费用<p><a href="" class="icon-" title="增加费用">H</a></p></th>
|
|
|
- </th><td class="taR" >¥<input type="number" value="0" placeholder="输入其他费用" pattern="[0-9]" step="1" min="0" class="span1"></td><th>
|
|
|
- <textarea required rows="2" style="width:99%;margin-bottom:0" placeholder="其他费用说明"></textarea></tr>
|
|
|
- <tr><th colspan="3" class="ta"><i class="contactsMark icon-">P</i> 中山-珠海</th></tr>
|
|
|
- <tr><th width="90">往来交通费</th><td class="taR" width="100">¥<input type="number" value="0" placeholder="输入场租费" pattern="[0-9]" step="1" min="0" class="span1"></td><th>
|
|
|
- <textarea required rows="2" style="width:99%;margin-bottom:0" placeholder="往来交通费说明"></textarea>
|
|
|
- </th></tr>
|
|
|
- <tr><th>市内交通费<p><a href="" class="icon-" title="增加费用">H</a></p></th>
|
|
|
- </th><td class="taR" >¥<input type="number" value="0" placeholder="输入市内交通费" pattern="[0-9]" step="1" min="0" class="span1"></td><th>
|
|
|
- <textarea required rows="2" style="width:99%;margin-bottom:0" placeholder="市内交通费说明"></textarea></tr>
|
|
|
- <tr><th>出差住宿费<p><a href="" class="icon-" title="增加费用">H</a></p></th>
|
|
|
- </th><td class="taR" >¥<input type="number" value="0" placeholder="输入出差住宿费" pattern="[0-9]" step="1" min="0" class="span1"></td><th>
|
|
|
- <textarea required rows="2" style="width:99%;margin-bottom:0" placeholder="出差住宿费说明"></textarea></tr>
|
|
|
- <tr><th>出差补助<p><a href="" class="icon-" title="增加费用">H</a></p></th>
|
|
|
- </th><td class="taR" >¥<input type="number" value="0" placeholder="输入出差补助" pattern="[0-9]" step="1" min="0" class="span1"></td><th>
|
|
|
- <textarea required rows="2" style="width:99%;margin-bottom:0" placeholder="出差补助说明"></textarea></tr>
|
|
|
- <tr><th>其他费用<p><a href="" class="icon-" title="增加费用">H</a></p></th>
|
|
|
- </th><td class="taR" >¥<input type="number" value="0" placeholder="输入其他费用" pattern="[0-9]" step="1" min="0" class="span1"></td><th>
|
|
|
- <textarea required rows="2" style="width:99%;margin-bottom:0" placeholder="其他费用说明"></textarea></tr>
|
|
|
- <tr><th colspan="3" class="taC">行程2# 小计</th></tr>
|
|
|
- <tr><th>往来交通费</th><td class="taR" width="200" colspan="2">¥150.00</td></tr>
|
|
|
- <tr><th>市内交通费</th><td class="taR" width="200" colspan="2">¥150.00</td></tr>
|
|
|
- <tr><th>出差住宿费</th><td class="taR" width="200" colspan="2">¥150.00</td></tr>
|
|
|
- <tr><th>出差补助</th><td class="taR" width="200" colspan="2">¥150.00</td></tr>
|
|
|
- <tr><th>其他费用</th><td class="taR" width="200" colspan="2">¥150.00</td></tr>
|
|
|
- <tr><th class="taR">合计</th><td class="colGreen taR" >¥0.00</td><td></td></tr>
|
|
|
- </table>
|
|
|
- </td></tr>
|
|
|
- <tr><th colspan="2" class="taC"><a href="#route-add" data-toggle="modal" class="button">添加新行程</a></th></tr>
|
|
|
- <tr><th colspan="2" class="taC">差旅相关费用合计</th></tr>
|
|
|
- <tr><th>往来交通费</th><td class="taR" width="200">¥150.00</td></tr>
|
|
|
- <tr><th>市内交通费</th><td class="taR" width="200">¥150.00</td></tr>
|
|
|
- <tr><th>出差住宿费</th><td class="taR" width="200">¥150.00</td></tr>
|
|
|
- <tr><th>出差补助</th><td class="taR" width="200">¥150.00</td></tr>
|
|
|
- <tr><th>其他费用</th><td class="taR" width="200">¥150.00</td></tr>
|
|
|
- <tr class="warning"><td class="taR"><b>差旅相关费用合计</b></td><td class="colGreed taR"><b style="font-size:24px">¥495.00</b></td></tr>
|
|
|
- <tr><th colspan="2" class="taC">报销说明</th></tr>
|
|
|
- <tr><th colspan="2">
|
|
|
- <textarea required rows="6" style="width:99%" placeholder="差旅相关费用额外说明"></textarea>
|
|
|
- </th></tr>
|
|
|
- </tbody>
|
|
|
- </table>
|
|
|
- </div>
|
|
|
- <div class="seCensor receipt-censor">
|
|
|
- <div class="title">
|
|
|
- 报销单填写说明
|
|
|
- </div>
|
|
|
- <div class="detail">
|
|
|
- <p>1 请按先后发生顺序填写报销明细,交通费(市内交通费及往来交通费)、邮寄费需在批注明注明费用明细(例:珠海-广州70元-佛山20元);</p>
|
|
|
- <p>2 出差补助30元/天,不需提供发票,只需在报销单上填写清楚;</p>
|
|
|
- <p>3 <b>产生费用所在办事处</b> 默认使用您所在的第一个办事处。</p>
|
|
|
- </div>
|
|
|
- <div class="itinerary">
|
|
|
- <h2 class="itineraryTitle">总行程单</h2>
|
|
|
- <div class="itineraryCon">
|
|
|
- <ul>
|
|
|
- <li class="sub-title">行程1# 2020-01-01-2020-01-06</li>
|
|
|
- <li>
|
|
|
- <div class="itineraryList">
|
|
|
- <div class="addressName"><i class="contactsMark icon-">P</i> <b>珠海</b></div>
|
|
|
- <div class="pointLine">
|
|
|
- <div class="timeList">
|
|
|
- <div class="priceList">
|
|
|
- <span class="priceTitle">小计</span>
|
|
|
- <span class="price">¥1212.00</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <div class="itineraryList">
|
|
|
- <div class="addressName"><i class="contactsMark icon-">P</i> <b>广州</b></div>
|
|
|
- <div class="pointLine">
|
|
|
- <div class="timeList">
|
|
|
- <div class="priceList">
|
|
|
- <span class="priceTitle">小计</span>
|
|
|
- <span class="price">¥1212.00</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <div class="itineraryList">
|
|
|
- <div class="addressName"><i class="contactsMark icon-">P</i> <b>东莞</b></div>
|
|
|
- <div class="pointLine">
|
|
|
- <div class="timeList">
|
|
|
- <div class="priceList">
|
|
|
- <span class="priceTitle">小计</span>
|
|
|
- <span class="price">¥1212.00</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <div class="itineraryList">
|
|
|
- <div class="addressName"><i class="contactsMark icon-">P</i> <b>珠海</b></div>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li class="sub-title">行程1# 合计:3636.00</li>
|
|
|
- </ul>
|
|
|
- <ul>
|
|
|
- <li class="sub-title">行程2# 2020-01-11~2020-01-15</li>
|
|
|
- <li>
|
|
|
- <div class="itineraryList">
|
|
|
- <div class="addressName"><i class="contactsMark icon-">P</i> <b>珠海</b></div>
|
|
|
- <div class="pointLine">
|
|
|
- <div class="timeList">
|
|
|
- <div class="priceList">
|
|
|
- <span class="priceTitle">小计</span>
|
|
|
- <span class="price">¥1212.00</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <div class="itineraryList">
|
|
|
- <div class="addressName"><i class="contactsMark icon-">P</i> <b>中山</b></div>
|
|
|
- <div class="pointLine">
|
|
|
- <div class="timeList">
|
|
|
- <div class="priceList">
|
|
|
- <span class="priceTitle">小计</span>
|
|
|
- <span class="price">¥1212.00</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <div class="itineraryList">
|
|
|
- <div class="addressName"><i class="contactsMark icon-">P</i> <b>珠海</b></div>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li class="sub-title">行程2# 合计:3636.00</li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!--内部培训-->
|
|
|
- <div class="entry receipt-list" id="neibupeixun" style="display: none;">
|
|
|
- <div class="seTable">
|
|
|
- <table class="table table-bordered table-condensed table-hover mb-0">
|
|
|
- <tbody>
|
|
|
- <tr><th colspan="2" class="taC" id="neibupeixun">内部培训费用</th></tr>
|
|
|
- <tr><th>场租费</th><td width="200" class="taR">¥<input type="number" value="0" placeholder="输入场租费" pattern="[0-9]" step="1" min="0" class="span2"></td></tr>
|
|
|
- <tr><th>薪酬</th><td width="200" class="taR">¥<input type="number" value="0" placeholder="输入薪酬" pattern="[0-9]" step="1" min="0" class="span2"></td></tr>
|
|
|
- <tr><th>住宿费</th><td width="200" class="taR">¥<input type="number" value="0" placeholder="输入住宿费" pattern="[0-9]" step="1" min="0" class="span2"></td></tr>
|
|
|
- <tr><th>交通费</th><td width="200" class="taR">¥<input type="number" value="0" placeholder="输入交通费" pattern="[0-9]" step="1" min="0" class="span2"></td></tr>
|
|
|
- <tr><th>餐饮费</th><td width="200" class="taR">¥<input type="number" value="0" placeholder="输入餐饮费" pattern="[0-9]" step="1" min="0" class="span2"></td></tr>
|
|
|
- <tr><th>办公费</th><td width="200" class="taR">¥<input type="number" value="0" placeholder="输入办公费" pattern="[0-9]" step="1" min="0" class="span2"></td></tr>
|
|
|
- <tr><th>餐费补助</th><td width="200" class="taR">¥<input type="number" value="0" placeholder="输入公关费" pattern="[0-9]" step="1" min="0" class="span2"></td></tr>
|
|
|
- <tr><th>其他</th><td width="200" class="taR">¥<input type="number" value="0" placeholder="输入其他" pattern="[0-9]" step="1" min="0" class="span2"></td></tr>
|
|
|
- <tr><th class="taR">合计</th><td class="colGreen taR">¥0.00</td></tr>
|
|
|
- <tr class="warning"><td class="taR"><b>内部培训费用合计</b></td><td class="colGreed taR"><b style="font-size:24px">¥2160.00</b></td></tr>
|
|
|
- <tr><th colspan="2" class="taC">报销说明</th></tr>
|
|
|
- <tr><th colspan="2">
|
|
|
- <textarea required rows="6" style="width:99%" placeholder="内部培训费用说明"></textarea>
|
|
|
- </th></tr>
|
|
|
- </tbody>
|
|
|
- </table>
|
|
|
- </div>
|
|
|
- <div class="seCensor receipt-censor">
|
|
|
- <div class="title">
|
|
|
- 报销单填写说明
|
|
|
- </div>
|
|
|
- <div class="detail">
|
|
|
- <p>1 此项费用,仅用于纵横内部培训;</p>
|
|
|
- <p>2 用于客户的培训费用,请创建“培训班结算”。</p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!--审批流程等-->
|
|
|
- <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">¥4815.00</b></td></tr>
|
|
|
- <tr><th colspan="2" class="taC">附件</th></tr>
|
|
|
- <tr><td colspan="2">
|
|
|
- <input type="file"><a class="btn btn-primary btn-mini">上传</a> <span>支持jpg、png、doc、docx、els、elsx;最大8M文件。</span>
|
|
|
- <!--已上传文件-->
|
|
|
- <table class="table">
|
|
|
- <thead><th>文件名</th><th>大小</th><th>操作</th></thead>
|
|
|
- <tbody>
|
|
|
- <tr><td><a href="#" target="_blank">发票1.jpg</a></td><td>20kb</td><td><a href="">删除</a></td></tr>
|
|
|
- <tr><td><a href="#" target="_blank">QQ截图20150624170045.png</a></td><td>171kb</td><td><a href="">删除</a></td></tr>
|
|
|
- <tr><td><a href="#" target="_blank">Doc1.docx</a></td><td>47kb</td><td><a href="">删除</a></td></tr>
|
|
|
- </tbody>
|
|
|
- </table>
|
|
|
- <!--已上传文件-->
|
|
|
- </td></tr>
|
|
|
- <tr><th colspan="2" class="taC">报销单审批</th></tr>
|
|
|
- <tr>
|
|
|
- <th id="shenpi">选择审批组</th>
|
|
|
- <td class="taR"><select><option>通用组(何银龄 > 谭玉堂 >赵淑燕)</option></select></td>
|
|
|
- </tr>
|
|
|
- <tr><th colspan="2" class="taC">产生费用所在办事处</th></tr>
|
|
|
- <tr>
|
|
|
- <th>选择办事处</th>
|
|
|
- <td class="taR"><select class="span2"><option>总部</option></select></td>
|
|
|
- </tr>
|
|
|
- <tr><th colspan="2" class="taC">汇款信息</th></tr>
|
|
|
- <tr><th>汇款人户名</th><td><input type="text" placeholder="请输入汇款人户名" value="刘飞"></td></tr>
|
|
|
- <tr><th>汇款开户银行名称</th><td><input type="text" placeholder="请输入汇款开户银行名称" value="建行西安长安路支行"></td></tr>
|
|
|
- <tr><th>汇款帐号</th><td><input type="text" placeholder="请输入汇款帐号" value="61001720015050000695"></td></tr>
|
|
|
- <tr><th class="tipFather">联行号 <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="请输入联行号" value=""></td></tr>
|
|
|
- </table>
|
|
|
- </div>
|
|
|
- <div class="seCensor receipt-censor">
|
|
|
- <div class="title">
|
|
|
- 审批流程
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="btn-display"><a href="saea-confirm.html" class="button">生成报销单 >></a></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">
|
|
|
+ <span>支持jpg、png、doc、docx、els、elsx;最大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>
|
|
|
+ <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>
|
|
|
+ <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">联行号 <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>
|
|
|
- <!--弹出 添加行程 -->
|
|
|
- <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">
|
|
|
- <table class="table table-bordered table-condensed">
|
|
|
- <tr><th class="taC" colspan="2">行程</th></tr>
|
|
|
- <tr><th>出发/结束日期</th><td>
|
|
|
- <input class="datepicker-here span3" placeholder="按时间筛选" type="text" data-range="true"
|
|
|
- data-multiple-dates-separator=" - "
|
|
|
- data-language="zh"></td></tr>
|
|
|
- <tr><th><span class="">┌</span> 出发地</th><td><select><option>广东省</option></select><select><option>珠海市</option></select></td></tr>
|
|
|
- <tr><th><span class="">├</span> 目的地</th><td><select><option>广东省</option></select><select><option>广州市</option></select><a href="">+添加目的地</a> <a href="">-移除</a></td></tr>
|
|
|
- <tr><th><span class="">├</span> 目的地</th><td><select><option>广东省</option></select><select><option>东莞市</option></select><a href="">+添加目的地</a> <a href="">-移除</a></td></tr>
|
|
|
- <tr><th><span class="">└</span> 结束</th><td><select><option>广东省</option></select><select><option>珠海市</option></select></td></tr>
|
|
|
- </table>
|
|
|
- </div>
|
|
|
- <div class="modal-footer">
|
|
|
- <a href="#" 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>
|
|
|
- <!--结束 弹出 添加行程 -->
|
|
|
- <!--移除-->
|
|
|
- <div class="modal hide fade" id="del">
|
|
|
- <div class="modal-dialog">
|
|
|
- <div class="modal-content">
|
|
|
- <div class="modal-header">
|
|
|
- <h3>确认删除</h3>
|
|
|
- </div>
|
|
|
- <div class="modal-body">
|
|
|
- 请确认是否移除改行程。
|
|
|
- </div>
|
|
|
- <div class="modal-footer">
|
|
|
- <a href="#" class="button">确定移除</a>
|
|
|
- <a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">取消</a>
|
|
|
- </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <!--移除-->
|
|
|
-<script type="text/javascript">autoFlashHeight();</script>
|
|
|
-
|
|
|
-<script>
|
|
|
- $(function () {
|
|
|
- var fixedSide = $("#fixedSide");
|
|
|
- var entry = $(".entry");
|
|
|
- var mainTopArr = new Array();
|
|
|
- for(
|
|
|
- var i=0;i<entry.length;i++){
|
|
|
- var top = entry.eq(i).offset().top;
|
|
|
- mainTopArr.push(top);
|
|
|
- }
|
|
|
- $(".autoHeight").scroll(function(){
|
|
|
- var scrollTop = $(this).scrollTop();
|
|
|
- var k;
|
|
|
- for(
|
|
|
- var i=0;i<mainTopArr.length;i++)
|
|
|
- {
|
|
|
- if(scrollTop>=mainTopArr[i]){
|
|
|
- k=i;
|
|
|
- }
|
|
|
- }
|
|
|
- fixedSide.find("li").eq(k).addClass("active").siblings().removeClass("active");
|
|
|
- });
|
|
|
- $('.fixedSide li').click(function(){
|
|
|
- var t = $('#saeaList .entry').eq($(this).index()).offset().top;
|
|
|
- $('body,html').animate({"scrollTop":t},500);
|
|
|
- $(this).addClass('active').siblings().removeClass('active');
|
|
|
- });
|
|
|
- });
|
|
|
-
|
|
|
-
|
|
|
-</script>
|
|
|
-</body>
|
|
|
+
|
|
|
+ <script type="text/javascript">
|
|
|
+ autoFlashHeight();
|
|
|
+ let accountItem = JSON.parse('{{accountItem}}');
|
|
|
+ let region = JSON.parse('{{region}}');
|
|
|
+ let verify = JSON.parse(`{{verify}}`);
|
|
|
+ </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"></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"></script>
|
|
|
+ <script src="<?= WEB_SITE_GLOBAL ?>vue/fee/receipt_trave_component.js"></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>
|