fix style

src/i18n/vi/index.ts

@@ -124,5 +124,10 @@ export default {
       updateUserAccess: 'Cập nhật thông tin tài khoản thành công',
       resetPasswordAccess: 'Reset mật khẩu thành công',
     },
+    toolTipMessage: {
+      updateUserInfo: 'Cập nhật',
+      resetPassword: 'Reset mật khẩu',
+      deleteUser: 'Xoá',
+    },
   },
 };

src/pages/nguoi-dung/User.ts

@@ -305,7 +305,7 @@ export default defineComponent({
           mobileNumber.value = userInfo.mobileNumber as string;
           phoneNumber.value = userInfo.phoneNumber as string;
           sex.value = userInfo.sex;
-          status.value = userInfo.status;
+          status.value = userInfo.status ? true : false;
           unit.value = userInfo.unit as number;
           userName.value = userInfo.userName;
           groupInfo.map((item) => {

src/pages/nguoi-dung/index.vue

@@ -54,21 +54,33 @@
               color="primary"
               icon="mdi-account-edit-outline"
               @click="showDialogUpdateUser(item)"
-            ></q-btn>
+            >
+              <q-tooltip :offset="[20, 10]">{{
+                $t('userPage.toolTipMessage.updateUserInfo')
+              }}</q-tooltip>
+            </q-btn>
             <q-btn
               flat
               round
               color="primary"
               icon="mdi-account-convert-outline"
               @click="confirmResetPassword(item)"
-            ></q-btn>
+            >
+              <q-tooltip :offset="[20, 10]">{{
+                $t('userPage.toolTipMessage.resetPassword')
+              }}</q-tooltip>
+            </q-btn>
             <q-btn
               flat
               round
               color="primary"
               icon="delete"
               @click="confirmDeleteUser(item)"
-            ></q-btn>
+            >
+              <q-tooltip :offset="[20, 10]">{{
+                $t('userPage.toolTipMessage.deleteUser')
+              }}</q-tooltip>
+            </q-btn>
           </q-td>
         </template>
       </q-table>