From 8eea3c75aa82327ae5d670640afc242933766332 Mon Sep 17 00:00:00 2001
From: leedj312 <dlehd467@gmail.com>
Date: Thu, 31 Jul 2025 20:16:38 +0900
Subject: [PATCH] =?UTF-8?q?=EC=88=98=EC=9A=94=EB=A7=A4=EC=B9=AD=20?=
 =?UTF-8?q?=EA=B2=80=ED=86=A0=20=EC=9D=B4=EC=83=81=20=EC=9D=B4=ED=95=98=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/wr/app/matMng/coMat/coMatRvw/page.tsx | 307 +++++++++++++--------
 1 file changed, 185 insertions(+), 122 deletions(-)

diff --git a/apps/wr/app/matMng/coMat/coMatRvw/page.tsx b/apps/wr/app/matMng/coMat/coMatRvw/page.tsx
index ff35b95c5..996b624d8 100644
--- a/apps/wr/app/matMng/coMat/coMatRvw/page.tsx
+++ b/apps/wr/app/matMng/coMat/coMatRvw/page.tsx
@@ -376,87 +376,116 @@ export default function CoMatRvw() {
                   <div className="col-span-12 w-full">
                     <h1 className={formH1Class}>요구수질</h1>
                   </div>
-                  <div className="col-span-3 mt-4">
+                  <div className="col-span-2 mt-4">
                     <FormField
                       control={form.control}
                       name="grssClfg"
                       render={({ field }) => (
-                        <FormUi label="총대장균군수 (개/100ml)">
-                          <Input
-                            placeholder=""
-                            type="number"
-                            step="0.1"
-                            onChange={(e) => {
-                              field.onChange(Number(e.target.value));
-                            }}
-                            value={field.value ?? 0}
-                            readOnly
-                          />
+                        <FormUi label={"총대장균군수(개/mg)"}>
+                          <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=""
+                                value={
+                                  field.value != -1
+                                    ? `${field.value}`
+                                    : "불검출"
+                                }
+                                readOnly
+                              />
+                              {/* TODO:  총대장균군수 확인 필요*/}
+                              {field.value != -1 ? (
+                                <span className="text-xl absolute inset-y-0 right-3 flex items-center text-gray-500 pointer-events-none">
+                                  이하
+                                </span>
+                              ) : (
+                                <></>
+                              )}
+                            </div>
+                          </div>
                         </FormUi>
                       )}
                     />
                   </div>
-                  <div className="col-span-3 mt-4">
+                  <div className="col-span-2 mt-4">
                     <FormField
                       control={form.control}
                       name="combResdch"
                       render={({ field }) => (
-                        <FormUi label="결합잔류염소(mg/L)">
-                          <Input
-                            placeholder=""
-                            type="number"
-                            step="0.1"
-                            onChange={(e) => {
-                              field.onChange(Number(e.target.value));
-                            }}
-                            value={field.value ?? 0}
-                            readOnly
-                          />
+                        <FormUi label={"결합잔류염소(mg/L)"}>
+                          <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=""
+                                value={field.value ?? ""}
+                                readOnly
+                              />
+                              <span className="text-xl absolute inset-y-0 right-3 flex items-center text-gray-500 pointer-events-none">
+                                이상
+                              </span>
+                            </div>
+                          </div>
                         </FormUi>
                       )}
                     />
                   </div>
-                  <div className="col-span-3 mt-4">
+                  <div className="col-span-2 mt-4">
                     <FormField
                       control={form.control}
                       name="trbt"
                       render={({ field }) => (
                         <FormUi label="탁도(NTU)">
-                          <Input
-                            placeholder=""
-                            type="number"
-                            step="0.1"
-                            onChange={(e) => {
-                              field.onChange(Number(e.target.value));
-                            }}
-                            value={field.value ?? 0}
-                            readOnly
-                          />
+                          <div className="flex items-center gap-2">
+                            <div className="relative flex-1 min-w-0">
+                              <Input
+                                placeholder=""
+                                className="w-full pr-16 border py-2 text-right rounded-md"
+                                type="text"
+                                value={field.value ?? 0}
+                                readOnly
+                              />
+                              <span className=" text-xl absolute inset-y-0 right-3 flex items-center text-gray-500 pointer-events-none">
+                                이하
+                              </span>
+                            </div>
+                          </div>
                         </FormUi>
                       )}
                     />
                   </div>
-                  <div className="col-span-3 mt-4">
+                  <div className="col-span-2 mt-4">
                     <FormField
                       control={form.control}
                       name="blgcOxygDmndQnt"
                       render={({ field }) => (
                         <FormUi label="생물학적 산소요구량(BOD)(mg/L)">
-                          <Input
-                            placeholder=""
-                            type="number"
-                            step="0.1"
-                            onChange={(e) => {
-                              field.onChange(Number(e.target.value));
-                            }}
-                            value={field.value ?? 0}
-                            readOnly
-                          />
+                          <div className="flex items-center gap-2">
+                            <div className="relative flex-1 min-w-0">
+                              <Input
+                                placeholder=""
+                                type="text"
+                                className="w-full pr-16 border py-2 text-right rounded-md"
+                                step="0.1"
+                                onChange={(e) => {
+                                  field.onChange(Number(e.target.value));
+                                }}
+                                value={field.value ?? ""}
+                                readOnly
+                              />
+                              <span className="text-xl absolute inset-y-0 right-3 flex items-center text-gray-500 pointer-events-none">
+                                이하
+                              </span>
+                            </div>
+                          </div>
                         </FormUi>
                       )}
                     />
                   </div>
-                  <div className="col-span-3 mt-4">
+                  <div className="col-span-2 mt-4">
                     <FormField
                       control={form.control}
                       name="smll"
@@ -464,138 +493,172 @@ export default function CoMatRvw() {
                         <FormUi label="냄새">
                           <Input
                             placeholder=""
-                            type="number"
-                            step="0.1"
-                            onChange={(e) => {
-                              field.onChange(Number(e.target.value));
-                            }}
-                            value={field.value ?? 0}
+                            type="text"
+                            value={field.value ?? ""}
                             readOnly
                           />
                         </FormUi>
                       )}
                     />
                   </div>
-                  <div className="col-span-3 mt-4">
+                  <div className="col-span-2 mt-4">
                     <FormField
                       control={form.control}
                       name="crmty"
                       render={({ field }) => (
                         <FormUi label="색도(도)">
-                          <Input
-                            placeholder=""
-                            type="number"
-                            step="0.1"
-                            onChange={(e) => {
-                              field.onChange(Number(e.target.value));
-                            }}
-                            value={field.value ?? 0}
-                            readOnly
-                          />
+                          <div className="flex items-center gap-2">
+                            <div className="relative flex-1 min-w-0">
+                              <Input
+                                placeholder=""
+                                className="w-full pr-16 border py-2 text-right rounded-md"
+                                type="text"
+                                step="0.1"
+                                value={field.value ?? ""}
+                                readOnly
+                              />
+                              <span className="text-xl absolute inset-y-0 right-3 flex items-center text-gray-500 pointer-events-none">
+                                이하
+                              </span>
+                            </div>
+                          </div>
                         </FormUi>
                       )}
                     />
                   </div>
-                  <div className="col-span-3 mt-4">
+                  <div className="col-span-2 mt-4">
                     <FormField
                       control={form.control}
                       name="tn"
                       render={({ field }) => (
-                        <FormUi label="총질소 (T-N)(mg/L)">
-                          <Input
-                            placeholder=""
-                            type="number"
-                            step="0.1"
-                            onChange={(e) => {
-                              field.onChange(Number(e.target.value));
-                            }}
-                            value={field.value ?? 0}
-                            readOnly
-                          />
+                        <FormUi label="총질소(T-N)(mg/L)">
+                          <div className="flex items-center gap-2">
+                            <div className="relative flex-1 min-w-0">
+                              <Input
+                                placeholder=""
+                                className="w-full pr-16 border py-2 text-right rounded-md"
+                                type="text"
+                                onChange={(e) => {
+                                  field.onChange(Number(e.target.value));
+                                }}
+                                value={field.value ?? 0}
+                                readOnly
+                              />
+                              <span className="text-xl absolute inset-y-0 right-3 flex items-center text-gray-500 pointer-events-none">
+                                이하
+                              </span>
+                            </div>
+                          </div>
                         </FormUi>
                       )}
                     />
                   </div>
-                  <div className="col-span-3 mt-4">
+                  <div className="col-span-2 mt-4">
                     <FormField
                       control={form.control}
                       name="tph"
                       render={({ field }) => (
                         <FormUi label="총인(T-P)(mg/L)">
-                          <Input
-                            placeholder=""
-                            type="number"
-                            step="0.1"
-                            onChange={(e) => {
-                              field.onChange(Number(e.target.value));
-                            }}
-                            value={field.value ?? 0}
-                            readOnly
-                          />
+                          <div className="flex items-center gap-2">
+                            <div className="relative flex-1 min-w-0">
+                              <Input
+                                placeholder=""
+                                className="w-full pr-16 border py-2 text-right rounded-md"
+                                type="text"
+                                onChange={(e) => {
+                                  field.onChange(Number(e.target.value));
+                                }}
+                                value={field.value ?? 0}
+                                readOnly
+                              />
+                              <span className="text-xl absolute inset-y-0 right-3 flex items-center text-gray-500 pointer-events-none">
+                                이하
+                              </span>
+                            </div>
+                          </div>
                         </FormUi>
                       )}
                     />
                   </div>
-                  <div className="col-span-3 mt-4">
+                  <div className="col-span-2 mt-4">
                     <FormField
                       control={form.control}
                       name="ph"
                       render={({ field }) => (
-                        <FormUi label="수소이온농도(pH)">
-                          <Input
-                            placeholder=""
-                            type="number"
-                            step="0.1"
-                            onChange={(e) => {
-                              field.onChange(Number(e.target.value));
-                            }}
-                            value={field.value ?? 0}
-                            readOnly
-                          />
+                        <FormUi label="수소이온농도(PH)">
+                          <div className="flex items-center gap-2">
+                            <div className="relative flex-1 min-w-0">
+                              <Input
+                                placeholder=""
+                                className="w-full pr-16 border py-2 text-right rounded-md"
+                                type="text"
+                                onChange={(e) => {
+                                  field.onChange(Number(e.target.value));
+                                }}
+                                value={field.value ?? 0}
+                                readOnly
+                              />
+                            </div>
+                          </div>
                         </FormUi>
                       )}
                     />
                   </div>
-                  <div className="col-span-3 mt-4">
+                  <div className="col-span-2 mt-4">
                     <FormField
                       control={form.control}
                       name="clIonQnt"
                       render={({ field }) => (
                         <FormUi label="염화물(mgCL/L)">
-                          <Input
-                            placeholder=""
-                            type="number"
-                            step="0.1"
-                            onChange={(e) => {
-                              field.onChange(Number(e.target.value));
-                            }}
-                            value={field.value ?? 0}
-                            readOnly
-                          />
+                          <div className="flex items-center gap-2">
+                            <div className="relative flex-1 min-w-0">
+                              <Input
+                                placeholder=""
+                                className="w-full pr-16 border py-2 text-right rounded-md"
+                                type="text"
+                                onChange={(e) => {
+                                  field.onChange(Number(e.target.value));
+                                }}
+                                value={field.value ?? 0}
+                                readOnly
+                              />
+                              <span className="text-xl absolute inset-y-0 right-3 flex items-center text-gray-500 pointer-events-none">
+                                이하
+                              </span>
+                            </div>
+                          </div>
                         </FormUi>
                       )}
                     />
                   </div>
-                  <div className="col-span-3 mt-4">
+                  <div className="col-span-2 mt-4">
                     <FormField
                       control={form.control}
                       name="cdtnv"
                       render={({ field }) => (
                         <FormUi label="전기전도도(㎲/cm)">
-                          <Input
-                            placeholder=""
-                            type="number"
-                            onChange={(e) => {
-                              field.onChange(Number(e.target.value));
-                            }}
-                            value={field.value ?? 0}
-                            readOnly
-                          />
+                          <div className="flex items-center gap-2">
+                            <div className="relative flex-1 min-w-0">
+                              <Input
+                                placeholder=""
+                                className="w-full pr-16 border py-2 text-right rounded-md"
+                                type="text"
+                                onChange={(e) => {
+                                  field.onChange(Number(e.target.value));
+                                }}
+                                value={field.value ?? 0}
+                                readOnly
+                              />
+                              <span className="text-xl absolute inset-y-0 right-3 flex items-center text-gray-500 pointer-events-none">
+                                이하
+                              </span>
+                            </div>
+                          </div>
                         </FormUi>
                       )}
                     />
                   </div>
-                  <div className="col-span-3 mt-4">
+                  <div className="col-span-2 mt-4">
                     <FormField
                       control={form.control}
                       name="rmrk"
@@ -648,7 +711,7 @@ export default function CoMatRvw() {
                 form={form}
                 type={"mat"}
                 selectionVersion={selectionVersion}
-                readonly={regAuthrtYn ==="N"}
+                readonly={regAuthrtYn === "N"}
               />
             </ListDiv>
             {/* </ScrollArea> */}