| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270 |
- <!DOCTYPE html>
- <html lang=zh-cn>
- <head>
- <meta charset=utf-8>
- <title>CLD.System</title>
- <meta name=description content=电子版晴雨表,在线晴雨表,网页晴雨表>
- <link rel="shortcut icon" href="images/favicon.ico">
- <meta name=copyright content=smartcost.com.cn>
- <link rel=stylesheet href=css/global.css>
- <script src=js/jquery-1.7.1.min.js></script>
- <script src=js/global.js></script>
- </head>
- <body>
- <div class="mainLayout">
- <div class="mainMenu">
- <div class="menuItem">
- <a href="#" class="mLogo">CLD</a>
- <ul>
- <li data-placement="right" data-toggle="ctooltip" data-original-title="信息中心" class="topLine"><a href="#" class="icon-" >B</a></li>
- <li data-placement="right" data-toggle="ctooltip" data-original-title="通讯录"><a href="#" class="icon-">A</a></li>
- <li data-placement="right" data-toggle="ctooltip" data-original-title="在线锁库"><a href="#" class="icon-">C</a></li>
- <li data-placement="right" data-toggle="ctooltip" data-original-title="报销单" class="topLine"><a href="#" class="icon-">U</a></li>
- <li data-placement="right" data-toggle="ctooltip" data-original-title="发票申请"><a href="#" class="icon- selected">D</a></li>
- <li data-placement="right" data-toggle="ctooltip" data-original-title="邮件推广"><a href="#" class="icon- ">Z</a></li>
- </ul>
- </div>
- <div class="userMenu">
- <ul>
- <li data-placement="right" data-toggle="ctooltip" data-original-title="APP" class="topLine"><a href="#" class="icon-">Y</a></li>
- <li data-placement="right" data-toggle="ctooltip" data-original-title="个人设置"><a href="#" class="icon-">F</a></li>
- <li data-placement="right" data-toggle="ctooltip" data-original-title="退出系统"><a href="#" class="icon-">G</a></li>
- </ul>
- </div>
- </div>
- <div class="warpContent">
- <div class="subMenu fL">
- <div class="menuItem">
- <ul>
- <li class="invoiceTitle">发票申请</li>
- <li><a href="invoice-my.html">我的发票</a></li>
- <li><a href="invoice-billing-my.html">我的收款</a></li>
- <li class="topLine"><a href="invoice-billing.html" class="selected">收款认领</a></li>
- <li><a href="invoice-approval.html">发票审批</a></li>
- <li><a href="invoice-print.html">发票打印</a></li>
- <li><a href="invoice-shipping.html">发票邮寄</a></li>
- <li><a href="">报表</a></li>
- </ul>
- </div>
- </div>
- <div class="adminContent autoHeight">
- <legend>
- 收款管理
- </legend>
- <div class="demandCate">
- <ul class="cateList">
- <li><a class="now" href="#">所有</a><a href="#" title="未认领">未认领</a><a href="#" title="已开票">已开票</a></li>
- <li><select><option>2016年</option></select> <select><option>不限</option><option>1月</option></select></li>
- </ul>
- </div>
- <table class="table">
- <thead>
- <tr>
- <th>收款金额</th>
- <th>收款信息</th>
- <th>收款银行</th>
- <th>银行到帐时间</th>
- <th>录入收款</th>
- <th>认领收款</th>
- <th>发票</th>
- <th>操作</th>
- </tr>
- </thead>
- <tr>
- <td><b class="colOrange">¥30000.00</b></td>
- <td>李艳芬/鹅蛋山</td>
- <td>广发银行珠海分行柠溪支行</td>
- <td>2015-04-12</td>
- <td>张少珊<br>2015-04-12 11:30:02</td>
- <td>陈特 认领<br>2015-04-12 11:30:02</td>
- <td></td>
- <td><a href="#receive" data-toggle="modal">变更</a></td>
- </tr>
- <tr>
- <td><b class="colOrange">¥30000.00</b></td>
- <td>李艳芬/鹅蛋山</td>
- <td>广发银行珠海分行柠溪支行</td>
- <td>2015-04-12</td>
- <td>张少珊<br>2015-04-12 11:30:02</td>
- <td>张少珊 转入 刘飞<br>2015-04-12 11:30:02</td>
- <td></td>
- <td><a href="#receive" data-toggle="modal">变更</a></td>
- </tr>
- <tr>
- <td><b class="colOrange">¥30000.00</b></td>
- <td>李艳芬/鹅蛋山</td>
- <td>广发银行珠海分行柠溪支行</td>
- <td>2015-04-12</td>
- <td>张少珊<br>2015-04-12 11:30:02</td>
- <td>陈特 认领<br>2015-04-12 11:30:02</td>
- <td><a href="#invoiced" data-toggle="modal">#F20160316001</a><br>4401204785 / NO.726348</td>
- <td></td>
- </tr>
- <tr>
- <td><b class="colBlue">¥30000.00</b></td>
- <td>李艳芬/鹅蛋山</td>
- <td>广发银行珠海分行柠溪支行</td>
- <td>2015-04-12</td>
- <td>张少珊<br>2015-04-12 11:30:02</td>
- <td></td>
- <td></td>
- <td><a href="#billeidt" data-toggle="modal">修改</a> <a href="#billdel" data-toggle="modal">删除</a></td>
- </tr>
- </table>
- <!--翻页-->
- <div class="demandPage">
- <ul class="pagination fL">
- <li><a href="#"><</a></li>
- <li><a href="#">1</a></li>
- <li class="active"><a href="#">2</a></li>
- <li><a href="#">3</a></li>
- <li><a href="#">4</a></li>
- <li><a href="#">5</a></li>
- <li><a href="#">></a></li>
- </ul>
- </div>
- </div>
- </div>
- </div>
- <!--弹出(发票详情)-->
- <div class="modal hide fade" id="invoiced">
- <div class="modal-header">
- <h3>发票单详情</h3>
- </div>
- <div class="modal-body">
- <table class="table">
- <thead>
- <tr><td><span class="contactsTag tagCol-01">已打印</span></td><td colspan="3">张少珊 2016-11-01 11:03:03<br>圆通速运:1231243255232323</td></tr>
- </thead>
- <tr><th width="50">发票代码</th><td class="colGreen">4400152320</td>
- <th width="50">发票号</th><td class="colGreen">NO.07957263</td>
- </tr>
- <tr><th width="50">金额</th><td colspan="3"><b class="colOrange">¥3000.00</b></td>
- </tr>
- <tr><th width="50">发票类型</th><td>普通发票</td>
- <th width="50">开票内容</th><td>纵横公路工程造价管理系统V9.0</td>
- </tr>
- <!--普通发票-->
- <tr><th width="50">发票抬头</th><td colspan="3">珠海纵横创建软件有限公司</td>
- </tr>
- <!--增值税发票-->
- <tr><th width="50">单位名称</th><td>珠海纵横创建软件有限公司</td>
- <th width="60" title="纳税人识别码">识别码</th><td>1212123123123</td>
- </tr>
- <tr>
- <th width="50">注册地址</th><td>广东省珠海市香洲区银桦路8号24D</td>
- <th width="50">注册电话</th><td>0756-34324</td>
- </tr>
- <tr>
- <th width="50">开户银行</th><td>广发银行</td>
- <th width="50">银行账号</th><td>234324234</td>
- </tr>
- <tr>
- <th>单号</th><td>#F20160316001</td>
- <th>提交时间</th><td>2016-03-01 12:30:01</td>
- </tr>
- <tr>
- <th>备注</th><td colspan="3">备注内容</td>
- </tr>
- </table>
- <table class="table">
- <thead><tr><th width="50">邮寄信息</th><td></td>
- <th width="60"></th><td></td></tr></thead>
- <tr>
- </tr>
- <tr>
- <th>地址</th><td colspan="3">广东省珠海市XXX路XXX号</td>
- </tr>
- <tr>
- <th>收件人</th><td>陈工</td>
- <th>手机/电话</th><td>12345678901</td>
- </tr>
- <tr>
- <th>邮寄物品</th><td colspan="3">锁x1、宣传但x2</td>
- </tr>
- </table>
- </div>
- <div class="modal-footer">
- <a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">关闭</a>
- </div>
- </div>
- <!--弹出内容-->
- <!--弹出认领-->
- <div class="modal hide fade" id="receive">
- <div class="modal-header">
- <h3>变更认领人</h3>
- </div>
- <div class="modal-body">
- <form class="form-horizontal">
- <div class="control-group">
- <label class="control-label"><span class="colRed">*</span>认领人</label>
- <div class="controls">
- <select><option>广东办-刘飞</option><option>广东办-姜栋</option></select>
- </div>
- </div>
- </form>
- </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 class="modal hide fade" id="billeidt">
- <div class="modal-header">
- <h3>修改收款</h3>
- </div>
- <div class="modal-body">
- <form class="form-horizontal">
- <div class="control-group">
- <label class="control-label"><span class="colRed">*</span>到款金额</label>
- <div class="controls">
- <input value="0" placeholder="输入开票金额" pattern="[0-9]" min="0" step="0.01" type="number">
- </div>
- </div>
- <div class="control-group">
- <label class="control-label"><span class="colRed">*</span>到款信息</label>
- <div class="controls">
- <input type="text">
- </div>
- </div>
- <div class="control-group">
- <label class="control-label"><span class="colRed">*</span>到款银行</label>
- <div class="controls">
- <select>
- <option>广发银行珠海分行柠溪支行</option>
- </select>
- </div>
- </div>
- <div class="control-group">
- <label class="control-label"><span class="colRed">*</span>银行到款时间</label>
- <div class="controls">
- <input type="date">
- </div>
- </div>
- </form>
- </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 class="modal hide fade" id="billdel">
- <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>
- <!--弹出删除-->
- <script type="text/javascript">autoFlashHeight();</script>
- </body>
|