메인 자료다운로드

src/components/main/MainContents.jsx

@@ -33,15 +33,42 @@ export default function MainContents() {
   const { qcastState, setIsGlobalLoading } = useContext(QcastContext)
   const { fetchObjectList, initObjectList } = useMainContentsController()
 
+  //첨부파일
+  const [boardList, setBoardList] = useState([])
   useEffect(() => {
     fetchObjectList()
     fetchNoticeList()
     fetchFaqList()
+    //첨부파일 목록 호출
+    fetchArchiveList()
     return () => {
       initObjectList()
     }
   }, [])
 
+  //첨부파일 목록 호출
+  const fetchArchiveList = async () => {
+    const url = `/api/board/list`
+
+    const params = new URLSearchParams({
+      schNoticeTpCd: 'QC',
+      schNoticeClsCd: 'DOWN',
+      startRow: 1,
+      endRow: 2,
+    })
+
+    const apiUrl = `${url}?${params.toString()}`
+    const resultData = await get({ url: apiUrl })
+
+    if (resultData) {
+      if (resultData.result.code === 200) {
+        setBoardList(resultData.data)
+      } else {
+        alert(resultData.result.message)
+      }
+    }
+  }
+
   //공지사항 호출
   const fetchNoticeList = async () => {
     try {
@@ -92,33 +119,6 @@ export default function MainContents() {
   const [open, setOpen] = useState(false)
   const [modalNoticeNo, setModalNoticeNo] = useState('')
 
-  // 메인 파일 다운로드
-  const handleDetailFileListDown = async (noticeNo) => {
-    //396, 395테스트
-    const url = `/api/board/detail`
-    const params = new URLSearchParams({
-      noticeNo: noticeNo,
-    })
-
-    const apiUrl = `${url}?${params.toString()}`
-
-    const resultData = await get({ url: apiUrl })
-
-    if (resultData) {
-      if (resultData.result.code === 200) {
-        const boardDetailFileList = resultData.data.listFile
-
-        if (boardDetailFileList && Array.isArray(boardDetailFileList)) {
-          boardDetailFileList.forEach((boardFile) => {
-            handleFileDown(boardFile)
-          })
-        }
-      } else {
-        swalFire({ type: 'alert', text: resultData.result.message, icon: 'error' })
-      }
-    }
-  }
-
   return (
     <div className="main-product-list-wrap">
       <div className="main-product-list">
@@ -210,20 +210,19 @@ export default function MainContents() {
           )}
         </ProductItem>
         <ProductItem num={4} name={'Data Download'}>
-          <div className="data-download-wrap">
+          {boardList.length > 0 ? (
-            <button
+            <div className="data-download-wrap">
-              className="data-down"
+              {boardList?.map((board) => (
-              type="button"
+                <button type="button" className="data-down" onClick={() => handleFileDown(board.noticeNo, 'Y')}>
-              onClick={() => {
+                  <span>{board.title}</span>
-                // handleDetailFileListDown(395)
+                </button>
-              }}
+              ))}
-            >
+            </div>
-              <span>{getMessage('main.content.download1')}</span>
+          ) : (
-            </button>
+            <div className="file-down-nodata">
-            <button className="data-down" type="button" onClick={() => swalFire({ text: getMessage('main.content.alert.noFile'), type: 'alert' })}>
+              <h3>{getMessage('common.message.no.data')}</h3>
-              <span>{getMessage('main.content.download2')}</span>
+            </div>
-            </button>
+          )}
-          </div>
         </ProductItem>
         <ProductItem num={5} name={'Sales Contact info'}>
           <ul className="contact-info-list">