qcast3/qcast-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

물건 목록화면 소스정리

Browse Source
This commit is contained in:
basssy 2024-11-06 16:16:25 +09:00
parent 4e1cbd08d8
commit d8a69306f3
2 changed files with 64 additions and 96 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

130
src/components/management/Stuff.jsx
View File

@ -5,7 +5,7 @@ import { useRouter, usePathname } from 'next/navigation'
import { useAxios } from '@/hooks/useAxios' import { useAxios } from '@/hooks/useAxios'
import { useMessage } from '@/hooks/useMessage' import { useMessage } from '@/hooks/useMessage'
import StuffQGrid from './StuffQGrid' import StuffQGrid from './StuffQGrid'
import { useRecoilValue, useRecoilState, useSetRecoilState } from 'recoil' import { useRecoilValue, useRecoilState, useSetRecoilState, useResetRecoilState } from 'recoil'
import { stuffSearchState } from '@/store/stuffAtom' import { stuffSearchState } from '@/store/stuffAtom'
import { queryStringFormatter, isEmptyArray } from '@/util/common-utils' import { queryStringFormatter, isEmptyArray } from '@/util/common-utils'
import dayjs from 'dayjs' import dayjs from 'dayjs'
@ -19,7 +19,7 @@ import { sessionStore } from '@/store/commonAtom'
import { SessionContext } from '@/app/SessionProvider' import { SessionContext } from '@/app/SessionProvider'
export default function Stuff() { export default function Stuff() {
const sessionState = useRecoilValue(sessionStore) const resetStuffRecoil = useResetRecoilState(stuffSearchState)
const { session } = useContext(SessionContext) const { session } = useContext(SessionContext)
const setAppMessageState = useSetRecoilState(appMessageStore) const setAppMessageState = useSetRecoilState(appMessageStore)
const stuffSearchParams = useRecoilValue(stuffSearchState) const stuffSearchParams = useRecoilValue(stuffSearchState)
@ -34,9 +34,6 @@ export default function Stuff() {
const { get } = useAxios(globalLocaleState) const { get } = useAxios(globalLocaleState)
const gridRef = useRef() const gridRef = useRef()
// const [selectedRowData, setSelectedRowData] = useState([])
// const [selectedRowDataCount, setSelectedRowDataCount] = useState(0)
const router = useRouter() const router = useRouter()
const pathname = usePathname() const pathname = usePathname()
@ -67,10 +64,6 @@ export default function Stuff() {
field: 'lastEditDatetime', field: 'lastEditDatetime',
minWidth: 200, minWidth: 200,
headerName: getMessage('stuff.gridHeader.lastEditDatetime'), headerName: getMessage('stuff.gridHeader.lastEditDatetime'),
// headerCheckboxSelection: true,
// headerCheckboxSelectionCurrentPageOnly: true, //페이징시 현재 페이지만 체크되도록
// checkboxSelection: true,
// showDisabledCheckboxes: true,
cellStyle: { justifyContent: 'center' }, cellStyle: { justifyContent: 'center' },
valueFormatter: function (params) { valueFormatter: function (params) {
if (params.value) { if (params.value) {
@ -169,77 +162,67 @@ export default function Stuff() {
// 진입시 그리드 데이터 조회 // 진입시 그리드 데이터 조회
useEffect(() => { useEffect(() => {
if (isObjectNotEmpty(session)) { if (stuffSearchParams?.code === 'S') {
if (stuffSearchParams?.code === 'S') { const params = {
const params = { saleStoreId: session.storeId,
// saleStoreId: stuffSearchParams.schSelSaleStoreId, schObjectNo: stuffSearchParams?.schObjectNo,
saleStoreId: session.storeId, schAddress: stuffSearchParams?.schAddress,
schObjectNo: stuffSearchParams?.schObjectNo, schObjectName: stuffSearchParams?.schObjectName,
schAddress: stuffSearchParams?.schAddress, schSaleStoreName: stuffSearchParams?.schSaleStoreName,
schObjectName: stuffSearchParams?.schObjectName, schReceiveUser: stuffSearchParams?.schReceiveUser,
schSaleStoreName: stuffSearchParams?.schSaleStoreName, schDispCompanyName: stuffSearchParams?.schDispCompanyName,
schReceiveUser: stuffSearchParams?.schReceiveUser, schDateType: stuffSearchParams.schDateType,
schDispCompanyName: stuffSearchParams?.schDispCompanyName, schFromDt: dayjs(new Date()).add(-1, 'year').format('YYYY-MM-DD'),
schDateType: stuffSearchParams.schDateType, schToDt: dayjs(new Date()).format('YYYY-MM-DD'),
schFromDt: dayjs(new Date()).add(-1, 'year').format('YYYY-MM-DD'), startRow: (pageNo - 1) * pageSize + 1,
schToDt: dayjs(new Date()).format('YYYY-MM-DD'), endRow: pageNo * pageSize,
startRow: (pageNo - 1) * pageSize + 1, schSelSaleStoreId: stuffSearchParams?.schOtherSelSaleStoreId ? stuffSearchParams.schOtherSelSaleStoreId : stuffSearchParams.schSelSaleStoreId,
endRow: pageNo * pageSize, schSortType: stuffSearchParams.schSortType,
schSelSaleStoreId: stuffSearchParams?.schOtherSelSaleStoreId }
? stuffSearchParams.schOtherSelSaleStoreId
: stuffSearchParams.schSelSaleStoreId, async function fetchData() {
schSortType: stuffSearchParams.schSortType, const apiUrl = `/api/object/list?${queryStringFormatter(params)}`
} await get({
async function fetchData() { url: apiUrl,
const apiUrl = `/api/object/list?${queryStringFormatter(params)}` }).then((res) => {
await get({ if (!isEmptyArray(res)) {
url: apiUrl, setGridProps({ ...gridProps, gridData: res, count: res[0].totCnt })
}).then((res) => { setTotalCount(res[0].totCnt)
if (!isEmptyArray(res)) { }
setGridProps({ ...gridProps, gridData: res, count: res[0].totCnt })
setTotalCount(res[0].totCnt)
}
})
}
if (stuffSearchParams?.schSelSaleStoreId !== '') {
fetchData()
}
} else if (stuffSearchParams?.code === 'M') {
//메인화면에서 진입
const params = {
saleStoreId: session?.storeId,
schObjectNo: stuffSearchParams.schObjectNo,
schAddress: '',
schObjectName: '',
schSaleStoreName: '',
schReceiveUser: '',
schDispCompanyName: '',
schDateType: 'U',
schFromDt: dayjs(new Date()).add(-1, 'year').format('YYYY-MM-DD'),
schToDt: dayjs(new Date()).format('YYYY-MM-DD'),
startRow: (pageNo - 1) * pageSize + 1,
endRow: pageNo * pageSize,
schSelSaleStoreId: stuffSearchParams?.schOtherSelSaleStoreId
? stuffSearchParams.schOtherSelSaleStoreId
: stuffSearchParams.schSelSaleStoreId,
schSortType: 'R',
}
setStuffSearch({
...params,
}) })
} }
}
}, [pageNo, session, stuffSearchParams])
useEffect(() => { fetchData()
if (stuffSearchParams?.code === 'E') { } else if (stuffSearchParams?.code === 'M') {
const params = {
saleStoreId: session?.storeId,
schObjectNo: stuffSearchParams.schObjectNo,
schAddress: '',
schObjectName: '',
schSaleStoreName: '',
schReceiveUser: '',
schDispCompanyName: '',
schDateType: 'U',
schFromDt: dayjs(new Date()).add(-1, 'year').format('YYYY-MM-DD'),
schToDt: dayjs(new Date()).format('YYYY-MM-DD'),
startRow: (pageNo - 1) * pageSize + 1,
endRow: pageNo * pageSize,
schSelSaleStoreId: stuffSearchParams?.schOtherSelSaleStoreId ? stuffSearchParams.schOtherSelSaleStoreId : stuffSearchParams.schSelSaleStoreId,
schSortType: 'R',
}
setStuffSearch({
...params,
})
} else if (stuffSearchParams?.code === 'E') {
stuffSearchParams.startRow = 1 stuffSearchParams.startRow = 1
stuffSearchParams.endRow = 1 * pageSize stuffSearchParams.endRow = 1 * pageSize
stuffSearchParams.schSortType = defaultSortType stuffSearchParams.schSortType = defaultSortType
setPageNo(1) setPageNo(1)
setStuffSearch({
...stuffSearch,
code: 'FINISH',
})
//조회를 눌렀을때
async function fetchData() { async function fetchData() {
const apiUrl = `/api/object/list?saleStoreId=${session?.storeId}&${queryStringFormatter(stuffSearchParams)}` const apiUrl = `/api/object/list?saleStoreId=${session?.storeId}&${queryStringFormatter(stuffSearchParams)}`
await get({ url: apiUrl }).then((res) => { await get({ url: apiUrl }).then((res) => {
@ -252,7 +235,10 @@ export default function Stuff() {
} }
}) })
} }
fetchData() fetchData()
} else if (stuffSearchParams?.code === 'C') {
resetStuffRecoil()
} }
}, [stuffSearchParams]) }, [stuffSearchParams])

30
src/components/management/StuffSearchCondition.jsx
View File

@ -94,13 +94,13 @@ export default function StuffSearchCondition() {
}) })
} else { } else {
setStuffSearch({ setStuffSearch({
schObjectNo: objectNo ? objectNo : '', schObjectNo: objectNo,
schSaleStoreName: saleStoreName ? saleStoreName : '', schSaleStoreName: saleStoreName,
schAddress: address ? address : '', schAddress: address,
schObjectName: objectName ? objectName : '', schObjectName: objectName,
schDispCompanyName: dispCompanyName ? dispCompanyName : '', schDispCompanyName: dispCompanyName,
schSelSaleStoreId: stuffSearch?.schOtherSelSaleStoreId ? stuffSearch.schOtherSelSaleStoreId : stuffSearch.schSelSaleStoreId, schSelSaleStoreId: stuffSearch?.schOtherSelSaleStoreId ? stuffSearch.schOtherSelSaleStoreId : stuffSearch.schSelSaleStoreId,
schReceiveUser: receiveUser ? receiveUser : '', schReceiveUser: receiveUser,
schDateType: dateType, schDateType: dateType,
schFromDt: dayjs(startDate).format('YYYY-MM-DD'), schFromDt: dayjs(startDate).format('YYYY-MM-DD'),
schToDt: dayjs(endDate).format('YYYY-MM-DD'), schToDt: dayjs(endDate).format('YYYY-MM-DD'),
@ -131,14 +131,12 @@ export default function StuffSearchCondition() {
setDateType('U') setDateType('U')
setStartDate(dayjs(new Date()).add(-1, 'year').format('YYYY-MM-DD')) setStartDate(dayjs(new Date()).add(-1, 'year').format('YYYY-MM-DD'))
setEndDate(dayjs(new Date()).format('YYYY-MM-DD')) setEndDate(dayjs(new Date()).format('YYYY-MM-DD'))
// if (sessionState?.storeId === 'T01') {
if (session?.storeId === 'T01') { if (session?.storeId === 'T01') {
setSchSelSaleStoreId('') setSchSelSaleStoreId('')
handleClear1() //판매대리점선택 자동완성 클리어 handleClear1() //판매대리점선택 자동완성 클리어
resetStuffRecoil() resetStuffRecoil()
setStuffSearch({ setStuffSearch({
...stuffSearch, ...stuffSearch,
code: 'C',
schSelSaleStoreId: '', schSelSaleStoreId: '',
schOtherSelSaleStoreId: '', schOtherSelSaleStoreId: '',
}) })
@ -156,23 +154,17 @@ export default function StuffSearchCondition() {
} }
useEffect(() => { useEffect(() => {
// if (isObjectNotEmpty(sessionState)) {
if (isObjectNotEmpty(session)) { if (isObjectNotEmpty(session)) {
// storeId가 T01 이거나 storeLvl이 1차점일때만 판매대리점 선택 활성화 // storeId가 T01 이거나 storeLvl이 1차점일때만 판매대리점 선택 활성화
let url let url
// if (sessionState?.storeId === 'T01') {
if (session?.storeId === 'T01') { if (session?.storeId === 'T01') {
//T01일떄 //T01일떄
// url = `/api/object/saleStore/${sessionState?.storeId}/firstList?userId=${sessionState?.userId}`
url = `/api/object/saleStore/${session?.storeId}/firstList?userId=${session?.userId}` url = `/api/object/saleStore/${session?.storeId}/firstList?userId=${session?.userId}`
} else { } else {
// if (sessionState.storeLvl === '1') {
if (session.storeLvl === '1') { if (session.storeLvl === '1') {
//T01아닌 1차점일때 //T01아닌 1차점일때
// url = `/api/object/saleStore/${sessionState?.storeId}/list?firstFlg=1&userId=${sessionState?.userId}`
url = `/api/object/saleStore/${session?.storeId}/list?firstFlg=1&userId=${sessionState?.userId}` url = `/api/object/saleStore/${session?.storeId}/list?firstFlg=1&userId=${sessionState?.userId}`
} else { } else {
// url = `/api/object/saleStore/${sessionState?.storeId}/list?firstFlg=1&userId=${sessionState?.userId}`
url = `/api/object/saleStore/${session?.storeId}/list?firstFlg=1&userId=${session?.userId}` url = `/api/object/saleStore/${session?.storeId}/list?firstFlg=1&userId=${session?.userId}`
} }
} }
@ -187,7 +179,6 @@ export default function StuffSearchCondition() {
let allList let allList
let favList let favList
let otherList let otherList
// if (sessionState?.storeId === 'T01') {
if (session?.storeId === 'T01') { if (session?.storeId === 'T01') {
allList = res allList = res
allList.sort((a, b) => (a.saleStoreId !== 'T01') - (b.saleStoreId !== 'T01') || a.saleStoreId - b.saleStoreId) allList.sort((a, b) => (a.saleStoreId !== 'T01') - (b.saleStoreId !== 'T01') || a.saleStoreId - b.saleStoreId)
@ -195,17 +186,14 @@ export default function StuffSearchCondition() {
setSchSelSaleStoreList(allList) setSchSelSaleStoreList(allList)
setFavoriteStoreList(favList) setFavoriteStoreList(favList)
setShowSaleStoreList(favList) setShowSaleStoreList(favList)
// setSchSelSaleStoreId(sessionState?.storeId)
setSchSelSaleStoreId(session?.storeId) setSchSelSaleStoreId(session?.storeId)
setStuffSearch({ setStuffSearch({
...stuffSearch, ...stuffSearch,
code: 'S', code: 'S',
// schSelSaleStoreId: sessionState?.storeId,
schSelSaleStoreId: session?.storeId, schSelSaleStoreId: session?.storeId,
}) })
//T01일때 2차 판매점 호출하기 디폴트로 1차점을 본인으로 셋팅해서 세션storeId사용 //T01일때 2차 판매점 호출하기 디폴트로 1차점을 본인으로 셋팅해서 세션storeId사용
// url = `/api/object/saleStore/${sessionState?.storeId}/list?firstFlg=0&userId=${sessionState?.userId}`
url = `/api/object/saleStore/${session?.storeId}/list?firstFlg=0&userId=${session?.userId}` url = `/api/object/saleStore/${session?.storeId}/list?firstFlg=0&userId=${session?.userId}`
get({ url: url }).then((res) => { get({ url: url }).then((res) => {
@ -222,7 +210,6 @@ export default function StuffSearchCondition() {
} }
}) })
} else { } else {
// if (sessionState?.storeLvl === '1') {
if (session?.storeLvl === '1') { if (session?.storeLvl === '1') {
allList = res allList = res
favList = res.filter((row) => row.priority !== 'B') favList = res.filter((row) => row.priority !== 'B')
@ -250,7 +237,6 @@ export default function StuffSearchCondition() {
setOtherSaleStoreList(otherList) setOtherSaleStoreList(otherList)
//선택한 2차점 세션으로 자동셋팅 //선택한 2차점 세션으로 자동셋팅
// setOtherSaleStoreId(sessionState?.storeId)
setOtherSaleStoreId(session?.storeId) setOtherSaleStoreId(session?.storeId)
setStuffSearch({ setStuffSearch({
...stuffSearch, ...stuffSearch,
@ -262,7 +248,6 @@ export default function StuffSearchCondition() {
} }
}) })
} }
// }, [sessionState])
}, [session]) }, [session])
//초기화 눌렀을 때 1차판매점 자동완성도.. //초기화 눌렀을 때 1차판매점 자동완성도..
@ -296,7 +281,6 @@ export default function StuffSearchCondition() {
stuffSearch.schSelSaleStoreId = key.saleStoreId stuffSearch.schSelSaleStoreId = key.saleStoreId
//T01아닌 1차점은 본인으로 디폴트셋팅이고 수정할수없어서 여기안옴 //T01아닌 1차점은 본인으로 디폴트셋팅이고 수정할수없어서 여기안옴
//고른 1차점의 saleStoreId로 2차점 API호출하기 //고른 1차점의 saleStoreId로 2차점 API호출하기
// let url = `/api/object/saleStore/${key.saleStoreId}/list?firstFlg=0&userId=${sessionState?.userId}`
let url = `/api/object/saleStore/${key.saleStoreId}/list?firstFlg=0&userId=${session?.userId}` let url = `/api/object/saleStore/${key.saleStoreId}/list?firstFlg=0&userId=${session?.userId}`
let otherList let otherList
get({ url: url }).then((res) => { get({ url: url }).then((res) => {
@ -620,7 +604,6 @@ export default function StuffSearchCondition() {
value={'U'} value={'U'}
onChange={(e) => { onChange={(e) => {
setDateType(e.target.value) setDateType(e.target.value)
//setStuffSearch({ ...stuffSearch, code: 'S', schDateType: e.target.value })
}} }}
/> />
<label htmlFor="radio_u">{getMessage('stuff.search.schDateTypeU')}</label> <label htmlFor="radio_u">{getMessage('stuff.search.schDateTypeU')}</label>
@ -634,7 +617,6 @@ export default function StuffSearchCondition() {
value={'R'} value={'R'}
onChange={(e) => { onChange={(e) => {
setDateType(e.target.value) setDateType(e.target.value)
//setStuffSearch({ ...stuffSearch, code: 'S', schDateType: e.target.value })
}} }}
/> />
<label htmlFor="radio_r">{getMessage('stuff.search.schDateTypeR')}</label> <label htmlFor="radio_r">{getMessage('stuff.search.schDateTypeR')}</label>