164 lines
5.9 KiB
JavaScript
164 lines
5.9 KiB
JavaScript
require(["jquery", "avalon", "csrfToken", "bsAlert", "formValidation"], function ($, avalon, csrfTokenHeader, bsAlert) {
|
|
|
|
|
|
// avalon:定义模式 userList
|
|
avalon.ready(function () {
|
|
avalon.vmodels.userList = null;
|
|
var vm = avalon.define({
|
|
$id: "userList",
|
|
//通用变量
|
|
userList: [],
|
|
previousPage: 0,
|
|
nextPage: 0,
|
|
page: 1,
|
|
editingUserId: 0,
|
|
totalPage: 1,
|
|
userType: ["一般用户", "管理员", "超级管理员"],
|
|
keyword: "",
|
|
showAdminOnly: false,
|
|
//编辑区域同步变量
|
|
username: "",
|
|
realName: "",
|
|
email: "",
|
|
adminType: 0,
|
|
id: 0,
|
|
getNext: function () {
|
|
if (!vm.nextPage)
|
|
return;
|
|
getPageData(vm.page + 1);
|
|
},
|
|
getPrevious: function () {
|
|
if (!vm.previousPage)
|
|
return;
|
|
getPageData(vm.page - 1);
|
|
},
|
|
getBtnClass: function (btn) { //上一页/下一页按钮启用禁用逻辑
|
|
if (btn) {
|
|
return vm.nextPage ? "btn btn-primary" : "btn btn-primary disabled";
|
|
}
|
|
else {
|
|
return vm.previousPage ? "btn btn-primary" : "btn btn-primary disabled";
|
|
}
|
|
},
|
|
editUser: function (user) { //点击编辑按钮的事件,显示/隐藏编辑区
|
|
vm.username = user.username;
|
|
vm.realName = user.real_name;
|
|
vm.adminType = user.admin_type;
|
|
vm.email = user.email;
|
|
vm.id = user.id;
|
|
if (vm.editingUserId == user.id)
|
|
vm.editingUserId = 0;
|
|
else
|
|
vm.editingUserId = user.id;
|
|
},
|
|
search: function () {
|
|
getPageData(1);
|
|
}
|
|
});
|
|
vm.$watch("showAdminOnly", function () {
|
|
getPageData(1);
|
|
});
|
|
avalon.scan();
|
|
getPageData(1); //用户列表初始化
|
|
//Ajax get数据
|
|
function getPageData(page) {
|
|
var url = "/api/admin/user/?paging=true&page=" + page + "&page_size=10";
|
|
if (vm.showAdminOnly == true)
|
|
url += "&admin_type=1";
|
|
if (vm.keyword != "")
|
|
url += "&keyword=" + vm.keyword;
|
|
$.ajax({
|
|
beforeSend: csrfTokenHeader,
|
|
url: url,
|
|
dataType: "json",
|
|
method: "get",
|
|
success: function (data) {
|
|
if (!data.code) {
|
|
vm.userList = data.data.results;
|
|
vm.totalPage = data.data.total_page;
|
|
vm.previousPage = data.data.previous_page;
|
|
vm.nextPage = data.data.next_page;
|
|
vm.page = page;
|
|
}
|
|
else {
|
|
bsAlert(data.data);
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
$("#edit_user-form")
|
|
.formValidation({
|
|
framework: "bootstrap",
|
|
fields: {
|
|
username: {
|
|
validators: {
|
|
notEmpty: {
|
|
message: "请填写用户名"
|
|
},
|
|
stringLength: {
|
|
min: 3,
|
|
max: 30,
|
|
message: '用户名长度必须在3到30位之间'
|
|
}
|
|
}
|
|
},
|
|
real_name: {
|
|
validators: {
|
|
notEmpty: {
|
|
message: "请填写真实姓名"
|
|
}
|
|
}
|
|
},
|
|
email: {
|
|
validators: {
|
|
notEmpty: {
|
|
message: "请填写电子邮箱邮箱地址"
|
|
},
|
|
emailAddress: {
|
|
message: "请填写有效的邮箱地址"
|
|
}
|
|
}
|
|
},
|
|
password: {
|
|
validators: {
|
|
stringLength: {
|
|
min: 6,
|
|
max: 30,
|
|
message: '密码长度必须在6到30位之间'
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
).on('success.form.fv', function (e) {
|
|
e.preventDefault();
|
|
var data = {
|
|
username: vm.username,
|
|
real_name: vm.realName,
|
|
email: vm.email,
|
|
id: vm.id,
|
|
admin_type: vm.adminType
|
|
};
|
|
if ($("#password").val() !== "")
|
|
data.password = $("#password").val();
|
|
$.ajax({
|
|
beforeSend: csrfTokenHeader,
|
|
url: "/api/admin/user/",
|
|
data: data,
|
|
dataType: "json",
|
|
method: "put",
|
|
success: function (data) {
|
|
if (!data.code) {
|
|
bsAlert("提交成功！");
|
|
getPageData(1);
|
|
$("#password").val("");
|
|
} else {
|
|
bsAlert(data.data);
|
|
}
|
|
}
|
|
})
|
|
});
|
|
});
|
|
|
|
}) |