|
@@ -7,7 +7,8 @@
|
|
|
<link rel="shortcut icon" href="images/favicon.ico">
|
|
<link rel="shortcut icon" href="images/favicon.ico">
|
|
|
<meta name=copyright content=smartcost.com.cn>
|
|
<meta name=copyright content=smartcost.com.cn>
|
|
|
<link rel=stylesheet href=css/global.css>
|
|
<link rel=stylesheet href=css/global.css>
|
|
|
- <script src=js/jquery-1.7.1.min.js></script>
|
|
|
|
|
|
|
+ <link rel="stylesheet" href="css/jquery-labelauty.css">
|
|
|
|
|
+ <script src=js/jquery-1.10.2.min.js></script>
|
|
|
<script src=js/global.js></script>
|
|
<script src=js/global.js></script>
|
|
|
</head>
|
|
</head>
|
|
|
<body>
|
|
<body>
|
|
@@ -46,303 +47,338 @@
|
|
|
</div>
|
|
</div>
|
|
|
<div class="adminContent autoHeight" >
|
|
<div class="adminContent autoHeight" >
|
|
|
<div class="borad-news">
|
|
<div class="borad-news">
|
|
|
- <legend><div class="fR"></div>借款报销费用详情</legend>
|
|
|
|
|
- <div class="saeaList loan-list">
|
|
|
|
|
- <div class="entry loan-list">
|
|
|
|
|
- <div class="seal close"></div>
|
|
|
|
|
- <div class="seTable">
|
|
|
|
|
- <table class="table table-bordered table-condensed table-hover">
|
|
|
|
|
- <tbody>
|
|
|
|
|
- <tr><th colspan="2" class="taC">借款费用</th></tr>
|
|
|
|
|
- <tr><th>申请金额</th><td class="taR" width="140">¥2020.00</td></tr>
|
|
|
|
|
- <tr><th colspan="2" class="taC">报销金额调整</th></tr>
|
|
|
|
|
- <tr><th class="taR">合计</th><td class="colOrange taR">-¥0.00</td></tr>
|
|
|
|
|
- <tr><th class="taC" colspan="2">产生费用所在办事处</th></tr>
|
|
|
|
|
- <tr><th style="text-align:center" colspan="2">广东办</th></tr>
|
|
|
|
|
- <tr><th class="taC" colspan="2">报销说明</th>
|
|
|
|
|
- </tr><tr><td colspan="2">这是报销说明的内容</td></tr>
|
|
|
|
|
- <tr class="warning"><td class="taR"><b>(#B1402130405003)本次借款费用合计</b></td><td class="taR"><b style="font-size:24px">¥2020.00</b><br>贰仟元整</td></tr>
|
|
|
|
|
- </tbody>
|
|
|
|
|
- </table>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="seCensor loan-censor">
|
|
|
|
|
- <div class="title">
|
|
|
|
|
- #B1402130405003
|
|
|
|
|
|
|
+ <div class="fixedSide" id="fixedSide">
|
|
|
|
|
+ <ul>
|
|
|
|
|
+ <li class="active"><a href="#banshi">办事处</a></li>
|
|
|
|
|
+ <li><a href="#chalv">差旅</a></li>
|
|
|
|
|
+ <li><a href="#neibupeixun">内部培训</a></li>
|
|
|
|
|
+ <li><a href="#shenpi">审批</a></li>
|
|
|
|
|
+ </ul>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div style="margin-left:30px;">
|
|
|
|
|
+ <legend><div class="fR"></div>借款报销费用详情</legend>
|
|
|
|
|
+ <div class="saeaList loan-list" id="saeaList">
|
|
|
|
|
+ <div class="entry loan-list">
|
|
|
|
|
+ <div class="seal close"></div>
|
|
|
|
|
+ <div class="seTable">
|
|
|
|
|
+ <table class="table table-bordered table-condensed table-hover">
|
|
|
|
|
+ <tbody>
|
|
|
|
|
+ <tr><th colspan="2" class="taC">借款费用</th></tr>
|
|
|
|
|
+ <tr><th>申请金额</th><td class="taR" width="140">¥2020.00</td></tr>
|
|
|
|
|
+ <tr><th colspan="2" class="taC">报销金额调整</th></tr>
|
|
|
|
|
+ <tr><th class="taR">合计</th><td class="colOrange taR">-¥0.00</td></tr>
|
|
|
|
|
+ <tr><th class="taC" colspan="2">产生费用所在办事处</th></tr>
|
|
|
|
|
+ <tr><th style="text-align:center" colspan="2">广东办</th></tr>
|
|
|
|
|
+ <tr><th class="taC" colspan="2">报销说明</th>
|
|
|
|
|
+ </tr><tr><td colspan="2">这是报销说明的内容</td></tr>
|
|
|
|
|
+ <tr class="warning"><td class="taR"><b>(#B1402130405003)本次借款费用合计</b></td><td class="taR"><b style="font-size:24px">¥2020.00</b><br>贰仟元整</td></tr>
|
|
|
|
|
+ </tbody>
|
|
|
|
|
+ </table>
|
|
|
</div>
|
|
</div>
|
|
|
- <div class="censorList clearfix censorHeight">
|
|
|
|
|
- <ul>
|
|
|
|
|
- <li class="post">
|
|
|
|
|
- <div class="avtra"><img src="images/avatar-6.png" width="32"></div>
|
|
|
|
|
- <div class="comment">
|
|
|
|
|
- <p><span class="fR">2014-02-13</span>刘飞</p>
|
|
|
|
|
- <p>提交审批</p>
|
|
|
|
|
- </div>
|
|
|
|
|
- </li>
|
|
|
|
|
- <li class="back">
|
|
|
|
|
- <div class="avtra"><img src="images/avatar-1.png" width="32"></div>
|
|
|
|
|
- <div class="comment">
|
|
|
|
|
- <p class="colGray"><span class="fR">2014-02-13</span>谭玉堂</p>
|
|
|
|
|
- <p>审批意见</p>
|
|
|
|
|
- </div>
|
|
|
|
|
- </li>
|
|
|
|
|
- <li class="post">
|
|
|
|
|
- <div class="avtra"><img src="images/avatar-6.png" width="32"></div>
|
|
|
|
|
- <div class="comment">
|
|
|
|
|
- <p><span class="fR">2014-02-15</span>刘飞</p>
|
|
|
|
|
- <p>提交审批</p>
|
|
|
|
|
- </div>
|
|
|
|
|
- </li>
|
|
|
|
|
- <li class="done">
|
|
|
|
|
- <div class="avtra"><img src="images/avatar-1.png" width="32"></div>
|
|
|
|
|
- <div class="comment">
|
|
|
|
|
- <p class="colGray"><span class="fR">2014-02-15</span>谭玉堂</p>
|
|
|
|
|
- <p>同意支付!阿斯顿萨上的事实的是当时的是对</p>
|
|
|
|
|
- </div>
|
|
|
|
|
- </li>
|
|
|
|
|
- <li class="done">
|
|
|
|
|
- <div class="avtra"><img src="images/avatar-2.png" width="32"></div>
|
|
|
|
|
- <div class="comment">
|
|
|
|
|
- <p class="colGray"><span class="fR">2014-02-16</span>何银龄</p>
|
|
|
|
|
- <p>同意支付!</p>
|
|
|
|
|
- </div>
|
|
|
|
|
- </li>
|
|
|
|
|
- <li class="done">
|
|
|
|
|
- <div class="avtra"><img src="images/avatar-3.png" width="32"></div>
|
|
|
|
|
- <div class="comment">
|
|
|
|
|
- <p class="colGray"><span class="fR">2014-02-16</span>赵淑燕</p>
|
|
|
|
|
- <p>同意支付!</p>
|
|
|
|
|
- </div>
|
|
|
|
|
- </li>
|
|
|
|
|
- <li class="done">
|
|
|
|
|
- <div class="avtra"><img src="images/avatar-4.png" width="32"></div>
|
|
|
|
|
- <div class="comment">
|
|
|
|
|
- <p class="colGray"><span class="fR">2014-02-17</span>杨福芳</p>
|
|
|
|
|
- <p>同意支付!</p>
|
|
|
|
|
- </div>
|
|
|
|
|
- </li>
|
|
|
|
|
- </ul>
|
|
|
|
|
|
|
+ <div class="seCensor loan-censor">
|
|
|
|
|
+ <div class="title">
|
|
|
|
|
+ #B1402130405003
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="censorList clearfix censorHeight">
|
|
|
|
|
+ <ul>
|
|
|
|
|
+ <li class="post">
|
|
|
|
|
+ <div class="avtra"><img src="images/avatar-6.png" width="32"></div>
|
|
|
|
|
+ <div class="comment">
|
|
|
|
|
+ <p><span class="fR">2014-02-13</span>刘飞</p>
|
|
|
|
|
+ <p>提交审批</p>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </li>
|
|
|
|
|
+ <li class="back">
|
|
|
|
|
+ <div class="avtra"><img src="images/avatar-1.png" width="32"></div>
|
|
|
|
|
+ <div class="comment">
|
|
|
|
|
+ <p class="colGray"><span class="fR">2014-02-13</span>谭玉堂</p>
|
|
|
|
|
+ <p>审批意见</p>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </li>
|
|
|
|
|
+ <li class="post">
|
|
|
|
|
+ <div class="avtra"><img src="images/avatar-6.png" width="32"></div>
|
|
|
|
|
+ <div class="comment">
|
|
|
|
|
+ <p><span class="fR">2014-02-15</span>刘飞</p>
|
|
|
|
|
+ <p>提交审批</p>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </li>
|
|
|
|
|
+ <li class="done">
|
|
|
|
|
+ <div class="avtra"><img src="images/avatar-1.png" width="32"></div>
|
|
|
|
|
+ <div class="comment">
|
|
|
|
|
+ <p class="colGray"><span class="fR">2014-02-15</span>谭玉堂</p>
|
|
|
|
|
+ <p>同意支付!阿斯顿萨上的事实的是当时的是对</p>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </li>
|
|
|
|
|
+ <li class="done">
|
|
|
|
|
+ <div class="avtra"><img src="images/avatar-2.png" width="32"></div>
|
|
|
|
|
+ <div class="comment">
|
|
|
|
|
+ <p class="colGray"><span class="fR">2014-02-16</span>何银龄</p>
|
|
|
|
|
+ <p>同意支付!</p>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </li>
|
|
|
|
|
+ <li class="done">
|
|
|
|
|
+ <div class="avtra"><img src="images/avatar-3.png" width="32"></div>
|
|
|
|
|
+ <div class="comment">
|
|
|
|
|
+ <p class="colGray"><span class="fR">2014-02-16</span>赵淑燕</p>
|
|
|
|
|
+ <p>同意支付!</p>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </li>
|
|
|
|
|
+ <li class="done">
|
|
|
|
|
+ <div class="avtra"><img src="images/avatar-4.png" width="32"></div>
|
|
|
|
|
+ <div class="comment">
|
|
|
|
|
+ <p class="colGray"><span class="fR">2014-02-17</span>杨福芳</p>
|
|
|
|
|
+ <p>同意支付!</p>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </li>
|
|
|
|
|
+ </ul>
|
|
|
|
|
+ </div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
+ <h4 class="saeaTip">请选择一下需要报销的费用类型</h4>
|
|
|
|
|
+ <ul class="saeaType clearfix">
|
|
|
|
|
+ <li>
|
|
|
|
|
+ <input type="checkbox" name="checkbox" checked data-labelauty="办事处相关费用">
|
|
|
|
|
+ </li>
|
|
|
|
|
+ <li>
|
|
|
|
|
+ <input type="checkbox" name="checkbox" data-labelauty="差旅相关费用">
|
|
|
|
|
+ </li>
|
|
|
|
|
+ <li>
|
|
|
|
|
+ <input type="checkbox" name="checkbox" data-labelauty="内部培训费用">
|
|
|
|
|
+ </li>
|
|
|
|
|
+ </ul>
|
|
|
|
|
+ <div class="entry loan-list sidelist">
|
|
|
|
|
+ <div class="seTable" id="banshi">
|
|
|
|
|
+ <table class="table table-bordered table-condensed table-hover">
|
|
|
|
|
+ <tbody>
|
|
|
|
|
+ <th colspan="2" class="taC">办事处相关费用</th>
|
|
|
|
|
+ <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>
|
|
|
|
|
+ </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 loan-list sidelist">
|
|
|
|
|
+ <div class="seTable" id="chalv">
|
|
|
|
|
+ <table class="table table-bordered table-condensed table-hover">
|
|
|
|
|
+ <tbody>
|
|
|
|
|
+ <tr><th colspan="2" class="taC">差旅相关费用</th></tr>
|
|
|
|
|
+ <tr><th colspan="2" class="taC">行程1#详细<a href="#del" class="fR text-danger" data-toggle="modal">删除</a></th></tr>
|
|
|
|
|
+ <tr><th colspan="2" class="ta"><i class="contactsMark icon-">P</i> 珠海-广州-东莞-珠海<br>2020-01-03~2020-01-06<div class="fR"><a href="">编辑</a></div></th></tr>
|
|
|
|
|
+ <tr><th>往来交通费</th><td class="taR" width="200">¥<input type="number" value="0" placeholder="输入场租费" pattern="[0-9]" step="1" min="0" class="span2"></td></tr>
|
|
|
|
|
+ <tr><th>市内交通费</th><td class="taR" width="200">¥<input type="number" value="0" placeholder="输入场租费" pattern="[0-9]" step="1" min="0" class="span2"></td></tr>
|
|
|
|
|
+ <tr><th>出差住宿费</th><td class="taR" width="200">¥<input type="number" value="0" placeholder="输入场租费" pattern="[0-9]" step="1" min="0" class="span2"></td></tr>
|
|
|
|
|
+ <tr><th>出差补助</th><td class="taR" width="200">¥<input type="number" value="0" placeholder="输入场租费" pattern="[0-9]" step="1" min="0" class="span2"></td></tr>
|
|
|
|
|
+ <tr><th>其他费用</th><td class="taR" width="200">¥<input type="number" value="0" placeholder="输入场租费" pattern="[0-9]" step="1" min="0" class="span2"></td></tr>
|
|
|
|
|
+ <tr><th class="taR">行程1# 合计</th><td class="colGreen taR">¥0.00</td></tr>
|
|
|
|
|
+ <tr><th colspan="2" class="taC">行程2#详细<a href="#" class="fR text-danger">删除</a></th></tr>
|
|
|
|
|
+ <tr><th colspan="2" class="ta"><i class="contactsMark icon-">P</i> 珠海-中山-珠海<br>2020-01-11~2020-01-15 <div class="fR"><a href="">编辑</a></div></th></tr>
|
|
|
|
|
+ <tr><th>往来交通费</th><td class="taR" width="200">¥<input type="number" value="0" placeholder="输入场租费" pattern="[0-9]" step="1" min="0" class="span2"></td></tr>
|
|
|
|
|
+ <tr><th>市内交通费</th><td class="taR" width="200">¥<input type="number" value="0" placeholder="输入场租费" pattern="[0-9]" step="1" min="0" class="span2"></td></tr>
|
|
|
|
|
+ <tr><th>出差住宿费</th><td class="taR" width="200">¥<input type="number" value="0" placeholder="输入场租费" pattern="[0-9]" step="1" min="0" class="span2"></td></tr>
|
|
|
|
|
+ <tr><th>出差补助</th><td class="taR" width="200">¥<input type="number" value="0" placeholder="输入场租费" pattern="[0-9]" step="1" min="0" class="span2"></td></tr>
|
|
|
|
|
+ <tr><th>其他费用</th><td class="taR" width="200">¥<input type="number" value="0" placeholder="输入场租费" pattern="[0-9]" step="1" min="0" class="span2"></td></tr>
|
|
|
|
|
+ <tr><th class="taR">行程2# 合计</th><td class="colGreen taR">¥0.00</td></tr>
|
|
|
|
|
+ <tr><th colspan="2" class="taC"><a href="#route-add" class="button" data-toggle="modal">添加行程费用单</a></th></tr>
|
|
|
|
|
+ <tr><th colspan="2" class="taC">差旅相关费用</th></tr>
|
|
|
|
|
+ <tr><th>往来交通费</th><td width="200" class="taR">¥150.00</td></tr>
|
|
|
|
|
+ <tr><th>市内交通费</th><td width="200" class="taR">¥50.00</td></tr>
|
|
|
|
|
+ <tr><th>出差住宿费</th><td width="200" class="taR">¥235.00</td></tr>
|
|
|
|
|
+ <tr><th>出差补助</th><td width="200" class="taR">¥60.00</td></tr>
|
|
|
|
|
+ <tr><th>其他费用</th><td width="200" class="taR">¥0.00</td></tr>
|
|
|
|
|
+ <tr><th class="taR">合计</th><td class="colGreen taR">¥495.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>
|
|
|
|
|
+ </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>
|
|
|
|
|
+ </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>
|
|
|
|
|
+ </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>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </li>
|
|
|
|
|
+ <li>
|
|
|
|
|
+ <div class="itineraryList">
|
|
|
|
|
+ <div class="addressName"><i class="contactsMark icon-">P</i> <b>珠海</b></div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </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>
|
|
|
|
|
+ </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>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </li>
|
|
|
|
|
+ <li>
|
|
|
|
|
+ <div class="itineraryList">
|
|
|
|
|
+ <div class="addressName"><i class="contactsMark icon-">P</i> <b>珠海</b></div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </li>
|
|
|
|
|
+ </ul>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="entry loan-list sidelist">
|
|
|
|
|
+ <div class="seTable" id="neibupeixun">
|
|
|
|
|
+ <table class="table table-bordered table-condensed table-hover">
|
|
|
|
|
+ <tbody>
|
|
|
|
|
+ <th colspan="2" class="taC">内部培训费用</th>
|
|
|
|
|
+ <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>
|
|
|
|
|
+ </tbody>
|
|
|
|
|
+ </table>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="seCensor loan-censor">
|
|
|
|
|
+ <div class="title">
|
|
|
|
|
+ 报销单填写说明
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="detail">
|
|
|
|
|
+ 1 内部培训,总部专用。
|
|
|
|
|
+ 2
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="entry loan-list sidelist">
|
|
|
|
|
+ <div class="seTable" id="shenpi">
|
|
|
|
|
+ <table class="table table-bordered table-condensed table-hover">
|
|
|
|
|
+ <tbody>
|
|
|
|
|
+ <tr><th colspan="2" class="taC">报销说明</th></tr>
|
|
|
|
|
+ <tr><th colspan="2">
|
|
|
|
|
+ <textarea required rows="2" style="width:99%" placeholder="市内交通费、邮寄费、公关费、办公费等费用说明,请详细填写在这。"></textarea>
|
|
|
|
|
+ </th></tr>
|
|
|
|
|
+ <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>
|
|
|
|
|
+ <th>选择审批组</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>联行号 <span class="colRed">(如果不是公司广发,务必填上银行联行号)</span></th><td><input type="text" placeholder="请输入联行号" value=""></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>
|
|
|
|
|
+ </tbody>
|
|
|
|
|
+ </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>
|
|
</div>
|
|
|
- <h4 class="saeaTip">请选择一下需要报销的费用类型</h4>
|
|
|
|
|
- <ul class="saeaType clearfix">
|
|
|
|
|
- <li class="active">
|
|
|
|
|
- <input class="saeaCheckbox" type="checkbox" name="" style="zoom:180%;" checked="">
|
|
|
|
|
- <label>办事处相关费用</label>
|
|
|
|
|
- </li>
|
|
|
|
|
- <li class="active">
|
|
|
|
|
- <input class="saeaCheckbox" type="checkbox" name="" style="zoom:180%;" checked="">
|
|
|
|
|
- <label>差旅相关费用</label>
|
|
|
|
|
- </li>
|
|
|
|
|
- <li>
|
|
|
|
|
- <input class="saeaCheckbox" type="checkbox" name="" style="zoom:180%;">
|
|
|
|
|
- <label>内部培训费用</label>
|
|
|
|
|
- </li>
|
|
|
|
|
- </ul>
|
|
|
|
|
- <div class="entry loan-list">
|
|
|
|
|
- <div class="seTable">
|
|
|
|
|
- <table class="table table-bordered table-condensed table-hover">
|
|
|
|
|
- <tbody>
|
|
|
|
|
- <!-- <tr>
|
|
|
|
|
- <th>选择报销类型</th>
|
|
|
|
|
- <td class="taR"><select><option>请选择</option><option selected>办事处相关费用</option><option>差旅相关费用</option><option>内部培训费用</option></select></td>
|
|
|
|
|
- </tr> -->
|
|
|
|
|
- <th colspan="2" class="taC">办事处相关费用</th>
|
|
|
|
|
- <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>选择审批组</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>联行号 <span class="colRed">(如果不是公司广发,务必填上银行联行号)</span></th><td><input type="text" placeholder="请输入联行号" value=""></td></tr>
|
|
|
|
|
- <tr><th colspan="2" class="taC">报销说明</th></tr>
|
|
|
|
|
- <tr><th colspan="2">
|
|
|
|
|
- <textarea required rows="2" style="width:99%" placeholder="市内交通费、邮寄费、公关费、办公费等费用说明,请详细填写在这。"></textarea>
|
|
|
|
|
- </th></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>
|
|
|
|
|
- </tbody>
|
|
|
|
|
- </table>
|
|
|
|
|
- </br>
|
|
|
|
|
- <table class="table table-bordered table-condensed table-hover">
|
|
|
|
|
- <tbody>
|
|
|
|
|
- <!-- <tr>
|
|
|
|
|
- <th>选择报销类型</th>
|
|
|
|
|
- <td class="taR"><select><option>请选择</option><option>办事处相关费用</option><option selected>差旅相关费用</option><option>内部培训费用</option></select></td>
|
|
|
|
|
- </tr> -->
|
|
|
|
|
- <th colspan="2" class="taC">差旅相关费用</th>
|
|
|
|
|
- <tr><th colspan="2" class="taC">行程详细</th></tr>
|
|
|
|
|
- <tr><th colspan="2" class="ta"><i class="contactsMark icon-">P</i> 2020-01-03 珠海-广州<div class="fR"><a href="">编辑</a> <a href="" class="colRed">移除</a></div></th></tr>
|
|
|
|
|
- <tr><th>往来交通费<p class="colGray">#高铁</p></th><td width="200" class="taR">¥75.00</td></tr>
|
|
|
|
|
- <tr><th>市内交通费<p class="colGray">#出租车</p></th><td width="200" class="taR">¥25.00</td></tr>
|
|
|
|
|
- <tr><th class="taR">合计</th><td class="colGreen taR">¥100.00</td></tr>
|
|
|
|
|
- <tr><th colspan="2" class="ta"><i class="contactsMark icon-">P</i> 2020-01-03~2020-01-04 广州-广州<div class="fR"><a href="">编辑</a> <a href="" class="colRed">移除</a></div></th></tr>
|
|
|
|
|
- <tr><th>出差住宿费<p class="colGray">#住一晚</p></th><td width="200" class="taR">¥235.00</td></tr>
|
|
|
|
|
- <tr><th>出差补助费<p class="colGray">#2天</p></th><td width="200" class="taR">¥60.00</td></tr>
|
|
|
|
|
- <tr><th class="taR">合计</th><td class="colGreen taR">¥295.00</td></tr>
|
|
|
|
|
- <tr><th colspan="2" class="ta"><i class="contactsMark icon-">P</i> 2020-01-05 广州-珠海<div class="fR"><a href="">编辑</a> <a href="" class="colRed">移除</a></div></th></tr>
|
|
|
|
|
- <tr><th>往来交通费<p class="colGray">#高铁</p></th><td width="200" class="taR">¥75.00</td></tr>
|
|
|
|
|
- <tr><th>市内交通费<p class="colGray">#出租车</p></th><td width="200" class="taR">¥25.00</td></tr>
|
|
|
|
|
- <tr><th class="taR">合计</th><td class="colGreen taR">¥100.00</td></tr>
|
|
|
|
|
- <tr><th colspan="2" class="taC"><a href="#route-add" class="button" data-toggle="modal">添加行程费用单</a></th></tr>
|
|
|
|
|
- <tr><th colspan="2" class="taC">差旅相关费用</th></tr>
|
|
|
|
|
- <tr><th>往来交通费</th><td width="200" class="taR">¥150.00</td></tr>
|
|
|
|
|
- <tr><th>市内交通费</th><td width="200" class="taR">¥50.00</td></tr>
|
|
|
|
|
- <tr><th>出差住宿费</th><td width="200" class="taR">¥235.00</td></tr>
|
|
|
|
|
- <tr><th>出差补助</th><td width="200" class="taR">¥60.00</td></tr>
|
|
|
|
|
- <tr><th>其他费用</th><td width="200" class="taR">¥0.00</td></tr>
|
|
|
|
|
- <tr><th class="taR">合计</th><td class="colGreen taR">¥495.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>选择审批组</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>联行号 <span class="colRed">(如果不是公司广发,务必填上银行联行号)</span></th><td><input type="text" placeholder="请输入联行号" value=""></td></tr>
|
|
|
|
|
- <tr><th colspan="2" class="taC">报销说明</th></tr>
|
|
|
|
|
- <tr><th colspan="2">
|
|
|
|
|
- <textarea required rows="2" style="width:99%" placeholder="市内交通费、邮寄费、公关费、办公费等费用说明,请详细填写在这。"></textarea>
|
|
|
|
|
- </th></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>
|
|
|
|
|
- </tbody>
|
|
|
|
|
- </table>
|
|
|
|
|
- </br>
|
|
|
|
|
- <table class="table table-bordered table-condensed table-hover">
|
|
|
|
|
- <tbody>
|
|
|
|
|
- <!-- <tr>
|
|
|
|
|
- <th>选择报销类型</th>
|
|
|
|
|
- <td class="taR"><select><option>请选择</option><option>办事处相关费用</option><option>差旅相关费用</option><option selected>内部培训费用</option></select></td>
|
|
|
|
|
- </tr> -->
|
|
|
|
|
- <th colspan="2" class="taC">内部培训费用</th>
|
|
|
|
|
- <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>选择审批组</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>联行号 <span class="colRed">(如果不是公司广发,务必填上银行联行号)</span></th><td><input type="text" placeholder="请输入联行号" value=""></td></tr>
|
|
|
|
|
- <tr><th colspan="2" class="taC">报销说明</th></tr>
|
|
|
|
|
- <tr><th colspan="2">
|
|
|
|
|
- <textarea required rows="2" style="width:99%" placeholder="市内交通费、邮寄费、公关费、办公费等费用说明,请详细填写在这。"></textarea>
|
|
|
|
|
- </th></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>
|
|
|
|
|
- </tbody>
|
|
|
|
|
- </table>
|
|
|
|
|
- <table class="table">
|
|
|
|
|
- <tr><td><a href="saea-confirm.html" class="button">生成报销单 >></a></td></tr>
|
|
|
|
|
- </table>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="seCensor loan-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>
|
|
|
</div>
|
|
</div>
|
|
@@ -371,4 +407,37 @@
|
|
|
</div>
|
|
</div>
|
|
|
<!--弹出内容-->
|
|
<!--弹出内容-->
|
|
|
<script type="text/javascript">autoFlashHeight();</script>
|
|
<script type="text/javascript">autoFlashHeight();</script>
|
|
|
|
|
+<script src="js/jquery-labelauty.js"></script>
|
|
|
|
|
+<script>
|
|
|
|
|
+ $(function () {
|
|
|
|
|
+ var fixedSide = $("#fixedSide");
|
|
|
|
|
+ var sidelist = $(".sidelist");
|
|
|
|
|
+ var mainTopArr = new Array();
|
|
|
|
|
+ for(
|
|
|
|
|
+ var i=0;i<sidelist.length;i++){
|
|
|
|
|
+ var top = sidelist.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 .sidelist').eq($(this).index()).offset().top;
|
|
|
|
|
+ $('body,html').animate({"scrollTop":t},500);
|
|
|
|
|
+ $(this).addClass('active').siblings().removeClass('active');
|
|
|
|
|
+ });
|
|
|
|
|
+ });
|
|
|
|
|
+ $(function(){
|
|
|
|
|
+ $(':input').labelauty();
|
|
|
|
|
+ });
|
|
|
|
|
+</script>
|
|
|
</body>
|
|
</body>
|