feats

src/compents/getphone/index.jsx

 
     const user = useSelector(state => state.user)
     const dispatch = useDispatch()
-    const [showPannel, setShowPannel] = useState(true)
-    //   const { user, setUser } = useModel('user')
 
     const ToGetUserPhone = (e) => { // 授权手机号
         const { errMsg, ...data } = e.detail
                     props.onOk(res)
                 }
             }).catch((er) => {
-                setShowPannel(true)
                 if (props.onError) {
                     props.onError(er.message || er.errMsg || er)
                 }
             })
         } else {
-            setShowPannel(true)
             if (props.onError) {
                 props.onError(errMsg)
             }
     }
 
     const handleCancel = () => {
-        setShowPannel(false)
+        // setShowPannel(false)
         if (props.onCancel) {
             props.onCancel()
         }
     }
 
-
-
-    return (props.visible && <AtModal isOpened={showPannel}>
-        <AtModalHeader>您暂未授权手机号</AtModalHeader>
-        <AtModalAction>
-            <Button onClick={handleCancel}>取消</Button>
-            <Button
-                className='flex-item'
-                open-type='getPhoneNumber'
-                lang='zh_CN'
-                onGetphonenumber={ToGetUserPhone}
-                onClick={() => setShowPannel(false)}
-            >去授权</Button> </AtModalAction>
-    </AtModal>)
+    return (
+        <AtModal isOpened={props.visible} closeOnClickOverlay={false}>
+            <AtModalHeader>您暂未授权手机号</AtModalHeader>
+            <AtModalAction>
+                <Button onClick={handleCancel}>取消</Button>
+                <Button
+                    className='flex-item'
+                    open-type='getPhoneNumber'
+                    lang='zh_CN'
+                    onGetphonenumber={ToGetUserPhone}
+                >去授权</Button>
+            </AtModalAction>
+        </AtModal>
+    )
 
     // return props.visible && (
     //     <view style={{textAlign:'center'}}> 

src/pages/customer/index.js

  
   const user = useSelector(state => state.user)
 
-  const [pageState, setPageState] = useState(false)
-  useEffect(() => {
-    
+  const [pageState, setPageState] = useState('3')
 
-    if(orderId){
-      request({url:'',}).then(res=>{
-        setPageState('1')
+  useEffect(() => {
+    if(props.orderId){
+      request({url: `/taHouseOrder/{props.orderId}`,}).then(res=>{
+        const data = res.data.data
+        if (data.status !== 1) {
+          setPageState('1')
+        }
       })
-    }else{
-      setPageState('1')
     }
-
-  }, [])
-
-
-  const onTabClick = (e) => {
-    console.log(e, '111')
-    
-  }
-
-  const onRegisterChange = (e) => {
-    console.log(e, '111')
-  }
-
+  }, [props.orderId])
  
-  return <View className='index'>
-
-
-     {pageState&&<View>
-{pageState=='1'&&<Register oderId={orderId}></Register>  }
-    <Layout>
-    
-    {pageState=='2'&&<Guide houseId={houseId}></Guide>  }
-    {pageState=='3'&&<Recommend houseId={houseId}></Recommend>  }
-    </Layout>
-    
-    {pageState!='1' &&<Tab value={['入住指引','房东推荐']} pageState={pageState} onClick={[(e) => setPageState('2'),(e) => setPageState('3')]}></Tab>}
-
-    </View>}
-
-    
-  </View>
+  return (
+    <View className='index'>
+        {pageState && (
+          <View>
+            {pageState=='1'&&<Register oderId={orderId}></Register>}
+
+            <Layout>
+              {pageState=='2'&&<Guide houseId={houseId}></Guide>  }
+              {pageState=='3'&&<Recommend houseId={houseId}></Recommend>  }
+            </Layout>
+          
+            {pageState!='1' && (
+              <Tab
+                value={['入住指引','房东推荐']}
+                pageState={pageState}
+                onClick={[(e) => setPageState('2'),(e) => setPageState('3')]} />
+            )}      
+          </View>
+        )}
+    </View>
+  )
+  
+  
 }
 
 export default index

src/pages/index/index.jsx

   // const [userRole, setUserRole] = useState('1')
   // const [pageState, SetPageState] = useState('1')
   // const [list, setList] = useState([])
-  const [visible, setVisible] = useState(false)
+  // const [visible, setVisible] = useState(false)
+  const [showAuthPhone, setShowAuthPhone] = useState(false)
 
   useEffect(() => {
-    if (user.personId && !user.phone) {
-      setVisible(true)
-    }
-    if (user.personId && user.phone) {
-      setVisible(false)
-    }
-  }, [user.phone, user.personId])
-
+    setShowAuthPhone(!user.phone)
+  }, [user.phone])
 
   const onOk = (res) => {
-
     dispatch({ type: 'LOGIN', user: res.data.data })
-    setVisible(false)
+    setShowAuthPhone(false)
   }
 
   const onCancel = (e) => {
-    setVisible(false)
+    setShowAuthPhone(false)
   }
 
   return <View className='index'>
 
     {user.personId && <View>
-      <GetPhone visible={visible} onOk={onOk} onCancel={onCancel} ></GetPhone>
+      <GetPhone visible={showAuthPhone} onOk={onOk} onCancel={onCancel} ></GetPhone>
       {user.role == roleList.customer && <Customer houseId={houseId} orderId={orderId}></Customer>}
       {user.role == roleList.landlord && <Landlord ></Landlord>}
     </View>}