แก้ UI

This commit is contained in:
STW_TTTY\stwtt 2024-07-16 13:52:34 +07:00
parent 8b22ebc9fe
commit f1dabb516d

View file

@ -565,15 +565,19 @@ onMounted(() => {
:options="projectTechniquesOp1"
type="checkbox"
/>
<div class="full-width q-mt-sm" v-if="checkOtherBox11">
<q-input
v-model="reasonPlanned70"
dense
:disable="store.projectStatus === 'FINISH'"
outlined
class="inputgreen"
label="กรุณาระบุ"
></q-input>
<div class="row" v-if="checkOtherBox11">
<div class="offset-4 col-8 q-mt-sm relative-position">
<div class="other_custom_input">
<q-input
v-model="reasonPlanned70"
dense
:disable="store.projectStatus === 'FINISH'"
outlined
class="inputgreen"
label="กรุณาระบุ"
></q-input>
</div>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-4">
@ -590,15 +594,19 @@ onMounted(() => {
:options="projectTechniquesOp2"
type="checkbox"
/>
<div class="full-width q-mt-sm" v-if="checkOtherBox12">
<q-input
v-model="reasonPlanned20"
dense
outlined
:disable="store.projectStatus === 'FINISH'"
class="inputgreen"
label="กรุณาระบุ"
></q-input>
<div class="row" v-if="checkOtherBox12">
<div class="offset-4 col-8 q-mt-sm relative-position">
<div class="other_custom_input">
<q-input
v-model="reasonPlanned20"
dense
:disable="store.projectStatus === 'FINISH'"
outlined
class="inputgreen"
label="กรุณาระบุ"
></q-input>
</div>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-4">
@ -615,15 +623,19 @@ onMounted(() => {
:options="projectTechniquesOp3"
type="checkbox"
/>
<div class="full-width q-mt-sm" v-if="checkOtherBox13">
<q-input
v-model="reasonPlanned10"
dense
outlined
:disable="store.projectStatus === 'FINISH'"
class="inputgreen"
label="กรุณาระบุ"
></q-input>
<div class="row" v-if="checkOtherBox13">
<div class="offset-4 col-8 q-mt-sm relative-position">
<div class="other_custom_input">
<q-input
v-model="reasonPlanned10"
dense
:disable="store.projectStatus === 'FINISH'"
outlined
class="inputgreen"
label="กรุณาระบุ"
></q-input>
</div>
</div>
</div>
</div>
</div>
@ -640,7 +652,7 @@ onMounted(() => {
class="inputgreen"
/>
</div>
<div class="col-12" v-if="store.projectStatus === 'FINISH'">
<div class="row col-12 q-col-gutter-sm">
<div class="col-12 q-my-sm">
@ -706,7 +718,7 @@ onMounted(() => {
</div>
<div class="col-12 q-py-md">
<div class="row q-col-gutter-md">
<div class="col-12 col-sm-6 col-md-4 align-top">
<div class="col-12 col-sm-6 col-md-6 col-lg-4">
<q-label class="q-mb-sm text-weight-medium text-body2"
>การเรยนรและการพฒนาจากการลงมอทำ (70)</q-label
>
@ -719,17 +731,21 @@ onMounted(() => {
:options="projectTechniquesOp1"
type="checkbox"
/>
<div class="full-width q-mt-sm" v-if="checkOtherBox21">
<q-input
v-model="reasonActual70"
dense
outlined
class="inputgreen"
label="กรุณาระบุ"
></q-input>
<div class="row" v-if="checkOtherBox21">
<div class="offset-4 col-8 q-mt-sm relative-position">
<div class="other_custom_input">
<q-input
v-model="reasonActual70"
dense
outlined
class="inputgreen"
label="กรุณาระบุ"
></q-input>
</div>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-4">
<div class="col-12 col-sm-6 col-md-6 col-lg-4">
<q-label class="q-mb-sm text-weight-medium text-body2"
>การเรยนรและการพฒนาจากบคคลอ (20)</q-label
>
@ -742,17 +758,21 @@ onMounted(() => {
:options="projectTechniquesOp2"
type="checkbox"
/>
<div class="full-width q-mt-sm" v-if="checkOtherBox22">
<q-input
v-model="reasonActual20"
dense
outlined
class="inputgreen"
label="กรุณาระบุ"
></q-input>
<div class="row" v-if="checkOtherBox22">
<div class="offset-4 col-8 q-mt-sm relative-position">
<div class="other_custom_input">
<q-input
v-model="reasonActual20"
dense
outlined
class="inputgreen"
label="กรุณาระบุ"
></q-input>
</div>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-4">
<div class="col-12 col-sm-6 col-md-6 col-lg-4">
<q-label class="q-mb-sm text-weight-medium text-body2"
>การเรยนรและการพฒนาจากการฝกอบรม (10)</q-label
>
@ -765,14 +785,18 @@ onMounted(() => {
:options="projectTechniquesOp3"
type="checkbox"
/>
<div class="full-width q-mt-sm" v-if="checkOtherBox23">
<q-input
v-model="reasonActual10"
dense
outlined
class="inputgreen"
label="กรุณาระบุ"
></q-input>
<div class="row" v-if="checkOtherBox23">
<div class="offset-4 col-8 q-mt-sm relative-position">
<div class="other_custom_input">
<q-input
v-model="reasonActual10"
dense
outlined
class="inputgreen"
label="กรุณาระบุ"
></q-input>
</div>
</div>
</div>
</div>
</div>
@ -826,7 +850,7 @@ onMounted(() => {
}
.other_custom_input {
position: absolute;
top: -45px;
top: -25px;
width: 100%;
}