tbfajri/aso
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

tambah form edit tom

Browse Source
This commit is contained in:
Tb Fajri
2024-12-18 15:59:15 +07:00
parent 7dcc816af1
commit a94972d14d
7 changed files with 98 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
Modules/Internal/Http/Controllers/Api/RequestLogController.php
View File

@@ -489,7 +489,11 @@ class RequestLogController extends Controller
if (!empty($request->reason)) { if (!empty($request->reason)) {
$requestLog->reason_final = $request->reason; $requestLog->reason_final = $request->reason;
} }
if (!empty($request->type_of_member)){
$requestLog->type_of_member = $request->type_of_member;
}
$requestLog->final_log = 1; $requestLog->final_log = 1;
$requestLog->approved_final_log_by = auth()->user()->id; $requestLog->approved_final_log_by = auth()->user()->id;
$requestLog->approved_final_log_at = Carbon::now(); $requestLog->approved_final_log_at = Carbon::now();

57
frontend/dashboard/src/pages/CustomerService/FinalLog/Components/DialogConfirmation.tsx
View File

@@ -1,5 +1,5 @@
import MuiDialog from "@/components/MuiDialog"; import MuiDialog from "@/components/MuiDialog";
import { Autocomplete, Button, Card, DialogActions, Grid, TextField, Typography } from "@mui/material"; import { Autocomplete, Button, Card, DialogActions, Grid, MenuItem, Select, TextField, Typography } from "@mui/material";
import { Stack } from '@mui/material'; import { Stack } from '@mui/material';
import React, { useEffect, useState } from 'react'; import React, { useEffect, useState } from 'react';
import { DetailFinalLogType } from "../Model/Types"; import { DetailFinalLogType } from "../Model/Types";
@@ -25,9 +25,12 @@ export default function DialogConfirmation({requestLog, setOpenDialog, openDialo
id: requestLog?.id, id: requestLog?.id,
status: approve || '', status: approve || '',
catatan: '', catatan: '',
type_of_member: '' ,
icdCodes: requestLog?.diagnosis.length ? requestLog.diagnosis.map(diagnosis => ({ value: diagnosis.id, label: diagnosis.name })) : [] icdCodes: requestLog?.diagnosis.length ? requestLog.diagnosis.map(diagnosis => ({ value: diagnosis.id, label: diagnosis.name })) : []
}); });
const [error, setError] = useState(false);
const [icdOptions, setIcdOptions] = useState([ const [icdOptions, setIcdOptions] = useState([
{ value: '-', label: '-' } { value: '-', label: '-' }
]); ]);
@@ -69,20 +72,26 @@ export default function DialogConfirmation({requestLog, setOpenDialog, openDialo
} }
const handleSubmit = () => { const handleSubmit = () => {
axios if (formData.type_of_member === "" && requestLog?.corporate_id === 5) { // corporate vale
.post(`customer-service/request/final-log`, formData) setError(true);
.then((response) => { alert('Silakan pilih Type Of Member sebelum mengirimkan data.');
enqueueSnackbar('Verification Request LOG Success', { variant: 'success' }); }
setOpenDialog(false); else {
if (requestLog?.service_type === 'Inpatient') { axios
navigate('/case_management/inpatient_monitoring'); .post(`customer-service/request/final-log`, formData)
} else { .then((response) => {
navigate('/custormer-service/final-log'); enqueueSnackbar('Verification Request LOG Success', { variant: 'success' });
} setOpenDialog(false);
}) if (requestLog?.service_type === 'Inpatient') {
.catch(({ response }) => { navigate('/case_management/inpatient_monitoring');
enqueueSnackbar(response.data.message ?? 'Something went wrong!', { variant: 'error' }); } else {
}); navigate('/custormer-service/final-log');
}
})
.catch(({ response }) => {
enqueueSnackbar(response.data.message ?? 'Something went wrong!', { variant: 'error' });
});
}
} }
const style1 = { const style1 = {
@@ -179,6 +188,24 @@ export default function DialogConfirmation({requestLog, setOpenDialog, openDialo
)} )}
/> />
</Stack> </Stack>
<Stack direction='row' spacing={2} sx={marginBottom2}>
<Typography variant='subtitle2' sx={style1} gutterBottom>Type Of Member*</Typography>
<Select
fullWidth
value={formData.type_of_member}
onChange={(e) => handleChange('type_of_member', e.target.value)}
variant="outlined"
displayEmpty
required
error={error}
>
<MenuItem value="" disabled>
Type Member
</MenuItem>
<MenuItem value="OMT">OMT</MenuItem>
<MenuItem value="Non OMT">Non OMT</MenuItem>
</Select>
</Stack>
</Card> </Card>
</Grid> </Grid>
<DialogActions> <DialogActions>

67
frontend/dashboard/src/pages/CustomerService/FinalLog/Components/DialogEditFinalLOG.tsx
View File

@@ -1,7 +1,7 @@
import MuiDialog from "@/components/MuiDialog"; import MuiDialog from "@/components/MuiDialog";
import { Autocomplete, Button, Card, Checkbox, DialogActions, Grid, TextField, Typography } from "@mui/material"; import { Autocomplete, Button, Card, Checkbox, DialogActions, Grid, TextField, Typography, Select } from "@mui/material";
import { Paper } from "@mui/material"; import { Paper } from "@mui/material";
import { Stack } from '@mui/material'; import { Stack, MenuItem } from '@mui/material';
import React, { useEffect, useState } from 'react'; import React, { useEffect, useState } from 'react';
import { DetailFinalLogType } from "../Model/Types"; import { DetailFinalLogType } from "../Model/Types";
import { fDateOnly, fDateTimesecond, toTitleCase } from "@/utils/formatTime"; import { fDateOnly, fDateTimesecond, toTitleCase } from "@/utils/formatTime";
@@ -27,8 +27,11 @@ export default function DialogEditFinalLOG({requestLog, setOpenDialog, openDialo
id: requestLog?.id, id: requestLog?.id,
catatan: requestLog?.catatan, catatan: requestLog?.catatan,
icdCodes: requestLog?.diagnosis, icdCodes: requestLog?.diagnosis,
reason: requestLog?.reason reason: requestLog?.reason,
type_of_member: requestLog?.type_of_member
}); });
const [error, setError] = useState(false);
const [icdOptions, setIcdOptions] = useState([ const [icdOptions, setIcdOptions] = useState([
{ value: '-', label: '-' } { value: '-', label: '-' }
@@ -49,17 +52,16 @@ export default function DialogEditFinalLOG({requestLog, setOpenDialog, openDialo
}, []); // useEffect dijalankan hanya sekali saat komponen dimount }, []); // useEffect dijalankan hanya sekali saat komponen dimount
useEffect(() => { useEffect(() => {
if (requestLog) {
setFormData({ setFormData({
discharge_date: requestLog.discharge_date, discharge_date: requestLog?.discharge_date|| '',
billing_no: requestLog.billing_no, billing_no: requestLog?.billing_no|| '',
invoice_no: requestLog.invoice_no, invoice_no: requestLog?.invoice_no|| '',
id: requestLog.id, id: requestLog?.id|| 0,
catatan: requestLog.catatan, catatan: requestLog?.catatan|| '',
icdCodes: requestLog.diagnosis, icdCodes: requestLog?.diagnosis|| [],
reason: requestLog.reason reason: requestLog?.reason|| '',
type_of_member: requestLog?.type_of_member|| '',
}); });
}
}, [requestLog]); }, [requestLog]);
@@ -94,7 +96,11 @@ export default function DialogEditFinalLOG({requestLog, setOpenDialog, openDialo
const handleSubmit = () => { const handleSubmit = () => {
if (isReasonSelected && formData.reason !== '') { if (formData.type_of_member === "" && requestLog?.corporate_id === 4) {
setError(true);
alert('Silakan pilih Type Of Member sebelum mengirimkan data.');
}
else if (isReasonSelected && formData.reason !== '') {
axios axios
.post(`customer-service/request/final-log`, formData) .post(`customer-service/request/final-log`, formData)
.then((response) => { .then((response) => {
@@ -128,13 +134,14 @@ export default function DialogEditFinalLOG({requestLog, setOpenDialog, openDialo
const resetForm = () => { const resetForm = () => {
setFormData({ setFormData({
discharge_date: requestLog?.discharge_date, discharge_date: requestLog?.discharge_date ?? '',
id: requestLog?.id, id: requestLog?.id ?? 0,
billing_no: requestLog?.billing_no, billing_no: requestLog?.billing_no ?? '',
invoice_no: requestLog?.invoice_no, invoice_no: requestLog?.invoice_no ?? '',
catatan: requestLog?.catatan, catatan: requestLog?.catatan ?? '',
icdCodes: requestLog?.diagnosis, icdCodes: requestLog?.diagnosis ?? [],
reason: requestLog?.reason reason: requestLog?.reason ?? '',
type_of_member: requestLog?.type_of_member ?? '',
}); });
}; };
const [isReasonSelected, setIsReasonSelected] = useState(true); const [isReasonSelected, setIsReasonSelected] = useState(true);
@@ -152,7 +159,7 @@ export default function DialogEditFinalLOG({requestLog, setOpenDialog, openDialo
// Add more options as needed // Add more options as needed
]; ];
console.log(formData.type_of_member)
const getContent = () => ( const getContent = () => (
<Stack spacing={1} marginTop={2}> <Stack spacing={1} marginTop={2}>
@@ -206,6 +213,24 @@ export default function DialogEditFinalLOG({requestLog, setOpenDialog, openDialo
onChange={(e) => handleChange('billing_no', e.target.value)} onChange={(e) => handleChange('billing_no', e.target.value)}
/> />
</Stack> </Stack>
<Stack direction='row' spacing={2} sx={marginBottom2}>
<Typography variant='subtitle2' sx={style1} gutterBottom>Type Of Member*</Typography>
<Select
fullWidth
value={formData.type_of_member}
onChange={(e) => handleChange('type_of_member', e.target.value)}
variant="outlined"
displayEmpty
required
error={error}
>
<MenuItem value="" disabled>
Type Member
</MenuItem>
<MenuItem value="OMT">OMT</MenuItem>
<MenuItem value="Non OMT">Non OMT</MenuItem>
</Select>
</Stack>
<Stack direction='row' spacing={2} sx={marginBottom2}> <Stack direction='row' spacing={2} sx={marginBottom2}>
<Typography variant='subtitle2' sx={style1} gutterBottom>Discharge Date</Typography> <Typography variant='subtitle2' sx={style1} gutterBottom>Discharge Date</Typography>
<TextField <TextField

3
frontend/dashboard/src/pages/CustomerService/FinalLog/Model/Types.tsx
View File

@@ -61,7 +61,8 @@ export type DetailFinalLogType = {
exclusion : Exclusion[], exclusion : Exclusion[],
medicine : Medicine[], medicine : Medicine[],
files : file[], files : file[],
member_usage_benefit : number member_usage_benefit : number,
corporate_id : number
} }
export type Diagnosis = { export type Diagnosis = {

2
frontend/dashboard/src/pages/CustomerService/Request/Components/DialogConfirmation.tsx
View File

@@ -58,7 +58,7 @@ export default function DialogConfirmation({requestLog, setOpenDialog, openDialo
const handleSubmit = () => { const handleSubmit = () => {
if (formData.type_of_member === "" && requestLog?.corporate_id === 4) { if (formData.type_of_member === "" && requestLog?.corporate_id === 5) {
setError(true); setError(true);
alert('Silakan pilih Type Of Member sebelum mengirimkan data.'); alert('Silakan pilih Type Of Member sebelum mengirimkan data.');
} else { } else {

2
frontend/dashboard/src/pages/CustomerService/Request/Components/DialogEditInformation.tsx
View File

@@ -68,7 +68,7 @@ export default function DialogEditInformation({requestLog, setOpenDialog, openDi
const handleSubmit = () => { const handleSubmit = () => {
if (formData.type_of_member === "" && requestLog?.corporate_id === 4) { if (formData.type_of_member === "" && requestLog?.corporate_id === 5) {
setError(true); setError(true);
alert('Silakan pilih Type Of Member sebelum mengirimkan data.'); alert('Silakan pilih Type Of Member sebelum mengirimkan data.');
} else if (isReasonSelected && formData.reason !== '') { } else if (isReasonSelected && formData.reason !== '') {

1
frontend/dashboard/src/pages/CustomerService/Request/Model/Types.tsx
View File

@@ -57,6 +57,7 @@ export type DetailRequestLogType = {
benefit : Benefit[], benefit : Benefit[],
reason : string, reason : string,
type_of_member : string, type_of_member : string,
corporate_id : number
} }
export type Benefit = { export type Benefit = {