添加3个普通用户，注释管理员选项，优化登录

app/routes/login.tsx

@@ -29,8 +29,31 @@ export async function action({ request }: ActionFunctionArgs) {
     return Response.json({ error: "用户名和密码不能为空" });
   }
 
+  if(userRole === 'common') {
+    // console.log("username-----", username);
+    // console.log("password-----", password);
+    const validUsers = [
+      { username: 'gdycuser', password: 'gdyc06111' },
+      { username: 'gdycuser2', password: 'gdyc06112' },
+      { username: 'gdycuser3', password: 'gdyc06113' }
+    ];
+    const validUser = validUsers.find(user => user.username === username && user.password === password);
+    if (!validUser) {
+      return Response.json({ error: "普通用户用户名或密码错误" });
+    }
+  }
+
+  // console.log("login success", userRole);
+
+  // 管理员登录
   if (userRole === 'developer') {
-    if (username !== 'admin' || password !== 'admin') {
+    const validAdminUsers = [
+      { username: 'admin', password: 'admin0611' },
+      // { username: 'admin2', password: 'admin06112' },
+      // { username: 'admin3', password: 'admin06113' }
+    ];
+    const validAdminUser = validAdminUsers.find(user => user.username === username && user.password === password);
+    if (!validAdminUser) {
       return Response.json({ error: "管理员用户名或密码错误" });
     }
   }
@@ -73,6 +96,7 @@ export default function Login() {
   const [username, setUsername] = useState("");
   const [password, setPassword] = useState("");
   const [userRole, setUserRole] = useState<UserRole>("common");
+  const [showPassword, setShowPassword] = useState(false);
   const actionData = useActionData<typeof action>();
   
   return (
@@ -111,15 +135,25 @@ export default function Login() {
             
             <div className="form-group">
               <label htmlFor="password">密码</label>
-              <input
-                type="password"
-                id="password"
-                name="password"
-                value={password}
-                onChange={(e) => setPassword(e.target.value)}
-                className="form-input"
-                placeholder="请输入密码"
-              />
+              <div className="password-input-container">
+                <input
+                  type={showPassword ? "text" : "password"}
+                  id="password"
+                  name="password"
+                  value={password}
+                  onChange={(e) => setPassword(e.target.value)}
+                  className="form-input password-input"
+                  placeholder="请输入密码"
+                />
+                <button
+                  type="button"
+                  className="password-toggle-btn"
+                  onClick={() => setShowPassword(!showPassword)}
+                  aria-label={showPassword ? "隐藏密码" : "显示密码"}
+                >
+                  <i className={showPassword ? "ri-eye-off-line" : "ri-eye-line"}></i>
+                </button>
+              </div>
             </div>
             
             <div className="form-group">
@@ -133,7 +167,7 @@ export default function Login() {
                 required
               >
                 <option value="common">普通用户</option>
-                <option value="developer">管理员</option>
+                {/* <option value="developer">管理员</option> */}
               </select>
             </div>