h5page

src/app.js

@@ -41,10 +41,11 @@ class App extends Component {
     },
     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

@@ -0,0 +1,56 @@
+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

@@ -328,4 +328,94 @@
     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

@@ -17,6 +17,7 @@ const icons = {
   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']
@@ -58,6 +59,14 @@ const menus = [
       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

@@ -5,6 +5,7 @@ import getUserPhone from '@utils/getUserPhone'
 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 })
@@ -19,7 +20,6 @@ export default class Index extends Component {
   }
   componentWillMount() {
 
-
     ready.queue(() => {
       getHFiveDetail(this.$router.params.id).then(res => {
         this.setState({
@@ -84,6 +84,15 @@ export default class Index extends Component {
       }
     })
   }
+  // 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) {
@@ -100,6 +109,41 @@ export default class Index extends Component {
       }
     })
   }
+  // 报备客户
+  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
@@ -128,7 +172,7 @@ export default class Index extends Component {
     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

@@ -4,7 +4,7 @@ import './index.scss'
 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'
@@ -13,14 +13,15 @@ import { queryBanners, savePoint, updatePoint } from '@services/common'
 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(
@@ -31,7 +32,6 @@ export default class Index extends Component {
   config = {
     navigationBarTitleText: '橙蕉'
   }
-
   state = {
     maskVisible: false,
     keywords: '',
@@ -72,7 +72,13 @@ export default class Index extends Component {
       })
     })
   }
-
+  toChatList() {
+    // const { dispatch } = getStore()
+    // dispatch({ type: DECREASE_UNREADNUM })
+    Taro.navigateTo({
+      url: '/pages/im/list/index'
+    })
+  }
   componentDidShow() {
     if (this.props.curCity.id) {
       ready.queue(() => {
@@ -337,7 +343,7 @@ export default class Index extends Component {
       // h5
       case 'h5':
         Taro.navigateTo({
-          url: '/pages/project/middlePage?id=' + targetId
+          url: '/pages/project/h5Page?id=' + targetId
         })
         return;
 
@@ -345,7 +351,7 @@ export default class Index extends Component {
       case 'others':
       default:
         this.handleMaskClose()
-      return;
+        return;
     }
   }
 
@@ -387,10 +393,10 @@ export default class Index extends Component {
   }
 
   handleMaskBannerClick(data) {
-    console.log(data,"data")
+    console.log(data, "data")
     this.redirectTo(data)
 
-    
+
   }
 
   handleLocationClick() {
@@ -541,8 +547,7 @@ export default class Index extends Component {
     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 && (
@@ -639,6 +644,10 @@ export default class Index extends Component {
             {/* 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

@@ -550,4 +550,25 @@ height:172px;
       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;
+  }
 }