offer.html 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>提供报价</title>
  6. <link rel="stylesheet" href="/layui/css/layui.css">
  7. <script src="/layui/layui.js"></script>
  8. <script src="/js/jquery.js"></script>
  9. <script src="/js/common.js"></script>
  10. <link rel="stylesheet" href="/css/demandForSingle/index.css">
  11. <link rel="stylesheet" href="/css/demandForSingle/offer.css">
  12. <script src="/js/demandForSingle/offer/even.js" type="text/javascript"></script>
  13. <script src="/js/demandForSingle/offer/index.js" type="text/javascript"></script>
  14. <script src="/js/demandForSingle/offer/function.js" type="text/javascript"></script>
  15. <script type="text/javascript">
  16. var uuid = "[[${uuid}]]";
  17. </script>
  18. </head>
  19. <body>
  20. <!-- 头部搜索 -->
  21. <div class="form_div">
  22. <!-- 搜索条件 -->
  23. <div class="title_input layui-form">
  24. <div class="layui-form-item">
  25. <div class="layui-inline">
  26. <label class="layui-form-label">需求:</label>
  27. <span class="destination_end">烟台-杭州</span>
  28. <span class="division_div">|</span>
  29. <span class="start_end_time">2022.03.22-2022.03.28</span>
  30. <span class="division_div">|</span>
  31. <span class="people_number">2成人1儿童0老人</span>
  32. <span class="division_div">|</span>
  33. <span class="amount_range">8000-12000元</span>
  34. <span class="division_div">|</span>
  35. <span class="hotel_scale">酒店档次:高档·4星</span>
  36. </div>
  37. </div>
  38. </div>
  39. <!-- 表单 -->
  40. <div class="list_div">
  41. <!-- 左侧天数选择 -->
  42. <div class="day_column">
  43. <div class="timeline" data-v-2d69a44a="">
  44. <ul data-v-2d69a44a="">
  45. <li dayNum="1" class="pre-actived" data-v-2d69a44a="" onclick="clickDayNum(this)">
  46. <i data-v-2d69a44a="">Day1</i>
  47. <span data-v-2d69a44a=""></span>
  48. </li>
  49. </ul>
  50. </div>
  51. </div>
  52. <!-- 右侧内容 -->
  53. <div class="content_right layui-form">
  54. <div class="content_add_div" dayNum="1">
  55. <!-- 日期选择 -->
  56. <div class="layui-inline">
  57. <label class="layui-form-label" style="margin-top: 8px">日&nbsp;&nbsp;&nbsp;&nbsp;期:</label>
  58. <div class="layui-input-inline">
  59. <div class="date_content_div">
  60. <img class="date_content_img" src="/images/demandForSingle/date.png"/>
  61. <input type="text" class="layui-input date_content_input select_date_input" name='planDate' placeholder="请输入时间 年.月.日" readonly = "readonly">
  62. </div>
  63. </div>
  64. </div>
  65. <!-- 时间增加 -->
  66. <div class="layui-inline">
  67. <label class="layui-form-label" style="margin-top: 8px">时间点:</label>
  68. <div class="layui-input-inline positioning_div" style="width: 90%">
  69. <div class="date_content_div">
  70. <input type="text" class="layui-input date_hours_content_input" placeholder="请输入时间">
  71. <input type="text" class="layui-input date_hours_content date_content_input" placeholder="请输入内容">
  72. </div>
  73. <img class="add_date" src="/images/demandForSingle/add_date.png"/>
  74. </div>
  75. </div>
  76. <!-- 游玩内容 -->
  77. <div class="play_div">
  78. <!-- 景点 -->
  79. <div class="play_content_div scenic_spot_div">
  80. <div class="title_name_spot">
  81. <svg viewBox="0 0 1024 1024" class="title_name_img">
  82. <path d="M512 64C317.92 64 160 221.92 160 416c0 187.36 315.424 520.032 328.832 534.08C494.88 956.448 503.264 960 512 960c0.224 0 0.48 0 0.704 0 8.992 0 17.472-4.192 23.392-10.944l109.216-125.12C790.432 646.176 864 508.928 864 416 864 221.92 706.08 64 512 64zM512 576c-88.384 0-160-71.616-160-160s71.616-160 160-160 160 71.616 160 160S600.384 576 512 576z" p-id="2190"></path>
  83. </svg>
  84. <input type="text" placeholder="景点名称" class="layui-input date_content_input">
  85. </div>
  86. <div class="editor-assets" data-v-400c2eb9="">
  87. <div class="editor-assets-control" data-v-400c2eb9="">
  88. <div class="editor-assets-control-item file_videos" data-v-400c2eb9=""><i
  89. class="assets-icon assets-videos-icon" data-v-400c2eb9=""></i><span
  90. data-v-400c2eb9="">插入视频</span></div>
  91. <div class="editor-assets-control-item file_img file_margin" data-v-400c2eb9=""><i
  92. class="assets-icon assets-images-icon" data-v-400c2eb9=""></i><span
  93. data-v-400c2eb9="">插入图片</span></div>
  94. </div>
  95. <div class="editor-assets-content" data-v-400c2eb9="">
  96. </div>
  97. </div>
  98. <div class="editor-content" data-v-400c2eb9=""><p data-v-400c2eb9="">景点介绍</p>
  99. <textarea placeholder="景点介绍" maxlength="2000" data-v-400c2eb9=""></textarea>
  100. </div>
  101. <!-- 关闭按钮 -->
  102. <div class="close_play_button" onClick="delPlay(this)">
  103. <i class="layui-icon layui-icon-close"></i>
  104. </div>
  105. </div>
  106. <!-- 悬浮效果 -->
  107. <div class="operation" data-v-67b53f28="" data-v-5161540f="" onmouseover="operationOver(this)" onmouseout="operationOut(this)">
  108. <div class="operation-leader" data-v-67b53f28="">
  109. <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" data-v-67b53f28="">
  110. <path fill="currentColor" d="M480 480V128a32 32 0 0 1 64 0v352h352a32 32 0 1 1 0 64H544v352a32 32 0 1 1-64 0V544H128a32 32 0 0 1 0-64h352z"></path>
  111. </svg>
  112. </div>
  113. <div class="icon-group" data-v-67b53f28="">
  114. <div class="icon-item" data-v-67b53f28="" onClick="addDay(this)">
  115. <i class="icon icon-dir" data-v-67b53f28=""></i>
  116. <span data-v-67b53f28="">添加目录/天</span>
  117. </div>
  118. <div class="icon-item" data-v-67b53f28="" onClick="addPlace(this)">
  119. <i class="icon icon-location" data-v-67b53f28=""></i>
  120. <span data-v-67b53f28="">添加地点</span>
  121. </div>
  122. </div>
  123. </div>
  124. <!-- 酒店 -->
  125. <div class="play_content_div hotel_play_div">
  126. <div class="title_name_spot">
  127. <svg viewBox="0 0 1024 1024" class="title_name_img">
  128. <path d="M512 64C317.92 64 160 221.92 160 416c0 187.36 315.424 520.032 328.832 534.08C494.88 956.448 503.264 960 512 960c0.224 0 0.48 0 0.704 0 8.992 0 17.472-4.192 23.392-10.944l109.216-125.12C790.432 646.176 864 508.928 864 416 864 221.92 706.08 64 512 64zM512 576c-88.384 0-160-71.616-160-160s71.616-160 160-160 160 71.616 160 160S600.384 576 512 576z" p-id="2190"></path>
  129. </svg>
  130. <input type="text" placeholder="酒店名称" class="layui-input date_content_input">
  131. </div>
  132. <div class="editor-assets" data-v-400c2eb9="">
  133. <div class="editor-assets-control" data-v-400c2eb9="">
  134. <div class="editor-assets-control-item file_videos" data-v-400c2eb9=""><i
  135. class="assets-icon assets-videos-icon" data-v-400c2eb9=""></i><span
  136. data-v-400c2eb9="">插入视频</span></div>
  137. <div class="editor-assets-control-item file_img file_margin" data-v-400c2eb9=""><i
  138. class="assets-icon assets-images-icon" data-v-400c2eb9=""></i><span
  139. data-v-400c2eb9="">插入图片</span></div>
  140. </div>
  141. <div class="editor-assets-content" data-v-400c2eb9=""></div>
  142. </div>
  143. <div class="editor-content" data-v-400c2eb9=""><p data-v-400c2eb9="">酒店介绍</p>
  144. <textarea placeholder="酒店介绍" maxlength="2000" data-v-400c2eb9=""></textarea>
  145. </div>
  146. <!-- 关闭按钮 -->
  147. <div class="close_play_button" onClick="delPlay(this)">
  148. <i class="layui-icon layui-icon-close"></i>
  149. </div>
  150. </div>
  151. <!-- 包车,车型-->
  152. <div class="play_content_div charte_play_div">
  153. <div class="title_name_spot">
  154. <svg viewBox="0 0 1024 1024" class="title_name_img">
  155. <path d="M512 64C317.92 64 160 221.92 160 416c0 187.36 315.424 520.032 328.832 534.08C494.88 956.448 503.264 960 512 960c0.224 0 0.48 0 0.704 0 8.992 0 17.472-4.192 23.392-10.944l109.216-125.12C790.432 646.176 864 508.928 864 416 864 221.92 706.08 64 512 64zM512 576c-88.384 0-160-71.616-160-160s71.616-160 160-160 160 71.616 160 160S600.384 576 512 576z" p-id="2190"></path>
  156. </svg>
  157. <input type="text" placeholder="包车,车型" class="layui-input date_content_input">
  158. </div>
  159. <div class="editor-assets" data-v-400c2eb9="">
  160. <div class="editor-assets-control" data-v-400c2eb9="">
  161. <div class="editor-assets-control-item file_videos" data-v-400c2eb9=""><i
  162. class="assets-icon assets-videos-icon" data-v-400c2eb9=""></i><span
  163. data-v-400c2eb9="">插入视频</span></div>
  164. <div class="editor-assets-control-item file_img file_margin" data-v-400c2eb9=""><i
  165. class="assets-icon assets-images-icon" data-v-400c2eb9=""></i><span
  166. data-v-400c2eb9="">插入图片</span></div>
  167. </div>
  168. <div class="editor-assets-content" data-v-400c2eb9=""></div>
  169. </div>
  170. <div class="editor-content" data-v-400c2eb9=""><p data-v-400c2eb9="">包车,司机介绍</p>
  171. <textarea placeholder="包车,司机介绍" maxlength="2000" data-v-400c2eb9=""></textarea>
  172. </div>
  173. <!-- 关闭按钮 -->
  174. <div class="close_play_button" onClick="delPlay(this)">
  175. <i class="layui-icon layui-icon-close"></i>
  176. </div>
  177. </div>
  178. </div>
  179. </div>
  180. <!-- 操作按钮 -->
  181. <div class="submit_div_button">
  182. <div class="submit_button reset_button">重置</div>
  183. <div class="submit_button offer_button" onclick="submitAdd(this)">提交报价</div>
  184. </div>
  185. </div>
  186. </div>
  187. </div>
  188. </body>
  189. </html>