1.车型

pages.json

@@ -82,30 +82,6 @@
 				"navigationStyle": "custom"
 			}
 
-		}, {
-			"path": "pages/mobile/SelectCarThree",
-			"style": {
-				"navigationStyle": "custom"
-			}
-
-		}, {
-			"path": "pages/mobile/SelectCarFour",
-			"style": {
-				"navigationStyle": "custom"
-			}
-
-		}, {
-			"path": "pages/mobile/SelectCarFive",
-			"style": {
-				"navigationStyle": "custom"
-			}
-
-		}, {
-			"path": "pages/mobile/SelectCarSix",
-			"style": {
-				"navigationStyle": "custom"
-			}
-
 		}, {
 			"path": "pages/mobile/vinDetail",
 			"style": {

pages/mobile/SelectCarFive.vue

@@ -1,164 +0,0 @@
-<template>
-	<view class="box">
-		<!-- 自定义导航 -->
-		<view class="zdyNavBox">
-			<view class="status_bar" :style="{height: iStatusBarHeight + 'px'}"></view>
-			<view class="zdyNav">
-				<view class="zdyNavLeft">
-					<image src="../../static/img/nav_icon_back.png" mode="aspectFit" class="backImg" @click="goback">
-					</image>
-
-				</view>
-				<view class="zdyNavTitle">车型件</view>
-				<view class="zdyNavRight" @click="goOemSearch">OEM搜索</view>
-				
-			</view>
-		</view>
-		<view class="status_bar" :style="{height: iStatusBarHeight + 'px'}"></view>
-		<view style="height: 44px;"></view>
-
-		<view class="top">{{title}}</view>
-
-		<view class="cangTitle">总组</view>
-		<view @click="goSelectCarSix()" class="cangBox" v-for="(item,index) in cangList" :key="index">
-			<view class="xing">发动机</view>
-
-			<image src="../../static/img/rightArrow.png" mode="" style="width: 12rpx; height: 20rpx"></image>
-
-
-		</view>
-
-
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				title: '大众 > 迈腾 > 2022 > 市场一',
-				iStatusBarHeight: '',
-				cangList: [1, 3, 4],
-
-			}
-		},
-		onLoad() {
-			this.iStatusBarHeight = uni.getSystemInfoSync().statusBarHeight;
-
-		},
-		methods: {
-			goSelectCarSix(){
-				uni.navigateTo({
-					url: 'SelectCarSix'
-				})
-			},
-			goOemSearch() {
-				uni.navigateTo({
-					url: 'OemSearch'
-				})
-			},
-			goback() {
-				console.log('返回');
-				uni.navigateBack({})
-			},
-		}
-	}
-</script>
-
-<style>
-	.box {
-		min-height: 100vh;
-		background: #ffffff;
-		padding-bottom: constant(safe-area-inset-bottom);
-		padding-bottom: env(safe-area-inset-bottom);
-	}
-
-	.zdyNavBox {
-		width: 100vw;
-		background: #FFFFFF;
-		position: fixed;
-		top: 0;
-		left: 0;
-		z-index: 9999999;
-
-
-	}
-
-	.zdyNav {
-		height: 44px;
-		display: flex;
-		justify-content: space-between;
-
-		align-items: center;
-		padding: 0 24rpx;
-	}
-
-	.backImg {
-		width: 22rpx;
-		height: 40rpx;
-		
-	}
-
-	.homeImg {
-		width: 44rpx;
-		height: 44rpx;
-
-	}
-
-	.zdyNavLeft {
-		display: flex;
-		align-items: center;
-		width: 120rpx;
-	}
-
-	.zdyNavTitle {
-
-		height: 44px;
-		background: #FFFFFF;
-		text-align: center;
-		font-size: 34rpx;
-		line-height: 44px;
-	}
-
-	.zdyNavRight {
-		height: 44px;
-		background: #FFFFFF;
-		text-align: center;
-		font-size: 28rpx;
-		line-height: 44px;
-		color: #3F90F7;
-		width: 120rpx;
-	}
-
-	.top {
-		color: #FFFFFF;
-		font-size: 28rpx;
-		padding: 24rpx;
-
-		background: linear-gradient(110deg, #48B9F9 0%, #3F90F7 100%);
-	}
-
-	.cangBox {
-		background: #FFFFFF;
-		padding: 24rpx;
-		border-bottom: 1rpx solid #eeeeee;
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-	}
-
-	
-	.cangTitle {
-		padding: 24rpx 0;
-		color: #333333;
-		font-size: 28rpx;
-		font-weight: bold;
-		text-align: center;
-		border-bottom: 1rpx solid #eeeeee;
-	}
-
-	.xing {
-		font-size: 28rpx;
-		color: #333333;
-	}
-</style>

pages/mobile/SelectCarFour.vue

@@ -1,167 +0,0 @@
-<template>
-	<view class="box">
-		<!-- 自定义导航 -->
-		<view class="zdyNavBox">
-			<view class="status_bar" :style="{height: iStatusBarHeight + 'px'}"></view>
-			<view class="zdyNav">
-				<view class="zdyNavLeft">
-					<image src="../../static/img/nav_icon_back.png" mode="aspectFit" class="backImg" @click="goback">
-					</image>
-
-				</view>
-				<view class="zdyNavTitle">选择车辆配置</view>
-				<view class="zdyNavRight" @click="goOemSearch">OEM搜索</view>
-				
-			</view>
-		</view>
-		<view class="status_bar" :style="{height: iStatusBarHeight + 'px'}"></view>
-		<view style="height: 44px;"></view>
-
-		<view class="top">{{title}}</view>
-
-		<view @click="goSelectCarFive()" class="cangBox" v-for="(item,index) in cangList" :key="index">
-			<view class="leftBox">
-				<view class="cangTitle">这是市场</view>
-				<view v-for="(item,index) in xingList" :key="index">
-					<view class="xing">限制 I：这是限制这是限制</view>
-				</view>
-			</view>
-
-			<image src="../../static/img/rightArrow.png" mode="" style="width: 12rpx; height: 20rpx"></image>
-
-
-		</view>
-
-
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				title: '大众 > 迈腾 > 2022',
-				iStatusBarHeight: '',
-				cangList: [1, 3, 4],
-				xingList: [1, 2, 3, 4, 5],
-			}
-		},
-		onLoad() {
-			this.iStatusBarHeight = uni.getSystemInfoSync().statusBarHeight;
-
-		},
-		methods: {
-			goSelectCarFive(){
-				uni.navigateTo({
-					url: 'SelectCarFive'
-				})
-			},
-			goOemSearch() {
-				uni.navigateTo({
-					url: 'OemSearch'
-				})
-			},
-			goback() {
-				console.log('返回');
-				uni.navigateBack({})
-			},
-		}
-	}
-</script>
-
-<style>
-	.box {
-		min-height: 100vh;
-		background: #ffffff;
-		padding-bottom: constant(safe-area-inset-bottom);
-		padding-bottom: env(safe-area-inset-bottom);
-	}
-
-	.zdyNavBox {
-		width: 100vw;
-		background: #FFFFFF;
-		position: fixed;
-		top: 0;
-		left: 0;
-		z-index: 9999999;
-
-
-	}
-
-	.zdyNav {
-		height: 44px;
-		display: flex;
-		justify-content: space-between;
-
-		align-items: center;
-		padding: 0 24rpx;
-	}
-
-	.backImg {
-		width: 22rpx;
-		height: 40rpx;
-		
-	}
-
-	.homeImg {
-		width: 44rpx;
-		height: 44rpx;
-
-	}
-
-	.zdyNavLeft {
-		display: flex;
-		align-items: center;
-		width: 120rpx;
-	}
-
-	.zdyNavTitle {
-
-		height: 44px;
-		background: #FFFFFF;
-		text-align: center;
-		font-size: 34rpx;
-		line-height: 44px;
-	}
-
-	.zdyNavRight {
-		height: 44px;
-		background: #FFFFFF;
-		text-align: center;
-		font-size: 28rpx;
-		line-height: 44px;
-		color: #3F90F7;
-		width: 120rpx;
-	}
-
-	.top {
-		color: #FFFFFF;
-		font-size: 28rpx;
-		padding: 24rpx;
-
-		background: linear-gradient(110deg, #48B9F9 0%, #3F90F7 100%);
-	}
-
-	.cangBox {
-		background: #FFFFFF;
-		padding: 24rpx;
-		border-bottom: 1rpx solid #eeeeee;
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-	}
-	.leftBox{
-		width: 97%;
-	}
-	.cangTitle {
-		padding-bottom: 10rpx;
-		color: #333333;
-		font-size: 26rpx;
-		font-weight: bold;
-	}
-
-	.xing {
-		font-size: 24rpx;
-		color: #999999;
-	}
-</style>

pages/mobile/SelectCarSix.vue

@@ -1,270 +0,0 @@
-<template>
-	<view class="box">
-		<!-- 自定义导航 -->
-		<view class="zdyNavBox">
-			<view class="status_bar" :style="{height: iStatusBarHeight + 'px'}"></view>
-			<view class="zdyNav">
-				<view class="zdyNavLeft">
-					<image src="../../static/img/nav_icon_back.png" mode="aspectFit" class="backImg" @click="goback">
-					</image>
-
-				</view>
-				<view class="zdyNavTitle">车型件</view>
-				<view class="zdyNavRight" @click="goOemSearch">OEM搜索</view>
-				
-			</view>
-		</view>
-		<view class="status_bar" :style="{height: iStatusBarHeight + 'px'}"></view>
-		<view style="height: 44px;"></view>
-
-		<view class="top">{{title}}</view>
-
-
-		<view class="mainBox">
-			<view class="maintitle">总组
-				<view class="backBox" @click="blueBack">
-					<image src="../../static/img/icon_arrow_blue_l@2x.png" mode="" class="blueBackImg"></image>
-					<view class="backTxt">返回总组</view>
-				</view>
-			</view>
-			<!-- 搜索 -->
-			<view class="searchBoxBg">
-				<searchBox placeholder="快速查找子组" @search='search($event)'></searchBox>
-			</view>
-
-			<view @click="gomodelThree()" class="mainLine" v-for="(item,index) in cangList">
-				<view class="lineLeft">
-					<image class="lineIMg" src="http://dmsimg.66km.com/thFiles/7C057545-E11E-40F5-AD3C-637EF653B417.jpg"
-						mode="aspectFit"></image>
-				</view>
-				<view class="lineRIght">
-					<view class="lineName">电气设备，排气和加热</view>
-					<view class="lineBm">UH908980</view>
-					<view class="linejs">这是备注，没有就不显示该行，长了有就不显示该有就不显示该长了有就不显示该</view>
-				</view>
-
-
-			</view>
-		</view>
-
-
-	</view>
-</template>
-
-<script>
-	import searchBox from '@/components/searchBox/searchBox.vue'
-	export default {
-		components: {
-			searchBox
-		},
-		data() {
-			return {
-				title: '大众 > 迈腾 > 2022 > 市场一',
-				iStatusBarHeight: '',
-				cangList: [1,2,3,4,5,6,7,8],
-				sonTitle: '发动机',
-				searchValue: '',
-			}
-		},
-		onLoad() {
-			this.iStatusBarHeight = uni.getSystemInfoSync().statusBarHeight;
-
-		},
-		methods: {
-			search(val) {
-				// console.log(val);
-				this.searchValue = val
-			
-			},
-			gomodelThree() {
-				uni.navigateTo({
-					url: 'modelThree'
-				})
-			},
-			goOemSearch() {
-				uni.navigateTo({
-					url: 'OemSearch'
-				})
-			},
-			blueBack(){
-				uni.navigateBack({})
-			},
-			goback() {
-				console.log('返回');
-				uni.navigateBack({})
-			},
-		}
-	}
-</script>
-
-<style>
-	.box {
-		min-height: 100vh;
-		background: #ffffff;
-		padding-bottom: constant(safe-area-inset-bottom);
-		padding-bottom: env(safe-area-inset-bottom);
-	}
-
-	.zdyNavBox {
-		width: 100vw;
-		background: #FFFFFF;
-		position: fixed;
-		top: 0;
-		left: 0;
-		z-index: 9999999;
-
-
-	}
-
-	.zdyNav {
-		height: 44px;
-		display: flex;
-		justify-content: space-between;
-
-		align-items: center;
-		padding: 0 24rpx;
-	}
-
-	.backImg {
-		width: 22rpx;
-		height: 40rpx;
-		
-	}
-
-	.homeImg {
-		width: 44rpx;
-		height: 44rpx;
-
-	}
-
-	.zdyNavLeft {
-		display: flex;
-		align-items: center;
-		width: 120rpx;
-	}
-
-	.zdyNavTitle {
-
-		height: 44px;
-		background: #FFFFFF;
-		text-align: center;
-		font-size: 34rpx;
-		line-height: 44px;
-	}
-
-	.zdyNavRight {
-		height: 44px;
-		background: #FFFFFF;
-		text-align: center;
-		font-size: 28rpx;
-		line-height: 44px;
-		color: #3F90F7;
-		width: 120rpx;
-	}
-
-	.top {
-		color: #FFFFFF;
-		font-size: 28rpx;
-		padding: 24rpx;
-
-		background: linear-gradient(110deg, #48B9F9 0%, #3F90F7 100%);
-	}
-
-	.mainBox {
-		background: #FFFFFF;
-	}
-
-	.maintitle {
-		font-size: 28rpx;
-		font-family: PingFangSC-Medium, PingFang SC;
-		font-weight: 500;
-		color: #333333;
-		text-align: center;
-		line-height: 88rpx;
-		border-bottom: 1px solid #EEEEEE;
-		position: relative;
-	}
-
-	.blueBackImg {
-		width: 25rpx;
-		height: 24rpx;
-		margin-top: 4rpx;
-	}
-
-	.backBox {
-		display: flex;
-		position: absolute;
-		left: 23rpx;
-		top: 28rpx;
-	}
-
-	.backTxt {
-		color: #3F90F7;
-		
-		font-size: 24rpx;
-		line-height: 33rpx;
-	}
-
-	.mainLineJt {
-		width: 25rpx;
-		height: 24rpx;
-		margin-top: 8rpx;
-	}
-
-	.mainLine {
-		display: flex;
-
-		border-bottom: 1px solid #EEEEEE;
-		padding: 29rpx 24rpx;
-	}
-
-	.lineName {
-		font-size: 26rpx;
-		font-family: PingFangSC-Regular, PingFang SC;
-		font-weight: 500;
-		color: #333333;
-		line-height: 40rpx;
-		width: 570rpx;
-		word-wrap: break-word;
-		/*强制换行*/
-		overflow: hidden;
-		/*超出隐藏*/
-		text-overflow: ellipsis;
-		/*隐藏后添加省略号*/
-		white-space: nowrap;
-		/*强制不换行*/
-	}
-
-	.lineIMg {
-		width: 110rpx;
-		height: 110rpx;
-	}
-
-	.lineRIght {
-		padding-left: 20rpx;
-	}
-
-	.lineBm {
-		font-size: 24rpx;
-		font-family: PingFangSC-Regular, PingFang SC;
-		font-weight: 400;
-		color: #999999;
-		padding: 10rpx 0;
-	}
-
-	.linejs {
-		font-size: 24rpx;
-		font-family: PingFangSC-Regular, PingFang SC;
-		font-weight: 400;
-		color: #999999;
-		width: 570rpx;
-		word-wrap: break-word;
-		/*强制换行*/
-		overflow: hidden;
-		/*超出隐藏*/
-		text-overflow: ellipsis;
-		/*隐藏后添加省略号*/
-		white-space: nowrap;
-		/*强制不换行*/
-	}
-</style>

pages/mobile/SelectCarThree.vue

@@ -1,145 +0,0 @@
-<template>
-	<view class="box">
-		<!-- 自定义导航 -->
-		<view class="zdyNavBox">
-			<view class="status_bar" :style="{height: iStatusBarHeight + 'px'}"></view>
-			<view class="zdyNav">
-				<view class="zdyNavLeft">
-					<image src="../../static/img/nav_icon_back.png" mode="aspectFit" class="backImg" @click="goback">
-					</image>
-
-				</view>
-				<view class="zdyNavTitle">选择年份</view>
-				<view class="zdyNavRight" @click="goOemSearch">OEM搜索</view>
-				
-			</view>
-		</view>
-		<view class="status_bar" :style="{height: iStatusBarHeight + 'px'}"></view>
-		<view style="height: 44px;"></view>
-
-		<view class="top">{{title}}</view>
-		
-		<view @click="goSelectCarFour()" class="xingBox" v-for="(item,index) in nianList" :key="index">
-			<view class="xing">2022</view>
-			<image src="../../static/img/rightArrow.png" mode="" style="width: 12rpx; height: 20rpx"></image>
-		</view>
-
-
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				title: '大众 > 迈腾 >',
-				iStatusBarHeight: '',
-				
-				nianList: [1, 2, 3, 4, 5],
-			}
-		},
-		onLoad() {
-			this.iStatusBarHeight = uni.getSystemInfoSync().statusBarHeight;
-
-		},
-		methods: {
-			goSelectCarFour(){
-				uni.navigateTo({
-					url: 'SelectCarFour'
-				})
-			},
-			goOemSearch() {
-				uni.navigateTo({
-					url: 'OemSearch'
-				})
-			},
-			goback() {
-				console.log('返回');
-				uni.navigateBack({})
-			},
-		}
-	}
-</script>
-
-<style>
-	.box {
-		min-height: 100vh;
-		background: #ffffff;
-		padding-bottom: constant(safe-area-inset-bottom);
-		padding-bottom: env(safe-area-inset-bottom);
-	}
-
-	.zdyNavBox {
-		width: 100vw;
-		background: #FFFFFF;
-		position: fixed;
-		top: 0;
-		left: 0;
-		z-index: 9999999;
-
-
-	}
-
-	.zdyNav {
-		height: 44px;
-		display: flex;
-		justify-content: space-between;
-
-		align-items: center;
-		padding: 0 24rpx;
-	}
-
-	.backImg {
-		width: 22rpx;
-		height: 40rpx;
-		
-	}
-
-	.homeImg {
-		width: 44rpx;
-		height: 44rpx;
-
-	}
-
-	.zdyNavLeft {
-		display: flex;
-		align-items: center;
-		width: 120rpx;
-	}
-
-	.zdyNavTitle {
-
-		height: 44px;
-		background: #FFFFFF;
-		text-align: center;
-		font-size: 34rpx;
-		line-height: 44px;
-	}
-
-	.zdyNavRight {
-		height: 44px;
-		background: #FFFFFF;
-		text-align: center;
-		font-size: 28rpx;
-		line-height: 44px;
-		color: #3F90F7;
-		width: 120rpx;
-	}
-
-	.top {
-		color: #FFFFFF;
-		font-size: 28rpx;
-		padding: 24rpx;
-
-		background: linear-gradient(110deg, #48B9F9 0%, #3F90F7 100%);
-	}
-	
-	.xingBox{
-		font-size: 28rpx;
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-		padding: 24rpx;
-		border-bottom: 1rpx solid #eeeeee;
-	}
-</style>

pages/mobile/SelectCarTwo.vue

@@ -1,71 +1,199 @@
 <template>
 	<view class="box">
-		<!-- 自定义导航 -->
-		<view class="zdyNavBox">
-			<view class="status_bar" :style="{height: iStatusBarHeight + 'px'}"></view>
-			<view class="zdyNav">
-				<div @click="goback" class="uni-page-head-btn"><i class="uni-btn-icon" style="color: rgb(0, 0, 0); font-size: 27px;"></i></div>
-				
-				<view class="zdyNavTitle">{{title}}</view>
-				<view class="zdyNavRight" @click="goOemSearch">OEM搜索</view>
-				
-			</view>
+		<!-- 自定义导航 -->
+		<view class="zdyNavBox">
+			<view class="status_bar" :style="{height: iStatusBarHeight + 'px'}"></view>
+			<view class="zdyNav">
+				<div @click="goback" class="uni-page-head-btn"><i class="uni-btn-icon"
+						style="color: rgb(0, 0, 0); font-size: 27px;"></i></div>
+
+				<view class="zdyNavTitle">车型</view>
+				<view class="zdyNavRight" @click="goOemSearch">OEM搜索</view>
+
+			</view>
 		</view>
-		
+
 		<view class="status_bar" :style="{height: iStatusBarHeight + 'px'}"></view>
 		<view style="height: 44px;"></view>
 
-		<!-- 搜索 -->
-		<!-- <view class="searchBoxBg">
-			<searchBox placeholder="搜索车型" @search='search($event)'></searchBox>
-		</view> -->
-		
-		<view class="cangBox" v-for="(item,index) in cangList" :key="index">
-			<view class="cangTitle">一汽大众</view>
-			<view @click="goSelectCarThree()" class="xingBox" v-for="(item,index) in xingList" :key="index">
-				<view class="xing">迈腾</view>
+		<view class="top">{{title}}</view>
+
+		<!-- 车型 -->
+		<view v-if="carModelShow" class="cangBox">
+			<view v-for="(item,index) in xingList" :key="index">
+				<view class="cangTitle">{{item.fct_name}}</view>
+				<view @click="goNext(item2)" class="xingBox" v-for="(item2,index) in item.models" :key="index">
+					<view class="xing">{{item2.model_name}}</view>
+					<image src="../../static/img/rightArrow.png" mode="" style="width: 12rpx; height: 20rpx"></image>
+				</view>
+			</view>
+		</view>
+
+		<!-- 年份 -->
+		<view v-if="yearShow" class="cangBox">
+			<view @click="goNext2(item)" class="xingBox" v-for="(item,index) in yearList">
+				<view class="xing">{{item.year}}</view>
 				<image src="../../static/img/rightArrow.png" mode="" style="width: 12rpx; height: 20rpx"></image>
-			</view>
+			</view>
+		</view>
+
+		<!-- 型号 -->
+		<view v-if="xinghaoShow" class="cangBox">
+			<view @click="goVinDetail(item)" class="workBox2" v-for="(item,index) in xinghaoList" :key="index">
+				<view class="leftBox">
+					<view class="oneBox">
+						<view class="comtent2">
+							<view class="left2" style="width: 28%;">变速器：</view>
+							<view class="right2">{{item.trans}}</view>
+						</view>
+						<view class="comtent2">
+							<view class="left2">车型：</view>
+							<view class="right2">{{item.model}}</view>
+						</view>
+					</view>
+
+					<view class="oneBox">
+						<view class="comtent2">
+							<view class="left2">级别：</view>
+							<view class="right2">{{item.grade}}</view>
+						</view>
+						<view class="comtent2">
+							<view class="left2" style="width: 35%;">发动机号：</view>
+							<view class="right2">{{item.engine}}</view>
+						</view>
+					</view>
+
+					<view class="oneBox">
+						<view class="comtent2">
+							<view class="left2">装配：</view>
+							<view class="right2">{{item.equip}}</view>
+						</view>
+
+					</view>
+
+
+					<view class="oneBox">
+						<view class="comtent2">
+							<view class="left2" style="width: 35%;">模型代码：</view>
+							<view class="right2">{{item.mdcode}}</view>
+						</view>
+
+					</view>
+
+				</view>
+				<image src="../../static/img/rightArrow.png" mode="" style="width: 12rpx; height: 20rpx"></image>
+			</view>
 		</view>
 
 
 	</view>
 </template>
 
-<script>
-	import searchBox from '@/components/searchBox/searchBox.vue'
-	export default {
-		components: {
-			searchBox
-		},
+<script>
+	export default {
+		
 		data() {
-			return {
+			return {
 				epc_id: '',
 				title: '',
-				iStatusBarHeight: '',
+				iStatusBarHeight: '',
 				searchValue: '',
-				cangList: [1, 2],
-				xingList: [1, 2, 3, 4, 5],
+				xingList: [],
+				access_time: '',
+				yearList: [],
+				yearShow: false,
+				carModelShow: false,
+				xinghaoShow: false,
+				xinghaoList: [],
 			}
 		},
-		onLoad(opt) {
-			console.log('opt',opt);
+		onLoad(opt) {
+			console.log('opt', opt);
 			this.iStatusBarHeight = uni.getSystemInfoSync().statusBarHeight;
-			this.epc_id = opt.epc_id;
+			this.epc_id = opt.epc_id;
 			this.title = opt.title;
+			this.getItemData();
 		},
-		methods: {
-			search(val) {
-				// console.log(val);
-				this.searchValue = val
-			
-			},
-			goSelectCarThree(){
-				uni.navigateTo({
-					url: 'SelectCarThree'
-				})
-			},
+		methods: {
+			goNext(item) {
+				if (item.next_restrain == 1) {
+					this.title += ' > ' + item.model_name;
+					this.getYueSuData(item)
+				}
+			},
+			goNext2(item) {
+				if (item.next_restrain == 1) {
+					this.title += ' > ' + item.year;
+					this.getYueSuData(item)
+				}
+			},
+			//获取车型约束列表
+			getYueSuData(item) {
+				let that = this
+				uni.showLoading({
+					title: '加载中'
+				});
+				this.$http('advancedEpc/getRestrain', {
+					epc_id: this.epc_id,
+					token: item.token,
+					param: item.param,
+					access_time: this.access_time,
+					// page: this.page
+				}, 'GET').then(res => {
+					uni.hideLoading();
+					if (res.data.result.caption == '年份') {
+
+
+						that.carModelShow = false;
+						that.yearShow = true;
+
+						that.yearList = res.data.result.list;
+						that.access_time = res.data.result.access_time;
+					}
+					if (res.data.result.next_level.caption == '总组') {
+
+						that.title += ' > ' + res.data.result.caption;
+
+						that.carModelShow = false;
+						that.yearShow = false;
+						that.xinghaoShow = true;
+
+						that.xinghaoList = res.data.result.list;
+						that.access_time = res.data.result.access_time;
+					}
+
+
+				});
+			},
+			//获取车型
+			getItemData() {
+				let that = this
+				uni.showLoading({
+					title: '加载中'
+				});
+				this.$http('advancedEpc/getModel', {
+					epc_id: this.epc_id,
+					// token: this.token,
+					// param: this.param,
+					// access_time: this.access_time,
+					// page: this.page
+				}, 'GET').then(res => {
+					uni.hideLoading();
+
+					if (res.data.result.caption == '车型') {
+						that.xingList = res.data.result.list;
+						that.access_time = res.data.result.access_time;
+						that.carModelShow = true;
+					}
+				});
+			},
 			
+			goVinDetail() {
+				uni.navigateTo({
+					url: 'VinDetail'
+				})
+			},
+
 			goOemSearch() {
 				uni.navigateTo({
 					url: 'OemSearch'
@@ -73,7 +201,9 @@
 			},
 			goback() {
 				console.log('返回');
-				uni.navigateBack({})
+				this.carModelShow = true;
+				this.yearShow = false;
+				// uni.navigateBack({})
 			},
 		}
 	}
@@ -82,8 +212,8 @@
 <style>
 	.box {
 		min-height: 100vh;
-		background: #ffffff;
-		padding-bottom: constant(safe-area-inset-bottom);
+		background: #ffffff;
+		padding-bottom: constant(safe-area-inset-bottom);
 		padding-bottom: env(safe-area-inset-bottom);
 	}
 
@@ -94,52 +224,28 @@
 		top: 0;
 		left: 0;
 		z-index: 9999999;
-		
 
 	}
 
 	.zdyNav {
-		height: 44px;
 		display: flex;
 		justify-content: space-between;
-
 		align-items: center;
-		padding: 0 24rpx;
+		padding: 14rpx 6rpx;
 	}
 
-	.backImg {
-		width: 22rpx;
-		height: 40rpx;
-		
-	}
-
-	.homeImg {
-		width: 44rpx;
-		height: 44rpx;
-
-	}
-
-	.zdyNavLeft {
-		display: flex;
-		align-items: center;
-		width: 120rpx;
-	}
 
 	.zdyNavTitle {
-
-		height: 44px;
 		background: #FFFFFF;
 		text-align: center;
-		font-size: 34rpx;
-		line-height: 44px;
+		font-size: 32rpx;
+		font-weight: bold;
 	}
 
 	.zdyNavRight {
-		height: 44px;
 		background: #FFFFFF;
 		text-align: center;
 		font-size: 28rpx;
-		line-height: 44px;
 		color: #3F90F7;
 		width: 120rpx;
 	}
@@ -150,22 +256,70 @@
 		padding: 24rpx;
 
 		background: linear-gradient(110deg, #48B9F9 0%, #3F90F7 100%);
-	}
-	.cangBox{
-		background: #FFFFFF;
-	}
-	.cangTitle{
-		padding: 10rpx 24rpx;
-		background: #F4F5F7;
-		color: #333333;
-		font-size: 28rpx;
-	}
-	.xingBox{
-		font-size: 28rpx;
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-		padding: 24rpx;
-		border-bottom: 1rpx solid #eeeeee;
+	}
+
+	.cangBox {
+		background: #FFFFFF;
+	}
+
+	.cangTitle {
+		padding: 10rpx 24rpx;
+		background: #F4F5F7;
+		color: #333333;
+		font-size: 28rpx;
+	}
+
+	.xingBox {
+		font-size: 28rpx;
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		padding: 24rpx;
+		border-bottom: 1rpx solid #eeeeee;
+	}
+
+	.oneBox {
+		display: flex;
+		justify-content: space-between;
+		align-items: baseline;
+		font-size: 26rpx;
+		padding-bottom: 20rpx;
+	}
+
+	.comtent2 {
+		display: flex;
+		align-items: baseline;
+		font-size: 26rpx;
+		width: 50%;
+	}
+
+	.workBox2 {
+
+		background: #FFFFFF;
+		border-bottom: 1rpx solid #EEEEEE;
+		padding: 20rpx 24rpx 0rpx;
+
+		display: flex;
+		align-items: center;
+	}
+
+	.leftBox {
+		width: calc(100vw - 20rpx);
+	}
+
+	.rightBox {
+		width: 20rpx;
+	}
+
+	.left2 {
+		width: 20%;
+		color: #999999;
+		white-space: nowrap;
+	}
+
+	.right2 {
+		width: 80%;
+		color: #333333;
+		margin-right: 20rpx;
 	}
 </style>

pages/mobile/homePage.vue

@@ -30,7 +30,7 @@
 			
 			<view class="btnBox">
 				<image @click="goIndex()" class="searchBtn" src="../../static/img/button_search.png" mode=""></image>
-				<!-- <view @click="goSelectCarModel()" class="brand">选择品牌</view> -->
+				<view @click="goSelectCarModel()" class="brand">选择品牌</view>
 			</view>
 			
 			<image class="title" src="../../static/img/text_zhongjian.png" mode=""></image>