ปรับ css ทะเบียนลูกจ้าง,เครื่องราช เอกสาร
This commit is contained in:
parent
267f863205
commit
434295e6bc
3 changed files with 50 additions and 48 deletions
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -431,7 +431,7 @@ const paginationLabel = (start: number, end: number, total: number) => {
|
|||
outlined
|
||||
v-model="fileResult"
|
||||
label="บันทึกผลการได้รับพระราชทานเครื่องราชอิสริยาภรณ์"
|
||||
style="min-width: auto"
|
||||
style="min-width: 300px"
|
||||
accept=".xlsx"
|
||||
>
|
||||
<template v-slot:prepend>
|
||||
|
|
@ -463,7 +463,7 @@ const paginationLabel = (start: number, end: number, total: number) => {
|
|||
outlined
|
||||
v-model="fileinvoice"
|
||||
label="บันทึกผลการจ่ายใบกำกับ"
|
||||
style="min-width: auto"
|
||||
style="min-width: 300px"
|
||||
accept=".xlsx"
|
||||
>
|
||||
<template v-slot:prepend>
|
||||
|
|
|
|||
|
|
@ -90,7 +90,6 @@
|
|||
:readonly="!edit"
|
||||
:borderless="!edit"
|
||||
v-model="informaTempData.employeeOc"
|
||||
:style="!edit ? '' : 'padding:0 12px;'"
|
||||
:label="`${'สังกัด'}`"
|
||||
/>
|
||||
</div>
|
||||
|
|
@ -105,7 +104,6 @@
|
|||
:readonly="!edit"
|
||||
:borderless="!edit"
|
||||
v-model="informaTempData.employeeTypeIndividual"
|
||||
:style="!edit ? '' : 'padding:0 12px;'"
|
||||
:label="`${'ประเภทบุคคล'}`"
|
||||
/>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue