#小程序云开发挑战赛#-城市预警系统-喵星队
发布于 4 年前 作者 gfan 1885 次浏览 来自 分享

核心功能

以下仅为个人的设计思路,仅供参考。如发现不正确的地方,欢迎评论指出

在城市中会有各种各样的问题,如红路灯失效,道路因故毁坏,路牌刮落等等。城市预警系统主要用于发现这些问题,辅助于城市设施管理管理部门进行城市管理,在城市设施管理管理部门监察不到,或人力监察资源不足的时候,城市居民充当城市的眼睛,将城市问题进行汇报,帮助城市问题的快速解决。

应用场景

  • 城市居民可查看或提交当前位置的城市问题
  • 城市设施管理人员可对问题进行排查

目标用户

提出问题:城市居民

处理问题(审核):城市设施管理人员

目录结构

云开发cloudfunctions

  • changewarnstatus——审核状态修改
  • delwarn——删除问题
  • getuserid——获取openid,用户权限
  • mywarns——我的问题列表
  • postwarn——提交问题
  • reviewlist——审核问题列表
  • warninfo——查看问题
  • warnlist——首页问题

页面pages

  • index——首页
  • myList——我的问题列表页
  • reviewList——审核问题列表页
  • sendInfo——提交问题页面
  • showInfo——查看问题页面
  • tipPage——操作成功提示页

自定义导航custom-tab-bar

数据库

admin——管理员列表

warnList——问题列表

  • _openid:提交人
  • address:问题地址
  • dec:问题描述
  • location:问题定位点
  • fileids:问题图片数组
  • edittime:提交时间
  • reviewer:审核员openid
  • reviewtime:审核时间
  • status:问题状态


效果截图

首页

显示问题,根据用户openid判断是否为自己发表的,自己发表的问题会在地图上显示为红色定位,其他人发表的为绿色定位。

使用自定义导航,根据admin数据库判断是否为管理员。普通用户导航为首页,我的,管理员导航为首页,我的,审核

 


编辑问题页

使用wx.chooseImage提交图片并上传云存储,上传完毕后点击图片可放大查看

使用wx.chooseLocation进行位置选择



我的问题列表

显示用户提交的问题,显示问题当前状态,一次拉取20条,触底继续拉取。如果下拉,会刷新当前列表。点击列表跳转查看。


问题查看页面

可从首页,用户我的列表,管理员审核列表进入。点击图片可放大查看。用户提交的问题,可进行删除操作。管理员可对问题进行审核。



管理员审核列表

显示问题当前状态,一次拉取20条,触底继续拉取。如果下拉,会刷新当前列表。点击列表跳转查看。点击上方状态按钮,可将状态在全部和待审核之间切换,便于管理员审核

4 回复

实用!很多城市都建立了城市管理系统,使用专业的城管通,这个小程序让任何一个市民都可以参与到城市管理中来。值得推荐!

这是城市问题反馈系统啊

列表页可以增加时间 已解决的可以增加交互 反馈类型上可以增加几种反馈类型 方便进行处理

能把代码分享出来就更好了

回到顶部