东瀚物业服务

微信小程序原型设计

佛山市顺德区东瀚物业服务有限公司

智慧工业园管理平台

版本 v2.0 · 双园区管理

2026年5月

东域金园 · 华科园

目录

1. 项目说明 P.3
2. 小程序功能大纲 P.4
3. 用户路径图(导航流程) P.5
4. 启动·登录·园区选择(2页) P.6-7
5. 核心 Tab 页面(4页) P.8-11
6. 智慧园区·物流与能源(6页) P.12-17
7. 资源预约(3页 · 新增) P.18-20
8. 物业中心·报修与服务(5页) P.21-25
9. 互动反馈(2页) P.26-27
10. 安全管理(3页) P.28-30
11. v2.0 调整说明 P.31
12. 技术对接说明 P.32

项目说明

客户信息

客户名称: 佛山市顺德区东瀚物业服务有限公司
在管园区: 东域金园 · 华科园(双园区)
服务行业: 工业园物业管理
项目目标: 通过园区服务平台对园区智能化管理数据的集成联动,为入驻企业提供一站式服务

设计规格

画板尺寸
375px × 812px
换算比例
1px = 2rpx
主色调
智行蓝 #0052D9
设计风格
智慧工业·极简高效
辅助色
电力橙 #FF9C19
辅助色
生态绿 #00A870

第三方系统对接

海康威视综合安防平台
人脸识别下发 · 门禁开关控制 · 进出记录同步
捷顺云 PaaS
车牌识别 · 临停缴费 · 月卡续费 · 实时车位
电量集抄系统
智能电表数据采集 · 尖峰平谷读数 · 余额实时同步 · 用电趋势分析
微信公众号
活动往期回顾文章跳转 · 订阅消息推送

小程序功能大纲

按 4 个底部 Tab 组织 · 黄色标签表示 v2.0 新增功能

Tab 1:首页
综合服务门户
园区切换器
实时天气
8 大金刚区入口
滚动公告
温馨提示(取代待办事项)
电费余额预警
安全提醒
园区风采
Tab 2:智慧园区
物流管理
物品放行(电子放行码)
停车服务(捷顺云对接)
能源管理
水电费查询(尖峰平谷)
余额不足提示(取消充值)
资源预约(v2.0 新增)
公共会议室预约
货梯/卸货区预约
安全合规
特殊作业报备
安全隐患上报
员工巡逻打卡
园区服务
招聘公示栏
厂房租赁
Tab 3:物业中心
报修与申报
零星工程报修(无空调)
园区报修(电梯/车位)
装修报装申请
账单中心
管理费查询(手动确认)
在线缴费 · 已删除
开票申请 · 已删除
公摊费用 · 已删除
互动反馈
客户建议
社群活动(公众号文章联动)
园区公告
通知/政策/停水停电
Tab 4:我的
个人中心
用户信息
园区切换入口
员工工作台(物业内部)
巡逻打卡
我的记录
我的审批 · 报修 · 预约 · 车辆 · 卡券
常用工具
单元绑定管理
联系管家
设置 / 关于

用户路径图

从启动到核心功能的导航流程 · 黄色节点为新增功能

启动页
微信登录
园区选择
首页
智慧园区
物业中心
我的
首页 · 8 大金刚区
门禁开门
物品放行
水电查询
停车服务
维修服务
资源预约
作业报备
招聘公示
智慧园区 · 5 大模块
物品放行
停车(捷顺云)
|
水电费
|
会议室
货梯卸货
作业报备
隐患上报
巡逻打卡
|
招聘公示
厂房租赁
物业中心 · 报修/账单/反馈
零星报修
园区报修
装修报装
|
管理费查询
|
客户建议
社群活动
我的 · 个人中心
切换园区
巡逻打卡
我的记录
单元绑定
联系管家
关键第三方对接节点
门禁放行
→ 海康威视 API
停车服务
→ 捷顺云 PaaS
水电费查询
→ 电量集抄系统
活动回顾
→ 微信公众号文章

功能亮点

  • 智行蓝渐变背景,建立专业品牌形象
  • 微信一键登录,支持小程序开放权限
  • 用户协议/隐私政策合规展示
  • 淡入动画 0.8 秒,营造专业启动体验

设计要点

  • 主色调:智行蓝 #0052D9,代表科技与信任
  • 毛玻璃登录按钮,轻量优雅

核心功能(v2.0 新增)

  • 双园区管理:东域金园 + 华科园同账号管理
  • 支持一家公司在两个园区均有租赁单元
  • 展示每个园区的租赁单元、面积、状态
  • 显示各园区待办事项数量
  • 新增园区/单元请联系物业管家添加

业务价值

  • 解决跨园区办公企业的痛点
  • 注册时绑定,登录后默认进入主园区
  • 切换入口同时存在于首页顶部和"我的"

功能亮点(v2.0 调整)

  • "待办事项" → "温馨提示"更柔和易接受
  • 顶部园区切换器(点击切换东域金园/华科园)
  • 金刚区调整:新增"资源预约"和"招聘公示"
  • 电费余额不足醒目红色"急"标签
  • 承载电费/缴费/活动等多类提醒

交互设计

  • 橙黄渐变温馨提示卡,引导查看
  • 显示当前园区+租赁单元上下文

功能亮点(v2.0 重构)

  • 能源管理移除"立即充值",改余额预警
  • 新增"资源预约":会议室 + 货梯卸货
  • 新增"员工巡逻打卡"纳入安全合规
  • 新增"招聘公示"纳入园区服务
  • 停车服务标识捷顺云对接

设计特色

  • 5 个分组色彩语义化(蓝/橙/青/红/绿)
  • 电费卡片直接显示余额不足红标

功能亮点(v2.0 调整)

  • 报修中心新增"装修报装申请"
  • 账单中心仅保留管理费查询
  • 已删除:在线缴费 / 开票申请 / 公摊费用
  • 缴费状态由物业财务后台手动确认

交互设计

  • 新增功能项标"新"标签
  • 管理费旁标注"线下缴费 + 后台确认"

功能亮点(v2.0 新增)

  • 园区切换卡片显示当前园区+单元
  • 员工工作台(仅物业内部员工可见)
  • 巡逻打卡入口,显示今日打卡进度
  • "我的预约"记录会议室/货梯
  • 新增"单元绑定管理"入口

设计特色

  • 蓝色渐变头部 + VIP 金色标签
  • 员工工作台用绿色渐变区分客户视图

核心功能(v2.0 调整)

  • 移除"立即充值"按钮(充值功能取消)
  • 新增红色"余额严重不足"警告卡
  • "联系管家" + "消息管家"双按钮
  • 四色比例条 + 7 天趋势图保留

三层提醒方案

  • L1(<¥500):首页温馨提示卡
  • L2(<¥200):弹窗 + 订阅消息
  • L3(<¥50):短信 + 公众号 + 管家电话

核心功能

  • 取代纸质出库单,防止假冒签名
  • 企业负责人线上审批,生成电子放行码
  • 填写物品/车辆/司机信息 + 拍照
  • 审批流程可视化(4 步骤)

安全保障

  • 每件出园物品都有审批记录
  • 门岗扫码核销,系统自动记录

功能亮点

  • 大尺寸动态二维码,防截屏盗用
  • 显示车牌、物品、数量等关键信息
  • 有效期倒计时,超时自动失效
  • 审批信息完整展示

保安端体验

  • 扫码后震动反馈 + "已放行"绿标
  • 核销后二维码自动失效

核心功能(v2.0 重大升级)

  • 多单元独立开关:A栋3楼/305仓库/华科园
  • 跨园区显示:可控东域金园+华科园门禁
  • "一键全开"批量操作(限本园区)
  • 园区大门人脸识别(通过海康下发)
  • 每个单元显示设备号 + 在线状态

技术对接

  • 海康威视综合安防平台 API
  • 注册时绑定单元,自动下发人脸权限
  • 进出记录区分人脸/小程序/扫码三种方式

核心功能(v2.0 系统对接)

  • 捷顺云 PaaS 对接横幅,数据实时同步
  • 实时车位数据:空闲/占用/总车位
  • 车辆已绑定捷顺标识
  • 临停缴费走车牌识别(无感支付)
  • 小车 / 大货车分类管理

业务价值

  • 避免重复建设独立停车系统
  • 提升物流车辆流转效率

功能亮点

  • Tab 切换:待租 / 待售 / 托管委托
  • 厂房信息卡片:面积、层高、配置、价格
  • 标签系统:独立水电表、即租即用、近货梯
  • 一键联系看房

业务价值

  • 激活园区存量资产
  • 提升园区整体出租率

核心功能(v2.0 新增)

  • 3 种会议室:大(50人)/ 中(20人)/ 小(8人)
  • 展示面积、收费、最短时长
  • 实时显示当日剩余时段
  • 时段网格选择(已被预约 / 可选 / 已选)
  • "我的预约"持续可见

业务价值

  • 提升会议室使用率,减少空置
  • 新增物业租金收入来源

核心功能(v2.0 新增)

  • 资源类型切换:货梯 / 卸货区
  • 3 部货梯独立显示(A/B/C栋)
  • 状态:空闲 / 使用中 / 维修中
  • 预约信息:车辆 / 货物类型 / 联系人
  • 使用须知:超时计费、超载拒运

业务价值

  • 解决多企业争抢货梯问题
  • 提升物流装卸效率

核心功能(v2.0 新增)

  • 定位:园区帮助入驻企业招人(非物业自身)
  • 顶部统计:在招岗位 / 入驻企业 / 月浏览
  • 分类筛选:技术岗/操作工/管理岗/销售岗
  • 岗位卡片:薪资 / 经验 / 学历 / 福利
  • "上传招聘资料"按钮供企业管理员发布

业务价值

  • 提升园区对企业的增值服务
  • 覆盖周边劳动力市场

功能亮点(v2.0 调整)

  • 报修类型:电路/水管/门窗/设备/卫浴/其他
  • 已删除:空调维修
  • 支持上传照片/视频
  • 维修进度实时跟踪

业务价值

  • 规范物业有偿服务流程
  • 评价体系促进服务质量提升

功能亮点(v2.0 调整)

  • 新增"电梯故障"类型(红色"新"标)
  • 新增"车位占用"类型(红色"新"标)
  • 原 6 种类型扩展为 7 种
  • 必须上传现场照片

业务价值

  • 电梯故障关乎工业生产连续性
  • 车位占用频发问题快速响应

核心功能(v2.0 新增)

  • 装修类型:轻装修/硬装改造/设备安装/其他
  • 申请信息:单元 / 工期 / 装修内容
  • 施工方信息:单位 / 负责人 / 人数
  • 上传材料:平面图 / 营业执照 / 资质证书
  • 装修保证金 ¥5,000(线下缴纳)

业务价值

  • 规范装修施工,避免私自改造
  • 消防/安全责任清晰

功能亮点(v2.0 调整)

  • 本月应缴费用醒目展示
  • 账单明细:物业费 / 公共能耗 / 保洁 / 保安
  • 缴费状态由物业财务后台手动确认
  • 历史缴费记录查询

对接方案(最简模式)

  • 客户线下缴费(银行转账等)
  • 物业财务收款后,管理员后台标记"已缴"
  • 状态实时同步到小程序

功能亮点

  • 6 种建议类型分类
  • 支持匿名提交
  • 往期建议处理状态
  • 物业回复可查看

功能亮点(v2.0 调整)

  • Tab:进行中 / 往期回顾 / 我的报名
  • 往期回顾改为公众号文章列表
  • 每篇文章带"公众号文章"标识
  • "前往关注"引导用户订阅公众号

技术对接

  • 使用 web-view 嵌入公众号文章
  • 或 wx.openOfficialAccountProfile 跳转
安全隐患上报
特殊作业报备
员工巡逻打卡 · 新增

三件套形成安全闭环

隐患上报:发现问题 → 拍照定级 → 物业整改
作业报备:动火/高空作业前 → 上传证件 → 审批通过
巡逻打卡(新):员工每日巡查 → 拍照定位 → 异常转隐患

v2.0 调整说明

新增功能(6 项)

• 园区选择/切换(双园区支持)
• 员工巡逻打卡
• 装修报装申请
• 公共会议室预约
• 货梯/卸货区预约
• 招聘公示栏(入驻企业)

删除功能(4 项)

• 电费充值(改为联系管家)
• 在线缴费(改线下缴费)
• 开票申请
• 公摊费用展示

调整修改(7 项)

• 首页"待办事项" → "温馨提示"
• 门禁支持多单元独立控制(接入海康威视 API)
• 停车服务接入捷顺云 PaaS
• 园区报修新增"电梯故障"+"车位占用"类型
• 维修服务删除"空调维修",新增"卫浴维修"
• 社群活动往期回顾跳转公众号文章
• 电费余额不足三层提醒(首页/订阅消息/管家电话)

技术对接说明

技术栈

  • 前端框架:微信小程序原生 / Tailwind CSS(设计稿)
  • 组件库:FontAwesome 4.7
  • 响应式:375px × 812px 标准画板,1px = 2rpx

第三方系统对接

海康威视综合安防平台
  • • 注册时绑定单元 → 自动下发人脸放行权限
  • • 单元门 + 园区大门均接入
  • • 进出记录实时回传
捷顺云 PaaS
  • • 车牌识别 + 月卡续费 + 临停缴费
  • • 实时车位数据同步(空闲/占用/总数)
  • • 大货车独立管理
电量集抄系统
  • • 智能电表读数采集(尖/峰/平/谷分时段)
  • • 电费余额、本月用电量实时同步
  • • 7 天用电趋势数据回传
  • • 余额低于阈值触发三层预警
  • • 待确认:现有集抄系统厂商及 API 协议
微信公众号
  • • web-view 组件嵌入公众号文章
  • • 订阅消息推送电费/缴费提醒
  • • 公众号 AppID 待客户提供

下一步工作

  • 需求评审:与客户确认 v2.0 设计方案
  • 前端开发:转换为微信小程序代码(WXML/WXSS/JS)
  • 后端开发:API 设计 + 多园区数据模型
  • 第三方对接:海康威视 / 捷顺云 / 微信公众号
  • 测试验收:双园区数据隔离测试
  • 上线部署:提交微信审核、发布上线

感谢查阅

v2.0 双园区版 · 期待与您合作

佛山市顺德区东瀚物业服务有限公司

智慧工业园管理平台

东域金园 · 华科园

返回预览
导出提示

点击"导出PDF"按钮,在打印对话框中选择"另存为PDF"即可保存。

⚠️ 重要: 必须勾选"背景图形"选项,否则蓝色背景会变成白色!