| | |
| | | <div class="detailTop"> |
| | | <div class="image-container"> |
| | | <van-swipe class="detailSwipe" :autoplay="3000" indicator-color="#4C85FF"> |
| | | <van-swipe-item v-for="(img, index) in getImageList" :key="index"> |
| | | <van-image class="detailImage" :src="img" fit="cover" width="100%" height="200px" |
| | | @click="openPreview(index)" preview-visible="false" /> |
| | | </van-swipe-item> |
| | | </van-swipe> |
| | | |
| | | <van-image-preview v-model:show="previewShow" :images="getImageList" :initial-index="previewIndex" /> |
| | | <van-swipe-item v-for="(img, index) in getImageList" :key="index"> |
| | | <van-image class="detailImage" :src="img" fit="cover" width="100%" height="235px" |
| | | @click="openPreview(index)" preview-visible="false" /> |
| | | </van-swipe-item> |
| | | </van-swipe> |
| | | </div> |
| | | </div> |
| | | <!-- 工单内容 --> |
| | |
| | | const workDetailData = ref({}) |
| | | |
| | | // 预览图片 |
| | | const previewShow = ref(false) |
| | | const previewIndex = ref(0) |
| | | const getImageList = computed(() => { |
| | | const imageArr = [] |
| | | const detail = workDetailData.value |
| | |
| | | }) |
| | | const openPreview = index => { |
| | | const detail = workDetailData.value |
| | | const showUrl = getShowImg(detail.eventImageUrl) |
| | | const showUrl = getShowImg(detail.eventImageUrl) |
| | | showImagePreview({ |
| | | images: [showUrl], |
| | | startPosition: 0, |
| | | }) |
| | | previewIndex.value = index |
| | | previewShow.value = true |
| | | } |
| | | // 跳转地图 |
| | | const jumpMap = item => { |
| | | const transmitData = { data: { type: 'jumpMapNav', eventNum: item.event_num } } |
| | | wx.miniProgram.navigateTo({ url: `/subPackages/workDetail/mapWork/index?currentItem=${item.event_num}` }) |
| | | wx.miniProgram.postMessage(transmitData) |
| | | console.log('item',item); |
| | | const transmitData = { data: { type: 'jumpMapNav', eventNum: item } } |
| | | uni.postMessage(transmitData) |
| | | } |
| | | |
| | | onMounted(async () => { |
| | | workDetailData.value = JSON.parse(route.query.workDetailData) |
| | | console.log('route.query',workDetailData.value); |
| | | }) |
| | | </script> |
| | | <style lang="scss" scoped> |
| | | .workDetailContainer { |
| | | padding-top: 44px; |
| | | .detailTop { |
| | | .image-container { |
| | | position: relative; |
| | | width: 100%; |
| | | height: 205px; |
| | | // height: 205px; |
| | | |
| | | .detailImage { |
| | | width: 100%; |