前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >协力抗疫,码力 全开”线上黑客马拉松+9+疫同程+疫同

协力抗疫,码力 全开”线上黑客马拉松+9+疫同程+疫同

原创
作者头像
TANG STUDIO PRO
修改2020-02-10 14:14:20
8480
修改2020-02-10 14:14:20
举报

项目名称

疫同

项目介绍

疫同,一款寻找新型冠状病毒感染的肺炎确诊患者同行程的系统。集成确诊同程线索发布、信息审核、同乘查询以及自主上报功能,从发布到上报形成一套闭环,做到疫情的防控的作用。

实现思路

1.用户上传确诊患者所乘坐过的行程线索,提交form表单

代码语言:javascript
复制
db.collection('Clue').add({ }) //云数据库增加表单

2.首页使用db.RegExp模糊查找数据,并使用.skip()进行分页加载

代码语言:javascript
复制
db.collection("busData").where(
      _.or([{
          t_no: db.RegExp({
            regexp: data.t_no,
            options: 'i',
          }),
          t_date: db.RegExp({
            regexp: this.data.date,
            options: 'i',
          }),
          t_pos_start: db.RegExp({
            regexp: data.t_city,
            options: 'i',
          }),

        },
        {
          t_no: db.RegExp({
            regexp: data.t_no,
            options: 'i',
          }),
          t_date: db.RegExp({
            regexp: this.data.date,
            options: 'i',
          }),
          t_pos_end: db.RegExp({
            regexp: data.t_city,
            options: 'i',
          }),
        }
      ])
    ).skip(this.data.page).get({
      success: res => {
        wx.hideLoading();
        if (res.data.length == 0){
          wx.showToast({
            icon: 'none',
            title: '暂无数据'
          })
        }else{
          this.setData({
            queryResult: res.data,
            page: this.data.page + 20
          })
        }
      },
      fail: err => {
        wx.hideLoading();
        wx.showToast({
          icon: 'none',
          title: '暂无数据'
        })
      }
    })

前端使用wx:for列表渲染和wx:if条件渲染数据

代码语言:javascript
复制
<view class="busList">
  <view wx:for="{{queryResult}}" wx:key="item" class="listBox" id="{{item._id}}" bindtap="goTotrip">
    <view class="boxListOne">
      <view class="t_no">
        <view wx:if="{{item.t_type == 1}}" class="t_type"> 飞机:</view>
        <view wx:if="{{item.t_type == 2}}" class="t_type"> 火车:</view>
        <view wx:if="{{item.t_type == 3}}" class="t_type"> 地铁:</view>
        <view wx:if="{{item.t_type == 4}}" class="t_type"> 大巴:</view>
        <view wx:if="{{item.t_type == 5}}" class="t_type"> 公交车:</view>
        <view wx:if="{{item.t_type == 6}}" class="t_type"> 出租车:</view>
        <view wx:if="{{item.t_type == 7}}" class="t_type"> 轮船:</view>
        <view wx:if="{{item.t_type == 8}}" class="t_type"> 公共场所:</view>
        {{item.t_no}}
      </view>
      <view class="t_date">{{item.t_date}}</view>
    </view>
    <view wx:if="{{item.t_pos_start.length > 0}}">
      <view class="t_pos_start">{{item.t_pos_start}}</view>
      =>
      <view class="t_pos_end">{{item.t_pos_end}}</view>
    </view>
    <view class="t_no_sub">{{item.t_no_sub}}</view>
    <view class="t_memo">{{item.t_memo}}</view>
    <view id="{{index}}" bindtap="copyLink" class="who">消息来源:{{item.who}}</view>
  </view>
</view>

3.项目数据使用“2019ncov.nosugartech.com”的数据接口和小程序中用户说上传并核实的线索作为支撑。

错误数据反馈:xunren@pdnews.cn, nearpost@qq.com, gainover@qq.com

若各地官方机构希望增补行程数据、寻人信息,可联系xunren@pdnews.cn

项目截图

项目主页
项目主页
项目分页
项目分页

代码链接

https://gitee.com/tysb7/tcb-hackthon-YT

视频演示

视频内容

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 项目名称
    • 疫同
    • 项目介绍
    • 实现思路
    • 项目截图
    • 代码链接
    • 视频演示
    相关产品与服务
    云数据库 MySQL
    腾讯云数据库 MySQL(TencentDB for MySQL)为用户提供安全可靠,性能卓越、易于维护的企业级云数据库服务。其具备6大企业级特性,包括企业级定制内核、企业级高可用、企业级高可靠、企业级安全、企业级扩展以及企业级智能运维。通过使用腾讯云数据库 MySQL,可实现分钟级别的数据库部署、弹性扩展以及全自动化的运维管理,不仅经济实惠,而且稳定可靠,易于运维。
    领券
    问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
    http://www.vxiaotou.com