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

เพิ่ม maintenance

Browse source
This commit is contained in:
kanyarat2001 2023-12-20 10:08:57 +07:00
parent ed323519ed
commit 6a699e0004
6 changed files with 771 additions and 135 deletions
Download patch file Download diff file Expand all files Collapse all files

75
src/views/MainLayout.vue
View file

@ -26,6 +26,7 @@ const tabManu2 = [
{name: '9',label:'เครื่องราชฯ',path: ''},
{name: '10',label:'การลา',path: ''},
{name: '11',label:'วินัย',path: ''},
{name: '12',label:'Maintenance',path: 'maintenance'},
];
const mainmenu = [
@ -42,6 +43,18 @@ const mainmenu = [
{text: 'วินัย', icon:'mdi-scale-balance',path: 'organizational'}
];
const mainmanual = [
{text: 'คู่มือการใช้งาน', icon:'mdi-account-outline', path: 'metadata'}
];
const redirectToManual = () => {
const newTab = window.open('https://bma-ehr-manual.frappet.synology.me/', '_blank');
if (newTab) {
newTab.focus();
}
};
const clickMain = (val: string) => {
router.push(val)
currentRoute.value = val
@ -62,6 +75,12 @@ const click = () => {
router.push('/contact')
currentRoute.value = 'contact'
};
const clickmainte = () => {
router.push('/maintenance')
currentRoute.value = 'maintenance'
};
const scrollInfo = ref({})
const onScroll = (info: any) => { scrollInfo.value = info}
@ -116,6 +135,7 @@ const onScroll = (info: any) => { scrollInfo.value = info}
</template>
</q-input>
</div>
<div class="col-xs-10 col-md-8 row q-col-gutter-md" style=" margin-top: 80px;" v-if="currentRoute == 'home'">
<div class="col-12 row justify-center text-h6 text-dark">ระบบทรัพยากรบุคคล</div>
<div class="col-12"><q-separator color="grey-4" /></div>
@ -127,13 +147,63 @@ const onScroll = (info: any) => { scrollInfo.value = info}
:key="index"
>
<q-card class="q-pa-md row justify-center text-dark cursor-pointer cardmenu" @click="clickMain(menu.path)" ><!-- router.push({ name: `${}`}) -->
<q-icon class="col-12 items-center" size="20px" :name="`${menu.icon}`"/>
<q-icon class="col-12 items-center" size="25px" :name="`${menu.icon}`"/>
<div class="q-pt-md">{{ menu.text }} </div>
</q-card>
</div>
</div>
</div>
</div>
<div class="col-xs-10 col-md-8 row q-col-gutter-md" style=" margin-top: 80px;" v-if="currentRoute == 'home'">
<div class="col-12 row justify-center text-h6 text-dark">คู่มือการใช้งาน</div>
<div class="col-12"><q-separator color="grey-4" /></div>
<div class="col-12">
<div class="col-12 row q-col-gutter-lg">
<div class="col-xs-12 col-sm-12"
v-for="(menu , index) in mainmanual"
:key="index"
>
<q-card class="q-pa-md row justify-center text-dark cursor-pointer cardmenu" @click="redirectToManual" ><!-- router.push({ name: `${}`}) -->
<q-icon class="col-12 items-center" size="25px" :name="`${menu.icon}`"/>
<div class="q-pt-md">คู่มือการใช้งาน</div>
</q-card>
</div>
</div>
</div>
</div>
<div class="col-xs-10 col-md-8 row q-col-gutter-md" style=" margin-top: 80px;" v-if="currentRoute == 'home'">
<div class="col-12 row justify-center text-h6 text-dark">Maintenant</div>
<div class="col-12"><q-separator color="grey-4" /></div>
<div class="col-12">
<div class="col-12 row q-col-gutter-lg">
<div class="col-xs-12 col-sm-12"
v-for="(menu , index) in mainmanual"
:key="index"
>
<q-card class="q-pa-md row justify-center text-dark cursor-pointer cardmenu" @click="clickMain(menu.path)" ><!-- router.push({ name: `${}`}) -->
<q-icon class="col-12 items-center" size="25px" :name="`${menu.icon}`"/>
<div class="q-pt-md">Maintenance</div>
</q-card>
</div>
</div>
</div>
</div>
<div class="col-8 row" style=" margin-top: 80px;" v-else>
<q-layout>
@ -173,6 +243,9 @@ const onScroll = (info: any) => { scrollInfo.value = info}
</q-page>
</q-page-container>
</q-layout>
</div>
</div>