浏览代码

[停车页面,车牌管理][修改]:停车页面修改

tags/2.2.4
meo 6 年前
父节点
当前提交
54e0b8edc1
共有 11 个文件被更改,包括 198 次插入33 次删除
  1. +3
    -2
      app.json
  2. 二进制
      assets/img/platebg.png
  3. +10
    -0
      pages/managelicenseplate/managelicenseplate.js
  4. +3
    -0
      pages/managelicenseplate/managelicenseplate.json
  5. +0
    -0
      pages/managelicenseplate/managelicenseplate.wxml
  6. +0
    -0
      pages/managelicenseplate/managelicenseplate.wxss
  7. +1
    -1
      pages/passCar/couponList/couponList.wxml
  8. +26
    -1
      pages/passCar/passCar.js
  9. +36
    -10
      pages/passCar/passCar.wxml
  10. +115
    -16
      pages/passCar/passCar.wxss
  11. +4
    -3
      utils/HttpBasics.js

+ 3
- 2
app.json 查看文件

@@ -25,7 +25,8 @@
"pages/addPark/addPark", "pages/addPark/addPark",
"pages/orderquanma/index", "pages/orderquanma/index",
"pages/passCar/couponList/couponList", "pages/passCar/couponList/couponList",
"pages/passCar/couponDetail/couponDetail"
"pages/passCar/couponDetail/couponDetail",
"pages/managelicenseplate/managelicenseplate"
], ],
"tabBar": { "tabBar": {
"color": "#9F9F9F", "color": "#9F9F9F",
@@ -38,7 +39,7 @@
"text": "首页" "text": "首页"
}, },
{ {
"pagePath": "pages/cartest/cartest",
"pagePath": "pages/passCar/passCar",
"iconPath": "assets/img/pass1.png", "iconPath": "assets/img/pass1.png",
"selectedIconPath": "assets/img/pass0.png", "selectedIconPath": "assets/img/pass0.png",
"text": "停车" "text": "停车"


二进制
assets/img/platebg.png 查看文件

之前 之后
宽度: 541  |  高度: 159  |  大小: 52 KiB

+ 10
- 0
pages/managelicenseplate/managelicenseplate.js 查看文件

@@ -0,0 +1,10 @@
var app = getApp();
Page({
/**
* 页面的初始数据
*/
data: {
},

})

+ 3
- 0
pages/managelicenseplate/managelicenseplate.json 查看文件

@@ -0,0 +1,3 @@
{
"navigationBarTitleText": "管理车牌"
}

+ 0
- 0
pages/managelicenseplate/managelicenseplate.wxml 查看文件


+ 0
- 0
pages/managelicenseplate/managelicenseplate.wxss 查看文件


+ 1
- 1
pages/passCar/couponList/couponList.wxml 查看文件

@@ -5,7 +5,7 @@
</i-tabs> </i-tabs>
<view> <view>
<view class="nocoupon" wx:if="{{list.length==0}}"> <view class="nocoupon" wx:if="{{list.length==0}}">
<image src="./../../../assets/img/cou.png" mode="widthFix" />
<!-- <image src="./../../../assets/img/cou.png" mode="widthFix" /> -->
<text>暂无优惠券可用</text> <text>暂无优惠券可用</text>
<navigator url="/pages/index/index" open-type="switchTab" hover-class="other-navigator-hover"> <navigator url="/pages/index/index" open-type="switchTab" hover-class="other-navigator-hover">
<button>去领券</button> <button>去领券</button>


+ 26
- 1
pages/passCar/passCar.js 查看文件

@@ -12,7 +12,32 @@ Page({
flag: "", flag: "",
extraData: {}, extraData: {},
desc:'', desc:'',
title:''
title:'',
indicatorDots: true,
autoplay: false,
interval: 5000,
duration: 1000,
current: 0,
list:[]
},
/**
* 轮播图
*/
onSlideChangeEnd: function (e) {
var that = this;
console.log(e);
console.log(e.detail.current);
var listCardNum = (that.data.list)[e.detail.current].memberKeyword;
console.log(listCardNum);
that.setData({
listCardNum: listCardNum
})
console.log(that.data.listCardNum);
},
gotomange:function(){
wx.navigateTo({
url: '/pages/managelicenseplate/managelicenseplate',
})
}, },
/*车牌动态样式 */ /*车牌动态样式 */
changeStyle: function() { changeStyle: function() {


+ 36
- 10
pages/passCar/passCar.wxml 查看文件

@@ -5,7 +5,7 @@
<text class='mycar'>我的爱车</text> <text class='mycar'>我的爱车</text>
<text class='num'>最多可添加3辆</text> <text class='num'>最多可添加3辆</text>
</view> </view>
<view class='fr'>
<view class='fr' bindtap='gotomange'>
车辆管理 车辆管理
<image src='./../../assets/img/jian.png' mode='widthFix'></image> <image src='./../../assets/img/jian.png' mode='widthFix'></image>
</view> </view>
@@ -22,26 +22,52 @@
</view> </view>
</view> </view>
</view> --> </view> -->


<view class='borderBox'> <view class='borderBox'>
<view class='borderUp' bindtap='jumpToAdd' wx:if="{{carList.length<3}}">
<view class="myCars">
<image src='./../../assets/img/add.png' mode="widthFix"></image>我的爱车</view>
<text class='carNumber'>车辆入场后,才能绑车牌</text>
</view>
<view class='passNumberBox' wx:for='{{carList}}' wx:key='{{index}}'> <view class='passNumberBox' wx:for='{{carList}}' wx:key='{{index}}'>
<view class='passUp'>
<!-- <view class='passUp'>
<view class='passNumber' bindtap='orderPay'> <view class='passNumber' bindtap='orderPay'>
<text class='number'>{{item.carNumber}}</text> <text class='number'>{{item.carNumber}}</text>
</view> </view>
<button class='deleteButton' bindtap='unbindCarBtn' data-car='{{item.carNumber}}'>解绑</button> <button class='deleteButton' bindtap='unbindCarBtn' data-car='{{item.carNumber}}'>解绑</button>
</view> -->

<!-- 有车牌的时候显示 -->
<view class='passUp'>
<view class='addicense_active'>
<swiper current="{{current}}" bindchange='onSlideChangeEnd' class='swiper' circular='true' indicator-dots='{{indicatorDots}}' autoplay='{{autoplay}}' interval='2000' duration='2000'>
<block wx:for="{{carList}}" wx:key="unique">
<swiper-item class="swiper-item" data-memberKeyword='{{item.carNumber}}'>
<view class='clearfix'>
<text class='txt01'>{{item.carNumber}}</text>
<view class='tche' hover-class='button_active' bindtap='gotopay'>
<button class='btn001'>停车缴费</button>
</view>
</view>
</swiper-item>
</block>
</swiper>
<view class="dots">
<block wx:for="{{carList}}" wx:key="unique">
<view class="dot{{index == current ? ' active' : ''}}"></view>
</block>
</view>
</view>
</view>
<!-- 没有车牌的时候显示 -->
<view class='borderUp' bindtap='jumpToAdd' wx:if="{{carList.length==0}}">
<view class="myCars">
<image src='./../../assets/img/add.png' mode="widthFix"></image>我的爱车</view>
<text class='carNumber'>车辆入场后,才能绑车牌</text>
</view> </view>

<view class='orderBox' wx:if='{{item.stopFee.parkingFee}}'> <view class='orderBox' wx:if='{{item.stopFee.parkingFee}}'>
<view class='priceBox'> <view class='priceBox'>
<text>入场时间:{{item.stopFee.entranceTime}}</text> <text>入场时间:{{item.stopFee.entranceTime}}</text>
</view> </view>
<view class='priceBox right'> <view class='priceBox right'>
<text class="textRight">停车费用:¥{{item.stopFee.parkingFee}}</text> <text class="textRight">停车费用:¥{{item.stopFee.parkingFee}}</text>

</view> </view>
</view> </view>
</view> </view>
@@ -56,7 +82,7 @@
</view> </view>
</view> </view>
</navigator> </navigator>
<view class='passNumberBox' wx:for='{{couponList}}' wx:key='{{index}}'>
<!-- <view class='passNumberBox' wx:for='{{couponList}}' wx:key='{{index}}'>
<view class='voucher' wx:if="!{{tcq==1}}"> <view class='voucher' wx:if="!{{tcq==1}}">
<text class='textV1 textV3'>{{item.title}}</text> <text class='textV1 textV3'>{{item.title}}</text>
<text class='textV2'>{{item.merchantName}}</text> <text class='textV2'>{{item.merchantName}}</text>
@@ -65,7 +91,7 @@
<image src='../../assets/img/choiced.png'></image> <image src='../../assets/img/choiced.png'></image>
</view> </view>
</view> </view>
</view>
</view> -->
<view class='textStyle' bindtap='passc'> <view class='textStyle' bindtap='passc'>
<image src='../../assets/img/wenti.png'></image> <image src='../../assets/img/wenti.png'></image>
常见问题 常见问题


+ 115
- 16
pages/passCar/passCar.wxss 查看文件

@@ -1,4 +1,4 @@
/**passCar.wxss**/
@import "../../app.wxss";


page { page {
background-color: #fff; background-color: #fff;
@@ -64,6 +64,17 @@ page {
width: 680rpx; width: 680rpx;
margin: 0 auto; margin: 0 auto;
font-size: 36rpx; font-size: 36rpx;
border: 2rpx dashed #979797;
border-radius: 16rpx;
padding-bottom: 40rpx;
height: 202rpx;
}

.addicense_active {
width: 690rpx;
/* box-shadow: 0 4rpx 20rpx 0 rgba(153, 153, 153, 0.35); */
border-radius: 12rpx;
/* background: #02c0ff; *//* padding-bottom: 40rpx; */
} }


.myCar { .myCar {
@@ -87,7 +98,6 @@ page {


.addBox { .addBox {
width: 750rpx; width: 750rpx;
height: 220rpx;
position: relative; position: relative;
background-color: white; background-color: white;
} }
@@ -110,7 +120,7 @@ page {


.bottonBox { .bottonBox {
width: 750rpx; width: 750rpx;
margin-top: 50rpx;
margin-top: 30rpx;
} }


.textStyle { .textStyle {
@@ -118,7 +128,7 @@ page {
height: 88rpx; height: 88rpx;
line-height: 88rpx; line-height: 88rpx;
padding-left: 92rpx; padding-left: 92rpx;
border-bottom: 1rpx #f8f8f8 solid;
border-bottom: 1px #f8f8f8 solid;
position: relative; position: relative;
font-size: 30rpx; font-size: 30rpx;
color: #333; color: #333;
@@ -133,11 +143,52 @@ page {
position: absolute; position: absolute;
} }


.swiper {
position: relative;
margin: 0 auto;
}

.swiper-item {
width: 365rpx;
font-size: 75rpx;
font-weight: 400;
text-align: center;
color: rgba(255, 255, 255, 1);
}

.swiper-item > view {
background: #bbe6ff;
border-radius: 12rpx;
padding: 6rpx;
}

.tche {
width: 157rpx;
height: 211rpx;
margin: 0 auto;
float: right;
border-radius: 12rpx;
background: #56bdf8;
border: 3px solid #fff;
position: relative;
}

.txt01 {
width: 497rpx;
height: 211rpx;
line-height: 211rpx;
float: left;
background: #56bdf8;
border-radius: 12rpx;
border: 3px solid #fff;
text-align: center;
}

.passNumberBox { .passNumberBox {
width: 750rpx;
position: relative; position: relative;
background-color: white; background-color: white;
border-bottom: 1rpx #f8f8f8 solid;
/* border-bottom: 1rpx #f8f8f8 solid; */
margin-top: 30rpx;
} }


.passNumber { .passNumber {
@@ -157,7 +208,37 @@ page {
} }


.number { .number {
font-size: 48rpx;
color: #1f2d3d;
letter-spacing: 0;
line-height: 52rpx;
font-weight: 400;
}

.manage_plate {
width: 65%;
border-radius: 80rpx;
margin: 40rpx auto 0;
background: #02c0ff;
color: #fff;
text-align: center;
font-size: 30rpx;
}

.button_active {
opacity: .6;
}

.btn001 {
margin: 0 auto;
width: 120rpx;
height: 75rpx;
font-size: 32rpx; font-size: 32rpx;
font-weight: 400;
color: rgba(255, 255, 255, 1);
line-height: 38rpx;
background: none;
margin-top: 67rpx;
} }


.parkPrice { .parkPrice {
@@ -291,9 +372,6 @@ page {
.borderBox { .borderBox {
width: 690rpx; width: 690rpx;
margin: 20rpx auto 0; margin: 20rpx auto 0;
border: 2rpx dashed #979797;
border-radius: 16rpx;
height: 200rpx;
} }


.carmanage { .carmanage {
@@ -364,12 +442,6 @@ page {
display: flex; display: flex;
} }


.passUp {
width: 100%;
height: 100rpx;
position: relative;
}

.priceBox { .priceBox {
width: 420rpx; width: 420rpx;
} }
@@ -439,5 +511,32 @@ button::after {
color: #02c0ff; color: #02c0ff;
letter-spacing: 0; letter-spacing: 0;
text-align: center; text-align: center;
padding-top: 50rpx;
padding-top: 58rpx;
}

.dots {
position: absolute;
left: 0;
right: 0;
bottom: 19rpx;
display: flex;
justify-content: center;
height: 19rpx;
background: #fff;
}

.dots .dot {
margin: 0 8rpx;
width: 32rpx;
height: 14rpx;
background: #fff;
border-radius: 8rpx;
transition: all 0.6s;
}

.dots .dot.active {
width: 49rpx;
height: 4rpx;
background: rgba(86, 189, 248, 1);
border-radius: 6rpx;
} }

+ 4
- 3
utils/HttpBasics.js 查看文件

@@ -72,7 +72,7 @@ class HttpBasics {
data: data, data: data,
method: "POST", method: "POST",
success: res => { success: res => {
// wx.hideLoading();
wx.hideLoading();
this.responseMap(res, resolve, reject); this.responseMap(res, resolve, reject);
}, },
fail: err => { fail: err => {
@@ -97,9 +97,10 @@ class HttpBasics {
if (res.data.code == 200) { if (res.data.code == 200) {
resolve(res.data); resolve(res.data);
} else { } else {
wx.hideLoading();
// wx.hideLoading();
wx.showToast({ wx.showToast({
title: res.data.message
title: res.data.message,
image:'./../../assets/img/fail.png'
}); });
reject(res.data); reject(res.data);
} }


正在加载...
取消
保存