静态页面

src/assets/css/iconfont.css

@@ -1,11 +1,11 @@
 @font-face {
   font-family: "iconfont"; /* Project id 2603904 */
-  src: url('iconfont.eot?t=1624086408943'); /* IE9 */
-  src: url('iconfont.eot?t=1624086408943#iefix') format('embedded-opentype'), /* IE6-IE8 */
-       url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
-       url('iconfont.woff?t=1624086408943') format('woff'),
-       url('iconfont.ttf?t=1624086408943') format('truetype'),
-       url('iconfont.svg?t=1624086408943#iconfont') format('svg');
+  src: url('iconfont.eot?t=1624789458601'); /* IE9 */
+  src: url('iconfont.eot?t=1624789458601#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
+       url('iconfont.woff?t=1624789458601') format('woff'),
+       url('iconfont.ttf?t=1624789458601') format('truetype'),
+       url('iconfont.svg?t=1624789458601#iconfont') format('svg');
 }
 
 .iconfont {
@@ -16,6 +16,18 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-dianhua:before {
+  content: "\e60d";
+}
+
+.icon-yonghu:before {
+  content: "\e657";
+}
+
+.icon-xiangji:before {
+  content: "\e641";
+}
+
 .icon-gou:before {
   content: "\e60c";
 }

src/assets/css/iconfont.json

@@ -5,6 +5,27 @@
   "css_prefix_text": "icon-",
   "description": "",
   "glyphs": [
+    {
+      "icon_id": "16036802",
+      "name": "电  话",
+      "font_class": "dianhua",
+      "unicode": "e60d",
+      "unicode_decimal": 58893
+    },
+    {
+      "icon_id": "17197131",
+      "name": "用户",
+      "font_class": "yonghu",
+      "unicode": "e657",
+      "unicode_decimal": 58967
+    },
+    {
+      "icon_id": "7603903",
+      "name": "相机",
+      "font_class": "xiangji",
+      "unicode": "e641",
+      "unicode_decimal": 58945
+    },
     {
       "icon_id": "9055670",
       "name": "勾",

src/assets/css/iconfont.svg

@@ -20,6 +20,15 @@ Created by iconfont
   />
     <missing-glyph />
     
+    <glyph glyph-name="dianhua" unicode="&#58893;" d="M598.308571 219.538286l24.064 14.994285c9.398857 5.632 17.115429 9.947429 24.868572 13.385143 54.637714 24.868571 102.765714 7.314286 166.4-67.035428 39.424-46.08 51.053714-86.930286 35.84-123.355429-11.337143-27.172571-33.133714-45.933714-71.972572-69.12-2.523429-1.462857-24.868571-14.518857-30.610285-18.066286-90.404571-55.771429-297.691429 71.936-446.646857 290.157715-149.577143 218.806857-188.196571 452.059429-96.585143 508.708571l12.068571 7.68 13.165714 8.484572c46.299429 29.952 75.958857 41.910857 111.104 35.986285 35.108571-5.997714 64.950857-31.963429 90.221715-79.286857 53.284571-100.096 41.545143-147.565714-26.953143-190.756571-4.973714-3.181714-22.454857-13.714286-24.137143-14.738286-16.749714-10.386286 11.702857-80.018286 77.860571-176.859429 66.889143-97.901714 122.88-151.478857 141.165715-140.178285h0.146285z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="yonghu" unicode="&#58967;" d="M728.732 575.724c-3.4 6.6-8.3 12.4-14.3 16.9 2.7 29.3 2.1 58.8-2 87.9-10.9 86.4-78.1 152.4-197.4 151.5-60.7-0.4-51.3-32.1-97-32.8-81.2-2-100.9-76.1-107.5-118.7-4.3-29.1-5-58.6-2-87.9-5.8-4.6-10.6-10.4-14-16.9-8.9-20.7-9.1-44.1-0.7-64.9a123.3 123.3 0 0 1 40.1-60c20.5-98.1 116.6-161 214.7-140.5 70.6 14.8 125.7 69.9 140.5 140.5 19.1 15.6 33.1 36.5 40.4 60 8.3 20.9 8 44.2-0.8 64.9zM895.232 195.024c-25 41.7-103.5 81-180.9 100.4a371.75 371.75 0 0 0-88.1-46.6c-16.6-69.8-38.1-138.3-64.5-205-4.7-10.3-11.6-8-13.4 4.2l-12.5 89.5c-1.3 13.8 1 27.8 6.9 40.4l10.1 18.7c5.3 11.6 5.9 24.8 1.8 36.8-28.2-3.3-56.6-3.4-84.8-0.4-3.7-12-3-24.9 2-36.4l10.3-18.7c5.7-12.6 8.1-26.6 6.9-40.4l-12.5-89.5c-1.8-12.3-8.7-14.5-13.8-4.2-27.2 66.2-48.7 134.6-64.3 204.5-32.6 8.7-62.7 24.9-87.9 47.3-77.4-19.4-156.2-58.5-180.9-100.4-24.6-45.7-39-96.2-42.2-148.1 0-31.7 190.3-110.7 425-110.7s424.6 79 424.6 110.7c-3.1 51.7-17.4 102.2-41.8 147.9z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="xiangji" unicode="&#58945;" d="M903.73688889 667.53422222h-194.56l-45.51111111 57.68533333c-8.64711111 10.92266667-21.504 17.18044445-35.38488889 17.18044445H395.83288889c-13.88088889 0-26.85155555-6.25777778-35.38488889-17.18044445l-45.51111111-57.68533333h-194.56c-24.91733333 0-45.16977778-20.25244445-45.16977778-45.16977777v-551.82222223c0-24.91733333 20.25244445-45.16977778 45.16977778-45.16977777h783.58755556c24.91733333 0 45.16977778 20.25244445 45.16977777 45.16977777v551.82222223c-0.22755555 25.03111111-20.48 45.16977778-45.39733333 45.16977777z m-12.40177778-584.36266667H132.66488889v526.79111112H320.85333333c13.88088889 0 26.85155555 6.25777778 35.38488889 17.18044444l45.51111111 57.68533334h220.38755556l45.51111111-57.68533334c8.64711111-10.92266667 21.504-17.18044445 35.38488889-17.18044444h188.18844444v-526.79111112zM512 541.24088889c-108.88533333 0-197.51822222-88.63288889-197.51822222-197.51822222S403.11466667 146.09066667000002 512 146.09066667000002s197.51822222 88.63288889 197.51822222 197.51822222S620.88533333 541.24088889 512 541.24088889z m0-337.46488889c-77.14133333 0-139.94666667 62.80533333-139.94666667 139.94666667s62.80533333 139.94666667 139.94666667 139.94666666 139.94666667-62.80533333 139.94666667-139.94666666c0-77.25511111-62.80533333-139.94666667-139.94666667-139.94666667z m287.97155555 279.89333333c15.92888889 0 28.78577778 12.85688889 28.78577778 28.78577778s-12.85688889 28.78577778-28.78577778 28.78577778-28.78577778-12.85688889-28.78577777-28.78577778c-0.11377778-15.92888889 12.85688889-28.78577778 28.78577777-28.78577778z"  horiz-adv-x="1024" />
+
+    
     <glyph glyph-name="gou" unicode="&#58892;" d="M511.9990625 821.8303125C270.6059375 821.8303125 74.1696875 625.4034375 74.1696875 384c0-241.404375 196.4353125-437.8303125 437.829375-437.8303125 241.41374999 0 437.83125001 196.4259375 437.83125 437.8303125 0 241.4034375-196.4175 437.8303125-437.83125 437.8303125m0-807.4275c-203.7675 0-369.598125 165.808125-369.598125 369.5971875 0 203.788125 165.8315625 369.59625001 369.598125 369.59625001 203.8115625 0 369.59625001-165.808125 369.59625-369.59625001 0-203.7890625-165.7846875-369.5971875-369.59625-369.5971875M646.55375001 510.62624999L442.0325 308.65874999000005l-55.726875 63.68062501c-12.3946875 14.17125001-33.9628125 15.646875-48.1546875 3.2325-14.1703125-12.41625001-15.6140625-33.9834375-3.219375-48.15375l79.603125-90.9778125a34.284375 34.284375 0 0 1 24.4771875-11.6184375c0.40124999-0.0215625 0.79874999-0.0215625 1.220625-0.0215625 8.9521875 0 17.56875001 3.4978125 23.968125 9.8278125l230.2875 227.445c13.415625 13.2609375 13.5478125 34.8375 0.309375 48.2540625-13.2365625 13.404375-34.8271875 13.5375-48.24375001 0.29906249"  horiz-adv-x="1024" />
 
     

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

@@ -0,0 +1,3 @@
+export default {
+  navigationBarTitleText: '变更交易节点'
+}

src/pages/mine/changeVisit/index.jsx

@@ -0,0 +1,150 @@
+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)
+  const [StatusList] = useState([
+    { name: '认筹', id: 1 },
+    { name: '认购', id: 2 },
+    { name: '签约', id: 3 },
+    { name: '待结佣', id: 4 },
+    { name: '已结佣', id: 5 },
+    { name: '作废', id: 6 }
+  ])
+  const [CurrentStatusId, setCurrentStatusId] = useState(null)
+
+  const [RoomTypeList] = useState([
+    { name: '二室一厅', id: 1 },
+    { name: '三室二厅', id: 2 },
+    { name: '三室一厅', id: 3 },
+    { name: '四室二厅', id: 4 }
+  ])
+  const [CurrentRoomTypeId, setCurrentRoomTypeId] = useState(null)
+
+  const CutStatus = (item) => {
+    return () => {
+      setCurrentStatusId(item.id === CurrentStatusId ? null : item.id)
+    }
+  }
+
+  const CutRoomType = (item) => {
+    return () => {
+      setCurrentRoomTypeId(item.id === CurrentRoomTypeId ? null : item.id)
+    }
+  }
+
+  return (
+    <view className='Page changeVisit'>
+
+      <ScrollView scroll-y={true} refresher-enabled={false} refresher-background='#fff'>
+        <view className='PageContent'>
+
+          <text className='required'>变更状态</text>
+          <view className='FormLine flex-h'>
+            <view className='flex-item'>
+              <view className='CheckBoxList'>
+                {
+                  StatusList.map((item, index) => (
+                    <view key={`StatusItem-${index}`} onClick={CutStatus(item)}>
+                      <text>{item.name}</text>
+                      {
+                        CurrentStatusId === item.id &&
+                        <Image mode='widthFix' src={require('../../../assets/findHouse-icon1.png')}></Image>
+                      }
+                    </view>
+                  ))
+                }
+              </view>
+            </view>
+          </view>
+
+          <text className='required'>客户姓名</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 className='required'>内场接待</text>
+          <view className='FormLine flex-h'>
+            <view className='flex-item'>
+              <Input placeholder='请输入内场接待'></Input>
+            </view>
+          </view>
+
+          <text className='required'>业绩分成人|占比/%</text>
+          <view className='FormLine flex-h'>
+            <view className='flex-item'>
+              <Input placeholder='请输入业绩分成人|占比/%'></Input>
+            </view>
+          </view>
+
+          <text className='required'>户型</text>
+          <view className='FormLine flex-h'>
+            <view className='flex-item'>
+            <view className='CheckBoxList'>
+                {
+                  RoomTypeList.map((item, index) => (
+                    <view key={`RoomTypeItem-${index}`} onClick={CutRoomType(item)}>
+                      <text>{item.name}</text>
+                      {
+                        CurrentRoomTypeId === item.id &&
+                        <Image mode='widthFix' src={require('../../../assets/findHouse-icon1.png')}></Image>
+                      }
+                    </view>
+                  ))
+                }
+              </view>
+            </view>
+          </view>
+
+          <text className='required'>房号</text>
+          <view className='FormLine flex-h'>
+            <view className='flex-item'>
+              <Input placeholder='请输入房号'></Input>
+            </view>
+          </view>
+
+          <text className='required'>签约日期</text>
+          <view className='FormLine flex-h'>
+            <view className='flex-item'>
+              <text>请选择</text>
+            </view>
+            <text className='iconfont icon-jiantoudown'></text>
+          </view>
+
+          <text className='required'>成交金额</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>
+
+          <view className='Btn'>
+            <text>提交</text>
+          </view>
+
+        </view>
+      </ScrollView>
+
+    </view>
+  )
+})

src/pages/mine/changeVisit/index.scss

@@ -0,0 +1,128 @@
+.Page.changeVisit {
+  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;
+        position: relative;
+        &.required {
+          text-indent: 60px;
+          &::before {
+            content: '*';
+            display: inline-block;
+            position: absolute;
+            left: -20px;
+            top: 0;
+            color: red;
+            font-size: 34px;
+            line-height: 44px;
+          }
+        }
+      }
+      > .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;
+          }
+          >.UploadImg {
+            width: 120px;
+            height: 120px;
+            box-sizing: border-box;
+            border: 2px dashed #999;
+            border-radius: 8px;
+            position: relative;
+            overflow: hidden;
+            >text {
+              font-size: 50px;
+              color: #999;
+            }
+          }
+          >.CheckBoxList {
+            font-size: 0;
+            >view {
+              display: inline-block;
+              vertical-align: middle;
+              width: 194px;
+              font-size: 0;
+              white-space: nowrap;
+              margin-left: 44px;
+              border-radius: 4px;
+              border: 2px solid #193C83;
+              box-sizing: border-box;
+              margin-bottom: 28px;
+              text-align: center;
+              position: relative;
+              overflow: hidden;
+              &:nth-child(3n + 1) {
+                margin-left: 0;
+              }
+              >text {
+                display: inline-block;
+                font-size: 30px;
+                font-weight: bold;
+                line-height: 80px;
+                color: #333;
+              }
+              >image {
+                display: block;
+                width: 36px;
+                height: 36px;
+                position: absolute;
+                right: -2px;
+                bottom: -2px;
+              }
+            }
+          }
+        }
+        
+        >text {
+          font-size: 30px;
+        }
+      }
+      .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/FollowCustomer/index.jsx

@@ -0,0 +1,113 @@
+import React, { useState, useEffect } from 'react'
+import './index.scss'
+import Taro from '@tarojs/taro'
+import { ScrollView, Image } from '@tarojs/components'
+import StatCustomerListItem from '../StatCustomerListItem/index'
+
+export default function FollowCustomer (props) {
+  const { Data = {} } = props
+  const [PageList, setPageList] = useState(['', '', '', '', '', '', '', '', '', '', '', '', ''])
+  const [IsPull, setPull] = useState(false)
+  const [PullTimer, setPullTimer] = useState(null)
+
+  const [StatusMenu] = useState([
+    { name: '全部状态', id: 1 },
+    { name: '到访', id: 2 },
+    { name: '签约', id: 3 },
+    { name: '认筹', id: 4 }
+  ])
+  const [CurrentStatusId, setCurrentStatusId] = useState(1)
+
+  const [TimeMenu] = useState([
+    { name: '全部', id: 1 },
+    { name: '7天未成交', id: 2 },
+    { name: '15天未成交', id: 3 }
+  ])
+  const [CurrentTimeId, setCurrentTimeId] = useState(1)
+
+  const PageRefresh = () => { // 页面下拉刷新回调
+    setPull(true)
+  }
+
+  const CutStatus = (item) => {
+    return () => {
+      setCurrentStatusId(item.id === CurrentStatusId ? null : item.id)
+    }
+  }
+
+  const CutTime = (item) => {
+    return () => {
+      setCurrentTimeId(item.id === CurrentTimeId ? null : item.id)
+    }
+  }
+
+  useEffect(() => { // 下拉刷新触发
+    if (IsPull) {
+      clearTimeout(PullTimer)
+      setPullTimer(setTimeout(() => {
+        setPull(false)
+      }, 2000))
+    }
+  }, [IsPull])
+
+  return (
+    <view className='components FollowCustomer'>
+      <ScrollView scroll-y={true} refresher-enabled={true} refresher-triggered={IsPull} onrefresherrefresh={PageRefresh} refresher-background='#fff'>
+        <view className='PageContent'>
+
+          <view className='Search'>
+            <view>
+              <text className='iconfont icon-sousuo'></text>
+              <text>请输入用户名/手机号/到访时间搜索</text>
+            </view>
+          </view>
+
+          <text>状态筛选</text>
+          <view className='CheckBoxList'>
+            {
+              StatusMenu.map((item, index) => (
+                <view key={`StatusItem-${index}`} onClick={CutStatus(item)}>
+                  <text>{item.name}</text>
+                  {
+                    CurrentStatusId === item.id &&
+                    <Image mode='widthFix' src={require('../../../../assets/findHouse-icon1.png')}></Image>
+                  }
+                </view>
+              ))
+            }
+          </view>
+
+          <text>时间筛选</text>
+          <view className='CheckBoxList'>
+            {
+              TimeMenu.map((item, index) => (
+                <view key={`TimeItem-${index}`} onClick={CutTime(item)}>
+                  <text>{item.name}</text>
+                  {
+                    CurrentTimeId === item.id &&
+                    <Image mode='widthFix' src={require('../../../../assets/findHouse-icon1.png')}></Image>
+                  }
+                </view>
+              ))
+            }
+          </view>
+
+          <text>结果</text>
+          <view className='List'>
+            {
+              PageList.map((item, index) => (
+                <StatCustomerListItem key={`ListItem-${index}`} data={item} showStatus={true}></StatCustomerListItem>
+              ))
+            }
+          </view>
+
+          {/* bottom */}
+          <view className='PageBottom'>
+            <text>已经到底了~</text>
+          </view>
+
+        </view>
+      </ScrollView>
+    </view>
+  )
+}

src/pages/mine/components/FollowCustomer/index.scss

@@ -0,0 +1,107 @@
+.components.FollowCustomer {
+  position: relative;
+  overflow: hidden;
+  width: 100%;
+  height: 100%;
+  > scroll-view {
+    width: 100%;
+    height: 100%;
+    position: relative;
+    .PageContent {
+      position: relative;
+      overflow: hidden;
+      > .Search {
+        padding: 0 50px;
+        position: relative;
+        overflow: hidden;
+        margin-top: 30px;
+        > view {
+          position: relative;
+          overflow: hidden;
+          background: #f8f8f8;
+          border-radius: 44px;
+          font-size: 0;
+          white-space: nowrap;
+          text-align: center;
+          > text {
+            display: inline-block;
+            vertical-align: middle;
+            font-size: 20px;
+            color: #999;
+            line-height: 44px;
+            margin-left: 10px;
+            &:first-child {
+              margin-left: 0;
+              font-size: 28px;
+            }
+          }
+        }
+      }
+      > text {
+        display: block;
+        padding: 0 36px;
+        font-size: 34px;
+        font-weight: bold;
+        color: #333;
+        margin-top: 40px;
+      }
+      > .CheckBoxList {
+        font-size: 0;
+        padding: 0 36px;
+        > view {
+          display: inline-block;
+          vertical-align: middle;
+          width: 194px;
+          font-size: 0;
+          white-space: nowrap;
+          margin-left: 48px;
+          border-radius: 4px;
+          border: 2px solid #193c83;
+          box-sizing: border-box;
+          margin-top: 28px;
+          text-align: center;
+          position: relative;
+          overflow: hidden;
+          &:nth-child(3n + 1) {
+            margin-left: 0;
+          }
+          > text {
+            display: inline-block;
+            font-size: 30px;
+            font-weight: bold;
+            line-height: 80px;
+            color: #333;
+          }
+          > image {
+            display: block;
+            width: 36px;
+            height: 36px;
+            position: absolute;
+            right: -2px;
+            bottom: -2px;
+          }
+        }
+      }
+      >.List {
+        padding: 0 36px;
+        position: relative;
+        overflow: hidden;
+        >view {
+          margin-top: 20px;
+        }
+      }
+      > .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/components/ResidentListItem/index.jsx

@@ -0,0 +1,49 @@
+import React, { useState, useEffect } from 'react'
+import './index.scss'
+import Taro from '@tarojs/taro'
+import { Image } from '@tarojs/components'
+
+export default function ResidentListItem (props) {
+  const { Data = {} } = props
+  return (
+    <view className='components ResidentListItem'>
+      <view className='flex-h'>
+        <text>最新报备：</text>
+        <view className='flex-item'>
+          <text>1710300417793</text>
+        </view>
+        <text className='Status'>到访确认</text>
+      </view>
+      <view className='flex-h'>
+        <text>客户姓名：</text>
+        <view className='flex-item'>
+          <text>栋</text>
+        </view>
+      </view>
+      <view className='flex-h'>
+        <text>手机号码：</text>
+        <view className='flex-item'>
+          <text>136****9434</text>
+        </view>
+        <Image mode='heightFix' src={require('../../../../assets/mine-icon27.png')}></Image>
+        <text className='Type'>结佣</text>
+      </view>
+      <view className='flex-h'>
+        <text>报备经纪：</text>
+        <view className='flex-item'>
+          <text>成凤  15005184629</text>
+        </view>
+      </view>
+      <view className='flex-h'>
+        <text>报备时间：</text>
+        <view className='flex-item'>
+          <text>2017/10/30 15:25</text>
+        </view>
+      </view>
+      <view className='Opt'>
+        <text className='active' onClick={() => { Taro.navigateTo({ url: `/pages/mine/changeVisit/index?id=${Data.id}` }) }}>更新交易</text>
+        <text>无效</text>
+      </view>
+    </view>
+  )
+}

src/pages/mine/components/ResidentListItem/index.scss

@@ -0,0 +1,68 @@
+.components.ResidentListItem {
+  position: relative;
+  overflow: hidden;
+  background: #fff;
+  border-radius: 12px;
+  box-shadow: 0 0 6px 6px rgba(0, 0, 0, 0.03);
+  padding: 30px 20px 50px;
+  >.flex-h {
+    align-items: center;
+    >text {
+      font-size: 30px;
+      line-height: 60px;
+      color: #333;
+      &.Status {
+        width: 144px;
+        text-align: center;
+        background: #193C83;
+        border-radius: 60px;
+        color: #fff;
+      }
+      &.Type {
+        color: #193C83;
+        margin-left: 10px;
+        font-weight: bold;
+      }
+    }
+    >.flex-item {
+      margin-left: 20px;
+      >text {
+        display: block;
+        font-size: 30px;
+        line-height: 60px;
+        color: #333;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
+    }
+    >image {
+      height: 38px;
+      margin-left: 10px;
+    }
+  }
+  >.Opt {
+    font-size: 0;
+    white-space: nowrap;
+    text-align: right;
+    margin-top: 10px;
+    >text {
+      display: inline-block;
+      font-size: 30px;
+      line-height: 60px;
+      width: 144px;
+      text-align: center;
+      box-sizing: border-box;
+      border-radius: 60px;
+      margin-left: 30px;
+      border: 2px solid #B9B2B2;
+      background: #B9B2B2;
+      color: #fff;
+      &.active {
+        background: none;
+        border-color: #193C83;
+        color: #193C83;
+      }
+    }
+  }
+}

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

@@ -0,0 +1,28 @@
+import React, { useState, useEffect } from 'react'
+import './index.scss'
+import Taro from '@tarojs/taro'
+import { Image } from '@tarojs/components'
+
+export default function StatCustomerListItem (props) {
+  const { data = {}, showStatus = false } = props
+  return (
+    <view className='components StatCustomerListItem flex-h'>
+      <view className='Icon'>
+        <Image mode='scaleToFill' src={null}></Image>
+      </view>
+      <view className='flex-item'>
+        <view>
+          <text>范丞丞</text>
+          <text className='iconfont icon-yonghu'></text>
+        </view>
+        <text>136 1394 9434</text>
+      </view>
+      <text className='iconfont icon-liaotian'></text>
+      <text className='iconfont icon-dianhua active'></text>
+      {
+        showStatus &&
+        <text className='Status'>报备</text>
+      }
+    </view>
+  )
+}

src/pages/mine/components/StatCustomerListItem/index.scss

@@ -0,0 +1,65 @@
+.components.StatCustomerListItem {
+  position: relative;
+  overflow: hidden;
+  align-items: center;
+  border-bottom: 2px solid rgba(0, 0, 0, 0.12);
+  padding: 12px 0;
+  >.Icon {
+    width: 92px;
+    height: 92px;
+    position: relative;
+    overflow: hidden;
+    border-radius: 100%;
+    background: #eee;
+    margin-right: 30px;
+    >image {
+      width: 100%;
+      height: 100%;
+    }
+  }
+  >.flex-item {
+    >view {
+      font-size: 0;
+      white-space: nowrap;
+      >text {
+        display: inline-block;
+        vertical-align: middle;
+        font-size: 32px;
+        line-height: 1;
+        &.iconfont {
+          color: #1296DB;
+          margin-left: 30px;
+        }
+      }
+    }
+    >text {
+      display: block;
+      font-size: 28px;
+      color: #666;
+      line-height: 1;
+      margin-top: 16px;
+      white-space: nowrap;
+    }
+  }
+  >text {
+    margin-left: 40px;
+    &.iconfont {
+      font-size: 40px;
+      width: 80px;
+      line-height: 80px;
+      text-align: center;
+      border-radius: 100%;
+      color: #FA9730;
+      background: rgba(251, 171, 87, 0.12);
+      &.active {
+        color: #00BC4B;
+        background: rgba(129, 188, 75, 0.12);
+      }
+    }
+    &.Status {
+      font-size: 34px;
+      font-weight: bold;
+      color: #193C83;
+    }
+  }
+}

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

@@ -0,0 +1,48 @@
+import React, { useState, useEffect } from 'react'
+import './index.scss'
+import Taro from '@tarojs/taro'
+import { ScrollView, Image } from '@tarojs/components'
+import StatCustomerListItem from '../StatCustomerListItem/index'
+
+export default function TransactedCustomer (props) {
+  const { Data = {} } = 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='components TransactedCustomer'>
+      <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) => (
+                <StatCustomerListItem key={`ListItem-${index}`} data={item}></StatCustomerListItem>
+              ))
+            }
+          </view>
+
+          {/* bottom */}
+          <view className='PageBottom'>
+            <text>已经到底了~</text>
+          </view>
+
+        </view>
+      </ScrollView>
+    </view>
+  )
+}

src/pages/mine/components/TransactedCustomer/index.scss

@@ -0,0 +1,35 @@
+.components.TransactedCustomer {
+  position: relative;
+  overflow: hidden;
+  width: 100%;
+  height: 100%;
+  >scroll-view {
+    width: 100%;
+    height: 100%;
+    position: relative;
+    .PageContent {
+      position: relative;
+      overflow: hidden;
+      >.List {
+        padding: 0 36px;
+        position: relative;
+        overflow: hidden;
+        >view {
+          margin-top: 20px;
+        }
+      }
+      > .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/residentManager/index.config.js

@@ -0,0 +1,3 @@
+export default {
+  navigationBarTitleText: '驻场管理'
+}

src/pages/mine/residentManager/index.jsx

@@ -0,0 +1,96 @@
+import React, { useState, useEffect } from 'react'
+import withLayout from '@/layout'
+import './index.scss'
+import { ScrollView, Image } from '@tarojs/components'
+import '../../../assets/css/iconfont.css'
+import ResidentListItem from '../components/ResidentListItem/index'
+
+export default withLayout((props) => {
+
+  // const [PageProps] = useState(props)
+  const [PageList, setPageList] = useState(['', '', '', '', '', '', '', '', '', '', '', '', ''])
+  const [IsPull, setPull] = useState(false)
+  const [PullTimer, setPullTimer] = useState(null)
+  const [FilterMenu] = useState([
+    { name: '报备', id: 1 },
+    { name: '到访', id: 2 },
+    { name: '认筹', id: 3 },
+    { name: '认购', id: 4 },
+    { name: '签约', id: 5 },
+    { name: '报备无效', id: 6 },
+    { name: '报备过期', id: 7 }
+  ])
+  const [CurrentFilterMenuId, setCurrentFilterMenuId] = useState(null)
+
+  const PageRefresh = () => { // 页面下拉刷新回调
+    setPull(true)
+  }
+
+  const CutFilter = (item) => {
+    return () => {
+      setCurrentFilterMenuId(item.id === CurrentFilterMenuId ? null : item.id)
+    }
+  }
+
+  useEffect(() => { // 下拉刷新触发
+    if (IsPull) {
+      clearTimeout(PullTimer)
+      setPullTimer(setTimeout(() => {
+        setPull(false)
+      }, 2000))
+    }
+  }, [IsPull])
+
+  return (
+    <view className='Page residentManager flex-v'>
+
+      <view className='Search'>
+        <view>
+          <text className='iconfont icon-sousuo'></text>
+          <text>请输入关键字搜索</text>
+        </view>
+      </view>
+
+      <view className='flex-item'>
+        <view>
+          <ScrollView scroll-y={true} refresher-enabled={true} refresher-triggered={IsPull} onrefresherrefresh={PageRefresh} refresher-background='#fff'>
+            <view className='PageContent'>
+
+              <view className='Filter'>
+                <text>筛选条件</text>
+                <view>
+                  {
+                    FilterMenu.map((item, index) => (
+                      <view key={`FilterItem-${index}`} onClick={CutFilter(item)}>
+                        <text>{item.name}</text>
+                        {
+                          CurrentFilterMenuId === item.id &&
+                          <Image mode='widthFix' src={require('../../../assets/findHouse-icon1.png')}></Image>
+                        }
+                      </view>
+                    ))
+                  }
+                </view>
+              </view>
+
+              <view className='List'>
+                {
+                  PageList.map((item, index) => (
+                    <ResidentListItem Data={item} key={`ResidentListItem-${index}`}></ResidentListItem>
+                  ))
+                }
+              </view>
+
+              {/* bottom */}
+              <view className='PageBottom'>
+                <text>已经到底了~</text>
+              </view>
+
+            </view>
+          </ScrollView>
+        </view>
+      </view>
+
+    </view>
+  )
+})

src/pages/mine/residentManager/index.scss

@@ -0,0 +1,118 @@
+.Page.residentManager {
+  background: #fff;
+  position: relative;
+  overflow: hidden;
+  >.Search {
+    padding: 0 50px 20px;
+    position: relative;
+    overflow: hidden;
+    margin-top: 20px;
+    >view {
+      position: relative;
+      overflow: hidden;
+      background: #f8f8f8;
+      border-radius: 44px;
+      text-align: center;
+      font-size: 0;
+      white-space: nowrap;
+      >text {
+        display: inline-block;
+        vertical-align: middle;
+        font-size: 20px;
+        color: #999;
+        margin-left: 8px;
+        line-height: 44px;
+        &:first-child {
+          margin-left: 0;
+          font-size: 28px;
+        }
+      }
+    }
+  }
+  > .flex-item {
+    position: relative;
+    overflow: hidden;
+    > view {
+      width: 100%;
+      position: absolute;
+      left: 0;
+      top: 0;
+      bottom: 0;
+      > scroll-view {
+        width: 100%;
+        height: 100%;
+        .PageContent {
+          position: relative;
+          overflow: hidden;
+          min-height: 100vh;
+          >.Filter {
+            padding: 0 30px;
+            position: relative;
+            overflow: hidden;
+            >text {
+              display: block;
+              font-size: 34px;
+              color: #333;
+              font-weight: bold;
+              line-height: 1;
+            }
+            >view {
+              font-size: 0;
+              >view {
+                display: inline-block;
+                vertical-align: middle;
+                width: 194px;
+                font-size: 0;
+                white-space: nowrap;
+                margin-left: 48px;
+                border-radius: 4px;
+                border: 2px solid #193C83;
+                box-sizing: border-box;
+                margin-top: 28px;
+                text-align: center;
+                position: relative;
+                overflow: hidden;
+                &:nth-child(3n + 1) {
+                  margin-left: 0;
+                }
+                >text {
+                  display: inline-block;
+                  font-size: 30px;
+                  font-weight: bold;
+                  line-height: 80px;
+                  color: #333;
+                }
+                >image {
+                  display: block;
+                  width: 36px;
+                  height: 36px;
+                  position: absolute;
+                  right: -2px;
+                  bottom: -2px;
+                }
+              }
+            }
+          }
+          > .List {
+            padding: 0 30px;
+            > 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/statCustomer/index.config.js

@@ -0,0 +1,3 @@
+export default {
+  navigationBarTitleText: '盘客工具'
+}

src/pages/mine/statCustomer/index.jsx

@@ -0,0 +1,51 @@
+import React, { useState, useEffect } from 'react'
+import withLayout from '@/layout'
+import './index.scss'
+import '../../../assets/css/iconfont.css'
+import TransactedCustomer from '../components/TransactedCustomer/index'
+import FollowCustomer from '../components/FollowCustomer/index'
+
+export default withLayout((props) => {
+
+  // const [PageProps] = useState(props)
+  const [MenuList] = useState([
+    { name: '跟进客户', id: 1 },
+    { name: '成交客户', id: 2 }
+  ])
+  const [CurrentMenuId, setCurrentMenuId] = useState(1)
+
+  const CutMenu = (item) => {
+    return () => {
+      setCurrentMenuId(item.id)
+    }
+  }
+
+  return (
+    <view className='Page statCustomer flex-v'>
+
+      <view className='MenuList'>
+        <view>
+          {
+            MenuList.map((item, index) => (
+              <text key={`MenuItem-${index}`} className={CurrentMenuId === item.id ? 'active' : ''} onClick={CutMenu(item)}>{item.name}</text>
+            ))
+          }
+        </view>
+      </view>
+
+      <view className='flex-item'>
+        <view>
+          {
+            CurrentMenuId === 1 &&
+            <FollowCustomer></FollowCustomer>
+          }
+          {
+            CurrentMenuId === 2 &&
+            <TransactedCustomer></TransactedCustomer>
+          }
+        </view>
+      </view>
+
+    </view>
+  )
+})

src/pages/mine/statCustomer/index.scss

@@ -0,0 +1,62 @@
+.Page.statCustomer {
+  background: #fff;
+  position: relative;
+  overflow: hidden;
+  width: 100%;
+  height: 100vh;
+  >.MenuList {
+    position: relative;
+    overflow: hidden;
+    z-index: 2;
+    padding: 0 50px;
+    >view {
+      position: relative;
+      overflow: hidden;
+      text-align: center;
+      font-size: 0;
+      white-space: nowrap;
+      border-bottom: 2px solid rgba(0, 0, 0, 0.12);
+      >text {
+        display: inline-block;
+        font-size: 32px;
+        color: #666;
+        line-height: 40px;
+        margin-left: 80px;
+        vertical-align: middle;
+        padding: 20px 0;
+        position: relative;
+        overflow: hidden;
+        &:first-child {
+          margin-left: 0;
+        }
+        &.active {
+          color: #333;
+          font-weight: 34px;
+          font-weight: bold;
+          &::after {
+            content: '';
+            width: 100%;
+            height: 4px;
+            background: #1A3B83;
+            display: block;
+            position: absolute;
+            left: 0;
+            bottom: 0;
+          }
+        }
+      }
+    }
+  }
+  > .flex-item {
+    position: relative;
+    overflow: hidden;
+    z-index: 1;
+    > view {
+      width: 100%;
+      position: absolute;
+      left: 0;
+      top: 0;
+      bottom: 0;
+    }
+  }
+}

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

@@ -0,0 +1,3 @@
+export default {
+  navigationBarTitleText: '确认到访'
+}

src/pages/mine/sureVisit/index.jsx

@@ -0,0 +1,71 @@
+import React, { useState, useEffect } from 'react'
+import withLayout from '@/layout'
+import './index.scss'
+import { ScrollView, Input } from '@tarojs/components'
+import '../../../assets/css/iconfont.css'
+
+export default withLayout((props) => {
+
+  // const [PageProps] = useState(props)
+
+  return (
+    <view className='Page sureVisit'>
+
+      <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'>
+              <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'>
+              <view className='UploadImg'>
+                <text className='iconfont icon-xiangji centerLabel'></text>
+              </view>
+            </view>
+          </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/sureVisit/index.scss

@@ -0,0 +1,77 @@
+.Page.sureVisit {
+  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;
+          }
+          >.UploadImg {
+            width: 120px;
+            height: 120px;
+            box-sizing: border-box;
+            border: 2px dashed #999;
+            border-radius: 8px;
+            position: relative;
+            overflow: hidden;
+            >text {
+              font-size: 50px;
+              color: #999;
+            }
+          }
+        }
+        >text {
+          font-size: 30px;
+        }
+      }
+      .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/tabData.js

@@ -38,7 +38,7 @@ const MineMenuList = {
       { name: '我的主页', icon: require('../../assets/mine-icon15.png'), router: '' },
       { name: '我的推广码', icon: require('../../assets/mine-icon14.png'), router: '' },
       { name: '客户分析', icon: require('../../assets/mine-icon5.png'), router: '' },
-      { name: '盘客工具', icon: require('../../assets/mine-icon6.png'), router: '' }
+      { name: '盘客工具', icon: require('../../assets/mine-icon6.png'), router: '/pages/mine/statCustomer/index' }
     ],
     [
       { name: '我的分享', icon: require('../../assets/mine-icon9.png'), router: '/pages/mine/myShare/index' },
@@ -55,7 +55,7 @@ const MineMenuList = {
   Resident: [ // 驻场管理
     [
       { name: '推荐客户', icon: require('../../assets/mine-icon8.png'), router: '/pages/mine/recommendUser/index' },
-      { name: '驻场管理', icon: require('../../assets/mine-icon17.png'), router: '' }
+      { name: '驻场管理', icon: require('../../assets/mine-icon17.png'), router: '/pages/mine/residentManager/index' }
     ],
     [
       { name: '我的客户', icon: require('../../assets/mine-icon11.png'), router: '/pages/mine/myCustomer/index' },

src/routes.js

@@ -212,6 +212,30 @@ const routes = [
     pkg: 'main',
     type: 'mine',
   },
+  {
+    name: '驻场管理',
+    page: 'pages/mine/residentManager/index',
+    pkg: 'main',
+    type: 'mine',
+  },
+  {
+    name: '确认到访',
+    page: 'pages/mine/sureVisit/index',
+    pkg: 'main',
+    type: 'mine',
+  },
+  {
+    name: '变更交易节点',
+    page: 'pages/mine/changeVisit/index',
+    pkg: 'main',
+    type: 'mine',
+  },
+  {
+    name: '盘客工具',
+    page: 'pages/mine/statCustomer/index',
+    pkg: 'main',
+    type: 'mine',
+  },
   {
     name: '意见反馈',
     page: 'pages/mine/feedBack/index',