静态页面

src/components/RenZhengScreen/index.css

@@ -0,0 +1,38 @@
+.RenZhengScreen {
+  width: 100%;
+  position: fixed !important;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  z-index: 300000;
+  background: #fff;
+}
+.RenZhengScreen > view.centerLabel {
+  width: 100%;
+}
+.RenZhengScreen > view.centerLabel text.Tips {
+  display: block;
+  font-size: 32px;
+  color: #666;
+  line-height: 60px;
+  text-align: center;
+}
+.RenZhengScreen > view.centerLabel > view {
+  padding: 0 30px;
+  position: relative;
+  overflow: hidden;
+  margin-top: 40px;
+}
+.RenZhengScreen > view.centerLabel > view > text {
+  display: block;
+  font-size: 28px;
+  color: #fff;
+  background: #ccc;
+  line-height: 80px;
+  text-align: center;
+  border-radius: 10px;
+  margin-bottom: 40px;
+}
+.RenZhengScreen > view.centerLabel > view > text.active {
+  background: #f35844;
+}

src/components/RenZhengScreen/index.jsx

@@ -2,6 +2,7 @@ import React, { useState } from 'react'
 import NavHeader from '@/components/NavHeader/index'
 import Taro from '@tarojs/taro'
 import { useModel } from '@/store'
+import request, { apis } from '@/utils/request'
 import '@/assets/css/reset.less'
 import '@/assets/css/iconfont.less'
 import './index.less'
@@ -9,7 +10,20 @@ import './index.less'
 export default function RenZhengScreen (props) {
 
   const { Show = false } = props
-  const { user } = useModel('user')
+  const { user, setUser } = useModel('user')
+  const [DataLock, setDataLock] = useState(false)
+
+  const RefreshUserInfo = () => {
+    if (DataLock) return
+    setDataLock(true)
+    request({ ...apis.getUserInfo }).then((res) => {
+      setUser({ ...user, ...res })
+      setDataLock(false)
+    }).catch((res) => {
+      setDataLock(false)
+      Taro.showToast({ title: res, icon: 'none' })
+    })
+  }
 
   return (
     <view className='RenZhengScreen' style={{ display: Show ? 'block' : 'none' }}>
@@ -17,13 +31,14 @@ export default function RenZhengScreen (props) {
       <view className='centerLabel'>
         {
           user !== null &&
-          <text className='Tips'>{user.verifyStatus === 'not_certified' ? '请进行业主信息认证' : user.verifyStatus === 'certification_in_progress' ? '业主认证中,请等待物业审核' : user.verifyStatus === 'certified' ? '未授权手机号' : '业主验证未通过，请重新验证'}</text>
+          <text className='Tips'>{user.verifyStatus === 'not_certified' ? '请进行业主信息认证' : user.verifyStatus === 'certification_in_progress' ? '业主认证中,请等待物业审核' : '业主验证未通过，请重新验证'}</text>
         }
         <view>
           {
             user !== null && user.verifyStatus !== 'certification_in_progress' && user.verifyStatus !== 'certified' &&
-            <text onClick={() => { Taro.navigateTo({ url: `/pages/WoDe/YeZhuRenZheng/index?from=popup` }) }}>去认证</text>
+            <text onClick={() => { Taro.navigateTo({ url: `/pages/WoDe/YeZhuRenZheng/index?from=popup` }) }} className='active'>去认证</text>
           }
+          {/* <text onClick={RefreshUserInfo} className={DataLock ? '' : 'active'}>{DataLock ? '正在刷新...' : '刷新人员信息'}</text> */}
         </view>
       </view>
     </view>

src/components/RenZhengScreen/index.less

@@ -28,10 +28,14 @@
         display: block;
         font-size: 28px;
         color: #fff;
-        background: #f35844;
+        background: #ccc;
         line-height: 80px;
         text-align: center;
         border-radius: 10px;
+        margin-bottom: 40px;
+        &.active {
+          background: #f35844;
+        }
       }
     }
   }

src/layouts/index.jsx

@@ -48,6 +48,7 @@ export default function (props) {
     setIsAuthedBasic(user && user.avatarurl && user.nickname)
     setIsAuthedPhone(user && user.phone)
     setIsAuthedYeZhu(user && user.verifyStatus === 'certified')
+    setShowAuthYeZhu(user && (user.verifyStatus === 'not_certified' || user.verifyStatus === 'certification_in_progress' || user.verifyStatus === 'certification_failed'))
   }, [user])
 
   useEffect(() => {
@@ -75,11 +76,11 @@ export default function (props) {
       return
     }
 
-    if (isAuthedPhone && !isAuthedYeZhu && needAuthYeZhu) {
-      setShowAuthYeZhu(true)
-    } else {
-      setShowAuthYeZhu(false)
-    }
+    // if (isAuthedPhone && !isAuthedYeZhu && needAuthYeZhu) {
+    //   setShowAuthYeZhu(true)
+    // } else {
+    //   setShowAuthYeZhu(false)
+    // }
   }, [needAuthYeZhu, isAuthedPhone, page])
 
   // 授权头像