149 lines
5.1 KiB
JavaScript
149 lines
5.1 KiB
JavaScript
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();
|
|
})
|
|
}
|
|
}
|
|
}); |