123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128 |
- <%--
- Created by IntelliJ IDEA.
- User: 822
- Date: 2018/8/6
- Time: 10:15
- To change this template use File | Settings | File Templates.
- --%>
- <%@ page contentType="text/html;charset=UTF-8" %>
- <%@ include file="/WEB-INF/views/include/taglib.jsp"%>
- <html>
- <head>
- <title>对账列表-财务审核</title>
- <meta name="decorator" content="default"/>
- <%--<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>--%>
- <style type="text/css">
- *{margin: 0;padding: 0}
- a{list-style: none;text-decoration: none}
- body{background-color: #fff}
- h3{border-left: 3px solid #08c;line-height: 20px;padding-left: 15px; font-weight: normal;margin:15px 0;}
- .data-list{font-size: 14px;color: rgb(51,51,51);background-color: #fff;margin-bottom: 30px;}
- .data-top{line-height: 40px;background-color: rgb(242,242,242);padding-left: 15px;font-size: 15px;}
- .info-contact{display: inline-block;margin: 20px 0 0 50px;}
- .info-contact label{width: 100px;display: inline-block}
- .info-contact span{margin-right: 10px;display: inline-block;width: 160px;}
- .data-title{width: 100%;border-collapse: collapse;}
- .data-title th{color: #000;font-weight: normal;background-color: #CCCCCC}
- .data-title th,.data-title td{width: 8.5%; height: 35px;border: 1px solid #CCCCCC;text-align: center;padding: 2px 0;font-size: 14px;}
- .data-title th:nth-of-type(1){width:15%}
- .data-title td img{width: 60px;height: 60px;vertical-align: middle}
- .confirm-btn{margin:30px 10px; }
- .confirm-btn span{display: inline-block;cursor: pointer; padding: 7px 13px; background-color: #00A6C7;color: #fff;font-size: 14px;border-radius:5px; }
- .btn-1{margin-right: 30px;}
- .btn-2{}
- .cost-info{}
- .cost-info p{ font-size: 14px;margin-bottom: 20px;}
- .cost{padding: 20px 50px;}
- </style>
- <script type="text/javascript">
- window.onload = function(){
- }
- </script>
- </head>
- <body>
- <h3>订单列表-财务审核</h3>
- <div class="data-list">
- <div class="data-top">
- 订单信息
- </div>
- <div class="info-contact">
- <label>订单编号:</label>
- <span>12121a2dsad</span>
- </div>
- <div class="info-contact">
- <label>是否分期:</label>
- <span>是</span>
- </div><br/>
- <div class="info-contact">
- <label>收货人:</label>
- <span>是的三大</span>
- </div>
- <div class="info-contact">
- <label>联系方式:</label>
- <span>13412341111</span>
- </div>
- <div class="info-contact">
- <label>地址:</label>
- <span>是</span>
- </div>
- </div>
- <div class="shop-info">
- <div class="data-top">
- 商品信息
- </div>
- <table class="data-title">
- <tr>
- <th>产品名称</th>
- <th>数量</th>
- <th>单价</th>
- <th>折扣</th>
- <th>税率</th>
- <th>税费</th>
- <th>总价</th>
- <th>应付金额</th>
- <th>进账时间</th>
- <th>审核时间</th>
- <th>操作</th>
- </tr>
- <tr>
- <td>
- <input type="checkbox"/>
- <img src="123.jpg">
- <span>12121asd</span>
- </td>
- <td></td>
- <td></td>
- <td></td>
- <td></td>
- <td></td>
- <td></td>
- <td></td>
- <td></td>
- <td></td>
- <td>
- <a href="">进账确认</a>
- <a href="">进账审核</a>
- </td>
- </tr>
- </table>
- <div class="confirm-btn">
- <span class="btn-1">批量进账确认</span>
- <span class="btn-2">批量财务审核</span>
- </div>
- </div>
- <div class="cost-info">
- <div class="data-top">
- 费用信息
- </div>
- <div class="cost">
- <p>合计:</p>
- <p>应收:</p>
- <p>未收:</p>
- </div>
- </div>
- </body>
- </html>
|