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

no message

Browse source
This commit is contained in:
setthawutttty 2023-11-07 15:06:48 +07:00
parent 83dc2d90a5
commit 538152d3cd
7 changed files with 991 additions and 360 deletions
Download patch file Download diff file Expand all files Collapse all files

174
src/modules/05_leave/views/AddPage.vue Normal file
View file

@ -0,0 +1,174 @@
<script setup lang="ts">
import { ref, onMounted,computed } from "vue";
import { useQuasar } from "quasar";
import { useRouter, useRoute } from "vue-router";
import Form from '@/modules/05_leave/componenst/Form.vue'
import { useLeaveStore } from "@/modules/05_leave/store";
import http from "@/plugins/http";
import config from "@/app.config";
import type { QForm } from "quasar";
const dataStore = useLeaveStore();
const router = useRouter();
const route = useRoute();
const myform = ref<QForm | null>(null);
const $q = useQuasar();
const model = ref('');
const modelSpecific = ref(null);
const clickBack = () => {
router.push(`/leave`);
};
onMounted(() => {});
const saveAbsence = () => {
$q.dialog({
title: "ยืนยันการยื่นข้อมูลลาออก",
message: "ต้องการยื่นข้อมูลลาออกนี้ใช่หรือไม่?",
cancel: {
flat: true,
color: "negative",
},
persistent: true,
})
.onOk(() => {
// createFormresign()
if (model.value !== "7") {
console.log(1);
} else if (model.value === "7") {
console.log(2);
}
router.push(`/leave`);
})
.onCancel(() => {})
.onDismiss(() => {});
};
</script>
<template>
<div class="col-12 row justify-center">
<div class="col-xs-12 col-sm-12 col-md-11">
<div class="toptitle text-white col-12 row items-center">
<q-btn
icon="mdi-arrow-left"
unelevated
round
dense
flat
color="primary"
class="q-mr-sm"
@click="clickBack"
/>
<div>ยื่นใบลา</div>
</div>
<q-form ref="myform" class="col-12">
<q-card bordered>
<div class="col-12 row q-col-gutter-md q-pa-md">
<div class="col-xs-12 col-sm-12">
<q-icon name="mdi-numeric-1-circle" size="20px" color="primary" />
<div class="q-pl-sm text-weight-bold text-dark">
เลือกประเภทการลา {{ model }}
</div>
<div class="col-12 row q-pa-sm q-col-gutter-sm">
<q-select
dense
class="q-ml-lg col-6"
outlined
v-model="model"
:options="dataStore.options"
option-value="id"
option-label="name"
emit-value
map-options
prefix="ประเภทใบลา :"
/>
<!-- v-if (ลาอุปสมบทหรือลาประกอบพิธีฮัจย์ฯ||ลาไปศึกษา ฝึกอบรม ปฎิบัติการวิจัย หรือดูงาน) -->
<div class="col-6 row q-pa-sm" v-if="model === '5' || model === '7'">
<q-select
dense
class="q-ml-lg col-6"
outlined
v-model="modelSpecific"
:options="model === '5' ? dataStore.optionsOrdination : dataStore.optionsSpecific"
option-value="id"
option-label="name"
emit-value
map-options
prefix="ประเภทใบลา :"
/>
</div>
</div>
<q-icon
name="mdi-numeric-2-circle"
size="20px"
color="primary"
v-if="model == '7'"
/>
<div
class="q-pl-sm text-weight-bold text-dark"
v-if="model == '7'"
>
เลือกประเภทใบลาศึกษา ฝึกอบรม ปฎิบัติการวิจัย หรือดูงาน
</div>
<div
class="col-12 row q-pa-sm q-col-gutter-sm"
v-if="model == '7'"
>
<q-select
dense
class="q-ml-lg col-6"
outlined
v-model="modelSpecific"
:options="dataStore.optionsSpecific"
option-value="id"
option-label="name"
emit-value
map-options
prefix="ประเภทใบลา :"
/>
</div>
<q-icon
name="mdi-numeric-2-circle"
size="20px"
color="primary"
v-else
/>
<q-icon
name="mdi-numeric-3-circle"
size="20px"
color="primary"
v-if="model == '7'"
/>
<div class="q-pl-sm text-weight-bold text-dark">กรอกข้อมูล</div>
<Form :type="model"/>
</div>
</div>
<q-separator />
<div class="row col-12 q-pa-md">
<q-space />
<q-btn
unelevated
dense
class="q-px-md items-center btnBlue"
label="บันทึก"
@click="saveAbsence"
/>
</div>
</q-card>
</q-form>
</div>
</div>
</template>
<style scoped lang="scss">
.btnBlue {
background-color: #016987;
color: #fff;
}
</style>