fang

config/dev.js

@@ -3,10 +3,18 @@ module.exports = {
     NODE_ENV: '"development"'
   },
   defineConstants: {
+<<<<<<< HEAD
     // HOST: '"https://xlk.njyz.tech"',
     // HOST: '"https://www.newhousehold.cn"',
     HOST: '"http://192.168.89.147:8081"',
 
+=======
+    HOST: '"https://xlk.njyz.tech"',
+    // HOST: '"https://www.newhousehold.cn"',
+    // HOST: '"http://192.168.89.147:8081"',
+    // HOST: '"http://localhost:8081"',
+   
+>>>>>>> 081381f11d051ff0fcc56e6285fe77388694e23c
     // WSS_HOST: '"wss://www.newhousehold.cn"',
     WSS_HOST: '"wss://xlk.njyz.tech"',
     OSS_PATH: '"https://xlk-assets.oss-cn-shanghai.aliyuncs.com/"',

src/constants/user.js

@@ -16,6 +16,7 @@ export const ROLE_CODE = {
   DRIFT: 'drift', // 游客
   CUSTOMER: 'customer', // 客户
   MARKETING: 'marketing', // 驻场
+  BORKER: 'borker', // 全民经纪人(新联家)
 }
 
 // 客户流转状态

src/pages/index/components/NewestNnews/index.jsx

@@ -0,0 +1,53 @@
+import { useState, useEffect } from "react";
+import { useSelector } from "react-redux";
+import Taro from "@tarojs/taro";
+import { queryActivityList } from "@/services/activity";
+import { Swiper, SwiperItem, Block } from "@tarojs/components";
+import "@/assets/css/iconfont.css";
+import "./index.scss";
+
+export default function HotRecommend(props) {
+  const { change = () => {} } = props;
+  const city = useSelector((state) => state.city);
+  const [CurrentId, setCurrentId] = useState("dymic");
+  const [list, setList] = useState([[], []]);
+  const [CurrentContentInfo, setCurrentContentInfo] = useState({});
+
+  useEffect(() => {
+    if (city.curCity.name) {
+      GetRecommendActivity();
+    }
+  }, [city]);
+
+  const GetRecommendActivity = () => {
+    // queryActivityList({ home: 1, cityId: city.curCity.id, type: 'dymic' }).then((res) => {
+    //   const resArr = res.records || []
+    //   queryActivityList({ home: 1, cityId: city.curCity.id, type: 'house' }).then((subRes) => {
+    //     const subResArr = subRes.records || []
+    //     setList([resArr || [], subResArr || []])
+    //     change(resArr.length || subResArr.length)
+    //   })
+    // })
+  };
+
+  return (
+    <view className="components NewestNnews">
+      <view className="content">
+        <view className="icon">
+          <text className="iconfont icon-shoucang"></text>
+        </view>
+        <view className="newstype">成交喜报</view>
+        <view className="newstext">
+          <text
+            className="looptext"
+            style={{ animation: "10s loop linear infinite normal" }}
+          >
+            <text>2222222222222222233333333333333333333333</text>
+            <text>9999999996666666666666665555555555555544</text>
+            <text>5548888888888888888777773333333333333222</text>
+          </text>
+        </view>
+      </view>
+    </view>
+  );
+}

src/pages/index/components/NewestNnews/index.scss

@@ -0,0 +1,63 @@
+.components.NewestNnews {
+  position: relative;
+  overflow: visible;
+  padding: 0 30px;
+  margin-top: 40px;
+
+  .content {
+    box-sizing: border-box;
+    padding: 13px 20px;
+    // height: 166px;
+    position: relative;
+    // overflow: hidden;
+
+    background: rgba(25, 60, 131, 0.08);
+
+    border-radius: 8px;
+    font-size: 28px;
+    display: flex;
+    .icon {
+      width: 50px;
+      > text {
+        font-size: 44px;
+      }
+    }
+    .newstype{
+      width: 150px;
+    }
+    .newstext {
+      overflow: hidden;
+      width: 500px;
+      .looptext {
+        display: inline-block;
+         text {
+          margin-right: 10px;
+        }
+      }
+    }
+  }
+}
+
+@keyframes loop {
+  0% {
+    transform: translateX(350px);
+    -webkit-transform: translateX(350px);
+  }
+
+  100% {
+    transform: translateX(-100%);
+    -webkit-transform: translateX(-100%);
+  }
+}
+
+@-webkit-keyframes loop {
+  0% {
+    transform: translateX(300px);
+    -webkit-transform: translateX(300px);
+  }
+
+  100% {
+    transform: translateX(-100%);
+    -webkit-transform: translateX(-100%);
+  }
+}

src/pages/index/index.jsx

@@ -17,6 +17,7 @@ import Location from './components/Location/index'
 import Banner from './components/Banner/index'
 import Menu from './components/Menu/index'
 import HotRecommend from './components/HotRecommend/index'
+import NewestNnews from './components/NewestNnews/index'
 import LiveSale from './components/LiveSale/index'
 import ColumnTitle from './components/ColumnTitle/index'
 import useIndexShareContent from './useIndexShareContent'
@@ -33,6 +34,7 @@ export default withLayout((props) => {
   const [BannerList, setBannerList] = useState([])
   const [ProjectList, setProjectList] = useState([])
   const [ShowHotRecommend, setShowHotRecommend] = useState(false)
+  const [ShowNewestNnews, setShowNewestNnews] = useState(false)
   const [ShowLive, setShowLive] = useState(false)
   const shareContent = useIndexShareContent(miniApp, paramsRef, router)
   
@@ -57,7 +59,11 @@ export default withLayout((props) => {
   const HotRecommendChange = (e) => {
     setShowHotRecommend(e)
   }
-
+  
+  const NewestNnewsChange = (e) => {
+    setShowNewestNnews(e)
+  }
+  
   const LiveChange = (e) => {
     setShowLive(e)
   }
@@ -111,6 +117,12 @@ export default withLayout((props) => {
             <Menu></Menu>
           </view>
 
+           {/* 最新动态 */}
+           <view className='NewestNnews' style={{display: ShowNewestNnews ? 'block' : 'block'}}>
+            {/* <ColumnTitle Name='热门推荐' Icon='icon-shoucang'></ColumnTitle> */}
+            <NewestNnews change={NewestNnewsChange}></NewestNnews>
+          </view>
+          
           {/* 热门推荐 */}
           <view className='HotRecommend' style={{display: ShowHotRecommend ? 'block' : 'none'}}>
             <ColumnTitle Name='热门推荐' Icon='icon-shoucang'></ColumnTitle>

src/pages/index/index.scss

@@ -38,6 +38,9 @@
         position: relative;
         overflow: hidden;
       }
+      >.NewestNnews {
+        margin-top: -20px;
+      }
       >.HotRecommend {
         margin-top: -20px;
       }

src/pages/mine/index.jsx

@@ -29,13 +29,13 @@ export default withLayout(() => {
     if (user?.userInfo?.person?.personId) {
       console.log(city)
       const person = user.userInfo.person
-      setUserRole(person.personType === ROLE_CODE.CHANNEL_AGENT ? 2 : person.personType === ROLE_CODE.CONSULTANT ? 3 : person.personType === ROLE_CODE.MARKETING ? 4 : 1)
+      setUserRole(person.personType === ROLE_CODE.CHANNEL_AGENT ? 2 : person.personType === ROLE_CODE.CONSULTANT ? 3 : person.personType === ROLE_CODE.MARKETING ? 4 :ROLE_CODE.BORKER ? 5 : 1)
     }
   }, [user])
 
   useEffect(() => {
     if (UserRole !== null) {
-      setMenuList(UserRole === 1 ? MineMenuList.User : UserRole === 2 ? MineMenuList.Broker : UserRole === 3 ? MineMenuList.Adviser : MineMenuList.Resident)
+      setMenuList(UserRole === 1 ? MineMenuList.User : UserRole === 2 ? MineMenuList.Broker : UserRole === 3 ? MineMenuList.Adviser : UserRole === 5? MineMenuList.Broker: MineMenuList.Resident)
     }
   }, [UserRole])
 
@@ -81,11 +81,33 @@ export default withLayout(() => {
                   <view>
                     <text>{user?.userInfo?.person?.nickname}</text>
                     <view>
-                      <text className='iconfont icon-bianji' onClick={() => { Taro.navigateTo({ url: `/pages/mine/userInfo/index` }) }}></text>
-                      <text onClick={() => { Taro.navigateTo({ url: `/pages/mine/userInfo/index` }) }}>个人信息资料修改</text>
+                      <text className='iconfont icon-bianji' onClick={() => {  
+                        if (UserRole === 5) {
+                            Taro.navigateTo({
+                              url: `/subpackages/pages/borker/toBeBorker/index`,
+                            });
+                          } else {
+                            Taro.navigateTo({
+                              url: `/pages/mine/userInfo/index`,
+                            });
+                          }
+                        }}
+                      ></text>
+                      <text onClick={() => {
+                          if (UserRole === 5) {
+                            Taro.navigateTo({
+                              url: `/subpackages/pages/borker/toBeBorker/index`,
+                            });
+                          } else {
+                            Taro.navigateTo({
+                              url: `/pages/mine/userInfo/index`,
+                            });
+                          }
+                        }}
+                      >个人信息资料修改</text>
                     </view>
                   </view>
-                  <text className='Role'>{UserRole === 1 ? '客户' : UserRole === 2 ? '合伙人' : UserRole === 3 ? '置业顾问' : '驻场管理'}</text>
+                  <text className='Role'>{UserRole === 1 ? '客户' : UserRole === 2 ? '合伙人' : UserRole === 3 ? '置业顾问' :UserRole === 5 ?'全民经纪人' :'驻场管理'}</text>
                   {/* <text className='New'>NEW</text> */}
                   <Image mode='heightFix' src={require('@/assets/mine-icon35.png')} className='New'></Image>
                 </view>

src/pages/mine/tabData.js

@@ -19,27 +19,37 @@ const MineMenuList = {
     [
       { name: '成为驻场管理', icon: require('@/assets/mine-icon8.png'), router: '/pages/mine/toBeManager/index' },
       { name: '成为置业顾问', icon: require('@/assets/mine-icon4.png'), router: 'propertyConsultant' },
-      { name: '成为合伙人', icon: require('@/assets/mine-icon2.png'), router: '/pages/mine/toBeAgent/index' }
+      { name: '成为合伙人', icon: require('@/assets/mine-icon2.png'), router: '/pages/mine/toBeAgent/index' },
+      { name: '成为全民经纪人', icon: require('@/assets/mine-icon2.png'), router: '/subpackages/pages/borker/toBeBorker/index' }
     ]
   ],
   Broker: [ // 经纪人
     [
-      { name: '报备客户', icon: require('@/assets/mine-icon1.png'), router: '/pages/mine/addCustomer/index?type=estateAgent' },
-      { name: '合作渠道', icon: require('@/assets/mine-icon3.png'), router: '/subpackages/pages/channel/partnerChannel/index' }
+      { name: '我的钱包', icon: require('@/assets/mine-icon1.png'), router: '/pages/mine/addCustomer/index?type=estateAgent' },
+      { name: '我的客户', icon: require('@/assets/mine-icon1.png'), router: '/pages/mine/addCustomer/index?type=estateAgent' },
+      { name: '我的资料', icon: require('@/assets/mine-icon1.png'), router: '/pages/mine/addCustomer/index?type=estateAgent' },
+      { name: '我的消息', icon: require('@/assets/mine-icon1.png'), router: '/pages/mine/addCustomer/index?type=estateAgent' },
+      { name: '我邀请的全民经纪人', icon: require('@/assets/mine-icon1.png'), router: '/pages/mine/addCustomer/index?type=estateAgent' },
     ],
     [
-      { 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: '/pages/mine/myCourse/index' },
-      { name: '我的收藏', icon: require('@/assets/mine-icon13.png'), router: '/pages/mine/myCollect/index' }
-    ],
-    [
-      { name: '成为驻场管理', icon: require('@/assets/mine-icon8.png'), router: '/pages/mine/toBeManager/index' },
+
       { name: '房贷计算器', icon: require('@/assets/mine-icon4.png'), router: '/pages/mine/mortgageCalc/index' },
       { name: '购房百科', icon: require('@/assets/mine-icon2.png'), router: '/pages/index/encyclopediasOfBuyHouse/index' },
       { name: '意见反馈', icon: require('@/assets/mine-icon16.png'), router: '/pages/mine/feedBack/index' }
     ]
+    // [
+    //   { 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: '/pages/mine/myCourse/index' },
+    //   { name: '我的收藏', icon: require('@/assets/mine-icon13.png'), router: '/pages/mine/myCollect/index' }
+    // ],
+    // [
+    //   { name: '成为驻场管理', icon: require('@/assets/mine-icon8.png'), router: '/pages/mine/toBeManager/index' },
+    //   { name: '房贷计算器', icon: require('@/assets/mine-icon4.png'), router: '/pages/mine/mortgageCalc/index' },
+    //   { name: '购房百科', icon: require('@/assets/mine-icon2.png'), router: '/pages/index/encyclopediasOfBuyHouse/index' },
+    //   { name: '意见反馈', icon: require('@/assets/mine-icon16.png'), router: '/pages/mine/feedBack/index' }
+    // ]
   ],
   Adviser: [ // 置业顾问
     [

src/routes.js

@@ -418,6 +418,7 @@ const routes = [
     type: 'other',
   },
   {
+<<<<<<< HEAD
     name: '经纪人',
     page: 'pages/borker/agentRule/index',
     pkg: 'subpackages',
@@ -445,6 +446,14 @@ const routes = [
     type: 'other',
     auth: ['phone', 'avatar'],
   }
+=======
+    name: '全民经纪人',
+    page: 'pages/borker/toBeBorker/index',
+    pkg: 'subpackages',
+    type: 'other',
+  },
+  
+>>>>>>> 081381f11d051ff0fcc56e6285fe77388694e23c
 ]
 
 /**

src/subpackages/pages/borker/components/CardItem/index.jsx

@@ -0,0 +1,22 @@
+import { useState, useEffect } from "react";
+import Taro from "@tarojs/taro";
+
+import "./index.scss";
+
+export default (props) => {
+  const { title,addCard } = props;
+
+  return (
+    <view className="CardItem">
+      <view>
+        <text>{title}</text>
+        <view className="FormLine flex-h">
+          <view className="flex-item">12321312312</view>
+        </view>
+        <view className="FormLine flex-additem-h">
+          <view className="flex-additem" onClick={()=>addCard()} >添加证件</view>
+        </view>
+      </view>
+    </view>
+  );
+};

src/subpackages/pages/borker/components/CardItem/index.scss

@@ -0,0 +1,95 @@
+.CardItem {
+  background: #f4f4f4;
+  display: grid;
+  > view {
+    background: #fff;
+margin-top: 20px;
+    > text {
+      font-size: 34px;
+      font-weight: bold;
+
+      color: #333;
+      display: block;
+      text-indent: 40px;
+      margin-top: 30px;
+    }
+    > .flex-h {
+      box-sizing: border-box;
+      padding: 20px 40px;
+      border-bottom: 2px solid rgba(0, 0, 0, 0.12);
+      margin-top: 10px;
+      align-items: center;
+      > view {
+        > .Icon {
+          width: 92px;
+          height: 92px;
+          position: relative;
+          overflow: hidden;
+          border-radius: 100%;
+          background: #eee;
+          > image {
+            width: 100%;
+            height: 100%;
+          }
+        }
+        > input {
+          display: block;
+          width: 100%;
+          background: none;
+          font-size: 26px;
+          line-height: 40px;
+          height: 40px;
+        }
+        > textarea {
+          font-size: 26px;
+          display: block;
+          width: 100%;
+        }
+        > text {
+          display: block;
+          width: 100%;
+          background: none;
+          font-size: 26px;
+          line-height: 40px;
+          height: 40px;
+        }
+      }
+      >.flex-additem{
+        text-align: center;
+      }
+      > text {
+        font-size: 30px;
+      }
+    }
+
+    > .flex-additem-h {
+      box-sizing: border-box;
+      padding: 20px 40px;
+
+      margin-top: 10px;
+      align-items: center;
+      > view {
+        > .Icon {
+          width: 92px;
+          height: 92px;
+          position: relative;
+          overflow: hidden;
+          border-radius: 100%;
+          background: #eee;
+          > image {
+            width: 100%;
+            height: 100%;
+          }
+        }
+      
+      
+      }
+      >.flex-additem{
+        text-align: center;
+      }
+      > text {
+        font-size: 30px;
+      }
+    }
+  }
+}

src/subpackages/pages/borker/toBeBorker/AddBankCard/index.jsx

@@ -0,0 +1,52 @@
+import { useState, useEffect } from "react";
+import Taro from "@tarojs/taro";
+import { ScrollView, Input, Image, Block, Textarea } from '@tarojs/components'
+import "./index.scss";
+
+export default (props) => {
+  const { title,onChanel } = props;
+
+  const [FormData, setFormData] = useState({
+    name: '',
+    phone: '',
+    description: ''
+  })
+
+  const FormChange = (key, e) => {
+    let Data = { ...FormData }
+    Data[key] = e.detail.value
+    setFormData(Data)
+  }
+
+  return (
+    <view className="AddIdentityCard">
+    
+
+          <text>持卡人</text>
+          <view className='FormLine flex-h'>
+            <view className='flex-item'>
+              <Input placeholder='请输入用户名' value={FormData.name} onInput={FormChange.bind(this, 'name')}></Input>
+            </view>
+          </view>
+
+          <text>开户行</text>
+          <view className='FormLine flex-h'>
+            <view className='flex-item'>
+              <Input placeholder='请输入开户行' value={FormData.phone} onInput={FormChange.bind(this, 'phone')}></Input>
+            </view>
+          </view>
+
+          <text>银行卡号</text>
+          <view className='FormLine flex-h'>
+            <view className='flex-item'>
+              <Input placeholder='请输入银行卡号' value={FormData.phone} onInput={FormChange.bind(this, 'phone')}></Input>
+            </view>
+          </view>
+
+          <view className='Btn'>
+          <text >确定</text>
+          <text onClick={()=>onChanel()} >取消</text>
+        </view>
+    </view>
+  );
+};

src/subpackages/pages/borker/toBeBorker/AddBankCard/index.scss

@@ -0,0 +1,86 @@
+.AddIdentityCard {
+  width: 100vw;
+  height: 100vh;
+  // position: relative;
+  background: #ffffff;
+  position: absolute;
+  left: 0;
+  top: 0;
+  z-index: 10 ;
+  > 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 {
+      > .Icon {
+        width: 92px;
+        height: 92px;
+        position: relative;
+        overflow: hidden;
+        border-radius: 100%;
+        background: #eee;
+        > image {
+          width: 100%;
+          height: 100%;
+        }
+      }
+      > input {
+        display: block;
+        width: 100%;
+        background: none;
+        font-size: 26px;
+        line-height: 40px;
+        height: 40px;
+      }
+      > textarea {
+        font-size: 26px;
+        display: block;
+        width: 100%;
+      }
+      > text {
+        display: block;
+        width: 100%;
+        background: none;
+        font-size: 26px;
+        line-height: 40px;
+        height: 40px;
+      }
+    }
+    > text {
+      font-size: 30px;
+    }
+  }
+
+  .Btn {
+    padding: 0 40px;
+    position: absolute;
+    box-sizing: border-box;
+    width: 100vw;
+    left: 0;
+    bottom:20px;
+    z-index: 2;
+    margin-top: 20px;
+    display: flex;
+    justify-content: space-between;
+    >text {
+      display: block;
+      text-align: center;
+      font-size: 32px;
+      line-height: 92px;
+      background: #193C83;
+      color: #fff;
+      font-weight: bold;
+      border-radius: 92px;
+      width: 320px;
+    }
+  }
+}

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

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

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

@@ -0,0 +1,145 @@
+import { useState, useEffect } from 'react'
+import Taro from '@tarojs/taro'
+import { useSelector } from 'react-redux'
+import withLayout from '@/layout'
+import { ScrollView, Input, Image, Block, Textarea } from '@tarojs/components'
+import { getImgURL } from '@/utils/image'
+import { fetch, uploadFiles } from '@/utils/request'
+import { UPDATE_USER_INFO, ROLE_CODE } from '@/constants/user'
+import { API_EDIT_AGENT, API_UPDATE_PHOTO } from '@/constants/api'
+import store from '@/store'
+import CardItem from '../components/CardItem'
+import AddBankCard from './AddBankCard'
+
+import '@/assets/css/iconfont.css'
+import './index.scss'
+
+export default withLayout(() => {
+
+  const { dispatch } = store
+
+  const user = useSelector(state => state.user)
+  const [UserInfo, setUserInfo] = useState({})
+  const [UserRole, setUserRole] = useState(null) // 1-普通用户 2-经纪人 3-置业顾问 4-驻场管理 5-
+  const [FormData, setFormData] = useState({
+    name: '',
+    phone: '',
+    description: ''
+  })
+  const [showAddIdentityCard, setShowAddIdentityCard] = useState(false)
+  
+
+  useEffect(() => {
+    if (user?.userInfo?.person?.personId) {
+      const person = user.userInfo.person
+      setUserRole(person.personType === ROLE_CODE.CHANNEL_AGENT ? 2 : person.personType === ROLE_CODE.CONSULTANT ? 3 : person.personType === ROLE_CODE.MARKETING ? 4 : 1)
+    }
+  }, [user])
+
+  useEffect(() => {
+    setUserInfo(user?.userInfo?.person)
+    setFormData({ name: user?.userInfo?.person.name, phone: user?.userInfo?.person.phone, description: user?.userInfo?.person.description })
+  }, [user])
+
+  const Save = () => {
+    let params = ''
+    if(UserRole === 3) {
+      params = `name=${FormData.name}&phone=${FormData.phone}&description=${FormData.description}`
+    } else {
+      params = `name=${FormData.name}&phone=${FormData.phone}`
+    }
+    fetch({ url: `${API_EDIT_AGENT}?${params}`, method: 'put' }).then(() => {
+      Taro.showToast({
+        title: '修改成功',
+        icon: 'none'
+      })
+      dispatch({ type: UPDATE_USER_INFO, payload: { name: FormData.name, phone: FormData.phone, description: FormData.description } })
+      // login({ path: '', scene: '' })
+    })
+  }
+
+  const FormChange = (key, e) => {
+    let Data = { ...FormData }
+    Data[key] = e.detail.value
+    setFormData(Data)
+  }
+
+  const ToUploadImg = () => {
+    if (UserRole - 0 === 3) {
+      Taro.chooseImage({
+        count: 1,
+        success: function (res) {
+          if (res.errMsg === 'chooseImage:ok') {
+            Taro.showToast({ title: '正在上传...', icon: 'loading', mask: true, duration: 10000 })
+            uploadFiles(res.tempFilePaths).then((subRes) => {
+              fetch({ url: API_UPDATE_PHOTO, payload: { photoUrl: subRes[0] }, method: 'put' }).then(() => {
+                Taro.hideToast()
+                Taro.showToast({ title: '修改成功', icon: 'none', duration: 2000 })
+                dispatch({ type: UPDATE_USER_INFO, payload: { userPhoto: subRes[0] } })
+              })
+            })
+          }
+        }
+      })
+    }
+  }
+
+  return (
+    <view className='Page UserInfo'>
+
+      <ScrollView scroll-y>
+        <view className='PageContent'>
+
+          <text>头像</text>
+          <view className='FormLine flex-h' onClick={ToUploadImg}>
+            <view className='flex-item'>
+              <view className='Icon'>
+                <Image mode='aspectFill' src={getImgURL(UserInfo.userPhoto || UserInfo.avatarurl)}></Image>
+              </view>
+            </view>
+            {/* <text className='iconfont icon-jiantouright'></text> */}
+          </view>
+
+          <text>用户名</text>
+          <view className='FormLine flex-h'>
+            <view className='flex-item'>
+              <Input placeholder='请输入用户名' value={FormData.name} onInput={FormChange.bind(this, 'name')}></Input>
+            </view>
+          </view>
+
+          <text>手机号码</text>
+          <view className='FormLine flex-h'>
+            <view className='flex-item'>
+              <Input placeholder='请输入手机号码' value={FormData.phone} onInput={FormChange.bind(this, 'phone')}></Input>
+            </view>
+          </view>
+
+          <text>证件号码</text>
+          <view className='FormLine flex-h'>
+            <view className='flex-item'>
+              <Input placeholder='请输入证件号码' value={FormData.phone} onInput={FormChange.bind(this, 'phone')}></Input>
+            </view>
+          </view>
+
+
+          <CardItem title='银行卡号' addCard={()=>setShowAddIdentityCard(true)}></CardItem>
+          {/* <text>证件号码</text>
+          <view className='FormLine flex-h'>
+            <view className='flex-item'>
+              <Input placeholder='请输入手机号码' value={FormData.phone} onInput={FormChange.bind(this, 'phone')}></Input>
+            </view>
+          </view> */}
+
+        </view>
+
+        <view className='Btn'>
+          <text onClick={Save}>保存</text>
+        </view>
+      </ScrollView>
+
+
+{showAddIdentityCard&&  <AddBankCard onChange={(e)=>console.log(e)} onChanel={()=>setShowAddIdentityCard(false)}></AddBankCard>}
+
+    </view>
+  )
+})

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

@@ -0,0 +1,86 @@
+.Page.UserInfo {
+  background: #fff;
+  height: 100vh;
+  width: 100%;
+  > scroll-view {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    .PageContent {
+      position: relative;
+      overflow: hidden;
+      min-height: calc(100vh - 100px);
+      z-index: 1;
+      padding-bottom: 100px;
+      > 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 {
+          >.Icon {
+            width: 92px;
+            height: 92px;
+            position: relative;
+            overflow: hidden;
+            border-radius: 100%;
+            background: #eee;
+            >image {
+              width: 100%;
+              height: 100%;
+            }
+          }
+          > input {
+            display: block;
+            width: 100%;
+            background: none;
+            font-size: 26px;
+            line-height: 40px;
+            height: 40px;
+          }
+          >textarea {
+            font-size: 26px;
+            display: block;
+            width: 100%;
+          }
+          >text {
+            display: block;
+            width: 100%;
+            background: none;
+            font-size: 26px;
+            line-height: 40px;
+            height: 40px;
+          }
+        }
+        >text {
+          font-size: 30px;
+        }
+      }
+    }
+    .Btn {
+      padding: 0 40px;
+      position: relative;
+      overflow: hidden;
+      z-index: 2;
+      margin-top: 20px;
+      >text {
+        display: block;
+        text-align: center;
+        font-size: 32px;
+        line-height: 92px;
+        background: #193C83;
+        color: #fff;
+        font-weight: bold;
+        border-radius: 92px;
+      }
+    }
+  }
+}