diff --git a/pages/dashboard.tsx b/pages/dashboard.tsx index fd0cf6e..d90cba1 100644 --- a/pages/dashboard.tsx +++ b/pages/dashboard.tsx @@ -1,9 +1,153 @@ import { NextPage } from "next"; import { Button, Card, Col, Container, Form, Row } from "react-bootstrap"; -const DashBoard: NextPage = () => { - const entryBlocks = [{}, {}]; +type EntryBlock = { + title: string; + url: string; + style: { + background: string; + icon: string; + }; + externalLinks?: { text: string; url: string }[]; +}; +const entryBlocks: EntryBlock[] = [ + { + title: "养老大数据展示", + url: "bigdata", + style: { + background: "linear-gradient(to right top, #822659, #B34180)", + icon: ` + + + + `, + }, + }, + { + title: "养老服务监管系统", + url: "supervision", + style: { + background: "linear-gradient(to right top, #1C0C5B, #3D2C8D)", + icon: ` + + + `, + }, + }, + { + title: "关爱地图", + url: "care-map", + style: { + background: "linear-gradient(to right top, #204051, #3B6978)", + icon: ` + + + `, + }, + }, + { + title: "工单管理系统", + url: "ticket", + style: { + // background: "linear-gradient(to right top, #44000D, #83142C)", + background: "linear-gradient(to right top, #872341, #BE3144)", + icon: ` + + + `, + }, + }, + { + title: "敬老服务中心管理", + url: "care-center", + style: { + background: "linear-gradient(to right top, #226089, #4592AF)", + icon: "", + }, + }, + { + title: "养老服务培训", + url: "service-training", + style: { + background: "linear-gradient(to right top, #D84C73, #FF8484)", + icon: "", + }, + }, + { + title: "供应商资源管理", + url: "supplier", + style: { + background: "linear-gradient(to right top, #2F8886, #84C69B)", + icon: "", + }, + }, + { + title: "基础信息管理", + url: "profile", + style: { + background: "linear-gradient(to right top, #DE703C, #FBB040)", + icon: "", + }, + }, +]; + +function getLoginUrl(toUrl: string): string { + return "/login?to=" + toUrl + "&from=dashboard"; +} + +function EntryBlockConstructor(entry: EntryBlock) { + return ( + + + {entry.title} + + + ); +} + +const DashBoard: NextPage = () => { return ( <> -

智慧养老综合服务平台

+

智慧养老综合服务平台


- - + {/* + - 养老大数据 + + 养老大数据 + - + */} + + {entryBlocks.map((entry) => { + return ( + + + + + {entry.title} + + + + + ); + })} +