[apps/cs] feat: 조직도관리 > 사용자추가 로직 수정 (CS_UT03040105)

apps/cs/src/pages/organization/ui/add-user-dialog.tsx

@@ -72,7 +72,7 @@ function AddUserDialog({ onAddUsers, ...props }: AddUserDialogProps) {
       </DialogTrigger>
       <DialogContent className="max-w-[60rem]" aria-describedby={undefined}>
         <DialogHeader>
-          <DialogTitle>콘텐츠 조회</DialogTitle>
+          <DialogTitle>사용자 조회</DialogTitle>
         </DialogHeader>
         <div className="flex flex-col gap-4">
           <div className="card card-border !m-0 flex w-full items-center gap-2">

apps/cs/src/pages/organization/ui/user-organization-section.tsx

@@ -242,6 +242,16 @@ function UserOrganizationSection({ ognzSn }: UserOrganizationSectionProps) {
       </div>
       <div className="card max-h-[calc(100vh-58rem)] overflow-auto !p-0">
         <Table>
+          <colgroup>
+            <col width="5%" />
+            <col width="5%" />
+            <col width="auto" />
+            <col width="10%" />
+            <col width="10%" />
+            <col width="10%" />
+            <col width="15%" />
+            <col width="15%" />
+          </colgroup>
           <TableHeader className="sticky top-0">
             <TableRow>
               <TableHead>
@@ -300,6 +310,9 @@ const UserCells = memo(
     jobPositionCodeData,
     jobGradeCodeData,
   }: UserCellsProps) => {
+    const [jbpsSeCd, setJbpsSeCd] = useState(user.jbpsSeCd);
+    const [jbgdSeCd, setJbgdSeCd] = useState(user.jbgdSeCd);
+
     const updateMode = (index: number) => {
       const mode = form.watch(`userOrganization.${index}.mode`);
       if (mode === "R") {
@@ -322,17 +335,33 @@ const UserCells = memo(
           <CodeSelect
             codeData={jobPositionCodeData}
             defaultValue={user.jbpsSeCd}
-            onValueChange={updateFormValue(index, "jbpsSeCd")}
+            onValueChange={(value) => {
+              setJbpsSeCd(value);
+              updateFormValue(index, "jbpsSeCd")(value);
+            }}
             {...form.register(`userOrganization.${index}.jbpsSeCd`)}
           />
+          {!jbpsSeCd && (
+            <p className="pt-1 text-base text-destructive">
+              직위를 선택해주세요.
+            </p>
+          )}
         </TableCell>
         <TableCell align="center">
           <CodeSelect
             codeData={jobGradeCodeData}
             defaultValue={user.jbgdSeCd}
-            onValueChange={updateFormValue(index, "jbgdSeCd")}
+            onValueChange={(value) => {
+              setJbgdSeCd(value);
+              updateFormValue(index, "jbgdSeCd")(value);
+            }}
             {...form.register(`userOrganization.${index}.jbgdSeCd`)}
           />
+          {!jbgdSeCd && (
+            <p className="pt-1 text-base text-destructive">
+              직급을 선택해주세요.
+            </p>
+          )}
         </TableCell>
         <TableCell align="center">
           <Input