<!DOCTYPE html>
<html>
  <head>
 	<base href="#springUrl('/assets/adminlte/')"/>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>工作台</title>
 	  <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <!-- Bootstrap 3.3.5 -->
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
    <!-- Font Awesome -->
    <link rel="stylesheet" href="plugins/font-awesome/css/font-awesome.min.css">
    <!-- Ionicons -->
    <link rel="stylesheet" href="plugins/ionicons/css/ionicons.min.css">
    
       <!-- DataTables -->
    <link rel="stylesheet" href="plugins/datatables/dataTables.bootstrap.css">
    
    <!-- Theme style -->
    <link rel="stylesheet" href="dist/css/AdminLTE.min.css">
    <!-- AdminLTE Skins. Choose a skin from the css/skins
         folder instead of downloading all of them to reduce the load. -->
    <link rel="stylesheet" href="dist/css/skins/_all-skins.min.css">
    <!-- iCheck -->
    <link rel="stylesheet" href="plugins/iCheck/flat/blue.css">
    <!-- Morris chart -->
    <link rel="stylesheet" href="plugins/morris/morris.css">
    <!-- jvectormap -->
    <link rel="stylesheet" href="plugins/jvectormap/jquery-jvectormap-1.2.2.css">
    <!-- Date Picker -->
    <link rel="stylesheet" href="plugins/datepicker/datepicker3.css">
    <!-- Daterange picker -->
    <link rel="stylesheet" href="plugins/daterangepicker/daterangepicker-bs3.css">
    <!-- bootstrap wysihtml5 - text editor -->
    <link rel="stylesheet" href="plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body class="hold-transition skin-blue sidebar-mini">
  
  
 <div class="wrapper">
    <div class="content-wrapper"  style="margin-left:0;">
    
     <section class="content-header">
          <h1>
             	用户管理
            <small>用户信息</small>
          </h1>
<!--           <ol class="breadcrumb"> -->
<!--             <li><a href="#springUrl('/page/user/showstatics')"><i class="fa fa-dashboard"></i>首页</a></li> -->
<!--             <li><a class="active">用户列表</a></li> -->
<!--           </ol> -->
        </section>
    
    <input style="display: none" id="storeBindId" >
        <input style="display: none" id="storeBindName" >
    
        <!-- Main content -->
        <section class="content">
          <div class="row">
            <div class="col-xs-12">
              <div class="box">
                <div class="box-header">
                 <form id="seachTableForm" action="#springUrl('/a/manageuser/userlist')" method="get">
                <div class="col-xs-2">
					<input type="text" class="form-control required" value="$!{user.username}" name="username" placeholder="用户名称">
                    <input type="text" name="fansid" id="fansid"
                           value="$!{activityName}"
                           class="form-control" style="display: none" />
                    <input type="text" id="fansopenid"
                           name="fansopenid" value=""
                           class="form-control"style="display: none" >
				</div>
				<div class="col-xs-5">
				<button type="submit" class="btn btn-primary">搜索</button>
                #if($shiro.hasPermission("sys:user:edit"))
                   <!--<a href="#springUrl('/a/manageuser/userform')" class="btn btn-primary">新增</a>-->
                #end
                </div>
                </form>
                </div><!-- /.box-header -->
                <div class="box-body">
                  <table id="example2" class="table table-bordered table-striped">
                    <thead>
                      <tr>
                      	<td hidden="true">Id</td>
                        <th>用户名</th>
                        <th>邮箱</th>
                        <th>描述</th>
                        <th>创建日期</th>
                        <th>操作</th>
                      </tr>
                    </thead>
                    <tbody id="tablebody">
                    </tbody>
				
                  </table>
                </div><!-- /.box-body -->
              </div><!-- /.box -->
            </div><!-- /.col -->
          </div><!-- /.row -->
        </section><!-- /.content -->
      </div><!-- /.content-wrapper -->  
   	
 

      <!-- Add the sidebar's background. This div must be placed
           immediately after the control sidebar -->
      <div class="control-sidebar-bg"></div>
    </div><!-- ./wrapper -->
  <!-- jQuery 2.1.4 -->
    <script src="plugins/jQuery/jQuery-2.1.4.min.js"></script>
    <!-- Bootstrap 3.3.5 -->
    <script src="bootstrap/js/bootstrap.min.js"></script>
    <!-- DataTables -->
   <script src="plugins/datatables/jquery.dataTables.min.js"></script>
	<script src="plugins/datatables/extensions/i18n/lanauage_ch.js"></script>
	<script src="plugins/datatables/dataTables.bootstrap.min.js"></script>
    <!-- SlimScroll -->
    <script src="plugins/slimScroll/jquery.slimscroll.min.js"></script>
    <script src="plugins/datepicker/bootstrap-datepicker.js"></script>
    <script src="plugins/datepicker/locales/bootstrap-datepicker.zh-CN.js"></script>
    <!-- FastClick --> 
    <script src="plugins/fastclick/fastclick.min.js"></script>
    <!-- AdminLTE App -->
    <script src="dist/js/app.min.js"></script>
    <!-- AdminLTE for demo purposes -->
    <script src="common/js/cfapp.js"></script>
    <script src="dist/js/demo.js"></script>
   <script src="dist/js/template7.js"></script>
 <script>
     var csrfheader = {name:'_csrf_header',value:'${_csrf.headerName}'};
     var csrftoken  = {name:'_csrf',value:'${_csrf.token}'};
 </script>
 	  <script>
		function formatDates(now) {
			var now = new Date(now);
			var year = now.getFullYear();
			var month = now.getMonth() + 1;
			var date = now.getDate();
			var hour = now.getHours();
			var minute = now.getMinutes();
			var second = now.getSeconds();
			return year + "-" + month + "-" + date + "   " + hour + ":"
					+ minute + ":" + second;
		}

		function seachTable() {
			var sSource = "#springUrl('/a/manageuser/userlist/fetchdata')";
			var aoData = {
				iDisplayStart : 1,
				iDosplayLength : 10
			}
			// 			if("$!{member.name}"!=null && "$!{member.name}"!=""){
			// 				sSource+="?name=$!{member.name}";
			// 			}
			var retrieveData = function(sSource, aoData, fnCallback) {

				$("#seachTableForm input,.select2").each(function() {
					var params = {
						name : $(this).attr("name"),
						value : $(this).val()
					};
					aoData.push(params);
				})
                var val = {name:'_csrf_header',value:'${_csrf.headerName}'};
                var tmpInf  = {name:'_csrf',value:'${_csrf.token}'};
                aoData.push(val);
                aoData.push(tmpInf);
				//  				alert(JSON.stringify(aoData));
				$.ajax({
					"type" : "POST",
					"url" : sSource,
					"dataType" : "json",
					"data" : aoData, //以json格式传递
					"success" : fnCallback
				});


			};
			$('#example2').DataTable({
				"lengthChange" : false,
				"searching" : false,
				"ordering" : false,
				"bFiltered" : false,
				"bStateSave" : true, // save datatable state(pagination, sort, etc) in cookie.
				"bProcessing" : true,
				"bServerSide" : true,
				"sAjaxSource" : sSource,
				"fnServerData" : retrieveData,
                "pagingType" : "full_numbers",
				"aoColumns" : [ {
					"mData" : "id"
				}, {
					"mData" : "username"
				},{
					"mData" : "email"
				}, {
					"mData" : "description"
				}, {
					"mData" : "createtime"
				}],
				"aoColumnDefs" : [ { // set default column settings
					'visible' : false,
					'targets' : [ 0 ]
				}, { 
					"aTargets" : [ 4 ],
					"mData" : "createtime",
					"mRender" : function(a, b, c, d) {//a表示createtime对应的值，c表示当前记录行对象
						return formatDates(a.time, "yyyy-MM-dd HH:mm:ss");
					}
				} ,{ 
					"aTargets" : [ 5 ],
					"mData" : "id",
					"mRender" : function(a, b, c, d) {//a表示id对应的值，c表示当前记录行对象
						var html='#if($shiro.hasPermission("sys:user:edit"))';
						html+='<a href="#springUrl("/a/manageuser/userfromDetail?id='+a+'")" data-id="'+a+'" data-action="view" class="btn green">修改</a>';
						html+='<a href="javascript:void(0);" data-id="'+a+'" data-action="remove" onclick="removeData('+a+')" class="btn red">删除</a>#end';
						return html;
					}
				}]
			});
		}

		jQuery(document).ready(function() {

			seachTable();

			$('.datepicker').datepicker({
				show : true,
				format : 'yyyy-mm-dd',
				autoclose : true,
				language : 'zh-CN',
				todayBtn : 'linked',
				clearBtn : 'linked'

			});




            var bindStoreSubmit = "#springUrl('/a/storeUser/formData')";
            //选择门店
            $("#example2").on("click",".bindStore",function () {
                var userId = $(this).attr("data-id");
                var bindStoreList = "#springUrl('/a/store/listData?sortStoreUser=')"+userId;

                $.ajax({
                    "type": "Post",
                    "url": "#springUrl('/a/storeuser/listData')",
                    "dataType": "json",
                    "data": {iDisplayStart:0,iDisplayLength:0,userId:userId}, //以json格式传递
                    "success": function(data){
                        var stores = "";
                        if(data && data.aaData){
                            for(var i = 0;i<data.aaData.length;i++){
                                stores+=data.aaData[i].storeId+",";
                            }
                            $("#storeBindId").val(stores);
                            Cfapp.f7({
                                dataUrl: bindStoreList,
                                checkType: 'multi', // 多选为multi
                                title: "选择门店",
                                btnoktext: "确定",
                                btncanceltext: "取消",
                                columns: ['选择', '门店名称', '门店地址','联系人姓名','联系人电话'],
                                isSearch: '0',
                                searchColumns: ["name",'address','contactsName','contactsPhone'],//搜索的字段名称
                                searchColumnsRemarks: ['门店名称',"门店地址","联系人姓名","联系人电话"],//搜索的字段备注
                                aoColumns: [{
                                    "mData": "id"
                                }, {
                                    "mData": "name"
                                }, {
                                    "mData": "address"
                                }, {
                                    "mData": "contactsName"
                                }, {
                                    "mData": "contactsPhone"
                                }],
                                aoColumnDefs: [{
                                    "aTargets": [0],
                                    "mData": "id",
                                    "mRender": function (a, b, c, d) {
                                        return '<input type="checkbox" id="' + a + '" name="sel" data-value="' + a + '" data-name="' + c.name + '">';
                                    }
                                }],
                                success: function () {
                                    var stores = $("#storeBindId").val();
                                        $.ajax({
                                            "type": "Post",
                                            "url": "#springUrl('/a/storeuser/bindStore')",
                                            "dataType": "json",
                                            "data": {userId:userId,stores:stores}, //以json格式传递
                                            "success": function(data){
                                                if(data.errorNo==0){
                                                    Cfapp.alert({
                                                        message: "分配门店成功",
                                                        btntext: "确定",
                                                        success: function () {
                                                            location.href = "#springUrl('/a/manageuser/userlist')";
                                                        }
                                                    })
                                                }else{
                                                    Cfapp.alert({
                                                        message: "分配门店失败",
                                                        btntext: "确定",
                                                        success: function () {
                                                            location.href = "#springUrl('/a/manageuser/userlist')";
                                                        }
                                                    })
                                                }
                                            }
                                        });
                                },
                                cancel: function () {

                                },
                                storeFields: 'storeBindId', // 储存的字段
                                displayFields: 'storeBindName'
                            })
                        }


                    }
                });






            })
			
		});
		
		 //抽取 所有用户  
	 	   function removeData(id){
	 		   Cfapp.confirm({
	 			 message: "确定要删除吗",
	 			 btnoktext:"确定",
	 			 btncanceltext:"取消",
	 			 success:function(){
	 				 $.ajax({
	 		              "type": "post",

	 		              "url": "#springUrl('/a/manageuser/removeUser')",
	 		              "dataType": "json",
	 		              "data": {id:id,_csrf_header:csrfheader.value,_csrf:csrftoken.value}, //以json格式传递
	 		              "success": function(data){
	 		            	  if(data.errorNo==0){
	 		            		  Cfapp.alert({
	 		                          message: "删除成功",
	 		                          btntext: "确定",
	 		                          success: function () {
	 		                        	 location.href = "#springUrl('/a/manageuser/userlist')";
	 		                          }
	 		                      })
	 		            	  }else{
	 		            		  Cfapp.alert({
	 		                          message: "删除失败",
	 		                          btntext: "确定",
	 		                          success: function () {
	 		                              location.href = "#springUrl('/a/manageuser/userlist')";
	 		                          }
	 		                      })
	 		            	  }
	 		              }
	 		          }); 
	 			 },
	 			cancel:function(){
	 				$(".modal-backdrop").fadeOut();

	 			 }
	 		   })
	 	   }
	 	   //绑定粉丝
               function selectfans(id){
                   //alert("a")
                   Cfapp.f7({
                       dataUrl: "#springUrl('/a/managefanss/fanss/fetchdata')",
                       checkType: 'single', // 多选为multi
                       title: "粉丝绑定",
                       btnoktext: "确定",
                       btncanceltext: "取消",
                       columns: ['选择', '粉丝头像', '性别','昵称','openid'],
                       isSearch: '0',
                       searchColumns: ["nickname"],//搜索的字段名称
                       searchColumnsRemarks: ['粉丝昵称'],//搜索的字段备注
                       aoColumns: [{
                           "mData": "id"
                       }, {
                           "mData": "headimgurl"
                       }, {
                           "mData": "sex"
                       },{
                           "mData":"nickname"
                       },{
                           "mData":"openid"
                       }],
                       aoColumnDefs: [{
                           "aTargets": [0],
                           "mData": "id",
                           "mRender": function (a, b, c, d) {
                               return '<input type="radio" id="' + a + '" name="sel" data-value="' + a + '" data-name="' + c.openid + '">';
                           }
                       }, {
                           "aTargets": [1],
                           "mData": "headimgurl",
                           "mRender": function (a, b, c, d) {//a表示createtime对应的值，c表示当前记录行对象
                               return '<img width="45px" height="45px" src="' + a + '" />';
                           }
                       },{
                           "aTargets":[2],
                           "mData":"sex",
                           "mRender":function (a,b,c,d) {
                               if(a==0){
                                    return '女';
                               }else{
                                   return '男';
                               }
                           }
                       }],
                       success: function () {
                            var fansopenid = $("#fansopenid").val();
                           // alert(fansopenid);
                           $.ajax({
                               "type": "Post",
                               "url": "#springUrl('/a/manageuser/selectfans')",
                               "dataType": "json",
                               "data": {id:id,fansopenid:fansopenid,_csrf_header:csrfheader.value,_csrf:csrftoken.value}, //以json格式传递
                               "success": function(data){
                                   if(data.errorNo == 1){
                                       Cfapp.alert({
                                           message:"绑定成功",
                                           btntext: "确定",
                                           success:function(){
                                               location.href = "#springUrl('/a/manageuser/userlist')";
                                           }
                                       })

                                   }else{
                                       Cfapp.alert({
                                           message:"绑定失败",
                                           btntext: "确定",
                                           success:function(){
                                               location.href = "#springUrl('/a/manageuser/userlist')";
                                           }
                                       })
                                   }

                               }
                           })
                       },
                       cancel: function () {

                       },
                       storeFields: 'fansid', // 储存的字段
                       displayFields: 'fansopenid'
                   })
               }

	 	   
	</script>
 	 
  </body>
</html>
