offer.html 28 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437
  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. <link rel="stylesheet" href="/css/personal/index.css">
  8. <script src="/layui/layui.js"></script>
  9. <script src="/js/jquery.js"></script>
  10. <script src="/js/common.js"></script>
  11. <link rel="stylesheet" href="/css/demandForSingle/index.css">
  12. <link rel="stylesheet" href="/css/demandForSingle/offer.css">
  13. <script type="text/javascript" src="/js/custom.js"></script>
  14. <script src="/js/webIm/WebIMConfig.js"></script>
  15. <script src="/js/webIm/Easemob-chat-4.0.2.js"></script>
  16. <script src="/js/clipboard.min.js"></script>
  17. <script src="/js/webIm/initWeb.js"></script>
  18. <script src="/js/huanxin.js"></script>
  19. <script src="/js/qrcode.js"></script>
  20. <script src="/js/demandForSingle/offer/even.js" type="text/javascript"></script>
  21. <script src="/js/demandForSingle/offer/index.js" type="text/javascript"></script>
  22. <script src="/js/personal/function.js"></script>
  23. <script src="/js/demandForSingle/offer/function.js" type="text/javascript"></script>
  24. <script src="/js/translationVal.js"></script>
  25. <script type="text/javascript">
  26. var uuid = "[[${uuid}]]";
  27. </script>
  28. </head>
  29. <body>
  30. <!-- 头部搜索 -->
  31. <div class="form_div">
  32. <!-- 搜索条件 -->
  33. <div class="title_input layui-form">
  34. <div class="layui-form-item">
  35. <div class="layui-inline">
  36. <label class="layui-form-label" data-locale="xuqiu">需求:</label>
  37. <span class="destination_end"></span>
  38. <span class="division_div">|</span>
  39. <span class="start_end_time"></span>
  40. <span class="division_div">|</span>
  41. <span class="people_number"></span>
  42. <span class="division_div">|</span>
  43. <span class="amount_range"></span>
  44. <span class="division_div">|</span>
  45. <span class="hotel_scale"></span>
  46. <span class="division_div">|</span>
  47. <span class="language_div"></span>
  48. </div>
  49. </div>
  50. </div>
  51. <!-- 分割 -->
  52. <div class="fenge_div"></div>
  53. <!-- 表单 -->
  54. <div class="list_div">
  55. <!-- 报价单名称 -->
  56. <div class="name_private_offer">
  57. <span data-locale="baojiadanmingcheng">报价单名称:</span>
  58. <input type="text" name="offerName" autoComplete="off">
  59. <!--上传封面图-->
  60. <div class="editor-assets-control-item cover_img" data-v-400c2eb9="">
  61. <i class="assets-icon assets-images-icon" data-v-400c2eb9=""></i>
  62. <span data-v-400c2eb9="" data-locale="shangchuanfengmiantu">上传封面图</span>
  63. <p class="cover_img_p">图片上传大小推荐1920*1080大小</p>
  64. <div class="img_div"><img src=""/></div>
  65. </div>
  66. <!--选择模板按钮-->
  67. <div class="select_template" data-locale="xuanzemoban">选择模板</div>
  68. </div>
  69. <!-- 左侧天数选择 -->
  70. <div class="day_column">
  71. <div class="timeline" data-v-2d69a44a="">
  72. <ul data-v-2d69a44a="">
  73. <li dayNum="1" class="pre-actived" data-v-2d69a44a="" onclick="clickDayNum(this)">
  74. <i data-v-2d69a44a="">Day1</i>
  75. <span data-v-2d69a44a=""></span>
  76. </li>
  77. </ul>
  78. </div>
  79. </div>
  80. <!-- 右侧内容 -->
  81. <div class="content_right layui-form">
  82. <div class="content_add_div" dayNum="1">
  83. <!-- 日期选择 -->
  84. <div class="layui-inline">
  85. <label class="layui-form-label" data-locale="riqi" style="margin-top: 8px">日&nbsp;&nbsp;&nbsp;&nbsp;期:</label>
  86. <div class="layui-input-inline">
  87. <div class="date_content_div">
  88. <img class="date_content_img" src="/images/demandForSingle/date.png"/>
  89. <input type="text" class="layui-input date_content_input select_date_input" data-locale="qingshurushijian" name='planDate' placeholder="请输入时间 年.月.日" readonly = "readonly">
  90. </div>
  91. </div>
  92. </div>
  93. <!-- 时间增加 -->
  94. <div class="layui-inline">
  95. <label class="layui-form-label" data-locale="shijiandian" style="margin-top: 8px">时间点:</label>
  96. <div class="layui-input-inline positioning_div" style="width: 90%">
  97. <div class="date_content_div">
  98. <input type="text" data-locale="shijian" class="layui-input date_hours_content_input" value="08:00" placeholder="时间">
  99. <input type="text" data-locale="qingshuruneirong" class="layui-input date_hours_content date_content_input" placeholder="请输入内容">
  100. <div class="del_date" onclick="delteDate(this)"><i class="layui-icon layui-icon-subtraction"></i></div>
  101. </div>
  102. <img class="add_date" src="/images/demandForSingle/add_date.png" onClick="addDate(this)"/>
  103. </div>
  104. </div>
  105. <!-- 游玩内容 -->
  106. <div class="play_div">
  107. <!-- 地点 -->
  108. <div class="play_content_div scenic_spot_div">
  109. <div class="title_name_spot">
  110. <svg viewBox="0 0 1024 1024" class="title_name_img">
  111. <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>
  112. </svg>
  113. <input type="text" data-locale="didianmingcheng" placeholder="地点名称" class="layui-input date_content_input">
  114. </div>
  115. <div class="editor-assets" data-v-400c2eb9="">
  116. <div class="editor-assets-control" data-v-400c2eb9="">
  117. <div class="editor-assets-control-item file_videos" data-v-400c2eb9=""><i
  118. class="assets-icon assets-videos-icon" data-v-400c2eb9=""></i><span
  119. data-v-400c2eb9="" data-locale="charushipin">插入视频</span></div>
  120. <div class="editor-assets-control-item file_img file_margin" data-v-400c2eb9=""><i
  121. class="assets-icon assets-images-icon" data-v-400c2eb9=""></i><span
  122. data-v-400c2eb9="" data-locale="charutupian">插入图片</span></div>
  123. </div>
  124. <div class="editor-assets-content" data-v-400c2eb9="">
  125. </div>
  126. </div>
  127. <div class="editor-content" data-v-400c2eb9=""><p data-v-400c2eb9="" data-locale="didianjieshao">地点介绍</p>
  128. <textarea data-locale="didianjieshao" placeholder="地点介绍" maxlength="2000" data-v-400c2eb9=""></textarea>
  129. </div>
  130. <div class="editor-content opinion_div_update" data-v-400c2eb9=""><p data-v-400c2eb9="" data-locale="xiugaiyijianneirong">修改意见内容</p>
  131. <textarea data-locale="xiugaiyijianneirong" placeholder="修改意见内容" maxlength="2000" data-v-400c2eb9=""></textarea>
  132. </div>
  133. <!-- 关闭按钮 -->
  134. <div class="close_play_button" onClick="delPlay(this)">
  135. <i class="layui-icon layui-icon-close"></i>
  136. </div>
  137. </div>
  138. <!-- 悬浮效果 -->
  139. <div class="operation" data-v-67b53f28="" data-v-5161540f="" onmouseover="operationOver(this)" onmouseout="operationOut(this)">
  140. <div class="operation-leader" data-v-67b53f28="">
  141. <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" data-v-67b53f28="">
  142. <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>
  143. </svg>
  144. </div>
  145. <div class="icon-group" data-v-67b53f28="">
  146. <div class="icon-item" data-v-67b53f28="" onClick="addPlace(this)">
  147. <i class="icon icon-location adddidian" data-v-67b53f28=""></i>
  148. <span data-v-67b53f28="" data-locale="tianjiadidian">添加地点</span>
  149. </div>
  150. <div class="icon-item" data-v-67b53f28="" onClick="addHotel(this)">
  151. <i class="icon icon-location addjiudian" data-v-67b53f28=""></i>
  152. <span data-v-67b53f28="">添加酒店</span>
  153. </div>
  154. <div class="icon-item" data-v-67b53f28="" onClick="addCharter(this)">
  155. <i class="icon icon-location addche" data-v-67b53f28=""></i>
  156. <span data-v-67b53f28="">添加包车</span>
  157. </div>
  158. </div>
  159. </div>
  160. <!-- &lt;!&ndash; 酒店 &ndash;&gt;-->
  161. <!-- <div class="play_content_div hotel_play_div">-->
  162. <!-- <div class="title_name_spot">-->
  163. <!-- <svg viewBox="0 0 1024 1024" class="title_name_img">-->
  164. <!-- <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>-->
  165. <!-- </svg>-->
  166. <!-- <input type="text" data-locale="jiudianmingcheng" placeholder="酒店名称" class="layui-input date_content_input">-->
  167. <!-- </div>-->
  168. <!-- <div class="editor-assets" data-v-400c2eb9="">-->
  169. <!-- <div class="editor-assets-control" data-v-400c2eb9="">-->
  170. <!-- <div class="editor-assets-control-item file_videos" data-v-400c2eb9=""><i-->
  171. <!-- class="assets-icon assets-videos-icon" data-v-400c2eb9=""></i><span-->
  172. <!-- data-v-400c2eb9="" data-locale="charushipin">插入视频</span></div>-->
  173. <!-- <div class="editor-assets-control-item file_img file_margin" data-v-400c2eb9=""><i-->
  174. <!-- class="assets-icon assets-images-icon" data-v-400c2eb9=""></i><span-->
  175. <!-- data-v-400c2eb9="" data-locale="charutupian">插入图片</span></div>-->
  176. <!-- </div>-->
  177. <!-- <div class="editor-assets-content" data-v-400c2eb9=""></div>-->
  178. <!-- </div>-->
  179. <!-- <div class="editor-content" data-v-400c2eb9=""><p data-v-400c2eb9="" data-locale="jiudianjieshao">酒店介绍</p>-->
  180. <!-- <textarea data-locale="jiudianjieshao" placeholder="酒店介绍" maxlength="2000" data-v-400c2eb9=""></textarea>-->
  181. <!-- </div>-->
  182. <!-- <div class="editor-content opinion_div_update" data-v-400c2eb9=""><p data-v-400c2eb9="" data-locale="xiugaiyijianneirong">修改意见内容</p>-->
  183. <!-- <textarea data-locale="xiugaiyijianneirong" placeholder="修改意见内容" maxlength="2000" data-v-400c2eb9=""></textarea>-->
  184. <!-- </div>-->
  185. <!-- &lt;!&ndash; 关闭按钮 &ndash;&gt;-->
  186. <!-- <div class="close_play_button" onClick="delPlay(this)">-->
  187. <!-- <i class="layui-icon layui-icon-close"></i>-->
  188. <!-- </div>-->
  189. <!-- </div>-->
  190. <!-- &lt;!&ndash; 包车,车型&ndash;&gt;-->
  191. <!-- <div class="play_content_div charte_play_div">-->
  192. <!-- <div class="title_name_spot">-->
  193. <!-- <svg viewBox="0 0 1024 1024" class="title_name_img">-->
  194. <!-- <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>-->
  195. <!-- </svg>-->
  196. <!-- <input type="text" data-locale="baoche" placeholder="包车,车型" class="layui-input date_content_input">-->
  197. <!-- </div>-->
  198. <!-- <div class="editor-assets" data-v-400c2eb9="">-->
  199. <!-- <div class="editor-assets-control" data-v-400c2eb9="">-->
  200. <!-- <div class="editor-assets-control-item file_videos" data-v-400c2eb9=""><i-->
  201. <!-- class="assets-icon assets-videos-icon" data-v-400c2eb9=""></i><span-->
  202. <!-- data-v-400c2eb9="" data-locale="charushipin">插入视频</span></div>-->
  203. <!-- <div class="editor-assets-control-item file_img file_margin" data-v-400c2eb9=""><i-->
  204. <!-- class="assets-icon assets-images-icon" data-v-400c2eb9=""></i><span-->
  205. <!-- data-v-400c2eb9="" data-locale="charutupian">插入图片</span></div>-->
  206. <!-- </div>-->
  207. <!-- <div class="editor-assets-content" data-v-400c2eb9=""></div>-->
  208. <!-- </div>-->
  209. <!-- <div class="editor-content" data-v-400c2eb9=""><p data-v-400c2eb9="" data-locale="baochesijijieshao">包车,司机介绍</p>-->
  210. <!-- <textarea data-locale="baochesijijieshao" placeholder="包车,司机介绍" maxlength="2000" data-v-400c2eb9=""></textarea>-->
  211. <!-- </div>-->
  212. <!-- <div class="editor-content opinion_div_update" data-v-400c2eb9=""><p data-v-400c2eb9="" data-locale="xiugaiyijianneirong">修改意见内容</p>-->
  213. <!-- <textarea data-locale="xiugaiyijianneirong" placeholder="修改意见内容" maxlength="2000" data-v-400c2eb9=""></textarea>-->
  214. <!-- </div>-->
  215. <!-- &lt;!&ndash; 关闭按钮 &ndash;&gt;-->
  216. <!-- <div class="close_play_button" onClick="delPlay(this)">-->
  217. <!-- <i class="layui-icon layui-icon-close"></i>-->
  218. <!-- </div>-->
  219. <!-- </div>-->
  220. </div>
  221. </div>
  222. <!-- 合同上传 -->
  223. <div class="contract_uplod">
  224. <div class="play_content_div charte_play_div">
  225. <div class="title_name_spot">
  226. <svg viewBox="0 0 1024 1024" class="title_name_img">
  227. <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>
  228. </svg>
  229. <input type="text" name="priceDetail" data-locale="jiagemingxi" placeholder="价格明细" class="layui-input date_content_input">
  230. </div>
  231. <div class="editor-assets" data-v-400c2eb9="">
  232. <div class="editor-assets-control" data-v-400c2eb9="">
  233. <div class="editor-assets-control-item file_contract" data-v-400c2eb9=""><i class="assets-icon assets-videos-icon" data-v-400c2eb9=""></i><span data-v-400c2eb9="" data-locale="hetongshangchuan">合同上传(请上传pdf文件)</span></div><input class="layui-upload-file" type="file" accept="video/*" name="file">
  234. </div>
  235. <div class="editor-assets-content contract_uplod_file_name" data-v-400c2eb9=""></div>
  236. </div>
  237. <div class="editor-content" data-v-400c2eb9=""><p data-v-400c2eb9="" data-locale="jiagemingxijieshao">价格明细介绍</p>
  238. <textarea data-locale="jiagemingxijieshao" placeholder="价格明细介绍" name="priceDetailText" maxlength="2000" data-v-400c2eb9=""></textarea>
  239. </div>
  240. <!-- 关闭按钮 -->
  241. <div class="close_play_button" onclick="delPlay(this)">
  242. <i class="layui-icon layui-icon-close"></i>
  243. </div>
  244. </div>
  245. </div>
  246. <!-- 其他 -->
  247. <div class="other_select">
  248. <div class="other_select_font" data-locale="qita">其他:</div>
  249. <div class="radio_div_select" onclick="radioClick(this)">
  250. <div class="radio_icon">
  251. <i class="layui-icon layui-icon-ok"></i>
  252. </div>
  253. <span data-locale="wugouwu">无购物</span>
  254. </div>
  255. <div class="radio_div_select" onclick="radioClick(this)">
  256. <div class="radio_icon">
  257. <i class="layui-icon layui-icon-ok"></i>
  258. </div>
  259. <span data-locale="wuzifei">无自费</span>
  260. </div>
  261. <div class="radio_div_select" onclick="radioClick(this)">
  262. <div class="radio_icon">
  263. <i class="layui-icon layui-icon-ok"></i>
  264. </div>
  265. <span data-locale="chengtuanbaozhang">成团保障</span>
  266. </div>
  267. <div class="radio_div_select" onclick="radioClick(this)">
  268. <div class="radio_icon">
  269. <i class="layui-icon layui-icon-ok"></i>
  270. </div>
  271. <span data-locale="hangbianwuyou">航变无忧</span>
  272. </div>
  273. <div class="radio_div_select" onclick="radioClick(this)">
  274. <div class="radio_icon">
  275. <i class="layui-icon layui-icon-ok"></i>
  276. </div>
  277. <span data-locale="qianzhengwuyou">签证无忧</span>
  278. </div>
  279. </div>
  280. <!-- 注意事项 -->
  281. <div class="attention_div">
  282. <div class="play_content_div charte_play_div">
  283. <div class="title_name_spot">
  284. <svg viewBox="0 0 1024 1024" class="title_name_img">
  285. <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>
  286. </svg>
  287. <input type="text" placeholder="注意事项" class="layui-input date_content_input" disabled>
  288. </div>
  289. <div class="editor-content" data-v-400c2eb9="" style="height: 200px;"><p data-v-400c2eb9="">注意事项</p>
  290. <textarea placeholder="注意事项" name="announcements" maxlength="2000" data-v-400c2eb9=""></textarea>
  291. </div>
  292. </div>
  293. </div>
  294. <!-- 总价 -->
  295. <div class="all_price">
  296. <div class="all_price_font" data-locale="zongjia">总价:</div>
  297. <div class="all_price_input">
  298. <span>¥</span>
  299. <input name="priceAll" oninput="getPriceAll(this)" autoComplete="off" type="number">
  300. </div>
  301. <span class="percentage_fee_price">平台手续费比例为:1%,本单手续费为:1¥,本单实际收入为:1¥</span>
  302. <div class="amount_icon"></div>
  303. </div>
  304. <!-- 操作按钮 -->
  305. <div class="submit_div_button">
  306. <div class="submit_button offer_button" onclick="submitAdd(this)" data-locale="querenbaojia">确认报价</div>
  307. </div>
  308. </div>
  309. </div>
  310. <!-- 选择模板 -->
  311. <div class="van-popup van-popup--center wrapper van-pop-transparent" style="z-index: 103;">
  312. <div class="info" data-v-429d1032="">
  313. <div class="info-title" data-v-429d1032=""><h3 data-v-429d1032="" data-locale="xuanzemoban">选择模板</h3>
  314. <div class="search" data-v-429d1032="">
  315. <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" data-v-429d1032="">
  316. <path fill="currentColor"
  317. d="m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704z"></path>
  318. </svg>
  319. <input data-locale="sousuo" placeholder="搜索" type="text" name="title" autocomplete="off" data-v-429d1032="" oninput="getValue(this)" onporpertychange="getValue(this)">
  320. </div>
  321. <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" class="close-icon" data-v-429d1032="" onclick="closeVan(this)">
  322. <path fill="currentColor"
  323. d="M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"></path>
  324. </svg>
  325. </div>
  326. <div class="list" data-v-429d1032="">
  327. </div>
  328. <button class="button__component confirm-button" data-v-429d1032="" data-v-wave-boundary="true"
  329. style="--63dea0b6:24px; position: relative;" data-v-wave-count-internal="2" data-locale="queren">确认
  330. <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" class="btn__component-loading"
  331. style="display: none;">
  332. <path fill="currentColor"
  333. d="M512 64a32 32 0 0 1 32 32v192a32 32 0 0 1-64 0V96a32 32 0 0 1 32-32zm0 640a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V736a32 32 0 0 1 32-32zm448-192a32 32 0 0 1-32 32H736a32 32 0 1 1 0-64h192a32 32 0 0 1 32 32zm-640 0a32 32 0 0 1-32 32H96a32 32 0 0 1 0-64h192a32 32 0 0 1 32 32zM195.2 195.2a32 32 0 0 1 45.248 0L376.32 331.008a32 32 0 0 1-45.248 45.248L195.2 240.448a32 32 0 0 1 0-45.248zm452.544 452.544a32 32 0 0 1 45.248 0L828.8 783.552a32 32 0 0 1-45.248 45.248L647.744 692.992a32 32 0 0 1 0-45.248zM828.8 195.264a32 32 0 0 1 0 45.184L692.992 376.32a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0zm-452.544 452.48a32 32 0 0 1 0 45.248L240.448 828.8a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0z"></path>
  334. </svg>
  335. </button>
  336. </div>
  337. </div>
  338. </div>
  339. <!-- 购买报价单次数 -->
  340. <div class="quotation_number">
  341. <div class="balance_of_show">
  342. <div class="balance_of_font" data-locale="zhanghuyue">账户余额</div>
  343. <div class="balance_of_val">0.00</div>
  344. <div class="cumulative_num quotation_num" data-locale="baojiadandanjia">报价单单价</div>
  345. </div>
  346. <!-- 自定义金额 -->
  347. <div class="custom_amount">
  348. <span data-locale="zaixianchongzhi">在线充值</span>
  349. <div class="layui-form-item">
  350. <div class="layui-input-block">
  351. <input type="text" onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}" onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}"
  352. name="offerNum" data-locale="zidingyiquanxiancishushuru" lay-verify="title" autocomplete="off" placeholder="自定义权限次数输入" class="layui-input">
  353. </div>
  354. </div>
  355. </div>
  356. <!-- 选择金额 -->
  357. <div class="select_amount">
  358. <div class="select_amount_val select_number_val select_amount_val_click" value="2" onclick="selectAmout(this)">
  359. <div class="number_of_div">
  360. <span>2</span>
  361. <span class="small_font_size" data-locale="ci">次</span>
  362. </div>
  363. <div class="amount_number_val">
  364. <span>¥10</span>
  365. </div>
  366. </div>
  367. <div class="select_amount_val select_number_val" value="6" onclick="selectAmout(this)">
  368. <div class="number_of_div">
  369. <span>6</span>
  370. <span class="small_font_size" data-locale="ci">次</span>
  371. </div>
  372. <div class="amount_number_val">
  373. <span>¥10</span>
  374. </div>
  375. </div>
  376. <div class="select_amount_val select_number_val" value="8" onclick="selectAmout(this)">
  377. <div class="number_of_div">
  378. <span>8</span>
  379. <span class="small_font_size" data-locale="ci">次</span>
  380. </div>
  381. <div class="amount_number_val">
  382. <span>¥10</span>
  383. </div>
  384. </div>
  385. <div class="select_amount_val select_number_val" value="10" onclick="selectAmout(this)">
  386. <div class="number_of_div">
  387. <span>10</span>
  388. <span class="small_font_size" data-locale="ci">次</span>
  389. </div>
  390. <div class="amount_number_val">
  391. <span>¥10</span>
  392. </div>
  393. </div>
  394. <div class="select_amount_val select_number_val" value="12" onclick="selectAmout(this)">
  395. <div class="number_of_div">
  396. <span>12</span>
  397. <span class="small_font_size" data-locale="ci">次</span>
  398. </div>
  399. <div class="amount_number_val">
  400. <span>¥10</span>
  401. </div>
  402. </div>
  403. </div>
  404. <!-- 选择支付方式 -->
  405. <div class="mode_of_payment">
  406. <div class="pay_div_mode wx_pay select_pay_click" onclick="payType(this)">
  407. <img src="/images/personal/yuezhifu.png"/>
  408. <span data-locale="yuezhifu">余额支付</span>
  409. <div><i class="layui-icon">&#xe605;</i></div>
  410. </div>
  411. <div class="pay_div_mode wx_pay" onclick="payType(this)">
  412. <img src="/images/personal/weixinzhifu.png"/>
  413. <span data-locale="weixinzhifu">微信支付</span>
  414. <div></div>
  415. </div>
  416. <div class="pay_div_mode wx_pay" onclick="payType(this)">
  417. <img src="/images/personal/zfb.png"/>
  418. <span>支付宝</span>
  419. <div></div>
  420. </div>
  421. </div>
  422. <!-- 微信支付二维码 -->
  423. <div style="float: left; width: 100%;">
  424. <div id="qrcode_ok"></div>
  425. </div>
  426. <div class="button_top_up">
  427. <div class="top-up-button blance_button" data-locale="lijichongzhi" onclick="balanceOfOk()">立即充值</div>
  428. </div>
  429. </div>
  430. <!-- 回到顶部 -->
  431. <ul class="layui-fixbar">
  432. <li class="layui-icon layui-icon-top" lay-type="top" style="display: list-item;"></li>
  433. </ul>
  434. </body>
  435. </html>