From 3d917ba8ceae67ce6a2c670c8a08ad34a3d8cad7 Mon Sep 17 00:00:00 2001 From: xuxueyang <xuxy@fengyuntec.com> Date: 星期三, 07 八月 2024 14:08:13 +0800 Subject: [PATCH] 1 --- sub_pages/customer/trade/detail.vue | 150 +++++++++++++++++++++++++++++++++++++++++--------- 1 files changed, 123 insertions(+), 27 deletions(-) diff --git a/sub_pages/customer/trade/detail.vue b/sub_pages/customer/trade/detail.vue index 992bfe2..214e032 100644 --- a/sub_pages/customer/trade/detail.vue +++ b/sub_pages/customer/trade/detail.vue @@ -1,7 +1,11 @@ <template> <view class="trade-detail"> <view class="top-img-container"> + <image :src="dto.cover" class="top-img" mode="aspectFill"></image> + + + <view class="icon-container"> <image v-if="!dto.collection" src="../../../static/common/icon-sc.png" @click="collectItem(dto)" class="icon-sc"></image> @@ -68,14 +72,6 @@ <view class="label">暂无</view> </view> </view> - <!-- <view class="flex m-t-8"> - <!-- <view class="label">枝粗:</view>--> - <!-- <view class="value">中等粗细</view>--> - <!-- </view>--> - <!-- <view class="flex m-t-8">--> - <!-- <view class="label">均匀度:</view>--> - <!-- <view class="value">1-2支不均匀</view>--> - <!-- </view>--> </view> <view class="line"> @@ -92,6 +88,33 @@ <view class="store-to m-l-a m-r-0">进入店铺</view> </view> </view> + + <view class="line" v-if="dto.bannerList&&dto.bannerList.length>0"> + + </view> + <uni-swiper-dot class="uni-swiper-dot-box" :mode="'dot'" field="content" + v-if="dto.bannerList&&dto.bannerList.length>0"> + <swiper class="swiper-box" :interval="10000" :circular="true" :current="0" :autoplay="true"> + <swiper-item v-for="(url, index) in dto.bannerList" :key="index"> + <view class="swiper-item" :class="'swiper-item' + index"> + <image class="home-banner-image" mode="scaleToFill" @click="previewImg(url)" :src="url"> + </image> + </view> + </swiper-item> + </swiper> + </uni-swiper-dot> + + <view class="line" v-if="dto.video"> + + </view> + <view class="info-brand m-t-12" v-if="dto.video"> + <video :src="dto.video" :auto-pause-if-navigate="true" style="display: block;margin: 0 auto;"></video> + + </view> + + + + <view class="m-t-20 shop-recommend-container" v-if="false"> <view class="shop-recommend-title">店铺推荐</view> <view class="flex"> @@ -158,14 +181,12 @@ onLoad(options) { console.log('trade detail options', options) this.id = options.id || '' - if (this.id) { - this.getDetail() - } - this.refreshShopNum() + // #ifdef PUB_CUSTOMER if (options.partnerUserId) { - //合伙人绑定的,判断当前用户,是否有登录,登录没绑定,没登录先缓存合伙人id,等注册和登录时候再弄 let tmp = this + tmp.sharePartnerUserId = options.partnerUserId + //合伙人绑定的,判断当前用户,是否有登录,登录没绑定,没登录先缓存合伙人id,等注册和登录时候再弄 setTimeout(() => { if (tmp.currentInfo.id) { tmp.bindPartnerUser(tmp.currentInfo.id, '') @@ -180,6 +201,10 @@ }, 1000) } // #endif + if (this.id) { + this.getDetail() + } + this.refreshShopNum() }, // #ifdef PUB_CUSTOMER @@ -191,13 +216,17 @@ console.log('onShareAppMessage', this.currentInfo) var partnerUserId = '' - if (that.currentInfo.partnerDTO && currentInfo.partnerDTO.id) { - partnerUserId = this.currentInfo.id + + if (that.currentInfo.customerDTO && that.currentInfo.customerDTO.partnerId) { + partnerUserId = that.currentInfo.customerDTO.partnerId } + // if (that.currentInfo.partnerDTO && currentInfo.partnerDTO.id) { + // partnerUserId = this.currentInfo.id + // } var url = `/sub_pages/customer/trade/detail?partnerUserId=${partnerUserId}&id=${this.id}&shareId=${this.currentInfo&&this.currentInfo.id||''}&shareName=${name||''}`; //你的转发页面路径拼接参数 return { - + // title: this.dto.id ? (this.dto.name + " " + (this.dto.price || '-') + '元/扎 ' + (this.dto.unit || '')) : "花满芫", path: url, @@ -209,12 +238,14 @@ currentInfo.supplierDTO.name || that.currentInfo.partnerDTO && that.currentInfo.partnerDTO.name || '' //如果是合伙人的id,那么分享出去,需要附加id了 var partnerUserId = '' - if (that.currentInfo.partnerDTO && currentInfo.partnerDTO.id) { - partnerUserId = this.currentInfo.id + + if (that.currentInfo.customerDTO && that.currentInfo.customerDTO.partnerId) { + partnerUserId = that.currentInfo.customerDTO.partnerId } var url = `/sub_pages/customer/trade/detail?partnerUserId=${partnerUserId}&id=${this.id}&shareId=${this.currentInfo&&this.currentInfo.id||''}&shareName=${name||''}`; //你的转发页面路径拼接参数 return { + // title: this.dto.id ? (this.dto.name + " " + (this.dto.price || '-') + '元/扎 ' + (this.dto.unit || '')) : "花满芫", path: url, @@ -360,14 +391,18 @@ } }, async getDetail() { + var params = { + id: this.id, + } + if (this.sharePartnerUserId && !isNaN(parseInt(this.sharePartnerUserId))) { + params.partnerId = parseInt(this.sharePartnerUserId) + } this.$message.showLoading() const { code, data } = await this.$http.request('get', '/api/customer/flower/list/view', { - params: { - id: this.id - } + params: params }) if (code === 0) { this.dto = { @@ -386,14 +421,62 @@ }) return } - uni.navigateTo({ - url: '/sub_pages/customer/shopping/shopping' - }) + //判断堆栈,如果是购物车,就直接返回 + const pages = getCurrentPages(); + //如果上一层就是购物车,那么就返回,而不是跳转 + // console.log('toShopping',pages) + if (pages && pages.length >= 2) { + if (pages[pages.length - 2].route === "sub_pages/customer/shopping/shopping") { + uni.navigateBack() + return + } + } + if (pages.length >= 10) { + //直接强制购物车 + uni.reLaunch({ + url: '/sub_pages/customer/shopping/shopping' + }) + } else { + uni.navigateTo({ + url: '/sub_pages/customer/shopping/shopping' + }) + } + }, openbrand() { - uni.navigateTo({ - url: '/sub_pages/customer/shop/shop?id=' + (this.dto.id || '') - }) + //也要判断一下是否重复进入 + //判断堆栈,如果是店铺,就直接返回 + //或者是:从商铺到列表再到详情,再到商铺,这种也不行 + const pages = getCurrentPages(); + console.log('toShopping', pages) + if (pages && pages.length >= 2) { + if (pages[pages.length - 2].route === "sub_pages/customer/shop/shop") { + uni.navigateBack() + return + } + } + if (pages && pages.length >= 3) { + if (pages[pages.length - 3].route === "sub_pages/customer/shop/shop" && + pages[pages.length - 2].route === "sub_pages/customer/trade/list" + ) { + uni.navigateBack({ + delta: 2 + }) + return + } + } + + if (pages.length >= 10) { + //直接强制购物车 + uni.reLaunch({ + url: '/sub_pages/customer/shop/shop?id=' + (this.dto.supplierId || '') + }) + } else { + uni.navigateTo({ + url: '/sub_pages/customer/shop/shop?id=' + (this.dto.supplierId || '') + }) + } + } } } @@ -403,6 +486,19 @@ .trade-detail { background-color: #FFFFFF; + swiper { + height: 320rpx; + } + + .swiper-box { + position: relative; + + swiper-item { + background-color: #fff; + border-radius: 8rpx; + } + } + .image-shop-number { width: 30rpx; height: 30rpx; -- Gitblit v1.9.3