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

ล่าสุด

Browse source
This commit is contained in:
kanyarat2001 2023-12-20 19:00:27 +07:00
parent c6527faba8
commit c11f605472
10 changed files with 253 additions and 229 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
src/assets/1.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.9 MiB

After

Width:  |  Height:  |  Size: 2.5 MiB

Before After
Before After

BIN
src/assets/a1.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 239 KiB

BIN
src/assets/a2.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 163 KiB

BIN
src/assets/a3.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 135 KiB

BIN
src/assets/p1.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 321 KiB

BIN
src/assets/p2.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 310 KiB

365
src/modules/001_Maintenance/views/Main.vue
View file

@ -1,156 +1,235 @@
<script setup lang="ts">
</script>
<template>
<div class="col-12 row justify-center text-h6 text-dark">Maintenance</div>
<template>
<div class="col-12 row justify-center text-h6 text-dark">ดูแลรักษาระบบ</div>
<div class="col-12 q-pt-md "></div>
<div class="col-12"><q-separator color="grey-4" /></div>
<div class="q-pa-md col-12 text-weight-medium"
style="
padding-left: 0px;
padding-right: 0px;
">
<q-expansion-item
class="shadow-1 overflow-hidden"
style="border-radius: 8px"
icon="mdi-alert"
label="เมื่อพบข้อผิดพลาดที่เกี่ยวข้องกับระบบ เช่น ระบบค้าง หรือ ข้อมูลไม่อัพเดต ต้องทำยังไง"
header-class="bg-blue-grey-6 text-white "
expand-icon-class="text-white"
>
<q-card>
<q-card-section>
<q-img
src="@/assets/p2.png"
class="col-12"
/>
</q-card-section>
</q-card>
</q-expansion-item>
</div>
<q-card class="row col-12 q-mt-md">
<div class="col-12 q-px-md q-py-sm text-subtitle2 text-blue bg-light-blue-1 text-weight-medium">
ระบบหลัก
</div>
<div class="col-12 row q-pa-md">
<div class="col-6 row q-pa-sm icon_cer q-col-gutter-md">
<q-icon class="iconcontat" name="mdi-account-tie"/>
<div class="txt text-weight-regular">ผู้ดูแล
<br>
<div class="txt1 text-weight-regular">
นางสาวกัณฐิมา กาฬสินธุ์
</div>
</div>
</div>
<div class="col-6 row q-pa-sm icon_cer q-col-gutter-md">
<q-icon class="iconcontat" name="mdi-briefcase"/>
<div class="txt text-weight-regular">หน่วยงาน
<br>
<div class="txt1 text-weight-regular ">
สำนักงานคณะกรรมการข้าราชการกรุงเทพมหานคร
</div>
</div>
</div>
<div class="col-6 row q-pa-sm icon_cer q-col-gutter-md">
<q-icon class="iconcontat" name="mdi-phone"/>
<div class="txt text-weight-regular">เบอร์โทร
<br>
<div class="txt1 text-weight-regular">
063-511-9047
</div>
</div>
</div>
<div class="col-6 row q-pa-sm icon_cer q-col-gutter-md">
<q-icon class="iconcontat" name="mdi-email"/>
<div class="txt text-weight-regular">อีเมล
<br>
<div class="txt1 text-weight-regular ">
Kantima_Kalsin@gmail.com
</div>
</div>
</div>
</div>
</q-card>
<q-card class="row col-12 q-mt-md">
<div class="col-12 q-px-md q-py-sm text-subtitle2 text-blue bg-blue-1 text-weight-medium">
โครงสร้างอัตรากำลัง
</div>
<div class="col-12 row q-pa-md">
<div class="col-6 row q-pa-sm icon_cer q-col-gutter-md">
<q-icon class="iconcontat" name="mdi-account-tie"/>
<div class="txt text-weight-regular">ผู้ดูแล
<br>
<div class="txt1 text-weight-regular">
นางสาวรัชภรณ์ ภักดี
</div>
</div>
</div>
<div class="col-6 row q-pa-sm icon_cer q-col-gutter-md">
<q-icon class="iconcontat" name="mdi-briefcase"/>
<div class="txt text-weight-regular">หน่วยงาน
<br>
<div class="txt1 text-weight-regular ">
สำนักงานโครงสร้างอัตรากำลังกรุงเทพมหานคร
</div>
</div>
</div>
<div class="col-6 row q-pa-sm icon_cer q-col-gutter-md">
<q-icon class="iconcontat" name="mdi-phone"/>
<div class="txt text-weight-regular">เบอร์โทร
<br>
<div class="txt1 text-weight-regular">
092-112-3427
</div>
</div>
</div>
<div class="col-6 row q-pa-sm icon_cer q-col-gutter-md">
<q-icon class="iconcontat" name="mdi-email"/>
<div class="txt text-weight-regular">อีเมล
<br>
<div class="txt1 text-weight-regular ">
Ratchaphon.Pa@gmail.com
</div>
</div>
</div>
</div>
</q-card>
<q-card class="row col-12 q-mt-md">
<div class="col-12 q-px-md q-py-sm text-subtitle2 text-blue bg-blue-1 text-weight-medium">
ทะเบียนประวัติ
</div>
<div class="col-12 row q-pa-md">
<div class="col-6 row q-pa-sm icon_cer q-col-gutter-md">
<q-icon class="iconcontat" name="mdi-account-tie"/>
<div class="txt text-weight-regular">ผู้ดูแล
<br>
<div class="txt1 text-weight-regular">
นายณัฐพงศ์ ดิษยบุตร
</div>
</div>
</div>
<div class="q-pa-md col-12 text-weight-medium"
style="
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
">
<q-expansion-item
class="shadow-1 overflow-hidden"
style="border-radius: 8px"
icon="mdi-alert"
label="เมื่อการสูญหายของข้อมูล ต้องทำยังไง ? "
header-class="bg-blue-grey-6 text-white "
expand-icon-class="text-white"
>
<q-card>
<q-card-section>
<q-img
src="@/assets/p1.png"
class="col-12"
/>
</q-card-section>
</q-card>
</q-expansion-item>
</div>
<div class="col-6 row q-pa-sm icon_cer q-col-gutter-md">
<q-icon class="iconcontat" name="mdi-briefcase"/>
<div class="txt text-weight-regular">หน่วยงาน
<br>
<div class="txt1 text-weight-regular ">
สำนักงานทะเบียนประวัติ
</div>
</div>
</div>
<div class="col-6 row q-pa-sm icon_cer q-col-gutter-md">
<q-icon class="iconcontat" name="mdi-phone"/>
<div class="txt text-weight-regular">เบอร์โทร
<br>
<div class="txt1 text-weight-regular">
081-233-0892
</div>
</div>
</div>
<div class="col-6 row q-pa-sm icon_cer q-col-gutter-md">
<q-icon class="iconcontat" name="mdi-email"/>
<div class="txt text-weight-regular">อีเมล
<br>
<div class="txt1 text-weight-regular ">
Nuttapong@gmail.com
</div>
</div>
</div>
</div>
</q-card>
<div class="q-pa-md col-12 text-weight-medium"
style="
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
">
<q-expansion-item
class="shadow-1 overflow-hidden"
style="border-radius: 8px"
icon="mdi-alert"
label="การตรวจสอบและแก้ไขปัญหา"
header-class="bg-blue-grey-6 text-white "
expand-icon-class="text-white"
>
<q-card>
<q-card-section>
<div style="margin-bottom: 10px;">
1. เมื่อพบว่า server มีการตอบสนองช้าลง ซึ่งอาจจะเป็นได้จากการที่ RAM ของ Server ไม่พอ หรือมีการใช้งาน Memory ผิดปกติ สามารถเข้าไปตรวจสอบได้ที่ Grafana Dashboard
</div>
<q-card class="card1 text-weight-regular" >
<ul>
<li>
<a href="https://bma-dashboard.frappet.synology.me/d/fnX_0dPVk/docker-and-system-monitoring?orgId=1&refresh=5m" target="_blank">
https://bma-dashboard.frappet.synology.me/d/fnX_0dPVk/docker-and-system-monitoring?orgId=1&refresh=5m
</a>
</li>
</ul>
</q-card>
<q-img
src="@/assets/a3.png"
style="
display: block;
margin: 0 auto;
margin-top: 20px;
width: 80%;
"
/>
<div class="col-12" style="margin-top: 30px; margin-bottom: 30px; "><q-separator color="grey-4" /></div>
<div class="d-flex justify-center">
2. เมื่อเข้ามาแล้วจะเจอหน้า dashboard ให้ไปดูในส่วนของ Memory Consume
<q-img
src="@/assets/a1.png"
style="
display: block;
margin: 0 auto;
margin-top: 20px;
width: 50%;
"
/>
</div>
<div class="col-12" style="margin-top: 30px; margin-bottom: 30px; "><q-separator color="grey-4" /></div>
<div style="margin-bottom: 10px;">
3. เมื่อพบว่ามี container ตัวใดที่มีการใช้ memory มากผิดปกติ เราจะเข้าไปทำการ stop continer หรือทำการ restart Container ใหม่ โดย ssh เข้าไปที่เครื่อง server
</div>
<q-card class="card1 text-weight-regular" >
<ul>
<li>
ssh frappet@frappet.com
</li>
</ul>
</q-card>
<div class="col-12" style="margin-top: 30px; margin-bottom: 30px; "><q-separator color="grey-4" /></div>
<div style="margin-bottom: 10px;">
4. ทำการใส่ password หลังจากนั้นระบบจะ ssh ไปที่เครื่อง server
</div>
<div class="col-12" style="margin-top: 30px; margin-bottom: 30px; "><q-separator color="grey-4" /></div>
<div style="margin-bottom: 10px;">
5. ทำการ Change Directory ไปยัง folder ที่ติดตั้ง Docker
</div>
<q-card class="card1 text-weight-regular" >
<ul>
<li>
frappet@dockerserver:~$ cd docker
</li>
</ul>
</q-card>
<div class="col-12" style="margin-top: 30px; margin-bottom: 30px; "><q-separator color="grey-4" /></div>
<div style="margin-bottom: 10px;">
6. หลังจากนั้นทำการลิสต์รายการ Container ที่ Run อยู่ เพื่อที่จะทำการ Stop หรือ Restart Container ที่ต้องการ โดยใช้คำสั่ง
</div>
<q-card class="card1 text-weight-regular" >
<ul>
<li>
frappet@dockerserver:~/docker$ docker ps
</li>
</ul>
</q-card>
<div class="col-12" style="margin-top: 30px; margin-bottom: 30px; "><q-separator color="grey-4" /></div>
<div style="margin-bottom: 10px;">
7. ระบบจะแสดงรายชื่อ Container ที่ทำงานอยู่ขั้นมา
</div>
<div class="col-12" style="margin-top: 30px; margin-bottom: 30px; "><q-separator color="grey-4" /></div>
<div style="margin-bottom: 10px;">
8. ทำการ Stop Container ที่ต้องการ โดยใช้คำสั่ง
</div>
<q-card class="card1 text-weight-regular" >
<ul>
<li>
frappet@dockerserver:~/docker$ docker stop container_name
</li>
</ul>
</q-card>
<div class="col-12" style="margin-top: 30px; margin-bottom: 30px; "><q-separator color="grey-4" /></div>
<div style="margin-bottom: 10px;">
9. หลังจากนั้นทำการ Start Container ที่ต้องการขึ้นมาอีกครั้ง โดยการใช้คำสั่ง
</div>
<q-card class="card1 text-weight-regular" >
<ul>
<li>
frappet@dockerserver:~/docker$ docker start container_name
</li>
</ul>
</q-card>
</q-card-section>
</q-card>
</q-expansion-item>
</div>
</template>
<style>
@ -175,4 +254,10 @@
color: black;
font-size :14px;
}
.card1{
background-color: #e2e2e268;
}
</style>

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

@ -137,49 +137,11 @@
</div>
<div class="col-12 row">
<q-icon class="iconQA" name="mdi-cloud-question"/>
<div class="text-weight-medium" style="color: #016987;">มีการโจมตีหรือความเสี่ยงด้านความปลอดภัยที่ต้องระวังหรือไม่ ?</div>
<div class="col-12 row">
<ul>
<li>
เรามีการตรวจสอบความเสถียรของระบบอย่างสม่ำเสมอ และมีแผนการที่จะดำเนินการแก้ไขทันทีหากมีปัญหา
</li>
</ul>
</div>
</div>
<div class="col-12 row">
<q-icon class="iconQA" name="mdi-cloud-question"/>
<div class="text-weight-medium" style="color: #016987;">เมื่อพบข้อผิดพลาดที่เกี่ยวข้องกับระบบทำงาน เช่น ระบบค้างหรือข้อมูลไม่อัพเดต ต้องทำยังไง ?</div>
<div class="col-12 row">
<ul>
<li>
ลองรีเซ็ตระบบหรือแอปพลิเคชันที่มีปัญหาเพื่อดูว่าปัญหาจะถูกแก้ไขหรือไม่
</li>
<li>
หากการรีเซ็ตระบบไม่ช่วยแก้ไขปัญหาสามารถติดต่อฝ่ายสนับสนุนเทคนิค ที่ปุ่ม
<span
style="
background-color: #016987;
border: 1px solid #016987;
color: white;
font-size: 12px;
text-align: center;
display: inline-block;
padding: 2px 5px;
border-radius: 2px;
margin: 0px 5px 0px 5px;
"
>
ติดต่อเรา
</span> เพื่อขอความช่วยเหลือ
</li>
</ul>
</div>
</div>
</q-card>
</q-card-section>

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

@ -278,7 +278,7 @@
<div class="col-12 row">
<!-- <div class="col-12 row">
<q-icon class="iconQA" name="mdi-cloud-question"/>
<div class="text-weight-medium" style="color: #016987;">หากต้องการเชื่อมโครงสร้างอย่างไร ในระบบโครงสร้างอัตรากำลังต้องทำอย่างไร ?</div>
<br>
@ -307,8 +307,8 @@
<q-icon class="iconQA" name="mdi-cloud-question"/>
<div class="text-weight-medium" style="color: #016987;">
ค่าตัวเลขสีดำ สีแดง ต่างกันอย่างไร ?</div>
<!-- <ul>
<ul>
<li>
<span
style="color: #ff0000;
@ -322,42 +322,11 @@
</span>
สีแดง คือจำนวนคนทั้งหมดขององค์กร
</li>
</ul>-->
</div>
<div class="col-12 row">
<q-icon class="iconQA" name="mdi-cloud-question"/>
<div class="text-weight-medium" style="color: #016987;">ข้อมูลที่แสดงในระบบไม่ถูกต้อง ข้อมูลผิดพลาด ควรแก้ไขยังไง</div>
<br>
<ul>
<li>
หากคุณเป็นผู้ใช้ที่พบข้อมูลผิดพลาด ควรรายงานข้อผิดพลาดให้กับทีมทรัพยากรบุคคลหรือทีมที่รับผิดชอบในการดูแลระบบทราบถึงปัญหา และระบุรายงานว่าพบข้อมูลผิดพลาดที่ไหน ลักษณะของข้อผิดพลาด
</li>
<li>
ลองรีเซ็ตระบบหรือแอปพลิเคชันที่มีปัญหาเพื่อดูอีกครั้งว่าปัญหาที่เกิดขึ้นถูกแก้ไขหรือไม่
</li>
<li>
สามารถติดต่อสอบถามเจ้าหน้าที่ ที่ปุ่ม
<span
style="
background-color: #016987;
border: 1px solid #016987;
color: white;
font-size: 12px;
text-align: center;
display: inline-block;
padding: 1px 5px;
border-radius: 2px;
margin: 0px 5px 0px 5px;
"
>
ติดต่อเรา
</span> เพื่อแจ้งให้ทราบถึงปัญหา
</li>
</ul>
</div>
-->
<div class="col-12 row">

30
src/views/MainLayout.vue
View file

@ -25,7 +25,6 @@ const tabManu2 = [
{name: '9',label:'เครื่องราชฯ',path: ''},
{name: '10',label:'การลา',path: ''},
{name: '11',label:'วินัย',path: ''},
{name: '12',label:'Maintenance',path: 'maintenance'},
];
const mainmenu = [
@ -63,6 +62,7 @@ const clickMain = (val: string) => {
const clickTab= (val2: string) => {
router.push(val2)
window.scrollTo({ top: 0, left: 0, behavior: 'smooth' });
currentRoute.value = val2
};
const goHome = () => {
@ -114,7 +114,7 @@ const onScroll = (info: any) => { scrollInfo.value = info}
<q-space></q-space>
<div class="row q-col-gutter-x-sm">
<div><q-btn class="text-weight-medium" flat color="white" label="หน้าแรก" @click="goHome"/></div>
<div><q-btn color="secondary" text-color="white" label="ติดต่อเรา" @click="click()"/></div>
<div><q-btn class="text-weight-medium" flat color="white" label="ติดต่อเรา" @click="click()"/></div>
</div>
</q-toolbar>
</q-header>
@ -140,12 +140,12 @@ const onScroll = (info: any) => { scrollInfo.value = info}
<div class="col-12">
<div class="col-12 row q-col-gutter-lg">
<div class="col-xs-12 col-sm-4"
<div class="icon_1 col-xs-12 col-sm-4"
v-for="(menu , index) in mainmenu"
: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}`"/>
<q-card class="connn 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="40px" :name="`${menu.icon}`"/>
<div class="q-pt-md">{{ menu.text }} </div>
</q-card>
</div>
@ -167,7 +167,7 @@ const onScroll = (info: any) => { scrollInfo.value = info}
>
<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}`"/>
<q-icon class="col-12 items-center" size="40px" :name="`${menu.icon}`"/>
<div class="q-pt-md">คู่มือการใช้งาน</div>
</q-card>
</div>
@ -180,7 +180,7 @@ const onScroll = (info: any) => { scrollInfo.value = info}
<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 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">
@ -190,9 +190,9 @@ 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="25px" :name="`${menu.icon}`"/>
<div class="q-pt-md">Maintenance</div>
<q-card class="q-pa-md row justify-center text-dark cursor-pointer cardmenu" @click="clickmainte(menu.path)" ><!-- router.push({ name: `${}`}) -->
<q-icon class="col-12 items-center" size="40px" :name="`${menu.icon}`"/>
<div class="q-pt-md">ดูแลรักษาระบบ</div>
</q-card>
</div>
</div>
@ -212,7 +212,8 @@ const onScroll = (info: any) => { scrollInfo.value = info}
<router-view :key="$route.fullPath" />
</div>
<div class="col-12 row justify-center q-mt-lg" style="margin-top: 50px;" v-if="currentRoute != 'contact'">
<div class="col-12 row justify-center q-mt-lg" style="margin-top: 50px;"
v-if="currentRoute != 'contact' && currentRoute != 'maintenance'">
<q-tabs
v-model="tab"
class="text-grey-8" dense
@ -317,6 +318,9 @@ const onScroll = (info: any) => { scrollInfo.value = info}
.cardmenu{
padding: 35px; /* ปรับขนาด padding ตามที่คุณต้องการ */
box-shadow: 3px 3px 10px 1px rgba(4, 4, 4, 0.075) !important;
background-color: #F0F2F5;
;
}
@ -329,4 +333,8 @@ const onScroll = (info: any) => { scrollInfo.value = info}
background: #1e2234e5;
}
.icon_1{
color: #02A998;
}
</style>