+
+
+
+
+
+
+
+
diff --git a/src/assets/avatar_user.jpg b/src/assets/avatar_user.jpg
new file mode 100644
index 0000000..d4f27cb
Binary files /dev/null and b/src/assets/avatar_user.jpg differ
diff --git a/src/assets/logo.png b/src/assets/logo.png
new file mode 100644
index 0000000..3cdb641
Binary files /dev/null and b/src/assets/logo.png differ
diff --git a/src/components/Table.vue b/src/components/Table.vue
new file mode 100644
index 0000000..e47031e
--- /dev/null
+++ b/src/components/Table.vue
@@ -0,0 +1,186 @@
+
+
+
+
+
+ เพิ่มข้อมูล
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/main.ts b/src/main.ts
new file mode 100644
index 0000000..1d5b231
--- /dev/null
+++ b/src/main.ts
@@ -0,0 +1,32 @@
+import { createApp, defineAsyncComponent } from 'vue'
+import App from './App.vue'
+import router from './router'
+import { Dialog, Notify, Quasar } from "quasar";
+import th from "quasar/lang/th";
+import quasarUserOptions from "./quasar-user-options"
+import { createPinia } from "pinia";
+import "@vuepic/vue-datepicker/dist/main.css";
+
+import 'quasar/src/css/index.sass'
+
+// import './assets/main.css'
+
+const app = createApp(App);
+const pinia = createPinia();
+
+app.use(router);
+
+app.use(Quasar, {
+ plugins: {
+ Notify,
+ Dialog
+ },
+ lang: th,
+ }
+ );
+
+ app.component(
+ "datepicker",
+ defineAsyncComponent(() => import("@vuepic/vue-datepicker"))
+ );
+app.mount('#app');
diff --git a/src/modules/01_dashboard/views/Dashboard.vue b/src/modules/01_dashboard/views/Dashboard.vue
new file mode 100644
index 0000000..2cc31c3
--- /dev/null
+++ b/src/modules/01_dashboard/views/Dashboard.vue
@@ -0,0 +1,203 @@
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/modules/02_transfer/router.ts b/src/modules/02_transfer/router.ts
new file mode 100644
index 0000000..5053537
--- /dev/null
+++ b/src/modules/02_transfer/router.ts
@@ -0,0 +1,27 @@
+/**
+ * Router ขอโอน
+ */
+
+const TransferMain = () =>
+ import("@/modules/02_transfer/views/Main.vue");
+
+const AddTransfer = () =>
+ import("@/modules/02_transfer/views/AddTransfer.vue");
+
+export default [
+ {
+ path: "/transfer",
+ name: "transfer",
+ component: TransferMain
+ },
+ {
+ path: "/transfer/add",
+ name: "addTransfer",
+ component: AddTransfer,
+ },
+ {
+ path: "/transfer/:id",
+ name: "detailTransfer",
+ component: AddTransfer,
+ }
+];
diff --git a/src/modules/02_transfer/views/AddTransfer.vue b/src/modules/02_transfer/views/AddTransfer.vue
new file mode 100644
index 0000000..f7c6d8e
--- /dev/null
+++ b/src/modules/02_transfer/views/AddTransfer.vue
@@ -0,0 +1,87 @@
+
+
+
+
+ สวัสดี, {{fullname}}
+
+ ระบบทรัพยากรบุคคล
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ item.title }}
+ {{ item.sub }}
+
+
+
+
+
+ {{ contact.sender }}
+ {{ contact.subject }}
+
+
+
+ {{ contact.timereceive }}
+
+
+
+
+
+
+
+
+
+ กล่องข้อความ
+
+
+
+
+
\ No newline at end of file
diff --git a/src/modules/02_transfer/views/Main.vue b/src/modules/02_transfer/views/Main.vue
new file mode 100644
index 0000000..1a3505f
--- /dev/null
+++ b/src/modules/02_transfer/views/Main.vue
@@ -0,0 +1,174 @@
+
+
+
+
+
+
+
+ เพิ่มเรื่องขอโอน
+
+
+ รายละเอียดเรื่องขอโอน
+
+
+
+
+
+
+
+
+
+
+
+
+ ข้อมูลเดิม
+
+
+
+
+
+
+
+
+ ข้อมูลใหม่
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/quasar-user-options.ts b/src/quasar-user-options.ts
new file mode 100644
index 0000000..671a183
--- /dev/null
+++ b/src/quasar-user-options.ts
@@ -0,0 +1,11 @@
+// import "./styles/quasar.scss"
+import "@quasar/extras/material-icons/material-icons.css"
+import "@quasar/extras/material-icons-outlined/material-icons-outlined.css"
+import "@quasar/extras/fontawesome-v5/fontawesome-v5.css"
+import "@quasar/extras/mdi-v4/mdi-v4.css"
+
+// To be used on app.use(Quasar, { ... })
+export default {
+ config: {},
+ plugins: {},
+}
diff --git a/src/router/index.ts b/src/router/index.ts
new file mode 100644
index 0000000..8b97af8
--- /dev/null
+++ b/src/router/index.ts
@@ -0,0 +1,27 @@
+import { createRouter, createWebHistory } from 'vue-router'
+
+const MainLayout = () => import("@/views/MainLayout.vue");
+const Dashboard = () => import("@/modules/01_dashboard/views/Dashboard.vue");
+
+import ModuleTransfer from "@/modules/02_transfer/router.ts";
+
+const router = createRouter({
+ history: createWebHistory(import.meta.env.BASE_URL),
+ routes: [
+ {
+ path: '/',
+ name: 'home',
+ component: MainLayout,
+ children:[
+ {
+ path: "/",
+ name: "dashboard",
+ component: Dashboard,
+ },
+ ...ModuleTransfer
+ ]
+ },
+ ]
+})
+
+export default router;
diff --git a/src/router/loader.ts b/src/router/loader.ts
new file mode 100644
index 0000000..8027570
--- /dev/null
+++ b/src/router/loader.ts
@@ -0,0 +1,13 @@
+/**
+***** DEPRECATED - Must be delete later *****
+*/
+
+/**โหลดหน้าแบบ async/await
+ * @param view "ชี่อไฟล์".vue
+ * @param folder "folderในsrc" [Ex. /src/"folder"] default=views เมื่อไม่ส่งค่า
+ */
+export function load(view: string, folder: string = "views") {
+ // console.log(`@/${folder}/${view}.vue`);
+ return async () => await import(`@/${folder}/${view}.vue`);
+ }
+
\ No newline at end of file
diff --git a/src/style/quasar-variables.sass b/src/style/quasar-variables.sass
new file mode 100644
index 0000000..dd88382
--- /dev/null
+++ b/src/style/quasar-variables.sass
@@ -0,0 +1,31 @@
+// FILE (create it): src/quasar-variables.sass
+
+$primary: #02A998
+$secondary: #016987
+$accent: #9C27B0
+
+// $dark: #1D1D1D
+$dark: #35473C
+
+$positive: #21BA45
+$negative: #C10015
+$info: #31CCEC
+$warning: #F2C037
+
+$add: #00aa86
+
+.bg-white-btn
+ background: #ffffff20 !important
+
+@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@100;200;300;400;500;600;700;800;900&display=swap')
+
+$noto-thai: 'Noto Sans Thai', sans-serif
+
+#azay-app,
+div
+ font-family: $noto-thai !important
+ text-rendering: optimizeLegibility
+ -webkit-font-smoothing: antialiased
+ -moz-osx-font-smoothing: grayscale
+
+$separator-color: #EDEDED !default
\ No newline at end of file
diff --git a/src/views/MainLayout.vue b/src/views/MainLayout.vue
new file mode 100644
index 0000000..dc96faa
--- /dev/null
+++ b/src/views/MainLayout.vue
@@ -0,0 +1,232 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ระบบทรัพยากรบุคคล
+
+ กรุงเทพมหานคร
+
+ 
+
+
+
+
+
+
+
+
+
+ การแจ้งเตือน
+
+
+
+
+
+
+