src/components/estimate/Estimate.jsx

@@ -25,7 +25,10 @@ import { QcastContext } from '@/app/QcastProvider'
 import { useCanvasMenu } from '@/hooks/common/useCanvasMenu'
 import {normalizeDigits, normalizeDecimal} from '@/util/input-utils'
 import { CalculatorInput } from '@/components/common/input/CalcInput'
+import Image from 'next/image'
 export default function Estimate({}) {
+  const [useCalcPad, setUseCalcPad] = useState(false)
+  const disableKeypad = !useCalcPad
   const [uniqueData, setUniqueData] = useState([])
   const [handlePricingFlag, setHandlePricingFlag] = useState(false)
   const [specialNoteFirstFlg, setSpecialNoteFirstFlg] = useState(false)
@@ -1980,6 +1983,9 @@ export default function Estimate({}) {
                     <span className="minus"></span>
                     {getMessage('estimate.detail.showPrice.delItem')}
                   </button>
+                  <button style={{ width: 'auto', marginLeft: '8px' }} type="button" onClick={() => setUseCalcPad((prev) => !prev)}>
+                    <Image src={useCalcPad ? '/static/images/common/Icon_ON.png' : '/static/images/common/Icon_OFF.png'} alt="toggle" width={34} height={34} />
+                  </button>
                 </div>
               </div>
             </div>
@@ -2148,6 +2154,7 @@ export default function Estimate({}) {
                                   onChange={(value) =>{
                                     onChangeAmount(value, item.dispOrder, index)
                                   }}
+                                  disableKeypad={disableKeypad}
                                   options={{
                                     allowNegative: false,
                                     allowDecimal: false
@@ -2205,6 +2212,7 @@ export default function Estimate({}) {
                                       onChangeSalePrice(value, item.dispOrder, index)
                                     }}
                                     maxLength={12}
+                                    disableKeypad={disableKeypad}
                                     options={{
                                       allowNegative: false,
                                       allowDecimal: false