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

ปรับ css ทะเบียนลูกจ้าง,เครื่องราช เอกสาร

Browse source
This commit is contained in:
Tanyalak 2023-09-04 11:28:14 +07:00
parent 267f863205
commit 434295e6bc
3 changed files with 50 additions and 48 deletions
Download patch file Download diff file Expand all files Collapse all files

92
src/modules/07_insignia/components/3_result/fileUpload.vue
View file

@ -127,50 +127,54 @@ const save = () => {
</script>
<template>
<Transition>
<div class="bg-base rounded-borders q-pa-md q-mb-md">
<div class="row col-12 q-col-gutter-x-lg q-col-gutter-y-md">
<div class="col-xs-6 col-md-4">
<q-file
class="bg-white"
outlined
dense
v-model="fileUpload"
label="ไฟล์เอกสาร"
hide-bottom-space
lazy-rules
>
<template v-slot:prepend>
<q-icon name="attach_file" color="primary" />
</template>
</q-file>
</div>
<div class="col-xs-6 col-md-3">
<q-input
class="bg-white"
outlined
dense
lazy-rules
v-model="documentTitle"
:label="`${'ชื่อเอกสาร'}`"
hide-bottom-space
/>
</div>
<div class="col-xs-12 col-md-5">
<q-input
class="bg-white"
outlined
dense
lazy-rules
v-model="reason"
:label="`${'หมายเหตุ'}`"
hide-bottom-space
/>
</div>
<div class="col-12 flex justify-end">
<q-btn label="บันทึก" @click="save" color="public">
<q-tooltip>บันทึก</q-tooltip></q-btn
>
</div>
<div class="rounded-borders q-pa-md q-mb-md">
<div class="row col-12">
<q-card bordered class="col-12 q-pa-md q-mb-sm">
<div class="row col-12 q-col-gutter-x-sm">
<div class="col-xs-6 col-md-3">
<q-file
class="bg-white"
outlined
dense
v-model="fileUpload"
label="ไฟล์เอกสาร"
hide-bottom-space
lazy-rules
>
<template v-slot:prepend>
<q-icon name="attach_file" color="primary" />
</template>
</q-file>
</div>
<div class="col-xs-6 col-md-3">
<q-input
class="bg-white"
outlined
dense
lazy-rules
v-model="documentTitle"
:label="`${'ชื่อเอกสาร'}`"
hide-bottom-space
/>
</div>
<div class="col-xs-12 col-md-5">
<q-input
class="bg-white"
outlined
dense
lazy-rules
v-model="reason"
:label="`${'หมายเหตุ'}`"
hide-bottom-space
/>
</div>
<div class="col-xs-12 col-sm-1 flex justify-end">
<q-btn dense class="full-width" label="บันทึก" @click="save" color="public">
<q-tooltip>บันทึก</q-tooltip></q-btn
>
</div>
</div>
</q-card>
<div class="row col-12">
<q-space />
<q-input