styles

src/app.js

       // 'pages/person/customerAnalysis/followUpCustomer/index',
       // 'pages/person/customerAnalysis/transactionCustomer/index',
       'pages/person/customerAnalysis/myCustomer',
-      'pages/person/accessRecord',
+      'pages/person/myShare/accessRecord',
+      'pages/person/myShare/index',
       'pages/shop/index',
       'pages/activity/activity',
       'pages/activity/myActivity',

src/components/consultant/index.js

+import Taro, { Component } from '@tarojs/taro';
+import './index.scss'
+
+export default class Index extends Component {
+    state = {
+        show: true,
+    }
+    static options = {
+        addGlobalClass: true,
+    };
+    static defaultProps = {
+        style: {}
+    }
+    handleClick() {
+        this.setState({
+            show: false
+        })
+    }
+    handleClickTwo() {
+        this.setState({
+            show: true
+        })
+    }
+    render() {
+        const { show } = this.state
+        return (
+            <View>
+                {show &&
+                    <View className="consultant" style={this.props.style} onClick={this.handleClick}  >
+                        <Image src={require('@assets/person/left.png')}  className='left-img'></Image>
+                        <Image src="http://pic3.zhimg.com/50/v2-55f854baa56381deff541029d51662d0_hd.jpg" className='img'></Image>
+                        <View className="text">哈哈哈</View>
+                    </View>
+                }
+                {!show &&
+                    <View className="consultant-more" style={this.props.style} >
+                         <Image src={require('@assets/person/cancel.png')}  onClick={this.handleClickTwo}className='cancel-img'></Image>
+                        <Image src="http://pic3.zhimg.com/50/v2-55f854baa56381deff541029d51662d0_hd.jpg" className='touxiang'></Image>
+                        <View className="text">
+                            <View className="name">哈哈哈</View>
+                            <View className="company">南京橙蕉互动数字科技有限公司</View>
+                        </View>
+                        <Image src={require('@assets/person/phone.png')} className='phone-img'></Image>
+                        <Image src={require('@assets/person/message.png')} className='message-img'></Image>
+                    </View>
+                }
+
+                <View>
+                </View>
+            </View>
+        );
+    }
+}

src/components/consultant/index.scss

+@import "@styles/theme.scss";
+.consultant {
+  position: fixed;
+  bottom: 140px;
+  right: 0;
+  height: 84px;
+  background-color: #fff;
+  box-shadow:0px 4px 12px 0px rgba(0,0,0,0.25);
+  border-radius:78px 0px 0px 78px;
+  z-index: 99;
+  display: flex;
+  align-items: center;
+  padding: 0 10px;
+  transition: all 1s;
+  .left-img{
+      width: 18px;
+      height: 34px;
+      margin-right: 12px;
+  }
+  .img{
+    width: 48px;
+    height: 48px;
+    border-radius: 24px;
+    margin: 3px 0;
+  }
+  .text {
+    color: $primary-color;
+    font-size: 32px;
+    margin: 0 10px;
+  }
+
+}
+.consultant-more{
+    width:706px;
+    height:142px;
+    background:rgba(0,0,0,0.5);
+    border-radius:146px 0px 0px 146px;
+    position: fixed;
+    bottom: 12%;
+    right: 0;
+    display: flex;
+    align-items: center;
+    padding: 0 16px;
+    .cancel-img{
+        width: 36px;
+        height: 36px;
+        margin-right: 16px;
+      }
+    .touxiang{
+        width: 86px;
+        height: 86px;
+        border-radius: 45px;
+        border:1px solid #fff;
+    }
+    .text{
+        margin:  0 10px;
+        .name{
+            font-size: 32px;
+            color: #fff;
+            width: 300px;
+            @include text-ellipsis;
+        }
+        .company{
+            font-size: 26px;
+            color: #fff;
+            margin-top: 12px;
+            width: 380px;
+            @include text-ellipsis;
+        }
+    }
+    .phone-img{
+        width:42px;
+        height:42px;
+    }
+    .message-img{
+        width:42px;
+        height:42px;
+        margin-left: 30px;
+    }
+}

src/pages/news/detail/index.js

 import Poster from './poster'
 import WxParse from '@components/wxParse/wxParse'
 import BackHomeBtn from '@components/BackHomeBtn'
+import Consultant from '@components/consultant'
 import Notice from '@components/Notice'
 import { getMiniQrcode, savePoint, updatePoint } from '@services/common'
 import { getDownloadURL, transferImage } from '@utils/tools'
               </ScrollView>
               
               <Notice></Notice>
-              <BackHomeBtn></BackHomeBtn>
+              <BackHomeBtn ></BackHomeBtn>
+              {/* <Consultant></Consultant> */}
 
               <View className="bot-nav flex">
                 <View className='btn poster-btn' style={{ display: posterShow }} onClick={() => { this.handleTogglePoster(true) }}>

src/pages/person/customerAnalysis/followUpCustomer/index.js

 
 const maleImg = require('@assets/person/male.png')
 const femaleImg = require('@assets/person/female.png')
-const phoneImg = require('@assets/person/phone.png')
+const phoneImg = require('@assets/person/dianhua.png')
+const communicateImg = require('@assets/person/communicate.png')
 
 @connect(({ user, city }) => ({ user, city }))
 export default class transactionCustomer extends Taro.Component {
       </View>
     )
   }
-
+  handleChatClick(item, e) {
+    e.stopPropagation()
+    const { userInfo: { person: { personId, nickname, name } } } = this.props
+    Taro.navigateTo({
+      url: `/pages/im/index?sendId=${personId}&sendName=${encodeURIComponent(name || nickname)}&receiverId=${item.personId}&receiverName=${encodeURIComponent(item.name || item.nickname)}`
+    })
+  }
   render() {
     const { customerList, screenVisible, isEmpty, hasMore } = this.state
 
                   <View class="item" key={index + 'customerList'} onClick={this.toMyCustomer.bind(this, item.customerId)}>
                     <Image src={transferImage(item.picture) || require('@assets/default-avatar.png')} className='img'></Image>
                     <View className="name">
-                      {item.name}
+                      <Text class="name-text">{item.name}</Text>
                       {
                         item.sex == '1' && <Image style="width:36rpx;height:38rpx;margin-left:10rpx" src={maleImg} />
                       }
                         item.sex == '2' && <Image src={femaleImg} style="width:36rpx;height:36rpx;margin-left:10rpx" />
                       }
                     </View>
-                    <View className="phone" onClick={this.handleTelClick.bind(this, item)}>{item.phone}<Image style="width:36rpx;height:36rpx;margin-left:20rpx;" src={phoneImg} /></View>
+                    <View className="phone" >{item.phone}</View>
+                    <Image className="phone-icon" onClick={this.handleTelClick.bind(this, item)} src={phoneImg} />
+                    <Image className="goutong-icon" onClick={this.handleChatClick.bind(this, item)} src={communicateImg}></Image>
                     <View className="status">{item.status == 1 ? '报备' : item.status == 2 ? '到访' : item.status == 3 ? '认筹' : '签约'}</View>
                   </View>
                 ))

src/pages/person/customerAnalysis/followUpCustomer/index.scss

     top:24px;
     left:120px;
   }
+  .name-text{
+    display: inline-block;
+    max-width: 200px;
+    @include text-ellipsis;
+
+  }
   .phone{
     color: #333;
     font-size: 30px;
     display: flex;
     align-items: center;
   }
+  .goutong-icon{
+    position: absolute;
+    width:76px;
+    height:76px;
+    top: 36px;
+    right:222px;
+  }
+  .phone-icon{
+    position: absolute;
+    width:76px;
+    height:76px;
+    top: 36px;
+    right:100px;
+  }
   .status{
     color:$primary-color;
     font-size: 32px;
+    position: absolute;
+    top: 20px;
+    right: 20px;
   }
 }

src/pages/person/customerAnalysis/transactionCustomer/index.js

 
 const maleImg = require('@assets/person/male.png')
 const femaleImg = require('@assets/person/female.png')
-const phoneImg = require('@assets/person/phone.png')
+const phoneImg = require('@assets/person/dianhua.png')
+const communicateImg = require('@assets/person/communicate.png')
 
 
 @connect(({ user, city }) => ({ user, city }))
       followVisible: false,
     })
   }
-
+  handleChatClick(item, e) {
+    e.stopPropagation()
+    const { userInfo: { person: { personId, nickname, name } } } = this.props
+    Taro.navigateTo({
+      url: `/pages/im/index?sendId=${personId}&sendName=${encodeURIComponent(name || nickname)}&receiverId=${item.personId}&receiverName=${encodeURIComponent(item.name || item.nickname)}`
+    })
+  }
   render() {
     const { customerList, isEmpty, hasMore } = this.state
 
           onScrollToLower={fn => this.onScrollToLower(fn)}
         >
           <View className="list">
-            {
-              !customerList.length &&
-              <View></View>
-              // <View style="margin:50px auto;text-align:center;font-size:14px;color:#888">暂无成交客户~</View>
-            }
             {
               customerList.length &&
               customerList.map((item, index) => (
                 <View class="item" key={index + 'transaction'} onClick={this.toMyCustomer.bind(this, item.customerId)}>
                   <Image src={transferImage(item.picture) || require('@assets/default-avatar.png')} className='img'></Image>
                   <View className="name">
-                    {item.name}
+                    <Text class="name-text">{item.name}</Text>
                     {
-                      item.sex == '1' && <Image style="width:36rpx;height:38rpx;margin-left:10rpx" src={maleImg} />
+                      item.sex == '1' && <Image style="width:36rpx;height:38rpx;margin-left:20rpx" src={maleImg} />
                     }
                     {
-                      item.sex == '2' && <Image style="width:36rpx;height:36rpx;margin-left:10rpx" src={femaleImg} />
+                      item.sex == '2' && <Image style="width:36rpx;height:36rpx;margin-left:20rpx" src={femaleImg} />
                     }
                   </View>
                   <View className="phone">{item.phone} </View>
-                  <Image style="width:36rpx;height:36rpx;margin-right:20rpx" src={phoneImg} onClick={this.handleTelClick.bind(this, item)} />
+                  <Image className="phone-icon" src={phoneImg} onClick={this.handleTelClick.bind(this, item)} />
+                  <Image className="goutong-icon" onClick={this.handleChatClick.bind(this, item)} src={communicateImg} ></Image>
 
                 </View>
               ))
             }
           </View>
         </ListView>
-
-
       </View>
     )
   }

src/pages/person/customerAnalysis/transactionCustomer/index.scss

     top:24px;
     left:120px;
   }
+  .name-text{
+    display: inline-block;
+    max-width: 200px;
+    @include text-ellipsis;
+
+  }
   .phone{
     color: #333;
     font-size: 30px;
     bottom:24px;
     left:120px;
   }
+ 
+  .goutong-icon{
+    position: absolute;
+    width:76px;
+    height:76px;
+    top: 36px;
+    right:220px;
+  }
+  .phone-icon{
+    position: absolute;
+    width:76px;
+    height:76px;
+    top: 36px;
+    right:98px;
+  }
 }

src/pages/person/index.scss

     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;
-    margin-bottom: 20px;
-    .tag{
-      position: absolute;
-      left: 26px;
-      top: 102px;
-      width:96px;
-      height:32px;
-      line-height: 32px;
-      text-align: center;
-      background:rgba(237,202,115,1);
-      border-radius:2px;
-      font-size: 22px;
-      color: #fff;
-    }
-    .touxiang{
-      width:88px;
-      height:88px;
-      border-radius: 44px;
-    }
-    .info-top{
-      display: flex;
-      position: absolute;
-      top: 46px;
-      left:140px;
-      align-items: center;
-      justify-content: space-between;
-      width: 520px;
-      .name{
-        font-size: 40px;
-        color: #000;
-        font-weight: 500;
-        max-width: 300px;
-        @include text-ellipsis;
-      }
-      .goutong-icon{
-        width:44px;
-        height:44px;
-        background:rgba(255,219,179,0.2);
-        border-radius: 22px;
-        margin: 0 10px;
-      }
-      .goutong{
-        font-size: 38px;
-        color: $primary-color;
-        border-bottom: 4px solid #EDCA73;
-        line-height: 28px;
-      }
 
-    }
-    .right-icon{
-      position: absolute;
-      right: 30px;
-      top: 150px;
-      width:20px;
-      height:20px;
-      border-top: 3px solid #888888;
-      border-right: 3px solid #888888;
-      transform:rotate(45deg);
-    }
-    .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: 4vw;
-      top: 12vh;
-      background-color: #fff;
-      border-radius: 12px;
-      padding: 20px 20px;
-
-      .scroll-con{
-        height: 500px;
-        width: 100%;
-        overflow-y: scroll;
-        .activity-item{
-          padding: 16px 30px;
-          border-bottom: 2px solid rgba(0,0,0,0.08);
-          .name{
-            font-size: 32px;
-            color: #353535;
-            width: 600px;
-            @include text-ellipsis;
-          }
-          .time{
-            font-size: 26px;
-            color:rgba(0,0,0,0.33);
-            text-align: right;
-            margin-top: 20px;
-          }
-        }
-
-      }
-
-    }
-    .close{
-      font-size: 48px;
-      color: rgba(0,0,0,0.3);
-      float: right;
-    }
-}

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'),
+  share: require('@assets/mine/accessrecord.png'),
 }
 
 const DRIFT = ROLE_CODE['DRIFT']
       style: '',
     },
     {
-      name: '访客信息',
-      url: '/pages/person/accessRecord',
-      icon: icons.accessrecord,
+      name: '我的分享',
+      url: '/pages/person/myShare/index',
+      icon: icons.share,
       extends: undefined,
       userTypes: [CONSULTANT],
       style: '',

src/pages/person/accessRecord.js → src/pages/person/myShare/accessRecord.js

 import ListView from '@components/ListView'
 import { connect } from '@tarojs/redux'
 import './index.scss'
-import { getConsulantVisitRecord, getMoreVisitRecord } from '@services/person'
+import { getConsulantVisitRecord } from '@services/person'
 import { savePoint, updatePoint } from '@services/common'
 import dayjs from 'dayjs';
 
   }
 
   state = {
-    popVisible: false,
     recordId: undefined, // 埋点ID
     recordList: [],
     hasMore: true,
     isEmpty: false,
     pageIndex: 1,
-    moreRecord: []
   }
 
   componentWillMount() {
     const { recordId } = this.state
     recordId && updatePoint(recordId)
   }
-
-  handleMaskClose() {
-    this.setState({
-      popVisible: false,
-    })
-  }
   componentDidShow() {
     Taro.showLoading()
     this.loadList(1)
     rest && rest()
     this.refreshing = false
   }
-
-
-  showActivityList(item) {
-    Taro.showLoading()
-    this.setState({
-      popVisible: true,
-    })
-
-    const { userInfo: { person } } = this.props
-    const payload = {
-      userId: person.userId,
-      personId: item.personId,
-    }
-    getMoreVisitRecord(payload).then(res => {
-      Taro.hideLoading()
-      this.setState({
-        moreRecord: res.records || []
-      })
-
-    }).catch(err => {
-      console.log(err, "获取更多访客信息err")
-      Taro.hideLoading()
-    })
-  }
   handleChatClick(item, e) {
     e.stopPropagation()
     const { userInfo: { person: { personId, nickname, name } } } = this.props
       url: `/pages/im/index?sendId=${personId}&sendName=${encodeURIComponent(name || nickname)}&receiverId=${item.personId}&receiverName=${encodeURIComponent(item.name || item.nickname)}`
     })
   }
-  renderPop() {
-    const { moreRecord } = this.state
-    return (
-      <View className="pop-box">
-        <View className="content">
-          <Icon className="iconfont close icon-buoumaotubiao20" onClick={this.handleMaskClose}></Icon>
-          <View className="scroll-con">
-            {
-              moreRecord.map(item => (
-                <View className="activity-item">
-                  <View className="name">{item.activityName || '　'}</View>
-                  <View className="time">{`${dayjs(item.visitTime).format('YYYY-MM-DD HH:mm:ss')}`}</View>
-                </View>
-              ))
-            }
-          </View>
-        </View>
-      </View>
-    )
-  }
+
   render() {
-    const { popVisible, isEmpty, hasMore, recordList } = this.state
+    const { isEmpty, hasMore, recordList } = this.state
     return (
-      <Block>
-        {popVisible && this.renderPop()}
 
+      <Block>
         <ListView
           className="wrap"
           needInit
           onScrollToLower={fn => this.onScrollToLower(fn)}
         >
           <View className='access-page'>
-
             {
               recordList.map(item => (
                 <View className='item' key={item + 'more'}>
                     <View className="name">{item.userName || item.nickname || '　'}</View>
                     <View style="display: flex;align-items: center;" onClick={this.handleChatClick.bind(this, item)}><Image className="goutong-icon" src={require('@assets/person/zixun.png')}></Image><Text className="goutong">在线沟通</Text></View>
                   </View>
-                  <View className="activity-name" onClick={this.showActivityList.bind(this, item)}>
-                    {item.activityName || '　'}
-                  </View>
-                  <Text className="right-icon"></Text>
                   <View className="activity-time">
                     {`${dayjs(item.visitTime).format('YYYY-MM-DD HH:mm:ss')}`}
                   </View>

src/pages/person/myShare/index.js

+import Taro, { Component } from '@tarojs/taro';
+import ListView from '@components/ListView'
+import { connect } from '@tarojs/redux'
+import './index.scss'
+// import { getConsulantVisitRecord} from '@services/person'
+import { savePoint, updatePoint } from '@services/common'
+import dayjs from 'dayjs';
+
+@connect(state => state.user)
+
+export default class Person extends Component {
+  config = {
+    navigationBarTitleText: '我的分享'
+  }
+
+  state = {
+    recordId: undefined, // 埋点ID
+    recordList: [],
+    hasMore: true,
+    isEmpty: false,
+    pageIndex: 1,
+  }
+
+  componentWillMount() {
+
+    savePoint({
+      event: 'list',
+      eventType: 'activity',
+      propertyName: '我的分享',
+      data: '{}'
+    }).then(res => {
+      this.setState({
+        recordId: res.recordId
+      })
+      console.log('我的分享')
+    })
+  }
+  componentWillUnmount() {
+    const { recordId } = this.state
+    recordId && updatePoint(recordId)
+  }
+
+  componentDidShow() {
+    // Taro.showLoading()
+    // this.loadList(1)
+  }
+  // loadList(pageNumber) {
+  //   console.log(this.props, "this.props")
+  //   const { userInfo: { person } } = this.props
+
+  //   let payload
+  //   if(person.userId){
+  //     payload = {
+  //       userId: person.userId,
+  //       pageNumber,
+  //       pageSize: 5
+  //     }
+  //   }else{
+  //    payload = {
+  //      userId: Taro.getStorageSync('userId'),
+  //      pageNumber,
+  //      pageSize: 5
+  //    }
+  //   }
+  //   getConsulantVisitRecord(payload).then(res => {
+
+  //     const { records, list, total, current, pages } = res || {}
+  //     const _list = records || list || []
+  //     const newList = current <= 1 ? _list : this.state.recordList.concat(_list)
+  //     this.setState({
+  //       recordList: newList,
+  //       isEmpty: total == 0 || !res,
+  //       hasMore: current < pages,
+  //       pageIndex: current >= pages ? pages : current
+  //     })
+  //     Taro.hideLoading()
+  //   })
+  // }
+  // onScrollToLower = async (fn) => {
+  //   const { pageIndex } = this.state;
+  //   this.loadList(pageIndex + 1)
+  //   fn && fn();
+  // }
+  // onPullDownRefresh = (rest) => {
+  //   // debugger
+  //   if (this.refreshing) return
+  //   this.refreshing = true
+  //   this.loadList(1)
+  //   rest && rest()
+  //   this.refreshing = false
+  // }
+
+  handleItemClick() {
+    Taro.navigateTo({
+      url: `/pages/person/myShare/accessRecord`
+    })
+  }
+
+  render() {
+    const { isEmpty, hasMore, recordList } = this.state
+    return (
+      <ListView
+        className="wrap"
+        needInit
+        isEmpty={isEmpty}
+        emptyText="暂无我的分享~"
+        hasMore={hasMore}
+        onPullDownRefresh={fn => this.onPullDownRefresh(fn)}
+        onScrollToLower={fn => this.onScrollToLower(fn)}
+      >
+        <View className='share-page'>
+          <View className="share-item" onClick={this.handleItemClick}>
+            <Image className="img" src={require('@assets/default-avatar.png')}></Image>
+            <View className="name">鱼嘴润府</View>
+            <View className="price"> 均价35000元/m² </View>
+            <View className="num"> 5人查看了分享 </View>
+            <View className="address"> 南京市锦创广场水西门大街2号 </View>
+          </View>
+        </View>
+      </ListView>
+
+    )
+  }
+}

src/pages/person/myShare/index.scss

+@import "@styles/theme.scss";
+.share-page{
+  padding: 10px 30px;
+  .share-item{
+    padding: 20px 0;
+    border-bottom: 1px solid rgba(0,0,0,0.08);
+    position: relative;
+    .img{
+      width:220px;
+      height:176px;
+    }
+    .name{
+      position: absolute;
+      left: 240px;
+      top: 50px;
+      color: #333;
+      font-size: 34px;
+      max-width: 190px;
+      @include text-ellipsis;
+    }
+    .price{
+      position: absolute;
+      right: 0px;
+      top: 50px;
+      font-size: 34px;
+      color: #FF2359;
+      max-width: 260px;
+      @include text-ellipsis;
+    }
+    .num{
+      position: absolute;
+      left: 240px;
+      top: 114px;
+      font-size: 28px;
+      color: $primary-color;
+    }
+    .address{
+      font-size: 24px;
+      color: #888;
+      position: absolute;
+      right: 0px;
+      bottom: 20px;
+      max-width: 400px;
+      @include text-ellipsis;
+    }
+  }
+}
+.access-page{
+    padding: 0 30px;
+    .item{
+      padding: 30px 0 12px 0;
+      border-bottom: 1px solid rgba(0,0,0,0.08);
+      position: relative;
+      .tag{
+        position: absolute;
+        left: -2px;
+        top: 102px;
+        width:96px;
+        height:32px;
+        line-height: 32px;
+        text-align: center;
+        background:rgba(237,202,115,1);
+        border-radius:2px;
+        font-size: 22px;
+        color: #fff;
+      }
+      .touxiang{
+        width:88px;
+        height:88px;
+        border-radius: 44px;
+      }
+      .info-top{
+        display: flex;
+        position: absolute;
+        top: 46px;
+        left:112px;
+        align-items: center;
+        .name{
+          font-size: 40px;
+          color: #000;
+          font-weight: 500;
+          max-width: 300px;
+          @include text-ellipsis;
+          margin-right: 24px;
+        }
+        .goutong-icon{
+          width:44px;
+          height:44px;
+          background:rgba(255,219,179,0.2);
+          border-radius: 22px;
+          margin: 0 10px;
+        }
+        .goutong{
+          font-size: 38px;
+          color: $primary-color;
+          border-bottom: 4px solid #EDCA73;
+          line-height: 28px;
+        }
+  
+      }
+      .activity-time{
+        font-size: 26px;
+        color:rgba(0,0,0,0.33);
+        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: 4vw;
+//         top: 12vh;
+//         background-color: #fff;
+//         border-radius: 12px;
+//         padding: 20px 20px;
+  
+//         .scroll-con{
+//           height: 500px;
+//           width: 100%;
+//           overflow-y: scroll;
+//           .activity-item{
+//             padding: 16px 30px;
+//             border-bottom: 2px solid rgba(0,0,0,0.08);
+//             .name{
+//               font-size: 32px;
+//               color: #353535;
+//               width: 600px;
+//               @include text-ellipsis;
+//             }
+//             .time{
+//               font-size: 26px;
+//               color:rgba(0,0,0,0.33);
+//               text-align: right;
+//               margin-top: 20px;
+//             }
+//           }
+  
+//         }
+  
+//       }
+//       .close{
+//         font-size: 48px;
+//         color: rgba(0,0,0,0.3);
+//         float: right;
+//       }
+//   }

src/pages/project/h5Page.js

     const { pageInfo, webViewVisible, codeParams } = this.state
     const { userInfo: { person } } = this.props
     const consultant = person.personType == ROLE_CODE['CONSULTANT'] ? person.userId : ""
+    const router = Taro.getStorageSync('router')
+    const hFiveId = this.$router.params.id || router.query.id || ""
     const webUrlParams = [
       `personId=${person.personId}`,
-      `h5id=${this.$router.params.id}`,
+      `h5id=${hFiveId}`,
       `consultant=${consultant}`,
       `codeParams=${encodeURIComponent(codeParams)}`,
     ].join('&')