update:系统管理

frontend/app/components/admin/UserMultiSelect.tsx

@@ -7,10 +7,12 @@ export function UserMultiSelect({
   users,
   selectedUserIds,
   onChange,
+  existingMemberIds,
 }: {
   users: Employee[];
   selectedUserIds: string[];
   onChange: (ids: string[]) => void;
+  existingMemberIds?: string[];
 }) {
   const [isOpen, setIsOpen] = useState(false);
   const containerRef = useRef<HTMLDivElement>(null);
@@ -114,39 +116,55 @@ export function UserMultiSelect({
             top: "100%",
             left: 0,
             right: 0,
-            maxHeight: "200px",
+            maxHeight: "136px",
             overflowY: "auto",
             border: "1px solid #1890ff",
             borderRadius: "4px",
             backgroundColor: "#fff",
-            zIndex: 1000,
+            zIndex: 100,
             marginTop: "2px",
             boxShadow: "0 2px 8px rgba(0,0,0,0.15)",
           }}
         >
-          {users.map((user) => {
-            const isSelected = selectedUserIds.includes(user.user_id);
-            return (
-              <div
-                key={user.user_id}
-                onClick={() => toggleUser(user.user_id)}
-                style={{
-                  display: "flex",
-                  justifyContent: "space-between",
-                  alignItems: "center",
-                  padding: "8px 12px",
-                  cursor: "pointer",
-                  backgroundColor: isSelected ? "#e6f7ff" : "transparent",
-                  borderBottom: "1px solid #f0f0f0",
-                }}
-              >
-                <span>
-                  {user.display_name} <span style={{ color: "#999" }}>({user.username})</span>
-                </span>
-                {isSelected && <span style={{ color: "#1890ff" }}>✓</span>}
-              </div>
-            );
-          })}
+          {users.length === 0 ? (
+            <div style={{ padding: "12px", color: "#999", textAlign: "center", fontSize: "13px" }}>
+              所有可选用户已在项目中
+            </div>
+          ) : (
+            users.map((user) => {
+              const isSelected = selectedUserIds.includes(user.user_id);
+              const isExisting = existingMemberIds?.includes(user.user_id);
+              const isDisabled = isExisting;
+              return (
+                <div
+                  key={user.user_id}
+                  onClick={() => !isDisabled && toggleUser(user.user_id)}
+                  style={{
+                    display: "flex",
+                    justifyContent: "space-between",
+                    alignItems: "center",
+                    padding: "6px 12px",
+                    cursor: isDisabled ? "not-allowed" : "pointer",
+                    backgroundColor: isSelected ? "#e6f7ff" : isExisting ? "#f5f5f5" : "transparent",
+                    borderBottom: "1px solid #f0f0f0",
+                    opacity: isDisabled ? 0.6 : 1,
+                  }}
+                >
+                  <span>
+                    {user.display_name} <span style={{ color: "#999" }}>({user.username})</span>
+                  </span>
+                  <div style={{ display: "flex", alignItems: "center", gap: "6px" }}>
+                    {isExisting && (
+                      <span style={{ fontSize: "11px", color: "#999", backgroundColor: "#f0f0f0", padding: "1px 6px", borderRadius: "2px" }}>
+                        已在项目中
+                      </span>
+                    )}
+                    {isSelected && <span style={{ color: "#1890ff" }}>✓</span>}
+                  </div>
+                </div>
+              );
+            })
+          )}
         </div>
       )}
     </div>