feats

.eslintrc.js

@@ -2,6 +2,7 @@ module.exports = {
   "extends": ["taro/react"],
   "rules": {
     "react/jsx-uses-react": "off",
-    "react/react-in-jsx-scope": "off"
+    "react/react-in-jsx-scope": "off",
+    "import/first": ['error', 'DISABLE-absolute-first']
   }
 }

config/dev.js

@@ -4,8 +4,8 @@ module.exports = {
   },
   defineConstants: {
     // HOST: '"https://xlk.njyz.tech"',
-    HOST: '"https://www.newhousehold.cn"',
-    // HOST: '"http://192.168.89.147:8081"',
+    // HOST: '"https://www.newhousehold.cn"',
+    HOST: '"http://192.168.89.147:8081"',
 
     // WSS_HOST: '"wss://www.newhousehold.cn"',
     WSS_HOST: '"wss://xlk.njyz.tech"',

project.config.json

@@ -2,7 +2,7 @@
 	"miniprogramRoot": "dist/",
 	"projectname": "miniapp",
 	"description": "",
-	"appid": "wxc96058d57e77f373",
+	"appid": "wxe44244d1a5ea3364",
 	"setting": {
 		"urlCheck": false,
 		"es6": false,
@@ -91,6 +91,34 @@
 					"pathName": "pages/index/buildingDetail/index",
 					"query": "id=bf5d766943cfcc6b5814317340c8eefc",
 					"scene": null
+				},
+				{
+					"id": 5,
+					"name": "经纪人",
+					"pathName": "subpackages/pages/borker/agentRule/index",
+					"query": "",
+					"scene": null
+				},
+				{
+					"id": 6,
+					"name": "佣金规则",
+					"pathName": "subpackages/pages/borker/agreement/index",
+					"query": "",
+					"scene": null
+				},
+				{
+					"id": 7,
+					"name": "我的邀请",
+					"pathName": "subpackages/pages/borker/invitation/index",
+					"query": "",
+					"scene": null
+				},
+				{
+					"id": 8,
+					"name": "邀请列表",
+					"pathName": "subpackages/pages/borker/invitationlist/index",
+					"query": "",
+					"scene": null
 				}
 			]
 		}

src/constants/borker.js

@@ -0,0 +1,9 @@
+import { resolvePath } from "./api";
+
+// 全民经纪人
+
+// 佣金规则
+export const API_BK_AGREEMENT = resolvePath('bkAgreement')
+
+// 经纪人规则
+export const API_BK_AGENT_RULE = resolvePath('bkAgentRule')

src/routes.js

@@ -417,17 +417,44 @@ const routes = [
     pkg: 'main',
     type: 'other',
   },
-
+  {
+    name: '经纪人',
+    page: 'pages/borker/agentRule/index',
+    pkg: 'subpackages',
+    type: 'other',
+    auth: ['phone', 'avatar'],
+  },
+  {
+    name: '佣金规则',
+    page: 'pages/borker/agreement/index',
+    pkg: 'subpackages',
+    type: 'other',
+    auth: ['phone', 'avatar'],
+  },
+  {
+    name: '我的邀请',
+    page: 'pages/borker/invitation/index',
+    pkg: 'subpackages',
+    type: 'other',
+    auth: ['phone', 'avatar'],
+  },
+  {
+    name: '邀请列表',
+    page: 'pages/borker/invitationlist/index',
+    pkg: 'subpackages',
+    type: 'other',
+    auth: ['phone', 'avatar'],
+  }
 ]
 
 /**
  * 获取 app pages 列表
  */
-function getPages() {
+function getPages () {
   const grp = routes.reduce((g, r) => {
     const { pkg, page } = r
     const pg = g[pkg] || []
-    
+
     return Object.assign(g, {
       [`${pkg}`]: pg.concat(page),
     })
@@ -439,7 +466,7 @@ function getPages() {
       root: key,
       pages: grp[key],
     })
-  }),[])
+  }), [])
 
 
   return {

src/services/borker.js

@@ -0,0 +1,12 @@
+import { fetch } from '@/utils/request'
+
+import {
+  API_BK_AGREEMENT,
+} from '@/constants/borker'
+
+
+/**
+ * 获取佣金数据
+ * @param {*} id
+ */
+export const queryBkAgreement = (payload) => fetch({ url: `${API_BK_AGREEMENT}`, payload })

src/subpackages/pages/borker/agentRule/index.config.js

@@ -0,0 +1,4 @@
+export default {
+  navigationBarTitleText: '全名经纪人',
+  disableScroll: false
+}

src/subpackages/pages/borker/agentRule/index.jsx

@@ -0,0 +1,21 @@
+import withLayout from '@/layout'
+import { ScrollView, View, Image, Text, RichText } from '@tarojs/components'
+import './index.scss'
+
+const defaultRuleImage = 'https://xlk-assets.oss-cn-shanghai.aliyuncs.com/miniapp/borker/%E5%85%A8%E6%B0%91%E7%BB%8F%E7%BA%AA%E4%BA%BA.png'
+export default withLayout(() => {
+  const value = '<p>一、给钱</p ><p>二、还是给钱</p ><p>三、就问你要不要？<br/></p>';
+  return (
+    <ScrollView className='Page borker-page' style={{ height: '100vh' }} scrollY>
+      <Image mode='heightFix' className='img-set' src={defaultRuleImage} />
+      <View className='borker-padding'>
+        <View>
+          <Text>邀请奖励说明</Text>
+          <View>
+            <RichText nodes={value}></RichText>
+          </View>
+        </View>
+      </View>
+    </ScrollView>
+  )
+})

src/subpackages/pages/borker/agentRule/index.scss

@@ -0,0 +1,26 @@
+.Page.borker-page{
+  .img-set{
+     width: 100vw;
+     display:block;
+    }
+  .borker-padding{
+    background-color: #49A8C1;
+    padding: 6rpx 30rpx 24rpx 30rpx;
+    >view{
+      padding: 39rpx 48rpx 80rpx 42rpx;
+      font-size: 34rpx;
+      border-radius: 40rpx;
+      background-color: #FFF;
+      >text{
+        font-family: DengXian;
+        font-weight: 400;
+        color: #333333;
+        margin: 60rpx 194rpx 0 201rpx;
+      }
+      >view{
+        margin-top: 39rpx;
+      }
+    }
+  }
+}
+

src/subpackages/pages/borker/agreement/index.config.js

@@ -0,0 +1,3 @@
+export default {
+  navigationBarTitleText: '佣金规则'
+}

src/subpackages/pages/borker/agreement/index.jsx

@@ -0,0 +1,40 @@
+import withLayout from '@/layout'
+import Taro from '@tarojs/taro'
+import { ScrollView, View, RichText } from '@tarojs/components'
+import { useEffect, useState } from 'react'
+import { queryBkAgreement } from "@/services/borker";
+
+import './index.scss'
+
+export default withLayout((props) => {
+  const { buildingId } = props.router.params;
+
+  const [data, setData] = useState({})
+
+  const getDetail = (params) => {
+    Taro.showLoading();
+
+    queryBkAgreement(params).then((res) => {
+
+      setData(res.records[0]);
+      Taro.hideLoading();
+    });
+  };
+
+  useEffect(() => {
+    if (buildingId) {
+      getDetail({ buildingId });
+    }
+  }, [buildingId])
+
+  return (
+    <ScrollView className='Page commission' scrollY>
+      <View className='agreement-wrapper'>
+        <View className='agreement-wrapper-content'>
+          <View className='agreement-wrapper-title'>佣金规则</View>
+          <RichText nodes={data.content}></RichText>
+        </View>
+      </View>
+    </ScrollView>
+  )
+})

src/subpackages/pages/borker/agreement/index.scss

@@ -0,0 +1,26 @@
+.agreement-wrapper {
+  height: 100%;
+  background-color: #FF7F5F;
+  background-image: url(https://xlk-assets.oss-cn-shanghai.aliyuncs.com/miniapp/borker/%E4%BD%A3%E9%87%91%E8%A7%84%E5%88%991.png), url(https://xlk-assets.oss-cn-shanghai.aliyuncs.com/miniapp/borker/%E4%BD%A3%E9%87%91%E8%A7%84%E5%88%992.png);
+  background-size: contain, contain;
+  background-position: center top, center bottom;
+  background-repeat: no-repeat, no-repeat;
+  padding-top: 350rpx;
+  box-sizing: border-box;
+
+  &-title {
+    text-align: center;
+    font-weight: bold;
+    font-size: 34rpx;
+    margin-bottom: 2em;
+  }
+
+  &-content {
+    background-color: #FFF;
+    border-radius: 40px;
+    width: calc(100% - 4em);
+    margin: 0 2em;
+    padding: 2em;
+    box-sizing: border-box;    
+  }
+}

src/subpackages/pages/borker/index.config.js

@@ -0,0 +1,3 @@
+export default {
+  navigationBarTitleText: '全名经纪人'
+}

src/subpackages/pages/borker/invitation/BottomAction.jsx

@@ -0,0 +1,29 @@
+
+import { Button, View, Navigator } from '@tarojs/components'
+
+import './index.scss'
+
+export default (props) => {
+
+  return (
+    <View className='invitation-bottom'>
+      <View className='Btn'>
+        <Button>海报分享</Button>
+      </View>
+      <View className='Btn'>
+        <Button className='default'>链接转发</Button>
+      </View>
+      <View className='invitation-bottom-links'>
+        <View>
+          <Navigator url=''>邀请规则</Navigator>
+        </View>
+        <View>
+          <Navigator url=''>我的邀请</Navigator>
+        </View>
+        <View>
+          <Navigator url=''>邀请排行</Navigator>
+        </View>
+      </View>
+    </View>
+  )
+}

src/subpackages/pages/borker/invitation/index.config.js

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

src/subpackages/pages/borker/invitation/index.jsx

@@ -0,0 +1,17 @@
+import withLayout from '@/layout'
+import { Image, View } from '@tarojs/components'
+import './index.scss'
+
+
+import BottomAction from './BottomAction'
+
+const defaultImage = 'https://xlk-assets.oss-cn-shanghai.aliyuncs.com/miniapp/borker/%E6%B5%B7%E6%8A%A5.png'
+
+export default withLayout(() => {
+  return (
+    <View className='invitation-iframe'>
+      <Image className='invitation-img' mode='widthFix' src={defaultImage} />
+      <BottomAction />
+    </View>
+  )
+})

src/subpackages/pages/borker/invitation/index.scss

@@ -0,0 +1,61 @@
+.invitation-iframe{
+  display: inline-block;
+  position: relative;
+  .invitation-img{
+    position: absolute;
+    width: 100vw;
+  }
+  
+  .invitation-bottom {
+    width: 100%;
+    position: fixed;
+    bottom: 0;
+    z-index: 2;
+    padding: 0 40rpx 90rpx 40rpx;
+    box-sizing: border-box;
+
+    &-links {
+      margin-top: 60rpx;
+      display: flex;
+      justify-content: space-between;
+      font-size: 32px;
+      color: #193C83;
+      
+      & > view {
+        text-align: center;
+        flex: 1;
+
+        & + view {
+          border-left: 1rpx solid rgba(25, 60, 131, 0.2);
+        }
+      }
+    }
+  }
+
+  
+  .Btn {
+    position: relative;
+    overflow: hidden;
+
+    & + .Btn {
+      margin-top: 40rpx;
+    }
+    
+    .default {
+      border: 2px solid #193C83;
+      background: #FFF;
+      color: #193c83;
+    }
+
+    > button {
+      display: block;
+      text-align: center;
+      font-size: 32px;
+      line-height: 92px;
+      background: #193c83;
+      color: #fff;
+      font-weight: bold;
+      border-radius: 92px;
+    }
+  }
+}

src/subpackages/pages/borker/invitationlist/index.config.js

@@ -0,0 +1,5 @@
+export default {
+  navigationBarTitleText: '邀请列表',
+  navigationBarBackgroundColor: '#4A2FA0',
+  navigationBarTextStyle: 'white'
+}

src/subpackages/pages/borker/invitationlist/index.jsx

@@ -0,0 +1,26 @@
+import withLayout from '@/layout'
+import Taro from '@tarojs/taro'
+import { View, Image, Text } from '@tarojs/components'
+
+import './index.scss'
+
+export default withLayout(() => {
+  const img1 = 'https://xlk-assets.oss-cn-shanghai.aliyuncs.com/miniapp/borker/%E9%82%80%E8%AF%B7%E5%A5%96%E5%8A%B1.png';
+  const img2 = 'https://xlk-assets.oss-cn-shanghai.aliyuncs.com/miniapp/borker/%E9%82%80%E8%AF%B7%E6%B3%A8%E5%86%8C%E6%A6%9C.png';
+  const defaultRuleImage = 'https://xlk-assets.oss-cn-shanghai.aliyuncs.com/miniapp/borker/%E5%85%A8%E6%B0%91%E7%BB%8F%E7%BA%AA%E4%BA%BA.png'
+  return (
+    <View className='invitationlist-background'>
+      <View className='invitationlist-font'>总邀请人数</View><View className='invitationlist-font-right'><Image className='invitationlist-img' mode='widthFix' src={img1} />邀请奖励</View>
+      <View className='invitationlist-background-2'>
+        <View className='invitationlist-font-tl'>240</View><View className='invitationlist-font-right-t'><Image className='invitationlist-img' mode='widthFix' src={img2} />邀请注册榜</View>
+      </View>
+      <View className='invitationlist-view-1'>更新时间:&nbsp;<View className='invitationlist-view'>2022-07-22</View>&nbsp;<View className='invitationlist-view'>12:00:00</View></View>
+      <View className='invitationlist-view-list'>
+        <View className='invitationlist-img-frame'><Image className='invitationlist-img-head' src={defaultRuleImage} /></View>
+        <View className='invitationlist-view-list-ifr'><Text className='invitationlist-text-1'>阿三三</Text><Text className='invitationlist-text'>0</Text><Text className='invitationlist-text'>0</Text><Text className='invitationlist-time'>2022/07/26</Text></View>
+        <View className='invitationlist-view-list-ifr-t'><Text className='invitationlist-text-t1'>16787659987</Text><Text className='invitationlist-text-t'>客户（组）</Text><Text className='invitationlist-text-t'>成交（组）</Text><Text className='invitationlist-time-t'>12:00</Text></View>
+        <View className='invitationlist-border'></View>
+      </View>
+    </View>
+  )
+})

src/subpackages/pages/borker/invitationlist/index.scss

@@ -0,0 +1,135 @@
+.invitationlist-background{
+  height: 100%;
+  display: inline-block;
+  background-color: #4A2FA0;
+  padding-top: 80rpx;
+  box-sizing: border-box;
+  .invitationlist-font{
+    letter-spacing:4rpx;
+    padding-left: 60rpx;
+    box-sizing: border-box;
+    display: inline-block;
+    font-size: 28px;
+    color: #FFF;
+  }
+  .invitationlist-img{
+    width: 28rpx;
+    margin-right:16rpx;
+    display: inline-block;
+  }
+  .invitationlist-font-right{
+    letter-spacing:4rpx;
+    margin-right: 60rpx;
+    float: right;
+    font-size: 28px;
+    color: #FFF;
+  }
+  .invitationlist-background-2{
+    display: inline-block;
+    padding: 44rpx 0 80rpx 0;
+    box-sizing: border-box;
+    width: 100%;
+    .invitationlist-font-tl{
+      letter-spacing:2rpx;
+      padding-left: 60rpx;
+      box-sizing: border-box;
+      display: inline-block;
+      color: #FFF;
+      font-size: 48px;
+    }
+    .invitationlist-font-right-t{
+      letter-spacing:4rpx;
+      margin-right: 30rpx;
+      float: right;
+      color: #FFF;
+      font-size: 28px;
+    }
+  }
+  .invitationlist-view-1{
+    letter-spacing:4rpx;
+    padding-left: 60rpx;
+    box-sizing: border-box;
+    display: inline-block;
+    font-size: 20rpx;
+    color: #FFF;
+    .invitationlist-view{
+      letter-spacing:4rpx;
+      display: inline-block;
+      font-size: 20rpx;
+      color: #FFF;
+    }
+  }
+  .invitationlist-view-list{
+    height: 150rpx;
+    width: 100%;
+    display: inline-block;
+    margin-top: 52rpx;
+    border-radius: 40rpx 40rpx 0 0;
+    background-color: #FFF;
+    padding: 20rpx 30rpx 0;
+    box-sizing: border-box;
+    border-bottom: 1rpx solid rgba(25, 60, 131, 0.2);
+    .invitationlist-img-frame{
+      margin: 30rpx 14rpx 0 2rpx;
+      width: 66rpx;
+      height: 66rpx;
+      border-radius: 50%;
+      display: inline-block;
+    .invitationlist-img-head{
+      border-radius: 50%;
+      width: 66rpx;
+      height: 66rpx;
+      display: inline-block;
+    }
+  }
+    .invitationlist-view-list-ifr{
+      position: relative;
+      bottom: 44rpx;
+      display: inline-block;
+      width: 600rpx;
+      .invitationlist-text{
+        padding-right: 100rpx;
+        box-sizing: border-box;
+        font-size: 28rpx;
+      }
+      .invitationlist-text-1{
+        padding-right: 170rpx;
+        box-sizing: border-box;
+        font-size: 28rpx;
+      }
+      .invitationlist-time{
+        font-size: 20rpx;
+      }
+    }
+    .invitationlist-view-list-ifr-t{
+       position: relative;
+       left: 80rpx;
+       bottom: 50rpx;
+      display: inline-block;
+      width: 600rpx;
+      .invitationlist-text-t{
+        padding-right: 30rpx;
+        box-sizing: border-box;
+        font-size: 20rpx;
+        color: #666;
+      }
+      .invitationlist-text-t1{
+        padding-right: 74rpx;
+        box-sizing: border-box;
+        font-size: 24rpx;
+      }
+      .invitationlist-time-t{
+        padding-left: 26rpx;
+        box-sizing: border-box;
+        font-size: 20rpx;
+      }
+    }
+    .invitationlist-border{
+      position: relative;
+      bottom: 20rpx;
+      width: 690rpx;
+      border-bottom: 1rpx solid rgba(25, 60, 131, 0.2);
+    }
+  }
+  
+}