使用帮助

目录导航

一、平台概述

安全管理工具平台是一套纯前端的安全管理辅助工具集合,无需安装任何软件,用浏览器打开即可使用。平台包含以下已上线模块:

模块功能状态
证件图片处理证件照裁剪、调色、换底色、压缩导出可用
特种设备证件管理特种设备操作证登记、查询、到期提醒、导出可用
隐患台账安全隐患登记、跟踪、整改流转、统计导出可用
模块四 ~ 模块十功能待定义待定
所有功能均在本地浏览器中运行,数据保存在本地,不会上传至任何服务器,可放心使用。

二、首页使用

打开 index.html 文件即进入平台首页,页面以卡片网格形式展示全部10个模块入口。

三、证件图片处理

用于对证件照片进行裁剪尺寸、调整颜色、更换背景色、压缩并导出。

3.1 上传图片

  1. 点击上传区域,或将图片文件直接拖拽到上传区域
  2. 支持 JPG、PNG、BMP、WebP 格式
  3. 上传后自动显示原图预览和处理后效果

3.2 证件照尺寸预设

预设尺寸(像素)对应规格
一寸295 x 41325 x 35mm
二寸413 x 57935 x 49mm
小二寸390 x 56733 x 48mm
护照358 x 44133 x 48mm
自定义手动输入宽高任意尺寸

点击预设按钮后自动按比例居中裁剪;选择"自定义"后在输入框填写像素值,点击"应用"生效。

3.3 背景色替换

提供白色、蓝色、红色、灰色四种常用底色一键切换,也可点击彩色圆钮使用取色器选择任意颜色。

背景色替换是在图片底部填充纯色,适用于纯色/浅色背景的证件照。如原图背景复杂,需先用专业工具抠图。

3.4 图像调节

3.5 旋转与翻转

3.6 导出下载

  1. 拖动"输出压缩质量"滑块设置压缩率(10%~100%,默认92%)
  2. 在下拉菜单选择导出格式:JPG / PNG / WebP
  3. 点击"下载图片"按钮,处理后的图片自动保存到本地
点击"重置"按钮可恢复所有参数到初始状态。

四、特种设备证件管理

用于管理特种设备操作人员的资格证件信息,自动跟踪证件有效期状态。

4.1 统计面板

页面顶部显示四个统计卡片,实时统计当前证件的各状态数量:

指标说明
证件总数已录入的全部证件记录数
有效有效期距今 > 30天
即将到期有效期距今 ≤ 30天 橙色警示
已过期有效期已过 红色警示

4.2 新增证件

  1. 点击"+ 新增证件"按钮打开录入窗口
  2. 填写姓名、证件编号、设备类型(叉车/起重机/锅炉/压力容器/电梯/其他)
  3. 选择发证日期和有效期截止日期
  4. 可选填备注信息
  5. 点击"保存"完成录入

4.3 搜索与筛选

4.4 编辑与删除

4.5 导出CSV

点击"导出CSV"按钮,将所有证件记录导出为 CSV 文件,可用 Excel 或 WPS 打开查看。文件名自动包含当天日期。

五、隐患台账

用于记录、跟踪和管理安全隐患的发现与整改全流程。

5.1 统计面板

指标说明
隐患总数全部隐患记录
待整改已发现但尚未开始整改 橙色
整改中已开始整改但未完成 黄色
已完成整改完毕 绿色
已逾期超过整改期限仍未完成 红色

5.2 新增隐患

  1. 点击"+ 新增隐患"按钮
  2. 填写隐患描述(详细说明隐患情况)
  3. 选择隐患等级:重大隐患 / 一般隐患 / 轻微隐患
  4. 选择隐患类别(机械伤害/电气安全/消防安全/高处坠落/物体打击/中毒窒息/其他)
  5. 填写隐患位置、发现日期、整改期限、责任人
  6. 可选填整改措施
  7. 点击"保存"

5.3 状态流转

每条隐患记录支持以下状态操作:

列表默认按紧急程度排序:已逾期 > 待整改 > 整改中 > 已完成。

5.4 隐患等级色标

每条隐患卡片左侧有彩色条纹标识等级:

5.5 搜索、筛选与导出

六、数据存储说明

本平台所有数据均使用浏览器 localStorage 存储在本地:

模块存储键名说明
特种设备证件管理cert_records证件记录数据(JSON格式)
隐患台账hazard_records隐患记录数据(JSON格式)
证件图片处理不存储数据,仅实时处理
注意事项:
- 清除浏览器缓存/数据会导致已录入的记录丢失
- 建议定期使用"导出CSV"功能备份重要数据
- 不同浏览器之间的数据不互通
- 数据仅保存在本机,不会上传至网络

七、浏览器兼容性

浏览器最低版本推荐
Google Chrome80+推荐使用
Microsoft Edge80+推荐使用
Firefox78+支持
Safari14+支持
IE 浏览器不支持
推荐使用 Chrome 或 Edge 浏览器以获得最佳体验。手机浏览器也可正常使用,页面已做响应式适配。

八、常见问题

Q1:数据会丢失吗?

数据保存在浏览器本地存储中。以下操作会导致数据丢失:清除浏览器数据、卸载浏览器、使用隐私/无痕模式。建议定期导出 CSV 备份。

Q2:能在手机上使用吗?

可以。所有页面均已适配移动端,用手机浏览器打开 HTML 文件即可使用。

Q3:证件图片处理中如何精确更换人像背景?

当前背景色功能是在图片底部叠加纯色,适用于浅色纯色背景的证件照。如需精确抠除复杂背景,建议先用专业图像处理工具完成抠图后再导入本工具调整尺寸和颜色。

Q4:导出的CSV文件乱码怎么办?

导出文件已添加 UTF-8 BOM 标记,正常情况下用 Excel 或 WPS 打开不会乱码。如仍出现乱码,可尝试:打开 Excel → 数据 → 从文本/CSV导入 → 选择 UTF-8 编码。

Q5:模块4-10什么时候可以使用?

模块4至模块10的功能尚待定义,确认需求后即可开发上线。

Q6:能多人共享数据吗?

当前为纯本地版本,数据不支持多人共享。如需多人协作,后续可升级为联网版本。