UI สมรรถนะ

This commit is contained in:
DESKTOP-1R2VSQH\Lenovo ThinkPad E490 2024-04-10 16:04:17 +07:00
parent d35ab5c48b
commit 4824e2a925
5 changed files with 467 additions and 37 deletions

View file

@ -86,33 +86,33 @@ function onSubmit() {
<span class="toptitle text-dark">เพมสมรรถนะ</span>
</div>
<q-card flat bordered>
<q-form greedy @submit.prevent @validation-success="onSubmit">
<q-card-section>
<div class="row q-col-gutter-sm">
<div class="col-12">
<q-select
v-model="formData.competencyType"
outlined
label="เลือกประเภทสมรรถนะ"
dense
option-label="name"
option-value="id"
:options="competencyTypeOp"
emit-value
map-options
:rules="[(val:string) => !!val || `${'กรุณาเลือกประเภทสมรรถนะ'}`,]"
hide-bottom-space
/>
</div>
<FormMain v-if="formData.competencyType === 'ID1'" />
<FormGroup v-else-if="formData.competencyType === 'ID2'" />
<FormExecutive v-else-if="formData.competencyType === 'ID3'" />
<FormExecutivePosition
v-else-if="formData.competencyType === 'ID4'"
<!-- @submit.prevent @validation-success="onSubmit" -->
<!-- <q-form greedy> -->
<q-card-section>
<div class="row q-col-gutter-sm">
<div class="col-12">
<q-select
v-model="formData.competencyType"
outlined
label="เลือกประเภทสมรรถนะ"
dense
option-label="name"
option-value="id"
:options="competencyTypeOp"
emit-value
map-options
:rules="[(val:string) => !!val || `${'กรุณาเลือกประเภทสมรรถนะ'}`,]"
hide-bottom-space
/>
<FormExecutiveLevel v-else-if="formData.competencyType === 'ID5'" />
</div>
<!-- <div class="col-12">
<FormMain v-if="formData.competencyType === 'ID1'" />
<FormGroup v-else-if="formData.competencyType === 'ID2'" />
<FormExecutive v-else-if="formData.competencyType === 'ID3'" />
<FormExecutivePosition v-else-if="formData.competencyType === 'ID4'" />
<FormExecutiveLevel v-else-if="formData.competencyType === 'ID5'" />
<!-- <div class="col-12">
<q-input
v-model="formData.competencyName"
dense
@ -208,7 +208,7 @@ function onSubmit() {
</q-card>
</div> -->
<!-- <div class="col-12">
<!-- <div class="col-12">
<q-input
v-model="formData.definition"
label="กำหนดเกณฑ์การประเมิน"
@ -219,10 +219,9 @@ function onSubmit() {
hide-bottom-space
/>
</div> -->
</div>
</q-card-section>
<q-separator />
<!-- <div class="text-right q-pa-sm">
</div>
</q-card-section>
<!-- <div class="text-right q-pa-sm">
<q-btn
dense
unelevated
@ -235,6 +234,6 @@ function onSubmit() {
<q-tooltip>นทกขอม</q-tooltip>
</q-btn>
</div> -->
</q-form>
<!-- </q-form> -->
</q-card>
</template>