why_in_h5/portal/js/Supermarketpage.js

// authorization: '', //授权方式（转让，授权）
// entrust_name: '', //委托数据名称（关键字模糊搜索）
// entrust_time: '', //委托时间（10位时间戳）
// entrust_user_name:entrust_name //委托方名称（关键字模糊搜索）
// goods_islicode: '', //委托数据委托关联编码
// order: '', //desc：降序；asc：升序
// order_type: '', //排序；createtime：时间；price：价格；
// pay_type: '', //付费类型（付费，免费）
// record_type: record_type //数据类型（文化资源数据，文化数字内容）

let listQuery = {
	pay_type: 2, // 付费类型 1：免费；2：付费
	authorization: '', //授权方式 1：转让；2：授权
	record_type: "", // 数据类型
	entrust_name: "", // 委托数据名称
	entrust_user_name: "", // 委托方名称
	order_type: "", //排序 createtime：时间；price：价格
	order: '', //desc：降序；asc：升序
	goods_status: 1
};

let headerListQuery = {
	pay_type: 2, // 付费类型 1：免费；2：付费
	authorization: '', //授权方式（1：转让；2：授权
	record_type: "", // 数据类型
	entrust_name: "", // 委托数据名称
	entrust_user_name: "", // 委托方名称
	order_type: "", //排序 createtime：时间；price：价格
	order: '', //desc：降序；asc：升序
	goods_status: 1,
	page: 1,
	limit: 16
};

let sumArray = [];

let img_url0 = "";
//封面图设置
function good_headerimg(data, islicode, type, username) {
	var myPix = new Array("../images/180-180.jpg", "../images/180-180-2.jpg", "../images/180-180-3.jpg",
		"../images/180-180-3.jpg");
	var randomNum = Math.floor((Math.random() * myPix.length));
	img_url0 = "";
	if (data) {
		let reg = RegExp(/data:image\/.*;base64,/);
		if (reg.test(data)) { //判断图片数据是base64吗
			img_url0 = '<img class="img_ters" onclick="tabDetil(\'' + islicode + '\',\'' + type + '\',\'' + username +
				'\')" src=' + data + ' alt="">'
		} else {
			img_url0 = '<img class="img_ters" onclick="tabDetil(\'' + islicode + '\',\'' + type + '\',\'' + username +
				'\')" src=' + pathURL +
				'' + encodeURIComponent(data) + ' alt="">'
		}
	} else {
		let newdaimg = myPix[randomNum];
		img_url0 = '<img class="img_ters" onclick="tabDetil(\'' + islicode + '\',\'' + type + '\',\'' + username +
			'\',\'' + newdaimg + '\')" src=' + newdaimg +
			' alt="">'
	}
}

let Daimg_url = "";

function good_daimg(data, islicode, type, username) {
	var myPix = new Array("../images/580-289.jpg", "../images/580-289-2.jpg", "../images/580-289-3.jpg",
		"../images/580-289-3.jpg");
	var randomNum = Math.floor((Math.random() * myPix.length));
	Daimg_url = "";
	if (data) {
		let reg = RegExp(/data:image\/.*;base64,/);
		if (reg.test(data)) { //判断图片数据是base64吗
			Daimg_url = '<img class="img_ters" onclick="tabDetil(\'' + islicode + '\',\'' + type + '\',\'' + username +
				'\')" src=' + data + ' alt="">'
		} else {
			Daimg_url = '<img class="img_ters" onclick="tabDetil(\'' + islicode + '\',\'' + type + '\',\'' + username +
				'\')" src=' +
				pathURL + '' + encodeURIComponent(data) + ' alt="">'
		}
	} else {
		let newdaimg = myPix[randomNum];
		Daimg_url = '<img class="img_ters" onclick="tabDetil(\'' + islicode + '\',\'' + type + '\',\'' + username +
			'\',\'' + newdaimg + '\')" src=' + newdaimg + ' alt="">'
	}
}

let Date_per_page = null;
let Date_total = null;
//委托数据查询接口
function getListMsg(data) {
	var ajaxSearchGoods = new AJAX_OBJ(AgencyAddress + "order/searchGoods", onUrlSearchGoodsSuccess, onUrlError);
	ajaxSearchGoods.postRequestData(JSON.stringify(data));
}

function onUrlSearchGoodsSuccess(xmlHttp) {
	var res = eval('(' + xmlHttp.responseText + ')');
	if (res.resultCode == "00000000") {
		if (res.data.data.length != 0) {
			let porets = "";
			let porets1 = "";
			let porets2 = "";
			let porets3 = "";
			let porets4 = "";
			good_daimg(res.data.data[0].goods_image, res.data.data[0].goods_islicode, res.data.data[0].goods_type, res
				.data.data[0].username);
			porets += Daimg_url + '<div class="caption">' + res.data.data[0].goods_name + '</div>'
			$(".thumbn1").html(porets);
			good_headerimg(res.data.data[1].goods_image, res.data.data[1].goods_islicode, res.data.data[1].goods_type,
				res.data.data[1].username);
			porets1 += img_url0 + '<div class="caption">' + res.data.data[1].goods_name + '</div>'
			$(".thumbn2").html(porets1);
			good_headerimg(res.data.data[2].goods_image, res.data.data[2].goods_islicode, res.data.data[2].goods_type,
				res.data.data[2].username);
			porets2 += img_url0 + '<div class="caption">' + res.data.data[2].goods_name + '</div>'
			$(".thumbn3").html(porets2);
			good_headerimg(res.data.data[3].goods_image, res.data.data[3].goods_islicode, res.data.data[3].goods_type,
				res.data.data[3].username);
			porets3 += img_url0 + '<div class="caption">' + res.data.data[3].goods_name + '</div>'
			$(".thumbn4").html(porets3);
			good_headerimg(res.data.data[4].goods_image, res.data.data[4].goods_islicode, res.data.data[4].goods_type,
				res.data.data[4].username);
			porets4 += img_url0 + '<div class="caption">' + res.data.data[4].goods_name + '</div>'
			$(".thumbn5").html(porets4);
			Date_per_page = res.data.per_page; //请求多少条数据
			Date_total = res.data.total; //请求的所有数据
			//加载更多,分数据
			sumArray = res.data.data;
			arrayChunk();
		}
	}
}
//加载更多,分割数组分4部分
let newArray = [];
let a = [];
let b = [];
let c = [];
let d = [];
let count = 4;
let str = '';
let maxIndex = null;

function arrayChunk() {
	a = []
	b = []
	c = []
	d = []
	maxIndex = Math.ceil(sumArray.length / 4);
	sumArray.myForEach(function(v, index, arr) {
		if (index % 4 == 0) {
			a.push(v);
		} else if (index % 4 == 1) {
			b.push(v);
		} else if (index % 4 == 2) {
			c.push(v);
		} else if (index % 4 == 3) {
			d.push(v);
		}
	});
	moreImage(a, 'img_one', count);
	moreImage(b, 'img_two', count);
	moreImage(c, 'img_thre', count);
	moreImage(d, 'img_four', count);
}

function moreImage(arr, image_s, count) {
	for (i = 0; i < count; i++) {
		if (arr[i] != "" && arr[i] != "undefined" && arr[i] != undefined) {
			if (arr[i].goods_image != "" && arr[i].goods_image != "undefined" && arr[i].goods_image != undefined) {
				let reg = RegExp(/data:image\/.*;base64,/);
				if (reg.test(arr[i].goods_image)) { //判断图片数据是base64吗
					str += '<img class="img_wid"  onclick="img_Detil(\'' + arr[i].goods_islicode + '\',\'' + arr[i]
						.goods_type + '\',\'' + arr[i].username + '\')" title='+arr[i].username+' src=' + arr[i].goods_image + '>';
				} else {
					str += '<img class="img_wid"  onclick="img_Detil(\'' + arr[i].goods_islicode + '\',\'' + arr[i]
						.goods_type + '\',\'' + arr[i].username + '\')" title='+arr[i].username+' src=' + pathURL + '' + encodeURIComponent(arr[i]
							.goods_image) + '>';
				}
			} else {
				var myPix = new Array("../images/180-180.jpg", "../images/180-180-2.jpg", "../images/180-180-3.jpg",
					"../images/180-180-3.jpg", "../images/580-289.jpg", "../images/580-289-2.jpg",
					"../images/580-289-3.jpg",
					"../images/580-289-3.jpg");
				var randomNum = Math.floor((Math.random() * myPix.length));
				let goods_image = myPix[randomNum];
				str += '<img class="img_wid"  onclick="img_Detil(\'' + arr[i].goods_islicode + '\',\'' + arr[i]
					.goods_type + '\',\'' + goods_image + '\',\'' + arr[i].username + '\')" title='+arr[i].username+' src=' + goods_image + '>';
			}
		}
	}
	$("." + image_s).html(str);
	str = '';
}

// //点击加载更多
// $('.load_more').bind('click', function() {
// 	if (Date_per_page <= Date_total) {
// 		count += 4;
// 		headerListQuery.limit += 16;
// 		getListMsg(headerListQuery);
// 		console.log("滚动条到顶部的垂直高度: " + $(document).scrollTop());
// 		console.log("页面的文档高度 ：" + $(document).height());
// 		console.log('浏览器的高度：' + $(window).height());
// 	} else {
// 		$(".load_more").css("display", "none"); //点击加载更多添加样式
// 	}
// });
//滚动条到底部，加载数据
$(window).scroll(function() {
	// console.log("滚动条到顶部的垂直高度: "+$(document).scrollTop());
	// console.log("页面的文档高度 ："+$(document).height());
	// console.log('浏览器的高度：'+$(window).height());
	if ($(document).scrollTop() >= $(document).height() - $(window).height()) {
		count += 4;
		headerListQuery.limit += 16;
		getListMsg(headerListQuery);
	}
});



//点击加载更多的图片本身
function img_Detil(list_isli, type, username, img) {
	if (img) {
		location.href = "superDetails.html?list_isli=" + list_isli + '&goods_type=' + type + '&img=' + img +
			'&username=' + username + '&time=' + new Date().getTime();
	} else {
		location.href = "superDetails.html?list_isli=" + list_isli + '&goods_type=' + type + '&username=' + username +
			'&time=' + new Date().getTime();
	}
}

let img_url = "";
let newimg_url = "";
//推荐,交易排行,点击排行封面图设置
function good_img_url(data) {
	let myPix = new Array("../images/180-180.jpg", "../images/180-180-2.jpg", "../images/180-180-3.jpg",
		"../images/180-180-3.jpg");
	let randomNum = Math.floor((Math.random() * myPix.length));
	img_url = "";
	if (data) {
		let reg = RegExp(/data:image\/.*;base64,/);
		if (reg.test(data)) { //判断图片数据是base64吗
			return img_url = '<img class="tent_img" src=' + data + ' alt="">'
		} else {
			return img_url = '<img class="tent_img" src=' + pathURL + '' + encodeURIComponent(data) + ' alt="">'
		}
	} else {
		newimg_url = myPix[randomNum];
		return img_url = '<img class="tent_img" src=' + newimg_url + ' alt="">'
	}
}

let title_num = null;

//推荐
let recomend_data = {
	goodsType: "", //1.文化资源数据,2.文化数字内容
	lbdSet: "", //1 热门标的推荐 2 交易(销售) 3 点击
	pageIndex: 1,
	pageRows: 5,
	typeStatus: 1 //0 门户首页 1 商城首页
}
//数据超市排行榜推荐
function getTypeGood(data) {
	data.lbdSet = 1; //推荐
	// 推荐 get请求
	var ajaxgetTypeGoods = new AJAX_OBJ(AgencyAddress + "ranking/queryList?goods_type=" + recomend_data.goodsType +
		"&lbdSet=" + recomend_data.lbdSet +
		"&pageIndex=" + recomend_data.pageIndex + "&pageRows=" + recomend_data.pageRows + "&typeStatus=" +
		recomend_data.typeStatus, onUrlgetTypeGoods, onUrlError);
	ajaxgetTypeGoods.getRequestData();
}

function onUrlgetTypeGoods(xmlHttp) {
	var res = eval('(' + xmlHttp.responseText + ')');
	if (res.resultCode === "00000000") {
		let left_list = "";
		res.data.slice(0, 5).myForEach(function(item, index, arr) {
			good_img_url(item.rankingDetails.goodsImage);
			left_list += '<div class="cen_left_tent" onclick="tabDetil1(\'' + item
				.goods_islicode + '\',\'' + item.rankingDetails.goods_type + '\',\'' + item.rankingDetails
				.username +
				'\',\'' + item.rankingDetails.charges_type + '\',\'' + newimg_url + '\')">' +
				'<div class="tent_left">' + img_url +
				'</div>' + '<div class="tent_right">' +
				'<div class="tent_r_title">' + item.goodsName + '</div>' +
				'<div class="tent_r_cen">' + item.goods_islicode + '</div>' +
				'<div class="tent_r_fon">' + item.rankingDetails.goodsOwnershipStr + '</div>' +
				'</div>' + '</div>'
		});
		$(".cen_left1").html(left_list);
	}
}

//交易排行
function getranking(data) {
	data.lbdSet = 2; //交易排行
	var ajaxgetType2Goods = new AJAX_OBJ(AgencyAddress + "ranking/queryList?goods_type=" + recomend_data.goodsType +
		"&lbdSet=" + recomend_data.lbdSet +
		"&pageIndex=" + recomend_data.pageIndex + "&pageRows=" + recomend_data.pageRows + "&typeStatus=" +
		recomend_data.typeStatus, onUrlgetType2Goods, onUrlError);
	ajaxgetType2Goods.getRequestData(data);
}

function onUrlgetType2Goods(xmlHttp) {
	var res = eval('(' + xmlHttp.responseText + ')');
	let left_list = "";
	res.data.slice(0, 5).myForEach(function(item, index, arr) {
		good_img_url(item.rankingDetails.goodsImage);
		left_list += '<div class="cen_left_tent1" onclick="tabDetil2(\'' + item
			.goods_islicode + '\',\'' + item.rankingDetails.goods_type + '\',\'' + item.rankingDetails
			.username +
			'\',\'' + item.rankingDetails.charges_type + '\',\'' + newimg_url + '\')">' +
			'<div class="tent_left">' + img_url +
			'</div>' + '<div class="tent_right">' +
			'<div class="tent_r_title">' + item.goodsName + '</div>' +
			'<div class="tent_r_cen">' + item.goods_islicode + '</div>' +
			'<div class="tent_r_fon">' + item.rankingDetails.goodsOwnershipStr + '</div>' +
			'</div>' + '</div>'
	});
	$(".cen_left2").html(left_list);
}

// 点击排行
function getClick_rank(data) {
	data.lbdSet = 3; //点击排行
	var ajaxgetType1Goods = new AJAX_OBJ(AgencyAddress + "ranking/queryList?goods_type=" + recomend_data.goodsType +
		"&lbdSet=" + recomend_data.lbdSet +
		"&pageIndex=" + recomend_data.pageIndex + "&pageRows=" + recomend_data.pageRows + "&typeStatus=" +
		recomend_data.typeStatus, onUrlgetType1Goods, onUrlError);
	ajaxgetType1Goods.getRequestData(data);
}

function onUrlgetType1Goods(xmlHttp) {
	var res = eval('(' + xmlHttp.responseText + ')');
	let left_list = "";
	res.data.slice(0, 5).myForEach(function(item, index, arr) {
		good_img_url(item.rankingDetails.goodsImage);
		left_list += '<div class="cen_left_tent2" onclick="tabDetil3(\'' + item
			.goods_islicode + '\',\'' + item.rankingDetails.goods_type + '\',\'' + item.rankingDetails
			.username +
			'\',\'' + item.rankingDetails.charges_type + '\',\'' + newimg_url + '\')">' +
			'<div class="tent_left">' +
			img_url +
			'</div>' + '<div class="tent_right">' +
			'<div class="tent_r_title">' + item.goodsName + '</div>' +
			'<div class="tent_r_cen">' + item.goods_islicode + '</div>' +
			'<div class="tent_r_fon">' + item.rankingDetails.goodsOwnershipStr + '</div>' +
			'</div>' + '</div>'
	});
	$(".cen_left3").html(left_list);
}

// 数据类型过滤
function filters(data) {
	if (data === "全部") {
		return ""
	} else if (data === "文化资源数据") {
		return 1
	} else if (data === "文化数字内容") {
		return 2
	}
};
//授权方式过滤
function filtion(data) {
	if (data === "全部") {
		return ""
	} else if (data === "转让") {
		return 1
	} else if (data === "授权") {
		return 2
	}
};

window.onload = function() {
	Array.prototype.myForEach = function myForEach(callback, context) {
		context = context || window;
		if (Array.prototype.forEach) {
			// 调用forEach方法，不做任何处理
			this.forEach(callback, context);
			return;
		}
	}
	//委托方名称
	$("#entrustName").val("");
	// 关键词检索
	$("#antistop").val("");
	// 初始化列表渲染
	getListMsg(headerListQuery);
	//筛选文化数据类别
	$(document).on('click', '.btn-click', function(e) {
		var id = $(this).attr("id"); //被点击的a标签的id
		var arr = document.getElementsByClassName("btn-click");
		for (var i = 0; i < arr.length; i++) {
			if (arr[i].id == id) {
				document.getElementById(id).style.backgroundColor = "#a6a6a6";
				document.getElementById(id).style.color = "black";
			} else {
				document.getElementById(arr[i].id).style.backgroundColor = "#FFFFFF";
				document.getElementById(arr[i].id).style.color = "#999999";
			}
		}
		listQuery.record_type = filters(e.target.innerText);
	});

	//筛选授权方式
	$(document).on('click', '.btn-click1', function(e) {
		var id = $(this).attr("id"); //被点击的a标签的id
		var arr = document.getElementsByClassName("btn-click1");
		for (var i = 0; i < arr.length; i++) {
			if (arr[i].id == id) {
				document.getElementById(id).style.backgroundColor = "#a6a6a6";
				document.getElementById(id).style.color = "#FFFFFF";
			} else {
				document.getElementById(arr[i].id).style.backgroundColor = "#FFFFFF";
				document.getElementById(arr[i].id).style.color = "#999999";
			}
		}
		listQuery.authorization = filtion(e.target.innerText);
	});

	// 委托方名称检索
	$("#entrustName").bind('change', function(data) {
		listQuery.entrust_user_name = data.target.value;
	});

	// 关键词检索
	$("#antistop").bind('change', function(data) {
		listQuery.entrust_name = data.target.value;
	});

	//推荐
	getTypeGood(recomend_data);
	//交易排行
	getranking(recomend_data);
	//点击排行
	getClick_rank(recomend_data);
}

//点击搜索
$('#seach_tokenall').bind('click', function() {
	localStorage.removeItem("listNum");
	location.href = "SuperMarketList.html?authorization=" + listQuery.authorization +
		'&record_type=' + listQuery.record_type +
		'&entrust_user_name=' + listQuery.entrust_user_name +
		'&entrust_name=' + listQuery.entrust_name +
		'&time=' + new Date().getTime();
	let Publicdate = {
		retrievalPage: "数据超市"
	}
	//检索信息数据
	RetrieveURL(Publicdate);
})

//点击文化资源数据,文化数字内容
$(".homemain_header>span").bind("click", function(data) {
	$(this).addClass("current");
	$(this).siblings().removeClass("current");
	recomend_data.goodsType = data.currentTarget.innerText === "文化资源数据" ? 1 : 2
	//推荐
	getTypeGood(recomend_data);
	//交易排行
	getranking(recomend_data);
	//点击排行
	getClick_rank(recomend_data);
});


//进入详情
function tabDetil(list_isli, type, username, img) {
	location.href = "superDetails.html?list_isli=" + list_isli + '&goods_type=' + type + '&img=' + img + '&username=' +
		username + '&time=' + new Date().getTime();
}

//进入详情排行榜 1：免费；2：付费
function tabDetil1(list_isli, type, username, charges_type, img) {
	if (charges_type == 1) {
		$(location).prop('href', './PublicDetails.html?list_isli=' + list_isli + '&goods_type=' + type + '&img=' + img +
			'&username=' + username +
			'&time=' + new Date().getTime())
	} else if (charges_type == 2) {
		location.href = "superDetails.html?list_isli=" + list_isli + '&goods_type=' + type + '&img=' + img +
			'&username=' + username + '&time=' +
			new Date().getTime();
	}
}

function tabDetil2(list_isli, type, username, charges_type, img) {
	if (charges_type == 1) {
		$(location).prop('href', './PublicDetails.html?list_isli=' + list_isli + '&goods_type=' + type + '&img=' + img +
			'&username=' + username +
			'&time=' + new Date().getTime());
	} else if (charges_type == 2) {
		location.href = "superDetails.html?list_isli=" + list_isli + '&goods_type=' + type + '&img=' + img +
			'&username=' + username + '&time=' +
			new Date().getTime();
	}
}

function tabDetil3(list_isli, type, username, charges_type, img) {
	if (charges_type == 1) {
		$(location).prop('href', './PublicDetails.html?list_isli=' + list_isli + '&goods_type=' + type + '&img=' + img +
			'&username=' + username +
			'&time=' + new Date().getTime());
	} else if (charges_type == 2) {
		location.href = "superDetails.html?list_isli=" + list_isli + '&goods_type=' + type + '&img=' + img +
			'&username=' + username + '&time=' +
			new Date().getTime();
	}
}