程序聚合软件案例云汇展主办方后台系统(react+ts)

云汇展主办方后台系统(react+ts)

2026-04-24 10:20:15

行业：政务服务

载体：H5

技术：Vue

业务和功能介绍

这是一个面向第三方环境检测机构内部使用的后台管理系统，主要使用者是项目经理和质量负责人，用于管理外业采样任务、审核现场记录、追踪样品流转以及管理实验室核心资源。

一、仪表盘（首页）
- 顶部用4个卡片展示关键指标：今日待执行任务数（显示“12”）、进行中任务数（“8”）、超期任务数（“3”用红色）、待审核记录数（“15”）
- 中间左侧用卡片展示“近7天任务完成趋势”，使用柱状图或折线图（模拟数据）
- 中间右侧用卡片展示“实时采样地图占位”，用一个灰色区块模拟地图，里面标注几个点位图标
- 底部用列表展示“待办提醒”：包含待审核记录、仪器校准临期、人员资质临期各若干条

二、任务管理
2.1 任务派发
- 页面分为上下两部分：上方是新建任务的表单区，下方是已有任务列表
- 表单区包含：客户名称输入框、项目编号输入框、计划采样日期选择器、采样点位配置区域（可添加多个点位，每个点位包含点位名称、检测项目多选、样品类型下拉）、采样员指派下拉框、下发按钮
- 任务列表用表格展示：客户名称、项目编号、采样日期、采样员、状态（待执行/进行中/已完成）、操作（编辑/删除）

2.2 任务跟踪
- 顶部有两个Tab：“列表视图”和“地图视图”，默认选中列表视图
- 列表视图：用卡片列表形式展示进行中的任务，每个卡片包含客户名称、项目编号、采样员、完成进度条（如“3/5点位”）、最后更新时间
- 地图视图：用一个灰色区块模拟地图，上面放置不同颜色的标记点，右侧悬浮图例说明（绿色已完成、蓝色进行中、黄色待执行、红色异常），下方有一个时间轴滑块
- 点击任意任务卡片或地图标记点，右侧滑出抽屉显示任务详情（包含基本信息、点位列表、照片缩略图）

2.3 历史任务
- 顶部是筛选栏：客户名称、项目编号、日期范围、状态、搜索按钮、重置按钮
- 下方是表格：展示已完成/归档的任务，列包含客户名称、项目编号、采样日期、采样员、完成时间、操作（查看详情、导出）

项目实现

使用 Vue 3 + TypeScript + Composition API
- UI组件库使用 shadcn-vue（基于 Radix Vue 的组件库）
- 样式使用 Tailwind CSS
- 图标使用 Lucide Vue
- 布局采用经典的“顶部导航 + 左侧菜单 + 右侧内容区”结构
- 所有表格、卡片、图表需填充模拟数据，看起来像真实系统
- 页面需具备完整的交互占位（按钮、下拉框、Tab切换等），但不要求实现真正的后端逻辑

示例图片视频

牛牛编程

30天前活跃

方向：前端-Web前端、

交付率：100.00%

查看主页

相似推荐

全口义齿加工虚实结合系统

口义齿加工虚实结合系统利用虚拟现实（VR）和增强现实（AR）技术，将人体口腔、义齿制作以3D形式呈现，为学生提供沉浸式的学习体验。学生可以通过旋转、缩放和分解模型，清晰观察每个细节，这种精细化展示使学习变得更加直观和具体。学生可以通过力反馈系统或触摸屏直接与模型互动，模拟加工功能，让复杂的口腔学知识更加生动易懂。完全摆脱了对真实人体标本的依赖，解决了高质量解剖标本供不应求、获取和维护成本高昂的问题。学生可以无限次重置模型并重复操作，不再受时间和标本数量的限制，有助于熟练掌握复杂的口腔知识和操作技能。

MR系统开发

1、立项背景和目标立项背景传统档案库房管理依赖人工操作、线下检索，效率低、可视化差，缺乏沉浸式、远程化管理手段，无法满足智慧档案管理的数字化、可视化需求。立项目标基于MR 混合现实技术打造智能档案管理系统，实现密集架数字孪生、远程操控、档案全流程可视化管理，构建沉浸式、高效化的 MR 智慧档案管理方案。 2、软件功能、核心功能模块介绍软件功能库房3D 数字孪生建模，实时同步实体密集架状态 MR 远程控制：手势、语音操控架体移动、关闭、通风档案业务：盘点、上架、检索、路径导航、位置高亮远程监控、第三方视角展示、环境数据监测在线阅览档案、RFID 数据联动管理核心功能模块 MR 数字孪生构建模块 MR 远程操控模块档案可视化管理模块实时数据同步模块 MR 交互控制模块 3、业务流程、功能路径描述业务流程 MR 设备启动→扫描构建库房孪生体→同步实体设备数据→发起操控 / 档案管理指令→服务器转发执行→实时反馈孪生画面→完成管理操作功能路径 MR 头显→孪生体交互→服务器同步→智能密集架执行→MR 实时渲染回显

体感互动项目-展厅互动

制作案例丰富，制作了如AR VR Kinect leapmotion arduino等相关软件和游戏。行业覆盖体育医疗教育汽车等。同时展厅互动项目制作经验丰富，如飞屏体感互动 vr ar 灯光秀联动屏滑轨屏等内容也有各类休闲游戏如切水果跑酷射击音游格斗等

虚拟仿真项目-VR

基于pico oculus htc等设备，制作了可串流可安装的各类项目如虚拟课堂施工模拟安全教育各类展馆中学实验模拟单机联机游戏等。功能涵盖：虚拟人物控制，基础交互（如抓取移动投掷攀爬等），视频，图文展示，pdf播放，数据提交（对接后台），注册登录（基于数据库后台），多人联机等

虚拟导览系统-大明宫虚拟导览系统

立项背景与目标：为解决传统博物馆导览形式单一、游客体验感弱的问题，开发了大明宫虚拟导览系统，目标是通过沉浸式 VR/AR 技术，让用户在线上即可身临其境地了解大明宫的历史文化与建筑风貌。核心功能模块：包含 3D 场景漫游、语音讲解、文物交互、路线规划四大核心模块。用户可在虚拟场景中自由行走，触发语音讲解，点击文物查看详细介绍，也可根据需求规划游览路线。业务流程：用户进入系统后，可选择导览模式（自由漫游 / 路线导览），加载 3D 场景后，通过手势 / 点击控制视角移动，触发场景内的语音与文字信息，完成游览后可生成游览报告。