微信小程序之核酸检测通知管理

核酸检测通知管理小程序

一、需求分析

1、项目背景

​ 工作地点有上百人，接到通知后需要做核酸检测。但是管理人员，每次都需要统计，因为，可能有人没接到通知而没有去检测，或者忘记了而没有去检测，或者检测了但是忘记给管理员说一声，所以这就导致统计工作比较费劲。

​ 以微信小程序为载体，进行核酸检测通知管理平台搭建，尽可能规避上述问题，为管理人员等用户提供便利。

2、功能性需求

• 用户提交是否核酸检测等信息
• 管理人员控制台导出信息，可视化分析

二、效果图

三、代码实现

1、首页

• 输入信息，提交云数据库
• 防止重复提交
• 提交提示
• 输入框不能为空
• 提交成功，跳转新页面

index.wxml

<form bindsubmit="formsubmit">
<view class="view">姓名：</view>
<input type="text" name="name" />
<view class="view">工号：</view>
<input type="number" name="code" />
<view class="view">工作单位：</view>
<input type="text" name="work" />
<view class="view">是否做完核酸检测：</view>
<switch name="NA" checked="checked"/>
<view>
<button type="primary" class="button" form-type="submit" size="mini">点击提交</button>
<button type="primary" class="button" form-type="reset" size="mini">点击重置</button>
</view>
</form>

index.js

const db = wx.cloud.database()
Page({
  data: {
    name:'',
    code:'',
    work:'',
    NA:'',
    time:''
  },
  //表单提交
  formsubmit:function(e){
    var that = this
    console.log(e.detail.value)
    //获取传递参数
    that.setData({
      name:e.detail.value.name,
      code:e.detail.value.code,
      work:e.detail.value.work,
      NA:e.detail.value.NA?"已做完核酸":"未做"
    })
    if(that.data.name==''||that.data.name==null||that.data.code==''||that.data.code==null||that.data.work==''||that.data.work==null){
      wx.showToast({
        title: '请输入完整信息',
        icon:'error'
      })
    }else{
      db.collection('wjx').where({
        code:that.data.code,
      }).get({
        //防止重复提交
        success:function(res){
          let result = res.data       
          if(result[0]!=null){
            console.log(result[0])
            wx.showToast({
              title: '请勿重复提交',
              icon:'error'
            })
          }else{
            console.log('记录为空，可添加')
            let time = new Date()
            db.collection('wjx').add({
              data:{
              code:that.data.code,
              name:that.data.name,
              work:that.data.work,
              hesuan:that.data.NA,
              time:time
            },success:function(rs){
              console.log('添加成功')
              wx.showToast({
                title: '添加成功',
                icon:'success'
              }),
            }
            })
          }
        }
      })
      
    }

  }
});