<view>
<!-- header -->
<view class='header'>
  <view class='header-box'>
    <view class='f-box f-justify-content-center'>
      <view wx:for="{{dataStateArray}}" data-state="{{item.state}}" class='f-item header-item {{item.state == isSelect ? "bdc-theme c-theme":""}}' bindtap='tab'>
        {{item.label}}
      </view>
    </view>
  </view>
</view>

<!-- 内容 -->
<view class='order-box'>
  <view class='order-list mar-t20 bg-white pad-b26' wx:for="{{goodsList}}">
    <view class='auto'>
      <view class='pad-t20 pad-b20'>订单：{{item.order_number}}</view>
      <view class='f-box mar-b20' wx:for="{{item.list_order_aff_data}}" wx:for-item="orderItem">
        <view class='order-image mar-r26'>
          <image mode="aspectFit" src='{{orderItem.logo}}'></image>
        </view>
        <view class='f-item'>
          <view class='f-s30'>{{orderItem.com_name}}</view>
          <view class='f-s24 c-999 mar-t20 f-box'>
            <view class='f-item mar-r20'>
              <view>{{orderItem.com_dz}}  {{orderItem.com_lh}}  {{orderItem.com_style1}}</view>
            </view>
            <view>×{{orderItem.com_num}}</view>
          </view>
        </view>
      </view>
      <!-- 价格与按钮 -->
      <view class="f-box f-justify-content-center order-btn">
        <view class='f-item f-box f-justify-content-end mar-r26'>
          <view class='btn'>上传凭证</view>
          <view class='btn'>查看物流</view>
          <view class='btn'>确认收货</view>
        </view>
        
        <view>合计:<text class='c-theme'>¥ {{orderItem.com_price}}</text></view>
      </view>
    </view>
  </view>

  <data-none wx:if="goodsList.length === 0"></data-none>
  <divider wx:if="dividerState"></divider>
</view>
</view>
