hrms-bangkok/hrms-user
7
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

updated menu on mobile

Browse source
This commit is contained in:
Warunee Tamkoo 2024-05-31 11:15:21 +07:00
parent 2e28b3980e
commit a9053ada32
4 changed files with 36 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

8
index.html
View file

@ -1,10 +1,10 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="icon" href="/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ระบบทรัพยากรบุคคล</title>
<meta charset="UTF-8" />
<link rel="icon" href="/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>ระบบบริหารทรัพยากรบุคคล</title>
</head>
<body>
<div id="app"></div>

2
src/modules/01_dashboard/views/Dashboard.vue
View file

@ -216,7 +216,7 @@ const thaiOptions: Intl.DateTimeFormatOptions = {
สวัสดี, {{ fullname }}
</div>
<div style="color: #ffffff" class="text-18px text-weight-medium col-12">
ระบบทรัพยากรบุคคล
ระบบบริหารทรัพยากรบุคคลของกรุงเทพมหานคร
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-9">

10
src/modules/10_registry/views/main.vue
View file

@ -21,7 +21,7 @@ import { useQuasar } from "quasar";
const store = useRegistryInFormationStore();
const $q = useQuasar();
const mixin = useCounterMixin();
const { messageError,dialogConfirm } = mixin;
const { messageError, dialogConfirm } = mixin;
const profileImg = ref<string>("");
const router = useRouter();
const tab = ref<string>("information");
@ -100,7 +100,7 @@ function onClickDownloadKp7(type: string) {
* logout keycloak
* confirm ก่อนออกจากระบบ
*/
const doLogout = () => {
const doLogout = () => {
dialogConfirm(
$q,
() => {
@ -332,6 +332,12 @@ onMounted(async () => {
<q-avatar text-color="info" icon="mdi-chevron-right" />
</q-item-section>
</q-item>
<q-item clickable v-ripple disabled>
<q-item-section>เปลี่ยนรหัสผ่าน</q-item-section>
<q-item-section avatar>
<q-avatar text-color="info" icon="mdi-chevron-right" />
</q-item-section>
</q-item>
</q-list>
</q-card>
</div>

36
src/views/MainLayout.vue
View file

@ -7,7 +7,6 @@ import { useQuasar } from "quasar";
import keycloak from "@/plugins/keycloak";
import { useCounterMixin } from "@/stores/mixin";
const route = useRoute();
const router = useRouter();
@ -154,8 +153,8 @@ const thaiOptions: Intl.DateTimeFormatOptions = {
minute: "2-digit",
};
function onInfo(){
router.push(`/registry`)
function onInfo() {
router.push(`/registry`);
}
</script>
<!-- โครงเว็บ -->
@ -178,9 +177,9 @@ function onInfo(){
style="color: #ffffff; letter-spacing: 1px; line-height: 10px"
class="text-body2 text-weight-bolder col-12"
>
ระบบ<span class="text-primary">ทรัพยากรบุคคล</span>
ระบบ<span class="text-primary">บริหารทรัพยากรบุคคล</span>
</div>
<div class="text-caption text-white">กรุงเทพมหานคร</div>
<div class="text-caption text-white">ของกรุงเทพมหานคร</div>
</div>
</div>
<div v-else class="row items-center">
@ -364,11 +363,17 @@ function onInfo(){
</template>
<q-list>
<q-item clickable v-close-popup @click="onInfo">
<q-item-section avatar style="min-width: 30px" >
<q-icon color="info" size="18px" name="mdi-clipboard-account-outline" />
<q-item-section avatar style="min-width: 30px">
<q-icon
color="blue-9"
size="18px"
name="mdi-clipboard-account-outline"
/>
</q-item-section>
<q-item-section
><q-item-label>ข้อมูลทะเบียนประวัติ</q-item-label></q-item-section
><q-item-label
>ข้อมูลทะเบียนประวัติ</q-item-label
></q-item-section
>
</q-item>
@ -402,9 +407,8 @@ function onInfo(){
style="height: 30px; max-width: 30px"
/>
</q-avatar>
<q-menu>
<!-- <q-menu>
<q-list dense style="min-width: 200px">
<q-item clickable v-close-popup>
<q-item-section>
<div class="row items-center">
@ -412,7 +416,7 @@ function onInfo(){
<q-item clickable v-close-popup @click="onInfo">
<q-item-section avatar style="min-width: 30px">
<q-icon
color="info"
color="blue-9"
size="18px"
name="mdi-clipboard-account-outline"
/>
@ -455,7 +459,7 @@ function onInfo(){
</q-item-section>
</q-item>
</q-list>
</q-menu>
</q-menu> -->
</q-btn>
</div>
</q-toolbar>
@ -490,7 +494,13 @@ function onInfo(){
icon="mdi-calendar-blank-outline"
@click="router.push(`/leave`)"
/>
<q-btn flat round color="white" icon="mdi-account-outline" />
<q-btn
flat
round
color="white"
icon="mdi-account-outline"
@click="router.push(`/registry`)"
/>
</div>
</q-toolbar>
</q-footer>