แก้ ui วินัย
This commit is contained in:
parent
4ab7c4abb2
commit
f0285eec5e
3 changed files with 124 additions and 126 deletions
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue