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.
 
 
 
 

181 rivejä
8.6 KiB

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta HTTP-EQUIV="pragma" CONTENT="no-cache">
  6. <meta HTTP-EQUIV="expires" CONTENT="0">
  7. <title>财务报表</title>
  8. <link rel="stylesheet" type="text/css" href="./css/ace.min.css"/>
  9. <link rel="stylesheet" type="text/css" href="./css/bootstrap/bootstrap.min.css"/>
  10. <link rel="stylesheet" type="text/css" href="./css/bootstrap-timepicker.css"/>
  11. <link rel="stylesheet" type="text/css" href="./css/font-awesome.min.css"/>
  12. <link rel="stylesheet" type="text/css" href="./css/daterangepicker.css"/>
  13. <link rel="stylesheet" type="text/css" href="./css/datepicker.css"/>
  14. <link rel="stylesheet" type="text/css" href="./css/master.css">
  15. <link rel="stylesheet" href="css/new_page.css"/>
  16. <link rel="stylesheet" href="css/combo.select.css">
  17. <style>
  18. .middle {
  19. border: 2px solid lightgray;
  20. width: 1160px;
  21. height: 130px;
  22. margin-left: 40px;
  23. margin-top: 25px;
  24. }
  25. .middle_2 {
  26. margin-top: 50px;
  27. margin-left: 20px;
  28. }
  29. .search_btn {
  30. width: 100px;
  31. height: 30px;
  32. display: inline-block;
  33. line-height: 30px;
  34. border: 1px solid rgb(204, 204, 204);
  35. text-align: center;
  36. background-color: lightgray;
  37. cursor: pointer;
  38. margin-left: 20px;
  39. }
  40. .block {
  41. margin-top: 20px;
  42. }
  43. .combo-select {
  44. border: none;
  45. display: inline-block;
  46. }
  47. </style>
  48. </head>
  49. <body>
  50. <!--标题-->
  51. <!--<div class="navbar navbar-default" style="margin-bottom: 0px;">
  52. <div class="navbar-header ">
  53. <a href="#" class="navbar-brand">
  54. <i class="icon-leaf"></i> 蜘蛛行网络科技有限公司<sub style="font-size:12px;position: initial;">&nbsp;<span id="version_txt"></span></sub>
  55. </a>
  56. </div>
  57. </div>
  58. <div class="warp clearfix" id="show_html" style="display: block">
  59. <div class="control-bar"></div>
  60. <div class="control-show" style="float: left;">-->
  61. <div id="">
  62. <div class="middle">
  63. <div class="first">
  64. <div class="block" style="margin-left: 20px;">
  65. <!--最上一栏-->
  66. <div>
  67. <span style="display: inline-block;">日期选择:</span>
  68. <select style="width: 100px; height: 30px; margin-top: 5px;margin-left: 5px;display: inline-block;cursor: pointer"
  69. id="date_type">
  70. <option value="1" selected="selected" style="font-size: 12px;">预订日期</option>
  71. <option value="2" style="font-size: 12px;">入住日期</option>
  72. <option value="3" style="font-size: 12px;">离店日期</option>
  73. </select>
  74. <input type="text" id="start_date" class="Wdate"
  75. style="height: 30px; width: 100px;display: inline-block"
  76. name="begin"
  77. onClick="WdatePicker({doubleCalendar:true,errDealMode:0,alwaysUseStartDate:true})"/>
  78. <span>-</span>
  79. <input type="text" id="end_date" class="Wdate"
  80. style="height: 30px; width: 100px;display: inline-block"
  81. name="end"
  82. onClick="WdatePicker({doubleCalendar:true,errDealMode:0,alwaysUseStartDate:true})"/>
  83. <span id="yesterday" class="btn"
  84. style="font-size: 12px;width: 50px; padding: 3px;display: inline-block;margin-left: 5px;"
  85. onclick="">昨日</span>
  86. <span id="today" class="btn"
  87. style="font-size: 12px;width: 50px; padding: 3px;display: inline-block;margin-left: 5px;">今日</span>
  88. <span id="thisweek" class="btn"
  89. style="font-size: 12px;width: 50px; padding: 3px;display: inline-block;margin-left: 5px;">本周</span>
  90. <span id="thismonth" class="btn"
  91. style="font-size: 12px;width: 50px; padding: 3px;display: inline-block;margin-left: 5px;">本月</span>
  92. <span style="display: inline-block;margin-left: 30px;">酒店城市:</span>
  93. <select id="province"
  94. style="width: 75px; height: 30px; margin-top: 5px;display: inline-block;;cursor: pointer">
  95. <option value="0" selected="selected" style="font-size: 12px;">选择省</option>
  96. </select>
  97. <select id="city"
  98. style="width: 75px; height: 30px; margin-top: 5px;display: inline-block;;cursor: pointer">
  99. <option value="0" selected="selected" style="font-size: 12px;">选择市</option>
  100. </select>
  101. <span style="display: inline-block; margin-top: 5px;;margin-left: 30px">酒店名称:</span>
  102. <input type="text" id="hotel_name" placeholder="酒店名称"
  103. style="width: 100px; height: 30px;font-size: 12px"/>
  104. </div>
  105. </div>
  106. <div class="block" style="margin-left: 20px;">
  107. <span><span style="visibility: hidden">空</span>供应商:</span>
  108. <select id="supplier_id" style="width:150px;margin-left: 5px;cursor: pointer" class="select_line">
  109. <option class="supp" value="0">请选择</option>
  110. </select>
  111. <span style="margin-left: 30px">销售渠道:</span>
  112. <select id="sale_org_id" style="width:150px;margin-left: 5px;cursor: pointer" class="select_line">
  113. <option class="sale" value="0">请选择</option>
  114. </select>
  115. <span class="btn" id="search"
  116. style="font-size: 12px;width: 50px; padding: 3px;display: inline-block;margin-left: 5px;">查询</span>
  117. <div id="excel" class="search_btn btn-primary" style="margin-left: 30px">导出订单列表</div>
  118. </div>
  119. </div>
  120. </div>
  121. <!--表单-->
  122. <div style="margin-top: 20px;width: 1160px;margin-left: 40px">
  123. <table id="table" class="table table-striped table-bordered table-hover" style="text-align: center">
  124. <thead>
  125. <tr>
  126. <th width="160" style="text-align: center">酒店</th>
  127. <th width="90" style="text-align: center">订单数</th>
  128. <th width="90" style="text-align: center">间夜数</th>
  129. <th width="90" style="text-align: center">间夜数月环比</th>
  130. <th width="90" style="text-align: center">销售额</th>
  131. <th width="90" style="text-align: center">销售额月环比</th>
  132. <th width="90" style="text-align: center">采购成本</th>
  133. <th width="90" style="text-align: center">渠道佣金</th>
  134. <th width="90" style="text-align: center">毛利</th>
  135. <th width="90" style="text-align: center">毛利月环比</th>
  136. <th width="90" style="text-align: center">毛利率</th>
  137. </tr>
  138. </thead>
  139. <tbody id="main_tbody">
  140. <tr class="up_tr" style="font-weight: bold;">
  141. <td>总计</td>
  142. <td>[订单数]</td>
  143. <td>[间夜数]</td>
  144. <td>[间夜数月环比]</td>
  145. <td>[销售额]</td>
  146. <td>[销售额月环比]</td>
  147. <td>[采购成本]</td>
  148. <td>[渠道佣金]</td>
  149. <td>[毛利]</td>
  150. <td>[毛利月环比]</td>
  151. <td>[毛利率]</td>
  152. </tr>
  153. <tr class="main_tr">
  154. <td>[酒店]</td>
  155. <td>[订单数]</td>
  156. <td>[间夜数]</td>
  157. <td>[间夜数月环比]</td>
  158. <td>[销售额]</td>
  159. <td>[销售额月环比]</td>
  160. <td>[采购成本]</td>
  161. <td>[渠道佣金]</td>
  162. <td>[毛利]</td>
  163. <td>[毛利月环比]</td>
  164. <td>[毛利率]</td>
  165. </tr>
  166. </tbody>
  167. </table>
  168. <div class="pageDiv"></div>
  169. </div>
  170. </div>
  171. <!--</div>-->
  172. </body>
  173. <script type="text/javascript" src="js/htCommon.js"></script>
  174. <script type="text/javascript" src="js/statistical_report.js"></script>
  175. <!--<script src="js/master.js" type="text/javascript" charset="utf-8"></script>-->
  176. <script type="text/javascript" src="js/jquery.combo.select.js"></script>
  177. </html>