静态页面

src/pages/WoDe/index.jsx

@@ -2,15 +2,28 @@ import React, { useState, useEffect } from 'react'
 import NavHeader from '@/components/NavHeader/index'
 import Taro from '@tarojs/taro'
 import request, { apis } from '@/utils/request'
-import { useModel } from '@/store'
+import { store, useModel } from '@/store'
 import '@/assets/css/reset.less'
 import '@/assets/css/iconfont.less'
 import './index.less'
 
 export default function WoDe (props) {
 
+  const { setUser } = store.getModel('user').getState()
   const { user } = useModel('user')
   const [IsPull, setIsPull] = useState(false)
+  const [UserTab] = useState([
+    { icon: 'iconrenzheng1', name: '业主认证', id: 1, router: '/pages/WoDe/YeZhuRenZheng/index' },
+    { icon: 'iconjifenguize', name: '积分明细', id: 2, router: null },
+    { icon: 'iconjiaofei', name: '物业缴费', id: 3, router: null },
+    { icon: 'iconfuwu1', name: '物业服务', id: 4, router: null }
+  ])
+  const [MoreUserTab] = useState([
+    { icon: 'iconerweima', name: '推荐二维码', id: 5, router: '/pages/WoDe/TuiJianErWeiMa/index' },
+    { icon: 'iconfenxiang', name: '推荐分享', id: 6, router: '/pages/WoDe/TuiJianFenXiang/index' },
+    { icon: 'iconhuodong', name: '参与活动', id: 7, router: '/pages/WoDe/WoDeHuoDong/index' }
+  ])
+  const [DataLock, setDataLock] = useState(false)
 
   useEffect(() => {
     if (user !== null) {
@@ -21,18 +34,18 @@ export default function WoDe (props) {
     }
   }, [])
 
-  const [UserTab, setUserTab] = useState([
-    { icon: 'iconrenzheng1', name: '业主认证', id: 1, router: '/pages/WoDe/YeZhuRenZheng/index' },
-    { icon: 'iconjifenguize', name: '积分明细', id: 2, router: null },
-    { icon: 'iconjiaofei', name: '物业缴费', id: 3, router: null },
-    { icon: 'iconfuwu1', name: '物业服务', id: 4, router: null }
-  ])
-
-  const [MoreUserTab, setMoreUserTab] = useState([
-    { icon: 'iconerweima', name: '推荐二维码', id: 5, router: '/pages/WoDe/TuiJianErWeiMa/index' },
-    { icon: 'iconfenxiang', name: '推荐分享', id: 6, router: '/pages/WoDe/TuiJianFenXiang/index' },
-    { icon: 'iconhuodong', name: '参与活动', id: 7, router: '/pages/WoDe/WoDeHuoDong/index' }
-  ])
+  const ToSign = () => { // 签到
+    if (DataLock) return
+    setDataLock(true)
+    request({ ...apis.userSign }).then(() => {
+      Taro.showToast({ title: '签到成功', icon: 'none' })
+      setUser({ ...user, isSignup: 1 })
+      setDataLock(false)
+    }).catch((res) => {
+      Taro.showToast({ title: res, icon: 'none' })
+      setDataLock(false)
+    })
+  }
 
   const OnRefresh = () => { // 页面下拉刷新
     setIsPull(true)
@@ -60,7 +73,7 @@ export default function WoDe (props) {
                 <text>{user.nickname || '暂未授权用户信息'}</text>
                 <text>{user.phone || '暂未授权手机号'}</text>
               </view>
-              <text>签到</text>
+              <text onClick={ToSign}>{user.isSignup ? '已签到' : '签到'}</text>
             </view>
           </view>
 

src/utils/api.js

@@ -1,6 +1,10 @@
 const prefix = `${HOST}/api/wx`
 
 const $api = {
+  userSign: { // 用户签到
+    method: 'post',
+    url: `${prefix}/user/signin`
+  },
   getOwnerVerifyList: { // 获取业主认证列表
     method: 'get',
     url: `${prefix}/user/verify/list`