66im/pages/carModel.vue

<template>
  <view class="mine">
    <view class="boc">
		<view class="line">
			<view class="lineTitle">品牌名称</view>
			<view class="lineTxt">{{carModelInfo.manufactor}}</view>
		</view>
		<view class="line">
			<view class="lineTitle">车架号</view>
			<view class="lineTxt">{{vin}}</view>
		</view>
		<view class="line">
			<view class="lineTitle">名称</view>
			<view class="lineTxt">{{carModelInfo.carModel}}</view>
		</view>
		<view class="line">
			<view class="lineTitle">排放标准</view>
			<view class="lineTxt">{{carModelInfo.emissionStandard}}</view>
		</view>
		<view class="line">
			<view class="lineTitle">油耗</view>
			<view class="lineTxt">{{carModelInfo.gxbOilConsumption}}</view>
		</view>
		<view class="line">
			<view class="lineTitle">发动机</view>
			<view class="lineTxt">{{carModelInfo.engineDescription}}</view>
		</view>
		<view class="line">
			<view class="lineTitle">变速箱</view>
			<view class="lineTxt">{{carModelInfo.transmissionType}}</view>
		</view>
		<view class="line">
			<view class="lineTitle">驱动方式</view>
			<view class="lineTxt">{{carModelInfo.drivingForm}}</view>
		</view>
		<view class="line">
			<view class="lineTitle">前轮胎尺寸</view>
			<view class="lineTxt">{{carModelInfo.fronttireSpecification}}</view>
		</view>
		<view class="line">
			<view class="lineTitle">后轮胎尺寸</view>
			<view class="lineTxt">{{carModelInfo.reartireSpecification}}</view>
		</view>
		<view class="line">
			<view class="lineTitle">排量L</view>
			<view class="lineTxt">{{carModelInfo.displacement}}</view>
		</view>
		<view class="line">
			<view class="lineTitle">燃油类型</view>
			<view class="lineTxt">{{carModelInfo.fuelType}}</view>
		</view>
		<view class="line">
			<view class="lineTitle">燃油标号</view>
			<view class="lineTxt">{{carModelInfo.fuelLabeling}}</view>
		</view>
		<view class="line">
			<view class="lineTitle">厂商指导价</view>
			<view class="lineTxt">{{carModelInfo.guidePrice}}</view>
		</view>
		<view class="line">
			<view class="lineTitle">前制动类型</view>
			<view class="lineTxt">{{carModelInfo.frontbrakeType}}</view>
		</view>
		<view class="line">
			<view class="lineTitle">后制动类型</view>
			<view class="lineTxt">{{carModelInfo.rearbrakeType}}</view>
		</view>
	</view>
  </view>
</template>

<script>
  const GoEasy = uni.$GoEasy;
  export default {
    data() {
      return {
       carModelInfo:'',
	   nLevelIDs:'',
	   vin:'',
      }
    },
    onShow() {
     
    },
	onLoad(opt) {
		//this.carModelInfo=uni.getStorageSync("carModelInfo")
		this.nLevelIDs=opt.nLevelIDs
		this.vin=opt.vin
		this.$http('imSys/vinSupplierDetail', {
		   nLevelIDs:this.nLevelIDs,
		  },'GET').then(res => {
		 	this.carModelInfo=res.data
				  
		  }) 
	},
    methods: {
     
    }
  }
</script>

<style scoped>
.mine{
	background: #F4F5F7;
	min-height: 100vh;
}
 .boc{
	 padding: 20rpx 24rpx;
	 border-radius: 20rpx;
	 display: flex;flex-wrap: wrap;
	 overflow: hidden;
 }
 .line{
	 width: 50%;
	 text-align: center;
	 padding: 30rpx 0;
	 border-bottom: 1px solid #eaeaea;
	 background: #fff;
 }
 .line:nth-child(odd) {
    border-right: 1px solid #eaeaea;
	width: calc(50% - 1px);
 }
 .lineTitle{
	font-size: 28rpx;
	color: #1C1C1C;
	 line-height: 50rpx;
	 
 }
 .lineTxt{
	 font-size: 26rpx;
	 color: #787878;
	 line-height: 45rpx;
	 min-height: 45rpx;
	 
 }
</style>