shell/pages/index/carGroup.vue

<template>
	<view class="content">
		<view class="top">
			<image :src="optdata.logo" mode="" class="logoImg"></image>
			<view class="topname">
				{{optdata.brand}}-{{optdata.manufactor}}-{{optdata.carSeries}}-{{optdata.displacement}}
			</view>
		</view>
		<view class="ts">
			<image src="../../static/img/icon_xuanze.png" mode="" class="tsImg"></image>
			<view class="tsTxt">请选择车型</view>
		</view>
		<view class="linebox">
			<view class="line" v-for="(item,index) in carGroupList" @click="goItem(item)">
				{{item.title}}
			</view>
		</view> 
	</view>
</template>

<script>
	export default {
		components: {
			
		},
		data() {
			return {
				brand:'',
				manufactor:'',
				carSeries:'',
				logo:'',
				optdata:'',
				carGroupList:[],
			}
		},
		onLoad(opt) {
          this.optdata=opt;
		  this.getmodelList();
		},
		methods: {
		   goItem(e){
			  uni.navigateTo({
			  	url:'/pages/index/byItem?nLevelID='+e.carModelInfo.nLevelID+'&logo='+this.optdata.logo+'&manufactor='+this.optdata.manufactor+'&carSeries='+this.optdata.carSeries+'&brand='+this.optdata.brand+'&value='+e.value+'&id='+e.id
			  }) 
		   },
           getmodelList(){
           	uni.showLoading({ title: '加载中'});
           	this.$http('matchingByOpen/queryCarModelGroupPackage', {
           	  brand:this.optdata.brand,
           	  manufactor:this.optdata.manufactor,
           	  carSeries:this.optdata.carSeries,
           	  displacement:this.optdata.displacement
           	 },'post').then(res => {
           		uni.hideLoading();
           		this.carGroupList=res.data.carGroupList
           	})
           },
		}
	}
</script>

<style scoped>
.content{
	background: #F4F5F7;min-height: 100vh;
}
.top{
	display: flex;background: #ffffff;
	padding: 34rpx 24rpx;
}
.logoImg{
	width: 46rpx;
	height: 46rpx;
}
.topname{
	font-weight: 500;font-size: 28rpx;line-height: 46rpx;
	color: #1A1A1A;padding-left: 20rpx;
}
.tsImg{
	width: 27rpx;height: 28rpx;
}
.tsTxt{
	font-weight: 500;padding-left: 16rpx;
	color: #FFBF35;
	font-size: 28rpx;line-height: 28rpx;
}
.ts{
	padding: 36rpx 24rpx;display: flex;
}
.linebox{
	background: #ffffff;
	padding: 0 24rpx;
}
.line{
	border-bottom: 1rpx solid #EEEEEE;
	font-weight: 400;
	color: #333333;font-size: 26rpx;
	padding: 30rpx 0;
}
</style>