beefast-mini-deliveryman/pages/index/index.wxml

<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>{{userInfo.community_name}}</label>
  </view>
</view>

<view class="head {{pager.loading?'loading':''}}">
  <view class="item {{statusDetailKey==key?'current':''}}" wx:for="{{statusDetail}}" 
  wx:for-index="key" wx:key="key" bind:tap="setStatus" data-item="{{item}}">
    {{item.text}}({{item.value}})
  </view>
</view>
<view class="building {{pager.loading?'loading':''}}">
  <view class="item {{index==buildingIndex?'current':''}}" 
    wx:for="{{buildingList}}" wx:key="index" bind:tap="setBuilding" 
    data-item="{{item}}" data-index="{{index}}">
    {{item.building_name}}({{item.order_count}})
  </view>
</view>
<view class="test"></view>
<list-view class="package-list" bind:refresh="refreshList" 
    bind:loadMore="loadList" height="{{scrollViewHeight}}" 
    refresher-triggered="{{pager.refreshTrigger}}" 
    show-load-more="{{!(list.length==0&&pager.loadAll)}}"
    loading="{{pager.loading}}" load-all="{{pager.loadAll}}">
  <view wx:for="{{list}}" wx:key="index" bind:tap="navToOrderDetail" data-id="{{item.orderid}}"
  class="item {{item.status==orderStatus.unpaid||item.status==orderStatus.completed?'no-btns':''}}" >
    <view class="station-list">
      <view class="sl-item" wx:for="{{item.packages}}" wx:key="index" wx:for-item="pItem" wx:for-index="pIndex">
        <view class="name">{{pItem.station_name}}</view>
        <view class="package">
          <view class="key">{{pItem.pickup_codes.length}}件包裹：</view>
          <view class="value">
            <label wx:for="{{pItem.pickup_codes}}" wx:key="index" class="code-item" 
              wx:for-item="code">
              {{item.status==orderStatus.created?'******':code}}
            </label>
          </view>
        </view>
      </view>
    </view>
    <view class="address">
      <view class="title">
        {{item.address.community_name}}
        {{item.address.building_name}}
        {{item.address.address_detail}}
      </view>
      <view class="sub-title">
        {{item.address.name}}{{genderKV[item.address.gender]}}：{{item.address.phone}}丨{{deliverStatusKV[item.delivery_method]}}
      </view>
    </view>
    <view class="btns" wx:if="{{item.status==orderStatus.created}}">
      <button disabled="{{item.receiving}}" class="button refund-btn" plain 
        capture-catch:tap="refund" data-item="{{item}}" data-index="{{index}}">退单</button>
      <swipe-button class="swipe-button" loading="{{item.receiving}}" bind:done="getOrder" 
        data-item="{{item}}" data-index="{{index}}" button-text="我要接单" 
        button-loading-text="接单中..." capture-catch:tap="emptyFun"/>
    </view>
    <view class="btns" wx:if="{{item.status==orderStatus.received}}">
      <button disabled="{{item.receiving}}" class="button refund-btn" capture-catch:tap="refund" 
        plain data-index="{{index}}" data-item="{{item}}">退单</button>
      <swipe-button class="swipe-button" loading="{{item.receiving}}" bind:done="receivedOrder" 
        data-item="{{item}}" data-index="{{index}}" button-text="我已取货" 
        button-loading-text="取货中..." capture-catch:tap="emptyFun"/>
    </view>
    <view class="btns" wx:if="{{item.status==orderStatus.delivering}}">
      <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" data-item="{{item}}">我已送达</button>
    </view>
  </view>
  <view class="list-empty" wx:if="{{list.length==0&&pager.loadAll}}">
    <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 {{item.loading?'current':''}}" wx:for="{{tempImgs}}" wx:key="index">
          <image class="image" src="{{item.tempFilePath}}"/>
          <progress wx:if="{{!item.uploaded}}" class="progress" percent="{{item.progress}}" stroke-width="5"/>
        </view>
        <!-- <view class="item loading">
          <progress class="progress" percent="20" show-info stroke-width="5" show-info="{{false}}"/>
          <image class="image" src="/assets/img/login-bg.png"/>
        </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 disabled="{{completing}}" class="button" type="primary" bind:tap="uploadAndConfirmSend">我已送达</button>
  </view>
</page-container>

<view class="left-panel-mask" wx:if="{{isShowLeftPanel}}" 
  style="opacity:{{isShowLeftPanelMask?1:0}};" bind:tap="closeLeftPanel"></view>
<movable-area class="left-move-view" wx:if="{{isShowLeftPanel}}">
  <movable-view class="left-panel" x="{{leftPanelMoveViewX}}rpx"
    style="padding-top:{{statusBarHeight}}px;"
    direction="horizontal" damping="50" bindchange="leftPanelMove" 
    capture-catch:touchcancel="leftPanelMoveCancel"
    capture-catch:touchend="leftPanelMoveCancel">
    
    <scroll-view scroll-y style="height:calc(100vh - {{statusBarHeight}}px)" refresher-enabled 
      bindrefresherrefresh="getUserInfo" refresher-triggered="{{userInfoTrigger}}">
    <view class="page-container user-info">
      <image class="avatar" src="{{userInfo.optimized_avatar}}" bind:tap="navToUserInfo"/>
      <view class="name">{{userInfo.nickname}}</view>
      <view class="phone">{{userInfo.phone}}</view>
      <view class="community-name">{{userInfo.community_name}}</view>
      <view class="spliter"></view>
      <view class="order-info">
        <view class="item">
          <view class="key">总量订单</view>
          <view class="value">{{orderSummary.total_count}}</view>
        </view>
        <view class="item">
          <view class="key">昨日订单</view>
          <view class="value">{{orderSummary.yesterday_count}}</view>
        </view>
        <view class="item">
          <view class="key">今日订单</view>
          <view class="value">{{orderSummary.today_count}}</view>
        </view>
      </view>
    </view>

    <view class="page-container income">
      <navigator url="/pages/user/info/index" class="item">
        <view class="key">
          <label>账户余额</label>
          <image class="icon" src="/assets/icon/right-arrow-small.png"/>
        </view>
        <view class="value">{{summary.balance}}</view>
      </navigator>
      <view class="spliter"></view>
      <navigator url="/pages/user/income/index" class="item">
        <view class="key">
          <label>今日收益</label>
          <image class="icon" src="/assets/icon/right-arrow-small.png"/>
        </view>
        <view class="value">{{summary.today_income}}</view>
      </navigator>
    </view>

    <view class="page-container actions">
      <view class="item">
        <image class="icon" src="/assets/icon/service.png"/>
        <view>在线客服</view>
      </view>
      <navigator url="/pages/user/password/index" class="item">
        <image class="icon" src="/assets/icon/password.png"/>
        <view>修改密码</view>
      </navigator>
      <view class="item">
        <image class="icon" src="/assets/icon/agreement.png"/>
        <view>用户协议</view>
      </view>
    </view>

    <button type="primary" class="logout-btn" bind:tap="logout">退出登录</button>
    </scroll-view>
  </movable-view>
</movable-area>