/*
* @description: 商品列表自定义JS
* @author: CRD-Swallow
* @update: name (2020-02-02 20:30)
*/
let filtersList = [];
let filtersDialog = false;
let filtersResults = new Array();
let pageindex = 1;
let sortData = [
{
sortName: "默认",
isSelect: true,
pxfs: ''
},
{
sortName: "hQ从高到?,
isSelect: false,
pxfs: 'Price DESC'
},
{
sortName: "hQ从低到?,
isSelect: false,
pxfs: 'Price ASC'
},
//{
// sortName:"热销",
// isSelect:false,
// pxfs:'SaleCount DESC'
//},
//{
// sortName:"新品",
// isSelect:false,
// pxfs:'mtime DESC'
//}
];
let lbCountStr = "";
let czCountStr = "";
let jgCountStr = "";
let bqCountStr = "";
/**
* {选一U导?
*/
var initFilters = function () {
//let str = "
";
let str = "";
for (var fItem in filtersList) {
let iStr = "";
if (filtersList[fItem].select != 0 && filtersDialog != false) {
iStr = "" + filtersList[fItem].select + "";
}
str += "" + iStr + filtersList[fItem].name + "
";
}
$('.filters-option').html(str);
};
/**
* {选二U导?
* @param findex 所要显C筛选的下标
*/
var initFiltersOption = function (findex) {
let options = filtersList[findex].options;
var filename = filtersList[findex].name;
var str = "";
var numstr = "";
if (filename == "cd") {
str = lbCountStr;
numstr = "lb";
} else if (filename == "材质") {
str = czCountStr;
numstr = "cz";
} else if (filename == "h") {
str = jgCountStr;
numstr = "jg";
} else if (filename == "标识") {
str = bqCountStr;
numstr = "bq";
}
var strlist = str.split(',');
let oStr = '';
var i = 0;
var strlist = str.split(',');
for (var oItem in options) {
let checkedStr = options[oItem].isSelect ? "" : "";
let resultNumStr = "";
if (options[oItem].isSelect) {
resultNumStr = "(" + strlist[i] + ")";
i++
}
oStr += "" + checkedStr + "
" + options[oItem].oname + resultNumStr + "
";
}
$(".option-group").html(oStr);
};
/**
* 已选筛选条件列?
*/
var writeFiltersResults = function () {
// 条g一
if (filtersResults != '') {
let rStr = "清除所?/span>
";
for (let [key, value] of filtersResults.entries()) {
rStr += "" + value[2] + "
";
}
$(".checked-group").html(rStr);
$('.filters-result-list').html(rStr);
} else {
$(".checked-group").html('');
$('.filters-result-list').html('');
}
};
/**
* 一U筛选点?
* @param index
*/
var filtersNavFn = function (index) {
//改变一U导航的图标
for (var i = 0; i < filtersList.length; i++) {
if (i == index) {
if (filtersList[i].iconName == "down") {
filtersList[index].iconName = "up";
} else {
filtersList[index].iconName = "down";
}
} else {
filtersList[i].iconName = "down";
}
}
// filtersList[index].iconName = "up";
filtersDialog = false;
initFilters();
initFiltersOption(index);
let marginLeft = $('.filters-h5').width();// + (index * $('.filters-option > div:first-child').width()) + (index*30);
for (var i = 0; i < index; i++) {
marginLeft += $('.filters-option > div:eq(' + i + ')').width() + 30;
}
$('.option-group').css({ 'marginLeft': marginLeft });
writeFiltersResults();
if ($('.filters-list').css('display') == 'none') {
$('.filters-list').slideDown();
} else {
$('.filters-list').slideUp();
}
};
/**
* 二{选点?
*/
var filtersSubNavFn = function (findex, index) {
var clickFilters = filtersList[findex].options;
var clickValue = filtersList[findex].options[index].oname;
var clickID = filtersList[findex].options[index].CatID;
var filename = filtersList[findex].name;
var arrData = new Array(findex, index, clickValue, clickID, filename);
var isHas = false;
var spliceIndex = "";
for (let [key, value] of filtersResults.entries()) {
if (value.includes(clickValue)) {
isHas = true;
spliceIndex = key;
break;
}
}
if (isHas) {
//处理一U筛选数据;
filtersList[findex].select -= 1;
filtersResults.splice(spliceIndex, 1);
//处理二{选数据;
filtersList[findex].options[index].isSelect = false;
} else {
//处理一U筛选数据;
filtersList[findex].select += 1;
filtersResults.push(arrData);
filtersResults.sort(function (a, b) {
return a[1] - b[1];
});
//处理二{选数据;
filtersList[findex].options[index].isSelect = true;
}
//处理{选结果数据;
initFiltersOption(findex);
writeFiltersResults();
pageindex = 1;
LoadData();
};
/**
* 清除所有筛?
*/
let clearAll = function () {
for (var i = 0; i < filtersList.length; i++) {
filtersList[i].select = 0;
filtersList[i].iconName = "down";
for (var x = 0; x < filtersList[i].options.length; x++) {
filtersList[i].options[x].isSelect = false;
}
}
filtersResults = new Array();
initFiltersOption(0);
writeFiltersResults();
pageindex = 1;
LoadData();
};
/**
* 单个删除选择的筛选条?
* @param findex 一U下?
* @param index 二下标
* @param key 当前下标
*/
let delFiltersFn = function (findex, index, key) {
filtersList[findex].select -= 1;
filtersList[findex].options[index].isSelect = false;
filtersResults.splice(key, 1);
initFilters();
initFiltersOption(findex);
writeFiltersResults();
pageindex = 1;
LoadData();
};
/**
* 初始化排序列?
*/
let sortFn = function () {
let str = "";
for (let sItem in sortData) {
let iconStr = sortData[sItem].isSelect ? '' : "";
str += '' + iconStr + '' + sortData[sItem].sortName + '
';
}
$('.sort-list').html(str);
};
/**
* 昄排序列表
*/
let showSortDialogFn = function () {
if ($('.sort-list').css('display') == 'block') {
$('.sort-list').hide();
$('.currentSort span').removeClass('crd-sort-up').addClass('crd-sort-down');
} else {
$('.sort-list').show();
$('.currentSort span').removeClass('crd-sort-down').addClass('crd-sort-up');
}
sortFn();
};
/**
* 选择排序列表
* @param index 当前点击列表的下?
*/
let selectSortFn = function (index) {
let html = sortData[index].sortName + '';
$('.currentSort').html(html);
for (let item in sortData) {
sortData[item].isSelect = false;
}
sortData[index].isSelect = true;
$('.sort-list').hide();
LoadData();
};
$(function () {
LoadData();
var dt = $("#dtselect").val();
var data = eval("(" + dt + ")");
var attributeList = []; //属性idl合
var itemsList = [];
if (data.length > 0) {
for (var i = 0; i < data.length; i++) {
itemsList.push({
"oname": data[i].CatName,
"isSelect": false,
"Directory": data[i].Directory,
"CatID": data[i].CatID
})
}
attributeList = ({
"name": "cd",
"select": 0,
"iconName": "down",
"options": itemsList
})
filtersList.push(attributeList);
}
var searchinfo = $("#searchinfo").val();
var data2 = eval("(" + searchinfo + ")");
if (data2 != null) {
var dataCz = data2.SPCZLX_材质; //材质
itemsList = [];
if (dataCz != undefined && dataCz.length > 0) {
for (var i = 0; i < dataCz.length; i++) {
itemsList.push({
"oname": dataCz[i].Elename,
"isSelect": false,
"Directory": dataCz[i].Domain,
"CatID": dataCz[i].Element
})
}
attributeList = ({
"name": "材质",
"select": 0,
"iconName": "down",
"options": itemsList
})
filtersList.push(attributeList);
}
var dataJg = data2.SPJGFL_h; //h
if (dataJg != undefined && dataJg.length > 0) {
itemsList = [];
for (var i = 0; i < dataJg.length; i++) {
itemsList.push({
"oname": dataJg[i].Elename,
"isSelect": false,
"Directory": dataJg[i].Domain,
"CatID": dataJg[i].Elename
})
}
attributeList = ({
"name": "h",
"select": 0,
"iconName": "down",
"options": itemsList
})
filtersList.push(attributeList);
}
var dataBs = data2.SPBS_标识; //标识
if (dataBs != undefined && dataBs.length > 0) {
itemsList = [];
for (var i = 0; i < dataBs.length; i++) {
itemsList.push({
"oname": dataBs[i].Elename,
"isSelect": false,
"Directory": dataBs[i].Domain,
"CatID": dataBs[i].Element
})
}
attributeList = ({
"name": "标识",
"select": 0,
"iconName": "down",
"options": itemsList
})
filtersList.push(attributeList);
}
}
//初始化筛?
initFilters();
/**
* {选列表页的隐?
*/
$('.filters').mouseleave(function () {
filtersDialog = true;
$('.filters-list').slideUp();
for (var i = 0; i < filtersList.length; i++) {
filtersList[i].iconName = "down";
}
initFilters();
});
//初化排序列?
sortFn();
$('.sort-box').mouseleave(function () {
$('.sort-list').hide();
$('.sort-box span.crd').removeClass('crd-sort-up').addClass('crd-sort-down');
});
$(document).delegate('.onclikClass', 'hover', function () {
var goodsid = $(this).find('.imgClass').data("goodsid");
var dPrice = $(this).find('.imgClass').data("dprice");
let productId = $(this).find('.imgClass').data("productid");
let isFavorite = $(this).find('.imgClass').data("isfavorite");
var goodsDesc = "立即购买";
var imgs = $(this).find('.imgClass').data("imgs");
var strSubNameEx = $(this).find('.imgClass').data("strsubnameex");
var MainID = $(this).find('.imgClass').data("mainid");
var imgpath = $(this).find('.imgClass').data("imgpath");
var priceFlag = $(this).find('.imgClass').data("priceflag");
var hjFlag = $(this).find('.imgClass').data("hjflag");
var pricingmodeid = $(this).find('.imgClass').data("pricingmodeid");
var goldweight = $(this).find('.imgClass').data("goldweight");
var goldprice = $(this).find('.imgClass').data("goldprice");
var processcost = $(this).find('.imgClass').data("processcost");
var ishaschild = $(this).find('.imgClass').data("ishaschild");
var CustomPrice = $(this).find('.imgClass').data("priceflag");
console.log(CustomPrice, dPrice,'q是goodlist列表?)
if (CustomPrice && CustomPrice != 0) {
CustomPrice = "K? + CustomPrice
}
let SwiperHtml = "";
var _this = this;
if (pricingmodeid == "J02") {
if (processcost == 0 || processcost == null || goldweight == 0) {
dPrice = 0;
} else {
dPrice = "K? + parseInt((goldweight * goldprice) + processcost);
}
}else if (dPrice != "预售? && dPrice!=0) {
dPrice = "K? + parseInt(dPrice)
} else if (dPrice == "预售?) {
goodsDesc = "查看详情";
}
if (imgs != "" && imgs != null) {
let data = [];
if (imgs.indexOf(";") != -1) {
data = imgs.split(";");
} else {
data.push(imgs);
}
SwiperHtml += '';
for (var i = 0; i < data.length; i++) {
SwiperHtml += '
';
}
var favCss = "crd-collect";
if (isFavorite == "1") {
favCss = "crd-collected";
}
if (ishaschild == true) {
favCss = "";
}
SwiperHtml += '
';
if (hjFlag == "1") {
SwiperHtml += `
`;
} else {
if (dPrice != 0) {
SwiperHtml += '' + dPrice + '
';
SwiperHtml += '
' + goodsDesc + '
';
} else {
if (CustomPrice != 0 && CustomPrice) {
SwiperHtml += '' + CustomPrice + '
';
SwiperHtml += '
' + goodsDesc + '
';
} else {
SwiperHtml += '';
}
}
$(_this).append(SwiperHtml);
} else {
SwiperHtml += '';
SwiperHtml += '
';
var favCss = "crd-collect";
if (isFavorite == "1") {
favCss = "crd-collected";
}
SwiperHtml += '
';
if (hjFlag == "1") {
SwiperHtml += `
`;
} else {
if (dPrice != 0) {
SwiperHtml += '' + dPrice + '
';
SwiperHtml += '
' + goodsDesc + '
';
} else {
if (CustomPrice != 0 && CustomPrice) {
SwiperHtml += '' + CustomPrice + '
';
SwiperHtml += '
' + goodsDesc + '
';
} else {
SwiperHtml += '';
}
}
$(_this).append(SwiperHtml);
}
});
$(document).find(".goods-main").delegate('.crd-collect', 'click', function (e) {
var goodsid = $(this).data("goodsid");
console.log(goodsid)
AddFavorites(this, goodsid)
e.stopPropagation();//l止事g冒
e.preventDefault();
});
$(document).find(".goods-main").delegate('.crd-collected', 'click', function (e) {
var goodsid = $(this).data("goodsid");
DelFavorites(this, goodsid)
e.stopPropagation();//l止事g冒
e.preventDefault();
console.log(e);
});
});
function toMore() {
pageindex++;
LoadData();
}
function selCat(id) {
var cars = ["xiangqian", "xq-jiezhi", "xq-nvjie", "xq-nanjie", "xq-qinglvjie", "xq-diaozhui", "xq-lianzhui", "xq-diaozhui2", "xq-ershi", "xq-shoushi", "xq-shoulian", "xq-shouzhuo", "xq-xianglian", "jietuo", "luozuan", "bojin", "bj-xianglian", "bj-diaozhui", "bj-jiezhi", "bj-shouzhuo", "kj-kjin", "yuqi", "jinxiangyu", "yufo", "guanyin", "yq-shouzhuo", "feicui-huajian", "feicui-pixiu", "kjin", "KJ-jiezhi", "kj-diaozhui", "kj-xianglian", "kj-erding", "kj-shoulian", "gold", "hj-jiezhi", "hj-nvjie", "hj-nanjie", "hj-qinglvjie", "hj-xianglian", "hj-xianglian2", "hj-lianzhui", "hj-diaozhui", "hj-shoulian", "hj-shouzhuo", "hj-ertie", "hj-chuanzhu", "peijian", "shousheng", "gd-huanjin", "gd-jiezhi", "gd-chuanshi", "gd-diaozhui", "gd-ershi", "gd-shoushi", "caibao", "zubao", "qita", "jmlp"];
var ctid = ["C01", "C0101", "C010102", "C010101", "C010103", "C0102", "C010201", "C010202", "C0103", "C0104", "C010401", "C010402", "C0105", "C03", "C02", "C05", "C0501", "C0502", "C0503", "C0504", "C0505", "C06", "C0604", "C0602", "C0603", "C0601", "C0605", "C0606", "C11", "C1101", "C1102", "C1103", "C1104", "C1105", "C04", "C0401", "C040102", "C040101", "C040103", "C0402", "C040201", "C040202", "C0403", "C0404", "C0405", "C0406", "C0407", "C07", "C0701", "C12", "C1201", "C1203", "C1202", "C1204", "C1205", "C08", "C09", "C10", "C99"];
var ix = 0;
let index = 0;
cars.forEach(item => {
if (item == id) {
ix = index;
}
index++;
})
return ctid[ix]
}
//d收藏
function AddFavorites(that, GoodsID) {
var flag = false;
var MemberInfo = JSON.parse(getCookie("MemberInfo"));
GoodsID = GoodsID.toString();
let options = {
method: 'POST',
url:'/Member/AddFavorites',
data: {
"mid": MemberInfo.MID,
"GoodsId": GoodsID,
"OpenId": localStorage.getItem('PcOpenId')
},
};
sendAjax(options, function (res) {
if (res.Success) {
layer.msg('已加入收藏!', { icon: 6 });
flag = true;
$(that).toggleClass("crd-collect");
$(that).addClass("crd-collected");
$(that).attr("onclick", "DelFavorites(this,'" + GoodsID + "')");
} else {
if (res.Message == "请先d") {
location.href = "/account/login/?ref=" + GetCurrentUrl();
} else {
layer.msg(res.Message, { icon: 6 });
flag = false;
}
}
});
return flag;
};
//首页列表取消收藏
function DelFavorites(that, GoodsID) {
var flag = false;
var MemberInfo = JSON.parse(getCookie("MemberInfo"));
GoodsID = GoodsID.toString();
let options = {
method: 'POST',
url: '/Member/CancelFavorites',
data: {
"mid": MemberInfo.MID,
"GoodsId": GoodsID,
"OpenId": localStorage.getItem('PcOpenId')
},
};
event.preventDefault();
event.stopPropagation();
sendAjax(options, function (res) {
if (res.Success) {
layer.msg('已取消收藏!', { icon: 6 });
flag = true;
$(that).toggleClass("crd-collected");
$(that).addClass("crd-collect");
$(that).attr("onclick", "AddFavorite(this,'" + GoodsID + "')");
} else {
if (res.Message == "请先d") {
location.href = "/account/login/?ref=" + GetCurrentUrl();
} else {
layer.msg(res.Message, { icon: 6 });
flag = false;
}
}
});
};
function LoadData() {
var data = {};
//获取拼接条g
var lbid = ""; //cd
var czid = ""; //材质
var jgid = ""; //h
var bqid = ""; //标识
var pxid = sortData; //排序
for (var i = 0; i < sortData.length; i++) {
if (sortData[i].isSelect == true) {
pxid = sortData[i].pxfs;
}
}
if (filtersResults.length > 0) {
filtersResults.sort(function (a, b) {
return a[1] - b[1];
});
for (let [key, value] of filtersResults.entries()) {
if (value[4] == "cd") {
lbid += value[3] + ",";
} else if (value[4] == "材质") {
czid += value[3] + ",";
} else if (value[4] == "h") {
jgid += value[3] + ",";
}
else if (value[4] == "标识") {
bqid += value[3] + ",";
}
}
}
if (jgid != "") {
jgid = jgid.replace(/\?g, '');
}
data.cat = cat;
data.lbid = lbid;
data.czid = czid;
data.jgid = jgid;
data.bqid = bqid;
data.pxid = pxid;
let catid = selCat(cat);
var MemberInfo = null;
if (getCookie("MemberInfo")) {
MemberInfo = JSON.parse(getCookie("MemberInfo"));
}
// SectionQ?分类2pd3材质4q营配置标签
let Section = 2, SectionId="";
if (catid != "") {
Section = 1;
SectionId = catid;
} else if (czid) {
Section = 3;
SectionId = czid;
}
data.pageIndex = pageindex;
console.log('----------------------', catid)
let obj = {
CzStrid: "",
LabelID: 0,
MID: MemberInfo ? MemberInfo.MID : "",
Section: Section,
SectionId: SectionId,
SortRule: 1,
bqid: bqid,
catid: catid,
czid: czid,
jgid: jgid,
lbid: lbid,
mswid: "",
orderby: "",
pageIndex: pageindex,
pageSize: 28,
searchKey: "",
xilieID: 0,
SalesTerminal:0
};
let options = {
method: 'POST',
url: '/Product/GetProductList',
data: obj,
};
sendAjax(options, function (res) {
if (res.Success) {
var html = "";
var jsonData = res.Value.Products;
var SumTotal = res.Value.Total; //数据L?
//计算当前条数
var currTotal = pageindex * 28;
if (currTotal > SumTotal) {
currTotal = SumTotal;
}
$("#showTotal").text("昄 1-" + currTotal + " /" + SumTotal);
$("#loadDiv").text("正在加蝲 " + currTotal + "/" + SumTotal);
if (currTotal == SumTotal) {
$("#loadDiv").css("display", "none");
$("#showMore").css("display", "none");
} else {
$("#loadDiv").css("display", "block");
$("#showMore").css("display", "block");
}
let imgS = "https://img.crd.cn/";
if (res.Value.AdvertPositions!=null && res.Value.AdvertPositions.length > 0) {
var AdvertPositions = res.Value.AdvertPositions; //头部囄
let ad1str = "";
ad1str += ``;
for (let i = 0; i < AdvertPositions.length; i++) {
if (AdvertPositions[i].AdvPicture1List != null && AdvertPositions[i].AdvPicture1List.length > 0) {
for (let j = 0; j < AdvertPositions[i].AdvPicture1List.length; j++) {
ad1str += `
`;
}
}
}
ad1str += `
`;
document.getElementById("Ad1").innerHTML = ad1str;
var anwaySwiper = new Swiper('.AdvertPositionsD1', {
autoplay: true,//可选选项Q自动滑?
slidesPerView: 1,
slidesPerGroup: 1,
loopFillGroupWithBlank: true,
});
}
var dtgoodsListImg = res.Value.GoodsListImgs; //q告列表
var strHtml = "";
var hjFlag = "0";
for (var i = 0; i < jsonData.length; i++) {
var item = jsonData[i];
if (item.Price == 0 && item.GoldWeight == 0 && item.ProcessCost == null) {} else {
if (item.DefaultPicUrl.indexOf("upload/product") != -1) {
imgServer = "http://img.crd.cn/";
}
var strSubNameEx = item["XilieName"] == null ? item["GoodsName"] : item["XilieName"] + "
" + item["GoodsName"];
// strSubNameEx = strSubNameEx.substring(0,28);
var dPrice = item["Price"];
var OldPrice = item["OldPrice"];
var rebPrice = "";
var priceFlag = "1";
if (item["CatID"].indexOf("C12") != -1) {
priceFlag = "2";
}
rebPrice = dPrice;
if (item["DefaultFlag"] == "预售") {
rebPrice = "预售?;
}
if (item.PricingModeId == "J02" && item.GoldWeight > 0 && item.ProcessCost > 0 && item.GoldPrice > 0) {
rebPrice = (item.GoldWeight * item.GoldPrice) + item.ProcessCost;
}
var rosNumber = (pageindex - 1) * 28 + i;
if (rosNumber == 9 || rosNumber == 24 || rosNumber == 35 || rosNumber == 50) {
if (dtgoodsListImg != null && dtgoodsListImg.length > 0) {
var tfalag = false;
var rows = 0;
for (var k = 0; k < dtgoodsListImg.length; k++) {
if (dtgoodsListImg[k].dwNumber == rosNumber) {
tfalag = true;
rows = k;
}
}
if (tfalag) {
var rowsclo = dtgoodsListImg[rows];
var strClass = "goods-main" + rosNumber;
var jkgm = rowsclo.ImgPath == "" ? "" : "卛_查看>";
strHtml += "";//"+jkgm+"
strHtml += "";
if (item.DefaultFlag != "") {
strHtml += "
" + (item.DefaultFlag == 'HOT' ? '热销' : item.DefaultFlag) + "
";
}
if (item.GoodsTagImgSrc != "" && item.GoodsTagImgSrc != undefined) {
strHtml += "
";
}
strHtml += "
";
}
else {
strHtml += "";
if (item.DefaultFlag != "") {
strHtml += "
" + (item.DefaultFlag == 'HOT' ? '热销' : item.DefaultFlag) + "
";
}
if (item.GoodsTagImgSrc != "" && item.GoodsTagImgSrc != undefined) {
strHtml += "
";
}
strHtml += "
";
}
} else {
strHtml += "";
if (item.DefaultFlag != "") {
strHtml += "
" + (item.DefaultFlag == 'HOT' ? '热销' : item.DefaultFlag) + "
";
}
if (item.GoodsTagImgSrc != "" && item.GoodsTagImgSrc != undefined) {
strHtml += "
";
}
strHtml += "
";
}
}
else {
strHtml += "";
if (item.DefaultFlag != "") {
//strHtml +="
";
strHtml += "
" + (item.DefaultFlag == 'HOT' ? '热销' : item.DefaultFlag) + "
";
}
if (item.GoodsTagImgSrc != "" && item.GoodsTagImgSrc != undefined) {
strHtml += "
";
}
strHtml += "
";
}
}
}
var $boxes = $(strHtml);
if (pageindex > 1) {
$('.goods-main').append(strHtml).masonry('appended', $boxes);
} else {
$(".goods-main").html(strHtml);
}
}
})
} Ʒxxx