feat: 城中村租房平台 - 租客浏览、房东发布房源、图片上传

app/owner/page.tsx

@@ -0,0 +1,160 @@
+"use client";
+
+import { useState, useEffect } from "react";
+import Link from "next/link";
+import { useRouter } from "next/navigation";
+
+export default function OwnerPage() {
+  const router = useRouter();
+  const [isLogin, setIsLogin] = useState(true);
+  const [username, setUsername] = useState("");
+  const [password, setPassword] = useState("");
+  const [error, setError] = useState("");
+  const [loading, setLoading] = useState(false);
+  const [user, setUser] = useState<{ username: string } | null>(null);
+
+  useEffect(() => {
+    checkAuth();
+  }, []);
+
+  async function checkAuth() {
+    try {
+      const res = await fetch("/api/auth/me");
+      const data = await res.json();
+      if (data.user) {
+        setUser(data.user);
+        router.push("/owner/dashboard");
+      }
+    } catch (error) {
+      console.error("检查登录状态失败", error);
+    }
+  }
+
+  async function handleSubmit(e: React.FormEvent) {
+    e.preventDefault();
+    setError("");
+    setLoading(true);
+
+    try {
+      const endpoint = isLogin ? "/api/auth/login" : "/api/auth/register";
+      const res = await fetch(endpoint, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ username, password }),
+      });
+      const data = await res.json();
+
+      if (!res.ok) {
+        setError(data.error || "操作失败");
+        return;
+      }
+
+      router.push("/owner/dashboard");
+    } catch (error) {
+      setError("网络错误，请重试");
+    } finally {
+      setLoading(false);
+    }
+  }
+
+  return (
+    <div className="min-h-screen bg-gray-50">
+      <header className="bg-white px-4 py-3 flex items-center gap-4 shadow-sm">
+        <Link href="/" className="text-2xl text-gray-600">
+          ←
+        </Link>
+        <h1 className="font-semibold text-gray-900">房东入口</h1>
+      </header>
+
+      <main className="px-4 py-8">
+        <div className="text-center mb-8">
+          <div className="text-6xl mb-4">🏗️</div>
+          <h2 className="text-2xl font-bold text-gray-900">
+            {isLogin ? "房东登录" : "房东注册"}
+          </h2>
+          <p className="text-gray-500 mt-2">
+            {isLogin ? "登录后管理您的房源" : "注册后发布和管理房源"}
+          </p>
+        </div>
+
+        <form onSubmit={handleSubmit} className="bg-white rounded-2xl p-6 shadow-sm">
+          {error && (
+            <div className="bg-red-50 text-red-600 text-sm p-3 rounded-lg mb-4">
+              {error}
+            </div>
+          )}
+
+          <div className="mb-4">
+            <label className="block text-sm font-medium text-gray-700 mb-2">
+              用户名
+            </label>
+            <input
+              type="text"
+              value={username}
+              onChange={(e) => setUsername(e.target.value)}
+              placeholder="请输入用户名（至少3位）"
+              className="w-full px-4 py-3 rounded-xl border border-gray-200 focus:border-orange-500 focus:ring-2 focus:ring-orange-200 outline-none transition"
+              required
+              minLength={3}
+            />
+          </div>
+
+          <div className="mb-6">
+            <label className="block text-sm font-medium text-gray-700 mb-2">
+              密码
+            </label>
+            <input
+              type="password"
+              value={password}
+              onChange={(e) => setPassword(e.target.value)}
+              placeholder="请输入密码（至少6位）"
+              className="w-full px-4 py-3 rounded-xl border border-gray-200 focus:border-orange-500 focus:ring-2 focus:ring-orange-200 outline-none transition"
+              required
+              minLength={6}
+            />
+          </div>
+
+          <button
+            type="submit"
+            disabled={loading}
+            className="w-full py-4 bg-gradient-to-r from-orange-500 to-orange-600 text-white font-semibold rounded-xl shadow-lg hover:shadow-xl transition disabled:opacity-50"
+          >
+            {loading ? "处理中..." : (isLogin ? "登录" : "注册")}
+          </button>
+
+          <div className="mt-4 text-center text-sm">
+            {isLogin ? (
+              <p className="text-gray-500">
+                还没有账号？{" "}
+                <button
+                  type="button"
+                  onClick={() => setIsLogin(false)}
+                  className="text-orange-500 font-medium"
+                >
+                  立即注册
+                </button>
+              </p>
+            ) : (
+              <p className="text-gray-500">
+                已有账号？{" "}
+                <button
+                  type="button"
+                  onClick={() => setIsLogin(true)}
+                  className="text-orange-500 font-medium"
+                >
+                  立即登录
+                </button>
+              </p>
+            )}
+          </div>
+        </form>
+
+        <p className="text-center text-gray-400 text-sm mt-8">
+          <Link href="/" className="text-orange-500">
+            ← 返回找房
+          </Link>
+        </p>
+      </main>
+    </div>
+  );
+}