Skip to content

J
jd-vx-app
Commit 1da98318 authored by 程新智's avatar 程新智 👽
Browse files
Options

move-car

parent 6ebe0270
Hide whitespace changes
Inline Side-by-side
Showing with 1248 additions and 5 deletions
.DS_Store
View file @ 1da98318
No preview for this file type
common/.DS_Store
View file @ 1da98318
No preview for this file type
pages.json
View file @ 1da98318
...@@ -67,7 +67,42 @@ ...@@ -67,7 +67,42 @@
"navigationBarTitleText": "爱车管理" "navigationBarTitleText": "爱车管理"
} }
}, },
{
"path": "pages/move-car/addCar",
"style": {
"navigationBarTitleText": "新增车辆"
}
},
{
"path": "pages/move-car/editCar",
"style": {
"navigationBarTitleText": "编辑车辆"
}
},
{
"path": "pages/move-car/myRecord",
"style": {
"navigationBarTitleText": "我的挪车记录"
}
},
{
"path": "pages/move-car/myCall",
"style": {
"navigationBarTitleText": "我的呼叫记录"
}
},
{
"path": "pages/move-car/recordDetail",
"style": {
"navigationBarTitleText": "记录详情"
}
},
{
"path": "pages/move-car/callDetail",
"style": {
"navigationBarTitleText": "记录详情"
}
},
{ {
"path": "pages/release/release", "path": "pages/release/release",
"style": { "style": {
......
pages/.DS_Store
View file @ 1da98318
No preview for this file type
pages/formMoban.vue 0 → 100644
View file @ 1da98318
<!--
* @Author: euzhi
* @Description: 领取优惠卷
-->
<template>
<div class="getPrice">
<u-gap bgColor="transparent" height="30"></u-gap>
<div class="content__code">
<div class="code__img"></div>
<div class="code__money">
<div class="money__title">
<text>二维码挪车贴-经典样式</text>
</div>
<div class="code__tips">
<text>静电贴材质 7.1cm*8.9cm</text>
</div>
<div class="money__num">
<text class="num__one">￥0.00</text>
</div>
</div>
</div>
<u-gap bgColor="transparent" height="30"></u-gap>
<div class="car_info">
<div class="car_info__title">填写车辆信息</div>
<u--form labelPosition="left" :model="model1" :rules="rules" ref="form1" labelWidth="100">
<u-form-item label="品牌" prop="userInfo.name" borderBottom ref="item1">
<u--input v-model="model1.userInfo.name" placeholder="请输入" border="none"></u--input>
</u-form-item>
<u-form-item label="车型" prop="userInfo.name" borderBottom ref="item1">
<u--input v-model="model1.userInfo.name" placeholder="请输入" border="none"></u--input>
</u-form-item>
<u-form-item label="行驶里程" prop="userInfo.name" borderBottom ref="item1">
<u--input v-model="model1.userInfo.name" placeholder="请输入" border="none"></u--input>KM
</u-form-item>
<u-form-item label="车牌号" ref="item1"> </u-form-item>
<car-number v-model="carNumber"></car-number>
</u--form>
<div class="select__car">
从爱车选择 <image src="@/static/index/zhankai.png" alt="">
</div>
</div>
<div class="price__bottom">
<div class="price">
<div class="price__num">
共<span>1</span>件
</div>
<div class="price__all">
合计<span>￥00.00</span>
</div>
</div>
<div class="price__next" @click="getCarCode">
下一步
</div>
</div>
<div class="price__bottom">
<div class="price">
￥0.00
</div>
<div class="price__next" @click="getCarCode">
下一步
</div>
</div>
</div>
</template>
<script>
import CarNumber from "@/common/codecook-carnumber/codecook-carnumber.vue";
export default {
components: {
CarNumber,
},
data() {
return {
carNumber: "",
model1: {
userInfo: {
name: "",
sex: "",
},
},
rules: {
"userInfo.name": {
type: "string",
required: true,
message: "请填写姓品牌",
trigger: ["blur", "change"],
},
},
};
},
watch: {
carNumber(num) {
console.log(num);
},
},
methods: {
getCarCode() {
//跳转到获取挪车码页面
uni.navigateTo({
url: '/pages/index/getCarCode'
});
}
},
};
</script>
<style lang="scss" scoped>
.getPrice {
width: 100%;
height: 100%;
.content__code {
padding: 28rpx;
box-sizing: border-box;
width: 670rpx;
height: 216rpx;
background: #ffffff;
box-shadow: 0rpx 0rpx 28rpx 1rpx rgba(232, 232, 232, 0.16);
border-radius: 20rpx;
display: flex;
align-items: center;
margin: 0 auto;
position: relative;
.code__img {
width: 160rpx;
height: 160rpx;
background: #3699ff;
border-radius: 10rpx;
}
.code__money {
margin: 0 20rpx;
.money__title {
font-size: 32rpx;
font-family: PingFang SC;
font-weight: bold;
color: #333333;
line-height: 42rpx;
.code__tips {
font-size: 26rpx;
font-family: PingFang SC;
font-weight: 500;
color: #666666;
line-height: 42rpx;
}
}
.money__num {
.num__one {
font-size: 26rpx;
font-family: PingFang SC;
font-weight: 500;
color: #e1251b;
line-height: 42rpx;
}
.num__two {
font-size: 22rpx;
font-family: PingFang SC;
font-weight: 500;
color: #999999;
line-height: 42rpx;
}
}
}
.code__get {
position: absolute;
right: -45rpx;
width: 90rpx;
height: 90rpx;
font-size: 28rpx;
font-family: PingFang SC;
font-weight: 500;
color: #ffffff;
padding-top: 10rpx;
box-sizing: border-box;
text-align: center;
background: url("@/static/index/index26.png") no-repeat;
background-size: contain;
}
}
.car_info {
padding: 40rpx;
background: #fff;
.car_info__title {
font-size: 32rpx;
font-family: PingFang SC;
font-weight: bold;
color: #333333;
line-height: 42rpx;
}
}
.select__car {
font-size: 26rpx;
font-family: PingFang SC;
font-weight: 500;
color: #f1251b;
text-align: right;
margin-top: 40rpx;
image {
width: 10rpx;
height: 20rpx;
margin-left: 10rpx;
}
}
.price__bottom {
width: 100%;
height: 156rpx;
background: #FFFFFF;
box-shadow: 0rpx 8rpx 19rpx 2rpx rgba(215, 215, 215, 0.21);
border-radius: 20rpx 20rpx 0rpx 0rpx;
position: fixed;
bottom: 0;
padding: 32rpx 40rpx;
box-sizing: border-box;
clear: both;
.price {
font-size: 26rpx;
font-family: PingFang SC;
font-weight: 500;
color: #E1251B;
}
.price__next {
width: 240rpx;
height: 98rpx;
background: url('@/static/index/border-btn.png') no-repeat;
background-size: contain;
font-size: 32rpx;
font-family: PingFang SC;
font-weight: bold;
color: #FFFFFF;
opacity: 0.96;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
right: 0;
top: -10rpx;
}
}
}
</style>
pages/move-car/addCar.vue
View file @ 1da98318
...@@ -2,3 +2,145 @@ ...@@ -2,3 +2,145 @@
* @Author: euzhi * @Author: euzhi
* @Description: 新增车辆 * @Description: 新增车辆
--> -->
<template>
<div class="addCar">
<div class="add__content">
<div class="add__title">
填写车辆信息
</div>
<div>
<u--form labelPosition="left" :model="model1" :rules="rules" ref="form1" labelWidth="100">
<u-form-item label="品牌" prop="userInfo.name" borderBottom ref="item1">
<u--input v-model="model1.userInfo.name" placeholder="请输入" border="none"></u--input>
</u-form-item>
<u-form-item label="车型" prop="userInfo.name" borderBottom ref="item1">
<u--input v-model="model1.userInfo.name" placeholder="请输入" border="none"></u--input>
</u-form-item>
<u-form-item label="行驶里程" prop="userInfo.name" borderBottom ref="item1">
<u--input v-model="model1.userInfo.name" placeholder="请输入" border="none"></u--input>KM
</u-form-item>
<u-form-item label="车牌号" ref="item1"> </u-form-item>
<car-number v-model="carNumber"></car-number>
</u--form>
</div>
</div>
<div class="add__user">
<u-checkbox-group v-model="checked" placement="row">
<u-checkbox activeColor="ok"></u-checkbox>
</u-checkbox-group>
勾选同意<span>《用户服务协议》</span>
</div>
<div class="add__btn add__no__bind">
完成
</div>
</div>
</template>
<script>
import CarNumber from "@/common/codecook-carnumber/codecook-carnumber.vue";
export default {
components: {
CarNumber,
},
data() {
return {
model1: {
userInfo: {
name: "",
sex: "",
},
},
rules: {
"userInfo.name": {
type: "string",
required: true,
message: "请填写姓品牌",
trigger: ["blur", "change"],
},
},
items: [{
title: "挪车码编号",
value: "NC683723293239"
},
{
title: "车牌号",
value: "京A123456"
},
{
title: "品牌",
value: "宝马"
},
{
title: "车型",
value: "SUV"
}, {
title: "绑定手机号",
value: "156****9633"
}
]
};
},
methods: {
goBack() {
uni.navigateBack({
delta: 1
})
}
},
}
</script>
<style lang="scss" scoped>
.addCar {
padding: 40rpx 0rpx;
.u-checkbox-group {
display: inline-block !important;
}
.add__content {
background: #FFFFFF;
box-shadow: 0rpx 0rpx 28rpx 1rpx rgba(232, 232, 232, 0.2);
border-radius: 20rpx;
padding: 40rpx;
.add__title {
font-size: 32rpx;
font-family: PingFang SC;
font-weight: bold;
color: #333333;
margin-bottom: 20rpx;
}
}
.add__btn {
width: 670rpx;
height: 76rpx;
text-align: center;
line-height: 76rpx;
margin: 0 auto;
font-size: 32rpx;
}
.add__user {
font-size: 28rpx;
font-family: PingFang SC;
font-weight: 500;
color: #999999;
padding-left: 40rpx;
margin-top: 30rpx;
margin-bottom: 60rpx;
span {
color: rgba(58, 134, 247, 1);
padding: 0 5rpx;
}
}
.add__no__bind {
background: url('../../static/move-car/move-car-view2.png') no-repeat;
margin-bottom: 30rpx;
background-size: contain;
color: rgba(255, 255, 255, 1);
}
}
</style>
pages/move-car/callDetail.vue 0 → 100644
View file @ 1da98318
<!--
* @Author: euzhi
* @Description: 呼叫记录详情
-->
<template>
<div class="callDetail">
<div class="view__content">
<div class="view__item" v-for="(vo,inx) in items" :key="inx">
<div class="view__title">
{{vo.title}}
</div>
<div class="view__value">
{{vo.value}}
</div>
</div>
</div>
<div class="view__btn view__back" @click="goBack">
返回
</div>
</div>
</template>
<script>
export default {
data() {
return {
items: [{
title: "车主车牌号:",
value: "京A123456"
},
{
title: "品牌:",
value: "宝马"
},
{
title: "车型:",
value: "SUV"
},
{
title: "车主手机号:",
value: "2020-02-22 12:00:00"
}, {
title: "时间:",
value: "2020-02-22 12:00:00"
},
{
title: "地点:",
value: "北京市朝阳区梨园小区停车场"
}, {
title: "申请手机号:",
value: "159****9633"
},
{
title: "通知方式:",
value: "微信通知"
}, {
title: "通知类型:",
value: "请求挪车"
}
]
};
},
methods: {
goBack(){
uni.navigateBack({
delta: 1
})
}
},
}
</script>
<style lang="scss" scoped>
.callDetail {
padding: 40rpx 0rpx;
.view__content {
background: #FFFFFF;
box-shadow: 0rpx 0rpx 28rpx 1rpx rgba(232, 232, 232, 0.2);
border-radius: 20rpx;
margin-bottom: 60rpx;
.view__item {
padding: 34rpx 0rpx;
margin: 0 40rpx;
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1rpx solid rgba(0, 0, 0, .1);
.view__title {
font-size: 32rpx;
font-family: PingFang SC;
font-weight: 500;
color: #333333;
}
.view__value {
font-size: 28rpx;
font-family: DIN;
font-weight: 500;
color: #666666;
}
}
.view__item:nth-last-child(1) {
border-bottom: none;
}
}
.view__btn {
width: 670rpx;
height: 76rpx;
text-align: center;
line-height: 76rpx;
margin: 0 auto;
font-size: 32rpx;
}
.view__no__bind {
background: url('../../static/move-car/move-car-view2.png') no-repeat;
margin-bottom: 30rpx;
background-size: contain;
color: rgba(255, 255, 255, 1);
}
.view__back{
background: url('../../static/move-car/move-car-view1.png') no-repeat;
background-size: contain;
color:rgba(153, 153, 153, 1);
}
}
</style>
pages/move-car/editCar.vue 0 → 100644
View file @ 1da98318
<!--
* @Author: euzhi
* @Description: 新增车辆
-->
<template>
<div class="editCar">
<div class="add__content">
<div class="add__title">
填写车辆信息
</div>
<div>
<u--form labelPosition="left" :model="model1" :rules="rules" ref="form1" labelWidth="100">
<u-form-item label="品牌" prop="userInfo.name" borderBottom ref="item1">
<u--input v-model="model1.userInfo.name" placeholder="请输入" border="none"></u--input>
</u-form-item>
<u-form-item label="车型" prop="userInfo.name" borderBottom ref="item1">
<u--input v-model="model1.userInfo.name" placeholder="请输入" border="none"></u--input>
</u-form-item>
<u-form-item label="行驶里程" prop="userInfo.name" borderBottom ref="item1">
<u--input v-model="model1.userInfo.name" placeholder="请输入" border="none"></u--input>KM
</u-form-item>
<u-form-item label="车牌号" ref="item1"> </u-form-item>
<car-number v-model="carNumber"></car-number>
</u--form>
</div>
</div>
<div class="add__btn add__no__bind">
保存
</div>
<div class="add__btn add__back" @click="goBack">
删除
</div>
</div>
</template>
<script>
import CarNumber from "@/common/codecook-carnumber/codecook-carnumber.vue";
export default {
components: {
CarNumber,
},
data() {
return {
model1: {
userInfo: {
name: "",
sex: "",
},
},
rules: {
"userInfo.name": {
type: "string",
required: true,
message: "请填写姓品牌",
trigger: ["blur", "change"],
},
},
items: [{
title: "挪车码编号",
value: "NC683723293239"
},
{
title: "车牌号",
value: "京A123456"
},
{
title: "品牌",
value: "宝马"
},
{
title: "车型",
value: "SUV"
}, {
title: "绑定手机号",
value: "156****9633"
}
]
};
},
methods: {
goBack() {
uni.navigateBack({
delta: 1
})
}
},
}
</script>
<style lang="scss" scoped>
.editCar {
padding: 40rpx 0rpx;
.u-checkbox-group {
display: inline-block !important;
}
.add__content {
background: #FFFFFF;
box-shadow: 0rpx 0rpx 28rpx 1rpx rgba(232, 232, 232, 0.2);
border-radius: 20rpx;
padding: 40rpx;
.add__title {
font-size: 32rpx;
font-family: PingFang SC;
font-weight: bold;
color: #333333;
margin-bottom: 20rpx;
}
}
.add__btn {
width: 670rpx;
height: 76rpx;
text-align: center;
line-height: 76rpx;
margin: 0 auto;
font-size: 32rpx;
}
.add__no__bind {
background: url('../../static/move-car/move-car-view2.png') no-repeat;
margin-bottom: 30rpx;
background-size: contain;
color: rgba(255, 255, 255, 1);
}
.add__back {
background: url('../../static/move-car/move-car-view1.png') no-repeat;
background-size: contain;
color: rgba(153, 153, 153, 1);
}
}
</style>
pages/move-car/index.vue
View file @ 1da98318
...@@ -44,7 +44,7 @@ export default { ...@@ -44,7 +44,7 @@ export default {
}, },
{ {
icon: require("@/static/move-car/move-car3.png"), icon: require("@/static/move-car/move-car3.png"),
url: "", url: "/pages/move-car/myCall",
title: "我的呼叫记录" title: "我的呼叫记录"
}, { }, {
icon: require("@/static/move-car/move-car2.png"), icon: require("@/static/move-car/move-car2.png"),
...@@ -52,7 +52,7 @@ export default { ...@@ -52,7 +52,7 @@ export default {
title: "我的挪车牌" title: "我的挪车牌"
}, { }, {
icon: require("@/static/move-car/move-car4.png"), icon: require("@/static/move-car/move-car4.png"),
url: "", url: "/pages/move-car/myRecord",
title: "我的挪车记录" title: "我的挪车记录"
}, },
] ]
...@@ -73,6 +73,7 @@ export default { ...@@ -73,6 +73,7 @@ export default {
.move_car__content { .move_car__content {
padding: 40rpx; padding: 40rpx;
.menu__top { .menu__top {
height: 220rpx; height: 220rpx;
background: #FFFFFF; background: #FFFFFF;
......
pages/move-car/loveCar.vue
View file @ 1da98318
...@@ -15,7 +15,7 @@ ...@@ -15,7 +15,7 @@
<div class="item__title"> <div class="item__title">
大众-捷达-1.4 手动 梦 想版时尚型 大众-捷达-1.4 手动 梦 想版时尚型
</div> </div>
<div class="item__edit"> <div class="item__edit" @click="editCar">
<image src="../../static/move-car/love-car2.png" /> <image src="../../static/move-car/love-car2.png" />
</div> </div>
<div class="item__del"> <div class="item__del">
...@@ -23,7 +23,7 @@ ...@@ -23,7 +23,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="love__btn"> <div class="love__btn" @click="addCar">
<image src="../../static/move-car/love-car5.png"> 添加车辆 <image src="../../static/move-car/love-car5.png"> 添加车辆
</div> </div>
</div> </div>
...@@ -37,6 +37,16 @@ export default { ...@@ -37,6 +37,16 @@ export default {
}; };
}, },
methods: { methods: {
addCar() {
uni.navigateTo({
url: '/pages/move-car/addCar'
})
},
editCar() {
uni.navigateTo({
url: '/pages/move-car/editCar'
})
}
}, },
} }
......
pages/move-car/myCall.vue 0 → 100644
View file @ 1da98318
<!--
* @Author: euzhi
* @Description: 我的呼叫记录
-->
<template>
<div class="myRecord">
<div class="record__item" v-for="(vo,inx) in items" :key="inx">
<div class="item__top">
<div class="top__time">
时间:{{vo.time}}
</div>
<div class="top__state" :class="vo.state==='微信'?'':'phone__state'">
{{vo.state}}
</div>
</div>
<div class="item__content">
<div>
车牌号:{{vo.carNumber}}
</div>
<div>
通知类型:{{vo.type}}
</div>
<div>
车主手机号:{{vo.name}}
</div>
</div>
<div class="item__btn" @click="goDetail">
<div>
查看详情
</div>
</div>
</div>
</div>
</template>
<script>
export default {
data() {
return {
items: [{
time: '2020-02-22 12:00:45',
state: '微信',
carNum: '京A123456',
type: '请求挪车',
apply: '123****6633',
},
{
date: '2020-02-22 12:00:45',
state: '电话',
carNum: '京A123456',
type: '请求挪车',
apply: '123****6633',
}
]
};
},
methods: {
goDetail(){
uni.navigateTo({
url: '/pages/move-car/callDetail'
})
}
},
}
</script>
<style lang="scss" scoped>
.myRecord {
padding: 40rpx 0rpx;
.record__item {
background: #FFFFFF;
box-shadow: 0rpx 0rpx 28rpx 1rpx rgba(232, 232, 232, 0.2);
border-radius: 20rpx;
padding: 30rpx 0;
margin-bottom: 30rpx;
.item__top {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 40rpx;
border-bottom: 1rpx solid rgba(0, 0, 0, .1);
padding-bottom: 30rpx;
margin-bottom: 30rpx;
.top__state {
background: #cfffe2;
width: 70rpx;
height: 34rpx;
font-size: 26rpx;
font-family: PingFang SC;
font-weight: 500;
color: #00AD42;
line-height: 34rpx;
text-align: center;
border-radius: 4rpx;
}
.phone__state {
background: #ffebd8;
color: rgba(248, 141, 40, 1);
}
.top__item {
font-size: 26rpx;
font-family: PingFang SC;
font-weight: 500;
color: #666666;
}
}
.item__content {
padding: 0 40rpx;
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
>div {
width: 50%;
margin-bottom: 30rpx;
font-size: 30rpx;
font-family: PingFang SC;
font-weight: 500;
color: #333333;
}
>div:nth-of-type(3) {
width: 100%;
}
}
.item__btn {
display: flex;
justify-content: flex-end;
padding-right: 40rpx;
font-size: 30rpx;
font-family: PingFang SC;
font-weight: 500;
color: #999999;
>div {
width: 180rpx;
height: 56rpx;
text-align: center;
line-height: 56rpx;
border-radius: 28rpx;
border: 1rpx solid #DDDDDD;
font-size: 30rpx;
font-family: PingFang SC;
font-weight: 500;
color: #999999;
}
}
}
}
</style>
pages/move-car/myRecord.vue 0 → 100644
View file @ 1da98318
<!--
* @Author: euzhi
* @Description: 我的挪车记录
-->
<template>
<div class="myRecord">
<div class="record__item" v-for="(vo,inx) in items" :key="inx">
<div class="item__top">
<div class="top__time">
时间:{{vo.time}}
</div>
<div class="top__state" :class="vo.state==='微信'?'':'phone__state'">
{{vo.state}}
</div>
</div>
<div class="item__content">
<div>
车牌号:{{vo.carNumber}}
</div>
<div>
通知类型:{{vo.type}}
</div>
<div>
挪车申请人:{{vo.name}}
</div>
</div>
<div class="item__btn" @click="goDetail">
<div>
查看详情
</div>
</div>
</div>
</div>
</template>
<script>
export default {
data() {
return {
items: [{
time: '2020-02-22 12:00:45',
state: '微信',
carNum: '京A123456',
type: '请求他人挪车',
apply: '123****6633',
},
{
date: '2020-02-22 12:00:45',
state: '电话',
carNum: '京A123456',
type: '请求他人挪车',
apply: '123****6633',
}
]
};
},
methods: {
goDetail(){
uni.navigateTo({
url: '/pages/move-car/recordDetail'
})
}
},
}
</script>
<style lang="scss" scoped>
.myRecord {
padding: 40rpx 0rpx;
.record__item {
background: #FFFFFF;
box-shadow: 0rpx 0rpx 28rpx 1rpx rgba(232, 232, 232, 0.2);
border-radius: 20rpx;
padding: 30rpx 0;
margin-bottom: 30rpx;
.item__top {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 40rpx;
border-bottom: 1rpx solid rgba(0, 0, 0, .1);
padding-bottom: 30rpx;
margin-bottom: 30rpx;
.top__state {
background: #cfffe2;
width: 70rpx;
height: 34rpx;
font-size: 26rpx;
font-family: PingFang SC;
font-weight: 500;
color: #00AD42;
line-height: 34rpx;
text-align: center;
border-radius: 4rpx;
}
.phone__state {
background: #ffebd8;
color: rgba(248, 141, 40, 1);
}
.top__item {
font-size: 26rpx;
font-family: PingFang SC;
font-weight: 500;
color: #666666;
}
}
.item__content {
padding: 0 40rpx;
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
>div {
width: 50%;
margin-bottom: 30rpx;
font-size: 30rpx;
font-family: PingFang SC;
font-weight: 500;
color: #333333;
}
>div:nth-of-type(3) {
width: 100%;
}
}
.item__btn {
display: flex;
justify-content: flex-end;
padding-right: 40rpx;
font-size: 30rpx;
font-family: PingFang SC;
font-weight: 500;
color: #999999;
>div {
width: 180rpx;
height: 56rpx;
text-align: center;
line-height: 56rpx;
border-radius: 28rpx;
border: 1rpx solid #DDDDDD;
font-size: 30rpx;
font-family: PingFang SC;
font-weight: 500;
color: #999999;
}
}
}
}
</style>
pages/move-car/recordDetail.vue 0 → 100644
View file @ 1da98318
<!--
* @Author: euzhi
* @Description: 挪车记录详情
-->
<template>
<div class="callDetail">
<div class="view__content">
<div class="view__item" v-for="(vo,inx) in items" :key="inx">
<div class="view__title">
{{vo.title}}
</div>
<div class="view__value">
{{vo.value}}
</div>
</div>
</div>
<div class="view__btn view__back" @click="goBack">
返回
</div>
</div>
</template>
<script>
export default {
data() {
return {
items: [{
title: "车主车牌号:",
value: "京A123456"
},
{
title: "品牌:",
value: "宝马"
},
{
title: "车型:",
value: "SUV"
},
{
title: "车主手机号:",
value: "2020-02-22 12:00:00"
}, {
title: "时间:",
value: "2020-02-22 12:00:00"
},
{
title: "地点:",
value: "北京市朝阳区梨园小区停车场"
}, {
title: "挪车申请人:",
value: "159****9633"
},
{
title: "通知方式:",
value: "拨打电话"
}, {
title: "通知类型:",
value: "他人挪车请求"
}
]
};
},
methods: {
goBack(){
uni.navigateBack({
delta: 1
})
}
},
}
</script>
<style lang="scss" scoped>
.callDetail {
padding: 40rpx 0rpx;
.view__content {
background: #FFFFFF;
box-shadow: 0rpx 0rpx 28rpx 1rpx rgba(232, 232, 232, 0.2);
border-radius: 20rpx;
margin-bottom: 60rpx;
.view__item {
padding: 34rpx 0rpx;
margin: 0 40rpx;
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1rpx solid rgba(0, 0, 0, .1);
.view__title {
font-size: 32rpx;
font-family: PingFang SC;
font-weight: 500;
color: #333333;
}
.view__value {
font-size: 28rpx;
font-family: DIN;
font-weight: 500;
color: #666666;
}
}
.view__item:nth-last-child(1) {
border-bottom: none;
}
}
.view__btn {
width: 670rpx;
height: 76rpx;
text-align: center;
line-height: 76rpx;
margin: 0 auto;
font-size: 32rpx;
}
.view__no__bind {
background: url('../../static/move-car/move-car-view2.png') no-repeat;
margin-bottom: 30rpx;
background-size: contain;
color: rgba(255, 255, 255, 1);
}
.view__back{
background: url('../../static/move-car/move-car-view1.png') no-repeat;
background-size: contain;
color:rgba(153, 153, 153, 1);
}
}
</style>
pages/viewMoban.vue 0 → 100644
View file @ 1da98318
<!--
* @Author: euzhi
* @Description: 新增车辆
-->
<template>
<div class="addCar">
<div class="view__content">
1
</div>
<div class="view__btn view__no__bind">
完成
</div>
</div>
</template>
<script>
export default {
data() {
return {
items: [{
title: "挪车码编号",
value: "NC683723293239"
},
{
title: "车牌号",
value: "京A123456"
},
{
title: "品牌",
value: "宝马"
},
{
title: "车型",
value: "SUV"
}, {
title: "绑定手机号",
value: "156****9633"
}
]
};
},
methods: {
goBack(){
uni.navigateBack({
delta: 1
})
}
},
}
</script>
<style lang="scss" scoped>
.addCar {
padding: 40rpx 0rpx;
.view__content {
background: #FFFFFF;
box-shadow: 0rpx 0rpx 28rpx 1rpx rgba(232, 232, 232, 0.2);
border-radius: 20rpx;
margin-bottom: 80rpx;
}
.view__btn {
width: 670rpx;
height: 76rpx;
text-align: center;
line-height: 76rpx;
margin: 0 auto;
font-size: 32rpx;
}
.view__no__bind {
background: url('../../static/move-car/move-car-view2.png') no-repeat;
margin-bottom: 30rpx;
background-size: contain;
color: rgba(255, 255, 255, 1);
}
}
</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