h5page

src/app.js

     },
     pages: [
       'pages/project/index',
-      'pages/project/middlePage',
+      'pages/project/h5Page',
       'pages/person/customerAnalysis/followUpCustomer/index',
       'pages/person/customerAnalysis/transactionCustomer/index',
       'pages/person/customerAnalysis/myCustomer',
+      'pages/person/accessRecord',
       'pages/shop/index',
       'pages/activity/activity',
       'pages/activity/myActivity',

src/pages/person/accessRecord.js

+import Taro, { Component } from '@tarojs/taro';
+import './index.scss'
+
+export default class Person extends Component {
+  config = {
+    navigationBarTitleText: '访问记录'
+  }
+
+  state = {
+
+  }
+
+  componentDidShow() {
+    // Taro.showLoading()
+  }
+  renderPop() {
+    return (
+      <View className="pop-box">
+
+
+        <View className="content">
+
+        </View>
+
+
+
+      </View>
+    )
+  }
+
+  render() {
+
+    return (
+      <Block>
+        {this.renderPop()}
+        <View className='access-page'>
+          <View className='item'>
+            <View className="tag">我的客户</View>
+            <Image className="touxiang" src={require('@assets/default-avatar.png')}></Image>
+            <View className="info-top">
+              <View className="name">曹建芳</View>
+              <Image className="goutong-icon" src={require('@assets/person/zixun.png')}></Image>
+              <View className="goutong">在线沟通</View>
+            </View>
+            <View className="activity-name">
+              活动名称展示处活动名称展示处活动名么的事借款部分手机电脑热风
+        </View>
+            <View className="activity-time">
+              2019-12-06 12:23:54
+        </View>
+          </View>
+        </View>
+      </Block>
+    )
+  }
+}

src/pages/person/index.scss

     width: 40px;
     height: 40px;
   }
+}
+.access-page{
+  padding: 30px;
+  .item{
+    height: 268px;
+    background: rgba(255,255,255,1);
+    box-shadow: 0px 4px 20px 0px rgba(0,0,0,0.09);
+    border-radius: 12px;
+    padding: 30px;
+    position: relative;
+    .tag{
+      position: absolute;
+      right: 0;
+      top: 0;
+      background-color: $primary-color;
+      padding: 10px 18px 10px 24px;
+      border-radius:0px 12px 0px 36px;
+      font-size: 26px;
+      color: #fff;
+    }
+    .touxiang{
+      width:88px;
+      height:88px;
+      border-radius: 44px;
+    }
+    .info-top{
+      display: flex;
+      position: absolute;
+      top: 46px;
+      left:140px;
+      align-items: center;
+      .name{
+        font-size: 40px;
+        color: #000;
+        font-weight: 500;
+        max-width: 300px;
+        @include text-ellipsis;
+      }
+      .goutong-icon{
+        width:40px;
+        height:40px;
+        background:rgba(255,219,179,0.2);
+        border-radius: 20px;
+        margin: 0 20px 0 30px;
+      }
+      .goutong{
+        font-size: 30px;
+        color: $primary-color;
+      }
+    }
+    .activity-name{
+      font-size: 32px;
+      color: #353535;
+      width: 620px;
+      @include text-ellipsis;
+      line-height: 72px;
+    }
+    .activity-time{
+      font-size: 26px;
+      color:rgba(0,0,0,0.33);
+      line-height: 40px;
+      text-align: right;
+    }
+  }
+}
+.pop-box{
+    position: fixed;
+    width: 100vw;
+    height: 100vh;
+    left: 0;
+    top: 0;
+    z-index: 9999;
+    background: rgba(0, 0, 0, 0.22);
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    .content {
+      width: 92vw;
+      height: 600px;
+      position: absolute;
+      left: 50%;
+      top: 44%;
+      margin-left: -46vw;
+      transform: translateY(-50%);
+      background-color: #fff;
+      border-radius: 12px;
+      padding: 30px;
+      text-align: center;
+    }
 }

src/pages/person/menus.js

   consultant: require('@assets/mine/consultant.png'),
   customerAnalysis: require('@assets/mine/customerAnalysis.png'),
   fenxi: require('@assets/mine/fenxi.png'),
+  accessrecord: require('@assets/mine/accessrecord.png'),
 }
 
 const DRIFT = ROLE_CODE['DRIFT']
       userTypes: [CONSULTANT],
       style: '',
     },
+    {
+      name: '访问记录',
+      url: '/pages/person/accessRecord',
+      icon: icons.accessrecord,
+      extends: undefined,
+      userTypes: [CONSULTANT],
+      style: '',
+    },
     // {
     //   name: '成为经纪人',
     //   url: '/pages/agent/become/index',

src/pages/project/middlePage.js → src/pages/project/h5Page.js

 import './index.scss'
 import { getHFiveDetail } from '@services/user'
 import ready from '@utils/ready'
+import { reportClient } from '@services/report'
 const bgImg = require('@assets/helpgroup/bg.png')
 
 @connect(state => state.user, { ...actions })
   }
   componentWillMount() {
 
-
     ready.queue(() => {
       getHFiveDetail(this.$router.params.id).then(res => {
         this.setState({
       }
     })
   }
+  // onShareAppMessage = () => {
+  //   const {pageInfo } = this.state
+  //   // const { agent: { nickname, personId, agentCode } } = this.state
+  //   return {
+  //     // title: `${nickname}邀请你成为经纪人`,
+  //     path: `/pages/project/h5Page?id=${personId}&from=share&recommender=${personId}&agentCode=${agentCode}`,//分享地址
+  //     imageUrl: pageInfo.shareImg
+  //   }
+  // }
   getPhoneNumber(e) {
     getUserPhone(e, (phoneNumber) => {
       if (!phoneNumber) {
       }
     })
   }
+  // 报备客户
+  reportClient() {
+    const {
+      cardInfo: { id, projects = [] },
+      userInfo: { person: { phone, tel } }
+    } = this.props
+    const buildingId = projects[0]
+    const realPhone = phoneNumber || phone || tel
+    const payload = {
+      realtyConsultant: id, //报备人 置业顾问
+      buildingId,
+      phone: realPhone
+    }
+    const { cardInfo, userInfo: { person } } = this.props
+    if (person.personId != cardInfo.id) {
+      reportClient(payload).then(res => {
+        this.hideModal()
+        console.log('恭喜您绑定成功')
+        // this.setState({ bound: true })
+        // if (res !== 'bound') {
+        //   Taro.showToast({
+        //     title: '恭喜您绑定成功'
+        //   })
+        // }
+      }).catch(err => {
+        console.error(err)
+        this.setState({ bound: true })
+
+        // Taro.showToast({
+        //   title: err.message || err,
+        //   icon: 'none'
+        // })
+      })
+    }
+  }
 
   renderMaskBanner() {
     const { avatarVisible, phoneVisible, pageInfo } = this.state
     return (
       <Block>
         {this.renderMaskBanner()}
-        {webViewVisible && <WebView src={pageInfo.h5Address} />}
+        {webViewVisible && <WebView src={pageInfo.h5Address + '?personid=xxx&h5id=xxx&xxxx'} />}
       </Block>
     )
   }

src/pages/project/index.js

 import ProjectItem from './item'
 import Banner from './banner'
 import HelpGroupBanner from './swiper'
-import ActivityItem from '../activity/item'
+// import ActivityItem from '../activity/item'
 
 import ready from '@utils/ready'
 import { getLocationCity } from '@services/map'
 import { queryNewsList, queryHelpGroup } from '@services/news'
 import { queryActivityList } from '@services/activity'
 import { dispatchCitySelected } from '@actions/city'
-import { ROLE_CODE } from '@constants/user'
-import { connect } from '@tarojs/redux'
+import { ROLE_CODE, DECREASE_UNREADNUM } from '@constants/user'
+import { getStore, connect } from '@tarojs/redux'
 import * as actions from '@actions/project'
 import { transferImage } from '@utils/tools'
 import QQMapWX from '@lib/qqmap-wx-jssdk.min'
 import Notice from '@components/Notice'
 import Authorize from '@components/authorize'
 
+
 const accountInfo = wx.getAccountInfoSync();
 
 @connect(
   config = {
     navigationBarTitleText: '橙蕉'
   }
-
   state = {
     maskVisible: false,
     keywords: '',
       })
     })
   }
-
+  toChatList() {
+    // const { dispatch } = getStore()
+    // dispatch({ type: DECREASE_UNREADNUM })
+    Taro.navigateTo({
+      url: '/pages/im/list/index'
+    })
+  }
   componentDidShow() {
     if (this.props.curCity.id) {
       ready.queue(() => {
       // h5
       case 'h5':
         Taro.navigateTo({
-          url: '/pages/project/middlePage?id=' + targetId
+          url: '/pages/project/h5Page?id=' + targetId
         })
         return;
 
       case 'others':
       default:
         this.handleMaskClose()
-      return;
+        return;
     }
   }
 
   }
 
   handleMaskBannerClick(data) {
-    console.log(data,"data")
+    console.log(data, "data")
     this.redirectTo(data)
 
-    
+
   }
 
   handleLocationClick() {
     const { curCity } = this.props
     const { newsList, achieve } = this.state
     const { userInfo: { person: { personType, phone } } } = this.props
-    const { userInfo: { person } } = this.props
-
+    const { unReadNum, userInfo: { person } } = this.props
     return (
       <Block>
         {this.state.loaded && (
             {/* user={person} onSuccess={()=>this.handleAuthPhoneSuccess(curCity) */}
             {/* {achieve && <View style="width:100%;height:100%"><Authorize ></Authorize>  </View>} */}
             {this.state.maskVisible && this.renderMaskBanner()}
+            <View className="chat-box" onClick={this.toChatList}>
+              {unReadNum > 0 && <View className="red-dot"></View >}
+              <Image className='chat-img' src={require('@assets/person/communicate.png')}></Image>
+            </View >
           </View >
         )}
       </Block>

src/pages/project/index.scss

       margin-top: 46px;
     }
   }
+}
+.chat-box{
+  position: fixed;
+  right: 30px;
+  bottom:6vh;
+  width: 88px;
+  height: 88px;
+  .red-dot{
+    width: 16px;
+    height: 16px;
+    background-color: red;
+    border-radius: 20px;
+    position: absolute;
+    right: 16px;
+    top: 14px;
+
+  }
+  .chat-img{
+    width: 88px;
+    height: 88px;
+  }
 }