datu

src/pages/person/profile/detail/index.js

@@ -41,7 +41,6 @@ export default class Profile extends Component {
     if (id) {
 
       getProfileDetail(id).then(res => {
-        console.log(res, "res")
         this.setState({
           detail: res,
           imgList: res.imgList,
@@ -56,7 +55,6 @@ export default class Profile extends Component {
   bindAlbumClick(e) {
     e.stopPropagation()
     Taro.chooseImage({
-      count: 6,
       sizeType: ['original', 'compressed'],  //可选择原图或压缩后的图片
       sourceType: ['album', 'camera'], //可选择性开放访问相册、相机
       success: res => {
@@ -88,17 +86,16 @@ export default class Profile extends Component {
 
   // 提交资料审核
   commitBtn() {
-    console.log(this.state.auditStatus, "this.state.auditStatus")
     if (this.state.imgList.length == 0) {
       Taro.showToast({ icon: 'none', title: '请先上传图片' });
     } else if (this.state.documentTitle == "") {
       Taro.showToast({ icon: 'none', title: '资料说明不能为空' });
-    }else {
+    } else {
 
       const payload = {
         documentTitle: this.state.documentTitle,
         imgList: this.state.imgList,
-        id:this.state.detail.documentVerifyId
+        id: this.state.detail.documentVerifyId
       }
 
       editDocumentVerify(payload).then(res => {
@@ -121,6 +118,19 @@ export default class Profile extends Component {
       documentTitle: e.detail.value
     })
   }
+  // 查看大图
+  onPreview = (item, e) => {
+    let urls = []
+    this.state.imgList.map((ele, index) => {
+      urls.push(ele.img)
+    })
+    e.stopPropagation()
+    e.preventDefault()
+    Taro.previewImage({
+      current: item.img,
+      urls: urls
+    })
+  }
   // 上传资料模块
   renderUpImages() {
     return (
@@ -142,15 +152,15 @@ export default class Profile extends Component {
     return (
       <View className="profile-page" style="background:#f4f4f4">
         <ScrollView scrollY scrollWithAnimation style="height: 100vh">
-  
+
           {
             detail.verifyStatus == 2 &&
             <View>
               <View className="reject-reason" >驳回原因:{detail.rejectReason || ''}</View>
-              
+
               <View className="desc-box">
                 资料说明：
-              <Input className='inputDesc'value={documentTitle||''} onInput={this.onInputText.bind(this)} type='text' placeholder='请填写资料说明' />
+              <Input className='inputDesc' value={documentTitle || ''} onInput={this.onInputText.bind(this)} type='text' placeholder='请填写资料说明' />
               </View>
               <View style="padding:10px 20px">
                 {this.renderUpImages()}
@@ -161,7 +171,7 @@ export default class Profile extends Component {
                     return (
                       <View className="image-con" key={`img-${inx}`}>
                         <Image className="close-btn" src={closeImg} onClick={this.deleteImg.bind(this, (inx))} />
-                        <Image className="img" src={item.img} />
+                        <Image className="img" src={item.img} onClick={this.onPreview.bind(this, (item))} />
                       </View>
                     )
                   })
@@ -187,7 +197,7 @@ export default class Profile extends Component {
                   imgList.map((item, inx) => {
                     return (
                       <View className="image-con" key={`img-${inx}`}>
-                        <Image className="img" src={item.img} />
+                        <Image className="img" src={item.img} onClick={this.onPreview.bind(this, (item))} />
                       </View>
                     )
                   })

src/pages/person/profile/index.js

@@ -51,7 +51,6 @@ export default class Profile extends Component {
     })
     e.stopPropagation()
     Taro.chooseImage({
-      count: 6,
       sizeType: ['original', 'compressed'],  //可选择原图或压缩后的图片
       sourceType: ['album', 'camera'], //可选择性开放访问相册、相机
       success: res => {
@@ -85,7 +84,19 @@ export default class Profile extends Component {
       url: '/pages/person/profile/detail/index?id=' + item.documentVerifyId
     })
   }
-
+  // 查看大图
+  onPreview = (item, e) => {
+    let urls = []
+    this.state.imgList.map((ele, index) => {
+      urls.push(ele.img)
+    })
+    e.stopPropagation()
+    e.preventDefault()
+    Taro.previewImage({
+      current: item.img,
+      urls: urls
+    })
+  }
   // 提交资料审核
   commitBtn() {
     console.log(this.state.auditStatus, "this.state.auditStatus")
@@ -142,7 +153,7 @@ export default class Profile extends Component {
         {
           verfyList.map((item, inx) => {
             return (
-              <View className="verfy-item" onClick={this.toProfileDetail.bind(this, (item))}>
+              <View className="verfy-item" key={`verfy-${inx}`} onClick={this.toProfileDetail.bind(this, (item))}>
                 <View className="top">
 
                   <Text className="title">{item.documentTitle || ' '}</Text><Text className={item.verifyStatus == 0 ? 'status0' : item.verifyStatus == 1 ? 'status1' : 'status2'}>{item.verifyStatus == 0 ? '审核中' : item.verifyStatus == 1 ? '审核通过' : '未通过'}</Text>
@@ -199,7 +210,7 @@ export default class Profile extends Component {
                         return (
                           <View className="image-con" key={`img-${inx}`}>
                             <Image className="close-btn" src={closeImg} onClick={this.deleteImg.bind(this, (inx))} />
-                            <Image className="img" src={item.img} />
+                            <Image className="img" onClick={this.onPreview.bind(this, (item))} src={item.img} />
                           </View>
                         )
                       })