Merge branch 'feature/GFRS-453【】贺报功能' into dev

src/views/ebiz/congratulation/CongratulationList.vue

@@ -1,29 +1,15 @@
 <template>
   <div class="poster-list-container">
-    <!-- <van-sticky>
-      <van-tabs :line-width="45" v-model="active" @change="tabChange" sticky>
-        <van-tab :name="index" :title="item.name" v-for="(item, index) in posterTypeList" :key="index">-->
-    <!-- <img src="@/assets/images/u10199.png" /> -->
-    <!-- </van-tab>
-      </van-tabs>
-    </van-sticky> -->
-
     <van-grid class="grid-box" :border="false" :column-num="3" :gutter="10">
-      <!-- <van-grid-item v-for="(item, index) in posterList" :key="index">
-        <img :src="item.posterNarrowUrl | urlFormat" @click="posterPreview(item.posterId, item.posterType)" />
-        <img src="@/assets/images/banner.png" @click="posterPreview(item.posterId)" />
-      </van-grid-item> -->
-      <van-grid-item v-for="(item, index) in 10" :key="index">
-        <img src="@/assets/images/banner.png" @click="posterPreview(item.posterId)" />
+      <van-grid-item v-for="(item, index) in posterList" :key="index" @click="previewImg(index)">
+        <img :src="item.realUrl" />
       </van-grid-item>
     </van-grid>
-    <!-- <van-pagination v-model="pageNum" :page-count="pageCount" @change="change" class="bottom-btn" style="background-color:#fff" v-if="pageCount - 1" /> -->
-    <!-- <van-pagination v-model="pageNum" :total-items="24" :items-per-page="5" /> -->
   </div>
 </template>
 
 <script>
-import { Sticky, Grid, GridItem, Pagination } from 'vant'
+import { Sticky, Grid, GridItem, Pagination, ImagePreview } from 'vant'
 import { getPosterList } from '@/api/ebiz/poster/poster'
 import config from '@/config'
 export default {
@@ -36,32 +22,25 @@ export default {
   },
   data() {
     return {
-      // posterTypeList: [], //贺报类型
       active: '0',
-      posterType: 'congratulation',
+      posterType: 'hb',
       srcUrl: '@/images/u10199.png',
       pageNum: 1,
       pageSize: 9,
       posterList: [], // 贺报列表
-      pageCount: 1
+      pageCount: 1,
+      imgUrls: [],
+      show: false,
+      index: 0
     }
   },
   created() {
-    // this.getPosterTypeList()
     this.getPosterList()
   },
   methods: {
-    // 获取贺报类型
-    // async getPosterTypeList() {
-    //   let res = await getPosterType({})
-    //   if (res.result == 0) {
-    //     // this.posterTypeList = res.content.paterTypeList
-    //     // this.posterType = res.content.paterTypeList[0].code
-    //     this.getPosterList()
-    //   } else {
-    //     this.$toast(res.resultMessage)
-    //   }
-    // },
+    onChange(index) {
+      this.index = index
+    },
     // 贺报列表查询
     async getPosterList() {
       let param = {
@@ -77,39 +56,24 @@ export default {
       if (res.result == 0) {
         this.pageCount = Math.ceil(res.pageInfo.total / 9)
         this.posterList = res.pageInfo.list
+        for (let item of this.posterList) {
+          let url = (config.imgDomain + `/returnImageStream?a=b.jpg&imgPath=${item.posterNarrowUrl}`).replace(/\+/g, '%2B')
+          item.realUrl = url
+          this.imgUrls.push(url)
+        }
       } else {
         this.$toast(res.resultMessage)
       }
     },
-    // tabChange(name, title) {
-    //   this.posterType = this.posterTypeList[name].code
-    //   this.pageNum= 1,
-    //   this.posterList=[],
-    //   this.pageCount = 1
-    //   this.getPosterList()
-    //   console.log(name, title)
-    // },
     change() {
       this.getPosterList()
-      console.log(this.pageNum)
     },
-    posterPreview(id) {
-      this.$jump({
-        flag: 'h5',
-        extra: {
-          url: location.origin + `/#/congratulation/congratulationPreview?id=${id}`
-        },
-        routerInfo: {
-          path: `/congratulation/congratulationPreview?id=${id}`
-        }
+    previewImg(index) {
+      ImagePreview({
+        images: this.imgUrls,
+        startPosition: index
       })
     }
-  },
-  filters: {
-    urlFormat(url) {
-      console.log((config.imgDomain + `/returnImageStream?a=b.jpg&imgPath=${url}`).replace(/\+/g, '%2B'))
-      return (config.imgDomain + `/returnImageStream?a=b.jpg&imgPath=${url}`).replace(/\+/g, '%2B')
-    }
   }
 }
 </script>