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

แก้ UI-แก้ไขรอบการปฎิบัติงานผู้ใช้งาน

Browse source
This commit is contained in:
setthawutttty 2023-11-03 17:54:28 +07:00
parent f62b48e27c
commit bf1b13522f
5 changed files with 155 additions and 75 deletions
Download patch file Download diff file Expand all files Collapse all files

89
src/modules/09_leave/views/ChangeRoundMain.vue
View file

@ -6,6 +6,10 @@ import type { dataPost } from "@/modules/09_leave/interface/request/changeRound"
import { useChangeRoundDataStore } from "@/modules/09_leave/stores/ChangeRoundStore";
import Dialogform from "@/modules/09_leave/components/4_ChangeRound/DialogForm.vue";
import Modal from "@/modules/05_placement/components/AppointEmployee/Modal.vue";
import { useCounterMixin } from "@/stores/mixin";
const $q = useQuasar();
const mixin = useCounterMixin();
const { dialogConfirm, date2Thai ,dialogMessageNotify} = mixin;
const dataStore = useChangeRoundDataStore();
const modal = ref<boolean>(false);
const editCheck = ref<string>("");
@ -16,10 +20,7 @@ const formData = reactive<dataPost>({
lastName: "",
});
function Openmodal(check: string, detail: any) {
console.log(detail);
DataRow.value = detail;
modal.value = true;
editCheck.value = check;
@ -27,15 +28,47 @@ function Openmodal(check: string, detail: any) {
function closeDialog() {
modal.value = false;
}
async function searchcardid(){
const data = await dataStore.dataList.find((e) => e.cardId === formData.cardId)
if(data){
formData.firstName = data.firstName
formData.lastName = data.lastName
} else if(!data){
formData.firstName = ''
formData.lastName = ''
dataStore.fetchDataForCardId('null','notClick')
async function searchcardid(type:string) {
// if (type === "card") {
// // const data = await dataStore.dataList.find(
// // (e) => e.cardId === formData.cardId
// // );
// // if (data) {
// // formData.firstName = data.firstName;
// // formData.lastName = data.lastName;
// // } else if (!data) {
// formData.firstName = "";
// formData.lastName = "";
// // }
// } else if (type === "firstName") {
// // const data = await dataStore.dataList.find(
// // (e) => e.firstName === formData.firstName
// // );
// // if (data) {
// // formData.cardId = data.cardId;
// // formData.lastName = data.lastName;
// // } else if (!data) {
// formData.cardId = "";
// formData.lastName = "";
// // }
// } else if (type === "lastName") {
// // const data = await dataStore.dataList.find(
// // (e) => e.lastName === formData.lastName
// // );
// // if (data) {
// // formData.firstName = data.firstName;
// // formData.cardId = data.cardId;
// // } else if (!data) {
// formData.firstName = "";
// formData.cardId = "";
// // }
// }
}
function searchData(){
if(formData.cardId||formData.firstName||formData.lastName){
dataStore.fetchDataForCardId(formData, 'click')
}else{
dialogMessageNotify($q,'กรุณากรอกข้อมูลอย่างน้อย 1 ช่อง')
}
}
onMounted(() => {
@ -72,44 +105,49 @@ onMounted(() => {
v-model="formData.cardId"
outlined
label="เลขบัตรประชาชน"
class="bg-white col-6 col-md-4 inputgreen"
class=" col-6 col-md-4 inputgreen"
dense
hide-bottom-space
maxlength="13"
@keyup="searchcardid"
@keyup="searchcardid('card')"
/>
<q-input
v-model="formData.firstName"
outlined
readonly
label="ชื่อ"
class="bg-white col-5 col-md-3 inputgreen"
class=" col-5 col-md-3 inputgreen"
dense
hide-bottom-space
@keyup="searchcardid('firstName')"
/>
<q-input
v-model="formData.lastName"
outlined
readonly
label="นามสกุล"
class="bg-white col-6 col-md-3 inputgreen"
class=" col-6 col-md-3 inputgreen"
dense
hide-bottom-space
@keyup="searchcardid('lastName')"
/>
<q-btn
@click="
dataStore.fetchDataForCardId(formData.cardId,'click')
"
@click="searchData"
for="#search"
dense
:disabled="!formData.cardId"
unelevated
color="primary"
class="q-px-sm col-5 col-md-1"
>ค้นหา</q-btn
style="max-height: 40px;">ค้นหา</q-btn
>
</div>
</q-card>
</div>
<div v-if="formData.cardId && dataStore.checkCilck === true">
<q-card flat bordered class="bg-grey-2 col-12 q-pa-lg text-center text-subtitle1 text-bold">ไม่พบข้อมูลบัตรประชาชนนี้</q-card>
<div v-if="dataStore.rows.length === 0 && dataStore.checkCilck === true">
<q-card
flat
bordered
class="bg-grey-2 col-12 q-pa-lg text-center text-subtitle1 text-bold"
>ไม่พบข้อมูล</q-card
>
</div>
<div v-if="dataStore.rows.length !== 0" class="col-12 q-mt-xl">
<d-table
@ -123,7 +161,6 @@ onMounted(() => {
dense
class="custom-header-table"
:visible-columns="dataStore.visibleColumns"
>
<template v-slot:header="props">
<q-tr :props="props">