UI สมรรถนะ
This commit is contained in:
parent
d35ab5c48b
commit
4824e2a925
5 changed files with 467 additions and 37 deletions
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue