zls

config/dev.js

@@ -9,8 +9,8 @@ module.exports = {
     // WSS_HOST: '"wss://dev.jinchengjiaye.com"',
     // HOST: '"https://lt.pawoma.cn"',
     // WSS_HOST: '"wss://lt.pawoma.cn"',
-    // HOST: '"http://192.168.0.131:8080"',
-    // WSS_HOST: '"ws://192.168.0.131:8080"',
+    HOST: '"http://192.168.0.72:8080"',
+    WSS_HOST: '"ws://192.168.0.72:8080"',
   },
   weapp: {},
   h5: {}

project.config.json

@@ -2,7 +2,7 @@
 	"miniprogramRoot": "dist/",
 	"projectname": "mini-chengjiao",
 	"description": "知与行",
-	"appid": "wxda1f84b79b3edeb3",
+	"appid": "wxd9ee3a9480a4e544",
 	"setting": {
 		"urlCheck": false,
 		"es6": false,

src/pages/person/index.js

@@ -94,9 +94,9 @@ export default class Person extends Component {
       case ROLE_CODE['CONSULTANT']:
         return [{ consultant: true }, '置业顾问']
       case ROLE_CODE['ESTATE_AGENT']:
-        return [{ isAgent: true }, '独立经纪人']
+        return [{ isAgent: true }, '专业经纪人']
       case ROLE_CODE['CHANNEL_AGENT']:
-        return [{ isAgent: true }, '渠道经纪人']
+        return [{ isAgent: true }, '专业经纪人']
       default:
         return [{ tourist: true }, '普通用户']
     }

src/pages/person/menus.js

@@ -14,6 +14,7 @@ const icons = {
   encyclopedia: require('@assets/mine/encyclopedia.png'),
   feedback: require('@assets/mine/feedback.png'),
   client: require('@assets/mine/client.png'),
+  consultant: require('@assets/mine/consultant.png'),
 }
 
 const DRIFT = ROLE_CODE['DRIFT']
@@ -145,14 +146,14 @@ const menus = [
     {
       name: '成为专业经纪人',
       url: '/pages/agent/become/index',
-      icon: icons.feedback,
+      icon: icons.development,
       extends: undefined,
       userTypes: [CUSTOMER],
     },
     {
       name: '成为置业顾问',
       url: '',
-      icon: icons.feedback,
+      icon: icons.consultant,
       extends: undefined,
       userTypes: [CUSTOMER],
     },

src/pages/person/personDetail/editDetail/index.js

@@ -170,16 +170,16 @@ export default class editDetail extends Component {
       <View className='list'>
         <View className='col_box'>
           <View className='edit edit-name'>用户名</View>
-          <Input type='text' value={user.name ? user.name : user.nickname} onInput={this.BindInfo.bind(this)} data-id='name' />
+          <Input type='text' className='edit' value={user.name ? user.name : user.nickname} onInput={this.BindInfo.bind(this)} data-id='name' />
         </View>
         <View className='col_box'>
           <View className='edit edit-phone'>电话号码</View>
-          <Input type='text' value={user.tel ? user.tel : user.phone} data-id='phone' onInput={this.BindInfo.bind(this)} />
+          <Input type='text' className='edit' value={user.tel ? user.tel : user.phone} data-id='phone' onInput={this.BindInfo.bind(this)} />
         </View>
         {
           isAgent && (<View className='col_box'>
             <View className='edit edit-phone'>经纪人类型</View>
-            <Picker mode='selector' className='selector' range={this.state.selector} onChange={this.onChange}>
+            <Picker mode='selector' className='edit' className='selector' range={this.state.selector} onChange={this.onChange}>
               <View className='picker'>
                 {this.state.selectorChecked}
               </View>

src/pages/person/personDetail/editDetail/index.scss

@@ -6,11 +6,18 @@
     width: 680px;
     margin: 0 auto;
     justify-content: space-between;
-    font-size: 28px;
+    font-size:32px;
+    line-height:44px;
     border-bottom: 1px solid #dbd7d7;
     .edit{
       margin-top: 40px;
+      margin-bottom: 32px;
     }
+    // edit-name
+
+    // edit-phone
+
+    // edit-name
     Input,.selector{
       height: 80px;
       line-height: 80px;

src/pages/project/album/index.js

@@ -18,11 +18,12 @@ export default class Index extends Component {
   }
 
   state = {
-    recordId: null
+    recordId: null,
+    current: 0,
   }
 
 
-  componentWillMount() {
+  componentWillMount () {
     const { id = '369b7d7e5bc6e6b91f2e8f5e775035e2' } = this.$router.params
     const { projectDetail: { buildingId }, dispatchProjectDetail } = this.props
 
@@ -42,40 +43,85 @@ export default class Index extends Component {
       console.log('相册信息')
     })
   }
-  componentWillUnmount() {
+  componentWillUnmount () {
     const { recordId } = this.state
     recordId && updatePoint(recordId)
   }
   // 图片预览
-  previewImage(cur, urls) {
+  previewImage (cur, urls) {
     wx.previewImage({
       current: cur, // 当前显示图片的http链接   
       urls: urls // 需要预览的图片http链接列表   
     })
   }
 
-  render() {
-    const { projectDetail: { buildingImg = [], buildingApartment = [], mapImg, poster } } = this.props
-    const liveImgs = buildingImg.map(img => img.url)
-    let hxImgs = buildingApartment.filter(item => item.apartmentType === 'apart')
-    hxImgs = hxImgs.reduce((prev, cur) => {
-      prev = prev.concat(cur.buildingImgList)
-      return prev
-    }, [])
-    let _hxImgUrls = hxImgs.map(img => img.url)
-
-    let photosImgs = buildingApartment.filter(item => item.apartmentType === 'photo')
-    photosImgs = photosImgs.reduce((prev, cur) => {
-      prev = prev.concat(cur.buildingImgList)
-      return prev
-    }, [])
-    let _photosImgs = photosImgs.map(img => img.url)
-
+  render () {
+    const { projectDetail: { buildingApartment } } = this.props
+    const list = buildingApartment.filter(item => item.apartmentType === 'photo')
+    const { current } = this.state
+    const imgList = list[current].buildingImgList
+    // const { projectDetail: { buildingImg = [], buildingApartment = [], mapImg, poster } } = this.props.buildingImgList
+    // const liveImgs = buildingImg.map(img => img.url)
+    // let hxImgs = buildingApartment.filter(item => item.apartmentType === 'apart')
+    // hxImgs = hxImgs.reduce((prev, cur) => {
+    //   prev = prev.concat(cur.buildingImgList)
+    //   return prev
+    // }, [])
+    // let _hxImgUrls = hxImgs.map(img => img.url)
+
+    // let photosImgs = buildingApartment.filter(item => item.apartmentType === 'photo')
+    // photosImgs = photosImgs.reduce((prev, cur) => {
+    //   prev = prev.concat(cur.buildingImgList)
+    //   return prev
+    // }, [])
+    // let _photosImgs = photosImgs.map(img => img.url)
+   
     return (
       <View className='photos'>
-        <ScrollView>
+        <ScrollView scrollX>
+          <View className='photos__type__content'>
+            {console.log(list, '2225555555')}
+            <View className="around-tab">
+              {list.map((item, index) => {
+                const { apartmentName } = item || {}
+                const buildingImgList = item.buildingImgList
+
+                console.log(imgList, '22333333222')
+                return (
+                  <View
+                    style={{ width: '100px' }}
+                    key={current}
+                    className={`around-tab__item ${current === index ? 'active' : ''}`}
+                    onClick={() => this.setState({ current: index })}
+                  >
+                    {/* {`${label}(${num})`} */}
+                    <View>
+                      <View style={{ width: '100px', textAlign: 'center' }}>  {`${apartmentName}(${buildingImgList.length})`} </View>
+                    </View>
+                  </View>
+                )
+              })}
+            </View>
+            
+         
+          </View>
+        </ScrollView>
+        <View className='photos__item'>
+              {imgList.map((item, index) => {
+                      
+                      
+                     
+                      console.log(item, '299999933333222')
+                      return (
+                  
+                        <Image className='photos__item-img' src={getThumbnail(item.url)} mode="widthFix"  ></Image>
+            
+                      )
+                    })}
+            </View>
+        {/* <ScrollView>
 
-          {/* <View className='photos__item'>
+          <View className='photos__item'>
             <View className='photos__title'>效果图</View>
             {photosImgs.map((item, index) => (
               <Image className='photos__item-img' src={getThumbnail(item.url)} mode="aspectFill" key={item.imgId} onClick={this.previewImage.bind(this, item.url, _photosImgs)}></Image>
@@ -99,8 +145,8 @@ export default class Index extends Component {
           <View className='photos__item'>
             <View className='photos__item-title'>地图</View>
             <Image className='photos__item-img' src={getThumbnail(mapImg)} mode="aspectFill" onClick={this.previewImage.bind(this, mapImg, [mapImg])}></Image>
-          </View> */}
-        </ScrollView>
+          </View>
+        </ScrollView> */}
       </View>
     );
   }

src/pages/project/album/index.scss

@@ -2,8 +2,8 @@
   position: relative;
   background: #ffffff;
   width: 100%;
-  padding: 50px;
-  padding:30px 40px;
+  padding: 30px;
+  padding: 30px 20px;
 
   &__item {
     position: relative;
@@ -16,10 +16,40 @@
     }
 
     &-img {
-      width: 200px;
-      height: 150px;
-      margin-right: 10px;
-      margin-bottom: 10px;
+      width: 336px;
+      height: 252px;
+      background: rgba(216, 216, 216, 1);
+      border-radius: 12px;
+
+      margin: 9px;
+      margin-bottom: 9px;
+    }
+  }
+}
+
+.around-tab {
+  display: flex;
+  flex-wrap: nowrap;
+  align-items: center;
+  overflow-x: scroll;
+  scroll-behavior: smooth;
+  padding: 24px 0;
+
+  &__item {
+    flex: 1 0 auto;
+
+    font-size: 32px;
+    color: #666;
+    line-height: 44px;
+    padding: 4px 0;
+
+    &.active {
+      color: #BB9C79;
+      border-bottom: 1px solid #C8B299;
+    }
+
+    &+& {
+      margin-left: 64px;
     }
   }
 }

src/pages/project/detail/Around/Tab.js

@@ -16,6 +16,7 @@ export default function Tab(props) {
     <View className="around-tab">
       {tabList.map((item, index) => {
         const { key, label, num } = item || {}
+        console.log(item,'123456')
         return (
           <View
             key={key}

src/pages/project/detail/index.js

@@ -55,6 +55,7 @@ export default class Index extends Component {
     posterShow: 'none',
     current: 1,
     btnstate: 1,// 1显示视频 0显示图片
+    albumCurrent: 0,
   }
 
   componentWillMount () {
@@ -489,7 +490,7 @@ export default class Index extends Component {
     })
   }
 
-  renderBottomMenu() {
+  renderBottomMenu () {
     const { userInfo: { person: { personType } } } = this.props
     const { posterShow } = this.state
     return (
@@ -592,34 +593,54 @@ export default class Index extends Component {
       prev = prev.concat(cur.buildingImgList)
       return prev
     }, [])
-    console.log(this.props,'2222222222222')
+
+    const { albumCurrent } = this.state
+
+  
+    // console.log(this.props, '2222222222222')
     return (
 
-    //   <View className="around-tab">
-    //   {tabList.map((item, index) => {
-    //     const { key, label, num } = item || {}
-    //     return (
-    //       <View
-    //         key={key}
-    //         className={`around-tab__item ${current === index ? 'active' : ''}`}
-    //         onClick={handleClick(index)}
-    //       >
-    //         {`${label}(${num})`}
-    //       </View>
-    //     )
-    //   })}
-    // </View>
+      //   <View className="around-tab">
+      //   {tabList.map((item, index) => {
+      //     const { key, label, num } = item || {}
+      //     return (
+      //       <View
+      //         key={key}
+      //         className={`around-tab__item ${current === index ? 'active' : ''}`}
+      //         onClick={handleClick(index)}
+      //       >
+      //         {`${label}(${num})`}
+      //       </View>
+      //     )
+      //   })}
+      // </View>    imgList.length > 0 &&
       <Block>
-        {
-          imgList.length > 0 && (
+        { list.length > 0 &&
+          (
             <View className='photos__type'>
               <View className='photos__type__title'>相册</View>
               <ScrollView scrollX>
-                <View className='photos__type__content'>
-                  {/* <View className='photos__type__list'>
-                    <Image className='photos__img' src={getThumbnail(imgList[0].url)} mode="widthFix" onClick={this.toViewAlbum}></Image>
-                    <View className='photos__img__len'>共{imgList.length}张</View>
-                  </View> */}
+                <View className='photos__type__content' onClick={this.toViewAlbum}>
+                {console.log(list, '2222222222222')}
+                  <View className="around-tab">
+                    {list.map((item, index) => {
+                      const { apartmentName} = item || {}
+                      const  buildingImgList = item.buildingImgList
+                     
+                      console.log(buildingImgList, '22333333222')
+                      return (
+                        <View
+                          style={{ marginRight: '8px' }}                  
+                        >
+                          {/* {`${label}(${num})`} */}
+                          <View>
+                            <Image className='albumimg' src={getThumbnail(buildingImgList[0].url)} ></Image>
+                            <View style={{ textAlign: 'center' }}>  {`${apartmentName}(${buildingImgList.length})`} </View>
+                          </View>
+                        </View>
+                      )
+                    })}
+                  </View>
                 </View>
               </ScrollView>
             </View>
@@ -933,17 +954,17 @@ export default class Index extends Component {
                 </View>
               )}
 
-              {btnstate === 1 && projectDetail.videoUrl != null &&  this.renderVideo()}
+              {btnstate === 1 && projectDetail.videoUrl != null && this.renderVideo()}
 
-              }
+        
               {btnstate === 1 && projectDetail.videoUrl != null && (<View className='media-btn'>
-                <View className='video-btn'  style={{ background: ' rgba(187, 156, 121, 1)', color: 'rgba(255, 255, 255, 1)' }} >视频</View>
+                <View className='video-btn' style={{ background: ' rgba(187, 156, 121, 1)', color: 'rgba(255, 255, 255, 1)' }} >视频</View>
                 <View className='img-btn' onClick={() => this.setState({ btnstate: 0 })}>图片</View>
               </View>)}
 
               {btnstate === 0 && projectDetail.videoUrl != null && (<View className='media-btn'>
                 <View className='video-btn' onClick={() => this.setState({ btnstate: 1 })} >视频</View>
-                <View className='img-btn'  style={{ background: ' rgba(187, 156, 121, 1)', color: 'rgba(255, 255, 255, 1)' }}>图片</View>
+                <View className='img-btn' style={{ background: ' rgba(187, 156, 121, 1)', color: 'rgba(255, 255, 255, 1)' }}>图片</View>
               </View>)}
 
 

src/pages/project/detail/index.scss

@@ -29,12 +29,13 @@
     color: rgba(53, 53, 53, 1);
     display: flex;
     position: fixed;
+
     .video-btn {
       width: 92px;
       height: 64px;
       border-radius: 12px 0px 0px 12px;
-  
-    
+
+
     }
 
     .img-btn {
@@ -998,4 +999,38 @@
   100% {
     transform: scale(1.1);
   }
+}
+
+.around-tab {
+  display: flex;
+  flex-wrap: nowrap;
+  align-items: center;
+  overflow-x: scroll;
+  scroll-behavior: smooth;
+  padding: 24px 0;
+
+  &__item {
+    flex: 1 0 auto;
+
+    font-size: 32px;
+    color: #666;
+    line-height: 44px;
+    padding: 4px 0;
+
+    &.active {
+      color: #BB9C79;
+      border-bottom: 1px solid #C8B299;
+    }
+
+    &+& {
+      margin-left: 64px;
+    }
+  }
+}
+
+.albumimg {
+  width: 218px;
+  height: 164px;
+  background: rgba(216, 216, 216, 1);
+  border-radius: 12px;
 }