feat(site/blog): add luban project

site/blog/app/projects/constant/projects.ts

@@ -37,11 +37,13 @@ export default [
     sub_href: "https://health.qhan.wang/adm",
   },
   {
-    key: "1",
+    key: "luban",
     name: "鲁班系统",
     labels: ["react", "electron", "nodejs"],
     icons: ["i-logos:react", "i-logos:electron", "i-logos:nodejs"],
     desc: "包含桌面端与WEB端，定位于关注精细化运营、高效运营支撑。主要支撑课程顾问、班主任老师对客户转化、社群运营的诉求，协助一线老师完成销售、运营目标。",
+    href: "luban",
+    date: "202102",
   },
   {
     key: "2",

site/blog/app/projects/luban/images.ts

@@ -0,0 +1,58 @@
+const pics = [
+  "main",
+  "users",
+  "contacts",
+  "complaint",
+  "workplace-1",
+  "workplace-2",
+  "workplace-3",
+  "workplace-4",
+  "aim-1",
+  "aim-2",
+  "aim-3",
+  "data-1",
+  "data-2",
+  "set-1",
+  "set-2",
+  "term-1",
+  "term-2",
+  "tools-auto-1",
+  "tools-auto-2",
+  "tools-auto-3",
+  "tools-auto-4",
+  "tools-auto-5",
+  "tools-auto-6",
+  "tools-auto-7",
+  "tools-whitelist",
+  "tools-blacklist",
+  "tools-single-del",
+  "tools-task",
+  "tools-ticket",
+  "tools-user",
+  "tools-grouping-1",
+  "tools-grouping-2",
+  "tools-mass-1",
+  "tools-mass-2",
+  "tools-sop-1",
+  "tools-sop-2",
+  "tools-sop-3",
+  "tools-sop-4",
+  "tools-sop-5",
+  "tools-sop-6",
+  "tools-sop-7",
+  "tools-sop-8",
+  "tools-sop-9",
+  "tools-sop-10",
+  "tools-sop-11",
+  "tools-sop-12",
+].map((c, idx) => {
+  const url = `/images/projects/jojo-luban/${c}.${idx > 0 ? "jpg" : "png"}`;
+
+  return {
+    url,
+    thumbnail: url,
+    ...(idx > 0 ? { width: 1500, height: 845 } : { width: 1306, height: 717 }),
+  };
+});
+
+export default pics;

site/blog/app/projects/luban/images_back.ts

@@ -0,0 +1,108 @@
+import main from "./images/main.png";
+import users from "./images/users.jpg";
+import contacts from "./images/contacts.jpg";
+import complaint from "./images/complaint.jpg";
+
+import workplace_1 from "./images/workplace-1.jpg";
+import workplace_2 from "./images/workplace-2.jpg";
+import workplace_3 from "./images/workplace-3.jpg";
+import workplace_4 from "./images/workplace-4.jpg";
+
+import aim_1 from "./images/aim-1.jpg";
+import aim_2 from "./images/aim-2.jpg";
+import aim_3 from "./images/aim-3.jpg";
+
+import data_1 from "./images/data-1.jpg";
+import data_2 from "./images/data-2.jpg";
+
+import set_1 from "./images/set-1.jpg";
+import set_2 from "./images/set-2.jpg";
+
+import term_1 from "./images/term-1.jpg";
+import term_2 from "./images/term-2.jpg";
+
+import tools_auto_1 from "./images/tools-auto-1.jpg";
+import tools_auto_2 from "./images/tools-auto-1.jpg";
+import tools_auto_3 from "./images/tools-auto-1.jpg";
+import tools_auto_4 from "./images/tools-auto-1.jpg";
+import tools_auto_5 from "./images/tools-auto-1.jpg";
+import tools_auto_6 from "./images/tools-auto-1.jpg";
+import tools_auto_7 from "./images/tools-auto-1.jpg";
+
+import tools_whitelist from "./images/tools-whitelist.jpg";
+import tools_blacklist from "./images/tools-blacklist.jpg";
+import tools_single_del from "./images/tools-single-del.jpg";
+import tools_task from "./images/tools-task.jpg";
+import tools_ticket from "./images/tools-ticket.jpg";
+import tools_user from "./images/tools-user.jpg";
+
+import tools_grouping_1 from "./images/tools-grouping-1.jpg";
+import tools_grouping_2 from "./images/tools-grouping-2.jpg";
+
+import tools_mass_1 from "./images/tools-mass-1.jpg";
+import tools_mass_2 from "./images/tools-mass-2.jpg";
+
+import tools_sop_1 from "./images/tools-sop-1.jpg";
+import tools_sop_2 from "./images/tools-sop-2.jpg";
+import tools_sop_3 from "./images/tools-sop-3.jpg";
+import tools_sop_4 from "./images/tools-sop-4.jpg";
+import tools_sop_5 from "./images/tools-sop-5.jpg";
+import tools_sop_6 from "./images/tools-sop-6.jpg";
+import tools_sop_7 from "./images/tools-sop-7.jpg";
+import tools_sop_8 from "./images/tools-sop-8.jpg";
+import tools_sop_9 from "./images/tools-sop-9.jpg";
+import tools_sop_10 from "./images/tools-sop-10.jpg";
+import tools_sop_11 from "./images/tools-sop-11.jpg";
+import tools_sop_12 from "./images/tools-sop-12.jpg";
+
+export default [
+  { url: main, thumbnail: main, width: 1306, height: 717 },
+].concat(
+  [
+    users,
+    contacts,
+    complaint,
+    workplace_1,
+    workplace_2,
+    workplace_3,
+    workplace_4,
+    aim_1,
+    aim_2,
+    aim_3,
+    data_1,
+    data_2,
+    set_1,
+    set_2,
+    term_1,
+    term_2,
+    tools_auto_1,
+    tools_auto_2,
+    tools_auto_3,
+    tools_auto_4,
+    tools_auto_5,
+    tools_auto_6,
+    tools_auto_7,
+    tools_whitelist,
+    tools_blacklist,
+    tools_single_del,
+    tools_task,
+    tools_ticket,
+    tools_user,
+    tools_grouping_1,
+    tools_grouping_2,
+    tools_mass_1,
+    tools_mass_2,
+    tools_sop_1,
+    tools_sop_2,
+    tools_sop_3,
+    tools_sop_4,
+    tools_sop_5,
+    tools_sop_6,
+    tools_sop_7,
+    tools_sop_8,
+    tools_sop_9,
+    tools_sop_10,
+    tools_sop_11,
+    tools_sop_12,
+  ].map((c) => ({ url: c, thumbnail: c, width: 1500, height: 845 }))
+);

site/blog/app/projects/luban/page.tsx

@@ -0,0 +1,30 @@
+import Footer from "@/app/components/Footer";
+import seo from "@/utils/seo";
+import Image from "next/image";
+
+import PicGallery from "../components/PicGallery";
+
+import pics from "./images";
+
+export async function generateMetadata() {
+  return seo({ title: "Projects" });
+}
+
+export default function Preview() {
+  return (
+    <>
+      <div className="prose prose-gray mx-auto">
+        <h2>鲁班系统</h2>
+        <p>
+          包含桌面端与WEB端，定位于关注精细化运营、高效运营支撑。主要支撑课程顾问、班主任老师对客户转化、社群运营的诉求，协助一线老师完成销售、运营目标。
+        </p>
+        <h4>所用技术</h4>
+        <p>react、antd、electron、node、c++、umi、less</p>
+
+        <h4>项目展示（桌面端）</h4>
+        <PicGallery id="luban-electron" images={pics} />
+      </div>
+      <Footer className="prose mx-auto" />
+    </>
+  );
+}