详情图片使用缩略图

src/views/weibao/components/vanUploader.vue

@@ -133,11 +133,9 @@ export default {
     async uploading(formDate, file) {
       console.log(formDate, 'formDate')
       var res = await uploadImage(formDate, function (e) {
-        console.log(e)
         var progress = Math.floor((e.loaded / e.total) * 100) + '%'
         file.message = '上传中' + progress
       })
-      console.log(res, 'res')
       if (res.code == '0000') {
         file.status = 'success'
         file.message = '成功'

src/views/weibao/views/consultation/details.vue

@@ -46,7 +46,7 @@
         <div>
           <p>照片：</p>
           <div class="boximg">
-            <div v-for="(item,index) in pics" :key="index">
+            <div v-for="(item,index) in picsArr" :key="index">
               <van-image fit="contain" lazy-load :src="item" alt="" @click="showPopup" />
             </div>
           </div>
@@ -81,7 +81,9 @@ export default {
       id: '',
       orgform: {},
       pics: [],
+      picsArr: [],
       videos: [],
+      videourl: '',
     }
   },
   created() {
@@ -96,6 +98,11 @@ export default {
       const res = await consultationDetail({ id: this.id })
       this.form = res.data
       this.pics = res.data.pics.split(',')
+      this.pics.forEach((item) => {
+        if (item.indexOf('.jpg') || item.indexOf('.png')) {
+          this.picsArr.push(item.replace('/cgpimage/', '/cgpimage/240x240/'))
+        }
+      })
       if (!res.data.videos) return
       this.videos = res.data.videos.split(',')
     },

src/views/weibao/views/followUp/details.vue

@@ -41,7 +41,7 @@
       <div>
         <p>照片：</p>
         <div class="boximg">
-          <div v-for="(item,index) in pics" :key="index">
+          <div v-for="(item,index) in picsArr" :key="index">
             <van-image lazy-load fit="contain" :src="item" alt="" @click="showPopup" />
           </div>
         </div>
@@ -75,6 +75,7 @@ export default {
       dataList: '',
       appendFile: '',
       pics: [],
+      picsArr: [],
       videos: [],
     }
   },
@@ -87,6 +88,12 @@ export default {
       const res = await followUpHistoryDetail({ id: this.id })
       this.dataList = res.data
       this.pics = res.data.pics.split(',')
+      this.pics.forEach((item) => {
+        console.log(item)
+        if (item.indexOf('.jpg') || item.indexOf('.png')) {
+          this.picsArr.push(item.replace('/cgpimage/', '/cgpimage/240x240/'))
+        }
+      })
       if (!res.data.videos) return
       this.videos = res.data.videos.split(',')
     },

src/views/weibao/views/loveHelp/details.vue

@@ -93,7 +93,7 @@
           <div>
             <p>照片：</p>
             <div class="boximg">
-              <div v-for="(item,index) in pics" :key="index">
+              <div v-for="(item,index) in picsArr" :key="index">
                 <van-image lazy-load fit="contain" :src="item" alt="" @click="showPopup" />
               </div>
             </div>
@@ -155,7 +155,9 @@ export default {
       id: '',
       orgId: '',
       pics: [],
+      picsArr: [],
       videos: [],
+      videourl: '',
     }
   },
   created() {
@@ -197,6 +199,12 @@ export default {
       const res = await lovingHelpDetail({ id: this.id })
       this.form = res.data
       this.pics = res.data.pics.split(',')
+      this.pics.forEach((item) => {
+        console.log(item)
+        if (item.indexOf('.jpg') || item.indexOf('.png')) {
+          this.picsArr.push(item.replace('/cgpimage/', '/cgpimage/240x240/'))
+        }
+      })
       if (!res.data.videos) return
       this.videos = res.data.videos.split(',')
     },

src/views/weibao/views/reporting/details.vue

@@ -34,7 +34,7 @@
         <div>
           <p>照片：</p>
           <div class="boximg">
-            <div v-for="(item,index) in pics" :key="index">
+            <div v-for="(item,index) in picsArr" :key="index">
               <van-image lazy-load fit="contain" :src="item" alt="" @click="show=true" />
             </div>
           </div>
@@ -68,6 +68,7 @@ export default {
       id: '',
       orgform: {},
       pics: [],
+      picsArr: [],
       videos: [],
       videourl: '',
     }
@@ -81,6 +82,12 @@ export default {
       const res = await mandatoryDetail({ id: this.id })
       this.form = res.data
       this.pics = res.data.pics.split(',')
+      this.pics.forEach((item) => {
+        console.log(item)
+        if (item.indexOf('.jpg') || item.indexOf('.png')) {
+          this.picsArr.push(item.replace('/cgpimage/', '/cgpimage/240x240/'))
+        }
+      })
       if (!res.data.videos) return
       this.videos = res.data.videos.split(',')
     },

src/views/weibao/views/specialServices/details.vue

@@ -48,7 +48,7 @@
         <div>
           <p>照片：</p>
           <div class="boximg">
-            <div v-for="(item,index) in imgUrl" :key="index">
+            <div v-for="(item,index) in imgUrlArr" :key="index">
               <van-image lazy-load fit="contain" :src="item" alt="" @click="showPopup" />
             </div>
           </div>
@@ -79,6 +79,7 @@ export default {
       showvideoplay: false,
       appendFile: [],
       imgUrl: [],
+      imgUrlArr: [],
       multiMediaUrl: '',
       form: {
         fileList: [],
@@ -102,6 +103,12 @@ export default {
       this.form = res.data
       this.address = this.form.streetName + this.form.address
       this.imgUrl = res.data.imgUrl.split(',')
+      this.imgUrl.forEach((item) => {
+        console.log(item)
+        if (item.indexOf('.jpg') || item.indexOf('.png')) {
+          this.imgUrlArr.push(item.replace('/cgpimage/', '/cgpimage/240x240/'))
+        }
+      })
       if (!res.data.multiMediaUrl) return
       this.multiMediaUrl = res.data.multiMediaUrl.split(',')
     },