admin/lichebao
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

静态-登记订单

Browse Source
This commit is contained in:
老叶
2022-12-30 17:41:33 +08:00
parent 6fded64ccf
commit f6864c6e71
4 changed files with 235 additions and 162 deletions
Download Patch File Download Diff File Expand all files Collapse all files
commons/css/thirdparty/iconfont.wxss
Vendored
+9 -3
View File
File diff suppressed because one or more lines are too long
pages/order/register/index.js
+49 -22
View File
@@ -20,7 +20,7 @@ Page({
step:4,
},
],
step:1,
step:3,
owner_name:'',//车主姓名
owner_mobile:'',//车主手机号
owner_cardid:'',//车主身份证
@@ -93,6 +93,9 @@ Page({
fineArr:[],//精品选装
finedIndex:-1,//精品选装索引
isShowWanShan:false,//是否显示完善信息
isShowInfoForm:false,//是否显示完善信息
},
//生命周期函数--监听页面加载
onLoad: function (options) {
@@ -154,12 +157,6 @@ Page({
icon: 'none'
})
}
else if(this.data.c_city_id == ''){
wx.showToast({
title: '请选择上牌城市',
icon: 'none'
})
}
else{
this.setData({
step:2,
@@ -194,6 +191,11 @@ Page({
}
break;
case 3:
this.setData({
step:4,
})
break;
case 4:
if(this.data.paymentIndex == -1 ){
wx.showToast({
title: '请选择付款方式',
@@ -212,6 +214,12 @@ Page({
icon: 'none'
})
}
else if(this.data.c_city_id == ''){
wx.showToast({
title: '请选择上牌城市',
icon: 'none'
})
}
else{
let that = this
@@ -480,18 +488,6 @@ Page({
}
},
//购车主体
changeMain(e) {
this.setData({
main_type:e.detail.value,
owner_name:'',
owner_mobile:'',
owner_cardid:'',
company:'',
credit:'',
})
},
//获取车辆价格
getAppBusiness(){
if(this.data.car_id != ''&&this.data.v_id != ''&&this.data.color_id != ''&&this.data.incolor_id != ''){
@@ -511,7 +507,7 @@ Page({
})
}).catch(res => {
this.setData({
business_type:3,
business_type:3
})
});
}
@@ -1082,9 +1078,8 @@ Page({
//选择图片
chooseImg(e) {
let that = this
//上传身份证正面-车主身份证
if(e.currentTarget.dataset.type=='owner'){
if(that.data.main_type == 0){
wx.chooseImage({
count: 1, // 默认9
sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
@@ -1111,6 +1106,8 @@ Page({
owner_cardid:res2.data.IdNum,
owner_name:res2.data.Name,
owner_cardidpic:resp.data.data.url,
isShowInfoForm:true,
isShowWanShan:false,
})
})
}
@@ -1237,4 +1234,34 @@ Page({
}
},
//选择购车类型
radioPicker(e){
if(e.currentTarget.dataset.value != this.data.main_type){
this.setData({
main_type:e.currentTarget.dataset.value,
owner_name:'',
owner_mobile:'',
owner_cardid:'',
company:'',
credit:'',
isShowInfoForm:false,
})
}
},
//显示隐藏完善信息
optWanShan(){
this.setData({
isShowWanShan:!this.data.isShowWanShan,
})
},
//显示信息表单
showInfoForm(){
this.setData({
isShowInfoForm:true,
isShowWanShan:false,
})
},
})
pages/order/register/index.wxml
+106 -77
View File
@@ -12,30 +12,15 @@
<view class="pb200">
<view wx:if="{{step == 1}}">
<view class="mt40 font-32">购车信息</view>
<view class="mt30 pt10 pb10 pl30 pr30 bg-fff ulib-r10 box-shadow-000-10-10">
<view class="relative bbs-1-eb pl190 last-b-none">
<view class="absolute left-0 box-middle font-28 color-333">购车主体<text class="color-f9394d">*</text></view>
<view class="pt30 pb30 text-right font-28 color-666">
<radio-group bindchange="changeMain">
<label class="inline-block ml40" wx:for="{{main}}" wx:key="index">
<view class="inline-block text-middle">
<radio value="{{item.value}}" checked="{{item.value==main_type?true:false}}"/>
</view>
<text class="inline-block text-middle">{{item.title}}</text>
</label>
</radio-group>
</view>
</view>
<view class="mt30 font-28 text-center fn-flex">
<view class="fn-flex-item relative pt20 pb20 ulib-r10 {{item.value == 0?'mr10':'ml10'}} {{main_type == item.value?'bg-36afa2 color-fff':'bg-f6'}}" bindtap="radioPicker" data-value="{{item.value}}" wx:for="{{main}}" wx:key="index">{{item.title}}</view>
</view>
<block wx:if="{{main_type==0}}">
<view class="mt40 fn-clear">
<view class="fn-fl mt10 font-32">车主信息</view>
<view class="fn-fr">
<view class="fn-fl font-32">车主信息</view>
<view class="fn-fr mr5 font-50 iconfont icon-shenfenzheng color-666" bindtap="optWanShan"></view>
</view>
</view>
<view class="mt20 pt10 pb10 pl30 pr30 bg-fff ulib-r10 box-shadow-000-10-10">
<view class="mt20 pt10 pb10 pl30 pr30 bg-fff ulib-r10 box-shadow-000-10-10" wx:if="{{isShowInfoForm}}">
<view class="relative bbs-1-eb last-b-none pl180 font-28">
<view class="absolute left-0 box-middle">车主姓名<text class="color-f9394d">*</text></view>
<view>
@@ -48,19 +33,21 @@
<input class="wp100 height-100 text-right font-28" placeholder-class="color-ccc" type="number" placeholder="请输入车主手机号码" model:value='{{owner_mobile}}' disabled='{{isShowIntenMoney||isShowAddress?true:false}}' always-embed='{{true}}' />
</view>
</view>
<view class="relative bbs-1-eb last-b-none pl180 pr60 font-28">
<view class="relative bbs-1-eb last-b-none pl180 font-28">
<view class="absolute left-0 box-middle">车主身份证<text class="color-f9394d">*</text></view>
<view>
<input class="wp100 height-100 text-right font-28" placeholder-class="color-ccc" type="idcard" placeholder="请输入车主身份证" model:value='{{owner_cardid}}' disabled='{{isShowIntenMoney||isShowAddress?true:false}}' always-embed='{{true}}' />
</view>
<view class="absolute right-0 box-middle font-50 iconfont icon-cardid color-666" bindtap="chooseImg" data-type="owner"></view>
</view>
</view>
</block>
<block wx:elif="{{main_type==1}}">
<view class="mt40 font-32">企业信息</view>
<view class="mt30 pt10 pb10 pl30 pr30 bg-fff ulib-r10 box-shadow-000-10-10">
<view class="mt40 fn-clear">
<view class="fn-fl font-32">企业信息</view>
<view class="fn-fr mr5 font-50 iconfont icon-yingyezizhi color-666" bindtap="optWanShan"></view>
</view>
<view class="mt20 pt10 pb10 pl30 pr30 bg-fff ulib-r10 box-shadow-000-10-10" wx:if="{{isShowInfoForm}}">
<view class="relative bbs-1-eb last-b-none pl180 font-28">
<view class="absolute left-0 box-middle">企业名称<text class="color-f9394d">*</text></view>
<view>
@@ -73,14 +60,26 @@
<input class="wp100 height-100 text-right font-28" placeholder-class="color-ccc" type="text" placeholder="请输入企业信用代码" model:value='{{credit}}' disabled='{{isShowIntenMoney||isShowAddress?true:false}}' always-embed='{{true}}' />
</view>
</view>
<view class="relative bbs-1-eb last-b-none pl180 font-28">
<view class="absolute left-0 box-middle">代办人姓名<text class="color-f9394d">*</text></view>
<view>
<input class="wp100 height-100 text-right font-28" placeholder-class="color-ccc" type="text" placeholder="请输入企业信用代码" model:value='{{credit}}' disabled='{{isShowIntenMoney||isShowAddress?true:false}}' always-embed='{{true}}' />
</view>
</view>
<view class="relative bbs-1-eb last-b-none pl180 font-28">
<view class="absolute left-0 box-middle">代办人身份证<text class="color-f9394d">*</text></view>
<view>
<input class="wp100 height-100 text-right font-28" placeholder-class="color-ccc" type="text" placeholder="请输入企业信用代码" model:value='{{credit}}' disabled='{{isShowIntenMoney||isShowAddress?true:false}}' always-embed='{{true}}' />
</view>
</view>
</view>
</block>
<view class="mt40 font-22 color-666 text-center">
<!-- <view class="mt40 font-22 color-666 text-center">
<label class="inline-block text-middle statement fn-clear"><checkbox class="fn-fl" value="cb" /><text class="pt3 fn-fl">我已阅读并同意</text></label>
<text class="text-middle color-36afa2" bindtap="pushLink" data-url="/pages/statement/registration/index">《狸车用户注册协议》</text>
<text class="text-middle">和</text>
<text class="text-middle color-36afa2" bindtap="pushLink" data-url="/pages/statement/privacy/index">《狸车用户隐私政策》</text>
</view>
</view> -->
</view>
<view wx:if="{{step == 2}}">
<view class="relative bbs-1-eb pl190 last-b-none">
@@ -136,40 +135,13 @@
</view>
<view wx:if="{{step == 3}}">
3
</view>
<view wx:if="{{step == 4}}">
<view class="relative bbs-1-eb pl190 last-b-none">
<view class="absolute left-0 box-middle font-28 color-333">付款方式<text class="color-f9394d">*</text></view>
<view class="pt30 pb30 text-right font-28 color-666">
<picker bindchange="changePayment" value="{{paymentIndex}}" range="{{payment}}">
<text class="color-ccc" wx:if="{{paymentIndex == -1}}">请选择</text>
<text wx:else>{{payment[paymentIndex]}}</text>
<i class="iconfont ml5 icon-gengduo"></i>
</picker>
</view>
</view>
<view class="relative bbs-1-eb last-b-none pl180 font-28">
<view class="absolute left-0 box-middle">期望交付时间<text class="color-f9394d">*</text></view>
<view class="pt30 pb30 text-right font-28 color-666">
<picker mode="date" value="{{delry_time}}" bindchange="delryTime">
<text class="color-ccc" wx:if="{{delry_time == ''}}">请选择</text>
<text wx:else>{{delry_time}}</text>
<i class="iconfont ml10 icon-gengduo"></i>
</picker>
</view>
</view>
<view class="relative bbs-1-eb pl190 last-b-none">
<view class="absolute left-0 box-middle font-28 color-333">上牌城市<text class="color-f9394d">*</text></view>
<view class="pt30 pb30 text-right font-28 color-666">
<picker bindchange="changeOncard" value="{{oncardIndex}}" range="{{oncardArray}}">
<text class="color-ccc" wx:if="{{oncardIndex == -1}}">请选择</text>
<text wx:else>{{oncardArray[oncardIndex]}}</text>
<i class="iconfont ml5 icon-gengduo"></i>
</picker>
<view class="mt40 fn-clear">
<view class="fn-fl font-32">车价明细</view>
<view class="fn-fr font-28 color-666">
总计：<text class="mr10 color-f9394d">{{srv_total}}</text>元
</view>
</view>
<view class="mt20 pt10 pb10 pl30 pr30 bg-fff ulib-r10 box-shadow-000-10-10">
<view class="relative bbs-1-eb last-b-none pl180 font-28" wx:if="{{priceinfo.price}}">
<view class="absolute left-0 box-middle color-333">平台售价</view>
<view class="pt30 pb30 text-right font-28 color-666" style="height:38rpx;"><text class="mr10 color-f9394d">{{priceinfo.price}}</text>元</view>
@@ -208,33 +180,27 @@
</view>
</view>
</view>
<!-- <view class="relative bbs-1-eb last-b-none pl180 font-28" wx:if="{{priceinfo.fine_money}}">
<view class="absolute left-0 box-middle">精品尊享包<text class="ml10 font-24">{{priceinfo.fine_money}}元</text></view>
<view class="relative pt30 pb30 text-right" bindtap="changeFineBag">
<checkbox value="{{if_fine}}" checked="{{if_fine}}"/>
</view>
</view>
<view class="relative bbs-1-eb last-b-none pl180 font-28" wx:if="{{if_fine&&priceinfo.dis_fine_money}}">
<view class="absolute left-0 box-middle font-28 color-333">精品优惠</view>
<view class="relative bbs-1-eb pl190 last-b-none">
<view class="absolute left-0 box-middle font-28 color-333">付款方式<text class="color-f9394d">*</text></view>
<view class="pt30 pb30 text-right font-28 color-666">
<view class="fn-clear">
<block wx:for="{{priceinfo.dis_fine_money_list}}" wx:key='index'>
<view class="inline-block ml5 mr5 pt10 pb10 pl15 pr15 text-middle font-24 ulib-r10 {{priceinfo.sdisc_fine_money == item?'bg-36afa2 color-fff':'bg-f8'}}" bindtap="fillDisc_fine_money" data-disc_fine_money="{{item}}">
{{item}}
</view>
</block>
<input class="inline-block ml5 mr5 text-middle bg-fff bds-1-eb text-center font-24 ulib-r10" style="width:100rpx;height:52rpx;" placeholder-class="color-ccc" type="digit" placeholder="金额" bindinput='inputDisc_fine_money' bindblur='inputBlurDisc_fine_money' value="{{priceinfo.sdisc_fine_money}}" always-embed='{{true}}' />
<picker bindchange="changePayment" value="{{paymentIndex}}" range="{{payment}}">
<text class="color-ccc" wx:if="{{paymentIndex == -1}}">请选择</text>
<text wx:else>{{payment[paymentIndex]}}</text>
<i class="iconfont ml5 icon-gengduo"></i>
</picker>
</view>
</view>
</view> -->
</view>
<block wx:if="{{userInfo.biz_type == 1}}">
<view class="bbs-1-eb last-b-none" wx:if="{{agencyList.length>0}}">
<view class="relative pl190">
<view class="absolute left-0 box-middle font-28 color-333">委托代办</view>
<view class="pt30 pb30 text-right font-28 color-666">
<view class="mt40 fn-clear">
<view class="fn-fl font-32">委托明细</view>
<view class="fn-fr font-28 color-666">
总计：<text class="mr10 color-f9394d">{{srv_total}}</text>元
</view>
</view>
<view class="mt20 pt10 pb10 pl30 pr30 bg-fff ulib-r10 box-shadow-000-10-10">
<view class="pb10">
<checkbox-group bindchange="changeAgency">
<block wx:for="{{agencyList}}" wx:key='index'>
@@ -255,6 +221,7 @@
</checkbox-group>
</view>
</view>
</view>
<view class="bbs-1-eb last-b-none">
<view class="relative pl190">
<view class="absolute left-0 box-middle font-28 color-333">精品选装</view>
@@ -280,6 +247,48 @@
</view>
</view>
</block>
</view>
<view wx:if="{{step == 4}}">
<view class="relative bbs-1-eb last-b-none pl180 font-28">
<view class="absolute left-0 box-middle">期望交付时间<text class="color-f9394d">*</text></view>
<view class="pt30 pb30 text-right font-28 color-666">
<picker mode="date" value="{{delry_time}}" bindchange="delryTime">
<text class="color-ccc" wx:if="{{delry_time == ''}}">请选择</text>
<text wx:else>{{delry_time}}</text>
<i class="iconfont ml10 icon-gengduo"></i>
</picker>
</view>
</view>
<view class="relative bbs-1-eb pl190 last-b-none">
<view class="absolute left-0 box-middle font-28 color-333">上牌城市<text class="color-f9394d">*</text></view>
<view class="pt30 pb30 text-right font-28 color-666">
<picker bindchange="changeOncard" value="{{oncardIndex}}" range="{{oncardArray}}">
<text class="color-ccc" wx:if="{{oncardIndex == -1}}">请选择</text>
<text wx:else>{{oncardArray[oncardIndex]}}</text>
<i class="iconfont ml5 icon-gengduo"></i>
</picker>
</view>
</view>
<!-- <view class="relative bbs-1-eb last-b-none pl180 font-28" wx:if="{{priceinfo.fine_money}}">
<view class="absolute left-0 box-middle">精品尊享包<text class="ml10 font-24">{{priceinfo.fine_money}}元</text></view>
<view class="relative pt30 pb30 text-right" bindtap="changeFineBag">
<checkbox value="{{if_fine}}" checked="{{if_fine}}"/>
</view>
</view>
<view class="relative bbs-1-eb last-b-none pl180 font-28" wx:if="{{if_fine&&priceinfo.dis_fine_money}}">
<view class="absolute left-0 box-middle font-28 color-333">精品优惠</view>
<view class="pt30 pb30 text-right font-28 color-666">
<view class="fn-clear">
<block wx:for="{{priceinfo.dis_fine_money_list}}" wx:key='index'>
<view class="inline-block ml5 mr5 pt10 pb10 pl15 pr15 text-middle font-24 ulib-r10 {{priceinfo.sdisc_fine_money == item?'bg-36afa2 color-fff':'bg-f8'}}" bindtap="fillDisc_fine_money" data-disc_fine_money="{{item}}">
{{item}}
</view>
</block>
<input class="inline-block ml5 mr5 text-middle bg-fff bds-1-eb text-center font-24 ulib-r10" style="width:100rpx;height:52rpx;" placeholder-class="color-ccc" type="digit" placeholder="金额" bindinput='inputDisc_fine_money' bindblur='inputBlurDisc_fine_money' value="{{priceinfo.sdisc_fine_money}}" always-embed='{{true}}' />
</view>
</view>
</view> -->
<block wx:if="{{userInfo.show_sa}}">
<view class="relative pt30 font-28 color-333">特别约定</view>
<textarea class="wp100 mt20 inner20 line-height-16 bg-f6 font-28 ulib-r10" style="height:180rpx;" placeholder-class="color-ccc" placeholder="请填写特别约定" model:value='{{sa}}' always-embed='{{true}}' />
@@ -307,6 +316,10 @@
<button class="wp100 btn-36afa2 pt10 pb10 text-center font-32 color-fff ulib-r750" hover-class="btn-36afa2-hover" bindtap="getAppBusiness" wx:elif="{{business_type==3}}">下一步</button>
</block>
<block wx:if="{{step==3}}">
<button class="wp100 bds-2-36afa2 bg-fff mr20 pt10 pb10 text-center font-32 color-36afa2 ulib-r750" hover-class="btn-36afa2-hover" bindtap="optstep" data-step="{{step-1}}">上一步</button>
<button class="wp100 btn-36afa2 pt10 pb10 text-center font-32 color-fff ulib-r750" hover-class="btn-36afa2-hover" bindtap="nextstep">下一步</button>
</block>
<block wx:if="{{step==4}}">
<button class="wp100 bds-2-36afa2 bg-fff mr20 pt10 pb10 text-center font-32 color-36afa2 ulib-r750" hover-class="btn-36afa2-hover" bindtap="optstep" data-step="{{step-1}}">上一步</button>
<button class="wp100 btn-36afa2 pt10 pb10 text-center font-32 color-fff ulib-r750" hover-class="btn-36afa2-hover" bindtap="nextstep">登记预览</button>
</block>
@@ -542,3 +555,19 @@
</view>
</view>
</lcb-msg>
<!--完善信息-->
<lcb-msg isShow="{{isShowWanShan}}" isHasClose="{{true}}" bind:closeevent="optWanShan">
<view slot="content">
<view class="inner40 pt60 pb60 line-height-16 font-34 color-666">
<view class="text-center text-bold">完善信息</view>
<view class="pl50 pr50 text-center">
<view class="relative overflowhidden mt30 btn-36afa2 pt15 pb15 font-28 color-fff ulib-r10" bindtap="chooseImg">
<view class="orderTip text-center font-20 color-fff bg-f9394d">推荐</view>
{{main_type == 0?'上传身份证':'上传营业执照'}}
</view>
<view class="mt30 btn-36afa2 pt15 pb15 font-28 color-fff ulib-r10" bindtap="showInfoForm">手动输入信息</view>
</view>
</view>
</view>
</lcb-msg>
pages/order/register/index.wxss
+11
View File
@@ -57,3 +57,14 @@ radio .wx-radio-input.wx-radio-input-checked::before{
transform:translate(-50%, -50%) scale(1);
-webkit-transform:translate(-50%, -50%) scale(1);
}
.orderTip{
position: absolute;
top: -10rpx;
right: -35rpx;
width: 100rpx;
height: 35rpx;
padding-top:18rpx;
/* line-height: 50rpx; */
transform: rotate(45deg);
}