var Publisher = new pub();
var config = $("body").data("config");
var city = $(".desinger_box").data("city");
var site = $(".desinger_box").data("site");
var local_story = window.localStorage;
var filter_city = city;
if (filter_city === "全国") {
filter_city = "北京"
}
var index = (function () {
function levelChange(that) {
var level = $(that).val();
var style = $(".style").val();
var sjy = $(".sjy").val();
var sjs = $(".sjs").val();
var filter_le = { is_display: "true", valid: "true" };
// if (city === "南山" || city === "罗湖") {
// filter_le = Object.assign(filter_le, { city: "深圳" })
// }
if (sjs != "全部设计师") {
filter_le.sjs = sjs;
} else {
delete filter_le.sjs;
}
if (style != "全部风格") {
filter_le.style = style;
} else {
delete filter_le.style;
}
if (sjy != "全部设计院") {
filter_le.sjy = sjy;
} else {
delete filter_le.sjy;
}
filter_le = Object.assign(filter_le, { city: filter_city })
var data = {
filter: filter_le,
// orderBy: { rank: -1 },
limit: 10000,
startPos: 0,
is_style: "false"
};
Publisher.publish("get_designer_list", data);
}
function styleChange(that) {
var filter_s = { is_display: "true", valid: "true" };
var sjs = $(".sjs").val();
var style = $('.style').val();
var sjy = $('.sjy').val();
if (style != "全部风格") {
filter_s.style = style;
} else {
delete filter_s.style;
}
if (sjs != "全部设计师") {
filter_s.sjs = sjs;
} else {
delete filter_s.sjs;
}
if (sjy != "全部设计院") {
filter_s.sjy = sjy;
} else {
delete filter_s.sjy;
}
// if (city === "南山" || city === "罗湖") {
// filter_s = Object.assign(filter_s, { city: "深圳" })
// }
filter_s = Object.assign(filter_s, { city: filter_city })
var data = {
filter: filter_s,
orderBy: { rank: -1 },
limit: 10000,
startPos: 0,
is_style: "true"
};
Publisher.publish("get_designer_list", data);
}
//设计师模块
var num = 0;
var designer_item = 0;
var designer_num = 0;
var run = true;
var designer_item_count = 0;
var desingerRun = function desingerRun() {
var speed = 20;
var tab = document.getElementById("demoin");
var tab1 = document.getElementById("demo1");
var tab2 = document.getElementById("demo2");
var tab3 = document.getElementById("demo3");
var copy = document.getElementById("copy");
designer_item_count = $(".desinger_card .designer_item").length;
var desinger_card = document.getElementById("desinger_card_box");
if (designer_item_count >= 4) {
copy.innerHTML = desinger_card.innerHTML;
}
if (designer_item_count >= 21) {
tab2.innerHTML = tab1.innerHTML;
tab3.innerHTML = tab1.innerHTML;
}
designer_item_count = $(".desinger_card .designer_item").length;
$("#demoin").width(designer_item_count * 57 * 3);
$("#designer_run").width(308 * designer_item_count * 3);
function Marquee() {
if (num == -designer_item_count * 57) {
num = 0;
}
num -= 1;
$("#demoin").css({
left: num
});
}
if (num === -$("#demoin").width()) {
num = -57;
}
$("#demoin").css({
left: num
});
var timer = setInterval(Marquee, speed);
clearInterval(timer);
$(".designer_btn_lf img").click(function () {
if (designer_num > 0) {
designer_num -= 1;
}
designer_item = -(308 * designer_num);
$("#designer_run").css({
left: designer_item
});
});
$(".designer_btn_rt img").click(function () {
if (designer_num < designer_item_count) {
designer_num += 1;
}
if (designer_num >= designer_item_count - 3) {
designer_num = 0;
}
designer_item = -(308 * designer_num);
$("#designer_run").css({
left: designer_item
});
});
$("#demo img").click(function () {
designer_item_count = $(".desinger_card .designer_item").length;
run = false;
var index = Number($(this).attr("index"));
designer_num = index;
num = -(57 * index);
designer_item = -(308 * index);
if (index === 0) {
num = -(57 * index);
}
if (designer_item_count > 21) {
$("#demoin").css({
left: num
});
}
$("#designer_run").css({
left: designer_item
});
});
$("#demo img").mouseover(function () {
$(this).addClass("zoom_img");
$(this)
.parent()
.removeClass("designer_mask");
});
$("#demo img").mouseout(function () {
$(this).removeClass("zoom_img");
$(this)
.parent()
.addClass("designer_mask");
});
tab.onmouseout = function () {
if (run && designer_item_count >= 21) {
timer = setInterval(Marquee, speed);
}
};
tab.onmouseover = function () {
run = true;
clearInterval(timer);
};
$(".sjs").change(function (l) {
designer_item_count = $(".desinger_card .designer_item").length;
run = true;
clearInterval(timer);
$("#demoin").css({
left: 0
});
styleChange(this);
});
// 选择设计师
$(".style").change(function (s) {
designer_item_count = $(".desinger_card .designer_item").length;
run = true;
clearInterval(timer);
$("#demoin").css({
left: 0
});
styleChange(this);
});
// 选择设计院
$(".sjy").change(function (s) {
designer_item_count = $(".desinger_card .designer_item").length;
run = true;
clearInterval(timer);
$("#demoin").css({
left: 0
});
styleChange(this);
});
};
//五大理由
var reasonRun = function () {
var reason_num = 0;
var slide_box = document.getElementById("slide_box");
var slide_box2 = document.getElementById("slide_box2");
slide_box2.innerHTML = slide_box.innerHTML;
var slide_length = $(".slide_box .slide").length;
var speed = 1000;
var timeout = 3000;
var delay = speed + timeout;
$(".reason_wrapper").width(slide_length * 238 * 2);
$(".slide_box").width(slide_length * 238);
function Marquee() {
reason_num++;
if (reason_num > slide_length) {
reason_num = 0;
$(".reason_wrapper")
.stop()
.animate(
{
left: -reason_num * 238
},
0,
function () {
$(".reason_wrapper")
.stop()
.animate(
{
left: -1 * 238
},
1000
);
reason_num++;
}
);
} else {
$(".reason_wrapper")
.stop()
.animate(
{
left: -reason_num * 238
},
1000
);
}
}
$(".reason_wrapper .slide").mouseover(function () {
$(this).addClass("slide_hover");
$(this)
.find(".reason_slide")
.hide();
$(this)
.find(".reason_slide_hover")
.show();
});
$(".reason_wrapper .slide").mouseleave(function () {
$(this).removeClass("slide_hover");
$(this)
.find(".reason_slide")
.show();
$(this)
.find(".reason_slide_hover")
.hide();
});
var timer = setInterval(Marquee, delay);
$(".reason_container").mouseover(function () {
$(".reason_next").show();
$(".reason_prev").show();
clearInterval(timer);
});
$(".reason_container").mouseleave(function () {
$(".reason_next").hide();
$(".reason_prev").hide();
timer = setInterval(Marquee, delay);
});
$(".reason_next").click(function () {
reason_num++;
if (reason_num > slide_length) {
reason_num = 0;
$(".reason_wrapper")
.stop()
.animate(
{
left: -reason_num * 238
},
0,
function () {
$(".reason_wrapper")
.stop()
.animate(
{
left: -1 * 238
},
1000
);
reason_num++;
}
);
} else {
$(".reason_wrapper")
.stop()
.animate(
{
left: -reason_num * 238
},
1000
);
}
clearInterval(timer);
});
$(".reason_prev").click(function () {
reason_num--;
if (reason_num < 0) {
reason_num = slide_length;
$(".reason_wrapper").animate(
{
left: -reason_num * 238
},
0,
function () {
reason_num--;
$(".reason_wrapper").animate(
{
left: -reason_num * 238
},
1000
);
}
);
} else {
$(".reason_wrapper").animate(
{
left: -reason_num * 238
},
1000
);
}
clearInterval(timer);
});
};
//数组去除函数
function unique(arr) {
var obj = {};
return arr.filter(function (item, index, arr) {
return obj.hasOwnProperty(typeof item + item) ? false : (obj[typeof item + item] = true)
})
}
function deepClone(obj) {
var objClone = Array.isArray(obj) ? [] : {};
if (obj && typeof obj === "object") {
for (key in obj) {
if (obj.hasOwnProperty(key)) {
//判断ojb子元素是否为对象,如果是,递归复制
if (obj[key] && typeof obj[key] === "object") {
objClone[key] = deepClone(obj[key]);
} else {
//如果不是,简单复制
objClone[key] = obj[key];
}
}
}
}
return objClone;
}
Publisher.subscribe("reasonRun", reasonRun);
Publisher.subscribe("desingerRun", desingerRun);
Publisher.subscribe("get_designer_list", function (datas) {
designer_num = 0;
designer_item = 0;
designer_item = -(308 * designer_num);
$("#designer_run").css({
left: designer_item
});
var newFilter = deepClone(datas);
if (datas.is_style == "true") {
delete datas.filter.level;
delete datas.is_style;
} else {
delete datas.filter.style;
delete datas.is_style;
}
console.log(datas);
$.get(
"api.php?m=Sjs" +
// site +
// "/?url=" +
// encodeURIComponent("mk/anon/get_designer_list") +
"&data=" +
encodeURIComponent(JSON.stringify(datas)),
function (result) {
var designers = result.data;
var designerobj = {};
var new_designers = [];
// if (newFilter.is_style == "true") {
// //风格改变
// var levelHTML_option = "";
// var designers_levels = [];
// var filter_level_name = newFilter.filter.level || "";
// for (var le = 0; le < designers.length; le++) {
// if (!filter_level_name) {
// new_designers.push(designers[le]);
// } else if (designers[le].level == filter_level_name) {
// new_designers.push(designers[le]);
// }
// designers_levels.push(designers[le].level);
// }
// designers_levels = unique(designers_levels);
// for (var lev = 0; lev < designers_levels.length; lev++) {
// if (designers_levels[lev] == filter_level_name) {
// levelHTML_option =
// levelHTML_option +
// "";
// } else {
// levelHTML_option =
// levelHTML_option +
// "";
// }
// }
// $(".level").html(levelHTML_option);
// } else {
//资质改变
// var styleHTML_option = "";
// var designers_styles = [];
// var filter_style_name =
// (newFilter.filter.style &&
// newFilter.filter.style.name) ||
// "";
var bigHTML = smallHTML= '';
// console.log(designers)
if(designers==null){
$(".desinger_card").html('');
$('#copy').html('');
$("#demo1").html('');
$("#demo2").html('');
$("#demo3").html('');
return
}
for (var i = 0; i < designers.length; i++) {
new_designers.push(designers[i]);
// var styleList = JSON.parse(designers[i].style);
// if (!filter_style_name) {
// new_designers.push(designers[i]);
// }
// for (var ii = 0; ii < styleList.length; ii++) {
// var style_name = styleList[ii].name;
// if (!filter_style_name) {
// } else if (style_name == filter_style_name) {
// new_designers.push(designers[i]);
// }
// // if (designers_styles.indexOf(style_name) < 0) {
// // designers_styles.push(style_name);
// // }
// }
var yzsjs = sj_jbdata[designers[i]['sjs']];
bigHTML += '';
bigHTML +='