class Base {
	constructor() { }
	load() {
		this.header();
		
	
        document.addEventListener('contextmenu', function (event) {
            event.preventDefault(); 
        });

		
		$('.tabNavHv > *').hover(function () {
			var index = $(this).index();
			$(this).addClass('on').siblings().removeClass('on')

			var contentItem = $(this).parents('.tabWrap').find('.tabInfo >*');
			contentItem.eq(index).addClass('on').siblings().removeClass('on');
		})
		$('#toggleInfo .item').click(function () {
			$(this).toggleClass('active').find(".info").slideToggle();
			$(this).siblings().removeClass("active").find(".info").slideUp();
			return false;
		})
		if ($(".countUp").length) {
			$(".countUp").countUp()
		}
		
// 		$(".arcContent").each(function () {
// 			$(this).html($(this).html().replace(/http:\/\/kbt.dm.1t2.cn:9900\//g, "<?php echo cdnurl('/'); ?>"))
// 		})
		
// 	    document.oncopy= function(){
// 			layui.use(['layer'], function () {
// 				var layer = layui.layer;
// 				layer.msg("此内容受保护，不可复制！")
// 			})
// 			return false;
// 		}
	}
	header() {
		headToggle();
		mobileMenuToggle()

		function headToggle() {
			$('#menuBtn').click(function () {
				var flag = $(this).hasClass('on');
				if (!flag) {
					$(this).addClass("on");
					$('#nav').addClass("active");
					$('header').addClass("active");

				} else {
					$(this).removeClass("on");
					$('#nav').removeClass("active");
					$('header').removeClass("active");
				}
			})
		}
		function mobileMenuToggle() {
			$('#menus .xsdrop .arr').click(function () {
				let parent = $(this).parent().parent();
				if (parent.hasClass('open')) {
					parent.removeClass('open')
					$(this).parent().siblings('.xs-menu').slideUp()
				} else {
					parent.siblings().removeClass("open")
					parent.siblings().find('.xs-menu').slideUp();
					parent.addClass('open')
					$(this).parent().siblings('.xs-menu').slideDown()
				}
			})
		}

		drop()
		function drop() {
			$(".head-drop").hover(function () {
				let h = $(this).find(".inner").outerHeight();
				$(this).find(".head-dropinfo").height(h)
				$(this).addClass("open")
				$("#dropCover").addClass("on")
			}, function () {
				$(this).removeClass("open")
				$("#dropCover").removeClass("on")
				$(this).find(".head-dropinfo").height(0)
			})

			$(".head-dropinfo.product .hditem").hover(function () {
				$(this).addClass("on")
				$(this).siblings().removeClass("on")
				$(this).siblings().find(".hdlist").hide()
				$(this).find(".hdlist").eq(0).show();
			})
		}

	}

	wow() {
		var wow = new WOW({
			boxClass: 'wow',
			animateClass: 'animated',
			offset: 0,
			mobile: false,
			live: true
		});
		new WOW().init();
	}

	totop() {
		$('.totop').on('click', function () {
			$('html,body').animate({
				scrollTop: 0
			}, 300)
		})
	}


	mobileUrl() {
		$('.mobileUrl').click(function () {
			let url = $(this).attr('data-url');
			if ($(window).width() <= 768) {
				location.href = url;
			}
		})
	}
	/**
	 * 	 跨页面跳转
	 */
	navLink(obj) {
		obj.on('click', function () {
			var id = $(this).attr('data-id');

			var link = $(this).attr('href');
			if (id) {
				localStorage.setItem('__todom__', id);
			}
			location.href = link;
			return false;
		})
		window.onload = function () {
			var getobj = localStorage.getItem('__todom__');

			setTimeout(function () {
				if (getobj) {
					var obj = $('#' + getobj);
					var headheight = $('header').height();
					headheight = Math.max(60, headheight);
					var top = obj.offset().top - headheight;
					if ($(".product-cate").length) {
						top -= $(".product-cate").height() * 1.1
					}
					$('html,body').scrollTop(top);

					localStorage.removeItem('__todom__');
				}

			});

		}
	}
	// 二级固定分类
	secondFixedNav() {
		if ($(".fixed_nav_box").length) {
			let objT = $(".fixed_nav_box").offset().top;
			let domItem = $(".fixed_nav_box .pageToDom");
			let arr = [];
			let current = 0;
			let headerHeight = $('header').height();
			let wh = $(window).height();
			domItem.each(function () {
				let id = $(this).attr("href");
				if (id.substring(0, 1) == '#') {
					arr.push(parseInt($(id).offset().top));
				}
			})
			$(window).scroll(fn)
			fn()

			function fn() {
				let st = $(window).scrollTop();
				if (st > objT - headerHeight) {
					$(".fixed_nav_box").addClass("fixed")
				} else {
					$(".fixed_nav_box").removeClass("fixed")
				}
				if (arr) {
					arr.map((item, index) => {
						if (st + wh / 2 > item && index != current) {
							current = index;
							domItem.eq(index).addClass("on").siblings().removeClass("on")
						}
					})
				}
			}
		}
	}
	/**
	 * 在本页面页跳转
	 * */
	pageToDom(obj) {
		obj.click(function () {
			var href = $(this).attr('href');
			var dom = $(href);
			var headheight = $('header').height() >= 60 ? $('header').height() : 70;
			var top = dom.offset().top - headheight;
			$('html,body').animate({
				scrollTop: top
			}, 300);
			return false;
		})

	}

	index_banner() {
		setvideo()
		$(window).resize(setvideo)
		let flag = false;
		let autoplay = true;
		let obj = {
			paginationClickable: true,
			loop: true,
			slideToClickedSlide: true,
			autoplayDisableOnInteraction: false,
			speed: 500,
			autoplay: true,
			pagination: {
				el: '.swiper-pagination',
				clickable: true,
			},
			navigation: {
				nextEl: '.swiper-button-next',
				prevEl: '.swiper-button-prev',
			},
		};
		if ($(".index_banner li").length == 1) {
			autoplay = false;
			obj.noSwiping = true;
			obj.noSwipingClass = 'swiper-slide';
		}
		let bannerSwiper = new Swiper('.index_banner', Object.assign(obj, {
			on: {
				init: function () {
					swiperAnimateCache(this);
					this.emit('slideChangeTransitionEnd');

					if (autoplay) {
						flag = true;
						setTimeout(() => {
							if ($('.swiper-slide-active').find('video').length == 0) {
								this.autoplay.start();
							} else {
								setPlay(true, bannerSwiper);
							}
						}, 50)
					}
				},
				slideChangeTransitionEnd: function (swiper) {
					swiperAnimate(this);
					if (flag && $('.swiper-slide-active').find('video').length) {
						setPlay(true, bannerSwiper);
					} else if (flag) {
						bannerSwiper.autoplay.start();
					}
				},
			}
		}));
		$('.index_banner').hover(function () {
			bannerSwiper.autoplay.stop();
		}, function () {
			bannerSwiper.autoplay.start();
		});
		function setPlay(isplay, banner) {
			if (isplay) {
				banner.autoplay.stop();
				let video = $(".index_banner .swiper-slide-active video")[0];
				video.play();
				video.addEventListener('ended', function () {
					setTimeout(() => {
						banner.slideNext();
					}, 500)
					setTimeout(() => {
						video.currentTime = 0;
					}, 2000)
				}, false);
			}
		}
		function setvideo() {
			if ($(window).width() < 1200) {
				$(".index_banner video").remove()
			}
		}
	}

}

$(function () {
	let doc = new Base();
	doc.load();
	doc.totop();
	doc.wow()
	doc.index_banner()
	doc.mobileUrl()
	doc.navLink($(".navLink"))
	doc.pageToDom($(".pageToDom"))
	doc.secondFixedNav()

	$(".toTop").click(function () {
		$('html,body').animate({
			scrollTop: 0
		}, 300)
		return false;
	})

})



function httpUrl(url, method, params, async, joinUrl) {
	var result = { 'code': '0', 'msg': '请求错误' };
	$.ajax({
		type: method,
		async: Boolean(async),
		headers: {
			"token": localStorage.getItem("token"),
			"jigou": localStorage.getItem("jigou")
		},
		data: params,
		url: url,
		dataType: "json",
		success: function (res) {
			if (res.code == 401) {
				location.href = '/login.html';
			} else {
				result = res;
			}
// 			console.log(url);
// 			console.log(res);
		},
		error: function () {
// 			console.log(params)
		},
	});

	return result;
}
function submit(name = '*') {
	layui.use(['layer', 'form', 'upload'], function () {
		var form = layui.form;
		var layer = layui.layer;
		var upload = layui.upload;

		var file;
		var uploadInst = upload.render({
			elem: "#uploadbtn"
			, url: '/api/index/awsGetUpurl'
			, accept: 'file'
			, size: 10 * 1024
			, exts: 'jpg|png|pdf'
			, choose: function (obj) {
			 //   console.log(obj);
				var files =  this.files = obj.pushFile();
				obj.preview(function (index, _file, result) {
					// console.log(_file); //得到文件对象
					// console.log(result); //得到文件对象
					file = _file;
				});
			}
			, before: function () {
				layer.load(2,{shade: 0.1})
			}
			, done: function (res,index) {
			    //删除数组文件中上传成功的图片，防止重复上传（重点）
                delete this.files[index]
                
				// console.log(res);
				if (res.code != 1) {
					layer.msg(res.msg);
					return false;
				}

				let data = res.data;
				var myHeaders = new Headers();
				myHeaders.append("Content-Type", file.type);
				var requestOptions = {
					method: 'PUT',
					headers: myHeaders,
					body: file,
					redirect: 'follow'
				};

				fetch(data.awsurl, requestOptions)
					.then(response => response.text())
					.then(result => {
				// 		console.log(result);
						let url = data.fullurl;
						$(".filebox").show();
						$(".uploadbtn").hide();
						$(".file-input").val(url);
						$(".filebox .imgbox img").attr("src", url);
						$(".filebox .imgbox a").attr("href", url);
						layer.closeAll()
					})
					.catch(error => {
						layer.closeAll()
				// 		console.log('error', error)
					});


				// // $(".filebox").addClass("uploadok").removeClass("uploading");
				// layer.close(loadindex)
			}
			, error: function (res) {
				layer.msg("error");
				layer.msg(res);
			}
		});
		$(".fileClose").click(function () {
			$(".file-input").val("");
			$(".filebox").hide();
			$(".uploadbtn").show();
		})


		form.on("submit(" + name + ")", function (data) {
			let params = data.field;
			if (params.file) {
				params["row[file]"] = params.file;
				delete params.file;
			}
// 			console.log(params);
			var loadindex = layer.load(2,{shade: 0.1})
			$.post("/addons/cms/diyform/post", params, function (res) {
				layer.close(loadindex);
				if (res.code == 1) {
					// layer.closeAll()
					// 
					layer.alert(res.msg, { title: false, closeBtn: false, skin: "popup-layer" }, function () {
						location.href = '/'
					});
				} else {
					layer.msg(res.msg)
					//$("input[name=__token__").val(res.data.__token__)
				}
			})
		})

	})
}

// function submit(name = '*') {
// 	layui.use(['layer', 'form', 'upload'], function () {
// 		var form = layui.form;
// 		var layer = layui.layer;
// 		var upload = layui.upload;

// 	    var uploadInst = upload.render({
// 			elem: "#uploadbtn"
// 			, url: '/api/common/upload'
// 			// , url: '/api/index/awsGetUpurl'
// 			, accept: 'file'
// 			, size: 10 * 1024
// 			, exts: 'jpg|png|pdf'
// 			, before: function () {
// 				// layer.load(2,{shade: 0.1})
// 			}
// 			, done: function (res) {
// 				console.log(res);
// 				layer.msg(res.msg);
// 				if (res.code == 1) {
// 					let url = res.data.fullurl;
// 					$(".filebox").show();
// 					$(".uploadbtn").hide();
// 					$(".file-input").val(url);
// 					$(".filebox .imgbox img").attr("src", url);
// 					$(".filebox .imgbox a").attr("href", url);
// 				}
// 				layer.close(loadindex)
// 			}
// 			, error: function (res) {
// 				layer.msg("error");
// 			}
// 		});
// 		$(".fileClose").click(function () {
// 			$(".file-input").val("");
// 			$(".filebox").hide();
// 			$(".uploadbtn").show();
// 		})


// 		form.on("submit(" + name + ")", function (data) {
// 			let params = data.field;
// 			if (params.file) {
// 				params["row[file]"] = params.file;
// 				delete params.file;
// 			}
// 			console.log(params);
// 			var loadindex = layer.load(2,{shade: 0.1})
// 			$.post("/addons/cms/diyform/post", params, function (res) {
// 				layer.close(loadindex);
// 				if (res.code == 1) {
// 					// layer.closeAll()
// 					// 
// 					layer.alert(res.msg, { title: false, closeBtn: false, skin: "popup-layer" }, function () {
// 						location.href = '/'
// 					});
// 				} else {
// 					layer.msg(res.msg)
// 					//$("input[name=__token__").val(res.data.__token__)
// 				}
// 			})
// 		})

// 	})
// }

$(function () {
	if ($(".swiper_step").length) {
		var swiperTop = new Swiper('.swiper_step', {
			// loop: true,
			autoHeight: false,
			slidesPerView: 'auto',
			navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', },
		})
		var mySwiper = new Swiper('.swiper_step_2', {
			// loop: true,
			slidesPerView: 'auto',
			autoHeight: false,
			navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', },

		})
		let h = $(".swiper_step").outerHeight() - 36;
		$(".swiper_step li .item").each(function () {
			$(this).height(h)
		})
	}
	if ($(".swiper_staff").length) {
		var swiper = new Swiper('.swiper_staff', {
			slidesPerView: 1,
			spaceBetween: 5,
			pagination: { el: '.swiper-pagination', clickable: true, },
			observer: true,  //开启动态检查器，监测swiper和slide
			observeParents: true,  //监测Swiper 的祖/父元素
			breakpointsInverse: true,
			breakpoints: {
				//当宽度大于等于640
				640: {
					slidesPerView: 2,
					spaceBetween: 16
				},
				1200: {
					slidesPerView: 3,
					spaceBetween: 20
				},
				1680: {
					slidesPerView: 3,
					spaceBetween: 30
				}
			}
		})
	}
	if ($("#userMenu").length) {
		$("#userMenu").click(function () {
			$(".menu_top").toggleClass("open");
			$(".menu_list").slideToggle(100)
		})
	}
	if ($("#subMenu").length) {
		$("#subNav").click(function () {
			$(".menu_top").toggleClass("open");
			$(".menu_list").slideToggle(100)
		})
		//,#subMenu li.drop
		$("#subMenuXs li.drop").on('click', function () {
			if (!$(this).hasClass("open")) {
				$(this).siblings().removeClass("open");
				$(this).siblings().find(".ibd").slideUp(0);
			}
			$(this).toggleClass("open");
			$(this).find(".ibd").toggle(0);
		})
	}
	if ($(".mySwiper").length) {

		var swiper = new Swiper(".mySwiper", {
			// loop: true,
			spaceBetween: 8,
			slidesPerView: 4,
			freeMode: true,
			watchSlidesProgress: true,
			observer: true,
			observeParents: true,
			breakpointsInverse: true,

			breakpoints: {
				640: {
					slidesPerView: 4,
					spaceBetween: 10
				},
			}
		});
		var swiper2 = new Swiper(".mySwiper2", {
			loop: true,
			spaceBetween: 10,
			thumbs: {
				swiper: swiper,
			},

			navigation: {
				nextEl: ".swiper-button-next",
				prevEl: ".swiper-button-prev",
			},
		});


	}
	$(".swiper_news_wrap").each(function () {
		var swiper = new Swiper($(this).find(".swiper_news"), {
			slidesPerView: 1,
			spaceBetween: $(this).find(".swiper_news").width() * 0.025,
			observer: true,
			observeParents: true,
			breakpointsInverse: true,
			pagination: { el: $(this).find(".swiper-pagination"), clickable: true, },
			navigation: {
				nextEl: $(this).find(".swiper-button-next"),
				prevEl: $(this).find(".swiper-button-prev")
			},
			breakpoints: {
				640: {
					slidesPerView: 2,
				},
				768: {
					slidesPerView: 3,
				},
			}
		})
	})

	$(".swiper_prorec").each(function () {
		var swiper = new Swiper('.swiper_prorec', {
			slidesPerView: 2,
			spaceBetween: 10,
			observer: true,  //开启动态检查器，监测swiper和slide
			observeParents: true,  //监测Swiper 的祖/父元素
			breakpointsInverse: true,
			pagination: { el: '.swiper-pagination', clickable: true, },
			navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', },
			breakpoints: {
				//当宽度大于等于640
				640: {
					slidesPerView: 3,
					spaceBetween: 15
				},
				1200: {
					slidesPerView: 4,
					spaceBetween: 20
				},
				1680: {
					slidesPerView: 4,
					spaceBetween: 30
				}
			}
		})
	})
	$(".swiper_product_wrap").each(function () {
		var swiper = new Swiper($(this).find(".swiper_product"), {
			slidesPerView: 1,
			loop: true,
			spaceBetween: $(this).find(".swiper_product").width() * 28 / 1200,
			observer: true,
			observeParents: true,
			breakpointsInverse: true,
			// centeredSlides: true,
			pagination: { el: $(this).find(".swiper-pagination"), clickable: true, },
			navigation: {
				nextEl: $(this).find(".swiper-button-next"),
				prevEl: $(this).find(".swiper-button-prev")
			},
			breakpoints: {
				640: {
					slidesPerView: 2,
					// spaceBetween: 14,

				},
				768: {
					slidesPerView: 3,
					// spaceBetween: 18,

				},
				992: {
					slidesPerView: 4,
					// spaceBetween: 20,

				},
				1680: {
					slidesPerView: 4,
					// spaceBetween: 28,

				}
			}
		})
	})



})
$(window).load(function () {
	$(window).resize(setHeight)
	setHeight()
	function setHeight() {
		setTimeout(() => {
			$(".stretch .swiper-wrapper").each(function () {
				let h = $(this).outerHeight();
				$(this).find('.swiper-slide').height(h)
			})
		}, 300);
	}
})

$(function () {
	if ($(".layui-form").length) {
		$("input[readonly=true]").click(function () {
			$("input[readonly=true]").attr("readonly", false);
			let form = $(this).parents("form");
// 			console.log(0);
			setTimeout(function () {
				// console.log(1);
				form.find('input[readonly=true]').attr("readonly", false);
			}, 1000)
		})
		$(".pwdBox input").change(function () {
			$(this).siblings('input').val($(this).val());
		})
		$(".pwdEye").click(function () {
			$(this).toggleClass("open");
			let pwd = $(this).siblings(".pwd");
			let txt = $(this).siblings(".txt");
			$(this).siblings("input").hide();
			if ($(this).hasClass("open")) {
				txt.show();
			} else {
				pwd.show();
			}
		});
	}


	$("table").each(function () {
        let child = $(this)[0];
        var parent = document.createElement('div');//  新建父元素
        parent.className = 'table-wrap';
        child.parentNode.replaceChild(parent,child);//  获取子元素原来的父元素并将新父元素代替子元素
        parent.appendChild(child);//  在新父元素下添加原来的子元素
    })


})

function logout() {
	let ret = httpUrl("/api/user/logout", "post");
	if (ret.code == 1) {
		layer.msg(ret.msg);
		localStorage.removeItem("backurl");
		setTimeout(function () {
			location.href = "/";
		}, 1000)
	}

}
function toLogin() {
	localStorage.setItem("backurl", location.href);
	location.href = "/login.html";
}
function toRegister() {
	localStorage.setItem("backurl", location.href);
	location.href = "/register.html";
}
//文件的下载
function downloadFile(title, url) {
	var x = new XMLHttpRequest();
	x.open("GET", url, true);
	x.responseType = 'blob';
	x.onload = function (e) {
		var url = window.URL.createObjectURL(x.response)
		var a = document.createElement('a');
		a.href = url
		a.download = title; //下载后的文件名
		a.click()
	}
	x.send();
}