Skip to content

J
jz_Travel
Commit 94242990 authored by youjie's avatar youjie
Browse files
Options

详情 优惠信息

parent ff817ba7
Hide whitespace changes
Inline Side-by-side
Showing with 189 additions and 124 deletions
components/goods/style5.vue
View file @ 94242990
......@@ -28,7 +28,6 @@
:src="goodsInfo.goodsTagPicUrl"
mode="widthFix"
style="width: 100%" v-if="goodsInfo.goodsTagPicUrl.indexOf('goods-tag-xp.png')==-1"/>
<span style="background: #F7DFA4;border-radius: 4rpx;padding:4rpx 8rpx;font-size: 18rpx;color: #584825;">新品首发</span>
</view>
<view style="position: absolute; z-index: 2; top:135rpx;left:12rpx;right: 12rpx;display: flex;font-size: 18rpx;color:#FFF">
<view style="height: 24rpx;line-height: 24prx;padding: 0 8rpx;background-color: #18A86B;">
......@@ -225,11 +224,11 @@ export default {
overflow: hidden;
}
.her-scoller .good-five .tips {
width: 64rpx;
height: 64rpx;
width: 94rpx;
height: 37rpx;
position: absolute;
top: 8rpx;
left: 10rpx;
top: 18rpx;
left: -4rpx;
z-index: 4;
}
.her-scoller .good-five .img-box-style5 {
......
pages/jiuzhai/jz_LineDetail.vue
View file @ 94242990
......@@ -44,39 +44,48 @@
</view>
<view class="jz_TopPrice">
<view class="jz_LineTitle row items-center">
<view class="jz_LineTitleL" v-if="stepNumber>4">
<view class="jz_LineTitleLImg">
<img src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638733242185514996.png"/>
</view>
<view class="jz_LineTitleLText" v-if="dataList.lineId==168">9.5折</view>
<view class="jz_LineTitleLText" v-else>返100/人</view>
</view>
<view class="col">
<text class="jz_renmin">¥</text><text class="jz_B2bPrice">{{ $utils.getretailer()?currentPrice.b2BPrice:currentPrice.b2CPrice }}</text>
<text class="jz_renmin">¥</text><text class="jz_B2bPrice">{{ discountPrice }}</text>
<text style="color: #999999; font-size: 28rpx; font-weight: 400">/人起</text>
</view>
<!--
<view class="row items-center jz_LineDetaCZ" style="border-radius: 4px;overflow: hidden;font-size: 12px;" >
<view v-if="stepNumber==0&&currentPrice.teamType==0" class="row items-center jz_LineDetaCZ" style="border-radius: 4px;overflow: hidden;font-size: 12px;" >
<view class="jz_LineDetaCZL">
<view style="opacity: 0;">1</view>
</view>
<view class="jz_LineDetaCZR">
30元/人
<template v-if="dataList.lineId==168">80</template>
<template v-else>30</template>元/人
</view>
</view> -->
</view>
</view>
<!-- <view class="jz_LineDetaYJDKQ">
<view v-if="maxCouponDiscount>0" class="jz_LineDetaYJDKQ" style="padding: 0rpx 0 0 0;">
<view class="jz_LineDetaYJ">
<view class="jz_LineDetaYJL">原价 ¥{{ $utils.getretailer()?currentPrice.b2BPrice:currentPrice.b2CPrice }}/人起</view>
<view class="jz_LineDetaYJR">已减248</view>
<view class="jz_LineDetaYJR">已减{{maxCouponDiscount}}</view>
</view>
<view class="jz_LineDetaRDKQ">
<view v-if="stepNumber>0" class="jz_LineDetaRDKQ">
<view>共1张抵扣券</view>
<u-icon name="arrow" size="30" color="#cecece" style="margin-left: 5px;"></u-icon>
</view>
</view> -->
<!-- <view class="jz_LineDetaYJDKQ">
</view>
<view class="jz_LineDetaYJDKQ" v-if="stepNumber>0">
<view class="jz_LineDetaFL">
<view class="row items-center jz_LineDetaCZ" style="border-radius: 4px;overflow: hidden;font-size: 12px;" >
<view v-if="currentPrice.teamType==0" class="row items-center jz_LineDetaCZ"
style="border-radius: 4px;overflow: hidden;font-size: 12px;margin-right: 15rpx;" >
<view class="jz_LineDetaCZL">
<view style="opacity: 0;">1</view>
</view>
<view class="jz_LineDetaCZR">
30元/人
<template v-if="dataList.lineId==168">80</template>
<template v-else>30</template>元/人
</view>
</view>
<view class="jz_LineDetaFLJf">
......@@ -84,27 +93,32 @@
</view>
</view>
<view class="jz_LineDetaRDKQ">
<view>共3项福利</view>
<view>共{{currentPrice.teamType==0?'3':'2'}}项福利</view>
<u-icon name="arrow" size="30" color="#cecece" style="margin-left: 5px;"></u-icon>
</view>
</view> -->
<!--
<view class="jz_LineDetaSC">
</view>
<view v-if="stepNumber==0" class="jz_LineDetaSC">
<view class="jz_LineDetaSCL">
<view class="jz_LineDetaSCLDl">
<view>¥</view>
</view>
<view class="jz_LineDetaSCQM">248</view>
<view class="jz_LineDetaSCQM">{{maxCouponDiscount}}</view>
</view>
<view class="jz_LineDetaSCR">
<view class="jz_LineDetaSCRTitle">首购抵扣券</view>
<view class="jz_LineDetaSCRText">新户注册即得</view>
</view>
</view> -->
<!-- <view class="jz_LineDetaVip">
</view>
<view class="jz_LineDetaVip" v-if="stepNumber>0&&stepNumber<5">
<view class="jz_LineDetaVipTop">
<view>
再完成4单即可成为VIP，享永久折扣！
<template v-if="stepNumber<5">
再完成{{UnfOddNumber}}单即可成为VIP，享永久折扣！
</template>
<template v-else>
您已是VIP，将享永久折扣！
</template>
</view>
<view>
<img src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638732528690203686.png"/>
......@@ -128,21 +142,23 @@
<view class="jz_LineDetaVPBLine" :style="{'opacity':index==0?'0':1}"></view>
<view class="jz_LineDetaVPBN">{{item.text}}</view>
<view class="jz_LineDetaVPBBoxI" v-if="item.img"></view>
<view class="jz_LineDetaVPBLine" v-else></view>
<view class="jz_LineDetaVPBLine"
:class="[item.radiusR]" v-else></view>
</view>
</view>
</view>
</view>
<view class="jz_LineDetaQTS">
<view class="jz_LineDetaQTS" v-if="stepNumber==0">
<img class="jz_LineDetaQTSImg" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638732463534129379.png" />
<view class="jz_LineDetaQTSText">
<view>完成首单，即可获得</view>
<view class="jz_LineDetaQTSTextRed">4张*150元</view>
<view>出境散拼团抵扣券</view>
</view>
</view> -->
</view>
<view class="jz_MainTitle">
<view class="jz_MainTitleL"
......@@ -160,77 +176,6 @@
</view>
</view>
<view class="jz_TripDays">
<view style="display: flex; align-items: flex-start;">
<view style="margin-bottom: 40rpx;width:1px;flex:1;">
<span style="display: inline-block; position: relative">
<text style="
position: relative;
z-index: 2;
color: #1f1f1f;
font-size: 36rpx;
font-weight: bold;
">
下单福利多
</text>
<span style="
width: 40px;
background-color: #dfbe6e;
height: 6px;
bottom: 2px;
left: 0;
right: 0;
position: absolute;
z-index: 1;
"></span>
</span>
</view>
</view>
<view class="row items-center" style="padding: 5px 0;font-size: 12px;" v-if="maxCouponDiscount>0">
<u-icon name="shouye" custom-prefix='tffont' color="#cecece" size="40" style="position: relative;z-index: 2;" ></u-icon>
<text style="color:#cecece; margin-left: 5px;">优惠券</text>
<view style="text-align: right;" class="col">
<text>最高可减：</text>
<text style="color:#ff3166; ">{{ maxCouponDiscount.toFixed(2) }}</text>
<text>;{{couponList.length}}张可用</text>
</view>
<u-icon name="arrow" color="#cecece" size="30" style="margin-left: 5px;" ></u-icon>
</view>
<view class="row items-center" style="padding: 5px 0;font-size: 12px;" v-if="currentPrice.teamType==0">
<u-icon name="5wodejifen" custom-prefix='tffont' color="#cecece" size="40" style="position: relative;z-index: 2;" ></u-icon>
<text style="color:#cecece; margin-left: 5px;">会员积分</text>
<view style="text-align: right;" class="col">
<text>预计可返：</text>
<text style="color:#ff3166; ">{{ (currentPrice.b2BPrice/100).toFixed(2) }}</text>
<text>分</text>
</view>
<u-icon name="arrow" color="#cecece" size="30" style="margin-left: 5px;" ></u-icon>
</view>
<view class="row items-center" style="padding: 5px 0;font-size: 12px;" v-if="currentPrice.teamType==0">
<u-icon name="yongjin2" custom-prefix='tffont' color="#cecece" size="40" style="position: relative;z-index: 2;" ></u-icon>
<text style="color:#cecece; margin-left: 5px;">幸福存折</text>
<view style="text-align: right;" class="col">
<text>返佣：</text>
<text style="color:#ff3166; ">{{ currentPrice.lineId==168?80.00:30.00 }}</text>
<text>/人</text>
</view>
<u-icon name="arrow" color="#cecece" size="30" style="margin-left: 5px;" ></u-icon>
</view>
<view class="row items-center" style="padding: 5px 0;font-size: 12px;" v-if='1==0'>
<u-icon name="f-vip" custom-prefix='tffont' color="#000" size="40" style="position: relative;z-index: 2;" ></u-icon>
<view style="background-color: #dfbe6e;margin-left: -11px;padding: 1px 5px;font-size: 8px;text-indent: 8px; color: #111;border-top-right-radius: 4px;border-bottom-right-radius: 4px;">
印象VIP
</view>
<view style="text-align: right;" class="col">
<text>优惠：</text>
<text style="color:#ff3166; ">{{ currentPrice.lineId==168?95:100.00 }}</text>
<text>{{ currentPrice.lineId==168?'折':'/人'}}</text>
</view>
<u-icon name="arrow" color="#cecece" size="30" style="margin-left: 5px;" ></u-icon>
</view>
</view>
<view class="jz_TripDays" v-if='1==0'>
<view style="display: flex; align-items: flex-start;">
......@@ -1137,7 +1082,7 @@
<view style="color: #ff3166; font-weight: bold">
<text style="font-size: 22rpx">¥</text>
<!-- 原b2b -->
<text style="font-size: 40rpx;font-family: nav-font;">{{$utils.getretailer()?currentPrice.b2BPrice:currentPrice.b2CPrice}}</text>
<text style="font-size: 40rpx;font-family: nav-font;">{{discountPrice}}</text>
<text style="font-size: 22rpx">/起</text>
</view>
<view style="display: flex; align-items: center">
......@@ -1249,6 +1194,7 @@
configId: 0,
tcnum: "",
cityId: 0,
customerId: 0,
},
d: {},
scenicNum: 0, // 景点数量
......@@ -1298,21 +1244,105 @@
],
createBy: 0,
progress:[
{text:'1',colorStyle: 'active',},
{text:'2',colorStyle: ''},
{text:'3',colorStyle: ''},
{text:'4',colorStyle: ''},
{text:'',style: '',
colorStyle: '',
img:'https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638732528736165089.png'},
]
{
text:'1',
colorStyle: '',
radiusL: '',
radiusR: '',
},
{
text:'2',
colorStyle: '',
radiusL: '',
radiusR: '',
},
{
text:'3',
colorStyle: '',
radiusL: '',
radiusR: '',
},
{
text:'4',
colorStyle: '',
radiusL: '',
radiusR: '',
},
{
text:'',
colorStyle: '',
radiusL: '',
radiusR: '',
img:'https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638732528736165089.png'
},
],
stepNumber: 0,
UnfOddNumber: 0,
discountPrice: 0,
};
},
watch: {
stepNumber: {
deep: true,
immediate: true,
handler(newVal, oldVal) {
this.progress.forEach((x,index)=>{
if(this.stepNumber==0){
x.colorStyle = ""
x.radiusR = ""
x.radiusL = ""
}
if(this.stepNumber>0&&index<1){
x.colorStyle = "active"
x.radiusR = "VPBLRadiusR"
}
if(this.stepNumber>1&&index<2){
x.colorStyle = "active"
x.radiusL = ""
if(index<1){
x.radiusR = ""
}else{
x.radiusR = "VPBLRadiusR"
}
}
if(this.stepNumber>2&&index<3){
x.colorStyle = "active"
x.radiusL = ""
if(index<2){
x.radiusR = ""
}else{
x.radiusR = "VPBLRadiusR"
}
}
if(this.stepNumber>3&&index<4){
x.colorStyle = "active"
x.radiusL = ""
if(index<3){
x.radiusR = ""
}else{
x.radiusR = "VPBLRadiusR"
}
}
if(this.stepNumber>4&&index<5){
x.colorStyle = "active"
x.radiusL = ""
if(index<4){
x.radiusR = ""
}else{
x.radiusR = "VPBLRadiusR"
x.radiusL = "VPBLRadiusL"
}
}
})
},
},
},
created() {},
onLoad(option) {
this.mc = this.$uiConfig.mainColor;
console.log("option",option);
this.customer = uni.getStorageSync("b2b_user");
this.delMsg.customerId = this.customer.customerId
if (!option.scene) {
if (option.lineId) {
this.delMsg.lineId = option.lineId;
......@@ -1387,6 +1417,14 @@
this.mainColor = this.$uiConfig.mainColor;
},
methods: {
calcPzCouponHandler(){
this.couponList.forEach((x)=>{
if(x.expansionModel.denomination>0){
x.realDenomination = x.denomination
x.denomination =x.expansionModel.denomination
}
})
},
SelectSales(item){
this.SaleName = item.EmName
this.SaleId = item.CreateBy
......@@ -1416,6 +1454,7 @@
(res) => {
if (res.resultCode == 1) {
this.couponList = res.data
this.calcPzCouponHandler()
this.couponList.forEach(x=>{
if(x.couponsType==1 && x.denomination>this.maxCouponDiscount) this.maxCouponDiscount=x.denomination
if(x.couponsType==2){
......@@ -1423,6 +1462,9 @@
this.maxCouponDiscount = this.maxCouponDiscount<disMoney?disMoney:this.maxCouponDiscount
}
})
let money = this.$utils.getretailer()?this.currentPrice.b2BPrice:this.currentPrice.b2CPrice
this.discountPrice = money-this.maxCouponDiscount
}
},
(err) => { }
......@@ -1621,6 +1663,8 @@
this.getStartCitiesHandler()
res.data.tempImgCover = JSON.parse(res.data.imgCover);
this.dataList = res.data;
this.stepNumber = this.dataList.orderNum
this.UnfOddNumber = (Number(this.stepNumber)-5)*-1
try {
this.formatDay();
} catch (e) {
......@@ -2191,10 +2235,10 @@
display: flex;
flex-direction: row;
flex-wrap: nowrap;
margin-top: 18rpx;
margin-top: 10rpx;
}
.jz_MainTitleL{
margin-left: 20rpx;
}
.jz_MainTitleL img{
max-width: 88rpx;
......@@ -2202,10 +2246,13 @@
display: block;
position: relative;
top: 8rpx;
right: 15rpx;
}
.jz_MainTitleR{
width: 1px;
flex: 1;
font-size: 32rpx;
line-height: 1.5;
}
.jz_Maidian {
color: #999999;
......@@ -2719,7 +2766,6 @@
font-weight: 800;
font-size: 24rpx;
color: #FF3166;
margin-left: 15rpx;
}
.jz_LineDetaCZ.jz_LineDetaCZL{
flex: auto;
......@@ -2813,7 +2859,7 @@
.jz_LineDetaQTS{
display: flex;
align-items: center;
padding: 18rpx 0;
padding: 18rpx 0 0 0;
}
.jz_LineDetaQTSImg{
width: 26rpx;
......@@ -2844,6 +2890,7 @@
flex-direction: column;
padding: 15rpx 0 6rpx 0;
margin-top: 18rpx;
margin-bottom: 18rpx;
}
.jz_LineDetaVipTop{
font-family: PingFang SC;
......@@ -2880,7 +2927,7 @@
text-align: center;
line-height: 28rpx;
font-family: DIN Black;
font-weight: 400;
font-weight: bold;
font-size: 24rpx;
color: #494949;;
}
......@@ -2897,8 +2944,9 @@
width: 87rpx;
height: 99rpx;
position: absolute;
bottom: -30rpx;
right: 0rpx;
bottom: -35rpx;
right: 20rpx;
z-index: 2;
}
.jz_LineDetaVPBBox.active .jz_LineDetaVPBN{
background: linear-gradient(270deg, #C99E59, #FFFFB3);
......@@ -2906,16 +2954,12 @@
.jz_LineDetaVPBBox.active .jz_LineDetaVPBLine{
background: #C99E59;
color: #583F2C;
}
.VPBLRadiusR{
border-radius: 0 10rpx 10rpx 0;
}
.VPBLRadiusX{
border-radius: 10rpx;
}
.VPBLRadiusL{
border-radius: 10rpx 0 0 10rpx ;
border-radius: 20rpx 0 0 20rpx ;
}
.VPBLRadiusR{
border-radius: 0 20rpx 20rpx 0;
}
.jz_LineDetaVPBY{
position: absolute;
......@@ -2923,4 +2967,26 @@
right: 0;
top: 0;
}
.jz_LineTitleL{
padding: 0 15rpx 3rpx 0;
background: #000;
border-radius: 17rpx;
display: flex;
margin-right: 20rpx;
}
.jz_LineTitleLImg{
position: relative;
margin-right: 40rpx;
}
.jz_LineTitleLImg img{
width: 38rpx;
height: 41rpx;
position: absolute;
top: -6rpx;
}
.jz_LineTitleLText{
font-family: PingFang SC;
font-size: 24rpx;
color: #E2C27A;
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment