diff --git a/src/components/Main.jsx b/src/components/Main.jsx
index 4546f32d..807f3c49 100644
--- a/src/components/Main.jsx
+++ b/src/components/Main.jsx
@@ -1,9 +1,303 @@
'use client'
+import React, { useEffect, useState } from 'react'
+
+import { useRouter } from 'next/navigation'
+import { useRecoilState, useRecoilValue, useSetRecoilState } from 'recoil'
+import { modalContent, modalState, modalProps } from '@/store/modalAtom'
+import { sessionStore } from '@/store/commonAtom'
+import { useAxios } from '@/hooks/useAxios'
+import { globalLocaleStore } from '@/store/localeAtom'
+import MainContents from './main/MainContents'
+import { useMessage } from '@/hooks/useMessage'
+import { isObjectNotEmpty, queryStringFormatter } from '@/util/common-utils'
+import { stuffSearchState } from '@/store/stuffAtom'
export default function MainPage(props) {
+ const [sessionState, setSessionState] = useRecoilState(sessionStore)
+ const [open, setOpen] = useRecoilState(modalState)
+ const setContent = useSetRecoilState(modalContent)
+ const setModalProps = useSetRecoilState(modalProps)
+
+ const globalLocaleState = useRecoilValue(globalLocaleStore)
+
+ const { get, patch } = useAxios(globalLocaleState)
+ const router = useRouter()
+ const { getMessage } = useMessage()
+
+ const [searchTxt, setSearchTxt] = useState('')
+
+ const [searchRadioType, setSearchRadioType] = useState('object')
+ //컨텐츠 관련
+ const [saleStoreId, setSaleStoreId] = useState('')
+ const [saleStoreName, setSaleStoreName] = useState('')
+
+ const [objectList, setObjectList] = useState([])
+ const [businessCharger, setBusinessCharger] = useState('')
+ const [businessChargerMail, setBusinessChargerMail] = useState('')
+ const [businessChargerTel, setBusinessChargerTel] = useState('')
+
+ const [stuffSearch, setStuffSearch] = useRecoilState(stuffSearchState)
+
+ //비밀번호 변경
+ const updateProcess = async (formData) => {
+ const pwd1 = formData.get('password1')
+ const pwd2 = formData.get('password2')
+
+ if (pwd1 !== pwd2) {
+ alert('입력한 패스워드가 다릅니다')
+ return false
+ }
+
+ //패스워드 길이수 체크
+ if (checkLength(pwd1) > 10) {
+ alert('반각10자이내로 입력')
+ }
+
+ const param = {
+ loginId: sessionState.userId,
+ chgType: 'I',
+ chgPwd: formData.get('password1'),
+ }
+
+ await patch({ url: '/api/login/v1.0/user/change-password', data: param }).then((res) => {
+ if (res) {
+ if (res.result.resultCode === 'S') {
+ alert('비밀번호가 변경되었습니다.')
+ setSessionState({ ...sessionState, pwdInitYn: 'Y' })
+ setOpen(false)
+ } else {
+ alert(res.result.resultMsg)
+ }
+ }
+ })
+ }
+
+ //자리수체크
+ const checkLength = (pwd1) => {
+ let str = new String(pwd1)
+ let _byte = 0
+ if (str.length !== 0) {
+ for (let i = 0; i < str.length; i++) {
+ let str2 = str.charAt(i)
+ if (encodeURIComponent(str2).length > 4) {
+ _byte += 2
+ } else {
+ _byte++
+ }
+ }
+ }
+ return _byte
+ }
+
+ //공백제거
+ const checkValue = (e) => {
+ let spaceChk = /\s/
+ if (spaceChk.exec(e.target.value)) {
+ e.target.value = e.target.value.replace(/\s|/gi, '')
+ return false
+ }
+ }
+
+ useEffect(() => {
+ if (sessionState.pwdInitYn === 'N') {
+ setOpen(true)
+ setContent(html)
+ setModalProps({
+ closeOnOverlayClick: false,
+ closeOnEsc: false,
+ showCloseIcon: false,
+ })
+ } else {
+ fetchObjectList()
+ }
+ }, [sessionState])
+
+ const fetchObjectList = async () => {
+ try {
+ // const apiUrl = `/api/main-page/object/X167/list`
+ const apiUrl = `/api/main-page/object/${sessionState?.storeId}/list`
+ const res = await get({ url: apiUrl })
+ if (res) {
+ setSaleStoreId(res.saleStoreId)
+ setSaleStoreName(res.saleStoreName)
+ setObjectList(res.objectList)
+ setBusinessCharger(res.businessCharger)
+ setBusinessChargerMail(res.businessChargerMail)
+ setBusinessChargerTel(res.businessChargerTel)
+ }
+ } catch (error) {
+ console.error('MAIN API fetching error:', error)
+ }
+ }
+
+ // 모달팝업 컨텐츠
+ const html = (
+ <>
+ 비밀번호 변경
+ * 초기화된 비밀번호로 로그인한 경우, 비밀번호를 변경해야 사이트 이용이 가능합니다.
+ 비밀번호를 변경하지 않을 경우, 로그인 화면으로 이동합니다.
+
+
+ )
+
+ // 엔터 이벤트
+ const handleByOnKeyUp = (e) => {
+ if (e.key === 'Enter') {
+ //물건번호 일떄
+ if (searchRadioType === 'object') {
+ setStuffSearch({
+ ...stuffSearch,
+ schObjectNo: searchTxt,
+ code: 'M',
+ })
+ router.push('/management/stuff')
+ } else {
+ alert('작업중')
+ return
+
+ //FAQ일떄
+ //faq리코일에
+ //searchValue= e.target.value
+ //mainFlag:'Y'
+ // router.push('/community/faq')
+ }
+ }
+ }
+
+ // 라디오 변경 이벤트
+ const handleOnChangeRadio = (e) => {
+ setSearchRadioType(e.target.value)
+ }
+
+ // 돋보기 클릭
+ const handleOnSubmit = () => {
+ if (searchRadioType === 'object') {
+ setStuffSearch({
+ ...stuffSearch,
+ schObjectNo: searchTxt,
+ code: 'M',
+ })
+
+ router.push('/management/stuff')
+ } else {
+ alert('작업중')
+ return
+ //FAQ일떄
+ //faq리코일에
+ //searchValue= e.target.value
+ //mainFlag:'Y'
+ // router.push('/community/faq')
+ }
+ }
+
return (
<>
- Main page
+ {sessionState.pwdInitYn === 'Y' && (
+ <>
+
+
+
+
+
+ {getMessage('main.storeId')}/ {getMessage('main.storeName')}
+
+
+
+
+ {saleStoreId} / {saleStoreName}
+
+
+
+
+
+ {
+ setSearchTxt(e.target.value)
+ }}
+ />
+
+
+
+
+
+
+
+
+
+
+
+
{dayjs(recentNoticeList[0]?.regDt).format('YYYY.MM.DD')}
+
{recentNoticeList[0]?.title}
+
{recentNoticeList[0]?.contents}
+
+
+
+
+
+ {recentFaqList.map((row, index) => {
+ return (
+ -
+
+
FAQ {row.noticeNo}
+
{row.title}
+
{dayjs(row.regDt).format('YYYY.MM.DD')}
+
+ )
+ })}
+
+
+
+
+
+
+
+
+
+
+ -
+
+
+
+ {businessCharger}
+
+ -
+
+
+
+ {businessChargerMail}
+
+
+
+
+
+
+
+
+ {name}
+
+ {num !== 4 && num !== 5 && (
+
+ )}
+
+
{children}
+
판매대리점 선택 |
- {/*
-
- */}
{schSelSaleStoreList?.length > 0 && (
|