<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<!DOCTYPE html>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1">
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="Cache-Control" content="no-cache, must-revalidate">
	<meta http-equiv="expires" content="0">
	<c:set var="ctx" value="${pageContext.request.contextPath}"  scope="request"/>
	<c:set var="resourcePath" value="${ctx}/resources"  scope="request"/>
	<script type="text/javascript">
		var ctx = "${ctx}"; //上下文路径
		var resourcePath = "${resourcePath}";
		document.writeln('<script type="text/javascript" src="'+resourcePath+'/js/global.js?d=' + new Date().getTime() + '" ><\/script>');
	</script>
    <title>邀请</title>
	<style>
		#Rootloading {
			display: inline-block;
			width: 12.8%;
			max-width: 80px;
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);
		}
	</style>
	<link rel="stylesheet" href="https://unpkg.com/mescroll.js@1.4.1/mescroll.min.css">
	<link href="${resourcePath}/css/act-common.css" rel="stylesheet">
	<style id="__WXWORK_INNER_SCROLLBAR_CSS">
		::-webkit-scrollbar {
			width: 12px !important;
			height: 12px !important;
		}

		::-webkit-scrollbar-track:vertical {}

		::-webkit-scrollbar-thumb:vertical {
			background-color: rgba(136, 141, 152, 0.5) !important;
			border-radius: 10px !important;
			background-clip: content-box !important;
			border: 2px solid transparent !important;
		}

		::-webkit-scrollbar-track:horizontal {}

		::-webkit-scrollbar-thumb:horizontal {
			background-color: rgba(136, 141, 152, 0.5) !important;
			border-radius: 10px !important;
			background-clip: content-box !important;
			border: 2px solid transparent !important;
		}

		::-webkit-resizer {
			display: none !important;
		}
		/*.mescroll{
			position: fixed;
			top: 44px;
			bottom: 0;
			height: auto; !*如设置bottom:50px,则需height:auto才能生效*!
		}*/
	</style>
	<link rel="stylesheet" href="${resourcePath}/css/mobileSelect.css">
	<script src="https://unpkg.com/mescroll.js@1.4.1/mescroll.min.js" charset="utf-8"></script>
	<%--<script type="text/javascript" src="${resourcePath}/js/auto-size.js"></script>--%>
	<script type="text/javascript" src="${resourcePath}/js/mobileSelect.js"></script>
</head>
<body style="height: auto;">
<div id="app" class="">
	<div id="adminFriends">
		<div class="header">
			<div class="accumulate-container active" id="user">
				<div class="desc">
					已成功邀请人数
					<div class="prompt-container"><i class="icon-question icon-question-white"></i>
						<div class="prompt">
							<p>未认证：未进行实名认证</p>
							<p>已认证：已进行实名认证</p>
							<p>审核中：实名认证中断</p>
							<p>已进件：已成功开通商户</p>
							<p>可在APP推广-拓展跟进</p></div>
					</div>
				</div>
				<div class="data">
					<div class="val">${empty userCount ? '0' : userCount}</div>
					<div class="unit">人</div>
				</div>
			</div>
			<div class="accumulate-container" id="merc">
				<div class="desc">
					已成功邀请商户
					<div class="prompt-container"><i class="icon-question"></i>
						<div class="prompt">复审通过的商户，秒审和已驳回的不计算</div>
					</div>
				</div>
				<div class="data">
					<div class="val mercCount"></div>
					<div class="unit">人</div>
				</div>
			</div>
		</div>
		<div class="main" id="mescroll">
			<div class="user">
				<table class="table-header">
					<thead>
					<tr>
						<th>用户账号</th><!-- 用户账号 -->
						<th>认证状态</th><!-- 商户名称 -->
						<th>邀请时间</th><!-- 进件时间 -->
					</tr>
					</thead>
				</table>
				<div class="table-body">
					<table id="user-table" class="table-body">

					</table>
				</div>
			</div>
			<div class="merc" style="display: none;">
				<table class="table-header">
					<thead>
					<tr>
						<th>用户账号</th><!-- 用户账号 -->
						<th>商户名称</th><!-- 商户名称 -->
						<th>进件时间</th><!-- 进件时间 -->
					</tr>
					</thead>
				</table>
				<div class="table-body">
					<table id="merc-table" class="table-body">

					</table>
				</div>
			</div>
		</div>
		<div class="btn-invite"></div>
		<div class="wx-prompt-dialog" style="display: none;">
			<div>点击右上角，分享给好友</div>
		</div>
	</div>
	<div class="footer" style="display: none;">
		<ul>
			<li class=""><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG0AAABtCAMAAACcJh9kAAACQ1BMVEUAAAAAAAD///8AAAAAAH8Af39/f38AAFUAVVVVVVUAAEAAQEBAQEAzMzMzM2YqKioqKlUkJCQkJEkgIEAgQEBAQEAcHDkcOTk5OTkaGjMaGk0zMzMzM00XFy4XF0YXLi4XLkYuLkYVKkAqKkAUJzsnJzsSJDckJDciIjMiIkQiM0QgIDAgIEAgMEAeHjweLTwcHDkcKzkbKDYaJjMmJjMmJkAYJDEYJD0kJD0XIy4XIzoXLjojIzojLjoWITchITchLDcgIDUgIEAfHzMfKTMfKT0dJzscJjkbJDcaIzUaIz4jIzUZIjMZKjsiIjMiIjsZIToZKTohITohKToYIDggKDgfJzYeJTQeJTwdJDMdJDocIzIcIzkcIjcbIjYbIjwaITQhITQhITshJzsaIDMaJjMaJjkgJjkZHzgfHzgfJTgYJDceJDceJDUeJDsdIzQdIzocIjMcIjkcKDMcITcbITYbJjYhITYbIDUbIDoaHzQaJDkfHzkfJDkZJDMZJDgfJDgZIzceIzcZIjYdIjYdIjUdIjocITQcITkcIDgcJTgbIDcbJDcbHzYbJDYbJDoaIzUaIzkaIzQaIzgeIzQeIzgZIjMZIjceIjcZITYdITYdJjYZITUdITUcIDUcIDkcJDUcIDQcIDgcJDQcJDgbHzcbIzcbIzYfIzYbIjUaIjQaIjgaITQaITceITcZITcdITcdJDcZIDYdIDYdJDYZIDUcIDUcIzUcHzQcIzQcIzgcIjQcIjcbIjMbIjYbIjYaITVrmw0DAAAAwXRSTlMAAQECAgICAwMDBAQEBQUGBgcHCAgICQkJCgoKCgsLCwsLDAwNDQ4ODw8PEBAQERESEhMUFBQVFRUWFhYWFhcXFxgYGRkZGhscHR0dHh4eHh8fHx8gICEiIiMjJCQlJiYnJycnKCgoKCkpKSoqKyssLC0tLS4vLy8wMDExMTEyMjIzMzQ0NTU2Njc3ODg5OTk6Ojs7Ozs8PDw9PT0+Pj8/P0BAQEBBQUJCQ0RERUVFRkZGR0dHSEhISUlJSkpLS0xNx8p4qQAAB+xJREFUaN7tWv9fE2Uc5xhxkpuzDQ+nlSWeR1LTsQyilZpyI7AgKpjrRqSVhSNwbYSVbemswLmKtRpLSM1u7YK2NgXG1t3+tO6ZJruPwL4w/KHXPj/tdV/2fp7P5/28P+/neV1FRTkkgeE4jj0oMJlyb+NepeyBYOGksf+s42y/kcQ3Hmwz2edNCmkh6e0jN290xaoNtusLQjqdFhau2wzVG1q9KoK2s3z6TvCsnSaqNpAexMuXo+nliF5+mdgwsuA7GH+cz0Lj435mxwZxRaV754clIZ0dwtIP7+hUG7KimwajUqwMXnSwaQNWeq3xyzCfvj/48JfG2lLzg+q5yKVXDu5iD1VSrmyqNQf49GrBB8y1m0qoH7pPgvPCqmjCfPATXal0RaY6PBRKpteKZGjosKok2cRUencCTCaZTIKpJtx6VSmouedN7xxYZX8OWYb+BNfmvG/uWTeWouHt8ZT0fxPBET2lHwkmpHip8bcbFOsDq37GysIasZadsgrZTgsLa8lan6leT8lqjKMhULPZiQ5SFA8MJzsmZkHtQqPGmqKLhz9JO8NQOZyvqu90mSr1q06oLmEn/WSRKo2pu25CMs6ea6m890Bly7lZSM2bXeqiZqegTvsBEQTfwIFsxVcdGPCBJxL+01QRXFG3nJyW5kmIT1qeRnmSa6gGSiNHuX7aMhmX4vHTJ1vUBafRMAqlKvHjMSJzj+yw2qwdZOY3cezHBBSyUUNhycTqu92QH3OjbYQ4s6onTOen2BA7dd70hEgXnGgbnYNccXfX54+H4Q29VyLSf1icGT28RSS+QmvyxzNX4n6TViFe2XJ4dGZR+nDkSm9D3i22Sn3mN6i7N6zbEfFxaiR6z3NFRyhUxqrt1hvw8d/OqPN0Y0qDYwbUIuYxPYXWrYZ2sstp41knrUEa8JTJEwM1nnEYlPksaeKoPQLIyF3qqReXWc3u405JmxPmncd314gLr77nEgeoGbEfJXIvdOLod0uAY7yjFVWh8lEmAHkqBJhHK1GlWx08uLf03VEiV+fUMt9HgLZf+6BZ1AesxmANxu/ro/Gg1SDmGFM3f3AN9IrI94x2rQ6LKbUDPjD4xcAgEocqosUWWtFzhWwtyJ8rqMHAIpieb0CrXJ2a1S3nwwJk/ut16AVV22RkZWciRCbbkJxhda/DlSCEz7dUr0r8LlcY9Kywy7j7oYqKh0nzRGw108XHJszkwxUVD+02uoAkJMOurpWXAk62j0fhw2M0Ir5Sy/j5NUwQ72e0SrQU6DE43Oh4+0q7StnjzB9A8tO/f6jNPNlsi/Brei4+YmvOjFj74e8gmYk/mMfv44qqyRpICVLie5hGkR/Yrlc+Y0FfuRW5Ba6wn72yS8yCopHxSJeCkApYm6QbE5n6pSHAD37O95Yo85iMfM0TgQm+5LwEUxbxvEbKRDzyLR9QaSE89JI6e3pb2y/CLMbdz6IuvKnu/WvQO4bO7d+5/1wIesxr79dtQh3/WXccZvNi+9blmTWavuGgoRk5gs4oHmkdDgLNTPhPHVTKlAdP+eGN4HDrI+h848gItE7cN6bGu7OrIZkAuLsQtOnE3oyrj5y9xUOFMO9D1qRynxmqDn/r7BG1SCu5zhZcACMJMGRNBm3buwGgccKkeRu6p+n0gM2GwF+g73ku+gJ8b97TqUHj32aehO8F3t2WYeOLXpBnzt1NIRXWMV7AjxRra7u3r5cRbTY2BbjiZXRIpaluN6hN3PMiYiZlkV7nua9o0cZgW/ednoLV/tWuzTZUCq39V8iuqdP7topDVdNfcdIacAyFlu5YTLqWBvWbxcflhq/hNipx1VwvMQAYXm++moCbq68NYsmxzfpB6ZqMjSEBaP08Gy3hO9mkRD21y/VXCpqbNygoQjj1BrRLqb9cXaiPKptO+rJHEvu8VXxBb18uDn/bx2zH0WFWxxWg5/yss33L/e0D29LunAWytnilAx2B4dsZ3+3lWxG7HrnDPi5LEGhEAkz7Xhja5NBHesVKvQpT6D8KQcMcfk+LIRrRWTLE9SEHqtRP3E0lf8ORObiqOzR8Fbyf8vYfWM3VKA/0e1Pg+avDh+oyx2KOG3dnF5vQZ/5AZfHGkoKQil8fMSD21ra5AHv56C+9u1Zvwtiu3l+iIJucq60WrSLDyPV4ShCSMa/ljjRjtfTYzN8L7BedJCKT3OSZB6/Oul+oW8thyOpecIO9HD/vMckRtcnOL9iFv2fG6Nr/hks8d7zvRI9Bgxinob+NwF2S7ViOc12Z8pgN7r4i3yKzWYFrDD0n+o4/t6L/wprd0JNPf6zLvcGt1n08Df25uzmXO5d33wZpvNz7mDwP1yt/rPcySObt7hwvYjsGgE2+0L0nv/0Dtqf7AjDMAzuwHO51WKLcnOtg/sePqoMuTtIVhrU5yt1kl1iCUzpF/gdKMoXulMRA2JsKQEv81L9fXtAuU76//6dEkWjhIUWhJ2UyxVC4SLRpS+HHcjLLdJFogROFH31gJwJltDJaGa2MVkYro5XRymhltDJaGa2kaKyj9flCo9XBFokm/LM4X2gs/iMUibbuKKM9MDSdrYRoNt3aaBh1poRoZygsx6crDC+UCEvgmVwfuFQb4elY0ZG4acx5PrbXwpYIjbXszeNjGcs4t7TebApL3Lgln09pMLLz0/Gfp9YXP49/2knmpekyhZrQrDcIteLBfBhbjv9d/AvRMI1q3LveBgAAAABJRU5ErkJggg==">                    首页
			</li>
			<li class=""><img src="data:image/png;base64,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">                    账单
			</li>
			<li class=""><img src="data:image/png;base64, ">                    我的
			</li>
		</ul>
	</div>
	<!---->
	<!---->
</div>
<div class="toast-wrapper" style="display: none;">
	<div class="toast"></div>
</div>
<div class="toast3-wrapper" style="display: none;">

</div>
<div class="toast-wrapper2" style="display: none;">
	<div class="toast2" style="height: 200px;">
		<p class="toast-title"></p>
		<p class="toast-message"></p>
		<div class="btn-wrapper">
			<!----><button type="button" class="btn"></button></div>
	</div>
</div>
<script>
	$(function () {
		$(".accumulate-container").on('click',function () {
			if(this.className.indexOf('active') > 0){
				return;
			}else{
				$('.accumulate-container').each(function (k,v) {
					v.classList.remove('active');
					$('.'+$(v).attr("id")).hide();
				})
				this.classList.add('active');
				$('.'+$(this).attr("id")).show();
			}
		})
		$(".prompt-container").on('click',function () {
			var dom = $(this).find("div.prompt");
			if(dom.attr("data-index") == undefined || dom.attr("data-index") == 1){
				dom.show();
				dom.attr("data-index",0);
			}else{
				dom.hide();
				dom.attr("data-index",1);
			}
		})
	})

</script>
<script type="text/javascript" charset="utf-8">
	$(function(){
		//创建MeScroll对象
		var mescroll = new MeScroll("mescroll", {
			down: {
				auto: true, //是否在初始化完毕之后自动执行下拉回调callback; 默认true
				callback: downCallback, //下拉刷新的回调
			},
			up: {
				auto: false, //是否在初始化时以上拉加载的方式自动加载第一页数据; 默认false
				callback: upCallback, //上拉回调,此处可简写; 相当于 callback: function (page) { upCallback(page); }
				htmlNodata: "没有更多了",
			}
		});

		function getDom() {
			var checkValue =  $(".accumulate-container.active").attr("id");
			if(checkValue == "user"){
				return $("#user-table");
			}else{
				return $("#merc-table");
			}
		}

		/*下拉刷新的回调 */
		function downCallback(){
			//联网加载数据
			var pageNum = 1;
			getListDataFromNet(pageNum, 10, function(data,type){
				//联网成功的回调,隐藏下拉刷新的状态
				mescroll.endSuccess();
				//设置列表数据
				setListData(data, false,getDom(),type,pageNum);
			}, function(){
				//联网失败的回调,隐藏下拉刷新的状态
				mescroll.endErr();
			});
		}
		var page = {num:1, size:10};
		function upCallback(page){
			//联网加载数据
			page.num = 2;
			getListDataFromNet(page.num, page.size, function(data,type){
				//联网成功的回调,隐藏下拉刷新和上拉加载的状态;
				mescroll.endSuccess(data.length);//传参:数据的总数; mescroll会自动判断列表如果无任何数据,则提示空;列表无下一页数据,则提示无更多数据;
				//设置列表数据
				setListData(data, true,getDom(),type,page.num);
			}, function(){
				//联网失败的回调,隐藏下拉刷新和上拉加载的状态;
				mescroll.endErr();
			});
		}

		/*设置列表数据*/
		function setListData(data, isAppend,dom,type,pageNum) {
			var str = "";
			if(type == 'user'){
				if(data.length > 0){
					for (var i = 0; i <data.length; i++) {
						var newObj=data[i];
						str += "<tr>";
						str += "<td>"+newObj.loginName+"</td>";
						str += "<td>"+formatDictUserTypeName(newObj.status,newObj.merchantAuditStatus)+"</td>";
						str += "<td>"+newObj.createDt+"</td></tr>";
					}
				}else{
					if(pageNum < 2){
						str += "<div class='no-data'>暂无数据</div>";
						$("#user-table").append(str);
					}
				}
				if(!isAppend){
					$("#user-table").empty();
				}
				$("#user-table").append(str);
			}else{
				if(data.length > 0){
					for (var i = 0; i < data.length; i++) {
						var newObj=data[i];
						str += "<tr>";
						str += "<td>"+newObj.loginName+"</td>";
						str += "<td>"+newObj.alias+"</td>";
						str += "<td>"+newObj.createDt+"</td></tr>";
					}
				}else{
					if(pageNum < 2){
						str += "<div class='no-data'>暂无数据</div>";
						$("#merc-table").append(str);
					}
				}
				if(!isAppend){
					$("#merc-table").empty();
				}
				$("#merc-table").append(str);
			}
		}
		function renderTime(date) {
			var dateee = new Date(date).toJSON();
			return new Date(+new Date(dateee) + 8 * 3600 * 1000).toISOString().replace(/T/g, ' ').replace(/\.[\d]{3}Z/, '').substr(0,16);
		}

		function formateDate(datetime) {
			// let  = "2019-11-06T16:00:00.000Z"
			function addDateZero(num) {
				return (num < 10 ? "0" + num : num);
			}
			let d = new Date(datetime);
			let formatdatetime = d.getFullYear() + '-' + addDateZero(d.getMonth() + 1) + '-' + addDateZero(d.getDate());
			return formatdatetime;
		}
		function formatDictUserTypeName(value,merchantAuditStatus) {
			if(value == '0'){
				return '未认证';
			}else if(value == '1'){
				return '审核中';
			}else if(value == '2'){
				return '审核失败';
			}else if(value == '3' && merchantAuditStatus != '3'){
				return '已认证';
			}else if(merchantAuditStatus == '3') {
				return '已进件';
			}else{
				return '未知';
			}
		}

		/*联网加载列表数据*/
		var downIndex=0;
		function getListDataFromNet(pageNum,pageSize,successCallback,errorCallback) {
			//延时一秒,模拟联网
			/*setTimeout(function () {

			},1000)*/
			try{
				$.ajax({
					url : ctx + '/activity/invite/page',
					dataType : 'json',
					type : "post",
					data : {
						'token': '${token}',
						't': '${t}',
						'pageNum': pageNum,
						'pageSize': pageSize,
					},
					success : function(res) {
						if(res.code == 200){
							var userList = res.data.userList.records;
							var mercList = res.data.mercList.records;
							var mercCount = res.data.mercCount;
							$(".mercCount").html(mercCount);
							successCallback&&successCallback(userList,'user');
							successCallback&&successCallback(mercList,'merc');
						}else {
							errorCallback&&errorCallback();
						}
					},
				})
			}catch(e){
				//联网失败的回调
				errorCallback&&errorCallback();
			}
		}
		//禁止PC浏览器拖拽图片,避免与下拉刷新冲突;如果仅在移动端使用,可删除此代码
		document.ondragstart=function() {return false;}
	});
</script>

</body>
</html>