build: 중간 저장
parent
5d87831386
commit
76533cff1c
|
|
@ -7,6 +7,7 @@
|
|||
"@emotion/styled": "^11.11.0",
|
||||
"@material-ui/core": "^4.12.4",
|
||||
"@material-ui/icons": "^4.11.3",
|
||||
"@mui/icons-material": "^5.15.6",
|
||||
"@mui/material": "^5.14.19",
|
||||
"@mui/styles": "^5.15.3",
|
||||
"bootstrap": "^5.3.2",
|
||||
|
|
|
|||
|
|
@ -0,0 +1,82 @@
|
|||
import React from 'react';
|
||||
import { styled } from '@mui/material/styles';
|
||||
import Box from '@mui/material/Box';
|
||||
import Paper from '@mui/material/Paper';
|
||||
import List from '@mui/material/List';
|
||||
import ListItem from '@mui/material/ListItem';
|
||||
import EditIcon from '@mui/icons-material/Edit';
|
||||
import ListItemText from '@mui/material/ListItemText';
|
||||
import IconButton from '@mui/material/IconButton';
|
||||
import Grid from '@mui/material/Grid';
|
||||
import Typography from '@mui/material/Typography';
|
||||
import DeleteIcon from '@mui/icons-material/Delete';
|
||||
import AddIcon from '@mui/icons-material/Add';
|
||||
|
||||
|
||||
function generate(items, element) {
|
||||
return items.map((value) =>
|
||||
React.cloneElement(element, {
|
||||
key: value,
|
||||
}, <ListItemText
|
||||
primary={value}
|
||||
/>),
|
||||
);
|
||||
}
|
||||
|
||||
const Demo = styled('div')(({ theme }) => ({
|
||||
backgroundColor: theme.palette.background.paper,
|
||||
}));
|
||||
|
||||
const Item = styled(Paper)(({ theme }) => ({
|
||||
backgroundColor: theme.palette.mode === 'dark' ? '#1A2027' : '#fff',
|
||||
...theme.typography.body2,
|
||||
padding: theme.spacing(1),
|
||||
textAlign: 'center',
|
||||
color: theme.palette.text.secondary,
|
||||
}));
|
||||
|
||||
function ListCreateUpdateDelete(props) {
|
||||
|
||||
const [dense, setDense] = React.useState(false);
|
||||
|
||||
return (
|
||||
<Paper>
|
||||
<Typography sx={{ p: 0 }} variant="h6" component="div">
|
||||
<Grid container spacing={0} columns={10} sx={{ '&': { backgroundColor: '#333333', height: '56px'}}}>
|
||||
<Grid item xs={6} md={8} >
|
||||
<Item sx={{ px: 0, '&': { boxShadow: 'none', color: '#ffffff', fontWeight: '600', fontSize: '18px', backgroundColor: 'transparent', lineHeight: '40px' }}}>{props.title}</Item>
|
||||
</Grid>
|
||||
<Grid item xs={0} md={2} sx={{ pl: 0, '&': {backgroundColor: 'transparent' }}}>
|
||||
<Item sx={{ p: 0, '&': { boxShadow: 'none', backgroundColor: '#169bd5', borderRadius: '0px'} }}>
|
||||
<IconButton aria-label="add" sx={{ px: 0, borderRadius: '0px', width: '100%', height: '56px'}}>
|
||||
<AddIcon sx={{ px: 0, '&': {color: '#ffffff', width: '30px', height: '30px' }}} />
|
||||
</IconButton>
|
||||
</Item>
|
||||
</Grid>
|
||||
</Grid>
|
||||
</Typography>
|
||||
<Demo>
|
||||
<List dense={dense}>
|
||||
{generate(
|
||||
props.items,
|
||||
<ListItem
|
||||
secondaryAction={
|
||||
<div>
|
||||
<IconButton sx={{ mx: 0 }} edge="start" aria-label="edit">
|
||||
<EditIcon />
|
||||
</IconButton>
|
||||
<IconButton edge="end" aria-label="delete">
|
||||
<DeleteIcon />
|
||||
</IconButton>
|
||||
</div>
|
||||
}
|
||||
>
|
||||
</ListItem>,
|
||||
)}
|
||||
</List>
|
||||
</Demo>
|
||||
</Paper>
|
||||
);
|
||||
}
|
||||
|
||||
export default ListCreateUpdateDelete;
|
||||
|
|
@ -245,6 +245,7 @@ function Schedules(props) {
|
|||
{/* <!-- 검색조건 --> */}
|
||||
<div className="condition">
|
||||
<ul>
|
||||
{false &&
|
||||
<li>
|
||||
<label className="f_select" htmlFor="sel1">
|
||||
<select name="schdulSe" id="sel1" title="조건"
|
||||
|
|
@ -261,6 +262,8 @@ function Schedules(props) {
|
|||
</select>
|
||||
</label>
|
||||
</li>
|
||||
}
|
||||
|
||||
<li className="half L">
|
||||
<button className="prev"
|
||||
onClick={() => {
|
||||
|
|
|
|||
|
|
@ -1,13 +1,58 @@
|
|||
import React from 'react';
|
||||
import { Link } from 'react-router-dom';
|
||||
import { styled } from '@mui/material/styles';
|
||||
import Box from '@mui/material/Box';
|
||||
import Paper from '@mui/material/Paper';
|
||||
import List from '@mui/material/List';
|
||||
import ListItem from '@mui/material/ListItem';
|
||||
import EditIcon from '@mui/icons-material/Edit';
|
||||
import ListItemAvatar from '@mui/material/ListItemAvatar';
|
||||
import ListItemIcon from '@mui/material/ListItemIcon';
|
||||
import ListItemText from '@mui/material/ListItemText';
|
||||
import Avatar from '@mui/material/Avatar';
|
||||
import IconButton from '@mui/material/IconButton';
|
||||
import FormGroup from '@mui/material/FormGroup';
|
||||
import FormControlLabel from '@mui/material/FormControlLabel';
|
||||
import Checkbox from '@mui/material/Checkbox';
|
||||
import Grid from '@mui/material/Grid';
|
||||
import Typography from '@mui/material/Typography';
|
||||
import FolderIcon from '@mui/icons-material/Folder';
|
||||
import DeleteIcon from '@mui/icons-material/Delete';
|
||||
import AddIcon from '@mui/icons-material/Add';
|
||||
import AddBoxOutlinedIcon from '@mui/icons-material/AddBoxOutlined';
|
||||
|
||||
import ListCreateUpdateDelete from '../../../components/list/ListCreateUpdateDelete'
|
||||
|
||||
import URL from 'constants/url';
|
||||
|
||||
import { default as EgovLeftNav } from 'components/leftmenu/EgovLeftNavAdmin';
|
||||
|
||||
|
||||
function generate(element) {
|
||||
return [0, 1, 2].map((value) =>
|
||||
React.cloneElement(element, {
|
||||
key: value,
|
||||
}),
|
||||
);
|
||||
}
|
||||
|
||||
const Demo = styled('div')(({ theme }) => ({
|
||||
backgroundColor: theme.palette.background.paper,
|
||||
}));
|
||||
|
||||
const Item = styled(Paper)(({ theme }) => ({
|
||||
backgroundColor: theme.palette.mode === 'dark' ? '#1A2027' : '#fff',
|
||||
...theme.typography.body2,
|
||||
padding: theme.spacing(1),
|
||||
textAlign: 'center',
|
||||
color: theme.palette.text.secondary,
|
||||
}));
|
||||
|
||||
function CommitteeCodeMgt(props) {
|
||||
|
||||
const [dense, setDense] = React.useState(false);
|
||||
const [secondary, setSecondary] = React.useState(false);
|
||||
|
||||
const Location = React.memo(function Location() {
|
||||
return (
|
||||
<div className="location">
|
||||
|
|
@ -39,7 +84,21 @@ function CommitteeCodeMgt(props) {
|
|||
<h1 className="tit_1">위원회 코드 관리</h1>
|
||||
</div>
|
||||
|
||||
여기에 구현해주세요.
|
||||
<Box
|
||||
sx={{
|
||||
display: 'flex',
|
||||
flexWrap: 'wrap',
|
||||
'& > :not(style)': {
|
||||
m: 1,
|
||||
width: 245,
|
||||
},
|
||||
}}
|
||||
>
|
||||
<ListCreateUpdateDelete title="중앙건설기술심의" items={["중앙건설기술심의", "테스트2"]}/>
|
||||
<ListCreateUpdateDelete title="총괄위원회" items={[]}/>
|
||||
<ListCreateUpdateDelete title="건설기준위원회" items={[]}/>
|
||||
<ListCreateUpdateDelete title="실무위원회" items={[]}/>
|
||||
</Box>
|
||||
{/* <!--// 본문 --> */}
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1072,6 +1072,13 @@
|
|||
dependencies:
|
||||
regenerator-runtime "^0.14.0"
|
||||
|
||||
"@babel/runtime@^7.23.8":
|
||||
version "7.23.9"
|
||||
resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.23.9.tgz#47791a15e4603bb5f905bc0753801cf21d6345f7"
|
||||
integrity sha512-0CX6F+BI2s9dkUqr08KFrAIZgNFj75rdBU/DjCyYLIaV/quFjkk6T+EJ2LkZHyZTbEV4L5p97mNkUsHl2wLFAw==
|
||||
dependencies:
|
||||
regenerator-runtime "^0.14.0"
|
||||
|
||||
"@babel/template@^7.18.10", "@babel/template@^7.20.7", "@babel/template@^7.3.3":
|
||||
version "7.20.7"
|
||||
resolved "https://registry.npmjs.org/@babel/template/-/template-7.20.7.tgz"
|
||||
|
|
@ -1804,6 +1811,13 @@
|
|||
resolved "https://registry.yarnpkg.com/@mui/core-downloads-tracker/-/core-downloads-tracker-5.15.3.tgz#40fc854d7cf5505a182a4e121149dfe21cd277ef"
|
||||
integrity sha512-sWeihiVyxdJjpLkp8SHkTy9kt2M/o11M60G1MzwljGL2BXdM3Ktzqv5QaQHdi00y7Y1ulvtI3GOSxP2xU8mQJw==
|
||||
|
||||
"@mui/icons-material@^5.15.6":
|
||||
version "5.15.6"
|
||||
resolved "https://registry.yarnpkg.com/@mui/icons-material/-/icons-material-5.15.6.tgz#6958232bef48972fcbafd5f69e6079a9be5951f1"
|
||||
integrity sha512-GnkxMtlhs+8ieHLmCytg00ew0vMOiXGFCw8Ra9nxMsBjBqnrOI5gmXqUm+sGggeEU/HG8HyeqC1MX/IxOBJHzA==
|
||||
dependencies:
|
||||
"@babel/runtime" "^7.23.8"
|
||||
|
||||
"@mui/material@^5.14.19":
|
||||
version "5.15.3"
|
||||
resolved "https://registry.yarnpkg.com/@mui/material/-/material-5.15.3.tgz#b77f1ac1275e5bf13b735e8224bdd301aab918c4"
|
||||
|
|
|
|||
Loading…
Reference in New Issue