|
@@ -52,7 +52,7 @@ function addDay(addTiemVal){
|
|
|
" <div class=\"layui-input-inline\">\n" +
|
|
|
" <div class=\"date_content_div\">\n" +
|
|
|
" <img class=\"date_content_img\" src=\"/images/demandForSingle/date.png\">\n" +
|
|
|
- " <input value="+ addTiemVal +" type=\"text\" class=\"layui-input date_content_input select_date_input"+ uuid +"\" name='planDate' placeholder=\"请输入时间 年.月.日\" lay-key=\"1\" readonly = \"readonly\">\n" +
|
|
|
+ " <input value="+ (addTiemVal == null ? new Data() : addTiemVal) +" type=\"text\" class=\"layui-input date_content_input select_date_input"+ uuid +"\" name='planDate' placeholder=\"请输入时间 年.月.日\" lay-key=\"1\" readonly = \"readonly\">\n" +
|
|
|
" </div>\n" +
|
|
|
" </div>\n" +
|
|
|
" </div>\n" +
|
|
@@ -120,10 +120,10 @@ function addDay(addTiemVal){
|
|
|
" </svg>\n" +
|
|
|
" </div>\n" +
|
|
|
" <div class=\"icon-group\" data-v-67b53f28=\"\">\n" +
|
|
|
- // " <div class=\"icon-item\" data-v-67b53f28=\"\" onclick=\"addDay(this)\">\n" +
|
|
|
- // " <i class=\"icon icon-dir\" data-v-67b53f28=\"\"></i>\n" +
|
|
|
- // " <span data-v-67b53f28=\"\">添加目录/天</span>\n" +
|
|
|
- // " </div>\n" +
|
|
|
+ " <div class=\"icon-item\" data-v-67b53f28=\"\" onclick=\"addDay(this)\">\n" +
|
|
|
+ " <i class=\"icon icon-dir\" data-v-67b53f28=\"\"></i>\n" +
|
|
|
+ " <span data-v-67b53f28=\"\">添加目录/天</span>\n" +
|
|
|
+ " </div>\n" +
|
|
|
" <div class=\"icon-item\" data-v-67b53f28=\"\" onclick='addPlace(this)'>\n" +
|
|
|
" <i class=\"icon icon-location\" data-v-67b53f28=\"\"></i>\n" +
|
|
|
" <span data-v-67b53f28=\"\">添加地点</span>\n" +
|
|
@@ -193,10 +193,10 @@ function addDay(addTiemVal){
|
|
|
" </svg>\n" +
|
|
|
" </div>\n" +
|
|
|
" <div class=\"icon-group\" data-v-67b53f28=\"\">\n" +
|
|
|
- " <!-- <div class=\"icon-item\" data-v-67b53f28=\"\" onClick=\"addDay(this)\">-->\n" +
|
|
|
- " <!-- <i class=\"icon icon-dir\" data-v-67b53f28=\"\"></i>-->\n" +
|
|
|
- " <!-- <span data-v-67b53f28=\"\">添加目录/天</span>-->\n" +
|
|
|
- " <!-- </div>-->\n" +
|
|
|
+ " <div class=\"icon-item\" data-v-67b53f28=\"\" onClick=\"addDay(this)\">\n" +
|
|
|
+ " <i class=\"icon icon-dir\" data-v-67b53f28=\"\"></i>\n" +
|
|
|
+ " <span data-v-67b53f28=\"\">添加目录/天</span>\n" +
|
|
|
+ " </div>\n" +
|
|
|
" <div class=\"icon-item\" data-v-67b53f28=\"\" onClick=\"addPlace(this)\">\n" +
|
|
|
" <i class=\"icon icon-location\" data-v-67b53f28=\"\"></i>\n" +
|
|
|
" <span data-v-67b53f28=\"\">添加地点</span>\n" +
|
|
@@ -248,7 +248,6 @@ function addPlace(obj){
|
|
|
}
|
|
|
//删除游玩记录
|
|
|
delPlay = function(obj){
|
|
|
- console.log(123)
|
|
|
$(obj).parent().remove();
|
|
|
}
|
|
|
//新增路线信息
|
|
@@ -257,6 +256,11 @@ function submitAdd(){
|
|
|
var releaseDay = new Array();//天信息数组
|
|
|
var releasePlay = new Array();//游玩信息数组
|
|
|
var priceAll = $(".all_price input[name=priceAll]").val(); //总价
|
|
|
+ var titleName = $(".name_private_offer input[name=offerName]").val();
|
|
|
+ if(titleName == null || titleName == ""){
|
|
|
+ layer.msg("请输入报价单名称", {icon: 2});
|
|
|
+ return false;
|
|
|
+ }
|
|
|
if(priceAll == null || priceAll == ""){
|
|
|
layer.msg("请输入总价", {icon: 2});
|
|
|
return false;
|
|
@@ -359,7 +363,9 @@ function submitAdd(){
|
|
|
"releaseDayString": releaseDayString,
|
|
|
"releasePlayString": releasePlayString,
|
|
|
"uuid": releaseUUid,
|
|
|
- "priceAll": priceAll
|
|
|
+ "priceAll": priceAll,
|
|
|
+ "titleImg": titleImg,
|
|
|
+ "offerName": titleName
|
|
|
}),
|
|
|
headers: {"token": token},
|
|
|
contentType: "application/json",
|
|
@@ -444,6 +450,212 @@ function guid() {
|
|
|
return v.toString(16);
|
|
|
});
|
|
|
}
|
|
|
+//元素渲染
|
|
|
+function elementDrawing(data){
|
|
|
+ $(".timeline ul li").remove();
|
|
|
+ $(".content_right .content_add_div").remove();
|
|
|
+ $(".all_price_input input[name=priceAll]").val(data.data[0].priceAll);
|
|
|
+ $("input[name=offerName]").val(data.data[0].offerName);
|
|
|
+ titleImg = data.data[0].titleImg
|
|
|
+ //游玩渲染
|
|
|
+ var uuid = guid();
|
|
|
+ //时间渲染
|
|
|
+ var day = null;
|
|
|
+ $.each(data.data[0].releaseDay, (index, item) => {
|
|
|
+ if(day != item.dayNum){
|
|
|
+ //左侧时间轴
|
|
|
+ if(index == 0){
|
|
|
+ $(".timeline ul").append("<li dayNum="+ item.dayNum +" class=\"pre-actived\" data-v-2d69a44a=\"\" onclick=\"clickDayNum(this)\">\n" +
|
|
|
+ " <i data-v-2d69a44a=\"\">Day"+ item.dayNum +"</i>\n" +
|
|
|
+ " <span data-v-2d69a44a=\"\"></span>\n" +
|
|
|
+ " </li>")
|
|
|
+ }else{
|
|
|
+ $(".timeline ul").append("<li dayNum="+ item.dayNum +" data-v-2d69a44a=\"\" onclick=\"clickDayNum(this)\">\n" +
|
|
|
+ " <i data-v-2d69a44a=\"\">Day"+ item.dayNum +"</i>\n" +
|
|
|
+ " <span data-v-2d69a44a=\"\"></span>\n" +
|
|
|
+ " </li>")
|
|
|
+ }
|
|
|
+ $(".content_right .contract_uplod").before(
|
|
|
+ "<div class='content_add_div' dayNum="+ item.dayNum +">" +
|
|
|
+ " <!-- 日期选择 -->\n" +
|
|
|
+ " <div class=\"layui-inline\">\n" +
|
|
|
+ " <label class=\"layui-form-label\" style=\"margin-top: 8px\">日 期:</label>\n" +
|
|
|
+ " <div class=\"layui-input-inline\">\n" +
|
|
|
+ " <div class=\"date_content_div\">\n" +
|
|
|
+ " <img class=\"date_content_img\" src=\"/images/demandForSingle/date.png\"/>\n" +
|
|
|
+ " <input type=\"text\" class=\"layui-input date_content_input select_date_input"+ uuid +"\" value="+ item.planDate +" name='planDate' placeholder=\"请输入时间 年.月.日\" readonly = \"readonly\">\n" +
|
|
|
+ " </div>\n" +
|
|
|
+ " </div>\n" +
|
|
|
+ " </div>\n" +
|
|
|
+ "<!-- 时间增加 -->\n" +
|
|
|
+ " <div class=\"layui-inline\">\n" +
|
|
|
+ " <label class=\"layui-form-label\" style=\"margin-top: 8px\">时间点:</label>\n" +
|
|
|
+ " <div class=\"layui-input-inline positioning_div\" style=\"width: 90%\">\n" +
|
|
|
+ " <img class=\"add_date\" src=\"/images/demandForSingle/add_date.png\"/>\n" +
|
|
|
+ " <div class=\"date_content_div\">\n" +
|
|
|
+ " <input type=\"text\" class=\"layui-input date_hours_content_input date_hours_content_val"+ uuid +"\" value="+item.dateTime+">\n" +
|
|
|
+ " <input type=\"text\" class=\"layui-input date_hours_content date_content_input\" value="+item.content+">\n" +
|
|
|
+ " <div class=\"del_date\" onclick=\"delteDate(this)\"><i class=\"layui-icon layui-icon-subtraction\"></i></div>\n" +
|
|
|
+ " </div>\n"+
|
|
|
+ " </div>\n" +
|
|
|
+ " </div>\n"+
|
|
|
+ " <!-- 游玩内容 -->\n" +
|
|
|
+ " <div class=\"play_div\"></div>\n"+
|
|
|
+ "</div>")
|
|
|
+ day = item.dayNum;
|
|
|
+ } else {
|
|
|
+ $(".content_add_div[dayNum="+ item.dayNum +"] .positioning_div").append("<div class=\"date_content_div\">\n" +
|
|
|
+ " <input type=\"text\" class=\"layui-input date_hours_content_input date_hours_content_val"+ uuid +"\" value="+item.dateTime+">\n" +
|
|
|
+ " <input type=\"text\" class=\"layui-input date_hours_content date_content_input\" value="+item.content+">\n" +
|
|
|
+ " <div class=\"del_date\" onclick=\"delteDate(this)\"><i class=\"layui-icon layui-icon-subtraction\"></i></div>\n" +
|
|
|
+ " </div>");
|
|
|
+ }
|
|
|
+ });
|
|
|
+ $(".add_date").css("bottom", "6px");
|
|
|
+ $.each(data.data[0].releasePlay, (index, elem) => {
|
|
|
+ if(elem.typeVal == "0"){
|
|
|
+ $(".content_add_div[daynum="+ elem.dayNum +"] .play_div").append("<!-- 景点 -->\n" +
|
|
|
+ " <div class=\"play_content_div scenic_spot_div "+ elem.uuid +"\">\n" +
|
|
|
+ " <div class=\"title_name_spot\">\n" +
|
|
|
+ " <svg viewBox=\"0 0 1024 1024\" class=\"title_name_img\">\n" +
|
|
|
+ " <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" +
|
|
|
+ " </svg>\n" +
|
|
|
+ " <input type=\"text\" placeholder=\"景点名称\" value='"+ elem.name +"' class=\"layui-input date_content_input\">\n" +
|
|
|
+ " </div>\n" +
|
|
|
+ " <div class=\"editor-assets\" data-v-400c2eb9=\"\">\n" +
|
|
|
+ " <div class=\"editor-assets-control\" data-v-400c2eb9=\"\">\n" +
|
|
|
+ " <div class=\"editor-assets-control-item file_videos"+ uuid +"\" data-v-400c2eb9=\"\"><i\n" +
|
|
|
+ " class=\"assets-icon assets-videos-icon\" data-v-400c2eb9=\"\"></i><span\n" +
|
|
|
+ " data-v-400c2eb9=\"\">插入视频</span></div>\n" +
|
|
|
+ " <div class=\"editor-assets-control-item file_img"+ uuid +" file_margin\" data-v-400c2eb9=\"\"><i\n" +
|
|
|
+ " class=\"assets-icon assets-images-icon\" data-v-400c2eb9=\"\"></i><span\n" +
|
|
|
+ " data-v-400c2eb9=\"\">插入图片</span></div>\n" +
|
|
|
+ " </div>\n" +
|
|
|
+ " <div class=\"editor-assets-content\" data-v-400c2eb9=\"\">\n" +
|
|
|
+ " </div>\n" +
|
|
|
+ " </div>\n" +
|
|
|
+ " <div class=\"editor-content\" data-v-400c2eb9=\"\"><p data-v-400c2eb9=\"\">景点介绍</p>\n" +
|
|
|
+ " <textarea placeholder=\"景点介绍\" maxlength=\"2000\" data-v-400c2eb9=\"\">"+ elem.content + "</textarea>\n" +
|
|
|
+ " </div>\n" +
|
|
|
+ " <!-- 关闭按钮 -->\n" +
|
|
|
+ " <div class=\"close_play_button\" onClick=\"delPlay(this)\">\n" +
|
|
|
+ " <i class=\"layui-icon layui-icon-close\"></i>\n" +
|
|
|
+ " </div>\n" +
|
|
|
+ " </div>\n" +
|
|
|
+ " <!-- 悬浮效果 -->\n" +
|
|
|
+ " <div class=\"operation\" data-v-67b53f28=\"\" data-v-5161540f=\"\" onmouseover=\"operationOver(this)\" onmouseout=\"operationOut(this)\">\n" +
|
|
|
+ " <div class=\"operation-leader\" data-v-67b53f28=\"\">\n" +
|
|
|
+ " <svg viewBox=\"0 0 1024 1024\" xmlns=\"http://www.w3.org/2000/svg\" data-v-67b53f28=\"\">\n" +
|
|
|
+ " <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" +
|
|
|
+ " </svg>\n" +
|
|
|
+ " </div>\n" +
|
|
|
+ " <div class=\"icon-group\" data-v-67b53f28=\"\">\n" +
|
|
|
+ " <div class=\"icon-item\" data-v-67b53f28=\"\" onClick=\"addDay(this)\">\n" +
|
|
|
+ " <i class=\"icon icon-dir\" data-v-67b53f28=\"\"></i>\n" +
|
|
|
+ " <span data-v-67b53f28=\"\">添加目录/天</span>\n" +
|
|
|
+ " </div>\n" +
|
|
|
+ " <div class=\"icon-item\" data-v-67b53f28=\"\" onClick=\"addPlace(this)\">\n" +
|
|
|
+ " <i class=\"icon icon-location\" data-v-67b53f28=\"\"></i>\n" +
|
|
|
+ " <span data-v-67b53f28=\"\">添加地点</span>\n" +
|
|
|
+ " </div>\n" +
|
|
|
+ " </div>\n" +
|
|
|
+ " </div>");
|
|
|
+ }else if(elem.typeVal == "1"){
|
|
|
+ $(".content_add_div[daynum="+ elem.dayNum +"] .play_div").append("<!-- 酒店 -->\n" +
|
|
|
+ " <div class=\"play_content_div scenic_spot_div "+ elem.uuid +"\">\n" +
|
|
|
+ " <div class=\"title_name_spot\">\n" +
|
|
|
+ " <svg viewBox=\"0 0 1024 1024\" class=\"title_name_img\">\n" +
|
|
|
+ " <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" +
|
|
|
+ " </svg>\n" +
|
|
|
+ " <input type=\"text\" placeholder=\"酒店名称\" value='"+ elem.name +"' class=\"layui-input date_content_input\">\n" +
|
|
|
+ " </div>\n" +
|
|
|
+ " <div class=\"editor-assets\" data-v-400c2eb9=\"\">\n" +
|
|
|
+ " <div class=\"editor-assets-control\" data-v-400c2eb9=\"\">\n" +
|
|
|
+ " <div class=\"editor-assets-control-item file_videos\" data-v-400c2eb9=\"\"><i\n" +
|
|
|
+ " class=\"assets-icon assets-videos-icon\" data-v-400c2eb9=\"\"></i><span\n" +
|
|
|
+ " data-v-400c2eb9=\"\">插入视频</span></div>\n" +
|
|
|
+ " <div class=\"editor-assets-control-item file_img file_margin\" data-v-400c2eb9=\"\"><i\n" +
|
|
|
+ " class=\"assets-icon assets-images-icon\" data-v-400c2eb9=\"\"></i><span\n" +
|
|
|
+ " data-v-400c2eb9=\"\">插入图片</span></div>\n" +
|
|
|
+ " </div>\n" +
|
|
|
+ " <div class=\"editor-assets-content\" data-v-400c2eb9=\"\"></div>\n" +
|
|
|
+ " </div>\n" +
|
|
|
+ " <div class=\"editor-content\" data-v-400c2eb9=\"\"><p data-v-400c2eb9=\"\">酒店介绍</p>\n" +
|
|
|
+ " <textarea placeholder=\"酒店介绍\" maxlength=\"2000\" data-v-400c2eb9=\"\">"+ elem.content + "</textarea>\n" +
|
|
|
+ " </div>\n" +
|
|
|
+ " <!-- 关闭按钮 -->\n" +
|
|
|
+ " <div class=\"close_play_button\" onClick=\"delPlay(this)\">\n" +
|
|
|
+ " <i class=\"layui-icon layui-icon-close\"></i>\n" +
|
|
|
+ " </div>\n" +
|
|
|
+ " </div>");
|
|
|
+ }else if(elem.typeVal == "2"){
|
|
|
+ $(".content_add_div[daynum="+ elem.dayNum +"] .play_div").append("<!-- 包车,车型-->\n" +
|
|
|
+ " <div class=\"play_content_div scenic_spot_div "+ elem.uuid +"\">\n" +
|
|
|
+ " <div class=\"title_name_spot\">\n" +
|
|
|
+ " <svg viewBox=\"0 0 1024 1024\" class=\"title_name_img\">\n" +
|
|
|
+ " <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" +
|
|
|
+ " </svg>\n" +
|
|
|
+ " <input type=\"text\" placeholder=\"包车,车型\" value='"+ elem.name +"' class=\"layui-input date_content_input\">\n" +
|
|
|
+ " </div>\n" +
|
|
|
+ " <div class=\"editor-assets\" data-v-400c2eb9=\"\">\n" +
|
|
|
+ " <div class=\"editor-assets-control\" data-v-400c2eb9=\"\">\n" +
|
|
|
+ " <div class=\"editor-assets-control-item file_videos\" data-v-400c2eb9=\"\"><i\n" +
|
|
|
+ " class=\"assets-icon assets-videos-icon\" data-v-400c2eb9=\"\"></i><span\n" +
|
|
|
+ " data-v-400c2eb9=\"\">插入视频</span></div>\n" +
|
|
|
+ " <div class=\"editor-assets-control-item file_img file_margin\" data-v-400c2eb9=\"\"><i\n" +
|
|
|
+ " class=\"assets-icon assets-images-icon\" data-v-400c2eb9=\"\"></i><span\n" +
|
|
|
+ " data-v-400c2eb9=\"\">插入图片</span></div>\n" +
|
|
|
+ " </div>\n" +
|
|
|
+ " <div class=\"editor-assets-content\" data-v-400c2eb9=\"\"></div>\n" +
|
|
|
+ " </div>\n" +
|
|
|
+ " <div class=\"editor-content\" data-v-400c2eb9=\"\"><p data-v-400c2eb9=\"\">包车,司机介绍</p>\n" +
|
|
|
+ " <textarea placeholder=\"包车,司机介绍\" maxlength=\"2000\" data-v-400c2eb9=\"\">"+ elem.content + "</textarea>\n" +
|
|
|
+ " </div>\n" +
|
|
|
+ " <!-- 关闭按钮 -->\n" +
|
|
|
+ " <div class=\"close_play_button\" onClick=\"delPlay(this)\">\n" +
|
|
|
+ " <i class=\"layui-icon layui-icon-close\"></i>\n" +
|
|
|
+ " </div>\n" +
|
|
|
+ " </div>\n" +
|
|
|
+ " <!-- 悬浮效果 -->\n" +
|
|
|
+ " <div class=\"operation\" data-v-67b53f28=\"\" data-v-5161540f=\"\" onmouseover=\"operationOver(this)\" onmouseout=\"operationOut(this)\">\n" +
|
|
|
+ " <div class=\"operation-leader\" data-v-67b53f28=\"\">\n" +
|
|
|
+ " <svg viewBox=\"0 0 1024 1024\" xmlns=\"http://www.w3.org/2000/svg\" data-v-67b53f28=\"\">\n" +
|
|
|
+ " <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" +
|
|
|
+ " </svg>\n" +
|
|
|
+ " </div>\n" +
|
|
|
+ " <div class=\"icon-group\" data-v-67b53f28=\"\">\n" +
|
|
|
+ " <div class=\"icon-item\" data-v-67b53f28=\"\" onClick=\"addDay(this)\">\n" +
|
|
|
+ " <i class=\"icon icon-dir\" data-v-67b53f28=\"\"></i>\n" +
|
|
|
+ " <span data-v-67b53f28=\"\">添加目录/天</span>\n" +
|
|
|
+ " </div>\n" +
|
|
|
+ " <div class=\"icon-item\" data-v-67b53f28=\"\" onClick=\"addPlace(this)\">\n" +
|
|
|
+ " <i class=\"icon icon-location\" data-v-67b53f28=\"\"></i>\n" +
|
|
|
+ " <span data-v-67b53f28=\"\">添加地点</span>\n" +
|
|
|
+ " </div>\n" +
|
|
|
+ " </div>\n" +
|
|
|
+ " </div>");
|
|
|
+ }
|
|
|
+ var imgUrlArray = elem.imgUrl == null ? new Array() : elem.imgUrl.split(",");
|
|
|
+ var videoUrlArray = elem.videoUrl == null ? new Array() : elem.videoUrl.split(",");
|
|
|
+ for(var i = 0; i < imgUrlArray.length; i++){
|
|
|
+ $("." + elem.uuid + " .editor-assets-content").append("<div class=\"editor-assets-content-info\" data-v-400c2eb9=\"\">\n" +
|
|
|
+ " <div class=\"el-image\" data-v-400c2eb9=\"\"><img alt=\"upload-assets\"\n" +
|
|
|
+ " src="+ imgUrlArray[i] +"\n" +
|
|
|
+ " class=\"el-image__inner el-image__preview\"\n" +
|
|
|
+ " style=\"object-fit: cover;\"><!--v-if-->\n" +
|
|
|
+ " </div>\n" +
|
|
|
+ " <svg viewBox=\"0 0 1024 1024\" xmlns=\"http://www.w3.org/2000/svg\" onclick=\"closeSvg(this)\" data-v-400c2eb9=\"\">\n" +
|
|
|
+ " <path fill=\"currentColor\"\n" +
|
|
|
+ " 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" +
|
|
|
+ " </svg>\n" +
|
|
|
+ " </div>");
|
|
|
+ }
|
|
|
+ for(var j = 0; j < videoUrlArray.lengthl; j++){
|
|
|
+ $("." + elem.uuid + " .editor-assets-content").append("<video src="+ videoUrlArray[j] +" controls=\"\" data-v-400c2eb9=\"\"></video>");
|
|
|
+ }
|
|
|
+ })
|
|
|
+ addUrl(uuid);
|
|
|
+}
|
|
|
//查询订制
|
|
|
function getData(){
|
|
|
layer.load(3);
|
|
@@ -460,193 +672,8 @@ function getData(){
|
|
|
if(data.data.length != 0){
|
|
|
urlAddUpate = "updateSupplierRelease"; //如果存在后面操作是修改
|
|
|
releaseUUid = data.data[0].uuid; //赋值
|
|
|
- $(".timeline ul li").remove();
|
|
|
- $(".content_right .content_add_div").remove();
|
|
|
- $(".all_price_input input[name=priceAll]").val(data.data[0].priceAll);
|
|
|
- //游玩渲染
|
|
|
- var uuid = guid();
|
|
|
- //时间渲染
|
|
|
- var day = null;
|
|
|
- $.each(data.data[0].releaseDay, (index, item) => {
|
|
|
- if(day != item.dayNum){
|
|
|
- //左侧时间轴
|
|
|
- if(index == 0){
|
|
|
- $(".timeline ul").append("<li dayNum="+ item.dayNum +" class=\"pre-actived\" data-v-2d69a44a=\"\" onclick=\"clickDayNum(this)\">\n" +
|
|
|
- " <i data-v-2d69a44a=\"\">Day"+ item.dayNum +"</i>\n" +
|
|
|
- " <span data-v-2d69a44a=\"\"></span>\n" +
|
|
|
- " </li>")
|
|
|
- }else{
|
|
|
- $(".timeline ul").append("<li dayNum="+ item.dayNum +" data-v-2d69a44a=\"\" onclick=\"clickDayNum(this)\">\n" +
|
|
|
- " <i data-v-2d69a44a=\"\">Day"+ item.dayNum +"</i>\n" +
|
|
|
- " <span data-v-2d69a44a=\"\"></span>\n" +
|
|
|
- " </li>")
|
|
|
- }
|
|
|
- $(".content_right .contract_uplod").before(
|
|
|
- "<div class='content_add_div' dayNum="+ item.dayNum +">" +
|
|
|
- " <!-- 日期选择 -->\n" +
|
|
|
- " <div class=\"layui-inline\">\n" +
|
|
|
- " <label class=\"layui-form-label\" style=\"margin-top: 8px\">日 期:</label>\n" +
|
|
|
- " <div class=\"layui-input-inline\">\n" +
|
|
|
- " <div class=\"date_content_div\">\n" +
|
|
|
- " <img class=\"date_content_img\" src=\"/images/demandForSingle/date.png\"/>\n" +
|
|
|
- " <input type=\"text\" class=\"layui-input date_content_input select_date_input"+ uuid +"\" value="+ item.planDate +" name='planDate' placeholder=\"请输入时间 年.月.日\" readonly = \"readonly\">\n" +
|
|
|
- " </div>\n" +
|
|
|
- " </div>\n" +
|
|
|
- " </div>\n" +
|
|
|
- "<!-- 时间增加 -->\n" +
|
|
|
- " <div class=\"layui-inline\">\n" +
|
|
|
- " <label class=\"layui-form-label\" style=\"margin-top: 8px\">时间点:</label>\n" +
|
|
|
- " <div class=\"layui-input-inline positioning_div\" style=\"width: 90%\">\n" +
|
|
|
- " <img class=\"add_date\" src=\"/images/demandForSingle/add_date.png\"/>\n" +
|
|
|
- " <div class=\"date_content_div\">\n" +
|
|
|
- " <input type=\"text\" class=\"layui-input date_hours_content_input date_hours_content_val"+ uuid +"\" value="+item.dateTime+">\n" +
|
|
|
- " <input type=\"text\" class=\"layui-input date_hours_content date_content_input\" value="+item.content+">\n" +
|
|
|
- " <div class=\"del_date\" onclick=\"delteDate(this)\"><i class=\"layui-icon layui-icon-subtraction\"></i></div>\n" +
|
|
|
- " </div>\n"+
|
|
|
- " </div>\n" +
|
|
|
- " </div>\n"+
|
|
|
- " <!-- 游玩内容 -->\n" +
|
|
|
- " <div class=\"play_div\"></div>\n"+
|
|
|
- "</div>")
|
|
|
- day = item.dayNum;
|
|
|
- } else {
|
|
|
- $(".content_add_div[dayNum="+ item.dayNum +"] .positioning_div").append("<div class=\"date_content_div\">\n" +
|
|
|
- " <input type=\"text\" class=\"layui-input date_hours_content_input date_hours_content_val"+ uuid +"\" value="+item.dateTime+">\n" +
|
|
|
- " <input type=\"text\" class=\"layui-input date_hours_content date_content_input\" value="+item.content+">\n" +
|
|
|
- " <div class=\"del_date\" onclick=\"delteDate(this)\"><i class=\"layui-icon layui-icon-subtraction\"></i></div>\n" +
|
|
|
- " </div>");
|
|
|
- }
|
|
|
- });
|
|
|
- $(".add_date").css("bottom", "6px");
|
|
|
- var playDay = null;
|
|
|
- $.each(data.data[0].releasePlay, (index, elem) => {
|
|
|
- if(elem.typeVal == "0"){
|
|
|
- $(".content_add_div[daynum="+ elem.dayNum +"] .play_div").append("<!-- 景点 -->\n" +
|
|
|
- " <div class=\"play_content_div scenic_spot_div "+ elem.uuid +"\">\n" +
|
|
|
- " <div class=\"title_name_spot\">\n" +
|
|
|
- " <svg viewBox=\"0 0 1024 1024\" class=\"title_name_img\">\n" +
|
|
|
- " <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" +
|
|
|
- " </svg>\n" +
|
|
|
- " <input type=\"text\" placeholder=\"景点名称\" value="+ elem.name + " class=\"layui-input date_content_input\">\n" +
|
|
|
- " </div>\n" +
|
|
|
- " <div class=\"editor-assets\" data-v-400c2eb9=\"\">\n" +
|
|
|
- " <div class=\"editor-assets-control\" data-v-400c2eb9=\"\">\n" +
|
|
|
- " <div class=\"editor-assets-control-item file_videos"+ uuid +"\" data-v-400c2eb9=\"\"><i\n" +
|
|
|
- " class=\"assets-icon assets-videos-icon\" data-v-400c2eb9=\"\"></i><span\n" +
|
|
|
- " data-v-400c2eb9=\"\">插入视频</span></div>\n" +
|
|
|
- " <div class=\"editor-assets-control-item file_img"+ uuid +" file_margin\" data-v-400c2eb9=\"\"><i\n" +
|
|
|
- " class=\"assets-icon assets-images-icon\" data-v-400c2eb9=\"\"></i><span\n" +
|
|
|
- " data-v-400c2eb9=\"\">插入图片</span></div>\n" +
|
|
|
- " </div>\n" +
|
|
|
- " <div class=\"editor-assets-content\" data-v-400c2eb9=\"\">\n" +
|
|
|
- " </div>\n" +
|
|
|
- " </div>\n" +
|
|
|
- " <div class=\"editor-content\" data-v-400c2eb9=\"\"><p data-v-400c2eb9=\"\">景点介绍</p>\n" +
|
|
|
- " <textarea placeholder=\"景点介绍\" maxlength=\"2000\" data-v-400c2eb9=\"\">"+ elem.content + "</textarea>\n" +
|
|
|
- " </div>\n" +
|
|
|
- " <!-- 关闭按钮 -->\n" +
|
|
|
- " <div class=\"close_play_button\" onClick=\"delPlay(this)\">\n" +
|
|
|
- " <i class=\"layui-icon layui-icon-close\"></i>\n" +
|
|
|
- " </div>\n" +
|
|
|
- " </div>");
|
|
|
- }else if(elem.typeVal == "1"){
|
|
|
- $(".content_add_div[daynum="+ elem.dayNum +"] .play_div").append("<!-- 酒店 -->\n" +
|
|
|
- " <div class=\"play_content_div scenic_spot_div "+ elem.uuid +"\">\n" +
|
|
|
- " <div class=\"title_name_spot\">\n" +
|
|
|
- " <svg viewBox=\"0 0 1024 1024\" class=\"title_name_img\">\n" +
|
|
|
- " <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" +
|
|
|
- " </svg>\n" +
|
|
|
- " <input type=\"text\" placeholder=\"酒店名称\" value="+ elem.name + " class=\"layui-input date_content_input\">\n" +
|
|
|
- " </div>\n" +
|
|
|
- " <div class=\"editor-assets\" data-v-400c2eb9=\"\">\n" +
|
|
|
- " <div class=\"editor-assets-control\" data-v-400c2eb9=\"\">\n" +
|
|
|
- " <div class=\"editor-assets-control-item file_videos\" data-v-400c2eb9=\"\"><i\n" +
|
|
|
- " class=\"assets-icon assets-videos-icon\" data-v-400c2eb9=\"\"></i><span\n" +
|
|
|
- " data-v-400c2eb9=\"\">插入视频</span></div>\n" +
|
|
|
- " <div class=\"editor-assets-control-item file_img file_margin\" data-v-400c2eb9=\"\"><i\n" +
|
|
|
- " class=\"assets-icon assets-images-icon\" data-v-400c2eb9=\"\"></i><span\n" +
|
|
|
- " data-v-400c2eb9=\"\">插入图片</span></div>\n" +
|
|
|
- " </div>\n" +
|
|
|
- " <div class=\"editor-assets-content\" data-v-400c2eb9=\"\"></div>\n" +
|
|
|
- " </div>\n" +
|
|
|
- " <div class=\"editor-content\" data-v-400c2eb9=\"\"><p data-v-400c2eb9=\"\">酒店介绍</p>\n" +
|
|
|
- " <textarea placeholder=\"酒店介绍\" maxlength=\"2000\" data-v-400c2eb9=\"\">"+ elem.content + "</textarea>\n" +
|
|
|
- " </div>\n" +
|
|
|
- " <!-- 关闭按钮 -->\n" +
|
|
|
- " <div class=\"close_play_button\" onClick=\"delPlay(this)\">\n" +
|
|
|
- " <i class=\"layui-icon layui-icon-close\"></i>\n" +
|
|
|
- " </div>\n" +
|
|
|
- " </div>");
|
|
|
- }else if(elem.typeVal == "2"){
|
|
|
- $(".content_add_div[daynum="+ elem.dayNum +"] .play_div").append("<!-- 包车,车型-->\n" +
|
|
|
- " <div class=\"play_content_div scenic_spot_div "+ elem.uuid +"\">\n" +
|
|
|
- " <div class=\"title_name_spot\">\n" +
|
|
|
- " <svg viewBox=\"0 0 1024 1024\" class=\"title_name_img\">\n" +
|
|
|
- " <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" +
|
|
|
- " </svg>\n" +
|
|
|
- " <input type=\"text\" placeholder=\"包车,车型\" value="+ elem.name + " class=\"layui-input date_content_input\">\n" +
|
|
|
- " </div>\n" +
|
|
|
- " <div class=\"editor-assets\" data-v-400c2eb9=\"\">\n" +
|
|
|
- " <div class=\"editor-assets-control\" data-v-400c2eb9=\"\">\n" +
|
|
|
- " <div class=\"editor-assets-control-item file_videos\" data-v-400c2eb9=\"\"><i\n" +
|
|
|
- " class=\"assets-icon assets-videos-icon\" data-v-400c2eb9=\"\"></i><span\n" +
|
|
|
- " data-v-400c2eb9=\"\">插入视频</span></div>\n" +
|
|
|
- " <div class=\"editor-assets-control-item file_img file_margin\" data-v-400c2eb9=\"\"><i\n" +
|
|
|
- " class=\"assets-icon assets-images-icon\" data-v-400c2eb9=\"\"></i><span\n" +
|
|
|
- " data-v-400c2eb9=\"\">插入图片</span></div>\n" +
|
|
|
- " </div>\n" +
|
|
|
- " <div class=\"editor-assets-content\" data-v-400c2eb9=\"\"></div>\n" +
|
|
|
- " </div>\n" +
|
|
|
- " <div class=\"editor-content\" data-v-400c2eb9=\"\"><p data-v-400c2eb9=\"\">包车,司机介绍</p>\n" +
|
|
|
- " <textarea placeholder=\"包车,司机介绍\" maxlength=\"2000\" data-v-400c2eb9=\"\">"+ elem.content + "</textarea>\n" +
|
|
|
- " </div>\n" +
|
|
|
- " <!-- 关闭按钮 -->\n" +
|
|
|
- " <div class=\"close_play_button\" onClick=\"delPlay(this)\">\n" +
|
|
|
- " <i class=\"layui-icon layui-icon-close\"></i>\n" +
|
|
|
- " </div>\n" +
|
|
|
- " </div>");
|
|
|
- }
|
|
|
- var imgUrlArray = elem.imgUrl == null ? new Array() : elem.imgUrl.split(",");
|
|
|
- var videoUrlArray = elem.videoUrl == null ? new Array() : elem.videoUrl.split(",");
|
|
|
- for(var i = 0; i < imgUrlArray.length; i++){
|
|
|
- $("." + elem.uuid + " .editor-assets-content").append("<div class=\"editor-assets-content-info\" data-v-400c2eb9=\"\">\n" +
|
|
|
- " <div class=\"el-image\" data-v-400c2eb9=\"\"><img alt=\"upload-assets\"\n" +
|
|
|
- " src="+ imgUrlArray[i] +"\n" +
|
|
|
- " class=\"el-image__inner el-image__preview\"\n" +
|
|
|
- " style=\"object-fit: cover;\"><!--v-if-->\n" +
|
|
|
- " </div>\n" +
|
|
|
- " <svg viewBox=\"0 0 1024 1024\" xmlns=\"http://www.w3.org/2000/svg\" onclick=\"closeSvg(this)\" data-v-400c2eb9=\"\">\n" +
|
|
|
- " <path fill=\"currentColor\"\n" +
|
|
|
- " 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" +
|
|
|
- " </svg>\n" +
|
|
|
- " </div>");
|
|
|
- }
|
|
|
- for(var j = 0; j < videoUrlArray.lengthl; j++){
|
|
|
- $("." + elem.uuid + " .editor-assets-content").append("<video src="+ videoUrlArray[j] +" controls=\"\" data-v-400c2eb9=\"\"></video>");
|
|
|
- }
|
|
|
- if(playDay != elem.dayNum){
|
|
|
- $(".content_add_div[daynum="+ elem.dayNum +"] .play_div .scenic_spot_div:last").after("<!-- 悬浮效果 -->\n" +
|
|
|
- " <div class=\"operation\" data-v-67b53f28=\"\" data-v-5161540f=\"\" onmouseover=\"operationOver(this)\" onmouseout=\"operationOut(this)\">\n" +
|
|
|
- " <div class=\"operation-leader\" data-v-67b53f28=\"\">\n" +
|
|
|
- " <svg viewBox=\"0 0 1024 1024\" xmlns=\"http://www.w3.org/2000/svg\" data-v-67b53f28=\"\">\n" +
|
|
|
- " <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" +
|
|
|
- " </svg>\n" +
|
|
|
- " </div>\n" +
|
|
|
- " <div class=\"icon-group\" data-v-67b53f28=\"\">\n" +
|
|
|
- " <div class=\"icon-item\" data-v-67b53f28=\"\" onClick=\"addDay(this)\">\n" +
|
|
|
- " <i class=\"icon icon-dir\" data-v-67b53f28=\"\"></i>\n" +
|
|
|
- " <span data-v-67b53f28=\"\">添加目录/天</span>\n" +
|
|
|
- " </div>\n" +
|
|
|
- " <div class=\"icon-item\" data-v-67b53f28=\"\" onClick=\"addPlace(this)\">\n" +
|
|
|
- " <i class=\"icon icon-location\" data-v-67b53f28=\"\"></i>\n" +
|
|
|
- " <span data-v-67b53f28=\"\">添加地点</span>\n" +
|
|
|
- " </div>\n" +
|
|
|
- " </div>\n" +
|
|
|
- " </div>");
|
|
|
- playDay = elem.dayNum;
|
|
|
- }
|
|
|
- })
|
|
|
- addUrl(uuid);
|
|
|
+ console.log(data)
|
|
|
+ elementDrawing(data);
|
|
|
} else {
|
|
|
urlAddUpate = "addSupplierRelease";
|
|
|
}
|
|
@@ -682,8 +709,15 @@ function submitAddTemplate(){
|
|
|
var releaseDay = new Array();//天信息数组
|
|
|
var releasePlay = new Array();//游玩信息数组
|
|
|
var priceAll = $(".all_price input[name=priceAll]").val(); //总价
|
|
|
+ var titleName = $("input[name=offerName]").val();
|
|
|
+ if(titleName == null || titleName == ""){
|
|
|
+ layer.msg("请输入报价单名称", {icon: 2, time: 1000});
|
|
|
+ layer.closeAll("loading");
|
|
|
+ return false;
|
|
|
+ }
|
|
|
if(priceAll == null || priceAll == ""){
|
|
|
- layer.msg("请输入总价", {icon: 2});
|
|
|
+ layer.msg("请输入总价", {icon: 2, time: 1000});
|
|
|
+ layer.closeAll("loading");
|
|
|
return false;
|
|
|
}
|
|
|
//取值
|
|
@@ -782,7 +816,10 @@ function submitAddTemplate(){
|
|
|
data: JSON.stringify({
|
|
|
"releaseDayString": releaseDayString,
|
|
|
"releasePlayString": releasePlayString,
|
|
|
- "priceAll": priceAll
|
|
|
+ "priceAll": priceAll,
|
|
|
+ "titleImg": titleImg,
|
|
|
+ "offerName": titleName,
|
|
|
+ "travelTime": $(".start_end_time").text()
|
|
|
}),
|
|
|
headers: {"token": token},
|
|
|
contentType: "application/json",
|
|
@@ -798,4 +835,82 @@ function submitAddTemplate(){
|
|
|
layer.closeAll("loading");
|
|
|
}
|
|
|
});
|
|
|
+}
|
|
|
+//点击其他
|
|
|
+function radioClick(obj){
|
|
|
+ if($(obj).find(".radio_icon").hasClass("radio_icon_color")){
|
|
|
+ $(obj).find(".radio_icon").removeClass("radio_icon_color");
|
|
|
+ } else {
|
|
|
+ $(obj).find(".radio_icon").addClass("radio_icon_color");
|
|
|
+ }
|
|
|
+}
|
|
|
+//关闭选择订单弹框
|
|
|
+function closeVan(obj){
|
|
|
+ layer.closeAll();
|
|
|
+}
|
|
|
+//监听输入框搜索
|
|
|
+function getValue(obj){
|
|
|
+ let name = $(obj).val();
|
|
|
+ loadTemplate(name);
|
|
|
+}
|
|
|
+//加载模板
|
|
|
+function loadTemplate(name){
|
|
|
+ $.ajax({
|
|
|
+ url: "/template/getSupplierRelease",
|
|
|
+ type: "get",
|
|
|
+ data: {
|
|
|
+ "offerName": name
|
|
|
+ },
|
|
|
+ headers: {"token": token},
|
|
|
+ dataType: "json",
|
|
|
+ success: (data) => {
|
|
|
+ if(data.msg == "200"){
|
|
|
+ $(".van-popup .info .list").find("article").remove();
|
|
|
+ $.each(data.data, function(index, item){
|
|
|
+ $(".van-popup .info .list").append("<article onclick='clickTemplae(this)' uuidTemplate="+ item.uuid +" class=\"order\" data-v-429d1032=\"\"><img alt=\"orderCover\" src="+ item.titleImg +" data-v-429d1032=\"\">\n" +
|
|
|
+ " <div class=\"order-description\" data-v-429d1032=\"\">\n" +
|
|
|
+ " <div class=\"order-description-info\" data-v-429d1032=\"\"><h3 data-v-429d1032=\"\">\n" +
|
|
|
+ " "+ item.offerName +"</h3>\n" +
|
|
|
+ " <div class=\"introduce\" data-v-429d1032=\"\"><p data-v-429d1032=\"\">该方案由三亚国际旅行社定制师为您提供</p>\n" +
|
|
|
+ " <p data-v-429d1032=\"\">出行时间:"+ item.travelTime +"</p></div>\n" +
|
|
|
+ " </div>\n" +
|
|
|
+ " <div class=\"order-description-money\" data-v-429d1032=\"\"><p data-v-429d1032=\"\">报价 <i data-v-429d1032=\"\">¥</i><span data-v-429d1032=\"\">"+ item.priceAll +"</span></p></div>\n" +
|
|
|
+ " </div>\n" +
|
|
|
+ " </article>");
|
|
|
+ });
|
|
|
+ }
|
|
|
+ layer.closeAll("loading");
|
|
|
+ },
|
|
|
+ error: () => {
|
|
|
+ layer.alert("服务器异常,请联系管理员", {icon: 2});
|
|
|
+ layer.closeAll("loading");
|
|
|
+ }
|
|
|
+ });
|
|
|
+}
|
|
|
+//选择模板
|
|
|
+function selectTemplate(uuidTemplate){
|
|
|
+ layer.load(3);
|
|
|
+ $.ajax({
|
|
|
+ url: "/template/getSupplierRelease",
|
|
|
+ type: "get",
|
|
|
+ data: {
|
|
|
+ "uuid": uuidTemplate
|
|
|
+ },
|
|
|
+ headers: {"token": token},
|
|
|
+ dataType: "json",
|
|
|
+ success: (data) => {
|
|
|
+ if(data.msg == "200"){
|
|
|
+ elementDrawing(data);
|
|
|
+ }
|
|
|
+ layer.closeAll();
|
|
|
+ },
|
|
|
+ error: () => {
|
|
|
+ layer.alert("服务器异常,请联系管理员", {icon: 2});
|
|
|
+ layer.closeAll("loading");
|
|
|
+ }
|
|
|
+ });
|
|
|
+}
|
|
|
+//选择模板
|
|
|
+function clickTemplae(obj){
|
|
|
+ $(obj).addClass("order-selected");
|
|
|
}
|