add mainlayout

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

View file

@ -7,10 +7,12 @@
<div class="q-pa-md col-12">
<div class="text-weight-medium">ตถประสงคของการพฒนา
<q-card class="card1 q-pa-md text-weight-regular">
<li>
ระบบทตถประสงคเพอจดการขอมลทรพยากรบคคล วยใหสามารถจดเกบขอมลของพนกงานทงหมดไดอยางมระบบเกยวของกบขอมลเกยวกบบคคล, อมลโครงสรางหนวยงาน อมลขาราชการ อมลลกจาง นลา และขอมลอนๆ เกยวของกบการจดการทรพยากรบคคล
</li>
<q-card class="card1 text-weight-regular">
<ul>
<li>
ระบบทตถประสงคเพอจดการขอมลทรพยากรบคคล วยใหสามารถจดเกบขอมลของพนกงานทงหมดไดอยางมระบบเกยวของกบขอมลเกยวกบบคคล, อมลโครงสรางหนวยงาน อมลขาราชการ อมลลกจาง นลา และขอมลอนๆ เกยวของกบการจดการทรพยากรบคคล
</li>
</ul>
</q-card>
</div>
<div class="col-12" style="margin-top: 30px;"><q-separator color="grey-3" /></div>
@ -19,11 +21,14 @@
<div class="q-pa-md col-12" style="padding-top: 0px;">
<div class="text-weight-medium">ขอบเขตการดแลระบบ
<q-card class="card1 q-pa-md text-weight-regular">
<li>
เจาหนาททรพยากรบคคลตองรบผดชอบในการเกบรวบรวม นท และบรหารจดการขอมลทรพยากรบคคลของพนกงานนอกจากนพวกเขาตองรกษา
ความถกตองและปลอดภยของขอมลทรพยากรบคคลและปฏตามนโยบายความเปนสวนต
</li>
<q-card class="card1 text-weight-regular">
<ul>
<li>
เจาหนาททรพยากรบคคลตองรบผดชอบในการเกบรวบรวม นท และบรหารจดการขอมลทรพยากรบคคลของพนกงานนอกจากนพวกเขาตองรกษา
ความถกตองและปลอดภยของขอมลทรพยากรบคคลและปฏตามนโยบายความเปนสวนต
</li>
</ul>
</q-card>
</div>
<div class="col-12" style="margin-top: 30px;"><q-separator color="grey-3" /></div>
@ -67,33 +72,69 @@
<div class="text-weight-medium">คำถามทพบบอย
<q-card class="card1 q-pa-md text-weight-regular">
<div class="col-12 row">
<div class="text-weight-medium" style="color: #02A998;">อมลสวนบคคลถกปกปดหรอปลอยไวหรอไม?</div>
<q-icon class="iconQA" name="mdi-cloud-question"/>
<div class="text-weight-medium" style="color: #016987;">อมลสวนบคคลถกปกปดหรอปลอยไวหรอไม ?</div>
<ul>
<li>
มาตรการทเขมงวดเพอรกษาความปลอดภยของขอมลทเกยวของกบทรพยากรบคคล รวมถงการใชเทคโนโลยการรกษาความปลอดภ การใหทธการ
เขาถงขอม, และการปองกนการใชอมลทไมกตอง
</li>
</ul>
<div class="text-weight-medium">2.) การจดการสทธการเขาถ</div>
<ul>
<li>
กำหนดสทธการเขาถงขอมลทรพยากรบคคลใหแตละบคคลในองคกรการควบคมสทธจะชวยลดความเสยงทเกยวของกบการเขาถงขอมลโดยไมไดบอนญาต
</li>
</ul>
<div class="text-weight-medium">3.) การตรวจสอบและการพฒนาระบบ</div>
<ul>
<li>
ตรวจสอบและบำรงรกษาขอมลเพอใหนใจวาขอมลทรพยากรบคคลมความถกตอง,ครบถวน และอบเดต ทำการตรวจสอบการปองกนขอมลไมกส
หลายคร และดแลใหการบนทกขอมลทรพยากรบคคลตลอดเวลา
ในระบบขอมลทรพยากรบคคลของเราขอมลสวนบคคลถกควบคมอยางเขมงวดการเขาถงถกจำกดดวยสทธและมการตรวจสอบเพอใหนใจวาเฉพาะบคคลทความจำเปนในการเขาถงขอมลได
</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>
<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>
</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>
</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>
ลองรเซตระบบหรอแอปพลเคชนทญหาเพอดาปญหาจะถกแกไขหรอไม หากการรเซตระบบไมวยแกไขปญหาควรตดตอฝายสนบสนนเทคน
หรอท IT ขององคกรเพอขอความชวยเหล
</li>
</ul>
</div>
</div>
</q-card>
</div>
<div class="col-12" style="margin-top: 30px;"><q-separator color="grey-3" /></div>
</div>
@ -106,5 +147,12 @@
background-color:#F8F8F8;
border-color: #EDEDED !important;
}
.iconQA {
color: #016987;
font-size: 20px;
margin-right: 1%;
}
</style>