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

add mainlayout

Browse source
This commit is contained in:
kanyarat2001 2023-12-13 14:41:34 +07:00
parent bb55ff0746
commit bbfaeb74ab
3 changed files with 192 additions and 82 deletions
Download patch file Download diff file Expand all files Collapse all files

24
src/views/MainLayout.vue
View file

@ -12,14 +12,21 @@ const text = ref('');
const menuList = [
{text:'ข้อมูลหลัก',path: 'metadata'},
{text:'โครงสร้างอัตรากำลัง',path: 'organizational'},
];
const mainmenu = [
{text: 'ข้อมูลหลัก', icon:'mdi-account-outline', path: 'metadata'},
{text: 'โครงสร้างอัตรากำลัง', icon:'mdi-account-outline',path: 'organizational'},
{text: 'โครงสร้างอัตรากำลัง', icon:'mdi-account-outline',path: 'organizational'},
{text: 'โครงสร้างอัตรากำลัง', icon:'mdi-account-outline',path: 'organizational'},
{text: 'โครงสร้างอัตรากำลัง', icon:'mdi-account-outline',path: 'organizational'},
{text: 'โครงสร้างอัตรากำลัง', icon:'mdi-account-group-outline',path: 'organizational'},
{text: 'ทะเบียนประวัติ', icon:'mdi-file-account-outline',path: 'organizational'},
{text: 'ทะเบียนประวัติลูกจ้าง', icon:'mdi-file-account-outline',path: 'organizational'},
{text: 'ออกคำสั่ง', icon:'mdi-file-certificate-outline',path: 'organizational'},
{text: 'สรรหา', icon:'mdi-magnify',path: 'organizational'},
{text: 'บรรจุ แต่งตั้ง ย้าย โอน', icon:'mdi-account-check',path: 'organizational'},
{text: 'พ้นราชการ', icon:'mdi-account-cancel-outline',path: 'organizational'},
{text: 'เครื่องราชฯ', icon:'mdi-medal-outline',path: 'organizational'},
{text: 'การลา', icon:'mdi-calendar',path: 'organizational'},
{text: 'วินัย', icon:'mdi-scale-balance',path: 'organizational'}
];
const clickMain = (val: string) => {
@ -106,8 +113,8 @@ const goHome = () => {
</q-list>
</q-card>
</div>
<div class="col-9 row">
<q-card class="col-12">
<div class="col-9 row ">
<q-card class="col-12 content-heigt">
<router-view :key="$route.fullPath" />
</q-card>
</div>
@ -176,4 +183,9 @@ const goHome = () => {
color: #02A998 !important;
box-shadow: 3px 3px 10px 1px rgba(95, 95, 95, 0.15) !important;
}
.content-heigt{
height: 57vh !important;
overflow-y:auto;
}
</style>