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

ลาเข้ารับการตรวจเลือกหรือเข้ารับการเตรียมพล

Browse source
This commit is contained in:
setthawutttty 2023-11-08 15:30:31 +07:00
parent b44a15f69b
commit 4da85e5667
4 changed files with 708 additions and 82 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -27,7 +27,7 @@ const route = useRoute();
const myform = ref<QForm | null>(null);
const $q = useQuasar();
const model = ref("");
const model = ref("6");
const modelSpecific = ref("");
const clickBack = () => {
@ -85,65 +85,60 @@ const onSubmit = async () => {
<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="ประเภทใบลา :"
@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="q-py-sm q-px-lg">
<div class="row">
<q-select
dense
class="q-ml-lg col-6"
class="col-12 col-sm-6 col-md-4"
outlined
v-model="modelSpecific"
:options="
model === '5'
? dataStore.optionsOrdination
: dataStore.optionsSpecific
"
v-model="model"
:options="dataStore.options"
option-value="id"
option-label="name"
emit-value
map-options
prefix="ประเภทใบลา :"
@update:model-value="
dataStore.typeConvert(model, modelSpecific)
"
@update:model-value="dataStore.typeConvert(model, null)"
/>
</div>
<div class="row q-mt-sm">
<div class="col-12 col-sm-6 col-md-3" v-if="model === '5' || model === '7'">
<q-select
dense
outlined
v-model="modelSpecific"
: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>
<!-- v-if (ลาอุปสมบทหรือลาประกอบพิธีฮัจย์ฯ||ลาไปศึกษา ฝึกอบรม ปฎิบัติการวิจัย หรือดูงาน) -->
</div>
<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">
<div v-if="model" style="width: 100%;">
<Form3
:on-submit="onSubmit"
v-if="model === '0' || model === '1' || model === '2'"
/>
<Form4
:on-submit="onSubmit"
v-if="model === '3'"
/>
<Form5
:on-submit="onSubmit"
v-if="model === '4'"
/>
<Form4 :on-submit="onSubmit" v-if="model === '3'" />
<Form5 :on-submit="onSubmit" v-if="model === '4'" />
<Form6
:on-submit="onSubmit"
v-if="model === '5' && modelSpecific === '0'"
@ -152,7 +147,7 @@ const onSubmit = async () => {
:on-submit="onSubmit"
v-if="model === '5' && modelSpecific === '1'"
/>
<Form8 :on-submit="onSubmit" v-if="model === '6'" />
<Form8 :on-submit="onSubmit" v-if="model === '6'" style="width: 100%;"/>
<Form9
:on-submit="onSubmit"
v-if="model === '7' && modelSpecific === '0'"
@ -171,7 +166,6 @@ const onSubmit = async () => {
<Form13 :on-submit="onSubmit" v-if="model === '10'" />
</div>
</div>
</q-card>
</q-form>
</div>