<template>
|
|
<view class="container">
|
|
<view class="header_infos">
|
|
<view class="header_info_left" @click="getBack">
|
|
<uni-icons type="left" size="30">
|
|
</uni-icons>
|
|
</view>
|
|
<text class="header_info_right">
|
|
选择车系
|
|
</text>
|
|
</view>
|
|
|
|
<view class="contents">
|
|
<scroll-view scroll-y="true" class="scroll-view" :scroll-into-view="currentIndex">
|
|
<view class="content" v-for="(item, index) in list" :key="index" @click="getPid(item.id,item.name)">
|
|
<text class="content-left">
|
|
{{item.name}}
|
|
</text>
|
|
<uni-icons class="content-right" type="right" color="#c0c0c0"></uni-icons>
|
|
</view>
|
|
</scroll-view>
|
|
</view>
|
|
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import {childList} from '@/api.uts'
|
|
export default {
|
|
data() {
|
|
return {
|
|
list:[],
|
|
currentIndex: '',
|
|
clientInfo:{},
|
|
certFront:'',
|
|
carPic:'',
|
|
certBack:'',
|
|
}
|
|
},
|
|
onLoad(options) {
|
|
this.clientInfo = JSON.parse(decodeURIComponent(options.clientInfo));
|
|
console.log(this.clientInfo.appOrderCarList[0].carSeries);
|
|
},
|
|
mounted() {
|
|
childList({pid:getApp().pid}).then((res)=>{
|
|
this.list =res.result.records
|
|
})
|
|
},
|
|
methods: {
|
|
getBack(){
|
|
uni.navigateBack(
|
|
{delta:1}
|
|
)
|
|
},
|
|
getPid(id,name){
|
|
this.clientInfo.appOrderCarList[0].carSeries = this.clientInfo.appOrderCarList[0].carSeries + name;
|
|
childList({pid:id}).then((res)=>{
|
|
console.log(res.result.records);
|
|
if(res.result.records.length == 0){
|
|
if(this.pagesCount >= 10){
|
|
if(getApp().flag == 0){
|
|
uni.redirectTo (
|
|
{url:'/pages/index/PayPal?clientInfo='+ encodeURIComponent(JSON.stringify(this.clientInfo))}
|
|
)
|
|
}else{
|
|
uni.redirectTo (
|
|
{url:'/pages/index/PayPal_pinpai?clientInfo='+ encodeURIComponent(JSON.stringify(this.clientInfo))}
|
|
)
|
|
}
|
|
}else{
|
|
if(getApp().flag == 0){
|
|
uni.navigateTo (
|
|
{url:'/pages/index/PayPal?clientInfo='+ encodeURIComponent(JSON.stringify(this.clientInfo))}
|
|
)
|
|
}else{
|
|
uni.navigateTo (
|
|
{url:'/pages/index/PayPal_pinpai?clientInfo='+ encodeURIComponent(JSON.stringify(this.clientInfo))}
|
|
)
|
|
}
|
|
}
|
|
}else{
|
|
getApp().pid_1 = id;
|
|
if(this.pagesCount >= 10){
|
|
// 使用重定向跳转页面
|
|
uni.redirectTo(
|
|
{url:'/pages/views/car?clientInfo='+ encodeURIComponent(JSON.stringify(this.clientInfo))
|
|
})
|
|
}else{
|
|
uni.navigateTo(
|
|
{url:'/pages/views/car?clientInfo='+ encodeURIComponent(JSON.stringify(this.clientInfo))
|
|
})
|
|
}
|
|
}
|
|
})
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scss>
|
|
|
|
.header_infos{
|
|
height: 10%;
|
|
width: 100%;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
background-color: #f8f8f8;
|
|
}
|
|
.header_info_right{
|
|
width: 80%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
/* left: 40%; */
|
|
}
|
|
|
|
.contents{
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
.scroll-view {
|
|
flex: 1;
|
|
height: 100%;
|
|
/* margin-top: 10%; */
|
|
background-color: #ffffff;
|
|
}
|
|
.content{
|
|
height: 5%;
|
|
display: flex;
|
|
flex-direction: row;
|
|
border-bottom: 0.01rem solid #e0e0e0;
|
|
/* height: 15%; */
|
|
}
|
|
.content-left{
|
|
font-size: 0.8rem;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.content-right{
|
|
margin-left: auto;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
</style>
|