$(function() {
	var app = new Vue({
		el: '#app',
		data: {
			// 涓€绾ф暟鎹垪琛
			firstTypeList: [],
			// 浜岀骇鏁版嵁鍒楄〃
			secondTypeList: [],
			//鏁版嵁鍒楄〃
			dataList: [],
			// 鏈嶅姟鍣ㄥ湴鍧€
			//urlFront: "http://xltf.pro.tokeys.com",
          urlFront: "https://xltf.pro.tokeys.com",
			//鍥剧墖鍦板潃鍓嶇紑涓枃
			urlImagesCN: "/",
			//鍥剧墖鍦板潃鍓嶇紑鑻辨枃
			urlImagesEN: "http://2006165164.pool5-site.yun300.cn/",
			// 璇█
			language: "CN",
			errorCN: "鏁版嵁鑾峰彇澶辫触",
			errorEN: "Data acquisition failure",
			//涓€绾ч€変腑
			firstTypeCheckedID: -1,
			//涓€绾ч€変腑鏍囬
			firstTypeTitle: "鏆傛棤鏁版嵁",
			//浜岀骇閫変腑
			secondTypeCheckedID: -1,
			//浜岀骇閫変腑鏍囬
			secondTypeTitle: "鏆傛棤鏁版嵁",
			//褰撳墠閫変腑
			currentPage: 1,
			//鍥犱负涓嶇敓鏁堟墍浠ュ姞涓€涓瘯璇
			currentPages:1,
			currentPagePd:false,
			//鏈€澶ч〉鏁
			maxPage: 1,
			//姣忛〉鏄剧ず鏁
			sizePage: 12,
			//璺宠浆鍚庣綉鍧€
			tzUrl: ""
		},
		//鐩戝惉data鏁版嵁鍊肩殑鏀瑰彉
		watch: {
			
			async firstTypeCheckedID(val, newVal) {
				var that = this;
				console.log("涓€绾ч€変腑鏀瑰彉" + val + "," + newVal);
				//淇敼浜岀骇鏍囬
				this.secondTypeTitle = "";
				this.secondTypeCheckedID = 0;
				for (let item of this.firstTypeList) {
					if (item.id == val) {

						this.firstTypeTitle = item.name;
					}
				}


				await axios.get(this.urlFront + "/jw/getSecondType", {
						params: {
							id: val,
							type: this.language
						}
					})
					.then(response => {
						console.log(response.data)
						this.secondTypeList = response.data.data
						console.log(this.secondTypeList);
						if (this.secondTypeList.length > 0) {
							// var firstTypeCheckedID = this.GetArgsFromHref(this.tzUrl,"firstTypeCheckedID");
							var secondTypeCheckedID = this.GetArgsFromHref(this.tzUrl, "secondTypeCheckedID");
							var currentPaget = parseInt(this.GetArgsFromHref(this.tzUrl, "currentPage"));
							
							if (!(secondTypeCheckedID == "")) {
								for (let item of this.secondTypeList) {
									if (item.id == secondTypeCheckedID) {

										this.secondTypeTitle = item.name;
										this.secondTypeCheckedID = secondTypeCheckedID;
										
										this.tzUrl = "";
										
										console.log("currentPage:"+currentPaget);
										if(!(currentPaget == 0)){
											console.log("杩涘叆:"+currentPaget);
											this.currentPagePd = true;
											
											console.log("杩涘叆:"+that.currentPage);
										}
										
										// location.search = "";
									}
								}
							} else {
								this.secondTypeCheckedID = this.secondTypeList[0].id;
							}



						} else {
							this.secondTypeCheckedID = [];
						}
					}).catch((error) => {
						this.errorFunction();
					});
			},
			currentPage(val, newVal) {
				this.currentPage =val;
			},
			async secondTypeCheckedID(val, newVal) {
				console.log("浜岀骇绾ч€変腑鏀瑰彉" + val + "," + newVal);
				
				console.log("褰撳墠閫変腑椤代"+this.currentPage);
				if(this.currentPagePd ){
					
					this.currentPagePd =false;
// 					this.currentPage =this.currentPages;
// console.log("杩涘叆:"+this.currentPage);
				}else{
					console.log("鏈繘鍏?);
					this.currentPage = 1;
				}

				
				
				for (let item of this.secondTypeList) {
					if (item.id == val) {

						this.secondTypeTitle = item.name;
					}
				}
				this.secondTypeCheckedID = val;
				this.getDataList();
			},
		},
		methods: {
			//鑾峰彇url
			GetArgsFromHref(sHref, sArgName) {
				var args = sHref.split("?");
				var retval = "";

				if (args[0] == sHref) /*鍙傛暟涓虹┖*/ {
					return retval; /*鏃犻渶鍋氫换浣曞鐞?/
				}
				var str = args[1];
				args = str.split("&");
				for (var i = 0; i < args.length; i++) {
					str = args[i];
					var arg = str.split("=");
					if (arg.length <= 1) continue;
					if (arg[0] == sArgName) retval = arg[1];
				}
				return retval;
			},
			handleSizeChange(val) {
				console.log(`姣忛〉 ${val} 鏉);
				
			},
			handleCurrentChange(val) {
				this.currentPage = val;
				this.getDataList();
				console.log(`褰撳墠椤代 ${val}`);
			},
			errorFunction: function() {

				if (this.language == "CN") {
					//涓枃
					alert(this.errorCN)
				} else {
					//鑻辨枃
					alert(this.errorEN)
				}
			},
			//鑾峰彇鍥剧墖鍦板潃
			getImgUrl(url) {

				if (this.language == "CN") {
					console.log("鏀跺埌涓枃鏁版嵁:" + url);
					//涓枃
					url = this.urlImagesCN + url
				} else {
					console.log("鏀跺埌鑻辨枃鏁版嵁:" + url);
					//鑻辨枃
					url = this.urlImagesEN + url
				}

				console.log("鎷兼帴鍚嶛" + url);
				return url;
			},
			// 鍒濆鍖
			async getfirstType() {
				var response = await axios.get(this.urlFront + "/jw/getFirstType", {
						params: {
							type: this.language
						}
					})
					.catch((error) => {
						this.errorFunction();
					});
				this.firstTypeList = response.data.data;
				if (this.firstTypeList.length > 0) {

					//濡傛灉鏈変紶鍏ヨ烦杞繛鎺

					var firstTypeCheckedID = this.GetArgsFromHref(this.tzUrl, "firstTypeCheckedID");
					var secondTypeCheckedID = this.GetArgsFromHref(this.tzUrl, "secondTypeCheckedID");
					if (!(firstTypeCheckedID == "")) {

						for (let item of this.firstTypeList) {
							if (item.id == firstTypeCheckedID) {
								this.firstTypeCheckedID = firstTypeCheckedID;
								this.firstTypeTitle = item.name;
							}
						}


					} else {

						// 淇敼鏁版嵁鑷姩灏辫皟鐢ㄤ簡
						this.firstTypeCheckedID = this.firstTypeList[0].id;
						this.firstTypeTitle = this.firstTypeList[0].name;
					}





				}

			},
			// 鑾峰彇浜岀骇鑿滃崟 搴熷純浜 鐩存帴淇敼涓€绾 firstTypeCheckedID 鐨勫唴瀹瑰氨鍙互浜
			getSecondType: function(index) {
				console.log("涓€绾d:" + index);
				this.firstTypeCheckedID = index;

			},
			// 鑾峰彇鍟嗗搧鍒楄〃鏁版嵁
			getDataList: function() {
				console.log("鑾峰彇鏁版嵁:" + this.secondTypeCheckedID);
				var idType = this.firstTypeCheckedID + "," + this.secondTypeCheckedID;
				console.log("typeId:" + idType);
				axios.get(this.urlFront + "/jw/getProducts", {
						params: {
							typeId: idType,
							type: this.language,
							size: this.sizePage,
							current: this.currentPage
						}
					})
					.then(response => {
						console.log(response.data)
						this.dataList = response.data.product;
						// console.log("total"+dataList.total);
						// var total = ;

						// var max =Math.ceil(14/total);
						// console.log(max);
						this.maxPage = response.data.total;

						// var total = this.dataList.total

					}).catch((error) => {
						this.errorFunction();
					});
			},


		},
		created: function() {
			
			this.tzUrl = location.href;
			var _this = this;
			var currentPaget = parseInt(this.GetArgsFromHref(this.tzUrl, "currentPage"));
			this.$set(this,'currentPage',currentPaget)
			// this.currentPage=2
			console.log(location);
			//缃戝潃涓鸿繖涓氨鏄腑鏂
			// if(location.hostname!="www.shinelong.com" || location.hostname!="m.shinelong.com"){
			// 	this.language == "EN"
			// }

			//鍒濆鍖
			this.getfirstType();
			// this.firstTypeList[0].id

			// console.log("------------");
			// console.log(_this.firstTypeList);
			// setTimeout(function() {

			// 	console.log(_this.firstTypeList);
			// }, "2000");

			//鑾峰彇涓€绾х涓€涓殑浜岀骇
			// this.getSecondType();

			//鑾峰彇缃戝潃
			// var href = location.href;
			// var firstTypeCheckedID = this.GetArgsFromHref(href,"firstTypeCheckedID")
			// var secondTypeCheckedID = this.GetArgsFromHref(href,"secondTypeCheckedID")
			// console.log("firstTypeCheckedID:"+firstTypeCheckedID);
			// console.log("----------------------------------");
			// console.log("secondTypeCheckedID:"+secondTypeCheckedID);
			// console.log("----------------------------------");
			// if(!(firstTypeCheckedID === "")){
			// 	this.firstTypeCheckedID = firstTypeCheckedID;
			// 	if(!(secondTypeCheckedID === "")){
			// 		this.secondTypeCheckedID = secondTypeCheckedID;
			// 	}
			// }



			console.log("鍒涘缓瀹屾瘯");
		},


	})
})