<div style="height:550px;overflow-y:auto">
        <div class="manual-right width:80%" >
            <div class="manual-article">
               <div class="article-body editor-content"  id="doc" style="min-height: 650px">
               		<div class="panel-body eventset-list" >	
	               		<li style="margin-top: 0px;">
							<i class="cell username w30"><input type="input" class="form-control" id="search-reposMember" placeholder="请输入关键字"></i>
							<i class="cell operation w10"><button onclick="searchReposMember()" class="btn btn-md btn-primary" style="margin-left: 5px;">搜索</button></i>						
						</li>
	               		<li class="eventset-tit" style="margin-top: 0px;">
							<i class="cell username w15" >用户名</i>
							<i class="cell username w15">名字</i>
							<i class="cell operation w10">操作</i>						
						</li>
					</div>
               		<div class="panel-body eventset-list" id="reposAllUsers">
			 			<!-- 用户列表区域-->
					</div>
			 </div>
			</div>
		</div>
</div>

<script type="text/javascript">
	function addReposUserPageInit()
	{
		console.log("addReposUserPageInit");
		reposMemberSearchWord = "";
		showReposAllUserList();		
	}

        
    //页面初始化代码    
    $(function(){
		addReposUserPageInit();
	});

    var reposMemberSearchWord = "";
    function searchReposMember()
    {
    	reposMemberSearchWord =  $("#search-reposMember").val();
    	showReposAllUserList(gReposId);
    }

	function showReposAllUserList(){
	   	console.log("showReposAllUserList()");
	   	var vid = getQueryString("vid");
	
	    $.ajax({
	            url : "/DocSystem/Repos/getReposAllUsers.do",
	            type : "post",
	            dataType : "json",
	            data : {
	            	searchWord: reposMemberSearchWord,
	                reposId : vid,
	            },
	            success : function (ret) {
	                if( "ok" == ret.status ){
	                    showUserList(ret.data);
	                }
	                else
	                {
	                	alert("Error:" + ret.msgInfo);
	                }
	            },
	            error : function () {
	               alert('服务器异常：获取仓库用户列表失败！');
	            }
    	});

		//根据获取到的目录权限用户列表数据，绘制列表
		function showUserList(data){
			console.log(data);
			var c = $("#reposAllUsers").children();
			$(c).remove();
			if(data.length==0){
				$("#reposAllUsers").append("<p>暂无数据</p>");
			}
			
			for(var i=0;i<data.length;i++){
				var d = data[i];
				var opBtn = "		<a href='javascript:void(0)' onclick='addReposUser("+d.userId+");' class='mybtn-primary'>添加</a>";
				if(d.id > 0) //已是仓库用户的，操作按键显示为，已添加
				{
					opBtn = "		<a href='javascript:void(0)' class='mybtn' onclick='deleteReposAuthConfirm("+d.id+ "," +d.userId+");' disabled='disabled'>删除</a>";
				}
													
				var se = "<li value="+ i +">"
					+"	<i class='cell username w15'>"
					+"		<span class='name'>"
					+"			<a id='UserName"+i+"' href='javascript:void(0)'>"+d.userName+"</a>"
					+"		</span>"
					+"	</i>"
					+"	<i class='cell realname w15'>"
					+"		<span class='name'>"
					+"			<a id='RealName"+i+"' href='javascript:void(0)'>"+d.realName+"</a>"
					+"		</span>"
					+"	</i>"
					+"	<i class='cell operation w10'>"
					+		opBtn
					+"	</i>"
					+"</li>";
				
				$("#reposAllUsers").append(se);
			}
		}
	}

	function addReposUser(userId)
	{
	   	console.log("addReposUser(" + userId+")");
	   	var vid = getQueryString("vid");
	
	    $.ajax({
	            url : "/DocSystem/Repos/configReposAuth.do",
	            type : "post",
	            dataType : "json",
	            data : {
	            	userId: userId,
	                reposId : vid,
	                access: 1,
	            },
	            success : function (ret) {
	                if( "ok" == ret.status ){
	                    showAuthList();		//这个 接口是更新reposManager页面的权限列表用户的
	                    showReposAllUserList();		//更新显示
	                }
	                else
	                {
	                	showErrorMessage("Error:" + ret.msgInfo);
	                }
	            },
	            error : function () {
	               showErrorMessage('服务器异常：获取仓库用户列表失败！');
	            }
	    });
	}


	function deleteReposAuthConfirm(reposAuthId,userId)
	{
			qiao.bs.confirm({
	 	    	id: 'deleteReposAuthConfirm',
	 	        msg: "是否删除该用户的仓库权限设置?",
	 	        close: false,		
	 	        okbtn: "删除",
	 	        qubtn: "取消",
	 	    },function () {
	 	    	
	 	    	//alert("点击了确定");
	 	    	deleteReposAuth(reposAuthId,userId);
	 	    	return true;   
	 	    },function(){
	 	    	//alert("点击了取消");
	 	    	return true;
	 	    }); 
	}
	
	function deleteReposAuth(reposAuthId,userId)
	{	
	   	console.log("deleteReposAuth()");
	   	
	   	var vid = getQueryString("vid");
	    $.ajax({
	            url : "/DocSystem/Repos/deleteReposAuth.do",
	            type : "post",
	            dataType : "json",
	            data : {
	                reposAuthId: reposAuthId,
	                userId: userId,
	                reposId: vid,
	            },
	            success : function (ret) {
	                if( "ok" == ret.status ){
	                    showAuthList();
	                    showReposAllUserList();		//更新显示
	                }
	                else
	                {
	                	showErrorMessage("Error:" + ret.msgInfo);
	                }
	            },
	            error : function () {
	               showErrorMessage('服务器异常：删除用户的仓库权限设置失败！');
	            }
	    });
	}
</script>