src/components/community/modal/QnaRegModal.jsx

@@ -349,7 +349,7 @@ let fileCheck = false;
                     <tbody>
                     <tr>
                       <th>{getMessage('qna.list.header.regNm')}</th>
-                      <td><input type="text" className="input-light" value={sessionState?.userNm || ''} readOnly  /></td>
+                      <td><input type="text" className="input-light" value={sessionState?.custNm || ''} readOnly  /></td>
                       <th>E-Mail<span className="red">*</span></th>
                       <td ><input type="text" className="input-light"  required
                                   ref={qstMail}
@@ -362,8 +362,6 @@ let fileCheck = false;
                       <td>{dayjs(new Date()).format('YYYY-MM-DD')}</td>
                     </tr>
                     <tr>
-                      <th>Customer</th>
-                      <td><input type="text" className="input-light" value={sessionState?.custNm || ''} readOnly  /></td>
                       <th>{getMessage('qna.reg.header.regUserNm')}<span className="red">*</span></th>
                       <td ><input type="text" className="input-light"  required
                                   ref={regUserNmRef}
@@ -371,7 +369,7 @@ let fileCheck = false;
                                   onChange={(e) => setQnaData({...qnaData, regUserNm: e.target.value })}
                                   onBlur={(e) => setQnaData({ ...qnaData, regUserNm: e.target.value })} /> </td>
                       <th>{getMessage('qna.reg.header.regUserTelNo')}</th>
-                      <td ><input type="text" className="input-light"
+                      <td colSpan={3}><input type="text" className="input-light"
                                              ref={regUserTelNoRef}
                                              maxLength={13}
                                              value={qnaData?.regUserTelNo || '' }

src/components/management/StuffDetail.jsx

@@ -23,7 +23,6 @@ import { QcastContext } from '@/app/QcastProvider'
 import { useCanvasMenu } from '@/hooks/common/useCanvasMenu'
 import { useSwal } from '@/hooks/useSwal'
 import { sanitizeIntegerInputEvent } from '@/util/input-utils'
-import { CalculatorInput } from '@/components/common/input/CalcInput'
 
 export default function StuffDetail() {
   const [stuffSearch, setStuffSearch] = useRecoilState(stuffSearchState)
@@ -1205,10 +1204,8 @@ export default function StuffDetail() {
   }
 
   // 저장
-  const onValid = async (actionType) => {
+  const onValid = async () => {
-    const formData = form.getValues();
+    const formData = form.getValues()
-    if(actionType !== 'save') return false
-    console.log('Action type:', actionType); // 'save' 또는 'tempSave'
     let errors = {}
     let fieldNm
 
@@ -1718,7 +1715,7 @@ export default function StuffDetail() {
                 <button type="button" className="btn-origin grey mr5" onClick={onTempSave} style={{ display: showButton }}>
                   {getMessage('stuff.detail.btn.tempSave')}
                 </button>
-                <button  type="button" onClick={() => onValid('save')} className="btn-origin navy mr5" style={{ display: showButton }}>
+                <button type="submit" className="btn-origin navy mr5" style={{ display: showButton }}>
                   {getMessage('stuff.detail.btn.save')}
                 </button>
                 <button
@@ -2116,25 +2113,13 @@ export default function StuffDetail() {
                     <td>
                       <div className="flx-box">
                         <div className="input-wrap mr10" style={{ width: '200px' }}>
-                          {/*<input*/}
+                          <input
-                          {/*  type="text"*/}
+                            type="text"
-                          {/*  className="input-light"*/}
-                          {/*  onInput={handleKeyUp}*/}
-                          {/*  onBlur={handleBlur}*/}
-                          {/*  value={form.watch('verticalSnowCover') || ''}*/}
-                          {/*  {...register('verticalSnowCover')}*/}
-                          {/*/>*/}
-                          <CalculatorInput
-                            id=""
-                            name=""
-                            label=""
                             className="input-light"
+                            onInput={handleKeyUp}
+                            onBlur={handleBlur}
                             value={form.watch('verticalSnowCover') || ''}
-                            onChange={()=>{}}
+                            {...register('verticalSnowCover')}
-                            options={{
-                              allowNegative: false,
-                              allowDecimal: false
-                            }}
                           />
                         </div>
                         <span className="mr10">cm</span>
@@ -2188,25 +2173,13 @@ export default function StuffDetail() {
                     <td>
                       <div className="flx-box">
                         <div className="input-wrap mr10" style={{ width: '200px' }}>
-                          {/*<input*/}
+                          <input
-                          {/*  type="text"*/}
+                            type="text"
-                          {/*  className="input-light"*/}
-                          {/*  onInput={handleKeyUp}*/}
-                          {/*  onBlur={handleBlur}*/}
-                          {/*  value={form.watch('installHeight') || ''}*/}
-                          {/*  {...register('installHeight')}*/}
-                          {/*/>*/}
-                          <CalculatorInput
-                            id=""
-                            name=""
-                            label=""
                             className="input-light"
+                            onInput={handleKeyUp}
+                            onBlur={handleBlur}
                             value={form.watch('installHeight') || ''}
-                            onChange={()=>{}}
+                            {...register('installHeight')}
-                            options={{
-                              allowNegative: false,
-                              allowDecimal: false
-                            }}
                           />
                         </div>
                         <span>m</span>
@@ -2243,7 +2216,7 @@ export default function StuffDetail() {
               <button type="button" className="btn-origin grey mr5" onClick={onTempSave} style={{ display: showButton }}>
                 {getMessage('stuff.detail.btn.tempSave')}
               </button>
-              <button type="button" onClick={() => onValid('save')} className="btn-origin navy mr5" style={{ display: showButton }}>
+              <button type="submit" className="btn-origin navy mr5" style={{ display: showButton }}>
                 {getMessage('stuff.detail.btn.save')}
               </button>
               <button
@@ -2280,7 +2253,7 @@ export default function StuffDetail() {
                       >
                         {getMessage('stuff.detail.btn.moveList')}
                       </button>
-                      <button type="button" onClick={() => onValid('save')} className="btn-origin navy mr5" style={{ display: showButton }}>
+                      <button type="submit" className="btn-origin navy mr5" style={{ display: showButton }}>
                         {getMessage('stuff.detail.btn.save')}
                       </button>
                       <button type="button" className="btn-origin grey" onClick={onDelete} style={{ display: showButton }}>
@@ -2294,7 +2267,7 @@ export default function StuffDetail() {
                       <button type="button" className="btn-origin grey mr5" onClick={onTempSave} style={{ display: showButton }}>
                         {getMessage('stuff.detail.btn.tempSave')}
                       </button>
-                      <button type="button" onClick={() => onValid('save')} className="btn-origin navy mr5" style={{ display: showButton }}>
+                      <button type="submit" className="btn-origin navy mr5" style={{ display: showButton }}>
                         {getMessage('stuff.detail.btn.save')}
                       </button>
                       <button
@@ -2712,25 +2685,13 @@ export default function StuffDetail() {
                         <td>
                           <div className="flx-box">
                             <div className="input-wrap mr10" style={{ width: '200px' }}>
-                              {/*<input*/}
+                              <input
-                              {/*  type="text"*/}
+                                type="text"
-                              {/*  className="input-light"*/}
-                              {/*  onInput={handleKeyUp}*/}
-                              {/*  onBlur={handleBlur}*/}
-                              {/*  value={form.watch('verticalSnowCover') || ''}*/}
-                              {/*  {...register('verticalSnowCover')}*/}
-                              {/*/>*/}
-                              <CalculatorInput
-                                id=""
-                                name=""
-                                label=""
                                 className="input-light"
+                                onInput={handleKeyUp}
+                                onBlur={handleBlur}
                                 value={form.watch('verticalSnowCover') || ''}
-                                onChange={()=>{}}
+                                {...register('verticalSnowCover')}
-                                options={{
-                                  allowNegative: false,
-                                  allowDecimal: false
-                                }}
                               />
                             </div>
                             <span className="mr10">cm</span>
@@ -2787,26 +2748,13 @@ export default function StuffDetail() {
                         <td>
                           <div className="flx-box">
                             <div className="input-wrap mr10" style={{ width: '200px' }}>
-                              {/*<input*/}
+                              <input
-                              {/*  type="text"*/}
+                                type="text"
-                              {/*  className="input-light"*/}
-                              {/*  onInput={handleKeyUp}*/}
-                              {/*  onBlur={handleBlur}*/}
-                              {/*  value={form.watch('installHeight') || ''}*/}
-                              {/*  {...register('installHeight')}*/}
-                              {/*/>*/}
-
-                              <CalculatorInput
-                                id=""
-                                name=""
-                                label=""
                                 className="input-light"
+                                onInput={handleKeyUp}
+                                onBlur={handleBlur}
                                 value={form.watch('installHeight') || ''}
-                                onChange={()=>{}}
+                                {...register('installHeight')}
-                                options={{
-                                  allowNegative: false,
-                                  allowDecimal: false
-                                }}
                               />
                             </div>
                             <span>m</span>
@@ -2887,7 +2835,7 @@ export default function StuffDetail() {
                     >
                       {getMessage('stuff.detail.btn.moveList')}
                     </button>
-                    <button type="button" onClick={() => onValid('save')} className="btn-origin navy mr5" style={{ display: showButton }}>
+                    <button type="submit" className="btn-origin navy mr5" style={{ display: showButton }}>
                       {getMessage('stuff.detail.btn.save')}
                     </button>
                     <button type="button" className="btn-origin grey" onClick={onDelete} style={{ display: showButton }}>
@@ -2901,7 +2849,7 @@ export default function StuffDetail() {
                     <button type="button" className="btn-origin grey mr5" onClick={onTempSave} style={{ display: showButton }}>
                       {getMessage('stuff.detail.btn.tempSave')}
                     </button>
-                    <button type="button" onClick={() => onValid('save')} className="btn-origin navy mr5" style={{ display: showButton }}>
+                    <button type="submit" className="btn-origin navy mr5" style={{ display: showButton }}>
                       {getMessage('stuff.detail.btn.save')}
                     </button>
                     <button