เพิ่มโค้ดคู่มือ
This commit is contained in:
kanyarat2001
parent
2b399efa90
commit
fc8235d330
40 changed files with 14948 additions and 46 deletions
219
src/modules/01_manual/components/1_login/01_Main.vue
Normal file
219
src/modules/01_manual/components/1_login/01_Main.vue
Normal file
|
|
@ -0,0 +1,219 @@
|
|||
<script setup lang="ts">
|
||||
import { ref } from 'vue'
|
||||
const rightDrawerOpen = ref(false)
|
||||
const text = ref('')
|
||||
</script>
|
||||
|
||||
|
||||
<template>
|
||||
<div class="row col-12">
|
||||
<div class="col-9">
|
||||
|
||||
<div class="toptitle text-dark col-12 row items-center">คู่มือการใช้งานระบบบริหารทรัพยากรบุคคลของกรุงเทพมหานคร</div>
|
||||
|
||||
<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; ">
|
||||
<div class="custom-topic text-dark">
|
||||
<div style="font-size: 16px; font-weight: 700;">
|
||||
การเข้าสู่ระบบบริหารทรัพยากรบุคคลของกรุงเทพมหานคร
|
||||
</div>
|
||||
</div>
|
||||
</q-card>
|
||||
|
||||
|
||||
<q-card flat bordered class="col-12 q-pa-md" 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">
|
||||
<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>
|
||||
</q-card>
|
||||
</div>
|
||||
|
||||
<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-expansion-item label="การเข้าสู่ระบบ" >
|
||||
<q-list dense>
|
||||
<q-item dense clickable v-ripple>
|
||||
<q-item-section avatar class="q-pa-none" style="min-width: 36px; margin-left: 30px;">
|
||||
</q-item-section>
|
||||
<q-item-section class="text-grey-7">การเข้าสู่ระบบโดยใช้ User name และ Password</q-item-section>
|
||||
</q-item>
|
||||
|
||||
<q-item dense clickable v-ripple>
|
||||
<q-item-section avatar class="q-pa-none" style="min-width: 36px; margin-left: 30px;">
|
||||
</q-item-section>
|
||||
<q-item-section class="text-grey-7">การเปลี่ยนรหัสผ่านผู้ใช้งาน</q-item-section>
|
||||
</q-item>
|
||||
|
||||
<q-item dense clickable v-ripple>
|
||||
<q-item-section avatar class="q-pa-none" style="min-width: 36px; margin-left: 30px;">
|
||||
</q-item-section>
|
||||
<q-item-section class="text-grey-7">การลงทะเบียนผู้ใช้งานใหม่</q-item-section>
|
||||
</q-item>
|
||||
|
||||
<q-item dense clickable v-ripple>
|
||||
<q-item-section avatar class="q-pa-none" style="min-width: 36px; margin-left: 30px;">
|
||||
</q-item-section>
|
||||
<q-item-section class="text-grey-7">การออกจากระบบ</q-item-section>
|
||||
</q-item>
|
||||
|
||||
<q-item dense clickable v-ripple>
|
||||
<q-item-section avatar class="q-pa-none" style="min-width: 36px; margin-left: 30px;">
|
||||
</q-item-section>
|
||||
<q-item-section class="text-grey-7">การแสดงแจ้งเตือน</q-item-section>
|
||||
</q-item>
|
||||
|
||||
</q-list>
|
||||
</q-expansion-item>
|
||||
|
||||
<q-expansion-item label="ระบบข้อมูลหลัก" class="text-grey-7">
|
||||
<q-list dense>
|
||||
<q-item dense clickable v-ripple>
|
||||
<q-item-section avatar class="q-pa-none" style="min-width: 36px; margin-left: 30px;">
|
||||
</q-item-section>
|
||||
<q-item-section class="text-grey-7">การเข้าสู่ระบบโดยใช้ User name และ Password</q-item-section>
|
||||
</q-item>
|
||||
|
||||
<q-item dense clickable v-ripple>
|
||||
<q-item-section avatar class="q-pa-none" style="min-width: 36px; margin-left: 30px;">
|
||||
</q-item-section>
|
||||
<q-item-section class="text-grey-7">การเปลี่ยนรหัสผ่านผู้ใช้งาน</q-item-section>
|
||||
</q-item>
|
||||
|
||||
<q-item dense clickable v-ripple>
|
||||
<q-item-section avatar class="q-pa-none" style="min-width: 36px; margin-left: 30px;">
|
||||
</q-item-section>
|
||||
<q-item-section class="text-grey-7">การลงทะเบียนผู้ใช้งานใหม่</q-item-section>
|
||||
</q-item>
|
||||
|
||||
<q-item dense clickable v-ripple>
|
||||
<q-item-section avatar class="q-pa-none" style="min-width: 36px; margin-left: 30px;">
|
||||
</q-item-section>
|
||||
<q-item-section class="text-grey-7">การออกจากระบบ</q-item-section>
|
||||
</q-item>
|
||||
|
||||
<q-item dense clickable v-ripple>
|
||||
<q-item-section avatar class="q-pa-none" style="min-width: 36px; margin-left: 30px;">
|
||||
</q-item-section>
|
||||
<q-item-section class="text-grey-7">การแสดงแจ้งเตือน</q-item-section>
|
||||
</q-item>
|
||||
|
||||
</q-list>
|
||||
</q-expansion-item>
|
||||
|
||||
<q-expansion-item label="ระบบโครงสร้างอัตรากำลัง" class="text-grey-7">
|
||||
<q-list dense>
|
||||
<q-item dense clickable v-ripple>
|
||||
<q-item-section avatar class="q-pa-none" style="min-width: 36px; margin-left: 30px;">
|
||||
</q-item-section>
|
||||
<q-item-section class="text-grey-7">จัดการตำแหน่ง</q-item-section>
|
||||
</q-item>
|
||||
|
||||
<q-item dense clickable v-ripple>
|
||||
<q-item-section avatar class="q-pa-none" style="min-width: 36px; margin-left: 30px;">
|
||||
</q-item-section>
|
||||
<q-item-section class="text-grey-7">แผนภูมิโครงสร้าง</q-item-section>
|
||||
</q-item>
|
||||
|
||||
<q-item dense clickable v-ripple>
|
||||
<q-item-section avatar class="q-pa-none" style="min-width: 36px; margin-left: 30px;">
|
||||
</q-item-section>
|
||||
<q-item-section class="text-grey-7">แผนภูมิองค์กร</q-item-section>
|
||||
</q-item>
|
||||
|
||||
<q-item dense clickable v-ripple>
|
||||
<q-item-section avatar class="q-pa-none" style="min-width: 36px; margin-left: 30px;">
|
||||
</q-item-section>
|
||||
<q-item-section class="text-grey-7">ผังโครงสร้าง</q-item-section>
|
||||
</q-item>
|
||||
|
||||
<q-item dense clickable v-ripple>
|
||||
<q-item-section avatar class="q-pa-none" style="min-width: 36px; margin-left: 30px;">
|
||||
</q-item-section>
|
||||
<q-item-section class="text-grey-7">จัดการบัญชี 2</q-item-section>
|
||||
</q-item>
|
||||
|
||||
|
||||
<q-item dense clickable v-ripple>
|
||||
<q-item-section avatar class="q-pa-none" style="min-width: 36px; margin-left: 30px;">
|
||||
</q-item-section>
|
||||
<q-item-section class="text-grey-7">รายงานบัญชี</q-item-section>
|
||||
</q-item>
|
||||
|
||||
<q-item dense clickable v-ripple>
|
||||
<q-item-section avatar class="q-pa-none" style="min-width: 36px; margin-left: 30px;">
|
||||
</q-item-section>
|
||||
<q-item-section class="text-grey-7">จัดการบัญชี 2</q-item-section>
|
||||
</q-item>
|
||||
|
||||
</q-list>
|
||||
</q-expansion-item>
|
||||
|
||||
<q-expansion-item label="หน้าจัดการระบบทะเบียนประวัติ" class="text-grey-7">
|
||||
<q-list dense>
|
||||
<q-item dense clickable v-ripple>
|
||||
<q-item-section avatar class="q-pa-none" style="min-width: 36px; margin-left: 30px;">
|
||||
</q-item-section>
|
||||
<q-item-section class="text-grey-7">การเข้าสู่หน้าระบบทะเบียนประวัติ</q-item-section>
|
||||
</q-item>
|
||||
|
||||
<q-item dense clickable v-ripple>
|
||||
<q-item-section avatar class="q-pa-none" style="min-width: 36px; margin-left: 30px;">
|
||||
</q-item-section>
|
||||
<q-item-section class="text-grey-7">การค้นหาข้อมูลทะเบียนประวัติ</q-item-section>
|
||||
</q-item>
|
||||
|
||||
<q-item dense clickable v-ripple>
|
||||
<q-item-section avatar class="q-pa-none" style="min-width: 36px; margin-left: 30px;">
|
||||
</q-item-section>
|
||||
<q-item-section class="text-grey-7">การดูรายละเอียดข้อมูลทะเบียนประวัติ</q-item-section>
|
||||
</q-item>
|
||||
|
||||
<q-item dense clickable v-ripple>
|
||||
<q-item-section avatar class="q-pa-none" style="min-width: 36px; margin-left: 30px;">
|
||||
</q-item-section>
|
||||
<q-item-section class="text-grey-7">การเพิ่ม แก้ไข ดูประวัติแก้ไขข้อมูลทะเบียนประวัติ</q-item-section>
|
||||
</q-item>
|
||||
|
||||
<q-item dense clickable v-ripple>
|
||||
<q-item-section avatar class="q-pa-none" style="min-width: 36px; margin-left: 30px;">
|
||||
</q-item-section>
|
||||
<q-item-section class="text-grey-7">การค้นหาข้อมูลส่วนตัว การเลือกคอลัมน์แสดงผลข้อมูล</q-item-section>
|
||||
</q-item>
|
||||
|
||||
|
||||
<q-item dense clickable v-ripple>
|
||||
<q-item-section avatar class="q-pa-none" style="min-width: 36px; margin-left: 30px;">
|
||||
</q-item-section>
|
||||
<q-item-section class="text-grey-7">การปรับหน้าต่างแสดงผลหน้าข้อมูลส่วนตัว</q-item-section>
|
||||
</q-item>
|
||||
|
||||
</q-list>
|
||||
</q-expansion-item>
|
||||
</q-list>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</template>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<style>
|
||||
.q-item__section--side .q-icon {
|
||||
font-size: 20px;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
|
||||
Loading…
Add table
Add a link
Reference in a new issue