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

no message

Browse source
This commit is contained in:
DESKTOP-1R2VSQH\Lenovo ThinkPad E490 2023-09-08 18:12:08 +07:00
parent b873698b92
commit b3cfb06dc1
4 changed files with 416 additions and 214 deletions
Download patch file Download diff file Expand all files Collapse all files

4
package-lock.json generated
View file

@ -1,11 +1,11 @@
{ {
"name": "ehr", "name": "ehr-manual",
"version": "0.0.0", "version": "0.0.0",
"lockfileVersion": 2, "lockfileVersion": 2,
"requires": true, "requires": true,
"packages": { "packages": {
"": { "": {
"name": "ehr", "name": "ehr-manual",
"version": "0.0.0", "version": "0.0.0",
"dependencies": { "dependencies": {
"@fullcalendar/core": "^6.0.1", "@fullcalendar/core": "^6.0.1",

299
src/modules/01_manual/components/1_login/01_Main.vue
View file

@ -1,219 +1,358 @@
<script setup lang="ts"> <script setup lang="ts">
import { ref } from 'vue' import { ref } from "vue";
const rightDrawerOpen = ref(false) const rightDrawerOpen = ref(false);
const text = ref('') const text = ref("");
</script> </script>
<template> <template>
<div class="row col-12"> <div class="row col-12">
<div class="col-9"> <div class="col-12">
<div class="toptitle text-dark col-12 row items-center">
คู่มือการใช้งานระบบบริหารทรัพยากรบุคคลของกรุงเทพมหานคร
</div>
<div class="toptitle text-dark col-12 row items-center">คู่มือการใช้งานระบบบริหารทรัพยากรบุคคลของกรุงเทพมหานคร</div> <q-card
flat
<q-card flat bordered class="col-12 q-pa-md" style="background-color: #ECEBEB; border-radius: 8px 8px 0px 0px; padding: 10px 16px 10px 16px; "> bordered
class="col-12 q-pa-md"
style="
background-color: #ecebeb;
border-radius: 8px 8px 0px 0px;
padding: 10px 16px 10px 16px;
"
>
<div class="custom-topic text-dark"> <div class="custom-topic text-dark">
<div style="font-size: 16px; font-weight: 700;"> <div style="font-size: 16px; font-weight: 700">
การเข้าสู่ระบบบริหารทรัพยากรบุคคลของกรุงเทพมหานคร การเข้าสู่ระบบบริหารทรัพยากรบุคคลของกรุงเทพมหานคร
</div> </div>
</div> </div>
</q-card> </q-card>
<q-card
<q-card flat bordered class="col-12 q-pa-md" style="border-radius: 0px 0px 8px 8px;"> flat
bordered
class="col-12 q-pa-md"
<div class="col-12 text16">เปิดโปรแกรม Google Chrome เวอร์ชั่น 20 ขึ้นไป หรือ Firefox เวอร์ชั่น 14 ขึ้นไป กรอก <span class="text-green">URL: https://bma-ehr.frappet.com</span> ลงในช่อง Address จากนั้นกดแป้น Enter ที่คีย์บอร์ด 1 ครั้ง ดังรูป</div> style="border-radius: 0px 0px 8px 8px"
>
<div class="col-12 text16">
เปิดโปรแกรม Google Chrome เวอร์ชั่น 20 ขึ้นไป หรือ Firefox เวอร์ชั่น
14 ขึ้นไป กรอก
<span class="text-green">URL: https://bma-ehr.frappet.com</span>
ลงในช่อง Address จากนั้นกดแป้น Enter ที่คีย์บอร์ด 1 ครั้ง ดังรูป
</div>
<div class="col-12"> <div class="col-12">
<q-img src="@/assets/manual/01_login/1_main/1-1.png" style="max-width: 100%; display: block; margin: 0 auto; border-radius: 20px; margin-top: 20px;"/> <q-img
src="@/assets/manual/01_login/1_main/1-1.png"
style="
max-width: 100%;
display: block;
margin: 0 auto;
border-radius: 20px;
margin-top: 20px;
"
/>
<div class="text-center text-grey-6" style="margin-top: 20px;">รูปภาพที่ 1–1 แสดงการเข้าสู่เว็บไซต์</div> <div class="text-center text-grey-6" style="margin-top: 20px">
รูปภาพที่ 1–1 แสดงการเข้าสู่เว็บไซต์
</div>
</div> </div>
</q-card> </q-card>
</div> </div>
<div class="col-3 row justify-center" style="position: relative;"> <!-- <div class="col-3 row justify-center" style="position: relative">
<q-list dense padding class="col-12" style="max-width: 328px; position: absolute; top: 50px;"> <q-list
dense
<q-expansion-item label="การเข้าสู่ระบบ" > padding
class="col-12"
style="max-width: 328px; position: absolute; top: 50px"
>
<q-expansion-item label="การเข้าสู่ระบบ">
<q-list dense> <q-list dense>
<q-item dense clickable v-ripple> <q-item dense clickable v-ripple>
<q-item-section avatar class="q-pa-none" style="min-width: 36px; margin-left: 30px;"> <q-item-section
avatar
class="q-pa-none"
style="min-width: 36px; margin-left: 30px"
>
</q-item-section> </q-item-section>
<q-item-section class="text-grey-7">การเข้าสู่ระบบโดยใช้ User name และ Password</q-item-section> <q-item-section class="text-grey-7"
>การเข้าสู่ระบบโดยใช้ User name และ Password</q-item-section
>
</q-item> </q-item>
<q-item dense clickable v-ripple> <q-item dense clickable v-ripple>
<q-item-section avatar class="q-pa-none" style="min-width: 36px; margin-left: 30px;"> <q-item-section
avatar
class="q-pa-none"
style="min-width: 36px; margin-left: 30px"
>
</q-item-section> </q-item-section>
<q-item-section class="text-grey-7">การเปลี่ยนรหัสผ่านผู้ใช้งาน</q-item-section> <q-item-section class="text-grey-7"
>การเปลี่ยนรหัสผ่านผู้ใช้งาน</q-item-section
>
</q-item> </q-item>
<q-item dense clickable v-ripple> <q-item dense clickable v-ripple>
<q-item-section avatar class="q-pa-none" style="min-width: 36px; margin-left: 30px;"> <q-item-section
avatar
class="q-pa-none"
style="min-width: 36px; margin-left: 30px"
>
</q-item-section> </q-item-section>
<q-item-section class="text-grey-7">การลงทะเบียนผู้ใช้งานใหม่</q-item-section> <q-item-section class="text-grey-7"
>การลงทะเบียนผู้ใช้งานใหม่</q-item-section
>
</q-item> </q-item>
<q-item dense clickable v-ripple> <q-item dense clickable v-ripple>
<q-item-section avatar class="q-pa-none" style="min-width: 36px; margin-left: 30px;"> <q-item-section
avatar
class="q-pa-none"
style="min-width: 36px; margin-left: 30px"
>
</q-item-section> </q-item-section>
<q-item-section class="text-grey-7">การออกจากระบบ</q-item-section> <q-item-section class="text-grey-7">การออกจากระบบ</q-item-section>
</q-item> </q-item>
<q-item dense clickable v-ripple> <q-item dense clickable v-ripple>
<q-item-section avatar class="q-pa-none" style="min-width: 36px; margin-left: 30px;"> <q-item-section
avatar
class="q-pa-none"
style="min-width: 36px; margin-left: 30px"
>
</q-item-section> </q-item-section>
<q-item-section class="text-grey-7">การแสดงแจ้งเตือน</q-item-section> <q-item-section class="text-grey-7"
>การแสดงแจ้งเตือน</q-item-section
>
</q-item> </q-item>
</q-list> </q-list>
</q-expansion-item> </q-expansion-item>
<q-expansion-item label="ระบบข้อมูลหลัก" class="text-grey-7"> <q-expansion-item label="ระบบข้อมูลหลัก" class="text-grey-7">
<q-list dense> <q-list dense>
<q-item dense clickable v-ripple> <q-item dense clickable v-ripple>
<q-item-section avatar class="q-pa-none" style="min-width: 36px; margin-left: 30px;"> <q-item-section
avatar
class="q-pa-none"
style="min-width: 36px; margin-left: 30px"
>
</q-item-section> </q-item-section>
<q-item-section class="text-grey-7">การเข้าสู่ระบบโดยใช้ User name และ Password</q-item-section> <q-item-section class="text-grey-7"
>การเข้าสู่ระบบโดยใช้ User name และ Password</q-item-section
>
</q-item> </q-item>
<q-item dense clickable v-ripple> <q-item dense clickable v-ripple>
<q-item-section avatar class="q-pa-none" style="min-width: 36px; margin-left: 30px;"> <q-item-section
avatar
class="q-pa-none"
style="min-width: 36px; margin-left: 30px"
>
</q-item-section> </q-item-section>
<q-item-section class="text-grey-7">การเปลี่ยนรหัสผ่านผู้ใช้งาน</q-item-section> <q-item-section class="text-grey-7"
>การเปลี่ยนรหัสผ่านผู้ใช้งาน</q-item-section
>
</q-item> </q-item>
<q-item dense clickable v-ripple> <q-item dense clickable v-ripple>
<q-item-section avatar class="q-pa-none" style="min-width: 36px; margin-left: 30px;"> <q-item-section
avatar
class="q-pa-none"
style="min-width: 36px; margin-left: 30px"
>
</q-item-section> </q-item-section>
<q-item-section class="text-grey-7">การลงทะเบียนผู้ใช้งานใหม่</q-item-section> <q-item-section class="text-grey-7"
>การลงทะเบียนผู้ใช้งานใหม่</q-item-section
>
</q-item> </q-item>
<q-item dense clickable v-ripple> <q-item dense clickable v-ripple>
<q-item-section avatar class="q-pa-none" style="min-width: 36px; margin-left: 30px;"> <q-item-section
avatar
class="q-pa-none"
style="min-width: 36px; margin-left: 30px"
>
</q-item-section> </q-item-section>
<q-item-section class="text-grey-7">การออกจากระบบ</q-item-section> <q-item-section class="text-grey-7">การออกจากระบบ</q-item-section>
</q-item> </q-item>
<q-item dense clickable v-ripple> <q-item dense clickable v-ripple>
<q-item-section avatar class="q-pa-none" style="min-width: 36px; margin-left: 30px;"> <q-item-section
avatar
class="q-pa-none"
style="min-width: 36px; margin-left: 30px"
>
</q-item-section> </q-item-section>
<q-item-section class="text-grey-7">การแสดงแจ้งเตือน</q-item-section> <q-item-section class="text-grey-7"
>การแสดงแจ้งเตือน</q-item-section
>
</q-item> </q-item>
</q-list> </q-list>
</q-expansion-item> </q-expansion-item>
<q-expansion-item label="ระบบโครงสร้างอัตรากำลัง" class="text-grey-7"> <q-expansion-item label="ระบบโครงสร้างอัตรากำลัง" class="text-grey-7">
<q-list dense> <q-list dense>
<q-item dense clickable v-ripple> <q-item dense clickable v-ripple>
<q-item-section avatar class="q-pa-none" style="min-width: 36px; margin-left: 30px;"> <q-item-section
avatar
class="q-pa-none"
style="min-width: 36px; margin-left: 30px"
>
</q-item-section> </q-item-section>
<q-item-section class="text-grey-7">จัดการตำแหน่ง</q-item-section> <q-item-section class="text-grey-7">จัดการตำแหน่ง</q-item-section>
</q-item> </q-item>
<q-item dense clickable v-ripple> <q-item dense clickable v-ripple>
<q-item-section avatar class="q-pa-none" style="min-width: 36px; margin-left: 30px;"> <q-item-section
avatar
class="q-pa-none"
style="min-width: 36px; margin-left: 30px"
>
</q-item-section> </q-item-section>
<q-item-section class="text-grey-7">แผนภูมิโครงสร้าง</q-item-section> <q-item-section class="text-grey-7"
>แผนภูมิโครงสร้าง</q-item-section
>
</q-item> </q-item>
<q-item dense clickable v-ripple> <q-item dense clickable v-ripple>
<q-item-section avatar class="q-pa-none" style="min-width: 36px; margin-left: 30px;"> <q-item-section
avatar
class="q-pa-none"
style="min-width: 36px; margin-left: 30px"
>
</q-item-section> </q-item-section>
<q-item-section class="text-grey-7">แผนภูมิองค์กร</q-item-section> <q-item-section class="text-grey-7">แผนภูมิองค์กร</q-item-section>
</q-item> </q-item>
<q-item dense clickable v-ripple> <q-item dense clickable v-ripple>
<q-item-section avatar class="q-pa-none" style="min-width: 36px; margin-left: 30px;"> <q-item-section
avatar
class="q-pa-none"
style="min-width: 36px; margin-left: 30px"
>
</q-item-section> </q-item-section>
<q-item-section class="text-grey-7">ผังโครงสร้าง</q-item-section> <q-item-section class="text-grey-7">ผังโครงสร้าง</q-item-section>
</q-item> </q-item>
<q-item dense clickable v-ripple> <q-item dense clickable v-ripple>
<q-item-section avatar class="q-pa-none" style="min-width: 36px; margin-left: 30px;"> <q-item-section
avatar
class="q-pa-none"
style="min-width: 36px; margin-left: 30px"
>
</q-item-section> </q-item-section>
<q-item-section class="text-grey-7">จัดการบัญชี 2</q-item-section> <q-item-section class="text-grey-7">จัดการบัญชี 2</q-item-section>
</q-item> </q-item>
<q-item dense clickable v-ripple> <q-item dense clickable v-ripple>
<q-item-section avatar class="q-pa-none" style="min-width: 36px; margin-left: 30px;"> <q-item-section
avatar
class="q-pa-none"
style="min-width: 36px; margin-left: 30px"
>
</q-item-section> </q-item-section>
<q-item-section class="text-grey-7">รายงานบัญชี</q-item-section> <q-item-section class="text-grey-7">รายงานบัญชี</q-item-section>
</q-item> </q-item>
<q-item dense clickable v-ripple> <q-item dense clickable v-ripple>
<q-item-section avatar class="q-pa-none" style="min-width: 36px; margin-left: 30px;"> <q-item-section
avatar
class="q-pa-none"
style="min-width: 36px; margin-left: 30px"
>
</q-item-section> </q-item-section>
<q-item-section class="text-grey-7">จัดการบัญชี 2</q-item-section> <q-item-section class="text-grey-7">จัดการบัญชี 2</q-item-section>
</q-item> </q-item>
</q-list> </q-list>
</q-expansion-item> </q-expansion-item>
<q-expansion-item label="หน้าจัดการระบบทะเบียนประวัติ" class="text-grey-7"> <q-expansion-item
label="หน้าจัดการระบบทะเบียนประวัติ"
class="text-grey-7"
>
<q-list dense> <q-list dense>
<q-item dense clickable v-ripple> <q-item dense clickable v-ripple>
<q-item-section avatar class="q-pa-none" style="min-width: 36px; margin-left: 30px;"> <q-item-section
avatar
class="q-pa-none"
style="min-width: 36px; margin-left: 30px"
>
</q-item-section> </q-item-section>
<q-item-section class="text-grey-7">การเข้าสู่หน้าระบบทะเบียนประวัติ</q-item-section> <q-item-section class="text-grey-7"
>การเข้าสู่หน้าระบบทะเบียนประวัติ</q-item-section
>
</q-item> </q-item>
<q-item dense clickable v-ripple> <q-item dense clickable v-ripple>
<q-item-section avatar class="q-pa-none" style="min-width: 36px; margin-left: 30px;"> <q-item-section
avatar
class="q-pa-none"
style="min-width: 36px; margin-left: 30px"
>
</q-item-section> </q-item-section>
<q-item-section class="text-grey-7">การค้นหาข้อมูลทะเบียนประวัติ</q-item-section> <q-item-section class="text-grey-7"
>การค้นหาข้อมูลทะเบียนประวัติ</q-item-section
>
</q-item> </q-item>
<q-item dense clickable v-ripple> <q-item dense clickable v-ripple>
<q-item-section avatar class="q-pa-none" style="min-width: 36px; margin-left: 30px;"> <q-item-section
avatar
class="q-pa-none"
style="min-width: 36px; margin-left: 30px"
>
</q-item-section> </q-item-section>
<q-item-section class="text-grey-7">การดูรายละเอียดข้อมูลทะเบียนประวัติ</q-item-section> <q-item-section class="text-grey-7"
>การดูรายละเอียดข้อมูลทะเบียนประวัติ</q-item-section
>
</q-item> </q-item>
<q-item dense clickable v-ripple> <q-item dense clickable v-ripple>
<q-item-section avatar class="q-pa-none" style="min-width: 36px; margin-left: 30px;"> <q-item-section
avatar
class="q-pa-none"
style="min-width: 36px; margin-left: 30px"
>
</q-item-section> </q-item-section>
<q-item-section class="text-grey-7">การเพิ่ม แก้ไข ดูประวัติแก้ไขข้อมูลทะเบียนประวัติ</q-item-section> <q-item-section class="text-grey-7"
>การเพิ่ม แก้ไข
ดูประวัติแก้ไขข้อมูลทะเบียนประวัติ</q-item-section
>
</q-item> </q-item>
<q-item dense clickable v-ripple> <q-item dense clickable v-ripple>
<q-item-section avatar class="q-pa-none" style="min-width: 36px; margin-left: 30px;"> <q-item-section
avatar
class="q-pa-none"
style="min-width: 36px; margin-left: 30px"
>
</q-item-section> </q-item-section>
<q-item-section class="text-grey-7">การค้นหาข้อมูลส่วนตัว การเลือกคอลัมน์แสดงผลข้อมูล</q-item-section> <q-item-section class="text-grey-7"
>การค้นหาข้อมูลส่วนตัว
การเลือกคอลัมน์แสดงผลข้อมูล</q-item-section
>
</q-item> </q-item>
<q-item dense clickable v-ripple> <q-item dense clickable v-ripple>
<q-item-section avatar class="q-pa-none" style="min-width: 36px; margin-left: 30px;"> <q-item-section
avatar
class="q-pa-none"
style="min-width: 36px; margin-left: 30px"
>
</q-item-section> </q-item-section>
<q-item-section class="text-grey-7">การปรับหน้าต่างแสดงผลหน้าข้อมูลส่วนตัว</q-item-section> <q-item-section class="text-grey-7"
>การปรับหน้าต่างแสดงผลหน้าข้อมูลส่วนตัว</q-item-section
>
</q-item> </q-item>
</q-list> </q-list>
</q-expansion-item> </q-expansion-item>
</q-list> </q-list>
</div> -->
</div> </div>
</div>
</template> </template>
<style> <style>
.q-item__section--side .q-icon { .q-item__section--side .q-icon {
font-size: 20px; font-size: 20px;
} }
</style> </style>

2
src/modules/01_manual/components/2_data/21_Main.vue
View file

@ -6,7 +6,7 @@ const text = ref("");
<template> <template>
<div class="row col-12"> <div class="row col-12">
<div class="col-9"> <div class="col-12">
<div class="toptitle text-dark col-12 row items-center"> <div class="toptitle text-dark col-12 row items-center">
คู่มือการใช้งานระบบบริหารทรัพยากรบุคคลของกรุงเทพมหานคร คู่มือการใช้งานระบบบริหารทรัพยากรบุคคลของกรุงเทพมหานคร
</div> </div>

67
src/views/MainLayout.vue
View file

@ -86,6 +86,23 @@ const tabScroll = () => {
return route.name == "registryDetail"; return route.name == "registryDetail";
}; };
const tabScroll2 = () => {
// let pathName = "";
// let childernName: any = [];
// tabList.forEach((e: any) => {
// childernName = e.childern;
// });
// console.log(childernName);
// pathName = childernName.find((e: any) => console.log(e));
// console.log(pathName);
// if (pathName) {
// return true;
// }
return route.name == "manual";
};
/** /**
* toggleBtnRight ปุ่มย่อ ขยาย drawer ขวา * toggleBtnRight ปุ่มย่อ ขยาย drawer ขวา
*/ */
@ -182,6 +199,8 @@ const activeBtn = () => {
* ยังจับ boolean ผิด จึงต้อง set * ยังจับ boolean ผิด จึงต้อง set
*/ */
onMounted(async () => { onMounted(async () => {
console.log(tabList);
myEventHandler(null, false); myEventHandler(null, false);
window.addEventListener("resize", (e: any) => { window.addEventListener("resize", (e: any) => {
myEventHandler(e, true); myEventHandler(e, true);
@ -236,8 +255,10 @@ const myEventHandler = (e: any, setSCroll: boolean) => {
*/ */
const activeMenu = (path: string) => { const activeMenu = (path: string) => {
if (path == "dashboard" && route.fullPath == "/") return true; if (path == "dashboard" && route.fullPath == "/") return true;
if (path == "registry" && route.fullPath == "/registry-employee") return false; if (path == "registry" && route.fullPath == "/registry-employee")
if (path == "registry" && route.fullPath.includes(`/registry-employee/edit`)) return false; return false;
if (path == "registry" && route.fullPath.includes(`/registry-employee/edit`))
return false;
if (path == "registry" && route.fullPath == "/") return false; if (path == "registry" && route.fullPath == "/") return false;
// if (path != "registry" && path == "registryEmployee" && route.fullPath == "/registryEmployee") return true; // if (path != "registry" && path == "registryEmployee" && route.fullPath == "/registryEmployee") return true;
@ -252,6 +273,9 @@ const activeMenu = (path: string) => {
const activeTab = (tag: string) => { const activeTab = (tag: string) => {
return tabData.value == tag; return tabData.value == tag;
}; };
const activeTab2 = (tag: string) => {
return tabData.value == tag;
};
/** /**
* คลิกเพื่อให้ router หรือ scroll ไปยังตำแหน่งนั้นๆ * คลิกเพื่อให้ router หรือ scroll ไปยังตำแหน่งนั้นๆ
@ -367,6 +391,10 @@ if (keycloak.tokenParsed != null) {
fullname.value = keycloak.tokenParsed.name; fullname.value = keycloak.tokenParsed.name;
role.value = keycloak.tokenParsed.role; role.value = keycloak.tokenParsed.role;
} }
const clickTag = (val: string) => {
console.log(val);
router.push(val);
};
</script> </script>
<!-- โครงเว็บ --> <!-- โครงเว็บ -->
@ -829,6 +857,41 @@ if (keycloak.tokenParsed != null) {
</q-scroll-area> </q-scroll-area>
</q-drawer> </q-drawer>
<!-- drawer page manual -->
<q-drawer
side="right"
class="bg-grey-2"
show-if-above
v-if="tabScroll2()"
v-model="drawerR"
:width="250"
:breakpoint="1023"
>
<q-scroll-area class="fit">
<q-list padding>
<q-item
v-for="(tabItem, index) in tabList"
:key="index"
:id="'tab--' + tabItem.no"
class="tabNative"
active-class="text-blue-7 active-item text-weight-medium tabActive"
:active="activeTab2(tabItem.no)"
clickable
v-ripple
dense
exact
@click="clickTag(tabItem.path)"
>
<q-item-section>
<q-item-label
><q-icon size="11px" name="mdi-circle-medium" />
<span class="q-pl-xs">{{ tabItem.label }}</span>
</q-item-label>
</q-item-section>
</q-item>
</q-list>
</q-scroll-area>
</q-drawer>
<!-- drawer page placement2/detail/:id --> <!-- drawer page placement2/detail/:id -->
<!-- <q-drawer <!-- <q-drawer
side="right" side="right"