91 lines
3.9 KiB
Plaintext
91 lines
3.9 KiB
Plaintext
<view style="height:{{statusBarHeight}}px" class="status-bar"></view>
|
||
<view class="nav-bar">
|
||
<image src="/assets/icon/left-panel-btn.png" class="left-btn" bind:tap="openLeftPanel"/>
|
||
<view class="community">
|
||
<image class="icon" src="/assets/icon/community.png"/>
|
||
<label>朝阳时代西锦</label>
|
||
</view>
|
||
</view>
|
||
<view class="head">
|
||
<view class="item current">待接单(0)</view>
|
||
<view class="item">待取货(0)</view>
|
||
<view class="item">送货中(0)</view>
|
||
<view class="item">已送达(0)</view>
|
||
</view>
|
||
<view class="building">
|
||
<view class="item">1栋(10)</view>
|
||
<view class="item">2栋(10)</view>
|
||
<view class="item">3栋(10)</view>
|
||
<view class="item">4栋(10)</view>
|
||
<view class="item">5栋(10)</view>
|
||
</view>
|
||
<view class="test"></view>
|
||
<list-view class="package-list" height="{{scrollViewHeight}}">
|
||
<view wx:for="{{2}}" wx:key="index" class="item" bind:tap="navToOrderDetail">
|
||
<view class="station-list">
|
||
<view class="sl-item" wx:for="{{3}}" wx:key="index">
|
||
<view class="name">菜鸟驿站（丽晶公馆）</view>
|
||
<view class="package">
|
||
<view class="key">4件包裹：</view>
|
||
<view class="value">
|
||
<label wx:for="{{6}}" wx:key="index">****** </label>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="address">
|
||
<view class="title">佳兆业丽晶公馆3栋2单元2702</view>
|
||
<view class="sub-title">冯先生：158****3822丨放在门口</view>
|
||
</view>
|
||
<view class="btns" wx:if="{{index==0}}">
|
||
<button class="button refund-btn" plain capture-catch:tap="refund" data-item="{{item}}">退单</button>
|
||
<movable-area class="move-area" id="moveArea{{index}}">
|
||
<movable-view class="move-view" direction="horizontal" x="{{moveViewX}}" damping="100"
|
||
bindchange="buttonOnMove" data-item="{{item}}" data-index="{{index}}"
|
||
disabled="{{receiving}}" capture-catch:touchcancel="buttonMoveCancel"
|
||
capture-catch:touchend="buttonMoveCancel">
|
||
<image class="icon" src="/assets/icon/double-right-arrow.png"/>
|
||
</movable-view>
|
||
<view class="tips" style="opacity: {{tipsOpacity}};right:{{tipsRight}}rpx;" wx:if="{{!receiving}}">我要接单</view>
|
||
<view class="tips receiving" style="opacity: {{receiving?1:0}};">接单中...</view>
|
||
</movable-area>
|
||
</view>
|
||
<view class="btns" wx:if="{{index==1}}">
|
||
<button class="button concat-user-btn">
|
||
<image class="icon" src="/assets/icon/phone.png"></image>
|
||
<label>联系用户</label>
|
||
</button>
|
||
<button type="primary" class="confirm-send-btn" capture-catch:tap="confirmSend">我已送达</button>
|
||
</view>
|
||
</view>
|
||
<view class="list-empty" wx:if="{{list.length==0}}">
|
||
<image class="icon" src="/assets/icon/list-empty.png"/>
|
||
<view class="title">暂无跑腿订单</view>
|
||
</view>
|
||
</list-view>
|
||
|
||
<page-container show="{{isShowConfirm}}" position="bottom"
|
||
round class="confirm-sending" close-on-slide-down>
|
||
<view class="content" wx:if="{{isShowConfirm}}">
|
||
<view class="title">拍照留证</view>
|
||
<view class="sub-title">当用户要求把包裹放在门口请拍照上传留证</view>
|
||
<view class="sub-title">拍摄时请把门牌号和包裹数量整体拍照</view>
|
||
<view class="photos">
|
||
<view class="item" wx:for="{{tempImgs}}" wx:key="index">
|
||
<image class="image" src="{{item.tempFilePath}}"/>
|
||
</view>
|
||
<view class="take-photo item" bind:tap="chooseImage"
|
||
wx:if="{{tempImgs.length<maxChooseImgCount}}">
|
||
<image class="icon" src="/assets/icon/camera.png"/>
|
||
<view class="title">点击拍照</view>
|
||
</view>
|
||
</view>
|
||
<button class="button" type="primary">我已送达</button>
|
||
</view>
|
||
</page-container>
|
||
|
||
<view class="left-panel-mask" wx:if="{{isShowLeftPanel}}" bind:tap="closeLeftPanel"></view>
|
||
<view class="left-panel" style="left:{{isShowLeftPanel?'0':'-560rpx'}};">
|
||
|
||
</view>
|