From 8d29f2510156d2199e499dc735005b5c63a3f429 Mon Sep 17 00:00:00 2001
From: bicochan <chanii8@naver.com>
Date: Mon, 13 Jul 2026 16:43:01 +0900
Subject: [PATCH] =?UTF-8?q?[as]=20feat:=20=EC=B2=B4=ED=81=AC=EB=A6=AC?=
 =?UTF-8?q?=EC=8A=A4=ED=8A=B8=20=EC=A0=84=EC=B2=B4=EC=84=A0=ED=83=9D=20?=
 =?UTF-8?q?=EA=B8=B0=EB=8A=A5=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ui/components/checklist-task-panel.tsx    |  44 ++++-
 .../ui/components/checklist-task-panel.tsx    |  44 ++++-
 .../pbadms-sprt/ui/checklist-form-section.tsx | 152 ++++++++++--------
 3 files changed, 163 insertions(+), 77 deletions(-)

diff --git a/apps/as/src/pages/fnrs-cnsltn/ui/components/checklist-task-panel.tsx b/apps/as/src/pages/fnrs-cnsltn/ui/components/checklist-task-panel.tsx
index 4e0100089..1e4d186e6 100644
--- a/apps/as/src/pages/fnrs-cnsltn/ui/components/checklist-task-panel.tsx
+++ b/apps/as/src/pages/fnrs-cnsltn/ui/components/checklist-task-panel.tsx
@@ -2,6 +2,7 @@ import type { Dispatch, SetStateAction } from "react";
 
 import type { CklstRvwRsltTreeDto } from "@/entities/fnrs-cnsltn";
 import {
+  Button,
   cn,
   Table,
   TableBody,
@@ -36,6 +37,24 @@ function ChecklistTaskPanel({
   const currentUserReviewStep = userRoleCode ? ROLE_TO_REVIEW_STEP[userRoleCode] : undefined;
   const isStepEditable = currentUserReviewStep === selectedReviewStep;
 
+  function handleSelectAll(value: "Y" | "N") {
+    if (!isStepEditable) return;
+    setFormState((prev) => {
+      const nextResults = { ...prev.results };
+      selectedRows
+        .filter((row) => row.bchckUseYn === "Y")
+        .forEach((row) => {
+          nextResults[buildChecklistRowKey(row, selectedReviewStep)] = value;
+        });
+      return patchChecklistFormState(
+        prev,
+        { results: nextResults },
+        allRows,
+        selectedReviewStep,
+      );
+    });
+  }
+
   return (
     <>
       <div className="overflow-x-auto">
@@ -54,8 +73,27 @@ function ChecklistTaskPanel({
               ) : null}
             </TableRow>
             <TableRow>
-              <TableHead className="w-[9rem]">예</TableHead>
-              <TableHead className="w-[9rem]">아니오</TableHead>
+              <TableHead className="w-[12rem]">
+                <Button
+                  type="button"
+                  size="sm"
+                  disabled={!isStepEditable}
+                  onClick={() => handleSelectAll("Y")}
+                >
+                  전체 예
+                </Button>
+              </TableHead>
+              <TableHead className="w-[12rem]">
+                <Button
+                  type="button"
+                  size="sm"
+                  disabled={!isStepEditable}
+                  onClick={() => handleSelectAll("N")}
+                  className="!bg-destructive"
+                >
+                  전체 아니오
+                </Button>
+              </TableHead>
             </TableRow>
           </TableHeader>
           <TableBody>
@@ -131,7 +169,7 @@ function ChecklistTaskPanel({
                       <TableCell className="text-left">
                         <Textarea
                           className={cn(
-                            "min-h-[6rem] !text-xl",
+                            "min-h-[6rem] w-[32rem] !text-xl",
                             isStepEditable ? "cursor-pointer" : "cursor-not-allowed",
                           )}
                           value={formState.comments[key] ?? ""}
diff --git a/apps/as/src/pages/instl-sncn/ui/components/checklist-task-panel.tsx b/apps/as/src/pages/instl-sncn/ui/components/checklist-task-panel.tsx
index 344e1b7c3..d4509263b 100644
--- a/apps/as/src/pages/instl-sncn/ui/components/checklist-task-panel.tsx
+++ b/apps/as/src/pages/instl-sncn/ui/components/checklist-task-panel.tsx
@@ -2,6 +2,7 @@ import type { Dispatch, SetStateAction } from "react";
 
 import type { CklstRvwRsltTreeDto, ReviewStepCode } from "@/entities/instl-sncn";
 import {
+  Button,
   cn,
   Table,
   TableBody,
@@ -35,6 +36,24 @@ function ChecklistTaskPanel({
   const currentUserReviewStep = userRoleCode ? ROLE_TO_REVIEW_STEP[userRoleCode] : undefined;
   const isStepEditable = currentUserReviewStep === selectedReviewStep;
 
+  function handleSelectAll(value: "Y" | "N") {
+    if (!isStepEditable) return;
+    setFormState((prev) => {
+      const nextResults = { ...prev.results };
+      selectedRows
+        .filter((row) => row.bchckUseYn === "Y")
+        .forEach((row) => {
+          nextResults[buildChecklistRowKey(row, selectedReviewStep)] = value;
+        });
+      return patchChecklistFormState(
+        prev,
+        { results: nextResults },
+        allRows,
+        selectedReviewStep,
+      );
+    });
+  }
+
   return (
     <>
       <div className="overflow-x-auto">
@@ -53,8 +72,27 @@ function ChecklistTaskPanel({
               ) : null}
             </TableRow>
             <TableRow>
-              <TableHead className="w-[9rem]">예</TableHead>
-              <TableHead className="w-[9rem]">아니오</TableHead>
+              <TableHead className="w-[12rem]">
+                <Button
+                  type="button"
+                  size="sm"
+                  disabled={!isStepEditable}
+                  onClick={() => handleSelectAll("Y")}
+                >
+                  전체 예
+                </Button>
+              </TableHead>
+              <TableHead className="w-[12rem]">
+                <Button
+                  type="button"
+                  size="sm"
+                  disabled={!isStepEditable}
+                  onClick={() => handleSelectAll("N")}
+                  className="!bg-destructive"
+                >
+                  전체 아니오
+                </Button>
+              </TableHead>
             </TableRow>
           </TableHeader>
           <TableBody>
@@ -130,7 +168,7 @@ function ChecklistTaskPanel({
                       <TableCell className="text-left">
                         <Textarea
                           className={cn(
-                            "min-h-[6rem] !text-xl",
+                            "min-h-[6rem] w-[32rem] !text-xl",
                             isStepEditable ? "cursor-pointer" : "cursor-not-allowed",
                           )}
                           value={formState.comments[key] ?? ""}
diff --git a/apps/as/src/widgets/pbadms-sprt/ui/checklist-form-section.tsx b/apps/as/src/widgets/pbadms-sprt/ui/checklist-form-section.tsx
index 82386ab06..a77663e58 100644
--- a/apps/as/src/widgets/pbadms-sprt/ui/checklist-form-section.tsx
+++ b/apps/as/src/widgets/pbadms-sprt/ui/checklist-form-section.tsx
@@ -5,7 +5,7 @@ import { Controller, useFormContext, useWatch } from "react-hook-form";
 
 import { useQuery } from "@tanstack/react-query";
 
-import { Field, FieldLabel, FieldSet } from "@/shared/ui/field";
+import { Field, FieldLabel } from "@/shared/ui/field";
 import { cklstMngService, type CklstTreeNode } from "@/entities/cklst";
 import { useCodeList } from "@/entities/code";
 import {
@@ -196,31 +196,33 @@ function ChecklistFormSection({ docSeComCd, fieldPrefix }: ChecklistFormSectionP
                       검토항목
                     </TableHead>
                     <TableHead rowSpan={2}>주요 검토내용</TableHead>
-                    <TableHead className="w-[16rem]">검토</TableHead>
+                    <TableHead colSpan={2}>검토 결과</TableHead>
                   </TableRow>
                   <TableRow>
-                    <TableHead>
-                      <div className="flex gap-2">
-                        <Button
-                          size="sm"
-                          onClick={(e) => {
-                            e.preventDefault();
-                            handleSelectAll(tab.code, "Y");
-                          }}
-                        >
-                          전체 예
-                        </Button>
-                        <Button
-                          size="sm"
-                          onClick={(e) => {
-                            e.preventDefault();
-                            handleSelectAll(tab.code, "N");
-                          }}
-                          className="!bg-destructive"
-                        >
-                          전체 아니오
-                        </Button>
-                      </div>
+                    <TableHead className="w-[12rem]">
+                      <Button
+                        type="button"
+                        size="sm"
+                        onClick={(e) => {
+                          e.preventDefault();
+                          handleSelectAll(tab.code, "Y");
+                        }}
+                      >
+                        전체 예
+                      </Button>
+                    </TableHead>
+                    <TableHead className="w-[12rem]">
+                      <Button
+                        type="button"
+                        size="sm"
+                        onClick={(e) => {
+                          e.preventDefault();
+                          handleSelectAll(tab.code, "N");
+                        }}
+                        className="!bg-destructive"
+                      >
+                        전체 아니오
+                      </Button>
                     </TableHead>
                   </TableRow>
                 </TableHeader>
@@ -236,64 +238,72 @@ function ChecklistFormSection({ docSeComCd, fieldPrefix }: ChecklistFormSectionP
                           style={{
                             paddingLeft: `${Math.max(0, item.treeLevel - 1) * 16 + 8}px`,
                           }}
-                          colSpan={showRadios ? 0 : 2}
+                          colSpan={showRadios ? 0 : 3}
                         >
                           {item.treeLevel > 1 ? "└ " : ""}
                           {item.content}
                         </TableCell>
                         {showRadios && resultIdx >= 0 ? (
-                          <TableCell>
-                            <Controller
-                              name={`cklstResultList.${resultIdx}.selected`}
-                              control={control}
-                              render={({ field, fieldState }) => (
-                                <FieldSet>
+                          <Controller
+                            name={`cklstResultList.${resultIdx}.selected`}
+                            control={control}
+                            render={({ field, fieldState }) => (
+                              <>
+                                <TableCell className="text-center">
                                   <RadioGroup
                                     name={field.name}
-                                    value={field.value || undefined}
+                                    value={field.value === "Y" ? "Y" : undefined}
                                     onValueChange={field.onChange}
+                                    className="flex justify-center"
                                   >
-                                    <div className="flex w-full justify-center gap-6">
-                                      <FieldLabel
-                                        htmlFor={`check-${item.cklstRvwSn}-Y`}
-                                        className="!w-auto border-none"
+                                    <FieldLabel
+                                      htmlFor={`check-${item.cklstRvwSn}-Y`}
+                                      className="!w-auto justify-center border-none"
+                                    >
+                                      <Field
+                                        orientation="horizontal"
+                                        data-invalid={fieldState.invalid}
+                                        className="w-auto"
                                       >
-                                        <Field
-                                          orientation="horizontal"
-                                          data-invalid={fieldState.invalid}
-                                          className="w-auto"
-                                        >
-                                          <RadioGroupItem
-                                            value="Y"
-                                            id={`check-${item.cklstRvwSn}-Y`}
-                                            aria-invalid={fieldState.invalid}
-                                          />
-                                          <span className="font-normal">예</span>
-                                        </Field>
-                                      </FieldLabel>
-                                      <FieldLabel
-                                        htmlFor={`check-${item.cklstRvwSn}-N`}
-                                        className="!w-auto border-none"
-                                      >
-                                        <Field
-                                          orientation="horizontal"
-                                          data-invalid={fieldState.invalid}
-                                          className="w-auto"
-                                        >
-                                          <RadioGroupItem
-                                            value="N"
-                                            id={`check-${item.cklstRvwSn}-N`}
-                                            aria-invalid={fieldState.invalid}
-                                          />
-                                          <span className="font-normal">아니오</span>
-                                        </Field>
-                                      </FieldLabel>
-                                    </div>
+                                        <RadioGroupItem
+                                          value="Y"
+                                          id={`check-${item.cklstRvwSn}-Y`}
+                                          aria-invalid={fieldState.invalid}
+                                          aria-label="예"
+                                        />
+                                      </Field>
+                                    </FieldLabel>
                                   </RadioGroup>
-                                </FieldSet>
-                              )}
-                            />
-                          </TableCell>
+                                </TableCell>
+                                <TableCell className="text-center">
+                                  <RadioGroup
+                                    name={field.name}
+                                    value={field.value === "N" ? "N" : undefined}
+                                    onValueChange={field.onChange}
+                                    className="flex justify-center"
+                                  >
+                                    <FieldLabel
+                                      htmlFor={`check-${item.cklstRvwSn}-N`}
+                                      className="!w-auto justify-center border-none"
+                                    >
+                                      <Field
+                                        orientation="horizontal"
+                                        data-invalid={fieldState.invalid}
+                                        className="w-auto"
+                                      >
+                                        <RadioGroupItem
+                                          value="N"
+                                          id={`check-${item.cklstRvwSn}-N`}
+                                          aria-invalid={fieldState.invalid}
+                                          aria-label="아니오"
+                                        />
+                                      </Field>
+                                    </FieldLabel>
+                                  </RadioGroup>
+                                </TableCell>
+                              </>
+                            )}
+                          />
                         ) : null}
                       </TableRow>
                     );