From d13ee15689c8f6c697e2babac47e5c75e99d4fb4 Mon Sep 17 00:00:00 2001
From: jiechaowu <jiechaowu@tencent.com>
Date: Fri, 7 Feb 2020 11:57:22 +0800
Subject: [PATCH] feat: report

---
 miniprogram/pages/report/report.js   | 52 +++++++++++++------
 miniprogram/pages/report/report.wxml | 75 +++++++++++++++++++++-------
 miniprogram/pages/report/report.wxss |  4 +-
 3 files changed, 96 insertions(+), 35 deletions(-)

diff --git a/miniprogram/pages/report/report.js b/miniprogram/pages/report/report.js
index 16efec6..5c82189 100644
--- a/miniprogram/pages/report/report.js
+++ b/miniprogram/pages/report/report.js
@@ -4,7 +4,7 @@ const db = wx.cloud.database({
   env: 'release-5b9ba9'
 })
 
-function getDateStr(){
+function getDateStr() {
   var dd = new Date()
   return dd.getFullYear().toString() + '-' + (dd.getMonth() + 1).toString() + '-' + dd.getDate().toString()
 }
@@ -16,44 +16,54 @@ Page({
    */
   data: {
     roomId: 0,
+    radioItems: [{
+        name: '疑似',
+        value: 'uncertain',
+        checked: true
+      },
+      {
+        name: '确诊',
+        value: 'confirm'
+      }
+    ]
   },
 
   /**
    * 生命周期函数--监听页面加载
    */
-  onLoad: function (options) {
+  onLoad: function(options) {
     this.data.roomId = options.roomId
   },
 
-  submitForm: function(e){
+  submitForm: function(e) {
     let vals = e.detail.value
-    if(!vals.rtype){
+    if (!vals.rtype) {
       wx.showToast({
         title: '请选择类型',
         icon: 'none',
       })
       return
     }
-    if(!vals.name){
+    if (!vals.name) {
       wx.showToast({
         title: '请输入姓名',
         icon: 'none',
       })
       return
     }
-    if(!vals.phone){
+    if (!vals.phone) {
       wx.showToast({
         title: '请输入联系方式',
         icon: 'none',
       })
       return
     }
-    if(!(/^1[3456789]\d{9}$/.test(vals.phone))){ 
+    if (!(/^1[3456789]\d{9}$/.test(vals.phone))) {
       wx.showToast({
         title: '手机号码格式错误',
         icon: 'none',
       })
-      return 
+      return
     }
     wx.showToast({
       title: '正在提交',
@@ -61,7 +71,7 @@ Page({
     })
     vals.roomId = this.data.roomId
     vals.date = getDateStr()
-    
+
     db.collection("report").add({
       data: vals,
       success: res => {
@@ -75,52 +85,62 @@ Page({
     })
   },
 
+  onTypeChange: function(e) {
+    var radioItems = this.data.radioItems;
+    for (var i = 0, len = radioItems.length; i < len; ++i) {
+      radioItems[i].checked = radioItems[i].value == e.detail.value;
+    }
+    this.setData({
+      radioItems: radioItems
+    });
+  },
+
   /**
    * 生命周期函数--监听页面初次渲染完成
    */
-  onReady: function () {
+  onReady: function() {
 
   },
 
   /**
    * 生命周期函数--监听页面显示
    */
-  onShow: function () {
+  onShow: function() {
 
   },
 
   /**
    * 生命周期函数--监听页面隐藏
    */
-  onHide: function () {
+  onHide: function() {
 
   },
 
   /**
    * 生命周期函数--监听页面卸载
    */
-  onUnload: function () {
+  onUnload: function() {
 
   },
 
   /**
    * 页面相关事件处理函数--监听用户下拉动作
    */
-  onPullDownRefresh: function () {
+  onPullDownRefresh: function() {
 
   },
 
   /**
    * 页面上拉触底事件的处理函数
    */
-  onReachBottom: function () {
+  onReachBottom: function() {
 
   },
 
   /**
    * 用户点击右上角分享
    */
-  onShareAppMessage: function () {
+  onShareAppMessage: function() {
 
   }
 })
\ No newline at end of file
diff --git a/miniprogram/pages/report/report.wxml b/miniprogram/pages/report/report.wxml
index f0d7e50..6a6a0a3 100644
--- a/miniprogram/pages/report/report.wxml
+++ b/miniprogram/pages/report/report.wxml
@@ -1,19 +1,58 @@
-<form onsubmit="submitForm">
-<view>
-  <text>类型</text>
-   <radio-group name="rtype">
-    <radio value='uncertain'>疑似</radio>
-    <radio value='confirm'>确诊</radio>
-  </radio-group>
-</view>
-<view>
-  <text>姓名</text>
-  <input name="name" placeholder="真实姓名"/>
-</view>
-<view>
-  <text>联系方式</text>
-  <input name="phone" placeholder="手机号码"/>
-</view>
-<button formType="submit">确认提交</button>
+<view class="page">
+  <view class="page__bd">
+    <form onsubmit="submitForm">
+      <view class="weui-cells__title">确诊类型</view>
+      <view class="weui-cells weui-cells_after-title">
+        <radio-group name="rtype" bindchange="onTypeChange">
+          <label class="weui-cell weui-check__label" wx:for="{{radioItems}}" wx:key="value">
+            <radio class="weui-check" value="{{item.value}}" checked="{{item.checked}}" />
 
-</form>
\ No newline at end of file
+            <view class="weui-cell__bd">{{item.name}}</view>
+            <view class="weui-cell__ft weui-cell__ft_in-radio" wx:if="{{item.checked}}">
+              <icon class="weui-icon-radio" type="success_no_circle" size="16"></icon>
+            </view>
+          </label>
+        </radio-group>
+      </view>
+      <view class="weui-cells__title">个人信息</view>
+      <view class="weui-cells weui-cells_after-title">
+        <view class="weui-cell ">
+          <view class="weui-cell__hd">
+            <view class="weui-label">姓名</view>
+          </view>
+          <view class="weui-cell__bd">
+            <input name="name" class="weui-input" placeholder="真实姓名" />
+          </view>
+        </view>
+        <view class="weui-cell ">
+          <view class="weui-cell__hd">
+            <view class="weui-label">联系方式</view>
+          </view>
+          <view class="weui-cell__bd">
+            <input name="phone" class="weui-input" placeholder="手机号码" />
+          </view>
+        </view>
+      </view>
+      <!-- <view>
+        <text>类型</text>
+        <radio-group name="rtype">
+          <radio value='uncertain'>疑似</radio>
+          <radio value='confirm'>确诊</radio>
+        </radio-group>
+      </view>
+      <view>
+        <text>姓名</text>
+        <input name="name" placeholder="真实姓名" />
+      </view>
+      <view>
+        <text>联系方式</text>
+        <input name="phone" placeholder="手机号码" />
+      </view>
+      <button formType="submit">确认提交</button> -->
+      <!-- 提交 -->
+      <view class="weui-btn-area" style="margin-bottom:40px">
+        <button class="weui-btn" type="primary" formType="submit">确认提交</button>
+      </view>
+    </form>
+  </view>
+</view>
\ No newline at end of file
diff --git a/miniprogram/pages/report/report.wxss b/miniprogram/pages/report/report.wxss
index aec054c..c1ec660 100644
--- a/miniprogram/pages/report/report.wxss
+++ b/miniprogram/pages/report/report.wxss
@@ -1 +1,3 @@
-/* miniprogram/pages/report/report.wxss */
\ No newline at end of file
+/* miniprogram/pages/report/report.wxss */
+
+@import "../../lib/weui-miniprogram/weui-wxss/dist/style/weui.wxss";
-- 
Gitee