แก้สืบสวน
This commit is contained in:
parent
6fa0229188
commit
f27dc0a73f
3 changed files with 696 additions and 642 deletions
|
|
@ -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 || 'กรุณากรอกผลการตรวจสอบเรื่องร้องเรียน',
|
||||||
|
|
|
||||||
|
|
@ -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="ยุติเรื่อง"
|
||||||
|
|
|
||||||
|
|
@ -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="ผู้ถูกร้องเรียน"
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue