From 79b196363a2a7fe0cc0b8d7aa176d9d930b408a1 Mon Sep 17 00:00:00 2001
From: xuxueyang <xuxy@fengyuntec.com>
Date: 星期二, 22 十月 2024 11:18:49 +0800
Subject: [PATCH] update 首页、我的、商品列表和详情的客服样式功能变更
---
sub_pages/customer/trade/detail.vue | 89 +++++++++++++++++++++++++++-----------------
1 files changed, 54 insertions(+), 35 deletions(-)
diff --git a/sub_pages/customer/trade/detail.vue b/sub_pages/customer/trade/detail.vue
index 6c327d2..719e18e 100644
--- a/sub_pages/customer/trade/detail.vue
+++ b/sub_pages/customer/trade/detail.vue
@@ -14,7 +14,10 @@
</view>
</swiper-item>
<swiper-item v-for="(url, index) in dto.bannerList" :key="index">
- <image class="top-img" :lazy-load="true" mode="scaleToFill" @click="previewImg(url)" :src="url">
+ <image class="top-img" :lazy-load="true" mode="aspectFill" @click="()=>{
+ previewImgSign = true;
+ previewImg(url);
+ }" :src="url">
</image>
<view class="index-tag">
{{index+1+(dto.video&&1)}}/{{(dto.video&&1||0)+(dto.cover&&1||0)+(dto.bannerList&&dto.bannerList.length||0)}}
@@ -22,8 +25,10 @@
</swiper-item>
<swiper-item>
- <image :src="dto.cover" :lazy-load="true" @click="previewImg(dto.cover)" class="top-img"
- mode="scaleToFill">
+ <image :src="dto.cover" :lazy-load="true" @click="()=>{
+ previewImgSign = true;
+ previewImg(dto.cover);
+ }" class="top-img" mode="aspectFill">
</image>
<view class="index-tag">
{{(dto.bannerList&&dto.bannerList.length||0)+1+(dto.video&&1||0)}}/{{(dto.video&&1||0)+(dto.cover&&1||0)+(dto.bannerList&&dto.bannerList.length||0)}}
@@ -66,39 +71,44 @@
}}
</view>
</view>
- <view class="desc m-t-12">
- <view class="m-r-15">已售:{{ ((dto.sales||0) +(dto.realSales||0)) || 0 }}</view>
- <view class="m-r-15">剩余:{{ dto.stock || 0 }}</view>
- <view class=" ">{{ dto.unit || '-' }}</view>
+ <view class="desc m-t-12 flex">
+ <view class="flex1">
+ <view class="m-r-15">已售:{{ ((dto.sales||0) +(dto.realSales||0)) || 0 }}</view>
+ <view class="m-r-15">剩余:{{ dto.stock || 0 }}</view>
+ <view class=" ">{{ dto.unit || '-' }}</view>
+ </view>
+ <view class="m-l-a m-r-15">
+ <button open-type="contact" class="component-button-contact">
+ <image src="../../../static/common/icon-kf.png" class="icon-kf m-l-15 img100"></image>
+
+ </button>
+
+ </view>
+
</view>
<view class="flex m-t-12">
<view>
<view class="price m-r-a component-price-new">
<span class="tip">会员价</span><span class="num p">{{ dto.priceMember || dto.price || '-' }}</span>
元/扎
- <view class="component-price-old">
- ￥{{dto.price}}/扎
- </view>
+
</view>
-<!-- <view class="price m-r-a component-price-old">
- <span class="num">{{ dto.price || '-' }}</span>
+ <view class="price m-r-a component-price-old">
+ <!-- <span class="num">{{ dto.price || '-' }}</span> -->
+ {{ dto.price || '-' }}
元/扎
- </view> -->
+ </view>
</view>
+
+
+ <view class="m-l-a">
+ <view class="m-r-0 gwc" @click="submitShopping(dto)" v-if="!dto.shopnum">
+ + 购物车
+ </view>
+ </view>
-
- <view class="m-l-a m-r-15">
- <button open-type="contact" class="component-button-contact">
- <image src="../../../static/common/icon-kf.png" class="icon-kf m-l-15 img100"></image>
-
- </button>
-
- </view>
- <view class="m-r-0 gwc" @click="submitShopping(dto)" v-if="!dto.shopnum">
- + 购物车
- </view>
<view class="m-r-0 button-icons flex" v-if="dto.shopnum">
<uni-icons v-if="dto.shopnum&&dto.shopnum>=1" type="minus" size="32"
@click.stop="addnum(dto,-1)"></uni-icons>
@@ -224,13 +234,18 @@
dto: {},
shopnum: 0,
sharePartnerUserId: '',
+ previewImgSign: false,
}
},
onShow() {
- if (this.id) {
- this.getDetail()
+ if (!this.previewImgSign) {
+ if (this.id) {
+ this.getDetail()
+ }
+ this.refreshShopNum()
}
- this.refreshShopNum()
+ this.previewImgSign = false
+
},
async onLoad(options) {
console.log('trade detail options', options)
@@ -245,8 +260,9 @@
// setTimeout(() => {
//并且当前用户没有绑定
if (tmp.currentInfo.id && tmp.currentInfo.customerDTO.partnerId) {
-
- }else{
+ //如果已经绑定了，显示自己的合伙人价格
+ tmp.sharePartnerUserId = tmp.currentInfo.customerDTO.partnerId
+ } else {
if (tmp.currentInfo.id) {
await tmp.bindPartnerUser(options.partnerUserId, '')
} else {
@@ -257,7 +273,7 @@
}
}
}
-
+
// }, 1000)
}
@@ -287,8 +303,8 @@
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 || '')) :
+ // + (this.dto.price || '-') + '元/扎 '
+ title: this.dto.id ? (this.dto.name + " " + (this.dto.unit || '')) :
"花满芫",
path: url,
}
@@ -306,8 +322,8 @@
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 || '')) :
+ // + (this.dto.price || '-') + '元/扎 '
+ title: this.dto.id ? (this.dto.name + " " + (this.dto.unit || '')) :
"花满芫",
path: url,
}
@@ -562,6 +578,7 @@
.swiper-box {
position: relative;
+ border-bottom: 1px solid #d3d4d7;
swiper-item {
background-color: #fff;
@@ -617,7 +634,7 @@
margin-right: 6rpx;
text-align: center;
}
-
+
.tag.green {
color: rgba(110, 159, 102, 1);
background: rgba(202, 229, 214, 1);
@@ -669,6 +686,8 @@
.icon-kf {
width: 44rpx;
height: 44rpx;
+ width: 90rpx;
+ height: 90rpx;
}
.gwc {
--
Gitblit v1.9.3