1

pages/index/byItem.vue

@@ -9,16 +9,18 @@
 			  <view>
 			  	<view class="historylinecar">{{optdata.value}}</view>
 			  	<view class="historyLineVin" v-if="optdata.isVin==1">
-			  		<view class="vinms">VIN</view>
+			  		<!-- <view class="vinms">VIN</view> -->
 			  		<view class="vinNum">{{optdata.vin}}</view>
+					<view class="copyBox" @click="copyFn(optdata.vin)">复制</view>
 			  	</view>
 			  </view>
+			  <view class="carFn" @click="carFn">车辆详情</view>
 			
 		  </view>
 		 
 	  </view>
 	  
-	  <view class="title">机油推荐</view>
+	  <view class="title">产品分类</view>
 	  
 	  <view class="lineBox flex">
 	  	<view class="line" @click="goEngineOil">
@@ -90,6 +92,11 @@
 		   
 		},
 		methods: {
+			carFn(){
+				uni.navigateTo({
+					url:'/pages/index/carConfiguration?nLevelID='+this.optdata.nLevelID
+				})
+			},
 			bindChange(){
 				
 			},
@@ -151,6 +158,22 @@
 			   uni.navigateTo({
 			   	url:'/pages/index/gearboxOil?nLevelID='+this.optdata.nLevelID+'&logo='+this.optdata.logo+'&value='+this.optdata.value+'&id='+this.optdata.id+'&isVin='+this.optdata.isVin+'&vin='+this.optdata.vin
 			   })
+		   },
+		   copyFn(e){
+				uni.setClipboardData({
+				   data: e,
+				   success: function () {
+					 uni.showToast({
+					   title: '复制成功',
+					   icon: 'success',
+					   duration: 2000
+					 });
+				   },
+				   fail: function () {
+					 console.log('复制失败');
+					
+				   }
+				 });
 		   }
 		}
 	}
@@ -163,7 +186,7 @@
 }
 .box{
 	padding: 0 24rpx;
-	background: #ffffff;
+	background: linear-gradient( 132deg, #FF641E 0%, #FF4F00 100%), linear-gradient( 132deg, #FB771F 0%, #FF4828 100%);
 }
 .historylinecarImg{
 	width: 54rpx;
@@ -175,8 +198,21 @@
 	}
 .historylinecar{
 	font-weight: 500;font-size: 26rpx;
-	color: #1A1A1A;
-	line-height: 46rpx;width: 636rpx;
+	color: #FFFFFF;
+	line-height: 46rpx;width: 490rpx;
+}
+.carFn{
+	background: #FFFFFF;
+	color: #FF4F00;
+	font-size: 24rpx;
+	height: 50rpx;
+	line-height: 49rpx;
+	width: 120rpx;
+	text-align: center;
+	border-radius: 10rpx;
+	margin-top: 10rpx;
+	margin-left: 20rpx;
+
 }
 .historyLine{
 	display: flex;
@@ -216,14 +252,15 @@ padding: 0 24rpx;
 	width: 106rpx;height: 82rpx;    margin-top: 10rpx;
 }
 .historyLineVin{
-	display: flex;background: #ffffff;
+	display: flex;color: #FFFFFF
 }
 .historyLineCar{
 	display: flex;justify-content: space-between;
+	
 }
 .vinNum{
-	font-weight: 400;font-size: 22rpx;padding-left: 10rpx;
-	color: #999999;line-height: 30rpx;
+	font-weight: 400;font-size: 22rpx;
+	color: #FFFFFF;line-height: 30rpx;
 }
 .vinms{
 	width: 38rpx;
@@ -257,4 +294,15 @@ padding: 0 24rpx;
 		font-size: 30rpx;
 		color: #999999;
 	}
+	.copyBox{
+		    color: #FFFFFF;
+		    font-weight: 400;
+		    font-size: 22rpx;
+		    border: 1px solid #FFFFFF;
+		    padding: 0 10rpx;
+		    border-radius: 6rpx;
+		    margin-left: 20rpx;
+			height: 26rpx;
+		  line-height: 26rpx;
+	}
 </style>

pages/index/carConfiguration.vue

@@ -126,7 +126,7 @@
 	top: 0;
 	left: 0;
 	z-index: 11;
-	background: url('http://dmsphoto.66km.com.cn/thFiles/F421B62E-7B51-4AD9-AB01-A28A2FB21FCF.png') no-repeat;
+	background: url('http://dmsphoto.66km.com.cn/thFiles/5F251610-E452-47FE-8EE5-3C3AC74E081F.png') no-repeat;
 	background-size: 100%;
 }
 .indexnav{
@@ -137,7 +137,7 @@
 		color: #FFFFFF;
 	}
 .top{
-	background: url('http://dmsphoto.66km.com.cn/thFiles/AFCBDA6F-03C0-46C0-9090-9A34C125D140.png') no-repeat;
+	background: url('http://dmsphoto.66km.com.cn/thFiles/5F251610-E452-47FE-8EE5-3C3AC74E081F.png') no-repeat;
 	background-size: 100%;
 	width: 750rpx;height: 250rpx;
 	background-position: right bottom;

pages/index/engineOil.vue

@@ -9,14 +9,17 @@
 				<view>
 					<view class="historylinecar">{{optdata.value}}</view>
 					<view class="historyLineVin" v-if="optdata.isVin==1">
-						<view class="vinms">VIN</view>
+						<!-- <view class="vinms">VIN</view> -->
 						<view class="vinNum">{{optdata.vin}}</view>
+							<view class="copyBox" @click="copyFn(optdata.vin)">复制</view>
 					</view>
 				</view>
+				 <view class="carFn" @click="gopz" style="margin-left: 20rpx;">车辆详情</view>
 			</view>
+			
 		</view>
 		<view class="cont">
-			<view class="topBox">
+			<!-- <view class="topBox">
 				<view class="topLine" @click="goby">
 					<image src="../../static/img/icon_baoyang.png" mode="" class="toplineImg"></image>
 					<view class="topName">保养周期</view>
@@ -26,6 +29,23 @@
 					<image src="../../static/img/icon_cheliang.png" mode="" class="toplineImg"></image>
 					<view class="topName">车辆配置</view>
 				</view>
+			</view> -->
+			<view class="qiehuanBox">
+				<view class="qiehuanLeft">机油</view>
+				<view class="qiehuanRight" @click="goback">切换分类</view>
+			</view>
+			<view class="jiyouBox"  v-if="loading">
+				<view class="jiyouTop">
+					<view class="jiyoutopTitle">原厂售后推荐</view>
+				</view>
+				<view class="salesLine">
+					<view class="salesLeft">建议加注量</view>
+					<view class="salesRight">{{oilusage}}</view>
+				</view>
+				<view class="salesLine">
+					<view class="salesLeft">规格型号</view>
+					<view class="salesRight">{{spec}}</view>
+				</view>
 			</view>
 			<view class="jiyouBox" v-if="loading">
 				 <!-- <view class="modelRemarkBox">
@@ -33,7 +53,7 @@
 					<view class="modelRemarkLine" @click="modelRemarkTab(2)" :class="{activeMr:modelRemarkNum==2}">10万公里以上</view>
 				</view> -->
 				<view class="jiyouTop">
-					<view class="jiyoutopTitle">机油推荐</view>
+					<view class="jiyoutopTitle">机油</view>
 					<!-- <view class="jyzl">机油加注量：<span style="color: #FF4F00;">{{oilusage}}</span> </view> -->
 				</view>
 				<view class="jylineBox">
@@ -56,19 +76,7 @@
 				<nodata v-if="MaintainPartList.length==0"></nodata>
 			</view>
 			
-			<view class="jiyouBox"  v-if="loading">
-				<view class="jiyouTop">
-					<view class="jiyoutopTitle">原厂售后推荐</view>
-				</view>
-				<view class="salesLine">
-					<view class="salesLeft">建议加注量</view>
-					<view class="salesRight">{{oilusage}}</view>
-				</view>
-				<view class="salesLine">
-					<view class="salesLeft">规格型号</view>
-					<view class="salesRight">{{spec}}</view>
-				</view>
-			</view>
+		
 
 
 		</view>
@@ -189,6 +197,25 @@
 				 uni.navigateTo({
 				 	url:'/pages/index/carConfiguration?nLevelID='+this.optdata.nLevelID
 				 })
+			 },
+			 goback(){
+				 uni.navigateBack()
+			 },
+			 copyFn(e){
+			 				uni.setClipboardData({
+			 				   data: e,
+			 				   success: function () {
+			 					 uni.showToast({
+			 					   title: '复制成功',
+			 					   icon: 'success',
+			 					   duration: 2000
+			 					 });
+			 				   },
+			 				   fail: function () {
+			 					 console.log('复制失败');
+			 					
+			 				   }
+			 				 });
 			 }
 		}
 	}
@@ -214,7 +241,8 @@
 	}
 	.box {
 		padding: 0 24rpx;
-		background: #ffffff;
+		color: #ffffff;
+		background: linear-gradient( 132deg, #FF641E 0%, #FF4F00 100%), linear-gradient( 132deg, #FB771F 0%, #FF4828 100%);
 	}
 
 	.historylinecarImg{
@@ -229,14 +257,15 @@
 	.historylinecar {
 		font-weight: 500;
 		font-size: 26rpx;
-		color: #1A1A1A;
+		color: #FFFFFF;
 		line-height: 46rpx;
-		width: 636rpx;
+		width: 490rpx;
 	}
 
 	.historyLine {
 		 display: flex;
 		padding: 30rpx 0;
+		padding-bottom: 20rpx;
 		/* border-top: 1rpx solid #EEEEEE; */
 	}
 
@@ -272,6 +301,7 @@ color: #FFFFFF;font-size: 28rpx;padding-left: 16rpx;
 	.jiyouBox{
 		margin-top: 30rpx;border-radius: 16rpx;
 		background: #ffffff;padding: 30rpx;
+		padding-bottom: 10rpx;
 	}
 	.jiyoutopTitle{
 		font-weight: 500;font-size: 28rpx;
@@ -309,14 +339,14 @@ color: #FFFFFF;font-size: 28rpx;padding-left: 16rpx;
 		display: flex;justify-content: space-between;flex-wrap: wrap;
 	}
 	.historyLineVin{
-		display: flex;background: #ffffff;
+		display: flex;color: #ffffff;
 	}
 	.historyLineCar{
 		display: flex;justify-content: space-between;
 	}
 	.vinNum{
-		font-weight: 400;font-size: 22rpx;padding-left: 10rpx;
-		color: #999999;line-height: 30rpx;
+		font-weight: 400;font-size: 22rpx;
+		line-height: 30rpx;
 	}
 	.vinms{
 		width: 38rpx;
@@ -351,4 +381,42 @@ color: #FFFFFF;font-size: 28rpx;padding-left: 16rpx;
 		background: #FFFFFF linear-gradient(132deg, #FF8635 0%, #FF4828 100%);
 		color: #FFF;
 	}
+	.qiehuanBox{
+		display: flex;
+		justify-content: space-between;
+		font-size: 28rpx;
+		    color: #1A1A1A;
+		/* 	padding-top: 20rpx; */
+	}
+	.qiehuanRight{
+		color: #1576FF;
+	}
+	.carFn{
+	background: #FFFFFF;
+	color: #FF4F00;
+	font-size: 24rpx;
+	height: 50rpx;
+	line-height: 49rpx;
+	width: 120rpx;
+	text-align: center;
+	border-radius: 10rpx;
+	margin-top: 10rpx;
+	margin-left: 20rpx;
+	}
+	.topBtnBox{
+		display: flex;
+		padding-bottom: 20rpx;
+		padding-left: 68rpx;
+	}
+	.copyBox{
+		    color: #FFFFFF;
+		    font-weight: 400;
+		    font-size: 22rpx;
+		    border: 1px solid #FFFFFF;
+		    padding: 0 10rpx;
+		    border-radius: 6rpx;
+		    margin-left: 20rpx;
+			height: 26rpx;
+			    line-height: 26rpx;
+	}
 </style>

pages/index/gearboxOil.vue

@@ -9,37 +9,21 @@
 				<view>
 					<view class="historylinecar">{{optdata.value}}</view>
 					<view class="historyLineVin" v-if="optdata.isVin==1">
-						<view class="vinms">VIN</view>
+						<!-- <view class="vinms">VIN</view> -->
 						<view class="vinNum">{{optdata.vin}}</view>
+							<view class="copyBox" @click="copyFn(optdata.vin)">复制</view>
 					</view>
 				</view>
+				 <view class="carFn" @click="gopz" style="margin-left: 20rpx;">车辆详情</view>
 			</view>
 		</view>
 		<view class="cont">
-			<view class="jiyouBox" v-if="loading">
-				<view class="jiyouTop">
-					<view class="jiyoutopTitle">变速箱油</view>
-					
-				</view>
-				<view class="jylineBox">
-					<view class="jyline" v-for="(item,index) in MaintainPartList" @click="godetail(item)">
-						<view class="jyimgBox">
-							<image v-if="item.imgs.split(',')[0]" :src="item.imgs.split(',')[0]" mode="aspectFit" class="jyimg"></image>
-							<image v-else src="../../static/img/noimg.png" mode="aspectFit" class="jyimg"></image>
-						</view>
-						<view class="jyName">
-							<!-- <span class="best">最佳</span> -->
-							<span class="jyNametxt">{{item.name}} | {{item.specificationModel}} | {{item.partsCode}} </span>
-						</view>
-						<view class="ruleList">
-							<view class="ruleListSpan" v-for="(v,i) in item.ruleList"><span style="">{{v.version}}:</span>{{v.versionvalue}} ; </view>
-						</view>
-					</view>
-				</view>
-				<nodata v-if="MaintainPartList.length==0"></nodata>
+			<view class="qiehuanBox">
+				<view class="qiehuanLeft">变数箱油</view>
+				<view class="qiehuanRight" @click="goback">切换分类</view>
 			</view>
 			<!-- 养护信息 -->
-            <view class="jiyouBox">
+			<view class="jiyouBox">
 				<view class="jiyouTop">
 					<view class="jiyoutopTitle">养护信息</view>
 				</view>
@@ -116,6 +100,29 @@
 				</view>
 				
 			</view>
+			<view class="jiyouBox" v-if="loading">
+				<view class="jiyouTop">
+					<view class="jiyoutopTitle">变速箱油</view>
+					
+				</view>
+				<view class="jylineBox">
+					<view class="jyline" v-for="(item,index) in MaintainPartList" @click="godetail(item)">
+						<view class="jyimgBox">
+							<image v-if="item.imgs.split(',')[0]" :src="item.imgs.split(',')[0]" mode="aspectFit" class="jyimg"></image>
+							<image v-else src="../../static/img/noimg.png" mode="aspectFit" class="jyimg"></image>
+						</view>
+						<view class="jyName">
+							<!-- <span class="best">最佳</span> -->
+							<span class="jyNametxt">{{item.name}} | {{item.specificationModel}} | {{item.partsCode}} </span>
+						</view>
+						<view class="ruleList">
+							<view class="ruleListSpan" v-for="(v,i) in item.ruleList"><span style="">{{v.version}}:</span>{{v.versionvalue}} ; </view>
+						</view>
+					</view>
+				</view>
+				<nodata v-if="MaintainPartList.length==0"></nodata>
+			</view>
+	
 
 		</view>
 
@@ -187,6 +194,30 @@
 		  				 uni.navigateTo({
 		  				 	url:'/pages/index/goodsDetail?id='+e.id
 		  				 })
+		  },
+		  gopz(){
+		  				 uni.navigateTo({
+		  				 	url:'/pages/index/carConfiguration?nLevelID='+this.optdata.nLevelID
+		  				 })
+		  },
+		  goback(){
+		  	 uni.navigateBack()
+		  },
+		  copyFn(e){
+		  				uni.setClipboardData({
+		  				   data: e,
+		  				   success: function () {
+		  					 uni.showToast({
+		  					   title: '复制成功',
+		  					   icon: 'success',
+		  					   duration: 2000
+		  					 });
+		  				   },
+		  				   fail: function () {
+		  					 console.log('复制失败');
+		  					
+		  				   }
+		  				 });
 		  }
 		}
 	}
@@ -201,8 +232,8 @@
     	border: 1px solid #EEEEEE;    width: 302rpx;border-radius: 10rpx;
     }
 	.box {
-		padding: 0 24rpx;
-		background: #ffffff;
+		padding: 0 24rpx;color: #ffffff;
+	background: linear-gradient( 132deg, #FF641E 0%, #FF4F00 100%), linear-gradient( 132deg, #FB771F 0%, #FF4828 100%);
 	}
 
 	.historylinecarImg{
@@ -217,9 +248,9 @@
 	.historylinecar {
 		font-weight: 500;
 		font-size: 26rpx;
-		color: #1A1A1A;
+	
 		line-height: 46rpx;
-		width: 636rpx;
+		width: 490rpx;
 	}
 
 	.historyLine {
@@ -259,6 +290,7 @@ color: #FFFFFF;font-size: 28rpx;padding-left: 16rpx;
 	.jiyouBox{
 		margin-top: 30rpx;border-radius: 16rpx;
 		background: #ffffff;padding: 30rpx;
+		padding-bottom: 10rpx;
 	}
 	.jiyoutopTitle{
 		font-weight: 500;font-size: 28rpx;
@@ -350,14 +382,14 @@ line-height: 34rpx;padding-top: 16rpx;
 		margin-right: 0rpx;
 	}
 	.historyLineVin{
-		display: flex;background: #ffffff;
+		display: flex;
 	}
 	.historyLineCar{
 		display: flex;justify-content: space-between;
 	}
 	.vinNum{
-		font-weight: 400;font-size: 22rpx;padding-left: 10rpx;
-		color: #999999;line-height: 30rpx;
+		font-weight: 400;font-size: 22rpx;/* padding-left: 10rpx; */
+	   line-height: 30rpx;
 	}
 	.vinms{
 		width: 38rpx;
@@ -378,4 +410,37 @@ line-height: 34rpx;padding-top: 16rpx;
 		line-height: 36rpx;
 		padding-right: 6rpx;
 	}
+	.qiehuanBox{
+		display: flex;
+		justify-content: space-between;
+		font-size: 28rpx;
+		    color: #1A1A1A;
+			padding-top: 20rpx;
+	}
+	.qiehuanRight{
+	  color: #1576ff;
+	}
+	.carFn{
+	background: #FFFFFF;
+	color: #FF4F00;
+	font-size: 24rpx;
+	height: 50rpx;
+	line-height: 49rpx;
+	width: 120rpx;
+	text-align: center;
+	border-radius: 10rpx;
+	margin-top: 10rpx;
+	margin-left: 20rpx;
+	}
+	.copyBox{
+		    color: #FFFFFF;
+		    font-weight: 400;
+		    font-size: 22rpx;
+		    border: 1px solid #FFFFFF;
+		    padding: 0 10rpx;
+		    border-radius: 6rpx;
+		    margin-left: 20rpx;
+			height: 26rpx;
+			    line-height: 26rpx;
+	}
 </style>

pages/index/history.vue

@@ -10,7 +10,7 @@
 				<view>
 					<view class="historylinecar">{{item.title}}</view>
 					<view class="historyLineVin" v-if="item.ifVin">
-						<view class="vinms">VIN</view>
+					<!-- 	<view class="vinms">VIN</view> -->
 						<view class="vinNum">{{item.vin}}</view>
 					</view>
 				</view>
@@ -97,7 +97,7 @@
 	display: flex;
 }
 .vinNum{
-	font-weight: 400;font-size: 22rpx;padding-left: 10rpx;
+	font-weight: 400;font-size: 22rpx;/* padding-left: 10rpx; */
 	color: #999999;line-height: 30rpx;
 }
 .historyLogoBox{

pages/index/index.vue

@@ -3,7 +3,7 @@
 		<view class="top">
 			<view class="topNavBox">
 				<view class="status_bar" :style="{height: iStatusBarHeight + 'px'}"></view>
-				<view class="indexnav">用油查询</view>
+				<view class="indexnav">雷曼精准用油</view>
 			</view>
 			<view class="status_bar" :style="{height: iStatusBarHeight + 'px'}"></view>
 			<view style="height: 43px;"></view>
@@ -12,13 +12,29 @@
 					<image src="../../static/img/icon_search.png" mode="" class="simg"></image>
 					<input type="text" placeholder="请输入车辆品牌、车系或VIN码" placeholder-class="ip" class="ssinput">
 				</view>
-				<view class="st" @click="stBtn">
+				<!-- <view class="st" @click="stBtn">
 				   <image src="../../static/img/icon_shitu.png" mode="" class="stimg"></image>
 				   <view class="shitu">识图</view>
-				</view>
+				</view> -->
 				
 			</view>
+			<view class="topFlex">
+				<view class="topFline" @click="stBtn">
+					<image src="../../static/img/pai.png" mode="" class="topFlineImg"></image>
+					<view class="topFlineTxt">拍照识别</view>
+				</view>
+				<view class="topFline" @click="ckcAr">
+					<image src="../../static/img/car@2x.png" mode="" class="topFlineImg"></image>
+					<view class="topFlineTxt">选择车型</view>
+				</view>
+				<view class="topFline" @click="goSearch">
+					<image src="../../static/img/vin@2x.png" mode="" class="topFlineImg"></image>
+					<view class="topFlineTxt">输入VIN码</view>
+				</view>
+			</view>
 		</view>
+		<!--  -->
+	
 		
 		<!-- 历史查询 -->
 		<view class="historybox ">
@@ -31,8 +47,13 @@
 					<view class="historyLogoBox">
 						<image :src="item.logo" mode="" class="historylinecarImg"></image>
 					</view>
-					
-					<view class="historylinecar">{{item.title}}</view>
+					<view>
+						<view class="historylinecar">{{item.title}}</view>
+						<view class="historyLineVin" v-if="item.ifVin">
+						<!-- 	<view class="vinms">VIN</view> -->
+							<view class="vinNum">{{item.vin}}</view>
+						</view>
+					</view>
 				</view>
 			</view>
 		</view>
@@ -97,6 +118,10 @@
 			}
 		},
 		methods: {
+			ckcAr(){
+				var e={'首字母':'热'}
+				this.$refs.carModelView.bindToView(e);
+			},
 			wy(){
 				
 				uni.chooseImage({
@@ -358,8 +383,8 @@
 	min-height: 100vh;background: #F4F5F7;
 }
 .top{
-	width: 100%;height: 385rpx;
-	background: url('http://dmsphoto.66km.com.cn/thFiles/DE1573A0-1C08-4243-8313-C0BA094406D0.png') no-repeat;
+	width: 100%;height: 480rpx;
+	background: url('http://dmsphoto.66km.com.cn/thFiles/5F251610-E452-47FE-8EE5-3C3AC74E081F.png') no-repeat;
 	background-size: 100% 100%;
 }
 .topNavBox{
@@ -369,11 +394,11 @@
 	top: 0;
 	left: 0;
 	z-index: 111;
-	background: url('http://dmsphoto.66km.com.cn/thFiles/DE1573A0-1C08-4243-8313-C0BA094406D0.png') no-repeat;
+	background: url('http://dmsphoto.66km.com.cn/thFiles/5F251610-E452-47FE-8EE5-3C3AC74E081F.png') no-repeat;
 	background-size: 100%;
 }
 .searchInputBox{
-	width: 634rpx;display: flex;
+	width: 702rpx;display: flex;
 	height: 80rpx;
 	background: #FFFFFF;
 	border-radius: 16rpx;
@@ -405,7 +430,7 @@
 }
 
 .historybox{
-	padding: 0 18rpx;    margin-top: -88rpx;
+	padding: 0 18rpx;   margin-top: -30px;
 }
 .history{
 	background: #FFFFFF;
@@ -430,10 +455,10 @@
 .historylinecar{
 	font-weight: 400;font-size: 26rpx;
 	color: #1A1A1A;
-	line-height: 46rpx;width: 576rpx;
+	line-height: 36rpx;width: 590rpx;
 }
 .historyLine{
-	display: flex;justify-content: space-between;
+	display: flex;
 	padding: 15rpx 0;border-top: 1rpx solid #EEEEEE;
 }
 .indexnav{
@@ -445,5 +470,37 @@
 	}
 	.historyLogoBox{
 		display: flex;align-items: center;
+		padding-right:24rpx ;
 	}
+.topFlineImg{
+	width: 64rpx;height: 64rpx;
+}
+.topFlex{
+	display: flex;
+	justify-content: space-around;
+	text-align: center;
+}
+.topFlineTxt{
+	font-size: 24rpx;
+	color: #FFFFFF;
+}
+.vinms{
+	width: 38rpx;
+	height: 26rpx;
+	background: linear-gradient(224deg, #FFDA28 0%, #FFBF35 100%);
+	border-radius: 4rpx;
+	text-align: center;
+	line-height: 26rpx;
+	font-weight: 600;
+	color: #FFFFFF;
+	font-size: 18rpx;
+	margin-top: 2rpx;
+}
+.historyLineVin{
+	display: flex;
+}
+.vinNum{
+	font-weight: 400;font-size: 22rpx;/* padding-left: 10rpx; */
+	color: #999999;line-height: 30rpx;
+}
 </style>

pages/index/search.vue

@@ -37,6 +37,7 @@
 	  	</view>
 	  </view>
 	  
+	  
 	  <view class="popupone"  @click="popupc" v-if="popuponeShow">
 	  	<view class="popup-content" @click.stop="">
 			<view class="status_bar" :style="{height: iStatusBarHeight + 'px'}"></view>
@@ -69,7 +70,24 @@
 	  	</view>
 	  </view>
 	  
-	  
+	  <view class="box" v-if="HistorySHow">
+		  <view class="historyLine" v-for="(item,index) in historyList" @click="goDetail(item)">
+		  			<view class="historyLineCar">
+		  				<view class="historyLogoBox">
+		  					<image :src="item.logo" mode="" class="historylinecarImg"></image>
+		  				</view>
+		  				<view style="padding-left: 20rpx;">
+		  					<view class="historylinecar">{{item.title}}</view>
+		  					<view class="historyLineVin" v-if="item.ifVin">
+		  					<!-- 	<view class="vinms">VIN</view> -->
+		  						<view class="vinNum">{{item.vin}}</view>
+		  					</view>
+		  				</view>
+		  				
+		  			</view>
+		  	
+		  </view>
+	  </view>
 	</view>
 </template>
 
@@ -103,6 +121,8 @@
 				loading:false,
 				bizType:'',
 				carModel:'',
+				HistorySHow:true,
+				historyList:[],
 			}
 		},
 		onLoad(opt) {
@@ -110,9 +130,24 @@
 		  setTimeout(() => {  
 		            this.focusKuwei=true;
 		  }, 500)
-		
+		  this.queryHistory()
 		},
 		methods: {
+			goDetail(e){
+				uni.navigateTo({
+					url:'/pages/index/byItem?nLevelID='+e.nLevelID+'&logo='+e.logo+'&value='+e.title+'&id='+e.groupID+'&isVin='+e.ifVin+'&vin='+e.vin
+				}) 
+			},
+			queryHistory(){
+			
+			 this.$http2('queryHistory', {
+			   
+			  
+			  },'POST').then(res => {
+						
+					this.historyList=res.data
+			 })
+			},
 		   searchDel(){
 			   console.log("清除")
 			   this.value=''
@@ -190,6 +225,7 @@
 			   this.popuponeShow=false;
 		   },
            searchFn(){
+			   this.HistorySHow=false
 			   console.log(this.value.length)
 			   if(!this.value){
 				   uni.showToast({
@@ -368,4 +404,42 @@
 	display: flex;justify-content: space-between;
 	padding: 30rpx 0;border-bottom: 1rpx solid #EEEEEE;
 }
+.historylinecarImg{
+	width: 54rpx;
+	height: 54rpx;
+}
+.historylinecar{
+	font-weight: 400;font-size: 26rpx;
+	color: #1A1A1A;
+	line-height: 46rpx;width: 636rpx;
+}
+.historyLine{
+	
+	padding: 30rpx 0;border-top: 1rpx solid #EEEEEE;
+}
+.historyLineCar{
+	display: flex;justify-content: space-between;
+}
+.vinms{
+	width: 38rpx;
+	height: 26rpx;
+	background: linear-gradient(224deg, #FFDA28 0%, #FFBF35 100%);
+	border-radius: 4rpx;
+	text-align: center;
+	line-height: 26rpx;
+	font-weight: 600;
+	color: #FFFFFF;
+	font-size: 18rpx;
+	margin-top: 2rpx;
+}
+.historyLineVin{
+	display: flex;
+}
+.vinNum{
+	font-weight: 400;font-size: 22rpx;/* padding-left: 10rpx; */
+	color: #999999;line-height: 30rpx;
+}
+.historyLogoBox{
+		display: flex;align-items: center;
+	}
 </style>