Refactoring code module 02_users
This commit is contained in:
DESKTOP-1R2VSQH\Lenovo ThinkPad E490
parent
7540311518
commit
c11ff006eb
12 changed files with 301 additions and 1363 deletions
|
|
@ -1,9 +1,11 @@
|
|||
<script setup lang="ts">
|
||||
import { ref, onMounted, watch } from "vue";
|
||||
import { useQuasar } from "quasar";
|
||||
|
||||
import { useRouter } from "vue-router";
|
||||
import http from "@/plugins/http";
|
||||
import config from "@/app.config";
|
||||
import { useCounterMixin } from "@/stores/mixin";
|
||||
|
||||
/** importType*/
|
||||
import type { QTableProps } from "quasar";
|
||||
|
|
@ -14,11 +16,7 @@ import type {
|
|||
import type { Users, Roles } from "@/modules/02_users/interface/response/Main";
|
||||
|
||||
/** importComponents*/
|
||||
import DialogAddUser from "@/modules/02_users/components/Users/DialogAddUser.vue";
|
||||
// import DialogManagementRole from "@/modules/02_users/components/Users/DialogManagementRole.vue";
|
||||
|
||||
/** importStore*/
|
||||
import { useCounterMixin } from "@/stores/mixin";
|
||||
import DialogAddUser from "@/modules/02_users/components/Users/DialogFormUser.vue";
|
||||
|
||||
/** use*/
|
||||
const $q = useQuasar();
|
||||
|
|
@ -33,11 +31,12 @@ const {
|
|||
} = useCounterMixin();
|
||||
|
||||
/** Table*/
|
||||
const rows = ref<Users[]>([]);
|
||||
const total = ref<number>(0);
|
||||
const currentPage = ref<number>(1);
|
||||
const maxPage = ref<number>(0);
|
||||
const pageSize = ref<number>(10);
|
||||
const keyword = ref<string>(""); // คำค้นหา
|
||||
const rows = ref<Users[]>([]); // ข้อมูลรายาการผู้ใช้งาน
|
||||
const currentPage = ref<number>(1); // หน้า
|
||||
const total = ref<number>(0); // จำนวนรายการ
|
||||
const maxPage = ref<number>(0); // จำนวนหน้า
|
||||
const pageSize = ref<number>(10); // จำนวนข้อมูลต่อหน้า
|
||||
const columns = ref<QTableProps["columns"]>([
|
||||
{
|
||||
name: "no",
|
||||
|
|
@ -116,21 +115,14 @@ const visibleColumns = ref<string[]>([
|
|||
"role",
|
||||
"enabled",
|
||||
]);
|
||||
const keyword = ref<string>("");
|
||||
|
||||
/** addUser*/
|
||||
const modalDialogAdd = ref<boolean>(false);
|
||||
const isStatusEdit = ref<boolean>(false);
|
||||
const userId = ref<string>("");
|
||||
/** เพิ่มข้อมูลผู้ใช้งาน*/
|
||||
const modalDialogAdd = ref<boolean>(false); // เปิด ปิด popup
|
||||
const isStatusEdit = ref<boolean>(false); // สถานะการแก้ไข
|
||||
const userId = ref<string>(""); // id ผู้ใช้งานที่ต้องการแก้ไข
|
||||
|
||||
/** List Mune*/
|
||||
// รายการตัวเลือก
|
||||
const itemMenu = ref<ItemsMenu[]>([
|
||||
// {
|
||||
// label: "แก้ไข",
|
||||
// icon: "edit",
|
||||
// color: "edit",
|
||||
// type: "edit",
|
||||
// },
|
||||
{
|
||||
label: "ระงับการใช้งาน",
|
||||
icon: "mdi-lock-outline",
|
||||
|
|
@ -157,18 +149,20 @@ const itemMenu = ref<ItemsMenu[]>([
|
|||
},
|
||||
]);
|
||||
|
||||
/** function fetch รายชื่อผู้ใช้งาน*/
|
||||
function fetchListUsers() {
|
||||
/**
|
||||
* ฟังก์ชันดึงข้อมูลรายชื่อผู้ใช้งาน
|
||||
*/
|
||||
async function fetchListUsers() {
|
||||
let max = pageSize.value;
|
||||
let first = (currentPage.value - 1) * pageSize.value;
|
||||
showLoader();
|
||||
http
|
||||
await http
|
||||
.get(
|
||||
config.API.managementUser +
|
||||
`?max=${max}&first=${first}&search=${keyword.value}`
|
||||
)
|
||||
.then((res) => {
|
||||
const data = res.data.data;
|
||||
.then(async (res) => {
|
||||
const data = await res.data.data;
|
||||
|
||||
total.value = res.data.total;
|
||||
maxPage.value = Math.ceil(total.value / pageSize.value);
|
||||
|
|
@ -194,25 +188,35 @@ function fetchListUsers() {
|
|||
}
|
||||
|
||||
/**
|
||||
*
|
||||
* @param type ประเภท
|
||||
* ฟังก์ชันจัดการการกระทำต่าง ๆ กับข้อมูลผู้ใช้งาน
|
||||
* @param type ประเภทตัวเลือก
|
||||
* @param data ข้อมูลรายการผู้ใช้งาน
|
||||
*/
|
||||
function onClickAction(type: string, data: Users) {
|
||||
// ตรวจสอบประเภทของการกระทำ
|
||||
if (type === "edit") {
|
||||
// แก้ไข
|
||||
modalDialogAdd.value = true;
|
||||
isStatusEdit.value = true;
|
||||
userId.value = data.id;
|
||||
} else if (type === "delete") {
|
||||
// เรียกใช้ฟังก์ชันสำหรับลบข้อมูลผู้ใช้งาน
|
||||
onDeleteUser(data.id);
|
||||
} else if (type === "managementRole") {
|
||||
// ไปยังหน้าจัดการสิทธิ์ของผู้ใช้งาน
|
||||
data && router.push(`/users/roles/${data.id}`);
|
||||
} else if (type === "open" || type === "close") {
|
||||
// เปลี่ยนสถานะเปิด/ปิดของผู้ใช้งาน
|
||||
const status = type === "open" ? true : false;
|
||||
onLockUser(data.id, status);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* ฟังก์ชันเปิด popup สำหรับเพิ่มข้อมูลผู้ใช้งาน
|
||||
*
|
||||
* กำหนดสถานะการแก้ไขเป็น false และ id ผู้ใช้งานที่ต้องการแก้ไขเป็นค่าว่าง
|
||||
*/
|
||||
function openDialog() {
|
||||
modalDialogAdd.value = true;
|
||||
isStatusEdit.value = false;
|
||||
|
|
@ -222,15 +226,17 @@ function openDialog() {
|
|||
/**
|
||||
* function ยืนยันการลบข้อมูลรายการผู้ใช้งาน
|
||||
* @param id รายการผู้ใช้งาน
|
||||
*
|
||||
* ลบข้อมูลรายชื่อเสร็จแล้วทำการดึงข้อมูลรายชื่อผู้ใช้งานใหม่
|
||||
*/
|
||||
function onDeleteUser(id: string) {
|
||||
dialogRemove($q, () => {
|
||||
showLoader();
|
||||
http
|
||||
.delete(config.API.managementUser + `/${id}`)
|
||||
.then(() => {
|
||||
.then(async () => {
|
||||
await fetchListUsers();
|
||||
success($q, "ลบข้อมูลสำเร็จ");
|
||||
fetchListUsers();
|
||||
})
|
||||
.catch((err) => {
|
||||
messageError($q, err);
|
||||
|
|
@ -242,9 +248,11 @@ function onDeleteUser(id: string) {
|
|||
}
|
||||
|
||||
/**
|
||||
* function ระงับการใช้งาน
|
||||
* ฟังก์ชันระงับการใช้งานผู้ใช้งาน
|
||||
* @param id ผู้ใช้งาน
|
||||
* @param type เปิดใช้งาน,ระงับการใช้งาน
|
||||
*
|
||||
* เสร็จแล้วทำการดึงข้อมูลรายชื่อผู้ใช้งานใหม่
|
||||
*/
|
||||
function onLockUser(id: string, type: boolean) {
|
||||
dialogConfirm(
|
||||
|
|
@ -255,7 +263,7 @@ function onLockUser(id: string, type: boolean) {
|
|||
.put(config.API.managementUser + `/${id}/enableStatus/${type}`)
|
||||
.then(async () => {
|
||||
await fetchListUsers();
|
||||
await success($q, type ? "เปิดใช้งานสำเร็จ" : "ระงับการใช้งานสำเร็จ");
|
||||
success($q, type ? "เปิดใช้งานสำเร็จ" : "ระงับการใช้งานสำเร็จ");
|
||||
})
|
||||
.catch((err) => {
|
||||
messageError($q, err);
|
||||
|
|
@ -272,12 +280,19 @@ function onLockUser(id: string, type: boolean) {
|
|||
/**
|
||||
* function อัปเดท paging
|
||||
* @param initialPagination ข้อมูล pagination
|
||||
*
|
||||
* กำหนดหน้าไปยังหน้าแรก
|
||||
*/
|
||||
function updatePagination(initialPagination: Pagination) {
|
||||
currentPage.value = 1;
|
||||
pageSize.value = initialPagination.rowsPerPage;
|
||||
}
|
||||
|
||||
/**
|
||||
* ดูการเปลี่ยนแปลงของจำนวนข้อมูลต่อหน้า
|
||||
*
|
||||
* ดึงข้อมูลรายชื่อผู้ใช้งานตามจำนวนข้อมูลต่อหน้า
|
||||
*/
|
||||
watch(
|
||||
() => pageSize.value,
|
||||
() => {
|
||||
|
|
@ -285,8 +300,13 @@ watch(
|
|||
}
|
||||
);
|
||||
|
||||
onMounted(() => {
|
||||
fetchListUsers();
|
||||
/**
|
||||
* hook ทำงานเมื่อมีการเรียกใช้งาน Components
|
||||
*
|
||||
* ดึงข้อมูลรายชื่อผู้ใช้งาน
|
||||
*/
|
||||
onMounted(async () => {
|
||||
await fetchListUsers();
|
||||
});
|
||||
</script>
|
||||
|
||||
|
|
@ -1,9 +1,11 @@
|
|||
<script setup lang="ts">
|
||||
import { ref, onMounted } from "vue";
|
||||
import { useQuasar } from "quasar";
|
||||
|
||||
import { useRouter } from "vue-router";
|
||||
import http from "@/plugins/http";
|
||||
import config from "@/app.config";
|
||||
import { useCounterMixin } from "@/stores/mixin";
|
||||
|
||||
/** importType*/
|
||||
import type { QTableProps } from "quasar";
|
||||
|
|
@ -13,9 +15,6 @@ import type { Roles } from "@/modules/02_users/interface/response/Main";
|
|||
/** importComponents*/
|
||||
import DialogAddRole from "@/modules/02_users/components/Roles/DialogAddRole.vue";
|
||||
|
||||
/** importStore*/
|
||||
import { useCounterMixin } from "@/stores/mixin";
|
||||
|
||||
/** use*/
|
||||
const $q = useQuasar();
|
||||
const router = useRouter();
|
||||
|
|
@ -23,7 +22,8 @@ const { dialogRemove, messageError, showLoader, hideLoader, success } =
|
|||
useCounterMixin();
|
||||
|
||||
/** Table*/
|
||||
const rows = ref<Roles[]>([]);
|
||||
const rows = ref<Roles[]>([]); // รายการบทบาท
|
||||
const keyword = ref<string>(""); // คำค้นหา
|
||||
const columns = ref<QTableProps["columns"]>([
|
||||
{
|
||||
name: "no",
|
||||
|
|
@ -54,11 +54,10 @@ const columns = ref<QTableProps["columns"]>([
|
|||
},
|
||||
]);
|
||||
const visibleColumns = ref<string[]>(["no", "roleName", "roleDescription"]);
|
||||
const keyword = ref<string>("");
|
||||
|
||||
const modalDialogAdd = ref<boolean>(false);
|
||||
const modalDialogAdd = ref<boolean>(false); // เพิ่มบทบาท
|
||||
|
||||
/** List Mune*/
|
||||
// รายการตัวเลือก
|
||||
const itemMenu = ref<ItemsMenu[]>([
|
||||
{
|
||||
label: "แก้ไข",
|
||||
|
|
@ -74,13 +73,17 @@ const itemMenu = ref<ItemsMenu[]>([
|
|||
},
|
||||
]);
|
||||
|
||||
/** function fetch รายการบทบาท*/
|
||||
function fetchListRole() {
|
||||
/**
|
||||
* function fetch รายการบทบาท
|
||||
*
|
||||
* และบันทึกใน rows
|
||||
*/
|
||||
async function fetchListRole() {
|
||||
showLoader();
|
||||
http
|
||||
await http
|
||||
.get(config.API.managementAuth + `/list`)
|
||||
.then((res) => {
|
||||
const data = res.data.result;
|
||||
.then(async (res) => {
|
||||
const data = await res.data.result;
|
||||
rows.value = data;
|
||||
})
|
||||
.catch((err) => {
|
||||
|
|
@ -92,18 +95,24 @@ function fetchListRole() {
|
|||
}
|
||||
|
||||
/**
|
||||
*
|
||||
* ฟังก์ชันจัดการการกระทำต่าง ๆ กับข้อมูลบทบาท
|
||||
* @param type ประเภท
|
||||
* @param data ข้อมูลรายการผู้ใช้งาน
|
||||
* @param data ข้อมูลรายการบทบาท
|
||||
*/
|
||||
function onClickAction(type: string, data: Roles) {
|
||||
// เช็คการกระทำ
|
||||
if (type === "edit") {
|
||||
// ไปหน้าจัดการสิทธิ์
|
||||
router.push(`/roles/${data.id}`);
|
||||
} else if (type === "delete") {
|
||||
// ลบรายการยบทบาท
|
||||
onDeleteRole(data.id);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* เปิด popup เพิ่มบทบาท
|
||||
*/
|
||||
function openDialog() {
|
||||
modalDialogAdd.value = true;
|
||||
}
|
||||
|
|
@ -113,13 +122,13 @@ function openDialog() {
|
|||
* @param id รายการบทบาท
|
||||
*/
|
||||
function onDeleteRole(id: string) {
|
||||
dialogRemove($q, () => {
|
||||
dialogRemove($q, async () => {
|
||||
showLoader();
|
||||
http
|
||||
await http
|
||||
.delete(config.API.managementAuth + `/${id}`)
|
||||
.then(() => {
|
||||
.then(async () => {
|
||||
await fetchListRole();
|
||||
success($q, "ลบข้อมูลสำเร็จ");
|
||||
fetchListRole();
|
||||
})
|
||||
.catch((err) => {
|
||||
messageError($q, err);
|
||||
|
|
@ -130,6 +139,11 @@ function onDeleteRole(id: string) {
|
|||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* hook ทำงานเมื่อมีการเรียกใช้งาน Components
|
||||
*
|
||||
* ดึงข้อมูลบทบาท
|
||||
*/
|
||||
onMounted(() => {
|
||||
fetchListRole();
|
||||
});
|
||||
|
|
@ -1,11 +1,11 @@
|
|||
<script setup lang="ts">
|
||||
import { ref, reactive, onMounted, watch } from "vue";
|
||||
import { useQuasar } from "quasar";
|
||||
|
||||
import http from "@/plugins/http";
|
||||
import config from "@/app.config";
|
||||
|
||||
/** importComponents*/
|
||||
import DialogAdd from "@/modules/02_users/components/Permissions/DialogAdd.vue";
|
||||
import { usePermissionsStore } from "@/modules/02_users/stores/permissions";
|
||||
import { useCounterMixin } from "@/stores/mixin";
|
||||
|
||||
/** importType*/
|
||||
import type { QTableProps } from "quasar";
|
||||
|
|
@ -17,21 +17,23 @@ import type {
|
|||
Position,
|
||||
} from "@/modules/02_users/interface/response/Main";
|
||||
|
||||
/** importStore*/
|
||||
import { usePermissionsStore } from "@/modules/02_users/stores/permissions";
|
||||
import { useCounterMixin } from "@/stores/mixin";
|
||||
/** importComponents*/
|
||||
import DialogAdd from "@/modules/02_users/components/Permissions/DialogAdd.vue";
|
||||
|
||||
/**
|
||||
* use
|
||||
*/
|
||||
const $q = useQuasar();
|
||||
const store = usePermissionsStore();
|
||||
const { showLoader, hideLoader, messageError, success, dialogRemove } =
|
||||
useCounterMixin();
|
||||
|
||||
/** Tree*/
|
||||
const filter = ref<string>("");
|
||||
const nodes = ref<Array<NodeTree[]>>([]);
|
||||
const filter = ref<string>(""); // ค้นหาข้อมูลโครงาสร้าง
|
||||
const nodes = ref<Array<NodeTree[]>>([]); // ข้อมูลโครงสร้าง
|
||||
const lazy = ref(nodes);
|
||||
const expanded = ref<string[]>([]);
|
||||
const nodeId = ref<string>("");
|
||||
const expanded = ref<string[]>([]); // แสดงข้อมูลในโหนดที่เลือก
|
||||
const nodeId = ref<string>(""); // id โหนด
|
||||
|
||||
/** Table*/
|
||||
const columns = ref<QTableProps["columns"]>([
|
||||
|
|
@ -187,6 +189,7 @@ const columnsExpand = ref<QTableProps["columns"]>([
|
|||
style: "font-size: 14px",
|
||||
},
|
||||
]);
|
||||
// ฟอร์มค้นหาตำแหน่ง
|
||||
const reqMaster = reactive<FilterReqMaster>({
|
||||
id: "",
|
||||
type: 0,
|
||||
|
|
@ -198,21 +201,23 @@ const reqMaster = reactive<FilterReqMaster>({
|
|||
});
|
||||
const maxPage = ref<number>(0);
|
||||
const totalRow = ref<number>(0);
|
||||
const posMaster = ref<PosMaster[]>([]);
|
||||
const dataPosMaster = ref<PosMaster>();
|
||||
const posMaster = ref<PosMaster[]>([]); // ข้อมูลรายการตำแหน่ง
|
||||
const dataPosMaster = ref<PosMaster>(); // ข้อมูลตำแหน่ง
|
||||
const pagination = ref<Pagination>({
|
||||
page: reqMaster.page,
|
||||
rowsPerPage: reqMaster.pageSize,
|
||||
});
|
||||
|
||||
/** Dialog*/
|
||||
const modalDialogAdd = ref<boolean>(false);
|
||||
const modalDialogAdd = ref<boolean>(false); // popup จัดการสิทธิ์
|
||||
|
||||
/** function เรียกข้อมูลโครงสร้าง แบบปัจุบันและ แบบร่าง*/
|
||||
function fetchOrganizationActive() {
|
||||
http
|
||||
/**
|
||||
* function เรียกข้อมูลโครงสร้าง แบบปัจุบันและ แบบร่าง
|
||||
*/
|
||||
async function fetchOrganizationActive() {
|
||||
showLoader();
|
||||
await http
|
||||
.get(config.API.activeOrganization)
|
||||
.then((res) => {
|
||||
.then(async (res) => {
|
||||
const data = res.data.result;
|
||||
if (data) {
|
||||
store.activeId = data.activeId;
|
||||
|
|
@ -222,11 +227,14 @@ function fetchOrganizationActive() {
|
|||
store.typeOrganizational === "current"
|
||||
? store.activeId
|
||||
: store.draftId;
|
||||
fetchDataTree(id);
|
||||
await fetchDataTree(id);
|
||||
}
|
||||
})
|
||||
.catch((err) => {
|
||||
messageError($q, err);
|
||||
})
|
||||
.finally(() => {
|
||||
hideLoader();
|
||||
});
|
||||
}
|
||||
|
||||
|
|
@ -234,12 +242,12 @@ function fetchOrganizationActive() {
|
|||
* function fetch ข้อมูลของ Tree
|
||||
* @param id id โครงสร้าง
|
||||
*/
|
||||
function fetchDataTree(id: string) {
|
||||
async function fetchDataTree(id: string) {
|
||||
showLoader();
|
||||
http
|
||||
await http
|
||||
.get(config.API.orgByid(id.toString()))
|
||||
.then((res) => {
|
||||
const data = res.data.result;
|
||||
.then(async (res) => {
|
||||
const data = await res.data.result;
|
||||
nodes.value = data;
|
||||
})
|
||||
.catch((err) => {
|
||||
|
|
@ -255,12 +263,12 @@ function fetchDataTree(id: string) {
|
|||
* @param id idTree
|
||||
* @param level levelTree
|
||||
*/
|
||||
function fetchDataTable(id: string, revisionId: string, level: number) {
|
||||
async function fetchDataTable(id: string, revisionId: string, level: number) {
|
||||
showLoader();
|
||||
reqMaster.id = id;
|
||||
reqMaster.revisionId = revisionId;
|
||||
reqMaster.type = level;
|
||||
http
|
||||
await http
|
||||
.post(config.API.orgPosMasterList, reqMaster)
|
||||
.then(async (res) => {
|
||||
posMaster.value = [];
|
||||
|
|
@ -268,7 +276,7 @@ function fetchDataTable(id: string, revisionId: string, level: number) {
|
|||
maxPage.value = Math.ceil(res.data.result.total / reqMaster.pageSize);
|
||||
totalRow.value = res.data.result.total;
|
||||
|
||||
res.data.result.data.forEach((e: PosMaster) => {
|
||||
await res.data.result.data.forEach((e: PosMaster) => {
|
||||
const p = e.positions;
|
||||
if (p.length !== 0) {
|
||||
const a = p.find((el: Position) => el.positionIsSelected === true);
|
||||
|
|
@ -311,6 +319,10 @@ function onClickAddRole(data: PosMaster) {
|
|||
dataPosMaster.value = data;
|
||||
}
|
||||
|
||||
/**
|
||||
* ยืนยันการลบสิทธิ์
|
||||
* @param id ตำแหน่ง
|
||||
*/
|
||||
function onDeleteRole(id: string) {
|
||||
dialogRemove(
|
||||
$q,
|
||||
|
|
@ -327,7 +339,7 @@ function onDeleteRole(id: string) {
|
|||
reqMaster.revisionId,
|
||||
reqMaster.type
|
||||
);
|
||||
await success($q, "ลบข้อมูลสำเร็จ");
|
||||
success($q, "ลบข้อมูลสำเร็จ");
|
||||
})
|
||||
.catch((err) => {
|
||||
messageError($q, err);
|
||||
|
|
@ -1,9 +1,11 @@
|
|||
<script setup lang="ts">
|
||||
import { ref, onMounted } from "vue";
|
||||
import { useRouter, useRoute } from "vue-router";
|
||||
import { useQuasar } from "quasar";
|
||||
|
||||
import { useRouter, useRoute } from "vue-router";
|
||||
import http from "@/plugins/http";
|
||||
import config from "@/app.config";
|
||||
import { useCounterMixin } from "@/stores/mixin";
|
||||
|
||||
/** importType*/
|
||||
import type { QTableProps } from "quasar";
|
||||
|
|
@ -12,9 +14,6 @@ import type { Roles } from "@/modules/02_users/interface/response/Main";
|
|||
/** importComponents*/
|
||||
import DialogAddRoleUser from "@/modules/02_users/components/Users/DialogRoleUser.vue";
|
||||
|
||||
/** importStore*/
|
||||
import { useCounterMixin } from "@/stores/mixin";
|
||||
|
||||
/** use*/
|
||||
const $q = useQuasar();
|
||||
const router = useRouter();
|
||||
|
|
@ -22,9 +21,10 @@ const route = useRoute();
|
|||
const { dialogRemove, messageError, showLoader, hideLoader, success } =
|
||||
useCounterMixin();
|
||||
|
||||
const userId = ref<string>(route.params.id.toString());
|
||||
const userId = ref<string>(route.params.id.toString()); // id ผู้ใช้งาน
|
||||
|
||||
const rows = ref<Roles[]>([]);
|
||||
// Table
|
||||
const rows = ref<Roles[]>([]); //ข้อมูลรายการสิทธิ์
|
||||
const columns = ref<QTableProps["columns"]>([
|
||||
{
|
||||
name: "no",
|
||||
|
|
@ -56,14 +56,17 @@ const columns = ref<QTableProps["columns"]>([
|
|||
]);
|
||||
const visibleColumns = ref<string[]>(["no", "name", "description"]);
|
||||
|
||||
const modalDialogAdd = ref<boolean>(false);
|
||||
const modalDialogAdd = ref<boolean>(false); // เพิ่มสิทธิ์
|
||||
|
||||
function fetchListRoleUser() {
|
||||
/**
|
||||
* ฟังก์ชันดึงข้อมูลรายการสิทธิ์ที่มีตามผู้ใช้งาน
|
||||
*/
|
||||
async function fetchListRoleUser() {
|
||||
showLoader();
|
||||
http
|
||||
.get(config.API.managementUser + `/role/${userId.value}`)
|
||||
.then((res) => {
|
||||
rows.value = res.data.filter(
|
||||
.then(async (res) => {
|
||||
rows.value = await res.data.filter(
|
||||
(e: Roles) =>
|
||||
e.name === "STAFF" ||
|
||||
e.name === "SUPER_ADMIN" ||
|
||||
|
|
@ -79,13 +82,19 @@ function fetchListRoleUser() {
|
|||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* ฟังก์ชันลบข้อมูลสิทธิ์ออกจากผู้ใช้งาน
|
||||
* @param id สิทธิ์
|
||||
*
|
||||
* ลบข้อมูลเสร็จโหลดข้อมูลรายการสิทธิ์ที่ใหม่
|
||||
*/
|
||||
function onDelete(id: string) {
|
||||
dialogRemove($q, () => {
|
||||
showLoader();
|
||||
http
|
||||
.delete(config.API.management + `/${userId.value}/role/${id}`)
|
||||
.then(() => {
|
||||
fetchListRoleUser();
|
||||
.then(async () => {
|
||||
await fetchListRoleUser();
|
||||
success($q, "ลบข้อมูลสำเร็จ");
|
||||
})
|
||||
.catch((err) => {
|
||||
|
|
@ -97,10 +106,18 @@ function onDelete(id: string) {
|
|||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* ฟังก์เพิ่มสิทธิ์
|
||||
*/
|
||||
function openDialog() {
|
||||
modalDialogAdd.value = true;
|
||||
}
|
||||
|
||||
/**
|
||||
* hook ทำงานเมื่อมีการเรียกใช้ components
|
||||
*
|
||||
* โหลดข้อมูลรายการสิทธิ์ที่มี
|
||||
*/
|
||||
onMounted(() => {
|
||||
fetchListRoleUser();
|
||||
});
|
||||
|
|
@ -1,9 +1,11 @@
|
|||
<script setup lang="ts">
|
||||
import { onMounted, reactive, ref } from "vue";
|
||||
import { useRouter, useRoute } from "vue-router";
|
||||
import { useQuasar } from "quasar";
|
||||
|
||||
import { useRouter, useRoute } from "vue-router";
|
||||
import http from "@/plugins/http";
|
||||
import config from "@/app.config";
|
||||
import { useCounterMixin } from "@/stores/mixin";
|
||||
|
||||
import type {
|
||||
DataOption,
|
||||
|
|
@ -13,14 +15,15 @@ import type {
|
|||
import type { SysList } from "@/modules/02_users/interface/response/Main";
|
||||
import type { FormRole } from "@/modules/02_users/interface/request/Main";
|
||||
|
||||
/** importStore*/
|
||||
import { useCounterMixin } from "@/stores/mixin";
|
||||
|
||||
/** use*/
|
||||
const router = useRouter();
|
||||
const route = useRoute();
|
||||
const $q = useQuasar();
|
||||
const { dialogConfirm, messageError, showLoader, hideLoader, success } =
|
||||
useCounterMixin();
|
||||
|
||||
const roleId = ref<string>(route.params.id.toString()); // id บทบาท
|
||||
// รายการสิทธิ์การเข้าถึง
|
||||
const attrPrivilegeOp = ref<DataOption[]>([
|
||||
{
|
||||
id: "ROOT",
|
||||
|
|
@ -39,25 +42,26 @@ const attrPrivilegeOp = ref<DataOption[]>([
|
|||
name: "มีสิทธิ์เข้าถึงข้อมูลเฉพาะเจาะจง",
|
||||
},
|
||||
]);
|
||||
const router = useRouter();
|
||||
const route = useRoute();
|
||||
|
||||
const roleId = ref<string>(route.params.id.toString());
|
||||
// ฟอร์มบทบาท
|
||||
const formData = reactive<FormRole>({
|
||||
roleName: "",
|
||||
roleDescription: "",
|
||||
roleName: "", // ชื่อบทบาม
|
||||
roleDescription: "", // คำอธิบาย
|
||||
});
|
||||
|
||||
const sysListMain = ref<SysList[]>([]);
|
||||
const systemLists = ref<SystemList[]>([]);
|
||||
|
||||
function fetchSys() {
|
||||
/**
|
||||
* ดึงข้อมูลรายการระบบทั้หมด
|
||||
*/
|
||||
async function fetchSys() {
|
||||
showLoader();
|
||||
http
|
||||
await http
|
||||
.get(config.API.managementSysList)
|
||||
.then((res) => {
|
||||
sysListMain.value = res.data.result;
|
||||
fetchDataRole();
|
||||
.then(async (res) => {
|
||||
sysListMain.value = await res.data.result;
|
||||
await fetchDataRole();
|
||||
})
|
||||
.catch((err) => {
|
||||
messageError($q, err);
|
||||
|
|
@ -67,12 +71,17 @@ function fetchSys() {
|
|||
});
|
||||
}
|
||||
|
||||
function fetchDataRole() {
|
||||
/**
|
||||
* ดึงข้อมูลบทบาทและสิทธิ์
|
||||
*
|
||||
* บันทึกข้อมูลสิทธิ์เข้ากับรายการระบบ
|
||||
*/
|
||||
async function fetchDataRole() {
|
||||
showLoader();
|
||||
http
|
||||
await http
|
||||
.get(config.API.managementAuth + `/${roleId.value}`)
|
||||
.then((res) => {
|
||||
const data = res.data.result;
|
||||
.then(async (res) => {
|
||||
const data = await res.data.result;
|
||||
const sysList = data.roleAttributes;
|
||||
formData.roleName = data.roleName;
|
||||
formData.roleDescription = data.roleDescription;
|
||||
|
|
@ -144,6 +153,9 @@ function fetchDataRole() {
|
|||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* ยืนยันการบันทึกการบทบาทและสิทธิ์
|
||||
*/
|
||||
function onSubmit() {
|
||||
dialogConfirm($q, () => {
|
||||
showLoader();
|
||||
|
|
@ -189,9 +201,9 @@ function onSubmit() {
|
|||
};
|
||||
http
|
||||
.patch(config.API.managementAuth + `/${roleId.value}`, body)
|
||||
.then(() => {
|
||||
.then(async () => {
|
||||
await fetchDataRole();
|
||||
success($q, "บันทึกข้อมูลสำเร็จ");
|
||||
fetchDataRole();
|
||||
})
|
||||
.catch((err) => {
|
||||
messageError($q, err);
|
||||
|
|
@ -202,6 +214,11 @@ function onSubmit() {
|
|||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* hook ทำงานเมื่อมีการเรียกใช้ components
|
||||
*
|
||||
* โหลดข้อมูลรายการระบบทั้งหมด
|
||||
*/
|
||||
onMounted(() => {
|
||||
fetchSys();
|
||||
});
|
||||
File diff suppressed because it is too large
Load diff
Loading…
Add table
Add a link
Reference in a new issue