|
|
@@ -14,17 +14,17 @@
|
|
|
</view>
|
|
|
<view class="shopCont">
|
|
|
<view class="shopCtop">
|
|
|
- <view class="goodsPrice">
|
|
|
+ <view class="goodsPrice" >
|
|
|
<view class="goodsPrice2">￥</view>
|
|
|
- <view class="goodsPrice3">294</view>
|
|
|
- <view class="goodsPrice4" >原价：¥1998</view>
|
|
|
+ <view class="goodsPrice3">{{itemDefault.money}}</view>
|
|
|
+ <view class="goodsPrice4" v-if="itemDefault.showCrossedPrice==1">原价：¥{{itemDefault.crossedPrice}}</view>
|
|
|
</view>
|
|
|
<view class="shareBox" >
|
|
|
<view class="shareTxt">分享</view>
|
|
|
<image class="shareIcon" src="../../static/timg/share.png" mode=""></image>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="goodsName">【豪华车型】全合成机油保养套餐</view>
|
|
|
+ <view class="goodsName">{{detail.title}}</view>
|
|
|
<view class="goodsMSBox" >
|
|
|
<view class="goodsMs">高级全合成</view>
|
|
|
<view class="goodsMs">可选用5W30/5W40/0W20</view>
|
|
|
@@ -41,7 +41,7 @@
|
|
|
<view class="buyBOx">
|
|
|
<view class="buyLine">
|
|
|
<view class="buyTitle">已选车型</view>
|
|
|
- <view class="buyData">奥迪A42006款2.0TFSI无极 标准型(国2)
|
|
|
+ <view class="buyData">{{carInfo.carModel?carInfo.carModel:''}}
|
|
|
<image class="jtIcon" src="../../static/timg/jthei.png" mode=""></image>
|
|
|
</view>
|
|
|
</view>
|
|
|
@@ -109,9 +109,19 @@
|
|
|
<view class="goodsDetail" >
|
|
|
<view class="goodsDetailTitle">商品详情</view>
|
|
|
<!-- <view v-html="info.details" style="background: #fff;"></view> -->
|
|
|
- <rich-text :nodes="details" style="background: #fff;"></rich-text>
|
|
|
+ <rich-text :nodes="detail.detailContent" style="background: #fff;"></rich-text>
|
|
|
</view>
|
|
|
|
|
|
+ <view class="bottomTianc"></view>
|
|
|
+
|
|
|
+ <view class="bottom">
|
|
|
+ <view class="bleft">
|
|
|
+ <image class="kefuIcon" src="../../static/img2/kefu.png" mode=""></image>
|
|
|
+ <view style="text-align: center;font-size: 20rpx;color: #110B01;">客服</view>
|
|
|
+ </view>
|
|
|
+ <view class="Btn" @click="submitFn">提交订单</view>
|
|
|
+ </view>
|
|
|
+
|
|
|
|
|
|
</view>
|
|
|
</template>
|
|
|
@@ -131,18 +141,30 @@
|
|
|
{url:'http://dmsphoto.66km.com.cn/thFiles/53DA3E26-5FA3-42DE-95A4-10BA255290A6.png'},
|
|
|
],
|
|
|
goodsnum:1,
|
|
|
- details:'11233'
|
|
|
+ details:'11233',
|
|
|
+ maintainId:'',
|
|
|
+ detail:'',
|
|
|
+ itemDefault:'',
|
|
|
+ carInfo:'',
|
|
|
+
|
|
|
}
|
|
|
},
|
|
|
onLoad(opt) {
|
|
|
this.ext = this.$common.getExtStoreId();
|
|
|
this.themeColor = uni.getStorageSync("themeColor");
|
|
|
-
|
|
|
+ this.maintainId=opt.maintainId
|
|
|
+ this.carInfo=this.$store.state.carInfo;
|
|
|
+ this.getdetail()
|
|
|
},
|
|
|
onShow() {
|
|
|
|
|
|
},
|
|
|
methods: {
|
|
|
+ submitFn(){
|
|
|
+ uni.navigateTo({
|
|
|
+ url:'maintainSubmit'
|
|
|
+ })
|
|
|
+ },
|
|
|
calculation(type){
|
|
|
if(type==1){
|
|
|
if(this.goodsnum>1){
|
|
|
@@ -153,16 +175,21 @@
|
|
|
this.goodsnum++
|
|
|
}
|
|
|
},
|
|
|
- getAboutMember(){
|
|
|
+ getdetail(){
|
|
|
uni.showLoading({
|
|
|
title: '加载中'
|
|
|
})
|
|
|
- this.$http('miniApp2/sys/getAboutMember', {
|
|
|
- unionID:this.unionID
|
|
|
+ this.$http('openMaintain/detail/'+this.maintainId, {
|
|
|
+ /* maintainId:this.maintainId */
|
|
|
}, 'GET').then(res => {
|
|
|
uni.hideLoading();
|
|
|
-
|
|
|
-
|
|
|
+ this.detail=res.data
|
|
|
+ this.detail.packageItems.forEach(item=>{
|
|
|
+ if(item.isDefault==1){
|
|
|
+ this.itemDefault=item
|
|
|
+ }
|
|
|
+ })
|
|
|
+
|
|
|
})
|
|
|
},
|
|
|
|
|
|
@@ -449,5 +476,38 @@ color: #666E80;
|
|
|
}
|
|
|
.goodsDetail image{
|
|
|
width: 750rpx;
|
|
|
+}.bottom{
|
|
|
+ background: #FFFFFF;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ position: fixed;
|
|
|
+ width: 100%;
|
|
|
+ padding:30rpx 0;
|
|
|
+ padding-bottom: constant(safe-area-inset-bottom);
|
|
|
+ padding-bottom: env(safe-area-inset-bottom);
|
|
|
+ left: 0;bottom: 0;
|
|
|
+ box-shadow: 0rpx -2rpx 16rpx 0rpx rgba(153,153,153,0.2);
|
|
|
+}
|
|
|
+.bleft{
|
|
|
+ font-weight: 500;
|
|
|
+ color: #222222;
|
|
|
+ padding-left: 50rpx;
|
|
|
+}
|
|
|
+.Btn{
|
|
|
+ width: 532rpx;text-align: center;
|
|
|
+ height: 86rpx;line-height: 86rpx;
|
|
|
+ background: #FCD903;
|
|
|
+ border-radius: 43rpx;
|
|
|
+ font-size: 32rpx;
|
|
|
+ color: #110B01;
|
|
|
+ margin-right: 36rpx;
|
|
|
+}
|
|
|
+.kefuIcon{
|
|
|
+ width: 50rpx;height: 50rpx;
|
|
|
+}
|
|
|
+.bottomTianc{
|
|
|
+ height: 160rpx;
|
|
|
+ padding-bottom: constant(safe-area-inset-bottom);
|
|
|
+ padding-bottom: env(safe-area-inset-bottom);
|
|
|
}
|
|
|
</style>
|
