function.js 69 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100
  1. //查询指定报价单内容
  2. function getPrivateOrder(){
  3. layer.load(3);
  4. $.ajax({
  5. url: "/privateOrder/getPrivateOrderById",
  6. type: "get",
  7. data: {
  8. "uuid": uuid
  9. },
  10. headers: {"token": token},
  11. dataType: "json",
  12. success: (data) => {
  13. if(data.msg == "200"){
  14. if(data.data != null){
  15. $(".destination_end").html(data.data.origin + " - " + data.data.destination);
  16. $(".start_end_time").html(data.data.startTime + " — " + data.data.endTime);
  17. $(".people_number").html(data.data.peopleNum);
  18. $(".amount_range").html(data.data.budgetMin + " - " + data.data.budgetMax);
  19. $(".hotel_scale").html(paramReturn("酒店档次", parent.type) + ":" + (data.data.hotelScale == null ? "暂无" : data.data.hotelScale));
  20. $(".language_div").html(paramReturn("服务语言", parent.type) + ":" + data.data.language);
  21. $("input[name=planDate]").val(data.data.startTime);
  22. for(let i = 0; i < dateDiffVal(data.data.endTime, data.data.startTime); i++){
  23. addDay(addDatePlus(data.data.startTime, i + 1));
  24. }
  25. offerCode = data.data.userId;
  26. }
  27. //滚动条监听
  28. var observer = new IntersectionObserver(value => {
  29. var target = value[0].target
  30. if(value[0].intersectionRatio <= 0){
  31. return false;
  32. }
  33. var dayNum = $(target).attr("dayNum");
  34. var div = $(".timeline li[dayNum='"+ dayNum +"']")[0];
  35. $(".timeline li").removeClass("pre-actived");
  36. $($(".timeline li[dayNum='"+ dayNum +"']")[0]).addClass("pre-actived");
  37. $(".day_column").animate({scrollTop: div.offsetTop}, "fast")
  38. }, {
  39. root: document.querySelector(".form_div"),
  40. });
  41. $.each($(".content_add_div"), (index, item) => {
  42. observer.observe(item)
  43. });
  44. } else {
  45. layer.alert(paramReturn("服务器异常,请联系管理员", parent.type), {icon: 2});
  46. }
  47. layer.closeAll("loading");
  48. },
  49. error: () => {
  50. layer.alert(paramReturn("服务器异常,请联系管理员", parent.type), {icon: 2});
  51. layer.closeAll("loading");
  52. }
  53. });
  54. }
  55. //鼠标移入
  56. function operationOver(obj){
  57. $(obj).addClass("operation_headr");
  58. }
  59. //鼠标移出
  60. function operationOut(obj){
  61. $(obj).removeClass("operation_headr");
  62. }
  63. //新增天
  64. function addDay(addTiemVal){
  65. var uuid = guid();
  66. var dayNum = $(".timeline li").length;
  67. var lastTime = $(".content_add_div").last().find(".date_content_div input").val();
  68. $(".timeline ul").append("<li onClick='clickDayNum(this)' dayNum="+ (parseInt(dayNum) + 1) +" data-v-2d69a44a=\"\">\n" +
  69. " <i data-v-2d69a44a=\"\">Day"+ (parseInt(dayNum) + 1) +"</i>\n" +
  70. " <span data-v-2d69a44a=\"\"></span>\n" +
  71. " </li>");
  72. $(".contract_uplod").before("<div class=\"content_add_div\" daynum="+ (parseInt(dayNum) + 1) +">\n" +
  73. " <!-- 日期选择 -->\n" +
  74. " <div class=\"layui-inline\">\n" +
  75. " <label class=\"layui-form-label\" data-locale=\"riqi\" style=\"margin-top: 8px\">"+ paramReturn("日&nbsp;&nbsp;&nbsp;&nbsp;期", parent.type) +":</label>\n" +
  76. " <div class=\"layui-input-inline\">\n" +
  77. " <div class=\"date_content_div\">\n" +
  78. " <img class=\"date_content_img\" src=\"/images/demandForSingle/date.png\">\n" +
  79. " <input value="+ (typeof addTiemVal == "undefined" ? addDatePlus(lastTime, 1) : addTiemVal) +" type=\"text\" class=\"layui-input date_content_input select_date_input"+ uuid +"\" name='planDate' data-locale=\"qingshurushijian\" placeholder=\"请输入时间 年.月.日\" lay-key=\"1\" readonly = \"readonly\">\n" +
  80. " </div>\n" +
  81. " </div>\n" +
  82. " </div>\n" +
  83. " <!-- 时间增加 -->\n" +
  84. " <div class=\"layui-inline\">\n" +
  85. " <label class=\"layui-form-label\" data-locale=\"shijiandian\" style=\"margin-top: 8px\">"+ paramReturn("时间点", parent.type) +":</label>\n" +
  86. " <div class=\"layui-input-inline positioning_div\" style=\"width: 90%\">\n" +
  87. " <div class=\"date_content_div\">\n" +
  88. " <input type=\"text\" data-locale=\"shijian\" class=\"layui-input date_hours_content_input date_hours_content_val"+ uuid +"\" value='08:00' placeholder=\"时间\">\n" +
  89. " <input type=\"text\" data-locale=\"qingshuruneirong\" class=\"layui-input date_hours_content date_content_input\" placeholder=\""+ paramReturn("请输入内容", parent.type) +"\">\n" +
  90. " <div class=\"del_date\" onclick=\"delteDate(this)\"><i class=\"layui-icon layui-icon-subtraction\"></i></div>\n" +
  91. " </div>\n" +
  92. " <img class=\"add_date\" src=\"/images/demandForSingle/add_date.png\" onClick=\"addDate(this)\">\n" +
  93. " </div>\n" +
  94. " </div>\n" +
  95. " <!-- 游玩内容 -->\n" +
  96. " <div class=\"play_div\">\n" +
  97. " <!-- 地点 -->\n" +
  98. " <div class=\"play_content_div scenic_spot_div\">\n" +
  99. " <div class=\"title_name_spot\">\n" +
  100. " <svg viewBox=\"0 0 1024 1024\" class=\"title_name_img\">\n" +
  101. " <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>\n" +
  102. " </svg>\n" +
  103. " <input type=\"text\" data-locale=\"didianmingcheng\" placeholder=\""+ paramReturn("地点名称", parent.type) +"\" class=\"layui-input date_content_input\">\n" +
  104. " </div>\n" +
  105. " <div class=\"editor-assets\" data-v-400c2eb9=\"\">\n" +
  106. " <div class=\"editor-assets-control\" data-v-400c2eb9=\"\">\n" +
  107. " <div class=\"editor-assets-control-item file_videos"+ uuid +"\" data-v-400c2eb9=\"\"><i\n" +
  108. " class=\"assets-icon assets-videos-icon\" data-v-400c2eb9=\"\"></i><span\n" +
  109. " data-v-400c2eb9=\"\" data-locale=\"charushipin\">"+ paramReturn("插入视频", parent.type) +"</span></div>\n" +
  110. " <div class=\"editor-assets-control-item file_img"+ uuid +" file_margin\" data-v-400c2eb9=\"\"><i\n" +
  111. " class=\"assets-icon assets-images-icon\" data-v-400c2eb9=\"\"></i><span\n" +
  112. " data-v-400c2eb9=\"\" data-locale=\"charutupian\">"+ paramReturn("插入图片", parent.type) +"</span></div>\n" +
  113. " </div>\n" +
  114. " <div class=\"editor-assets-content\" data-v-400c2eb9=\"\"></div>\n" +
  115. " </div>\n" +
  116. " <div class=\"editor-content\" data-v-400c2eb9=\"\"><p data-v-400c2eb9=\"\" data-locale=\"didianjieshao\">"+ paramReturn("地点介绍", parent.type) +"</p>\n" +
  117. " <textarea data-locale=\"didianjieshao\" placeholder=\""+ paramReturn("地点介绍", parent.type) +"\" maxlength=\"2000\" data-v-400c2eb9=\"\"></textarea>\n" +
  118. " </div>\n" +
  119. " <div class=\"editor-content opinion_div_update\" data-v-400c2eb9=\"\"><p data-v-400c2eb9=\"\" data-locale=\"xiugaiyijianneirong\">"+ paramReturn("修改意见内容", parent.type) +"</p>\n" +
  120. " <textarea data-locale=\"xiugaiyijianneirong\" placeholder=\""+ paramReturn("修改意见内容", parent.type) +"\" maxlength=\"2000\" data-v-400c2eb9=\"\"></textarea>\n" +
  121. " </div>\n" +
  122. " <!-- 关闭按钮 -->\n" +
  123. " <div class=\"close_play_button\" onClick=\"delPlay(this)\">\n" +
  124. " <i class=\"layui-icon layui-icon-close\"></i>\n" +
  125. " </div>\n" +
  126. " </div>\n" +
  127. " <!-- 悬浮效果 -->\n" +
  128. " <div class=\"operation\" data-v-67b53f28=\"\" data-v-5161540f=\"\" onmouseover=\"operationOver(this)\" onmouseout=\"operationOut(this)\">\n" +
  129. " <div class=\"operation-leader\" data-v-67b53f28=\"\">\n" +
  130. " <svg viewBox=\"0 0 1024 1024\" xmlns=\"http://www.w3.org/2000/svg\" data-v-67b53f28=\"\">\n" +
  131. " <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>\n" +
  132. " </svg>\n" +
  133. " </div>\n" +
  134. " <div class=\"icon-group\" data-v-67b53f28=\"\">\n" +
  135. " <div class=\"icon-item\" data-v-67b53f28=\"\" onclick='addPlace(this)'>\n" +
  136. " <i class=\"icon icon-location adddidian\" data-v-67b53f28=\"\"></i>\n" +
  137. " <span data-v-67b53f28=\"\" data-locale=\"tianjiadidian\">"+ paramReturn("添加地点", parent.type) +"</span>\n" +
  138. " </div>\n" +
  139. " <div class=\"icon-item\" data-v-67b53f28=\"\" onclick='addHotel(this)'>\n" +
  140. " <i class=\"icon icon-location addjiudian\" data-v-67b53f28=\"\"></i>\n" +
  141. " <span data-v-67b53f28=\"\">添加酒店</span>\n" +
  142. " </div>\n" +
  143. " <div class=\"icon-item\" data-v-67b53f28=\"\" onclick='addCharter(this)'>\n" +
  144. " <i class=\"icon icon-location addche\" data-v-67b53f28=\"\"></i>\n" +
  145. " <span data-v-67b53f28=\"\">添加包车</span>\n" +
  146. " </div>\n" +
  147. " </div>\n" +
  148. " </div>\n" +
  149. " </div>\n" +
  150. " </div>");
  151. addUrl(uuid);
  152. }
  153. //点击天数跳转滚动条跳转
  154. function clickDayNum(obj){
  155. $(".timeline ul").find("li").removeClass("pre-actived");
  156. $(obj).addClass("pre-actived")
  157. var dayNum = $(obj).attr("dayNum");
  158. $(".form_div").animate({scrollTop: $(".content_add_div[dayNum="+ dayNum +"]")[0].offsetTop - 254}, "slow")
  159. }
  160. //添加地点
  161. function addPlace(obj){
  162. var uuid = guid();
  163. $(obj).parent().parent().before("<!-- 地点 -->\n" +
  164. " <div class=\"play_content_div scenic_spot_div\">\n" +
  165. " <div class=\"title_name_spot\">\n" +
  166. " <svg viewBox=\"0 0 1024 1024\" class=\"title_name_img\">\n" +
  167. " <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>\n" +
  168. " </svg>\n" +
  169. " <input type=\"text\" data-locale=\"didianmingcheng\" placeholder=\""+ paramReturn("地点名称", parent.type) +"\" class=\"layui-input date_content_input\">\n" +
  170. " </div>\n" +
  171. " <div class=\"editor-assets\" data-v-400c2eb9=\"\">\n" +
  172. " <div class=\"editor-assets-control\" data-v-400c2eb9=\"\">\n" +
  173. " <div class=\"editor-assets-control-item file_videos"+ uuid +"\" data-v-400c2eb9=\"\"><i\n" +
  174. " class=\"assets-icon assets-videos-icon\" data-v-400c2eb9=\"\"></i><span\n" +
  175. " data-v-400c2eb9=\"\" data-locale=\"charushipin\">"+ paramReturn("插入视频", parent.type) +"</span></div>\n" +
  176. " <div class=\"editor-assets-control-item file_img"+ uuid +" file_margin\" data-v-400c2eb9=\"\"><i\n" +
  177. " class=\"assets-icon assets-images-icon\" data-v-400c2eb9=\"\"></i><span\n" +
  178. " data-v-400c2eb9=\"\" data-locale=\"charutupian\">"+ paramReturn("插入图片", parent.type) +"</span></div>\n" +
  179. " </div>\n" +
  180. " <div class=\"editor-assets-content\" data-v-400c2eb9=\"\"></div>\n" +
  181. " </div>\n" +
  182. " <div class=\"editor-content\" data-v-400c2eb9=\"\"><p data-v-400c2eb9=\"\" data-locale=\"didianjieshao\">"+ paramReturn("地点介绍", parent.type) +"</p>\n" +
  183. " <textarea data-locale=\"didianjieshao\" placeholder=\""+ paramReturn("地点介绍", parent.type) +"\" maxlength=\"2000\" data-v-400c2eb9=\"\"></textarea>\n" +
  184. " </div>\n" +
  185. " <div class=\"editor-content opinion_div_update\" data-v-400c2eb9=\"\"><p data-v-400c2eb9=\"\" data-locale=\"xiugaiyijianneirong\">"+ paramReturn("修改意见内容", parent.type) +"</p>\n" +
  186. " <textarea data-locale=\"xiugaiyijianneirong\" placeholder=\""+ paramReturn("修改意见内容", parent.type) +"\" maxlength=\"2000\" data-v-400c2eb9=\"\"></textarea>\n" +
  187. " </div>\n" +
  188. " <span class=\"content-length\" data-v-400c2eb9=\"\">0/2000</span>\n" +
  189. " <!-- 关闭按钮 -->\n" +
  190. " <div class=\"close_play_button\" onClick=\"delPlay(this)\">\n" +
  191. " <i class=\"layui-icon layui-icon-close\"></i>\n" +
  192. " </div>\n" +
  193. " </div>");
  194. addUrl(uuid);
  195. }
  196. //增加酒店
  197. function addHotel(obj){
  198. var uuid = guid();
  199. $(obj).parent().parent().before("<!-- 酒店 -->\n" +
  200. " <div class=\"play_content_div hotel_play_div\">\n" +
  201. " <div class=\"title_name_spot\">\n" +
  202. " <svg viewBox=\"0 0 1024 1024\" class=\"title_name_img\">\n" +
  203. " <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>\n" +
  204. " </svg>\n" +
  205. " <input type=\"text\" data-locale=\"jiudianmingcheng\" placeholder=\"酒店名称\" class=\"layui-input date_content_input\">\n" +
  206. " </div>\n" +
  207. " <div class=\"editor-assets\" data-v-400c2eb9=\"\">\n" +
  208. " <div class=\"editor-assets-control\" data-v-400c2eb9=\"\">\n" +
  209. " <div class=\"editor-assets-control-item file_videos\" data-v-400c2eb9=\"\"><i\n" +
  210. " class=\"assets-icon assets-videos-icon\" data-v-400c2eb9=\"\"></i><span\n" +
  211. " data-v-400c2eb9=\"\" data-locale=\"charushipin\">插入视频</span></div>\n" +
  212. " <div class=\"editor-assets-control-item file_img file_margin\" data-v-400c2eb9=\"\"><i\n" +
  213. " class=\"assets-icon assets-images-icon\" data-v-400c2eb9=\"\"></i><span\n" +
  214. " data-v-400c2eb9=\"\" data-locale=\"charutupian\">插入图片</span></div>\n" +
  215. " </div>\n" +
  216. " <div class=\"editor-assets-content\" data-v-400c2eb9=\"\"></div>\n" +
  217. " </div>\n" +
  218. " <div class=\"editor-content\" data-v-400c2eb9=\"\"><p data-v-400c2eb9=\"\" data-locale=\"jiudianjieshao\">酒店介绍</p>\n" +
  219. " <textarea data-locale=\"jiudianjieshao\" placeholder=\"酒店介绍\" maxlength=\"2000\" data-v-400c2eb9=\"\"></textarea>\n" +
  220. " </div>\n" +
  221. " <div class=\"editor-content opinion_div_update\" data-v-400c2eb9=\"\"><p data-v-400c2eb9=\"\" data-locale=\"xiugaiyijianneirong\">修改意见内容</p>\n" +
  222. " <textarea data-locale=\"xiugaiyijianneirong\" placeholder=\"修改意见内容\" maxlength=\"2000\" data-v-400c2eb9=\"\"></textarea>\n" +
  223. " </div>\n" +
  224. " <!-- 关闭按钮 -->\n" +
  225. " <div class=\"close_play_button\" onClick=\"delPlay(this)\">\n" +
  226. " <i class=\"layui-icon layui-icon-close\"></i>\n" +
  227. " </div>\n" +
  228. " </div>");
  229. addUrl(uuid);
  230. }
  231. //增加包车
  232. function addCharter(obj){
  233. var uuid = guid();
  234. $(obj).parent().parent().before("<!-- 包车,车型-->\n" +
  235. " <div class=\"play_content_div charte_play_div\">\n" +
  236. " <div class=\"title_name_spot\">\n" +
  237. " <svg viewBox=\"0 0 1024 1024\" class=\"title_name_img\">\n" +
  238. " <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>\n" +
  239. " </svg>\n" +
  240. " <input type=\"text\" data-locale=\"baoche\" placeholder=\"包车,车型\" class=\"layui-input date_content_input\">\n" +
  241. " </div>\n" +
  242. " <div class=\"editor-assets\" data-v-400c2eb9=\"\">\n" +
  243. " <div class=\"editor-assets-control\" data-v-400c2eb9=\"\">\n" +
  244. " <div class=\"editor-assets-control-item file_videos\" data-v-400c2eb9=\"\"><i\n" +
  245. " class=\"assets-icon assets-videos-icon\" data-v-400c2eb9=\"\"></i><span\n" +
  246. " data-v-400c2eb9=\"\" data-locale=\"charushipin\">插入视频</span></div>\n" +
  247. " <div class=\"editor-assets-control-item file_img file_margin\" data-v-400c2eb9=\"\"><i\n" +
  248. " class=\"assets-icon assets-images-icon\" data-v-400c2eb9=\"\"></i><span\n" +
  249. " data-v-400c2eb9=\"\" data-locale=\"charutupian\">插入图片</span></div>\n" +
  250. " </div>\n" +
  251. " <div class=\"editor-assets-content\" data-v-400c2eb9=\"\"></div>\n" +
  252. " </div>\n" +
  253. " <div class=\"editor-content\" data-v-400c2eb9=\"\"><p data-v-400c2eb9=\"\" data-locale=\"baochesijijieshao\">包车,司机介绍</p>\n" +
  254. " <textarea data-locale=\"baochesijijieshao\" placeholder=\"包车,司机介绍\" maxlength=\"2000\" data-v-400c2eb9=\"\"></textarea>\n" +
  255. " </div>\n" +
  256. " <div class=\"editor-content opinion_div_update\" data-v-400c2eb9=\"\"><p data-v-400c2eb9=\"\" data-locale=\"xiugaiyijianneirong\">修改意见内容</p>\n" +
  257. " <textarea data-locale=\"xiugaiyijianneirong\" placeholder=\"修改意见内容\" maxlength=\"2000\" data-v-400c2eb9=\"\"></textarea>\n" +
  258. " </div>\n" +
  259. " <!-- 关闭按钮 -->\n" +
  260. " <div class=\"close_play_button\" onClick=\"delPlay(this)\">\n" +
  261. " <i class=\"layui-icon layui-icon-close\"></i>\n" +
  262. " </div>\n" +
  263. " </div>");
  264. addUrl(uuid);
  265. }
  266. //删除游玩记录
  267. delPlay = function(obj){
  268. $(obj).parent().remove();
  269. }
  270. //新增路线信息
  271. function submitAdd(){
  272. layer.load(3);
  273. var priceAll = $(".all_price input[name=priceAll]").val(); //总价
  274. var titleName = $("input[name=offerName]").val();
  275. var playDay = dateDiffVal($(".start_end_time").html().split(" — ")[0], $(".start_end_time").html().split(" — ")[0]);
  276. // if((playDay + 1) < $(".timeline").find("li").length){
  277. // layer.msg("设定天数超出客户游玩天数", {icon: 2, time: 1000});
  278. // layer.closeAll("loading");
  279. // return false;
  280. // }
  281. if(titleName == null || titleName == ""){
  282. layer.msg(paramReturn("请输入报价单名称", parent.type), {icon: 2, time: 1000});
  283. layer.closeAll("loading");
  284. return false;
  285. }
  286. if(titleImg == null || titleImg ==""){
  287. layer.msg(paramReturn("请上传封面图", parent.type), {icon: 2, time: 1000});
  288. layer.closeAll("loading");
  289. return false;
  290. }
  291. if(priceAll == null || priceAll == ""){
  292. layer.msg(paramReturn("请输入总价", parent.type), {icon: 2, time: 1000});
  293. layer.closeAll("loading");
  294. return false;
  295. }
  296. let arryValue = theValues();
  297. $.ajax({
  298. url: "/supplierRelease/" + urlAddUpate,
  299. type: "post",
  300. data: JSON.stringify({
  301. "demandUuid": uuid,
  302. "releaseDayString": arryValue.releaseDayString,
  303. "releasePlayString": arryValue.releasePlayString,
  304. "uuid": releaseUUid,
  305. "priceAll": arryValue.priceAll,
  306. "titleImg": titleImg,
  307. "offerName": arryValue.titleName,
  308. "announcements": arryValue.announcements,
  309. "other": arryValue.other,
  310. "priceDetail": arryValue.priceDetail,
  311. "priceDetailText": arryValue.priceDetailText,
  312. "contractFile": contractFile
  313. }),
  314. headers: {"token": token},
  315. contentType: "application/json",
  316. dataType: "json",
  317. success: (data) => {
  318. if(data.msg == "200"){
  319. layer.msg(paramReturn("发布成功", parent.type), {icon: 1}, function (){
  320. parent.$(".check_div").click();
  321. getQuotation();
  322. });
  323. getData();
  324. sendPrivateText();//报价之后给用户发一条信息
  325. } else if(data.msg == "500"){
  326. layer.msg(data.errMsg, {icon: 2}, function(){
  327. buyPermissions();
  328. getByNumber();
  329. });
  330. }
  331. layer.closeAll("loading");
  332. },
  333. error: () => {
  334. layer.alert(paramReturn("服务器异常,请联系管理员", parent.type), {icon: 2});
  335. layer.closeAll("loading");
  336. }
  337. });
  338. }
  339. //重新渲染上传
  340. function addUrl(uuid){
  341. layui.use(["laydate", 'upload'], function(){
  342. var upload1 = layui.upload;
  343. var laydate1 = layui.laydate;
  344. //执行实例
  345. upload1.render({
  346. elem: '.file_videos' + uuid //绑定元素
  347. ,url: 'https://www.tuyatrip.com/api/upload/uploadFile' //上传接口
  348. ,method: 'post' //可选项。HTTP类型,默认post
  349. ,accept: 'video'
  350. ,acceptMime: 'video/*'
  351. ,multiple: true
  352. ,number: 3
  353. ,size: 80000
  354. ,headers: {token: token}
  355. ,before: function (){
  356. layer.load(2);
  357. }
  358. ,done: function(res){
  359. $(this.item[0]).parent().next().append("<video src="+ res.data +" controls=\"\" onclick='clickVideo(this)' data-v-400c2eb9=\"\"></video>");
  360. layer.closeAll("loading");
  361. }
  362. ,error: function(){
  363. //请求异常回调
  364. }
  365. });
  366. //图片上传
  367. upload1.render({
  368. elem: '.file_img' + uuid //绑定元素
  369. ,url: 'https://www.tuyatrip.com/api/upload/uploadFile' //上传接口
  370. ,method: 'post' //可选项。HTTP类型,默认post
  371. ,accept: 'images'
  372. ,acceptMime: 'image/*'
  373. ,multiple: true
  374. ,number: 3
  375. ,size: 10000
  376. ,headers: {token: token}
  377. ,before: function (){
  378. layer.load(2);
  379. }
  380. ,done: function(res){
  381. $(this.item[0]).parent().next().append("<div class=\"editor-assets-content-info\" data-v-400c2eb9=\"\">\n" +
  382. " <div class=\"el-image\" data-v-400c2eb9=\"\"><img style='width: 100px;height: 100px;' onclick='clickImg(this)' alt=\"upload-assets\"\n" +
  383. " src="+ res.data +"\n" +
  384. " class=\"el-image__inner el-image__preview\"\n" +
  385. " style=\"object-fit: cover;\"><!--v-if-->\n" +
  386. " </div>\n" +
  387. " <svg viewBox=\"0 0 1024 1024\" xmlns=\"http://www.w3.org/2000/svg\" onclick=\"closeSvg(this)\" data-v-400c2eb9=\"\">\n" +
  388. " <path fill=\"currentColor\"\n" +
  389. " d=\"M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm0 393.664L407.936 353.6a38.4 38.4 0 1 0-54.336 54.336L457.664 512 353.6 616.064a38.4 38.4 0 1 0 54.336 54.336L512 566.336 616.064 670.4a38.4 38.4 0 1 0 54.336-54.336L566.336 512 670.4 407.936a38.4 38.4 0 1 0-54.336-54.336L512 457.664z\"></path>\n" +
  390. " </svg>\n" +
  391. " </div>");
  392. layer.closeAll("loading");
  393. }
  394. ,error: function(){
  395. //请求异常回调
  396. }
  397. });
  398. laydate1.render({
  399. elem: '.select_date_input' + uuid
  400. ,format: 'yyyy-MM-dd'
  401. });
  402. laydate.render({
  403. elem: '.date_hours_content_val' + uuid
  404. ,type: 'time'
  405. ,format: 'HH:mm'
  406. });
  407. });
  408. }
  409. //生成uuid
  410. function guid() {
  411. return 'xxxxxxxx_xxxx_4xxx_yxxx_xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
  412. var r = Math.random() * 16 | 0,
  413. v = c == 'x' ? r : (r & 0x3 | 0x8);
  414. return v.toString(16);
  415. });
  416. }
  417. //元素渲染
  418. function elementDrawing(data){
  419. $(".timeline ul li").remove();
  420. $(".content_right .content_add_div").remove();
  421. $(".all_price_input input[name=priceAll]").val(data.data[0].priceAll);
  422. $("input[name=offerName]").val(data.data[0].offerName);
  423. $("input[name=priceDetail]").val(data.data[0].priceDetail);
  424. $("textarea[name=announcements]").val(data.data[0].announcements);
  425. $("textarea[name=priceDetailText]").val(data.data[0].priceDetailText);
  426. $(".percentage_fee_price").html("平台手续费比例为:"+ proportion +"%,本单手续费为:"+ (data.data[0].priceAll * proportion) +"¥,本单实际收入为:"+ (data.data[0].priceAll - (data.data[0].priceAll * unitPrice)) +"¥");
  427. contractFile = data.data[0].contractFile
  428. titleImg = data.data[0].titleImg
  429. $(".cover_img_p").hide();
  430. $(".img_div").show();
  431. $(".img_div img").attr("src", titleImg);
  432. if(data.data[0].other != null){
  433. //其他渲染
  434. for(var i = 0; i < data.data[0].other.split(",").length; i++){
  435. $.each($(".radio_div_select"), (index, element) => {
  436. if(data.data[0].other.split(",")[i] == $(element).find("span").text()){
  437. $(element).find(".radio_icon").addClass("radio_icon_color")
  438. }
  439. });
  440. }
  441. }
  442. //游玩渲染
  443. var uuid = guid();
  444. //时间渲染
  445. var day = null;
  446. $.each(data.data[0].releaseDay, (index, item) => {
  447. if(day != item.dayNum){
  448. //左侧时间轴
  449. if(index == 0){
  450. $(".timeline ul").append("<li dayNum="+ item.dayNum +" class=\"pre-actived\" data-v-2d69a44a=\"\" onclick=\"clickDayNum(this)\">\n" +
  451. " <i data-v-2d69a44a=\"\">Day"+ item.dayNum +"</i>\n" +
  452. " <span data-v-2d69a44a=\"\"></span>\n" +
  453. " </li>")
  454. }else{
  455. $(".timeline ul").append("<li dayNum="+ item.dayNum +" data-v-2d69a44a=\"\" onclick=\"clickDayNum(this)\">\n" +
  456. " <i data-v-2d69a44a=\"\">Day"+ item.dayNum +"</i>\n" +
  457. " <span data-v-2d69a44a=\"\"></span>\n" +
  458. " </li>")
  459. }
  460. $(".content_right .contract_uplod").before(
  461. "<div class='content_add_div' dayNum="+ item.dayNum +">" +
  462. " <!-- 日期选择 -->\n" +
  463. " <div class=\"layui-inline\">\n" +
  464. " <label class=\"layui-form-label\" style=\"margin-top: 8px\" data-locale=\"riqi\">"+ paramReturn("日&nbsp;&nbsp;&nbsp;&nbsp;期", parent.type) +":</label>\n" +
  465. " <div class=\"layui-input-inline\">\n" +
  466. " <div class=\"date_content_div\">\n" +
  467. " <img class=\"date_content_img\" src=\"/images/demandForSingle/date.png\"/>\n" +
  468. " <input type=\"text\" class=\"layui-input date_content_input select_date_input"+ uuid +"\" value="+ item.planDate +" name='planDate' data-locale=\"qingshurushijian\" placeholder=\"请输入时间 年.月.日\" readonly = \"readonly\">\n" +
  469. " </div>\n" +
  470. " </div>\n" +
  471. " </div>\n" +
  472. "<!-- 时间增加 -->\n" +
  473. " <div class=\"layui-inline\">\n" +
  474. " <label class=\"layui-form-label\" style=\"margin-top: 8px\" data-locale=\"shijiandian\">"+ paramReturn("时间点", parent.type) +":</label>\n" +
  475. " <div class=\"layui-input-inline positioning_div\" style=\"width: 90%\">\n" +
  476. " <img class=\"add_date\" src=\"/images/demandForSingle/add_date.png\"/>\n" +
  477. " <div class=\"date_content_div\">\n" +
  478. " <input type=\"text\" class=\"layui-input date_hours_content_input date_hours_content_val"+ uuid +"\" value="+item.dateTime+">\n" +
  479. " <input type=\"text\" class=\"layui-input date_hours_content date_content_input\" value="+JSON.stringify(item.content)+">\n" +
  480. " <div class=\"del_date\" onclick=\"delteDate(this)\"><i class=\"layui-icon layui-icon-subtraction\"></i></div>\n" +
  481. " </div>\n"+
  482. " </div>\n" +
  483. " </div>\n"+
  484. " <!-- 游玩内容 -->\n" +
  485. " <div class=\"play_div\"></div>\n"+
  486. "</div>")
  487. day = item.dayNum;
  488. } else {
  489. $(".content_add_div[dayNum="+ item.dayNum +"] .positioning_div").append("<div class=\"date_content_div\">\n" +
  490. " <input type=\"text\" class=\"layui-input date_hours_content_input date_hours_content_val"+ uuid +"\" value="+item.dateTime+">\n" +
  491. " <input type=\"text\" class=\"layui-input date_hours_content date_content_input\" value="+JSON.stringify(item.content)+">\n" +
  492. " <div class=\"del_date\" onclick=\"delteDate(this)\"><i class=\"layui-icon layui-icon-subtraction\"></i></div>\n" +
  493. " </div>");
  494. }
  495. });
  496. // $(".add_date").css("bottom", "6px");
  497. $.each(data.data[0].releasePlay, (index, elem) => {
  498. if(elem.typeVal == "0"){
  499. $(".content_add_div[daynum="+ elem.dayNum +"] .play_div").append("<!-- 地点 -->\n" +
  500. " <div class=\"play_content_div scenic_spot_div "+ elem.uuid + "-" + elem.typeVal +"-"+ elem.id +"\">\n" +
  501. " <div class=\"title_name_spot\">\n" +
  502. " <svg viewBox=\"0 0 1024 1024\" class=\"title_name_img\">\n" +
  503. " <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>\n" +
  504. " </svg>\n" +
  505. " <input type=\"text\" data-locale=\"didianmingcheng\" placeholder=\""+ paramReturn("地点名称", parent.type) +"\" value='"+ elem.name +"' class=\"layui-input date_content_input\">\n" +
  506. " </div>\n" +
  507. " <div class=\"editor-assets\" data-v-400c2eb9=\"\">\n" +
  508. " <div class=\"editor-assets-control\" data-v-400c2eb9=\"\">\n" +
  509. " <div class=\"editor-assets-control-item file_videos"+ uuid +"\" data-v-400c2eb9=\"\"><i\n" +
  510. " class=\"assets-icon assets-videos-icon\" data-v-400c2eb9=\"\"></i><span\n" +
  511. " data-v-400c2eb9=\"\" data-locale=\"charushipin\">"+ paramReturn("插入视频", parent.type) +"</span></div>\n" +
  512. " <div class=\"editor-assets-control-item file_img"+ uuid +" file_margin\" data-v-400c2eb9=\"\"><i\n" +
  513. " class=\"assets-icon assets-images-icon\" data-v-400c2eb9=\"\"></i><span\n" +
  514. " data-v-400c2eb9=\"\" data-locale=\"charutupian\">"+ paramReturn("插入图片", parent.type) +"</span></div>\n" +
  515. " </div>\n" +
  516. " <div class=\"editor-assets-content\" data-v-400c2eb9=\"\">\n" +
  517. " </div>\n" +
  518. " </div>\n" +
  519. " <div class=\"editor-content\" data-v-400c2eb9=\"\"><p data-v-400c2eb9=\"\" data-locale=\"didianjieshao\">"+ paramReturn("地点介绍", parent.type) +"</p>\n" +
  520. " <textarea data-locale=\"didianjieshao\" placeholder=\""+ paramReturn("地点介绍", parent.type) +"\" maxlength=\"2000\" data-v-400c2eb9=\"\">"+ elem.content + "</textarea>\n" +
  521. " </div>\n" +
  522. " <div class=\"editor-content opinion_div_update\" data-v-400c2eb9=\"\"><p data-v-400c2eb9=\"\" data-locale=\"xiugaiyijianneirong\">"+ paramReturn("修改意见内容", parent.type) +"</p>\n" +
  523. " <textarea data-locale=\"xiugaiyijianneirong\" placeholder=\""+ paramReturn("修改意见内容", parent.type) +"\" maxlength=\"2000\" data-v-400c2eb9=\"\">用户修改意见:"+ elem.updateContent +"</textarea>\n" +
  524. " </div>\n" +
  525. " <!-- 关闭按钮 -->\n" +
  526. " <div class=\"close_play_button\" onClick=\"delPlay(this)\">\n" +
  527. " <i class=\"layui-icon layui-icon-close\"></i>\n" +
  528. " </div>\n" +
  529. " </div>\n" +
  530. " <!-- 悬浮效果 -->\n" +
  531. " <div class=\"operation\" data-v-67b53f28=\"\" data-v-5161540f=\"\" onmouseover=\"operationOver(this)\" onmouseout=\"operationOut(this)\">\n" +
  532. " <div class=\"operation-leader\" data-v-67b53f28=\"\">\n" +
  533. " <svg viewBox=\"0 0 1024 1024\" xmlns=\"http://www.w3.org/2000/svg\" data-v-67b53f28=\"\">\n" +
  534. " <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>\n" +
  535. " </svg>\n" +
  536. " </div>\n" +
  537. " <div class=\"icon-group\" data-v-67b53f28=\"\">\n" +
  538. " <div class=\"icon-item\" data-v-67b53f28=\"\" onClick=\"addDay()\")\">\n" +
  539. " <i class=\"icon icon-dir\" data-v-67b53f28=\"\"></i>\n" +
  540. " <span data-v-67b53f28=\"\" data-locale=\"tianjiamulu\">"+ paramReturn("增加天数", parent.type) +"</span>\n" +
  541. " </div>\n" +
  542. " <div class=\"icon-item\" data-v-67b53f28=\"\" onClick=\"addPlace(this)\">\n" +
  543. " <i class=\"icon icon-location\" data-v-67b53f28=\"\"></i>\n" +
  544. " <span data-v-67b53f28=\"\" data-locale=\"tianjiadidian\">"+ paramReturn("添加地点", parent.type) +"</span>\n" +
  545. " </div>\n" +
  546. " </div>\n" +
  547. " </div>");
  548. }else if(elem.typeVal == "1"){
  549. $(".content_add_div[daynum="+ elem.dayNum +"] .play_div").append("<!-- 酒店 -->\n" +
  550. " <div class=\"play_content_div hotel_play_div "+ elem.uuid + "-" + elem.typeVal +"-"+ elem.id +"\">\n" +
  551. " <div class=\"title_name_spot\">\n" +
  552. " <svg viewBox=\"0 0 1024 1024\" class=\"title_name_img\">\n" +
  553. " <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>\n" +
  554. " </svg>\n" +
  555. " <input type=\"text\" data-locale=\"jiudianmingcheng\" placeholder=\""+ paramReturn("酒店名称", parent.type) +"\" value='"+ elem.name +"' class=\"layui-input date_content_input\">\n" +
  556. " </div>\n" +
  557. " <div class=\"editor-assets\" data-v-400c2eb9=\"\">\n" +
  558. " <div class=\"editor-assets-control\" data-v-400c2eb9=\"\">\n" +
  559. " <div class=\"editor-assets-control-item file_videos"+ uuid +"\" data-v-400c2eb9=\"\"><i\n" +
  560. " class=\"assets-icon assets-videos-icon\" data-v-400c2eb9=\"\"></i><span\n" +
  561. " data-v-400c2eb9=\"\" data-locale=\"charushipin\">"+ paramReturn("插入视频", parent.type) +"</span></div>\n" +
  562. " <div class=\"editor-assets-control-item file_img"+ uuid +" file_margin\" data-v-400c2eb9=\"\"><i\n" +
  563. " class=\"assets-icon assets-images-icon\" data-v-400c2eb9=\"\"></i><span\n" +
  564. " data-v-400c2eb9=\"\" data-locale=\"charutupian\">"+ paramReturn("插入图片", parent.type) +"</span></div>\n" +
  565. " </div>\n" +
  566. " <div class=\"editor-assets-content\" data-v-400c2eb9=\"\"></div>\n" +
  567. " </div>\n" +
  568. " <div class=\"editor-content\" data-v-400c2eb9=\"\"><p data-v-400c2eb9=\"\" data-locale=\"jiudianjieshao\">"+ paramReturn("酒店介绍", parent.type) +"</p>\n" +
  569. " <textarea placeholder=\""+ paramReturn("酒店介绍", parent.type) +"\" data-locale=\"jiudianjieshao\" maxlength=\"2000\" data-v-400c2eb9=\"\">"+ elem.content + "</textarea>\n" +
  570. " </div>\n" +
  571. " <div class=\"editor-content opinion_div_update\" data-v-400c2eb9=\"\"><p data-v-400c2eb9=\"\" data-locale=\"xiugaiyijianneirong\">"+ paramReturn("修改意见内容", parent.type) +"</p>\n" +
  572. " <textarea placeholder=\""+ paramReturn("修改意见内容", parent.type) +"\" data-locale=\"xiugaiyijianneirong\" maxlength=\"2000\" data-v-400c2eb9=\"\">用户修改意见:"+ elem.updateContent +"</textarea>\n" +
  573. " </div>\n" +
  574. " <!-- 关闭按钮 -->\n" +
  575. " <div class=\"close_play_button\" onClick=\"delPlay(this)\">\n" +
  576. " <i class=\"layui-icon layui-icon-close\"></i>\n" +
  577. " </div>\n" +
  578. " </div>");
  579. }else if(elem.typeVal == "2"){
  580. $(".content_add_div[daynum="+ elem.dayNum +"] .play_div").append("<!-- 包车,车型-->\n" +
  581. " <div class=\"play_content_div charte_play_div "+ elem.uuid + "-" + elem.typeVal +"-"+ elem.id +"\">\n" +
  582. " <div class=\"title_name_spot\">\n" +
  583. " <svg viewBox=\"0 0 1024 1024\" class=\"title_name_img\">\n" +
  584. " <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>\n" +
  585. " </svg>\n" +
  586. " <input type=\"text\" data-locale=\"baoche\" placeholder=\""+ paramReturn("包车车型", parent.type) +"\" value='"+ elem.name +"' class=\"layui-input date_content_input\">\n" +
  587. " </div>\n" +
  588. " <div class=\"editor-assets\" data-v-400c2eb9=\"\">\n" +
  589. " <div class=\"editor-assets-control\" data-v-400c2eb9=\"\">\n" +
  590. " <div class=\"editor-assets-control-item file_videos"+ uuid +"\" data-v-400c2eb9=\"\"><i\n" +
  591. " class=\"assets-icon assets-videos-icon\" data-v-400c2eb9=\"\"></i><span\n" +
  592. " data-v-400c2eb9=\"\" data-locale=\"charushipin\">"+ paramReturn("插入视频", parent.type) +"</span></div>\n" +
  593. " <div class=\"editor-assets-control-item file_img"+ uuid +" file_margin\" data-v-400c2eb9=\"\"><i\n" +
  594. " class=\"assets-icon assets-images-icon\" data-v-400c2eb9=\"\"></i><span\n" +
  595. " data-v-400c2eb9=\"\" data-locale=\"charutupian\">"+ paramReturn("插入图片", parent.type) +"</span></div>\n" +
  596. " </div>\n" +
  597. " <div class=\"editor-assets-content\" data-v-400c2eb9=\"\"></div>\n" +
  598. " </div>\n" +
  599. " <div class=\"editor-content\" data-v-400c2eb9=\"\"><p data-v-400c2eb9=\"\" data-locale=\"baochesijijieshao\">"+ paramReturn("包车司机介绍", parent.type) +"</p>\n" +
  600. " <textarea data-locale=\"baochesijijieshao\" placeholder=\""+ paramReturn("包车司机介绍", parent.type) +"\" maxlength=\"2000\" data-v-400c2eb9=\"\">"+ elem.content + "</textarea>\n" +
  601. " </div>\n" +
  602. " <div class=\"editor-content opinion_div_update\" data-v-400c2eb9=\"\"><p data-v-400c2eb9=\"\" data-locale=\"xiugaiyijianneirong\">"+ paramReturn("修改意见内容", parent.type) +"</p>\n" +
  603. " <textarea data-locale=\"xiugaiyijianneirong\" placeholder=\""+ paramReturn("修改意见内容", parent.type) +"\" maxlength=\"2000\" data-v-400c2eb9=\"\">用户修改意见:"+ elem.updateContent +"</textarea>\n" +
  604. " </div>\n" +
  605. " <!-- 关闭按钮 -->\n" +
  606. " <div class=\"close_play_button\" onClick=\"delPlay(this)\">\n" +
  607. " <i class=\"layui-icon layui-icon-close\"></i>\n" +
  608. " </div>\n" +
  609. " </div>");
  610. }
  611. var imgUrlArray = elem.imgUrl == null ? new Array() : elem.imgUrl.split(",");
  612. var videoUrlArray = elem.videoUrl == null ? new Array() : elem.videoUrl.split(",");
  613. for(var i = 0; i < imgUrlArray.length; i++){
  614. $("."+ elem.uuid + "-" + elem.typeVal +"-"+ elem.id +" .editor-assets-content").append("<div class=\"editor-assets-content-info\" data-v-400c2eb9=\"\">\n" +
  615. " <div class=\"el-image\" data-v-400c2eb9=\"\"><img style='width: 100px;height: 100px;' onclick='clickImg(this)' alt=\"upload-assets\"\n" +
  616. " src="+ imgUrlArray[i] +"\n" +
  617. " class=\"el-image__inner el-image__preview\"\n" +
  618. " style=\"object-fit: cover;\"><!--v-if-->\n" +
  619. " </div>\n" +
  620. " <svg viewBox=\"0 0 1024 1024\" xmlns=\"http://www.w3.org/2000/svg\" onclick=\"closeSvg(this)\" data-v-400c2eb9=\"\">\n" +
  621. " <path fill=\"currentColor\"\n" +
  622. " d=\"M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm0 393.664L407.936 353.6a38.4 38.4 0 1 0-54.336 54.336L457.664 512 353.6 616.064a38.4 38.4 0 1 0 54.336 54.336L512 566.336 616.064 670.4a38.4 38.4 0 1 0 54.336-54.336L566.336 512 670.4 407.936a38.4 38.4 0 1 0-54.336-54.336L512 457.664z\"></path>\n" +
  623. " </svg>\n" +
  624. " </div>");
  625. }
  626. for(var j = 0; j < videoUrlArray.lengthl; j++){
  627. $("."+ elem.uuid + "-" + elem.typeVal +"-"+ elem.id +" .editor-assets-content").append("<video src="+ videoUrlArray[j] +" controls=\"\" data-v-400c2eb9=\"\"></video>");
  628. }
  629. //如果有修改内容的话则显示修改框
  630. if(elem.updateContent != null && elem.updateContent != ""){
  631. $("."+ elem.uuid + "-" + elem.typeVal +" .opinion_div_update").show();
  632. }
  633. })
  634. addUrl(uuid);
  635. }
  636. //查询订制
  637. function getData(){
  638. layer.load(3);
  639. $.ajax({
  640. url: "/supplierRelease/getSupplierRelease",
  641. type: "get",
  642. data:{
  643. "demandUuid": uuid
  644. },
  645. headers: {"token": token},
  646. dataType: "json",
  647. success: (data) => {
  648. if(data.msg == "200"){
  649. if(data.data.length != 0){
  650. urlAddUpate = "updateSupplierRelease"; //如果存在后面操作是修改
  651. releaseUUid = data.data[0].uuid; //赋值
  652. elementDrawing(data);
  653. } else {
  654. urlAddUpate = "addSupplierRelease";
  655. }
  656. }
  657. layer.closeAll("loading");
  658. },
  659. error: () => {
  660. layer.alert(paramReturn("服务器异常,请联系管理员", parent.type), {icon: 2});
  661. layer.closeAll("loading");
  662. }
  663. });
  664. }
  665. //删除选中图片或者视频
  666. function closeSvg(obj){
  667. $(obj).parent().remove();
  668. }
  669. addDate = function(obj){
  670. //游玩渲染
  671. var uuid = guid();
  672. var timeVal = $(obj).parent().find(".date_hours_content_input").last().val();
  673. if(timeVal == "08:00"){
  674. $(obj).before("<div class=\"date_content_div\">\n" +
  675. "<input type=\"text\" data-locale=\"shijian\" class=\"layui-input date_hours_content_input date_hours_content_val"+ uuid +"\" value='12:00'>\n" +
  676. "<input type=\"text\" data-locale=\"qingshuruneirong\" class=\"layui-input date_hours_content date_content_input\" placeholder=\""+ paramReturn("请输入内容", parent.type) +"\">\n" +
  677. "<div class=\"del_date\" onclick=\"delteDate(this)\"><i class=\"layui-icon layui-icon-subtraction\"></i></div>\n" +
  678. "</div>")
  679. } else if(timeVal == "12:00"){
  680. $(obj).before("<div class=\"date_content_div\">\n" +
  681. "<input type=\"text\" data-locale=\"shijian\" class=\"layui-input date_hours_content_input date_hours_content_val"+ uuid +"\" value='14:00'>\n" +
  682. "<input type=\"text\" data-locale=\"qingshuruneirong\" class=\"layui-input date_hours_content date_content_input\" placeholder=\""+ paramReturn("请输入内容", parent.type) +"\">\n" +
  683. "<div class=\"del_date\" onclick=\"delteDate(this)\"><i class=\"layui-icon layui-icon-subtraction\"></i></div>\n" +
  684. "</div>")
  685. } else if(timeVal == "14:00"){
  686. $(obj).before("<div class=\"date_content_div\">\n" +
  687. "<input type=\"text\" data-locale=\"shijian\" class=\"layui-input date_hours_content_input date_hours_content_val"+ uuid +"\" value='17:00'>\n" +
  688. "<input type=\"text\" data-locale=\"qingshuruneirong\" class=\"layui-input date_hours_content date_content_input\" placeholder=\""+ paramReturn("请输入内容", parent.type) +"\">\n" +
  689. "<div class=\"del_date\" onclick=\"delteDate(this)\"><i class=\"layui-icon layui-icon-subtraction\"></i></div>\n" +
  690. "</div>")
  691. } else {
  692. $(obj).before("<div class=\"date_content_div\">\n" +
  693. "<input type=\"text\" data-locale=\"shijian\" class=\"layui-input date_hours_content_input date_hours_content_val"+ uuid +"\" placeholder=\""+ paramReturn("时间", parent.type) +"\">\n" +
  694. "<input type=\"text\" data-locale=\"qingshuruneirong\" class=\"layui-input date_hours_content date_content_input\" placeholder=\""+ paramReturn("请输入内容", parent.type) +"\">\n" +
  695. "<div class=\"del_date\" onclick=\"delteDate(this)\"><i class=\"layui-icon layui-icon-subtraction\"></i></div>\n" +
  696. "</div>")
  697. }
  698. addUrl(uuid);
  699. }
  700. delteDate = function (obj) {
  701. let num = $(obj).parent().parent().find(".date_content_div").length;
  702. if(num == 1){
  703. layer.msg("至少保留一个时间段", {icon: 2});
  704. return false;
  705. }
  706. $(obj).parent().remove();
  707. }
  708. //取值
  709. function theValues(){
  710. let map = {};
  711. var releaseDay = new Array();//天信息数组
  712. var releasePlay = new Array();//游玩信息数组在·
  713. var priceAll = $(".all_price input[name=priceAll]").val(); //总价
  714. var titleName = $("input[name=offerName]").val();
  715. var priceDetail = $("input[name=priceDetail]").val();
  716. var priceDetailText = $("textarea[name=priceDetailText]").val();
  717. var announcements = $("textarea[name=announcements]").val();//注意事项
  718. var other = "";//其他
  719. $.each($(".radio_icon_color"), (index, item) => {
  720. other += $(item).next().text() + ",";
  721. });
  722. map.priceAll = priceAll;
  723. map.titleName = titleName;
  724. map.other = other.substring(0, other.length - 1);
  725. map.priceDetail = priceDetail;
  726. map.priceDetailText = priceDetailText;
  727. map.announcements = announcements;
  728. //取值
  729. $.each($(".content_add_div"), (index, item) => {
  730. var dayNum = $(item).attr("dayNum"); //天数
  731. //时间信息
  732. var planDate = $(item).find("input[name=planDate]").val(); //日期
  733. if(planDate == null || planDate == ''){
  734. layer.msg(paramReturn("第", parent.type) + dayNum + paramReturn("天日期不能为空", parent.type), {icon: 2});
  735. return false;
  736. }
  737. $.each($(item).find(".positioning_div .date_content_div"), (index, elem) => {
  738. let dateTime = $(elem).find("input").eq(0).val();
  739. let content = $(elem).find("input").eq(1).val();
  740. if(content != null && content != ""){
  741. //赋值
  742. releaseDay.push({"dayNum": dayNum, "planDate": planDate, "dateTime": dateTime, "content": content})
  743. }
  744. });
  745. //游玩信息
  746. $.each($(item).find(".play_div"), (index, elemVal) => {
  747. //景点
  748. $.each($(elemVal).find(".scenic_spot_div"), (index, element) => {
  749. var imgUrl = "";
  750. var videoUrl = "";
  751. $.each($(element).find(".editor-assets .editor-assets-content"), function(index, element1){
  752. if(typeof($(element1).find("img")) != "undefined") {
  753. imgUrl = imgUrl + $(element1).find("img").attr("src") + ","
  754. }
  755. if(typeof($(element1).find("video").attr("src")) != "undefined"){
  756. videoUrl = videoUrl + $(element1).find("video").attr("src") + ","
  757. }
  758. });
  759. if(imgUrl != ""){
  760. imgUrl = imgUrl.substring(0, imgUrl.length - 1);
  761. }
  762. if(videoUrl != ""){
  763. videoUrl = videoUrl.substring(0, videoUrl.length - 1);
  764. }
  765. var name = $(element).find(".title_name_spot input").val();
  766. var content = $(element).find(".editor-content textarea").val();
  767. releasePlay.push({"dayNum": dayNum, "imgUrl": (imgUrl == "undefined" ? null : imgUrl), "videoUrl": (videoUrl == "undefined" ? null : videoUrl), "name": name, "content": content, "typeVal": "0"});
  768. });
  769. //酒店
  770. $.each($(elemVal).find(".hotel_play_div"), (index, element) => {
  771. var imgUrl = "";
  772. var videoUrl = "";
  773. $.each($(element).find(".editor-assets .editor-assets-content .editor-assets-content-info"), function(index, element1){
  774. if(typeof($(element1).find("img")) != "undefined") {
  775. imgUrl = imgUrl + $(element1).find("img").attr("src") + ","
  776. }
  777. if(typeof($(element1).find("video").attr("src")) != "undefined"){
  778. videoUrl = videoUrl + $(element1).find("video").attr("src") + ","
  779. }
  780. });
  781. if(imgUrl != ""){
  782. imgUrl = imgUrl.substring(0, imgUrl.length - 1);
  783. }
  784. if(videoUrl != ""){
  785. videoUrl = videoUrl.substring(0, videoUrl.length - 1);
  786. }
  787. var name = $(element).find(".title_name_spot input").val();
  788. var content = $(element).find(".editor-content textarea").val();
  789. releasePlay.push({"dayNum": dayNum, "imgUrl": (imgUrl == "" ? null : imgUrl), "videoUrl": (videoUrl == "" ? null : videoUrl), "name": name, "content": content, "typeVal": "1"});
  790. });
  791. //包车
  792. $.each($(elemVal).find(".charte_play_div"), (index, element) => {
  793. var imgUrl = "";
  794. var videoUrl = "";
  795. $.each($(element).find(".editor-assets .editor-assets-content .editor-assets-content-info"), function(index, element1){
  796. if(typeof($(element1).find("img")) != "undefined") {
  797. imgUrl = imgUrl + $(element1).find("img").attr("src") + ","
  798. }
  799. if(typeof($(element1).find("video").attr("src")) != "undefined"){
  800. videoUrl = videoUrl + $(element1).find("video").attr("src") + ","
  801. }
  802. });
  803. if(imgUrl != ""){
  804. imgUrl = imgUrl.substring(0, imgUrl.length - 1);
  805. }
  806. if(videoUrl != ""){
  807. videoUrl = videoUrl.substring(0, videoUrl.length - 1);
  808. }
  809. var name = $(element).find(".title_name_spot input").val();
  810. var content = $(element).find(".editor-content textarea").val();
  811. releasePlay.push({"dayNum": dayNum, "imgUrl": (imgUrl == "" ? null : imgUrl), "videoUrl": (videoUrl == "" ? null : videoUrl), "name": name, "content": content, "typeVal": "2"});
  812. });
  813. });
  814. });
  815. var releaseDayString = JSON.stringify(releaseDay);
  816. var releasePlayString = JSON.stringify(releasePlay);
  817. map.releaseDayString = releaseDayString;
  818. map.releasePlayString = releasePlayString;
  819. return map;
  820. }
  821. //保存模板
  822. function submitAddTemplate(){
  823. layer.load(3);
  824. var priceAll = $(".all_price input[name=priceAll]").val(); //总价
  825. var titleName = $("input[name=offerName]").val();
  826. if(titleName == null || titleName == ""){
  827. layer.msg(paramReturn("请输入报价单名称", parent.type), {icon: 2, time: 1000});
  828. layer.closeAll("loading");
  829. return false;
  830. }
  831. if(priceAll == null || priceAll == ""){
  832. layer.msg(paramReturn("请输入总价", parent.type), {icon: 2, time: 1000});
  833. layer.closeAll("loading");
  834. return false;
  835. }
  836. let arryValue = theValues();
  837. $.ajax({
  838. url: "/template/addSupplierRelease",
  839. type: "post",
  840. data: JSON.stringify({
  841. "releaseDayString": arryValue.releaseDayString,
  842. "releasePlayString": arryValue.releasePlayString,
  843. "priceAll": arryValue.priceAll,
  844. "announcements": arryValue.announcements,
  845. "titleImg": titleImg,
  846. "offerName": arryValue.titleName,
  847. "travelTime": $(".start_end_time").text(),
  848. "other": arryValue.other,
  849. }),
  850. headers: {"token": token},
  851. contentType: "application/json",
  852. dataType: "json",
  853. success: (data) => {
  854. if(data.msg == "200"){
  855. layer.msg(paramReturn("保存成功", parent.type), {icon: 1});
  856. }
  857. layer.closeAll("loading");
  858. },
  859. error: () => {
  860. layer.alert(paramReturn("服务器异常,请联系管理员", parent.type), {icon: 2});
  861. layer.closeAll("loading");
  862. }
  863. });
  864. }
  865. //点击其他
  866. function radioClick(obj){
  867. if($(obj).find(".radio_icon").hasClass("radio_icon_color")){
  868. $(obj).find(".radio_icon").removeClass("radio_icon_color");
  869. } else {
  870. $(obj).find(".radio_icon").addClass("radio_icon_color");
  871. }
  872. }
  873. //关闭选择订单弹框
  874. function closeVan(obj){
  875. layer.closeAll();
  876. }
  877. //监听输入框搜索
  878. function getValue(obj){
  879. let name = $(obj).val();
  880. // loadTemplate(name);
  881. $(".van-popup .info .list article").hide().filter(":contains("+ name.trim() +")").show();
  882. }
  883. //加载模板
  884. function loadTemplate(name){
  885. parent.layer.load(3);
  886. $.ajax({
  887. url: "/template/getSupplierRelease",
  888. type: "get",
  889. data: {
  890. "offerName": name
  891. },
  892. headers: {"token": token},
  893. dataType: "json",
  894. success: (data) => {
  895. if(data.msg == "200"){
  896. $(".van-popup .info .list").find("article").remove();
  897. $.each(data.data, function(index, item){
  898. $(".van-popup .info .list").append("<article onclick='clickTemplae(this)' uuidTemplate="+ item.uuid +" name="+ item.offerName +" class=\"order\" data-v-429d1032=\"\"><img alt=\"orderCover\" src="+ item.titleImg +" data-v-429d1032=\"\">\n" +
  899. " <div class=\"order-description\" data-v-429d1032=\"\">\n" +
  900. " <div class=\"order-description-info\" data-v-429d1032=\"\"><h3 data-v-429d1032=\"\">\n" +
  901. " "+ item.offerName +"</h3>\n" +
  902. " <div class=\"introduce\" data-v-429d1032=\"\"><p data-v-429d1032=\"\">"+ item.name +"</p>\n" +
  903. // " <p data-v-429d1032=\"\">出行时间:"+ item.travelTime +"</p></div>\n" +
  904. " </div>\n" +
  905. " <div class=\"order-description-money\" data-v-429d1032=\"\"><p data-v-429d1032=\"\">"+ paramReturn("报价", parent.type) +" <i data-v-429d1032=\"\">¥</i><span data-v-429d1032=\"\">"+ item.priceAll +"</span></p></div>\n" +
  906. " </div>\n" +
  907. " </article>");
  908. });
  909. }
  910. parent.layer.closeAll("loading");
  911. },
  912. error: () => {
  913. parent.layer.alert(paramReturn("服务器异常,请联系管理员", parent.type), {icon: 2});
  914. parent.layer.closeAll("loading");
  915. }
  916. });
  917. }
  918. //选择模板
  919. function selectTemplate(uuidTemplate){
  920. layer.load(3);
  921. $.ajax({
  922. url: "/template/getSupplierRelease",
  923. type: "get",
  924. data: {
  925. "uuid": uuidTemplate
  926. },
  927. headers: {"token": token},
  928. dataType: "json",
  929. success: (data) => {
  930. if(data.msg == "200"){
  931. elementDrawing(data);
  932. }
  933. layer.closeAll();
  934. },
  935. error: () => {
  936. layer.alert(paramReturn("服务器异常,请联系管理员", parent.type), {icon: 2});
  937. layer.closeAll("loading");
  938. }
  939. });
  940. }
  941. //选择模板
  942. function clickTemplae(obj){
  943. $(".van-popup .info .list").find("article").removeClass("order-selected");
  944. $(obj).addClass("order-selected");
  945. }
  946. //全屏预览图片
  947. function clickImg(obj){
  948. var imgUrl = $(obj).attr("src");
  949. layer.open({
  950. type: 1,
  951. title: false,
  952. area: ['600px', '80%'],
  953. closeBtn: 2,
  954. anim: 2,
  955. content: "<img src='"+ imgUrl +"' width='100%' height='100%'/>"
  956. })
  957. }
  958. //全屏预览视频
  959. function clickVideo(obj){
  960. var videoUrl = $(obj).attr("src");
  961. layer.open({
  962. type: 1,
  963. title: false,
  964. area: ['600px', '80%'],
  965. closeBtn: 2,
  966. anim: 2,
  967. content: "<video src="+ videoUrl +" controls=\"\" data-v-400c2eb9=\"\"></video>"
  968. })
  969. }
  970. // 单聊发送文本消息
  971. function sendPrivateText() {
  972. if(offerCode == null){
  973. console.log("发送消息失败")
  974. return false;
  975. }
  976. let id = conn.getUniqueId(); // 生成本地消息id
  977. let msg = new WebIM.message('txt', id); // 创建文本消息
  978. msg.set({
  979. msg: '我已对您的需求单提供报价,请注意查收', // 消息内容
  980. to: offerCode, // 接收消息对象(用户id)
  981. chatType: 'singleChat', // 设置为单聊
  982. success: function (id, serverMsgId) {
  983. },
  984. fail: function(e){
  985. console.log("失败");
  986. }
  987. });
  988. conn.send(msg.body);
  989. $(".chat__room-info-input textarea").val("");
  990. }
  991. //注册并登录环信账号
  992. function registerUser(){
  993. var options = {
  994. username: parent.username.toLowerCase(),
  995. password: '123456',
  996. nickname: parent.nickname,
  997. appKey: WebIM.config.appkey,
  998. success: function () { },
  999. error: function (err) {
  1000. let errorData = JSON.parse(err.data);
  1001. },
  1002. };
  1003. conn.registerUser(options);
  1004. var options1 = {
  1005. user: parent.username.toLowerCase(),
  1006. pwd: '123456',
  1007. appKey: WebIM.config.appkey
  1008. };
  1009. conn.open(options1);
  1010. //
  1011. setTimeout(function (){
  1012. let options = {
  1013. nickname: parent.nickname,
  1014. avatarurl: parent.headImg,
  1015. }
  1016. //修改用户信息
  1017. conn.updateOwnUserInfo(options);
  1018. //查询列表
  1019. conn.getSessionList().then((res) => {
  1020. })
  1021. },2000);
  1022. }
  1023. //计算手续费
  1024. function getPriceAll(obj){
  1025. let val = $(obj).val();
  1026. $(".percentage_fee_price").html("平台手续费比例为:"+ proportion +"%,本单手续费为:"+ (val * proportion) +"¥,本单实际收入为:"+ (val - (val * unitPrice)) +"¥");
  1027. }
  1028. //查询报价单单价
  1029. function getByNumber(){
  1030. layer.load(3);
  1031. $.ajax({
  1032. url: "/personal/getByNumber",
  1033. type: "get",
  1034. data: {},
  1035. headers: {"token": localStorage.getItem("token")},
  1036. dataType: "json",
  1037. success: (data) => {
  1038. proportion = data.data.percentage_fee;
  1039. unitPrice = data.data.power_unit;
  1040. topUpNum();//次数渲染 余额渲染
  1041. eachNumberAmout(); //次数余额
  1042. $(".percentage_fee_price").html("平台手续费比例为:"+ data.data.percentage_fee +"%,本单手续费为:"+ (0 * data.data.percentage_fee).toFixed(2) +"¥,本单实际收入为:"+ (0 - (0 * data.data.percentage_fee)).toFixed(2) +"¥")
  1043. layer.closeAll("loading");
  1044. },
  1045. error: () => {
  1046. layer.alert("服务器异常,请联系管理员", {icon: 2});
  1047. layer.closeAll("loading");
  1048. }
  1049. });
  1050. }
  1051. //删除当前天
  1052. function delPlace(obj){
  1053. let num = $(obj).parent().parent().parent().parent().attr("dayNum");
  1054. let divLength = $(".content_add_div").length;
  1055. if(divLength == "1"){
  1056. layer.msg("删除失败,至少保留一天", {icon: 2});
  1057. return false;
  1058. }
  1059. $(".timeline li[dayNum="+ num +"]").remove();
  1060. $(obj).parent().parent().parent().parent().remove();
  1061. }
  1062. //查询报价单父页面待回答数量刷新
  1063. function getQuotation(page, limit){
  1064. layer.load(3);
  1065. $.ajax({
  1066. url: "/privateOrder/getPrivateOrder",
  1067. type: "get",
  1068. data: {
  1069. "page": 1,
  1070. "limit": 7,
  1071. "orderType": "0"
  1072. },
  1073. headers: {"token": localStorage.getItem("token")},
  1074. dataType: "json",
  1075. success: (data) => {
  1076. if(data.msg == "200"){
  1077. if(data.count != 0){
  1078. parent.$(".layui-nav-child .message_num").html(data.count).show();
  1079. } else {
  1080. parent.$(".layui-nav-child .message_num").html(0).hide();
  1081. }
  1082. }
  1083. layer.closeAll("loading");
  1084. },
  1085. error: () => {
  1086. layer.alert(paramReturn("服务器异常,请联系管理员", parent.type), {icon: 2});
  1087. layer.closeAll("loading");
  1088. }
  1089. });
  1090. }