You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

160 lines
6.6 KiB

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>订单列表</title>
  6. <link rel="stylesheet" type="text/css" href="./css/ace.min.css" />
  7. <link rel="stylesheet" type="text/css" href="./css/bootstrap.min.css" />
  8. <link rel="stylesheet" type="text/css" href="./css/bootstrap-timepicker.css" />
  9. <link rel="stylesheet" type="text/css" href="./css/font-awesome.min.css" />
  10. <link rel="stylesheet" type="text/css" href="./css/daterangepicker.css" />
  11. <link rel="stylesheet" type="text/css" href="./css/datepicker.css" />
  12. <link rel="stylesheet" type="text/css" href="./css/master.css">
  13. <link rel="stylesheet" type="text/css" href="./css/Page.css">
  14. <script type="text/javascript" src="./js/jquery-2.0.3.min.js"></script>
  15. <script type="text/javascript" src="./js/date-time/bootstrap-datepicker.min.js"></script>
  16. <script type="text/javascript" src="./js/date-time/bootstrap-timepicker.min.js"></script>
  17. <script type="text/javascript" src="./js/Page.js"></script>
  18. <script type="text/javascript" src="./js/distribution_order_list.js"></script>
  19. </head>
  20. <style type="text/css">
  21. sup {
  22. top: -1.5em;
  23. left: 1.5em;
  24. }
  25. </style>
  26. <script src="js/jquery.cookie.js"></script>
  27. <!--<script src="js/xm.js"></script>
  28. <script>
  29. login();
  30. </script>-->
  31. <body style="font-size: 12px;" style="margin-bottom: 0px;">
  32. <!--<div class="navbar navbar-default">
  33. <div class="navbar-header ">
  34. <a href="#" class="navbar-brand">
  35. <i class="icon-leaf"></i> CS System<sub style="font-size:12px;position: initial;">&nbsp;<span id="version_txt"></span></sub>
  36. </a>
  37. </div>
  38. </div>
  39. <div id="show_html" style="display:none;" class="warp clearfix">
  40. <div class="control-bar"> </div>
  41. <div class="control-show" style="float: left;">-->
  42. <div id="">
  43. <!--
  44. 作者:fuhongcheng_fhc@163.com
  45. 时间:2016-07-12
  46. 描述:分销平台的订单列表
  47. -->
  48. <div class="page-content" style="width: 1225px; margin-left: 40px; margin-top: 30px;">
  49. <div class="top" style="overflow: hidden;">
  50. <span style="float: left;">
  51. <span style="float: left;line-height: 30px;">订单编号:</span><input id="order_id" style="width: 100px;" type="text">
  52. </span>
  53. <span style="float: left;margin-left:5px;"></span>
  54. <span style="float: left;margin-left:10px;">
  55. <span style="float: left;line-height: 30px;">支付单号:</span><input id="pay_order_id" style="width: 100px;" type="text">
  56. </span>
  57. <span style="float: left;margin-left:10px;">
  58. <span style="float: left;line-height: 30px;">下单日期:</span>
  59. <div class="col-sm-1" style="float:left;width: 150px;padding-right: 3px;">
  60. <div class="input-group">
  61. <input id="id-date-picker-1" class="form-control date-picker" data-date-format="yyyy-mm-dd" type="text" placeholder="下单日期" style="font-size: 12px;height: 30px;">
  62. <span class="input-group-addon">
  63. <i class="icon-calendar bigger-110"></i>
  64. </span>
  65. </div>
  66. </div>
  67. </span>
  68. <span style="float: left;margin-left:10px;">
  69. <span style="float: left;line-height: 30px;">订单源:</span>
  70. <select id="order_from" name="order_from">
  71. <option value="">请选择</option>
  72. <option value="">上海和平饭店</option>
  73. </select>
  74. </span>
  75. <span style="float: left;margin-left:10px;">
  76. <span style="float: left;line-height: 30px;">用户姓名:</span><input id="us_name" style="width: 60px;" type="text">
  77. </span>
  78. <span style="float: left;margin-left:10px;">
  79. <span style="float: left;line-height: 30px;">用户手机:</span><input id="us_mobile" style="width: 100px;" type="text">
  80. </span>
  81. <span style="float: left;margin-left:5px;">
  82. <button id="btn_search" onclick="click_search()" class="btn btn-sm btn-primary">查询</button>
  83. </span>
  84. </div>
  85. <div class="row" style="margin-top: 20px;">
  86. <div>
  87. <div class="table-responsive" style="width: 1225px;">
  88. <table id="orderTable" class="table table-striped table-bordered table-hover">
  89. <thead>
  90. <tr>
  91. <!--<th class="center" style="width: 30px;"><label><input class="ace" onclick="select_checked(0)" type="checkbox"><span class="lbl"></span></label></th>-->
  92. <th style="text-align: center;font-weight: bolder;width: 120px;">订单编号</th>
  93. <th style="text-align: center;font-weight: bolder;width: 180px;">订单内容</th>
  94. <th style="text-align: center;font-weight: bolder;width: 65px;">订单金额</th>
  95. <th style="text-align: center;font-weight: bolder;width: 120px">订单源</th>
  96. <th style="text-align: center;font-weight: bolder;width: 120px">下单时间</th>
  97. <th style="text-align: center;font-weight: bolder;width: 240px">支付信息</th>
  98. <th style="text-align: center;font-weight: bolder;width: 140px;">用户信息</th>
  99. <th style="width: 200px;">订单备注</th>
  100. </tr>
  101. </thead>
  102. <tbody id="order_list">
  103. <tr>
  104. <td style="font-weight: bolder;width: 120px;">[订单编号]</td>
  105. <td style="font-weight: bolder;width: 180px;">[订单内容]</td>
  106. <td style="font-weight: bolder;">[订单金额]</td>
  107. <td style="font-weight: bolder;">[订单源]</td>
  108. <td style="font-weight: bolder;">[下单时间]</td>
  109. <td style="font-weight: bolder;">[支付信息]</td>
  110. <td style="font-weight: bolder;">[用户信息]</td>
  111. <td style="width: 200px;padding: 2px;">
  112. <textarea id="[comment]" name="" rows="4" style="width: 100%;" onblur="update_order_comment([param1],[param2])">[textarea-value]</textarea>
  113. </td>
  114. </tr>
  115. </tbody>
  116. </table>
  117. </div>
  118. </div>
  119. </div>
  120. <div id="test"></div>
  121. </div>
  122. <!--
  123. 作者:fuhongcheng_fhc@163.com
  124. 时间:2016-07-12
  125. 描述:分销平台的订单列表
  126. -->
  127. </div>
  128. <!--</div>-->
  129. </body>
  130. <!--<script type="text/javascript" src="./js/master.js"></script>-->
  131. <script type="text/javascript">
  132. $('.date-picker').datepicker({
  133. autoclose: true
  134. }).next().on("click", function() {
  135. $(this).prev().focus();
  136. });
  137. $('#timepicker1').timepicker({
  138. minuteStep: 1,
  139. showSeconds: false,
  140. showMeridian: false
  141. }).next().on("click", function() {
  142. $(this).prev().focus();
  143. });
  144. $('#timepicker2').timepicker({
  145. minuteStep: 1,
  146. showSeconds: false,
  147. showMeridian: false
  148. }).next().on("click", function() {
  149. $(this).prev().focus();
  150. });
  151. </script>
  152. </html>