update

app/(introduce)/talents/vice-researcher/layout.tsx

@@ -0,0 +1,19 @@
+import React, { ReactNode } from "react";
+import Breadcrumb from "@/app/components/Breadcrumb";
+
+const breadcrumb = [
+  { href: "/", title: "首页" },
+  { href: "/organization/overview", title: "机构设置" },
+  { href: "/organization/research-platform", title: "科研平台" },
+];
+
+const Layout = ({ children }: { children: ReactNode }) => {
+  return (
+    <div className={"flex flex-col h-full"}>
+      <Breadcrumb navigations={breadcrumb} />
+      <div className={"bg-white px-5 py-4 flex-1 mt-2"}>{children}</div>
+    </div>
+  );
+};
+
+export default Layout;

app/(introduce)/talents/vice-researcher/page.tsx

@@ -1,5 +1,40 @@
+import Link from "next/link";
+
+const academicians = [
+  {
+    picture:
+      "/uploads/image/20231030/2a2f235b-711a-47fb-9d20-c5a1c332ff78.jpeg",
+    name: "周祥东",
+    link: "",
+  },
+  {
+    picture:
+      "/uploads/image/20231030/390a39d3-0729-446f-b361-c34f4f6cb0ff.jpeg",
+    name: "王兴祖",
+    link: "",
+  },
+];
+
 const Page = () => {
-  return <div>副研究员</div>;
+  return (
+    <>
+      <h2 className={"text-center text-lg font-bold text-[#054786]"}>研究员</h2>
+      <div className={`flex mt-8 justify-around`}>
+        {academicians.map((academician) => (
+          <div
+            key={academician.name}
+            className={`flex flex-col items-center w-1/5`}
+          >
+            <img
+              className={"h-[138px]"}
+              src={`${process.env.NEXT_ADMIN_BASE_URL}${academician.picture}`}
+            />
+            <Link href={academician.link}>{academician.name}</Link>
+          </div>
+        ))}
+      </div>
+    </>
+  );
 };
 
 export default Page;