页面优化

common/codecook-carnumber/codecook-carnumber.vue

 <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

@@ -263,7 +263,13 @@
                     "style": {
                     	"navigationBarTitleText": "退款成功"
                     }
-                }
+                },
+				{
+				    "path": "pages/personal/instructions",
+				    "style": {
+				    	"navigationBarTitleText": ""
+				    }
+				}
 			]
 		}
 	],

pages/binding/binding.vue

@@ -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

@@ -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

@@ -10,7 +10,7 @@
 						领取优惠券
 					</view>
 					<view>
-						免费购买京东挪车牌
+						免费购买京东汽车挪车牌
 					</view>
 				</view>
 

pagesB/pages/move-car/addCar.vue

@@ -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

@@ -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

@@ -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

@@ -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

+<!--
+ * @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