|
|
@@ -1,10 +1,16 @@
|
|
|
<template>
|
|
|
<view class="content">
|
|
|
<view class="top">
|
|
|
+ <view class="topNavBox">
|
|
|
+ <view class="status_bar" :style="{height: iStatusBarHeight + 'px'}"></view>
|
|
|
+ <view class="indexnav">配件查询</view>
|
|
|
+ </view>
|
|
|
+ <view class="status_bar" :style="{height: iStatusBarHeight + 'px'}"></view>
|
|
|
+ <view style="height: 43px;"></view>
|
|
|
<view class="searchBox">
|
|
|
<view class="searchInputBox" @click="goSearch">
|
|
|
<image src="../../static/img/icon_search.png" mode="" class="simg"></image>
|
|
|
- <input type="text" placeholder="请输入车型品牌或车系名称" placeholder-class="ip" class="ssinput">
|
|
|
+ <input type="text" placeholder="请输入车辆品牌、车系或VIN码" placeholder-class="ip" class="ssinput">
|
|
|
</view>
|
|
|
<view class="st" @click="stBtn">
|
|
|
<image src="../../static/img/icon_shitu.png" mode="" class="stimg"></image>
|
|
|
@@ -36,7 +42,7 @@
|
|
|
<view class="ckcarTitle">请选择车型</view>
|
|
|
<image src="../../static/img/icon_quxiao.png" mode="" class="ckcarClose" @click="ckcarClose"></image>
|
|
|
</view>
|
|
|
- <view class="ckcarlineBox" v-for="(item,index) in moreVinList">
|
|
|
+ <view class="ckcarlineBox" v-for="(item,index) in moreVinList" @click="gobyItem(item)">
|
|
|
<view class="ckcarline flex">
|
|
|
<view class="ckcarLeft">{{item.title}}</view>
|
|
|
<image src="../../static/img/icon_arrow.png" mode="" class="ckcarJtimg"></image>
|
|
|
@@ -62,9 +68,11 @@
|
|
|
vinNum:'',
|
|
|
moreVinList:[],
|
|
|
historyList:[],
|
|
|
+ iStatusBarHeight:'',
|
|
|
}
|
|
|
},
|
|
|
onLoad() {
|
|
|
+ this.iStatusBarHeight = uni.getSystemInfoSync().statusBarHeight;
|
|
|
var that=this;
|
|
|
this.uniLogin()
|
|
|
setTimeout(function(){
|
|
|
@@ -113,6 +121,12 @@
|
|
|
url:'/pages/index/byItem?nLevelID='+e.nLevelID+'&logo='+e.logo+'&value='+e.title+'&id='+e.groupID
|
|
|
})
|
|
|
},
|
|
|
+ gobyItem(e){
|
|
|
+ var nLevelID=e.nLevelIDs.split(',')[0]
|
|
|
+ uni.navigateTo({
|
|
|
+ url:'/pages/index/byItem?nLevelID='+nLevelID+'&logo='+e.carModelInfo.logo+'&value='+e.title+'&id='+e.ids
|
|
|
+ })
|
|
|
+ },
|
|
|
gohistory(){
|
|
|
uni.navigateTo({
|
|
|
url:'/pages/index/history'
|
|
|
@@ -171,7 +185,12 @@
|
|
|
}, 'POST').then(res => {
|
|
|
if(res.code!=1){
|
|
|
this.moreVinList=res.data;
|
|
|
- this.ckCarShow=true;
|
|
|
+ if(this.moreVinList.length>1){
|
|
|
+ this.ckCarShow=true;
|
|
|
+ }else{
|
|
|
+ this.gobyItem(this.moreVinList[0])
|
|
|
+ }
|
|
|
+
|
|
|
|
|
|
}
|
|
|
else {
|
|
|
@@ -188,6 +207,9 @@
|
|
|
ckcarClose(){
|
|
|
this.ckCarShow=false;
|
|
|
}
|
|
|
+ },
|
|
|
+ onShareAppMessage(){
|
|
|
+
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
@@ -233,9 +255,19 @@
|
|
|
min-height: 100vh;background: #F4F5F7;
|
|
|
}
|
|
|
.top{
|
|
|
- width: 100%;height: 230rpx;
|
|
|
+ width: 100%;height: 400rpx;
|
|
|
background: url('http://dmsphoto.66km.com.cn/thFiles/DE1573A0-1C08-4243-8313-C0BA094406D0.png') no-repeat;
|
|
|
- background-size: 100% 100%;
|
|
|
+ background-size: 100%;
|
|
|
+}
|
|
|
+.topNavBox{
|
|
|
+ background: #D53533;
|
|
|
+ width: 750rpx;
|
|
|
+ position: fixed;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ z-index: 11;
|
|
|
+ background: url('http://dmsphoto.66km.com.cn/thFiles/DE1573A0-1C08-4243-8313-C0BA094406D0.png') no-repeat;
|
|
|
+ background-size: 100%;
|
|
|
}
|
|
|
.searchInputBox{
|
|
|
width: 634rpx;display: flex;
|
|
|
@@ -255,6 +287,7 @@
|
|
|
}
|
|
|
.ssinput{
|
|
|
font-size: 28rpx;font-weight: 400;padding-left: 24rpx;line-height: 80rpx;height: 80rpx;
|
|
|
+ width: 500rpx;
|
|
|
}
|
|
|
.ip{
|
|
|
color: #999999;
|
|
|
@@ -298,4 +331,11 @@
|
|
|
display: flex;justify-content: space-between;
|
|
|
padding: 30rpx 0;border-top: 1rpx solid #EEEEEE;
|
|
|
}
|
|
|
+.indexnav{
|
|
|
+ height: 44px;
|
|
|
+ line-height: 44px;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 36rpx;
|
|
|
+ color: #FFFFFF;
|
|
|
+ }
|
|
|
</style>
|
