|  |  | @ -1,7 +1,7 @@ | 
			
		
	
		
			
				
					|  |  |  | <template> | 
			
		
	
		
			
				
					|  |  |  | <view> | 
			
		
	
		
			
				
					|  |  |  | <view class="se-w-vw-100 se-h-500"> | 
			
		
	
		
			
				
					|  |  |  | <u-swiper :radius="0" :list="list" :height="250" :autoplay="false"></u-swiper> | 
			
		
	
		
			
				
					|  |  |  | <u-swiper :radius="0" :list="detail.images" :height="250" :autoplay="false"></u-swiper> | 
			
		
	
		
			
				
					|  |  |  | </view> | 
			
		
	
		
			
				
					|  |  |  | <view class="se-py-20 se-flex se-bgc-white"> | 
			
		
	
		
			
				
					|  |  |  | <view class="se-w-vw-90 se-pl-30"> | 
			
		
	
	
		
			
				
					|  |  | @ -24,11 +24,51 @@ | 
			
		
	
		
			
				
					|  |  |  | <text>型号:</text> | 
			
		
	
		
			
				
					|  |  |  | <text class="se-ml-10">{{detail.model}}</text> | 
			
		
	
		
			
				
					|  |  |  | </view> | 
			
		
	
		
			
				
					|  |  |  | <template v-if="detail.imageFronts && detail.imageFronts.length>0"> | 
			
		
	
		
			
				
					|  |  |  | <view class="se-mt-20 se-bgc-white se-px-20 se-py-10 se-ta-l se-c-black se-py-20 se-flex se-flex-ai-c se-fs-24"> | 
			
		
	
		
			
				
					|  |  |  | <text>车辆照片(前):</text> | 
			
		
	
		
			
				
					|  |  |  | </view> | 
			
		
	
		
			
				
					|  |  |  | <view class="se-flex se-m-20" style="flex-wrap: wrap;"> | 
			
		
	
		
			
				
					|  |  |  | <image v-for="(items,indexs) in detail.imageFronts" :key="indexs" @click="previewImage(detail.imageBacks,items)" class="se-w-220 se-h-180 se-bgc-f5 se-br-5 se-mr-10 se-mb-10" :src="items" mode=""></image> | 
			
		
	
		
			
				
					|  |  |  | </view> | 
			
		
	
		
			
				
					|  |  |  | </template> | 
			
		
	
		
			
				
					|  |  |  | <template v-if="detail.imageBacks && detail.imageBacks.length>0"> | 
			
		
	
		
			
				
					|  |  |  | <view class="se-mt-20 se-bgc-white se-px-20 se-py-10 se-ta-l se-c-black se-py-20 se-flex se-flex-ai-c se-fs-24"> | 
			
		
	
		
			
				
					|  |  |  | <text>车辆照片(后):</text> | 
			
		
	
		
			
				
					|  |  |  | </view> | 
			
		
	
		
			
				
					|  |  |  | <view class="se-flex se-m-20" style="flex-wrap: wrap;"> | 
			
		
	
		
			
				
					|  |  |  | <image v-for="(items,indexs) in detail.imageBacks" :key="indexs" @click="previewImage(detail.imageBacks,items)" class="se-w-220 se-h-180 se-bgc-f5 se-br-5 se-mr-10 se-mb-10" :src="items" mode=""></image> | 
			
		
	
		
			
				
					|  |  |  | </view> | 
			
		
	
		
			
				
					|  |  |  | </template> | 
			
		
	
		
			
				
					|  |  |  | <template v-if="detail.imageLefts && detail.imageLefts.length>0"> | 
			
		
	
		
			
				
					|  |  |  | <view class="se-mt-20 se-bgc-white se-px-20 se-py-10 se-ta-l se-c-black se-py-20 se-flex se-flex-ai-c se-fs-24"> | 
			
		
	
		
			
				
					|  |  |  | <text>车辆照片(左):</text> | 
			
		
	
		
			
				
					|  |  |  | </view> | 
			
		
	
		
			
				
					|  |  |  | <view class="se-flex se-m-20" style="flex-wrap: wrap;"> | 
			
		
	
		
			
				
					|  |  |  | <image v-for="(items,indexs) in detail.imageLefts" :key="indexs" @click="previewImage(detail.imageLefts,items)" class="se-w-220 se-h-180 se-bgc-f5 se-br-5 se-mr-10 se-mb-10" :src="items" mode=""></image> | 
			
		
	
		
			
				
					|  |  |  | </view> | 
			
		
	
		
			
				
					|  |  |  | </template> | 
			
		
	
		
			
				
					|  |  |  | <template v-if="detail.imageRights && detail.imageRights.length>0"> | 
			
		
	
		
			
				
					|  |  |  | <view class="se-mt-20 se-bgc-white se-px-20 se-py-10 se-ta-l se-c-black se-py-20 se-flex se-flex-ai-c se-fs-24"> | 
			
		
	
		
			
				
					|  |  |  | <text>车辆照片(右):</text> | 
			
		
	
		
			
				
					|  |  |  | </view> | 
			
		
	
		
			
				
					|  |  |  | <view class="se-flex se-m-20" style="flex-wrap: wrap;"> | 
			
		
	
		
			
				
					|  |  |  | <image v-for="(items,indexs) in detail.imageRights" :key="indexs" @click="previewImage(detail.imageRights,items)" class="se-w-220 se-h-180 se-bgc-f5 se-br-5 se-mr-10 se-mb-10" :src="items" mode=""></image> | 
			
		
	
		
			
				
					|  |  |  | </view> | 
			
		
	
		
			
				
					|  |  |  | </template> | 
			
		
	
		
			
				
					|  |  |  | <template v-if="detail.imageCabs && detail.imageCabs.length>0"> | 
			
		
	
		
			
				
					|  |  |  | <view class="se-mt-20 se-bgc-white se-px-20 se-py-10 se-ta-l se-c-black se-py-20 se-flex se-flex-ai-c se-fs-24"> | 
			
		
	
		
			
				
					|  |  |  | <text>车辆照片(驾驶室):</text> | 
			
		
	
		
			
				
					|  |  |  | </view> | 
			
		
	
		
			
				
					|  |  |  | <view class="se-flex se-m-20" style="flex-wrap: wrap;"> | 
			
		
	
		
			
				
					|  |  |  | <image v-for="(items,indexs) in detail.imageCabs" :key="indexs" @click="previewImage(detail.imageCabs,items)" class="se-w-220 se-h-180 se-bgc-f5 se-br-5 se-mr-10 se-mb-10" :src="items" mode=""></image> | 
			
		
	
		
			
				
					|  |  |  | </view> | 
			
		
	
		
			
				
					|  |  |  | </template> | 
			
		
	
		
			
				
					|  |  |  | <view class="se-pt-20"> | 
			
		
	
		
			
				
					|  |  |  | <view class="se-p-20 se-c-black se-fs-28"> | 
			
		
	
		
			
				
					|  |  |  | 产品参数 | 
			
		
	
		
			
				
					|  |  |  | </view> | 
			
		
	
		
			
				
					|  |  |  | <view> | 
			
		
	
		
			
				
					|  |  |  | <view class="se-p-20  se-pb-200"> | 
			
		
	
		
			
				
					|  |  |  | <u-parse :content="detail.detail"></u-parse> | 
			
		
	
		
			
				
					|  |  |  | </view> | 
			
		
	
		
			
				
					|  |  |  | </view> | 
			
		
	
	
		
			
				
					|  |  | @ -128,10 +168,56 @@ | 
			
		
	
		
			
				
					|  |  |  | } | 
			
		
	
		
			
				
					|  |  |  | }, | 
			
		
	
		
			
				
					|  |  |  | onLoad(options) { | 
			
		
	
		
			
				
					|  |  |  | //#ifdef MP-WEIXIN | 
			
		
	
		
			
				
					|  |  |  | wx.showShareMenu({ | 
			
		
	
		
			
				
					|  |  |  | withShareTicket: true, | 
			
		
	
		
			
				
					|  |  |  | menus: ['shareAppMessage', 'shareTimeline'] | 
			
		
	
		
			
				
					|  |  |  | }); | 
			
		
	
		
			
				
					|  |  |  | //#endif | 
			
		
	
		
			
				
					|  |  |  | this.id = options.goodsId | 
			
		
	
		
			
				
					|  |  |  | if(options.shareId){ | 
			
		
	
		
			
				
					|  |  |  | uni.setStorageSync('shareId',options.shareId) | 
			
		
	
		
			
				
					|  |  |  | } | 
			
		
	
		
			
				
					|  |  |  | this.onDetail() | 
			
		
	
		
			
				
					|  |  |  | }, | 
			
		
	
		
			
				
					|  |  |  | onShareTimeline(){ | 
			
		
	
		
			
				
					|  |  |  | let share = { | 
			
		
	
		
			
				
					|  |  |  | title:this.detail.goodsName, | 
			
		
	
		
			
				
					|  |  |  | path:"/pages_subpack/detail/index?id="+this.id+"&shareId="+uni.getStorageSync('userInfo').id, | 
			
		
	
		
			
				
					|  |  |  | imageUrl:this.list[0].url, | 
			
		
	
		
			
				
					|  |  |  | success:(res) => { | 
			
		
	
		
			
				
					|  |  |  | console.info(res) | 
			
		
	
		
			
				
					|  |  |  | }, | 
			
		
	
		
			
				
					|  |  |  | fail:(err)=>{ | 
			
		
	
		
			
				
					|  |  |  | console.info(err) | 
			
		
	
		
			
				
					|  |  |  | } | 
			
		
	
		
			
				
					|  |  |  | } | 
			
		
	
		
			
				
					|  |  |  | console.info(share) | 
			
		
	
		
			
				
					|  |  |  | return share | 
			
		
	
		
			
				
					|  |  |  | }, | 
			
		
	
		
			
				
					|  |  |  | onShareAppMessage(options) { | 
			
		
	
		
			
				
					|  |  |  | console.info(options) | 
			
		
	
		
			
				
					|  |  |  | let share = { | 
			
		
	
		
			
				
					|  |  |  | title:this.detail.goodsName, | 
			
		
	
		
			
				
					|  |  |  | path:"/pages_subpack/detail/index?id="+this.id+"&shareId="+uni.getStorageSync('userInfo').id, | 
			
		
	
		
			
				
					|  |  |  | imageUrl:this.list[0].url, | 
			
		
	
		
			
				
					|  |  |  | success:(res) => { | 
			
		
	
		
			
				
					|  |  |  | console.info(res) | 
			
		
	
		
			
				
					|  |  |  | }, | 
			
		
	
		
			
				
					|  |  |  | fail:(err)=>{ | 
			
		
	
		
			
				
					|  |  |  | console.info(err) | 
			
		
	
		
			
				
					|  |  |  | } | 
			
		
	
		
			
				
					|  |  |  | } | 
			
		
	
		
			
				
					|  |  |  | console.info(share) | 
			
		
	
		
			
				
					|  |  |  | return share | 
			
		
	
		
			
				
					|  |  |  | }, | 
			
		
	
		
			
				
					|  |  |  | methods:{ | 
			
		
	
		
			
				
					|  |  |  | previewImage(urls, current) { | 
			
		
	
		
			
				
					|  |  |  | uni.previewImage({ | 
			
		
	
		
			
				
					|  |  |  | urls: urls, // 需要预览的图片 HTTP 链接列表 | 
			
		
	
		
			
				
					|  |  |  | current: current // 当前显示图片的链接,不填则默认为 urls 的第一张 | 
			
		
	
		
			
				
					|  |  |  | }); | 
			
		
	
		
			
				
					|  |  |  | }, | 
			
		
	
		
			
				
					|  |  |  | onDetail(){ | 
			
		
	
		
			
				
					|  |  |  | let that = this | 
			
		
	
		
			
				
					|  |  |  | queryGoodsById({goodsId:that.id}).then(response=>{ | 
			
		
	
	
		
			
				
					|  |  | @ -145,6 +231,37 @@ | 
			
		
	
		
			
				
					|  |  |  | }) | 
			
		
	
		
			
				
					|  |  |  | }) | 
			
		
	
		
			
				
					|  |  |  | } | 
			
		
	
		
			
				
					|  |  |  | if(items.image){ | 
			
		
	
		
			
				
					|  |  |  | items.images = items.image.split(',') | 
			
		
	
		
			
				
					|  |  |  | }else{ | 
			
		
	
		
			
				
					|  |  |  | items.images = [] | 
			
		
	
		
			
				
					|  |  |  | } | 
			
		
	
		
			
				
					|  |  |  | if(items.imageBack){ | 
			
		
	
		
			
				
					|  |  |  | items.imageBacks = items.imageBack.split(',') | 
			
		
	
		
			
				
					|  |  |  | }else{ | 
			
		
	
		
			
				
					|  |  |  | items.imageBacks = [] | 
			
		
	
		
			
				
					|  |  |  | } | 
			
		
	
		
			
				
					|  |  |  |  | 
			
		
	
		
			
				
					|  |  |  | if(items.imageCab){ | 
			
		
	
		
			
				
					|  |  |  | items.imageCabs = items.imageCab.split(',') | 
			
		
	
		
			
				
					|  |  |  | }else{ | 
			
		
	
		
			
				
					|  |  |  | items.imageCabs = [] | 
			
		
	
		
			
				
					|  |  |  | } | 
			
		
	
		
			
				
					|  |  |  | if(items.imageFront){ | 
			
		
	
		
			
				
					|  |  |  | items.imageFronts = items.imageFront.split(',') | 
			
		
	
		
			
				
					|  |  |  | }else{ | 
			
		
	
		
			
				
					|  |  |  | items.imageFronts = [] | 
			
		
	
		
			
				
					|  |  |  | } | 
			
		
	
		
			
				
					|  |  |  | if(items.imageLeft){ | 
			
		
	
		
			
				
					|  |  |  | items.imageLefts = items.imageLeft.split(',') | 
			
		
	
		
			
				
					|  |  |  | }else{ | 
			
		
	
		
			
				
					|  |  |  | items.imageLefts = [] | 
			
		
	
		
			
				
					|  |  |  | } | 
			
		
	
		
			
				
					|  |  |  | if(items.imageRight){ | 
			
		
	
		
			
				
					|  |  |  | items.imageRights = items.imageRight.split(',') | 
			
		
	
		
			
				
					|  |  |  | }else{ | 
			
		
	
		
			
				
					|  |  |  | items.imageRights = [] | 
			
		
	
		
			
				
					|  |  |  | } | 
			
		
	
		
			
				
					|  |  |  | that.detail = items | 
			
		
	
		
			
				
					|  |  |  | }).catch(error=>{ | 
			
		
	
		
			
				
					|  |  |  |  | 
			
		
	
	
		
			
				
					|  |  | 
 |