hrms-bangkok/hrms-user
7
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

no message

Browse source
This commit is contained in:
setthawutttty 2024-10-16 10:41:55 +07:00
parent 20a989cafa
commit 44ce0ea9ae
1 changed files with 34 additions and 31 deletions
Download patch file Download diff file Expand all files Collapse all files

65
src/modules/10_registry/01_Information/01_Information.vue
View file

@ -250,6 +250,7 @@ function getData() {
formDataInformation.religion = data.religion; formDataInformation.religion = data.religion;
formDataInformation.bloodGroup = data.bloodGroup; formDataInformation.bloodGroup = data.bloodGroup;
formDataInformation.phone = data.phone; formDataInformation.phone = data.phone;
formDataInformation.email = data.email.split("@")[0];
}) })
.catch((e) => { .catch((e) => {
messageError($q, e); messageError($q, e);
@ -441,21 +442,22 @@ onMounted(() => {
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-4 text-grey-6 text-weight-medium">เบอร์โทร</div> <div class="col-5 text-grey-6 text-weight-medium">เบอร์โทร</div>
<div class="col-8"> <div class="col-7">
<div class="row q-gutter-sm"> <div class="row q-col-gutter-sm">
<q-input <div class="col-9">
dense <q-input
outlined dense
v-model="formDataInformation.phone" outlined
:readonly="!editPhone" v-model="formDataInformation.phone"
mask="##########" :readonly="!editPhone"
style="width: 300px" mask="##########"
:class="editPhone ? 'inputgreen' : ''" :class="editPhone ? 'inputgreen' : ''"
> >
</q-input> </q-input>
</div>
<div v-if="editPhone == false" class="self-center"> <div v-if="editPhone == false" class="self-center col-3">
<q-btn <q-btn
dense dense
flat flat
@ -467,7 +469,7 @@ onMounted(() => {
<q-tooltip>แก้ไข</q-tooltip> <q-tooltip>แก้ไข</q-tooltip>
</q-btn> </q-btn>
</div> </div>
<div v-else class="self-center"> <div v-else class="self-center col-3">
<q-btn <q-btn
dense dense
flat flat
@ -493,23 +495,24 @@ onMounted(() => {
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-4 text-grey-6 text-weight-medium">อีเมล</div> <div class="col-5 text-grey-6 text-weight-medium">อีเมล</div>
<div class="col-8"> <div class="col-7">
<div class="row no-wrap q-gutter-sm"> <div class="row q-col-gutter-sm">
<q-input <div class="col-9">
dense <q-input
outlined dense
v-model="formDataInformation.email" outlined
:readonly="!editEmail" v-model="formDataInformation.email"
type="email" :readonly="!editEmail"
suffix="@bangkok.go.th" type="email"
style="width: 300px" suffix="@bangkok.go.th"
:class="editEmail ? 'inputgreen' : ''" :class="editEmail ? 'inputgreen' : ''"
> >
</q-input> </q-input>
</div>
<div <div
v-if="emailVerify == null || emailVerify == true" v-if="emailVerify == null || emailVerify == true"
class="self-center" class="self-center col-3"
> >
<div v-if="editEmail == false"> <div v-if="editEmail == false">
<q-btn <q-btn
@ -546,7 +549,7 @@ onMounted(() => {
</q-btn> </q-btn>
</div> </div>
</div> </div>
<div v-else class="self-center"> <div v-else class="self-center col-3">
<q-icon <q-icon
name="mdi-alert-box" name="mdi-alert-box"
color="warning" color="warning"