profile

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://127.0.0.1:8080"',
-    WSS_HOST: '"ws://127.0.0.1:8080"',
+    HOST: '"http://192.168.0.84:8080"',
+    WSS_HOST: '"ws://192.168.0.84:8080"',
   },
   weapp: {},
   h5: {}

src/pages/person/profile/index.js

@@ -6,6 +6,10 @@ import { uploadFiles } from '@utils/request'
 
 import "taro-ui/dist/style/components/image-picker.scss";
 import "taro-ui/dist/style/components/icon.scss";
+const profileBg = require('@assets/profile.png')
+const add = require('@assets/add.png')
+const img = require('@assets/shop/banner1.jpg')
+const closeImg = require('@assets/close.png')
 
 // import { connect } from '@tarojs/redux'
 
@@ -20,6 +24,7 @@ export default class Profile extends Component {
     files: [],
     auditStatus: 0,
     documentVerifyId: '',
+    images: []
 
   }
   // 审核状态   0审核中  1审核通过  2审核不通过 3未审核
@@ -57,10 +62,36 @@ export default class Profile extends Component {
     const filePaths = files.map(x => x.file.path)
     uploadFiles(filePaths).then((res) => {
       this.setState({
-        files: res.map(x => ({ url: x}))
+        files: res.map(x => ({ url: x }))
       })
     })
   }
+  // 选择图片
+  bindAlbumClick(e) {
+    e.stopPropagation()
+    Taro.chooseImage({
+      count: 6,
+      sizeType: ['original', 'compressed'],  //可选择原图或压缩后的图片
+      sourceType: ['album', 'camera'], //可选择性开放访问相册、相机
+      success: res => {
+        uploadFiles(res.tempFilePaths).then(data => {
+
+          const images = this.state.images.concat(data)
+          console.log(images, "data")
+          this.setState({
+            marginTop: 0,
+            messageType: 'image',
+            images: images
+          }, this.onSendMsg)
+        })
+      }
+    })
+  }
+  // 删除图片
+  deleteImg(inx) {
+    console.log(inx, "inx")
+  }
+
   onFail(mes) {
     console.log(mes)
   }
@@ -77,11 +108,11 @@ export default class Profile extends Component {
       let imgList = []
       let fileList = this.state.files
       fileList.map((item, index) => {
-          let newObj = {}
-          newObj.img = item.url,
+        let newObj = {}
+        newObj.img = item.url,
           newObj.sort = index
-          imgList.push(newObj)
-        }
+        imgList.push(newObj)
+      }
       )
 
       const payload = {
@@ -91,7 +122,7 @@ export default class Profile extends Component {
 
       editDocumentVerify(payload).then(res => {
         this.setState({
-          files: res.imgList.map(x => ({url: x.img})),
+          files: res.imgList.map(x => ({ url: x.img })),
           auditStatus: res.verifyStatus
         })
         Taro.showToast({ icon: 'none', title: '提交成功' });
@@ -113,7 +144,7 @@ export default class Profile extends Component {
 
       commitDocumentVerify(imgList).then(res => {
         this.setState({
-          files: res.imgList.map(x => ({url: x.img})),
+          files: res.imgList.map(x => ({ url: x.img })),
           auditStatus: res.verifyStatus
         })
         Taro.showToast({ icon: 'none', title: '提交成功' });
@@ -127,21 +158,53 @@ export default class Profile extends Component {
 
 
   render() {
-
+    const { images } = this.state
 
     return (
-      <View className="profile-page">
-        <View className="tip">
-          建议上传相关购房资格等相关资料,最多上传8张,
-        </View>
-        <View className="tip">
-          审核通过后将获取更多积分、兑换好礼~
-        </View>
-        {this.state.auditStatus == 1 &&
+      <View className="profile-page" style={`background: url(${profileBg}) no-repeat top;background-size: 100% 100%;`}>
+
+        {/* {this.state.auditStatus == 1 &&
           <View className="commit-text" >审核通过,快去查看积分吧~</View>
+        } */}
+        {!images.length &&
+          <View className="up-images">
+
+            <View style="margin-bottom:18px" className="up-btn" onClick={this.bindAlbumClick}>
+              <Image className="add-img" src={add} />
+              上传资料
+            </View>
+            <View className="tip">
+              建议上传相关购房资格等相关资料,审核
+          </View>
+            <View className="tip">
+              通过后将获取更多积分、兑换好礼~
+          </View>
+          </View>
         }
-
-        <AtImagePicker
+        {images.length &&
+          <View>
+            <View style="padding:10px 20px">
+              <View className="up-btn" onClick={this.bindAlbumClick}>
+                <Image className="add-img" src={add} />
+                上传资料
+              </View>
+            </View>
+            <View className="image-box">
+              {
+                images.map((item, index) => {
+                  return (
+                    <View className="image-con">
+                      <Image className="close-btn" src={closeImg} onClick={this.deleteImg} />
+                      <Image className="img" src={item} />
+                    </View>
+                  )
+                })
+              }
+
+            </View>
+          </View>
+        }
+        {/* <AtImagePicker
           showAddBtn={(this.state.files.length < 8 && this.state.auditStatus == 2) || (this.state.auditStatus == 3 && this.state.files.length < 8)}
           length={2}
           mode="scaleToFill"
@@ -149,8 +212,9 @@ export default class Profile extends Component {
           onChange={this.onChange.bind(this)}
           onFail={this.onFail.bind(this)}
           onImageClick={this.onImageClick.bind(this)}
-        />
-        {this.state.auditStatus == 2 &&
+        /> */}
+
+        {/* {this.state.auditStatus == 2 &&
           <View className="commit-text" >审核未通过,请重新提交!</View>
         }
 
@@ -159,7 +223,7 @@ export default class Profile extends Component {
         }
         {this.state.auditStatus == 0 &&
           <View className="commit-text" >审核中</View>
-        }
+        } */}
 
       </View>
     )

src/pages/person/profile/index.scss

@@ -1,13 +1,66 @@
+@import "@styles/theme.scss";
+
 .profile-page{
-  padding: 20px 40px;
+  background-color: #f4f4f4;
   height: 100vh;
-  width: 100vw;
-  
-  .tip{
-    font-size:24px;
-    color:#c8c8c8;
+
+  .up-btn{
+    width: 670px;
+    height: 220px;
+    background-color: #fff;
+    border: 1px solid #E8E8E8;
+    border-radius: 12px;
     text-align: center;
-    margin-bottom: 10px;
+    color: $primary-color;
+    margin: 0 auto;
+    .add-img{
+      width: 72px;
+      height: 72px;
+      margin: 42px auto 20px auto;
+      display: block;
+
+    }
+    }
+  .up-images{
+    width: 100%;
+    padding: 0 40px;
+    position: absolute;
+    top: 36%;
+    left: 0;
+    .tip{
+      font-size:28px;
+      color:#999;
+      text-align: center;
+      margin-bottom: 8px;
+      }
+  }
+  .image-box{
+    display: flex;
+    flex-wrap: wrap;
+    align-content: flex-start;
+    justify-content: space-between;
+    padding: 20px 25px;
+
+    .image-con {
+      flex: 0 0 50%;
+      height: 316px;
+      box-sizing: border-box;
+      margin-bottom: 42px;
+      position: relative;
+      .close-btn{
+        position: absolute;
+        width: 76px;
+        height: 48px;
+        right: 19px;
+        top:0;
+      }
+      .img{
+        width: 316px;
+        height: 316px;
+        border-radius: 12px;
+        margin: 0 17px;
+      }
+    }
   }
   .commit-btn{
     width:360px;

src/pages/shop/index.js

@@ -214,12 +214,11 @@ export default class Shop extends Component {
     return (
 
 
+      <View>
 
-      <View className="list__wrap">
         {
-
           goodsBuilding && goodsBuilding.length < 2 &&
-          <View>
+          <View className="list__wrap">
             <View className="hot_title">热门商品</View>
             {
               goodsList.map(item => (
@@ -241,35 +240,36 @@ export default class Shop extends Component {
         }
         {
           goodsBuilding && goodsBuilding.length >= 2 &&
-          <AtTabs scroll tabDirection='horizontal' current={current} tabList={goodsBuilding} onClick={this.handleClick.bind(this)}>
-
-            {goodsBuilding.map((l_item, index) => (
-
-              <AtTabsPane current={current} index={index} >
-                <View>
-                  {
-                    goodsList.map(item => (
-                      <View className="item" key={item.goodsId} onClick={this.onViewDetail.bind(this, item)}>
-                        <Image className="item__img" src={item.imgUrl} />
-                        <View className="item__title">{item.goodsName}</View>
-                        <View className="item__des">
-                          <View>
-                            剩余数量{item.inventory}
-                          </View>
-                          <View >
-                            <Text className="item__jifen">{item.pointPrice}</Text>积分
+          <View className="list__wrap">
+            <AtTabs scroll tabDirection='horizontal' current={current} tabList={goodsBuilding} onClick={this.handleClick.bind(this)}>
+
+              {goodsBuilding.map((l_item, index) => (
+                <AtTabsPane current={current} key={index} index={index} >
+                  <View>
+                    {
+                      goodsList.map(item => (
+                        <View className="item" key={item.goodsId} onClick={this.onViewDetail.bind(this, item)}>
+                          <Image className="item__img" src={item.imgUrl} />
+                          <View className="item__title">{item.goodsName}</View>
+                          <View className="item__des">
+                            <View>
+                              剩余数量{item.inventory}
+                            </View>
+                            <View >
+                              <Text className="item__jifen">{item.pointPrice}</Text>积分
                 </View>
-                        </View>
+                          </View>
 
-                      </View>
-                    ))
-                  }
+                        </View>
+                      ))
+                    }
 
-                </View>
-              </AtTabsPane>
-            ))
-            }
-          </AtTabs>
+                  </View>
+                </AtTabsPane>
+              ))
+              }
+            </AtTabs>
+          </View>
         }
       </View>