静态页面

src/pages/HuoDong/HuoDongDetail/index.jsx

@@ -6,6 +6,7 @@ import { useModel } from '@/store'
 import Page from '@/layouts'
 import toolclass from '@/utils/toolclass.js'
 import { getShareObject } from '@/utils/share.js'
+import GetUserPhone from '@/components/GetUserPhone/index'
 import '@/assets/css/reset.less'
 import '@/assets/css/iconfont.less'
 import './index.less'
@@ -15,9 +16,11 @@ export default function HuoDongDetail () {
   const { user } = useModel('user')
   const [DataLock, setDataLock] = useState(false)
   const [HasJoin, setHasJoin] = useState(null)
-  const [IsSign, setIsSign] = useState(null)
+  const [HasSign, setHasSign] = useState(null)
+  const [CanJoin, setCanJoin] = useState(null)
   const [JoinBtnText, setJoinBtnText] = useState(null)
   const [JoinBtnStatus, setJoinBtnStatus] = useState(false)
+  const [ShowGetUserPhoneLayer, setShowGetUserPhoneLayer] = useState(false)
   const [CurrnetHuoDongId] = useState(Current.router.params.id) // 当前活动id
   const [ActivityDetail, setActivityDetail] = useState(null) // 活动详情
 
@@ -37,7 +40,7 @@ export default function HuoDongDetail () {
     if (ActivityDetail !== null) {
       ToSetJoinBtnText()
     }
-  }, [IsSign])
+  }, [HasJoin, CanJoin, HasSign, ActivityDetail])
 
   const GetActivityDetail = () => { // 获取活动详情
     request({ ...apis.getActivityDetail, args: { id: CurrnetHuoDongId } }).then((res) => {
@@ -48,54 +51,41 @@ export default function HuoDongDetail () {
 
   const CheckActivityJoin = () => { // 查询活动参加详情
     request({ ...apis.checkActivityJoin, args: { id: CurrnetHuoDongId } }).then((res) => {
-      setHasJoin(!!res.dynamic.isEnlist)
-      setIsSign(!!res.dynamic.isSign)
+      setHasJoin(!!res.dynamic.isSign)
+      setCanJoin(!!res.dynamic.isEnlist)
+      setHasSign(!!res.enlist.isCheckin)
     })
   }
 
   const ToSetJoinBtnText = () => {
-    let Now = Date.now()
-    let JoinStart = new Date(ActivityDetail.enlistStart).getTime()
-    let JoinEnd = new Date(ActivityDetail.enlistEnd).getTime()
-    let Start = new Date(ActivityDetail.startDate).getTime()
-    let End = new Date(ActivityDetail.endDate).getTime()
-
-    if (Now < JoinStart) {
-      setJoinBtnText(`未开始`)
-      return false
-    } else if (Now < JoinEnd) {
-      if (!HasJoin) {
-        setJoinBtnText(`立即参加`)
-        setJoinBtnStatus(true)
-      } else {
-        setJoinBtnText(`已报名`)
-      }
-      return false
-    } else if (Now < Start) {
-      if (!HasJoin) {
-        setJoinBtnText(`报名已截止`)
-      } else {
-        setJoinBtnText(`已报名`)
-      }
+    if (ActivityDetail.activityStatus - 0 === 2) {
+      setJoinBtnText(`已结束`)
       return false
-    } else if (Now < End) {
-      if (!HasJoin) {
-        setJoinBtnText(`活动已开始`)
-        return false
-      } else if (!IsSign) {
-        setJoinBtnText(`去签到`)
-        setJoinBtnStatus(true)
-        return false
-      } else {
+    } else {
+      if (HasSign) {
         setJoinBtnText(`已签到`)
         return false
+      } else {
+        if (HasJoin) {
+          if (ActivityDetail.activityStatus - 0 === 1) {
+            setJoinBtnText(`已报名`)
+          } else if (ActivityDetail.activityStatus - 0 === 0) {
+            setJoinBtnStatus(true)
+            setJoinBtnText(`去签到`)
+          }
+          return false
+        } else {
+          if (CanJoin) {
+            setJoinBtnStatus(true)
+            setJoinBtnText(`去报名`)
+            return false
+          } else {
+            setJoinBtnText(null)
+            return false
+          }
+        }
       }
-    } else if (Now >= End) {
-      setJoinBtnText(`已结束`)
-      return false
     }
-    setJoinBtnText(null)
-    return false
   }
 
   const ToJoin = () => { // 去报名
@@ -128,10 +118,20 @@ export default function HuoDongDetail () {
     })
   }
 
+  const showError = err => {
+    Taro.showModal({
+      title: '错误',
+      content: err,
+      showCancel: false
+    })
+  }
+
   return (
     <Page>
       <view className='HuoDongDetail'>
 
+        <GetUserPhone visible={ShowGetUserPhoneLayer} onError={err => showError(`授权手机失败: ${err}`)} onCancel={() => { }}></GetUserPhone>
+
         <view className='BannerLayer'></view>
         {
           ActivityDetail !== null &&