ปรับ button upload form

This commit is contained in:
DESKTOP-1R2VSQH\Lenovo ThinkPad E490 2023-11-22 16:16:13 +07:00
parent 7f3ed1368b
commit c6707f4b8d
2 changed files with 63 additions and 39 deletions

View file

@ -586,7 +586,7 @@ watch(props.data, async () => {
<div
class="col-xs-12 col-sm-12 text-weight-medium bg-grey-1 q-py-xs q-px-md"
>
ปโหลดหลกฐานสนบสนนขอกลาวหา
ปโหลดไฟลเอกสารหลกฐาน
</div>
<div class="col-12"><q-separator /></div>
<div class="col-xs-12 q-pa-sm row">
@ -606,9 +606,18 @@ watch(props.data, async () => {
<q-icon name="attach_file" color="primary" />
</template>
</q-file>
<q-btn class="col q-mt-sm" flat round color="primary" icon="upload">
<q-tooltip>ปโหลดเอกสารหลกฐาน</q-tooltip></q-btn
>
<div class="col-1 self-center" v-if="formData.evidenceFiles">
<q-btn
size="14px"
flat
round
dense
color="add"
class="q-ml-sm q-mt-sm"
icon="mdi-upload"
><q-tooltip>ปโหลดไฟล</q-tooltip></q-btn
>
</div>
</div>
<div class="col-xs-12 q-pa-sm row">
<q-list bordered separator class="full-width">

View file

@ -704,15 +704,18 @@ onMounted(async () => {
<q-icon name="attach_file" />
</template>
</q-file>
<q-btn
class="col q-mt-sm"
flat
round
color="primary"
icon="upload"
>
<q-tooltip>ปโหลดเอกสารหลกฐาน</q-tooltip></q-btn
>
<div class="col-1 self-center" v-if="formData.filesEvidence">
<q-btn
size="14px"
flat
round
dense
color="add"
class="q-ml-sm q-mt-sm"
icon="mdi-upload"
><q-tooltip>ปโหลดไฟล</q-tooltip></q-btn
>
</div>
</div>
<div class="col-xs-12 q-pa-sm row">
<q-list bordered separator class="full-width">
@ -788,15 +791,21 @@ onMounted(async () => {
<q-icon name="attach_file" />
</template>
</q-file>
<q-btn
class="col q-mt-sm"
flat
round
color="primary"
icon="upload"
>
<q-tooltip>ปโหลดเอกสารหลกฐาน</q-tooltip></q-btn
<div
class="col-1 self-center"
v-if="formData.filesRecordAccuser"
>
<q-btn
size="14px"
flat
round
dense
color="add"
class="q-ml-sm q-mt-sm"
icon="mdi-upload"
><q-tooltip>ปโหลดไฟล</q-tooltip></q-btn
>
</div>
</div>
<div class="col-xs-12 q-pa-sm row">
<q-list bordered separator class="full-width">
@ -872,15 +881,18 @@ onMounted(async () => {
<q-icon name="attach_file" />
</template>
</q-file>
<q-btn
class="col q-mt-sm"
flat
round
color="primary"
icon="upload"
>
<q-tooltip>ปโหลดเอกสารหลกฐาน</q-tooltip></q-btn
>
<div class="col-1 self-center" v-if="formData.filesWitnesses">
<q-btn
size="14px"
flat
round
dense
color="add"
class="q-ml-sm q-mt-sm"
icon="mdi-upload"
><q-tooltip>ปโหลดไฟล</q-tooltip></q-btn
>
</div>
</div>
<div class="col-xs-12 q-pa-sm row">
<q-list bordered separator class="full-width">
@ -956,15 +968,18 @@ onMounted(async () => {
<q-icon name="attach_file" />
</template>
</q-file>
<q-btn
class="col q-mt-sm"
flat
round
color="primary"
icon="upload"
>
<q-tooltip>ปโหลดเอกสารหลกฐาน</q-tooltip></q-btn
>
<div class="col-1 self-center" v-if="formData.filesEtc">
<q-btn
size="14px"
flat
round
dense
color="add"
class="q-ml-sm q-mt-sm"
icon="mdi-upload"
><q-tooltip>ปโหลดไฟล</q-tooltip></q-btn
>
</div>
</div>
<div class="col-xs-12 q-pa-sm row">
<q-list bordered separator class="full-width">