견적서 상세
This commit is contained in:
parent
7bc2d9acd6
commit
0aaa54de73
@ -15,7 +15,7 @@ import { useCommonCode } from '@/hooks/common/useCommonCode'
|
||||
import { useEstimateController } from '@/hooks/floorPlan/estimate/useEstimateController'
|
||||
import { SessionContext } from '@/app/SessionProvider'
|
||||
import Select, { components } from 'react-select'
|
||||
import { convertNumberToPriceDecimal } from '@/util/common-utils'
|
||||
import { convertNumberToPriceDecimal, convertNumberToPriceDecimalToFixed } from '@/util/common-utils'
|
||||
import ProductFeaturesPop from './popup/ProductFeaturesPop'
|
||||
import { v4 as uuidv4 } from 'uuid'
|
||||
|
||||
@ -129,17 +129,21 @@ export default function Estimate({ params }) {
|
||||
})
|
||||
}, [estimateContextState?.estimateOption])
|
||||
|
||||
//API데이터로 견적일 셋팅
|
||||
let begin = 1
|
||||
useEffect(() => {
|
||||
if (begin === 1) {
|
||||
setStartDate(estimateContextState?.estimateDate)
|
||||
begin++
|
||||
}
|
||||
}, [estimateContextState?.estimateDate])
|
||||
|
||||
//견적일 set
|
||||
useEffect(() => {
|
||||
let estimateDate = dayjs(startDate).format('YYYY-MM-DD')
|
||||
setEstimateContextState({ estimateDate: estimateDate })
|
||||
}, [startDate])
|
||||
|
||||
//API데이터로 견적일 셋팅
|
||||
useEffect(() => {
|
||||
setStartDate(estimateContextState?.estimateDate)
|
||||
}, [estimateContextState?.estimateDate])
|
||||
|
||||
useEffect(() => {
|
||||
//선택된 견적특이사항 setEstimateContextState
|
||||
if (isNotEmptyArray(specialNoteList)) {
|
||||
@ -296,9 +300,8 @@ export default function Estimate({ params }) {
|
||||
//기존itemList랑 프라이싱결과랑 비교해서 단가만 업뎃 서로 갯수가 안맞을 수 있음 없는 itemId면 unitPrice 0으로
|
||||
//itemId로 비교해서 salePrice만 업데이트
|
||||
if (data.result.code === 200) {
|
||||
console.log('data::확인해서 넣기:::::::::', data.data.pkgUnitPrice)
|
||||
setEstimateContextState({
|
||||
pkgAsp: data.data.pkgUnitPrice,
|
||||
pkgAsp: data?.data?.pkgUnitPrice,
|
||||
})
|
||||
//주택PKG단가 체인지 이벤트 발생시키기
|
||||
onChangePkgAsp(data.data.pkgUnitPrice)
|
||||
@ -333,6 +336,24 @@ export default function Estimate({ params }) {
|
||||
})
|
||||
}
|
||||
|
||||
const getAbledItems = (items) => {
|
||||
return items.filter((items) => items.paDispOrder === null)
|
||||
}
|
||||
|
||||
const onChangeSelectAll = (e) => {
|
||||
if (e.target.checked) {
|
||||
const allCheckedSelection = new Set(getAbledItems(estimateContextState.itemList).map((item) => item.dispOrder))
|
||||
|
||||
setSelection(allCheckedSelection)
|
||||
} else {
|
||||
setSelection(new Set())
|
||||
}
|
||||
}
|
||||
|
||||
const isSelectedAll = () => {
|
||||
return selection.size === getAbledItems(estimateContextState.itemList).length
|
||||
}
|
||||
|
||||
//row 체크박스 컨트롤
|
||||
const onChangeSelect = (dispOrder) => {
|
||||
const newSelection = new Set(selection)
|
||||
@ -358,13 +379,12 @@ export default function Estimate({ params }) {
|
||||
|
||||
let totVolKw = estimateContextState.totVolKw * 1000
|
||||
let pkgTotPrice = pkgAsp.replaceAll(',', '') * totVolKw
|
||||
|
||||
setEstimateContextState({
|
||||
pkgAsp: pkgAsp,
|
||||
pkgTotPrice: pkgTotPrice.toFixed(3),
|
||||
})
|
||||
//아이템들 중 조건에 맞는애들 뽑아서 상단 공급가액 부가세 총액 수정
|
||||
// setItemChangeYn(true)
|
||||
setItemChangeYn(true)
|
||||
}
|
||||
}
|
||||
|
||||
@ -392,7 +412,6 @@ export default function Estimate({ params }) {
|
||||
return item
|
||||
}
|
||||
})
|
||||
|
||||
setEstimateContextState({
|
||||
itemList: updateList,
|
||||
})
|
||||
@ -429,7 +448,7 @@ export default function Estimate({ params }) {
|
||||
setItemChangeYn(true)
|
||||
}
|
||||
|
||||
// 아이템 자동완성 검색시 아이템 변경
|
||||
// 아이템 자동완성 검색시 아이템 추가/변경시
|
||||
const onChangeDisplayItem = (itemId, dispOrder, index) => {
|
||||
const param = {
|
||||
itemId: itemId,
|
||||
@ -438,7 +457,7 @@ export default function Estimate({ params }) {
|
||||
let updateList = []
|
||||
let updates = {}
|
||||
get({ url: apiUrl }).then((res) => {
|
||||
// console.log('아이템상세정보:::::::', res)
|
||||
console.log('아이템디테일::::::::', res)
|
||||
updates.objectNo = objectNo
|
||||
updates.planNo = planNo
|
||||
updates.itemId = res.itemId
|
||||
@ -460,6 +479,12 @@ export default function Estimate({ params }) {
|
||||
updates.delFlg = '0' // 삭제플래그 0
|
||||
updates.saleTotPrice = (res.salePrice * estimateContextState.itemList[index].amount).toString()
|
||||
|
||||
if (estimateContextState.estimateType === 'YJSS') {
|
||||
if (res.pkgMaterialFlg === '0') {
|
||||
updates.showSalePrice = '0'
|
||||
updates.showSaleTotPrice = '0'
|
||||
}
|
||||
}
|
||||
//104671
|
||||
let bomList = res.itemBomList
|
||||
|
||||
@ -467,7 +492,8 @@ export default function Estimate({ params }) {
|
||||
if (item.dispOrder === dispOrder) {
|
||||
return { ...item, ...updates }
|
||||
} else if (item.paDispOrder === dispOrder) {
|
||||
return { ...item, delFlg: '1' }
|
||||
return { ...item, delFlg: '0' }
|
||||
// return { ...item, delFlg: '1' }
|
||||
} else {
|
||||
return item
|
||||
}
|
||||
@ -476,7 +502,14 @@ export default function Estimate({ params }) {
|
||||
if (bomList) {
|
||||
bomList.map((bomItem, index) => {
|
||||
let newItemDispOrder = Math.max(...estimateContextState.itemList.map((item) => item.dispOrder))
|
||||
bomItem.dispOrder = index + 1 + newItemDispOrder
|
||||
if (newItemDispOrder == dispOrder) {
|
||||
bomItem.dispOrder = (index + 1 + newItemDispOrder).toString()
|
||||
bomItem.paDispOrder = dispOrder
|
||||
} else {
|
||||
bomItem.dispOrder = (index + 1 + Number(dispOrder)).toString()
|
||||
bomItem.paDispOrder = dispOrder
|
||||
}
|
||||
|
||||
bomItem.delFlg = '0'
|
||||
bomItem.objectNo = objectNo
|
||||
bomItem.planNo = planNo
|
||||
@ -539,20 +572,26 @@ export default function Estimate({ params }) {
|
||||
|
||||
useEffect(() => {
|
||||
if (itemChangeYn) {
|
||||
console.log(' 토탈만들어주기::::::::::', estimateContextState.itemList)
|
||||
|
||||
let totAmount = 0
|
||||
let totVolKw = 0
|
||||
let supplyPrice = 0
|
||||
let vatPrice = 0
|
||||
let totPrice = 0
|
||||
let addPkgPrice = 0
|
||||
let addSupplyPrice = 0
|
||||
if (estimateContextState.estimateType === 'YJOD') {
|
||||
estimateContextState.itemList.map((item) => {
|
||||
if (item.delFlg === '0') {
|
||||
const amount = Number(item.amount.replace(/[^0-9]/g, '').replaceAll(',', ''))
|
||||
console.log('YJOD 토탈만들어주기::::::::::', estimateContextState.itemList)
|
||||
|
||||
const price = Number(item.saleTotPrice.replaceAll(',', ''))
|
||||
estimateContextState.itemList.sort((a, b) => {
|
||||
return a.dispOrder - b.dispOrder
|
||||
})
|
||||
|
||||
estimateContextState.itemList.map((item) => {
|
||||
delete item.showSalePrice
|
||||
delete item.showSaleTotPrice
|
||||
if (item.delFlg === '0') {
|
||||
const amount = Number(item?.amount?.replace(/[^0-9]/g, '').replaceAll(',', ''))
|
||||
|
||||
const price = Number(item?.saleTotPrice?.replaceAll(',', ''))
|
||||
|
||||
if (item.moduleFlg === '1') {
|
||||
//용량(Kw)은 모듈플래그 1만 합산
|
||||
@ -567,7 +606,6 @@ export default function Estimate({ params }) {
|
||||
|
||||
vatPrice = supplyPrice * 0.1
|
||||
totPrice = supplyPrice + vatPrice
|
||||
|
||||
setEstimateContextState({
|
||||
totAmount: totAmount,
|
||||
totVolKw: totVolKw.toFixed(3),
|
||||
@ -577,11 +615,15 @@ export default function Estimate({ params }) {
|
||||
})
|
||||
} else {
|
||||
//YJSS
|
||||
console.log('YJSS 토탈만들어주기::::::::::', estimateContextState.itemList)
|
||||
estimateContextState.itemList.sort((a, b) => {
|
||||
return a.dispOrder - b.dispOrder
|
||||
})
|
||||
estimateContextState.itemList.map((item) => {
|
||||
if (item.delFlg === '0') {
|
||||
const amount = Number(item.amount.replace(/[^0-9]/g, '').replaceAll(',', ''))
|
||||
const price = Number(item.saleTotPrice.replaceAll(',', ''))
|
||||
const salePrice = Number(item.salePrice.replaceAll(',', ''))
|
||||
const amount = Number(item.amount?.replace(/[^0-9]/g, '').replaceAll(',', ''))
|
||||
const price = Number(item.saleTotPrice?.replaceAll(',', ''))
|
||||
const salePrice = Number(item.salePrice?.replaceAll(',', ''))
|
||||
|
||||
if (item.moduleFlg === '1') {
|
||||
//용량(Kw)은 모듈플래그 1만 합산
|
||||
@ -590,19 +632,27 @@ export default function Estimate({ params }) {
|
||||
}
|
||||
if (item.pkgMaterialFlg === '1') {
|
||||
const pkgPrice = amount * salePrice
|
||||
//YJSS는 PKG제외상품들만 모아서 수량 * 단가를 공급가액에 추가로 더해줌
|
||||
addPkgPrice += pkgPrice
|
||||
//YJSS는 PKG제외상품들만(1) 모아서 수량 * 단가를 공급가액(supplyPrice)에 추가로 더해줌
|
||||
addSupplyPrice += pkgPrice
|
||||
supplyPrice += price
|
||||
}
|
||||
|
||||
// const price
|
||||
totAmount += amount
|
||||
supplyPrice += price
|
||||
|
||||
if (!item.paDispOrder) {
|
||||
//paDispOrder
|
||||
if (item.pkgMaterialFlg === '0') {
|
||||
item.showSalePrice = '0'
|
||||
item.showSaleTotPrice = '0'
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
supplyPrice += addSupplyPrice
|
||||
vatPrice = supplyPrice * 0.1
|
||||
totPrice = supplyPrice + vatPrice
|
||||
|
||||
setEstimateContextState({
|
||||
totAmount: totAmount,
|
||||
totVolKw: totVolKw.toFixed(3),
|
||||
@ -845,6 +895,23 @@ export default function Estimate({ params }) {
|
||||
setEstimateContextState({
|
||||
fileFlg: e.target.checked ? '1' : '0',
|
||||
})
|
||||
if (e.target.checked) {
|
||||
if (specialNoteList.length > 0) {
|
||||
specialNoteList.map((item) => {
|
||||
if (item.code === 'ATTR019') {
|
||||
item.check = true
|
||||
}
|
||||
})
|
||||
}
|
||||
} else {
|
||||
if (specialNoteList.length > 0) {
|
||||
specialNoteList.map((item) => {
|
||||
if (item.code === 'ATTR019') {
|
||||
item.check = false
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}}
|
||||
/>
|
||||
<label htmlFor="next" style={{ color: '#101010' }}>
|
||||
@ -927,7 +994,6 @@ export default function Estimate({ params }) {
|
||||
{/* SpecialNoteList반복문 */}
|
||||
{specialNoteList.length > 0 &&
|
||||
specialNoteList.map((row) => {
|
||||
// console.log('rowL::::', row)
|
||||
return (
|
||||
<div
|
||||
key={uuidv4()}
|
||||
@ -941,7 +1007,7 @@ export default function Estimate({ params }) {
|
||||
type="checkbox"
|
||||
id={row.code}
|
||||
checked={!!row.check}
|
||||
disabled={row.code === 'ATTR001' || row.code === 'ATTR002' ? true : false}
|
||||
disabled={row.code === 'ATTR001' ? true : false}
|
||||
onChange={(event) => {
|
||||
setSpecialNoteList((specialNote) =>
|
||||
specialNote.map((temp) => (temp.code === row.code ? { ...temp, check: !temp.check } : temp)),
|
||||
@ -990,19 +1056,19 @@ export default function Estimate({ params }) {
|
||||
</div>
|
||||
<div className="estimate-box">
|
||||
<div className="estimate-tit">{getMessage('estimate.detail.sepcialEstimateProductInfo.totVolKw')}</div>
|
||||
<div className="estimate-name blue">{convertNumberToPriceDecimal(estimateContextState?.totVolKw)}</div>
|
||||
<div className="estimate-name blue">{convertNumberToPriceDecimalToFixed(estimateContextState?.totVolKw, 2)}</div>
|
||||
</div>
|
||||
<div className="estimate-box">
|
||||
<div className="estimate-tit">{getMessage('estimate.detail.sepcialEstimateProductInfo.supplyPrice')}</div>
|
||||
<div className="estimate-name blue">{convertNumberToPriceDecimal(estimateContextState?.supplyPrice)}</div>
|
||||
<div className="estimate-name blue">{convertNumberToPriceDecimalToFixed(estimateContextState?.supplyPrice, 2)}</div>
|
||||
</div>
|
||||
<div className="estimate-box">
|
||||
<div className="estimate-tit">{getMessage('estimate.detail.sepcialEstimateProductInfo.vatPrice')}</div>
|
||||
<div className="estimate-name blue">{convertNumberToPriceDecimal(estimateContextState?.vatPrice)}</div>
|
||||
<div className="estimate-name blue">{convertNumberToPriceDecimalToFixed(estimateContextState?.vatPrice, 2)}</div>
|
||||
</div>
|
||||
<div className="estimate-box">
|
||||
<div className="estimate-tit">{getMessage('estimate.detail.sepcialEstimateProductInfo.totPrice')}</div>
|
||||
<div className="estimate-name red">{convertNumberToPriceDecimal(estimateContextState?.totPrice)}</div>
|
||||
<div className="estimate-name red">{convertNumberToPriceDecimalToFixed(estimateContextState?.totPrice, 2)}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -1036,9 +1102,9 @@ export default function Estimate({ params }) {
|
||||
</div>
|
||||
</td>
|
||||
<th>{getMessage('estimate.detail.sepcialEstimateProductInfo.pkgWeight')}</th>
|
||||
<td>{convertNumberToPriceDecimal(estimateContextState?.totVolKw)}</td>
|
||||
<td>{convertNumberToPriceDecimalToFixed(estimateContextState?.totVolKw, 2)}</td>
|
||||
<th>{getMessage('estimate.detail.sepcialEstimateProductInfo.pkgPrice')}</th>
|
||||
<td>{convertNumberToPriceDecimal(estimateContextState?.pkgTotPrice)}</td>
|
||||
<td>{convertNumberToPriceDecimalToFixed(estimateContextState?.pkgTotPrice, 2)}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
@ -1096,13 +1162,11 @@ export default function Estimate({ params }) {
|
||||
</li>
|
||||
</ul>
|
||||
<div className="product-edit-btn">
|
||||
{/* <button className="btn-origin navy mr5" type="button" onClick={addItem}> */}
|
||||
<button
|
||||
className="btn-origin navy mr5"
|
||||
type="button"
|
||||
onClick={() => {
|
||||
addItem()
|
||||
// setItemChangeYn(true)
|
||||
}}
|
||||
>
|
||||
<span className="plus"></span>
|
||||
@ -1121,19 +1185,20 @@ export default function Estimate({ params }) {
|
||||
<table>
|
||||
<colgroup>
|
||||
<col width={50} />
|
||||
<col width={100} />
|
||||
<col width={50} />
|
||||
<col />
|
||||
<col width={250} />
|
||||
<col width={100} />
|
||||
<col width={100} />
|
||||
<col width={200} />
|
||||
<col width={240} />
|
||||
<col width={90} />
|
||||
<col width={80} />
|
||||
<col width={140} />
|
||||
<col width={190} />
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>
|
||||
<div className="d-check-box pop no-text" style={{ display: 'none' }}>
|
||||
<input type="checkbox" id="ch97" />
|
||||
{/* <div className="d-check-box pop no-text" style={{ display: 'none' }}> */}
|
||||
<div className="d-check-box pop no-text">
|
||||
<input type="checkbox" id="ch97" checked={isSelectedAll()} onChange={onChangeSelectAll} />
|
||||
<label htmlFor="ch97"></label>
|
||||
</div>
|
||||
</th>
|
||||
@ -1219,12 +1284,12 @@ export default function Estimate({ params }) {
|
||||
<input
|
||||
type="text"
|
||||
className="input-light al-r"
|
||||
// value={item?.amount}
|
||||
value={convertNumberToPriceDecimal(item?.amount.replaceAll(',', ''))}
|
||||
value={convertNumberToPriceDecimal(item?.amount?.replaceAll(',', ''))}
|
||||
disabled={item.itemId === '' || !!item?.paDispOrder}
|
||||
onChange={(e) => {
|
||||
onChangeAmount(e.target.value, item.dispOrder, index)
|
||||
}}
|
||||
maxLength={6}
|
||||
/>
|
||||
</div>
|
||||
</td>
|
||||
@ -1235,7 +1300,7 @@ export default function Estimate({ params }) {
|
||||
<input
|
||||
type="text"
|
||||
className="input-light al-r"
|
||||
value={convertNumberToPriceDecimal(item?.salePrice.replaceAll(',', ''))}
|
||||
value={convertNumberToPriceDecimal(item?.showSalePrice === '0' ? null : item?.salePrice?.replaceAll(',', ''))}
|
||||
disabled={
|
||||
estimateContextState?.estimateType === 'YJSS'
|
||||
? item?.paDispOrder
|
||||
@ -1246,6 +1311,7 @@ export default function Estimate({ params }) {
|
||||
onChange={(e) => {
|
||||
onChangeSalePrice(e.target.value, item.dispOrder, index)
|
||||
}}
|
||||
maxLength={12}
|
||||
/>
|
||||
</div>
|
||||
{/* <div className="btn-area">
|
||||
@ -1253,7 +1319,11 @@ export default function Estimate({ params }) {
|
||||
</div> */}
|
||||
</div>
|
||||
</td>
|
||||
<td className="al-r">{convertNumberToPriceDecimal(item?.saleTotPrice.replaceAll(',', ''))}</td>
|
||||
{item?.showSaleTotPrice === '0' ? (
|
||||
<td className="al-r"></td>
|
||||
) : (
|
||||
<td className="al-r">{convertNumberToPriceDecimalToFixed(item?.saleTotPrice?.replaceAll(',', ''), 2)}</td>
|
||||
)}
|
||||
</tr>
|
||||
)
|
||||
} else {
|
||||
|
||||
@ -67,6 +67,13 @@ export const convertNumberToPriceDecimal = (value) => {
|
||||
else return ''
|
||||
}
|
||||
|
||||
// 43000.458 --> 43,000.46
|
||||
export const convertNumberToPriceDecimalToFixed = (value, fixed) => {
|
||||
if (value) return Number(value).toLocaleString(undefined, { minimumFractionDigits: fixed, maximumFractionDigits: fixed })
|
||||
else if (value === 0) return 0
|
||||
else return ''
|
||||
}
|
||||
|
||||
// 전화번호, FAX 번호 숫자 or '-'만 입력 체크
|
||||
export const inputTelNumberCheck = (e) => {
|
||||
const input = e.target
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user