<%= lang.add_review %>
<%= lang.comment_title %>(<%= total %>)
<% underscore.each(comment_lists, function(comment,index){ %>
<%if(comment.reply != ''){%>
<% }); %>
<%= comment.name %> <%if(random_purcahse_num == 1 && comment.randomPurcahseNum > 1){%> <%= lang.buy_up %><%= comment.randomPurcahseNum %><%= lang.time %> <%}%>
<%= comment.level_star %><%= comment.fake_date %>
<%= comment.content %>
<%if(config.show_more_btn == 1){%> <%}%>-
<% underscore.each(comment.video, function(src){ %>
- <% }); %> <% underscore.each(comment.imgs, function(src){ %>
<%= lang.seller_reply %>:<%= comment.reply %>
<%}%>
');
}
//星級評價
var star_str = showlevel(this.avg_star);
$("#star").html(star_str);
}
}
};
this.getBrowserLanguage = function () {
return (navigator.language || navigator.browserLanguage).toLowerCase();
}
this.initPagination = function () {
var fenye = '';
fenye += '';
fenye += '<';
fenye += '
';
return fenye;
};
this.finishPagination = function () {
var current = this.current, limit = this.limit;
var dataLength = $(this.length_elements).length;
var pages = Math.ceil(dataLength / limit);
this.pages = pages;
for (var i = 0; i < pages; i++) {
var li = document.createElement('li');
$(li).html(i + 1);
$(this.el + ' .' + this.page_class + ' ul').append(li);
}
var $li = $(this.el + ' .' + this.page_class + ' ul').find('li');
$.each($li, function () {
var num = parseInt($(this).html());
if (num > 4) {
$(this).hide();
}
})
};
this.pageChange = function (num) {
$(this.length_elements).hide();
var limit = this.limit;
var winWidth = document.body.clientWidth || document.documentElement.clientWidth;
for (var i = 0 + limit * num; i < limit + limit * num; i++) {
$(this.length_elements).eq(i).show();
$p = $(this.length_elements).eq(i).find('.comment-content').find('p:eq(0)');
var txt = $p.text();
$p.addClass('all');
$p.attr('style', "-webkit-line-clamp: 20;");
$p.css('-webkit-line-clamp', 20);
$(this.length_elements).eq(i).find('.comment-content').find('.read-more:eq(0)').hide();
// if(winWidth>=640 && txt.length>93)
// {
// $(this.length_elements).eq(i).find('.comment-content').find('.read-more:eq(0)').show();
// }
// else if(winWidth<=500 && txt.length>65)
// {
// $(this.length_elements).eq(i).find('.comment-content').find('.read-more:eq(0)').show();
// }
// else if((winWidth>=500 && winWidth<=630) && txt.length>80)
// {
// $(this.length_elements).eq(i).find('.comment-content').find('.read-more:eq(0)').show();
// }
}
$(this.el + ' .' + this.page_class + ' ul li').eq(this.current).addClass(this.page_active).siblings().removeClass(this.page_active);
};
this.jumpto = function () {
$('html,body').animate({ scrollTop: $(this.el + ' .comments-wrap').offset().top }, 300);
}
this.rendorPage = function (current_page, active_page) {
$(this.el + ' .' + this.page_class + ' ul li').hide();
var length = $(this.el + ' .pagination ul li').length;
if (current_page == length) {
$(this.el + ' .' + this.page_class + ' ul li').each(function () {
var num = parseInt($(this).html());
if (num > length - 4) {
$(this).show();
}
});
}
else if (current_page >= 4) {
$(this.el + ' .' + this.page_class + ' ul li').each(function () {
var num = parseInt($(this).html());
if (Math.abs(current_page - num) <= 2) {
$(this).show();
}
});
}
else {
$(this.el + ' .' + this.page_class + ' ul li').each(function () {
var num = parseInt($(this).html());
if (num <= 4) {
$(this).show();
}
});
}
}
this.doPageClick = function () {
$(this.el + ' .' + this.page_class).on('click', 'ul li', function () {
$(this).addClass(this.page_active).siblings().removeClass(this.page_active);
current = $(this).index();
_this.current = current;
_this.pageChange(current);
var active_page = _this.current;
var current_page = current + 1;
_this.rendorPage(current_page, active_page);
_this.jumpto();
})
$(this.el + ' .page-prev').click(function () {
var current = _this.current;
$('.pagination + span').show();
if (current > 0) {
current -= 1
_this.current = current;
_this.pageChange(current);
_this.rendorPage(current - 1, current);
}
_this.jumpto();
})
$(this.el + ' .page-next').click(function () {
var current = _this.current;
var pages = _this.pages;
if (current < pages - 1) {
current += 1
_this.current = current;
_this.pageChange(current);
_this.rendorPage(current + 1, current);
} else {
$('.pagination + span').hide();
}
_this.jumpto();
})
};
};
function resizeSlide(el) {
var load = 0;
var timer = setInterval(function () {
load++;
var img_h = $(el + ' .imgs-container li').width();
$(el + " .imgs-container").css('height', img_h);
$(el + " .imgs-container").show();
if (load > 2) {
clearInterval(timer);
}
}, 300);
}
$.fn.gkComment = function (options) {
var that = this;
if (window.underscore == undefined) {
window.underscore = _.noConflict();
}
var defaults = {
limit: 5,//每页限制几条
position: 'bottom',
top_number: 2,
display_comment: true,
display_star_arrow: false,
score_position: 'left',
pagination_type: '',
comment_star_position: 'left',
display_score_detail: false,
top_href: '',
active: true,
slide_number: 5,
remove_elements: [],
slide_resize: '',
site_type: 0, //0单页，1 3.0商城效果1，2 商城效果2
context_direction: 'left',//阅读方向
slide_show_type: 'picture',//none 或者 picture 或者 comment
show_text_comment: false,
func: {
showlevel: showlevel
},
'data_type': 'json'
};
var opts = $.extend(defaults, options);
if (!opts.active) { return; }
if (opts.display_comment == '0') {
opts.display_comment = false;
}
if (opts.display_score_detail == '0') {
opts.display_score_detail = false;
}
return this.each(function () {
var that = this;
var $this = $(this);
var this_id = $this.attr('id') || '';
var this_class = $this.attr('class') || '';
var el = this_id == '' ? '.' + this_class : '#' + this_id;
/*********************买家秀新弹窗********************/
$(document).on('click', el + ' .imgs-container li,' + el + ' .photo-gallery-container ul li', function () {
$(el + ' .customerShow-zoom').show();
var index = $(this).find('img').eq(0).attr("data-index") || 0;
index = index ? index : ($(this).find('video').eq(0).attr("data-index") || 0)
setTimeout(function () {
var video = document.querySelector(".swiper-slide-active .swiper-slide-active video");
if (video) {
video.play();
}
}, 200)
//点开买家秀上下滑动切换
new Swiper(el + ' .slide-comment', {
direction: 'vertical',
initialSlide: index,
pagination: {
el: el + ' .slide-comment .swiper-pagination',
clickable: true,
},
navigation: {
nextEl: el + ' .swiper-next-button1',
prevEl: el + ' .icon-arrow-up',
},
on: {
slideChangeTransitionEnd: function () {
//当滑动到最后一屏时，提示“已經是最后一條了”
var len = $(el + ' .slide-comment >.swiper-wrapper>.swiper-slide').length;
var index = this.activeIndex;
// console.log(len);
if (index == (len - 1)) {
$(el + ' .next-screen').html(window.already_last_comment);
$(el + ' .slide-comment .icon-arrow-down1').hide();
} else {
$(el + ' .next-screen').html(window.lang_next_comment);
$(el + ' .slide-comment .icon-arrow-down1').show();
}
// console.log(this.activeIndex);//切换结束时，告诉我现在是第几个slide
//当评论图大于两张时 左右滑动箭头显示
var num = parseInt($(el + ' .slide-comment .swiper-slide-active .slide-img').find('.swiper-pagination-total').html());
if (num > 1) {
$(document).find(el + ' .slide-img .arrow-l, .slide-img .arrow-r').addClass('show');
} else {
$(document).find(el + ' .slide-img .arrow-l, .slide-img .arrow-r').removeClass('show');
}
setTimeout(function () {
var videos = Array.from(document.querySelectorAll('.swiper-slide video'));
if (videos.length) {
videos.map(function (video) {
video.pause();
})
}
var video = document.querySelector(".swiper-slide-active .swiper-slide-active video");
if (video) {
video.play();
}
}, 200)
},
}
});
//同一买家的评论图片左右切换
new Swiper(el + ' .slide-img', {
pagination: {
el: el + ' .slide-img .swiper-pagination',
type: 'fraction',
},
navigation: {
nextEl: el + ' .slide-img .arrow-r',
prevEl: el + ' .slide-img .arrow-l',
},
on: {
slideChangeTransitionEnd: function () {
setTimeout(function () {
var videos = Array.from(document.querySelectorAll('.swiper-slide video'));
if (videos.length) {
videos.map(function (video) {
video.pause();
})
}
var video = document.querySelector(".swiper-slide-active .swiper-slide-active video");
if (video) {
video.play();
}
}, 200)
},
}
});
setTimeout(function () {
$('div.swiper-slide video').attr('controls', 'controls')
$('.has-video video').removeAttr('controls')
}, 300)
});
var id = opts.id || 0;
var review_url = opts.review_url || '';
if (review_url == '') {
review_url = '/review/lists?id=' + id;
}
//新评论
if (isNewComment == '1') {
var params = {
saleId: opts.id,
marketId: marketId,
collId: opts.collId || opts.id,
};
require(['getComment'], function (getComment) {
getComment(params, runNewAppraise, true);
});
function runNewAppraise(res) {
// console.log(res);
if (res.lists.length == 0) {
return;
}
var newLists = res.lists;
var batchOneList = newLists.filter(item => item.batch == 1);
var batchTwoList = newLists.filter(item => item.batch == 2);
var batchThreeList = newLists.filter(item => item.batch == 3);
var listOne = batchOneData(res.day);
if (res.day == 1) {
newLists = listOne;
} else if (res.day == 2) {
var today = new Date();
batchTwoList.forEach(function (item) {
item.fake_date = item.create_time = item.adate = formatDate(today);
});
newLists = [...listOne, ...batchTwoList];
} else {
batchTwoList.forEach(function (item) {
item.fake_date = item.create_time = item.adate = formatDate(new Date().setDate(new Date().getDate() - 1));
});
var today = new Date();
batchThreeList.forEach(function (item) {
item.fake_date = item.create_time = item.adate = formatDate(today);
});
newlists = [...listOne, ...batchTwoList, ...batchThreeList];
}
newLists = newLists.sort((a, b) => new Date(a.fake_date).getTime() - new Date(b.fake_date).getTime());
newLists = newLists.map(v=> {v.imgs = v.imgs || []; return v;});
var hasImg = newLists.filter(v=> v.imgs.length);
var noImg = newLists.filter(v=> !v.imgs.length);
newLists = hasImg.concat(noImg);
newLists = newLists.map(v=> {
v.imgs.length ? v.is_top = 1 : v.is_top = 0;
return v;
})
res.lists = newLists;
//day 1 数据处理
function batchOneData(day) {
var dateArr = [];
for (let i = 0; i < 7; i++) {
var previousDate = new Date();
previousDate.setDate(previousDate.getDate() - i - (day - 1));
dateArr.push(formatDate(previousDate));
}
batchOneList.forEach(function (item, index) {
item.fake_date = item.create_time = item.adate = dateArr[index % 7];
});
return batchOneList;
};
that.getAndRenderData(res);
}
} else {
require(['getComment'], function (getComment) {
getComment(opts.id, that.getAndRenderData);
});
// $.get(review_url, function (html) {
// }, opts.data_type);
}
this.getAndRenderData = function (html) {
var arr = html;
arr.lists = arr.lists.map(function(v){
// 随机购买数0-5
v.randomPurcahseNum = parseInt(Math.random() * 5);
return v;
})
console.log(arr);
opts.comment_lists = arr;
// var avg_star = arr.data.avg_star;
var avg_star = arr.avg_star;
var avg_star_str = showlevel(avg_star);
var imgs = [];
var comm = new Comment(opts, $this);
//查看全部評論
var layerTop = 0;
var layerWidth = 0;
var layerCom = $(".comment-layer");
if ($(".body-box").length < 1) {
$("body").children().wrapAll("");
}
//点击查看买家秀图片库
$(document).on('click', '.show-title .view-more', function () {
$('.photo-gallery-container,.fixed-top').addClass('translate');
$('body').addClass('overflow');
$('.photo-gallery-container').find('.go-back').click(function () {
$(this).parents('.photo-gallery-container').removeClass('translate');
$('.photo-gallery-container,.fixed-top').removeClass('translate');
$('body').removeClass('overflow');
});
try {
if (opts.position == 'top') {
ga('send', "event", 'click', 'top-all-comment', 'detail');
}
else {
ga('send', "event", 'click', 'allcomment', 'detail');
}
}
catch (e) { }
});
$(document).on("click", el + " .xingxing", function () {
if (opts.position == 'top') {
try {
ga('send', "event", 'click', 'topxingji', 'detail');
}
catch (e) { }
}
});
$(document).on("click", ".comment-btn", function () {
if (opts.position == 'top') {
try {
ga('send', "event", 'click', 'top-seemore-comment', 'detail');
}
catch (e) { }
}
});
$(document).on("click", el + " .xingxing , .comment-btn", function () {
if (opts.position == 'top') {
if (opts.top_href == '') {
layerTop = -$(document).scrollTop();
layerWidth = -($(".body-box").width()) / 2;
$(".body-box").css({ "position": "fixed", "top": layerTop, "left": "50%", "right": 0, "bottom": 0, "margin-left": layerWidth });
$(".comment-layer").addClass("show");
load_lasy(comm.limit, comm.lang.has_bottom);
}
else {
$('html,body').animate({ scrollTop: $(opts.top_href).offset().top }, 300);
}
}
});
//關閉全部評論
$(document).on("click", ".cover-bg , #coverClose", function () {
$(".body-box").css({ "position": "static", "left": 0, "margin-left": 0 });
$(document).scrollTop(-layerTop);
$(".comment-layer").removeClass("show");
});
var m = getQueryString('m');
if (m == '') {
if (comm.getBrowserLanguage() == 'zh-cn') {
}
}
lists = comm.lists;
var img_review = [];
if (lists.length == 0) {
return;
}
var total_star = 0;
var ids = [];
var star_detail = [];
star_detail[1] = 0;
star_detail[2] = 0;
star_detail[3] = 0;
star_detail[4] = 0;
star_detail[5] = 0;
for (var i in lists) {
var star = lists[i]['level'];
star_detail[star] += 1;
var content = lists[i]['content'];
var $p = $($.parseHTML(content));
var context = $p.text();
if ($p.find('img').length == 0) { content = "- ';
fenye += '
" + content + "
"; $p = $($.parseHTML(content)); }
var src = [];
total_star += parseFloat(lists[i]['level']);
var options = lists[i]['options'] || '';
lists[i]['content'] = context;
if (isNewComment != '1') {
lists[i]['imgs'] = src
} else {
lists[i]['imgs'].forEach(item => {
imgs.push({
'src': item,
'img_data': lists[i],
'id': lists[i]['id']
})
})
ids.push(lists[i]['id']);
}
lists[i]['options'] = options;
var level = lists[i]['level'];
lists[i]['level_star'] = showlevel(level);
if (lists[i]['video'] && lists[i]['video'].length && ids.indexOf(lists[i]['id']) == -1) {
imgs.push({
'src': lists[i]['video'][0],
'img_data': lists[i],
'id': lists[i]['id'],
'isVideo': true
});
ids.push(lists[i]['id']);
}
$p.find('img').each(function (k, v) {
var _src = $(this).attr('src');
src.push($(this).attr('src'));
if (ids.indexOf(lists[i]['id']) == -1) {
imgs.push({
'src': $(this).attr('src'),
'img_data': lists[i],
'id': lists[i]['id']
});
ids.push(lists[i]['id']);
}
});
}
var id_lists = [];
for (var i in lists) {
id_lists[lists[i]['id']] = lists[i];
}
var _review = [];
for (var i in img_review) {
_review.push(img_review[i]);
}
if (!imgs.length && opts.slide_show_type=='comment' && opts.show_text_comment) {
var len = Math.min(5, lists.length);
for (var i = 0; i < len; i++) {
imgs.push({
'src': '',
'img_data': lists[i],
'id': lists[i]['id']
});
}
}
avg_star = total_star / lists.length;
avg_star = avg_star.toFixed(1);
avg_star_str = showlevel(avg_star);
comm.setAvgStar(avg_star);
var level_detail = [];
for (var i in star_detail) {
var s = star_detail[i] / lists.length;
level_detail[i] = parseInt(s.toFixed(2) * 100) + '%';
}
if (imgs.length == 0 && !opts.display_comment) {
$(el).remove();
for (var i in opts.remove_elements) {
$(opts.remove_elements[i]).remove();
}
}
var data = {
'config': opts,
'imgs': imgs,
'img_review': imgs,
'comment_lists': lists,
'avg_star': avg_star,
'avg_star_str': avg_star_str,
'id_lists': id_lists,
'lang': comm.lang,
"position": opts.position,
'total': lists.length,
'top_number': comm.top_number,
'level_detail': level_detail,
'random_purcahse_num': comm.random_purcahse_num,
'show_more_btn': comm.show_more_btn,
};
var tpl = underscore.template(template);
var text = tpl(data);
$this.html(text);
comm.setLists(lists);
comm.init();
if (imgs.length < 4) {
$('.customer-show').remove();
}
$(el + " .imgs-container").hide();
setTimeout(function () {
new Swiper(el + ' .horizontal-list', {
slidesPerView: 1.6,
// centeredSlides: true,
spaceBetween: 10,
pagination: {
el: '.horizontal-list .swiper-pagination',
clickable: true,
},
});
new Swiper(el + ' .imgs-container', {
slidesPerView: 3.7,
spaceBetween: 2,
freeMode: true,
pagination: {
el: el + ' .imgs-container .swiper-pagination',
clickable: true,
},
initialSlide: 0,
observer: true,//修改swiper自己或子元素时，自动初始化swiper
observeParents: true//修改swiper的父元素时，自动初始化swiper
});
resizeSlide(el);
}, 300);
if (opts.slide_resize) {
$(opts.slide_resize).on('click', function () {
resizeSlide(el);
});
}
if (opts.keywords && opts.position == 'top') {
//评论关键词
getCommentKeywords();
}
}
});
}
//点击向左、向右按钮
$(document).on('click', '.arrow', function (e) {
e.stopPropagation();
var first = window.lang_first_picture;
var last = window.lang_last_picture;
var all_li = $(this).closest('.zoom-container').prev().find('ul').html();
var type = $(this).attr('data-type');
if (type == 'right') {
index++;
if (index <= (len - 1)) {
// console.log(all_li.length);
$(this).closest('.zoom-content').find('ul').html(all_li);
$(this).closest('.zoom-content').find('ul li').hide().eq(index).show();
} else {
index = len - 1;
alert(window.lang_last_picture);
}
} else if (type == 'left') {
index--;
if (index >= 0) {
$(this).closest('.zoom-content').find('ul').html(all_li);
$(this).closest('.zoom-content').find('ul li').hide().eq(index).show();
} else {
index = 0;
alert(window.lang_first_picture);
}
}
});
// 阻止视频点击冒泡
$(document).on('click', '.swiper-slide video', function (e) {
e.stopPropagation();
})
$(document).on('click', '.comment-pics li', function () {
setTimeout(function () {
$('.swiper-slide video').attr('controls', 'controls')
var video = document.querySelector(".comment-zoom-container .swiper-slide-active video");
if (video) {
video.play();
}
$('.has-video video').removeAttr('controls')
}, 300)
})
$(document).on('click', '.zoom', function () {
var $this = $(this)
setTimeout(function () {
if ($this.css('display') == 'none') {
var videos = Array.from(document.querySelectorAll('.swiper-slide video'));
if (videos.length) {
videos.map(function (video) {
video.pause();
})
}
}
}, 200)
})
})(window.jQuery || {});
<%= lang.comment_title %>
<%= lang.goods_review %>
<%= lang.buyer_share_title %>
<%= lang.view_all_comment %><% underscore.each(imgs, function(img_data,index){ %> <%if(img_data.isVideo){%>
<% underscore.each(img_review, function(review,index){ %> <% comment=review.img_data; %> <%if(index
-
<%= comment.name %>
<%if(random_purcahse_num == 1 && comment.randomPurcahseNum > 1){%>
<%= lang.buy_up %><%= comment.randomPurcahseNum %><%= lang.time %>
<%}%>
<% underscore.each(comment.imgs, function(src,index){ %>
<%if(index<1){%>
<%}%>
<% }); %>
<%}%>
<% }); %>
<%= comment.content %>
<%= comment.options %>
... >
...<% underscore.each(img_review, function(img_data,index){ %> <%if(index % 2 == 0){%>-
<%if(img_data.isVideo){%>
<%}%>
<%if(!img_data.isVideo){%>
<%}%>
<%= img_data.img_data.content %>
<%= img_data.img_data.name %>
<%= img_data.img_data.zan_num %>
<%}%>
<% }); %>
<%= img_data.img_data.options %>
<% underscore.each(img_review, function(img_data,index){ %> <%if(index % 2 != 0){%>-
<%if(img_data.isVideo){%>
<%}%>
<%if(!img_data.isVideo){%>
<%}%>
<%= img_data.img_data.content %>
<%= img_data.img_data.name %>
<%= img_data.img_data.zan_num %>
<%}%>
<% }); %>
<%= img_data.img_data.options %>
衣服真厚，沒想到，花色我挺喜歡的，不深，不亂，值得購買。 衣服真厚，沒想到，花色我挺喜歡的，不深，不亂，值得購買。 衣服真厚，沒想到，花色我挺喜歡的，不深，不亂，值得購買。
<%if(id_lists[img_data.id]['video'] && id_lists[img_data.id]['video'].length){%> <% underscore.each(id_lists[img_data.id]['video'], function(src){ %> <% }); %> <%}%> <% underscore.each(id_lists[img_data.id]['imgs'], function(img_src){ %>
<%= id_lists[img_data.id]['content'] %>