icons

src/pages/project/icon.js

@@ -1,133 +0,0 @@
-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'),
-}
-
-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
-        },
-        {
-            name: '房贷计算器',
-            url: '/pages/toolKit/index',
-            icon: icons.calculator,
-            userTypes: [CUSTOMER, CONSULTANT, ESTATE_AGENT, CHANNEL_AGENT],
-        },
-        {
-            name: '推荐客户',
-            url: `/useless/pages/agent/recommend/index?type=index&cityId=` + this.props.curCity.id
-            icon: icons.recommend,
-            userTypes: [CUSTOMER, DRIFT],
-        },
-        {
-            name: '地图找房',
-            url: '/pages/project/map/index'
-            icon: icons.map,
-            userTypes: [CUSTOMER, CONSULTANT, DRIFT],
-        },
-        {
-            name: '购房百科',
-            url: '/pages/policy/index?from=mine',
-            icon: icons.encyclopedia,
-            userTypes: [CUSTOMER, CONSULTANT, ESTATE_AGENT, CHANNEL_AGENT],
-        },
-        {
-            name: '我的主页',
-            url: ({ id }) => `/pages/card/index?id=${id}`,
-            icon: icons.homepage,
-            userTypes: [CONSULTANT],
-            style: '',
-        },
-        {
-            name: '盘客工具',
-            url: '/useless/pages/person/customerAnalysis/index',
-            icon: icons.customerAnalysis,
-            userTypes: [CONSULTANT],
-            style: '',
-        },
-        {
-            name: '客户分析',
-            url: '/useless/pages/person/customerAnalysis/analysis',
-            icon: icons.fenxi,
-            userTypes: [CONSULTANT],
-            style: '',
-        },
-        {
-            name: '我的分享',
-            url: '/pages/person/myShare/index',
-            icon: icons.share,
-            userTypes: [CONSULTANT],
-            style: '',
-        },
-        {
-            name: '推荐客户',
-            url: '/useless/pages/agent/client/index',
-            icon: icons.recommend,
-            userTypes: [CUSTOMER, ESTATE_AGENT, CHANNEL_AGENT],
-            style: '',
-        },
-        {
-            name: '我的活动',
-            url: '/pages/activity/myActivity?from=mine',
-            icon: icons.activities,
-            userTypes: [CUSTOMER, CONSULTANT, ESTATE_AGENT, CHANNEL_AGENT],
-        },
-        {
-            name: '我的拼团',
-            url: '/pages/activity/assemblePage',
-            icon: icons.regiment,
-            userTypes: [CUSTOMER, CONSULTANT, ESTATE_AGENT, CHANNEL_AGENT],
-        },
-        {
-            name: '我的助力',
-            url: '/pages/activity/assistancePage',
-            icon: icons.help,
-            userTypes: [CUSTOMER, CONSULTANT, ESTATE_AGENT, CHANNEL_AGENT],
-        },
-    ],
-    [
-        {
-            name: '我的收藏',
-            url: '/pages/person/favorite/index',
-            icon: icons.collection,
-            userTypes: [CUSTOMER, CONSULTANT, ESTATE_AGENT, CHANNEL_AGENT],
-        },
-        {
-            name: '我的资料',
-            url: '/useless/pages/person/profile/index',
-            icon: icons.profile,
-            userTypes: [CUSTOMER, CONSULTANT, ESTATE_AGENT, CHANNEL_AGENT],
-        },
-        {
-            name: '兑换记录',
-            url: '/useless/pages/shop/record/index',
-            icon: icons.exchange,
-            userTypes: [CUSTOMER, CONSULTANT, ESTATE_AGENT, CHANNEL_AGENT],
-        },
-        {
-            name: '意见反馈',
-            url: '/useless/pages/person/feedback/index',
-            icon: icons.feedback,
-            userTypes: [CUSTOMER, CONSULTANT, ESTATE_AGENT, CHANNEL_AGENT],
-        },
-    ],
-
-]
-
-export { icons, menus }

src/pages/project/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/toolKit/index',
+        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/pages/project/index.js

@@ -19,6 +19,7 @@ import { getStore, connect } from '@tarojs/redux'
 import * as actions from '@/actions/project'
 import { transferImage } from '@/utils/tools'
 import Notice from '@/components/Notice'
+import { menus } from './icons.js'
 
 const bgImg = "https://njcj.oss-cn-shanghai.aliyuncs.com/miniapp/upload/images/1578724562550-background.png"
 // import { getIndexPreloadData } from '@/utils/preload'
@@ -55,6 +56,7 @@ export default class Index extends Component {
     propagandaBanner: [],
     newsShow: false,
     city: null,
+    menusList: [],
   }
 
   componentWillMount() {
@@ -68,7 +70,7 @@ export default class Index extends Component {
       this.loadData({ curCity: city })
 
       this.getIndexShareInfo()
-
+      this.getIndexIcons()
       savePoint({
         event: 'index',
         eventType: 'main',
@@ -83,6 +85,40 @@ export default class Index extends Component {
     })
   }
 
+  getIndexIcons() {
+    const iconList = [
+      { iconName: '积分商城', code: 'integralMall' },
+      { iconName: '推荐客户', code: 'refercustomers' },
+      { iconName: '购房百科', code: 'buyingEncyclopedia' },
+      { iconName: '地图找房', code: 'findRoom' },
+
+    ]
+    const newArr = [];
+
+    iconList.forEach(item => {
+      menus.forEach(menu => {
+        if (menu.code == item.code) {
+          newArr.push(menu);
+        }
+      })
+    })
+    const { userInfo: { person: { personType } } } = this.props
+    this.setState({
+      menusList: personType == ROLE_CODE['CONSULTANT'] ? newArr.filter(item => item.code != 'refercustomers') : newArr
+    })
+    //   queryIndexIcons().then(res => {
+    //     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,
+    //     })
+    //   })
+  }
+
   getIndexShareInfo() {
     getIndexShare().then(res => {
 
@@ -526,6 +562,25 @@ 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
@@ -533,7 +588,7 @@ export default class Index extends Component {
   }
   render() {
     const { curCity } = this.props
-    const { achieve, helpGroupList, propagandaBanner, newsShow } = this.state
+    const { achieve, helpGroupList, propagandaBanner, newsShow, menusList } = this.state
     const { userInfo: { person: { personType, phone } } } = this.props
     const { unReadNum, userInfo: { person } } = this.props
     return (
@@ -579,8 +634,15 @@ export default class Index extends Component {
                 </View>
               </View>
               {/* 菜单栏 */}
-              <View className="mune-box" style={personType == ROLE_CODE['CONSULTANT'] ? "padding:0 8%" : ""}>
-                <View className="mune-item" onClick={this.toShopMallPage}>
+              <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}>
                   <Image src={require('@/assets/index/mall-icon.png')} className='icon'></Image>
                   <View className="mune-text">
                     积分商城
@@ -606,7 +668,7 @@ export default class Index extends Component {
                   <View className="mune-text">
                     地图找房
                 </View>
-                </View>
+                </View> */}
               </View>
               <View style={(newsShow || propagandaBanner.length > 0) ? "border-bottom:20rpx solid #f5f5f5" : ''}>
                 {/* 展示位轮播图 */}