จัดการผู้ใช้งาน => เพิ่มผู้ใช้งาน => เพิ่ม column prefix, ลบ btn แก้ไข

src/modules/02_users/components/Permissions/DialogAdd.vue

@@ -9,8 +9,8 @@ import DialogHeader from "@/components/DialogHeader.vue";
 
 /** importType*/
 import type { QTableProps } from "quasar";
-import type { Roles } from "@/modules/02_users/interface/response/Main";
 import type { FilterReqMaster } from "@/modules/02_users/interface/request/Main";
+import type { Roles } from "@/modules/02_users/interface/response/Main";
 
 /** importStore*/
 import { useCounterMixin } from "@/stores/mixin";
@@ -35,6 +35,10 @@ const props = defineProps({
     type: Function,
     required: true,
   },
+  dataPosMaster: {
+    type: Object,
+    required: true,
+  },
 });
 
 const rows = ref<Roles[]>([]);
@@ -89,17 +93,27 @@ function onSubmit() {
     dialogMessageNotify($q, "กรุณาเลือกสิทธิ์อย่างน้อง 1 สิทธิ์");
   } else {
     dialogConfirm($q, () => {
-      const arrayId = selected.value.map((e: Roles) => e.id);
-      console.log(arrayId);
-
       showLoader();
-      closeDialog();
-      props.fetchDataTable(
-        reqMaster.value.id,
-        reqMaster.value.revisionId,
-        reqMaster.value.type
-      );
-      hideLoader();
+      const arrayId = selected.value.map((e: Roles) => e.id);
+      http
+        .post(config.API.managementPermission, {
+          authRoleId: arrayId[0],
+          posMasterId: props.dataPosMaster.id,
+        })
+        .then(() => {
+          closeDialog();
+          props.fetchDataTable(
+            reqMaster.value.id,
+            reqMaster.value.revisionId,
+            reqMaster.value.type
+          );
+        })
+        .catch((err) => {
+          messageError($q, err);
+        })
+        .finally(() => {
+          hideLoader();
+        });
     });
   }
 }
@@ -139,17 +153,17 @@ watch(
                 dense
                 :rows-per-page-options="[10, 25, 50, 100]"
                 :visible-columns="visibleColumns"
-                selection="multiple"
+                selection="single"
                 v-model:selected="selected"
               >
-                <template v-slot:header-selection="scope">
+                <!-- <template v-slot:header-selection="scope">
                   <q-checkbox
                     keep-color
                     color="primary"
                     dense
                     v-model="scope.selected"
                   />
-                </template>
+                </template> -->
 
                 <template v-slot:body="props">
                   <q-tr :props="props" class="cursor-pointer">

src/modules/02_users/components/Users/DialogAddUser.vue

@@ -49,6 +49,15 @@ const columns = ref<QTableProps["columns"]>([
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
   },
+  {
+    name: "prefix",
+    align: "left",
+    label: "คำนำหน้าชื่อ",
+    sortable: true,
+    field: "prefix",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+  },
   {
     name: "firstName",
     align: "left",