$(function () {
    $("#jqGrid").jqGrid({
        url: baseURL + 'wjxy/campusagent/page',
        datatype: "json",
        colModel: [
			{ label: 'id', name: 'id', index: 'id', width: 50,hidden:true, key: true },
			{ label: '关联用户', name: 'memberId', index: 'member_id', width: 80,formatter: function (cellvalue, options, rowdata) {
                    return "<div>" + rowdata.vipName +"</div>" + "<div>" + rowdata.cardNo + "</div>"
                } },
			{ label: '代理人状态', name: 'status', index: 'status', width: 80,formatter: function (cellvalue, options, rowdata) {
                    if(cellvalue == 0) {
                        return '禁用'
                    }else {
                        return '正常'
                    }
                } },
			{ label: '首页显示', name: 'isHomeDisplay', index: 'is_home_display', width: 80,formatter: yesnoFormat },
            { label: '手机号', name: 'phone', index: 'phone', width: 80 },
			{ label: '备注', name: 'remark', index: 'remark', width: 80 },
			{ label: '职级名称', name: 'rankName', index: 'rank_name', width: 80 },
			{ label: '显示名称', name: 'showName', index: 'show_name', width: 80 },
			{ label: '校园代理人头像', name: 'agentPhoto', index: 'agent_photo', width: 80,formatter: imageFormat },
			{ label: '创建时间', name: 'createTime', index: 'create_time', width: 80 },
        ],
		viewrecords: true,
        height: 385,
        rowNum: 10,
		rowList : [10,30,50],
        rownumbers: true,
        rownumWidth: 25,
        autowidth:true,
        multiselect: true,
        pager: "#jqGridPager",
        jsonReader : {
            root: "page.list",
            page: "page.currPage",
            total: "page.totalPage",
            records: "page.totalCount"
        },
        prmNames : {
            page:"page",
            rows:"limit",
            order: "order"
        },
        gridComplete:function(){
        	//隐藏grid底部滚动条
        	$("#jqGrid").closest(".ui-jqgrid-bdiv").css({ "overflow-x" : "hidden" });
        }
    });
    upload(1,'images','images/*');
    initdate();
});
/*日期框初始化*/
function initdate(){
    layui.use('laydate', function() {
        var laydate = layui.laydate;
        /*搜索框*/
        laydate.render({
            elem: '#begin'
            ,theme: '#34B9B4'
            ,trigger: 'click'
            ,type: 'datetime'
            ,format: 'yyyy-MM-dd HH:mm'
            ,done: function(value, date, endDate){
                vm.queryParam.date1 = value;
            }
        });

        laydate.render({
            elem: '#end'
            ,theme: '#34B9B4'
            ,trigger: 'click'
            ,type: 'datetime'
            ,format: 'yyyy-MM-dd HH:mm'
            ,done: function(value, date, endDate){
                vm.queryParam.date2 = value;
            }
        });

    })
}
var vm = new Vue({
	el:'#rrapp',
	data:{
		showList: true,
		title: null,
		wjxyCampusAgent: {
            status: 1,
            isHomeDisplay: 1,
            rankName: '',
            showName: '',
            remark:'',
            memberId: ''
        },
        queryParam: {
            date1: null,
            date2: null,
            vipName: null,
            phone:null,
            status:null
        },
        userObj: {}
	},
	methods: {
		query: function () {
			vm.reload();
		},
        init() {
            vm.queryParam.date1 = null;
            vm.queryParam.date2 = null;
            vm.queryParam.vipName = null;
            vm.queryParam.phone = null;
            vm.queryParam.status = null;
        },
        reset: function () {
            vm.init();
            vm.reload(1);
        },
		add: function(){
			vm.showList = false;
			vm.title = "新增";
			vm.wjxyCampusAgent.status = 1
            vm.wjxyCampusAgent.isHomeDisplay = 1
            vm.wjxyCampusAgent.rankName = ''
            vm.wjxyCampusAgent.vipName = ''
            vm.wjxyCampusAgent.remark = ''
            vm.wjxyCampusAgent.memberId = ''
            vm.userObj = {}
		},
		update: function (event) {
			var id = getSelectedRow();
			if(id == null){
				return ;
			}
			vm.showList = false;
            vm.title = "修改";

            vm.getInfo(id)
		},
		saveOrUpdate: function (event) {
            if (vm.wjxyCampusAgent.rankName == '') {
                layer.msg('[职级名称]不能为空',{icon:5});
                return false;
            }
            if (vm.wjxyCampusAgent.showName == '') {
                layer.msg('[显示名称]不能为空',{icon:5});
                return false;
            }
            if (vm.wjxyCampusAgent.memberId == '') {
                layer.msg('[关联用户]不能为空',{icon:5});
                return false;
            }
            /*图片*/
            if ($('#imgUrl1').val() != ''){
                vm.wjxyCampusAgent.agentPhoto = $('#imgUrl1').val();
            }
		    $('#btnSaveOrUpdate').button('loading').delay(1000).queue(function() {
                var url = vm.wjxyCampusAgent.id == null ? "wjxy/campusagent/save" : "wjxy/campusagent/update";
                var type = vm.wjxyCampusAgent.id == null ? "POST" : "PUT";
                $.ajax({
                    type: type,
                    url: baseURL + url,
                    contentType: "application/json",
                    data: JSON.stringify(vm.wjxyCampusAgent),
                    success: function(r){
                        if(r.code === 0){
                             layer.msg("操作成功", {icon: 1});
                             vm.reload();
                             $('#btnSaveOrUpdate').button('reset');
                             $('#btnSaveOrUpdate').dequeue();
                        }else{
                            layer.alert(r.msg);
                            $('#btnSaveOrUpdate').button('reset');
                            $('#btnSaveOrUpdate').dequeue();
                        }
                    }
                });
			});
		},
		del: function (event) {
			var ids = getSelectedRows();
			if(ids == null){
				return ;
			}
			var lock = false;
            layer.confirm('确定要删除选中的记录？', {
                btn: ['确定','取消'] //按钮
            }, function(){
               if(!lock) {
                    lock = true;
		            $.ajax({
                        type: "DELETE",
                        url: baseURL + "wjxy/campusagent/delete",
                        contentType: "application/json",
                        data: JSON.stringify(ids),
                        success: function(r){
                            if(r.code == 0){
                                layer.msg("操作成功", {icon: 1});
                                $("#jqGrid").trigger("reloadGrid");
                            }else{
                                layer.alert(r.msg);
                            }
                        }
				    });
			    }
             }, function(){
             });
		},
		getInfo: function(id){
			$.get(baseURL + "wjxy/campusagent/info/"+id, function(r){
                vm.wjxyCampusAgent = r.campusAgent;

                vm.userInfo(vm.wjxyCampusAgent.memberId)
            });
		},
        // 关联用户
        checkUser() {
            var width = ($(window).width() * 0.6);
            var height = ($(window).height() -50);
            layui.use([ 'layer', 'form'],function() {
                var $ = layui.jquery, layer = layui.layer;
                layer.open({
                    type: 2,
                    area: [width + 'px', height + 'px'],
                    fix: false, //不固定
                    maxmin: true,
                    shadeClose: true,
                    resize:false,
                    full:true,
                    shade: 0.4,
                    title: '选择用户',
                    anim: 3,
                    content: 'checkuser.html',
                    end : function(){
                        // vm.reload();
                        // console.log(11)
                    }
                });
            })
        },
        getVal:function(val) {
            if (val!= "") {
                // console.log(val);
                vm.wjxyCampusAgent.memberId = val
                vm.userInfo(val)
            }
        },
        userInfo(id) {
            $.get(baseURL + "qmgj/memberinfo/info/"+id, function(r){
                // vm.wjxyExpert = r.wjxyExpert;
                vm.userObj = r.memberInfo
                if (vm.wjxyCampusAgent.agentPhoto) {
                    $('#demo1').show();
                    $('#demo1').attr('src',vm.wjxyCampusAgent.agentPhoto);
                }else {
                    $('#demo1').show();
                    $('#demo1').attr('src',vm.userObj.memberphoto);
                }
            });
        },
		reload: function (event) {
            clearImg();
			vm.showList = true;
            var page;
            if (event == 1){
                page = 1;
            } else {
                page = $("#jqGrid").jqGrid('getGridParam','page');
            }
			$("#jqGrid").jqGrid('setGridParam',{
                postData:{vipName: vm.queryParam.vipName,
                    phone:vm.queryParam.phone,
                    status:vm.queryParam.status,
                    startTime:vm.queryParam.date1,
                    endTime:vm.queryParam.date2
                },
                page:page
            }).trigger("reloadGrid");
		}
	}
});