wanmeiyizhan/unpackage/dist/dev/mp-weixin/pages/homeFn/mycar/index.wxml

<view class="main _div data-v-1cc19d5c" style="{{'padding-top:'+(haveCode?'44rpx':'')+';'}}"><block wx:if="{{!haveCode}}"><view class="topMessage _div data-v-1cc19d5c"><view class="messageTitle _div data-v-1cc19d5c">请输入您的车牌号</view><view class="messageList _div data-v-1cc19d5c"><view class="messageText _div data-v-1cc19d5c">1、您授权的车牌信息安全将被严格保证，并限于您授权的用途；</view><view class="messageText _div data-v-1cc19d5c">2、1个车牌号仅允许被1个账号绑定。</view></view><image class="carLogo data-v-1cc19d5c" src="https://eshangtech.com/wanmeiyizhanImg/home/carLogoBg.png"></image></view></block><view class="codeBox _div data-v-1cc19d5c" style="{{'transform:'+(haveCode?'':'translateY(-60rpx)')+';'+('margin-bottom:'+(haveCode?'28rpx':'')+';')}}"><view data-event-opts="{{[['tap',[['handleChangeCar',['$event']]]]]}}" class="carTypeChange _div data-v-1cc19d5c" bindtap="__e"><view class="carTypeLeft data-v-1cc19d5c"><label class="typeName _span data-v-1cc19d5c">{{carType===1?'燃油车牌':carType===2?'新能源牌':''}}</label></view><view class="carTypeRight data-v-1cc19d5c"><image class="changeIcon data-v-1cc19d5c" src="{{carType===1?'/static/home/newChangeCarType.svg':'/static/home/normalChargeIcon.svg'}}"></image><label class="carType _span data-v-1cc19d5c" style="{{'color:'+(carType===1?'#50D000':'#0077FF')+';'}}">{{carType===1?'新能源':carType===2?'燃油车':''}}</label></view></view><view class="input-box _div data-v-1cc19d5c"><block wx:for="{{normalLen}}" wx:for-item="item" wx:for-index="i" wx:key="i"><view data-event-opts="{{[['tap',[['focusInput',[i]]]]]}}" class="{{['_div','data-v-1cc19d5c',haveCode?'input-f cccBg':nowIndex===i?'input-f orangeRedBorder':'input-f']}}" bindtap="__e"><view class="{{['_div','data-v-1cc19d5c',i===7&&carType===1?'show-input disabledBox':'show-input']}}"><block wx:if="{{i===7&&carType===1}}"><image class="disabledIcon data-v-1cc19d5c" style="width:38rpx;height:38rpx;" src="/static/home/disabledCode.svg"></image></block><block wx:else><label class="_span data-v-1cc19d5c">{{saveCarText[i]}}</label></block></view></view></block></view></view><view class="data-v-1cc19d5c"><view class="bindPopup _div data-v-1cc19d5c"><block wx:if="{{!haveCode}}"><view class="popupTitle _div data-v-1cc19d5c">绑定车辆</view></block><view class="fileItem _div data-v-1cc19d5c"><view class="itemTitle _div data-v-1cc19d5c">身份证<label style="color:red;margin-left:8rpx;" class="_span data-v-1cc19d5c">*</label></view><view class="newUploadImgBox _div data-v-1cc19d5c"><view data-event-opts="{{[['tap',[['handleShowUplodaPopup',[1]]]]]}}" class="imgItem _div data-v-1cc19d5c" style="margin-bottom:28rpx;" bindtap="__e"><view class="leftText data-v-1cc19d5c">{{codeImgObj.frontIDCard?'身份证人像面':'请上传身份证人像面'}}</view><view class="rightBox data-v-1cc19d5c"><label class="rightText _span data-v-1cc19d5c">{{codeImgObj.frontIDCard?haveCode?'查看图片':'上传成功':'点击上传'}}</label><image class="rightIcon data-v-1cc19d5c" src="/static/home/rightRow.svg"></image></view></view><view data-event-opts="{{[['tap',[['handleShowUplodaPopup',[2]]]]]}}" class="imgItem _div data-v-1cc19d5c" bindtap="__e"><view class="leftText data-v-1cc19d5c">{{codeImgObj.reverseIDcard?'身份证国徽面':'请上传身份证国徽面'}}</view><view class="rightBox data-v-1cc19d5c"><label class="rightText _span data-v-1cc19d5c">{{codeImgObj.reverseIDcard?haveCode?'查看图片':'上传成功':'点击上传'}}</label><image class="rightIcon data-v-1cc19d5c" src="/static/home/rightRow.svg"></image></view></view></view></view><view class="fileItem _div data-v-1cc19d5c"><view class="itemTitle _div data-v-1cc19d5c">驾驶证<label style="color:red;margin-left:8rpx;" class="_span data-v-1cc19d5c">*</label></view><view class="newUploadImgBox _div data-v-1cc19d5c"><view data-event-opts="{{[['tap',[['handleShowUplodaPopup',[3]]]]]}}" class="imgItem _div data-v-1cc19d5c" style="margin-bottom:28rpx;" bindtap="__e"><view class="leftText data-v-1cc19d5c">{{codeImgObj.frontDriverCard?'驾驶证主页':'请上传驾驶证主页'}}</view><view class="rightBox data-v-1cc19d5c"><label class="rightText _span data-v-1cc19d5c">{{codeImgObj.frontDriverCard?haveCode?'查看图片':'上传成功':'点击上传'}}</label><image class="rightIcon data-v-1cc19d5c" src="/static/home/rightRow.svg"></image></view></view><view data-event-opts="{{[['tap',[['handleShowUplodaPopup',[4]]]]]}}" class="imgItem _div data-v-1cc19d5c" bindtap="__e"><view class="leftText data-v-1cc19d5c">{{codeImgObj.reverseDriverCard?'驾驶证副页':'请上传驾驶证副页'}}</view><view class="rightBox data-v-1cc19d5c"><label class="rightText _span data-v-1cc19d5c">{{codeImgObj.reverseDriverCard?haveCode?'查看图片':'上传成功':'点击上传'}}</label><image class="rightIcon data-v-1cc19d5c" src="/static/home/rightRow.svg"></image></view></view></view></view><view class="fileItem _div data-v-1cc19d5c"><view class="itemTitle _div data-v-1cc19d5c">行驶证<label style="color:red;margin-left:8rpx;" class="_span data-v-1cc19d5c">*</label></view><view class="newUploadImgBox _div data-v-1cc19d5c"><view data-event-opts="{{[['tap',[['handleShowUplodaPopup',[5]]]]]}}" class="imgItem _div data-v-1cc19d5c" style="margin-bottom:28rpx;" bindtap="__e"><view class="leftText data-v-1cc19d5c">{{codeImgObj.frontLicenseCard?'行驶证主页':'请上传行驶证主页'}}</view><view class="rightBox data-v-1cc19d5c"><label class="rightText _span data-v-1cc19d5c">{{codeImgObj.frontLicenseCard?haveCode?'查看图片':'上传成功':'点击上传'}}</label><image class="rightIcon data-v-1cc19d5c" src="/static/home/rightRow.svg"></image></view></view><view data-event-opts="{{[['tap',[['handleShowUplodaPopup',[6]]]]]}}" class="imgItem _div data-v-1cc19d5c" bindtap="__e"><view class="leftText data-v-1cc19d5c">{{codeImgObj.reverseLicenseCard?'行驶证副页':'请上传行驶证副页'}}</view><view class="rightBox data-v-1cc19d5c"><label class="rightText _span data-v-1cc19d5c">{{codeImgObj.reverseLicenseCard?haveCode?'查看图片':'上传成功':'点击上传'}}</label><image class="rightIcon data-v-1cc19d5c" src="/static/home/rightRow.svg"></image></view></view></view></view></view></view><block wx:if="{{!haveCode}}"><view data-event-opts="{{[['tap',[['handleConfirmCode',['$event']]]]]}}" class="confirmBox _div data-v-1cc19d5c" bindtap="__e">确认绑定</view></block><block wx:if="{{haveCode}}"><view data-event-opts="{{[['tap',[['handleCancelCode',['$event']]]]]}}" class="cancelBox _div data-v-1cc19d5c" bindtap="__e">解绑车辆</view></block><uni-popup vue-id="7b728f2a-1" show="{{showPopup}}" safe-area="{{false}}" mask-click="{{false}}" is-mask-click="{{false}}" data-ref="uploadPopup" class="data-v-1cc19d5c vue-ref" bind:__l="__l" vue-slots="{{['default']}}"><view class="uploadBox data-v-1cc19d5c"><image class="closeIcon data-v-1cc19d5c" src="/static/home/newCloseIcon.svg" data-event-opts="{{[['tap',[['handleHideUplodaPopup',['$event']]]]]}}" bindtap="__e"></image><view class="uploadTitle _div data-v-1cc19d5c">{{popupType===1?'身份证人像面':popupType===2?'身份证国徽面':popupType===3?'驾驶证主页':popupType===4?'驾驶证副页':popupType===5?'行驶证主页':popupType===6?'行驶证副页':''}}</view><view data-event-opts="{{[['tap',[['handlePriview',['$event']]]]]}}" class="imgBox _div data-v-1cc19d5c" style="{{'background-image:'+('url('+(popupType===1?codeImgObj.frontIDCard:popupType===2?codeImgObj.reverseIDcard:popupType===3?codeImgObj.frontDriverCard:popupType===4?codeImgObj.reverseDriverCard:popupType===5?codeImgObj.frontLicenseCard:popupType===6?codeImgObj.reverseLicenseCard:'#E8E8E8')+')')+';'}}" bindtap="__e"></view><block wx:if="{{!haveCode}}"><view data-event-opts="{{[['tap',[['handleUploadAgain',['$event']]]]]}}" class="uploadAgain _div data-v-1cc19d5c" bindtap="__e">重新上传</view></block></view></uni-popup><view class="_div data-v-1cc19d5c"><keyboard vue-id="7b728f2a-2" isShow="{{isShow}}" keyBoardType="{{defaultKeyWordType}}" data-event-opts="{{[['^inputchange',[['inputChange']]],['^delete',[['delValue']]],['^ok',[['confirmboard']]]]}}" bind:inputchange="__e" bind:delete="__e" bind:ok="__e" class="data-v-1cc19d5c" bind:__l="__l"></keyboard></view><block wx:if="{{false}}"><view class="page-body _div data-v-1cc19d5c"><view hidden="{{!($root.g0)}}" class="_div data-v-1cc19d5c"><view class="title _div data-v-1cc19d5c">已绑车辆</view><swiper class="banner data-v-1cc19d5c" scroll-x="true"><block wx:for="{{cards}}" wx:for-item="item" wx:for-index="o" wx:key="o"><swiper-item class="car-card data-v-1cc19d5c"><view class="car-card _div data-v-1cc19d5c"><image src="https://eshangtech.com/wanmeiyizhanImg/car-card.png" mode="acspetFit" class="data-v-1cc19d5c"></image><text class="card-title data-v-1cc19d5c">{{item.License_Plate}}</text></view></swiper-item></block><swiper-item class="car-card data-v-1cc19d5c"><view class="car-card-add _div data-v-1cc19d5c"></view></swiper-item></swiper></view><view hidden="{{!($root.g1)}}" class="_div data-v-1cc19d5c"><image class="pic-image data-v-1cc19d5c" src="https://eshangtech.com/wanmeiyizhanImg/car.png" mode="acspetFit"></image><view class="tip-text _div data-v-1cc19d5c">暂无绑定车辆</view><view data-event-opts="{{[['tap',[['toAdd',['$event']]]]]}}" class="add-car _div data-v-1cc19d5c" bindtap="__e"><van-icon vue-id="7b728f2a-3" name="plus" size="32" color="#B0B0B0" class="data-v-1cc19d5c" bind:__l="__l"></van-icon><label class="_span data-v-1cc19d5c">添加车辆</label></view></view></view></block><block wx:if="{{isLoading}}"><custom-loading vue-id="7b728f2a-4" visible="{{isLoading}}" data-event-opts="{{[['^updateVisible',[['e0']]]]}}" bind:updateVisible="__e" class="data-v-1cc19d5c" bind:__l="__l"></custom-loading></block></view>