รายการสืบสวนข้อเท็จจริง
This commit is contained in:
STW_TTTY\stwtt
parent
3f2aff52e1
commit
8b54d6b4b1
4 changed files with 123 additions and 66 deletions
|
|
@ -28,6 +28,9 @@ const personId = ref<string>("");
|
|||
const $q = useQuasar();
|
||||
const route = useRoute();
|
||||
const router = useRouter();
|
||||
const checkRoutePermisson = ref<boolean>(
|
||||
route.name == "disciplineInvestigatefactsDetail"
|
||||
);
|
||||
const id = ref<string>(route.params.id as string);
|
||||
const modalPerson = ref<boolean>(false);
|
||||
const toggleModal = () => (modalPerson.value = !modalPerson.value);
|
||||
|
|
@ -763,7 +766,7 @@ onMounted(async () => {
|
|||
ref="respondentTypeRef"
|
||||
dense
|
||||
outlined
|
||||
:readonly="isReadonly"
|
||||
:readonly="isReadonly || checkRoutePermisson"
|
||||
label="ผู้ถูกร้องเรียน"
|
||||
option-value="id"
|
||||
option-label="name"
|
||||
|
|
@ -799,7 +802,7 @@ onMounted(async () => {
|
|||
ref="organizationIdRef"
|
||||
dense
|
||||
hide-bottom-space
|
||||
:readonly="isReadonly"
|
||||
:readonly="isReadonly || checkRoutePermisson"
|
||||
outlined
|
||||
option-label="name"
|
||||
option-value="id"
|
||||
|
|
@ -836,7 +839,7 @@ onMounted(async () => {
|
|||
<div class="col-xs-12 col-sm-5">
|
||||
<q-select
|
||||
:class="inputEdit(isReadonly)"
|
||||
:readonly="isReadonly"
|
||||
:readonly="isReadonly || checkRoutePermisson"
|
||||
for="#investigationDetail"
|
||||
outlined
|
||||
hide-bottom-space
|
||||
|
|
@ -878,7 +881,7 @@ onMounted(async () => {
|
|||
>
|
||||
ผู้ถูกร้องเรียน
|
||||
<q-btn
|
||||
v-if="!isReadonly"
|
||||
v-if="!isReadonly && !checkRoutePermisson"
|
||||
size="12px"
|
||||
flat
|
||||
round
|
||||
|
|
@ -918,7 +921,6 @@ onMounted(async () => {
|
|||
col.label
|
||||
}}</span>
|
||||
</q-th>
|
||||
<q-th auto-width></q-th>
|
||||
</q-tr>
|
||||
</template>
|
||||
<template v-slot:body="props">
|
||||
|
|
@ -929,11 +931,25 @@ onMounted(async () => {
|
|||
flat
|
||||
round
|
||||
color="info"
|
||||
icon="info"
|
||||
icon="mdi-eye"
|
||||
@click="onclickViewinfo(props.row.personId)"
|
||||
>
|
||||
<q-tooltip>ดูข้อมูลในทะเบียนประวัติ</q-tooltip>
|
||||
</q-btn>
|
||||
<q-btn
|
||||
v-if="
|
||||
!isReadonly &&
|
||||
!checkRoutePermisson &&
|
||||
props.row.isAncestorDNA === false
|
||||
"
|
||||
flat
|
||||
round
|
||||
dense
|
||||
color="red"
|
||||
icon="mdi-delete"
|
||||
@click="deletePerson(props.row.personId)"
|
||||
><q-tooltip>ลบผู้ถูกร้องเรียน</q-tooltip></q-btn
|
||||
>
|
||||
</td>
|
||||
<q-td
|
||||
v-for="col in props.cols"
|
||||
|
|
@ -956,22 +972,6 @@ onMounted(async () => {
|
|||
{{ col.value ?? "-" }}
|
||||
</div>
|
||||
</q-td>
|
||||
<q-td auto-width>
|
||||
<q-btn
|
||||
v-if="
|
||||
!isReadonly && props.row.isAncestorDNA === false
|
||||
"
|
||||
size="12px"
|
||||
flat
|
||||
round
|
||||
dense
|
||||
color="red"
|
||||
class="q-ml-sm"
|
||||
icon="mdi-delete-outline"
|
||||
@click="deletePerson(props.row.personId)"
|
||||
><q-tooltip>ลบผู้ถูกร้องเรียน</q-tooltip></q-btn
|
||||
>
|
||||
</q-td>
|
||||
</q-tr>
|
||||
</template>
|
||||
</d-table>
|
||||
|
|
@ -984,7 +984,7 @@ onMounted(async () => {
|
|||
>
|
||||
<q-input
|
||||
:class="inputEdit(isReadonly)"
|
||||
:readonly="isReadonly"
|
||||
:readonly="isReadonly || checkRoutePermisson"
|
||||
for="#investigationDetailOther"
|
||||
outlined
|
||||
ref="investigationDetailOtherRef"
|
||||
|
|
@ -1012,7 +1012,8 @@ onMounted(async () => {
|
|||
<q-checkbox
|
||||
v-if="
|
||||
props.data.investigationExtendHistory.length > 0 &&
|
||||
!isReadonly
|
||||
!isReadonly &&
|
||||
!checkRoutePermisson
|
||||
"
|
||||
:disable="isReadonly"
|
||||
for="#extendStatus"
|
||||
|
|
@ -1054,7 +1055,7 @@ onMounted(async () => {
|
|||
<div v-if="investigationExtendStatus" class="col-3">
|
||||
<q-select
|
||||
:class="inputEdit(isReadonly)"
|
||||
:readonly="isReadonly"
|
||||
:readonly="isReadonly || checkRoutePermisson"
|
||||
for="#daysExtend"
|
||||
outlined
|
||||
dense
|
||||
|
|
@ -1083,6 +1084,7 @@ onMounted(async () => {
|
|||
<datepicker
|
||||
menu-class-name="modalfix"
|
||||
:readonly="
|
||||
checkRoutePermisson ||
|
||||
isReadonly ||
|
||||
formData.investigationExtendHistory.length > 0
|
||||
"
|
||||
|
|
@ -1105,6 +1107,7 @@ onMounted(async () => {
|
|||
:class="inputEditExtend(isReadonly)"
|
||||
ref="dateRef"
|
||||
:readonly="
|
||||
checkRoutePermisson ||
|
||||
isReadonly ||
|
||||
formData.investigationExtendHistory.length >
|
||||
0
|
||||
|
|
@ -1163,6 +1166,7 @@ onMounted(async () => {
|
|||
menu-class-name="modalfix"
|
||||
v-model="formData.investigationDateEnd"
|
||||
:readonly="
|
||||
checkRoutePermisson ||
|
||||
formData.investigationDateStart === null ||
|
||||
isReadonly ||
|
||||
formData.investigationExtendHistory.length > 0
|
||||
|
|
@ -1186,6 +1190,7 @@ onMounted(async () => {
|
|||
ref="dateEndRef"
|
||||
:class="inputEditExtend(isReadonly)"
|
||||
:readonly="
|
||||
checkRoutePermisson ||
|
||||
formData.investigationDateStart === null ||
|
||||
isReadonly ||
|
||||
formData.investigationExtendHistory.length >
|
||||
|
|
@ -1274,7 +1279,7 @@ onMounted(async () => {
|
|||
>
|
||||
รายชื่อกรรมการ
|
||||
<q-btn
|
||||
v-if="!isReadonly"
|
||||
v-if="!isReadonly && !checkRoutePermisson"
|
||||
size="12px"
|
||||
flat
|
||||
round
|
||||
|
|
@ -1310,25 +1315,27 @@ onMounted(async () => {
|
|||
<q-td class="text-right">
|
||||
<!-- แก้ไขกรรมการ -->
|
||||
<q-btn
|
||||
v-if="!isReadonly && props.row.check === 'props'"
|
||||
v-if="
|
||||
!checkRoutePermisson &&
|
||||
!isReadonly &&
|
||||
props.row.check === 'props'
|
||||
"
|
||||
dense
|
||||
size="12px"
|
||||
flat
|
||||
round
|
||||
color="blue"
|
||||
color="edit"
|
||||
@click="openEditDirector(props.row)"
|
||||
icon="mdi-pencil-outline"
|
||||
icon="edit"
|
||||
>
|
||||
<q-tooltip>แก้ไข</q-tooltip>
|
||||
</q-btn>
|
||||
<q-btn
|
||||
v-if="!isReadonly"
|
||||
v-if="!checkRoutePermisson && !isReadonly"
|
||||
dense
|
||||
size="12px"
|
||||
flat
|
||||
round
|
||||
color="red"
|
||||
icon="mdi-delete-outline"
|
||||
icon="mdi-delete"
|
||||
@click="deleteDirector(props.row.id)"
|
||||
>
|
||||
<q-tooltip>ลบข้อมูล</q-tooltip>
|
||||
|
|
@ -1349,7 +1356,6 @@ onMounted(async () => {
|
|||
{{ col.value ?? "-" }}
|
||||
</div>
|
||||
</q-td>
|
||||
|
||||
</q-tr>
|
||||
</template>
|
||||
</Table>
|
||||
|
|
@ -1360,7 +1366,7 @@ onMounted(async () => {
|
|||
<div class="col-12">
|
||||
<q-input
|
||||
:class="inputEdit(isReadonly)"
|
||||
:readonly="isReadonly"
|
||||
:readonly="isReadonly || checkRoutePermisson"
|
||||
for="#investigationDescription"
|
||||
outlined
|
||||
ref="investigationDescriptionRef"
|
||||
|
|
@ -1395,7 +1401,7 @@ onMounted(async () => {
|
|||
for="#fault"
|
||||
outlined
|
||||
dense
|
||||
:readonly="isReadonly"
|
||||
:readonly="isReadonly || checkRoutePermisson"
|
||||
ref="investigationStatusResultRef"
|
||||
v-model="formData.investigationStatusResult"
|
||||
:options="optionStatusResult"
|
||||
|
|
@ -1423,7 +1429,7 @@ onMounted(async () => {
|
|||
>
|
||||
<q-select
|
||||
:class="inputEdit(isReadonly)"
|
||||
:readonly="isReadonly"
|
||||
:readonly="isReadonly || checkRoutePermisson"
|
||||
for="#fault"
|
||||
outlined
|
||||
clearable
|
||||
|
|
@ -1453,7 +1459,7 @@ onMounted(async () => {
|
|||
:class="inputEdit(isReadonly)"
|
||||
outlined
|
||||
ref="resultRef"
|
||||
:readonly="isReadonly"
|
||||
:readonly="isReadonly || checkRoutePermisson"
|
||||
dense
|
||||
borderless
|
||||
v-model="formData.result"
|
||||
|
|
@ -1487,7 +1493,9 @@ onMounted(async () => {
|
|||
<div class="col-12"><q-separator /></div>
|
||||
<div class="row col-12 q-col-gutter-y-sm q-pa-sm">
|
||||
<div
|
||||
v-if="!isReadonly && formData.id !== ''"
|
||||
v-if="
|
||||
!checkRoutePermisson && !isReadonly && formData.id !== ''
|
||||
"
|
||||
class="col-12 row"
|
||||
>
|
||||
<q-file
|
||||
|
|
@ -1505,7 +1513,6 @@ onMounted(async () => {
|
|||
<template v-slot:after>
|
||||
<q-btn
|
||||
v-if="formData.evidenceFiles"
|
||||
size="14px"
|
||||
flat
|
||||
round
|
||||
dense
|
||||
|
|
@ -1544,7 +1551,6 @@ onMounted(async () => {
|
|||
dense
|
||||
flat
|
||||
round
|
||||
size="12px"
|
||||
color="blue"
|
||||
icon="mdi-download-outline"
|
||||
@click="downloadFileRelevant(file.pathName)"
|
||||
|
|
@ -1554,13 +1560,12 @@ onMounted(async () => {
|
|||
</div>
|
||||
<div>
|
||||
<q-btn
|
||||
v-if="!isReadonly"
|
||||
v-if="!isReadonly && !checkRoutePermisson"
|
||||
dense
|
||||
flat
|
||||
round
|
||||
size="12px"
|
||||
color="red"
|
||||
icon="mdi-delete-outline"
|
||||
icon="mdi-delete"
|
||||
@click="deleteFileRelevant(file.id)"
|
||||
><q-tooltip>ลบไฟล์</q-tooltip></q-btn
|
||||
>
|
||||
|
|
@ -1593,7 +1598,9 @@ onMounted(async () => {
|
|||
<div class="col-12"><q-separator /></div>
|
||||
<div class="row col-12 q-col-gutter-y-sm q-pa-sm">
|
||||
<div
|
||||
v-if="!isReadonly && formData.id !== ''"
|
||||
v-if="
|
||||
!checkRoutePermisson && !isReadonly && formData.id !== ''
|
||||
"
|
||||
class="col-12 row"
|
||||
>
|
||||
<!-- accept=".pdf,.xlsx,.docx" -->
|
||||
|
|
@ -1613,7 +1620,6 @@ onMounted(async () => {
|
|||
<template v-slot:after>
|
||||
<q-btn
|
||||
v-if="formData.documentFile"
|
||||
size="14px"
|
||||
flat
|
||||
round
|
||||
dense
|
||||
|
|
@ -1649,7 +1655,6 @@ onMounted(async () => {
|
|||
dense
|
||||
flat
|
||||
round
|
||||
size="12px"
|
||||
color="blue"
|
||||
icon="mdi-download-outline"
|
||||
@click="downloadFile(file.pathName)"
|
||||
|
|
@ -1659,13 +1664,12 @@ onMounted(async () => {
|
|||
</div>
|
||||
<div>
|
||||
<q-btn
|
||||
v-if="!isReadonly"
|
||||
v-if="!isReadonly && !checkRoutePermisson"
|
||||
dense
|
||||
flat
|
||||
round
|
||||
size="12px"
|
||||
color="red"
|
||||
icon="mdi-delete-outline"
|
||||
icon="mdi-delete"
|
||||
@click="deleteFile(file.id)"
|
||||
><q-tooltip>ลบไฟล์</q-tooltip></q-btn
|
||||
>
|
||||
|
|
@ -1687,8 +1691,11 @@ onMounted(async () => {
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-12"><q-separator /></div>
|
||||
<div class="row col-12 q-pa-sm" v-if="!isReadonly">
|
||||
<div class="col-12"><q-separator v-if="!checkRoutePermisson" /></div>
|
||||
<div
|
||||
class="row col-12 q-pa-sm"
|
||||
v-if="!isReadonly && !checkRoutePermisson"
|
||||
>
|
||||
<q-space />
|
||||
<q-btn id="onSubmit" type="submit" label="บันทึก" color="secondary"
|
||||
><q-tooltip>บันทึกข้อมูล</q-tooltip></q-btn
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue