Du kannst nicht mehr als 25 Themen auswählen Themen müssen entweder mit einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.
 
 
 
 

166 Zeilen
6.1 KiB

  1. <!DOCTYPE html>
  2. <html>
  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" type="text/css" href="./css/Page.css">
  16. <style type="text/css">
  17. .box_main {
  18. width: 1250px;
  19. height: 1000px;
  20. }
  21. .write_order_main_style {
  22. width: 70px;
  23. height: 30px;
  24. margin-left: 30px;
  25. margin-top: 25px;
  26. }
  27. .write_order_left_div_style {
  28. display: inline-block;
  29. width: 1250px;
  30. height: 85px;
  31. margin-top: 30px;
  32. }
  33. .box_second {
  34. width: 1250px;
  35. height: 930px;
  36. border-top: 1px dashed #CCCCCC;
  37. }
  38. .write_main_span {
  39. display: inline-block;
  40. width: 1250px;
  41. height: 30px;
  42. margin-top: 30px;
  43. }
  44. .style_left_main {
  45. vertical-align: top;
  46. display: inline-block;
  47. width: 65px;
  48. margin-left: 30px;
  49. height: 30px;
  50. line-height: 30px;
  51. text-align: right;
  52. }
  53. .style_right_main {
  54. display: inline-block;
  55. width: 200px;
  56. margin-left: 30px;
  57. height: 30px;
  58. line-height: 30px;
  59. }
  60. </style>
  61. </head>
  62. <body>
  63. <!--<div class="navbar navbar-default" style="margin-bottom: 0px;">
  64. <div class="navbar-header ">
  65. <a href="#" class="navbar-brand">
  66. <i class="icon-leaf"></i> CS System<sub style="font-size:12px;position: initial;">&nbsp;<span id="version_txt"></span></sub>
  67. </a>
  68. </div>
  69. </div>
  70. <div class="warp clearfix">
  71. <div class="control-bar"></div>
  72. <div class="control-show" style="float: left;">-->
  73. <!--最大div-->
  74. <div class="box_main">
  75. <!--填写订单-->
  76. <div class="write_order_main_style">填写订单</div>
  77. <!--下部整体div-->
  78. <div class="box_second">
  79. <span class="write_main_span">
  80. <div class="style_left_main">酒店名称 :</div>
  81. <div class="style_right_main">上海外滩茂悦大酒店</div>
  82. </span>
  83. <span class="write_main_span">
  84. <div class="style_left_main">产品名称 :</div>
  85. <div class="style_right_main">湖景大床房(双人入住)[含早]</div>
  86. </span>
  87. <div class="write_order_left_div_style">
  88. <div class="style_left_main">订单渠道 :</div>
  89. <div class="style_right_main">
  90. <div style="width: 160px;" id="bts-ex-4" class="selectpicker" data-live="true">
  91. <button data-id="prov" type="button" class="dropdown-toggle1"
  92. style="width: 100%;background-color: #fff;border: 1px solid #ccc;height: 30px;padding-left: 5px;">
  93. <span style="float:left;" class="placeholder">请选择</span>
  94. <span style="float:right;" class="caret"></span>
  95. </button>
  96. <div class="dropdown-menu">
  97. <div class="live-filtering" data-clear="true" data-autocomplete="true" data-keys="true">
  98. <label class="sr-only" for="input-bts-ex-4">Search</label>
  99. <div class="search-box">
  100. <div class="input-group">
  101. <span class="input-group-addon" id="search-icon3">
  102. <span><img width="15px;" src="images/search.png"></span>
  103. </span>
  104. <input type="text" placeholder="Search" id="input-bts-ex-4"
  105. class="form-control live-search" aria-describedby="search-icon3"
  106. tabindex="1"/>
  107. </div>
  108. </div>
  109. <div class="list-to-filter">
  110. <ul id="ordersource" class="list-unstyled">
  111. <!-- <li value="-1" class="filter-item items" data-filter="item_1">请选择</li> -->
  112. </ul>
  113. </div>
  114. </div>
  115. </div>
  116. </div>
  117. </div>
  118. <span class="write_main_span">
  119. <div class="style_left_main"></div>
  120. <div class="style_right_main"><input placeholder="订单渠道号" type="text" name="" id=""
  121. value=""/></div>
  122. </span>
  123. </div>
  124. </div>
  125. </div>
  126. <!--</div>
  127. </div>-->
  128. </body>
  129. <script src="js/htCommon.js" type="text/javascript" charset="utf-8"></script>
  130. <script src="js/modernizr.min.js"></script>
  131. <script src="js/vendor/tabcomplete.min.js"></script>
  132. <script src="js/vendor/livefilter.min.js"></script>
  133. <script src="js/vendor/src/bootstrap-select.js"></script>
  134. <script src="js/vendor/src/filterlist.js"></script>
  135. <script src="js/plugins.js"></script>
  136. <script type="text/javascript">
  137. $('.date-picker').datepicker({
  138. autoclose: true
  139. }).next().on("click", function () {
  140. $(this).prev().focus();
  141. });
  142. $('#timepicker1').timepicker({
  143. minuteStep: 1,
  144. showSeconds: false,
  145. showMeridian: false
  146. }).next().on("click", function () {
  147. $(this).prev().focus();
  148. });
  149. $('#timepicker2').timepicker({
  150. minuteStep: 1,
  151. showSeconds: false,
  152. showMeridian: false
  153. }).next().on("click", function () {
  154. $(this).prev().focus();
  155. });
  156. </script>
  157. </html>