From ead536459b3c257d8b21329a4dce501f7d90792e Mon Sep 17 00:00:00 2001
From: zichun <zhuzichunhogan@gmail.com>
Date: Thu, 30 Apr 2026 19:30:53 +0800
Subject: [PATCH] refactor(staff-picker): drop 已绑定 badge, auto-fill 用户号/用户名

---
 frontend/src/components/StaffPicker.tsx | 21 ---------------------
 frontend/src/pages/usr/UserDetail.tsx   | 10 ++++++++--
 2 files changed, 8 insertions(+), 23 deletions(-)

diff --git a/frontend/src/components/StaffPicker.tsx b/frontend/src/components/StaffPicker.tsx
index c422d26..1380ad0 100644
--- a/frontend/src/components/StaffPicker.tsx
+++ b/frontend/src/components/StaffPicker.tsx
@@ -4,7 +4,6 @@ import { searchStaff, type StaffSearchVO } from "@/api/staff";
 
 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={{
diff --git a/frontend/src/pages/usr/UserDetail.tsx b/frontend/src/pages/usr/UserDetail.tsx
index 2358cd1..7e5fc37 100644
--- a/frontend/src/pages/usr/UserDetail.tsx
+++ b/frontend/src/pages/usr/UserDetail.tsx
@@ -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
--
libgit2 0.22.2