971 lines
38 KiB
Plaintext
971 lines
38 KiB
Plaintext
|
||
@{
|
||
ViewData["MainNum"] = "6";
|
||
ViewData["SubNum"] = "1";
|
||
ViewData["Title"] = "帳號管理";
|
||
}
|
||
|
||
<ol class="breadcrumb page-breadcrumb">
|
||
<li class="breadcrumb-item"><a href="javascript:void(0);">系統管理</a></li>
|
||
<li class="breadcrumb-item active">帳號管理</li>
|
||
<li class="position-absolute pos-top pos-right d-none d-sm-block"><span class="js-get-date"></span></li>
|
||
</ol>
|
||
|
||
<div class="row">
|
||
<div class="col-xl-12">
|
||
<div id="panel-5" class="panel">
|
||
<div class="panel-container show">
|
||
<div class="panel-content">
|
||
<ul class="nav nav-tabs" id="tabs" role="tablist">
|
||
<li class="nav-item"><a class="nav-link active" data-toggle="tab" href="#tab-user-manager" role="tab"><i class="fal fa-home text-success"></i> <span class="hidden-sm-down ml-1">帳號管理</span></a></li>
|
||
<li class="nav-item"><a class="nav-link" data-toggle="tab" href="#tab-role-manager" role="tab"><i class="fal fa-user text-primary"></i> <span class="hidden-sm-down ml-1">角色管理</span></a></li>
|
||
<li class="nav-item"><a class="nav-link" data-toggle="tab" href="#tab-role-auth" role="tab"><i class="fal fa-cog text-danger"></i> <span class="hidden-sm-down ml-1">角色權限</span></a></li>
|
||
</ul>
|
||
<div class="tab-content p-3">
|
||
<div class="tab-pane fade show active" id="tab-user-manager" role="tabpanel" aria-labelledby="tab-user-manager">
|
||
@Html.Partial("_UserManager")
|
||
</div>
|
||
|
||
<div class="tab-pane fade" id="tab-role-manager" role="tabpanel" aria-labelledby="tab-role-manager">
|
||
@Html.Partial("_RoleManager")
|
||
</div>
|
||
|
||
<div class="tab-pane fade" id="tab-role-auth" role="tabpanel" aria-labelledby="tab-role-auth">
|
||
@Html.Partial("_RoleAuth")
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
@section Scripts {
|
||
<script>
|
||
var userManagerTable;
|
||
var selected_id = "0";
|
||
|
||
$(function () {
|
||
|
||
//#region 切換頁簽判斷被選中的tab
|
||
$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
|
||
selected_tab = $(e.target).attr("href")
|
||
|
||
switch (selected_tab) {
|
||
case "#tab-user-manager":
|
||
userManagerTable.ajax.reload();
|
||
break;
|
||
case "#tab-role-manager":
|
||
roleManagerTable.ajax.reload();
|
||
break;
|
||
case "#tab-role-auth":
|
||
var url = "/UserInfo/RoleManagerList";
|
||
$.post(url, { post: 1 }, function (rel) {
|
||
if (rel.code != "0000") {
|
||
toast_error(rel.msg);
|
||
return;
|
||
}
|
||
if (rel.data.length > 0) {
|
||
$('#select_roleId_roleAuth_tab').empty();
|
||
$.each(rel.data, function (index, val) {
|
||
$("#select_roleId_roleAuth_tab").append($("<option />").val(val.role_guid).text(val.full_name));
|
||
});
|
||
//預設查詢第一個
|
||
$("#select_roleId_roleAuth_tab").val($("#select_roleId_roleAuth_tab option:first").val());
|
||
|
||
roleAuthTable.ajax.reload();
|
||
|
||
} else {
|
||
$("#select_roleId_roleAuth_tab").empty();
|
||
$("#select_roleId_roleAuth_tab").append('<option value="0" disabled>請先新增角色</option>');
|
||
$("#select_roleId_roleAuth_tab").val($("#user_role_modal option:first").val());
|
||
}
|
||
}, 'json');
|
||
break;
|
||
}
|
||
});
|
||
//#endregion
|
||
|
||
|
||
//#region 人員基本資料 DataTable
|
||
userManagerTable = $("#user_table").DataTable({
|
||
"columns": [
|
||
{
|
||
"data": null,
|
||
"render": function (data, type, row, meta) {
|
||
return meta.row + 1;
|
||
}
|
||
},
|
||
{
|
||
"data": "full_name"
|
||
},
|
||
{
|
||
"data": "account"
|
||
},
|
||
{
|
||
"data": "role_full_name"
|
||
},
|
||
{
|
||
"data": "email"
|
||
},
|
||
{
|
||
"data": "phone"
|
||
},
|
||
{
|
||
"data": "created_at"
|
||
},
|
||
{
|
||
"data": "userinfo_guid",
|
||
"render": function (data, type, row, meta) {
|
||
if (data == "0") {
|
||
return "";
|
||
} else {
|
||
if (data != '@ViewBag.myUserInfo.Userinfo_guid') {
|
||
return '<button class="btn btn-primary edit-btn">修改</button> <button class="btn btn-danger del-btn">刪除</button>';
|
||
} else {
|
||
return '<button class="btn btn-primary edit-btn">修改</button>';
|
||
}
|
||
}
|
||
}
|
||
//"defaultContent": '<button class="btn btn-primary edit-btn">修改</button> <button class="btn btn-danger del-btn">刪除</button>'
|
||
}
|
||
],
|
||
//"order": [[2, "desc"]],
|
||
'createdRow': function (row, data, dataIndex) {
|
||
$(row).attr('data-guid', data.userinfo_guid);
|
||
},
|
||
"ajax": {
|
||
"url": "/UserInfo/UserManagerList",
|
||
"type": "POST",
|
||
"dataSrc": function (rel) {
|
||
if (rel.code == "9999") {
|
||
toast_error(rel.msg);
|
||
return;
|
||
}
|
||
|
||
data = rel.data;
|
||
|
||
if (data == null || data.length == 0) {
|
||
this.data = [];
|
||
}
|
||
if (@ViewBag.myUserInfo.Layer == 1) {
|
||
$.each(this.data, function (index, val) {
|
||
if (val.layer == 0) {
|
||
val.userinfo_guid = "0"
|
||
}
|
||
});
|
||
}
|
||
|
||
console.log(this.data);
|
||
return data;
|
||
}
|
||
}
|
||
});
|
||
//#endregion
|
||
});
|
||
|
||
//#region 新增使用者
|
||
function AddUser() {
|
||
selected_id = "0";
|
||
$("#user-modal .modal-title").html("人員基本資料 - 新增");
|
||
$("#user-form").trigger("reset");
|
||
$("#user_account_modal").prop("disabled", false);
|
||
$(".user_account_same_email_div").show();
|
||
$("#user_account_same_email").prop("disabled", false);
|
||
$(".user-password-div").show();
|
||
GetRoleDropDownList('', 1);
|
||
|
||
$("#user-modal").modal();
|
||
}
|
||
//#endregion
|
||
|
||
//#region 編輯使用者
|
||
$('#user_table').on("click", "button.edit-btn", function () {
|
||
|
||
$("#user-modal .modal-title").html("人員基本資料 - 編輯");
|
||
|
||
selected_id = $(this).parents('tr').attr('data-guid');
|
||
|
||
//取得單一使用者管理員
|
||
var url = "/UserInfo/GetOneUser/";
|
||
|
||
var send_data = {
|
||
guid: selected_id
|
||
}
|
||
|
||
$.post(url, send_data, function (rel) {
|
||
if (rel.code == "9999") {
|
||
toast_error(rel.msg);
|
||
return;
|
||
}
|
||
else if (rel.code == "9998") {
|
||
toast_error(rel.msg);
|
||
return;
|
||
}
|
||
$("#user_name_modal").val(rel.data.full_name);
|
||
$("#user_email_modal").val(rel.data.email);
|
||
$("#user_account_modal").val(rel.data.account);
|
||
$("#user_account_modal").prop("disabled", true);
|
||
$(".user_account_same_email_div").hide();
|
||
$("#user_account_same_email").prop("disabled", true);
|
||
$(".system_admin_password_form_row").hide();
|
||
$("#user_phone_modal").val(rel.data.phone);
|
||
|
||
GetRoleDropDownList(rel.data.role_guid, 1);
|
||
|
||
$(".user-password-div").hide();
|
||
|
||
$("#user-modal").modal();
|
||
}, 'json');
|
||
|
||
});
|
||
//#endregion
|
||
|
||
//#region 取得角色下拉選單
|
||
function GetRoleDropDownList(selectedVal, type) {
|
||
var url = "/UserInfo/RoleManagerList";
|
||
$.post(url, { post : 0 }, function (rel) {
|
||
if (rel.code != "0000") {
|
||
toast_error(rel.msg);
|
||
return;
|
||
}
|
||
if (type == 1) {
|
||
if (rel.data.length > 0) {
|
||
$('#user_role_modal').empty();
|
||
$.each(rel.data, function (index, val) {
|
||
if (@ViewBag.myUserInfo.Layer == 1) {
|
||
if (val.layer == 0) {
|
||
$("#user_role_modal").append($("<option disabled style='background: #ccc;'/>").val(val.role_guid).text(val.full_name));
|
||
} else {
|
||
$("#user_role_modal").append($("<option />").val(val.role_guid).text(val.full_name));
|
||
}
|
||
|
||
} else {
|
||
$("#user_role_modal").append($("<option />").val(val.role_guid).text(val.full_name));
|
||
}
|
||
|
||
|
||
});
|
||
if (selectedVal != "") {
|
||
$("#user_role_modal").val(selectedVal);
|
||
}
|
||
else {
|
||
//預設查詢第一個
|
||
$("#user_role_modal").val($("#user_role_modal option:first").val()).trigger('change');
|
||
}
|
||
} else {
|
||
$("#user_role_modal").empty();
|
||
$("#user_role_modal").append('<option value="0" disabled>請先新增角色</option>');
|
||
$("#user_role_modal").val($("#user_role_modal option:first").val()).trigger('change');
|
||
}
|
||
}
|
||
else {
|
||
if (rel.data.length > 0) {
|
||
$('#select_roleId_roleAuth_tab').empty();
|
||
$.each(rel.data, function (index, val) {
|
||
$("#select_roleId_roleAuth_tab").append($("<option />").val(val.role_guid).text(val.full_name));
|
||
});
|
||
if (selectedVal != "") {
|
||
$("#select_roleId_roleAuth_tab").val(selectedVal);
|
||
}
|
||
else {
|
||
//預設查詢第一個
|
||
$("#select_roleId_roleAuth_tab").val($("#select_roleId_roleAuth_tab option:first").val()).trigger('change');
|
||
}
|
||
} else {
|
||
$("#select_roleId_roleAuth_tab").empty();
|
||
$("#select_roleId_roleAuth_tab").append('<option value="0" disabled>請先新增角色</option>');
|
||
$("#select_roleId_roleAuth_tab").val($("#user_role_modal option:first").val()).trigger('change');
|
||
}
|
||
}
|
||
//toast_ok(rel.msg);
|
||
}, 'json');
|
||
}
|
||
//#endregion
|
||
|
||
//#region 帳號是否等同Email
|
||
$('#user_account_same_email').change(function () {
|
||
var email = $("#user_email_modal").val();
|
||
if (email == undefined || email == null || email == "") {
|
||
toast_warning("請先填寫email");
|
||
$(this).prop("checked", false);
|
||
return;
|
||
}
|
||
if (this.checked && selected_id == 0) {
|
||
//只提供新增時，可透過email填入帳號欄位
|
||
$("#user_account_modal").val(email);
|
||
$("#user_account_modal").prop("disabled", true);
|
||
}
|
||
else {
|
||
$("#user_account_modal").prop("disabled", false);
|
||
}
|
||
});
|
||
//#endregion
|
||
|
||
//#region 使用者表單驗證
|
||
$("#user-form").validate({
|
||
rules: {
|
||
user_name_modal: {
|
||
required: true,
|
||
},
|
||
user_email_modal: {
|
||
required: true,
|
||
email: true,
|
||
},
|
||
user_account_modal: {
|
||
required: true,
|
||
}
|
||
},
|
||
});
|
||
//#endregion
|
||
|
||
//#region 儲存使用者
|
||
function SaveUser() {
|
||
if ($("#user-form").valid()) {
|
||
|
||
$("#save-user-btn").html('<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>').attr("disabled", true);
|
||
|
||
var url = "/UserInfo/SaveUser";
|
||
var send_data = {
|
||
Id: selected_id,
|
||
Name: $("#user_name_modal").val(),
|
||
Email: $("#user_email_modal").val(),
|
||
Account: $("#user_account_modal").val(),
|
||
Phone: $("#user_phone_modal").val(),
|
||
RoleId: $("#user_role_modal").val()
|
||
}
|
||
$.post(url, send_data, function (rel) {
|
||
$("#save-user-btn").html('確定').attr("disabled", false);
|
||
if (rel.code != "0000") {
|
||
if (rel.code == "9998") {
|
||
toast_warning(rel.msg);
|
||
return;
|
||
}
|
||
toast_error(rel.msg);
|
||
return;
|
||
}
|
||
toast_ok(rel.msg);
|
||
$('#user-modal').modal('hide');
|
||
userManagerTable.ajax.reload();
|
||
}, 'json')
|
||
.fail(function (xhr, status, error) {
|
||
$("#save-user-btn").html('確定').attr("disabled", false);
|
||
});
|
||
}
|
||
}
|
||
//#endregion
|
||
|
||
//#region 刪除使用者
|
||
$('#user_table').on("click", "button.del-btn", function () {
|
||
selected_id = $(this).parents('tr').attr('data-guid');
|
||
Swal.fire(
|
||
{
|
||
title: "刪除",
|
||
text: "你確定是否刪除此筆資料?",
|
||
type: "warning",
|
||
icon: 'warning',
|
||
showCancelButton: true,
|
||
confirmButtonText: "是",
|
||
cancelButtonText: "否"
|
||
}).then(function (result) {
|
||
if (result.value) {
|
||
var url = "/UserInfo/DeleteOneUser";
|
||
var send_data = {
|
||
guid: selected_id
|
||
}
|
||
$.post(url, send_data, function (rel) {
|
||
if (rel.code != "0000") {
|
||
toast_error(rel.msg);
|
||
return;
|
||
}
|
||
|
||
toast_ok(rel.msg);
|
||
|
||
userManagerTable.ajax.reload();
|
||
}, 'json');
|
||
}
|
||
});
|
||
});
|
||
//#endregion
|
||
</script>
|
||
<script>
|
||
var roleManagerTable;
|
||
var selected_roleGUID = "0";
|
||
$(function () {
|
||
//#region 角色資料 DataTable
|
||
roleManagerTable = $("#role_table").DataTable({
|
||
"columns": [
|
||
{
|
||
"data": null,
|
||
"render": function (data, type, row, meta) {
|
||
return meta.row + 1;
|
||
}
|
||
},
|
||
{
|
||
"data": "full_name"
|
||
},
|
||
{
|
||
"data": "created_at"
|
||
},
|
||
{
|
||
"data": "layer",
|
||
"render": function (data, type, row, meta) {
|
||
if (@ViewBag.myUserInfo.Layer == 0) {
|
||
if (data == 1) {
|
||
return '<button class="btn btn-primary edit-btn">修改</button> <button class="btn btn-danger del-btn">刪除</button>';
|
||
} else {
|
||
return '<button class="btn btn-primary edit-btn">修改</button>';
|
||
}
|
||
} else {
|
||
if (data == 1) {
|
||
return '<button class="btn btn-primary edit-btn">修改</button> <button class="btn btn-danger del-btn">刪除</button>';
|
||
} else {
|
||
return '';
|
||
}
|
||
}
|
||
}
|
||
}
|
||
],
|
||
//"order": [[2, "desc"]],
|
||
'createdRow': function (row, data, dataIndex) {
|
||
$(row).attr('data-guid', data.role_guid);
|
||
},
|
||
"ajax": {
|
||
"url": "/UserInfo/RoleManagerList",
|
||
"type": "POST",
|
||
"data": function (d) {
|
||
d.post = 0;
|
||
},
|
||
"dataSrc": function (rel) {
|
||
if (rel.code == "9999") {
|
||
toast_error(rel.msg);
|
||
return;
|
||
}
|
||
|
||
data = rel.data;
|
||
|
||
if (data == null || data.length == 0) {
|
||
this.data = [];
|
||
}
|
||
|
||
return data;
|
||
}
|
||
}
|
||
});
|
||
//#endregion
|
||
});
|
||
|
||
//#region 新增角色
|
||
function AddRole() {
|
||
selected_roleGUID = "0";
|
||
$("#role-modal .modal-title").html("角色資料 - 新增");
|
||
$("#role-form").trigger("reset");
|
||
|
||
$("#role-modal").modal();
|
||
}
|
||
//#endregion
|
||
|
||
//#region 編輯角色
|
||
$('#role_table').on("click", "button.edit-btn", function () {
|
||
|
||
$("#user-modal .modal-title").html("人員基本資料 - 編輯");
|
||
|
||
selected_roleGUID = $(this).parents('tr').attr('data-guid');
|
||
|
||
//取得單一使用者管理員
|
||
var url = "/UserInfo/GetOneRole/";
|
||
|
||
var send_data = {
|
||
guid: selected_roleGUID
|
||
}
|
||
|
||
$.post(url, send_data, function (rel) {
|
||
if (rel.code == "9999") {
|
||
toast_error(rel.msg);
|
||
return;
|
||
}
|
||
else if (rel.code == "9998") {
|
||
toast_error(rel.msg);
|
||
return;
|
||
}
|
||
$("#role_name_modal").val(rel.data.full_name);
|
||
|
||
$("#role-modal").modal();
|
||
}, 'json');
|
||
|
||
});
|
||
//#endregion
|
||
|
||
//#region 角色表單驗證
|
||
$("#role-form").validate({
|
||
rules: {
|
||
role_name_modal: {
|
||
required: true
|
||
}
|
||
},
|
||
});
|
||
//#endregion
|
||
|
||
//#region 儲存角色
|
||
function SaveRole() {
|
||
if ($("#role-form").valid()) {
|
||
|
||
$("#save-role-btn").html('<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>').attr("disabled", true);
|
||
|
||
var url = "/UserInfo/SaveRole";
|
||
|
||
var send_data = {
|
||
Id: selected_roleGUID,
|
||
Name: $("#role_name_modal").val(),
|
||
}
|
||
|
||
$.post(url, send_data, function (rel) {
|
||
$("#save-role-btn").html('確定').attr("disabled", false);
|
||
|
||
if (rel.code != "0000") {
|
||
toast_error(rel.msg);
|
||
return;
|
||
}
|
||
|
||
toast_ok(rel.msg);
|
||
$('#role-modal').modal('hide');
|
||
roleManagerTable.ajax.reload();
|
||
}, 'json')
|
||
.fail(function (xhr, status, error) {
|
||
$("#save-role-btn").html('確定').attr("disabled", false);
|
||
});
|
||
}
|
||
}
|
||
//#endregion
|
||
|
||
//#region 刪除角色
|
||
$('#role_table').on("click", "button.del-btn", function () {
|
||
selected_roleGUID = $(this).parents('tr').attr('data-guid');
|
||
Swal.fire(
|
||
{
|
||
title: "刪除",
|
||
text: "你確定是否刪除此筆資料?",
|
||
type: "warning",
|
||
icon: 'warning',
|
||
showCancelButton: true,
|
||
confirmButtonText: "是",
|
||
cancelButtonText: "否"
|
||
}).then(function (result) {
|
||
if (result.value) {
|
||
var url = "/UserInfo/DeleteOneRole";
|
||
var send_data = {
|
||
guid: selected_roleGUID
|
||
}
|
||
$.post(url, send_data, function (rel) {
|
||
if (rel.code != "0000") {
|
||
if (rel.code == "9999") {
|
||
toast_error(rel.msg);
|
||
}
|
||
else if (rel.code == "9997") {
|
||
var htnl = rel.msg + "<br>"
|
||
Swal.fire(
|
||
{
|
||
title: "刪除失敗",
|
||
icon: 'warning',
|
||
html: htnl,
|
||
});
|
||
}
|
||
else {
|
||
toast_warning(rel.msg);
|
||
}
|
||
return;
|
||
}
|
||
else {
|
||
toast_ok(rel.msg);
|
||
roleManagerTable.ajax.reload();
|
||
return;
|
||
}
|
||
}, 'json');
|
||
}
|
||
});
|
||
});
|
||
//#endregion
|
||
</script>
|
||
<script>
|
||
var roleAuthTable;
|
||
var roleAuthNotJoinTable;
|
||
var selected_roleAuthGUID = "0";
|
||
var selected_build = "0";
|
||
var saveCheckAuth = [];
|
||
//var CheckCount = 0;
|
||
var AllCount = 0;
|
||
//var frontEndCheckAuth = [];
|
||
//var backEndCheckAuth = [];
|
||
//var oddAuthType;
|
||
//var oddBuild;
|
||
|
||
$(function () {
|
||
var url = "/UserInfo/RoleManagerList";
|
||
$.post(url, { post: 1 }, function (rel) {
|
||
if (rel.code != "0000") {
|
||
toast_error(rel.msg);
|
||
return;
|
||
}
|
||
if (rel.data.length > 0) {
|
||
$('#select_roleId_roleAuth_tab').empty();
|
||
$.each(rel.data, function (index, val) {
|
||
$("#select_roleId_roleAuth_tab").append($("<option />").val(val.role_guid).text(val.full_name));
|
||
});
|
||
//預設查詢第一個
|
||
$("#select_roleId_roleAuth_tab").val($("#select_roleId_roleAuth_tab option:first").val());
|
||
|
||
//#region 角色資料 DataTable
|
||
roleAuthTable = $("#roleAuth_table").DataTable({
|
||
"columns": [
|
||
{
|
||
"data": null,
|
||
"render": function (data, type, row, meta) {
|
||
return meta.row + 1;
|
||
}
|
||
},
|
||
{
|
||
"data": "role_full_name"
|
||
},
|
||
{
|
||
"data": "authTypeText"
|
||
},
|
||
{
|
||
"data": "building_full_name"
|
||
},
|
||
{
|
||
"data": "mainName"
|
||
},
|
||
{
|
||
"data": "subName"
|
||
},
|
||
{
|
||
"data": "created_at"
|
||
},
|
||
{
|
||
"data": null,
|
||
"defaultContent": '<button class="btn btn-danger del-btn">刪除</button>'
|
||
}
|
||
],
|
||
//"order": [[2, "desc"]],
|
||
'createdRow': function (row, data, dataIndex) {
|
||
$(row).attr('data-guid', data.role_guid);
|
||
$(row).attr('data-authCode', data.authCode);
|
||
},
|
||
"ajax": {
|
||
"url": "/UserInfo/RoleAuthList",
|
||
"type": "POST",
|
||
"data": function (d) {
|
||
d.SelectedRoleId = $('#select_roleId_roleAuth_tab').val();
|
||
},
|
||
"dataSrc": function (rel) {
|
||
if (rel.code == "9999") {
|
||
toast_error(rel.msg);
|
||
return;
|
||
}
|
||
|
||
data = rel.data;
|
||
|
||
if (data == null || data.length == 0) {
|
||
this.data = [];
|
||
}
|
||
|
||
return data;
|
||
}
|
||
}
|
||
});
|
||
//#endregion
|
||
} else {
|
||
$("#select_roleId_roleAuth_tab").empty();
|
||
$("#select_roleId_roleAuth_tab").append('<option value="0" disabled>請先新增角色</option>');
|
||
$("#select_roleId_roleAuth_tab").val($("#user_role_modal option:first").val());
|
||
}
|
||
}, 'json');
|
||
|
||
//#region 角色未加入權限列表 DataTable
|
||
roleAuthNotJoinTable = $("#roleAuth_NotJoin_table").DataTable({
|
||
//"order": [[1, "desc"]],
|
||
"columns": [
|
||
{
|
||
"data": "authCode"
|
||
},
|
||
{
|
||
"data": "mainName"
|
||
},
|
||
{
|
||
"data": "subName"
|
||
}
|
||
],
|
||
"columnDefs": [{
|
||
'targets': 0,
|
||
'searchable': false,
|
||
'orderable': false,
|
||
'className': 'dt-body-center',
|
||
'render': function (data, type, full, meta) {
|
||
var check_html = "";
|
||
check_html += '<div class="custom-control custom-checkbox">';
|
||
//判斷是否要Check
|
||
var checkHtml = "";
|
||
if (saveCheckAuth.length > 0) {
|
||
var filterAuth = saveCheckAuth.filter(function (i, n) {
|
||
return i === data;
|
||
});
|
||
|
||
if (filterAuth.length > 0) {
|
||
checkHtml = "checked";
|
||
}
|
||
}
|
||
|
||
check_html += `<input type="checkbox" class="custom-control-input" name="selectedAuthPage[]" id="auth-page-${data}" value="${data}" ${checkHtml} /> `;
|
||
check_html += '<label class="custom-control-label" for="auth-page-' + data + '" />';
|
||
check_html += '</div>';
|
||
return check_html;
|
||
}
|
||
}],
|
||
'createdRow': function (row, data, dataIndex) {
|
||
$(row).attr('data-authCode', data.authCode);
|
||
},
|
||
"ajax": {
|
||
"url": "/UserInfo/GetRoleNotAuthPageList",
|
||
"type": "POST",
|
||
"data": function (d) {
|
||
d.SelectedRoleId = $('#select_roleId_roleAuth_tab').val();
|
||
d.SelectedAuthType = $("#select_authType").val();
|
||
d.SelectedBuild = selected_build;
|
||
},
|
||
"dataSrc": function (rel) {
|
||
if (rel.data.code == "9999") {
|
||
toast_error(rel.data.msg);
|
||
return;
|
||
}
|
||
|
||
data = rel.data;
|
||
AllCount = data.length;
|
||
console.log("AllCount", AllCount);
|
||
|
||
if (data == null || data.length == 0) {
|
||
this.data = [];
|
||
}
|
||
|
||
return data;
|
||
}
|
||
},
|
||
//"drawCallback": function (settings) {
|
||
|
||
// if (AllCount > 0) {
|
||
|
||
// var rows = roleAuthNotJoinTable.rows({ 'search': 'applied' }).nodes().length;
|
||
// var checkAuths = $("input[name='selectedAuthPage[]']:checked", rows).map(function () {
|
||
// return $(this).val();
|
||
// }).get();
|
||
// console.log("drawCallback", checkAuths.length);
|
||
// if (AllCount == CheckCount.length) {
|
||
// $("#select-all-role-auth").prop('checked', true);
|
||
// }
|
||
// else {
|
||
// $("#select-all-role-auth").prop('checked', false);
|
||
// }
|
||
// }
|
||
// else {
|
||
// $("#select-all-role-auth").prop('checked', false);
|
||
// }
|
||
// CheckCount = 0;
|
||
//}
|
||
});
|
||
//#endregion
|
||
});
|
||
|
||
//#region 角色權限全選
|
||
$("#select-all-role-auth").change(function () {
|
||
|
||
var rows = roleAuthNotJoinTable.rows({ 'search': 'applied' }).nodes();
|
||
|
||
$("input[name='selectedAuthPage[]']", rows).prop('checked', this.checked);
|
||
});
|
||
//#endregion
|
||
|
||
//#region 選擇角色下拉式選單select_option
|
||
$("#select_roleId_roleAuth_tab").change(function () {
|
||
roleAuthTable.ajax.reload();
|
||
});
|
||
//#endregion
|
||
|
||
//#region 新增角色權限
|
||
async function AddRoleAuth() {
|
||
$("#select_authType").val(1);
|
||
await authTypeChange();
|
||
//oddBuild = $("#select_building").val();
|
||
roleAuthNotJoinTable.ajax.reload();
|
||
saveCheckAuth = [];
|
||
$("#role-auth-modal").modal();
|
||
}
|
||
//#endregion
|
||
|
||
//#region 選擇角色類型下拉式選單select_option
|
||
function authTypeChange() {
|
||
return new Promise((resolve, reject) => {
|
||
if ($("#select_authType").val() == "1") {
|
||
$("#select_building").show();
|
||
var url = "/BuildInfo/BuildInfoList";
|
||
$.post(url, null, function (rel) {
|
||
if (rel.code != "0000") {
|
||
toast_error(rel.msg);
|
||
return;
|
||
}
|
||
if (rel.data.length > 0) {
|
||
$('#select_building').empty();
|
||
$.each(rel.data, function (index, val) {
|
||
$("#select_building").append($("<option />").val(val.building_guid).text(val.full_name));
|
||
});
|
||
//預設查詢第一個
|
||
$("#select_building").val($("#select_building option:first").val());
|
||
selected_build = $("#select_building option:first").val();
|
||
roleAuthNotJoinTable.ajax.reload();
|
||
//#endregion
|
||
} else {
|
||
$("#select_building").empty();
|
||
$("#select_building").append('<option value="0" disabled>請先新增區域</option>');
|
||
$("#select_building").val($("#select_building option:first").val());
|
||
}
|
||
resolve();
|
||
}, 'json');
|
||
}
|
||
else {
|
||
selected_build = "0";
|
||
$("#select_building").hide();
|
||
roleAuthNotJoinTable.ajax.reload();
|
||
resolve();
|
||
}
|
||
|
||
});
|
||
}
|
||
|
||
$("#select_authType").change(function () {
|
||
$("#select-all-role-auth").prop('checked', false);
|
||
CheckAuthMain();
|
||
authTypeChange();
|
||
});
|
||
//#endregion
|
||
|
||
//#region 選擇區域下拉式選單select_option
|
||
$("#select_building").change(function () {
|
||
$("#select-all-role-auth").prop('checked', false);
|
||
CheckAuthMain();
|
||
|
||
selected_build = $("#select_building").val();
|
||
roleAuthNotJoinTable.ajax.reload();
|
||
});
|
||
//#endregion
|
||
|
||
//#region 儲存Check
|
||
async function CheckAuthMain() {
|
||
await CheckAuth();
|
||
}
|
||
|
||
function CheckAuth() {
|
||
return new Promise((resolve, reject) => {
|
||
var rows = roleAuthNotJoinTable.rows({ 'search': 'applied' }).nodes();
|
||
//取得被選擇的角色權限
|
||
var checkAuths = $("input[name='selectedAuthPage[]']:checked", rows).map(function () {
|
||
return $(this).val();
|
||
}).get();
|
||
|
||
var uncheckAuths = $("input[name='selectedAuthPage[]']:not(:checked)", rows).map(function () {
|
||
return $(this).val();
|
||
}).get();
|
||
|
||
//勾選
|
||
if (checkAuths.length > 0) {
|
||
$.each(checkAuths, function (index, val) {
|
||
var dbindex = saveCheckAuth.findIndex(x => x == val);
|
||
if (dbindex == -1) {
|
||
saveCheckAuth.push(val);
|
||
}
|
||
});
|
||
}
|
||
|
||
//未勾選
|
||
if (uncheckAuths.length > 0) {
|
||
$.each(uncheckAuths, function (index, val) {
|
||
var dbindex = saveCheckAuth.findIndex(x => x == val);
|
||
if (dbindex >= 0) {
|
||
saveCheckAuth.splice(dbindex, 1);
|
||
}
|
||
});
|
||
}
|
||
resolve();
|
||
});
|
||
}
|
||
//#endregion
|
||
|
||
//#region 刪除角色權限
|
||
$('#roleAuth_table').on("click", "button.del-btn", function () {
|
||
|
||
var row_guid = $(this).parents('tr').attr('data-guid');
|
||
var row_authCode = $(this).parents('tr').attr('data-authCode');
|
||
|
||
//var split_arr = row_id_authCode.split("_");
|
||
Swal.fire(
|
||
{
|
||
title: "刪除",
|
||
text: "你確定是否刪除此筆資料?",
|
||
type: "warning",
|
||
icon: 'warning',
|
||
showCancelButton: true,
|
||
confirmButtonText: "是",
|
||
cancelButtonText: "否"
|
||
}).then(function (result) {
|
||
if (result.value) {
|
||
//取得單一系統管理員
|
||
var url = "/UserInfo/DeleteOneRoleAuth/";
|
||
|
||
var send_data = {
|
||
RoleId: row_guid,
|
||
AuthCode: row_authCode
|
||
}
|
||
|
||
$.post(url, send_data, function (rel) {
|
||
if (rel.code != "0000") {
|
||
toast_error(rel.msg);
|
||
return;
|
||
}
|
||
|
||
toast_ok(rel.msg);
|
||
roleAuthTable.ajax.reload();
|
||
}, 'json');
|
||
}
|
||
});
|
||
});
|
||
//#endregion
|
||
|
||
//#region 儲存角色權限
|
||
function SaveRoleAuth() {
|
||
CheckAuthMain();
|
||
|
||
$("#save-role-auth-btn").html('<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>').attr("disabled", true);
|
||
|
||
var url = "/UserInfo/SaveRoleAuth";
|
||
|
||
var send_data = {
|
||
SelectedRoleId: $('#select_roleId_roleAuth_tab').val(),
|
||
SaveCheckAuth: saveCheckAuth
|
||
}
|
||
|
||
$.post(url, send_data, function (rel) {
|
||
$("#save-role-auth-btn").html('確定').attr("disabled", false);
|
||
if (rel.code != "0000") {
|
||
toast_error(rel.msg);
|
||
return;
|
||
}
|
||
|
||
toast_ok(rel.msg);
|
||
$("#role-auth-modal").modal('hide');
|
||
|
||
roleAuthTable.ajax.reload();
|
||
}, 'json')
|
||
.fail(function (xhr, status, error) {
|
||
$("#save-role-auth-btn").html('確定').attr("disabled", false);
|
||
});
|
||
}
|
||
//#endregion
|
||
</script>
|
||
} |