Skip to content

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

bug修复

parent 291791ae
Show whitespace changes
Inline Side-by-side
Showing with 239 additions and 282 deletions
pages/home.vue
View file @ 50db8166
<!--
* @Author: euzhi
* @Description: 扫码绑定
-->
<template> <template>
<view class="appCotent"> <view class="appCotent" v-if="show">
<div class="scan"> <view class="index-content">
<div class="contentMoveCar"> <u-swiper :radius="0" :height="210" :list="list5" circular @change="e => current = e.current" :autoplay="false">
<div class="car_item__one"> <view slot="indicator" class="indicator">
<div class="item__content"> <view class="indicator__dot" v-for="(item, index) in list5" :key="index" :class="[index === current && 'indicator__dot--active']">
{{moveCode}} </view>
</view>
</u-swiper>
<u-gap bgColor="transparent" height="15"></u-gap>
<div class="content__code">
<div class="code__img">
<image :src="freeCode.mainImgUrl" class="code__img"></image>
</div> </div>
<div class="code__money">
<div class="money__title">
<text>{{freeCode.title}}</text>
</div> </div>
<div class="car_item__three"> <div class="code__tips">
感谢您使用挪车二维码，请完成车牌号与手机的绑定以便享受挪车服务 <text>绑定友众账号，仅需支付邮费</text>
</div> </div>
<div class="money__num">
<text class="num__one">￥0.00</text>
<text class="num__two">￥{{freeCode.originalPrice/100}}</text>
</div> </div>
<div class="moveCarMsg">
<div class="scan__tips">
<div>请填写以下信息</div>
<div @click="goLoveCar">从爱车选择<span>
<image src="@/static/move-car/scan_right.png" /></span></div>
</div> </div>
<div class="car__num__self"> <div class="code__get" @click="getPrice">
<div class="car__num">车牌号：</div> <div>
<car-number class="car__in" v-model="moveCodeInfo.carNo"></car-number> 立即
</div> </div>
<active-form :formDate.sync="formData"></active-form> <div>
领取
</div> </div>
<div class="view__btn view__no__bind" @click="confirmBinding">
确认绑定
</div> </div>
<div class="use__text">使用说明</div>
</div> </div>
<u-gap bgColor="transparent" height="15"></u-gap>
<div class="index__item3">
<image src="@/static/index/index23.png"></image>
</div>
<u-gap bgColor="transparent" height="15"></u-gap>
<div class="index__item3-1">
<image src="@/static/index/index14.png"></image>
</div>
<u-gap bgColor="transparent" height="15"></u-gap>
<div class="index__item4">
<image src="@/static/index/index20.png"></image>
</div>
<u-gap bgColor="transparent" height="15"></u-gap>
<div class="index__item5">
<image src="@/static/index/index8.png"></image>
</div>
<u-gap bgColor="transparent" height="60"></u-gap>
</view>
</view> </view>
</template> </template>
<script> <script>
import CarNumber from "@/common/codecook-carnumber/codecook-carnumber.vue";
export default { export default {
components: {
CarNumber,
},
data() { data() {
return { return {
model1: { show: false,
carInfo: {}, current: 0,
}, balance: "0.00",
formData: [ list5: [],
// { //免费挪车码
// id: "kjjns", //id必须唯一 可以是数字 freeCode: {},
// placeholder: "请输入", };
// label: "车牌号", // 提示输入名
// type: "text", //类型
// rules: {
// name: "carNo", //字段名 即提交给后端的字段
// value: "",
// verify: false, //是否开启校验
// errMess: "车牌号未填写", //校验不通过的错误提示
// },
// },
{
id: "kjjns", //id必须唯一 可以是数字
placeholder: "请输入",
label: "品牌：", // 提示输入名
type: "text", //类型
rules: {
name: "brand", //字段名 即提交给后端的字段
value: "",
verify: false, //是否开启校验
errMess: "品牌未填写", //校验不通过的错误提示
},
},
{
id: "kjjns", //id必须唯一 可以是数字
placeholder: "请输入",
label: "车型：", // 提示输入名
type: "text", //类型
rules: {
name: "carModel", //字段名 即提交给后端的字段
value: "",
verify: false, //是否开启校验
errMess: "车型未填写", //校验不通过的错误提示
},
},
{
id: "kjjns", //id必须唯一 可以是数字
placeholder: "请输入",
label: "手机号：", // 提示输入名
type: "text", //类型
rules: {
name: "phone", //字段名 即提交给后端的字段userMobile
value: "",
verify: false, //是否开启校验
errMess: "手机号未填写", //校验不通过的错误提示
},
},
{
id: "uisdfjks",
placeholder: "请输入验证码",
label: "验证码：",
type: "text",
// oneKeyPhone:true,
rules: {
name: "yzm",
value: "", //字段值
verify: false,
errMess: "验证码未填写",
},
},
],
//挪车码
moveCode: '',
//绑定挪车码信息
moveCodeInfo: {},
//选择车辆id
carId: '',
}
}, },
methods: { methods: {
goLoveCar() { getPrice() {
uni.showToast({
title: "您的免费领取次数已用完",
icon: 'none',
duration: 2000,
});
//跳转到领取优惠卷页面
uni.navigateTo({ uni.navigateTo({
url: '/pagesB/pages/move-car/loveCar?price=1' url: '/pagesA/pages/index/getPrice?orderId=' + this.freeCode.id
}); });
}, },
confirmBinding() { getMoveCode() {
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
}
}
//console.log(this.moveCodeInfo)
this.moveCodeInfo.moveCode = this.moveCode
let opts = { let opts = {
url: '/app/moveCode/binding/', url: '/app/mall/free/code',
method: 'put' method: 'get'
}; };
this.http.httpTokenRequest(opts, this.moveCodeInfo).then(res => { this.http.httpTokenRequest(opts, {}).then(res => {
if (res.data.code == 200) { if (res.data.code == 200) {
//展示绑定成功 this.freeCode = res.data.data
uni.showToast({
title: "绑定成功",
icon: "success",
});
uni.navigateTo({
url: '/pagesB/pages/move-car/myMoveCar'
})
} else {
//绑定失败，展示失败信息
uni.showToast({
title: res.data.msg,
icon: "error",
});
} }
}) })
}, },
getCarInfo() { getRotationList() {
if (this.carId) {
let opts = { let opts = {
url: '/app/vehicleAdmin/' + this.carId, url: '/app/index/carouse/1',
method: 'get' method: 'get'
}; };
this.http.httpTokenRequest(opts, {}).then(res => { this.http.httpTokenRequest(opts, {}).then(res => {
if (res.data.code == 200) { if (res.data.code == 200) {
this.model1.carInfo = res.data.data let data = []
} data = res.data.data
let imgList = []
data.forEach(e => {
imgList.push(e.imageUrl)
}) })
this.formData.forEach(e => { this.list5 = imgList
if (e.label == '车牌号') {
e.rules.value = this.model1.carInfo.carNo
} else if (e.label == '品牌') {
e.rules.value = this.model1.carInfo.brand
} else if (e.label == '车型') {
e.rules.value = this.model1.carInfo.carModel
} }
}) })
console.log(this.formData)
}
}, },
}, },
onLoad(option) { created() {
this.moveCode = option.moveCode this.getMoveCode()
this.getRotationList()
},
mounted() {
setTimeout(() => {
this.show = true
}, 100);
}, },
onShow: function () { onReady: function () {
this.getCarInfo() uni.setNavigationBarTitle({
//console.log( this.$store.state.selectedCar); title: '首页'
});
} }
} };
</script> </script>
<style lang="scss" scoped> <style lang="scss">
.scan { .index-content {
/deep/ .form-container .line .input { background-color: #f9f9f9;
text-align: right !important; height: 100%;
padding-right: 30rpx;
}
.use__text { .index__item3 {
text-align: center; width: 100%;
font-size: 28rpx; height: 356rpx;
font-family: PingFang SC;
font-weight: 500;
text-decoration: underline;
color: #3A86F7;
}
.view__btn { image {
width: 670rpx; width: 100%;
height: 76rpx; height: 356rpx;
text-align: center; }
line-height: 76rpx;
margin: 0 auto;
font-size: 32rpx;
} }
.view__no__bind { .index__item3-1 {
background: url('@/static/move-car/move-car-view2.png') no-repeat; width: 100%;
margin-bottom: 30rpx; height: 711rpx;
background-size: contain;
color: rgba(255, 255, 255, 1); image {
width: 100%;
height: 711rpx;
} }
}
.index__item4 {
width: 100%;
height: 646rpx;
/deep/ .p-l14 { image {
padding-left: 0 !important; width: 100%;
height: 646rpx;
} }
}
.index__item5 {
width: 100%;
height: 1289rpx;
.u-checkbox-group { image {
display: inline-block !important; width: 100%;
height: 1289rpx;
}
} }
/deep/.u-checkbox-group--row { .content__code {
display: inline-block !important; padding: 28rpx;
box-sizing: border-box;
width: 630rpx;
height: 220rpx;
background: #ffffff;
box-shadow: 0rpx 0rpx 28rpx 1rpx rgba(232, 232, 232, 0.16);
border-radius: 10rpx 40rpx 10rpx 10rpx;
display: flex;
align-items: center;
justify-content: space-between;
margin-left: 30rpx;
position: relative;
.code__img {
width: 160rpx;
height: 160rpx;
background: #3699ff;
border-radius: 10rpx;
} }
.contentMoveCar { .code__money {
margin: 0 20rpx;
padding: 40rpx; .money__title {
font-size: 36rpx;
font-family: PingFang SC;
font-weight: bold;
color: #333333;
line-height: 42rpx;
.item__label { .code__tips {
font-size: 34rpx; font-size: 26rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 500; font-weight: 500;
color: #333333; color: #666666;
line-height: 42rpx; line-height: 42rpx;
} }
}
.item__label__one { .money__num {
padding-right: 34rpx; .num__one {
font-size: 26rpx;
font-family: PingFang SC;
font-weight: 500;
color: #e1251b;
line-height: 42rpx;
} }
.item__content { .num__two {
width: 500rpx; font-size: 22rpx;
font-size: 40rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: bold; font-weight: 500;
color: #F1251B; color: #999999;
line-height: 42rpx; line-height: 42rpx;
text-align: center; position: relative;
line-height: 100rpx;
height: 100rpx;
background: url(@/static/move-car/move-car-code5.png) no-repeat;
background-size: contain;
} }
.car_item__one { .num__two::before {
display: flex; content: '';
align-items: center; width: 100%;
margin-bottom: 30rpx; height: 1rpx;
justify-content: center; background: #999;
position: absolute;
bottom: 16rpx;
left: 8rpx;
}
}
} }
.car_item__three { .code__get {
margin-top: 40rpx; position: absolute;
font-size: 24rpx; right: -60rpx;
width: 90rpx;
height: 90rpx;
font-size: 28rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 500; font-weight: 500;
color: #F88D28; color: #ffffff;
line-height: 36rpx; padding-top: 4rpx;
text-indent: 2em;
padding: 30rpx;
box-sizing: border-box; box-sizing: border-box;
background: url(@/static/move-car/move-car-code6.png) no-repeat; text-align: center;
background: url("@/static/index/index26.png") no-repeat;
background-size: contain; background-size: contain;
} }
} }
.moveCarMsg { /deep/ .u-swiper__indicator {
background: #FFFFFF; right: 0 !important;
box-shadow: 0rpx 0rpx 28rpx 1rpx rgba(232, 232, 232, 0.2);
border-radius: 20rpx;
padding: 32rpx 40rpx;
position: relative;
top: -56rpx;
.car__num__self {
display: flex;
align-items: center;
justify-content: space-between;
.car__num {
width: 160rpx;
font-size: 32rpx;
font-family: PingFang SC;
font-weight: 500;
color: #666666;
}
} }
.scan__tips { /deep/ .u-swiper {
display: flex; border-radius: 0 0 0 100rpx !important;
align-items: center;
justify-content: space-between;
margin-bottom: 30rpx;
>div:nth-of-type(1) {
font-size: 28rpx;
font-family: PingFang SC;
font-weight: 500;
color: #666666;
} }
>div:nth-of-type(2) { .indicator {
font-size: 28rpx; @include flex(row);
font-family: PingFang SC; justify-content: center;
font-weight: 500;
color: #F88D28;
span { &__dot {
image { height: 20rpx;
width: 11rpx; width: 20rpx;
height: 18rpx; border-radius: 100%;
} background-color: rgba(255, 255, 255, 0.35);
margin: 0 10rpx;
transition: background-color 0.3s;
margin-left: 10rpx; &--active {
background-color: #e1251b;
} }
} }
} }
.indicator-num {
padding: 4rpx 0;
background-color: rgba(0, 0, 0, 0.35);
border-radius: 100%;
width: 35px;
@include flex;
justify-content: center;
&__text {
color: #ffffff;
font-size: 24rpx;
}
} }
} }
</style> </style>
pages/shop.vue
View file @ 50db8166
...@@ -228,6 +228,9 @@ export default { ...@@ -228,6 +228,9 @@ export default {
margin: 20rpx 0; margin: 20rpx 0;
text-indent: 20rpx; text-indent: 20rpx;
margin-bottom: 10rpx; margin-bottom: 10rpx;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
} }
.one__item__price { .one__item__price {
......
pagesB/pages/move-car/myMoveCar.vue
View file @ 50db8166
...@@ -61,6 +61,9 @@ export default { ...@@ -61,6 +61,9 @@ export default {
id: '', id: '',
}; };
}, },
onShow() {
this.getMyMoveCodeList()
},
methods: { methods: {
// 加载数据 // 加载数据
// load(paging) { // load(paging) {
...@@ -120,10 +123,6 @@ export default { ...@@ -120,10 +123,6 @@ export default {
} }
}, },
created() {
this.getMyMoveCodeList()
}
} }
</script> </script>
......
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