Skip to content

J
jd-vx-app
Commit f9268508 authored by lijiongliang's avatar lijiongliang
Browse files
Options

页面优化

parent 369d390f
Hide whitespace changes
Inline Side-by-side
Showing with 151 additions and 41 deletions
common/codecook-carnumber/codecook-carnumber.vue
View file @ f9268508
<template>
<view class="car-number">
<view class="new-energy">新能源</view>
<!-- <view class="new-energy">新能源</view> -->
<view class="wrap" @tap="focusHandler">
<view
:class="[
......@@ -65,6 +65,9 @@
this.$emit('change', val);
},
value(val){
if(!val){
this.fill = new Array(this.length).fill('')
}
for (let i = 0 ; i < val.length; i++) {
this.fill[i] = val.substring(i,i+1)
}
......
pages.json
View file @ f9268508
......@@ -263,7 +263,13 @@
"style": {
"navigationBarTitleText": "退款成功"
}
}
},
{
"path": "pages/personal/instructions",
"style": {
"navigationBarTitleText": ""
}
}
]
}
],
......
pages/binding/binding.vue
View file @ f9268508
......@@ -23,7 +23,7 @@
</u-checkbox-group>
</view>
<view>
已阅读并同意<span @click="goArticle(1)">《用户注册服务协议》</span>、<span @click="goArticle(2)">《京东挪车牌隐私权政策》</span>
已阅读并同意<span @click="goArticle(1)">《用户注册服务协议》</span>、<span @click="goArticle(2)">《京东汽车挪车牌隐私权政策》</span>
</view>
</view>
<div>
......@@ -89,7 +89,7 @@ export default {
});
} else {
uni.showToast({
title: "请阅读并同意《用户注册服务协议》和《京东挪车牌隐私权政策》",
title: "请阅读并同意《用户注册服务协议》和《京东汽车挪车牌隐私权政策》",
icon: 'none',
duration: 2000,
});
......
pages/binding/index.vue
View file @ f9268508
......@@ -38,7 +38,7 @@
<u-checkbox :checked='checked' @change="changeBtn"></u-checkbox>
</u-checkbox-group>
已阅读并同意 <span @click="goArticle(1)">《用户注册服务协议》</span>、<span
@click="goArticle(2)">《京东挪车牌隐私权政策》</span>。若您的手机号未注册，将为您直接注册友众账号
@click="goArticle(2)">《京东汽车挪车牌隐私权政策》</span>。若您的手机号未注册，将为您直接注册友众账号
</div>
</div>
</view>
......@@ -71,7 +71,7 @@
//登录
checkLogin() {
uni.showToast({
title: "请先阅读并同意《用户注册服务协议》、《京东挪车牌隐私权政策》",
title: "请先阅读并同意《用户注册服务协议》、《京东汽车挪车牌隐私权政策》",
icon: 'none',
duration: 2000,
});
......
pagesA/pages/index/getCoupon.vue
View file @ f9268508
......@@ -10,7 +10,7 @@
领取优惠券
</view>
<view>
免费购买京东挪车牌
免费购买京东汽车挪车牌
</view>
</view>
......
pagesB/pages/move-car/addCar.vue
View file @ f9268508
......@@ -31,7 +31,7 @@
<u-checkbox-group placement="row">
<u-checkbox :checked='checked' @change="changeBtn"></u-checkbox>
</u-checkbox-group>
请先阅读并同意<span @click="goArticle">《京东挪车牌隐私权政策》</span>
请先阅读并同意<span @click="goArticle">《京东汽车挪车牌隐私权政策》</span>
</div>
<div class="add__btn add__no__bind" @click="addCarInfo()">
完成
......@@ -122,7 +122,7 @@ export default {
this.$refs.form1.validate().then(res => {
if (!this.checked) {
uni.showToast({
title: "请同意京东挪车牌隐私权政策",
title: "请同意京东汽车挪车牌隐私权政策",
icon: 'none',
duration: 2000,
});
......
pagesB/pages/move-car/editCar.vue
View file @ f9268508
......@@ -33,7 +33,7 @@
<u-checkbox-group placement="row">
<u-checkbox :checked='checked' @change="changeBtn"></u-checkbox>
</u-checkbox-group>
请先阅读并同意<span @click="goArticle">《京东挪车牌隐私权政策》</span>
请先阅读并同意<span @click="goArticle">《京东汽车挪车牌隐私权政策》</span>
</div>
<div class="add__btn add__no__bind" @click="editCarInfo">
......@@ -131,7 +131,7 @@ export default {
this.$refs.form1.validate().then(res => {
if (!this.checked) {
uni.showToast({
title: "请同意京东挪车牌隐私权政策",
title: "请同意京东汽车挪车牌隐私权政策",
icon: 'none',
duration: 2000,
});
......
pagesB/pages/move-car/loveCar.vue
View file @ f9268508
......@@ -40,6 +40,10 @@
<div class="love__btn" @click="addCar">
<image src="@/static/move-car/love-car5.png"> 添加车辆
</div>
<view class="guide" @click="gotoExplanation">
如何修改爱车信息？
</view>
</div>
</view>
</template>
......@@ -127,7 +131,13 @@ export default {
delta: 1
})
}
}
},
// 跳转到使用说明页面
gotoExplanation() {
uni.navigateTo({
url: '/pagesD/pages/personal/instructions'
});
},
},
onShow(){
this.getCarList()
......@@ -231,9 +241,9 @@ export default {
color: #FFFFFF;
line-height: 76rpx;
text-align: center;
position: fixed;
width: 670rpx;
bottom: 60rpx;
// position: fixed;
// width: 670rpx;
// bottom: 60rpx;
image {
width: 30rpx;
height: 30rpx;
......@@ -241,5 +251,13 @@ export default {
}
}
.guide{
text-align: center;
font-size: 28rpx;
text-decoration: underline;
color: #3A86F7;
margin-top:30rpx;
}
}
</style>
pagesB/pages/move-car/scan.vue
View file @ f9268508
......@@ -15,39 +15,43 @@
感谢您使用挪车二维码，请完成车牌号与手机的绑定以便享受挪车服务
</div>
</div>
<div class="car_info" v-if="carInfo">
<div class="car_info">
<view class="select-car" @click="getCarList">
请选择爱车 &gt;
</view>
<view class="info_list">
<view class="left">
品牌
品牌车型：
</view>
<view class="right">
{{carInfo.brand}}
<view class="right" style="width:500rpx;">
{{carInfo ? carInfo.brand + " " + carInfo.carModel : ""}}
</view>
</view>
<view class="info_list">
<!-- <view class="info_list">
<view class="left">
车型
</view>
<view class="right">
{{carInfo.carModel}}
</view>
</view>
<view class="info_list">
</view> -->
<view class="info_list" style="padding:10rpx 0;">
<view class="left">
车牌号
车牌号：
</view>
<view class="right">
{{carInfo.carNo}}
<view class="right" style="width:500rpx;">
<!-- {{carInfo.carNo || ""}} -->
<car-number class="car__input" v-model="model1.carNo"></car-number>
</view>
</view>
<view class="info_list">
<!-- <view class="info_list">
<view class="left">
行驶里程
行驶里程：
</view>
<view class="right">
{{carInfo.mileage || 0}}KM
</view>
</view>
</view> -->
<!-- <div class="scan__tips">
<div>请填写以下信息</div>
<div @click="goLoveCar">从爱车选择<span>
......@@ -63,10 +67,10 @@
<u-checkbox-group placement="row">
<u-checkbox :checked='checked' @change="changeBtn"></u-checkbox>
</u-checkbox-group>
请先阅读并同意<span @click="goArticle(2)">《京东挪车牌隐私权政策》</span>
请先阅读并同意<span @click="goArticle(2)">《京东汽车挪车牌隐私权政策》</span>
</div> -->
</div>
<view class="no-car-info" v-else>
<!-- <view class="no-car-info">
<view class="title">
请完成以下操作
</view>
......@@ -77,7 +81,7 @@
<view class="no-car-btn" @click="getCarList">
从爱车选择
</view>
</view>
</view> -->
<view class="form-data">
<view class="form-item">
......@@ -107,7 +111,8 @@
<div class="view__btn view__no__bind" @click="confirmBinding">
绑定车辆
</div>
<div class="use__text" @click="gotoExplanation">使用说明</div>
<!-- <div class="use__text" @click="gotoExplanation">使用说明</div> -->
<div class="use__text" @click="goArticle(2)">挪车牌使用安全说明</div>
<!-- 爱车选择弹框 -->
<u-popup :show="selectCar" mode="bottom" round="10" @close="selectCar = false">
......@@ -118,7 +123,7 @@
</view>
<view class="love_list">
<view v-if="carList.length != 0">
<view class="love_item" v-for="(item,i) in carList" :key="i" @click="radioChange(i)">
<view class="love_item" v-for="(item,i) in carList" :key="i" @click="radioChange(item)">
<image src="../../../static/move-car/love-car6.png"></image>
<view class="love_info">
<view>
......@@ -129,7 +134,7 @@
</view>
</view>
<view class="radio">
<image src="../../../static/move-car/radio-active.png" v-if="i === radioValue"></image>
<image src="../../../static/move-car/radio-active.png" v-if="item.id === radioValue"></image>
<image src="../../../static/move-car/radio.png" v-else></image>
</view>
</view>
......@@ -251,7 +256,7 @@ export default {
// 跳转到使用说明页面
gotoExplanation() {
uni.navigateTo({
url: '/pagesD/pages/personal/help'
url: '/pagesD/pages/personal/instructions'
});
},
goLoveCar() {
......@@ -260,12 +265,12 @@ export default {
});
},
// 选择爱车
radioChange(index){
this.carInfo = this.carList[index]
this.radioValue = index
radioChange(item){
this.carInfo = item
this.radioValue = item.id
this.selectCar = false
this.model1.carNo = this.carList[index].carNo
this.model1.carId = this.carList[index].id
this.model1.carNo = item.carNo
this.model1.carId = item.id
},
// 获取爱车列表
getCarList(){
......@@ -331,6 +336,14 @@ export default {
})
},
confirmBinding() {
console.log(this.model1,22222222222)
if(!this.carInfo){
uni.showToast({
title: "请选择绑定的爱车!",
icon: "none",
});
return;
}
if(this.model1.userMobile.length == 0){
uni.showToast({
title: "联系方式不能为空!",
......@@ -473,7 +486,7 @@ export default {
height: 76rpx;
text-align: center;
line-height: 76rpx;
margin: 0 auto;
margin: 50rpx auto 0;
font-size: 32rpx;
}
......@@ -610,6 +623,12 @@ export default {
padding:0 40rpx;
position: relative;
top:-6rpx;
.select-car{
line-height:80rpx;
text-align: right;
font-size: 28rpx;
color: #E1251B;
}
.info_list{
line-height:90rpx;
display: flex;
......@@ -623,6 +642,12 @@ export default {
.right{
font-size: 28rpx;
color: #666;
line-height: 1.8;
word-wrap:break-word;
text-align: right;
.car__input{
width: 100%;
}
}
}
.car_btn{
......
pagesD/pages/personal/instructions.vue 0 → 100644
View file @ f9268508
<!--
* @Author: euzhi
* @Description: 帮助使用
-->
<template>
<view class="appCotent">
<view class="instructions">
<view class="title">
如何修改爱车信息？
</view>
<view class="content">
<view>
1、京东汽车小程序内-我要挪车icon-爱车管理-添加车辆，重新填写正确信息，选择正确绑定的车辆信息即可。
</view>
<view>
2、京东app-首页-京东汽车-频道首页-汽车管家icon-切换车辆/编辑车辆信息。
</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
image: '',
type:""
}
},
onLoad(e) {
},
methods: {
}
}
</script>
<style lang="scss" scoped>
.instructions {
padding: 20rpx 30rpx;
.title{
font-size: 38rpx;
font-family: PingFang SC;
font-weight: bold;
line-height:80rpx;
}
.content{
margin-top:20rpx;
font-size: 34rpx;
view{
line-height:1.5;
}
}
}
</style>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment