แก้สืบสวน

This commit is contained in:
setthawutttty 2023-11-28 17:22:21 +07:00
parent 6fa0229188
commit f27dc0a73f
3 changed files with 696 additions and 642 deletions

View file

@ -919,6 +919,7 @@ onMounted(() => {
dense dense
outlined outlined
hide-bottom-space hide-bottom-space
:readonly="formData.status !== 'NEW' && formData.status !== ''"
v-model="formData.result" v-model="formData.result"
:rules="[ :rules="[
(val) => !!val || 'กรุณากรอกผลการตรวจสอบเรื่องร้องเรียน', (val) => !!val || 'กรุณากรอกผลการตรวจสอบเรื่องร้องเรียน',

View file

@ -378,6 +378,21 @@ function emitPerson(data: FormData[]) {
}); });
} }
/** ยืนยัน ส่งไปออกคำสั่ง */
function sentIssue() {
dialogConfirm(
$q,
() => confirmSentIssue(),
"ยืนยันส่งไปสรุปผลการพิจารณา",
"ต้องการยืนยันส่งไปสรุปผลการพิจารณาใช่หรือไม่?"
);
}
/** ฟังชั่น ส่งไปออกคำสั่ง*/
function confirmSentIssue() {
console.log("sent");
}
/** โหลดข้อมูลเมื่อเข้าหน้านี้ */ /** โหลดข้อมูลเมื่อเข้าหน้านี้ */
onMounted(() => { onMounted(() => {
getData(); getData();
@ -417,7 +432,12 @@ watch(
color="public" color="public"
@click="sentInvestigate" @click="sentInvestigate"
/> />
<q-btn
v-if="data.status === 'NEW'"
label="ส่งไปพักราชการ"
color="primary"
@click="sentIssue"
/>
<q-btn <q-btn
v-if="data.status === 'NEW'" v-if="data.status === 'NEW'"
label="ยุติเรื่อง" label="ยุติเรื่อง"

View file

@ -527,7 +527,9 @@ onMounted(async () => {
}); });
</script> </script>
<template> <template>
<q-card flat class="q-mt-sm"> <div class="row">
<div class="col-xs-12 col-sm-12 col-md-9">
<q-card flat bordered class="q-mb-md">
<form @submit.prevent="validateForm"> <form @submit.prevent="validateForm">
<div class="q-pa-md q-col-gutter-md"> <div class="q-pa-md q-col-gutter-md">
<div class="col-xs-12 row items-start q-col-gutter-md"> <div class="col-xs-12 row items-start q-col-gutter-md">
@ -645,7 +647,10 @@ onMounted(async () => {
/> />
</div> </div>
<div class="row col-12" v-if="formData.respondentType === 'PERSON'"> <div
class="row col-12"
v-if="formData.respondentType === 'PERSON'"
>
<q-card <q-card
bordered bordered
class="row col-12" class="row col-12"
@ -681,7 +686,9 @@ onMounted(async () => {
:paging="true" :paging="true"
dense dense
class="custom-header-table" class="custom-header-table"
:visible-columns="investigateFactStore.visibleColumnsPerson" :visible-columns="
investigateFactStore.visibleColumnsPerson
"
> >
<template v-slot:header="props"> <template v-slot:header="props">
<q-tr :props="props"> <q-tr :props="props">
@ -691,7 +698,9 @@ onMounted(async () => {
:props="props" :props="props"
style="color: #000000; font-weight: 500" style="color: #000000; font-weight: 500"
> >
<span class="text-weight-medium">{{ col.label }}</span> <span class="text-weight-medium">{{
col.label
}}</span>
</q-th> </q-th>
<q-th auto-width></q-th> <q-th auto-width></q-th>
</q-tr> </q-tr>
@ -921,7 +930,8 @@ onMounted(async () => {
" "
:rules="[ :rules="[
(val) => (val) =>
!!val || `${'กรุณาเลือกวันที่สิ้นสุดการสืบสวน'}`, !!val ||
`${'กรุณาเลือกวันที่สิ้นสุดการสืบสวน'}`,
]" ]"
:label="`${'วันที่สิ้นสุดการสืบสวน'}`" :label="`${'วันที่สิ้นสุดการสืบสวน'}`"
> >
@ -943,7 +953,11 @@ onMounted(async () => {
</div> </div>
<div class="row col-12"> <div class="row col-12">
<q-card bordered class="row col-12" style="border: 1px solid #d6dee1"> <q-card
bordered
class="row col-12"
style="border: 1px solid #d6dee1"
>
<div <div
class="col-xs-12 col-sm-12 text-weight-medium bg-grey-1 q-py-xs q-px-md" class="col-xs-12 col-sm-12 text-weight-medium bg-grey-1 q-py-xs q-px-md"
> >
@ -1066,7 +1080,11 @@ onMounted(async () => {
</div> </div>
<div class="row col-12"> <div class="row col-12">
<q-card bordered class="row col-12" style="border: 1px solid #d6dee1"> <q-card
bordered
class="row col-12"
style="border: 1px solid #d6dee1"
>
<div <div
class="col-xs-12 col-sm-12 text-weight-medium bg-grey-1 q-py-xs q-px-md" class="col-xs-12 col-sm-12 text-weight-medium bg-grey-1 q-py-xs q-px-md"
> >
@ -1086,7 +1104,9 @@ onMounted(async () => {
lazy-rules lazy-rules
ref="investigationStatusResultRef" ref="investigationStatusResultRef"
v-model="formData.investigationStatusResult" v-model="formData.investigationStatusResult"
:rules="[(val) => !!val || `${'กรุณาเลือกผลการสืบสวน'}`]" :rules="[
(val) => !!val || `${'กรุณาเลือกผลการสืบสวน'}`,
]"
:options=" :options="
investigateFactStore.investigationStatusResultOptions investigateFactStore.investigationStatusResultOptions
" "
@ -1158,10 +1178,30 @@ onMounted(async () => {
/> />
</div> </div>
</div> </div>
</q-card>
</div>
</div>
<div class="col-xs-12 q-pa-sm row"> <q-separator />
<div class="row col-12 q-pa-sm">
<q-space />
<q-btn id="onSubmit" type="submit" label="บันทึก" color="secondary"
><q-tooltip>นท</q-tooltip></q-btn
>
</div>
</form>
</q-card>
</div>
<div class="col-xs-12 col-sm-12 col-md-3">
<q-card flat bordered class="q-pa-md q-mb-sm">
<div class="col-xs-12 q-mb-sm">
<q-card bordered class="row col-12" style="border: 1px solid #d6dee1">
<div class="col-12 text-weight-medium bg-grey-1 q-py-sm q-px-md">
ปโหลดไฟลเอกสารทเกยวของกบการสบสวน
</div>
<div class="col-12"><q-separator /></div>
<q-file <q-file
class="col-11" class="col-10 q-pa-sm"
for="#evidenceFiles" for="#evidenceFiles"
outlined outlined
dense dense
@ -1173,7 +1213,7 @@ onMounted(async () => {
<q-icon name="attach_file" color="primary" /> <q-icon name="attach_file" color="primary" />
</template> </template>
</q-file> </q-file>
<div class="col-1 self-center"> <div class="col-2 self-center">
<q-btn <q-btn
v-if="formData.evidenceFiles" v-if="formData.evidenceFiles"
size="14px" size="14px"
@ -1188,12 +1228,15 @@ onMounted(async () => {
> >
</div> </div>
<div <div
class="col-12 q-mt-sm" class="col-12"
v-if="formData.disciplineInvestigateRelevantDocs && formData.disciplineInvestigateRelevantDocs.length === 0" v-if="
formData.disciplineInvestigateRelevantDocs &&
formData.disciplineInvestigateRelevantDocs.length === 0
"
> >
<q-card class="q-pa-md" bordered> ไมรายการเอกสาร </q-card> <q-card class="q-pa-md q-ma-xs" bordered> ไมรายการเอกสาร </q-card>
</div> </div>
<q-list separator class="full-width q-mt-md"> <q-list separator class="full-width q-mt-md" v-if="props.data.disciplineInvestigateRelevantDocs.length >0">
<q-item <q-item
clickable clickable
v-ripple v-ripple
@ -1233,33 +1276,21 @@ onMounted(async () => {
</q-item-section> </q-item-section>
</q-item> </q-item>
</q-list> </q-list>
</div>
</q-card> </q-card>
</div> </div>
</div> <div class="col-xs-12">
<q-card
<q-separator /> bordered
<div class="row col-12 q-pa-sm"> class="row col-12"
<q-space /> style="border: 1px solid #d6dee1"
<q-btn id="onSubmit" type="submit" label="บันทึก" color="secondary"
><q-tooltip>นท</q-tooltip></q-btn
> >
</div>
</form>
</q-card>
<q-card flat class="q-pa-md q-mt-sm">
<div class="col-12 row q-col-gutter-md">
<div class="row col-12">
<q-card bordered class="row col-12" style="border: 1px solid #d6dee1">
<div class="col-12 text-weight-medium bg-grey-1 q-py-sm q-px-md"> <div class="col-12 text-weight-medium bg-grey-1 q-py-sm q-px-md">
ปโหลดไฟลเอกสารหลกฐาน ปโหลดไฟลเอกสารหลกฐาน
</div> </div>
<div class="col-12"><q-separator /></div> <div class="col-12"><q-separator /></div>
<div class="col-xs-12 q-pa-sm row">
<q-file <q-file
v-if="formData.status === 'NEW'" v-if="formData.status === 'NEW'"
class="col-11 q-mt-sm" class="col-10 q-pa-sm"
for="#documentFile" for="#documentFile"
outlined outlined
dense dense
@ -1271,7 +1302,8 @@ onMounted(async () => {
<q-icon name="attach_file" color="primary" /> <q-icon name="attach_file" color="primary" />
</template> </template>
</q-file> </q-file>
<div class="col-1 self-center">
<div class="col-2 self-center">
<q-btn <q-btn
v-if="formData.documentFile" v-if="formData.documentFile"
size="14px" size="14px"
@ -1279,7 +1311,6 @@ onMounted(async () => {
round round
dense dense
color="add" color="add"
class="q-ml-sm q-mt-sm"
icon="mdi-upload" icon="mdi-upload"
@click="uploadFile" @click="uploadFile"
><q-tooltip>ปโหลดไฟล</q-tooltip></q-btn ><q-tooltip>ปโหลดไฟล</q-tooltip></q-btn
@ -1287,12 +1318,12 @@ onMounted(async () => {
</div> </div>
<div <div
v-if="formData.disciplineInvestigateDocs.length === 0" v-if="formData.disciplineInvestigateDocs.length === 0"
class="col-12 q-mt-sm" class="col-12"
> >
<q-card class="q-pa-md" bordered> ไมรายการเอกสาร </q-card> <q-card class="q-pa-md q-ma-xs" bordered> ไมรายการเอกสาร </q-card>
</div> </div>
</div>
<div class="col-xs-12 q-pa-sm row"> <div class="col-xs-12 q-pa-sm row" v-if="props.data.disciplineInvestigateDocs.length >0">
<q-list separator class="full-width"> <q-list separator class="full-width">
<q-item <q-item
clickable clickable
@ -1335,9 +1366,11 @@ onMounted(async () => {
</q-list> </q-list>
</div> </div>
</q-card> </q-card>
</div>
</div> </div>
</q-card> </q-card>
</div>
</div>
<DialogAddPersonal <DialogAddPersonal
title="ผู้ถูกร้องเรียน" title="ผู้ถูกร้องเรียน"