[as] feat: 보완 요청 사항 반영 (20260928_1521)

apps/as/src/pages/design-cnstn/model/columns.tsx

@@ -61,6 +61,13 @@ function buildProgressBadges(prgrsSttsComCd: string): ProgressBadge[] {
   ];
 }
 
+function getProgressStatusBadge(prgrsSttsComCd?: string | null) {
+  if (prgrsSttsComCd === "SL") {
+    return <Badge color="orange">보완요청</Badge>;
+  }
+  return null;
+}
+
 function getBadgeColor(state: BadgeState) {
   switch (state) {
     case "completed":
@@ -110,7 +117,11 @@ export function createDesignCnstnColumns() {
     columnHelper.accessor("bizNm", {
       header: "사업명",
       meta: { align: "left" },
-      cell: ({ getValue }) => formatOptional(getValue()),
+      cell: ({ row, getValue }) => (
+        <>
+          {getProgressStatusBadge(row.original.prgrsSttsComCd)} {formatOptional(getValue())}
+        </>
+      ),
     }),
     columnHelper.accessor("taskSeCdNm", {
       header: "업무구분",

apps/as/src/pages/fnrs-cnsltn/model/columns.tsx

@@ -102,6 +102,13 @@ function buildProgressBadges(prgrsSttsComCd: string, techRplyHstryYn: "Y" | "N")
   ];
 }
 
+function getProgressStatusBadge(prgrsSttsComCd?: string | null) {
+  if (prgrsSttsComCd === "SL") {
+    return <Badge color="orange">보완요청</Badge>;
+  }
+  return null;
+}
+
 function getBadgeColor(state: BadgeState) {
   switch (state) {
     case "completed":
@@ -152,7 +159,11 @@ export function createFnrsCnsltnColumns() {
     columnHelper.accessor("bizNm", {
       header: "사업명",
       meta: { align: "left" },
-      cell: ({ getValue }) => formatOptional(getValue()),
+      cell: ({ row, getValue }) => (
+        <>
+          {getProgressStatusBadge(row.original.prgrsSttsComCd)} {formatOptional(getValue())}
+        </>
+      ),
     }),
     columnHelper.accessor("taskSeCdNm", {
       header: "업무구분",

apps/as/src/pages/instl-sncn/model/columns.tsx

@@ -103,6 +103,13 @@ function buildProgressBadges(prgrsSttsComCd: string, techRplyHstryYn: "Y" | "N")
   ];
 }
 
+function getProgressStatusBadge(prgrsSttsComCd?: string | null) {
+  if (prgrsSttsComCd === "SL") {
+    return <Badge color="orange">보완요청</Badge>;
+  }
+  return null;
+}
+
 function getBadgeColor(state: BadgeState) {
   switch (state) {
     case "completed":
@@ -153,7 +160,11 @@ export function createInstlSncnColumns() {
     columnHelper.accessor("bizNm", {
       header: "사업명",
       meta: { align: "left" },
-      cell: ({ getValue }) => formatOptional(getValue()),
+      cell: ({ row, getValue }) => (
+        <>
+          {getProgressStatusBadge(row.original.prgrsSttsComCd)} {formatOptional(getValue())}
+        </>
+      ),
     }),
     columnHelper.accessor("taskSeCdNm", {
       header: "업무구분",

apps/as/src/pages/sewer-bsc-plan/model/columns.tsx

@@ -101,6 +101,13 @@ function buildProgressBadges(prgrsSttsComCd: string, techRplyHstryYn: "Y" | "N")
   ];
 }
 
+function getProgressStatusBadge(prgrsSttsComCd?: string | null) {
+  if (prgrsSttsComCd === "SL") {
+    return <Badge color="orange">보완요청</Badge>;
+  }
+  return null;
+}
+
 function getBadgeColor(state: BadgeState) {
   switch (state) {
     case "completed":
@@ -151,7 +158,11 @@ export function createSewerBscPlanColumns() {
     columnHelper.accessor("sewerBscPlanNm", {
       header: "기본계획명",
       meta: { align: "left" },
-      cell: ({ getValue }) => formatOptional(getValue()),
+      cell: ({ row, getValue }) => (
+        <>
+          {getProgressStatusBadge(row.original.prgrsSttsComCd)} {formatOptional(getValue())}
+        </>
+      ),
     }),
     columnHelper.accessor("sewerBscPlanSeCdNm", {
       header: "계획구분",

apps/as/src/pages/sewer-bsc-plan/ui/sewer-bsc-plan-form-page.tsx

@@ -240,7 +240,7 @@ function SewerBscPlanFormPage({
 
   return (
     <FormProvider {...form}>
-      <form onSubmit={form.handleSubmit(onSave)} className="mt-6 space-y-4">
+      <form onSubmit={form.handleSubmit(onSave)} className="mt-4">
         <SectionCollapsibleGroup>
           <div className="sticky top-[6rem] z-30 bg-container px-4 py-2">
             <SectionCollapsibleToggle />

apps/as/src/widgets/pbadms-sprt/ui/attachments-form-section.tsx

@@ -15,7 +15,11 @@ import {
   SectionCollapsible,
   UploadedFileChip,
 } from "@/shared/ui";
-import { attachService, useDownloadAttachmentByAtflCd, useDownloadAttachmentByAtflId } from "@/entities/attach";
+import {
+  attachService,
+  useDownloadAttachmentByAtflCd,
+  useDownloadAttachmentByAtflId,
+} from "@/entities/attach";
 import { useEsntlAtchFileMngTree } from "@/entities/esntl";
 import {
   Button,
@@ -373,32 +377,26 @@ function AttachmentsFormSection({
   return (
     <SectionCollapsible title="첨부파일">
       <div className="space-y-6">
-        <div className="px-2">
-          <h3 className="mb-4 text-xl font-semibold">필수 첨부파일</h3>
-          <Table variant="secondary" className="table-fixed">
-            <colgroup>
-              <col width="44%" />
-              <col width="12%" />
-              <col width="44%" />
-            </colgroup>
-            <TableHeader>
-              <TableRow>
-                <TableHead className="w-[30rem]" align="left">
-                  파일명
-                </TableHead>
-                <TableHead>파일 확장자</TableHead>
-                <TableHead>파일첨부</TableHead>
-              </TableRow>
-            </TableHeader>
-            <TableBody>
-              {essentialFiles.length === 0 ? (
+        {essentialFiles.length === 0 && (
+          <div className="px-2">
+            <h3 className="mb-4 text-xl font-semibold">필수 첨부파일</h3>
+            <Table variant="secondary" className="table-fixed">
+              <colgroup>
+                <col width="44%" />
+                <col width="12%" />
+                <col width="44%" />
+              </colgroup>
+              <TableHeader>
                 <TableRow>
-                  <TableCell colSpan={4} className="py-12 text-center text-muted-foreground">
-                    조회된 필수 첨부파일 항목이 없습니다.
-                  </TableCell>
+                  <TableHead className="w-[30rem]" align="left">
+                    파일명
+                  </TableHead>
+                  <TableHead>파일 확장자</TableHead>
+                  <TableHead>파일첨부</TableHead>
                 </TableRow>
-              ) : (
-                essentialFiles.map((file) => {
+              </TableHeader>
+              <TableBody>
+                {essentialFiles.map((file) => {
                   const atflCd = file.atchFileGroupId ?? "";
 
                   return (
@@ -445,11 +443,11 @@ function AttachmentsFormSection({
                       </TableCell>
                     </TableRow>
                   );
-                })
-              )}
-            </TableBody>
-          </Table>
-        </div>
+                })}
+              </TableBody>
+            </Table>
+          </div>
+        )}
 
         <div className="px-2">
           <div className="mb-4 flex items-center justify-between">
@@ -468,9 +466,7 @@ function AttachmentsFormSection({
                     fileName={item.file?.name ?? item.fileName}
                     isUploading={isUploading[item.fileKey] ?? false}
                     onRemove={() => void removeEtcFile(idx)}
-                    onDownload={
-                      item.atflId ? () => downloadByAtflId(item.atflId!) : undefined
-                    }
+                    onDownload={item.atflId ? () => downloadByAtflId(item.atflId!) : undefined}
                   />
                 ))}
               </div>