feat: 심사자 심의 진행
parent
d857215587
commit
3d454f8beb
@ -1,124 +1,86 @@
|
|||||||
import React, { useEffect, useState } from 'react';
|
import React, { useEffect, useState } from 'react';
|
||||||
import { CardMedia, ImageList, ImageListItem } from '@mui/material';
|
import { CardMedia, Grid } from '@mui/material';
|
||||||
import { useDropzone } from 'react-dropzone';
|
import { findImages } from '../../../apis/judge';
|
||||||
import { Image } from '@mui/icons-material';
|
|
||||||
import Box from '@mui/material/Box';
|
|
||||||
import PropTypes from 'prop-types';
|
|
||||||
import { judgeFileDownload } from '../../../apis/judge';
|
|
||||||
import _ from 'lodash';
|
import _ from 'lodash';
|
||||||
|
|
||||||
const itemData = [
|
const ProcessJudge = (props) => {
|
||||||
{
|
const { rowDatas, showAlert } = props;
|
||||||
img: 'https://images.unsplash.com/photo-1551963831-b3b1ca40c98e',
|
const [picadImgs, setPicadImgs] = useState([]);
|
||||||
title: 'Breakfast'
|
const [frecadImgs, setFrecadImgs] = useState([]);
|
||||||
},
|
const [contadImgs, setContadImgs] = useState([]);
|
||||||
{
|
|
||||||
img: 'https://images.unsplash.com/photo-1551782450-a2132b4ba21d',
|
|
||||||
title: 'Burger'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
img: 'https://images.unsplash.com/photo-1522770179533-24471fcdba45',
|
|
||||||
title: 'Camera'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
img: 'https://images.unsplash.com/photo-1444418776041-9c7e33cc5a9c',
|
|
||||||
title: 'Coffee'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
img: 'https://images.unsplash.com/photo-1533827432537-70133748f5c8',
|
|
||||||
title: 'Hats'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
img: 'https://images.unsplash.com/photo-1558642452-9d2a7deb7f62',
|
|
||||||
title: 'Honey'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
img: 'https://images.unsplash.com/photo-1516802273409-68526ee1bdd6',
|
|
||||||
title: 'Basketball'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
img: 'https://images.unsplash.com/photo-1518756131217-31eb79b20e8f',
|
|
||||||
title: 'Fern'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
img: 'https://images.unsplash.com/photo-1597645587822-e99fa5d45d25',
|
|
||||||
title: 'Mushrooms'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
img: 'https://images.unsplash.com/photo-1567306301408-9b74779a11af',
|
|
||||||
title: 'Tomato basil'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
img: 'https://images.unsplash.com/photo-1471357674240-e1a485acb3e1',
|
|
||||||
title: 'Sea star'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
img: 'https://images.unsplash.com/photo-1589118949245-7d38baf380d6',
|
|
||||||
title: 'Bike'
|
|
||||||
}
|
|
||||||
];
|
|
||||||
|
|
||||||
const ProcessJudge = ({ rowDatas, showAlert }) => {
|
const getImgList = (row) => {
|
||||||
const [previewImage, setPreviewImage] = useState();
|
findImages(row, showAlert).then((res) => {
|
||||||
|
const { arrPicadImg, arrFrecadImg, arrContadImg } = res;
|
||||||
const { getRootProps, getInputProps } = useDropzone({
|
console.log(res);
|
||||||
accept: 'image/*',
|
// console.log(arrPicadImg, arrFrecadImg, arrContadImg);
|
||||||
onDrop: (acceptedFiles) => {
|
setPicadImgs(arrPicadImg);
|
||||||
setPreviewImage(URL.createObjectURL(itemData[0].img));
|
setFrecadImgs(arrFrecadImg);
|
||||||
}
|
setContadImgs(arrContadImg);
|
||||||
});
|
});
|
||||||
|
|
||||||
const viewImg = (scDatagb, scCode, methodName) => {
|
|
||||||
judgeFileDownload(
|
|
||||||
{
|
|
||||||
scDatagb,
|
|
||||||
scCode,
|
|
||||||
methodName
|
|
||||||
},
|
|
||||||
showAlert
|
|
||||||
);
|
|
||||||
};
|
};
|
||||||
|
|
||||||
// rowDatas[0]?[`scFrecad`];
|
|
||||||
// rowDatas[0]?[`scContad`];
|
|
||||||
// 1. 데이타 조회 - msMaincode로 gnRecallSc
|
|
||||||
// 2. 이미지 조회 - judgeFileDownload : data['scPicad1'] 가 있는 경우
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
rowDatas?.forEach((r) => _.range(1, 5, 1).forEach((idx) => viewImg(r.scDatagb, r.msMaincode, `scPicad${idx}`)));
|
getImgList(rowDatas[0]);
|
||||||
}, []);
|
}, []);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<CardMedia
|
<Grid container spacing={1}>
|
||||||
component="img"
|
{picadImgs?.map((img, idx) => (
|
||||||
sx={{
|
<Grid item xs={3} key={idx} columnSpacing={1}>
|
||||||
height: 233,
|
<CardMedia
|
||||||
width: 350,
|
component="img"
|
||||||
maxHeight: { xs: 233, md: 167 },
|
sx={{
|
||||||
maxWidth: { xs: 350, md: 250 }
|
height: 233,
|
||||||
}}
|
width: 350,
|
||||||
src={itemData[0].img}
|
maxHeight: { xs: 233, md: 167 },
|
||||||
// src={previewImage}
|
maxWidth: { xs: 350, md: 250 }
|
||||||
/>
|
}}
|
||||||
<Box
|
src={img}
|
||||||
component="img"
|
/>
|
||||||
sx={{
|
</Grid>
|
||||||
height: 233,
|
))}
|
||||||
width: 350,
|
</Grid>
|
||||||
maxHeight: { xs: 233, md: 167 },
|
<Grid container spacing={1}>
|
||||||
maxWidth: { xs: 350, md: 250 }
|
{frecadImgs?.map((img, idx) => (
|
||||||
}}
|
<Grid item xs={3} key={idx} columnSpacing={1}>
|
||||||
alt="The house from the offer."
|
<CardMedia
|
||||||
src={itemData[0].img}
|
component="img"
|
||||||
/>
|
sx={{
|
||||||
<Image src={itemData[0].img} />
|
height: 233,
|
||||||
|
width: 350,
|
||||||
|
maxHeight: { xs: 233, md: 167 },
|
||||||
|
maxWidth: { xs: 350, md: 250 }
|
||||||
|
}}
|
||||||
|
src={img}
|
||||||
|
/>
|
||||||
|
</Grid>
|
||||||
|
))}
|
||||||
|
</Grid>
|
||||||
|
<Grid container spacing={1}>
|
||||||
|
{contadImgs?.map((img, idx) => (
|
||||||
|
<Grid item xs={3} key={idx} columnSpacing={1}>
|
||||||
|
<CardMedia
|
||||||
|
component="img"
|
||||||
|
sx={{
|
||||||
|
height: 233,
|
||||||
|
width: 350,
|
||||||
|
maxHeight: { xs: 233, md: 167 },
|
||||||
|
maxWidth: { xs: 350, md: 250 }
|
||||||
|
}}
|
||||||
|
src={img}
|
||||||
|
/>
|
||||||
|
</Grid>
|
||||||
|
))}
|
||||||
|
</Grid>
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
ProcessJudge.propTypes = {
|
// ProcessJudge.propTypes = {
|
||||||
rowDatas: PropTypes.array.isRequired,
|
// rowDatas: PropTypes.object.isRequired,
|
||||||
showAlert: PropTypes.object
|
// showAlert: PropTypes.object
|
||||||
};
|
// };
|
||||||
|
|
||||||
export default ProcessJudge;
|
export default ProcessJudge;
|
||||||
|
|||||||
Loading…
Reference in New Issue