|
@@ -7,7 +7,7 @@
|
|
|
|
|
|
<!--商品轮播图-->
|
|
<!--商品轮播图-->
|
|
<app-goods-banner :pic-list="compositionList.banner_imgs" :range-key="'banner_imgs'"
|
|
<app-goods-banner :pic-list="compositionList.banner_imgs" :range-key="'banner_imgs'"
|
|
- :goods_id="compositionList.id" :isCart="false"></app-goods-banner>
|
|
|
|
|
|
+ :goods_id="compositionList.id" :isCart="false"></app-goods-banner>
|
|
<!-- 套装内商品 -->
|
|
<!-- 套装内商品 -->
|
|
<view style="background-color: #fff;">
|
|
<view style="background-color: #fff;">
|
|
<view class="link ">
|
|
<view class="link ">
|
|
@@ -19,35 +19,42 @@
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<hxj-scroll-list :itemWidth="'168rpx'" :itemHeight="'168rpx'" :list="list"></hxj-scroll-list>
|
|
<hxj-scroll-list :itemWidth="'168rpx'" :itemHeight="'168rpx'" :list="list"></hxj-scroll-list>
|
|
- <hxj-bd-info :theme="getTheme" :name="compositionList.name" :discount_amount="compositionList.discount_amount" :original-price="compositionList.price"
|
|
|
|
- :sales="Number(compositionList.sale_num)+Number(compositionList.virtual_sale_num)" :tag="compositionList.tag" :measure="compositionList.measure" :house_layout="compositionList.exampleHouse.name" :goods-id="compositionList.id" :coupons="goods_coupon_center" :extra-quick-share="extra_quick_share"
|
|
|
|
|
|
+ <hxj-bd-info :theme="getTheme" :name="compositionList.name"
|
|
|
|
+ :discount_amount="compositionList.discount_amount" :original-price="compositionList.actual_price"
|
|
|
|
+ :sales="Number(compositionList.sale_num)+Number(compositionList.virtual_sale_num)"
|
|
|
|
+ :tag="compositionList.tag" :measure="compositionList.measure" :estate_name="compositionList.estate.name"
|
|
|
|
+ :house_layout="compositionList.exampleHouse.name" :goods-id="compositionList.id"
|
|
|
|
+ :coupons="goods_coupon_center" :extra-quick-share="extra_quick_share"
|
|
:app-share-pic="app_share_pic ? app_share_pic : goods.pic_url[0].pic_url"
|
|
:app-share-pic="app_share_pic ? app_share_pic : goods.pic_url[0].pic_url"
|
|
:app-share-title="compositionList.name"
|
|
:app-share-title="compositionList.name"
|
|
:poster-config="poster_config + `&composition_id=` + compositionList.id"
|
|
:poster-config="poster_config + `&composition_id=` + compositionList.id"
|
|
- :poster-generate="poster_generate + `&composition_id=` + compositionList.id" :has-poster-nav="true" :goods="goods"
|
|
|
|
- @share="hShareAppMessage" @quickShare="quickShare" @receive="receive">
|
|
|
|
|
|
+ :poster-generate="poster_generate + `&composition_id=` + compositionList.id" :has-poster-nav="true"
|
|
|
|
+ :goods="goods" @share="hShareAppMessage" @quickShare="quickShare" @receive="receive">
|
|
</hxj-bd-info>
|
|
</hxj-bd-info>
|
|
- <view class="hxj-goods-list" :style="{ height: isOpen ? 'auto' : '270rpx' }">
|
|
|
|
|
|
+ <view class="hxj-goods-list" :style="{ height: isOpen ? 'auto' : '302rpx' }">
|
|
<view class="main-between" style="width: 560rpx;">
|
|
<view class="main-between" style="width: 560rpx;">
|
|
<view class="title">套装内商品</view>
|
|
<view class="title">套装内商品</view>
|
|
<view class="title">数量</view>
|
|
<view class="title">数量</view>
|
|
</view>
|
|
</view>
|
|
- <view class="main-between item"
|
|
|
|
- v-for="(item, index) in list"
|
|
|
|
- :key="index">
|
|
|
|
- <view class="main-between" style="width: 560rpx;">
|
|
|
|
- <view class="name t-omit">{{item.name}}</view>
|
|
|
|
- <view class="num">x{{item.goods_num}}</view>
|
|
|
|
- </view>
|
|
|
|
- <view class="zk cropss-center" v-if="index === 1 &&list.length>2 && isOpen === false" @click="isOpen = true">
|
|
|
|
- 展开
|
|
|
|
- <image src="https://t17.9026.com/web/statics/image/user-center/arrow-bottom.png" mode="">
|
|
|
|
- </image>
|
|
|
|
- </view>
|
|
|
|
- <view class="zk cropss-center" v-if="index===list.length-1 && isOpen === true" @click="isOpen = false">
|
|
|
|
- 收起
|
|
|
|
- <image src="https://t17.9026.com/web/statics/image/user-center/arrow-top.png" mode="">
|
|
|
|
- </image>
|
|
|
|
|
|
+ <view v-for="(item, index) in list" :key="index">
|
|
|
|
+ <view style="width: 525rpx;height: 1px;background: #EFEFEF;opacity: 0.63;margin-left: 62rpx;"></view>
|
|
|
|
+ <view class="main-between item">
|
|
|
|
+ <view class="main-between" style="width: 560rpx;">
|
|
|
|
+ <view class="name t-omit">{{item.name}}</view>
|
|
|
|
+ <view class="num">x{{item.goods_num}}</view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="zk cropss-center" v-if="index === 1 &&list.length>2 && isOpen === false"
|
|
|
|
+ @click="isOpen = true">
|
|
|
|
+ 展开
|
|
|
|
+ <image src="https://t17.9026.com/web/statics/image/user-center/arrow-bottom.png" mode="">
|
|
|
|
+ </image>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="zk cropss-center" v-if="index===list.length-1 && isOpen === true"
|
|
|
|
+ @click="isOpen = false">
|
|
|
|
+ 收起
|
|
|
|
+ <image src="https://t17.9026.com/web/statics/image/user-center/arrow-top.png" mode="">
|
|
|
|
+ </image>
|
|
|
|
+ </view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
@@ -77,11 +84,11 @@
|
|
</view>
|
|
</view>
|
|
<view class="bd-bottom u-bottom-height-0 cross-center dir-left-nowrap">
|
|
<view class="bd-bottom u-bottom-height-0 cross-center dir-left-nowrap">
|
|
<template v-if="exchangeStatus == null">
|
|
<template v-if="exchangeStatus == null">
|
|
- <view class="bd-back dir-top-nowrap main-center cross-center box-grow-0" @click="back">
|
|
|
|
|
|
+ <!-- <view class="bd-back dir-top-nowrap main-center cross-center box-grow-0" @click="back">
|
|
<image class="bd-icon"
|
|
<image class="bd-icon"
|
|
src="https://shop.9026.com/web/statics/image/mall/static/icon/index.png"></image>
|
|
src="https://shop.9026.com/web/statics/image/mall/static/icon/index.png"></image>
|
|
<text class="bd-text">首页</text>
|
|
<text class="bd-text">首页</text>
|
|
- </view>
|
|
|
|
|
|
+ </view> -->
|
|
<template v-if="is_negotiable !== 1">
|
|
<template v-if="is_negotiable !== 1">
|
|
<!-- 客服组件 -->
|
|
<!-- 客服组件 -->
|
|
<bd-service :name="name" :url="sendPath"></bd-service>
|
|
<bd-service :name="name" :url="sendPath"></bd-service>
|
|
@@ -89,8 +96,8 @@
|
|
<view class="bd-back dir-top-nowrap main-center cross-center box-grow-0" @click="setCollect">
|
|
<view class="bd-back dir-top-nowrap main-center cross-center box-grow-0" @click="setCollect">
|
|
<image class="bd-icon" :src="
|
|
<image class="bd-icon" :src="
|
|
compositionList.is_collect
|
|
compositionList.is_collect
|
|
- ? 'https://shop.9026.com/web/statics/image/mall/static/icon/icon-favorite-active.png'
|
|
|
|
- : 'https://shop.9026.com/web/statics/image/mall/static/icon/icon-favorite.png'
|
|
|
|
|
|
+ ? 'https://t17.9026.com/web/statics/image/index/icon-favorite-active.png'
|
|
|
|
+ : 'https://t17.9026.com/web/statics/image/index/icon-favorite.png'
|
|
"></image>
|
|
"></image>
|
|
<text class="bd-text">收藏</text>
|
|
<text class="bd-text">收藏</text>
|
|
</view>
|
|
</view>
|
|
@@ -106,8 +113,7 @@
|
|
}" :class="['bd-btn', leftTip]">
|
|
}" :class="['bd-btn', leftTip]">
|
|
加入购物车
|
|
加入购物车
|
|
</view> -->
|
|
</view> -->
|
|
- <view :class="['box-grow-1']"
|
|
|
|
- v-if="!(isTip == 0 && sell_time > 0)">
|
|
|
|
|
|
+ <view :class="['box-grow-1']" v-if="!(isTip == 0 && sell_time > 0)">
|
|
<app-jump-button form>
|
|
<app-jump-button form>
|
|
<view @click="clickAttr(1)" :style="{
|
|
<view @click="clickAttr(1)" :style="{
|
|
background: getTheme.background_gradient_btn ? getTheme.background_gradient_btn : '#999999',
|
|
background: getTheme.background_gradient_btn ? getTheme.background_gradient_btn : '#999999',
|
|
@@ -224,11 +230,11 @@
|
|
},
|
|
},
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
- id:'',//套餐id
|
|
|
|
|
|
+ id: '', //套餐id
|
|
isCouponShow: false,
|
|
isCouponShow: false,
|
|
list: [],
|
|
list: [],
|
|
isOpen: false, //hxj套装内商品是否展开
|
|
isOpen: false, //hxj套装内商品是否展开
|
|
- compositionList:{}, //套餐详情
|
|
|
|
|
|
+ compositionList: {}, //套餐详情
|
|
|
|
|
|
showClose: false,
|
|
showClose: false,
|
|
is_open: 0,
|
|
is_open: 0,
|
|
@@ -525,14 +531,19 @@
|
|
},
|
|
},
|
|
method: 'post'
|
|
method: 'post'
|
|
}).then(res => {
|
|
}).then(res => {
|
|
- if(res.code===0){
|
|
|
|
- this.compositionList=res.data
|
|
|
|
|
|
+ if (res.code === 0) {
|
|
|
|
+ this.compositionList = res.data
|
|
for (let i = 0; i < this.compositionList.compositionGoods.length; i++) {
|
|
for (let i = 0; i < this.compositionList.compositionGoods.length; i++) {
|
|
- let image=this.compositionList.compositionGoods[i].goods.cover_pic
|
|
|
|
- let id=this.compositionList.compositionGoods[i].goods.id
|
|
|
|
- let name=this.compositionList.compositionGoods[i].goods.name
|
|
|
|
- let goods_num=this.compositionList.compositionGoods[i].goods_num
|
|
|
|
- this.list.push({image,link:`/pages/goods/goods?id=${id}`,name,goods_num})
|
|
|
|
|
|
+ let image = this.compositionList.compositionGoods[i].goods.cover_pic
|
|
|
|
+ let id = this.compositionList.compositionGoods[i].goods.id
|
|
|
|
+ let name = this.compositionList.compositionGoods[i].goods.name
|
|
|
|
+ let goods_num = this.compositionList.compositionGoods[i].goods_num
|
|
|
|
+ this.list.push({
|
|
|
|
+ image,
|
|
|
|
+ link: `/pages/goods/goods?id=${id}`,
|
|
|
|
+ name,
|
|
|
|
+ goods_num
|
|
|
|
+ })
|
|
}
|
|
}
|
|
}
|
|
}
|
|
this.$hideLoading();
|
|
this.$hideLoading();
|
|
@@ -541,12 +552,12 @@
|
|
url: this.$api.coupon.list,
|
|
url: this.$api.coupon.list,
|
|
data: {
|
|
data: {
|
|
composition_id: id,
|
|
composition_id: id,
|
|
- limit:100,
|
|
|
|
|
|
+ limit: 100,
|
|
},
|
|
},
|
|
method: 'get'
|
|
method: 'get'
|
|
}).then(res => {
|
|
}).then(res => {
|
|
- if(res.code===0){
|
|
|
|
- this.goods_coupon_center=res.data.list
|
|
|
|
|
|
+ if (res.code === 0) {
|
|
|
|
+ this.goods_coupon_center = res.data.list
|
|
}
|
|
}
|
|
})
|
|
})
|
|
// return new Promise((resolve, reject) => {
|
|
// return new Promise((resolve, reject) => {
|
|
@@ -697,10 +708,11 @@
|
|
data: {
|
|
data: {
|
|
composition_id: this.id
|
|
composition_id: this.id
|
|
},
|
|
},
|
|
- method:'post'
|
|
|
|
|
|
+ method: 'post'
|
|
}).then(response => {
|
|
}).then(response => {
|
|
if (response.code === 0) {
|
|
if (response.code === 0) {
|
|
- this.compositionList.is_collect==0?this.compositionList.is_collect=1:this.compositionList.is_collect=0
|
|
|
|
|
|
+ this.compositionList.is_collect == 0 ? this.compositionList.is_collect = 1 : this
|
|
|
|
+ .compositionList.is_collect = 0
|
|
} else {
|
|
} else {
|
|
uni.showModal({
|
|
uni.showModal({
|
|
title: '提示',
|
|
title: '提示',
|
|
@@ -768,7 +780,7 @@
|
|
|
|
|
|
.hxj-goods-list {
|
|
.hxj-goods-list {
|
|
width: 100%;
|
|
width: 100%;
|
|
- height: 270rpx;
|
|
|
|
|
|
+ height: 302rpx;
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
padding: 50rpx 43rpx 50rpx 51rpx;
|
|
padding: 50rpx 43rpx 50rpx 51rpx;
|
|
background-color: #fff;
|
|
background-color: #fff;
|
|
@@ -781,6 +793,7 @@
|
|
}
|
|
}
|
|
|
|
|
|
.item {
|
|
.item {
|
|
|
|
+ height: 69rpx;
|
|
.name {
|
|
.name {
|
|
width: 300rpx;
|
|
width: 300rpx;
|
|
font-size: 24rpx;
|
|
font-size: 24rpx;
|