<!--pages/welfareMall/historical/historical.wxml-->
<!-- 历史订单 -->
<view class="historical flex-column">
  <view class="historical-style flex-column">
    <!-- 内容 -->
    <view class="historical-content flex-column" wx:for="{{orderList}}" wx:key="index" data-ordersn="{{item.orderSn}}" catchtap="getCompletion">
      <view class="content-hm flex-column">
        <view class="content-head flex-row">
          <view class="content-head-date">{{item.payedAt}}</view>
          <view class="content-head-state">{{item.status.showText}}</view>
        </view>
        <view class="content-middle flex-row">
          <view class="middle-it flex-row">
            <image class="middle-img" src="{{item.goodsList[0].fullCoverImg}}" />
            <view class="middle-text over-ellipsis">{{item.goodsList[0].activityName}}</view>
          </view>
          <view class="middle-num flex-column">
            <view class="middle-num-money">￥{{item.payPriceFormatter}}</view>
            <view class="money-num-count">x{{item.goodsList.length}}</view>
          </view>
        </view>
      </view>
      <view class="content-line"></view>
      <view class="content-lower">
        <view class="lower-total">共{{item.goodsList.length}}件商品 合计￥{{item.payPriceFormatter}}</view>
        <view class="lower-order-style flex-row" style="color: {{config.secColor?config.secColor:'#B01717'}};">
          <view class="lower-order-text" style="color: {{config.secColor?config.secColor:'#B01717'}};">订单详情</view>
        </view>
      </view>
    </view>
    <view class="no_result" wx:if="{{noResult}}">———— 抱歉，您暂无历史订单 ————</view>
    <view class="no_result" wx:if="{{noMore}}">—— 人家也是有底线的 ——</view>
  </view>
</view>