'+price+'
' +'' +
' ' +
'
';
var $newPannel = $(tpl);
$("#container3d").append($newPannel);
get3dPrice($dom); //拉取3D的sku价格
} //,
//"onFullScreen":function(){ $("#container3d .c3di-fullctrl").addClass("c3di-isfull"); },
//"onCancelFullScreen":function(){ $("#container3d .c3di-fullctrl").removeClass("c3di-isfull"); }
//价格和主图的拉取
});
//暴力全屏
ctrl3d.toggleFullscreen(true);
// 更新3D中锚点下商品勾选状态
var roomid=$dom.data("roomid");
var skuMap={};
// 获取购物车在该空间下的商品
$(".jing-cart-goods").find("li").each(function (i,obj) {
if($(obj).data("roomid") == roomid){
skuMap[$(obj).data("anchorname")]=$(obj).data("sku");
}
});
// 遍历3D下锚点的商品
$dom.find(".c3d-hotspot").each(function () {
var anchorName=$(this).find(".c3d-spotname").html();
var sku = $(this).find(".c3dgi-price").data("sku");
if(skuMap[anchorName] == sku){
$(this).find(".c3dg-select").hide();
$(this).find(".c3dg-unselect").show();
}
});
//然后初始化3D场景
//交互事件部分：
$container.delegate('.c3d-close', 'click', function(event) { //锚点面板的关闭
$(this).closest('.jdpano-pannel').removeClass("curr");
}).delegate('.c3d-hotspot-tit', 'click', function(event) { //锚点的点击
// 1.设置焦点，展示面板
$(this).closest('.jdpano-pannel').addClass("curr").siblings().removeClass("curr");
// 2.调整视角至中间
var yaw = $(this).closest('.c3d-hotspot').data("yaw");
var pitch = $(this).closest('.c3d-hotspot').data("pitch");
if (yaw && pitch) {
ctrl3d.setYaw(yaw);
ctrl3d.setPitch(pitch);
}
//3.右边列表的焦点切换
var typeName = $(this).find(".c3d-spotname").text();
// $("#container2d .item span").filter(function(n,f){ return $(f).text()==typeName; }).trigger("click");
//4.停止自动转屏
ctrl3d.stopAutoRotate();
//5.清除提示
// $container.find(".c3d-move").hide();
}).delegate(".c3di-fullctrl", "click", function() { //全屏切换部分
ctrl3d.toggleFullscreen();
}).delegate(".c3dg-select", "click", function() { //3d场景中sku选中,选中是对应列表的锚点上去~ 找这个sku，如果找到了，而且是个选空状态，就触发选中
var roomid=$(this).closest(".jz-scence-item").data("roomid");
var $wrap = $(this).closest('.c3d-hotspot');
var sku3d = $wrap.find(".c3d-goods").data("sku");
var price=$wrap.find(".c3dgi-price").html();
var skuName=$wrap.find(".c3dg-right").children(".c3dg-tit").html();
var skuImg=$wrap.find(".c3dg-img").attr("src")
var anchorName=$wrap.find(".c3d-spotname").html();
// var $findsku = $("#products_list .p-current .j_option").filter(function(n,f){ return $(f).data("id") == sku3d; });
// if($findsku.length){
// $findsku.trigger("click");
$(this).hide().siblings('.c3dg-unselect').show();
console.info("select : "+sku3d);
replaceListGood(roomid,anchorName,sku3d,skuImg,skuName,price);
// }
}).delegate(".c3dg-unselect", "click", function() { //3d场景中sku取消选中，选空是找到这个锚点的sku，如果是选中的，而且上面的勾是勾上的，就只触发一下勾即可！
$(this).hide().siblings('.c3dg-select').show();
var $wrap = $(this).closest('.c3d-hotspot');
var sku3d = $wrap.find(".c3d-goods").data("sku");
var anchorName=$wrap.find(".c3d-spotname").html();
var roomid=$(this).closest(".jz-scence-item").data("roomid");
// var $findsku = $("#products_list .p-current .j_option:first").filter(function(n,f){ return $(f).data("id") == sku3d; });
// if($findsku.length){
// $findsku.closest(".j_p-tab").find(".j_p-check.checked").trigger("click");
// }
console.info("unselect : "+sku3d);
deleteCartAnchorGood(roomid,anchorName);
});
function spotHtml(div, dom) {
div.appendChild(dom);
}
function get3dPrice($dom) {
var $priceDoms=$dom.find(".c3dgi-price");
var skusArr = $.makeArray($priceDoms.map(function() {
return $(this).data("sku");
}));
if (skusArr.length) {
var skusStr = "J_" + skusArr.join(",J_");
$.ajax({
url: "//p.3.cn/prices/mgets?type=1&skuIds=" + skusStr,
dataType: "jsonp",
success: function(data) {
if (!data && !data.length) return false;
for (var i = 0; i < data.length; i++) {
if (data[i].id) {
var sku = data[i].id.replace("J_", "");
var price = data[i].p;
$priceDoms.filter("[data-sku=" + sku + "]").html(0 >= price ? "\u6682\u65e0\u62a5\u4ef7" : "¥" + price);
}
}
}
});
}
}
}
// == 首屏end ==
// == 数据关联start ==
$("#jing_goods").delegate('.jing-good-huan', 'click', function(event) {
var $li=$(this).closest("li");
var anchorid=$li.data("anchorid");
var currSku=$li.data("sku");
var selected =$li.find(".jing-good-select").hasClass("jing-good-selected");
var $huanDiv=$(".spot-"+anchorid);
// 换品弹出页面状态处理
$huanDiv.find(".item").each(function (i,obj) {
console.info(obj);
if($(obj).data("sku")== currSku){
// 小图标
/* $(obj).children(".pic-show").append('图中同款');*/
// 按钮样式
var $btn = $(obj).children(".commod-desc").children(".btn");
if(selected){
$btn.addClass("cur").html('已选');
}else if(!$btn.hasClass("no-goods")){
$btn.removeClass("cur").html("选这款");
}
}/*else{
$(obj).children(".pic-show").children("i").remove();
}*/
});
$huanDiv.show().customLazyload();
});
// 更多图片事件
var switchCount = 0;
$(".more-pics").click(function() {
//var roomid=$(this).data("roomid");
//var currPage=1;
// 设置选中 ui-switchable-panel-selected
// var $item = $("#scroll_pics").find(".scroll-box-item");
// $item.each(function(i,element){
// if(roomid == $(element).data("roomid")){
// currPage=i+1;
// return false;
// }
// });
$("#scroll_pics").show().customLazyload();
if(switchCount == 0) {
var arr = [];
$('.scroll-box-item').each(function () {
var length = $(this).find('.panel').length;
var width = $(this).find('.collection-show').outerWidth();
var gap = (780 - width) / 2 - 108 - 5;
arr.push(gap);
});
picSwitchable = $('.scroll-box').switchable({
type: 'slider',
contentClass: 'scroll-box-inner',
mainClass: 'scroll-box-item',
hasPage: true,
seamlessLoop: true,
prevClass: 'prev-collection',
nextClass: 'next-collection',
event: 'click',
callback: function (index) {
console.log("124123");
// var id = $(this).find('.scroll-box-item').eq(index).attr('data-roomid');
$('.prev-collection').animate({
'left': arr[index - 1]
}, 400);
$('.next-collection').animate({
'right': arr[index - 1]
}, 400);
getName(index-1, '.prev-collection');
getName(index+1, '.next-collection');
}
});
//layer浮层内部交互
$('.scroll-box-item').switchable({
type: 'slider',
navItem: 'collection-item',
navSelectedClass: 'cur',
contentClass: 'scroll-show-pics',
mainClass: 'panel',
hasPage: true,
seamlessLoop: true,
prevClass: 'prev',
nextClass: 'next',
event: 'click',
callback: function (index) {
$(this.main).parents('.scroll-box-item').find('.pic-page').text(index);
}
});
}
$doms = $("#scroll_pics .scroll-box-item:not(:first):not(:last)");
var index = $doms.index($doms.filter("[data-roomid="+$(".jz-space-name-curr").data("roomid")+"]"));
picSwitchable.switchNavTo(index+1);
picSwitchable.switchMainTo(index+1);
switchCount++;
});
$("#first_screen").delegate(".tags .item","hover",function(){
$(this).find("b").toggleClass("on");
});
var windowHeight = $(window).height();
$(".tags .item").bind("click",function(){
var anchorName = $(this).find("span").html();
// 获取点击的空间
var roomid = $(this).closest(".jz-scence-item").data("roomid");
// 设置搭配商品高亮
var $li=$("#good-ul-"+roomid).find("li");
$li.removeClass("clickHover");
$li.each(function (i,obj) {
if(anchorName == $(obj).data("anchorname")){
$(obj).addClass("clickHover");
}
});
var bottomLine = $(".jing-hu-person").offset().top;
if(windowHeight+$(window).scrollTop() ' +
' ' +
' 
' +
' ' +
'
' +
' ' +
' ';
$("#related").append(html);
});
//循环完毕即可拉取价格：
//获取整屋总价：
if(recommendList.length){
recommendList.forEach(function(obj){
//拿到一个整屋
//1.获取所有sku
var skuIds = [];
var roomSkus = [];
obj.roomSkus.forEach(function(roomObj){
var newArr = [];
roomObj.skus.forEach(function(f){
skuIds.push(f.skuId);
newArr.push(f.skuId);
});
roomSkus.push(newArr);
});
// console.log(skuIds);
// 2.并发送请求
GetPrice(skuIds.splice(0,100),function(priceObj){
//3.计算
//3.1挂载到对象
var skuobj = {};
priceObj.forEach(function(f){
skuobj[f.id]=f.p!="-1.00"?parseFloat(f.p):0;
});
console.log(skuobj);
console.log(roomSkus);
//3.2遍历二维数组
var sum = 0;
roomSkus.forEach(function(f){
f.forEach(function(g){
sum+=skuobj["J_"+g];
});
});
//4.修改dom
// console.log("空间总价：¥"+sum.toFixed(2));
$("#price"+obj.hardcoverId).text("搭配商品总价：¥"+sum.toFixed(2));
});
});
}
}
}
});
}
function GetPrice (skus,fn) {
var data = 'J_' + skus.join(',J_');
$.ajax({
url: '//p.3.cn/prices/mgets?type=1&skuIds='+data,
dataType: 'jsonp',
success: function (result) {
fn(result);
}
});
}
function getHouseName(room, hall, bathroom) {
var name;
if (room > 0) {
name = room + "室";
}
if (hall > 0) {
name += hall + "厅";
}
if (bathroom > 0) {
name += bathroom + "卫";
}
return name;
}
function dealHousePicStyle() {
// 户型图宽高处理
// 295px 700px
var $smallImg=$(".jing-hu-img img");
var $bigImg=$(".jing-big-wrap img");
var src=$smallImg.data("src");
var img = document.createElement("img");
img.onload = function(){
console.log(img.width+"-----"+img.height)
if(img.height > img.width){
$smallImg.height("295px");
$bigImg.height("650px");
}else {
$smallImg.width("295px");
$bigImg.width("650px");
}
$smallImg.attr("src",src);
$bigImg.attr("src",src)
};
img.src=src;
$(".jing-hu-img").show();
}
function resetAllPrice(allSkus) {
// 循环更新商品价格
var pageSize = 100;
var page = Math.floor((allSkus.length + pageSize -1 )/pageSize);
for (var i = 1; i <= page ; i++){
console.info(((i-1)*pageSize) +" ----- "+(i*pageSize));
resetPrice(allSkus.slice((i-1)*pageSize,i*pageSize));
}
}
function checkAllStore(allSkus) {
var pageSize = 100;
var page = Math.floor((allSkus.length + pageSize -1 )/pageSize);
for (var i = 1; i <= page ; i++){
checkStore(allSkus.slice((i-1)*pageSize,i*pageSize));
}
}
function init() {
//控制商品搭配视图
var $curr = $(".jz-spaces").find(".jz-scence-item:eq(1)");
showGoodView($curr.data("roomid"));
//3D按钮状态控制。
if(webgl){
$(".jz-scence-item").each(function(n, f) {
var $thisSpace = $(this);
if($thisSpace.find(".template").length){
$thisSpace.find(".sopts3d-btn").unbind().bind("click",function(){
init3D($thisSpace);
}).css("display","inline-block");
}
});
}
// 处理户型图样式
dealHousePicStyle();
// 当前搭配全部SKU
$(".sku-item").each(function () {
allSkus.push($(this).attr('data-sku'));
});
// 更新价格
resetAllPrice(allSkus);
// 查询库存
checkAllStore(allSkus);
//查询促销优惠规则
getPromotionRule();
// 初始化加载推荐数据
initLoadRecommendData();
}
// 初始化方法
init();
});