icons

src/components/indexMenus/icons.js

@@ -0,0 +1,164 @@
+import { ROLE_CODE } from '@/constants/user'
+
+const icons = {
+    shop: require('@/assets/index/mall-icon.png'),
+    encyclopedia: require('@/assets/index/encyclopedia-icon.png'),
+    recommend: require('@/assets/index/recommend-icon.png'),
+    map: require('@/assets/index/map-icon.png'),
+    calculator: require('@/assets/index/calculator-icon.png'),
+    Highlyrecommented: require('@/assets/index/recommend.png'),
+}
+
+const DRIFT = ROLE_CODE['DRIFT']
+const CUSTOMER = ROLE_CODE['CUSTOMER']
+const CONSULTANT = ROLE_CODE['CONSULTANT']
+// const ESTATE_AGENT = ROLE_CODE['ESTATE_AGENT']
+// const CHANNEL_AGENT = ROLE_CODE['CHANNEL_AGENT']
+
+const menus = [
+
+    {
+        name: '积分商城',
+        url: '/pages/shop/index',
+        icon: icons.shop,
+        userTypes: [CUSTOMER, CONSULTANT, DRIFT],
+        // style: '',
+        switchTab: true,
+        code: 'integralMall',
+    },
+    {
+        name: '购房百科',
+        url: '/pages/policy/index?from=mine',
+        icon: icons.encyclopedia,
+        userTypes: [CUSTOMER, CONSULTANT],
+        code: 'buyingEncyclopedia'
+    },
+    {
+        name: '推荐客户',
+        url: '/useless/pages/agent/recommend/index?type=index&cityId=',
+        icon: icons.recommend,
+        userTypes: [CUSTOMER, DRIFT],
+        code: 'refercustomers',
+        city: true,
+    },
+    {
+        name: '地图找房',
+        url: '/pages/project/map/index',
+        icon: icons.map,
+        userTypes: [CUSTOMER, CONSULTANT, DRIFT],
+        code: 'findRoom'
+    },
+    {
+        name: '重点推荐',
+        url: '/pages/project/highlyRecommented',
+        icon: icons.Highlyrecommented,
+        userTypes: [CUSTOMER, CONSULTANT],
+        code: 'Highlyrecommented'
+    },
+    {
+        name: '房贷计算器',
+        url: '/pages/toolKit/index',
+        icon: icons.calculator,
+        userTypes: [CUSTOMER, CONSULTANT],
+        code: 'MortgageCalculator'
+    },
+
+    {
+        name: '楼盘列表',
+        // url: '/pages/toolKit/index',
+        // icon: icons.calculator,
+        userTypes: [CUSTOMER, CONSULTANT],
+        code: 'PropertyListing'
+    },
+    {
+        name: '活动资讯',
+        // url: '/pages/toolKit/index',
+        // icon: icons.calculator,
+        userTypes: [CUSTOMER, CONSULTANT],
+        code: 'EventInformation',
+        switchTab: true,
+    },
+    {
+        name: '热门活动',
+        // url: '/pages/toolKit/index',
+        // icon: icons.calculator,
+        userTypes: [CUSTOMER, CONSULTANT],
+        code: 'Popularactivities',
+        switchTab: true,
+    },
+    {
+        name: '最新资讯',
+        // url: '/pages/toolKit/index',
+        // icon: icons.calculator,
+        userTypes: [CUSTOMER, CONSULTANT],
+        code: 'LatestInformation',
+        switchTab: true,
+    },
+    {
+        name: '我的客户',
+        // url: '/pages/toolKit/index',
+        // icon: icons.calculator,
+        userTypes: [CUSTOMER, CONSULTANT],
+        code: 'Myclient',
+    },
+    {
+        name: '我的活动',
+        url: '/pages/activity/myActivity?from=mine',
+        icon: icons.activities,
+        userTypes: [CUSTOMER, CONSULTANT],
+        code: 'MyActivities'
+    },
+    {
+        name: '我的助力',
+        url: '/pages/activity/assistancePage',
+        icon: icons.help,
+        userTypes: [CUSTOMER, CONSULTANT],
+        code: 'Myhelp'
+    },
+    {
+        name: '我的拼团',
+        url: '/pages/activity/assemblePage',
+        icon: icons.regiment,
+        userTypes: [CUSTOMER, CONSULTANT],
+        code: 'Mygroup'
+    },
+    {
+        name: '我的收藏',
+        url: '/pages/person/favorite/index',
+        icon: icons.collection,
+        userTypes: [CUSTOMER, CONSULTANT],
+        code: 'MyFavorites'
+    },
+    {
+        name: '我的资料',
+        url: '/useless/pages/person/profile/index',
+        icon: icons.profile,
+        userTypes: [CUSTOMER, CONSULTANT],
+        code: 'MyInformation'
+    },
+    {
+        name: '我的消息',
+        url: '/useless/pages/person/profile/index',
+        icon: icons.profile,
+        userTypes: [CUSTOMER, CONSULTANT],
+        code: 'Mymessage'
+    },
+    {
+        name: '兑换记录',
+        url: '/useless/pages/shop/record/index',
+        icon: icons.exchange,
+        userTypes: [CUSTOMER, CONSULTANT],
+        code: 'Exchangerecords'
+    },
+    {
+        name: '意见反馈',
+        url: '/useless/pages/person/feedback/index',
+        icon: icons.feedback,
+        userTypes: [CUSTOMER, CONSULTANT],
+        code: 'Feedback'
+    },
+
+
+]
+
+export { icons, menus }

src/components/indexMenus/index.js

@@ -0,0 +1,51 @@
+import Taro, { Component } from '@tarojs/taro'
+// import { queryIndexIcons } from '@/services/common'
+// import { menus } from './icons.js'
+import { connect } from '@tarojs/redux'
+// import { ROLE_CODE } from '@/constants/user'
+import './index.scss'
+
+@connect(
+    state => ({ ...state.project, ...state.city, ...state.user, system: state.system })
+)
+
+export default class Menus extends Component {
+
+    static defaultProps = {
+        menusList: []
+    }
+    componentWillMount() {
+        console.log(this.props, "this.propsthis.propsthis.propsthis.propsthis.propsthis.props")
+    }
+
+    toMenuePage(item) {
+        if (item.switchTab) {
+            Taro.switchTab({
+                url: item.url,
+            })
+            return
+        }
+        if (item.city) {
+            Taro.navigateTo({
+                url: item.url + this.props.curCity.id,
+            })
+            return
+        }
+        Taro.navigateTo({
+            url: item.url,
+        })
+    }
+    render() {
+        const { menusList } = this.props
+        return (
+            <View className="mune-box" >
+                {menusList.map((item, ginx) => (
+                    <View onClick={() => this.toMenuePage(item)} className="mune-item" key={`menu- ${ginx}`}>
+                        <Image className="icon" src={item.icon} ></Image>
+                        <View className="mune-text">{item.name}</View>
+                    </View>
+                ))}
+            </View>
+        )
+    }
+}

src/components/indexMenus/index.scss

@@ -0,0 +1,21 @@
+.mune-box{
+    width:690px;
+    height:188px;
+    background:#fff;
+    box-shadow:0px 4px 12px 0px rgba(0,0,0,0.12);
+    border-radius:12px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin: -94px auto 0 auto;
+    position: relative;
+    .mune-item{
+      text-align: center;
+      width: 25%;
+      .icon{
+        width:84px;
+        height:84px;
+      }
+    }
+  }
+  

src/pages/project/index.js

@@ -20,6 +20,7 @@ import * as actions from '@/actions/project'
 import { transferImage } from '@/utils/tools'
 import Notice from '@/components/Notice'
 import { menus } from './icons.js'
+import Menus from '@/components/indexMenus'
 
 const bgImg = "https://njcj.oss-cn-shanghai.aliyuncs.com/miniapp/upload/images/1578724562550-background.png"
 // import { getIndexPreloadData } from '@/utils/preload'
@@ -91,7 +92,7 @@ export default class Index extends Component {
       { iconName: '推荐客户', code: 'refercustomers' },
       { iconName: '购房百科', code: 'buyingEncyclopedia' },
       { iconName: '地图找房', code: 'findRoom' },
-
+      
     ]
     const newArr = [];
 
@@ -110,12 +111,7 @@ export default class Index extends Component {
     //     const [roleSetting, roleName] = this.getRoleName(users.personType)
 
     //     this.setState({
-    //       users,
-    //       phone: users.phone,
-    //       icons: icons.map(group => group.filter(x => x.userTypes.indexOf(users.personType) > -1)),
-    //       roleName,
-    //       ...roleSetting,
-    //     })
+
     //   })
   }
 
@@ -562,25 +558,7 @@ export default class Index extends Component {
       url: '/pages/policy/index?from=mine',
     })
   }
-  toMenuePage(item) {
-    if (item.switchTab) {
-      Taro.switchTab({
-        url: item.url,
-      })
-      return
-    }
-    if (item.city) {
-      Taro.navigateTo({
-        url: item.url + this.props.curCity.id,
-      })
-      return
-    }
 
-    Taro.navigateTo({
-      url: item.url,
-    })
-
-  }
   handleNewsbannerShow = (visiable) => {
     this.setState({
       newsShow: visiable
@@ -634,15 +612,16 @@ export default class Index extends Component {
                 </View>
               </View>
               {/* 菜单栏 */}
-              <View className="mune-box" style={menusList.length == 3 ? "padding:0 8%" : ""}>
+              <Menus menusList={menusList}></Menus>
+              {/* <View className="mune-box" style={menusList.length == 3 ? "padding:0 8%" : ""}>
                 {menusList.map((item, ginx) => (
                   <View onClick={() => this.toMenuePage(item)} className="mune-item" key={`menu- ${ginx}`}>
                     <Image className="icon" src={item.icon} ></Image>
                     <View className="mune-text">{item.name}</View>
                   </View>
-                ))}
+                ))} */}
 
-                {/* <View className="mune-item" onClick={this.toShopMallPage}>
+              {/* <View className="mune-item" onClick={this.toShopMallPage}>
                   <Image src={require('@/assets/index/mall-icon.png')} className='icon'></Image>
                   <View className="mune-text">
                     积分商城
@@ -669,14 +648,15 @@ export default class Index extends Component {
                     地图找房
                 </View>
                 </View> */}
-              </View>
-              <View style={(newsShow || propagandaBanner.length > 0) ? "border-bottom:20rpx solid #f5f5f5" : ''}>
+              {/* </View> */}
+              <View style={propagandaBanner.length > 0 ? "border-bottom:20rpx solid #f5f5f5" : ''}>
+                {/* <View style={(newsShow || propagandaBanner.length > 0) ? "border-bottom:20rpx solid #f5f5f5" : ''}> */}
                 {/* 展示位轮播图 */}
                 {
                   this.state.visPropagandaBanner && propagandaBanner.length > 0 &&
                   <View
                     style={{
-                      position: 'relative', padding: '20px 15px 0 15px'
+                      position: 'relative', padding: '20px 15px'
                     }}>
                     <BannerTwo
                       style={{
@@ -691,7 +671,7 @@ export default class Index extends Component {
                   </View>
                 }
                 {/* 资讯 */}
-                <Newsbanner showNesBox={this.handleNewsbannerShow} cityId={curCity.id} onClick={this.handleNoticeClick} onClickMore={this.toNewsList} />
+                {/* <Newsbanner showNesBox={this.handleNewsbannerShow} cityId={curCity.id} onClick={this.handleNoticeClick} onClickMore={this.toNewsList} /> */}
               </View >
               {/* 热门活动*/}
               {