조직현황 구조변경. 총괄센터삼안 실 조직 삽입확인

adminfront/src/features/users/UserCreatePage.tsx

@@ -98,6 +98,7 @@ function createEmptyAppointment(): AppointmentDraft {
     tenantName: "",
     tenantSlug: "",
     isOwner: false,
+    grade: "",
     jobTitle: "",
     position: "",
   };
@@ -148,6 +149,7 @@ function UserCreatePage() {
       phone: "",
       tenantSlug: searchParams.get("tenantSlug") || "",
       department: "",
+      grade: "",
       position: "",
       jobTitle: "",
       metadata: {},
@@ -379,6 +381,7 @@ function UserCreatePage() {
       }
       payload.tenantSlug = data.tenantSlug;
       payload.department = data.department;
+      payload.grade = data.grade;
       payload.position = data.position;
       payload.jobTitle = data.jobTitle;
     }
@@ -411,6 +414,7 @@ function UserCreatePage() {
           tenantName: appointment.tenantName,
           isPrimary: appointment.isOwner,
           isOwner: appointment.isOwner,
+          grade: appointment.grade,
           jobTitle: appointment.jobTitle,
           position: appointment.position,
         }));
@@ -685,12 +689,20 @@ function UserCreatePage() {
                   </div>
                 </div>
 
-                <div className="grid gap-4 md:grid-cols-2">
+                <div className="grid gap-4 md:grid-cols-3">
                   <div className="space-y-2">
-                    <Label htmlFor="position">직급</Label>
+                    <Label htmlFor="grade">직급</Label>
+                    <Input
+                      id="grade"
+                      placeholder="수석/책임/선임"
+                      {...register("grade")}
+                    />
+                  </div>
+                  <div className="space-y-2">
+                    <Label htmlFor="position">직책</Label>
                     <Input
                       id="position"
-                      placeholder="수석/책임/선임"
+                      placeholder="팀장/센터장"
                       {...register("position")}
                     />
                   </div>
@@ -709,9 +721,11 @@ function UserCreatePage() {
                 <div className="space-y-3">
                   <div className="flex items-center justify-between gap-3">
                     <div>
-                      <p className="text-sm font-medium">소속별 직급/직무</p>
+                      <p className="text-sm font-medium">
+                        소속별 직급/직책/직무
+                      </p>
                       <p className="text-xs text-muted-foreground">
-                        테넌트별 조직장 여부, 직무, 직급을 입력합니다.
+                        테넌트별 조직장 여부, 직급, 직책, 직무를 입력합니다.
                       </p>
                     </div>
                     <Button
@@ -778,9 +792,23 @@ function UserCreatePage() {
                       </div>
 
                       <div
-                        className="grid gap-3 sm:grid-cols-2"
+                        className="grid gap-3 sm:grid-cols-3"
                         data-testid={`appointment-position-line-${index}`}
                       >
+                        <div className="space-y-2">
+                          <Label htmlFor={`appointment-grade-${index}`}>
+                            직급
+                          </Label>
+                          <Input
+                            id={`appointment-grade-${index}`}
+                            value={appointment.grade ?? ""}
+                            onChange={(event) =>
+                              updateAppointment(index, {
+                                grade: event.target.value,
+                              })
+                            }
+                          />
+                        </div>
                         <div className="space-y-2">
                           <Label htmlFor={`appointment-job-title-${index}`}>
                             직무
@@ -797,7 +825,7 @@ function UserCreatePage() {
                         </div>
                         <div className="space-y-2">
                           <Label htmlFor={`appointment-position-${index}`}>
-                            직급
+                            직책
                           </Label>
                           <Input
                             id={`appointment-position-${index}`}