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

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

View file

@ -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

View file

@ -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>

View file

@ -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>