แก้วินัย อัพไฟล์ เเล้ว ข้อมูลเเก้ไขหาย/เเก้ฟิลเตอร์

This commit is contained in:
setthawutttty 2024-01-08 09:45:03 +07:00
parent b670ae3733
commit 9bf53d2689
8 changed files with 275 additions and 190 deletions

View file

@ -57,6 +57,7 @@ const resultRef = ref<Object | null>(null);
const isSave = ref<boolean>(false); //
const isReadonly = ref<boolean>(false); //
const fileList = ref<ArrayFileList[]>([]);
const countNum = ref<number>(1);
/** รับ props มาจากหน้าหลัก */
const props = defineProps({
@ -158,6 +159,7 @@ function validateForm() {
}
}
if (hasError.every((result) => result === true)) {
countNum.value = 1
onSubmit();
} else {
console.log("ไม่ผ่าน ");
@ -222,28 +224,32 @@ function confirmDelete(id: string) {
*/
watch(props.data, async () => {
if (props.data !== null) {
isReadonly.value = props.data.status != "NEW" ?? true;
isSave.value = false;
if (countNum.value === 1) {
isReadonly.value = props.data.status != "NEW" ?? true;
isSave.value = false;
fileList.value = props.data.disciplineComplaintDocs;
mainStore.fetchData(props.data.persons);
fileList.value = props.data.disciplineComplaintDocs;
mainStore.fetchData(props.data.persons);
formData.id = props.data.id;
formData.respondentType = props.data.respondentType;
formData.organizationId = props.data.organizationId;
formData.consideredAgency = props.data.consideredAgency;
formData.title = props.data.title;
formData.description = props.data.description;
formData.dateReceived = props.data.dateReceived;
formData.dateConsideration = props.data.dateConsideration;
formData.offenseDetails = props.data.offenseDetails;
formData.levelConsideration = props.data.levelConsideration;
formData.dateNotification = props.data.dateNotification;
formData.complaintFrom = props.data.complaintFrom;
formData.appellant = props.data.appellant;
formData.status = props.data.status;
formData.result = props.data.result;
formData.persons = mainStore.rowsAdd;
formData.id = props.data.id;
formData.respondentType = props.data.respondentType;
formData.organizationId = props.data.organizationId;
formData.consideredAgency = props.data.consideredAgency;
formData.title = props.data.title;
formData.description = props.data.description;
formData.dateReceived = props.data.dateReceived;
formData.dateConsideration = props.data.dateConsideration;
formData.offenseDetails = props.data.offenseDetails;
formData.levelConsideration = props.data.levelConsideration;
formData.dateNotification = props.data.dateNotification;
formData.complaintFrom = props.data.complaintFrom;
formData.appellant = props.data.appellant;
formData.status = props.data.status;
formData.result = props.data.result;
formData.persons = mainStore.rowsAdd;
}else if (countNum.value === 2){
fileList.value = props.data.disciplineComplaintDocs;
}
}
});
@ -267,6 +273,7 @@ function upLoadFileDoc() {
.put(config.API.complaintFileUpload(formData.id), Data)
.then((res) => {
success($q, "อัพโหลดไฟล์สำเร็จ");
countNum.value = 2
props.getData();
})
.catch((e) => {
@ -497,7 +504,7 @@ onMounted(() => {
>
<template v-slot:header="props">
<q-tr :props="props">
<q-th auto-width></q-th>
<q-th auto-width></q-th>
<q-th
v-for="col in props.cols"
:key="col.name"
@ -513,15 +520,17 @@ onMounted(() => {
</template>
<template v-slot:body="props">
<q-tr :props="props" class="cursor-pointer">
<td>
<router-link
target="_blank"
:to="`/registry/${props.row.personId}`"
><q-icon name="info" color="info" size="sm"
><q-tooltip>อมลในทะเบยนประว</q-tooltip>
</q-icon></router-link
>
</td>
<td>
<router-link
target="_blank"
:to="`/registry/${props.row.personId}`"
><q-icon name="info" color="info" size="sm"
><q-tooltip
>อมลในทะเบยนประว</q-tooltip
>
</q-icon></router-link
>
</td>
<q-td
v-for="col in props.cols"
:key="col.name"
@ -536,10 +545,8 @@ onMounted(() => {
>
{{ props.row.organization }}
</div>
<div
v-else-if="col.name === 'salary'"
>
{{ props.row.salary.toLocaleString() }}
<div v-else-if="col.name === 'salary'">
{{ props.row.salary.toLocaleString() }}
</div>
<div v-else>
{{ col.value }}