/* * @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 = "
2cd
"; 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 += `
    ` + strSubNameEx + `
    `+ goldPrice + ` 今日金h
    `; } else { if (dPrice != 0) { SwiperHtml += '
    ' + strSubNameEx + '
    ' + dPrice + '
    '; SwiperHtml += '
    ' + goodsDesc + '
    '; } else { if (CustomPrice != 0 && CustomPrice) { SwiperHtml += '
    ' + strSubNameEx + '
    ' + CustomPrice + '
    '; SwiperHtml += '
    ' + goodsDesc + '
    '; } else { SwiperHtml += '
    ' + strSubNameEx + '
    询h
    '; } SwiperHtml += '
    '; } } $(_this).append(SwiperHtml); } else { SwiperHtml += '
    '; SwiperHtml += '
    '; var favCss = "crd-collect"; if (isFavorite == "1") { favCss = "crd-collected"; } SwiperHtml += '
    '; if (hjFlag == "1") { SwiperHtml += `
    ` + strSubNameEx + `
    `+ goldPrice + ` 今日金h
    `; } else { if (dPrice != 0) { SwiperHtml += '
    ' + strSubNameEx + '
    ' + dPrice + '
    '; SwiperHtml += '
    ' + goodsDesc + '
    '; } else { if (CustomPrice != 0 && CustomPrice) { SwiperHtml += '
    ' + strSubNameEx + '
    ' + CustomPrice + '
    '; SwiperHtml += '
    ' + goodsDesc + '
    '; } else { SwiperHtml += '
    ' + strSubNameEx + '
    询h
    '; } 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 += "" + item.GoodsName + "
    "; } else { strHtml += "
    "; if (item.DefaultFlag != "") { strHtml += "
    " + (item.DefaultFlag == 'HOT' ? '热销' : item.DefaultFlag) + "
    "; } if (item.GoodsTagImgSrc != "" && item.GoodsTagImgSrc != undefined) { strHtml += "
    "; } strHtml += "" + item.GoodsName + "
    "; } } else { strHtml += "
    "; if (item.DefaultFlag != "") { strHtml += "
    " + (item.DefaultFlag == 'HOT' ? '热销' : item.DefaultFlag) + "
    "; } if (item.GoodsTagImgSrc != "" && item.GoodsTagImgSrc != undefined) { strHtml += "
    "; } strHtml += "" + item.GoodsName + "
    "; } } else { strHtml += "
    "; if (item.DefaultFlag != "") { //strHtml +="
    "; strHtml += "
    " + (item.DefaultFlag == 'HOT' ? '热销' : item.DefaultFlag) + "
    "; } if (item.GoodsTagImgSrc != "" && item.GoodsTagImgSrc != undefined) { strHtml += "
    "; } strHtml += "" + item.GoodsName + "
    "; } } } var $boxes = $(strHtml); if (pageindex > 1) { $('.goods-main').append(strHtml).masonry('appended', $boxes); } else { $(".goods-main").html(strHtml); } } }) } þþþþƷ鶹