静态页面

src/pages/mine/index.jsx

@@ -72,7 +72,7 @@ export default withLayout(() => {
               {/* 用户信息 */}
               <view className='UserInfo'>
                 <view className='UserIcon'>
-                  <Image mode='aspectFill' className='centerLabel' src={getImgURL(user?.userInfo?.person?.avatarurl) || defaultRuleImage} />
+                  <Image mode='aspectFill' className='centerLabel' src={getImgURL(user?.userInfo?.person?.userPhoto || user?.userInfo?.person?.avatarurl) || defaultRuleImage} />
                 </view>
                 <view className='OtherInfo'>
                   <view className='Name'>

src/pages/mine/userInfo/index.jsx

@@ -4,24 +4,36 @@ import { useSelector } from 'react-redux'
 import withLayout from '@/layout'
 import { ScrollView, Input, Image } from '@tarojs/components'
 import { getImgURL } from '@/utils/image'
-import { fetch } from '@/utils/request'
-import login from '@/utils/login'
-import { API_EDIT_AGENT } from '@/constants/api'
+import { fetch, uploadFiles } from '@/utils/request'
+import { UPDATE_USER_INFO, ROLE_CODE } from '@/constants/user'
+import { API_EDIT_AGENT, API_UPDATE_PHOTO } from '@/constants/api'
+import store from '@/store'
 import '@/assets/css/iconfont.css'
 import './index.scss'
 
 export default withLayout(() => {
 
+  const { dispatch } = store
+
   const user = useSelector(state => state.user)
   const [UserInfo, setUserInfo] = useState({})
+  const [UserRole, setUserRole] = useState(null) // 1-普通用户 2-经纪人 3-置业顾问 4-驻场管理
   const [FormData, setFormData] = useState({
     name: '',
     phone: ''
   })
 
+  useEffect(() => {
+    if (user?.userInfo?.person?.personId) {
+      const person = user.userInfo.person
+      setUserRole(person.personType === ROLE_CODE.CUSTOMER || person.personType === ROLE_CODE.DRIFT ? 1 : person.personType === ROLE_CODE.CHANNEL_AGENT ? 2 : person.personType === ROLE_CODE.CONSULTANT ? 3 : 4)
+    }
+  }, [user])
+
   useEffect(() => {
     setUserInfo(user?.userInfo?.person)
-    setFormData({name: user?.userInfo?.person.name, phone: user?.userInfo?.person.phone})
+    console.log(user)
+    setFormData({ name: user?.userInfo?.person.name, phone: user?.userInfo?.person.phone })
   }, [user])
 
   const Save = () => {
@@ -30,16 +42,37 @@ export default withLayout(() => {
         title: '修改成功',
         icon: 'none'
       })
-      login({path: '', scene: ''})
+      dispatch({ type: UPDATE_USER_INFO, payload: { name: FormData.name, phone: FormData.phone } })
+      // login({ path: '', scene: '' })
     })
   }
 
   const FormChange = (key, e) => {
-    let Data = {...FormData}
+    let Data = { ...FormData }
     Data[key] = e.detail.value
     setFormData(Data)
   }
 
+  const ToUploadImg = () => {
+    if(UserRole - 0 === 3) {
+      Taro.chooseImage({
+        count: 1,
+        success: function (res) {
+          if (res.errMsg === 'chooseImage:ok') {
+            Taro.showToast({ title: '正在上传...', icon: 'loading', mask: true, duration: 10000 })
+            uploadFiles(res.tempFilePaths).then((subRes) => {
+              fetch({ url: API_UPDATE_PHOTO, payload: { photoUrl: subRes[0] }, method: 'put' }).then(() => {
+                Taro.hideToast()
+                Taro.showToast({ title: '修改成功', icon: 'none', duration: 2000 })
+                dispatch({ type: UPDATE_USER_INFO, payload: { userPhoto: subRes[0] } })
+              })
+            })
+          }
+        }
+      })
+    }
+  }
+
   return (
     <view className='Page UserInfo'>
 
@@ -47,10 +80,10 @@ export default withLayout(() => {
         <view className='PageContent'>
 
           <text>头像</text>
-          <view className='FormLine flex-h'>
+          <view className='FormLine flex-h' onClick={ToUploadImg}>
             <view className='flex-item'>
               <view className='Icon'>
-                <Image mode='aspectFill' src={getImgURL(UserInfo.avatarurl)}></Image>
+                <Image mode='aspectFill' src={getImgURL(UserInfo.userPhoto || UserInfo.avatarurl)}></Image>
               </view>
             </view>
             {/* <text className='iconfont icon-jiantouright'></text> */}