ONAANDALL/frontend
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

등록 페이지 input 마스킹 추가

Browse Source
This commit is contained in:
jyha00
2025-07-14 18:45:57 +09:00
parent 2ad4bd208b
commit 4d85d3b345
9 changed files with 122 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/wr/app/store/common/code/basicCode.tsx
+3
View File
@@ -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" },
apps/wr/app/store/prfmncSttn/pbnstPrfmncSttn/index.tsx
+1 -2
View File
@@ -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: {
apps/wr/components/lib/func/TableData.tsx
+9
View File
@@ -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<HTMLInputElement>) => {
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}
/>
</TableCell>
) : (
apps/wr/components/ui/form/fcltReg/htdflReg/htdflRegForm.tsx
+35 -15
View File
@@ -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}
/>
</FormUi>
)}
@@ -268,6 +270,7 @@ export default function HtdflRegForm({
if (!readonly) field.onChange((e.target.value));
}}
readOnly={readonly}
maxLength={txtSize}
/>
</FormUi>
)}
@@ -288,6 +291,7 @@ export default function HtdflRegForm({
if (!readonly) field.onChange(e.target.value);
}}
readOnly={readonly}
maxLength={txtSize}
/>
</FormUi>
)}
@@ -309,6 +313,7 @@ export default function HtdflRegForm({
}}
value={formatCommaNumber(field.value)}
readOnly={readonly}
maxLength={numSize}
/>
</FormUi>
)}
@@ -330,6 +335,7 @@ export default function HtdflRegForm({
}}
value={formatCommaNumber(field.value)}
readOnly={readonly}
maxLength={numSize}
/>
</FormUi>
)}
@@ -351,6 +357,7 @@ export default function HtdflRegForm({
}}
value={formatCommaNumber(field.value)}
readOnly={readonly}
maxLength={numSize}
/>
</FormUi>
)}
@@ -391,6 +398,7 @@ export default function HtdflRegForm({
}}
value={formatCommaNumber(field.value)}
readOnly={readonly}
maxLength={numSize}
/>
</FormUi>
)}
@@ -431,6 +439,7 @@ export default function HtdflRegForm({
}}
value={formatCommaNumber(field.value)}
readOnly={readonly}
maxLength={numSize}
/>
</FormUi>
)}
@@ -478,6 +487,7 @@ export default function HtdflRegForm({
}}
value={formatCommaNumber(field.value)}
readOnly={readonly}
maxLength={numSize}
/>
</FormUi>
)}
@@ -500,6 +510,7 @@ export default function HtdflRegForm({
}}
value={formatCommaNumber(field.value)}
readOnly={readonly}
maxLength={numSize}
/>
</FormUi>
)}
@@ -524,6 +535,7 @@ export default function HtdflRegForm({
}}
value={formatCommaNumber(field.value)}
readOnly={readonly}
maxLength={numSize}
/>
</FormUi>
)}
@@ -546,6 +558,7 @@ export default function HtdflRegForm({
}}
value={formatCommaNumber(field.value)}
readOnly={readonly}
maxLength={numSize}
/>
</FormUi>
)}
@@ -570,6 +583,7 @@ export default function HtdflRegForm({
}}
value={formatCommaNumber(field.value)}
readOnly={readonly}
maxLength={numSize}
/>
</FormUi>
)}
@@ -592,6 +606,7 @@ export default function HtdflRegForm({
}}
value={formatCommaNumber(field.value)}
readOnly={readonly}
maxLength={numSize}
/>
</FormUi>
)}
@@ -616,6 +631,7 @@ export default function HtdflRegForm({
}}
value={formatCommaNumber(field.value)}
readOnly={readonly}
maxLength={numSize}
/>
</FormUi>
)}
@@ -638,6 +654,7 @@ export default function HtdflRegForm({
}}
value={formatCommaNumber(field.value)}
readOnly={readonly}
maxLength={numSize}
/>
</FormUi>
)}
@@ -662,6 +679,7 @@ export default function HtdflRegForm({
}}
value={formatCommaNumber(field.value)}
readOnly={readonly}
maxLength={numSize}
/>
</FormUi>
)}
@@ -684,6 +702,7 @@ export default function HtdflRegForm({
}}
value={formatCommaNumber(field.value)}
readOnly={readonly}
maxLength={numSize}
/>
</FormUi>
)}
@@ -708,6 +727,7 @@ export default function HtdflRegForm({
}}
value={formatCommaNumber(field.value)}
readOnly={readonly}
maxLength={numSize}
/>
</FormUi>
)}
apps/wr/components/ui/form/fcltReg/pbnstReg/mngReg/mngRegForm.tsx
+5 -3
View File
@@ -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}
/>
</FormUi>
)}
@@ -365,7 +367,7 @@ export function PbnstMngForm({
<Input
key={`items.${indexMng}.fcltCpct`}
placeholder=""
maxLength={10} //입력제한
maxLength={numSize} //입력제한
type="text"
onChange={(e) => {
if (formType !== "sttn")
@@ -389,7 +391,7 @@ export function PbnstMngForm({
<Input
key={`items.${indexMng}.ruseCpct`}
placeholder=""
maxLength={10} //입력제한
maxLength={numSize} //입력제한
type="text"
onChange={(e) => {
if (formType !== "sttn")
@@ -412,7 +414,7 @@ export function PbnstMngForm({
<Input
key={`items.${indexMng}.splyExtraCpct`}
placeholder=""
maxLength={10} //입력제한
maxLength={numSize} //입력제한
type="text"
onChange={(e) => {
if (formType !== "sttn")
apps/wr/components/ui/form/fcltReg/pbnstReg/mngReg/mngRegFormDetail/mngRegFormDetail.tsx
+8 -9
View File
@@ -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({
<Input
placeholder=""
type="text"
value={field.value ?? ""}
onChange={field.onChange}
readOnly={formHead.option === "readOnly" ? true : false}
disabled={formHead.option === "disabled" ? true : false}
maxLength={txtSize}
/>
)}
</FormUi>
apps/wr/components/ui/form/fcltReg/rainReg/rainRegForm.tsx
+8
View File
@@ -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}
/>
</FormUi>
);
@@ -279,6 +281,7 @@ export default function RainRegForm({
handleMinusNumberChange(e, field.onChange);
}}
readOnly={readonly}
maxLength={numSize}
/>
</FormUi>
);
@@ -332,6 +335,7 @@ export default function RainRegForm({
handleMinusNumberChange(e, field.onChange);
}}
readOnly={readonly}
maxLength={numSize}
/>
</FormUi>
</div>
@@ -393,6 +397,7 @@ export default function RainRegForm({
}}
readOnly={readonly}
disabled={filtrTrtmfctYn !== "Y"}
maxLength={numSize}
/>
</FormUi>
);
@@ -418,6 +423,7 @@ export default function RainRegForm({
onChange={field.onChange}
readOnly={readonly}
disabled={filtrTrtmfctYn !== "Y"}
maxLength={txtSize}
/>
</FormUi>
</div>
@@ -480,6 +486,7 @@ export default function RainRegForm({
handleMinusNumberChange(e, field.onChange);
}}
disabled={instlCstSprtYn !== "Y"}
maxLength={numSize}
/>
</FormUi>
);
@@ -575,6 +582,7 @@ export default function RainRegForm({
}
}}
disabled={grntchBdstCertYn !== "Y"}
maxLength={txtSize}
/>
</FormUi>
);
apps/wr/components/ui/form/fcltReg/rswtrReg/rswtrRegForm.tsx
+5
View File
@@ -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}
/>
</FormUi>
);
@@ -272,6 +274,7 @@ export default function RswtrRegForm({
handleMinusNumberChange(e, field.onChange);
}}
readOnly={readonly}
maxLength={numSize}
/>
</FormUi>
);
@@ -372,6 +375,7 @@ export default function RswtrRegForm({
handleMinusNumberChange(e, field.onChange);
}}
disabled={instlCstSprtYn === "N" || instlCstSprtYn === "D"}
maxLength={numSize}
/>
</FormUi>
);
@@ -469,6 +473,7 @@ export default function RswtrRegForm({
}
}}
disabled={grntchBdstCertYn == "N" || grntchBdstCertYn == "D"}
maxLength={txtSize}
/>
</FormUi>
)
apps/wr/components/ui/modal/sttn/sttnDetailModal/coDatailModal.tsx
+48 -15
View File
@@ -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}
/>
</FormUi>
)}
@@ -105,6 +107,7 @@ export default function CoDetailModal({
field.onChange(e.target.value);
}}
value={field.value ?? ""}
maxLength={txtSize}
/>
</FormUi>
)}
@@ -127,6 +130,7 @@ export default function CoDetailModal({
field.onChange(e.target.value);
}}
value={field.value ?? ""}
maxLength={txtSize}
/>
</FormUi>
)}
@@ -146,6 +150,7 @@ export default function CoDetailModal({
field.onChange(e.target.value);
}}
value={field.value ?? ""}
maxLength={txtSize}
/>
</FormUi>
)}
@@ -167,6 +172,7 @@ export default function CoDetailModal({
field.onChange(e.target.value);
}}
value={field.value ?? ""}
maxLength={txtSize}
/>
</FormUi>
)}
@@ -186,6 +192,7 @@ export default function CoDetailModal({
field.onChange(e.target.value);
}}
value={field.value ?? ""}
maxLength={txtSize}
/>
</FormUi>
)}
@@ -205,6 +212,7 @@ export default function CoDetailModal({
field.onChange(e.target.value);
}}
value={field.value ?? ""}
maxLength={txtSize}
/>
</FormUi>
)}
@@ -226,6 +234,7 @@ export default function CoDetailModal({
field.onChange(e.target.value);
}}
value={field.value ?? ""}
maxLength={txtSize}
/>
</FormUi>
)}
@@ -246,6 +255,7 @@ export default function CoDetailModal({
field.onChange(e.target.value);
}}
value={field.value ?? ""}
maxLength={txtSize}
/>
</FormUi>
)}
@@ -267,6 +277,7 @@ export default function CoDetailModal({
field.onChange(e.target.value);
}}
value={field.value ?? ""}
maxLength={txtSize}
/>
</FormUi>
)}
@@ -286,6 +297,7 @@ export default function CoDetailModal({
field.onChange(e.target.value);
}}
value={field.value ?? ""}
maxLength={txtSize}
/>
</FormUi>
)}
@@ -305,6 +317,7 @@ export default function CoDetailModal({
field.onChange(e.target.value);
}}
value={field.value ?? ""}
maxLength={13}
/>
</FormUi>
)}
@@ -323,13 +336,14 @@ export default function CoDetailModal({
<Input
className={selectClass}
placeholder=""
type="number"
type="text"
onChange={(e) => {
// field.onChange(e.target.value);
handleCommaNumberChange(e, field.onChange);
}}
value={field.value ?? 0}
value={formatCommaNumber(field.value)}
min={0}
maxLength={8}
/>
</FormUi>
)}
@@ -344,12 +358,13 @@ export default function CoDetailModal({
<Input
className={selectClass}
placeholder=""
type="number"
type="text"
onChange={(e) => {
field.onChange(e.target.value);
handleCommaNumberChange(e, field.onChange);
}}
value={field.value ?? 0}
value={formatCommaNumber(field.value)}
min={0}
maxLength={8}
/>
</FormUi>
)}
@@ -364,12 +379,13 @@ export default function CoDetailModal({
<Input
className={selectClass}
placeholder=""
type="number"
type="text"
onChange={(e) => {
field.onChange(e.target.value);
handleCommaNumberChange(e, field.onChange);
}}
value={field.value ?? 0}
value={formatCommaNumber(field.value)}
min={0}
maxLength={8}
/>
</FormUi>
)}
@@ -384,12 +400,13 @@ export default function CoDetailModal({
<Input
className={selectClass}
placeholder=""
type="number"
type="text"
onChange={(e) => {
field.onChange(e.target.value);
handleCommaNumberChange(e, field.onChange);
}}
value={field.value ?? 0}
value={formatCommaNumber(field.value)}
min={0}
maxLength={8}
/>
</FormUi>
)}
@@ -433,6 +450,7 @@ export default function CoDetailModal({
field.onChange(e.target.value);
}}
value={field.value ?? ""}
maxLength={txtSize}
/>
</FormUi>
)}
@@ -452,6 +470,7 @@ export default function CoDetailModal({
field.onChange(e.target.value);
}}
value={field.value ?? ""}
maxLength={txtSize}
/>
</FormUi>
)}
@@ -471,6 +490,7 @@ export default function CoDetailModal({
field.onChange(e.target.value);
}}
value={field.value ?? ""}
maxLength={txtSize}
/>
</FormUi>
)}
@@ -493,6 +513,7 @@ export default function CoDetailModal({
field.onChange(e.target.value);
}}
value={field.value ?? ""}
maxLength={txtSize}
/>
</FormUi>
)}
@@ -512,6 +533,7 @@ export default function CoDetailModal({
field.onChange(e.target.value);
}}
value={field.value ?? ""}
maxLength={txtSize}
/>
</FormUi>
)}
@@ -531,6 +553,7 @@ export default function CoDetailModal({
field.onChange(e.target.value);
}}
value={field.value ?? ""}
maxLength={txtSize}
/>
</FormUi>
)}
@@ -554,6 +577,7 @@ export default function CoDetailModal({
field.onChange(e.target.value);
}}
value={field.value ?? ""}
maxLength={txtSize}
/>
</FormUi>
)}
@@ -573,6 +597,7 @@ export default function CoDetailModal({
field.onChange(e.target.value);
}}
value={field.value ?? ""}
maxLength={txtSize}
/>
</FormUi>
)}
@@ -592,6 +617,7 @@ export default function CoDetailModal({
field.onChange(e.target.value);
}}
value={field.value ?? ""}
maxLength={txtSize}
/>
</FormUi>
)}
@@ -615,6 +641,7 @@ export default function CoDetailModal({
field.onChange(e.target.value);
}}
value={field.value ?? ""}
maxLength={txtSize}
/>
</FormUi>
)}
@@ -634,6 +661,7 @@ export default function CoDetailModal({
field.onChange(e.target.value);
}}
value={field.value ?? ""}
maxLength={txtSize}
/>
</FormUi>
)}
@@ -653,6 +681,7 @@ export default function CoDetailModal({
field.onChange(e.target.value);
}}
value={field.value ?? ""}
maxLength={txtSize}
/>
</FormUi>
)}
@@ -675,6 +704,7 @@ export default function CoDetailModal({
field.onChange(e.target.value);
}}
value={field.value ?? ""}
maxLength={txtSize}
/>
</FormUi>
)}
@@ -694,6 +724,7 @@ export default function CoDetailModal({
field.onChange(e.target.value);
}}
value={field.value ?? ""}
maxLength={txtSize}
/>
</FormUi>
)}
@@ -713,6 +744,7 @@ export default function CoDetailModal({
field.onChange(e.target.value);
}}
value={field.value ?? ""}
maxLength={txtSize}
/>
</FormUi>
)}
@@ -734,6 +766,7 @@ export default function CoDetailModal({
field.onChange(e.target.value);
}}
value={field.value ?? ""}
maxLength={txtSize}
/>
</FormUi>
)}
@@ -753,6 +786,7 @@ export default function CoDetailModal({
field.onChange(e.target.value);
}}
value={field.value ?? ""}
maxLength={txtSize}
/>
</FormUi>
)}
@@ -775,6 +809,7 @@ export default function CoDetailModal({
field.onChange(e.target.value);
}}
value={field.value ?? ""}
maxLength={50}
/>
</FormUi>
)}
@@ -794,15 +829,13 @@ export default function CoDetailModal({
field.onChange(e.target.value);
}}
value={field.value ?? ""}
maxLength={50}
/>
</FormUi>
)}
/>
</div>
</div>
</form>
</Form>
</ScrollArea>