var vue = new Vue({
    el: "#groupVue",
    data: {
        approvalgroups: {
            id: 0,
            groupName:''
        },
        grouplist: [],
        noGroupMermberList: [],
        selectUserList: [],
        curSelectList: [],
        removeUserList: [],
        editApprovalGroupMember: {},
        delGroup: null
    },
    mounted: function () {
        this.getList();
    },
    methods: {
        addNew() {
            this.approvalgroups = {
                id: 0,
                groupName: ''
            }
            $("#groupModal").modal('show');
        },
        editGroup(group) {
            this.approvalgroups.id = group.id;
            this.approvalgroups.groupName = group.groupName;
            $("#groupModal").modal('show');
        },
        chooseGroup(group, obj) {
            $(".group-card").removeClass("group-card-sel");
            $(obj.target).parents(".group-card").toggleClass("group-card-sel");
            this.delGroup = group;
        },
        deleteGroup() {
            var thisObj = this;
            if (thisObj.delGroup == null || thisObj.delGroup.id==0) {
                main.alert("未选中任何审批组");
                return;
            }
            main.confirm("确定要删除吗？", function () {
                main.post("/System/DeleteApplovalGroup?groupId=" + thisObj.delGroup.id).done(function (resp) {
                    $(".group-card").removeClass("group-card-sel");
                    thisObj.getList();
                    thisObj.delGroup = null;
                })
            });
        },
        saveGroup() {
            var thisObj = this;
            if (thisObj.approvalgroups.groupName.length==0) {
                return main.alert("审批组名不能为空");
            }
            main.post("/System/SaveApplovalGroup", { req: thisObj.approvalgroups }).done(function (resp) {
                if (resp.success) {
                    thisObj.getList();
                    $("#groupModal").modal('hide');
                }

            });
        },
        getList() {
            var thisObj = this;
            main.post("/System/ApplovalGroupSearch", { MemberName :$("#Name").val()}).done(function (resp) {
                thisObj.grouplist = resp.obj;
            })
        },
        editGroupMember(group) {
            $("#memberName").val("");
            this.getNoGroupMemberList();
            this.selectUserList = [];
            var thisObj = this;
            $(".selftable").find("tr").removeClass("selecttr");
            this.editApprovalGroupMember = group;
            group.approvalgroupmembers.forEach(x => {
                thisObj.selectUserList.push(x.member);
            });
            layer.open({
                type: 1,
                area: ['60%', '60%'],
                fixed: false, //不固定
                maxmin: true,
                content: $("#groupMember"),
                end: function () {
                    thisObj.getList();
                }
            });
        },
        getNoGroupMemberList() {
            var thisObj = this;
            var name = $("#memberName").val();
            main.post("/System/GetApplovalSysUserList?name=" + name).done(function (resp) {
                thisObj.noGroupMermberList = resp.obj;
            })
        },
        choosetr(user, obj) {
            //设置table颜色
            $(obj.target).parent().toggleClass("selecttr");
            var index = this.curSelectList.indexOf(user);
            if (index == -1) {
                this.curSelectList.push(user);
            } else {
                this.curSelectList.splice(index,1);
            }
        },
        adduser() {
            var thisObj = this;
            var addUserList = [];
            thisObj.curSelectList.forEach(item => {
                thisObj.selectUserList.push(item);
                var addUser = {
                    id: 0,
                    groupId: this.editApprovalGroupMember.id,
                    memberId: item.Id,
                    member: item
                }
                addUserList.push(addUser);
            })
            if (addUserList.length == 0) {
                main.alert("未选中任何待添加人员");
                return;
            }
            main.post("/System/SaveApplovalGroupMember", { memberList: addUserList }).done(function (resp) {
                thisObj.getNoGroupMemberList();
                thisObj.curSelectList = [];
                $(".selftable").find("tr").removeClass("selecttr");
            })
        },
        removeuser() {
            var userList = this.selectUserList.filter(x => {
                if (this.removeUserList.indexOf(x.Id)===-1) {
                    return x;
                }
            });
           
            var thisObj = this;
            if (thisObj.removeUserList.length == 0) {
                main.alert("未选中任何待移除人员");
                return;
            }
            main.post("/System/DeleteApplovalGroupMember", { ids: thisObj.removeUserList }).done(function (resp) {
                thisObj.selectUserList = userList;
                thisObj.getNoGroupMemberList();
            })
        }
    }
});