From aa831141f6e9497738c753282bed8ea9da2f3758 Mon Sep 17 00:00:00 2001
From: jangwoong <changwng@gmail.com>
Date: Tue, 2 Jun 2026 11:55:40 +0900
Subject: [PATCH] =?UTF-8?q?[as=20frontend]=20=EC=B2=B4=ED=81=AC=EB=A6=AC?=
 =?UTF-8?q?=EC=8A=A4=ED=8A=B8=20=ED=95=AD=EB=AA=A9=20=EB=B7=B0=EC=97=90=20?=
 =?UTF-8?q?=EC=B6=94=EA=B0=80=20=EC=B2=98=EB=A6=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pages/instl-sncn/ui/cnfm-regist-page.tsx  |  4 +-
 .../pages/instl-sncn/ui/cnfm-view-page.tsx    | 75 ++++++++++++++-----
 2 files changed, 60 insertions(+), 19 deletions(-)

diff --git a/apps/as/src/pages/instl-sncn/ui/cnfm-regist-page.tsx b/apps/as/src/pages/instl-sncn/ui/cnfm-regist-page.tsx
index 60982f78e..c7e9b1473 100644
--- a/apps/as/src/pages/instl-sncn/ui/cnfm-regist-page.tsx
+++ b/apps/as/src/pages/instl-sncn/ui/cnfm-regist-page.tsx
@@ -1552,7 +1552,7 @@ function CnfmRegistPage({ initialData }: { initialData?: any } = {}) {
                   검토항목
                 </th>
                 <th rowSpan={2}>주요 검토내용</th>
-                <th colSpan={2}>검토 결과(-)</th>
+                <th colSpan={2}>검토 결과(✓)</th>
                 {selectedReviewStep !== "LOCAL" ? (
                   <th rowSpan={2} className="w-[20rem]">
                     기술검토 의견
@@ -1599,7 +1599,7 @@ function CnfmRegistPage({ initialData }: { initialData?: any } = {}) {
             <tbody>
               {cklstRows.length === 0 ? (
                 <tr>
-                  <td colSpan={4} className="cnfm-td-empty">
+                  <td colSpan={5} className="cnfm-td-empty">
                     조회된 체크리스트 항목이 없습니다.
                   </td>
                 </tr>
diff --git a/apps/as/src/pages/instl-sncn/ui/cnfm-view-page.tsx b/apps/as/src/pages/instl-sncn/ui/cnfm-view-page.tsx
index d24d276b5..62fa321d9 100644
--- a/apps/as/src/pages/instl-sncn/ui/cnfm-view-page.tsx
+++ b/apps/as/src/pages/instl-sncn/ui/cnfm-view-page.tsx
@@ -125,6 +125,21 @@ function CnfmViewPage({ id }: { id: string }) {
     return cklstResultMap[selectedReviewStep] ?? [];
   }, [cklstResultMap, selectedReviewStep, visibleReviewStepCodes.length]);
 
+  const [viewCheckResults, setViewCheckResults] = useState<Record<string, string>>({});
+  const [viewCheckComments, setViewCheckComments] = useState<Record<string, string>>({});
+
+  useEffect(() => {
+    const results: Record<string, string> = {};
+    const comments: Record<string, string> = {};
+    (selectedChecklistRows ?? []).forEach((row: any) => {
+      const key = `${row.cklstSn}_${row.cklstRvwSn}_${row.rvwStpComCd ?? "LOCAL"}`;
+      if (row.rvwRsltAnmlyYn === "Y" || row.rvwRsltAnmlyYn === "N") results[key] = row.rvwRsltAnmlyYn;
+      if (row.picRvwCn) comments[key] = String(row.picRvwCn);
+    });
+    setViewCheckResults(results);
+    setViewCheckComments(comments);
+  }, [selectedChecklistRows]);
+
   if (query.isLoading) {
     return <div className="mt-6 text-[1.4rem]">상세 정보를 불러오는 중입니다...</div>;
   }
@@ -390,7 +405,10 @@ function CnfmViewPage({ id }: { id: string }) {
               <tr>
                 <th className="w-[20rem]">검토항목</th>
                 <th>주요 검토내용</th>
-                <th colSpan={2}>검토 결과(-)</th>
+                <th colSpan={2}>검토 결과(✓)</th>
+                {selectedReviewStep !== "LOCAL" ? (
+                  <th rowSpan={2} className="w-[20rem]">기술검토 의견</th>
+                ) : null}
               </tr>
               <tr>
                 <th />
@@ -414,7 +432,7 @@ function CnfmViewPage({ id }: { id: string }) {
             <tbody>
               {selectedChecklistRows.length === 0 ? (
                 <tr>
-                  <td colSpan={3} className="cnfm-td-empty">조회된 체크리스트 항목이 없습니다.</td>
+                  <td colSpan={5} className="cnfm-td-empty">조회된 체크리스트 항목이 없습니다.</td>
                 </tr>
               ) : (
                 selectedChecklistRows.map((row: any) => {
@@ -426,21 +444,44 @@ function CnfmViewPage({ id }: { id: string }) {
                     <tr key={key}>
                       <td className="text-center text-[1.2rem]">{row.cklstArtclNm}</td>
                       <td className="!text-left pl-2 text-[1.2rem] text-gray-600" style={{ paddingLeft: `${Math.max(0, row.treeLevel - 1) * 16 + 8}px` }}>{row.treeLevel > 1 ? "└ " : ""}{row.rvwCn}</td>
-                      {!showRadios ? (
-                        <>
-                          <td className="text-center">-</td>
-                          <td className="text-center">-</td>
-                        </>
-                      ) : (
-                        <>
-                          <td className="text-center">
-                            <input type="radio" name={`chk_${key}`} value="Y" checked={row.rvwRsltAnmlyYn === "Y"} disabled />
-                          </td>
-                          <td className="text-center">
-                            <input type="radio" name={`chk_${key}`} value="N" checked={row.rvwRsltAnmlyYn === "N"} disabled />
-                          </td>
-                        </>
-                      )}
+                          {!showRadios ? (
+                            <>
+                              <td className="text-center">-</td>
+                              <td className="text-center">-</td>
+                            </>
+                          ) : (
+                            <>
+                              <td className="text-center">
+                                <input
+                                  type="radio"
+                                  name={`chk_${key}`}
+                                  value="Y"
+                                  checked={(viewCheckResults[key] ?? "") === "Y"}
+                                  disabled={selectedReviewStep === "LOCAL"}
+                                  onChange={() => setViewCheckResults((prev) => ({ ...prev, [key]: "Y" }))}
+                                />
+                              </td>
+                              <td className="text-center">
+                                <input
+                                  type="radio"
+                                  name={`chk_${key}`}
+                                  value="N"
+                                  checked={(viewCheckResults[key] ?? "") === "N"}
+                                  disabled={selectedReviewStep === "LOCAL"}
+                                  onChange={() => setViewCheckResults((prev) => ({ ...prev, [key]: "N" }))}
+                                />
+                              </td>
+                            </>
+                          )}
+                          {showRadios && selectedReviewStep !== "LOCAL" ? (
+                            <td className="text-left">
+                              <textarea
+                                className="cnfm-input w-full"
+                                value={viewCheckComments[key] ?? ""}
+                                onChange={(e) => setViewCheckComments((prev) => ({ ...prev, [key]: e.target.value }))}
+                              />
+                            </td>
+                          ) : null}
                     </tr>
                   );
                 })