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

เพิ่ม ui หน้ารายการลา

Browse source
This commit is contained in:
Tanyalak 2023-09-27 15:49:15 +07:00
parent 7f0e41ff31
commit 060be9b843
12 changed files with 938 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/modules/04_checkin/router.ts
View file

@ -2,8 +2,8 @@
* 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");
*/

10
src/modules/04_checkin/views/Checkin.vue
View file

@ -65,7 +65,7 @@
<q-card
bordered
flat
class="col-12 bg-grey-2"
class="col-12 bg-grey-2 shadow-0"
:style="$q.screen.gt.xs ? 'height: 350px;' : 'height: 220px;'"
>
<!-- <mapCheckin /> -->
@ -86,7 +86,8 @@
<div class="col-12 col-sm-4">
<q-card
flat
class="cardImg col-12 bg-grey-2 items-center row cursor-pointer "
bordered
class="cardImg col-12 bg-grey-2 items-center row cursor-pointer shadow-0"
@click="photo()"
:style="$q.screen.gt.xs ? 'height: 350px;' : 'height: 220px;'"
>
@ -123,7 +124,7 @@
</q-card>
</div>
<div class="col-12 q-mb-md">
<q-card bordered flat :class="$q.screen.gt.xs ? 'q-px-md q-py-sm row items-center': 'q-pa-md row items-center'">
<q-card bordered flat :class="$q.screen.gt.xs ? 'q-px-md q-py-sm row items-center shadow-0': 'q-pa-md row items-center shadow-0'">
<div class="text-weight-bold">สถานที่ทำงาน</div>
<div :class="$q.screen.gt.xs ? 'row q-gutter-md q-pl-md col-sm-6 col-md-3': 'column col-12'">
<q-radio v-model="workplace" checked-icon="task_alt" unchecked-icon="panorama_fish_eye" val="in-place" label="ในสถานที่" />
@ -214,7 +215,8 @@ const coordinates = ref('13° 43’ 45” N 100° 31’ 26” E');
const workplace = ref('in-place');
const model = ref(null);
const options = ref(['ปฏิบัติงานที่บ้าน', 'ลืมลงเวลาปฏิบัติงาน', 'ไปประชุม/อบรม/สัมมนา/ปฏิบัติงานที่บ้านนอกสถานที่', 'ขออนุญาตออกนอกสถานที่']);
const checkIn = ref(true);
const checkIn = ref(true); //เช็คการเช็คอิน ถ้าลงเวลาครั้งแรกเป็นเช็คอิน(สีเขียว) true แต่ถ้าครั้ง 2 เป็นเช็คเอ้าท์(สีแดง) false
const camera = ref(false);
const dialogTime = ref(false);

5
src/modules/04_checkin/views/history.vue
View file

@ -60,7 +60,7 @@
<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">
<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>
@ -81,7 +81,6 @@
</Table>
</div>
</q-card>
</div>
</div>
</template>
@ -89,7 +88,7 @@
import type { QTableProps } from "quasar";
import { ref } from "vue";
import { useRouter } from "vue-router";
import Table from "@/modules/04_checkin/componenst/tableHistory.vue"
import Table from "@/modules/04_checkin/componenst/TableHistory.vue"
const router = useRouter();