<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8"><meta http-equiv="Expires" content="0"><meta http-equiv="Pragma" content="no-cache"><meta http-equiv="Cache-control" content="no-cache"><meta http-equiv="Cache" content="no-cache">
		<title></title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<script src="../../js/vue/axios/dist/axios.min.js"></script> 
		<link href="./unbind.css" rel="stylesheet">
	</head>
	<body>
		<div id="page" class="page">
			<div class="title">æµŽæ°‘å¯ä¿¡ç”µåå•†åŠ¡å¹³å°</div>
			<!-- <div class="login_box">
				<div class="row">
					<div class="label"><label class="text">å‘˜å·¥å·ï¼š</label></div><input id="empCode" class="input" />
				</div>
				<div class="row" style="margin-top: 10px;">
					<div class="label"><label class="text">å¯†ç ï¼š</label></div><input id="password" type="password" class="input" />
				</div>
			</div>
			<div class="bind_btn" onclick="unbind_btn()">è§£é™¤ç»‘å®š</div> -->
			<div id="back" style="display: block;color: white;position: relative;top: 50%;text-align: center;">
				ç™»å‡ºæˆåŠŸï¼Œè¯·é€€å‡º
			</div>
		</div>
		
		<div id="dialog" class="dialog">
			<div>ç™»å‡º</div>
			<div>æ˜¯å¦ç¡®å®šç™»å‡º<span id="empCode"></span>?</div>
			<div class="btn_model" onclick="unbind_btn()">
				ç¡®å®š
			</div>
		</div>
	</body>
</html>

<script>
	var openId;
	var empCode;
	var baseUrl = "https://ec.jemincare.com/worder/";
	// var baseUrl = "http://192.168.31.72:80/worder/";
	var code = this.getQueryVariable("code");
	var instance = axios.create({
	  baseURL: baseUrl,
	  timeout: 10000,
	  headers: {'Content-Type': 'text/plain'}
	});
	
	function initPage() {
		check_bind();
	}
	
	function check_bind() {
		var param = {
			code: code,
		}

		instance.post("api/getWxOpenId", param)
			.then(data_ => {
				console.info("success:" + JSON.stringify(data_));
				// document.getElementById("page").style.display = "none";
				// document.getElementById("back").style.display = "block";
				//alert(JSON.stringify(data_))
				
				if(data_.data.success) {
					if(data_.data.data.emp_code) {
						document.getElementById("dialog").style.display = "block"
						document.getElementById('empCode').innerText = data_.data.data.emp_code
						openId = data_.data.data.openId;
						empCode = data_.data.data.emp_code;
					}else {
						document.getElementById("dialog").style.display = "none";
						document.getElementById("back").innerText = "ä½ è¿˜æ²¡æœ‰ç»‘å®šå‘˜å·¥å·";
					}
				}else {
					document.getElementById("back").innerText = data_.data.message;
				}
			})
			.catch(error => {
				console.info("error:" + error);
				document.getElementById("dialog").style.display = "none";
				document.getElementById("back").style.display = "block";
				document.getElementById("back").innerText = error;
			})
	}
	
	function unbind_btn() {
		console.info(this);
		
		var param = {
			openId: openId,
			empCode: empCode,
		}
		
		// alert(window.location.search.substring(1));
		// alert(code);
		// console.info(window.location.search.substring(1));
		// console.info(code);
		
		instance.post("api/unBindOpenId", param)
			.then(data_ => {
				console.info("success:" + JSON.stringify(data_));
				document.getElementById("dialog").style.display = "none";
				document.getElementById("back").style.display = "block";
				if(!data_.data.success) {
					document.getElementById("back").innerText = data_.data.message;
				}
			})
			.catch(error => {
				console.info("error:" + error);
				document.getElementById("dialog").style.display = "none";
				document.getElementById("back").style.display = "block";
				document.getElementById("back").innerText = error;
			})

	}
	
	function getQueryVariable(variable)
	{
	   var query = window.location.search.substring(1);
	   var vars = query.split("&");
	   for (var i=0;i<vars.length;i++) {
			   var pair = vars[i].split("=");
			   if(pair[0] == variable){return pair[1];}
	   }
	   return(false);
	}
	initPage();
	// document.addEventListener("DOMContentLoaded", initPage);
 
</script>