Files
dms/client/src/pages/About.jsx
T

75 lines
3.8 KiB
React
Raw Normal View History

2026-08-10 22:56:38 +08:00
import React from 'react'
import { Card, Divider } from 'antd'
function About() {
return (
<div className="about-page">
<Card>
<h1>影视星河 · 设备管理系统 v1.0.0</h1>
<Divider />
<h2>软件概述</h2>
<p>
设备管理系统(Device Management System,简称DMS)是一款专为企事业单位设计的现代化设备资产管理软件。
系统集成了设备全生命周期管理、人员管理、通知推送等核心功能,旨在帮助用户高效管理各类IT设备和办公资产。
</p>
<h2>核心功能</h2>
<ul>
<li><strong>登录认证:</strong>支持账号密码登录,内置默认管理员账户,登录后根据时间智能问候</li>
<li><strong>每日天气:</strong>顶部导航栏实时显示当前城市天气、温度、湿度等信息</li>
<li><strong>设备管理:</strong>支持设备的添加、编辑、删除、查询等全生命周期管理,涵盖笔记本电脑、台式机、显示器、打印机、网络设备等各类IT资产</li>
<li><strong>人员管理:</strong>维护组织架构中的人员信息,包括部门、职位、联系方式等,便于设备责任分配</li>
<li><strong>通知管理:</strong>支持发布各类通知、公告和提醒,可设置优先级和发送范围,确保重要信息及时传达</li>
<li><strong>数据概览:</strong>提供直观的仪表盘,实时展示设备状态、人员情况和通知统计</li>
<li><strong>搜索过滤:</strong>支持按关键词、类型、状态等多维度快速检索</li>
<li><strong>品牌标识:</strong>登录页、侧边栏、顶部导航均展示影视星河品牌 Logo</li>
</ul>
<h2>技术架构</h2>
<ul>
<li><strong>前端:</strong>React 18 + Ant Design 5 + Vite 5</li>
<li><strong>后端:</strong>Node.js + Express.js</li>
<li><strong>数据库:</strong>SQLite(轻量级嵌入式数据库,无需额外安装)</li>
<li><strong>桌面端:</strong>Electron(支持打包为Windows/Mac/Linux桌面应用)</li>
</ul>
<h2>部署方式</h2>
<ul>
<li><strong>服务器部署:</strong>通过 Node.js 直接运行,支持任何服务器环境</li>
<li><strong>桌面应用:</strong>打包为 Windows EXE 安装包,支持一键安装使用</li>
<li><strong>手机网页:</strong>响应式设计,手机浏览器直接访问,自动适配移动端布局</li>
<li><strong>手机App:</strong>支持 PWA 安装到桌面,或通过 Capacitor 打包原生 Android APK</li>
<li><strong>局域网部署:</strong>支持在内网服务器上部署,供局域网内所有设备访问</li>
</ul>
<h2>默认管理员账户</h2>
<ul>
<li>用户名:<strong>admin</strong></li>
<li>密码:<strong>admin123</strong></li>
<li>角色:<strong>系统管理员</strong></li>
</ul>
<p className="warning">提示:首次登录后请及时修改默认密码,确保系统安全。</p>
<h2>系统要求</h2>
<ul>
<li>操作系统:Windows 10/11、macOS 10.15+、Linux</li>
<li>内存:最低 2GB,推荐 4GB 以上</li>
<li>存储空间:最低 200MB 可用空间</li>
<li>浏览器:Chrome 80+、Firefox 78+、Edge 80+、Safari 14+</li>
<li>网络:天气功能需要访问互联网(Open-Meteo 免费天气接口)</li>
</ul>
<h2>版本信息</h2>
<ul>
<li>当前版本:v1.0.0</li>
<li>发布日期:2026年8月</li>
<li>许可证:MIT License</li>
</ul>
</Card>
</div>
)
}
export default About