แก้ ui วินัย

This commit is contained in:
Warunee Tamkoo 2023-11-06 15:10:43 +07:00
parent 4ab7c4abb2
commit f0285eec5e
3 changed files with 124 additions and 126 deletions

View file

@ -596,17 +596,15 @@ const clickBack = () => {
</div> </div>
</div> </div>
<q-separator /> <q-separator />
<q-separator />
<div class="row col-12 q-pa-sm"> <div class="row col-12 q-pa-sm">
<q-space /> <q-space />
<q-btn <q-btn
id="onSubmit" for="ButtonOnSubmit"
type="submit" id="formSubmit"
flat
round
color="secondary" color="secondary"
icon="mdi-content-save-outline" label="บันทึก"
><q-tooltip>นทกขอม</q-tooltip></q-btn type="submit"
><q-tooltip>บทกขอม</q-tooltip></q-btn
> >
</div> </div>
</q-card> </q-card>

View file

@ -111,8 +111,8 @@ function onSubmit() {
<template> <template>
<form @submit.prevent.stop="validateForm"> <form @submit.prevent.stop="validateForm">
<div class="col-12 row q-pa-lg"> <div class="row col-12 q-pa-sm">
<div class="col-xs-12 col-sm-12 q-col-gutter-x-lg row q-col-gutter-y-xs"> <div class="row col-xs-12 col-sm-12 q-col-gutter-x-sm">
<div class="col-xs-12 col-sm-6"> <div class="col-xs-12 col-sm-6">
ประเภทคำส ประเภทคำส
<q-select <q-select
@ -313,17 +313,19 @@ function onSubmit() {
</div> </div>
</div> </div>
</div> </div>
<q-card-actions align="right">
<q-separator />
<div class="row col-12 q-pa-sm">
<q-space />
<q-btn <q-btn
for="submit" for="ButtonOnSubmit"
flat id="formSubmit"
round
unelevated
color="secondary" color="secondary"
icon="mdi-content-save-outline" label="บันทึก"
type="submit" type="submit"
/> ><q-tooltip>บทกขอม</q-tooltip></q-btn
</q-card-actions> >
</div>
</form> </form>
</template> </template>

View file

@ -82,118 +82,116 @@ function onValidate() {
</script> </script>
<template> <template>
<form @submit.prevent.stop="onValidate" class="q-gutter-md"> <form @submit.prevent.stop="onValidate" class="q-gutter-md">
<div class="col-12"> <q-card bordered class="q-pa-md">
<q-card bordered> <div v-if="data === null" class="row q-col-gutter-sm">
<div class="row q-pa-md q-col-gutter-sm"> <div class="col-3 row q-pa-md text-bold">
<div class="col-3 row q-pa-md text-bold"> <label>นหาบคคลากรทอยในระบบ</label>
<label>นหาบคคลากรทอยในระบบ</label>
</div>
<div class="col-6">
<q-input
dense
outlined
v-model="idCard"
label="รหัสบัตรประชาชน"
ref="idCardRef"
for="idCardRef"
:rules="[(val: string) => !!val || `${'กรุณากรอกรหัสบัตรประชาชน'}`]"
/>
</div>
<div class="col-2">
<q-btn
unelevated
dense
color="primary"
class="q-px-md q-py-sm"
@click="addEmployee"
label="เพิ่มบุคลากร"
id="addCustomer"
/>
</div>
</div> </div>
<div class="col-6">
<div class="row q-px-md q-col-gutter-sm"> <q-input
<div class="col-3"> dense
<q-input outlined
dense v-model="idCard"
outlined label="รหัสบัตรประชาชน"
v-model="formData.prefix" ref="idCardRef"
label="คำนำหน้า" for="idCardRef"
ref="prefixRef" :rules="[(val: string) => !!val || `${'กรุณากรอกรหัสบัตรประชาชน'}`]"
for="prefixRef" />
:rules="[(val: string) => val !== null && val !== '' || `${'กรุณากรอกคำนำหน้า'}`]"
/>
</div>
<div class="col-3">
<q-input
dense
outlined
v-model="formData.firstname"
label="ชื่อ"
ref="firstnameRef"
for="firstnameRef"
:rules="[(val: string) => val !== null && val !== '' || `${'กรุณากรอกชื่อ'}`]"
/>
</div>
<div class="col-3">
<q-input
dense
outlined
v-model="formData.lastname"
label="นามสกุล"
ref="lastnameRef"
for="lastnameRef"
:rules="[(val: string) => !!val || `${'กรุณากรอกนามสกุล'}`]"
/>
</div>
<div class="col-3">
<q-input
dense
outlined
v-model="formData.position"
label="ตำแหน่ง"
ref="positionRef"
for="positionRef"
:rules="[(val: string) => !!val || `${'กรุณากรอกตำแหน่ง'}`]"
/>
</div>
<div class="col-3">
<q-input
dense
outlined
v-model="formData.phone"
label="เบอร์โทร"
ref="phoneRef"
for="phoneRef"
:rules="[(val: string) => !!val || `${'กรุณากรอกเบอร์โทร'}`]"
/>
</div>
<div class="col-3">
<q-input
dense
outlined
v-model="formData.email"
label="อีเมล"
ref="emailRef"
for="emailRef"
:rules="[(val: string) => !!val || `${'กรุณากรอกอีเมล'}`]"
/>
</div>
</div> </div>
<div class="col-2">
<q-separator />
<div class="row col-12 q-pa-sm">
<q-space />
<q-btn <q-btn
for="ButtonOnSubmit" unelevated
id="formSubmit" dense
color="secondary" color="primary"
label="บันทึก" class="q-px-md q-py-sm"
type="submit" @click="addEmployee"
><q-tooltip>บทกขอม</q-tooltip></q-btn label="เพิ่มบุคลากร"
> id="addCustomer"
/>
</div> </div>
</q-card> </div>
</div>
<div class="row q-px-md q-col-gutter-sm">
<div class="col-3">
<q-input
dense
outlined
v-model="formData.prefix"
label="คำนำหน้า"
ref="prefixRef"
for="prefixRef"
:rules="[(val: string) => val !== null && val !== '' || `${'กรุณากรอกคำนำหน้า'}`]"
/>
</div>
<div class="col-3">
<q-input
dense
outlined
v-model="formData.firstname"
label="ชื่อ"
ref="firstnameRef"
for="firstnameRef"
:rules="[(val: string) => val !== null && val !== '' || `${'กรุณากรอกชื่อ'}`]"
/>
</div>
<div class="col-3">
<q-input
dense
outlined
v-model="formData.lastname"
label="นามสกุล"
ref="lastnameRef"
for="lastnameRef"
:rules="[(val: string) => !!val || `${'กรุณากรอกนามสกุล'}`]"
/>
</div>
<div class="col-3">
<q-input
dense
outlined
v-model="formData.position"
label="ตำแหน่ง"
ref="positionRef"
for="positionRef"
:rules="[(val: string) => !!val || `${'กรุณากรอกตำแหน่ง'}`]"
/>
</div>
<div class="col-3">
<q-input
dense
outlined
v-model="formData.phone"
label="เบอร์โทร"
ref="phoneRef"
for="phoneRef"
:rules="[(val: string) => !!val || `${'กรุณากรอกเบอร์โทร'}`]"
/>
</div>
<div class="col-3">
<q-input
dense
outlined
v-model="formData.email"
label="อีเมล"
ref="emailRef"
for="emailRef"
:rules="[(val: string) => !!val || `${'กรุณากรอกอีเมล'}`]"
/>
</div>
</div>
<q-separator />
<div class="row col-12 q-pa-sm">
<q-space />
<q-btn
for="ButtonOnSubmit"
id="formSubmit"
color="secondary"
label="บันทึก"
type="submit"
><q-tooltip>บทกขอม</q-tooltip></q-btn
>
</div>
</q-card>
</form> </form>
</template> </template>