Skip to content

J
jd-vx-app
Commit 3eb4cd32 authored by 肖健's avatar 肖健
Browse files
Options

Merge remote-tracking branch 'origin/dev_cd' into dev_jd

parents dcb8ab50 8c8c8b8e
Hide whitespace changes
Inline Side-by-side
Showing with 521 additions and 101 deletions
common/api/api.js
View file @ 3eb4cd32
// const baseUrl = 'https://r.ucaret.cn/test-api'; // 开发地址
const baseUrl = 'https://jduniapp.uzosp.com'; // 线上地址
const baseUrl = 'http://4v7u6z.natappfree.cc'; // 开发地址
// const baseUrl = 'https://jduniapp.uzosp.com'; // 线上地址
const httpRequest = (opts, data) => {
let httpDefaultOpts = {
url: baseUrl + opts.url,
......
pages/home.vue
View file @ 3eb4cd32
......@@ -57,6 +57,9 @@
<view class="pooup-get-coupon" v-if="pooupCoupon">
<view class="coupon-box">
<image src="../../../static/index/coupon3.png"></image>
<view class="close" @click="closeCoupon">
X
</view>
<view class="title">
<view style="margin-bottom:10rpx;font-weight: bold;">
您无优惠券可用
......@@ -89,7 +92,9 @@
carList:[], // 爱车列表
pooupCoupon:false,
timerNum:3,
timer:null
timer:null,
clickState:false
};
},
methods: {
......@@ -101,76 +106,100 @@
})
},
getPrice() {
let that = this
let token = uni.getStorageSync('userToken');
if (!token) {
uni.showModal({
title: "未绑定账号",
content: "您没有绑定京东账号,请绑定后再领取",
success:function(res){
if (res.confirm) {
that.goJdLogin()
}
}
});
// uni.navigateTo({
// url: '/pages/binding/index?url=/pages/main&index=0'
// })
return;
}
let opts = {
url: '/app/user/info',
method: 'get'
}
that.http.httpTokenRequest(opts, {}).then(res => {
if (res.data.code == 200) {
let freeMoveFlag = res.data.data.freeMoveFlag
if (freeMoveFlag) {
// uni.showToast({
// title: "您的免费领取次数已用完",
// icon: 'none',
// duration: 2000,
// success:function(){
// }
// });
this.pooupCoupon = true
this.timer = setInterval(()=>{
if(this.timerNum > 0){
this.timerNum --
}else{
this.pooupCoupon = false
this.timerNum = 3
uni.navigateToMiniProgram({
appId: 'wx91d27dbf599dff74', // 跳转目标小程序的id
path: 'pages/item/detail/detail?sku=100023585323', // 目标小程序的页面路径
extraData: { // 需要携带的参数
},
success(res) {
// 打开成功
}
})
clearInterval(this.timer)
if(this.clickState == false){
uni.showLoading({
title:"加载中"
})
this.clickState = true
let that = this
let token = uni.getStorageSync('userToken');
if (!token) {
uni.hideLoading()
this.clickState = false
uni.showModal({
title: "未绑定账号",
content: "您没有绑定京东账号,请绑定后再领取",
success:function(res){
if (res.confirm) {
that.goJdLogin()
}
},1000)
} else {
//跳转到领取优惠卷页面
// uni.navigateTo({
// url: '/pagesA/pages/index/getPrice?orderId=' + this.freeCode.id
// });
uni.showLoading({
title: '加载中'
}
});
// uni.navigateTo({
// url: '/pages/binding/index?url=/pages/main&index=0'
// })
return;
}
let opts = {
url: '/app/user/info',
method: 'get'
}
that.http.httpTokenRequest(opts, {}).then(res => {
if (res.data.code == 200) {
uni.hideLoading()
let freeMoveFlag = res.data.data.freeMoveFlag
if (freeMoveFlag) {
// uni.showToast({
// title: "您的免费领取次数已用完",
// icon: 'none',
// duration: 2000,
// success:function(){
// }
// });
this.pooupCoupon = true
this.timer = setInterval(()=>{
if(this.timerNum > 0){
this.timerNum --
}else{
this.pooupCoupon = false
this.timerNum = 3
this.clickState = false
uni.navigateToMiniProgram({
appId: 'wx91d27dbf599dff74', // 跳转目标小程序的id
path: 'pages/item/detail/detail?sku=100023585323', // 目标小程序的页面路径
extraData: { // 需要携带的参数
},
success(res) {
// 打开成功
}
})
clearInterval(this.timer)
}
},1000)
} else {
//跳转到领取优惠卷页面
// uni.navigateTo({
// url: '/pagesA/pages/index/getPrice?orderId=' + this.freeCode.id
// });
// uni.showLoading({
// title: '加载中'
// });
this.getCarList()
}
}else{
uni.hideLoading()
uni.showToast({
title: res.data.msg,
icon: "error",
});
this.getCarList()
}
}
})
})
}
},
closeCoupon(){
this.pooupCoupon = false
this.timerNum = 3
this.clickState = false
clearInterval(this.timer)
},
// 已领取优惠券按钮
goBuy(){
this.timerNum = 3
this.clickState = false
clearInterval(this.timer)
uni.navigateToMiniProgram({
appId: 'wx91d27dbf599dff74', // 跳转目标小程序的id
path: 'pages/item/detail/detail?sku=100023585323', // 目标小程序的页面路径
......@@ -180,13 +209,9 @@
success:(res)=> {
// 打开成功
this.pooupCoupon = false
this.timerNum = 3
clearInterval(this.timer)
},
fail:()=>{
this.pooupCoupon = false
this.timerNum = 3
clearInterval(this.timer)
}
})
},
......@@ -475,6 +500,11 @@
width:100%;height:100%;
z-index:-11;
}
.close{
font-size:32rpx;
position: absolute;
top:20rpx;right:30rpx;
}
.title{
width:100%;
position: absolute;
......
pages/main.vue
View file @ 3eb4cd32
......@@ -110,6 +110,11 @@
} else {
that.gotoBindMoveCar(scene)
}
}else{
uni.showToast({
title: res.data.msg,
icon: 'none',
});
}
})
} else {
......@@ -124,6 +129,11 @@
icon: 'none',
})
}
}else{
uni.showToast({
title: res.data.msg,
icon: 'none',
});
}
})
}
......@@ -319,6 +329,12 @@
})
}
}else{
uni.hideLoading()
uni.showToast({
title: res.data.msg,
icon: "error",
});
}
})
}
......
pages/personal.vue
View file @ 3eb4cd32
......@@ -102,7 +102,7 @@ export default {
],
items: [{
title: '待发货',
icon: require('@/static/my/my2.png'),
icon: require('@/static/my/my2.jpg'),
page: 0
},
{
......
pagesA/pages/index/getCoupon.vue
View file @ 3eb4cd32
......@@ -97,6 +97,11 @@
})
}
});
}else{
uni.showToast({
title: res.data.msg,
icon: 'none',
});
}
})
// uni.showToast({
......
pagesB/pages/move-car/scan.vue
View file @ 3eb4cd32
......@@ -15,8 +15,40 @@
感谢您使用挪车二维码，请完成车牌号与手机的绑定以便享受挪车服务
</div>
</div>
<div class="moveCarMsg">
<div class="scan__tips">
<div class="car_info" v-if="carInfo">
<view class="info_list">
<view class="left">
品牌
</view>
<view class="right">
{{carInfo.brand}}
</view>
</view>
<view class="info_list">
<view class="left">
车型
</view>
<view class="right">
{{carInfo.carModel}}
</view>
</view>
<view class="info_list">
<view class="left">
车牌号
</view>
<view class="right">
{{carInfo.carNo}}
</view>
</view>
<view class="info_list">
<view class="left">
行驶里程
</view>
<view class="right">
{{carInfo.mileage || 0}}KM
</view>
</view>
<!-- <div class="scan__tips">
<div>请填写以下信息</div>
<div @click="goLoveCar">从爱车选择<span>
<image src="@/static/move-car/scan_right.png" /></span></div>
......@@ -32,12 +64,85 @@
<u-checkbox :checked='checked' @change="changeBtn"></u-checkbox>
</u-checkbox-group>
请先阅读并同意<span @click="goArticle(2)">《京东挪车牌隐私权政策》</span>
</div>
</div> -->
</div>
<view class="no-car-info" v-else>
<view class="title">
请完成以下操作
</view>
<image src="../../../static/move-car/none.png"></image>
<view class="no-content">
暂无爱车信息，请先添加爱车
</view>
<view class="no-car-btn" @click="getCarList">
从爱车选择
</view>
</view>
<view class="form-data">
<view class="form-item">
<view class="item-text">
联系方式：
</view>
<view class="item-input">
<input type="number" placeholder="请输入" v-model="model1.userMobile">
</view>
</view>
<view class="form-item">
<view class="item-text">
验证码：
</view>
<view class="item-input flex align-center">
<input type="number" placeholder="请输入" v-model="model1.verificationCode">
<view class="code text-red" v-if="!smsbtn.status" @click="sendCode">
{{smsbtn.text}}
</view>
<view class="code" v-else>
{{smsbtn.text}}({{smsbtn.codeTime+'s'}})
</view>
</view>
</view>
</view>
<div class="view__btn view__no__bind" @click="confirmBinding">
确认绑定
绑定车辆
</div>
<div class="use__text" @click="gotoExplanation">使用说明</div>
<!-- 爱车选择弹框 -->
<u-popup :show="selectCar" mode="bottom" round="10" @close="selectCar = false">
<view class="love_car_list">
<view class="love_title">
选择车辆
<text @click.stop="selectCar = false">x</text>
</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)">
<image src="../../../static/move-car/love-car6.png"></image>
<view class="love_info">
<view>
{{item.brand + "-" + item.seriesName}}
</view>
<view>
{{item.carModel}}
</view>
</view>
<view class="radio">
<image src="../../../static/move-car/radio-active.png" v-if="i === radioValue"></image>
<image src="../../../static/move-car/radio.png" v-else></image>
</view>
</view>
</view>
<view style="padding-top:140rpx;text-align: center;" v-else>
暂时没有车辆，请添加！
</view>
</view>
<view class="love_btn">
<button type="primary" @click="addCar">添加车辆</button>
</view>
</view>
</u-popup>
</div>
</view>
</template>
......@@ -51,8 +156,13 @@ export default {
data() {
return {
model1: {
carInfo: {},
moveCode:"",
carNo:"",
userMobile:"",
verificationCode:"",
carId:""
},
carInfo: null,
formData: [
// {
// id: "kjjns", //id必须唯一 可以是数字
......@@ -119,10 +229,19 @@ export default {
//挪车码
moveCode: '',
//绑定挪车码信息
moveCodeInfo: {},
moveCodeInfo: null,
//选择车辆id
carId: '',
checked:false
carList:[],
checked:false,
selectCar:false,
radioValue:"",
smsbtn:{
text:'发送验证码',
status:false,
codeTime:60
}, // 验证码
clickStatus:false, // 节流
}
},
methods: {
......@@ -140,44 +259,111 @@ export default {
url: '/pagesB/pages/move-car/loveCar?price=1'
});
},
// 选择爱车
radioChange(index){
this.carInfo = this.carList[index]
this.radioValue = index
this.selectCar = false
this.model1.carNo = this.carList[index].carNo
this.model1.carId = this.carList[index].id
},
// 获取爱车列表
getCarList(){
uni.showLoading({
title: '加载中'
});
let opts = { url: '/app/vehicleAdmin/list', method: 'get' };
this.http.httpTokenRequest(opts, {}).then(res => {
if (res.statusCode == 200) {
uni.hideLoading()
this.carList = res.data
this.selectCar = true
}
})
},
// 添加车辆
addCar() {
this.selectCar = false
uni.navigateTo({
url: '/pages/transitionPage'
});
},
// 发送验证码
sendCode(){
if(this.model1.userMobile.length == 0){
uni.showToast({
title: "联系方式不能为空!",
icon: "none",
});
return;
}
uni.showLoading({
title: '加载中'
});
let opts = { url: '/app/smsCode/binding/', method: 'post' };
this.http.httpTokenRequest(opts,{phone: this.model1.userMobile}).then(res => {
if (res.statusCode == 200) {
uni.showToast({
title: "别着急！短信已经发送了~",
icon: 'none',
duration: 1500
});
uni.hideLoading()
if(this.clickStatus == false){
this.clickStatus = true
let timer = setInterval(() => {
if (this.smsbtn.codeTime > 0) {
this.smsbtn.status = true
this.smsbtn.text = "已发送";
this.smsbtn.codeTime--;
} else if (this.smsbtn.codeTime <= 0) {
this.smsbtn.codeTime = 60;
this.smsbtn.text = "重新获取";
this.smsbtn.status = false
this.clickStatus = false
clearInterval(timer);
}
}, 1000);
}
}
})
},
confirmBinding() {
for (let i in this.formData) {
let name = this.formData[i].rules.name
if (name == 'yzm') {
this.moveCodeInfo.verificationCode = this.formData[i].rules.value
} else if (name == 'phone') {
this.moveCodeInfo.userMobile = this.formData[i].rules.value
} else {
this.moveCodeInfo[name] = this.formData[i].rules.value
}
}
this.moveCodeInfo.carId = this.model1.carInfo.carId
this.moveCodeInfo.carNo = this.model1.carInfo.carNo
this.moveCodeInfo.moveCode = this.moveCode
if (!this.checked) {
uni.showToast({
title: "请同意京东挪车牌隐私权政策",
icon: 'none',
duration: 2000,
});
return
if(this.model1.userMobile.length == 0){
uni.showToast({
title: "联系方式不能为空!",
icon: "none",
});
return;
}
if(this.model1.verificationCode.length == 0){
uni.showToast({
title: "验证码不能为空!",
icon: "none",
});
return;
}
uni.showLoading({
title: '加载中'
});
let opts = {
url: '/app/moveCode/binding/',
method: 'put'
};
this.http.httpTokenRequest(opts, this.moveCodeInfo).then(res => {
this.http.httpTokenRequest(opts, this.model1).then(res => {
if (res.data.code == 200) {
//展示绑定成功
uni.showToast({
title: "绑定成功",
icon: "success",
});
uni.hideLoading()
uni.navigateTo({
url: '/pagesB/pages/move-car/myMoveCar'
})
} else {
//绑定失败，展示失败信息
uni.hideLoading()
uni.showToast({
title: res.data.msg,
icon: "error",
......@@ -205,7 +391,13 @@ export default {
e.rules.value = this.model1.carInfo.carModel
}
})
}
}else{
uni.hideLoading()
uni.showToast({
title: res.data.msg,
icon: "error",
});
}
})
}
},
......@@ -233,6 +425,7 @@ export default {
},
onLoad(option) {
this.moveCode = option.moveCode
this.model1.moveCode = option.moveCode
},
onShow:function(){
this.getCarInfo()
......@@ -301,7 +494,7 @@ export default {
.contentMoveCar {
padding: 40rpx;
padding:40rpx 40rpx 0;
.item__label {
font-size: 34rpx;
......@@ -405,5 +598,180 @@ export default {
}
}
}
// 已绑定车辆信息
.car_info{
background: #FFFFFF;
background-color: #fff;
padding:0 40rpx;
position: relative;
top:-6rpx;
.info_list{
line-height:90rpx;
display: flex;
justify-content: space-between;
align-items: center;
border-bottom:2rpx solid rgba(0,0,0,.1);
.left{
font-size: 32rpx;
}
.right{
font-size: 28rpx;
color: #666;
}
}
.car_btn{
width: 400rpx;
line-height: 76rpx;
background: #FFFFFF;
border: 2rpx solid #DDDDDD;
border-radius: 10rpx;
text-align: center;
margin:30rpx auto 0;
font-size: 32rpx;
color: #666;
}
}
.no-car-info{
width:100%;
background-color: #fff;
text-align: center;
padding:30rpx;
.title{
font-size:28rpx;
color: #666;
}
image{
width:130rpx;height:130rpx;
margin:40rpx 0 20rpx;
}
.content{
font-size:28rpx;
}
.no-car-btn{
width:480rpx;
font-size:32rpx;
color: #E1251B;
text-align: center;
line-height:80rpx;
border-radius:50rpx;
border: 2rpx solid #F4B1AD;
margin:30rpx auto 0;
}
}
.form-data{
position: relative;
top:-6rpx;
background-color: #fff;
margin-bottom:40rpx;
box-sizing: border-box;
padding:0 40rpx;
.form-item{
height:100rpx;
line-height: 100rpx;
display: flex;
justify-content: space-between;
align-items: center;
box-sizing: border-box;
&:first-child{
border-bottom:2rpx solid rgba(0,0,0,.1);
}
.item-text{
font-size: 32rpx;
}
.item-input{
font-size: 28rpx;
text-align: right;
color: #333;
display: flex;
justify-content: space-around;
align-items: center;
.code{
height:50rpx;
line-height:50rpx;
font-size: 26rpx;
padding-left:20rpx;
border-left: 2rpx solid rgba(0,0,0,.1);
margin-left:20rpx;
color: #BBBBBB;
}
}
.car-num{
width:500rpx;
}
}
}
// 爱车列表
.love_car_list{
padding:30rpx 40rpx;
.love_title{
text-align: center;
font-size: 36rpx;
font-weight: bold;
margin-bottom:30rpx;
position: relative;
text{
position: absolute;
right:20rpx;
top:-4rpx;
font-size:40rpx;
font-weight:500;
color: #666;
}
}
.love_list{
height:400rpx;
overflow: auto;
.love_item{
padding:20rpx 0;
display: flex;
align-items: center;
justify-content: space-between;
border-top: 2rpx solid #E8E8E8;
&:first-child{
border:none;
}
image{
width:100rpx;height:100rpx;
}
.love_info{
width:450rpx;
>view{
&:first-child{
font-size:34rpx;
font-weight: bold;
margin-bottom:10rpx;
}
&:last-child{
font-size: 28rpx;
color:#666;
}
}
}
.radio{
width:60rpx;
>image{
width:48rpx;height:48rpx;
}
}
}
}
.love_btn{
padding:50rpx;
button {
height:80rpx;
line-height:80rpx;
border-radius:50rpx;
background: linear-gradient(150deg, #E1251B, #E14A1B);
box-shadow: 0 6rpx 13rpx 2rpx rgba(225, 50, 27, 0.17);
border:0;
font-size:32rpx !important;
}
}
}
}
</style>
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