preOrder.wxml 4.7 KB

1
  1. <view style="padding:20rpx;"><view data-event-opts="{{[['tap',[['selectAddress',['取货']]]]]}}" class="box" style="margin-bottom:10rpx;" bindtap="__e"><uni-section vue-id="432d2ee0-1" title="取货地址" type="line" bind:__l="__l"></uni-section><block wx:if="{{pickAddress.id}}"><view><view style="font-weight:bold;font-size:32rpx;margin-bottom:10rpx;">{{pickAddress.address+pickAddress.doorNo}}</view><view style="color:#888;margin-bottom:10rpx;"><text style="margin-right:20rpx;">{{pickAddress.userName}}</text><text>{{pickAddress.phone}}</text></view></view></block><block wx:else><view style="color:#888;">请选择取货地址</view></block></view><view data-event-opts="{{[['tap',[['selectAddress',['收货']]]]]}}" class="box" style="margin-bottom:10rpx;" bindtap="__e"><uni-section vue-id="432d2ee0-2" title="收货地址" type="line" bind:__l="__l"></uni-section><block wx:if="{{recieveAddress.id}}"><view><view style="font-weight:bold;font-size:32rpx;margin-bottom:10rpx;">{{recieveAddress.address+recieveAddress.doorNo}}</view><view style="color:#888;margin-bottom:10rpx;"><text style="margin-right:20rpx;">{{recieveAddress.userName}}</text><text>{{recieveAddress.phone}}</text></view></view></block><block wx:else><view style="color:#888;">请选择收货地址</view></block></view><view class="box"><uni-forms class="vue-ref" vue-id="432d2ee0-3" modelValue="{{form}}" rules="{{rules}}" label-width="160rpx" label-align="right" validateTrigger="blur" data-ref="formRef" bind:__l="__l" vue-slots="{{['default']}}"><uni-forms-item vue-id="{{('432d2ee0-4')+','+('432d2ee0-3')}}" label="物品名称" name="name" required="{{true}}" bind:__l="__l" vue-slots="{{['default']}}"><uni-easyinput bind:input="__e" vue-id="{{('432d2ee0-5')+','+('432d2ee0-4')}}" type="text" placeholder="请输入" value="{{form.name}}" data-event-opts="{{[['^input',[['__set_model',['$0','name','$event',[]],['form']]]]]}}" bind:__l="__l"></uni-easyinput></uni-forms-item><uni-forms-item vue-id="{{('432d2ee0-6')+','+('432d2ee0-3')}}" label="描述信息" name="descr" bind:__l="__l" vue-slots="{{['default']}}"><uni-easyinput bind:input="__e" vue-id="{{('432d2ee0-7')+','+('432d2ee0-6')}}" type="text" placeholder="请输入描述信息" value="{{form.descr}}" data-event-opts="{{[['^input',[['__set_model',['$0','descr','$event',[]],['form']]]]]}}" bind:__l="__l"></uni-easyinput></uni-forms-item><uni-forms-item vue-id="{{('432d2ee0-8')+','+('432d2ee0-3')}}" label="重量(kg)" name="weight" bind:__l="__l" vue-slots="{{['default']}}"><uni-easyinput bind:input="__e" vue-id="{{('432d2ee0-9')+','+('432d2ee0-8')}}" type="text" placeholder="请输入物品重量" value="{{form.weight}}" data-event-opts="{{[['^input',[['__set_model',['$0','weight','$event',[]],['form']]]]]}}" bind:__l="__l"></uni-easyinput></uni-forms-item><uni-forms-item vue-id="{{('432d2ee0-10')+','+('432d2ee0-3')}}" label="小费(元)" name="price" required="{{true}}" bind:__l="__l" vue-slots="{{['default']}}"><uni-number-box bind:input="__e" style="position:relative;top:10rpx;" vue-id="{{('432d2ee0-11')+','+('432d2ee0-10')}}" min="{{1}}" value="{{form.price}}" data-event-opts="{{[['^input',[['__set_model',['$0','price','$event',[]],['form']]]]]}}" bind:__l="__l"></uni-number-box></uni-forms-item><uni-forms-item vue-id="{{('432d2ee0-12')+','+('432d2ee0-3')}}" label="订单类型" name="type" required="{{true}}" bind:__l="__l" vue-slots="{{['default']}}"><uni-data-select bind:input="__e" vue-id="{{('432d2ee0-13')+','+('432d2ee0-12')}}" localdata="{{orderTypes}}" value="{{form.type}}" data-event-opts="{{[['^input',[['__set_model',['$0','type','$event',[]],['form']]]]]}}" bind:__l="__l"></uni-data-select></uni-forms-item><uni-forms-item vue-id="{{('432d2ee0-14')+','+('432d2ee0-3')}}" label="物品图片" name="img" bind:__l="__l" vue-slots="{{['default']}}"><uni-file-picker vue-id="{{('432d2ee0-15')+','+('432d2ee0-14')}}" limit="1" image-styles="{{imageStyles}}" del-icon="{{false}}" disable-preview="{{true}}" fileMediatype="image" value="{{imgs}}" data-event-opts="{{[['^select',[['handleImgUploadSuccess']]],['^input',[['__set_model',['','imgs','$event',[]]]]]]}}" bind:select="__e" bind:input="__e" bind:__l="__l"></uni-file-picker></uni-forms-item><uni-forms-item vue-id="{{('432d2ee0-16')+','+('432d2ee0-3')}}" label="备注" name="comment" bind:__l="__l" vue-slots="{{['default']}}"><uni-easyinput bind:input="__e" vue-id="{{('432d2ee0-17')+','+('432d2ee0-16')}}" type="text" placeholder="请输入备注信息" value="{{form.comment}}" data-event-opts="{{[['^input',[['__set_model',['$0','comment','$event',[]],['form']]]]]}}" bind:__l="__l"></uni-easyinput></uni-forms-item></uni-forms><view><button class="my-button-primary" type="primary" data-event-opts="{{[['tap',[['addOrder',['$event']]]]]}}" bindtap="__e">提交订单</button></view></view></view>