<view class="container order-page">
  <form bindsubmit="formSubmit" report-submit='true'>

      <!-- 防诈骗提示 -->
      <fraudTip bindgoTODefraudPage="goTODefraudPage"></fraudTip>

      <!-- 导航 -->
      <orderNav data="{{navData}}"  selectIndex="{{selectIndex}}" bindonSelectChanged="onSelectChanged"></orderNav>

      <!-- 订单列表 -->
      <orderListCell orders="{{orders}}" bindonOrderButtonTapped="onOrderButtonTapped"  bindnavToOrderDetail="navToOrderDetail" ></orderListCell>

      <!-- 空订单 -->
      <view tt:if="{{showEmptyContainer}}" class="emptyContainer">
        <image class="emptyIcon" src="../../images/empty@2x.png"></image>
        <br />
        <view class="emptyTips">您还没有任何订单，赶快去逛逛吧</view>
        <button bindtap="goBackToTab" class="loginBtn">去逛逛</button>
      </view>

      <picker-view tt:if="{{showReason}}"class='picker-view' value='{{value}}' bindchange='bindChange' indicator-style="height: 50px;">
        <picker-view-column>
          <view  tt:for="{{refundReason}}" class="addr-item">{{item.reason}}</view>
        </picker-view-column>
      </picker-view>
      <view tt:if="{{showReason}}" class='chooseBtn' bindtap='reasonSure'>确定</view>
      <view tt:if="{{showReason}}" bindtap='hidderPicker' class='mask'></view>
  </form>
</view>