feat: 심의등록 저장 반영

src/views/biz/parking/ModalDetails.jsx

@@ -1,9 +1,9 @@
-import GridModal from '../../form/Modal/GridModal';
+import CmmModal from '../../form/Modal/CmmModal';
 import Board from '../board/Board';
 
 const ModalDetails = () => (
-  <GridModal>
+  <>
     <Board />
-  </GridModal>
+  </>
 );
 export default ModalDetails;

src/views/biz/parking/Regist.jsx

@@ -32,6 +32,9 @@ import { useTheme } from '@mui/material/styles';
 import opstBizService from '../../../apis/OpstBizService';
 
 import xitCmm from '../../../commons/XitCmm';
+import CmmModal from '../../form/Modal/CmmModal';
+import * as React from 'react';
+import SaveParkingSimsaForm from './SaveParkingSimsaForm';
 
 const ParkingRegister = () => {
   const theme = useTheme();
@@ -46,6 +49,7 @@ const ParkingRegister = () => {
     pageSize: 100,
     rows: []
   });
+  const [open, setOpen] = React.useState(false);
 
   const columns = [
     { headerName: 'No', headerAlign: 'center', field: 'rowId', align: 'center', width: 70 },
@@ -79,7 +83,8 @@ const ParkingRegister = () => {
     } else {
       const selectRows = selection.map((d) => rowsStatus.rows[d - 1].rcSeq);
 
-      alert(`저장할 데이타 => ${selectRows}`);
+      setOpen(true);
+      // alert(`저장할 데이타 => ${selectRows}`);
     }
   };
 
@@ -135,13 +140,12 @@ const ParkingRegister = () => {
               />
                - 
               <OutlinedInput
-                required
                 value={rcSeq2}
                 onChange={(e) => setRcSeq2(e.target.value)}
                 placeholder="접수번호(10자리)-end"
                 onKeyDown={handleOnKeyDown}
                 size="small"
-                inputProps={{ maxLength: 10 }}
+                inputProps={{ required: true, maxLength: 10 }}
               />
               {/* <TextField fullWidth label="Last Name" defaultValue="Schorl" /> */}
             </Grid>
@@ -173,6 +177,9 @@ const ParkingRegister = () => {
         setRowsStatus={setRowsStatus}
         handleSelection={handleSelection}
       />
+      <CmmModal isBackdrop title="심의등록" open={open} setOpen={setOpen} callback={() => alert('~~~~')}>
+        <SaveParkingSimsaForm />
+      </CmmModal>
     </MainCard>
   );
 };

src/views/biz/parking/Review.jsx

@@ -6,7 +6,7 @@ import getYear from 'date-fns/getYear';
 
 // material-ui
 import { GridActionsCellItem } from '@mui/x-data-grid';
-import { Button, Divider, Fade, Grid, InputAdornment, Link, MenuItem, OutlinedInput, Select } from '@mui/material';
+import { Autocomplete, Button, Divider, Fade, Grid, InputAdornment, Link, MenuItem, OutlinedInput, Select, TextField } from '@mui/material';
 import DeleteIcon from '@mui/icons-material/Delete';
 import MuiTooltip from '@mui/material/Tooltip';
 
@@ -30,7 +30,7 @@ import Box from '@mui/material/Box';
 import Typography from '@mui/material/Typography';
 import * as React from 'react';
 import Board from '../board/Board';
-import GridModal from '../../form/Modal/GridModal';
+import SubCard from '../../../ui-component/cards/SubCard';
 
 const style = {
   position: 'absolute',
@@ -176,24 +176,10 @@ const ParkingReview = () => {
 
   return (
     <MainCard>
-      {/*
-
-      <Button onClick={handleOpen}>open</Button>
-      <Modal open={open} onClose={handleClose} aria-labelledby="modal-modal-title" aria-describedby="modal-modal-description">
-        <Box sx={style}>
-          <Typography id="modal-modal-title" variant="h2" component="h2">
-            Text in a modal
-          </Typography>
-           {children} 
-          <Button onClick={handleClose}>Close Modal</Button>
-        </Box>
-      </Modal>
-
-*/}
       <Grid container spacing={2} alignItems="center">
-        <Grid item xs={12} lg={6}>
+        <Grid item xs={12}>
           <Grid container spacing={1}>
-            <Grid item>
+            <Grid item xs={2}>
               <MuiTooltip title="의견진술 심의 년도">
                 <Select id="reviewYear" name="reviewYear" defaultValue={year} onChange={(e) => setSelectedYear(e.target.value)}>
                   {years.map((year, idx) => (
@@ -203,12 +189,23 @@ const ParkingReview = () => {
                   ))}
                 </Select>
               </MuiTooltip>
+
+              {/* <Autocomplete */}
+              {/*  disableClearable */}
+              {/*  value={year} */}
+              {/*  onChange={(event, newValue) => newValue && setSelectedYear(newValue)} */}
+              {/*  // id="controllable-states-demo" */}
+              {/*  options={years} */}
+              {/*  renderInput={(params) => <TextField {...params} label="의견진술심의년도" />} */}
+              {/* /> */}
             </Grid>
             <Grid item>
               <OutlinedInput
+                required
                 placeholder="심의차수"
                 onKeyDown={handleSearch}
                 size="small"
+                autoComplete
                 autoFocus
                 endAdornment={
                   <InputAdornment position="end">

src/views/biz/parking/SaveParkingSimsaForm.jsx

@@ -0,0 +1,63 @@
+import React, { useState } from 'react';
+import { Checkbox, FormControlLabel, Grid, Typography, TextField } from '@mui/material';
+import AdapterDateFns from '@mui/lab/AdapterDateFns';
+import LocalizationProvider from '@mui/lab/LocalizationProvider';
+import { DatePicker, TimePicker } from '@mui/lab';
+
+const SaveParkingSimsaForm = () => {
+  const [sDate, setSdate] = useState(new Date());
+  const [sTime, setStime] = useState(new Date());
+  return (
+    <>
+      <Grid container spacing={3}>
+        <Grid item xs={12} sm={6}>
+          <TextField required id="msuTeam" name="msuTeam" label="팀" fullWidth autoComplete="given-name" />
+        </Grid>
+        <Grid item xs={12} sm={6}>
+          <TextField required id="msChasu" name="msChasu" label="차수" fullWidth autoComplete="family-name" />
+        </Grid>
+        <Grid item xs={12}>
+          <TextField required id="msSdate" name="msSdate" label="심사시작일" fullWidth autoComplete="shipping address-line1" />
+          <LocalizationProvider dateAdapter={AdapterDateFns}>
+            <DatePicker
+              renderInput={(props) => <TextField fullWidth {...props} helperText="" />}
+              label="심의시작일"
+              value={sDate}
+              inputFormat="yyyy-MM-dd"
+              mask="____-__-__"
+              onChange={(newValue) => {
+                setSdate(newValue);
+              }}
+            />
+          </LocalizationProvider>
+        </Grid>
+        <Grid item xs={12}>
+          <TextField required id="msStartsi" name="msStartsi" label="심사시작시간" fullWidth autoComplete="shipping address-line2" />
+          <LocalizationProvider dateAdapter={AdapterDateFns}>
+            <TimePicker
+              renderInput={(props) => <TextField fullWidth {...props} helperText="" />}
+              label="심사시작시간"
+              value={sTime}
+              inputFormat="HH"
+              mask="__"
+              onChange={(newValue) => {
+                setStime(newValue);
+              }}
+            />
+          </LocalizationProvider>
+        </Grid>
+        <Grid item xs={12} sm={6}>
+          <TextField required id="msEdate" name="msEdate" label="심사종료일" fullWidth autoComplete="shipping address-level2" />
+        </Grid>
+        <Grid item xs={12} sm={6}>
+          <TextField id="msCdate" name="msCdate" label="심사마감일" fullWidth />
+        </Grid>
+        <Grid item xs={12} sm={6}>
+          <TextField required id="msClosesi" name="msClosesi" label="심사마감시간" fullWidth autoComplete="shipping postal-code" />
+        </Grid>
+      </Grid>
+    </>
+  );
+};
+
+export default SaveParkingSimsaForm;

src/views/form/Modal/CmmModal.jsx

@@ -0,0 +1,59 @@
+import * as React from 'react';
+import PropTypes from 'prop-types';
+
+import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import Typography from '@mui/material/Typography';
+import Modal from '@mui/material/Modal';
+import { Divider, Grid } from '@mui/material';
+
+const style = {
+  position: 'absolute',
+  top: '50%',
+  left: '50%',
+  transform: 'translate(-50%, -50%)',
+  width: 900,
+  bgcolor: 'background.paper',
+  border: '2px solid #000',
+  boxShadow: 24,
+  p: 4
+};
+
+export default function CmmModal({ isBackdrop = false, open, setOpen, title, children, callback = () => {} }) {
+  const handleClose = () => {
+    if (callback) callback();
+    setOpen(false);
+  };
+
+  return (
+    <div>
+      {/* <Button onClick={handleOpen}>Grid Modal(List)</Button> */}
+      <Modal
+        hideBackdrop={isBackdrop}
+        open={open}
+        onClose={handleClose}
+        aria-labelledby="modal-modal-title"
+        aria-describedby="modal-modal-description"
+      >
+        <Box sx={style}>
+          <Typography id="modal-modal-title" variant="h2" component="h2" sx={{ marginBottom: 3 }}>
+            {title}
+          </Typography>
+          {children}
+          <Grid item sx={{ marginTop: 3 }}>
+            <Button onClick={handleClose}>Close Modal</Button>
+          </Grid>
+        </Box>
+      </Modal>
+    </div>
+  );
+}
+
+CmmModal.propTypes = {
+  isBackdrop: PropTypes.bool,
+  open: PropTypes.bool,
+  title: PropTypes.string,
+  children: PropTypes.node,
+  setOpen: PropTypes.func,
+  callback: PropTypes.func
+};

src/views/form/Modal/GridModal.jsx

@@ -1,44 +0,0 @@
-import * as React from 'react';
-import PropTypes from 'prop-types';
-
-import Box from '@mui/material/Box';
-import Button from '@mui/material/Button';
-import Typography from '@mui/material/Typography';
-import Modal from '@mui/material/Modal';
-
-const style = {
-  position: 'absolute',
-  top: '50%',
-  left: '50%',
-  transform: 'translate(-50%, -50%)',
-  width: 900,
-  bgcolor: 'background.paper',
-  border: '2px solid #000',
-  boxShadow: 24,
-  p: 4
-};
-
-export default function GridModal({ children }) {
-  const [open, setOpen] = React.useState(true);
-  const handleOpen = () => setOpen(true);
-  const handleClose = () => setOpen(false);
-
-  return (
-    <div>
-      {/* <Button onClick={handleOpen}>Grid Modal(List)</Button> */}
-      <Modal open={open} onClose={handleClose} aria-labelledby="modal-modal-title" aria-describedby="modal-modal-description">
-        <Box sx={style}>
-          <Typography id="modal-modal-title" variant="h2" component="h2">
-            Text in a modal
-          </Typography>
-          {children}
-          <Button onClick={handleClose}>Close Modal</Button>
-        </Box>
-      </Modal>
-    </div>
-  );
-}
-
-GridModal.propTypes = {
-  children: PropTypes.node
-};

src/views/form/Modal/index.js

@@ -5,7 +5,7 @@ import MainCard from 'ui-component/cards/MainCard';
 import SecondaryAction from 'ui-component/cards/CardSecondaryAction';
 import NestedModal from './NestedModal';
 import BasicModal from './BasicModal';
-import GridModal from './GridModal';
+import CmmModal from './CmmModal';
 
 // ==============================|| MODAL PAGE ||============================== //
 
@@ -15,7 +15,6 @@ const Modal = () => (
     {/* <SimpleModal /> */}
     <BasicModal />
     <NestedModal />
-    <GridModal />
   </MainCard>
 );