修改我要登记图片回显

odc.xiaohui

2023-03-23 0f380ac05d3be2f0b56e8a769dfead256c623db0

修改我要登记图片回显

 miniprogram/pages/manager/group/message/member/detail/index.ts

@@ -16,9 +16,10 @@
        })
    },
//查看图片
face(){
    face(e) {
        console.log(e.currentTarget.dataset.img);
    wx.previewMedia({
        sources:[{url:managerCauseDetail.globalData.imageUrl+"/img/"+this.data.reportDetail.pic}]
            sources: [{ url: e.currentTarget.dataset.img }]
    })
},
    //选择案件
@@ -59,22 +60,23 @@
                success: (res) => {
                    var  ress=res.data.data
                    ress.pic=memberDetail.globalData.imageUrl+"/img/"+ress.pic
                    let imgs = []
                    if (ress.idCardMaterials != '') {
                        imgs.push(...ress.idCardMaterials.split(","))
                        if (ress.contractMaterials != '') {
                            imgs.push(...ress.contractMaterials.split(","))
                            if (ress.transactionMaterials != '') {
                                imgs.push(...ress.transactionMaterials.split(","))
                                if (ress.elseMaterials != '') {
                                    imgs.push(...ress.elseMaterials.split(","))
                                }
                            }
                        }
                    }
                    this.setData({
                        reportDetail:ress,
                        images:res.data.data.reportMaterials.split(",")
                        images: imgs.map(i => memberDetail.globalData.imageUrl + '/img/' + i)
                    })
            
                    for (let index = 0; index < this.data.images.length; index++) {
                        if(this.data.images!=null&&this.data.images[index]!=""&&this.data.images!=undefined){
                            this.data.images[index]=memberDetail.globalData.imageUrl+"/img/"+this.data.images[index]
                        }  else{
                            this.data.images=[]
                        } 
                    }
                    this.setData({
                        images:this.data.images
                    })
                    console.log(this.data.reportDetail)
                }
            })
        // wx.request(

 miniprogram/pages/manager/group/message/member/detail/index.wxml

@@ -30,14 +30,13 @@
    </view> -->
    <view class="list2">
        <view class="font-wenzi">补充信息</view>
        <view class="font-wenzi1">{{reportDetail.information}}</view>
        <view class="font-wenzi1">{{reportDetail.information||"暂无"}}</view>
    </view>
    <view class="list3">
        <view class="font-wenzi3">报案材料</view>
        <view class= wx:for="{{images}}" wx:key="index">
            <image style="width: 100%;" src="{{item}}" mode="aspectFill"></image>
        <view wx:for="{{images}}" wx:key="index">
            <image style="width: 100%;" src="{{item}}" mode="aspectFill" bindtap="face" data-img="{{item}}"></image>
        </view>

    </view>

    <!-- <view class="list1">

 miniprogram/pages/manager/report/detail/index.ts

@@ -144,20 +144,26 @@
                method: "GET",
                header: { 'token': wx.getStorageSync('token') },
                success: (res) => {
                    let detail = res.data.data
                  console.log(this.data.causeList);
                    this.setData({
                        causeIndex:this.data.causeList.findIndex(val=>{return val.id == res.data.data.causeId}),
                        reportDetail: res.data.data,
                        sex:res.data.data.sex,
                        contractMaterials:res.data.data.contractMaterials?res.data.data.contractMaterials.split(',').map(item=>{return item=managerReportDetail.globalData.imageUrl + "/img/" +item}):[],
                        idCardMaterials:res.data.data.idCardMaterials?res.data.data.idCardMaterials.split(',').map(item=>{return item=managerReportDetail.globalData.imageUrl + "/img/" +item}):[],
                        transactionMaterials:res.data.data.transactionMaterials?res.data.data.transactionMaterials.split(',').map(item=>{return item=managerReportDetail.globalData.imageUrl + "/img/" +item}):[],
                        elseMaterials:res.data.data.elseMaterials?res.data.data.elseMaterials.split(',').map(item=>{return item=managerReportDetail.globalData.imageUrl + "/img/" +item}):[]

                        causeIndex: this.data.causeList.findIndex(val => { return val.id == detail.causeId }),
                        reportDetail: detail,
                        sex: detail.sex,
                        contractMaterials: this.materialStringToArray(detail.contractMaterials),
                        idCardMaterials: this.materialStringToArray(detail.idCardMaterials),
                        transactionMaterials: this.materialStringToArray(detail.transactionMaterials),
                        elseMaterials: this.materialStringToArray(detail.elseMaterials)
                    })
                    console.log(this.data.idCardMaterials);
                    
                }
            })
    },
    materialStringToArray(s: string): string[] {
        if (s == '' || s == null) {
            return []
        } else {
            return s.split(',').map(i => managerReportDetail.globalData.imageUrl + "/img/" + i)
        }
    }
})

 miniprogram/pages/user/report/detail/index.ts

@@ -28,34 +28,21 @@
                method: "GET",
                header: { 'token': wx.getStorageSync('token') },
                success: (res) => {
                    console.log(res);
                    let img=[]
                    if (res.data.data.idCardMaterials) {
                        img.push(...res.data.data.idCardMaterials.split(','))
                    let imgs = []
                    if (res.data.data.idCardMaterials != '') {
                        imgs.push(...res.data.data.idCardMaterials.split(","))
                        if (res.data.data.contractMaterials != '') {
                            imgs.push(...res.data.data.contractMaterials.split(","))
                            if (res.data.data.transactionMaterials != '') {
                                imgs.push(...res.data.data.transactionMaterials.split(","))
                                if (res.data.data.elseMaterials != '') {
                                    imgs.push(...res.data.data.elseMaterials.split(","))
                    }
                    if (res.data.data.contractMaterials) {
                        img.push(...res.data.data.contractMaterials.split(','))
                    }
                   if (res.data.data.elseMaterials) {
                    img.push(...res.data.data.elseMaterials.split(','))
                   }
                   if (res.data.data.transactionMaterials) {
                    img.push(...res.data.data.transactionMaterials.split(','))
                   }   
                   console.log(img);
                  img= img.map(i => 
                    i= userDetail.globalData.imageUrl + "/img/" + i    
                    )
                    console.log(img);
                    // this.setData({
                    //     images: [...res.data.data.idCardMaterials.split(","), ...res.data.data.contractMaterials.split(","), ...res.data.data.elseMaterials.split(","), ...res.data.data.transactionMaterials.split(",")].map((i) => 
                    //              i= userDetail.globalData.imageUrl + "/img/" + i    
                    //     )
                    // })

   
                    this.setData({
                        images:img
                        images: imgs.map(i => userDetail.globalData.imageUrl + "/img/" + i)
                    })
                    this.setData({
                        reportDetail: res.data.data