refactor(staff-picker): drop 已绑定 badge, auto-fill 用户号/用户名

- Remove the green '已绑定' badge from StaffPicker; the prototype doesn't show one and it's confusing in create mode (nothing has been saved yet). - On staff selection, auto-fill 用户号 (sUserNo) and 用户名 (sUserName) with the staff's Chinese name to match prototype behavior; user can still override either field after selection.

refactor(staff-picker): drop 已绑定 badge, auto-fill 用户号/用户名
- Remove the green '已绑定' badge from StaffPicker; the prototype doesn't show one and it's confusing in create mode (nothing has been saved yet). - On staff selection, auto-fill 用户号 (sUserNo) and 用户名 (sUserName) with the staff's Chinese name to match prototype behavior; user can still override either field after selection.
zichun
1 parent 3beaa61a
Showing 2 changed files with 8 additions and 23 deletions
frontend/src/components/StaffPicker.tsx
frontend/src/pages/usr/UserDetail.tsx
@@ -4,7 +4,6 @@ import { searchStaff, type StaffSearchVO } from &quot;@/api/staff&quot;;
 interface Props {
   value: string;
-  staffId: number | null;
   onChange: (name: string, staffId: number | null) => void;
   disabled?: boolean;
   required?: boolean;
@@ -27,7 +26,6 @@ const fieldControl: React.CSSProperties = {
 export default function StaffPicker({
   value,
-  staffId,
   onChange,
   disabled,
   required,
@@ -111,25 +109,6 @@ export default function StaffPicker({
       >
         <SearchOutlined />
       </span>
-      {staffId != null && !disabled && (
-        <span
-          style={{
-            position: "absolute",
-            right: 22,
-            top: "50%",
-            transform: "translateY(-50%)",
-            fontSize: 9,
-            color: "#fff",
-            background: "var(--success)",
-            padding: "1px 4px",
-            borderRadius: 2,
-            pointerEvents: "none",
-          }}
-          title={`已绑定职员 ID ${staffId}`}
-        >
-          已绑定
-        </span>
-      )}
       {open && !disabled && (
         <div
           style={{
@@ -304,9 +304,15 @@ export default function UserDetail({ userId, mode: initialMode }: Props) {
         <Field label="员工名" required>
           <StaffPicker
             value={form.staffName}
-            staffId={form.iStaffId}
             onChange={(name, id) =>
-              setForm((s) => ({ ...s, staffName: name, iStaffId: id }))
+              setForm((s) => ({
+                ...s,
+                staffName: name,
+                iStaffId: id,
+                // Auto-fill 用户号 / 用户名 to the staff name on selection
+                // (matches prototype behavior — user can still override after).
+                ...(id != null ? { sUserNo: name, sUserName: name } : {}),
+              }))
             }
             disabled={disabled}
             required