基层政务管理系统 · WEB 端 — JO 作品集案例

返回作品
JOPortfolioCase Study
基层政务管理系统 · WEB 端
基层治理政务协同办公低代码表单数据可视化

MANAGEMENT SYSTEM · WEB END

基层政务管理系统-WEB端

面向基层党政机关的数字化办公协同平台,统一门户、应用中心、低代码表单、数据大屏,让党建、采集与办公在线闭环。

主视觉 · 基层政务门户框架

需求背景

Government Digital Office

产品定位

面向基层党政机关
的数字化办公协同平台
统一门户 · 一体治理
基层减负

重复填表变「一键复用」,报表汇总由系统代劳

治理提效

事项办结、数据上报从数天压缩到分钟级

基层办公的三个「老难题」

  • 入口分散

    党建、表单、文件、台账散落在不同系统里,一人多账号反复登录,找不到「现在该办什么」。

  • 手工填表

    上级要数据、基层手工填,同一份数据在不同科室反复录入,口径不一、汇总靠人。

  • 数据沉睡

    采集上来的数据堆在表格里没有沉淀,缺少能看的驾驶舱,难以为决策提供支撑。

统一工作台 · 一屏直达当天要做的事

登录即看到工作台:数据概览、通知公告、公示公告、待办协同、我的日程与督办排名在同一页面上横向铺开,多端进入统一一致。无论是「首页」还是「大屏」模式,模块布局自适应大屏终端,让乡镇干部不切应用也能一站办结。

当前版本工作台 · 首页模式
工作台 · 首页模式首页 tab · 工作台全览
当前版本工作台 · 大屏模式
工作台 · 大屏模式大屏 tab · 横向进度 115/468/72

设计思路

01

一个入口

统一登录与门户框架:工作台整合「待办、消息、常用应用」,登录即见当天要办的事。

02

一套底座

数据字典 + 低代码表单 + 数据源连接,让业务科室不写代码也能搭出采集与上报应用。

03

一个出口

数据沉淀后一键接入可视化大屏,把台账变成能看、能讲、能辅助决策的驾驶舱。

SEC 04 · LOGIN

统一登录 · 单点进门户

登录页承载平台的第一印象:红金政务底纹与国徽元素传递严肃可靠的气质,并提供微信扫码与账号密码两种登录方式。账号体系统一后,干部一次登录即可进入全部已开通应用,配合新式顶部导航形成「登录 — 门户 — 应用」的完整体验链路。

单点登录账号统一顶部导航
登录页 · 微信扫码版
登录页 · 微信扫码版微信扫码登录 · 叶盛镇平台
登录页 · 账号密码版
登录页 · 账号密码版国徽红金 · 账号密码登录
顶部导航栏(新版)
顶部导航栏(新版)

SEC 05 · INFORMATION ARCHITECTURE

菜单框架 · 让层级一目了然

一级菜单横向展开/收起、可切换竖排布局;进入二级菜单后采用统一的功能页容器,列表、筛选、操作按钮位置一致——干部在不同业务间切换时,操作成本趋近于零。

框架 · 一级菜单展开
框架 · 一级菜单展开展开态:完整展示职能模块
框架 · 一级菜单收起
框架 · 一级菜单收起收起态:为内容区让出更多空间
框架 · 二级菜单
框架 · 二级菜单二级菜单分组承载各业务子模块
框架 · 二级功能页面
框架 · 二级功能页面工作库 · 信息采集
框架 · 竖排布局测试
框架 · 竖排布局测试大屏 · 竖排导航测试

SEC 06 · APPLICATIONS

应用中心 · 按需开通

平台内置党建、政务、业务等多个领域的标准化应用,各区县 / 乡镇按需开通、统一授权。后台「应用系统」集中维护应用清单,按名称、状态与创建人检索,新增 / 编辑 / 停用均带二次确认。

应用商店统一授权
应用系统 · 列表管理
应用系统 · 列表管理系统名称 / 状态 / 创建人统一维护
应用系统 · 编辑与确认弹窗
应用系统 · 编辑与确认弹窗新增/编辑系统 + 停用删除二次确认

SEC 07 · PARTY BUILDING

党员在线 · 把党建做到日常

「党员在线」是平台首个高频应用:党组织、党员、流动党员与关怀对象统一上图,年龄结构、党籍分布一目了然。红色系标识在整套蓝色系统中承担「党建优先」的强调语义,让党建管理从纸质台账走向数据化、常态化。

党员在线 · 党建数据面板
党员在线 · 党建数据面板党员数据 · 概览与群体结构
党员在线 · 关怀对象空态
党员在线 · 关怀对象空态关怀对象列表不足时以插画空态承接

SEC 08 · NO-CODE FORMS

表单引擎 · 采集不求人

面向基层最频繁的「填表」场景:表单管理、字段配置、数据字典到数据预览全链路低代码。业务科室自行搭表、发布、看数据,不再依赖开发排期。

表单管理 · 应用列表
表单管理 · 应用列表表单 · 列表与状态
信息采集 · 我发布的
信息采集 · 我发布的采集 · 我发布的 Tab
信息采集 · 详情及进度
信息采集 · 详情及进度采集详情 · 进度全览
表单管理 · 添加成员弹窗
表单管理 · 添加成员弹窗表单 · 添加成员
数据字典 · 新增
数据字典 · 新增数据字典 · 新增
数据表单 · 字段配置
数据表单 · 字段配置选表后配置字段别名、类型与是否显示
数据预览 · 空态
数据预览 · 空态尚未回数时给出刷新入口与空态引导
数据预览 · 明细
数据预览 · 明细字段按列展开,回收数据实时可查

SEC 09 · DATA FOUNDATION

数据底座 · 连接即用

采集表单只是开始:通过数据源向导接入现有业务库或表单,数据即可统一汇聚、统一口径,为后续统计分析、大屏展示提供实时、可信的数据底座。

数据源接入实时同步
新建数据源 · 类型选择
新建数据源 · 类型选择数据库接入 / Excel 导入两条建仓路径
新建数据源 · 内容设置
新建数据源 · 内容设置选表完成后配置字段别名 / 关联 / 数据预览
数据连接 · 连接管理
数据连接 · 连接管理多数据源连接统一维护:名称 / 类型 / 状态可查

SEC 10 · DATA SCREEN

可视化大屏 · 台账变驾驶舱

基于沉淀的数据底座搭建专题大屏:批量配置、模板复用、逐屏编排,领导接待与指挥调度时一屏讲清辖区情况。

大屏设置 · 画布编辑器
大屏设置 · 画布编辑器大屏 · 画布与批量配置
大屏设置 · 图表状态
大屏设置 · 图表状态选中折线图组件,图表未挂数据时的画布态
晚疫病 · 发病条件预警页
晚疫病 · 发病条件预警页表格列出各病情阶段的湿度 / 温度 / 持续时间阈值
晚疫病 · 全篇幅预警报告
晚疫病 · 全篇幅预警报告预防措施 + 初/后期防治 + 循环侵染图 + 症状图 + 种植场地

SPECIAL TOPIC SCREEN

专题大屏 · 农业病害预警

基于「预警标准表 + 区域积温/气象数据」搭建的晚疫病专题页:把发病机理(湿度 × 温度 × 持续时间)、分阶段防治预案与图像素材整理成一屏可讲的预警报告,配合长文目录导航,网格员对照条件即可判断当前是否进入孢子萌发期 / 病害爆发期。

晚疫病预警防治预案图文目录

DATA FILTER · 数据筛选配置

一屏数据 · 多维度可筛

大屏上的每个图表都支持按 时间 / 地区 / 文本 / 条件 四类维度做数据筛选:先圈定时间范围,再按区域、文本关键字与字段条件层层下钻,确认后立即回写图表,让一屏数据在不同汇报场景下都能讲到点子上。

数据筛选 · 时间范围
时间筛选年/月/月日、粒度、快速范围配置
数据筛选 · 地区范围
地区筛选全部区域 / 指定区域
数据筛选 · 文本筛选
文本筛选包含 / 排除 + 关键字录入
数据筛选 · 条件筛选
条件筛选字段比较与多条件组合

SEC 11 · FILE COLLABORATION

文件协同 · 流转留痕

街道、社区间的通知、台账与材料通过共享文件在线流转:组织内共享空间、文件夹详情、动态留痕与「我的文件」收藏,替代微信传文件的口径混乱。

共享文件 · 组织目录
共享文件 · 组织目录共享文件 · 组织目录
共享文件 · 目录视图
共享文件 · 目录视图共享文件 · 主题分组
文件夹 · 全部文件
文件夹 · 全部文件文件夹 · 全部文件
文件夹 · 全部动态
文件夹 · 全部动态谁上传、谁查看,动态留痕
我的文件
我的文件我的文件 · 列表
云盘 · 我的文件 · 分组树视图
云盘 · 我的文件 · 分组树视图云盘 · 分组树视图

FILE VIEW · MY FILES

我的文件 · 自定义分组

干部可按项目或主题把常用文件夹归入左侧分组(如默认分组 / 新建好的分组 / 标准流程),右侧列表配合搜索与「新建文件夹」,让台账、照片、报告按个人节奏归档。配合公开范围配置,文件同时支持部门共享、个人持有、按小组可见等多种管理方式。

分组管理公开范围成员权限
共享文件 · 执行列表
共享文件 · 执行列表成员对共享文件夹的访问与操作明细
我的文件 · 新建/重命名弹窗
我的文件 · 新建/重命名弹窗新建/重命名文件夹

SEC 12 · AI ASSISTANT

菜师兄 · 智能问数

当数据沉淀到台账之后,最自然的交互是「问一句就拿到答案」。平台在「AI 问」入口内置两套智能体:面向政务的「菜师兄公智分析」与面向农业的「菜师兄公智大模型」(联合中国农业大学后稷大模型)。前者把政策拟稿、数据问数、知识库查询做成一问一答;后者按「城镇 × 作物」自动生成番茄、马铃薯、玉米等作物病虫害与产量预测报告,并支持下载 PDF 存档、可视化分析。

政务问答后稷大模型病虫害预测报告下载
菜师兄公智分析 · 智能问答主入口
菜师兄公智分析 · 智能问答主入口智分析 · 主入口
智分析 · 对话与代码块输出
智分析 · 对话与代码块输出智分析 · 对话与代码块
菜师兄公智大模型 · 后稷大模型 · 农业分析
菜师兄公智大模型 · 农业分析左侧常用功能列表可重命名 / 删除;右侧三段式问答:问题 + 提交数据 + AI 回答
智大模型 · 农田中病虫害预测报告 · 城镇/作物选择
病虫害预测报告 · 选择「请选择城镇 + 请输入或选择作物」+ 查询 / 下载 PDF / 重置
智大模型 · 病虫害预测报告 · 病害/虫害切换
病虫害预测报告 · 生成病害预测与虫害预测两套模板,自动生成番茄碳硫病预测报告卡片网格

SPECIALIZED MODEL · 后稷大模型

农业分析专模 · 一键生成预测报告

「菜师兄公智大模型」以中国农业大学后稷大模型为底座,针对镇域农业场景(番茄/马铃薯/玉米等)提供产量预测、病虫害预警、生态监测三类报告。干部只需要选择「城镇 + 作物」,模型自动生成结构化报告,支持在线查看、历史回顾与 PDF 下载,把田间数据变成可归档、可汇报、可决策的成果。

产量预测病虫害预警生态监测PDF 下载

SEC 13 · STATES

异常与空态 · 出错也体面

面向不一定熟悉系统的基层干部,404 与空态页需要「说明原因 + 给出出路」:404 页面保留品牌元素并引导返回门户;空态插画让「还没有数据」不再是冰冷的一行字。

引导式 404插画空态
404 · 引导页
404 · 引导页大标题 + 插画 + GO HOME 返回门户
暂无记录空态插画
暂无记录 · 插画空态

统一插画语言贯穿各模块空态,语气亲切、给出下一步动作建议。

大屏图表 · 无数据空态
大屏图表 · 无数据空态图表组件未绑定到数据时的占位说明,配插画避免大屏留白

成果与沉淀

党建在线化

组织生活、党员学习从台账走向常态在线,指尖即可完成。

报表少跑腿

数据字典统一口径、表单自建自助、采集自动汇总,释放基层人力。

数据会说话

表单与数据源沉淀出真实台账,可视化大屏让治理成效看得见。

MORE SCREENS · 更多界面走查

云盘 · 农作物经济台账 · 数据预览
云盘 · 农作物经济台账 · 数据预览台账数据按地区 / 农林牧渔分项产值结构化展示
云盘 · 农作物经济台账 · 更新说明
云盘 · 农作物经济台账 · 更新说明每条数据的更新前值 / 更新后值 / 来源 / 更新人留痕

功能总览

MODULE OVERVIEW

一个入口 · 一个底座 · 一个出口

平台围绕「入口统一、数据贯通」组织模块:门户收拢高频应用,表单引擎承接基层上报,数据源与可视化让台账真正会说话。

从登录到办结,每一次操作都落在统一的菜单与权限框架内,减负而不减监管。

01
统一门户

登录认证 / 菜单框架 / 组织与权限

02
应用中心

应用聚合 / 按角色可见可配

03
党员在线

在线活动 / 学习任务 / 记录留痕

04
低代码表单

拖拽设计 / 字段复用 / 即配即用

05
数据源连接

库表接入 / 字段映射 / 连接管理

06
可视化大屏

图表组装 / 多屏驾驶舱 / 数据下钻

07
文件协同

云盘台账 / 共享目录 / 权限隔离

08
共享文件

多部门共享 / 更新留痕 / 变更溯源

END OF CASE STUDY

基层政务管理系统/ WEB 端 · 探索完成

统一门户 · 低代码表单 · 数据大屏 · 文件协同 · 让基层治理办公更轻、数据更活。

返回作品列表