견적서 상세

src/components/estimate/Estimate.jsx

@@ -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) => {
+        console.log('YJOD 토탈만들어주기::::::::::', estimateContextState.itemList)
-          if (item.delFlg === '0') {
-            const amount = Number(item.amount.replace(/[^0-9]/g, '').replaceAll(',', ''))
 
-            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 amount = Number(item.amount?.replace(/[^0-9]/g, '').replaceAll(',', ''))
-            const price = Number(item.saleTotPrice.replaceAll(',', ''))
+            const price = Number(item.saleTotPrice?.replaceAll(',', ''))
-            const salePrice = Number(item.salePrice.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제외상품들만 모아서 수량 * 단가를 공급가액에 추가로 더해줌
+              //YJSS는 PKG제외상품들만(1) 모아서 수량 * 단가를 공급가액(supplyPrice)에 추가로 더해줌
-              addPkgPrice += pkgPrice
+              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={90} />
-                  <col width={100} />
+                  <col width={80} />
-                  <col width={200} />
+                  <col width={140} />
-                  <col width={240} />
+                  <col width={190} />
                 </colgroup>
                 <thead>
                   <tr>
                     <th>
-                      <div className="d-check-box pop no-text" style={{ display: 'none' }}>
+                      {/* <div className="d-check-box pop no-text" style={{ display: 'none' }}> */}
-                        <input type="checkbox" id="ch97" />
+                      <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 {

src/util/common-utils.js

@@ -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