iflyket/web/html/vue/roleVue.js

roleVM = new Vue({
    el: "html",
    data: {
        loading: true,
        dataList:"",
        pageSize:"",
        pageNumber:"",
        pageCount:"",
        rowCount:""
    },
    computed: {},
    ready: function () {
        this.pageNumber=1;
        this.pageSize=10;
        this.getDataList();
    },
    methods: {
        getDataList: function () {
            var _self = this;
            $.ajax({
                    url: baseConfig.URL.roleList + "",
                    type: "get",
                    data:{roleName:$("#selectName").val(),pageSize:_self.pageSize,pageNo:_self.pageNumber},
                    cache: false,
                    success:function (res) {
                        console.log(res);
                        _self.dataList = res.list;
                        _self.pageNumber = res.pageNumber;
                        _self.pageCount = res.pageCount;
                        _self.rowCount = res.rowCount;
                    },
                    complete:function (XHR, TS) {
                        // $('.ui-dialog-buttonpane').find('button:contains("保存添加信息")').removeAttr("disabled");
                    },
                    error:function (XMLHttpRequest, textStatus, errorThrown) {
                        alert(textStatus);
                    }
                });
        }
    }
});

$(document).ready(function(){
    $("#iRoleAdd").dialog({
        modal: true,
        autoOpen:false,
        closeable:false,
        bgiframe:true,
        height:200,
        width:600,
        closeOnEscape:false,
        draggable:false,
        resizable:false,
        title:"角色信息",
        open:function (event, ui) {
            $(".ui-dialog-titlebar-close").hide();
        },
        buttons:{
            "保存添加信息":function () {

                // $('.ui-dialog-buttonpane').find('button:contains("保存添加信息")').attr("disabled", "disabled");
                $.ajax({
                    url:""+baseConfig.URL.roleAdd,
                    type:"POST",
                    data:$("#iRoleAddForm").serialize(),
                    dataType:"json",
                    success:function (data) {
                        if (data.status == 'SUCCESS') {
                            alert("信息已经成功保存");
                            $("#iRoleAdd").dialog("close");
                            roleVM.getDataList();
                        }
                    },
                    complete:function (XHR, TS) {
                        // $('.ui-dialog-buttonpane').find('button:contains("保存添加信息")').removeAttr("disabled");
                    },
                    error:function (XMLHttpRequest, textStatus, errorThrown) {
                        alert(textStatus);
                    }
                });
            },
            "保存修改信息":function () {
                $.ajax({
                    url:""+baseConfig.URL.roleUpdate,
                    type:"POST",
                    data:$("#iRoleAddForm").serialize(),
                    dataType:"json",
                    success:function (data) {
                        if (data.status == 'SUCCESS') {
                            alert("信息已经成功修改");
                            $("#iRoleAdd").dialog("close");
                            roleVM.getDataList();
                        }
                    },
                    complete:function (XHR, TS) {
                        // $('.ui-dialog-buttonpane').find('button:contains("保存添加信息")').removeAttr("disabled");
                    },
                    error:function (XMLHttpRequest, textStatus, errorThrown) {
                        alert(textStatus);
                    }
                });
            },
            "关闭":function () {
                $(this).dialog("close");
            }
        }
    });
    rid=0;
    var setting = {
        data:{
            simpleDate:{
                enable:true,
                idKey:"id",
                pIdKey:"fid",
                rootPId: 0
            }
        },
        check: {
            enable: true
            , chkboxType: {"Y": "ps", "N": "ps"}
            , chkStyle: "checkbox"
            , nocheckInherit: false
        },
        async:{
            enable:true,
            url:getAsyncUrl,
            autoParam:["id=fid"],           //提交参数
            // otherParam:["rid",rid],
            dataFilter: filter  //异步返回后经过Filter
        },
        callback:{
            beforeCheck:zTreeBeforeCheck
            ,onCheck:zTreeCheck
            ,onAsyncSuccess: zTreeOnAsyncSuccess
        },
        view:{
            selectedMulti: false
        }
    };
    $.fn.zTree.init($("#tree"), setting);

//    zTreeObj.reAsyncChildNodes(null, "refresh");
});
function pageOnKeydown(obj,event){
    $(obj).val($(obj).val().replace(/\D/g,''));
    if(event.keyCode == "13")
    {
        pageList($(obj).val());
    }
}
function pageList(objPage){
    if(objPage>roleVM.pageCount) roleVM.pageNumber=roleVM.pageCount;
    else   roleVM.pageNumber=objPage;
    $("#pageShowNumber").val(roleVM.pageNumber);
    roleVM.getDataList();
}
var rid=0;

function getAsyncUrl(treeId, treeNode){
    return ""+baseConfig.URL.menuList+"?rid="+rid;
}
function zTreeOnAsyncSuccess(event, treeId, treeNode, msg){
    var zTreeObj = $.fn.zTree.getZTreeObj("tree");
    msg=eval('(' + msg + ')');
    $.each(msg.list,function (index,item) {
        if(item.count!=null&&item.count>0){
            zTreeObj.reAsyncChildNodes(zTreeObj.getNodeByParam("id", item.id, null), "refresh");
        }
    });
}

function zTreeCheck(event, treeId, treeNode){
    var zTreeObj = $.fn.zTree.getZTreeObj("tree");
    var nodes= zTreeObj.getChangeCheckedNodes();
    var mids="";
    $.each(nodes,function (index,item) {
        if(mids=="")mids=item.id;
        else  mids+=","+item.id;

        item.checkedOld = treeNode.checked;
    });

    if (treeNode.checked) {
        $.ajax({
            url:""+baseConfig.URL.updateRoleMenu,
            data:{"rid":rid,
                "mid":mids,
                "status":1},
            success:function (data) {
            }
        });
    }else{
        $.ajax({
            url:""+baseConfig.URL.updateRoleMenu,
            data:{"rid":rid,
                "mid":mids,
                "status":0},
            success:function (data) {
            }
        });
    }
}
function zTreeBeforeCheck(treeId, treeNode){
   if (treeNode.checked) {
       $.ajax({
           url:""+baseConfig.URL.updateRoleMenu,
           data:{"rid":"1",
               "mid":treeNode.id,
               "status":1},
           success:function (data) {
           }
       });
   }else{
       $.ajax({
           url:""+baseConfig.URL.updateRoleMenu,
           data:{"rid":"1",
               "mid":treeNode.id,
               "status":0},
           success:function (data) {
           }
       });
   }
    return true;
}

function filter(treeId, parentNode, childNodes) {
    if (!childNodes) return null;
    var cn=childNodes.list;

    for (var i = 0, l = cn.length; i < l; i++) {

        if(cn[i].status==null||cn[i].status==0)
            cn[i].checked=false;
        else
            cn[i].checked=true;

        if(cn[i].count==null||cn[i].count==0)
            cn[i].isParent =0;
        else
            cn[i].isParent =1;
    }
    return cn;
}
function toAdd(){
    $("#iRoleAddName").val('');
    $('.ui-dialog-buttonpane').find('button:contains("保存修改信息")').hide();
    $('.ui-dialog-buttonpane').find('button:contains("保存添加信息")').show();
    $("#iRoleAdd").dialog("open");
}

function toUpDate(objid){
    $("#iRoleAddName").val('');

    $.ajax({
            url: baseConfig.URL.roleOne + "",
            type: "get",
            data:{id:objid},
            cache: false,
            success:function (res) {
                console.log(res);
                if (res.status == 'SUCCESS') {
                    $("#iRoleAddId").val(res.info.id);
                    $("#iRoleAddName").val(res.info.name);

                    $('.ui-dialog-buttonpane').find('button:contains("保存修改信息")').show();
                    $('.ui-dialog-buttonpane').find('button:contains("保存添加信息")').hide();
                    $("#iRoleAdd").dialog("open");
                }
            },
            complete:function (XHR, TS) {
                // $('.ui-dialog-buttonpane').find('button:contains("保存添加信息")').removeAttr("disabled");
            },
            error:function (XMLHttpRequest, textStatus, errorThrown) {
                alert(textStatus);
            }
        });
}
function toDelete(objid){
    if(confirm("是否确认删除？"))
    $.ajax({
            url: baseConfig.URL.roleDelete + "",
            type: "get",
            data:{id:objid},
            cache: false,
            success:function (res) {
                console.log(res);
                roleVM.getDataList();
            },
            complete:function (XHR, TS) {
                // $('.ui-dialog-buttonpane').find('button:contains("保存添加信息")').removeAttr("disabled");
            },
            error:function (XMLHttpRequest, textStatus, errorThrown) {
                alert(textStatus);
            }
        });
}
function toMenuRole(objid){
    rid=objid;
    var zTreeObj = $.fn.zTree.getZTreeObj("tree");
    zTreeObj.reAsyncChildNodes(null, "refresh");
}