静态页面

src/pages/index/activityList/index.config.js

@@ -1,3 +1,3 @@
 export default {
-  navigationBarTitleText: '活动列表'
+  navigationBarTitleText: '活动'
 }

src/pages/index/activityList/index.jsx

@@ -1,12 +1,10 @@
 import React, { useState, useEffect } from 'react'
-import withLayout from '@/layout'
 import './index.scss'
 import { ScrollView } from '@tarojs/components'
-import '../../../assets/css/iconfont.css'
+import ActivityListItem from '../components/ActivityListItem/index'
 
-export default withLayout((props) => {
-
-  // const [PageProps] = useState(props)
+export default function MyCollectForActivity (props) {
+  const { Data = {} } = props
   const [PageList, setPageList] = useState(['', '', '', '', '', '', '', '', '', '', '', '', ''])
   const [IsPull, setPull] = useState(false)
   const [PullTimer, setPullTimer] = useState(null)
@@ -25,21 +23,23 @@ export default withLayout((props) => {
   }, [IsPull])
 
   return (
-    <view className='Page activityList'>
-
-      <ScrollView scroll-y={true} refresher-enabled={true} refresher-triggered={IsPull} onrefresherrefresh={PageRefresh} refresher-background='#fff'>
+    <view className='components activityList'>
+      <ScrollView scroll-y={true} refresher-enabled={true} refresher-triggered={IsPull} onrefresherrefresh={PageRefresh} refresher-background='#f8f8f8'>
         <view className='PageContent'>
-
-          活动列表
+          <view className='List'>
+            {
+              PageList.map((item, index) => (
+                <ActivityListItem Data={item} key={`ActivityListItem-${index}`}></ActivityListItem>
+              ))
+            }
+          </view>
 
           {/* bottom */}
           <view className='PageBottom'>
             <text>已经到底了~</text>
           </view>
-
         </view>
       </ScrollView>
-
     </view>
   )
-})
+}

src/pages/index/activityList/index.scss

@@ -1,12 +1,34 @@
-.Page.activityList {
-  background: #fff;
-  > scroll-view {
+.components.activityList {
+  position: relative;
+  overflow: hidden;
+  background: #f8f8f8;
+  width: 100%;
+  height: 100%;
+  >scroll-view {
     width: 100%;
     height: 100%;
     .PageContent {
-      position: relative;
-      overflow: hidden;
       min-height: 100vh;
+      position: relative;
+      overflow: visible;
+      padding: 0 30px;
+      >.List {
+        >view {
+          margin-top: 30px;
+        }
+      }
+      > .PageBottom {
+        text-align: center;
+        font-size: 0;
+        white-space: nowrap;
+        > text {
+          display: inline-block;
+          font-size: 28px;
+          color: #666;
+          line-height: 40px;
+          margin: 20px auto;
+        }
+      }
     }
   }
 }

src/pages/index/index.jsx

@@ -9,6 +9,7 @@ import LiveSale from './components/LiveSale/index'
 import ColumnTitle from './components/ColumnTitle/index'
 import ProjectListItem from '../../components/ProjectListItem/index'
 import { ScrollView } from '@tarojs/components'
+import Taro from '@tarojs/taro'
 
 export default withLayout((props) => {
 
@@ -64,13 +65,13 @@ export default withLayout((props) => {
 
           {/* 直播购房 */}
           <view className='LiveSale'>
-            <ColumnTitle Name='直播购房' Icon="icon-yinpin" ShowMore={true}></ColumnTitle>
+            <ColumnTitle Name='直播购房' Icon="icon-yinpin" ShowMore={true} ToMore={() => { Taro.switchTab({ url: `/pages/video/index` }) }}></ColumnTitle>
             <LiveSale></LiveSale>
           </view>
 
           {/* 全部项目 */}
           <view className='AllProject'>
-            <ColumnTitle Name='全部项目' Icon="icon-aixin" ShowMore={true}></ColumnTitle>
+            <ColumnTitle Name='全部项目' Icon="icon-aixin" ShowMore={true} ToMore={() => { Taro.navigateTo({ url: `/pages/index/buildingList/index` }) }}></ColumnTitle>
             <view className='ProjectList'>
               {
                 ProjectList.map((item, index) => (

src/pages/mine/addCustomer/index.config.js

@@ -0,0 +1,3 @@
+export default {
+  navigationBarTitleText: '添加客户'
+}

src/pages/mine/addCustomer/index.jsx

@@ -0,0 +1,71 @@
+import React, { useState, useEffect } from 'react'
+import withLayout from '@/layout'
+import './index.scss'
+import { ScrollView, Input, Image } from '@tarojs/components'
+import '../../../assets/css/iconfont.css'
+
+export default withLayout((props) => {
+
+  // const [PageProps] = useState(props)
+
+  return (
+    <view className='Page addCustomer'>
+
+      <ScrollView scroll-y={true} refresher-enabled={false} refresher-background='#fff'>
+        <view className='PageContent'>
+
+          <text>客户姓名</text>
+          <view className='FormLine flex-h'>
+            <view className='flex-item'>
+              <Input placeholder='请输入客户真实姓名'></Input>
+            </view>
+          </view>
+
+          <text>客户电话</text>
+          <view className='FormLine flex-h'>
+            <view className='flex-item'>
+              <Input placeholder='请输入手机号'></Input>
+            </view>
+          </view>
+
+          <text>性别</text>
+          <view className='FormLine flex-h'>
+            <view className='flex-item'>
+              <text>请选择</text>
+            </view>
+            <text className='iconfont icon-jiantoudown'></text>
+          </view>
+
+          <text>意向楼盘</text>
+          <view className='FormLine flex-h'>
+            <view className='flex-item'>
+              <Input placeholder='请输入楼盘名称'></Input>
+            </view>
+          </view>
+
+          <text>内场接待（选填）</text>
+          <view className='FormLine flex-h'>
+            <view className='flex-item'>
+              <text>请选择</text>
+            </view>
+            <Image mode='heightFix' src={require('../../../assets/mine-icon19.png')}></Image>
+            <text>选择</text>
+          </view>
+
+          <text>备注</text>
+          <view className='FormLine flex-h'>
+            <view className='flex-item'>
+              <Input placeholder='补充说明（选填）'></Input>
+            </view>
+          </view>
+
+          <view className='Btn'>
+            <text>提交</text>
+          </view>
+
+        </view>
+      </ScrollView>
+
+    </view>
+  )
+})

src/pages/mine/addCustomer/index.scss

@@ -0,0 +1,71 @@
+.Page.addCustomer {
+  background: #fff;
+  height: 100vh;
+  width: 100%;
+  > scroll-view {
+    width: 100%;
+    height: 100%;
+    .PageContent {
+      position: relative;
+      overflow: hidden;
+      min-height: 100vh;
+      > text {
+        font-size: 34px;
+        font-weight: bold;
+        color: #333;
+        display: block;
+        text-indent: 40px;
+        margin-top: 30px;
+      }
+      > .flex-h {
+        padding: 20px 40px;
+        border-bottom: 2px solid rgba(0, 0, 0, 0.12);
+        margin-top: 10px;
+        align-items: center;
+        > view {
+          > input {
+            display: block;
+            width: 100%;
+            background: none;
+            font-size: 26px;
+            line-height: 40px;
+            height: 40px;
+          }
+          > text {
+            display: block;
+            width: 100%;
+            background: none;
+            font-size: 26px;
+            line-height: 40px;
+            height: 40px;
+          }
+        }
+        > text {
+          font-size: 26px;
+          &.iconfont {
+            font-size: 30px;
+          }
+        }
+        >image {
+          height: 30px;
+          margin-right: 10px;
+        }
+      }
+      .Btn {
+        padding: 40px;
+        position: relative;
+        overflow: hidden;
+        > text {
+          display: block;
+          text-align: center;
+          font-size: 32px;
+          line-height: 92px;
+          background: #193c83;
+          color: #fff;
+          font-weight: bold;
+          border-radius: 92px;
+        }
+      }
+    }
+  }
+}

src/pages/mine/components/MyCustomerListItem/index.jsx

@@ -5,7 +5,7 @@ import Taro from '@tarojs/taro'
 export default function MyCustomerListItem (props) {
   const { Data = {} } = props
   return (
-    <view className='components MyCustomerListItem flex-h' onClick={() => { Taro.navigateTo({ url: `/pages/index/activityDetail/index?id=${Data.id}` }) }}>
+    <view className='components MyCustomerListItem flex-h' onClick={() => { Taro.navigateTo({ url: `/pages/mine/myCustomerDetail/index?id=${Data.id}` }) }}>
       <view className='Img'>
         {
           Data.img &&

src/pages/mine/index.jsx

@@ -10,7 +10,7 @@ import Taro from '@tarojs/taro'
 export default withLayout((props) => {
 
   // const [PageProps] = useState(props)
-  const UserRole = 1 // 1-普通用户 2-经纪人 3-置业顾问 4-驻场管理
+  const UserRole = 2 // 1-普通用户 2-经纪人 3-置业顾问 4-驻场管理
   const [MenuList, setMenuList] = useState(UserRole === 1 ? MineMenuList.User : UserRole === 2 ? MineMenuList.Broker : UserRole === 3 ? MineMenuList.Adviser : MineMenuList.Resident)
   const [IsPull, setPull] = useState(false)
   const [ShowLogin, setShowLogin] = useState(false)

src/pages/mine/myCourse/index.config.js

@@ -0,0 +1,3 @@
+export default {
+  navigationBarTitleText: '我的课堂'
+}

src/pages/mine/myCourse/index.jsx

@@ -0,0 +1,51 @@
+import React, { useState, useEffect } from 'react'
+import withLayout from '@/layout'
+import './index.scss'
+import { ScrollView } from '@tarojs/components'
+import '../../../assets/css/iconfont.css'
+import MyCourseListItem from '../components/MyCourseListItem/index'
+
+export default withLayout((props) => {
+
+  // const [PageProps] = useState(props)
+  const [PageList, setPageList] = useState(['', '', '', '', '', '', '', '', '', '', '', '', ''])
+  const [IsPull, setPull] = useState(false)
+  const [PullTimer, setPullTimer] = useState(null)
+
+  const PageRefresh = () => { // 页面下拉刷新回调
+    setPull(true)
+  }
+
+  useEffect(() => { // 下拉刷新触发
+    if (IsPull) {
+      clearTimeout(PullTimer)
+      setPullTimer(setTimeout(() => {
+        setPull(false)
+      }, 2000))
+    }
+  }, [IsPull])
+
+  return (
+    <view className='Page myCourse'>
+
+      <ScrollView scroll-y={true} refresher-enabled={true} refresher-triggered={IsPull} onrefresherrefresh={PageRefresh} refresher-background='#fff'>
+        <view className='PageContent'>
+          <view className='List'>
+            {
+              PageList.map((item, index) => (
+                <MyCourseListItem Data={item} key={`MyCourseListItem-${index}`}></MyCourseListItem>
+              ))
+            }
+          </view>
+
+          {/* bottom */}
+          <view className='PageBottom'>
+            <text>已经到底了~</text>
+          </view>
+
+        </view>
+      </ScrollView>
+
+    </view>
+  )
+})

src/pages/mine/myCourse/index.scss

@@ -0,0 +1,30 @@
+.Page.myCourse {
+  background: #fff;
+  > scroll-view {
+    width: 100%;
+    height: 100%;
+    .PageContent {
+      position: relative;
+      overflow: hidden;
+      min-height: 100vh;
+      padding: 0 30px;
+      >.List {
+        >view {
+          margin-top: 30px;
+        }
+      }
+      > .PageBottom {
+        text-align: center;
+        font-size: 0;
+        white-space: nowrap;
+        > text {
+          display: inline-block;
+          font-size: 28px;
+          color: #666;
+          line-height: 40px;
+          margin: 20px auto;
+        }
+      }
+    }
+  }
+}

src/pages/mine/myCustomerDetail/index.config.js

@@ -0,0 +1,3 @@
+export default {
+  navigationBarTitleText: '客户详情'
+}

src/pages/mine/myCustomerDetail/index.jsx

@@ -0,0 +1,184 @@
+import React, { useState, useEffect } from 'react'
+import withLayout from '@/layout'
+import './index.scss'
+import { ScrollView, Image } from '@tarojs/components'
+import '../../../assets/css/iconfont.css'
+
+export default withLayout((props) => {
+
+  // const [PageProps] = useState(props)
+  const [IsPull, setPull] = useState(false)
+  const [PullTimer, setPullTimer] = useState(null)
+
+  const PageRefresh = () => { // 页面下拉刷新回调
+    setPull(true)
+  }
+
+  useEffect(() => { // 下拉刷新触发
+    if (IsPull) {
+      clearTimeout(PullTimer)
+      setPullTimer(setTimeout(() => {
+        setPull(false)
+      }, 2000))
+    }
+  }, [IsPull])
+
+  return (
+    <view className='Page myCustomerDetail'>
+
+      <ScrollView scroll-y={true} refresher-enabled={true} refresher-triggered={IsPull} onrefresherrefresh={PageRefresh} refresher-background='#f8f8f8'>
+        <view className='PageContent'>
+
+          {/* 基本信息 */}
+          <view className='BasicInfo'>
+            <view className='Title flex-h'>
+              <text>基本信息</text>
+            </view>
+            <view className='Content'>
+              <view className='UserInfo flex-h'>
+                <view className='Icon'>
+                  <Image mode='aspectFill' src={null}></Image>
+                </view>
+                <view className='flex-item'>
+                  <text>范丞丞</text>
+                  <text>136 1394 9434</text>
+                </view>
+                <text className='iconfont icon-jiantouright'></text>
+              </view>
+              <view className='Status'>
+                <view className='flex-h'>
+                  <view className='flex-item'>
+                    <text>对楼盘意向值:</text>
+                    <text>xxxxxxxxxxx</text>
+                  </view>
+                </view>
+                <view className='flex-h'>
+                  <view className='flex-item'>
+                    <text>跟进状态:</text>
+                    <text>跟进中</text>
+                  </view>
+                  <view className='flex-item'>
+                    <text>报备状态:</text>
+                    <text>报备中</text>
+                  </view>
+                </view>
+                <view className='flex-h'>
+                  <view className='flex-item'>
+                    <text>跟进结果:</text>
+                    <text>已跟进</text>
+                  </view>
+                  <view className='flex-item'>
+                    <text>报备结果:</text>
+                    <text>已报备</text>
+                  </view>
+                </view>
+                <view className='flex-h'>
+                  <view className='flex-item'>
+                    <text>预计收回时间:</text>
+                    <text>2020-06-12-12:00</text>
+                  </view>
+                </view>
+              </view>
+            </view>
+          </view>
+
+          {/* 房源订单 */}
+          <view className='Order'>
+            <view className='Title flex-h'>
+              <text>房源订单</text>
+            </view>
+            <view className='Content'>
+              <view>
+                <view className='flex-h'>
+                  <view className='flex-item'>
+                    <text>120万(户型名称)</text>
+                  </view>
+                  <Image mode='heightFix' src={require('../../../assets/mine-icon25.png')}></Image>
+                  <text className='active'>签约</text>
+                  <text className='iconfont icon-jiantouright'></text>
+                </view>
+                <view className='Info'>
+                  <text>建筑面积:117㎡</text>
+                  <text>总价:X/单价:XXX</text>
+                  <text>套内面积:X</text>
+                </view>
+              </view>
+              <view>
+                <view className='flex-h'>
+                  <view className='flex-item'>
+                    <text>120万(户型名称)</text>
+                  </view>
+                  <Image mode='heightFix' src={require('../../../assets/mine-icon24.png')}></Image>
+                  <text className='active'>到访</text>
+                  <text className='iconfont icon-jiantouright'></text>
+                </view>
+                <view className='Info'>
+                  <text>建筑面积:117㎡</text>
+                  <text>总价:X/单价:XXX</text>
+                  <text>套内面积:X</text>
+                </view>
+              </view>
+            </view>
+          </view>
+
+          {/* 操作人员 */}
+          <view className='OptUser'>
+            <view className='Title flex-h'>
+              <text>操作人员</text>
+              <view className='flex-item'></view>
+              <view className='More'>
+                <text>更多</text>
+                <text className='iconfont icon-jiantouright'></text>
+              </view>
+            </view>
+            <view className='Content'>
+              <view className='UserInfo flex-h'>
+                <view className='Icon'>
+                  <Image mode='aspectFill' src={null}></Image>
+                </view>
+                <view className='flex-item'>
+                  <text>最后跟进人</text>
+                  <text>跟进时间</text>
+                </view>
+              </view>
+            </view>
+          </view>
+
+          {/* 跟进记录 */}
+          <view className='Record'>
+            <view className='Title flex-h'>
+              <text>跟进记录</text>
+              <view className='Edit'>
+                <Image mode='heightFix' src={require('../../../assets/mine-icon26.png')}></Image>
+                <text>修改</text>
+              </view>
+              <view className='flex-item'></view>
+              <view className='More'>
+                <text>更多</text>
+                <text className='iconfont icon-jiantouright'></text>
+              </view>
+            </view>
+            <view className='Content'>
+              {
+                ['', '', ''].map((item, index) => (
+                  <view key={`Item-${index}`}>
+                    <view className='flex-h'>
+                      <text>范丞丞</text>
+                      <view className='flex-item'></view>
+                      <text>2021-05-21 12:00</text>
+                    </view>
+                    <view className='Desc'>
+                      <text>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </text>
+                    </view>
+                  </view>
+                ))
+              }
+            </view>
+          </view>
+
+        </view>
+      </ScrollView>
+
+    </view>
+  )
+})

src/pages/mine/myCustomerDetail/index.scss

@@ -0,0 +1,274 @@
+.Page.myCustomerDetail {
+  background: #f8f8f8;
+  > scroll-view {
+    width: 100%;
+    height: 100%;
+    .PageContent {
+      position: relative;
+      overflow: hidden;
+      min-height: 100vh;
+      padding: 0 30px;
+      >view {
+        position: relative;
+        overflow: hidden;
+        background: #fff;
+        border-radius: 16px;
+        margin-bottom: 30px;
+        padding: 30px 0;
+        &:first-child {
+          margin-top: 30px;
+        }
+        >.Title {
+          align-items: center;
+          >text {
+            font-size: 34px;
+            line-height: 1;
+            position: relative;
+            overflow: hidden;
+            text-indent: 24px;
+            font-weight: bold;
+            color: #333;
+            &::before {
+              content: '';
+              width: 4px;
+              height: 100%;
+              display: block;
+              background: #1A3D84;
+              left: 0;
+              top: 0;
+              position: absolute;
+            }
+          }
+          >.Edit {
+            font-size: 0;
+            white-space: nowrap;
+            margin-left: 40px;
+            >image {
+              height: 32px;
+              margin-right: 10px;
+              display: inline-block;
+              vertical-align: middle;
+            }
+            >text {
+              display: inline-block;
+              vertical-align: middle;
+              font-size: 32px;
+              color: #193C83;
+              font-weight: bold;
+            }
+          }
+          >.More {
+            font-size: 0;
+            white-space: nowrap;
+            margin-right: 20px;
+            >text {
+              display: inline-block;
+              vertical-align: middle;
+              font-size: 24px;
+              color: #333;
+            }
+          }
+        }
+        >.Content {
+          padding: 0 20px;
+          position: relative;
+          overflow: hidden;
+        }
+        &.BasicInfo {
+          >.Content {
+            >.UserInfo {
+              align-items: center;
+              border-bottom: 2px solid rgba(0, 0, 0, 0.12);
+              padding: 12px 0;
+              margin-top: 12px;
+              >.Icon {
+                width: 92px;
+                height: 92px;
+                position: relative;
+                overflow: hidden;
+                border-radius: 100%;
+                background: #eee;
+                margin-right: 30px;
+                >image {
+                  width: 100%;
+                  height: 100%;
+                }
+              }
+              >.flex-item {
+                >text {
+                  display: block;
+                  font-size: 28px;
+                  color: #666;
+                  line-height: 1;
+                  white-space: nowrap;
+                  &:first-child {
+                    font-size: 32px;
+                    margin-bottom: 16px;
+                    color: #333;
+                  }
+                }
+              }
+              >text {
+                font-size: 24px;
+                color: #193C83;
+              }
+            }
+            >.Status {
+              padding-bottom: 10px;
+              >.flex-h {
+                align-items: center;
+                margin-top: 60px;
+                &:first-child {
+                  margin-top: 30px;
+                }
+                >.flex-item {
+                  white-space: nowrap;
+                  font-size: 0;
+                  >text {
+                    display: inline-block;
+                    vertical-align: middle;
+                    font-size: 28px;
+                    color: #666;
+                    line-height: 1;
+                    &:first-child {
+                      font-size: 30px;
+                      color: #454545;
+                      font-weight: bold;
+                      margin-right: 20px;
+                    }
+                  }
+                }
+              }
+            }
+          }
+        }
+        &.Order {
+          >.Content {
+            >view {
+              padding-bottom: 16px;
+              position: relative;
+              overflow: hidden;
+              border-bottom: 2px solid rgba(0, 0, 0, 0.12);
+              &:last-child {
+                border-bottom: none;
+              }
+              >.flex-h {
+                align-items: center;
+                margin-top: 44px;
+                >.flex-item {
+                  >text {
+                    font-size: 32px;
+                    color: #333;
+                    display: block;
+                    white-space: nowrap;
+                  }
+                }
+                >text {
+                  line-height: 1;
+                  font-size: 24px;
+                  color: #193C83;
+                  &.iconfont {
+                    font-size: 24px;
+                    color: #666;
+                    margin-left: 20px;
+                  }
+                }
+                >image {
+                  height: 38px;
+                  margin-right: 10px;
+                }
+              }
+              >.Info {
+                white-space: nowrap;
+                font-size: 0;
+                >text {
+                  display: inline-block;
+                  vertical-align: middle;
+                  font-size: 28px;
+                  color: #666;
+                  line-height: 1;
+                  margin-top: 16px;
+                  margin-left: 20px;
+                  &:first-child {
+                    margin-left: 0;
+                  }
+                }
+              }
+            }
+          }
+        }
+        &.OptUser {
+          >.Content {
+            >.UserInfo {
+              align-items: center;
+              margin-top: 54px;
+              padding-bottom: 16px;
+              >.Icon {
+                width: 92px;
+                height: 92px;
+                position: relative;
+                overflow: hidden;
+                border-radius: 100%;
+                background: #eee;
+                margin-right: 30px;
+                >image {
+                  width: 100%;
+                  height: 100%;
+                }
+              }
+              >.flex-item {
+                >text {
+                  display: block;
+                  font-size: 28px;
+                  color: #666;
+                  line-height: 1;
+                  white-space: nowrap;
+                  &:first-child {
+                    font-size: 32px;
+                    margin-bottom: 16px;
+                    color: #333;
+                  }
+                }
+              }
+            }
+          }
+        }
+        &.Record {
+          >.Content {
+            >view {
+              padding-bottom: 40px;
+              border-bottom: 2px solid rgba(0, 0, 0, 0.12);
+              position: relative;
+              overflow: hidden;
+              margin-top: 40px;
+              &:last-child {
+                border-bottom: none;
+              }
+              >.flex-h {
+                align-items: center;
+                >text {
+                  line-height: 1;
+                  font-size: 24px;
+                  color: #999;
+                  &:first-child {
+                    font-size: 32px;
+                    color: #333;
+                  }
+                }
+              }
+              >.Desc {
+                margin-top: 40px;
+                >text {
+                  display: block;
+                  font-size: 28px;
+                  color: #666;
+                  line-height: 36px;
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}

src/pages/mine/partnerChannel/index.jsx

@@ -100,6 +100,25 @@ export default withLayout((props) => {
             </view>
           </view>
 
+          {/* 销售趋势 */}
+          <view className='SaleLineChart'>
+            <view className='Top flex-h'>
+              <text>销售趋势</text>
+              <view className='flex-item'></view>
+              <view className='Type'>
+                <text>新增客户</text>
+                <text className='iconfont icon-sanjiaoxingdown'></text>
+              </view>
+              <view className='Sort'>
+                <text>按天</text>
+                <text className='iconfont icon-sanjiaoxingdown'></text>
+              </view>
+            </view>
+            <view className='LineChart'>
+              
+            </view>
+          </view>
+
         </view>
       </ScrollView>
     </view>

src/pages/mine/partnerChannel/index.scss

@@ -7,7 +7,7 @@
       position: relative;
       overflow: visible;
       min-height: 100vh;
-      padding: 0 30px;
+      padding: 0 30px 30px;
       >view {
         box-shadow: 0 0 6px 6px rgba(0, 0, 0, 0.03);
         position: relative;
@@ -170,6 +170,42 @@
             }
           }
         }
+        &.SaleLineChart {
+          >.Top {
+            align-items: center;
+            margin-top: 40px;
+            padding: 0 20px;
+            >text {
+              font-size: 24px;
+              color: #333;
+              &:first-child {
+                font-size: 34px;
+                font-weight: bold;
+                line-height: 1;
+              }
+            }
+            >.Type,
+            >.Sort {
+              font-size: 0;
+              white-space: nowrap;
+              margin-left: 20px;
+              >text {
+                display: inline-block;
+                vertical-align: middle;
+                font-size: 30px;
+                &.iconfont {
+                  font-size: 20px;
+                  margin-left: 10px;
+                }
+              }
+            }
+          }
+          >.LineChart {
+            height: 460px;
+            position: relative;
+            overflow: hidden;
+          }
+        }
       }
     }
   }

src/pages/mine/tabData.js

@@ -23,7 +23,7 @@ const MineMenuList = {
       { name: '我的客户', icon: require('../../assets/mine-icon15.png'), router: '/pages/mine/myCustomer/index' },
       { name: '我的分享', icon: require('../../assets/mine-icon9.png'), router: '/pages/mine/myShare/index' },
       { name: '我的活动', icon: require('../../assets/mine-icon10.png'), router: '/pages/mine/myActivity/index' },
-      { name: '我的课堂', icon: require('../../assets/mine-icon12.png'), router: '' },
+      { name: '我的课堂', icon: require('../../assets/mine-icon12.png'), router: '/pages/mine/myCourse/index' },
       { name: '我的收藏', icon: require('../../assets/mine-icon13.png'), router: '/pages/mine/myCollect/index' }
     ],
     [
@@ -34,7 +34,7 @@ const MineMenuList = {
   ],
   Adviser: [ // 置业顾问
     [
-      { name: '添加客户', icon: require('../../assets/mine-icon7.png'), router: '' },
+      { name: '添加客户', icon: require('../../assets/mine-icon7.png'), router: '/pages/mine/addCustomer/index' },
       { name: '我的主页', icon: require('../../assets/mine-icon15.png'), router: '' },
       { name: '我的推广码', icon: require('../../assets/mine-icon14.png'), router: '' },
       { name: '客户分析', icon: require('../../assets/mine-icon5.png'), router: '' },
@@ -43,7 +43,7 @@ const MineMenuList = {
     [
       { name: '我的分享', icon: require('../../assets/mine-icon9.png'), router: '/pages/mine/myShare/index' },
       { name: '我的活动', icon: require('../../assets/mine-icon10.png'), router: '/pages/mine/myActivity/index' },
-      { name: '我的课堂', icon: require('../../assets/mine-icon12.png'), router: '' },
+      { name: '我的课堂', icon: require('../../assets/mine-icon12.png'), router: '/pages/mine/myCourse/index' },
       { name: '我的收藏', icon: require('../../assets/mine-icon13.png'), router: '/pages/mine/myCollect/index' }
     ],
     [

src/routes.js

@@ -4,12 +4,6 @@ const routes = [
   /**********************************
    *  Tab 页面
    *********************************/
-  {
-    name: '合作渠道',
-    page: 'pages/mine/partnerChannel/index',
-    pkg: 'main',
-    type: 'mine',
-  },
   {
     name: '首页',
     page: 'pages/index/index',
@@ -176,6 +170,12 @@ const routes = [
     pkg: 'main',
     type: 'mine',
   },
+  {
+    name: '我的课堂',
+    page: 'pages/mine/myCourse/index',
+    pkg: 'main',
+    type: 'mine',
+  },
   {
     name: '我的活动',
     page: 'pages/mine/myActivity/index',
@@ -188,12 +188,30 @@ const routes = [
     pkg: 'main',
     type: 'mine',
   },
+  {
+    name: '客户详情',
+    page: 'pages/mine/myCustomerDetail/index',
+    pkg: 'main',
+    type: 'mine',
+  },
   {
     name: '我的收藏',
     page: 'pages/mine/myCollect/index',
     pkg: 'main',
     type: 'mine',
   },
+  {
+    name: '合作渠道',
+    page: 'pages/mine/partnerChannel/index',
+    pkg: 'main',
+    type: 'mine',
+  },
+  {
+    name: '添加客户',
+    page: 'pages/mine/addCustomer/index',
+    pkg: 'main',
+    type: 'mine',
+  },
   {
     name: '意见反馈',
     page: 'pages/mine/feedBack/index',