(function () {
|
function handleForbidden(res) {
|
if (res && Number(res.code) === 403) {
|
top.location.href = baseUrl + "/";
|
return true;
|
}
|
return false;
|
}
|
|
new Vue({
|
el: "#app",
|
data: function () {
|
return {
|
loading: false,
|
dialogSubmitting: false,
|
resetSubmitting: false,
|
searchForm: {
|
username: "",
|
mobile: ""
|
},
|
tableData: [],
|
selection: [],
|
roles: [],
|
page: {
|
curr: 1,
|
limit: 15,
|
total: 0
|
},
|
dialog: {
|
visible: false,
|
mode: "create"
|
},
|
dialogForm: {
|
id: null,
|
username: "",
|
mobile: "",
|
password: "",
|
roleId: null,
|
status: 1,
|
mfaAllow: 0
|
},
|
resetDialog: {
|
visible: false,
|
userId: null,
|
username: "",
|
password: ""
|
},
|
dialogRules: {
|
username: [
|
{ required: true, message: "请输入登录账户", trigger: "blur" }
|
],
|
mobile: [
|
{ required: true, message: "请输入账号", trigger: "blur" }
|
],
|
roleId: [
|
{ required: true, message: "请选择角色", trigger: "change" }
|
],
|
password: [
|
{
|
validator: function (rule, value, callback) {
|
if (this.dialog.mode !== "create") {
|
callback();
|
return;
|
}
|
if (!value) {
|
callback(new Error("请输入初始密码"));
|
return;
|
}
|
if (String(value).length < 4) {
|
callback(new Error("初始密码不能少于4位"));
|
return;
|
}
|
callback();
|
}.bind(this),
|
trigger: "blur"
|
}
|
]
|
},
|
resetRules: {
|
password: [
|
{ required: true, message: "请输入新密码", trigger: "blur" },
|
{
|
validator: function (rule, value, callback) {
|
if (String(value || "").length < 4) {
|
callback(new Error("新密码不能少于4位"));
|
return;
|
}
|
callback();
|
},
|
trigger: "blur"
|
}
|
]
|
}
|
};
|
},
|
created: function () {
|
this.loadRoles();
|
this.loadTable();
|
},
|
methods: {
|
authHeaders: function () {
|
return { token: localStorage.getItem("token") };
|
},
|
loadRoles: function () {
|
var vm = this;
|
$.ajax({
|
url: baseUrl + "/role/list/auth",
|
method: "GET",
|
headers: vm.authHeaders(),
|
data: {
|
curr: 1,
|
limit: 500
|
},
|
success: function (res) {
|
if (handleForbidden(res)) {
|
return;
|
}
|
if (Number(res.code) !== 200) {
|
vm.$message.error(res.msg || "角色加载失败");
|
return;
|
}
|
var payload = res.data || {};
|
vm.roles = Array.isArray(payload.records) ? payload.records : [];
|
},
|
error: function () {
|
vm.$message.error("角色加载失败");
|
}
|
});
|
},
|
loadTable: function () {
|
var vm = this;
|
vm.loading = true;
|
$.ajax({
|
url: baseUrl + "/user/list/auth",
|
method: "GET",
|
headers: vm.authHeaders(),
|
data: {
|
curr: vm.page.curr,
|
limit: vm.page.limit,
|
username: vm.searchForm.username,
|
mobile: vm.searchForm.mobile
|
},
|
success: function (res) {
|
if (handleForbidden(res)) {
|
return;
|
}
|
if (Number(res.code) !== 200) {
|
vm.$message.error(res.msg || "加载失败");
|
return;
|
}
|
var payload = res.data || {};
|
vm.tableData = Array.isArray(payload.records) ? payload.records : [];
|
vm.page.total = Number(payload.total || 0);
|
},
|
error: function () {
|
vm.$message.error("加载失败");
|
},
|
complete: function () {
|
vm.loading = false;
|
}
|
});
|
},
|
handleSearch: function () {
|
this.page.curr = 1;
|
this.loadTable();
|
},
|
handleResetSearch: function () {
|
this.searchForm = {
|
username: "",
|
mobile: ""
|
};
|
this.page.curr = 1;
|
this.loadTable();
|
},
|
handleSelectionChange: function (rows) {
|
this.selection = rows || [];
|
},
|
handleCurrentChange: function (curr) {
|
this.page.curr = curr;
|
this.loadTable();
|
},
|
handleSizeChange: function (limit) {
|
this.page.limit = limit;
|
this.page.curr = 1;
|
this.loadTable();
|
},
|
openCreateDialog: function () {
|
this.dialog.mode = "create";
|
this.dialog.visible = true;
|
this.dialogForm = {
|
id: null,
|
username: "",
|
mobile: "",
|
password: "",
|
roleId: null,
|
status: 1,
|
mfaAllow: 0
|
};
|
this.clearDialogValidate();
|
},
|
openEditDialog: function (row) {
|
this.dialog.mode = "edit";
|
this.dialog.visible = true;
|
this.dialogForm = {
|
id: row.id,
|
username: row.username || "",
|
mobile: row.mobile || "",
|
password: "",
|
roleId: row.roleId == null ? null : Number(row.roleId),
|
status: row.status == null ? 1 : Number(row.status),
|
mfaAllow: row.mfaAllow == null ? 0 : Number(row.mfaAllow)
|
};
|
this.clearDialogValidate();
|
},
|
clearDialogValidate: function () {
|
var vm = this;
|
vm.$nextTick(function () {
|
if (vm.$refs.dialogForm) {
|
vm.$refs.dialogForm.clearValidate();
|
}
|
});
|
},
|
closeDialog: function () {
|
this.dialog.visible = false;
|
},
|
submitDialog: function () {
|
var vm = this;
|
if (!vm.$refs.dialogForm) {
|
return;
|
}
|
vm.$refs.dialogForm.validate(function (valid) {
|
if (!valid) {
|
return false;
|
}
|
vm.dialogSubmitting = true;
|
$.ajax({
|
url: baseUrl + "/user/" + (vm.dialog.mode === "create" ? "add" : "update") + "/auth",
|
method: "POST",
|
headers: vm.authHeaders(),
|
data: vm.buildDialogPayload(),
|
success: function (res) {
|
if (handleForbidden(res)) {
|
return;
|
}
|
if (Number(res.code) !== 200) {
|
vm.$message.error(res.msg || "保存失败");
|
return;
|
}
|
vm.$message.success(res.msg || "保存成功");
|
vm.dialog.visible = false;
|
vm.loadTable();
|
},
|
error: function () {
|
vm.$message.error("保存失败");
|
},
|
complete: function () {
|
vm.dialogSubmitting = false;
|
}
|
});
|
return true;
|
});
|
},
|
buildDialogPayload: function () {
|
var payload = {
|
username: this.dialogForm.username,
|
mobile: this.dialogForm.mobile,
|
roleId: this.dialogForm.roleId,
|
status: this.dialogForm.status,
|
mfaAllow: this.dialogForm.mfaAllow
|
};
|
if (this.dialog.mode === "edit") {
|
payload.id = this.dialogForm.id;
|
} else {
|
payload.password = hex_md5(this.dialogForm.password);
|
}
|
return payload;
|
},
|
openResetPasswordDialog: function (row) {
|
this.resetDialog = {
|
visible: true,
|
userId: row.id,
|
username: row.username || "",
|
password: ""
|
};
|
var vm = this;
|
vm.$nextTick(function () {
|
if (vm.$refs.resetForm) {
|
vm.$refs.resetForm.clearValidate();
|
}
|
});
|
},
|
closeResetDialog: function () {
|
this.resetDialog.visible = false;
|
},
|
submitResetPassword: function () {
|
var vm = this;
|
if (!vm.$refs.resetForm) {
|
return;
|
}
|
vm.$refs.resetForm.validate(function (valid) {
|
if (!valid) {
|
return false;
|
}
|
vm.resetSubmitting = true;
|
$.ajax({
|
url: baseUrl + "/user/resetPassword/auth",
|
method: "POST",
|
headers: vm.authHeaders(),
|
data: {
|
id: vm.resetDialog.userId,
|
password: hex_md5(vm.resetDialog.password)
|
},
|
success: function (res) {
|
if (handleForbidden(res)) {
|
return;
|
}
|
if (Number(res.code) !== 200) {
|
vm.$message.error(res.msg || "重置密码失败");
|
return;
|
}
|
vm.$message.success("重置密码成功");
|
vm.resetDialog.visible = false;
|
},
|
error: function () {
|
vm.$message.error("重置密码失败");
|
},
|
complete: function () {
|
vm.resetSubmitting = false;
|
}
|
});
|
return true;
|
});
|
},
|
toggleStatus: function (row) {
|
var vm = this;
|
var currentStatus = Number(row.status) === 1 ? 1 : 0;
|
$.ajax({
|
url: baseUrl + "/user/edit/auth",
|
method: "POST",
|
headers: vm.authHeaders(),
|
data: {
|
id: row.id,
|
status: currentStatus
|
},
|
success: function (res) {
|
if (handleForbidden(res)) {
|
return;
|
}
|
if (Number(res.code) !== 200) {
|
row.status = currentStatus === 1 ? 0 : 1;
|
vm.$message.error(res.msg || "状态更新失败");
|
return;
|
}
|
row.status$ = currentStatus === 1 ? "正常" : "禁用";
|
vm.$message.success("状态已更新");
|
},
|
error: function () {
|
row.status = currentStatus === 1 ? 0 : 1;
|
vm.$message.error("状态更新失败");
|
}
|
});
|
},
|
removeSelection: function () {
|
var ids = this.selection.map(function (item) {
|
return item.id;
|
});
|
this.removeRows(ids);
|
},
|
removeRows: function (ids) {
|
var vm = this;
|
if (!ids || ids.length === 0) {
|
vm.$message.warning("请选择要删除的数据");
|
return;
|
}
|
vm.$confirm("确定删除选中的记录吗？", "提示", {
|
type: "warning",
|
confirmButtonText: "确定",
|
cancelButtonText: "取消"
|
}).then(function () {
|
$.ajax({
|
url: baseUrl + "/user/delete/auth",
|
method: "POST",
|
headers: vm.authHeaders(),
|
traditional: true,
|
data: { "ids[]": ids },
|
success: function (res) {
|
if (handleForbidden(res)) {
|
return;
|
}
|
if (Number(res.code) !== 200) {
|
vm.$message.error(res.msg || "删除失败");
|
return;
|
}
|
vm.$message.success("删除成功");
|
vm.loadTable();
|
},
|
error: function () {
|
vm.$message.error("删除失败");
|
}
|
});
|
}).catch(function () {
|
});
|
}
|
}
|
});
|
})();
|
