ปรับ 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>
|
</script>
|
||||||
<template>
|
<template>
|
||||||
<Transition>
|
<Transition>
|
||||||
<div class="bg-base rounded-borders q-pa-md q-mb-md">
|
<div class="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="row col-12">
|
||||||
<div class="col-xs-6 col-md-4">
|
<q-card bordered class="col-12 q-pa-md q-mb-sm">
|
||||||
<q-file
|
<div class="row col-12 q-col-gutter-x-sm">
|
||||||
class="bg-white"
|
<div class="col-xs-6 col-md-3">
|
||||||
outlined
|
<q-file
|
||||||
dense
|
class="bg-white"
|
||||||
v-model="fileUpload"
|
outlined
|
||||||
label="ไฟล์เอกสาร"
|
dense
|
||||||
hide-bottom-space
|
v-model="fileUpload"
|
||||||
lazy-rules
|
label="ไฟล์เอกสาร"
|
||||||
>
|
hide-bottom-space
|
||||||
<template v-slot:prepend>
|
lazy-rules
|
||||||
<q-icon name="attach_file" color="primary" />
|
>
|
||||||
</template>
|
<template v-slot:prepend>
|
||||||
</q-file>
|
<q-icon name="attach_file" color="primary" />
|
||||||
</div>
|
</template>
|
||||||
<div class="col-xs-6 col-md-3">
|
</q-file>
|
||||||
<q-input
|
</div>
|
||||||
class="bg-white"
|
<div class="col-xs-6 col-md-3">
|
||||||
outlined
|
<q-input
|
||||||
dense
|
class="bg-white"
|
||||||
lazy-rules
|
outlined
|
||||||
v-model="documentTitle"
|
dense
|
||||||
:label="`${'ชื่อเอกสาร'}`"
|
lazy-rules
|
||||||
hide-bottom-space
|
v-model="documentTitle"
|
||||||
/>
|
:label="`${'ชื่อเอกสาร'}`"
|
||||||
</div>
|
hide-bottom-space
|
||||||
<div class="col-xs-12 col-md-5">
|
/>
|
||||||
<q-input
|
</div>
|
||||||
class="bg-white"
|
<div class="col-xs-12 col-md-5">
|
||||||
outlined
|
<q-input
|
||||||
dense
|
class="bg-white"
|
||||||
lazy-rules
|
outlined
|
||||||
v-model="reason"
|
dense
|
||||||
:label="`${'หมายเหตุ'}`"
|
lazy-rules
|
||||||
hide-bottom-space
|
v-model="reason"
|
||||||
/>
|
:label="`${'หมายเหตุ'}`"
|
||||||
</div>
|
hide-bottom-space
|
||||||
<div class="col-12 flex justify-end">
|
/>
|
||||||
<q-btn label="บันทึก" @click="save" color="public">
|
</div>
|
||||||
<q-tooltip>บันทึก</q-tooltip></q-btn
|
<div class="col-xs-12 col-sm-1 flex justify-end">
|
||||||
>
|
<q-btn dense class="full-width" label="บันทึก" @click="save" color="public">
|
||||||
</div>
|
<q-tooltip>บันทึก</q-tooltip></q-btn
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</q-card>
|
||||||
<div class="row col-12">
|
<div class="row col-12">
|
||||||
<q-space />
|
<q-space />
|
||||||
<q-input
|
<q-input
|
||||||
|
|
|
||||||
|
|
@ -431,7 +431,7 @@ const paginationLabel = (start: number, end: number, total: number) => {
|
||||||
outlined
|
outlined
|
||||||
v-model="fileResult"
|
v-model="fileResult"
|
||||||
label="บันทึกผลการได้รับพระราชทานเครื่องราชอิสริยาภรณ์"
|
label="บันทึกผลการได้รับพระราชทานเครื่องราชอิสริยาภรณ์"
|
||||||
style="min-width: auto"
|
style="min-width: 300px"
|
||||||
accept=".xlsx"
|
accept=".xlsx"
|
||||||
>
|
>
|
||||||
<template v-slot:prepend>
|
<template v-slot:prepend>
|
||||||
|
|
@ -463,7 +463,7 @@ const paginationLabel = (start: number, end: number, total: number) => {
|
||||||
outlined
|
outlined
|
||||||
v-model="fileinvoice"
|
v-model="fileinvoice"
|
||||||
label="บันทึกผลการจ่ายใบกำกับ"
|
label="บันทึกผลการจ่ายใบกำกับ"
|
||||||
style="min-width: auto"
|
style="min-width: 300px"
|
||||||
accept=".xlsx"
|
accept=".xlsx"
|
||||||
>
|
>
|
||||||
<template v-slot:prepend>
|
<template v-slot:prepend>
|
||||||
|
|
|
||||||
|
|
@ -90,7 +90,6 @@
|
||||||
:readonly="!edit"
|
:readonly="!edit"
|
||||||
:borderless="!edit"
|
:borderless="!edit"
|
||||||
v-model="informaTempData.employeeOc"
|
v-model="informaTempData.employeeOc"
|
||||||
:style="!edit ? '' : 'padding:0 12px;'"
|
|
||||||
:label="`${'สังกัด'}`"
|
:label="`${'สังกัด'}`"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -105,7 +104,6 @@
|
||||||
:readonly="!edit"
|
:readonly="!edit"
|
||||||
:borderless="!edit"
|
:borderless="!edit"
|
||||||
v-model="informaTempData.employeeTypeIndividual"
|
v-model="informaTempData.employeeTypeIndividual"
|
||||||
:style="!edit ? '' : 'padding:0 12px;'"
|
|
||||||
:label="`${'ประเภทบุคคล'}`"
|
:label="`${'ประเภทบุคคล'}`"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue