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

form

Browse source
This commit is contained in:
setthawutttty 2023-11-07 17:28:47 +07:00
parent 5c4fd87033
commit 7aa2782a86
4 changed files with 96 additions and 190 deletions
Download patch file Download diff file Expand all files Collapse all files

75
src/modules/05_leave/views/AddPage.vue
View file

@ -1,15 +1,15 @@
<script setup lang="ts">
import { ref, onMounted,computed } from "vue";
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 Form from "@/modules/05_leave/componenst/Form.vue";
import Form3 from "@/modules/05_leave/componenst/Forms/01_SickForm.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();
@ -17,18 +17,15 @@ const route = useRoute();
const myform = ref<QForm | null>(null);
const $q = useQuasar();
const model = ref('');
const model = ref("");
const modelSpecific = ref(null);
const clickBack = () => {
router.push(`/leave`);
};
onMounted(() => {});
const saveAbsence = () => {
$q.dialog({
title: "ยืนยันการยื่นข้อมูลลาออก",
@ -74,7 +71,7 @@ const saveAbsence = () => {
<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
@ -88,66 +85,40 @@ const saveAbsence = () => {
emit-value
map-options
prefix="ประเภทใบลา :"
@update:model-value="dataStore.typeConvert(model,null)"
/>
<!-- v-if (ลาอุปสมบทหรือลาประกอบพิธีฮัจย์ฯ||ลาไปศึกษา ฝึกอบรม ปฎิบัติการวิจัย หรือดูงาน) -->
<div class="col-6 row q-pa-sm" v-if="model === '5' || model === '7'">
<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"
:options="
model === '5'
? dataStore.optionsOrdination
: dataStore.optionsSpecific
"
option-value="id"
option-label="name"
emit-value
map-options
prefix="ประเภทใบลา :"
@update:model-value="dataStore.typeConvert(model,modelSpecific)"
/>
</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'"
/>
<q-icon name="mdi-numeric-2-circle" size="20px" color="primary" />
<div class="q-pl-sm text-weight-bold text-dark">ข้อมูลการลา</div>
<Form :model="model" />
</div>
<div v-if="model">
<q-icon name="mdi-numeric-3-circle" size="20px" color="primary" />
<div class="q-pl-sm text-weight-bold text-dark">กรอกข้อมูล</div>
<Form :type="model"/>
<Form3 v-if="model === '0' || model === '1' || model === '2'"/>
</div>
</div>
<q-separator />