caiyunyi/unpackage/dist/dev/mp-weixin/pages/bindCar/index.wxml

<view class="main _div data-v-73422e71"><view class="topMessage _div data-v-73422e71"><view class="messageTitle _div data-v-73422e71">请输入您的车牌号</view><view class="messageList _div data-v-73422e71"><view class="messageText _div data-v-73422e71">1、您授权的车牌信息安全将被严格保证，并限于您授权的用途；</view><view class="messageText _div data-v-73422e71">2、1个车牌号仅允许被1个账号绑定。</view></view><image class="carLogo data-v-73422e71" src="https://eshangtech.com/wanmeiyizhanImg/home/carLogoBg.png"></image></view><view class="codeBox _div data-v-73422e71" style="{{'transform:'+(haveCode?'':'translateY(-60rpx)')+';'+('margin-bottom:'+(haveCode?'28rpx':'')+';')}}"><view data-event-opts="{{[['tap',[['handleChangeCar',['$event']]]]]}}" class="carTypeChange _div data-v-73422e71" bindtap="__e"><view class="carTypeLeft data-v-73422e71"><label class="typeName _span data-v-73422e71">{{carType===1?'燃油车牌':carType===2?'新能源牌':''}}</label></view><view class="carTypeRight data-v-73422e71"><image class="changeIcon data-v-73422e71" src="{{carType===1?'/static/images/home/newChangeCarType.svg':'/static/images/home/normalChargeIcon.svg'}}"></image><label class="carType _span data-v-73422e71" style="{{'color:'+(carType===1?'#50D000':'#0077FF')+';'}}">{{carType===1?'新能源':carType===2?'燃油车':''}}</label></view></view><view class="input-box _div data-v-73422e71"><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-73422e71',haveCode?'input-f cccBg':nowIndex===i?'input-f orangeRedBorder':'input-f']}}" bindtap="__e"><view class="{{['_div','data-v-73422e71',i===7&&carType===1?'show-input disabledBox':'show-input']}}"><block wx:if="{{i===7&&carType===1}}"><image class="disabledIcon data-v-73422e71" style="width:38rpx;height:38rpx;" src="/static/images/home/disabledCode.svg"></image></block><block wx:else><label class="_span data-v-73422e71">{{saveCarText[i]}}</label></block></view></view></block></view></view><view class="bindCarBox _div data-v-73422e71"><block wx:if="{{!haveCode}}"><view class="popupTitle _div data-v-73422e71">绑定车辆</view></block><view class="fileItem _div data-v-73422e71"><view class="itemTitle _div data-v-73422e71">身份证<label style="color:red;margin-left:8rpx;" class="_span data-v-73422e71">*</label></view><view class="newUploadImgBox _div data-v-73422e71"><view data-event-opts="{{[['tap',[['handleShowUplodaPopup',[1]]]]]}}" class="imgItem _div data-v-73422e71" style="margin-bottom:28rpx;" bindtap="__e"><view class="leftText data-v-73422e71" style="{{'color:'+(codeImgObj.frontIDCard?'#07C160':'rgba(0, 0, 0, 0.3)')+';'}}">{{codeImgObj.frontIDCard?'身份证人像面':'请上传身份证人像面'}}</view><view class="rightBox data-v-73422e71"><label class="rightText _span data-v-73422e71" style="{{'color:'+(codeImgObj.frontIDCard?haveCode?'#1380FF':'#07C160':'#000000')+';'}}">{{codeImgObj.frontIDCard?haveCode?'查看图片':'上传成功':'点击上传'}}</label><image class="rightIcon data-v-73422e71" src="{{codeImgObj.frontIDCard?haveCode?'/static/images/home/blueRightRow.svg':'/static/images/home/rightRow.svg':'/static/images/home/blackRightRow.svg'}}"></image></view></view><view data-event-opts="{{[['tap',[['handleShowUplodaPopup',[2]]]]]}}" class="imgItem _div data-v-73422e71" bindtap="__e"><view class="leftText data-v-73422e71" style="{{'color:'+(codeImgObj.reverseIDcard?'#07C160':'rgba(0, 0, 0, 0.3)')+';'}}">{{codeImgObj.reverseIDcard?'身份证国徽面':'请上传身份证国徽面'}}</view><view class="rightBox data-v-73422e71"><label class="rightText _span data-v-73422e71" style="{{'color:'+(codeImgObj.reverseIDcard?haveCode?'#1380FF':'#07C160':'#000000')+';'}}">{{codeImgObj.reverseIDcard?haveCode?'查看图片':'上传成功':'点击上传'}}</label><image class="rightIcon data-v-73422e71" src="{{codeImgObj.reverseIDcard?haveCode?'/static/images/home/blueRightRow.svg':'/static/images/home/rightRow.svg':'/static/images/home/blackRightRow.svg'}}"></image></view></view></view></view><view class="fileItem _div data-v-73422e71"><view class="itemTitle _div data-v-73422e71">驾驶证<label style="color:red;margin-left:8rpx;" class="_span data-v-73422e71">*</label></view><view class="newUploadImgBox _div data-v-73422e71"><view data-event-opts="{{[['tap',[['handleShowUplodaPopup',[3]]]]]}}" class="imgItem _div data-v-73422e71" style="margin-bottom:28rpx;" bindtap="__e"><view class="leftText data-v-73422e71" style="{{'color:'+(codeImgObj.frontDriverCard?'#07C160':'rgba(0, 0, 0, 0.3)')+';'}}">{{''+(codeImgObj.frontDriverCard?'驾驶证主页':'请上传驾驶证主页')}}</view><view class="rightBox data-v-73422e71"><label class="rightText _span data-v-73422e71" style="{{'color:'+(codeImgObj.frontDriverCard?haveCode?'#1380FF':'#07C160':'#000000')+';'}}">{{codeImgObj.frontDriverCard?haveCode?'查看图片':'上传成功':'点击上传'}}</label><image class="rightIcon data-v-73422e71" src="{{codeImgObj.frontDriverCard?haveCode?'/static/images/home/blueRightRow.svg':'/static/images/home/rightRow.svg':'/static/images/home/blackRightRow.svg'}}"></image></view></view><view data-event-opts="{{[['tap',[['handleShowUplodaPopup',[4]]]]]}}" class="imgItem _div data-v-73422e71" bindtap="__e"><view class="leftText data-v-73422e71" style="{{'color:'+(codeImgObj.reverseDriverCard?'#07C160':'rgba(0, 0, 0, 0.3)')+';'}}">{{''+(codeImgObj.reverseDriverCard?'驾驶证副页':'请上传驾驶证副页')}}</view><view class="rightBox data-v-73422e71"><label class="rightText _span data-v-73422e71" style="{{'color:'+(codeImgObj.reverseDriverCard?haveCode?'#1380FF':'#07C160':'#000000')+';'}}">{{codeImgObj.reverseDriverCard?haveCode?'查看图片':'上传成功':'点击上传'}}</label><image class="rightIcon data-v-73422e71" src="{{codeImgObj.reverseDriverCard?haveCode?'/static/images/home/blueRightRow.svg':'/static/images/home/rightRow.svg':'/static/images/home/blackRightRow.svg'}}"></image></view></view></view></view><view class="fileItem _div data-v-73422e71"><view class="itemTitle _div data-v-73422e71">行驶证<label style="color:red;margin-left:8rpx;" class="_span data-v-73422e71">*</label></view><view class="newUploadImgBox _div data-v-73422e71"><view data-event-opts="{{[['tap',[['handleShowUplodaPopup',[5]]]]]}}" class="imgItem _div data-v-73422e71" style="margin-bottom:28rpx;" bindtap="__e"><view class="leftText data-v-73422e71" style="{{'color:'+(codeImgObj.frontLicenseCard?'#07C160':'rgba(0, 0, 0, 0.3)')+';'}}">{{''+(codeImgObj.frontLicenseCard?'行驶证主页':'请上传行驶证主页')}}</view><view class="rightBox data-v-73422e71"><label class="rightText _span data-v-73422e71" style="{{'color:'+(codeImgObj.frontLicenseCard?haveCode?'#1380FF':'#07C160':'#000000')+';'}}">{{codeImgObj.frontLicenseCard?haveCode?'查看图片':'上传成功':'点击上传'}}</label><image class="rightIcon data-v-73422e71" src="{{codeImgObj.frontLicenseCard?haveCode?'/static/images/home/blueRightRow.svg':'/static/images/home/rightRow.svg':'/static/images/home/blackRightRow.svg'}}"></image></view></view><view data-event-opts="{{[['tap',[['handleShowUplodaPopup',[6]]]]]}}" class="imgItem _div data-v-73422e71" bindtap="__e"><view class="leftText data-v-73422e71" style="{{'color:'+(codeImgObj.reverseLicenseCard?'#07C160':'rgba(0, 0, 0, 0.3)')+';'}}">{{''+(codeImgObj.reverseLicenseCard?'行驶证副页':'请上传行驶证副页')}}</view><view class="rightBox data-v-73422e71"><label class="rightText _span data-v-73422e71" style="{{'color:'+(codeImgObj.reverseLicenseCard?haveCode?'#1380FF':'#07C160':'#000000')+';'}}">{{codeImgObj.reverseLicenseCard?haveCode?'查看图片':'上传成功':'点击上传'}}</label><image class="rightIcon data-v-73422e71" src="{{codeImgObj.reverseLicenseCard?haveCode?'/static/images/home/blueRightRow.svg':'/static/images/home/rightRow.svg':'/static/images/home/blackRightRow.svg'}}"></image></view></view></view></view></view><block wx:if="{{!haveCode}}"><view data-event-opts="{{[['tap',[['handleConfirmCode',['$event']]]]]}}" class="confirmBox _div data-v-73422e71" bindtap="__e">确认绑定</view></block><block wx:if="{{haveCode}}"><view data-event-opts="{{[['tap',[['handleCancelCode',['$event']]]]]}}" class="cancelBox _div data-v-73422e71" bindtap="__e">解绑车辆</view></block><uni-popup vue-id="15f7be96-1" show="{{showPopup}}" safe-area="{{false}}" mask-click="{{false}}" is-mask-click="{{false}}" data-ref="uploadPopup" class="data-v-73422e71 vue-ref" bind:__l="__l" vue-slots="{{['default']}}"><view class="uploadBox data-v-73422e71"><image class="closeIcon data-v-73422e71" src="/static/images/home/newCloseIcon.svg" data-event-opts="{{[['tap',[['handleHideUplodaPopup',['$event']]]]]}}" bindtap="__e"></image><view class="uploadTitle _div data-v-73422e71">{{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-73422e71" 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:'')+')')+';'}}" bindtap="__e"></view><block wx:if="{{!haveCode}}"><view data-event-opts="{{[['tap',[['handleUploadAgain',['$event']]]]]}}" class="uploadAgain _div data-v-73422e71" bindtap="__e">重新上传</view></block></view></uni-popup><view class="_div data-v-73422e71"><keyboard vue-id="15f7be96-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-73422e71" bind:__l="__l"></keyboard></view></view>