update style

src/components/user-group/index.vue

@@ -31,6 +31,7 @@
         color="primary"
         :label="userItem.groupName"
         no-caps
+        square
         @click="$emit('click:groupName', userItem)"
       />
 

src/css/quasar.variables.scss

@@ -12,7 +12,7 @@
 // to match your app's branding.
 // Tip: Use the "Theme Builder" on Quasar's documentation website.
 
-$primary   : #1976D2;
+$primary   : rgb(93 49 158);
 $secondary : #26A69A;
 $accent    : #9C27B0;
 

src/layouts/MainLayout.vue

@@ -11,7 +11,13 @@
           @click="toggleLeftDrawer"
         />
 
-        <q-toolbar-title> VAB CMS Logo </q-toolbar-title>
+        <q-toolbar-title
+          ><q-img
+            src="../assets/logo_van.png"
+            style="width: 7.5rem"
+            fit="contain"
+            :ratio="16 / 9"
+        /></q-toolbar-title>
       </q-toolbar>
     </q-header>
 

src/pages/nguoi-dung/User.ts

@@ -79,7 +79,7 @@ export default defineComponent({
     const keyword = ref('');
     const showDialog = ref(false);
     const showDialogUpdate = ref(false);
-
+    const id = ref(0);
     const userName = ref('');
     const password = ref('');
     const fullName = ref('');
@@ -197,13 +197,13 @@ export default defineComponent({
       });
     };
 
-    const deleteUser = async (userID: number) => {
+    const deleteUser = async (userId: number) => {
       try {
         const deleteResult = (await api({
           url: API_PATHS.deleteUser,
           method: 'GET',
           params: {
-            userId: userID,
+            userId: userId,
           },
         })) as AxiosResponse<BaseResponseBody<unknown>>;
 
@@ -282,6 +282,7 @@ export default defineComponent({
           const userInfo = response.data.data.user;
           const groupInfo = response.data.data.groups;
           address.value = userInfo.address as string;
+          id.value = userInfo.id;
           birthday.value = userInfo.birthday as string;
           email.value = userInfo.email as string;
           fullName.value = userInfo.fullName as string;
@@ -310,6 +311,7 @@ export default defineComponent({
           method: 'POST',
           data: {
             user: {
+              id: id.value,
               userName: userName.value,
               password: password.value,
               fullName: fullName.value,
@@ -327,7 +329,7 @@ export default defineComponent({
           },
         })) as AxiosResponse<BaseResponseBody<unknown>>;
         if (response.data.error.code === config.API_RES_CODE.OK.code) {
-          showDialog.value = false;
+          showDialogUpdate.value = false;
           Notify.create({
             type: 'positive',
             message: i18n.global.t('userPage.actionMessages.updateUserAccess'),
@@ -366,6 +368,7 @@ export default defineComponent({
       sexOptions,
       listGroup,
       listScheduleAccess,
+      id,
       addNewUser,
       getListUserGroup,
       confirmDeleteUser,