견적서 상세화면

This commit is contained in:
basssy 2024-11-07 08:33:23 +09:00
parent 287f7f9c39
commit 23a5e2d2a7
3 changed files with 44 additions and 25 deletions

View File

@ -1,9 +1,9 @@
'use client'
import { useEffect, useState, useRef } from 'react'
import { useEffect, useState, useContext } from 'react'
import { useRecoilValue } from 'recoil'
import { floorPlanObjectState } from '@/store/floorPlanObjectAtom'
import { sessionStore } from '@/store/commonAtom'
import { SessionContext } from '@/app/SessionProvider'
import { useMessage } from '@/hooks/useMessage'
import { useCanvasMenu } from '@/hooks/common/useCanvasMenu'
import SingleDatePicker from '../common/datepicker/SingleDatePicker'
@ -21,10 +21,6 @@ export default function Estimate({ params }) {
const [planNo, setPlanNo] = useState('') //
const [files, setFiles] = useState([]) //
//
const [checkItems, setCheckItems] = useState(new Set())
const [checkedList, setCheckedList] = useState([])
const [showContentCode, setShowContentCode] = useState('ATTR001')
//
@ -40,7 +36,7 @@ export default function Estimate({ params }) {
setStartDate,
}
const sessionState = useRecoilValue(sessionStore)
const { session } = useContext(SessionContext)
const objectRecoil = useRecoilValue(floorPlanObjectState)
//
@ -127,6 +123,19 @@ export default function Estimate({ params }) {
event.stopPropagation()
}
// state
useEffect(() => {
// console.log(files)
if (files.length > 0) {
files.map((row) => {
setState({ fileList: row.data })
})
} else {
console.log('첨부파일 없음')
setState({ fileList: [] })
}
}, [files])
return (
<div className="sub-content estimate">
<div className="sub-content-inner">
@ -206,7 +215,6 @@ export default function Estimate({ params }) {
defaultValue={state?.charger}
onChange={(e) => {
// charger
// console.log(':::::', e.target.value)
setState({ charger: e.target.value })
}}
/>
@ -227,7 +235,6 @@ export default function Estimate({ params }) {
defaultValue={state?.objectName}
onChange={(e) => {
// objectName
// console.log('::::', e.target.value)
setState({ objectName: e.target.value })
}}
/>
@ -244,7 +251,6 @@ export default function Estimate({ params }) {
if (isObjectNotEmpty(e)) {
setState({ objectNameOmit: e.clCodeNm })
} else {
// console.log('XXX')
setState({ objectNameOmit: '' })
}
}}
@ -342,7 +348,6 @@ export default function Estimate({ params }) {
defaultValue={state?.remarks}
onChange={(e) => {
//
// console.log(':::::', e.target.value)
setState({ remarks: e.target.value })
}}
/>

View File

@ -11,7 +11,6 @@ import { isEmptyArray, isNotEmptyArray, isObjectNotEmpty } from '@/util/common-u
import { useMessage } from '@/hooks/useMessage'
import { useForm } from 'react-hook-form'
import { useRecoilValue, useSetRecoilState } from 'recoil'
import { sessionStore } from '@/store/commonAtom'
import { SessionContext } from '@/app/SessionProvider'
import FindAddressPop from './popup/FindAddressPop'
import PlanRequestPop from './popup/PlanRequestPop'
@ -28,7 +27,6 @@ export default function StuffDetail() {
const [selOptions, setSelOptions] = useState('') // 1
const [otherSelOptions, setOtherSelOptions] = useState('') // 1
const sessionState = useRecoilValue(sessionStore)
const { session } = useContext(SessionContext)
const router = useRouter()
@ -320,12 +318,11 @@ export default function StuffDetail() {
let firstList
let otherList
let favList
// if (sessionState?.storeId === 'T01') {
if (session?.storeId === 'T01') {
url = `/api/object/saleStore/${session?.storeId}/firstList?userId=${session?.userId}`
} else {
if (session.storeLvl === '1') {
url = `/api/object/saleStore/${session?.storeId}/list?firstFlg=1&userId=${sessionState?.userId}`
url = `/api/object/saleStore/${session?.storeId}/list?firstFlg=1&userId=${session?.userId}`
} else {
url = `/api/object/saleStore/${session?.storeId}/list?firstFlg=1&userId=${session?.userId}`
}
@ -400,7 +397,6 @@ export default function StuffDetail() {
}
})
}
// }, [objectNo, sessionState])
}, [objectNo, session])
useEffect(() => {
@ -1279,9 +1275,7 @@ export default function StuffDetail() {
//1 or 2
if (params.saleStoreId == '') {
// params.saleStoreId = sessionState.storeId
params.saleStoreId = session.storeId
// params.saleStoreLevel = sessionState.storeLvl
params.saleStoreLevel = session.storeLvl
}
@ -1445,7 +1439,6 @@ export default function StuffDetail() {
</th>
<td>
<div className="flx-box">
{/* {sessionState?.storeId === 'T01' && ( */}
{session?.storeId === 'T01' && (
<>
<div className="select-wrap mr5" style={{ width: '567px' }}>
@ -1479,7 +1472,6 @@ export default function StuffDetail() {
</>
)}
{/* {sessionState?.storeId !== 'T01' && sessionState?.storeLvl === '1' && ( */}
{session?.storeId !== 'T01' && session?.storeLvl === '1' && (
<>
<div className="select-wrap mr5" style={{ width: '567px' }}>
@ -1511,7 +1503,6 @@ export default function StuffDetail() {
</div>
</>
)}
{/* {sessionState?.storeId !== 'T01' && sessionState?.storeLvl !== '1' && ( */}
{session?.storeId !== 'T01' && session?.storeLvl !== '1' && (
<>
<div className="select-wrap mr5" style={{ width: '567px' }}>

View File

@ -1,9 +1,11 @@
import { useAxios } from '@/hooks/useAxios'
import { useEffect, useReducer, useState } from 'react'
import { useContext, useEffect, useReducer, useState } from 'react'
import { useRecoilState, useRecoilValue } from 'recoil'
import { globalLocaleStore } from '@/store/localeAtom'
import { estimateState, floorPlanObjectState } from '@/store/floorPlanObjectAtom'
import { isObjectNotEmpty } from '@/util/common-utils'
import { SessionContext } from '@/app/SessionProvider'
const reducer = (prevState, nextState) => {
return { ...prevState, ...nextState }
}
@ -41,6 +43,7 @@ const defaultEstimateData = {
unit: '',
},
],
fileList: [],
}
// Helper functions
@ -51,14 +54,14 @@ const updateItemInList = (itemList, itemId, updates) => {
}
export const useEstimateController = (planNo) => {
const { session } = useContext(SessionContext)
const globalLocaleState = useRecoilValue(globalLocaleStore)
const objectRecoil = useRecoilValue(floorPlanObjectState)
const [estimateData, setEstimateData] = useRecoilState(estimateState)
const { get, post } = useAxios(globalLocaleState)
const { get, post, promisePost } = useAxios(globalLocaleState)
const [isLoading, setIsLoading] = useState(false)
const { promisePost } = useAxios()
const [state, setState] = useReducer(reducer, defaultEstimateData)
useEffect(() => {
@ -123,12 +126,32 @@ export const useEstimateController = (planNo) => {
}
useEffect(() => {
setEstimateData({ ...state })
setEstimateData({ ...state, userId: session.userId })
//sapSalesStoreCd 추가예정 필수값
// setEstimateData({ ...state, userId: session.userId, sapSalesStoreCd : session.sapSalesStoreCd })
}, [state])
//견적서 저장
const handleEstimateSubmit = async () => {
console.log('::담긴 estimateData:::', estimateData)
//1. 첨부파일 저장
const formData = new FormData()
formData.append('file', estimateData.fileList)
formData.append('objectNo', estimateData.objectNo)
formData.append('planNo', estimateData.planNo)
formData.append('category', '10')
formData.append('userId', estimateData.userId)
for (const value of formData.values()) {
console.log('formData::', value)
}
await promisePost({ url: '/api/file/fileUpload', data: formData }).then((res) => {
console.log('파일저장::::::::::', res)
})
//2. 상세데이터 저장
console.log('상세저장시작!!')
return
try {
const result = await promisePost({