From cc5c44a5f6257adf50d97b7cf063f4202481905e Mon Sep 17 00:00:00 2001
From: Kittapath <kittapath@frappet.com>
Date: Thu, 12 Oct 2023 02:55:07 +0700
Subject: [PATCH] edit name import

---
 src/modules/03_retire/router.ts          |   8 +-
 src/modules/04_checkin/router.ts         |  44 ++++----
 src/modules/04_checkin/views/history.vue | 137 +++++++++++------------
 3 files changed, 89 insertions(+), 100 deletions(-)

diff --git a/src/modules/03_retire/router.ts b/src/modules/03_retire/router.ts
index 68edb28..b59fbef 100644
--- a/src/modules/03_retire/router.ts
+++ b/src/modules/03_retire/router.ts
@@ -2,17 +2,17 @@
  * Router ขอโอน
  */
 
-const Main = () => import("@/modules/03_retire/views/Main.vue")
+const MainRetire = () => import("@/modules/03_retire/views/main.vue")
 
-const AddRetire = () => import("@/modules/03_retire/views/AddRetire.vue")
+const AddRetire = () => import("@/modules/03_retire/views/addRetire.vue")
 
-const ResultQuestionair = () => import("@/modules/03_retire/views/Result.vue")
+const ResultQuestionair = () => import("@/modules/03_retire/views/result.vue")
 
 export default [
 	{
 		path: "/retire",
 		name: "Retire",
-		component: Main,
+		component: MainRetire,
 		meta: {
 			Auth: true,
 			Key: [7],
diff --git a/src/modules/04_checkin/router.ts b/src/modules/04_checkin/router.ts
index 5f514e7..d5ca802 100644
--- a/src/modules/04_checkin/router.ts
+++ b/src/modules/04_checkin/router.ts
@@ -2,31 +2,31 @@
  * Router Checkin
  */
 
-const Checkin = () => import("@/modules/04_checkin/views/CheckIn.vue");
-const History = () => import("@/modules/04_checkin/views/History.vue");
+const Checkin = () => import("@/modules/04_checkin/views/Checkin.vue")
+const History = () => import("@/modules/04_checkin/views/history.vue")
 
 /* const Checkout = () => import("@/modules/04_checkin/views/Checkout.vue");
  */
 export default [
-  {
-    path: "/check-in",
-    name: "Checkin",
-    component: Checkin,
-    meta: {
-      Auth: true,
-      Key: [7],
-    },
-  },
-  {
-    path: "/check-in/history",
-    name: "History",
-    component: History,
-    meta: {
-      Auth: true,
-      Key: [7],
-    },
-  },
-  /* {
+	{
+		path: "/check-in",
+		name: "Checkin",
+		component: Checkin,
+		meta: {
+			Auth: true,
+			Key: [7],
+		},
+	},
+	{
+		path: "/check-in/history",
+		name: "History",
+		component: History,
+		meta: {
+			Auth: true,
+			Key: [7],
+		},
+	},
+	/* {
     path: "/check-out",
     name: "Checkout",
     component: Checkout,
@@ -35,4 +35,4 @@ export default [
       Key: [7],
     },
   }, */
-];
+]
diff --git a/src/modules/04_checkin/views/history.vue b/src/modules/04_checkin/views/history.vue
index c541812..5fc459e 100644
--- a/src/modules/04_checkin/views/history.vue
+++ b/src/modules/04_checkin/views/history.vue
@@ -1,37 +1,29 @@
 <template>
-    <div class="col-12 row justify-center">
-        <div class="col-xs-12 col-sm-12 col-md-11 ">  
-            <q-card flat class="row col-12 cardNone" >
-                <div class="bg-secondary text-white col-12 row items-center q-px-md q-py-sm">
-                    <div class="col-2">
-                        <q-btn
-                            icon="mdi-arrow-left"
-                            unelevated
-                            round
-                            dense
-                            flat
-                            color="white"
-                            @click="router.go(-1)"
-                        />
-                    </div>
-                    <q-space />
-                    <span class="text-body1 text-weight-bold col-8 text-center">ประวัติการลงเวลา</span>
-                    <div class="col-2"></div>
-                </div>
-                <div class="col-12 q-pa-md text-grey-9">
-                    <Table
-                        :style="$q.screen.gt.xs ? 'max-height: 64vh' : ''"
-                        :rows="rows"
-                        :columns="columns"
-                        :filter="filter"
-                        :visible-columns="visibleColumns"
-                        v-model:inputfilter="filter"
-                        v-model:inputvisible="visibleColumns"
-                        :pagination="initialPagination"
-                        :inputShow="false"
-                        :grid="$q.screen.gt.xs ? false : true"
-                        >
-                        <template #columns="props">
+	<div class="col-12 row justify-center">
+		<div class="col-xs-12 col-sm-12 col-md-11">
+			<q-card flat class="row col-12 cardNone">
+				<div class="bg-secondary text-white col-12 row items-center q-px-md q-py-sm">
+					<div class="col-2">
+						<q-btn icon="mdi-arrow-left" unelevated round dense flat color="white" @click="router.go(-1)" />
+					</div>
+					<q-space />
+					<span class="text-body1 text-weight-bold col-8 text-center">ประวัติการลงเวลา</span>
+					<div class="col-2"></div>
+				</div>
+				<div class="col-12 q-pa-md text-grey-9">
+					<Table
+						:style="$q.screen.gt.xs ? 'max-height: 64vh' : ''"
+						:rows="rows"
+						:columns="columns"
+						:filter="filter"
+						:visible-columns="visibleColumns"
+						v-model:inputfilter="filter"
+						v-model:inputvisible="visibleColumns"
+						:pagination="initialPagination"
+						:inputShow="false"
+						:grid="$q.screen.gt.xs ? false : true"
+					>
+						<template #columns="props">
 							<q-tr :props="props">
 								<q-td key="no" :props="props">
 									{{ props.rowIndex + 1 }}
@@ -48,49 +40,46 @@
 								<q-td key="out" :props="props">
 									{{ props.row.out }}
 								</q-td>
-                                <q-td key="loOut" :props="props">
+								<q-td key="loOut" :props="props">
 									{{ props.row.loOut }}
 								</q-td>
-                                <q-td key="status" :props="props">
-									<span :class="props.row.status == 'ลงเวลาเรียบร้อย' ? 'text-blue': 'text-orange'">{{ props.row.status }}</span>
+								<q-td key="status" :props="props">
+									<span :class="props.row.status == 'ลงเวลาเรียบร้อย' ? 'text-blue' : 'text-orange'">{{ props.row.status }}</span>
 								</q-td>
 							</q-tr>
 						</template>
-                        <template #item="props">
-                            <div
-                                class="q-pa-xs col-xs-12 col-sm-6 col-md-4 col-lg-3 grid-style-transition"
-                                >
-                                <q-card bordered flat class="q-py-sm shadow-0">
-                                    <q-list dense>
-                                        <q-item v-for="col in props.cols" :key="col.name" :props="props">
-                                            <q-item-section>
-                                                <q-item-label caption>{{ col.label }}</q-item-label>
-                                            </q-item-section>
-                                            <q-item-section side >
-                                                <q-item-label>
-                                                <span v-if="col.name == 'status'" :class="props.row.status == 'ลงเวลาเรียบร้อย' ? 'text-blue': 'text-orange'">{{ col.value }}</span>
-                                                <span v-else class="text-black">{{ col.value }}</span>
-                                                </q-item-label>
-                                            </q-item-section>
-                                        </q-item>
-                                    </q-list>
-                                   
-                                </q-card>
-                            </div>
-                        </template>
-                    </Table>
-                </div>
-            </q-card>
-        </div>
-    </div>
+						<template #item="props">
+							<div class="q-pa-xs col-xs-12 col-sm-6 col-md-4 col-lg-3 grid-style-transition">
+								<q-card bordered flat class="q-py-sm shadow-0">
+									<q-list dense>
+										<q-item v-for="col in props.cols" :key="col.name" :props="props">
+											<q-item-section>
+												<q-item-label caption>{{ col.label }}</q-item-label>
+											</q-item-section>
+											<q-item-section side>
+												<q-item-label>
+													<span v-if="col.name == 'status'" :class="props.row.status == 'ลงเวลาเรียบร้อย' ? 'text-blue' : 'text-orange'">{{ col.value }}</span>
+													<span v-else class="text-black">{{ col.value }}</span>
+												</q-item-label>
+											</q-item-section>
+										</q-item>
+									</q-list>
+								</q-card>
+							</div>
+						</template>
+					</Table>
+				</div>
+			</q-card>
+		</div>
+	</div>
 </template>
 <script setup lang="ts">
-import type { QTableProps } from "quasar";
-import { ref } from "vue";
-import { useRouter } from "vue-router";
-import Table from "@/modules/04_checkin/componenst/TableHistory.vue"
+import type { QTableProps } from "quasar"
+import { ref } from "vue"
+import { useRouter } from "vue-router"
+import Table from "@/modules/04_checkin/componenst/tableHistory.vue"
 
-const router = useRouter();
+const router = useRouter()
 
 const filter = ref<string>("")
 const visibleColumns = ref<String[]>(["date", "in", "loIn", "out", "loOut", "status"])
@@ -131,7 +120,7 @@ const columns = ref<QTableProps["columns"]>([
 		headerStyle: "font-size: 14px",
 		style: "font-size: 14px",
 	},
-    {
+	{
 		name: "out",
 		align: "left",
 		label: "เวลาออกงาน",
@@ -160,12 +149,12 @@ const columns = ref<QTableProps["columns"]>([
 	},
 ])
 const rows = ref<any>([
-    {no:'1',date: '13/08/66',in: '11:20',loIn: 'สำนักงาน ก.ก ', out: '',loOut: '',status: '' },
-    {no:'2',date: '12/08/66',in: '08:04',loIn: 'สำนักงาน ก.ก ', out: '17:01',loOut: 'สำนักงาน ก.ก ',status: 'ลงเวลาเรียบร้อย' },
-    {no:'3',date: '11/08/66',in: '08:34',loIn: 'สำนักงาน ก.ก ', out: '17:36',loOut: 'สำนักงาน ก.ก ',status: 'สาย ทำงานครบ' },
-    {no:'4',date: '10/08/66',in: '08:48',loIn: 'สำนักงาน ก.ก ', out: '17:00',loOut: 'สำนักงาน ก.ก ',status: 'สาย ทำงานไม่ครบ' },
+	{ no: "1", date: "13/08/66", in: "11:20", loIn: "สำนักงาน ก.ก ", out: "", loOut: "", status: "" },
+	{ no: "2", date: "12/08/66", in: "08:04", loIn: "สำนักงาน ก.ก ", out: "17:01", loOut: "สำนักงาน ก.ก ", status: "ลงเวลาเรียบร้อย" },
+	{ no: "3", date: "11/08/66", in: "08:34", loIn: "สำนักงาน ก.ก ", out: "17:36", loOut: "สำนักงาน ก.ก ", status: "สาย ทำงานครบ" },
+	{ no: "4", date: "10/08/66", in: "08:48", loIn: "สำนักงาน ก.ก ", out: "17:00", loOut: "สำนักงาน ก.ก ", status: "สาย ทำงานไม่ครบ" },
 ])
 const initialPagination = ref({
 	rowsPerPage: 0,
 })
-</script>
\ No newline at end of file
+</script>