静态页面

src/pages/person/index.js

@@ -15,6 +15,7 @@ import login from '@/utils/login'
 export const version = Version
 import { rule as ruleToast } from '@/utils/ruleToast'
 import { Loading } from '@/components/Loading'
+import ready from '@/utils/ready'
 
 const DRIFT = ROLE_CODE['DRIFT']
 const CUSTOMER = ROLE_CODE['CUSTOMER']
@@ -41,6 +42,7 @@ export default class Person extends Component {
     pageVisible: false,
     loading: true,
     UserLevelIcon: null,
+    Org: null,
     UserMenus: [
       [
         {
@@ -120,6 +122,14 @@ export default class Person extends Component {
       ]
     ]
   }
+  componentWillMount () {
+    ready.queue(() => {
+      console.log(this.props, `--------------------------------------------1111111111111111111111111`)
+      this.setState({
+        Org: this.props.user.userInfo.person.org || null
+      })
+    })
+  }
 
   componentDidShow () {
     Taro.showLoading()
@@ -319,7 +329,7 @@ export default class Person extends Component {
   }
 
   renderDetail () {
-    const { users, menus, roleName, UserMenus, UserLevelIcon } = this.state
+    const { users, menus, roleName, UserMenus, UserLevelIcon, Org } = this.state
     const { user: { userInfo: { person: { avatarurl, org: { waterMark } = {} }, miniApp: { name } } } } = this.props
 
     // const showQRCode = user.personType === ROLE_CODE['CONSULTANT'] || ROLE_CODE['ESTATE_AGENT'] || ROLE_CODE['CHANNEL_AGENT']
@@ -329,7 +339,11 @@ export default class Person extends Component {
       <View className="person">
         <Notice></Notice>
         <View className="info">
-          <Image className="bg" src='../../assets/img/topbg.jpg' mode='widthFix'></Image>
+          <Image className="bg" src={require('@/assets/img/topbg.jpg')} mode='widthFix'></Image>
+          {
+            Org !== null &&
+            <Image className="WaterMark" src={Org.waterMark} mode='widthFix'></Image>
+          }
 
           <View className="content">
             <View className="info-block">

src/pages/person/index.scss

@@ -117,6 +117,15 @@
     width: 100%;
     position: relative;
   }
+  .WaterMark {
+    width: 180px;
+    display: block;
+    position: absolute;
+    right: 30px;
+    top: 50%;
+    transform: translateY(-50%);
+    -webkit-transform: translateY(-50%);
+  }
   .logo{
     position: absolute;
     width: 200px;