1

pages.json

@@ -611,7 +611,26 @@
 						"style": {
 							"navigationBarTitleText": "新车"
 						}
+					},
+					{
+						"path": "maintain",
+						"style": {
+							"navigationBarTitleText": "保养"
+						}
+					},
+					{
+						"path": "maintainItem",
+						"style": {
+							"navigationBarTitleText": "商品详情"
+						}
+					},
+					{
+						"path": "maintainSubmit",
+						"style": {
+							"navigationBarTitleText": "提交订单"
+						}
 					}
+					
 				]
 				
 		}],

pages/index/index.vue

@@ -108,7 +108,8 @@
 			<!-- 有车 -->
 			<!-- 无车 -->
 			<view class="nocarBox" v-if="!carInfo" >
-				<image @click="addCar" :src="appletHomeSetting.carAddImage" mode="" style="width: 100%;height: 148rpx;"></image>
+				<image @click="addCar" v-if="appletHomeSetting.carAddImageType!=1"  :src="appletHomeSetting.carAddImage" mode="" style="width: 100%;height: 148rpx;"></image>
+				<image @click="addCar" v-else  src="http://dmsphoto.66km.com.cn/thFiles/1A5B68D2-6627-406D-A775-550C92979026.png" mode="" style="width: 100%;height: 148rpx;"></image>
 				<!-- <view style="display: flex;">
 					<image v-if="appletHomeSetting.carAddImageType==1" src="../../static/img2/pic.png" mode="" class="carAddImage"></image>
 					<image v-else :src="appletHomeSetting.carAddImage" mode="" class="carAddImage"></image>
@@ -120,9 +121,11 @@
 				<view class="addCarBtn" @click="addCar">添加爱车</view> -->
 				
 			</view>
+			
 			<!-- 无车 -->
 
 		</view>
+		<view v-if="!carInfo" style="margin-top: -80rpx;"></view>
 		<view class="contBox">
 		<!-- 服务顾问 -->
 		<view v-if="homeCardList.openMUsers">
@@ -197,15 +200,15 @@
 			<view class="goodsBox">
 				<view class="goodsTabBox">
 					<view class="goodsTab " :class="{goodsACt:tabIndex==index}" v-for="(item,index) in appletHomeSetting.sortSettingList">
-						<view @click="tabFn(index)" v-if="item.type==2">热销商品</view>
-						<view @click="tabFn(index)" v-if="item.type==1">热门活动</view>
-						<view @click="tabFn(index)" v-if="item.type==3&&homeCardList.isShowMaintain==1">{{homeCardList.maintainTitle}}</view>
+						<view @click="tabFn(index,item.type)" v-if="item.type==2">热销商品</view>
+						<view @click="tabFn(index,item.type)" v-if="item.type==1">热门活动</view>
+						<view @click="tabFn(index,item.type)" v-if="item.type==3&&homeCardList.isShowMaintain==1">{{homeCardList.maintainTitle}}</view>
 						<image v-if="tabIndex==index" class="activeGoodsIcon" src="../../static/img2/activeGoods.png" mode=""></image>
 					</view>
 					
 				</view>
-				<view class="goodsLIneBox">
-					<view class="goodsLine">
+				<view class="goodsLIneBox" v-if="tabType==3">
+					<view class="goodsLine" @click="goMaintain">
 						<view class="goodsLeft">
 							<image class="goodsIcon" src="../../static/img2/icon_1.png" mode=""></image>
 						</view>
@@ -239,6 +242,101 @@
 				</view>
 			</view>
 			<!-- 商品区 -->
+			<!-- 热门商品 -->
+			<view v-if="OpenMGoods&&tabType==2">
+				<view class="" v-if="OpenMGoods.goodsList&&OpenMGoods.goodsList.length>0">
+					<view class="Hot" v-if="OpenMGoods.showType==1">
+						<!-- <view class="hotTop">
+							<view class="hotLeft">
+								<view class="hotSx" :style="{background:'#'+themeColor}"></view>
+								<view class="hottitle">{{OpenMGoods.showTitle?OpenMGoods.showTitle:'热门商品'}}</view>
+							</view>
+							<view class="hotRight" @click="goShop">
+								<view class="hotMore">更多</view>
+								<img src="../../static/timg/icon_arrow_right.png" alt="" class="hotMoreJt">
+							</view>
+						</view> -->
+						<view v-if="OpenMGoods.showLayout==1">
+							<view class="hotGoodsLine" v-for="(item,index) in OpenMGoods.goodsList" @click="goGoods(item)" v-if="index<OpenMGoods.showCount">
+								<view>
+									<image :src="item.url" mode="" class="hotGoodsLineImg"></image>
+								</view>
+								<view class="hotGoodsLineRIght">
+									<view class="goodsName">{{item.name}}</view>
+								    <view class="Sold">
+										<view v-if="item.showLabel&&item.showLabel.indexOf('3')!=-1">
+											已售 {{item.saleQty>0?item.saleQty:0}}
+										</view>
+									</view>
+									<view class="goodsPrice">
+										<view class="goodsPrice1" >{{item.saleLabel}}</view><!-- :style="{color:'#'+themeColor}" -->
+										<view class="goodsPrice2" >￥</view>
+										<view class="goodsPrice3" >{{item.salePrice}}
+										  <span v-if="item.categoryIds=='7B97D114-C419-42B2-9C1E-0B4CA284CDA0'">万</span>
+										</view>
+										<view class="goodsPrice4" v-if="item.showLabel&&item.scribingPrice&&item.showLabel.indexOf('1')!=-1">￥{{item.scribingPrice}}</view>
+									</view>
+								</view>
+							</view>
+						</view>
+						
+						
+						<!-- 俩列的 -->
+						<div class="goodsTwo" v-if="OpenMGoods.showLayout==2">
+							<div class="goodsTwoLine" v-for="(item,index) in OpenMGoods.goodsList" @click="goGoods(item)" v-if="index<OpenMGoods.showCount">
+								<div class="goodsTwoImg">
+									<image :src="item.url" mode="" class="hotGoodsLineImg"></image>
+								</div>
+								<div class="goodsTwoName">{{item.name}}</div>
+								<view class="Sold">
+									<view v-if="item.showLabel&&item.showLabel.indexOf('3')!=-1">
+										已售 {{item.saleQty>0?item.saleQty:0}}
+									</view>
+								</view>
+								<view class="goodsPrice">
+									<view class="goodsPrice1" >{{item.saleLabel}}</view><!-- :style="{color:'#'+themeColor}" -->
+									<view class="goodsPrice2" >￥</view>
+									<view class="goodsPrice3" >{{item.salePrice}}
+									  <span v-if="item.categoryIds=='7B97D114-C419-42B2-9C1E-0B4CA284CDA0'">万</span>
+									</view>
+									<view class="goodsPrice4" v-if="item.showLabel&&item.scribingPrice&&item.showLabel.indexOf('1')!=-1">￥{{item.scribingPrice}}</view>
+								</view>
+							</div>
+						</div>
+					</view>
+				</view>
+			</view>
+			
+			<!-- 热门活动 -->
+			<view v-if="openMActivity&&openMActivity.openCollectingList&&tabType==1">
+				<view class="Hot" v-if="openMActivity.openCollectingList.length>0">
+					<!-- <view class="hotTop">
+						<view class="hotLeft">
+							<view class="hotSx" :style="{background:'#'+themeColor}"></view>
+							<view class="hottitle">{{homeCardList.openMActivity.showTitle?homeCardList.openMActivity.showTitle:'热门活动'}}</view>
+						</view>
+						<view class="hotRight" @click="moreJk">
+							<view class="hotMore">更多</view>
+							<img src="../../static/timg/icon_arrow_right.png" alt="" class="hotMoreJt">
+						</view>
+					</view> -->
+					<view class="hotLine" @click="goJk(item)" v-for="(item,index) in openMActivity.openCollectingList" v-if="index<openMActivity.showCount"> 
+						<view class="hotLineTop">
+							<image class="hotLineTopImg" :src="item.img" mode=""></image>
+						    <view class="hotlineTimebox">
+						    	<!-- <view class="hotlinestate1" v-if="item.state==2">进行中</view>
+								<view class="hotlinestate2" v-if="item.state==1">未开始</view> -->
+								<image class="jkStateImg" v-if="item.state==2" src="http://dmsphoto.66km.com.cn/thFiles/85EAAA7F-01A6-41A6-B25B-72FAD3E451AC.png" mode="" ></image>
+								<image class="jkStateImg" v-if="item.state==1" src="http://dmsphoto.66km.com.cn/thFiles/EB46639B-85C9-4246-A3E3-EA87944DFC36.png" mode="" ></image>
+								<view class="hotTime">{{item.startTime.slice(0,10)}}-{{item.endTime.slice(0,10)}}</view>
+						    </view>
+						</view>
+						<view class="hotName">{{item.activityName}}</view>
+						<view class="groupType" v-if="item.groupType">拼团</view>
+					</view>
+					
+				</view>
+			</view>
 			
 		</view>
 		 
@@ -337,7 +435,8 @@
 				activityModulesShow:false,
 				tabIndex:0,
 				OpenMGoods:'',
-				OpenMActivity:'',
+				openMActivity:'',
+				tabType:'',
 			}
 		},
 		onLoad(opt) {
@@ -433,20 +532,27 @@
 			}, 1000);
 		},
 		methods: {
+			goMaintain(){
+			  uni.navigateTo({
+			  	url:'../subPack/maintain'
+			  })	
+			},
 			tabData(){
 				this.$http('openHome/queryOpenMGoods', {
 				 unionId:this.unionId
 				 },'GET').then(res => {
-					 
+					 this.OpenMGoods=res.data
+					
 				 })
 				 this.$http('openHome/queryOpenMActivity', {
 				  unionId:this.unionId
 				  },'GET').then(res => {
-				 	 
+				 	 this.openMActivity=res.data
 				  })
 			},
-			tabFn(index){
+			tabFn(index,tpye){
 			  this.tabIndex=index	
+			  this.tabType=tpye
 			},
 			activityModulesHide(){
 				this.activityModulesShow=false
@@ -1130,9 +1236,11 @@
 								this.carInfo=''
 								this.$store.commit('mutationscarInfo', '')
 				  		}else{
-							if(res.data){
+							if(res.data&&res.data!='null'){
+							
 								this.carInfo = res.data
 							}else{
+								
 								this.carInfo=''
 							}
 							 this.$store.commit('mutationscarInfo', this.carInfo)
@@ -1233,6 +1341,7 @@
 				 		this.homeCardList=res.data;
 						this.appletHomeSetting=res.data.appletHomeSetting;
 						var appletHomeSetting=this.appletHomeSetting
+						this.tabType=appletHomeSetting.sortSettingList[0].type
 						if(this.homeCardList.activityModules.length>0){
 							this.activityModulesShow=true
 						}
@@ -1836,4 +1945,145 @@ color: #EC0F0A;margin-right: 10rpx;
 	.closeTk{
 		width: 60rpx;height: 60rpx;
 	}
+	.hotGoodsLine{
+		/* margin-top: 30rpx; */
+		padding: 20rpx;
+		background: #FFFFFF;
+		border-radius: 16rpx;
+		display: flex;
+	}
+	.hotGoodsLineImg{
+		width: 208rpx;
+		height: 194rpx;
+		border-radius: 16rpx;
+		border: 1px solid #EEEEEE;
+		display: block;
+	}
+	.goodsName{
+		font-size: 28rpx;
+		font-family: PingFangSC-Regular, PingFang SC;
+		font-weight: 400;
+		color: #333333;
+		line-height: 40rpx;
+		text-overflow: -o-ellipsis-lastline;
+		overflow: hidden;				
+		text-overflow: ellipsis;		
+		display: -webkit-box;			
+		-webkit-line-clamp: 2;		
+		line-clamp: 2;					
+		-webkit-box-orient: vertical;
+	}
+	.hotGoodsLineRIght{
+		padding-left: 24rpx;
+	}
+	.goodsPrice{
+		display: flex;
+		padding-top: 10rpx;
+	}
+	.goodsPrice1{
+		font-size: 24rpx;
+		font-weight: 400;
+		color: #FF0000;
+		padding-top: 8rpx;
+	}
+	.goodsPrice2{
+		font-size: 22rpx;
+		font-weight: 400;
+		color: #FF0000;
+		padding-top: 10rpx;
+	}
+	.goodsPrice3{
+		font-size: 32rpx;
+		font-weight: 500;
+		color: #FF0000;
+	}
+	
+	.goodsPrice4{
+		font-size: 24rpx;
+		font-weight: 400;
+		color: #999999;
+		padding-top: 8rpx;
+		padding-left: 10rpx;
+		text-decoration:line-through;
+	}
+	.Sold{
+		font-weight: 400;
+		color: #999999;
+		font-size: 24rpx;
+		padding-top: 8rpx;
+	}
+	.jkStateImg{
+		width: 102rpx;
+		height: 53rpx;
+		position: relative;
+	}
+	.hotLineTopImg{
+		width: 702rpx;
+		height: 280rpx;
+		display: block;
+	}
+	.hotLineTop{
+		position: relative;
+		height: 280rpx;
+	}
+	.hotLine{
+		margin-top: 20rpx;
+		border-radius: 10rpx;
+		background: #FFFFFF;
+		overflow: hidden;
+		position: relative;
+	}
+	.groupType{
+		width: 76rpx;color: #FFFFFF;
+		height: 36rpx;line-height: 36rpx;text-align: center;
+		background: linear-gradient(109deg, #FD5A04 0%, #FD0900 100%);
+		border-radius: 0rpx 10rpx 0rpx 10rpx;
+		position: absolute;font-weight: 500;
+		top: 0;right: 0;font-size: 24rpx;
+	}
+	.hotlinestate1{
+		width: 102rpx;
+		height: 44rpx;
+		background:#FBBF00 ; 	
+		line-height: 44rpx;
+		font-weight: 500;
+		color: #333333;
+		font-size: 24rpx;
+		text-align: center;
+	}
+	.hotlinestate2{
+		width: 102rpx;
+		height: 44rpx;
+		background:#FF0000 ; 	
+		line-height: 44rpx;
+		font-weight: 500;
+		color: #FFFFFF;
+		font-size: 24rpx;
+		text-align: center;
+	}
+	.hotlineTimebox{
+		position: absolute;
+		left: 0;
+		bottom: 0;
+		
+		display: flex;
+		align-items: flex-end;
+	}
+	.hotTime{
+		background: rgba(0, 0, 0, 0.5);
+		font-weight: 400;
+		color: #FFFFFF;
+		font-size: 24rpx;
+		/* line-height: 44rpx; */
+		padding: 5rpx 20rpx;
+		margin-top: 9rpx;
+		margin-left: -8rpx;
+		border-radius: 0px 10rpx 0px 0px;
+	}
+	.hotName{
+		padding: 24rpx 20rpx;
+		color: #333333;
+		line-height: 40rpx;
+		font-size: 28rpx;
+	}
 </style>

pages/subPack/maintain.vue

@@ -0,0 +1,696 @@
+<template>
+<view class="box">
+ <view class="top" :style="{background:'#'+themeColor}">
+	 <view class="inputBox">
+		 <view class="ibLeft">
+			 <image class="ibCarIcon" src="../../static/timg/nocar.png" mode=""></image>
+			 <view class="ibCarBox">
+				 <view class="ibCar">大众 捷达</view>
+				 <image src="../../static/img2/xia.png" mode="" class="xiaIcon"></image>
+			 </view>
+		 </view>
+		 <view class="ibRight">
+			 <image src="../../static/img2/gl.png" mode="" class="glIcon"></image>
+			 <input type="text" placeholder="暂无填写" class="glInput"/>
+			 <image src="../../static/img2/xia.png" mode="" class="xiaIcon"></image>
+		 </view>
+	 </view>
+	 <view class="msBox">
+		 <view class="msLine">
+			 <image class="msIcon" src="../../static/img2/zp.png" mode=""></image>
+			 <view class="msTxt">正品保障</view>
+		 </view>
+		 <view class="msLine">
+			 <image class="msIcon" src="../../static/img2/jp.png" mode=""></image>
+			 <view class="msTxt">精准适配</view>
+		 </view>
+		 <view class="msLine">
+			 <image class="msIcon" src="../../static/img2/shwy.png" mode=""></image>
+			 <view class="msTxt">售后无忧</view>
+		 </view>
+		 <view class="msLine">
+			 <image class="msIcon" src="../../static/img2/zyfw.png" mode=""></image>
+			 <view class="msTxt">专业服务</view>
+		 </view>
+	 </view>
+ </view>
+ 
+ <!-- 适配推荐	-->
+ <view class="spBox">
+		 <view class="spTop">
+		 		 <view class="spTitle">适配推荐</view>
+		 		 <view class="spMs">
+		 			 <span>保养记录</span>
+		 			 <span>  | </span>
+		 			 <span>保养手册</span>
+		 		 </view>
+		 </view>
+		 <view class="znBox">
+			 <view class="znCont">
+				 <view class="znCar">智能推荐-大众 捷达</view>
+				 <view>
+					 <image class="hxIcon" src="../../static/img2/hx.png" mode=""></image>
+				 </view>
+				 <view class="znMs">超期不保养,会影响汽车性能!</view>
+			
+			 </view>
+		 </view>
+		 <!-- 套餐-->
+		 <view class="lineBox">
+			 <view class="line" @click="goItem">
+				 <view class="lineTop">
+					 <image class="lineImg" src="../../static/timg/noimg.png" mode=""></image>
+					 <view class="lineNameBox">
+						 <view class="goodsName">全合成机油保养2次</view>
+						 <view class="goodsMs">含:发动机机油、机油滤芯、雾化杀菌等</view>
+						 <view class="goodsKbox">
+						 	<view class="goosK1">增效全合成</view>
+						 	<view class="goosK2">粘度级别</view>
+						 	<!-- <view class="goosK2">0W-20/5W-40/5W-30</view> -->
+						 </view>
+						 <view class="bfb">有91.4%的车主选择本商品</view>
+					 </view>
+				 </view>
+				 <view class="tcBox">
+					 <view class="tcLine">
+						 <view class="tcTitle">
+							 <view class="tcName">单次购买</view>
+							 
+						 </view>
+						 <view class="tcprice">
+							 <span class="tcSpan1">¥</span>
+							 <span class="tcSpan2">294</span>
+							 <span class="tcSpan3">/次</span>
+						 </view>
+					 </view>
+					 <view class="tcLine">
+						 <view class="tcTitle">
+							 <view class="tcName">保养超值卡</view>
+							 <view class="tcNameTs">2次更划算</view>
+						 </view>
+						 <view class="tcprice">
+							 <span class="tcSpan1">¥</span>
+							 <span class="tcSpan2">294</span>
+							 <span class="tcSpan3">/次</span>
+							 <span class="tcSpan3" style="padding-left: 10rpx;">2次</span>
+							 <span class="tcSpan1">¥588</span>
+						 </view>
+					 </view>
+				 </view>
+			 </view>
+		 </view>
+	 
+ </view>
+ 
+ <view class="bottom">
+ 	<view class="kaBox">
+		<view class="ka">
+			<view class="kaLeft">
+				<image class="vipIcon" src="../../static/img2/vip.png" mode=""></image>
+				<view class="kaMS">开通权益卡 可享受更多优惠服务</view>
+			</view>
+			<view class="kaRight">去开卡></view>
+		</view>
+	</view>
+	<view class="bottomView">
+		<view class="bLeft">
+			<view class="bLeftImgBox">
+				<image class="qingdanIcon" src="../../static/img2/qingdan.png" mode=""></image>
+				<view class="qdTxt">清单</view>
+				<view class="qdNum">1</view>
+			</view>
+			<view>
+				<view class="bottomprice">
+					<span class="bSpan1">￥</span>
+					<span class="bSpan2">298</span>
+				</view>
+				<view class="byh">
+					<span class="bspan3">已优惠</span>
+					<span class="bspan4"> ¥0</span>
+				</view>
+			</view>
+		</view>
+		<view class="bottomBtn">立即购买</view>
+	</view>
+ </view>
+ <!-- 提交订单弹框-->
+ <view class="tkBox">
+	 <view class="tkCont">
+		 <view class="tkTop">
+			 <image class="tkImg" src="../../static/timg/noimg.png" mode=""></image>
+			 <view class="tkNameBox">
+				 <view class="tkName">【豪华车型】全合成机油保养套餐</view>
+				 <view class="goodsPrice">
+				 	<view class="goodsPrice2">￥</view>
+				 	<view class="goodsPrice3">294</view>
+				 	<view class="goodsPrice4" >原价：¥1998</view>
+				 </view>
+				 
+			 </view>
+			 <image class="chahao" src="../../static/img2/chahao.png" mode=""></image>
+		 </view>
+		 <view class="buyLine">
+		 		 <view class="buyTitle">商品规格</view>
+		 		 <view class="buyData">
+		 				 <view class="goodsGuige activeGuige" style="margin-right: 24rpx;">单次购买</view>
+		 				 <view class="goodsGuige">保养套餐卡</view>
+		 			 </view>
+		 </view>
+		 <view class="buyLine">
+		 		 <view class="buyTitle">商品数量</view>
+		 		 <view class="buyData">
+		 				 <view class="numJsbox">
+		 				 	<view class="numJj" @click="calculation(1)">-</view>
+		 				 	<view class="goodsnum">
+		 				 	 <input type="number" value="" v-model="goodsnum" class="goodsnumInput"/>
+		 				 	</view>
+		 				 	<view class="numJj" @click="calculation(2)">+</view>
+		 				 </view>
+		 			 </view>
+		 </view>
+		 
+		 <view class="tkBottom">
+			 <view class="tkBottomBtn" @click="goSubmit">立即购买</view>
+		 </view>
+		 
+	 </view>
+ </view>
+ 
+ 
+ 
+ <!-- 提交订单弹框-->
+</view>
+</template>
+
+<script>
+	export default {
+		components: {
+			
+		},
+		
+		data() {
+			return {
+				themeColor:'',
+				ext:'',
+				goodsnum:1,
+			}
+		},
+		onLoad(opt) {
+			this.ext = this.$common.getExtStoreId();
+			this.themeColor = uni.getStorageSync("themeColor");
+			uni.setNavigationBarColor({
+				frontColor: "#000000",
+				backgroundColor: '#' + this.themeColor
+			})
+		},
+		onShow() {
+			
+		},
+		methods: {
+			goItem(){
+			  uni.navigateTo({
+			  	url:'maintainItem'
+			  })	
+			},
+			goSubmit(){
+				uni.navigateTo({
+					url:'maintainSubmit'
+				})
+			},
+			getAboutMember(){
+				uni.showLoading({
+					title: '加载中'
+				})
+				this.$http('miniApp2/sys/getAboutMember', {
+				    unionID:this.unionID
+				}, 'GET').then(res => {
+					uni.hideLoading();
+					
+				
+				})
+			},
+			calculation(type){
+				if(type==1){
+					if(this.goodsnum>1){
+						this.goodsnum--
+					}
+				}else{
+					console.log("+++")
+						this.goodsnum++
+				}
+			},
+			
+			
+			
+		}
+	}
+</script>
+
+<style scoped lang="less">
+.box {
+	width: 100vw;
+	min-height: 100vh;
+	background: #F4F4F4;
+}
+.tkBox{
+	width: 100vw;height: 100vh;background: rgba(0,0,0,0.5);
+	position: fixed;left: 0;top: 0;
+}
+.tkCont{
+	width: 750rpx;
+	height: 611rpx;
+	background: #FFFFFF;
+	border-radius: 28rpx 28rpx 0rpx 0rpx;
+	position: absolute;
+	left: 0;bottom: 0;
+	padding-bottom: constant(safe-area-inset-bottom);
+	padding-bottom: env(safe-area-inset-bottom);
+}
+.top{
+	height: 170rpx;
+	padding: 40rpx 24rpx;
+}
+.inputBox{
+	background: rgba(255,255,255,0.5);
+	border-radius: 38rpx;line-height: 42rpx;
+	border: 2rpx solid #FFFFFF;
+	padding: 18rpx 30rpx;font-size: 26rpx;color: #222222;
+	display: flex;justify-content: space-between;
+}
+.xiaIcon{
+	width: 12rpx;height: 9rpx;margin-top: 18rpx;
+}
+.ibCarIcon{
+	height: 42rpx;width: 42rpx;
+}
+.glIcon{
+	width: 34rpx;height: 34rpx;margin-top: 6rpx;
+}
+.ibLeft{
+	display: flex;
+}
+.ibRight{
+	display: flex;
+}
+.ibCarBox{
+	display: flex;
+}
+.glInput{
+	width: 160rpx;line-height: 42rpx;height: 42rpx;
+	padding-left: 10rpx;
+}
+.msIcon{
+	width: 20rpx;height: 20rpx;margin-top: 4rpx;
+}
+.msTxt{
+	font-weight: 500;margin-left: 12rpx;
+	font-size: 20rpx;
+	color: #A77102;
+}
+.msLine{
+	display: flex;line-height: 28rpx;
+}
+.msBox{
+	display: flex;justify-content: space-between;padding-top: 24rpx;
+	padding-left: 30rpx;padding-right: 30rpx;
+}
+.spBox{
+	background: linear-gradient( 180deg, #FFFFFF 0%, #F4F4F4 100%);
+	border-radius: 23rpx;
+	padding: 24rpx 20rpx 0 24rpx;
+	margin-top: -50rpx;
+}
+.spTop{
+	display: flex;justify-content: space-between;line-height: 40rpx;
+	padding-bottom: 16rpx;
+}
+.spTitle{
+	font-weight: 500;
+	font-size: 28rpx;
+	color: #222222;
+}
+.spMs{
+	font-size: 24rpx;
+	color: #666666;
+}
+.znBox{
+	height: 200rpx;
+	background: #FDC856;
+	border-radius: 21rpx;
+}
+.znCont{
+	background: url('http://dmsphoto.66km.com.cn/thFiles/A88B34CF-1BEB-4E0F-8C0B-E6FD2C858B73.png') no-repeat;
+	background-size: 100% 100%;
+	height: 148rpx;
+}
+.hxIcon{
+	height: 4rpx;width: 360rpx;
+	margin-left: 18rpx;margin-top: 20rpx;
+    display: block;
+}
+.znMs{
+	font-size: 24rpx;
+	color: #FFFFFF;
+	line-height: 33rpx;
+	padding-left: 18rpx;padding-top: 16rpx;
+}
+.znCar{
+	font-weight: 500;padding-left: 18rpx;
+	font-size: 32rpx;padding-top: 24rpx;
+	color: #8C5E24;
+	line-height: 45rpx;
+}
+.line{
+	background: #FFFFFF;padding: 24rpx;
+	border-radius: 16rpx;
+}
+.lineImg{
+	width: 162rpx;
+	height: 162rpx;
+	border-radius: 10rpx;
+}
+.lineTop{
+	display: flex;
+}
+.lineBox{
+	margin-top: -52rpx;
+}
+.goodsKbox{
+	display: flex;flex-wrap: wrap;
+}
+.goosK1 {
+	height: 25rpx;line-height: 25rpx;padding: 0 8rpx;
+	border: 1rpx solid #EC0F0A;font-size: 18rpx;
+color: #EC0F0A;margin-right: 10rpx;
+}
+.goosK2{
+	height: 25rpx;line-height: 25rpx;padding: 0 8rpx;color: #000000;
+	border: 1rpx solid #FCD903;font-size: 18rpx;
+}
+.goodsName{
+	font-weight: 500;
+	font-size: 28rpx;
+	color: #222222;
+	line-height: 40rpx;
+}
+.goodsMs{
+	font-weight: 400;padding-top: 5rpx;
+	font-size: 20rpx;padding-bottom: 10rpx;
+	color: #8B8B8B;
+	line-height: 28rpx;
+}
+.bfb{
+	font-size: 20rpx;padding-top: 10rpx;
+	color: #FFD804;
+	line-height: 28rpx;
+}
+.lineNameBox{
+	padding-left: 20rpx;    width: 500rpx;
+}
+.tcLine{
+	background: #F5F5F5;
+	border-radius: 14rpx;
+	border: 1px solid #E0E0E0;
+	width: 316rpx;
+	height: 138rpx;
+}
+.tcName{
+	font-weight: 500;
+	font-size: 28rpx;
+	color: #435B6E;
+	line-height: 40rpx;
+	padding-left: 25rpx;padding-top: 24rpx;
+}
+.tcTitle{
+	display: flex;
+}
+.tcprice{
+	padding-top: 4rpx;font-size: 20rpx;
+color: #666666;padding-left: 25rpx;
+}
+.tcSpan2{
+	font-size: 34rpx;
+	color: #000000;
+}
+.tcSpan2{
+	font-size: 20rpx;
+	color: #000000;
+}
+.tcNameTs{
+	width: 99rpx;margin-top: 30rpx;margin-left: 10rpx;
+	height: 25rpx;
+	background: #FE0200;
+	text-align: center;
+	line-height: 26rpx;
+	font-size: 18rpx;
+	color: #FFFFFF;
+}
+.tcBox{
+	display: flex;justify-content: space-between;
+	padding-top: 26rpx;
+}
+.bottom{
+	width: 100%;
+	height: 186rpx;
+	position: fixed;
+	bottom: 0rpx;
+	padding-bottom: constant(safe-area-inset-bottom);
+	padding-bottom: env(safe-area-inset-bottom);
+}
+.kaBox{
+	height: 70rpx;
+}
+.bottomView{
+	background: #FFFFFF;
+}
+.vipIcon{
+	width: 47rpx;height: 45rpx;
+}
+.ka{
+	display: flex;justify-content: space-between;
+	background: #FEE0B9;
+	padding: 12rpx 20rpx;
+}
+.kaLeft{
+	display: flex;line-height: 45rpx;
+}
+.kaMS{
+	font-size: 22rpx;
+	color: #666666;padding-left: 15rpx;
+}
+.kaRight{
+	line-height: 45rpx;font-size: 22rpx;
+color: #A26D4F;
+}
+.bottomBtn{
+	width: 223rpx;
+	height: 86rpx;
+	background: #FCD903;
+	border-radius: 43rpx;
+	line-height: 86rpx;
+	text-align: center;
+	font-size: 32rpx;
+	color: #110B01;
+}
+.bottomView{
+	display: flex;justify-content: space-between;
+	padding: 15rpx 30rpx;
+}
+.qingdanIcon{
+	width: 40rpx;height: 45rpx;
+}
+.bLeft{
+	display: flex;
+}
+.bLeftImgBox{
+	position: relative;text-align: center;padding-top: 12rpx;
+}
+.qdNum{
+	position: absolute;
+	width: 22rpx;
+	height: 22rpx;
+	background: #EC0F0A;
+	text-align: center;line-height: 22rpx;
+	font-size: 16rpx;
+	color: #FFFFFF;
+	top: -2rpx;
+	right: -4rpx;
+	border-radius: 50%;
+}
+.qdTxt{
+	font-size: 20rpx;
+	color: #666666;
+	line-height: 28rpx;
+}
+.bottomprice{
+	padding-left: 38rpx;
+	font-weight: 600;
+	font-size: 20rpx;padding-top: 12rpx;
+	color: #EC0F0A;line-height: 45rpx;
+}
+.byh{
+	padding-left: 38rpx;
+	font-size: 20rpx;
+	color: #666666;
+	line-height: 28rpx;
+}
+.bspan4{
+	color: #EC0F0A;
+}
+.bSpan2{
+	font-weight: 500;
+	font-size: 34rpx;
+	color: #EC0F0A;
+	line-height: 45rpx;
+}
+.goodsPrice{
+		display: flex;
+}
+.goodsPrice1{
+	font-size: 24rpx;
+	font-weight: 400;
+	color: #FF0000;
+	padding-top: 14rpx;
+	padding-right: 14rpx;
+}
+.goodsPrice2{
+	font-size: 28rpx;
+	font-weight: 400;
+	color: #FF0000;
+	padding-top: 10rpx;
+	
+}
+
+.goodsPrice3{
+	font-size: 40rpx;
+	font-weight: 500;
+	color: #FF0000;
+}
+.goodsPrice4{
+	font-size: 24rpx;
+	font-weight: 400;
+	color: #999999;
+	padding-top: 14rpx;
+/* 	text-decoration:line-through; */
+	padding-left: 10rpx;
+}
+.tkTop{
+	display: flex;padding: 40rpx 24rpx;
+}
+.tkImg{
+	width: 160rpx;
+	height: 160rpx;border-radius: 13rpx;
+}
+.tkName{
+	font-size: 30rpx;
+	color: #222222;
+	line-height: 42rpx;
+}
+.tkNameBox{
+	padding-left: 24rpx;width: 500rpx;
+}
+.chahao{
+	width: 22rpx;height: 22rpx;padding-top: 10rpx;
+}
+.buyLine{
+	display: flex;justify-content: space-between;
+	padding: 20rpx 24rpx;font-size: 26rpx;
+color: #666E80;
+}
+.buyBOx{
+	background: #FFFFFF;margin-top: 20rpx;
+	
+}
+.buyData{
+	color: #222222;display: flex;
+}
+.goodsGuige{
+	width: 150rpx;
+	height: 50rpx;line-height: 50rpx;
+	background: #F6F6F6;
+	border-radius: 5rpx;
+	font-size: 24rpx;
+	color: #222222;text-align: center;
+}
+.activeGuige{
+	width: 146rpx;
+	height: 46rpx;line-height: 46rpx;
+	border: 2rpx solid #FF0035;
+	border-radius: 5rpx;
+	font-size: 24rpx;
+	color: #FF0035;text-align: center;
+}
+.numJsbox{
+	display: flex;
+}
+.buyCont{
+	position: absolute;
+	left: 0;
+	bottom: 0;
+	width: 750rpx;
+	height: 688rpx;
+	background: #FFFFFF;
+	border-radius: 26rpx 26rpx 0px 0px;
+}
+.buyNumBox{
+	padding: 30rpx;
+    padding-top: 10rpx;
+	padding-bottom: 70rpx;
+}
+.buyContCh{
+	position: absolute;
+	top: 53rpx;
+	right: 36rpx;
+	width: 36rpx;
+	height: 36rpx;
+}
+.goodsnum{
+	width: 88rpx;
+	height: 44rpx;
+	background: #F4F5F7;
+	line-height: 44rpx;
+	text-align: center;
+	font-weight: 500;
+	color: #333333;
+	font-size: 24rpx;
+	margin: 0 4rpx;
+}
+.goodsnumInput{
+	width: 88rpx;
+	height: 44rpx;
+	background: #F4F5F7;
+	line-height: 44rpx;
+	text-align: center;
+	font-weight: 500;
+	color: #333333;
+	font-size: 24rpx;
+}
+.numJj{
+	width: 44rpx;
+	height: 44rpx;
+	background: #F4F5F7;
+	border-radius: 0px 6rpx 6rpx 0px;	
+	text-align: center;
+	line-height: 44rpx;
+	font-size: 32rpx;
+	color: #999999;
+}
+.tkBottomBtn{
+	width: 661rpx;text-align: center;
+	height: 86rpx;line-height: 86rpx;
+	background: #FCD903;
+	border-radius: 43rpx;
+	font-size: 32rpx;
+	color: #110B01;
+}
+.tkBottom{
+	width: 750rpx;
+	height: 146rpx;
+	background: #FFFFFF;
+	box-shadow: 0rpx -2rpx 16rpx 0rpx rgba(153,153,153,0.2);
+	padding-bottom: constant(safe-area-inset-bottom);
+	padding-bottom: env(safe-area-inset-bottom);
+	display: flex;justify-content: center;align-items: center;
+	position: absolute;left: 0;bottom: 0;
+}
+</style>

pages/subPack/maintainItem.vue

@@ -0,0 +1,453 @@
+<template>
+<view class="box">
+
+ <view class="spwBox">
+ 	<swiper class="swiper" circular  :autoplay="false" :indicator-dots="true" indicator-color="#CCCCCC" indicator-active-color="#D53533">
+ 		<swiper-item v-for="(item,index) in ImgList">
+ 			<view class="swiper-item">
+ 				<img mode="aspectFit" :src="item.url" alt="" class="swiper-itemImg" >
+ 				
+ 			</view>
+ 		</swiper-item>
+ 		
+ 	</swiper>
+ </view>
+ <view class="shopCont">
+ 	<view class="shopCtop">
+ 		<view class="goodsPrice">
+ 			<view class="goodsPrice2">￥</view>
+ 			<view class="goodsPrice3">294</view>
+ 			<view class="goodsPrice4" >原价：¥1998</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="goodsMSBox" >
+		<view class="goodsMs">高级全合成</view>
+		<view class="goodsMs">可选用5W30/5W40/0W20</view>
+	</view>
+	<view class="timeBox">
+		<view class="itemTime">套餐有效期：购买之日起18个月</view>
+		<view class="sell">
+			<span>已售：</span><span style="color: #FFC107;">22081</span>
+		</view>
+	</view>
+ </view>
+ 
+ 
+ <view class="buyBOx">
+	 <view class="buyLine">
+		 <view class="buyTitle">已选车型</view>
+		 <view class="buyData">奥迪A42006款2.0TFSI无极 标准型(国2)
+		   <image class="jtIcon" src="../../static/timg/jthei.png" mode=""></image>
+		 </view>
+	 </view>
+	 <view class="buyLine">
+	 		 <view class="buyTitle">商品规格</view>
+	 		 <view class="buyData">
+				 <view class="goodsGuige activeGuige" style="margin-right: 24rpx;">单次购买</view>
+				 <view class="goodsGuige">保养套餐卡</view>
+			 </view>
+	 </view>
+	 <view class="buyLine">
+	 		 <view class="buyTitle">商品数量</view>
+	 		 <view class="buyData">
+				 <view class="numJsbox">
+				 	<view class="numJj" @click="calculation(1)">-</view>
+				 	<view class="goodsnum">
+				 	 <input type="number" value="" v-model="goodsnum" class="goodsnumInput"/>
+				 	</view>
+				 	<view class="numJj" @click="calculation(2)">+</view>
+				 </view>
+			 </view>
+	 </view>
+	 <view class="buyLine">
+	 		 <view class="buyTitle">使用方式</view>
+	 		 <view class="buyData">到店使用</view>
+	 </view>
+	 <view class="buyLine">
+	 		 <view class="buyTitle">可用门店</view>
+	 		 <view class="buyData">全部门店</view>
+	 </view>
+ </view>
+ 
+ <view class="mealBox">
+	 <view class="fwlcTitle">套餐内容</view>
+	 <view class="mealTop">
+	 	<view class="mealName">套餐名称</view>
+	 	<view class="mealNum">数量</view>
+	 	<view class="mealexpire">有效期</view>
+	 </view>
+	 <view class="mealTop2">
+	 	<view class="mealName">【豪华车型】全合成机油保养套餐</view>
+	 	<view class="mealNum">2</view>
+	 	<view class="mealexpire">18个月</view>
+	 </view>
+	 <view class="mealXj">
+		 <view class="xjLine">
+			 <view class="xjyd"></view>
+			 <view class="xjTxt">20项检查</view>
+		 </view>
+		 <view class="xjLine">
+			 <view class="xjyd"></view>
+			 <view class="xjTxt">20美日韩车型专用保养套餐适配机油</view>
+		 </view>
+	 </view>
+	 <view class="mealMs">
+		 <view class="mealMsline">
+			 1.本套餐不限车辆使用；
+			 2.机油套餐包含：机油，机油滤，工时费
+			 3.购买此套餐，共享有2次保养次数。
+		 </view>
+	 </view>
+ </view>
+ 
+ <!-- 商品详情 -->
+ <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>
+ </view>
+ 
+ 
+</view>
+</template>
+
+<script>
+	export default {
+		components: {
+			
+		},
+		
+		data() {
+			return {
+				themeColor:'',
+				ext:'',
+				ImgList:[
+					{url:'http://dmsphoto.66km.com.cn/thFiles/339E5DB5-F727-4F0F-AD41-1A2EBAB73883.png'},
+					{url:'http://dmsphoto.66km.com.cn/thFiles/53DA3E26-5FA3-42DE-95A4-10BA255290A6.png'},
+				],
+				goodsnum:1,
+				details:'11233'
+			}
+		},
+		onLoad(opt) {
+			this.ext = this.$common.getExtStoreId();
+			this.themeColor = uni.getStorageSync("themeColor");
+			
+		},
+		onShow() {
+			
+		},
+		methods: {
+			calculation(type){
+				if(type==1){
+					if(this.goodsnum>1){
+						this.goodsnum--
+					}
+				}else{
+					console.log("+++")
+						this.goodsnum++
+				}
+			},
+			getAboutMember(){
+				uni.showLoading({
+					title: '加载中'
+				})
+				this.$http('miniApp2/sys/getAboutMember', {
+				    unionID:this.unionID
+				}, 'GET').then(res => {
+					uni.hideLoading();
+					
+				
+				})
+			},
+			
+			
+			
+		}
+	}
+</script>
+
+<style scoped lang="less">
+.box {
+	width: 100vw;
+	min-height: 100vh;
+	background: #F4F4F4;
+}
+.swiper{
+	width: 750rpx;
+	height: 700rpx;
+	background: #FFFFFF;
+	border-bottom: 1px solid #EEEEEE;
+}
+.swiper-item{
+	width: 750rpx;
+	height: 700rpx;
+}
+.swiper-itemImg{
+	width: 750rpx;
+	height: 700rpx;
+}
+.goodsPrice{
+		display: flex;
+}
+.goodsPrice1{
+	font-size: 24rpx;
+	font-weight: 400;
+	color: #FF0000;
+	padding-top: 14rpx;
+	padding-right: 14rpx;
+}
+.goodsPrice2{
+	font-size: 28rpx;
+	font-weight: 400;
+	color: #FF0000;
+	padding-top: 10rpx;
+	
+}
+
+.goodsPrice3{
+	font-size: 40rpx;
+	font-weight: 500;
+	color: #FF0000;
+}
+.goodsPrice4{
+	font-size: 24rpx;
+	font-weight: 400;
+	color: #999999;
+	padding-top: 14rpx;
+/* 	text-decoration:line-through; */
+	padding-left: 10rpx;
+}
+.Sold{
+		font-weight: 400;
+		color: #999999;
+		font-size: 24rpx;
+		padding-top: 18rpx;
+}
+.goodsName{
+	font-size: 30rpx;
+	line-height: 42rpx;
+	font-weight: 500;
+	color: #333333;
+	padding: 20rpx 24rpx;
+	padding-top: 0;
+	padding-bottom: 16rpx;
+}
+.goodsMd{
+	font-weight: 400;
+	color: #999999;
+	font-size: 26rpx;
+	padding: 0 24rpx;
+	padding-bottom: 20rpx;
+}
+.shopCont{
+	background: #FFFFFF;
+}
+.shopCtop{
+	display: flex;
+	padding: 20rpx 24rpx;
+	justify-content: space-between;
+	background: #FFFFFF;
+}
+.goodsMSBox{
+	display: flex;padding-left: 24rpx;
+}
+.goodsMs{
+	font-size: 16rpx;
+	color: #FF063A;
+	padding: 4rpx 8rpx;
+	border-radius: 6rpx;
+	border: 1px solid #FF063A;
+	margin-right: 16rpx;
+}
+.timeBox{
+	display: flex;justify-content: space-between;
+	padding: 20rpx 24rpx;
+	font-size: 26rpx;
+	color: #666E80;
+}
+.shareIcon{
+	width: 33rpx;height: 33rpx;margin-left: 10rpx;
+}
+.shareBox{
+	display: flex;font-size: 24rpx;
+color: #666666;padding-top: 6rpx;
+line-height: 33rpx;
+}
+.jtIcon{
+	width: 24rpx;height: 24rpx;margin-top: 6rpx;
+}
+.buyLine{
+	display: flex;justify-content: space-between;
+	padding: 20rpx 24rpx;font-size: 26rpx;
+color: #666E80;
+}
+.buyBOx{
+	background: #FFFFFF;margin-top: 20rpx;
+	
+}
+.buyData{
+	color: #222222;display: flex;
+}
+.goodsGuige{
+	width: 150rpx;
+	height: 50rpx;line-height: 50rpx;
+	background: #F6F6F6;
+	border-radius: 5rpx;
+	font-size: 24rpx;
+	color: #222222;text-align: center;
+}
+.activeGuige{
+	width: 146rpx;
+	height: 46rpx;line-height: 46rpx;
+	border: 2rpx solid #FF0035;
+	border-radius: 5rpx;
+	font-size: 24rpx;
+	color: #FF0035;text-align: center;
+}
+.numJsbox{
+	display: flex;
+}
+.buyCont{
+	position: absolute;
+	left: 0;
+	bottom: 0;
+	width: 750rpx;
+	height: 688rpx;
+	background: #FFFFFF;
+	border-radius: 26rpx 26rpx 0px 0px;
+}
+.buyNumBox{
+	padding: 30rpx;
+    padding-top: 10rpx;
+	padding-bottom: 70rpx;
+}
+.buyContCh{
+	position: absolute;
+	top: 53rpx;
+	right: 36rpx;
+	width: 36rpx;
+	height: 36rpx;
+}
+.goodsnum{
+	width: 88rpx;
+	height: 44rpx;
+	background: #F4F5F7;
+	line-height: 44rpx;
+	text-align: center;
+	font-weight: 500;
+	color: #333333;
+	font-size: 24rpx;
+	margin: 0 4rpx;
+}
+.goodsnumInput{
+	width: 88rpx;
+	height: 44rpx;
+	background: #F4F5F7;
+	line-height: 44rpx;
+	text-align: center;
+	font-weight: 500;
+	color: #333333;
+	font-size: 24rpx;
+}
+.numJj{
+	width: 44rpx;
+	height: 44rpx;
+	background: #F4F5F7;
+	border-radius: 0px 6rpx 6rpx 0px;	
+	text-align: center;
+	line-height: 44rpx;
+	font-size: 32rpx;
+	color: #999999;
+}
+.mealBox{
+	background: #FFFFFF;
+	padding: 20rpx 24rpx;
+	margin-top: 20rpx;
+}
+.fwlcTitle{
+	color: #333333;font-size: 30rpx;font-weight: 500;
+}
+.mealTop{
+	display: flex;
+	justify-content: space-between;
+	height: 72rpx;
+	line-height: 72rpx;
+	font-weight: 500;
+	font-size: 26rpx;
+	color: #222222;
+	font-size: 26rpx;
+	padding: 0 20rpx;
+}
+.mealNum{
+	text-align: center;
+	width: 120rpx;
+}
+.mealexpire{
+	text-align: center;	width: 120rpx;
+}
+.mealName{
+	width: 460rpx;
+}
+.mealTop2{
+	display: flex;
+	justify-content: space-between;
+	height: 72rpx;
+	line-height: 72rpx;
+	font-weight: 500;
+	font-size: 26rpx;
+	color: #222222;
+	font-size: 26rpx;
+	padding: 0 20rpx;
+	background: #FFF6DB;
+}
+.mealXj{
+	background: #FFFCF3;
+}
+.xjLine{
+	display: flex;
+	font-weight: 500;
+	font-size: 26rpx;
+	color: #222222;
+	padding: 20rpx 20rpx;
+}
+.xjyd{
+	width: 8rpx;
+	height: 8rpx;
+	background: #FABF1B;
+	border-radius: 50rpx;
+	margin-top: 12rpx;
+	margin-right: 10rpx;
+}
+.mealMs{
+	background: #FFFFFF;
+	padding: 20rpx;
+	font-weight: 400;
+	font-size: 24rpx;
+	color: #9A9A9A;
+	line-height: 38rpx;
+}
+.goodsDetailTitle{
+	color: #333333;
+	font-size: 30rpx;
+	font-weight: 500;
+	background: #FFFFFF;
+	padding: 20rpx 24rpx;
+}
+.goodsDetail{
+	margin-top: 20rpx;
+	padding-bottom: 30rpx;
+	background: #FFFFFF;
+}
+.goodsDetail img{
+	width: 750rpx;
+}
+.goodsDetail image{
+	width: 750rpx;
+}
+</style>

pages/subPack/maintainSubmit.vue

@@ -0,0 +1,286 @@
+<template>
+<view class="box">
+ <view class="cont">
+	 <view class="itemBox flex">
+		 <image class="itemIMg" src="../../static/timg/noimg.png" mode=""></image>
+		 <view class="itemRight">
+		 	<view class="itemName">【经济车型】全合成机油保养套餐全合成机油</view>
+			<view class="buyType">单次购买</view>
+			<view class="priceBox">
+				<view class="price">¥365</view>
+				<view class="itemNum">X1</view>
+			</view>
+			<view class="itemnotes">注：该商品购买后不支持线上退款</view>
+		 </view>
+	 </view>
+
+ 
+ <view class="mealBox">
+ 	 <view class="fwlcTitle">套餐内容</view>
+ 	 <view class="mealTop">
+ 	 	<view class="mealName">套餐名称</view>
+ 	 	<view class="mealNum">数量</view>
+ 	 	<view class="mealexpire">有效期</view>
+ 	 </view>
+ 	 <view class="mealTop2">
+ 	 	<view class="mealName">【豪华车型】全合成机油保养套餐</view>
+ 	 	<view class="mealNum">2</view>
+ 	 	<view class="mealexpire">18个月</view>
+ 	 </view>
+ 	 <view class="mealXj">
+ 		 <view class="xjLine">
+ 			 <view class="xjyd"></view>
+ 			 <view class="xjTxt">20项检查</view>
+ 		 </view>
+ 		 <view class="xjLine">
+ 			 <view class="xjyd"></view>
+ 			 <view class="xjTxt">20美日韩车型专用保养套餐适配机油</view>
+ 		 </view>
+ 	 </view>
+ 	 <view class="mealMs">
+ 		 <view class="mealMsline">
+ 			 1.本套餐不限车辆使用；
+ 			 2.机油套餐包含：机油，机油滤，工时费
+ 			 3.购买此套餐，共享有2次保养次数。
+ 		 </view>
+ 	 </view>
+	 </view>
+	 <view class="goodsBox">
+	 	 <view class="goodsline flex" style="border-bottom: 1px solid #EEEEEE;">
+	 		 <view class="goodsLeft">商品总价</view>
+	 		 <view class="goodRight">¥2084.00</view>
+	 	 </view>
+	 	 <view class="goodsline flex" >
+	 	 		 <view class="goodsLeft"></view>
+	 	 		 <view class="goodRight" style="font-size: 26rpx;font-weight: 500;">合计 <span style="color: #EC0F0A;"> ¥1085.00</span></view>
+	 	 </view>
+	 </view>
+	 <view class="goodsBox">
+	 	 <view class="goodsline flex" style="border-bottom: 1px solid #EEEEEE;">
+	 		 <view class="goodsLeft">支付方式</view>
+	 		 <view class="goodRight">线上支付</view>
+	 	 </view>
+	 	 <view class="goodsline flex" >
+	 	 		 <view class="goodsLeft">使用方式</view>
+	 	 		 <view class="goodRight" >到店使用</view>
+	 	 </view>
+	 </view>
+	 
+ </view>
+ 
+<view style="height: 150rpx;"></view>
+ 
+ <view class="bottom">
+	 <view class="bleft">
+		 <span>合计</span>
+		 <span>¥</span>
+		 <span style="font-weight: 500;font-size: 34rpx;color: #EC0F0A;">294</span>
+	 </view>
+	 <view class="Btn">提交订单</view>
+ </view>
+ 
+</view>
+</template>
+
+<script>
+	export default {
+		components: {
+			
+		},
+		
+		data() {
+			return {
+				themeColor:'',
+				ext:'',
+				goodsnum:1,
+			}
+		},
+		onLoad(opt) {
+			this.ext = this.$common.getExtStoreId();
+			this.themeColor = uni.getStorageSync("themeColor");
+			
+		},
+		onShow() {
+			
+		},
+		methods: {
+			
+			getAboutMember(){
+				uni.showLoading({
+					title: '加载中'
+				})
+				this.$http('miniApp2/sys/getAboutMember', {
+				    unionID:this.unionID
+				}, 'GET').then(res => {
+					uni.hideLoading();
+					
+				
+				})
+			},
+			
+			
+			
+			
+		}
+	}
+</script>
+
+<style scoped lang="less">
+.box {
+	width: 100vw;
+	min-height: 100vh;
+	background: #F4F4F4;
+}
+.cont{
+	padding: 20rpx 24rpx;
+}
+.itemBox{
+	background: #FFFFFF;
+	border-radius: 16rpx;padding: 24rpx;
+}
+.itemIMg{
+	width: 180rpx;
+	height: 180rpx;border-radius: 10rpx;
+}
+.flex{
+	display: flex;
+}
+.itemRight{
+	width: 450rpx;padding-left: 24rpx;
+}
+.itemName{
+	font-weight: 500;
+	font-size: 28rpx;
+	color: #222222;
+	line-height: 40rpx;
+}
+.buyType{
+	width: 106rpx;text-align: center;
+	height: 32rpx;line-height: 32rpx;
+	border-radius: 5rpx;
+	border: 1px solid #FF0035;font-size: 22rpx;
+color: #FF0035;
+margin-top: 10rpx;
+}
+.priceBox{
+	display: flex;justify-content: space-between;padding-top: 10rpx;
+}
+.price{
+	font-weight: 500;
+	font-size: 36rpx;
+	color: #222222;
+	line-height: 50rpx;
+}
+.itemNum{
+	font-size: 34rpx;line-height: 50rpx;
+	color: #686868;
+}
+.itemnotes{
+	font-size: 24rpx;padding-top: 12rpx;
+	color: #FFC107;
+}
+.mealBox{
+	background: #FFFFFF;
+	padding: 20rpx 24rpx;
+	margin-top: 20rpx;
+}
+.fwlcTitle{
+	color: #333333;font-size: 30rpx;font-weight: 500;
+}
+.mealTop{
+	display: flex;
+	justify-content: space-between;
+	height: 72rpx;
+	line-height: 72rpx;
+	font-weight: 500;
+	font-size: 26rpx;
+	color: #222222;
+	font-size: 26rpx;
+	padding: 0 20rpx;
+}
+.mealNum{
+	text-align: center;
+	width: 120rpx;
+}
+.mealexpire{
+	text-align: center;	width: 120rpx;
+}
+.mealName{
+	width: 460rpx;
+}
+.mealTop2{
+	display: flex;
+	justify-content: space-between;
+	height: 72rpx;
+	line-height: 72rpx;
+	font-weight: 500;
+	font-size: 26rpx;
+	color: #222222;
+	font-size: 26rpx;
+	padding: 0 20rpx;
+	background: #FFF6DB;
+}
+.mealXj{
+	background: #FFFCF3;
+}
+.xjLine{
+	display: flex;
+	font-weight: 500;
+	font-size: 26rpx;
+	color: #222222;
+	padding: 20rpx 20rpx;
+}
+.xjyd{
+	width: 8rpx;
+	height: 8rpx;
+	background: #FABF1B;
+	border-radius: 50rpx;
+	margin-top: 12rpx;
+	margin-right: 10rpx;
+}
+.mealMs{
+	background: #FFFFFF;
+	padding: 20rpx;
+	font-weight: 400;
+	font-size: 24rpx;
+	color: #9A9A9A;
+	line-height: 38rpx;
+}
+.goodsBox{
+	padding: 10rpx 18rpx;font-size: 26rpx;
+color: #222222;background: #FFFFFF;margin-top: 20rpx;
+border-radius: 16rpx;
+}
+.goodsline{
+	justify-content: space-between;
+	padding: 18rpx 0;
+}
+.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;
+}
+.bleft{
+	font-weight: 500;
+	font-size: 26rpx;
+	color: #222222;
+	line-height: 86rpx;
+	padding-left: 50rpx;
+}
+.Btn{
+	width: 223rpx;text-align: center;
+	height: 86rpx;line-height: 86rpx;
+	background: #FCD903;
+	border-radius: 43rpx;
+	font-size: 32rpx;
+	color: #110B01;
+	margin-right: 36rpx;
+}
+
+</style>

pages/user/user.vue

@@ -251,7 +251,8 @@
 			</view>
 			
 			<view class="klineCont"  v-if="!carInfo"><!-- -->
-				<image @click="addCar" :src="carAddImage" mode="" style="width: 100%;height: 148rpx;"></image>
+			     <image @click="addCar" v-if="carAddImage==1" src="http://dmsphoto.66km.com.cn/thFiles/1A5B68D2-6627-406D-A775-550C92979026.png" mode="" style="width: 100%;height: 148rpx;"></image>
+			     <image @click="addCar" v-else :src="carAddImage" mode="" style="width: 100%;height: 148rpx;"></image>
 				<!-- <view class="klineTitle">我的爱车</view>
 				<view class="addCarBox">
 					<view class="addCar">

utils/request.js

@@ -8,8 +8,8 @@
 import $store from '../store'
 const extConfig = uni.getExtConfigSync();		
 console.log(extConfig)
-//const baseUrl=extConfig.url+'/'
-const baseUrl='http://192.168.1.14:20187/'
+const baseUrl=extConfig.url+'/'
+//const baseUrl='http://192.168.1.14:20187/'
 //const baseUrl='http://api.dms.66km.com.cn/'
 //const baseUrl='http://192.168.0.10:20187/' 
 //const baseUrl='https://store-api.qdbtl.cn/'