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

ปรับ card หน้า mainlayout

Browse source
This commit is contained in:
Tanyalak 2023-12-15 10:31:35 +07:00
parent 6009cba016
commit 088fa24489
4 changed files with 252 additions and 258 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/modules/00_contact/views/Main.vue
View file

@ -1,9 +1,8 @@
<script setup lang="ts"> <script setup lang="ts">
</script> </script>
<template> <template>
<div class="q-px-md q-py-sm text-subtitle1 text-white bg-primary text-weight-medium"> <div class="col-12 row justify-center text-h6 text-dark q-pt-md">ติดต่อเรา</div>
ติดต่อเรา <div class="col-12"><q-separator color="grey-4" /></div>
</div>

9
src/modules/01_metadata/views/Main.vue
View file

@ -1,7 +1,8 @@
<script setup lang="ts"> <script setup lang="ts">
</script> </script>
<template> <template>
<div class="q-px-md q-py-sm text-subtitle1 text-white bg-primary text-weight-medium"> <q-card class="row col-12">
<div class="col-12 q-px-md q-py-sm text-subtitle1 text-white bg-primary text-weight-medium">
ข้อมูลหลัก ข้อมูลหลัก
</div> </div>
@ -57,7 +58,7 @@
<ul> <ul>
<li> <li>
ตรวจสอบและบำรุงรักษาข้อมูลเพื่อให้มั่นใจว่าข้อมูลทรัพยากรบุคคลมีความถูกต้อง,ครบถ้วน และอับเดต ทำการตรวจสอบการป้องกันข้อมูลไม่ถูกส่ง ตรวจสอบและบำรุงรักษาข้อมูลเพื่อให้มั่นใจว่าข้อมูลทรัพยากรบุคคลมีความถูกต้อง,ครบถ้วน และอับเดต ทำการตรวจสอบการป้องกันข้อมูลไม่ถูกส่ง
หลายครั้ง และดูแลให้มีการบันทึกข้อมูลทรัพยากรบุคคลตลอดเวลา หลายครั้ง และดูแลให้มีการบันทึกข้อมูลทรัพยากรบุคคลตลอดเวลา
</li> </li>
</ul> </ul>
</div> </div>
@ -136,9 +137,7 @@
</q-card> </q-card>
</div> </div>
</div> </div>
</q-card>
</template> </template>
<style> <style>

12
src/modules/02_organizational/views/Main.vue
View file

@ -1,11 +1,11 @@
<script setup lang="ts"> <script setup lang="ts">
</script> </script>
<template> <template>
<div class="q-px-md q-py-sm text-subtitle1 text-white bg-primary text-weight-medium"> <q-card class="row col-12">
<div class="col-12 q-px-md q-py-sm text-subtitle1 text-white bg-primary text-weight-medium">
โครงสร้างอัตรากำลัง โครงสร้างอัตรากำลัง
</div> </div>
<div class="q-pa-md col-12"> <div class="q-pa-md col-12">
<div class="text-weight-medium">วัตถุประสงค์ของการพัฒนา <div class="text-weight-medium">วัตถุประสงค์ของการพัฒนา
<q-card class="card1 q-pa-md text-weight-regular"> <q-card class="card1 q-pa-md text-weight-regular">
@ -66,9 +66,6 @@
<div class="col-12" style="margin-top: 30px;"><q-separator color="grey-3" /></div> <div class="col-12" style="margin-top: 30px;"><q-separator color="grey-3" /></div>
</div> </div>
<div class="q-pa-md col-12"> <div class="q-pa-md col-12">
<div class="text-weight-medium">ขอบเขตการดูแลระบบ <div class="text-weight-medium">ขอบเขตการดูแลระบบ
<q-card class="card1 q-pa-md text-weight-regular"> <q-card class="card1 q-pa-md text-weight-regular">
@ -103,7 +100,6 @@
<div class="col-12" style="margin-top: 30px;"><q-separator color="grey-3" /></div> <div class="col-12" style="margin-top: 30px;"><q-separator color="grey-3" /></div>
</div> </div>
<div class="q-pa-md col-12" style="padding-top: 0px;"> <div class="q-pa-md col-12" style="padding-top: 0px;">
<div class="text-weight-medium">รายละเอียดและขั้นตอนการดูแลระบบ <div class="text-weight-medium">รายละเอียดและขั้นตอนการดูแลระบบ
<q-card class="card1 q-pa-md text-weight-regular"> <q-card class="card1 q-pa-md text-weight-regular">
@ -121,7 +117,6 @@
<div class="col-12" style="margin-top: 30px;"><q-separator color="grey-3" /></div> <div class="col-12" style="margin-top: 30px;"><q-separator color="grey-3" /></div>
</div> </div>
<div class="q-pa-md col-12" style="padding-top: 0px;"> <div class="q-pa-md col-12" style="padding-top: 0px;">
<div class="text-weight-medium">คำถามที่พบบ่อย <div class="text-weight-medium">คำถามที่พบบ่อย
<q-card class="card1 q-pa-md text-weight-regular"> <q-card class="card1 q-pa-md text-weight-regular">
@ -139,8 +134,7 @@
</div> </div>
</div> </div>
</q-card>
</template> </template>
<style> <style>

12
src/views/MainLayout.vue
View file

@ -124,17 +124,19 @@ const onScroll = (info: any) => { scrollInfo.value = info}
<q-page-container class="col-12"> <q-page-container class="col-12">
<q-page> <q-page>
<div class="col-12 row "> <div class="col-12 row ">
<q-card class="col-12"> <div class="col-12" >
<router-view :key="$route.fullPath" /> <router-view :key="$route.fullPath" />
</q-card> </div>
</div> </div>
<div class="col-12 row " v-if="currentRouteName != 'contact'"> <div class="col-12 row" v-if="currentRouteName != 'contact'">
<q-tabs no-caps active-color="primary" indicator-color="transparent" class="text-grey-8" v-model="tab"> <q-page-scroller position="bottom-center" :scroll-offset="300" :offset="[18, 18]" >
<q-tabs content-class="red" no-caps active-color="primary" indicator-color="transparent" class="text-grey-8" v-model="tab">
<q-tab name="metadata" label="ข้อมูลหลัก" @click="router.push({ path: '/metadata' })"/> <q-tab name="metadata" label="ข้อมูลหลัก" @click="router.push({ path: '/metadata' })"/>
<q-tab name="organizational" label="โครงสร้างอัตรากำลัง" @click="router.push({ path: '/organizational' })" /> <q-tab name="organizational" label="โครงสร้างอัตรากำลัง" @click="router.push({ path: '/organizational' })" />
<q-tab name="articles" label="Articles" /> <q-tab name="articles" label="Articles" />
</q-tabs> </q-tabs>
</q-page-scroller>
</div> </div>
</q-page> </q-page>
</q-page-container> </q-page-container>
@ -143,7 +145,7 @@ const onScroll = (info: any) => { scrollInfo.value = info}
</div> </div>
</q-page> </q-page>
<!-- place QPageScroller at end of page --> <!-- place QPageScroller at end of page -->
<q-page-scroller position="bottom-right" :scroll-offset="150" :offset="[18, 18]"> <q-page-scroller position="bottom-right" :scroll-offset="150" :offset="[18, 50]">
<q-btn fab icon="keyboard_arrow_up" color="blue" /> <q-btn fab icon="keyboard_arrow_up" color="blue" />
</q-page-scroller> </q-page-scroller>
</q-page-container> </q-page-container>