杨世雄 / chemai2 · 提交

转到一个项目

作者 李芳银
提交 dc2fb17e837747a9121295be84ea2a5f1283e5dd 1 个父辈 cc358748

车唛优化

内嵌 并排对比
正在显示 26 个修改的文件 包含 2195 行增加 和 1718 行删除

要显示太多修改。
重新载入完整差异 差异文件 邮件补丁

为保证性能只显示 26 of 26+ 个文件。

... ... @@ -16,6 +16,7 @@ image {
image {
width: 100%;
height: 100%;
vertical-align: top;
}
text {
... ...
Component({
properties: {
'isKeyboard': {
type: Boolean,
value: false
},
'keyboardType': {
type: String,
value: "keyboardOne"
// value: "keyboardTwo"
},
'maxLength': {
type: Number,
value: ""
},
'minLength': {
type: Number,
value: ""
},
'test': {
type: String,
value: ""
},
'placeholder': {
type: String,
value: ""
},
'inputContent': {
type: String,
value: ""
},
'keyboardTwo': {
type: String,
value: true
},
'isKeyboardContent': {
type: Boolean,
value: false
}
},
data: {
categoryOne: '粤京津沪冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵川青藏琼宁渝✘'.split(''),
categoryTwo: '1234567890'.split(''),
categoryThree: 'QWERTYUIOP'.split(''),
categoryFour: 'ASDFGHJKLZ'.split(''),
// categoryFive: '✔XCVBNM✘'.split(''),
categoryFive: ['确认', 'X', 'C', 'V', 'B', 'N', 'M', '删除'],
categorySix: '123456789✘0✔'.split(''),
},
methods: {
changeKeyboardContent(e) {
if (e.currentTarget.dataset.value == '省称') {
this.setData({
isKeyboardContent: true
})
}
if (e.currentTarget.dataset.value == '英\数') {
this.setData({
isKeyboardContent: false
})
}
},
keyboard(e) {
console.log(e)
if (e.target.dataset.value == undefined) {
return;
}
// if (e.target.dataset.value == '✘') {
if (e.target.dataset.value == '删除') {
if (this.data.inputContent.length > 0) {
this.setData({
inputContent: this.data.inputContent.substring(0, this.data.inputContent.length - 1)
})
console.log(this.data.inputContent, 'this.data.inputContent');
}
return
}
if (e.target.dataset.value == '确认') {
if (this.data.minLength != '' && this.data.inputContent.length < this.data.minLength) {
wx.showToast({
title: '输入位数不得小于' + this.data.minLength + '位',
icon: 'none'
})
return
}
let reg = new RegExp(this.data.test)
if (this.data.test != '' && !reg.test(this.data.inputContent)) {
wx.showToast({
title: '不符合规则',
icon: 'none'
})
return
}
this.triggerEvent('fwhfContent', {
inputContent: this.data.inputContent
})
return
}
if (this.data.maxLength != '' && this.data.inputContent.length >= this.data.maxLength) {
wx.showToast({
title: '输入位数不得超过' + this.data.maxLength + '位',
icon: 'none'
})
return
}
this.setData({
inputContent: this.data.inputContent + e.target.dataset.value
})
console.log(this.data.inputContent);
},
keyboardClick() {
this.setData({
isKeyboard: false
})
}
}
})
\ No newline at end of file
... ...
{
"component": true,
"usingComponents": {}
}
\ No newline at end of file
... ...
<view class="container">
<cover-view class="keyboard {{isKeyboard ? 'show' : 'hide'}}">
<cover-view class="{{keyboardType == 'keyboardOne' ? 'show' : 'hide'}}">
<cover-view class="inputBox">
<cover-view class="inputBoxContent {{inputContent ? 'lightContent' : 'darkContent'}}">
{{inputContent || placeholder}}
</cover-view>
<cover-view class="open__down" bindtap="keyboardClick">取消</cover-view>
</cover-view>
<!-- <cover-view class="keyboardTitle">
<cover-view class="keyboardTitleLogo">love.fwhf.xyz</cover-view>
<cover-view class="keyboardTitleContent {{isKeyboardContent ? 'keyboardTitleContentColorDark' : 'keyboardTitleContentColorWhite'}}" data-value="省称" bindtap="changeKeyboardContent">
省称
</cover-view>
<cover-view class="keyboardTitleContent {{isKeyboardContent ? 'keyboardTitleContentColorWhite' : 'keyboardTitleContentColorDark'}}" data-value="英\数" bindtap="changeKeyboardContent">
英\数
</cover-view>
<cover-view class="keyboardFinish" data-value="✔" bindtap="keyboard">✔</cover-view>
</cover-view>
<cover-view class="keyboardContentOne {{isKeyboardContent ? 'keyboardContentOneShow' : 'keyboardContentOneHide'}}" bindtap="keyboard">
<cover-view class="keyboardContentOneContent" hover-class="keyboardContentDark" hover-start-time="0" hover-stay-time="100" wx:for="{{categoryOne}}" wx:key="index" data-value="{{item}}">
{{item}}
</cover-view>
</cover-view> -->
<cover-view class="keyboardContentTwo {{isKeyboardContent ? 'keyboardContentTwoHide' : 'keyboardContentTwoShow'}}">
<cover-view class="keyboardContentTwoLineOne" bindtap="keyboard">
<cover-view class="keyboardContentTwoLineOneContent" hover-class="keyboardContentDark" hover-start-time="0" hover-stay-time="100" wx:for="{{categoryTwo}}" wx:key="index" data-value="{{item}}">
{{item}}
</cover-view>
</cover-view>
<cover-view class="keyboardContentTwoLineTwo" bindtap="keyboard">
<cover-view class="keyboardContentTwoLineTwoContent" hover-class="keyboardContentDark" hover-start-time="0" hover-stay-time="100" wx:for="{{categoryThree}}" wx:key="index" data-value="{{item}}">
{{item}}
</cover-view>
</cover-view>
<cover-view class="keyboardContentTwoLineThree" bindtap="keyboard">
<cover-view class="keyboardContentTwoLineThreeContent" hover-class="keyboardContentDark" hover-start-time="0" hover-stay-time="100" wx:for="{{categoryFour}}" wx:key="index" data-value="{{item}}">
{{item}}
</cover-view>
</cover-view>
<cover-view class="keyboardContentTwoLineFour" bindtap="keyboard">
<!-- <cover-view class="four_item">确定</cover-view> -->
<cover-view class="keyboardContentTwoLineFourContent four___item" hover-class="keyboardContentDark" hover-start-time="0" hover-stay-time="100" wx:for="{{categoryFive}}" wx:key="index" data-value="{{item}}">
{{item}}
</cover-view>
<!-- <cover-view class="four_item">删除</cover-view> -->
</cover-view>
</cover-view>
</cover-view>
<cover-view class="{{keyboardType == 'keyboardTwo' ? 'show' : 'hide'}}">
<cover-view class="inputBox">
<cover-view class="inputBoxContent {{inputContent ? 'lightContent' : 'darkContent'}}">
{{inputContent || placeholder}}
</cover-view>
</cover-view>
<cover-view class="keyboardTwo" bindtap="keyboard">
<cover-view class="keyboardTwoContent" hover-class="keyboardContentDark" hover-start-time="0" hover-stay-time="100" wx:for="{{categorySix}}" wx:key="index" data-value="{{item}}">
{{item}}
</cover-view>
</cover-view>
</cover-view>
</cover-view>
</view>
\ No newline at end of file
... ...
.keyboard {
position: fixed;
bottom: 0;
width: 100%;
background: rgb(244, 244, 244);
padding-bottom: 20rpx;
z-index: 999;
}
.show {
display: block;
}
.hide {
display: none;
}
.inputBox {
height: 80rpx;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.inputBoxContent {
flex: 1;
margin: 10rpx auto 0;
height: 70rpx;
line-height: 70rpx;
background: rgb(255, 255, 255);
padding-left: 20rpx;
overflow: hidden;
font-size: 36rpx;
}
.lightContent {
color: #333;
}
.darkContent {
color: rgb(166, 166, 166);
}
.open__down {
width: 100rpx;
height: 80rpx;
flex-shrink: 0;
text-align: center;
line-height: 80rpx;
font-size: 28rpx;
color: rgb(166, 166, 166);
}
.keyboardTitle {
width: 750rpx;
height: 80rpx;
display: flex;
justify-content: space-between;
align-items: center;
}
.keyboardTitle .keyboardTitleLogo {
width: 290rpx;
text-align: center;
color: rgb(166, 166, 166);
margin: 0 0 0 10rpx;
height: 70rpx;
border-radius: 20rpx;
line-height: 70rpx;
background: white;
}
.keyboardTitle .keyboardTitleContent {
width: 140rpx;
text-align: center;
margin: 0 0 0 10rpx;
height: 70rpx;
border-radius: 20rpx;
line-height: 70rpx;
}
.keyboardTitle .keyboardFinish {
width: 130rpx;
margin: 0 10rpx;
height: 70rpx;
border-radius: 20rpx;
line-height: 70rpx;
text-align: center;
background: white;
}
.keyboardContentOne {
/* display:flex; */
flex-wrap: wrap;
justify-content: space-between;
flex-direction: row;
/* background:white; */
}
.keyboardContentOneShow {
display: flex;
}
.keyboardContentOneHide {
display: none;
}
.keyboardContentTwo {
/* display:flex; */
/* background:white; */
}
.keyboardContentTwoHide {
display: none;
}
.keyboardContentTwoShow {
display: block;
}
.keyboardContentOneContent {
background: white;
width: 88rpx;
line-height: 91rpx;
text-align: center;
margin: 2rpx;
border-radius: 6rpx;
}
.keyboardContentTwoLineOne,
.keyboardContentTwoLineTwo,
.keyboardContentTwoLineThree,
.keyboardContentTwoLineFour {
display: flex;
justify-content: center;
flex-direction: row;
}
.keyboardContentTwoLineOneContent,
.keyboardContentTwoLineTwoContent,
.keyboardContentTwoLineThreeContent,
.keyboardContentTwoLineFourContent {
background: white;
width: 71rpx;
line-height: 91rpx;
text-align: center;
margin: 2rpx;
border-radius: 6rpx;
}
.keyboardTwo {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.keyboardTwoContent {
background: white;
width: 230rpx;
margin: 12rpx 6rpx 0;
text-align: center;
line-height: 100rpx;
font-size: 36rpx;
border-radius: 10rpx;
}
.four___item:first-child {
width: 120rpx;
line-height: 91rpx;
background-color: #fff;
margin: 2rpx;
border-radius: 6rpx;
text-align: center;
}
.four___item:last-child {
width: 120rpx;
line-height: 91rpx;
background-color: #fff;
margin: 2rpx;
border-radius: 6rpx;
text-align: center;
}
.four_item {
width: 120rpx;
line-height: 91rpx;
background-color: #cccfff;
margin: 2rpx;
border-radius: 6rpx;
text-align: center;
}
.keyboardTitleContentColorWhite {
background: white;
}
.keyboardTitleContentColorDark {
background: rgb(222, 222, 222);
}
.keyboardContentDark {
background: rgb(222, 222, 222);
}
\ No newline at end of file
... ...
... ... @@ -19,10 +19,10 @@ Page({
hotActivity: [],
hotModels: [],
products: [],
S4Spage: false,
goodDetal: {},
page: 1,
total: 0,
S4Spage: false,
it_cloose: false,
showItem: false,
s4_id: '',
... ... @@ -42,27 +42,29 @@ Page({
let that = this
console.log(that.data.s4_id, "s4_id");
let s4_id = a.globalData.stores_id
console.log(s4_id, "s4_id");
a.globalData.stores_id = ''
if (s4_id == '') {
that.setData({
S4Spage: false,
// it_cloose: true,
})
} else {
that.setData({
S4Spage: true,
it_cloose: false,
})
}
that.setData({
s4_id,
products: [],
// decorations: [],
kefu: [],
hotActivity: [],
groomList: [],
hotModels: [],
page: 1
})
console.log(that.data.s4_id);
setTimeout(() => {
that.getDecorations()
that.getHotActivity()
... ... @@ -119,21 +121,28 @@ Page({
})
console.log(data);
if (data != null) {
console.log(1111);
that.setData({
kefu: data.kefu,
S4Spage: true,
it_cloose: false,
s4_id: data.id
})
} else {
that.setData({
S4Spage: false,
it_cloose: true,
})
}
that.setData({
decorations: data,
})
console.log(that.data.S4Spage);
} catch (err) {
console.log(err, "出错了");
a.popTest(err.msg)
that.setData({
S4Spage: false,
it_cloose: true,
})
}
... ... @@ -271,7 +280,6 @@ Page({
},
changeBarn() {
wx.navigateTo({
// url: '/pages/MyGarage/MyGarage?tdTap=2'
url: '/pages/Vmore4SList/Vmore4SList'
})
},
... ... @@ -285,9 +293,6 @@ Page({
wx.navigateTo({
url: '/pages/Vmore4SList/Vmore4SList?home=1'
})
// wx.navigateTo({
// url: '/pages/search/search?S4_num=1'
// })
},
goVnewslist() {
let decorations = this.data.decorations
... ... @@ -470,19 +475,6 @@ Page({
let type = e.currentTarget.dataset.type
that.publicDetails(type, good_type)
},
// toGoDetailB(e) {
// let that = this
// let good_type = e.currentTarget.dataset.good_type
// let type = e.currentTarget.dataset.type
// that.publicDetails(type, good_type)
// console.log(type, good_type);
// },
// toGoDetailC(e) {
// let that = this
// let good_type = e.currentTarget.dataset.good_type
// let type = e.currentTarget.dataset.type
// that.publicDetails(type, good_type)
// },
publicDetails(type, good_type) {
let that = this
console.log(type, good_type, "珊瑚");
... ...
... ... @@ -35,6 +35,19 @@ Page({
s4_id: '',
color: 1,
che_id: '',
focus: true,
carCodeNumber: '', //车牌号
isKeyboard: false, //是否显示键盘
keyboardType: 'keyboardOne', //键盘类型
isKeyboardContent: true, // 控制首先展示省称还是英文
maxLength: '', //最大长度
minLength: '', //最小程度
test: '', //正则
placeholder: '', //提示信息
whichInput: '', //方法名
inputContent: '', //input内容
carCode: ''
},
onLoad: function (options) {
let that = this
... ... @@ -61,27 +74,10 @@ Page({
let that = this
let carNum = e.detail.value
let sheng_id = that.data.sheng_id
// let reg = /^(([A-Z](([0-9]{5}[DF])|([DF]([A-HJ-NP-Z0-9])[0-9]{4})))|([A-Z][A-HJ-NP-Z0-9]{4}[A-HJ-NP-Z0-9挂学警港澳使领]))$/
// const careg = reg.test(carNum);
// if (!careg) {
// wx.showToast({
// icon: 'none',
// title: '请输入正确车牌号',
// })
// return;
// } else {
// that.setData({
// pai: carNum
// })
// console.log(that.data.shengItem, "shengItem");
// if (sheng_id != '') {
// that.getRegister()
// }
// }
},
paiInput(e) { // c车牌号
},
paiInput() { // c车牌号
let that = this
let carNum = e.detail.value
let carNum = this.data.carCode
let sheng_id = that.data.sheng_id
let reg = /^(([A-Z](([0-9]{5}[DF])|([DF]([A-HJ-NP-Z0-9])[0-9]{4})))|([A-Z][A-HJ-NP-Z0-9]{4}[A-HJ-NP-Z0-9挂学警港澳使领]))$/
const careg = reg.test(carNum);
... ... @@ -166,7 +162,35 @@ Page({
}
})
},
getCarCode() {
this.setData({
isKeyboard: true,
maxLength: 6,
minLength: 6,
isKeyboardContent: false,
test: '[A-Z0-9]{3}',
placeholder: '请输入车牌号',
whichInput: 'changeCarCode',
inputContent: this.data.carCode
})
},
changeCarCode(e) {
this.setData({
isKeyboard: false,
carCode: e.detail.inputContent
})
console.log(this.data.carCode);
this.paiInput()
},
getCodeNumber() {
this.getCarCode()
this.hideModal();
},
clickme() {
this.selectComponent("#keyboard").keyboardClick()
this.showModal();
},
bindTimeChange(e) { // 时间
this.setData({
buy_time: e.detail.value
... ... @@ -354,15 +378,7 @@ Page({
obj.buy_time = that.data.buy_time
obj.km = that.data.km
console.log(obj);
// let reg = /^(([A-Z](([0-9]{5}[DF])|([DF]([A-HJ-NP-Z0-9])[0-9]{4})))|([A-Z][A-HJ-NP-Z0-9]{4}[A-HJ-NP-Z0-9挂学警港澳使领]))$/
// let careg = reg.test(obj.pai);
// if (!careg) {
// wx.showToast({
// icon: 'none',
// title: '请输入正确车牌号',
// })
// return;
// }
if (that.data.selected) {
try {
const {
... ... @@ -421,9 +437,7 @@ Page({
},
clickme() {
this.showModal();
},
// 正则验证图标图片
text(details) {
... ...
{
"usingComponents": {},
"usingComponents": {
"keyboard": "../../Components/keyboard/keyboard"
},
"navigationBarTitleText": "添加车辆"
}
\ No newline at end of file
... ...
page {
background-color: #f9f9f9;
.container {
width: 100%;
padding: 0 32rpx;
box-sizing: border-box;
.card {
background-color: #fff;
border-radius: 8rpx;
width: 100%;
padding: 0 32rpx;
box-sizing: border-box;
.select_box {
position: relative;
margin-right: 10rpx;
.select {
box-sizing: border-box;
width: 100%;
border: 0px solid #efefef;
border-radius: 8rpx;
display: flex;
align-items: center;
.select_text {
font-size: 35rpx;
flex: 1;
color: #000;
letter-spacing: .2em;
}
.colorHui {
color: #BDC4CE;
font-size: 28rpx;
}
.select_img {
width: 28rpx;
height: 28rpx;
margin-left: 10rpx;
display: block;
transition: transform 0.3s;
}
.select_img_rotate {
transform: rotate(180deg);
}
}
.option_box {
position: absolute;
top: 52rpx;
width: 100%;
border: 0px solid #efefef;
box-sizing: border-box;
height: 0;
overflow-y: auto;
border-top: 0;
background: #FFF;
transition: height 0.3s;
z-index: 5;
.option {
display: block;
line-height: 40rpx;
font-size: 30rpx;
border-bottom: 1px solid #efefef;
padding: 10rpx;
color: black;
}
}
}
.card_logo,
.card_time {
.change_4S {
flex: 1;
display: flex;
align-items: center;
justify-content: space-between;
// .pickeritem {
// width: 100%;
.picker {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
.picker_1 {
color: #000;
width: 394rpx;
box-sizing: border-box;
font-size: 28rpx;
}
.picker_2 {
width: 394rpx;
box-sizing: border-box;
font-size: 28rpx;
color: #BDC4CE;
}
.rowimg {
width: 48rpx;
height: 48rpx;
image {
width: 48rpx;
height: 48rpx;
}
}
}
.rowimg {
width: 48rpx;
height: 48rpx;
image {
width: 48rpx;
height: 48rpx;
}
}
// }
}
}
.car {
width: 100%;
display: flex;
align-items: center;
height: 125rpx;
flex: 1;
border-bottom: 1rpx solid #f5f5f5;
.labelsitem {
width: 180rpx;
}
.inputitem {
flex: 1;
}
.text_car {
font-size: 28rpx;
color: #BDC4CE;
line-height: 48rpx;
}
}
.card_km {
display: flex;
align-items: center;
height: 125rpx;
flex: 1;
border-bottom: 1rpx solid #f5f5f5;
.km {
font-size: 28rpx;
color: #06121E;
width: 50rpx;
text-align: right;
}
.labelsitem {
width: 180rpx;
}
.flex_km {
flex: 1;
}
.text_car {
font-size: 28rpx;
color: #BDC4CE;
line-height: 48rpx;
}
}
.car4S {
border: none;
}
}
.rules {
margin-top: 14rpx;
padding: 15rpx 30rpx 200rpx;
box-sizing: border-box;
background-color: #fff;
height: 100%;
.title {
font-size: 24rpx;
color: #06121E;
}
.rich_text {
padding: 15rpx 0 32rpx;
box-sizing: border-box;
color: #8C9198;
font-size: 24rpx;
line-height: 50rpx;
}
}
.downbtn {
width: 100%;
position: fixed;
bottom: 0;
left: 0;
background-color: #fff;
.books_change {
margin: 10rpx 0;
display: flex;
align-items: center;
justify-content: center;
padding: 32rpx;
box-sizing: border-box;
.radios {
image:nth-child(2) {
display: none;
width: 60rpx;
height: 60rpx;
}
image:nth-child(1) {
width: 28rpx;
height: 28rpx;
}
}
.fuwuxie_t {
font-size: 28rpx;
line-height: 40rpx;
margin-left: 10rpx;
}
.fuwuxieyi {
display: inline;
color: #12d1eb;
}
}
.ben_tn {
width: 100%;
padding: 0 64rpx;
box-sizing: border-box;
.btn {
width: 620rpx;
height: 80rpx;
margin: 10rpx 0;
line-height: 80rpx;
padding: 0;
font-weight: 400;
font-size: 28rpx;
background-color: #E8370F;
color: #fff
}
}
}
/*使屏幕变暗 */
.commodity_screen {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background: #000;
opacity: 0.2;
overflow: hidden;
z-index: 1000;
color: #fff;
}
/*对话框 */
.commodity_attr_box {
height: 400rpx;
width: 100%;
overflow: hidden;
position: fixed;
bottom: 0;
left: 0;
z-index: 2000;
background: #f5f5f5;
padding: 20rpx;
box-sizing: border-box;
.tent {
width: 100%;
display: flex;
flex-wrap: wrap;
.carText {
padding: 15rpx;
font-size: 31rpx;
box-sizing: border-box;
background-color: #Fff;
margin: 11rpx;
}
.activedCar {
background-color: #12d1eb;
color: #fff;
}
}
}
}
page {
background-color: #f9f9f9;
.container {
width: 100%;
.new__container {
width: 100%;
padding: 0 32rpx;
box-sizing: border-box;
.card {
background-color: #fff;
border-radius: 8rpx;
width: 100%;
padding: 0 32rpx;
box-sizing: border-box;
.select_box {
position: relative;
margin-right: 10rpx;
.select {
box-sizing: border-box;
width: 100%;
border: 0px solid #efefef;
border-radius: 8rpx;
display: flex;
align-items: center;
.select_text {
font-size: 35rpx;
flex: 1;
color: #000;
letter-spacing: .2em;
}
.colorHui {
color: #BDC4CE;
font-size: 28rpx;
}
.select_img {
width: 28rpx;
height: 28rpx;
margin-left: 10rpx;
display: block;
transition: transform 0.3s;
}
.select_img_rotate {
transform: rotate(180deg);
}
}
.option_box {
position: absolute;
top: 52rpx;
width: 100%;
border: 0px solid #efefef;
box-sizing: border-box;
height: 0;
overflow-y: auto;
border-top: 0;
background: #FFF;
transition: height 0.3s;
z-index: 5;
.option {
display: block;
line-height: 40rpx;
font-size: 30rpx;
border-bottom: 1px solid #efefef;
padding: 10rpx;
color: black;
}
}
}
.card_logo,
.card_time {
.change_4S {
flex: 1;
display: flex;
align-items: center;
justify-content: space-between;
// .pickeritem {
// width: 100%;
.picker {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
.picker_1 {
color: #000;
width: 394rpx;
box-sizing: border-box;
font-size: 28rpx;
}
.picker_2 {
width: 394rpx;
box-sizing: border-box;
font-size: 28rpx;
color: #BDC4CE;
}
.rowimg {
width: 48rpx;
height: 48rpx;
image {
width: 48rpx;
height: 48rpx;
}
}
}
.rowimg {
width: 48rpx;
height: 48rpx;
image {
width: 48rpx;
height: 48rpx;
}
}
// }
}
}
.car {
width: 100%;
display: flex;
align-items: center;
height: 125rpx;
flex: 1;
border-bottom: 1rpx solid #f5f5f5;
.labelsitem {
width: 180rpx;
}
.inputitem {
flex: 1;
}
.text_car {
font-size: 28rpx;
color: #BDC4CE;
line-height: 48rpx;
}
}
.card_km {
display: flex;
align-items: center;
height: 125rpx;
flex: 1;
border-bottom: 1rpx solid #f5f5f5;
.km {
font-size: 28rpx;
color: #06121E;
width: 50rpx;
text-align: right;
}
.labelsitem {
width: 180rpx;
}
.flex_km {
flex: 1;
}
.text_car {
font-size: 28rpx;
color: #BDC4CE;
line-height: 48rpx;
}
}
.car4S {
border: none;
}
}
.rules {
margin-top: 14rpx;
padding: 15rpx 30rpx 200rpx;
box-sizing: border-box;
background-color: #fff;
height: 100%;
.title {
font-size: 24rpx;
color: #06121E;
}
.rich_text {
padding: 15rpx 0 32rpx;
box-sizing: border-box;
color: #8C9198;
font-size: 24rpx;
line-height: 50rpx;
}
}
.downbtn {
width: 100%;
position: fixed;
bottom: 0;
left: 0;
background-color: #fff;
.books_change {
margin: 10rpx 0;
display: flex;
align-items: center;
justify-content: center;
padding: 32rpx;
box-sizing: border-box;
.radios {
image:nth-child(2) {
display: none;
width: 60rpx;
height: 60rpx;
}
image:nth-child(1) {
width: 28rpx;
height: 28rpx;
}
}
.fuwuxie_t {
font-size: 28rpx;
line-height: 40rpx;
margin-left: 10rpx;
}
.fuwuxieyi {
display: inline;
color: #12d1eb;
}
}
.ben_tn {
width: 100%;
padding: 0 64rpx;
box-sizing: border-box;
.btn {
width: 620rpx;
height: 80rpx;
margin: 10rpx 0;
line-height: 80rpx;
padding: 0;
font-weight: 400;
font-size: 28rpx;
background-color: #E8370F;
color: #fff
}
}
}
/*使屏幕变暗 */
.commodity_screen {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background: #000;
opacity: 0.2;
overflow: hidden;
z-index: 1000;
color: #fff;
}
/*对话框 */
.commodity_attr_box {
height: 400rpx;
width: 100%;
overflow: hidden;
position: fixed;
bottom: 0;
left: 0;
z-index: 2000;
background: #f5f5f5;
padding: 20rpx;
box-sizing: border-box;
.tent {
width: 100%;
display: flex;
flex-wrap: wrap;
.carText {
padding: 15rpx;
font-size: 31rpx;
box-sizing: border-box;
background-color: #Fff;
margin: 11rpx;
}
.activedCar {
background-color: #12d1eb;
color: #fff;
}
}
}
}
}
}
\ No newline at end of file
... ...
<view class="container">
<form action="" catchsubmit="formSubmit">
<view class="card">
<view class="card_name car">
<label for="姓名" class="labelsitem">姓名:</label>
<input type="text" placeholder="请输入车主信息" value="{{name}}" placeholder-class="text_car" name="name" bindblur="getInput" class="inputitem" />
</view>
<view class="card_num car">
<label for="车牌号" class="labelsitem">车牌号:</label>
<view class='select_box' bindtap="clickme">
<view class='select'>
<view class="colorHui" wx:if="{{color == 1}}">{{shengItem}}</view>
<view class="sheng_id" wx:else>{{shengItem}}</view>
<image class='select_img {{show &&"select_img_rotate"}}' src='{{imagesUrl}}assets/static/img/down_arrow.png'></image>
<view class="new__container">
<form action="" catchsubmit="formSubmit">
<view class="card">
<view class="card_name car">
<label for="姓名" class="labelsitem">姓名:</label>
<input type="text" placeholder="请输入车主信息" value="{{name}}" placeholder-class="text_car" name="name" bindblur="getInput" class="inputitem" />
</view>
<view class="card_num car">
<label for="车牌号" class="labelsitem">车牌号:</label>
<view class='select_box' bindtap="clickme">
<view class='select'>
<view class="colorHui" wx:if="{{color == 1}}">{{shengItem}}</view>
<view class="sheng_id" wx:else>{{shengItem}}</view>
<image class='select_img {{show &&"select_img_rotate"}}' src='{{imagesUrl}}assets/static/img/down_arrow.png'></image>
</view>
</view>
<!-- bindblur="paiInput" value="{{pai}}" bindinput="bindinputed" -->
<input type="text" placeholder="请输入车牌号" placeholder-class="text_car" name="pai" value='{{carCode}}' bindtap='getCodeNumber' disabled class="inputitem" maxlength="6" />
</view>
<input type="text" value="{{pai}}" placeholder="英文字母请大写" placeholder-class="text_car" name="pai" bindblur="paiInput" bindinput="bindinputed" class="inputitem" maxlength="17" />
</view>
<view class="card_logo car">
<label for="车辆品牌" class="labelsitem">车辆品牌:</label>
<view class="change_4S inputitem" bindtap="goCarBrand">
<input type="text" placeholder="请选择车辆品牌" value="{{CarBrandName}}" placeholder-class="text_car" name="name" />
<view class="rowimg">
<image src="{{imagesUrl}}assets/static/img/right_arrow.png" />
<view class="card_logo car">
<label for="车辆品牌" class="labelsitem">车辆品牌:</label>
<view class="change_4S inputitem" bindtap="goCarBrand">
<input type="text" placeholder="请选择车辆品牌" value="{{CarBrandName}}" placeholder-class="text_car" name="name" />
<view class="rowimg">
<image src="{{imagesUrl}}assets/static/img/right_arrow.png" />
</view>
</view>
</view>
</view>
<view class="card_time car">
<label for="购买时间" class="labelsitem">购买时间:</label>
<view class="change_4S inputitem">
<picker mode="date" class="pickeritem" value="{{buy_time}}" start="1900-09-01" end="{{formatDate}}" bindchange="bindTimeChange" name="buy_time">
<view class="picker">
<view class="picker_1" wx:if="{{buy_time != ''}}">{{buy_time}}</view>
<view class="picker_2" wx:else>请选择购车时间</view>
<view class="rowimg">
<image src="{{imagesUrl}}assets/static/img/right_arrow.png" />
<view class="card_time car">
<label for="购买时间" class="labelsitem">购买时间:</label>
<view class="change_4S inputitem">
<picker mode="date" class="pickeritem" value="{{buy_time}}" start="1900-09-01" end="{{formatDate}}" bindchange="bindTimeChange" name="buy_time">
<view class="picker">
<view class="picker_1" wx:if="{{buy_time != ''}}">{{buy_time}}</view>
<view class="picker_2" wx:else>请选择购车时间</view>
<view class="rowimg">
<image src="{{imagesUrl}}assets/static/img/right_arrow.png" />
</view>
</view>
</picker>
</view>
</view>
<view class="card_km ">
<label for="行驶里程" class="labelsitem">行驶里程:</label>
<input type="number" class="flex_km inputitem" placeholder="请输入公里数" placeholder-class="text_car" name="km" bindinput="kmInput" />
<view class="km">km</view>
</view>
<view class="card_time car4S car">
<label for="绑定4S店" class="labelsitem">绑定4S店:</label>
<view class="change_4S inputitem" catchtap="go4Ssearch">
<input type="text" placeholder="请选择绑定4S店" value="{{S4SName}}" placeholder-class="text_car" name="id" />
<view class="rowimg">
<image src="{{imagesUrl}}assets/static/img/right_arrow.png" />
</view>
</picker>
</view>
</view>
</view>
<view class="card_km ">
<label for="行驶里程" class="labelsitem">行驶里程:</label>
<input type="number" class="flex_km inputitem" placeholder="请输入公里数" placeholder-class="text_car" name="km" bindinput="kmInput" />
<view class="km">km</view>
<view class="rules">
<view class="title">规则说明</view>
<scroll-view class="scrollY" scroll-y="true" style="height:250rpx ;">
<view class="rich_text">
<rich-text nodes="{{content}}"></rich-text>
</view>
</scroll-view>
</view>
<view class="card_time car4S car">
<label for="绑定4S店" class="labelsitem">绑定4S店:</label>
<view class="change_4S inputitem" catchtap="go4Ssearch">
<input type="text" placeholder="请选择绑定4S店" value="{{S4SName}}" placeholder-class="text_car" name="id" />
<view class="rowimg">
<image src="{{imagesUrl}}assets/static/img/right_arrow.png" />
<view class="downbtn">
<view class="books_change" bindtap="radiosRed">
<view class="radios">
<image src="{{imagesUrl}}assets/static/img/select.png" wx:if="{{selected}}" />
<image src="{{imagesUrl}}assets/static/img/radios.png" wx:else />
</view>
<view class="fuwuxie_t">使用本服务意味着您已阅读并同意</view>
<view class="fuwuxieyi fuwuxie_t">《服务协议》</view>
</view>
</view>
</view>
<view class="rules">
<view class="title">规则说明</view>
<scroll-view class="scrollY" scroll-y="true" style="height:250rpx ;">
<view class="rich_text">
<rich-text nodes="{{content}}"></rich-text>
<view class="ben_tn">
<button class="btn" formType="submit">确认</button>
</view>
</scroll-view>
</view>
<view class="downbtn">
<view class="books_change" bindtap="radiosRed">
<view class="radios">
<image src="{{imagesUrl}}assets/static/img/select.png" wx:if="{{selected}}" />
<image src="{{imagesUrl}}assets/static/img/radios.png" wx:else />
</view>
<view class="fuwuxie_t">使用本服务意味着您已阅读并同意</view>
<view class="fuwuxieyi fuwuxie_t">《服务协议》</view>
</view>
<view class="ben_tn">
<button class="btn" formType="submit">确认</button>
</view>
</view>
</form>
<view class="commodity_screen" bindtap="hideModal" wx:if="{{showModalStatus}}"></view>
<view animation="{{animationData}}" class="commodity_attr_box" wx:if="{{showModalStatus}}">
<view class="tent">
<view class="carText {{idx== item.id ? 'activedCar' : ''}}" wx:for="{{selectData}}" wx:key="id" catchtap="tiveCar" data-id='{{item.id}}'>
{{item.name}}
</form>
<view class="commodity_screen" bindtap="hideModal" wx:if="{{showModalStatus}}"></view>
<view animation="{{animationData}}" class="commodity_attr_box" wx:if="{{showModalStatus}}">
<view class="tent">
<view class="carText {{idx== item.id ? 'activedCar' : ''}}" wx:for="{{selectData}}" wx:key="id" catchtap="tiveCar" data-id='{{item.id}}'>
{{item.name}}
</view>
</view>
</view>
</view>
<keyboard id="keyboard" isKeyboard="{{isKeyboard}}" keyboardType="{{keyboardType}}" maxLength="{{maxLength}}" minLength="{{minLength}}" test="{{test}}" placeholder="{{placeholder}}" isKeyboardContent="{{isKeyboardContent}}" bind:fwhfContent="{{whichInput}}" inputContent="{{inputContent}}" />
</view>
\ No newline at end of file
... ...
... ... @@ -3,23 +3,26 @@ page {
}
page .container {
width: 100%;
}
page .container .new__container {
width: 100%;
padding: 0 32rpx;
box-sizing: border-box;
/*使屏幕变暗 */
/*对话框 */
}
page .container .card {
page .container .new__container .card {
background-color: #fff;
border-radius: 8rpx;
width: 100%;
padding: 0 32rpx;
box-sizing: border-box;
}
page .container .card .select_box {
page .container .new__container .card .select_box {
position: relative;
margin-right: 10rpx;
}
page .container .card .select_box .select {
page .container .new__container .card .select_box .select {
box-sizing: border-box;
width: 100%;
border: 0px solid #efefef;
... ... @@ -27,27 +30,27 @@ page .container .card .select_box .select {
display: flex;
align-items: center;
}
page .container .card .select_box .select .select_text {
page .container .new__container .card .select_box .select .select_text {
font-size: 35rpx;
flex: 1;
color: #000;
letter-spacing: 0.2em;
}
page .container .card .select_box .select .colorHui {
page .container .new__container .card .select_box .select .colorHui {
color: #BDC4CE;
font-size: 28rpx;
}
page .container .card .select_box .select .select_img {
page .container .new__container .card .select_box .select .select_img {
width: 28rpx;
height: 28rpx;
margin-left: 10rpx;
display: block;
transition: transform 0.3s;
}
page .container .card .select_box .select .select_img_rotate {
page .container .new__container .card .select_box .select .select_img_rotate {
transform: rotate(180deg);
}
page .container .card .select_box .option_box {
page .container .new__container .card .select_box .option_box {
position: absolute;
top: 52rpx;
width: 100%;
... ... @@ -60,7 +63,7 @@ page .container .card .select_box .option_box {
transition: height 0.3s;
z-index: 5;
}
page .container .card .select_box .option_box .option {
page .container .new__container .card .select_box .option_box .option {
display: block;
line-height: 40rpx;
font-size: 30rpx;
... ... @@ -68,55 +71,55 @@ page .container .card .select_box .option_box .option {
padding: 10rpx;
color: black;
}
page .container .card .card_logo .change_4S,
page .container .card .card_time .change_4S {
page .container .new__container .card .card_logo .change_4S,
page .container .new__container .card .card_time .change_4S {
flex: 1;
display: flex;
align-items: center;
justify-content: space-between;
}
page .container .card .card_logo .change_4S .picker,
page .container .card .card_time .change_4S .picker {
page .container .new__container .card .card_logo .change_4S .picker,
page .container .new__container .card .card_time .change_4S .picker {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
page .container .card .card_logo .change_4S .picker .picker_1,
page .container .card .card_time .change_4S .picker .picker_1 {
page .container .new__container .card .card_logo .change_4S .picker .picker_1,
page .container .new__container .card .card_time .change_4S .picker .picker_1 {
color: #000;
width: 394rpx;
box-sizing: border-box;
font-size: 28rpx;
}
page .container .card .card_logo .change_4S .picker .picker_2,
page .container .card .card_time .change_4S .picker .picker_2 {
page .container .new__container .card .card_logo .change_4S .picker .picker_2,
page .container .new__container .card .card_time .change_4S .picker .picker_2 {
width: 394rpx;
box-sizing: border-box;
font-size: 28rpx;
color: #BDC4CE;
}
page .container .card .card_logo .change_4S .picker .rowimg,
page .container .card .card_time .change_4S .picker .rowimg {
page .container .new__container .card .card_logo .change_4S .picker .rowimg,
page .container .new__container .card .card_time .change_4S .picker .rowimg {
width: 48rpx;
height: 48rpx;
}
page .container .card .card_logo .change_4S .picker .rowimg image,
page .container .card .card_time .change_4S .picker .rowimg image {
page .container .new__container .card .card_logo .change_4S .picker .rowimg image,
page .container .new__container .card .card_time .change_4S .picker .rowimg image {
width: 48rpx;
height: 48rpx;
}
page .container .card .card_logo .change_4S .rowimg,
page .container .card .card_time .change_4S .rowimg {
page .container .new__container .card .card_logo .change_4S .rowimg,
page .container .new__container .card .card_time .change_4S .rowimg {
width: 48rpx;
height: 48rpx;
}
page .container .card .card_logo .change_4S .rowimg image,
page .container .card .card_time .change_4S .rowimg image {
page .container .new__container .card .card_logo .change_4S .rowimg image,
page .container .new__container .card .card_time .change_4S .rowimg image {
width: 48rpx;
height: 48rpx;
}
page .container .card .car {
page .container .new__container .card .car {
width: 100%;
display: flex;
align-items: center;
... ... @@ -124,70 +127,70 @@ page .container .card .car {
flex: 1;
border-bottom: 1rpx solid #f5f5f5;
}
page .container .card .car .labelsitem {
page .container .new__container .card .car .labelsitem {
width: 180rpx;
}
page .container .card .car .inputitem {
page .container .new__container .card .car .inputitem {
flex: 1;
}
page .container .card .car .text_car {
page .container .new__container .card .car .text_car {
font-size: 28rpx;
color: #BDC4CE;
line-height: 48rpx;
}
page .container .card .card_km {
page .container .new__container .card .card_km {
display: flex;
align-items: center;
height: 125rpx;
flex: 1;
border-bottom: 1rpx solid #f5f5f5;
}
page .container .card .card_km .km {
page .container .new__container .card .card_km .km {
font-size: 28rpx;
color: #06121E;
width: 50rpx;
text-align: right;
}
page .container .card .card_km .labelsitem {
page .container .new__container .card .card_km .labelsitem {
width: 180rpx;
}
page .container .card .card_km .flex_km {
page .container .new__container .card .card_km .flex_km {
flex: 1;
}
page .container .card .card_km .text_car {
page .container .new__container .card .card_km .text_car {
font-size: 28rpx;
color: #BDC4CE;
line-height: 48rpx;
}
page .container .card .car4S {
page .container .new__container .card .car4S {
border: none;
}
page .container .rules {
page .container .new__container .rules {
margin-top: 14rpx;
padding: 15rpx 30rpx 200rpx;
box-sizing: border-box;
background-color: #fff;
height: 100%;
}
page .container .rules .title {
page .container .new__container .rules .title {
font-size: 24rpx;
color: #06121E;
}
page .container .rules .rich_text {
page .container .new__container .rules .rich_text {
padding: 15rpx 0 32rpx;
box-sizing: border-box;
color: #8C9198;
font-size: 24rpx;
line-height: 50rpx;
}
page .container .downbtn {
page .container .new__container .downbtn {
width: 100%;
position: fixed;
bottom: 0;
left: 0;
background-color: #fff;
}
page .container .downbtn .books_change {
page .container .new__container .downbtn .books_change {
margin: 10rpx 0;
display: flex;
align-items: center;
... ... @@ -195,30 +198,30 @@ page .container .downbtn .books_change {
padding: 32rpx;
box-sizing: border-box;
}
page .container .downbtn .books_change .radios image:nth-child(2) {
page .container .new__container .downbtn .books_change .radios image:nth-child(2) {
display: none;
width: 60rpx;
height: 60rpx;
}
page .container .downbtn .books_change .radios image:nth-child(1) {
page .container .new__container .downbtn .books_change .radios image:nth-child(1) {
width: 28rpx;
height: 28rpx;
}
page .container .downbtn .books_change .fuwuxie_t {
page .container .new__container .downbtn .books_change .fuwuxie_t {
font-size: 28rpx;
line-height: 40rpx;
margin-left: 10rpx;
}
page .container .downbtn .books_change .fuwuxieyi {
page .container .new__container .downbtn .books_change .fuwuxieyi {
display: inline;
color: #12d1eb;
}
page .container .downbtn .ben_tn {
page .container .new__container .downbtn .ben_tn {
width: 100%;
padding: 0 64rpx;
box-sizing: border-box;
}
page .container .downbtn .ben_tn .btn {
page .container .new__container .downbtn .ben_tn .btn {
width: 620rpx;
height: 80rpx;
margin: 10rpx 0;
... ... @@ -229,7 +232,7 @@ page .container .downbtn .ben_tn .btn {
background-color: #E8370F;
color: #fff;
}
page .container .commodity_screen {
page .container .new__container .commodity_screen {
width: 100%;
height: 100%;
position: fixed;
... ... @@ -241,7 +244,7 @@ page .container .commodity_screen {
z-index: 1000;
color: #fff;
}
page .container .commodity_attr_box {
page .container .new__container .commodity_attr_box {
height: 400rpx;
width: 100%;
overflow: hidden;
... ... @@ -253,19 +256,19 @@ page .container .commodity_attr_box {
padding: 20rpx;
box-sizing: border-box;
}
page .container .commodity_attr_box .tent {
page .container .new__container .commodity_attr_box .tent {
width: 100%;
display: flex;
flex-wrap: wrap;
}
page .container .commodity_attr_box .tent .carText {
page .container .new__container .commodity_attr_box .tent .carText {
padding: 15rpx;
font-size: 31rpx;
box-sizing: border-box;
background-color: #Fff;
margin: 11rpx;
}
page .container .commodity_attr_box .tent .activedCar {
page .container .new__container .commodity_attr_box .tent .activedCar {
background-color: #12d1eb;
color: #fff;
}
... ...
... ... @@ -34,6 +34,18 @@ Page({
CarBrandName: '',
color: 1,
che_id: '',
carCodeNumber: '', //车牌号
isKeyboard: false, //是否显示键盘
keyboardType: 'keyboardOne', //键盘类型
isKeyboardContent: true, // 控制首先展示省称还是英文
maxLength: '', //最大长度
minLength: '', //最小程度
test: '', //正则
placeholder: '', //提示信息
whichInput: '', //方法名
inputContent: '', //input内容
carCode: ''
},
onLoad: function (options) {
let that = this
... ... @@ -56,9 +68,9 @@ Page({
name: e.detail.value
})
},
paiInput(e) { // c车牌号
paiInput() { // c车牌号
let that = this
let carNum = e.detail.value
let carNum = this.data.carCode
let sheng_id = that.data.sheng_id
let reg = /^(([A-Z](([0-9]{5}[DF])|([DF]([A-HJ-NP-Z0-9])[0-9]{4})))|([A-Z][A-HJ-NP-Z0-9]{4}[A-HJ-NP-Z0-9挂学警港澳使领]))$/
const careg = reg.test(carNum);
... ... @@ -78,31 +90,41 @@ Page({
}
},
getCarCode() {
this.setData({
isKeyboard: true,
maxLength: 6,
minLength: 6,
isKeyboardContent: false,
test: '[A-Z0-9]{3}',
placeholder: '请输入车牌号',
whichInput: 'changeCarCode',
inputContent: this.data.carCode
})
},
changeCarCode(e) {
this.setData({
isKeyboard: false,
carCode: e.detail.inputContent
})
console.log(this.data.carCode);
this.paiInput()
},
getCodeNumber() {
this.getCarCode()
this.hideModal()
},
clickme() {
this.selectComponent("#keyboard").keyboardClick()
this.showModal();
},
bindinputed(e) {
let that = this
let carNum = e.detail.value
that.setData({
pai: carNum
})
// let sheng_id = that.data.sheng_id
// let reg = /^(([A-Z](([0-9]{5}[DF])|([DF]([A-HJ-NP-Z0-9])[0-9]{4})))|([A-Z][A-HJ-NP-Z0-9]{4}[A-HJ-NP-Z0-9挂学警港澳使领]))$/
// const careg = reg.test(carNum);
// if (!careg) {
// wx.showToast({
// icon: 'none',
// title: '请输入正确车牌号',
// })
// return;
// } else {
// that.setData({
// pai: carNum
// })
// console.log(that.data.shengItem, "shengItem");
// if (sheng_id != '') {
// that.getRegister()
// }
// }
},
async getRegister() { // 注册
let that = this
... ... @@ -413,9 +435,7 @@ Page({
})
return formatDate;
},
clickme() {
this.showModal();
},
onShow: function () {
},
... ...
{
"usingComponents": {},
"usingComponents": {
"keyboard": "../../Components/keyboard/keyboard"
},
"navigationBarTitleText": "添加车辆"
}
\ No newline at end of file
... ...
page {
background-color: #f9f9f9;
.container {
width: 100%;
padding: 32rpx;
box-sizing: border-box;
.card {
background-color: #fff;
border-radius: 16rpx;
width: 100%;
padding: 0 32rpx;
box-sizing: border-box;
.select_box {
position: relative;
margin-right: 10rpx;
.select {
box-sizing: border-box;
width: 100%;
border: 0px solid #efefef;
border-radius: 8rpx;
display: flex;
align-items: center;
.select_text {
font-size: 35rpx;
flex: 1;
color: #000;
letter-spacing: .2em;
}
.colorHui {
color: #BDC4CE;
font-size: 28rpx;
}
.sheng_id {
color: #000;
}
.select_img {
width: 28rpx;
height: 28rpx;
margin-left: 10rpx;
display: block;
transition: transform 0.3s;
}
.select_img_rotate {
transform: rotate(180deg);
}
}
.option_box {
position: absolute;
top: 52rpx;
width: 100%;
border: 0px solid #efefef;
box-sizing: border-box;
height: 0;
overflow-y: auto;
border-top: 0;
background: #FFF;
transition: height 0.3s;
z-index: 5;
.option {
display: block;
line-height: 40rpx;
font-size: 30rpx;
border-bottom: 1px solid #efefef;
padding: 10rpx;
color: black;
}
}
}
.card_logo,
.card_time {
.change_4S {
flex: 1;
display: flex;
align-items: center;
justify-content: space-between;
.picker {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
.picker_1 {
width: 394rpx;
box-sizing: border-box;
font-size: 28rpx;
color: #BDC4CE;
}
.buy_time {
color: #06121E;
}
.rowimg {
width: 48rpx;
height: 48rpx;
image {
width: 48rpx;
height: 48rpx;
}
}
}
.rowimg {
width: 48rpx;
height: 48rpx;
image {
width: 48rpx;
height: 48rpx;
}
}
.kms {
width: 48rpx;
text-align: right;
}
.CarBrandName {
color: #06121E !important;
}
}
}
.car {
width: 100%;
display: flex;
align-items: center;
height: 125rpx;
border-bottom: 1rpx solid #f5f5f5;
.car_title {
width: 180rpx;
}
.input_is {
flex: 1;
display: flex;
align-items: center;
.textInpit {
width: 100%;
}
.box_input {
flex: 1;
input {
width: 100%;
}
}
}
.text_car {
font-size: 28rpx;
color: #BDC4CE;
line-height: 48rpx;
}
}
.card_km {
width: 100%;
display: flex;
align-items: center;
.bos {
flex: 1;
display: flex;
align-items: center;
.kms {
width: 48rpx;
text-align: right;
}
.inputs {
flex: 1;
}
}
}
.car4S {
border: none;
}
}
.rules {
margin-top: 32rpx;
padding: 30rpx 30rpx 0rpx;
box-sizing: border-box;
background-color: #fff;
.title {
font-size: 24rpx;
color: #06121E;
}
.rich_text {
padding: 32rpx 0;
box-sizing: border-box;
color: #8C9198;
font-size: 24rpx;
line-height: 50rpx;
}
}
.books_change {
margin: 50rpx 0;
display: flex;
align-items: center;
justify-content: center;
// padding-bottom: 50rpx;
.radios {
image:nth-child(2) {
display: none;
width: 60rpx;
height: 60rpx;
}
image:nth-child(1) {
width: 32rpx;
height: 32rpx;
}
}
text {
font-size: 28rpx;
line-height: 40rpx;
margin-left: 10rpx;
}
.fuwuxieyi {
display: inline;
color: #12d1eb;
}
}
.downbtn {
width: 100%;
position: fixed;
bottom: 0;
left: 0;
background-color: #fff;
padding: 0 64rpx;
box-sizing: border-box;
.btn {
width: 620rpx;
height: 80rpx;
margin: 10rpx 0;
line-height: 80rpx;
padding: 0;
font-weight: 400;
font-size: 28rpx;
background-color: #E8370F;
color: #fff
}
}
/*使屏幕变暗 */
.commodity_screen {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background: #000;
opacity: 0.2;
overflow: hidden;
z-index: 1000;
color: #fff;
}
/*对话框 */
.commodity_attr_box {
height: 400rpx;
width: 100%;
overflow: hidden;
position: fixed;
bottom: 0;
left: 0;
z-index: 2000;
background: #f5f5f5;
padding: 20rpx;
box-sizing: border-box;
.tent {
width: 100%;
display: flex;
flex-wrap: wrap;
.carText {
padding: 15rpx;
font-size: 31rpx;
box-sizing: border-box;
background-color: #Fff;
margin: 11rpx;
}
.activedCar {
background-color: #12d1eb;
color: #fff;
}
}
}
}
page {
background-color: #f9f9f9;
.container {
width: 100%;
.new__container {
width: 100%;
padding: 0 32rpx;
box-sizing: border-box;
.card {
background-color: #fff;
border-radius: 16rpx;
width: 100%;
padding: 0 32rpx;
box-sizing: border-box;
.select_box {
position: relative;
margin-right: 10rpx;
.select {
box-sizing: border-box;
width: 100%;
border: 0px solid #efefef;
border-radius: 8rpx;
display: flex;
align-items: center;
.select_text {
font-size: 35rpx;
flex: 1;
color: #000;
letter-spacing: .2em;
}
.colorHui {
color: #BDC4CE;
font-size: 28rpx;
}
.sheng_id {
color: #000;
}
.select_img {
width: 28rpx;
height: 28rpx;
margin-left: 10rpx;
display: block;
transition: transform 0.3s;
}
.select_img_rotate {
transform: rotate(180deg);
}
}
.option_box {
position: absolute;
top: 52rpx;
width: 100%;
border: 0px solid #efefef;
box-sizing: border-box;
height: 0;
overflow-y: auto;
border-top: 0;
background: #FFF;
transition: height 0.3s;
z-index: 5;
.option {
display: block;
line-height: 40rpx;
font-size: 30rpx;
border-bottom: 1px solid #efefef;
padding: 10rpx;
color: black;
}
}
}
.card_logo,
.card_time {
.change_4S {
flex: 1;
display: flex;
align-items: center;
justify-content: space-between;
.picker {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
.picker_1 {
width: 394rpx;
box-sizing: border-box;
font-size: 28rpx;
color: #BDC4CE;
}
.buy_time {
color: #06121E;
}
.rowimg {
width: 48rpx;
height: 48rpx;
image {
width: 48rpx;
height: 48rpx;
}
}
}
.rowimg {
width: 48rpx;
height: 48rpx;
image {
width: 48rpx;
height: 48rpx;
}
}
.__color {
color: #06121E;
}
.kms {
width: 48rpx;
text-align: right;
}
.CarBrandName {
color: #06121E !important;
}
}
}
.car {
width: 100%;
display: flex;
align-items: center;
height: 125rpx;
border-bottom: 1rpx solid #f5f5f5;
.car_title {
width: 180rpx;
}
.input_is {
flex: 1;
display: flex;
align-items: center;
.textInpit {
width: 100%;
}
.box_input {
flex: 1;
input {
width: 100%;
}
}
}
.text_car {
font-size: 28rpx;
color: #BDC4CE;
line-height: 48rpx;
}
}
.card_km {
width: 100%;
display: flex;
align-items: center;
.bos {
flex: 1;
display: flex;
align-items: center;
.kms {
width: 48rpx;
text-align: right;
}
.inputs {
flex: 1;
}
}
}
.car4S {
border: none;
}
}
.rules {
margin-top: 32rpx;
padding: 30rpx 30rpx 0rpx;
box-sizing: border-box;
background-color: #fff;
.title {
font-size: 24rpx;
color: #06121E;
}
.rich_text {
padding: 32rpx 0;
box-sizing: border-box;
color: #8C9198;
font-size: 24rpx;
line-height: 50rpx;
}
}
.books_change {
margin: 50rpx 0;
display: flex;
align-items: center;
justify-content: center;
height: 32rpx;
.radios {
width: 32rpx;
height: 32rpx;
}
text {
font-size: 28rpx;
line-height: 40rpx;
margin-left: 10rpx;
}
.fuwuxieyi {
display: inline;
color: #12d1eb;
}
}
.downbtn {
width: 100%;
position: fixed;
bottom: 0;
left: 0;
background-color: #fff;
padding: 0 64rpx;
box-sizing: border-box;
.btn {
width: 620rpx;
height: 80rpx;
margin: 10rpx 0;
line-height: 80rpx;
padding: 0;
font-weight: 400;
font-size: 28rpx;
background-color: #E8370F;
color: #fff
}
}
/*使屏幕变暗 */
.commodity_screen {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background: #000;
opacity: 0.2;
overflow: hidden;
z-index: 1000;
color: #fff;
}
/*对话框 */
.commodity_attr_box {
height: 400rpx;
width: 100%;
overflow: hidden;
position: fixed;
bottom: 0;
left: 0;
z-index: 2000;
background: #f5f5f5;
padding: 20rpx;
box-sizing: border-box;
.tent {
width: 100%;
display: flex;
flex-wrap: wrap;
.carText {
padding: 15rpx;
font-size: 31rpx;
box-sizing: border-box;
background-color: #Fff;
margin: 11rpx;
}
.activedCar {
background-color: #12d1eb;
color: #fff;
}
}
}
}
}
}
\ No newline at end of file
... ...
<view class="container">
<form action="" catchsubmit="formSubmit">
<view class="card">
<view class="card_name car">
<view class="car_title">姓名:</view>
<view class="input_is">
<input type="text" class="textInpit" placeholder="请输入车主信息" placeholder-class="text_car" name="name" bindblur="getInput" />
<view class="new__container">
<form action="" catchsubmit="formSubmit">
<view class="card">
<view class="card_name car">
<view class="car_title">姓名:</view>
<view class="input_is">
<input type="text" class="textInpit" placeholder="请输入车主信息" placeholder-class="text_car" name="name" bindblur="getInput" />
</view>
</view>
</view>
<view class="card_num car">
<view class="car_title">车牌号:</view>
<view class="input_is">
<view class='select_box' bindtap="clickme">
<view class='select'>
<text class="colorHui" wx:if="{{color == 1}}">{{shengItem}}</text>
<text class="sheng_id" wx:else>{{shengItem}}</text>
<image class='select_img {{show&&"select_img_rotate"}}' src='{{imagesUrl}}assets/static/img/down_arrow.png'></image>
<view class="card_num car">
<view class="car_title">车牌号:</view>
<view class="input_is">
<view class='select_box' bindtap="clickme">
<view class='select'>
<text class="colorHui" wx:if="{{color == 1}}">{{shengItem}}</text>
<text class="sheng_id" wx:else>{{shengItem}}</text>
<image class='select_img {{show&&"select_img_rotate"}}' src='{{imagesUrl}}assets/static/img/down_arrow.png'></image>
</view>
</view>
<view class="box_input">
<input type="text" maxlength="6" value='{{carCode}}' disabled bindtap='getCodeNumber' placeholder="请输入车牌号" placeholder-class="text_car" name="pai" />
</view>
</view>
<view class="box_input">
<input type="text" maxlength="10" value="{{pai}}" placeholder="英文字母请大写" placeholder-class="text_car" name="pai" catchinput="bindinputed" catchblur="paiInput" />
</view>
</view>
</view>
<view class="card_logo car">
<view class="car_title">车辆品牌:</view>
<view class="change_4S" bindtap="goCarBrand">
<input type="text" class="inputtext" placeholder="{{CarBrandName != '' ? CarBrandName:'请选择车辆品牌'}}" placeholder-class="text_car" name="name" />
<view class="rowimg">
<image src="{{imagesUrl}}assets/static/img/right_arrow.png" />
<view class="card_logo car">
<view class="car_title">车辆品牌:</view>
<view class="change_4S" bindtap="goCarBrand">
<input type="text" class="inputtext " value="{{CarBrandName}}" placeholder="请选择车辆品牌" placeholder-class="text_car" name="name" />
<view class="rowimg">
<image src="{{imagesUrl}}assets/static/img/right_arrow.png" />
</view>
</view>
</view>
</view>
<view class="card_time car">
<view class="car_title">购买时间:</view>
<view class="change_4S">
<picker mode="date" value="{{buy_time}}" start="1900-09-01" end="{{formatDate}}" bindchange="bindTimeChange" name="buy_time">
<view class="picker">
<view class="picker_1 {{buy_time != ''? 'buy_time':'' }}">
{{buy_time == ''? '请选择购车时间':buy_time}}
</view>
<view class="rowimg">
<image src="{{imagesUrl}}assets/static/img/right_arrow.png" />
<view class="card_time car">
<view class="car_title">购买时间:</view>
<view class="change_4S">
<picker mode="date" value="{{buy_time}}" start="1900-09-01" end="{{formatDate}}" bindchange="bindTimeChange" name="buy_time">
<view class="picker">
<view class="picker_1 {{buy_time != ''? 'buy_time':'' }}">
{{buy_time == ''? '请选择购车时间':buy_time}}
</view>
<view class="rowimg">
<image src="{{imagesUrl}}assets/static/img/right_arrow.png" />
</view>
</view>
</view>
</picker>
</picker>
</view>
</view>
<view class="card_km car4S car">
<view class="car_title">行驶里程:</view>
<view class="bos">
<input type="number" class="inputs" placeholder="请输入公里数" placeholder-class="text_car" name="km" bindinput="kmInput" />
<view class="kms">km</view>
</view>
</view>
</view>
<view class="card_km car4S car">
<view class="car_title">行驶里程:</view>
<view class="bos">
<input type="number" class="inputs" placeholder="请输入公里数" placeholder-class="text_car" name="km" bindinput="kmInput" />
<view class="kms">km</view>
<view class="books_change" bindtap="radiosRed">
<view class="radios">
<image src="{{imagesUrl}}assets/static/img/select.png" wx:if="{{selected}}" />
<image src="{{imagesUrl}}assets/static/img/radios.png" wx:else />
</view>
<text>使用本服务意味着您已阅读并同意</text>
<text class="fuwuxieyi">《服务协议》</text>
</view>
</view>
<view class="books_change" bindtap="radiosRed">
<view class="radios">
<image src="{{imagesUrl}}assets/static/img/select.png" wx:if="{{selected}}" />
<image src="{{imagesUrl}}assets/static/img/radios.png" wx:else />
<view class="downbtn">
<button class="btn" formType="submit">确认</button>
</view>
<text>使用本服务意味着您已阅读并同意</text>
<text class="fuwuxieyi">《服务协议》</text>
</view>
<view class="downbtn">
<button class="btn" formType="submit">确认</button>
</view>
</form>
<view class="commodity_screen" bindtap="hideModal" wx:if="{{showModalStatus}}"></view>
<view animation="{{animationData}}" class="commodity_attr_box" wx:if="{{showModalStatus}}">
<view class="tent">
<view class="carText {{idx== item.id ? 'activedCar' : ''}}" wx:for="{{selectData}}" wx:key="id" catchtap="tiveCar" data-id='{{item.id}}'>
{{item.name}}
</form>
<view class="commodity_screen" bindtap="hideModal" wx:if="{{showModalStatus}}"></view>
<view animation="{{animationData}}" class="commodity_attr_box" wx:if="{{showModalStatus}}">
<view class="tent">
<view class="carText {{idx== item.id ? 'activedCar' : ''}}" wx:for="{{selectData}}" wx:key="id" catchtap="tiveCar" data-id='{{item.id}}'>
{{item.name}}
</view>
</view>
</view>
</view>
<keyboard isKeyboard="{{isKeyboard}}" id="keyboard" keyboardType="{{keyboardType}}" maxLength="{{maxLength}}" minLength="{{minLength}}" test="{{test}}" placeholder="{{placeholder}}" isKeyboardContent="{{isKeyboardContent}}" bind:fwhfContent="{{whichInput}}" inputContent="{{inputContent}}" />
</view>
\ No newline at end of file
... ...
... ... @@ -3,23 +3,26 @@ page {
}
page .container {
width: 100%;
padding: 32rpx;
}
page .container .new__container {
width: 100%;
padding: 0 32rpx;
box-sizing: border-box;
/*使屏幕变暗 */
/*对话框 */
}
page .container .card {
page .container .new__container .card {
background-color: #fff;
border-radius: 16rpx;
width: 100%;
padding: 0 32rpx;
box-sizing: border-box;
}
page .container .card .select_box {
page .container .new__container .card .select_box {
position: relative;
margin-right: 10rpx;
}
page .container .card .select_box .select {
page .container .new__container .card .select_box .select {
box-sizing: border-box;
width: 100%;
border: 0px solid #efefef;
... ... @@ -27,30 +30,30 @@ page .container .card .select_box .select {
display: flex;
align-items: center;
}
page .container .card .select_box .select .select_text {
page .container .new__container .card .select_box .select .select_text {
font-size: 35rpx;
flex: 1;
color: #000;
letter-spacing: 0.2em;
}
page .container .card .select_box .select .colorHui {
page .container .new__container .card .select_box .select .colorHui {
color: #BDC4CE;
font-size: 28rpx;
}
page .container .card .select_box .select .sheng_id {
page .container .new__container .card .select_box .select .sheng_id {
color: #000;
}
page .container .card .select_box .select .select_img {
page .container .new__container .card .select_box .select .select_img {
width: 28rpx;
height: 28rpx;
margin-left: 10rpx;
display: block;
transition: transform 0.3s;
}
page .container .card .select_box .select .select_img_rotate {
page .container .new__container .card .select_box .select .select_img_rotate {
transform: rotate(180deg);
}
page .container .card .select_box .option_box {
page .container .new__container .card .select_box .option_box {
position: absolute;
top: 52rpx;
width: 100%;
... ... @@ -63,7 +66,7 @@ page .container .card .select_box .option_box {
transition: height 0.3s;
z-index: 5;
}
page .container .card .select_box .option_box .option {
page .container .new__container .card .select_box .option_box .option {
display: block;
line-height: 40rpx;
font-size: 30rpx;
... ... @@ -71,151 +74,151 @@ page .container .card .select_box .option_box .option {
padding: 10rpx;
color: black;
}
page .container .card .card_logo .change_4S,
page .container .card .card_time .change_4S {
page .container .new__container .card .card_logo .change_4S,
page .container .new__container .card .card_time .change_4S {
flex: 1;
display: flex;
align-items: center;
justify-content: space-between;
}
page .container .card .card_logo .change_4S .picker,
page .container .card .card_time .change_4S .picker {
page .container .new__container .card .card_logo .change_4S .picker,
page .container .new__container .card .card_time .change_4S .picker {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
page .container .card .card_logo .change_4S .picker .picker_1,
page .container .card .card_time .change_4S .picker .picker_1 {
page .container .new__container .card .card_logo .change_4S .picker .picker_1,
page .container .new__container .card .card_time .change_4S .picker .picker_1 {
width: 394rpx;
box-sizing: border-box;
font-size: 28rpx;
color: #BDC4CE;
}
page .container .card .card_logo .change_4S .picker .buy_time,
page .container .card .card_time .change_4S .picker .buy_time {
page .container .new__container .card .card_logo .change_4S .picker .buy_time,
page .container .new__container .card .card_time .change_4S .picker .buy_time {
color: #06121E;
}
page .container .card .card_logo .change_4S .picker .rowimg,
page .container .card .card_time .change_4S .picker .rowimg {
page .container .new__container .card .card_logo .change_4S .picker .rowimg,
page .container .new__container .card .card_time .change_4S .picker .rowimg {
width: 48rpx;
height: 48rpx;
}
page .container .card .card_logo .change_4S .picker .rowimg image,
page .container .card .card_time .change_4S .picker .rowimg image {
page .container .new__container .card .card_logo .change_4S .picker .rowimg image,
page .container .new__container .card .card_time .change_4S .picker .rowimg image {
width: 48rpx;
height: 48rpx;
}
page .container .card .card_logo .change_4S .rowimg,
page .container .card .card_time .change_4S .rowimg {
page .container .new__container .card .card_logo .change_4S .rowimg,
page .container .new__container .card .card_time .change_4S .rowimg {
width: 48rpx;
height: 48rpx;
}
page .container .card .card_logo .change_4S .rowimg image,
page .container .card .card_time .change_4S .rowimg image {
page .container .new__container .card .card_logo .change_4S .rowimg image,
page .container .new__container .card .card_time .change_4S .rowimg image {
width: 48rpx;
height: 48rpx;
}
page .container .card .card_logo .change_4S .kms,
page .container .card .card_time .change_4S .kms {
page .container .new__container .card .card_logo .change_4S .__color,
page .container .new__container .card .card_time .change_4S .__color {
color: #06121E;
}
page .container .new__container .card .card_logo .change_4S .kms,
page .container .new__container .card .card_time .change_4S .kms {
width: 48rpx;
text-align: right;
}
page .container .card .card_logo .change_4S .CarBrandName,
page .container .card .card_time .change_4S .CarBrandName {
page .container .new__container .card .card_logo .change_4S .CarBrandName,
page .container .new__container .card .card_time .change_4S .CarBrandName {
color: #06121E !important;
}
page .container .card .car {
page .container .new__container .card .car {
width: 100%;
display: flex;
align-items: center;
height: 125rpx;
border-bottom: 1rpx solid #f5f5f5;
}
page .container .card .car .car_title {
page .container .new__container .card .car .car_title {
width: 180rpx;
}
page .container .card .car .input_is {
page .container .new__container .card .car .input_is {
flex: 1;
display: flex;
align-items: center;
}
page .container .card .car .input_is .textInpit {
page .container .new__container .card .car .input_is .textInpit {
width: 100%;
}
page .container .card .car .input_is .box_input {
page .container .new__container .card .car .input_is .box_input {
flex: 1;
}
page .container .card .car .input_is .box_input input {
page .container .new__container .card .car .input_is .box_input input {
width: 100%;
}
page .container .card .car .text_car {
page .container .new__container .card .car .text_car {
font-size: 28rpx;
color: #BDC4CE;
line-height: 48rpx;
}
page .container .card .card_km {
page .container .new__container .card .card_km {
width: 100%;
display: flex;
align-items: center;
}
page .container .card .card_km .bos {
page .container .new__container .card .card_km .bos {
flex: 1;
display: flex;
align-items: center;
}
page .container .card .card_km .bos .kms {
page .container .new__container .card .card_km .bos .kms {
width: 48rpx;
text-align: right;
}
page .container .card .card_km .bos .inputs {
page .container .new__container .card .card_km .bos .inputs {
flex: 1;
}
page .container .card .car4S {
page .container .new__container .card .car4S {
border: none;
}
page .container .rules {
page .container .new__container .rules {
margin-top: 32rpx;
padding: 30rpx 30rpx 0rpx;
box-sizing: border-box;
background-color: #fff;
}
page .container .rules .title {
page .container .new__container .rules .title {
font-size: 24rpx;
color: #06121E;
}
page .container .rules .rich_text {
page .container .new__container .rules .rich_text {
padding: 32rpx 0;
box-sizing: border-box;
color: #8C9198;
font-size: 24rpx;
line-height: 50rpx;
}
page .container .books_change {
page .container .new__container .books_change {
margin: 50rpx 0;
display: flex;
align-items: center;
justify-content: center;
height: 32rpx;
}
page .container .books_change .radios image:nth-child(2) {
display: none;
width: 60rpx;
height: 60rpx;
}
page .container .books_change .radios image:nth-child(1) {
page .container .new__container .books_change .radios {
width: 32rpx;
height: 32rpx;
}
page .container .books_change text {
page .container .new__container .books_change text {
font-size: 28rpx;
line-height: 40rpx;
margin-left: 10rpx;
}
page .container .books_change .fuwuxieyi {
page .container .new__container .books_change .fuwuxieyi {
display: inline;
color: #12d1eb;
}
page .container .downbtn {
page .container .new__container .downbtn {
width: 100%;
position: fixed;
bottom: 0;
... ... @@ -224,7 +227,7 @@ page .container .downbtn {
padding: 0 64rpx;
box-sizing: border-box;
}
page .container .downbtn .btn {
page .container .new__container .downbtn .btn {
width: 620rpx;
height: 80rpx;
margin: 10rpx 0;
... ... @@ -235,7 +238,7 @@ page .container .downbtn .btn {
background-color: #E8370F;
color: #fff;
}
page .container .commodity_screen {
page .container .new__container .commodity_screen {
width: 100%;
height: 100%;
position: fixed;
... ... @@ -247,7 +250,7 @@ page .container .commodity_screen {
z-index: 1000;
color: #fff;
}
page .container .commodity_attr_box {
page .container .new__container .commodity_attr_box {
height: 400rpx;
width: 100%;
overflow: hidden;
... ... @@ -259,19 +262,19 @@ page .container .commodity_attr_box {
padding: 20rpx;
box-sizing: border-box;
}
page .container .commodity_attr_box .tent {
page .container .new__container .commodity_attr_box .tent {
width: 100%;
display: flex;
flex-wrap: wrap;
}
page .container .commodity_attr_box .tent .carText {
page .container .new__container .commodity_attr_box .tent .carText {
padding: 15rpx;
font-size: 31rpx;
box-sizing: border-box;
background-color: #Fff;
margin: 11rpx;
}
page .container .commodity_attr_box .tent .activedCar {
page .container .new__container .commodity_attr_box .tent .activedCar {
background-color: #12d1eb;
color: #fff;
}
... ...
... ... @@ -28,6 +28,13 @@ Page({
// 立即授权
bindGetUserInfo(e) {
let that = this;
console.log(e);
if (e.detail.errMsg == "getUserInfo:ok") {
that.setData({
encryptedData: e.detail.encryptedData,
iv: e.detail.iv
})
}
wx.login({
success(res) {
console.log(res);
... ... @@ -40,6 +47,8 @@ Page({
data: {
rawData: e.detail.rawData,
code: that.data.code,
iv: that.data.iv,
encryptedData: that.data.encryptedData,
}
})
.then(res => {
... ...
<view class="container">
<block wx:if="{{myOrder.length !=0}}">
<view class="changeService" wx:for="{{myOrder}}" wx:key="index" wx:for-index="index" wx:for-item="item" data-id="{{item.id}}" bindtap="tomyOrderObligation">
<view class="service_title">
<view class="title_">{{item.info.shop}}</view>
<view class="title_status">{{item.state_name}}</view>
</view>
<view class="service_content">
<view class="ser_img">
<image src="{{item.info.img}}" />
</view>
<view class="ser_cont">
<view class="title_content2 ser_title">{{item.info.name}}</view>
<view class="baoma">
<view class="conte_name">报名费：</view>
<view class="pd">
<view class="red_money_icon">￥</view>
<view class="red_money">{{item.info.price}}</view>
</view>
</view>
</view>
</view>
<view class="btns">
<button class="btn" style="margin-right:20rpx" wx:if="{{item.state_name =='退款中'}}" catchtap="cancelRefund" data-order_no="{{item.order_no}}">
取消退款
</button>
<button class="btn" catchtap="tomyOrderObligation" data-id="{{item.id}}">查看订单</button>
<button class="btn delbtn" disabled="{{deltrue}}" catchtap="delOrder" data-id="{{item.id}}">
删除
</button>
</view>
</view>
</block>
<view class="dmc" wx:else>
<view class="emmpty4S" bindtap="goGuang" wx:if="{{it_cloosy}}">
<view class="c_img">
<image src="{{imagesUrl}}assets/static/img/web2x_gouwuche_img.png" mode="widthFix" />
</view>
<view class="textName">
<view class="c">您暂时没有相关订单</view>
</view>
</view>
</view>
<view class="container">
<block wx:if="{{myOrder.length !=0}}">
<view class="changeService" wx:for="{{myOrder}}" wx:key="index" wx:for-index="index" wx:for-item="item" data-id="{{item.id}}" bindtap="tomyOrderObligation">
<view class="service_title">
<view class="title_">{{item.info.shop}}</view>
<view class="title_status">{{item.state_name}}</view>
</view>
<view class="service_content">
<view class="ser_img">
<image src="{{item.info.img}}" />
</view>
<view class="ser_cont">
<view class="title_content2 ser_title">{{item.info.name}}</view>
<view class="baoma">
<view class="conte_name">预约费：</view>
<view class="pd">
<view class="red_money_icon">￥</view>
<view class="red_money">{{item.info.price}}</view>
</view>
</view>
</view>
</view>
<view class="btns">
<button class="btn" style="margin-right:20rpx" wx:if="{{item.state_name =='退款中'}}" catchtap="cancelRefund" data-order_no="{{item.order_no}}">
取消退款
</button>
<button class="btn" catchtap="tomyOrderObligation" data-id="{{item.id}}">查看订单</button>
<button class="btn delbtn" disabled="{{deltrue}}" catchtap="delOrder" data-id="{{item.id}}">
删除
</button>
</view>
</view>
</block>
<view class="dmc" wx:else>
<view class="emmpty4S" bindtap="goGuang" wx:if="{{it_cloosy}}">
<view class="c_img">
<image src="{{imagesUrl}}assets/static/img/web2x_gouwuche_img.png" mode="widthFix" />
</view>
<view class="textName">
<view class="c">您暂时没有相关订单</view>
</view>
</view>
</view>
</view>
\ No newline at end of file
... ...
<view class="container">
<view class="header">
<view class="s" style='height:{{statusTop}}px'></view>
<view class="left_img">
<view class="title_oage">我的</view>
</view>
<view class="b_banner">
<view class="ns" bindtap="goToLogin">
<view class="per_header">
<image src="{{img}}" />
</view>
<view class="per_name">
<view class="small_box" catchtap="goToLogin">
<view class="per">{{nickname}}</view>
<view class="per_phone">
<image src="{{imagesUrl}}assets/static/img/w_f.png" />
<view class="phone_num">{{phone}}</view>
</view>
</view>
<view class="arrow" catchtap="editorPerson">
<image src="{{imagesUrl}}assets/static/img/ic_navigate_next_48px@2x.png" />
</view>
</view>
</view>
</view>
</view>
<view class="car_ziliao">
<view class="con_count" bindtap="goIntegration" data-typed="1">
<view class="text_con">{{ping_fen}}</view>
<view class="text_name">唛积分</view>
</view>
<view class="con_count" bindtap="goIntegration" data-typed="2">
<view class="text_con">{{s4_fen}}</view>
<view class="text_name">4S店积分</view>
</view>
<view class="con_count" bindtap="goredPacket">
<view class="text_con">{{red_num}}</view>
<view class="text_name">红包</view>
</view>
<view class="con_count" bindtap="goVbalanceRecharge">
<view class="text_con">{{all_money}}</view>
<view class="text_name">余额</view>
</view>
</view>
<view class="cate">
<view class="scroll_1 catePublic">
<image src="{{imagesUrl}}assets/static/img/4_icon@2x.png" class="publicImg" bindtap="toMyOrder" />
<view class="cate_1 cate_public">车唛订单</view>
</view>
<view class="scroll_2 catePublic">
<image src="{{imagesUrl}}assets/static/img/d_i.png" class="publicImg" bindtap="toMyservice" />
<view class="cate_1 cate_public">维保记录</view>
</view>
<view class="scroll_3 catePublic" bindtap="toMyGarage">
<image src="{{imagesUrl}}assets/static/img/2_icon@2x (2).png" class="publicImg" />
<view class="cate_1 cate_public">我的车库</view>
</view>
<view class="scroll_4 catePublic" bindtap="myVtuanList">
<image src="{{imagesUrl}}assets/static/img/d_t.png" class="publicImg" />
<view class="cate_1 cate_public">我的关注</view>
</view>
<view class="scroll_4 catePublic" bindtap="goActiveOrder">
<image src="{{imagesUrl}}assets/static/img/d_x.png" class="publicImg" />
<view class="cate_1 cate_public">活动状态</view>
</view>
</view>
<view class="list_change">
<view class="change_Public" bindtap="goMyRecommend">
<view class="left_public">
<image src="{{imagesUrl}}assets/static/img/w_s.png" />
<view class="public_name">我的推荐</view>
</view>
<view class="right_PublicImg">
<image src="{{imagesUrl}}assets/static/img/arrow-you.png" />
</view>
</view>
<view class="change_Public" bindtap="skipYouZan">
<view class="left_public">
<image src="{{imagesUrl}}assets/static/img/w_a.png" />
<view class="public_name">点赞商品</view>
</view>
<view class="right_PublicImg">
<image src="{{imagesUrl}}assets/static/img/arrow-you.png" />
</view>
</view>
<view class="change_Public" bindtap="TotuanOrder">
<view class="left_public">
<image src="{{imagesUrl}}assets/static/img/w_d.png" />
<text class="public_name">我的团购</text>
</view>
<view class="right_PublicImg">
<image src="{{imagesUrl}}assets/static/img/arrow-you.png" />
</view>
</view>
<view class="change_Public" bindtap="MyshippingAddress">
<view class="left_public">
<image src="{{imagesUrl}}assets/static/img/w_g.png" />
<text class="public_name">收货地址</text>
</view>
<view class="right_PublicImg">
<image src="{{imagesUrl}}assets/static/img/arrow-you.png" />
</view>
</view>
<view class="change_Public" bindtap="TOtidings">
<view class="left_public">
<image src="{{imagesUrl}}assets/static/img/w_h.png" />
<view class="public_name">系统消息</view>
<view class="count_dd" wx:if="{{newcount!=0}}">
<view class="s_texts">
<view class="contet_count">{{newcount}}</view>
<view class="contet_count">+</view>
</view>
</view>
</view>
<view class="right_PublicImg">
<image src="{{imagesUrl}}assets/static/img/arrow-you.png" />
</view>
</view>
<!-- <view class="change_Public" bindtap="goVbalanceRecharge">
<view class="left_public">
<image src="{{imagesUrl}}assets/static/img/w_ga.png" />
<view class="public_name">余额充值</view>
</view>
<view class="texts_piu">
<view class="pit_text" wx:if="{{vewPrice!=0}}">
<view class="pt">
<view class="pt_icon">¥</view>
<view class="pt_price">{{vewPrice}}</view>
</view>
</view>
<view class="right_PublicImg">
<image src="{{imagesUrl}}assets/static/img/arrow-you.png" />
</view>
</view>
</view> -->
<view class="change_Public arrow">
<button open-type="contact" class="transparent"></button>
<view class="left_public ">
<button open-type="contact" class="transparent"></button>
<image src="{{imagesUrl}}assets/static/img/8_icon@2x(4).png" />
<text class="public_name">车唛客服</text>
</view>
<view class="right_PublicImg">
<image src="{{imagesUrl}}assets/static/img/arrow-you.png" />
</view>
</view>
<!-- <view class="change_Public">
<view class="left_public">
<image src="{{imagesUrl}}assets/static/img/w_i.png" />
<text class="public_name">车唛客服</text>
</view>
<view class="right_PublicImg">
<image src="{{imagesUrl}}assets/static/img/arrow-you.png" />
</view>
</view> -->
</view>
<view class="container">
<view class="header">
<view class="s" style='height:{{statusTop}}px'></view>
<view class="left_img">
<view class="title_oage">我的</view>
</view>
<view class="b_banner">
<view class="ns" bindtap="goToLogin">
<view class="per_header">
<image src="{{img}}" />
</view>
<view class="per_name">
<view class="small_box" catchtap="goToLogin">
<view class="per">{{nickname}}</view>
<view class="per_phone">
<image src="{{imagesUrl}}assets/static/img/w_f.png" />
<view class="phone_num">{{phone}}</view>
</view>
</view>
<view class="arrow" catchtap="editorPerson">
<image src="{{imagesUrl}}assets/static/img/ic_navigate_next_48px@2x.png" />
</view>
</view>
</view>
</view>
</view>
<view class="car_ziliao">
<view class="con_count" bindtap="goIntegration" data-typed="1">
<view class="text_con">{{ping_fen}}</view>
<view class="text_name">唛积分</view>
</view>
<view class="con_count" bindtap="goIntegration" data-typed="2">
<view class="text_con">{{s4_fen}}</view>
<view class="text_name">4S店积分</view>
</view>
<view class="con_count" bindtap="goredPacket">
<view class="text_con">{{red_num}}</view>
<view class="text_name">抵用券</view>
</view>
<view class="con_count" bindtap="goVbalanceRecharge">
<view class="text_con">{{all_money}}</view>
<view class="text_name">余额</view>
</view>
</view>
<view class="cate">
<view class="scroll_1 catePublic">
<image src="{{imagesUrl}}assets/static/img/4_icon@2x.png" class="publicImg" bindtap="toMyOrder" />
<view class="cate_1 cate_public">车唛订单</view>
</view>
<view class="scroll_2 catePublic">
<image src="{{imagesUrl}}assets/static/img/d_i.png" class="publicImg" bindtap="toMyservice" />
<view class="cate_1 cate_public">维保记录</view>
</view>
<view class="scroll_3 catePublic" bindtap="toMyGarage">
<image src="{{imagesUrl}}assets/static/img/2_icon@2x (2).png" class="publicImg" />
<view class="cate_1 cate_public">我的车库</view>
</view>
<view class="scroll_4 catePublic" bindtap="myVtuanList">
<image src="{{imagesUrl}}assets/static/img/d_t.png" class="publicImg" />
<view class="cate_1 cate_public">我的关注</view>
</view>
<view class="scroll_4 catePublic" bindtap="goActiveOrder">
<image src="{{imagesUrl}}assets/static/img/d_x.png" class="publicImg" />
<view class="cate_1 cate_public">活动状态</view>
</view>
</view>
<view class="list_change">
<view class="change_Public" bindtap="goMyRecommend">
<view class="left_public">
<image src="{{imagesUrl}}assets/static/img/w_s.png" />
<view class="public_name">我的推荐</view>
</view>
<view class="right_PublicImg">
<image src="{{imagesUrl}}assets/static/img/arrow-you.png" />
</view>
</view>
<view class="change_Public" bindtap="skipYouZan">
<view class="left_public">
<image src="{{imagesUrl}}assets/static/img/w_a.png" />
<view class="public_name">点赞商品</view>
</view>
<view class="right_PublicImg">
<image src="{{imagesUrl}}assets/static/img/arrow-you.png" />
</view>
</view>
<view class="change_Public" bindtap="TotuanOrder">
<view class="left_public">
<image src="{{imagesUrl}}assets/static/img/w_d.png" />
<text class="public_name">我的团购</text>
</view>
<view class="right_PublicImg">
<image src="{{imagesUrl}}assets/static/img/arrow-you.png" />
</view>
</view>
<view class="change_Public" bindtap="MyshippingAddress">
<view class="left_public">
<image src="{{imagesUrl}}assets/static/img/w_g.png" />
<text class="public_name">收货地址</text>
</view>
<view class="right_PublicImg">
<image src="{{imagesUrl}}assets/static/img/arrow-you.png" />
</view>
</view>
<view class="change_Public" bindtap="TOtidings">
<view class="left_public">
<image src="{{imagesUrl}}assets/static/img/w_h.png" />
<view class="public_name">系统消息</view>
<view class="count_dd" wx:if="{{newcount!=0}}">
<view class="s_texts">
<view class="contet_count">{{newcount}}</view>
<view class="contet_count">+</view>
</view>
</view>
</view>
<view class="right_PublicImg">
<image src="{{imagesUrl}}assets/static/img/arrow-you.png" />
</view>
</view>
<!-- <view class="change_Public" bindtap="goVbalanceRecharge">
<view class="left_public">
<image src="{{imagesUrl}}assets/static/img/w_ga.png" />
<view class="public_name">余额充值</view>
</view>
<view class="texts_piu">
<view class="pit_text" wx:if="{{vewPrice!=0}}">
<view class="pt">
<view class="pt_icon">¥</view>
<view class="pt_price">{{vewPrice}}</view>
</view>
</view>
<view class="right_PublicImg">
<image src="{{imagesUrl}}assets/static/img/arrow-you.png" />
</view>
</view>
</view> -->
<view class="change_Public arrow">
<button open-type="contact" class="transparent"></button>
<view class="left_public ">
<button open-type="contact" class="transparent"></button>
<image src="{{imagesUrl}}assets/static/img/8_icon@2x(4).png" />
<text class="public_name">车唛客服</text>
</view>
<view class="right_PublicImg">
<image src="{{imagesUrl}}assets/static/img/arrow-you.png" />
</view>
</view>
<!-- <view class="change_Public">
<view class="left_public">
<image src="{{imagesUrl}}assets/static/img/w_i.png" />
<text class="public_name">车唛客服</text>
</view>
<view class="right_PublicImg">
<image src="{{imagesUrl}}assets/static/img/arrow-you.png" />
</view>
</view> -->
</view>
</view>
\ No newline at end of file
... ...
<view class="container">
<view class="details">
<image src="{{klist.img}}" mode="widthFix" />
</view>
<view class="details2">
<view class="botto">
<view class="titles title_content2">{{klist.name}}</view>
<view class="timer">
<van-count-down use-slot time="{{ time }}" bindchange="onChange">
<view class="time_is">
<view class="item0">仅剩</view>
<view class="item">{{ timeData.days }}</view>
<view class="item0">天</view>
<view class="item">{{ timeData.hours }}</view>
<view class="item0">小时</view>
<view class="item">{{ timeData.minutes }}</view>
<view class="item0">分</view>
<view class="item">{{ timeData.seconds }}</view>
<view class="item0">秒</view>
<view class="item0">结束</view>
</view>
</van-count-down>
</view>
<view class="text">
<view class="conter_item ">
<scroll-view scroll-y="{{true}}" class="scroll_x">
<rich-text class="txt" nodes="{{content2}}"></rich-text>
</scroll-view>
</view>
</view>
</view>
</view>
<view class="fen_share" wx:if="{{avatar_arr.length !=0}}">
<view class="share_box">
<view class="share_imgs">
<block wx:for="{{avatar_arr}}" wx:if="{{index< 8}}" wx:for-item="item" wx:for-index="index" wx:key="index">
<image class="imgs" src="{{item}}" />
</block>
<image src="../../static/img/more_img.png" class="is_img" wx:if="{{avatar_arr.length > 8}}" />
</view>
<view class="share_name">已有{{can_num}}人参加</view>
</view>
</view>
<view class="details3">
<view class="smalltitle">
<view class="title">活动详情</view>
<button open-type="share" class="buttonShare"></button>
<view class="share">
<image src="{{imagesUrl}}assets/static/img/1_icon@2x.png" />
</view>
</view>
<view class="activityDetails_txt">
<import src="../../wxParse/wxParse.wxml" />
<template is="wxParse" data="{{wxParseData:content.nodes}}" />
<!-- <rich-text class="txt" nodes="{{content}}"></rich-text> -->
</view>
</view>
<view class="btnbuy">
<button class="btnbuy__" size="default" bindtap="toggleDialog" wx:if="{{texts != 1}}">
立即预约
</button>
<button class="btnbuy__2 btnbuy__" size="default" wx:else>您已参加活动</button>
</view>
<!-- 弹窗 -->
<view class="zan-dialog {{ showDialog ? 'zan-dialog--show' : '' }}" wx:if="{{showDialog}}">
<view class="zan-dialog__mask" bindtap="toggleDialog" />
<view class="zan-dialog__container">
<view class="popups">
<view class="pop_title">填写报名信息</view>
<form bindsubmit="formSubmit">
<view class="pop_box">
<input value="{{names}}" placeholder="请输入姓名" placeholder-class="input_placeholder" class="publics" name="names" />
<input value="{{phone}}" type='number' maxlength="11" placeholder="请输入手机号" placeholder-class="input_placeholder" class="publics" name="phone" />
</view>
<view class="bing">
<view class="down_btn ">
<button class="nam" catchtap="toggleDialog">取消</button>
<button class="nam1" formType="submit">确认</button>
</view>
</view>
</form>
</view>
</view>
</view>
<!-- 授权登录 -->
<view class="login">
<!-- 屏幕背景变暗的背景 -->
<view class="commodity_screen" bindtap="hideModal" wx:if="{{showModalStatus}}"></view>
<!-- 弹出框 -->
<view animation="{{animationData}}" class="commodity_attr_box" wx:if="{{showModalStatus}}">
<view class="phoneshou">
<view class="padlock" catchtap="hideModal">
<image src="{{imagesUrl}}assets/static/img/updown.png" />
</view>
<view class="phone_title">请先授权登录</view>
<view class="tips_content">为了更好的为你提供服务，请允许微信授权后再使用功能</view>
<view class="downbtn">
<view class="si_box">
<button class="btn" open-type="getUserInfo" bindgetuserinfo="bindGetUserInfo">
<image src="{{imagesUrl}}assets/static/img/icon_wechat.png" />
微信授权登录
</button>
</view>
</view>
</view>
</view>
</view>
<view class="container">
<view class="details">
<image src="{{klist.img}}" mode="widthFix" />
</view>
<view class="details2">
<view class="botto">
<view class="titles title_content2">{{klist.name}}</view>
<view class="timer">
<van-count-down use-slot time="{{ time }}" bindchange="onChange">
<view class="time_is">
<view class="item0">仅剩</view>
<view class="item">{{ timeData.days }}</view>
<view class="item0">天</view>
<view class="item">{{ timeData.hours }}</view>
<view class="item0">小时</view>
<view class="item">{{ timeData.minutes }}</view>
<view class="item0">分</view>
<view class="item">{{ timeData.seconds }}</view>
<view class="item0">秒</view>
<view class="item0">结束</view>
</view>
</van-count-down>
</view>
<view class="text">
<view class="conter_item ">
<scroll-view scroll-y="{{true}}" class="scroll_x">
<rich-text class="txt" nodes="{{content2}}"></rich-text>
</scroll-view>
</view>
</view>
</view>
</view>
<view class="fen_share" wx:if="{{avatar_arr.length !=0}}">
<view class="share_box">
<view class="share_imgs">
<block wx:for="{{avatar_arr}}" wx:if="{{index< 8}}" wx:for-item="item" wx:for-index="index" wx:key="index">
<image class="imgs" src="{{item}}" />
</block>
<image src="../../static/img/more_img.png" class="is_img" wx:if="{{avatar_arr.length > 8}}" />
</view>
<view class="share_name">已有{{can_num}}人参加</view>
</view>
</view>
<view class="details3">
<view class="smalltitle">
<view class="title">活动详情</view>
<button open-type="share" class="buttonShare"></button>
<view class="share">
<image src="{{imagesUrl}}assets/static/img/1_icon@2x.png" />
</view>
</view>
<view class="activityDetails_txt">
<import src="../../wxParse/wxParse.wxml" />
<template is="wxParse" data="{{wxParseData:content.nodes}}" />
<!-- <rich-text class="txt" nodes="{{content}}"></rich-text> -->
</view>
</view>
<view class="btnbuy">
<button class="btnbuy__" size="default" bindtap="toggleDialog" wx:if="{{texts != 1}}">
立即预约
</button>
<button class="btnbuy__2 btnbuy__" size="default" wx:else>您已参加活动</button>
</view>
<!-- 弹窗 -->
<view class="zan-dialog {{ showDialog ? 'zan-dialog--show' : '' }}" wx:if="{{showDialog}}">
<view class="zan-dialog__mask" bindtap="toggleDialog" />
<view class="zan-dialog__container">
<view class="popups">
<view class="pop_title">填写预约信息</view>
<form bindsubmit="formSubmit">
<view class="pop_box">
<input value="{{names}}" placeholder="请输入姓名" placeholder-class="input_placeholder" class="publics" name="names" />
<input value="{{phone}}" type='number' maxlength="11" placeholder="请输入手机号" placeholder-class="input_placeholder" class="publics" name="phone" />
</view>
<view class="bing">
<view class="down_btn ">
<button class="nam" catchtap="toggleDialog">取消</button>
<button class="nam1" formType="submit">确认</button>
</view>
</view>
</form>
</view>
</view>
</view>
<!-- 授权登录 -->
<view class="login">
<!-- 屏幕背景变暗的背景 -->
<view class="commodity_screen" bindtap="hideModal" wx:if="{{showModalStatus}}"></view>
<!-- 弹出框 -->
<view animation="{{animationData}}" class="commodity_attr_box" wx:if="{{showModalStatus}}">
<view class="phoneshou">
<view class="padlock" catchtap="hideModal">
<image src="{{imagesUrl}}assets/static/img/updown.png" />
</view>
<view class="phone_title">请先授权登录</view>
<view class="tips_content">为了更好的为你提供服务，请允许微信授权后再使用功能</view>
<view class="downbtn">
<view class="si_box">
<button class="btn" open-type="getUserInfo" bindgetuserinfo="bindGetUserInfo">
<image src="{{imagesUrl}}assets/static/img/icon_wechat.png" />
微信授权登录
</button>
</view>
</view>
</view>
</view>
</view>
</view>
\ No newline at end of file
... ...
... ... @@ -6,7 +6,7 @@
<view class="rig">
<view class="textws title_content2">{{detaillist.active.name}}</view>
<view class="names">
<view class="names__box">报名费：</view>
<view class="names__box">预约费：</view>
<view class="pt">
<view class="icons">￥</view>
<view class="icons_price">{{detaillist.active.price}}</view>
... ... @@ -60,7 +60,7 @@
</view>
</view>
<view class="btnbuy">
<button class="btnbuy__" formType="submit">{{wait == 1 ? '已报名': '报名'}}</button>
<button class="btnbuy__" formType="submit">{{wait == 1 ? '已预约': '预约'}}</button>
</view>
</form>
</view>
\ No newline at end of file
... ...
... ... @@ -33,6 +33,18 @@ Page({
buy_time2: '',
s4_ID: '',
che_id: '',
carCodeNumber: '', //车牌号
isKeyboard: false, //是否显示键盘
keyboardType: 'keyboardOne', //键盘类型
isKeyboardContent: true, // 控制首先展示省称还是英文
maxLength: '', //最大长度
minLength: '', //最小程度
test: '', //正则
placeholder: '', //提示信息
whichInput: '', //方法名
inputContent: '', //input内容
carCode: ''
},
onShow: function () {
... ... @@ -72,11 +84,11 @@ Page({
s4ID: data.s4_info.id,
})
}
// if(data.sheng )
that.setData({
editorList: data,
buy_time2: data.buy_time2,
pai: data.pai,
carCode: data.pai,
shengItem: data.sheng.name,
km: data.km,
CarBrandName: data.pin.name,
... ... @@ -105,9 +117,7 @@ Page({
city_id: data.id
})
},
clickme() {
this.showModal();
},
tiveCar(e) { // 车牌号
let that = this
let idx = e.currentTarget.dataset.id
... ... @@ -134,9 +144,9 @@ Page({
name: e.detail.value
})
},
paiInput(e) { // c车牌号
paiInput() { // c车牌号
let that = this
let carNum = e.detail.value
let carNum = this.data.carCode
let reg = /^(([A-Z](([0-9]{5}[DF])|([DF]([A-HJ-NP-Z0-9])[0-9]{4})))|([A-Z][A-HJ-NP-Z0-9]{4}[A-HJ-NP-Z0-9挂学警港澳使领]))$/
const careg = reg.test(carNum);
if (!careg) {
... ... @@ -152,32 +162,42 @@ Page({
}
},
getCarCode() {
this.setData({
isKeyboard: true,
maxLength: 6,
minLength: 6,
isKeyboardContent: false,
test: '[A-Z0-9]{3}',
placeholder: '请输入车牌号',
whichInput: 'changeCarCode',
inputContent: this.data.carCode
})
},
changeCarCode(e) {
this.setData({
isKeyboard: false,
carCode: e.detail.inputContent
})
console.log(this.data.carCode);
this.paiInput()
},
getCodeNumber() {
this.getCarCode()
this.hideModal()
},
clickme() {
this.selectComponent("#keyboard").keyboardClick()
this.showModal();
},
bindinputed(e) {
let that = this
let carNum = e.detail.value
that.setData({
pai: carNum
})
// let sheng_id = that.data.sheng_id
// let reg = /^(([A-Z](([0-9]{5}[DF])|([DF]([A-HJ-NP-Z0-9])[0-9]{4})))|([A-Z][A-HJ-NP-Z0-9]{4}[A-HJ-NP-Z0-9挂学警港澳使领]))$/
// const careg = reg.test(carNum);
// if (!careg) {
// wx.showToast({
// icon: 'none',
// title: '请输入正确车牌号',
// })
// return;
// } else {
// that.setData({
// pai: carNum
// })
// console.log(that.data.shengItem, "shengItem");
// if (sheng_id != '') {
// that.getRegister()
// }
// }
},
async getRegister() { // 注册
let that = this
... ...
... ... @@ -2,8 +2,8 @@
"usingComponents": {
"van-button": "../../miniprogram_npm/@vant/weapp/button/index",
"van-calendar": "../../miniprogram_npm/@vant/weapp/calendar/index",
"van-cell": "../../miniprogram_npm/@vant/weapp/cell/index"
"van-cell": "../../miniprogram_npm/@vant/weapp/cell/index",
"keyboard": "../../Components/keyboard/keyboard"
},
"navigationBarTitleText": "编辑车辆"
}
\ No newline at end of file
... ...
page {
background-color: #f9f9f9;
.container {
width: 100%;
padding: 32rpx;
box-sizing: border-box;
.card {
background-color: #fff;
border-radius: 8rpx;
width: 100%;
padding: 0 32rpx;
box-sizing: border-box;
.select_box {
position: relative;
margin-right: 10rpx;
.select {
box-sizing: border-box;
width: 100%;
border: 0px solid #efefef;
border-radius: 8rpx;
display: flex;
align-items: center;
.select_text {
font-size: 35rpx;
flex: 1;
color: #000;
letter-spacing: .2em;
}
.select_img {
width: 28rpx;
height: 28rpx;
margin-left: 10rpx;
display: block;
transition: transform 0.3s;
}
.select_img_rotate {
transform: rotate(180deg);
}
}
.option_box {
position: absolute;
top: 95rpx;
width: 100%;
border: 0px solid #efefef;
box-sizing: border-box;
height: 0;
overflow-y: auto;
border-top: 0;
background: #fff;
transition: height 0.3s;
z-index: 5;
.option {
display: block;
line-height: 40rpx;
font-size: 30rpx;
border-bottom: 1px solid #efefef;
padding: 10rpx;
color: black;
}
}
}
.card_logo,
.card_time {
width: 100%;
display: flex;
.change_4S {
flex: 1;
display: flex;
align-items: center;
justify-content: space-between;
.picker {
flex: 1;
font-size: 30rpx;
color: #BDC4CE;
// color: #000;
height: 48rpx;
}
.rowimg {
width: 48rpx;
height: 48rpx;
image {
width: 48rpx;
height: 48rpx;
}
}
}
.cdddd {
flex: 1;
.change_4S {
display: flex;
align-items: center;
justify-content: space-between;
.picker {
flex: 1;
font-size: 30rpx;
// color: #BDC4CE;
color: #000;
height: 48rpx;
}
.rowimg {
width: 48rpx;
height: 48rpx;
image {
width: 48rpx;
height: 48rpx;
}
}
}
}
}
.car {
display: flex;
align-items: center;
height: 125rpx;
border-bottom: 1rpx solid #f5f5f5;
input {
flex: 1;
}
.text_car {
font-size: 28rpx;
color: #BDC4CE;
line-height: 48rpx;
}
.labelsItem {
width: 180rpx !important;
// border: 1rpx solid #E8370F;
}
}
.abdcar {
border: none;
}
}
.abd {
display: flex;
align-items: center;
.card_time_van {
flex: 1;
height: 120rpx;
display: flex;
.van-cell__title {
font-size: 32rpx;
font-weight: bold;
}
.card_time_vant {
height: 120rpx;
}
.van-cell__value {
text-align: left;
}
}
.rowimg {
width: 48rpx;
height: 48rpx;
image {
width: 48rpx;
height: 48rpx;
}
}
}
.sure_btn {
position: fixed;
left: 0;
bottom: 20rpx;
margin-left: 65rpx;
box-sizing: border-box;
width: 80%;
padding: 20rpx;
text-align: center;
font-weight: 400;
background-color: #E8370F;
border-radius: 12rpx;
color: #fff;
}
.van-cell {
padding: 0;
border: none;
line-height: 120rpx;
width: 320rpx;
}
.van-cell::after {
border: none
}
/*使屏幕变暗 */
.commodity_screen {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background: #000;
opacity: 0.2;
overflow: hidden;
z-index: 1000;
color: #fff;
}
/*对话框 */
.commodity_attr_box {
height: 400rpx;
width: 100%;
overflow: hidden;
position: fixed;
bottom: 0;
left: 0;
z-index: 2000;
background: #f5f5f5;
padding: 20rpx;
box-sizing: border-box;
.tent {
width: 100%;
display: flex;
flex-wrap: wrap;
.carText {
padding: 15rpx;
font-size: 31rpx;
box-sizing: border-box;
background-color: #Fff;
margin: 11rpx;
}
.activedCar {
background-color: #12d1eb;
color: #fff;
}
}
}
}
.change_box {
flex: 1;
display: flex;
align-items: center;
justify-content: space-between;
}
page {
background-color: #f9f9f9;
.container {
width: 100%;
.new__container {
width: 100%;
padding: 0 32rpx;
box-sizing: border-box;
.card {
background-color: #fff;
border-radius: 8rpx;
width: 100%;
padding: 0 32rpx;
box-sizing: border-box;
.select_box {
position: relative;
margin-right: 10rpx;
.select {
box-sizing: border-box;
width: 100%;
border: 0px solid #efefef;
border-radius: 8rpx;
display: flex;
align-items: center;
.select_text {
font-size: 35rpx;
flex: 1;
color: #000;
letter-spacing: .2em;
}
.select_img {
width: 28rpx;
height: 28rpx;
margin-left: 10rpx;
display: block;
transition: transform 0.3s;
}
.select_img_rotate {
transform: rotate(180deg);
}
}
.option_box {
position: absolute;
top: 95rpx;
width: 100%;
border: 0px solid #efefef;
box-sizing: border-box;
height: 0;
overflow-y: auto;
border-top: 0;
background: #fff;
transition: height 0.3s;
z-index: 5;
.option {
display: block;
line-height: 40rpx;
font-size: 30rpx;
border-bottom: 1px solid #efefef;
padding: 10rpx;
color: black;
}
}
}
.card_logo,
.card_time {
width: 100%;
display: flex;
.change_4S {
flex: 1;
display: flex;
align-items: center;
justify-content: space-between;
.picker {
flex: 1;
font-size: 30rpx;
color: #BDC4CE;
// color: #000;
height: 48rpx;
}
.rowimg {
width: 48rpx;
height: 48rpx;
image {
width: 48rpx;
height: 48rpx;
}
}
}
.cdddd {
flex: 1;
.change_4S {
display: flex;
align-items: center;
justify-content: space-between;
.picker {
flex: 1;
font-size: 30rpx;
// color: #BDC4CE;
color: #000;
height: 48rpx;
}
.rowimg {
width: 48rpx;
height: 48rpx;
image {
width: 48rpx;
height: 48rpx;
}
}
}
}
}
.car {
display: flex;
align-items: center;
height: 125rpx;
border-bottom: 1rpx solid #f5f5f5;
input {
flex: 1;
}
.text_car {
font-size: 28rpx;
color: #BDC4CE;
line-height: 48rpx;
}
.labelsItem {
width: 180rpx !important;
// border: 1rpx solid #E8370F;
}
}
.abdcar {
border: none;
}
}
.abd {
display: flex;
align-items: center;
.card_time_van {
flex: 1;
height: 120rpx;
display: flex;
.van-cell__title {
font-size: 32rpx;
font-weight: bold;
}
.card_time_vant {
height: 120rpx;
}
.van-cell__value {
text-align: left;
}
}
.rowimg {
width: 48rpx;
height: 48rpx;
image {
width: 48rpx;
height: 48rpx;
}
}
}
.sure_btn {
position: fixed;
left: 0;
bottom: 20rpx;
margin-left: 65rpx;
box-sizing: border-box;
width: 80%;
padding: 20rpx;
text-align: center;
font-weight: 400;
background-color: #E8370F;
border-radius: 12rpx;
color: #fff;
}
.van-cell {
padding: 0;
border: none;
line-height: 120rpx;
width: 320rpx;
}
.van-cell::after {
border: none
}
/*使屏幕变暗 */
.commodity_screen {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background: #000;
opacity: 0.2;
overflow: hidden;
z-index: 1000;
color: #fff;
}
/*对话框 */
.commodity_attr_box {
height: 400rpx;
width: 100%;
overflow: hidden;
position: fixed;
bottom: 0;
left: 0;
z-index: 2000;
background: #f5f5f5;
padding: 20rpx;
box-sizing: border-box;
.tent {
width: 100%;
display: flex;
flex-wrap: wrap;
.carText {
padding: 15rpx;
font-size: 31rpx;
box-sizing: border-box;
background-color: #Fff;
margin: 11rpx;
}
.activedCar {
background-color: #12d1eb;
color: #fff;
}
}
}
}
.change_box {
flex: 1;
display: flex;
align-items: center;
justify-content: space-between;
}
}
}
\ No newline at end of file
... ...
<view class="container">
<form catchsubmit="formSubmit">
<view class="card">
<view class="card_name car">
<view class="labelsItem">姓名:</view>
<input type="text" placeholder="请输入车主信息" value="{{name}}" placeholder-class="text_car" name="name" bindblur="getInput" />
</view>
<view class="card_num car">
<view class="labelsItem">车牌号:</view>
<view class='select_box' bindtap="clickme">
<view class='select'>
<text class="sheng_id">{{shengItem}}</text>
<image class='select_img {{show&&"select_img_rotate"}}' src='{{imagesUrl}}assets/static/img/down_arrow.png'></image>
<view class="new__container">
<form catchsubmit="formSubmit">
<view class="card">
<view class="card_name car">
<view class="labelsItem">姓名:</view>
<input type="text" placeholder="请输入车主信息" value="{{name}}" placeholder-class="text_car" name="name" bindblur="getInput" />
</view>
<view class="card_num car">
<view class="labelsItem">车牌号:</view>
<view class='select_box' bindtap="clickme">
<view class='select'>
<text class="sheng_id">{{shengItem}}</text>
<image class='select_img {{show&&"select_img_rotate"}}' src='{{imagesUrl}}assets/static/img/down_arrow.png'></image>
</view>
</view>
<input type="text" placeholder="请输入车牌号" disabled maxlength="6" value='{{carCode}}' bindtap='getCodeNumber' placeholder-class="text_car" name="pai" />
</view>
<input type="text" placeholder="请输入车牌号" maxlength="10" catchinput="bindinputed" value="{{pai}}" catchblur="paiInput" placeholder-class="text_car" name="pai" />
</view>
<view class="card_logo car">
<view class="labelsItem">车辆品牌:</view>
<view class="change_4S" bindtap="goCarBrand">
<input type="text" placeholder="请选择车辆品牌" value="{{CarBrandName}}" placeholder-class="text_car" name="name" />
<view class="rowimg">
<image src="{{imagesUrl}}assets/static/img/right_arrow.png" />
<view class="card_logo car">
<view class="labelsItem">车辆品牌:</view>
<view class="change_4S" bindtap="goCarBrand">
<input type="text" placeholder="请选择车辆品牌" value="{{CarBrandName}}" placeholder-class="text_car" name="name" />
<view class="rowimg">
<image src="{{imagesUrl}}assets/static/img/right_arrow.png" />
</view>
</view>
</view>
</view>
<view class="card_time car">
<view class="labelsItem">购买时间:</view>
<view class="cdddd">
<picker mode="date" class="" value="{{buy_time2}}" start="1900-09-01" end="{{formatDate}}" bindchange="bindTimeChange" name="buy_time">
<view class="change_4S">
<view class="picker" wx:if="{{buy_time2==''}}">请选择购车时间</view>
<view class="picker" wx:else>{{buy_time2}}</view>
<view class="rowimg">
<image src="{{imagesUrl}}assets/static/img/right_arrow.png" />
<view class="card_time car">
<view class="labelsItem">购买时间:</view>
<view class="cdddd">
<picker mode="date" class="" value="{{buy_time2}}" start="1900-09-01" end="{{formatDate}}" bindchange="bindTimeChange" name="buy_time">
<view class="change_4S">
<view class="picker" wx:if="{{buy_time2==''}}">请选择购车时间</view>
<view class="picker" wx:else>{{buy_time2}}</view>
<view class="rowimg">
<image src="{{imagesUrl}}assets/static/img/right_arrow.png" />
</view>
</view>
</view>
</picker>
</picker>
</view>
</view>
</view>
<view class="card_km car">
<view class="labelsItem">行驶里程:</view>
<input type="number" placeholder="请输入公里数" value="{{km}}" placeholder-class="text_car" bindinput="kmInput" name="km" />
<text>km</text>
</view>
<view class="card_time abdcar car">
<view class="labelsItem">绑定4S店:</view>
<view class="change_4S" catchtap="go4Ssearch">
<input type="text" value="{{S4SName}}" placeholder="请选择绑定4S店" placeholder-class="text_car" name="id" />
<view class="rowimg">
<image src="{{imagesUrl}}assets/static/img/right_arrow.png" />
<view class="card_km car">
<view class="labelsItem">行驶里程:</view>
<input type="number" placeholder="请输入公里数" value="{{km}}" placeholder-class="text_car" bindinput="kmInput" name="km" />
<text>km</text>
</view>
<view class="card_time abdcar car">
<view class="labelsItem">绑定4S店:</view>
<view class="change_4S" catchtap="go4Ssearch">
<input type="text" value="{{S4SName}}" placeholder="请选择绑定4S店" placeholder-class="text_car" name="id" />
<view class="rowimg">
<image src="{{imagesUrl}}assets/static/img/right_arrow.png" />
</view>
</view>
</view>
</view>
</view>
<button class="sure_btn" formType="submit">保存</button>
</form>
<view class="commodity_screen" bindtap="hideModal" wx:if="{{showModalStatus}}"></view>
<view animation="{{animationData}}" class="commodity_attr_box" wx:if="{{showModalStatus}}">
<view class="tent">
<view class="carText {{idx== item.id ? 'activedCar' : ''}}" wx:for="{{selectData}}" wx:key="id" catchtap="tiveCar" data-id='{{item.id}}'>
{{item.name}}
<button class="sure_btn" formType="submit">保存</button>
</form>
<view class="commodity_screen" bindtap="hideModal" wx:if="{{showModalStatus}}"></view>
<view animation="{{animationData}}" class="commodity_attr_box" wx:if="{{showModalStatus}}">
<view class="tent">
<view class="carText {{idx== item.id ? 'activedCar' : ''}}" wx:for="{{selectData}}" wx:key="id" catchtap="tiveCar" data-id='{{item.id}}'>
{{item.name}}
</view>
</view>
</view>
</view>
<keyboard isKeyboard="{{isKeyboard}}" id="keyboard" keyboardType="{{keyboardType}}" maxLength="{{maxLength}}" minLength="{{minLength}}" test="{{test}}" placeholder="{{placeholder}}" isKeyboardContent="{{isKeyboardContent}}" bind:fwhfContent="{{whichInput}}" inputContent="{{inputContent}}" />
</view>
\ No newline at end of file
... ...
... ... @@ -3,23 +3,26 @@ page {
}
page .container {
width: 100%;
padding: 32rpx;
}
page .container .new__container {
width: 100%;
padding: 0 32rpx;
box-sizing: border-box;
/*使屏幕变暗 */
/*对话框 */
}
page .container .card {
page .container .new__container .card {
background-color: #fff;
border-radius: 8rpx;
width: 100%;
padding: 0 32rpx;
box-sizing: border-box;
}
page .container .card .select_box {
page .container .new__container .card .select_box {
position: relative;
margin-right: 10rpx;
}
page .container .card .select_box .select {
page .container .new__container .card .select_box .select {
box-sizing: border-box;
width: 100%;
border: 0px solid #efefef;
... ... @@ -27,23 +30,23 @@ page .container .card .select_box .select {
display: flex;
align-items: center;
}
page .container .card .select_box .select .select_text {
page .container .new__container .card .select_box .select .select_text {
font-size: 35rpx;
flex: 1;
color: #000;
letter-spacing: 0.2em;
}
page .container .card .select_box .select .select_img {
page .container .new__container .card .select_box .select .select_img {
width: 28rpx;
height: 28rpx;
margin-left: 10rpx;
display: block;
transition: transform 0.3s;
}
page .container .card .select_box .select .select_img_rotate {
page .container .new__container .card .select_box .select .select_img_rotate {
transform: rotate(180deg);
}
page .container .card .select_box .option_box {
page .container .new__container .card .select_box .option_box {
position: absolute;
top: 95rpx;
width: 100%;
... ... @@ -56,7 +59,7 @@ page .container .card .select_box .option_box {
transition: height 0.3s;
z-index: 5;
}
page .container .card .select_box .option_box .option {
page .container .new__container .card .select_box .option_box .option {
display: block;
line-height: 40rpx;
font-size: 30rpx;
... ... @@ -64,110 +67,110 @@ page .container .card .select_box .option_box .option {
padding: 10rpx;
color: black;
}
page .container .card .card_logo,
page .container .card .card_time {
page .container .new__container .card .card_logo,
page .container .new__container .card .card_time {
width: 100%;
display: flex;
}
page .container .card .card_logo .change_4S,
page .container .card .card_time .change_4S {
page .container .new__container .card .card_logo .change_4S,
page .container .new__container .card .card_time .change_4S {
flex: 1;
display: flex;
align-items: center;
justify-content: space-between;
}
page .container .card .card_logo .change_4S .picker,
page .container .card .card_time .change_4S .picker {
page .container .new__container .card .card_logo .change_4S .picker,
page .container .new__container .card .card_time .change_4S .picker {
flex: 1;
font-size: 30rpx;
color: #BDC4CE;
height: 48rpx;
}
page .container .card .card_logo .change_4S .rowimg,
page .container .card .card_time .change_4S .rowimg {
page .container .new__container .card .card_logo .change_4S .rowimg,
page .container .new__container .card .card_time .change_4S .rowimg {
width: 48rpx;
height: 48rpx;
}
page .container .card .card_logo .change_4S .rowimg image,
page .container .card .card_time .change_4S .rowimg image {
page .container .new__container .card .card_logo .change_4S .rowimg image,
page .container .new__container .card .card_time .change_4S .rowimg image {
width: 48rpx;
height: 48rpx;
}
page .container .card .card_logo .cdddd,
page .container .card .card_time .cdddd {
page .container .new__container .card .card_logo .cdddd,
page .container .new__container .card .card_time .cdddd {
flex: 1;
}
page .container .card .card_logo .cdddd .change_4S,
page .container .card .card_time .cdddd .change_4S {
page .container .new__container .card .card_logo .cdddd .change_4S,
page .container .new__container .card .card_time .cdddd .change_4S {
display: flex;
align-items: center;
justify-content: space-between;
}
page .container .card .card_logo .cdddd .change_4S .picker,
page .container .card .card_time .cdddd .change_4S .picker {
page .container .new__container .card .card_logo .cdddd .change_4S .picker,
page .container .new__container .card .card_time .cdddd .change_4S .picker {
flex: 1;
font-size: 30rpx;
color: #000;
height: 48rpx;
}
page .container .card .card_logo .cdddd .change_4S .rowimg,
page .container .card .card_time .cdddd .change_4S .rowimg {
page .container .new__container .card .card_logo .cdddd .change_4S .rowimg,
page .container .new__container .card .card_time .cdddd .change_4S .rowimg {
width: 48rpx;
height: 48rpx;
}
page .container .card .card_logo .cdddd .change_4S .rowimg image,
page .container .card .card_time .cdddd .change_4S .rowimg image {
page .container .new__container .card .card_logo .cdddd .change_4S .rowimg image,
page .container .new__container .card .card_time .cdddd .change_4S .rowimg image {
width: 48rpx;
height: 48rpx;
}
page .container .card .car {
page .container .new__container .card .car {
display: flex;
align-items: center;
height: 125rpx;
border-bottom: 1rpx solid #f5f5f5;
}
page .container .card .car input {
page .container .new__container .card .car input {
flex: 1;
}
page .container .card .car .text_car {
page .container .new__container .card .car .text_car {
font-size: 28rpx;
color: #BDC4CE;
line-height: 48rpx;
}
page .container .card .car .labelsItem {
page .container .new__container .card .car .labelsItem {
width: 180rpx !important;
}
page .container .card .abdcar {
page .container .new__container .card .abdcar {
border: none;
}
page .container .abd {
page .container .new__container .abd {
display: flex;
align-items: center;
}
page .container .abd .card_time_van {
page .container .new__container .abd .card_time_van {
flex: 1;
height: 120rpx;
display: flex;
}
page .container .abd .card_time_van .van-cell__title {
page .container .new__container .abd .card_time_van .van-cell__title {
font-size: 32rpx;
font-weight: bold;
}
page .container .abd .card_time_van .card_time_vant {
page .container .new__container .abd .card_time_van .card_time_vant {
height: 120rpx;
}
page .container .abd .card_time_van .van-cell__value {
page .container .new__container .abd .card_time_van .van-cell__value {
text-align: left;
}
page .container .abd .rowimg {
page .container .new__container .abd .rowimg {
width: 48rpx;
height: 48rpx;
}
page .container .abd .rowimg image {
page .container .new__container .abd .rowimg image {
width: 48rpx;
height: 48rpx;
}
page .container .sure_btn {
page .container .new__container .sure_btn {
position: fixed;
left: 0;
bottom: 20rpx;
... ... @@ -181,16 +184,16 @@ page .container .sure_btn {
border-radius: 12rpx;
color: #fff;
}
page .container .van-cell {
page .container .new__container .van-cell {
padding: 0;
border: none;
line-height: 120rpx;
width: 320rpx;
}
page .container .van-cell::after {
page .container .new__container .van-cell::after {
border: none;
}
page .container .commodity_screen {
page .container .new__container .commodity_screen {
width: 100%;
height: 100%;
position: fixed;
... ... @@ -202,7 +205,7 @@ page .container .commodity_screen {
z-index: 1000;
color: #fff;
}
page .container .commodity_attr_box {
page .container .new__container .commodity_attr_box {
height: 400rpx;
width: 100%;
overflow: hidden;
... ... @@ -214,23 +217,23 @@ page .container .commodity_attr_box {
padding: 20rpx;
box-sizing: border-box;
}
page .container .commodity_attr_box .tent {
page .container .new__container .commodity_attr_box .tent {
width: 100%;
display: flex;
flex-wrap: wrap;
}
page .container .commodity_attr_box .tent .carText {
page .container .new__container .commodity_attr_box .tent .carText {
padding: 15rpx;
font-size: 31rpx;
box-sizing: border-box;
background-color: #Fff;
margin: 11rpx;
}
page .container .commodity_attr_box .tent .activedCar {
page .container .new__container .commodity_attr_box .tent .activedCar {
background-color: #12d1eb;
color: #fff;
}
page .change_box {
page .container .change_box {
flex: 1;
display: flex;
align-items: center;
... ...