From 01cb48e5b60e15c5007ea499aedb05d106ae1152 Mon Sep 17 00:00:00 2001
From: jyha00 <jyha@mind-one.co.kr>
Date: Wed, 16 Jul 2025 14:55:44 +0900
Subject: [PATCH] =?UTF-8?q?=ED=95=98=EC=88=98=EC=9E=AC=EC=9D=B4=EC=9A=A9?=
 =?UTF-8?q?=EC=8B=9C=EC=84=A4=20=EB=93=B1=EB=A1=9D=20=EB=B3=B4=EC=A6=9D?=
 =?UTF-8?q?=EC=88=98=EC=A7=88=20input=20=EB=B3=80=EA=B2=BD,=20=EC=8B=A0?=
 =?UTF-8?q?=EA=B7=9C=EB=93=B1=EB=A1=9D=20=EC=A0=80=EC=9E=A5=20=EB=B2=84?=
 =?UTF-8?q?=ED=8A=BC=20=EC=9C=84=EC=B9=98=20=EC=88=98=EC=A0=95,=20?=
 =?UTF-8?q?=EC=83=81=EB=8B=A8=20=EA=B3=A0=EC=A0=95=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../app/ruseFcltMng/fcltReg/pbnstReg/page.tsx |   2 +-
 .../ruseFcltMng/fcltSttn/pbnstSttn/page.tsx   |   9 +-
 .../buseWaterQulity/buseWaterQulity.tsx       | 353 +++++++++++-------
 .../fcltReg/pbnstRegModal/pbnstRegModal.tsx   |  28 +-
 4 files changed, 234 insertions(+), 158 deletions(-)

diff --git a/apps/wr/app/ruseFcltMng/fcltReg/pbnstReg/page.tsx b/apps/wr/app/ruseFcltMng/fcltReg/pbnstReg/page.tsx
index 046181920..d32d1578c 100644
--- a/apps/wr/app/ruseFcltMng/fcltReg/pbnstReg/page.tsx
+++ b/apps/wr/app/ruseFcltMng/fcltReg/pbnstReg/page.tsx
@@ -350,7 +350,7 @@ export default function PublicReuseFaciltyInsert() {
                   <Button
                     size={"sm"}
                     onClick={form.handleSubmit(onSubmit, onInvalid)}
-                    className="mr-5 mt-2" // 저장 버튼 위치 조정
+                    className="mr-5 mt-2"
                   >
                     저장
                   </Button>
diff --git a/apps/wr/app/ruseFcltMng/fcltSttn/pbnstSttn/page.tsx b/apps/wr/app/ruseFcltMng/fcltSttn/pbnstSttn/page.tsx
index 38a3c15ca..9793a5116 100644
--- a/apps/wr/app/ruseFcltMng/fcltSttn/pbnstSttn/page.tsx
+++ b/apps/wr/app/ruseFcltMng/fcltSttn/pbnstSttn/page.tsx
@@ -119,6 +119,9 @@ export default function PbnstSttn() {
               selectUnitWaterShedData={code.lgbsnCd}
               selectMiddleRegionData={code.mdmbsnCd}
               selectEnvPartData={code.lclgvrnmntCd}
+              rightClassName="ml-auto mr-6 flex items-center space-x-1"
+              leftClassName="flex gap-5 w-9/12 m-4"
+              leftSelectClassName="w-1/4"
               rightChildren={
                 <Button
                   className={btnClass}
@@ -141,11 +144,11 @@ export default function PbnstSttn() {
                       setSearchYear(String(val))
                     }
                   />
-                  <Label className="w-64 mt-2 mx-4 text-xl text-gray-600">
-                    {"하수처리시설명 "}
+                  <Label className="w-full mt-2 ml-4 text-xl text-gray-600">
+                    {"하수처리시설명"}
                   </Label>
                   <SearchInput
-                    className={"text-2xl w-full  ㅍ"}
+                    className={"text-2xl w-full"}
                     label=""
                     textValue={pbnRuseNm || ""}
                     setText={(e) => {
diff --git a/apps/wr/components/ui/form/fcltReg/pbnstReg/buseReg/buseWaterQulity/buseWaterQulity.tsx b/apps/wr/components/ui/form/fcltReg/pbnstReg/buseReg/buseWaterQulity/buseWaterQulity.tsx
index 8ff9430a4..cba4c4c81 100644
--- a/apps/wr/components/ui/form/fcltReg/pbnstReg/buseReg/buseWaterQulity/buseWaterQulity.tsx
+++ b/apps/wr/components/ui/form/fcltReg/pbnstReg/buseReg/buseWaterQulity/buseWaterQulity.tsx
@@ -116,22 +116,29 @@ export function BuseWaterQulity({
             key={`items.${indexMng}.fcBizs.${indexBiz}.bod-key`}
             render={({ field }) => (
               <FormUi label="BOD(mg/L)">
-                <Input
-                  className="!text-2xl"
-                  placeholder=""
-                  type="text"
-                  onChange={(e) => {
-                    const inputValue = e.target.value.replace(/[^0-9.]/g, ""); // 숫자만 저장
-                    field.onChange(inputValue);
-                  }}
-                  value={
-                    field.value !== undefined && field.value !== ""
-                      ? `${field.value} 이하`
-                      : ""
-                  }
-                  readOnly={formType === "sttn" ? true : false}
-                  maxLength={6}
-                />
+                <div className="flex items-center gap-2">
+                  <div className="relative flex-1 min-w-0">
+                    <Input
+                      type="text"
+                      className="w-full pr-16 border py-2 text-right rounded-md"
+                      placeholder=""
+                      onChange={(e) => {
+                        const inputValue = e.target.value.replace(/[^0-9.]/g, ""); // 숫자만 저장
+                        field.onChange(inputValue);
+                      }}
+                      value={
+                        field.value !== undefined && field.value !== ""
+                          ? `${field.value}`
+                          : ""
+                      }
+                      readOnly={formType === "sttn" ? true : false}
+                      maxLength={6}
+                    />
+                    <span className="text-xl absolute inset-y-0 right-3 flex items-center text-gray-500 pointer-events-none">
+                      이하
+                    </span>
+                  </div>
+                </div>
               </FormUi>
             )}
           />
@@ -146,17 +153,30 @@ export function BuseWaterQulity({
             key={`items.${indexMng}.fcBizs.${indexBiz}.grssClfg-key`}
             render={({ field }) => (
               <FormUi label="총대장균군수(개/mg)">
-                <Input
-                  className="!text-2xl"
-                  placeholder=""
-                  type="text"
-                  onChange={(e) => {
-                    field.onChange(String(e.target.value));
-                  }}
-                  value={field.value ?? ""}
-                  readOnly={formType === "sttn" ? true : false}
-                  maxLength={6}
-                />
+                <div className="flex items-center gap-2">
+                  <div className="relative flex-1 min-w-0">
+                    <Input
+                      type="text"
+                      className="w-full pr-16 border py-2 text-right rounded-md"
+                      placeholder=""
+                      onChange={(e) => {
+                        const inputValue = e.target.value.replace(/[^0-9.]/g, ""); // 숫자만 저장
+                        field.onChange(inputValue);
+                      }}
+                      value={
+                        field.value !== undefined && field.value !== ""
+                          ? `${field.value}`
+                          : ""
+                      }
+                      readOnly={formType === "sttn" ? true : false}
+                      maxLength={6}
+                    />
+                    {/* TODO:  총대장균군수 확인 필요*/}
+                    <span className="text-xl absolute inset-y-0 right-3 flex items-center text-gray-500 pointer-events-none">
+                      이하
+                    </span>
+                  </div>
+                </div>
               </FormUi>
             )}
           />
@@ -168,22 +188,29 @@ export function BuseWaterQulity({
             key={`items.${indexMng}.fcBizs.${indexBiz}.combResdch-key`}
             render={({ field }) => (
               <FormUi label="결합잔류염소(mh/L)">
-                <Input
-                  className="!text-2xl"
-                  placeholder=""
-                  type="text"
-                  onChange={(e) => {
-                    const inputValue = e.target.value.replace(/[^0-9.]/g, ""); // 숫자만 저장
-                    field.onChange(inputValue);
-                  }}
-                  value={
-                    field.value !== undefined && field.value !== ""
-                      ? `${field.value} 이상`
-                      : ""
-                  }
-                  readOnly={formType === "sttn" ? true : false}
-                  maxLength={6}
-                />
+                <div className="flex items-center gap-2">
+                  <div className="relative flex-1 min-w-0">
+                    <Input
+                      type="text"
+                      className="w-full pr-16 border py-2 text-right rounded-md"
+                      placeholder=""
+                      onChange={(e) => {
+                        const inputValue = e.target.value.replace(/[^0-9.]/g, ""); // 숫자만 저장
+                        field.onChange(inputValue);
+                      }}
+                      value={
+                        field.value !== undefined && field.value !== ""
+                          ? `${field.value}`
+                          : ""
+                      }
+                      readOnly={formType === "sttn" ? true : false}
+                      maxLength={6}
+                    />
+                    <span className="text-xl absolute inset-y-0 right-3 flex items-center text-gray-500 pointer-events-none">
+                      이상
+                    </span>
+                  </div>
+                </div>
               </FormUi>
             )}
           />
@@ -195,22 +222,29 @@ export function BuseWaterQulity({
             key={`items.${indexMng}.fcBizs.${indexBiz}.trbt-key`}
             render={({ field }) => (
               <FormUi label="탁도(NTU)">
-                <Input
-                  className="!text-2xl"
-                  placeholder=""
-                  type="text"
-                  onChange={(e) => {
-                    const inputValue = e.target.value.replace(/[^0-9.]/g, ""); // 숫자만 저장
-                    field.onChange(inputValue);
-                  }}
-                  value={
-                    field.value !== undefined && field.value !== ""
-                      ? `${field.value} 이상`
-                      : ""
-                  }
-                  readOnly={formType === "sttn" ? true : false}
-                  maxLength={6}
-                />
+                <div className="flex items-center gap-2">
+                  <div className="relative flex-1 min-w-0">
+                    <Input
+                      type="text"
+                      className="w-full pr-16 border py-2 text-right rounded-md"
+                      placeholder=""
+                      onChange={(e) => {
+                        const inputValue = e.target.value.replace(/[^0-9.]/g, ""); // 숫자만 저장
+                        field.onChange(inputValue);
+                      }}
+                      value={
+                        field.value !== undefined && field.value !== ""
+                          ? `${field.value}`
+                          : ""
+                      }
+                      readOnly={formType === "sttn" ? true : false}
+                      maxLength={6}
+                    />
+                    <span className="text-xl absolute inset-y-0 right-3 flex items-center text-gray-500 pointer-events-none">
+                      이상
+                    </span>
+                  </div>
+                </div>
               </FormUi>
             )}
           />
@@ -248,7 +282,7 @@ export function BuseWaterQulity({
                   onSelectValue={(val) => {
                     field.onChange(val);
                   }}
-                  value={field.value||undefined}
+                  value={field.value || undefined}
                 ></SelectBox>
               </FormUi>
             )}
@@ -261,22 +295,29 @@ export function BuseWaterQulity({
             key={`items.${indexMng}.fcBizs.${indexBiz}.crmty-key`}
             render={({ field }) => (
               <FormUi label="색도(도)">
-                <Input
-                  className="!text-2xl"
-                  placeholder=""
-                  type="text"
-                  onChange={(e) => {
-                    const inputValue = e.target.value.replace(/[^0-9.]/g, ""); // 숫자만 저장
-                    field.onChange(inputValue);
-                  }}
-                  value={
-                    field.value !== undefined && field.value !== ""
-                      ? `${field.value} 이하`
-                      : ""
-                  }
-                  readOnly={formType === "sttn" ? true : false}
-                  maxLength={6}
-                />
+                <div className="flex items-center gap-2">
+                  <div className="relative flex-1 min-w-0">
+                    <Input
+                      type="text"
+                      className="w-full pr-16 border py-2 text-right rounded-md"
+                      placeholder=""
+                      onChange={(e) => {
+                        const inputValue = e.target.value.replace(/[^0-9.]/g, ""); // 숫자만 저장
+                        field.onChange(inputValue);
+                      }}
+                      value={
+                        field.value !== undefined && field.value !== ""
+                          ? `${field.value}`
+                          : ""
+                      }
+                      readOnly={formType === "sttn" ? true : false}
+                      maxLength={6}
+                    />
+                    <span className="text-xl absolute inset-y-0 right-3 flex items-center text-gray-500 pointer-events-none">
+                      이하
+                    </span>
+                  </div>
+                </div>
               </FormUi>
             )}
           />
@@ -288,22 +329,29 @@ export function BuseWaterQulity({
             key={`items.${indexMng}.fcBizs.${indexBiz}.tn-key`}
             render={({ field }) => (
               <FormUi label="총질소(T-N)(mg/L)">
-                <Input
-                  className="!text-2xl"
-                  placeholder=""
-                  type="text"
-                  onChange={(e) => {
-                    const inputValue = e.target.value.replace(/[^0-9.]/g, ""); // 숫자만 저장
-                    field.onChange(inputValue);
-                  }}
-                  value={
-                    field.value !== undefined && field.value !== ""
-                      ? `${field.value} 이하`
-                      : ""
-                  }
-                  readOnly={formType === "sttn" ? true : false}
-                  maxLength={6}
-                />
+                <div className="flex items-center gap-2">
+                  <div className="relative flex-1 min-w-0">
+                    <Input
+                      type="text"
+                      className="w-full pr-16 border py-2 text-right rounded-md"
+                      placeholder=""
+                      onChange={(e) => {
+                        const inputValue = e.target.value.replace(/[^0-9.]/g, ""); // 숫자만 저장
+                        field.onChange(inputValue);
+                      }}
+                      value={
+                        field.value !== undefined && field.value !== ""
+                          ? `${field.value}`
+                          : ""
+                      }
+                      readOnly={formType === "sttn" ? true : false}
+                      maxLength={6}
+                    />
+                    <span className="text-xl absolute inset-y-0 right-3 flex items-center text-gray-500 pointer-events-none">
+                      이하
+                    </span>
+                  </div>
+                </div>
               </FormUi>
             )}
           />
@@ -316,22 +364,29 @@ export function BuseWaterQulity({
             key={`items.${indexMng}.fcBizs.${indexBiz}.tph-key`}
             render={({ field }) => (
               <FormUi label="총인(T-P)(mg/L)">
-                <Input
-                  className="!text-2xl"
-                  placeholder=""
-                  type="text"
-                  onChange={(e) => {
-                    const inputValue = e.target.value.replace(/[^0-9.]/g, ""); // 숫자만 저장
-                    field.onChange(inputValue);
-                  }}
-                  value={
-                    field.value !== undefined && field.value !== ""
-                      ? `${field.value} 이하`
-                      : ""
-                  }
-                  readOnly={formType === "sttn" ? true : false}
-                  maxLength={6}
-                />
+                <div className="flex items-center gap-2">
+                  <div className="relative flex-1 min-w-0">
+                    <Input
+                      type="text"
+                      className="w-full pr-16 border py-2 text-right rounded-md"
+                      placeholder=""
+                      onChange={(e) => {
+                        const inputValue = e.target.value.replace(/[^0-9.]/g, ""); // 숫자만 저장
+                        field.onChange(inputValue);
+                      }}
+                      value={
+                        field.value !== undefined && field.value !== ""
+                          ? `${field.value}`
+                          : ""
+                      }
+                      readOnly={formType === "sttn" ? true : false}
+                      maxLength={6}
+                    />
+                    <span className="text-xl absolute inset-y-0 right-3 flex items-center text-gray-500 pointer-events-none">
+                      이하
+                    </span>
+                  </div>
+                </div>
               </FormUi>
             )}
           />
@@ -343,22 +398,29 @@ export function BuseWaterQulity({
             key={`items.${indexMng}.fcBizs.${indexBiz}.cdtnv-key`}
             render={({ field }) => (
               <FormUi label="전기전도도(μs/cm)">
-                <Input
-                  className="!text-2xl"
-                  placeholder=""
-                  type="text"
-                  onChange={(e) => {
-                    const inputValue = e.target.value.replace(/[^0-9.]/g, ""); // 숫자만 저장
-                    field.onChange(inputValue);
-                  }}
-                  value={
-                    field.value !== undefined && field.value !== ""
-                      ? `${field.value} 이하`
-                      : ""
-                  }
-                  readOnly={formType === "sttn" ? true : false}
-                  maxLength={7}
-                />
+                <div className="flex items-center gap-2">
+                  <div className="relative flex-1 min-w-0">
+                    <Input
+                      type="text"
+                      className="w-full pr-16 border py-2 text-right rounded-md"
+                      placeholder=""
+                      onChange={(e) => {
+                        const inputValue = e.target.value.replace(/[^0-9.]/g, ""); // 숫자만 저장
+                        field.onChange(inputValue);
+                      }}
+                      value={
+                        field.value !== undefined && field.value !== ""
+                          ? `${field.value}`
+                          : ""
+                      }
+                      readOnly={formType === "sttn" ? true : false}
+                      maxLength={7}
+                    />
+                    <span className="text-xl absolute inset-y-0 right-3 flex items-center text-gray-500 pointer-events-none">
+                      이하
+                    </span>
+                  </div>
+                </div>
               </FormUi>
             )}
           />
@@ -371,22 +433,29 @@ export function BuseWaterQulity({
             key={`items.${indexMng}.fcBizs.${indexBiz}.clIonQnt-key`}
             render={({ field }) => (
               <FormUi label="염화물(mg/L)">
-                <Input
-                  className="!text-2xl"
-                  placeholder=""
-                  type="text"
-                  onChange={(e) => {
-                    const inputValue = e.target.value.replace(/[^0-9.]/g, ""); // 숫자만 저장
-                    field.onChange(inputValue);
-                  }}
-                  value={
-                    field.value !== undefined && field.value !== ""
-                      ? `${field.value} 이하`
-                      : ""
-                  }
-                  readOnly={formType === "sttn" ? true : false}
-                  maxLength={7}
-                />
+                <div className="flex items-center gap-2">
+                  <div className="relative flex-1 min-w-0">
+                    <Input
+                      type="text"
+                      className="w-full pr-16 border py-2 text-right rounded-md"
+                      placeholder=""
+                      onChange={(e) => {
+                        const inputValue = e.target.value.replace(/[^0-9.]/g, ""); // 숫자만 저장
+                        field.onChange(inputValue);
+                      }}
+                      value={
+                        field.value !== undefined && field.value !== ""
+                          ? `${field.value}`
+                          : ""
+                      }
+                      readOnly={formType === "sttn" ? true : false}
+                      maxLength={7}
+                    />
+                    <span className="text-xl absolute inset-y-0 right-3 flex items-center text-gray-500 pointer-events-none">
+                      이하
+                    </span>
+                  </div>
+                </div>
               </FormUi>
             )}
           />
@@ -395,7 +464,7 @@ export function BuseWaterQulity({
           <Label className="text-xl">수소이온농도(PH)</Label>
           <div className="flex flex-row items-center gap-2">
             <Input
-              className="!text-2xl w-28"
+              className="!text-xl w-28"
               placeholder=""
               type="text"
               onChange={(e) =>
@@ -408,7 +477,7 @@ export function BuseWaterQulity({
             />
             <span className="text-xl">~</span>
             <Input
-              className="!text-2xl w-28"
+              className="!text-xl w-28"
               placeholder=""
               type="text"
               onChange={(e) => {
diff --git a/apps/wr/components/ui/modal/fcltReg/pbnstRegModal/pbnstRegModal.tsx b/apps/wr/components/ui/modal/fcltReg/pbnstRegModal/pbnstRegModal.tsx
index e068c6c91..8275e472b 100644
--- a/apps/wr/components/ui/modal/fcltReg/pbnstRegModal/pbnstRegModal.tsx
+++ b/apps/wr/components/ui/modal/fcltReg/pbnstRegModal/pbnstRegModal.tsx
@@ -42,7 +42,7 @@ export function PbnstRegModal({
   const onSubmit = async (valuse: { items: PbnstRegArrrayType }) => {
     const item = valuse.items[indexMng];
     const data = item ? writeRgtrAndMdfr([item]) : [];
-//
+    //
     const handleConfirm = () => {
       if (data && data[0]) {
         setPbnstInsert(data[0]);
@@ -72,8 +72,9 @@ export function PbnstRegModal({
       </h1>
 
       <div className="border-t border-gray-300 my-4"></div>
-      <ScrollArea className="h-[75vh]">
-        <Tabs defaultValue="mng" onValueChange={handleTabChange}>
+
+      <Tabs defaultValue="mng" onValueChange={handleTabChange}>
+        <div className="flex justify-between items-center">
           <TabsList className="">
             <TabsTrigger className="!text-xl" value="mng">
               시설정보
@@ -81,14 +82,17 @@ export function PbnstRegModal({
             <TabsTrigger className="!text-xl" value="buse">
               차수별정보
             </TabsTrigger>
-            <Button
-              onClick={form.handleSubmit(onSubmit, onInvalid)}
-              size={"sm"}
-              className="!justify-end"
-            >
-              저장
-            </Button>
+
           </TabsList>
+          <Button
+            onClick={form.handleSubmit(onSubmit, onInvalid)}
+            size={"sm"}
+            className="mr-5 mt-2"
+          >
+            저장
+          </Button>
+        </div>
+        <ScrollArea className="h-[75vh]">
           <TabsContent className="max-h-full" value="mng">
             <PbnstMngForm
               form={form}
@@ -106,8 +110,8 @@ export function PbnstRegModal({
               formType={"reg"}
             />
           </TabsContent>
-        </Tabs>
-      </ScrollArea>
+        </ScrollArea>
+      </Tabs>
     </>
   );
 }