customerService.jsp 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128
  1. <%--
  2. Created by IntelliJ IDEA.
  3. User: 822
  4. Date: 2018/8/6
  5. Time: 10:15
  6. To change this template use File | Settings | File Templates.
  7. --%>
  8. <%@ page contentType="text/html;charset=UTF-8" %>
  9. <%@ include file="/WEB-INF/views/include/taglib.jsp"%>
  10. <html>
  11. <head>
  12. <title>对账列表-财务审核</title>
  13. <meta name="decorator" content="default"/>
  14. <%--<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>--%>
  15. <style type="text/css">
  16. *{margin: 0;padding: 0}
  17. a{list-style: none;text-decoration: none}
  18. body{background-color: #fff}
  19. h3{border-left: 3px solid #08c;line-height: 20px;padding-left: 15px; font-weight: normal;margin:15px 0;}
  20. .data-list{font-size: 14px;color: rgb(51,51,51);background-color: #fff;margin-bottom: 30px;}
  21. .data-top{line-height: 40px;background-color: rgb(242,242,242);padding-left: 15px;font-size: 15px;}
  22. .info-contact{display: inline-block;margin: 20px 0 0 50px;}
  23. .info-contact label{width: 100px;display: inline-block}
  24. .info-contact span{margin-right: 10px;display: inline-block;width: 160px;}
  25. .data-title{width: 100%;border-collapse: collapse;}
  26. .data-title th{color: #000;font-weight: normal;background-color: #CCCCCC}
  27. .data-title th,.data-title td{width: 8.5%; height: 35px;border: 1px solid #CCCCCC;text-align: center;padding: 2px 0;font-size: 14px;}
  28. .data-title th:nth-of-type(1){width:15%}
  29. .data-title td img{width: 60px;height: 60px;vertical-align: middle}
  30. .confirm-btn{margin:30px 10px; }
  31. .confirm-btn span{display: inline-block;cursor: pointer; padding: 7px 13px; background-color: #00A6C7;color: #fff;font-size: 14px;border-radius:5px; }
  32. .btn-1{margin-right: 30px;}
  33. .btn-2{}
  34. .cost-info{}
  35. .cost-info p{ font-size: 14px;margin-bottom: 20px;}
  36. .cost{padding: 20px 50px;}
  37. </style>
  38. <script type="text/javascript">
  39. window.onload = function(){
  40. }
  41. </script>
  42. </head>
  43. <body>
  44. <h3>订单列表-财务审核</h3>
  45. <div class="data-list">
  46. <div class="data-top">
  47. 订单信息
  48. </div>
  49. <div class="info-contact">
  50. <label>订单编号:</label>
  51. <span>12121a2dsad</span>
  52. </div>
  53. <div class="info-contact">
  54. <label>是否分期:</label>
  55. <span>是</span>
  56. </div><br/>
  57. <div class="info-contact">
  58. <label>收货人:</label>
  59. <span>是的三大</span>
  60. </div>
  61. <div class="info-contact">
  62. <label>联系方式:</label>
  63. <span>13412341111</span>
  64. </div>
  65. <div class="info-contact">
  66. <label>地址:</label>
  67. <span>是</span>
  68. </div>
  69. </div>
  70. <div class="shop-info">
  71. <div class="data-top">
  72. 商品信息
  73. </div>
  74. <table class="data-title">
  75. <tr>
  76. <th>产品名称</th>
  77. <th>数量</th>
  78. <th>单价</th>
  79. <th>折扣</th>
  80. <th>税率</th>
  81. <th>税费</th>
  82. <th>总价</th>
  83. <th>应付金额</th>
  84. <th>进账时间</th>
  85. <th>审核时间</th>
  86. <th>操作</th>
  87. </tr>
  88. <tr>
  89. <td>
  90. <input type="checkbox"/>
  91. <img src="123.jpg">
  92. <span>12121asd</span>
  93. </td>
  94. <td></td>
  95. <td></td>
  96. <td></td>
  97. <td></td>
  98. <td></td>
  99. <td></td>
  100. <td></td>
  101. <td></td>
  102. <td></td>
  103. <td>
  104. <a href="">进账确认</a>
  105. <a href="">进账审核</a>
  106. </td>
  107. </tr>
  108. </table>
  109. <div class="confirm-btn">
  110. <span class="btn-1">批量进账确认</span>
  111. <span class="btn-2">批量财务审核</span>
  112. </div>
  113. </div>
  114. <div class="cost-info">
  115. <div class="data-top">
  116. 费用信息
  117. </div>
  118. <div class="cost">
  119. <p>合计:</p>
  120. <p>应收:</p>
  121. <p>未收:</p>
  122. </div>
  123. </div>
  124. </body>
  125. </html>