[WIP] Update

2023-03-03 08:44:08 +07:00
parent 9e322c4ee5
commit 91ba718a50
17 changed files with 197 additions and 78 deletions
--- a/frontend/dashboard/src/components/dialogs/DialogDetailClaim.tsx
+++ b/frontend/dashboard/src/components/dialogs/DialogDetailClaim.tsx
@@ -135,6 +135,34 @@ const DialogDetailClaim = ({ title, openDialog, setOpenDialog, data }: MuiDialog
            </Stack>
          )} */}

+          
+          <Stack direction="row" spacing={2} sx={{ marginTop: 2 }}>
+            <Divider orientation="vertical" flexItem sx={{ borderStyle: 'dashed' }} />
+            <Stack spacing={2} sx={{ flex: 1, maxWidth: '100%' }}>
+              {/* ---------------------------------TYPE INFO------------------------------------ */}
+              <Card sx={{ paddingY: 2, paddingX: 3 }}>
+                <Stack direction="row" justifyContent="space-between" alignItems="center">
+                  <Typography variant="body1" fontWeight={600}>
+                    <Iconify icon="eva:file-text-fill"></Iconify> Pengajuan Penjaminan
+                  </Typography>
+                </Stack>
+                <Divider sx={{ marginY: 2 }} />
+
+                <Stack>
+                <LoadingButton loading={false}
+                variant="contained"
+                startIcon={<Add />}
+                fullWidth
+                // sx={{ typography: 'subtitle2', borderColor: '#F5F5F5' }}
+                onClick={() => {}}
+              >
+                Upload Invoice
+              </LoadingButton>
+                </Stack>
+              </Card>
+            </Stack>
+          </Stack>
+
          {claim.histories_by_date &&
            claim.histories_by_date.map((historiesByDate) => (
              <Stack key={historiesByDate.date}>
--- a/frontend/dashboard/src/layouts/dashboard/navbar/NavConfig.tsx
+++ b/frontend/dashboard/src/layouts/dashboard/navbar/NavConfig.tsx
@@ -59,7 +59,7 @@ const navConfig = [
        ],
      },
      {
-        title: 'LOG REQUEST',
+        title: 'CLAIM REQUEST',
        path: '/claim-requests',
        // children: [
        //   { title: 'Request', path: '/case-request' },
--- a/frontend/dashboard/src/pages/ClaimRequests/List.tsx
+++ b/frontend/dashboard/src/pages/ClaimRequests/List.tsx
@@ -26,6 +26,7 @@ import CancelIcon from '@mui/icons-material/Cancel';
 // hooks
 import React, { ChangeEvent, useEffect, useRef, useState } from 'react';
 import { Navigate, useNavigate, useSearchParams } from 'react-router-dom';
+import useSettings from '@/hooks/useSettings';
 // components
 import axios from '../../utils/axios';
 import { LaravelPaginatedData, LaravelPaginatedDataDefault } from '../../@types/paginated-data';
@@ -40,6 +41,7 @@ import DialogDetailClaim from '@/components/dialogs/DialogDetailClaim';
 // import LoadingButton from '@/theme/overrides/LoadingButton';

 export default function List() {
+  const { themeColorPresets } = useSettings();
  const [searchParams, setSearchParams] = useSearchParams();
  const [importResult, setImportResult] = useState(null);

@@ -137,15 +139,16 @@ export default function List() {
  };

  const handleApprove = (claimRequest) => {
-    axios.post(`claim-requests/${claimRequest.id}/approve`)
+    axios
+      .post(`claim-requests/${claimRequest.id}/approve`)
      .then((response) => {
-        enqueueSnackbar('Success Approve', {variant: 'success'})
-        loadDataTableData()
+        enqueueSnackbar('Success Approve', { variant: 'success' });
+        loadDataTableData();
      })
-      .catch(({response}) => {
-        enqueueSnackbar(response.data.message ?? 'Something went wrong!', {variant : "error"})
-      })
-  }
+      .catch(({ response }) => {
+        enqueueSnackbar(response.data.message ?? 'Something went wrong!', { variant: 'error' });
+      });
+  };

  useEffect(() => {
    loadDataTableData();
@@ -178,13 +181,39 @@ export default function List() {
              {open ? <KeyboardArrowDownIcon /> : <KeyboardArrowRightIcon />}
            </IconButton>
          </TableCell>
-          <TableCell align="left">{row.code}</TableCell>
+          <TableCell align="left">
+            <Typography
+              onClick={() => {
+                handleShowClaim(row);
+              }}
+              color={themeColorPresets}
+            >
+              {row.code}
+            </Typography>
+          </TableCell>
+          <TableCell align="left">{row.member?.full_name}</TableCell>
          <TableCell align="left">{row.member?.full_name}</TableCell>
          <TableCell align="left">{row.submission_date}</TableCell>
-          <TableCell align="left">{row.service_type}</TableCell>
-          <TableCell align="right"><Chip label={row.status}/></TableCell>
-          <TableCell align="right">{ row.status == 'requested' && (<LoadingButton loading={loadingApprove} variant="outlined" onClick={() => {handleApprove(row)}}>Approve</LoadingButton> )}</TableCell>
-          <TableCell>
+          <TableCell align="left">{row.service_name}</TableCell>
+          <TableCell align="left">{row.payment_type_name}</TableCell>
+          <TableCell align="right">
+            <Chip label={row.status} />
+          </TableCell>
+          <TableCell align="right">
+            {row.status == 'requested' && (
+              <LoadingButton
+                loading={loadingApprove}
+                variant="outlined"
+                size="small"
+                onClick={() => {
+                  handleApprove(row);
+                }}
+              >
+                Ajukan Claim <Iconify icon="eva:arrow-forward-outline"></Iconify>
+              </LoadingButton>
+            )}
+          </TableCell>
+          {/* <TableCell>
            
          <IconButton
                          onClick={() => {
@@ -193,32 +222,33 @@ export default function List() {
                        >
                          <Iconify icon="eva:eye-fill" />
                        </IconButton>
-          </TableCell>
+          </TableCell> */}
        </TableRow>
        {/* COLLAPSIBLE ROW */}
        <TableRow>
          <TableCell style={{ paddingBottom: 0, paddingTop: 0 }} colSpan={99}>
            <Collapse in={open} timeout="auto" unmountOnExit>
              <Box sx={{ borderBottom: 1 }}>
-              <Stack
-                divider={<Divider orientation="horizontal" flexItem />}
-                spacing={1}
-                sx={{ marginY: 2 }}
-              >
-                <Box>
-                  <Typography fontWeight={600}>Berkas Hasil Penunjang</Typography>
-                  {row.files_by_type?.result &&
-                    row.files_by_type?.result.map((file, index) => (
-                      <Stack direction="row" key={index}>
-                        <Typography sx={{marginRight: 2}}>-</Typography> <a href={file.url} target="_blank">{file.name}</a>
-                      </Stack>
-                    ))}
-                  
-                  { !row.files_by_type?.result && (
-                    <Typography>Tidak ada berkas</Typography>
-                  )}
+                <Stack
+                  divider={<Divider orientation="horizontal" flexItem />}
+                  spacing={1}
+                  sx={{ marginY: 2 }}
+                >
+                  <Box>
+                    <Typography fontWeight={600}>Berkas Hasil Penunjang</Typography>
+                    {row.files_by_type?.result &&
+                      row.files_by_type?.result.map((file, index) => (
+                        <Stack direction="row" key={index}>
+                          <Typography sx={{ marginRight: 2 }}>-</Typography>{' '}
+                          <a href={file.url} target="_blank">
+                            {file.name}
+                          </a>
+                        </Stack>
+                      ))}
+
+                    {!row.files_by_type?.result && <Typography>Tidak ada berkas</Typography>}
                  </Box>
-              </Stack>
+                </Stack>
              </Box>
            </Collapse>
          </TableCell>
@@ -241,20 +271,24 @@ export default function List() {
              Code
            </TableCell>
            <TableCell style={headStyle} align="left">
-              Member Name
+              Name
            </TableCell>
            <TableCell style={headStyle} align="left">
-              Submission Date
+              Nomor Polis
            </TableCell>
            <TableCell style={headStyle} align="left">
-              Jenis Layanan
+              Tanggal Pengajuan
+            </TableCell>
+            <TableCell style={headStyle} align="left">
+              Service Type
+            </TableCell>
+            <TableCell style={headStyle} align="left">
+              Claim Type
            </TableCell>
            <TableCell style={headStyle} align="left">
              Status
            </TableCell>
-            <TableCell style={headStyle} align="right">
-              Action
-            </TableCell>
+            <TableCell style={headStyle} align="right"></TableCell>
          </TableRow>
        </TableBody>
        {/* ------------------ END TABLE HEADER ------------------ */}
@@ -288,8 +322,6 @@ export default function List() {
    );
  }

-
-
  // ---------------------------------------------------------
  // Dialog Detail Claim Request
  const [openDialogDetailClaim, setOpenDialogDetailClaim] = useState(false);
@@ -300,20 +332,18 @@ export default function List() {
    setLoadingClaimDetail(true);
    setOpenDialogDetailClaim(true);

-    axios.get(`/claim-requests/${claimRequest.id}`)
-      .then(({data}) => {
+    axios
+      .get(`/claim-requests/${claimRequest.id}`)
+      .then(({ data }) => {
        setCurrentClaim(data.data);
        setLoadingClaimDetail(false);
      })
      .catch((err) => {
-        enqueueSnackbar(err.message, {variant: 'error'})
-      })
-  }
-
-  function handleDownloadLog() {
-    
+        enqueueSnackbar(err.message, { variant: 'error' });
+      });
  }

+  function handleDownloadLog() {}

  return (
    <Card>
@@ -327,7 +357,6 @@ export default function List() {
        TableContent={<TableContent />}
      />

-      
      <DialogDetailClaim
        openDialog={openDialogDetailClaim}
        setOpenDialog={setOpenDialogDetailClaim}
--- a/frontend/dashboard/src/utils/getColorPresets.ts
+++ b/frontend/dashboard/src/utils/getColorPresets.ts
@@ -36,8 +36,8 @@ export const colorPresets = [
    name: 'blue',
    lighter: '#D1E9FC',
    light: '#76B0F1',
-    main: '#006a35',
-    dark: '#004422',
+    main: '#2065D1',
+    dark: '#103996',
    darker: '#061B64',
    contrastText: '#fff',
  },
@@ -63,7 +63,7 @@ export const colorPresets = [
  },
 ];

-export const defaultPreset = colorPresets[3];
+export const defaultPreset = colorPresets[0];
 export const purplePreset = colorPresets[1];
 export const cyanPreset = colorPresets[2];
 export const bluePreset = colorPresets[3];
--- a/frontend/hospital-portal/src/sections/dashboard/DialogMember.tsx
+++ b/frontend/hospital-portal/src/sections/dashboard/DialogMember.tsx
@@ -1,7 +1,7 @@
 // mui
 import { styled } from '@mui/material/styles';
 import { LoadingButton, TabPanel } from "@mui/lab";
-import { Card, Divider, Grid, LinearProgress, linearProgressClasses, Typography } from "@mui/material";
+import { Button, Card, Divider, Grid, LinearProgress, linearProgressClasses, Typography } from "@mui/material";
 import { Tab, Tabs } from "@mui/material";
 import { Box, Stack } from "@mui/material";
 import { useEffect, useState } from "react";
@@ -80,7 +80,7 @@ export default function DialogMember(member, handleSubmitSuccess) {
                            <Grid item sm={6} key={index}>
                                <Card sx={{p: 2}}>
                                    <Typography variant="body1" sx={{fontWeight: 500}}>{corporateBenefit.benefit.description}</Typography>
-                                    <Typography variant="body2">{corporateBenefit.benefit.code}</Typography>
+                                    <Typography variant="body2">Member ID : {corporateBenefit.benefit.code}</Typography>
                                    <Typography variant="body2" sx={{ marginTop: 2 }}>Yearly Limits</Typography>
                                    <BorderLinearProgress variant="determinate" value={100 - (corporateBenefit.limit_amount ? ((corporateBenefit.usage ?? 0) / corporateBenefit.limit_amount) : 0)} sx={{ mb: 1 }} />
                                    <Typography sx={{ textAlign: 'right'}}>{corporateBenefit.usage ?? 0} / 
--- a/frontend/hospital-portal/src/sections/dashboard/FormRequestClaim.tsx
+++ b/frontend/hospital-portal/src/sections/dashboard/FormRequestClaim.tsx
@@ -2,7 +2,7 @@ import { styled } from '@mui/material/styles';
 import Iconify from '@/components/Iconify';
 import { fCurrency } from '@/utils/formatNumber';
 import { LoadingButton } from '@mui/lab';
-import { Avatar, Divider, LinearProgress, linearProgressClasses } from '@mui/material';
+import { Avatar, Button, Divider, LinearProgress, linearProgressClasses } from '@mui/material';
 import { Card } from '@mui/material';
 import { Stack, Typography } from '@mui/material';
 import { fPostFormat } from '@/utils/formatTime';
@@ -25,6 +25,8 @@ export default function FormRequestClaim({ member, handleSubmitSuccess }) {
    },
  }));

+  const [serviceCode, setServiceCode] = useState('IP');
+
  // ----------------------------------------------------------------------
  // Files Diagnosa

@@ -98,7 +100,8 @@ export default function FormRequestClaim({ member, handleSubmitSuccess }) {
      member_id: member.id,
      result_files: fileHasilPenunjangs,
      diagnosa_files: fileDiagnosas,
-      kondisi_files: fileKondisis
+      kondisi_files: fileKondisis,
+      service_code: serviceCode
    });
    axios
      .post('/claim-requests', formData)
@@ -117,10 +120,21 @@ export default function FormRequestClaim({ member, handleSubmitSuccess }) {
  return (
    <Stack>
      <Stack direction="row" justifyContent={'end'} sx={{ marginBottom: 2 }}>
-        <Typography textAlign={'right'}>
+        <Typography textAlign={'right'} variant='body2'>
          Submission Date : <br /> {fPostFormat(new Date(), 'dd/MM/yyyy')}
        </Typography>
      </Stack>
+      
+      
+      <Card sx={{ p: 1, background: '#f4f6f8', marginBottom: 2 }}>
+
+      <Stack direction="row" spacing={2}>
+          <Button sx={{padding: 2, width: '100%'}} variant={serviceCode == 'IP' ? 'contained' : ''} onClick={() => {setServiceCode('IP')}}>Rawat Inap</Button>
+          <Button sx={{padding: 2, width: '100%'}} variant={serviceCode == 'OP' ? 'contained' : ''} onClick={() => {setServiceCode('OP')}}>Rawat Jalan</Button>
+      </Stack>
+      </Card>
+
+
      <Card sx={{ p: 1, background: '#f4f6f8', marginBottom: 2 }}>
        <Stack direction="row">
          <Avatar