Compare commits
No commits in common. "3ff1ce74816c9f65c10d77829589b8f4a6ee6c8f" and "5d380ab794ed9c716987d9fd73e187643f9b1be5" have entirely different histories.
3ff1ce7481
...
5d380ab794
|
|
@ -7,7 +7,6 @@
|
||||||
"@emotion/styled": "^11.11.0",
|
"@emotion/styled": "^11.11.0",
|
||||||
"@material-ui/core": "^4.12.4",
|
"@material-ui/core": "^4.12.4",
|
||||||
"@material-ui/icons": "^4.11.3",
|
"@material-ui/icons": "^4.11.3",
|
||||||
"@mui/icons-material": "^5.15.6",
|
|
||||||
"@mui/material": "^5.14.19",
|
"@mui/material": "^5.14.19",
|
||||||
"@mui/styles": "^5.15.3",
|
"@mui/styles": "^5.15.3",
|
||||||
"bootstrap": "^5.3.2",
|
"bootstrap": "^5.3.2",
|
||||||
|
|
|
||||||
|
|
@ -1,82 +0,0 @@
|
||||||
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,7 +245,6 @@ function Schedules(props) {
|
||||||
{/* <!-- 검색조건 --> */}
|
{/* <!-- 검색조건 --> */}
|
||||||
<div className="condition">
|
<div className="condition">
|
||||||
<ul>
|
<ul>
|
||||||
{false &&
|
|
||||||
<li>
|
<li>
|
||||||
<label className="f_select" htmlFor="sel1">
|
<label className="f_select" htmlFor="sel1">
|
||||||
<select name="schdulSe" id="sel1" title="조건"
|
<select name="schdulSe" id="sel1" title="조건"
|
||||||
|
|
@ -262,8 +261,6 @@ function Schedules(props) {
|
||||||
</select>
|
</select>
|
||||||
</label>
|
</label>
|
||||||
</li>
|
</li>
|
||||||
}
|
|
||||||
|
|
||||||
<li className="half L">
|
<li className="half L">
|
||||||
<button className="prev"
|
<button className="prev"
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
|
|
|
||||||
|
|
@ -1,58 +1,13 @@
|
||||||
import React from 'react';
|
import React from 'react';
|
||||||
import { Link } from 'react-router-dom';
|
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 URL from 'constants/url';
|
||||||
|
|
||||||
import { default as EgovLeftNav } from 'components/leftmenu/EgovLeftNavAdmin';
|
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) {
|
function CommitteeCodeMgt(props) {
|
||||||
|
|
||||||
const [dense, setDense] = React.useState(false);
|
|
||||||
const [secondary, setSecondary] = React.useState(false);
|
|
||||||
|
|
||||||
const Location = React.memo(function Location() {
|
const Location = React.memo(function Location() {
|
||||||
return (
|
return (
|
||||||
<div className="location">
|
<div className="location">
|
||||||
|
|
@ -84,21 +39,7 @@ function CommitteeCodeMgt(props) {
|
||||||
<h1 className="tit_1">위원회 코드 관리</h1>
|
<h1 className="tit_1">위원회 코드 관리</h1>
|
||||||
</div>
|
</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>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -1072,13 +1072,6 @@
|
||||||
dependencies:
|
dependencies:
|
||||||
regenerator-runtime "^0.14.0"
|
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":
|
"@babel/template@^7.18.10", "@babel/template@^7.20.7", "@babel/template@^7.3.3":
|
||||||
version "7.20.7"
|
version "7.20.7"
|
||||||
resolved "https://registry.npmjs.org/@babel/template/-/template-7.20.7.tgz"
|
resolved "https://registry.npmjs.org/@babel/template/-/template-7.20.7.tgz"
|
||||||
|
|
@ -1811,13 +1804,6 @@
|
||||||
resolved "https://registry.yarnpkg.com/@mui/core-downloads-tracker/-/core-downloads-tracker-5.15.3.tgz#40fc854d7cf5505a182a4e121149dfe21cd277ef"
|
resolved "https://registry.yarnpkg.com/@mui/core-downloads-tracker/-/core-downloads-tracker-5.15.3.tgz#40fc854d7cf5505a182a4e121149dfe21cd277ef"
|
||||||
integrity sha512-sWeihiVyxdJjpLkp8SHkTy9kt2M/o11M60G1MzwljGL2BXdM3Ktzqv5QaQHdi00y7Y1ulvtI3GOSxP2xU8mQJw==
|
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":
|
"@mui/material@^5.14.19":
|
||||||
version "5.15.3"
|
version "5.15.3"
|
||||||
resolved "https://registry.yarnpkg.com/@mui/material/-/material-5.15.3.tgz#b77f1ac1275e5bf13b735e8224bdd301aab918c4"
|
resolved "https://registry.yarnpkg.com/@mui/material/-/material-5.15.3.tgz#b77f1ac1275e5bf13b735e8224bdd301aab918c4"
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue