From 4d85d3b345cf15867c43cc2971ae689954f8e67a Mon Sep 17 00:00:00 2001 From: jyha00 Date: Mon, 14 Jul 2025 18:45:57 +0900 Subject: [PATCH] =?UTF-8?q?=EB=93=B1=EB=A1=9D=20=ED=8E=98=EC=9D=B4?= =?UTF-8?q?=EC=A7=80=20input=20=EB=A7=88=EC=8A=A4=ED=82=B9=20=EC=B6=94?= =?UTF-8?q?=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- apps/wr/app/store/common/code/basicCode.tsx | 3 + .../prfmncSttn/pbnstPrfmncSttn/index.tsx | 3 +- apps/wr/components/lib/func/TableData.tsx | 9 +++ .../ui/form/fcltReg/htdflReg/htdflRegForm.tsx | 50 ++++++++++----- .../fcltReg/pbnstReg/mngReg/mngRegForm.tsx | 8 ++- .../mngRegFormDetail/mngRegFormDetail.tsx | 17 +++-- .../ui/form/fcltReg/rainReg/rainRegForm.tsx | 8 +++ .../ui/form/fcltReg/rswtrReg/rswtrRegForm.tsx | 5 ++ .../sttn/sttnDetailModal/coDatailModal.tsx | 63 ++++++++++++++----- 9 files changed, 122 insertions(+), 44 deletions(-) diff --git a/apps/wr/app/store/common/code/basicCode.tsx b/apps/wr/app/store/common/code/basicCode.tsx index b80dfb3b2..12b01f952 100644 --- a/apps/wr/app/store/common/code/basicCode.tsx +++ b/apps/wr/app/store/common/code/basicCode.tsx @@ -1,5 +1,8 @@ import type { SelectDataType } from "@common/business_components"; +export const numSize = 12; +export const txtSize = 20; + export const yn: SelectDataType[] = [ { val: "Y", text: "Y" }, { val: "N", text: "N" }, diff --git a/apps/wr/app/store/prfmncSttn/pbnstPrfmncSttn/index.tsx b/apps/wr/app/store/prfmncSttn/pbnstPrfmncSttn/index.tsx index 8588282c0..8b46f6abe 100644 --- a/apps/wr/app/store/prfmncSttn/pbnstPrfmncSttn/index.tsx +++ b/apps/wr/app/store/prfmncSttn/pbnstPrfmncSttn/index.tsx @@ -80,9 +80,7 @@ export const pbnstPrfmncSttnActionsExport: (set: any) => pbnstPrfmncSttnActions yearHead.forEach((item: { id?: string; }) => { if (item.id) { item.id = i + item.id; - } - }) if (yearHead[0]) yearHead[0].title = i + "년도" @@ -204,6 +202,7 @@ export const pbnstPrfmncSttnActionsExport: (set: any) => pbnstPrfmncSttnActions resData.push({ ...acc, ...data }) } }) + console.log("resData", resData) return set((state: pbnstPrfmncSttnState) => ({ ...state, pbnstPrfmncSttn: { diff --git a/apps/wr/components/lib/func/TableData.tsx b/apps/wr/components/lib/func/TableData.tsx index ab6aa98d6..850944e62 100644 --- a/apps/wr/components/lib/func/TableData.tsx +++ b/apps/wr/components/lib/func/TableData.tsx @@ -1,3 +1,4 @@ +import { numSize } from "@/app/store/common/code/basicCode"; import type { TableUpperProps } from "@/app/store/common/type/header"; import type { rainChkZodType } from "@/app/store/prfmncReg/chkgdnReg/rainChkgdn"; import type { rswtChkZodType } from "@/app/store/prfmncReg/chkgdnReg/rswrtChkgdn"; @@ -162,6 +163,13 @@ export const chRowspanTable = ( }} value={value || ""} disabled={!selectedIds.includes(row.chkgdnPk)} + maxLength={numSize} + //input type number일때 slice 처리 + onInput={(e: React.ChangeEvent) => { + if (head.type === 'number' && e.target.value.length > numSize) { + e.target.value = e.target.value.slice(0, numSize); + } + }} /> ) : ( (head.id === "totalSplyUswtrUtztnQnt" || head.id === "totalRuseFcltUtztnQnt" || head.id === "splyUswtrUtztnQnt" || head.id === "ruseFcltUtztnQnt") ? ( @@ -298,6 +306,7 @@ export const InputTableBody = ( handleChange(dataIndex, head.id, e.target.value, setInputData) } value={data[head.id as keyof any] ?? ""} + maxLength={numSize} /> ) : ( diff --git a/apps/wr/components/ui/form/fcltReg/htdflReg/htdflRegForm.tsx b/apps/wr/components/ui/form/fcltReg/htdflReg/htdflRegForm.tsx index c37ee2c48..4cfba4fd5 100644 --- a/apps/wr/components/ui/form/fcltReg/htdflReg/htdflRegForm.tsx +++ b/apps/wr/components/ui/form/fcltReg/htdflReg/htdflRegForm.tsx @@ -1,5 +1,18 @@ "use client"; +import { useWrStore } from "@/app/store"; +import { numSize, txtSize } from "@/app/store/common/code/basicCode"; +import { + hdtflZod, + type customHtdflBdst, +} from "@/app/store/ruseFcltMng/fcltReg/htdflReg"; +import { selectClass } from "@/app/store/ruseFcltMng/fcltReg/rainReg"; +import { formH1Class } from "@/components/lib/class/comClass"; +import { + confirmToast, + formatCommaNumber, + handleCommaNumberChange, +} from "@/components/lib/func/commom"; import { Form, FormField, @@ -8,24 +21,12 @@ import { } from "@common/business_components/ui"; import { Button, Input, ScrollArea } from "@common/components/ui"; import { zodResolver } from "@hookform/resolvers/zod"; -import { useForm } from "react-hook-form"; -import { z } from "zod"; -import { useWrStore } from "@/app/store"; -import { selectClass } from "@/app/store/ruseFcltMng/fcltReg/rainReg"; -import { - hdtflZod, - type customHtdflBdst, -} from "@/app/store/ruseFcltMng/fcltReg/htdflReg"; import { useEffect, useState } from "react"; -import BdstReg from "../bdstReg/bdstReg"; -import { - confirmToast, - formatCommaNumber, - handleCommaNumberChange, -} from "@/components/lib/func/commom"; -import { formH1Class } from "@/components/lib/class/comClass"; +import { useForm } from "react-hook-form"; import toast from "react-hot-toast"; import { useTranslation } from "react-i18next"; +import { z } from "zod"; +import BdstReg from "../bdstReg/bdstReg"; export default function HtdflRegForm({ htdflForm, @@ -223,6 +224,7 @@ export default function HtdflRegForm({ }} value={formatCommaNumber(field.value)} readOnly={readonly} + maxLength={numSize} /> )} @@ -268,6 +270,7 @@ export default function HtdflRegForm({ if (!readonly) field.onChange((e.target.value)); }} readOnly={readonly} + maxLength={txtSize} /> )} @@ -288,6 +291,7 @@ export default function HtdflRegForm({ if (!readonly) field.onChange(e.target.value); }} readOnly={readonly} + maxLength={txtSize} /> )} @@ -309,6 +313,7 @@ export default function HtdflRegForm({ }} value={formatCommaNumber(field.value)} readOnly={readonly} + maxLength={numSize} /> )} @@ -330,6 +335,7 @@ export default function HtdflRegForm({ }} value={formatCommaNumber(field.value)} readOnly={readonly} + maxLength={numSize} /> )} @@ -351,6 +357,7 @@ export default function HtdflRegForm({ }} value={formatCommaNumber(field.value)} readOnly={readonly} + maxLength={numSize} /> )} @@ -391,6 +398,7 @@ export default function HtdflRegForm({ }} value={formatCommaNumber(field.value)} readOnly={readonly} + maxLength={numSize} /> )} @@ -431,6 +439,7 @@ export default function HtdflRegForm({ }} value={formatCommaNumber(field.value)} readOnly={readonly} + maxLength={numSize} /> )} @@ -478,6 +487,7 @@ export default function HtdflRegForm({ }} value={formatCommaNumber(field.value)} readOnly={readonly} + maxLength={numSize} /> )} @@ -500,6 +510,7 @@ export default function HtdflRegForm({ }} value={formatCommaNumber(field.value)} readOnly={readonly} + maxLength={numSize} /> )} @@ -524,6 +535,7 @@ export default function HtdflRegForm({ }} value={formatCommaNumber(field.value)} readOnly={readonly} + maxLength={numSize} /> )} @@ -546,6 +558,7 @@ export default function HtdflRegForm({ }} value={formatCommaNumber(field.value)} readOnly={readonly} + maxLength={numSize} /> )} @@ -570,6 +583,7 @@ export default function HtdflRegForm({ }} value={formatCommaNumber(field.value)} readOnly={readonly} + maxLength={numSize} /> )} @@ -592,6 +606,7 @@ export default function HtdflRegForm({ }} value={formatCommaNumber(field.value)} readOnly={readonly} + maxLength={numSize} /> )} @@ -616,6 +631,7 @@ export default function HtdflRegForm({ }} value={formatCommaNumber(field.value)} readOnly={readonly} + maxLength={numSize} /> )} @@ -638,6 +654,7 @@ export default function HtdflRegForm({ }} value={formatCommaNumber(field.value)} readOnly={readonly} + maxLength={numSize} /> )} @@ -662,6 +679,7 @@ export default function HtdflRegForm({ }} value={formatCommaNumber(field.value)} readOnly={readonly} + maxLength={numSize} /> )} @@ -684,6 +702,7 @@ export default function HtdflRegForm({ }} value={formatCommaNumber(field.value)} readOnly={readonly} + maxLength={numSize} /> )} @@ -708,6 +727,7 @@ export default function HtdflRegForm({ }} value={formatCommaNumber(field.value)} readOnly={readonly} + maxLength={numSize} /> )} diff --git a/apps/wr/components/ui/form/fcltReg/pbnstReg/mngReg/mngRegForm.tsx b/apps/wr/components/ui/form/fcltReg/pbnstReg/mngReg/mngRegForm.tsx index 946a58eb8..c7525b071 100644 --- a/apps/wr/components/ui/form/fcltReg/pbnstReg/mngReg/mngRegForm.tsx +++ b/apps/wr/components/ui/form/fcltReg/pbnstReg/mngReg/mngRegForm.tsx @@ -30,6 +30,7 @@ import { handleCommaNumberChange, formatCommaNumber, } from "@/components/lib/func/commom"; +import { numSize, txtSize } from "@/app/store/common/code/basicCode"; export type FilesType = { atflCd: string; file: File; @@ -293,6 +294,7 @@ export function PbnstMngForm({ }} value={field.value ?? ""} readOnly={formType === "sttn" ? true : false} + maxLength={txtSize} /> )} @@ -365,7 +367,7 @@ export function PbnstMngForm({ { if (formType !== "sttn") @@ -389,7 +391,7 @@ export function PbnstMngForm({ { if (formType !== "sttn") @@ -412,7 +414,7 @@ export function PbnstMngForm({ { if (formType !== "sttn") diff --git a/apps/wr/components/ui/form/fcltReg/pbnstReg/mngReg/mngRegFormDetail/mngRegFormDetail.tsx b/apps/wr/components/ui/form/fcltReg/pbnstReg/mngReg/mngRegFormDetail/mngRegFormDetail.tsx index 5bac0c3f4..8ec7a5a05 100644 --- a/apps/wr/components/ui/form/fcltReg/pbnstReg/mngReg/mngRegFormDetail/mngRegFormDetail.tsx +++ b/apps/wr/components/ui/form/fcltReg/pbnstReg/mngReg/mngRegFormDetail/mngRegFormDetail.tsx @@ -1,5 +1,6 @@ "use client"; import { useWrStore } from "@/app/store"; +import { numSize, txtSize } from "@/app/store/common/code/basicCode"; import type { formDetailType } from "@/app/store/ruseFcltMng/fcltReg/pbnstReg/headList"; import { formH1Class } from "@/components/lib/class/comClass"; import { formatCommaNumber, handleCommaNumberChange, safeDate } from "@/components/lib/func/commom"; @@ -23,7 +24,7 @@ export default function MngRegFormDetail({ }: { formList: formDetailType[]; h1Title?: string; - subTitle?:string + subTitle?: string form: any; moClass?: string; indexBiz?: number; @@ -41,9 +42,9 @@ export default function MngRegFormDetail({ {formList?.map((formHead, index) => { const fieldId = typeof indexMng === "number" && - indexMng >= 0 && - typeof indexBiz === "number" && - indexBiz >= 0 + indexMng >= 0 && + typeof indexBiz === "number" && + indexBiz >= 0 ? `items.${indexMng}.fcBizs.${indexBiz}.${formHead.id}` : typeof indexMng === "number" && indexMng >= 0 ? `items.${indexMng}.${formHead.id}` @@ -82,7 +83,7 @@ export default function MngRegFormDetail({ value={formatCommaNumber(field.value)} readOnly={formHead.option === "readOnly" ? true : false} disabled={formHead.option === "disabled" ? true : false} - + maxLength={numSize} /> ) : formHead.type === "select" ? ( (() => { @@ -101,7 +102,7 @@ export default function MngRegFormDetail({ : [] } onSelectValue={field.onChange} - value={field.value?.trim() ?? (Array.isArray(potentialOptions) && potentialOptions[0]?.val )} + value={field.value?.trim() ?? (Array.isArray(potentialOptions) && potentialOptions[0]?.val)} readOnly={formHead.option === "readOnly"} /> ); @@ -110,13 +111,11 @@ export default function MngRegFormDetail({ )} diff --git a/apps/wr/components/ui/form/fcltReg/rainReg/rainRegForm.tsx b/apps/wr/components/ui/form/fcltReg/rainReg/rainRegForm.tsx index 58552e7ae..bacf4532b 100644 --- a/apps/wr/components/ui/form/fcltReg/rainReg/rainRegForm.tsx +++ b/apps/wr/components/ui/form/fcltReg/rainReg/rainRegForm.tsx @@ -23,6 +23,7 @@ import BdstReg from "../bdstReg/bdstReg"; import toast from "react-hot-toast"; import BdstAdd from "../bdstReg/bdstAdd"; import { useTranslation } from "react-i18next"; +import { numSize, txtSize } from "@/app/store/common/code/basicCode"; export default function RainRegForm({ rainForm, @@ -237,6 +238,7 @@ export default function RainRegForm({ if (readonly) return; handleMinusNumberChange(e, field.onChange); }} + maxLength={numSize} /> ); @@ -279,6 +281,7 @@ export default function RainRegForm({ handleMinusNumberChange(e, field.onChange); }} readOnly={readonly} + maxLength={numSize} /> ); @@ -332,6 +335,7 @@ export default function RainRegForm({ handleMinusNumberChange(e, field.onChange); }} readOnly={readonly} + maxLength={numSize} /> @@ -393,6 +397,7 @@ export default function RainRegForm({ }} readOnly={readonly} disabled={filtrTrtmfctYn !== "Y"} + maxLength={numSize} /> ); @@ -418,6 +423,7 @@ export default function RainRegForm({ onChange={field.onChange} readOnly={readonly} disabled={filtrTrtmfctYn !== "Y"} + maxLength={txtSize} /> @@ -480,6 +486,7 @@ export default function RainRegForm({ handleMinusNumberChange(e, field.onChange); }} disabled={instlCstSprtYn !== "Y"} + maxLength={numSize} /> ); @@ -575,6 +582,7 @@ export default function RainRegForm({ } }} disabled={grntchBdstCertYn !== "Y"} + maxLength={txtSize} /> ); diff --git a/apps/wr/components/ui/form/fcltReg/rswtrReg/rswtrRegForm.tsx b/apps/wr/components/ui/form/fcltReg/rswtrReg/rswtrRegForm.tsx index 006306a3d..d37e4f9be 100644 --- a/apps/wr/components/ui/form/fcltReg/rswtrReg/rswtrRegForm.tsx +++ b/apps/wr/components/ui/form/fcltReg/rswtrReg/rswtrRegForm.tsx @@ -27,6 +27,7 @@ import { z } from "zod"; import BdstAdd from "../bdstReg/bdstAdd"; import BdstReg from "../bdstReg/bdstReg"; import { useTranslation } from "react-i18next"; +import { numSize, txtSize } from "@/app/store/common/code/basicCode"; export default function RswtrRegForm({ rswtForm, @@ -230,6 +231,7 @@ export default function RswtrRegForm({ handleMinusNumberChange(e, field.onChange); }} readOnly={readonly} + maxLength={numSize} /> ); @@ -272,6 +274,7 @@ export default function RswtrRegForm({ handleMinusNumberChange(e, field.onChange); }} readOnly={readonly} + maxLength={numSize} /> ); @@ -372,6 +375,7 @@ export default function RswtrRegForm({ handleMinusNumberChange(e, field.onChange); }} disabled={instlCstSprtYn === "N" || instlCstSprtYn === "D"} + maxLength={numSize} /> ); @@ -469,6 +473,7 @@ export default function RswtrRegForm({ } }} disabled={grntchBdstCertYn == "N" || grntchBdstCertYn == "D"} + maxLength={txtSize} /> ) diff --git a/apps/wr/components/ui/modal/sttn/sttnDetailModal/coDatailModal.tsx b/apps/wr/components/ui/modal/sttn/sttnDetailModal/coDatailModal.tsx index 0e48f1211..e2cdaac22 100644 --- a/apps/wr/components/ui/modal/sttn/sttnDetailModal/coDatailModal.tsx +++ b/apps/wr/components/ui/modal/sttn/sttnDetailModal/coDatailModal.tsx @@ -1,8 +1,9 @@ "use client"; +import { numSize, txtSize } from "@/app/store/common/code/basicCode"; import type { customLdrmnt } from "@/app/store/matDmd/ldrmntCoSttn"; import { ldrmntZod } from "@/app/store/matDmd/ldrmntCoSttn/headList"; import { selectClass } from "@/app/store/ruseFcltMng/fcltReg/rainReg"; -import { handleCommaNumberChange } from "@/components/lib/func/commom"; +import { formatCommaNumber, handleCommaNumberChange } from "@/components/lib/func/commom"; import { Form, FormField, FormUi, ScrollArea } from "@common/business_components/ui"; import { Button, Input } from "@common/components/ui"; import { zodResolver } from "@hookform/resolvers/zod"; @@ -86,6 +87,7 @@ export default function CoDetailModal({ field.onChange(e.target.value); }} value={field.value ?? ""} + maxLength={txtSize} /> )} @@ -105,6 +107,7 @@ export default function CoDetailModal({ field.onChange(e.target.value); }} value={field.value ?? ""} + maxLength={txtSize} /> )} @@ -127,6 +130,7 @@ export default function CoDetailModal({ field.onChange(e.target.value); }} value={field.value ?? ""} + maxLength={txtSize} /> )} @@ -146,6 +150,7 @@ export default function CoDetailModal({ field.onChange(e.target.value); }} value={field.value ?? ""} + maxLength={txtSize} /> )} @@ -167,6 +172,7 @@ export default function CoDetailModal({ field.onChange(e.target.value); }} value={field.value ?? ""} + maxLength={txtSize} /> )} @@ -186,6 +192,7 @@ export default function CoDetailModal({ field.onChange(e.target.value); }} value={field.value ?? ""} + maxLength={txtSize} /> )} @@ -205,6 +212,7 @@ export default function CoDetailModal({ field.onChange(e.target.value); }} value={field.value ?? ""} + maxLength={txtSize} /> )} @@ -226,6 +234,7 @@ export default function CoDetailModal({ field.onChange(e.target.value); }} value={field.value ?? ""} + maxLength={txtSize} /> )} @@ -246,6 +255,7 @@ export default function CoDetailModal({ field.onChange(e.target.value); }} value={field.value ?? ""} + maxLength={txtSize} /> )} @@ -267,6 +277,7 @@ export default function CoDetailModal({ field.onChange(e.target.value); }} value={field.value ?? ""} + maxLength={txtSize} /> )} @@ -286,6 +297,7 @@ export default function CoDetailModal({ field.onChange(e.target.value); }} value={field.value ?? ""} + maxLength={txtSize} /> )} @@ -305,6 +317,7 @@ export default function CoDetailModal({ field.onChange(e.target.value); }} value={field.value ?? ""} + maxLength={13} /> )} @@ -323,13 +336,14 @@ export default function CoDetailModal({ { // field.onChange(e.target.value); handleCommaNumberChange(e, field.onChange); }} - value={field.value ?? 0} + value={formatCommaNumber(field.value)} min={0} + maxLength={8} /> )} @@ -344,12 +358,13 @@ export default function CoDetailModal({ { - field.onChange(e.target.value); + handleCommaNumberChange(e, field.onChange); }} - value={field.value ?? 0} + value={formatCommaNumber(field.value)} min={0} + maxLength={8} /> )} @@ -364,12 +379,13 @@ export default function CoDetailModal({ { - field.onChange(e.target.value); + handleCommaNumberChange(e, field.onChange); }} - value={field.value ?? 0} + value={formatCommaNumber(field.value)} min={0} + maxLength={8} /> )} @@ -384,12 +400,13 @@ export default function CoDetailModal({ { - field.onChange(e.target.value); + handleCommaNumberChange(e, field.onChange); }} - value={field.value ?? 0} + value={formatCommaNumber(field.value)} min={0} + maxLength={8} /> )} @@ -433,6 +450,7 @@ export default function CoDetailModal({ field.onChange(e.target.value); }} value={field.value ?? ""} + maxLength={txtSize} /> )} @@ -452,6 +470,7 @@ export default function CoDetailModal({ field.onChange(e.target.value); }} value={field.value ?? ""} + maxLength={txtSize} /> )} @@ -471,6 +490,7 @@ export default function CoDetailModal({ field.onChange(e.target.value); }} value={field.value ?? ""} + maxLength={txtSize} /> )} @@ -493,6 +513,7 @@ export default function CoDetailModal({ field.onChange(e.target.value); }} value={field.value ?? ""} + maxLength={txtSize} /> )} @@ -512,6 +533,7 @@ export default function CoDetailModal({ field.onChange(e.target.value); }} value={field.value ?? ""} + maxLength={txtSize} /> )} @@ -531,6 +553,7 @@ export default function CoDetailModal({ field.onChange(e.target.value); }} value={field.value ?? ""} + maxLength={txtSize} /> )} @@ -554,6 +577,7 @@ export default function CoDetailModal({ field.onChange(e.target.value); }} value={field.value ?? ""} + maxLength={txtSize} /> )} @@ -573,6 +597,7 @@ export default function CoDetailModal({ field.onChange(e.target.value); }} value={field.value ?? ""} + maxLength={txtSize} /> )} @@ -592,6 +617,7 @@ export default function CoDetailModal({ field.onChange(e.target.value); }} value={field.value ?? ""} + maxLength={txtSize} /> )} @@ -615,6 +641,7 @@ export default function CoDetailModal({ field.onChange(e.target.value); }} value={field.value ?? ""} + maxLength={txtSize} /> )} @@ -634,6 +661,7 @@ export default function CoDetailModal({ field.onChange(e.target.value); }} value={field.value ?? ""} + maxLength={txtSize} /> )} @@ -653,6 +681,7 @@ export default function CoDetailModal({ field.onChange(e.target.value); }} value={field.value ?? ""} + maxLength={txtSize} /> )} @@ -675,6 +704,7 @@ export default function CoDetailModal({ field.onChange(e.target.value); }} value={field.value ?? ""} + maxLength={txtSize} /> )} @@ -694,6 +724,7 @@ export default function CoDetailModal({ field.onChange(e.target.value); }} value={field.value ?? ""} + maxLength={txtSize} /> )} @@ -713,6 +744,7 @@ export default function CoDetailModal({ field.onChange(e.target.value); }} value={field.value ?? ""} + maxLength={txtSize} /> )} @@ -734,6 +766,7 @@ export default function CoDetailModal({ field.onChange(e.target.value); }} value={field.value ?? ""} + maxLength={txtSize} /> )} @@ -753,6 +786,7 @@ export default function CoDetailModal({ field.onChange(e.target.value); }} value={field.value ?? ""} + maxLength={txtSize} /> )} @@ -775,6 +809,7 @@ export default function CoDetailModal({ field.onChange(e.target.value); }} value={field.value ?? ""} + maxLength={50} /> )} @@ -794,15 +829,13 @@ export default function CoDetailModal({ field.onChange(e.target.value); }} value={field.value ?? ""} + maxLength={50} /> )} /> - - -