<ep-navBar title="选择商品" background='#4facfe' back="{{true}}" iconTheme='white' color='#fff' bindback="handlerGobackClick"/>
<view class="goods-manage {{isIpx?'pb80':''}}">
  <view class='list'>
    <view wx:if="{{goods.length}}">
        <view class="order-item" wx:for="{{goods}}" wx:key="id">
          <view class="order-title">
            <label class="check-box-content">
              <checkbox-group bindchange="checkboxChange" data-index="{{index}}" data-type="item">
                <view class="check-box">
                  <image class="checkbox-checked" src="../../images/checkbox-checked.png" wx:if="{{item.checked}}"></image>
                  <image class="checkbox-disabled" src="../../images/checkbox-disabled.png" wx:else></image>
                  <checkbox hidden checked="{{item.checked}}" value="{{index}}"></checkbox>
                </view>
              </checkbox-group>
            </label>
            <view class="goods-item">
              <view class="goods-img">
                <component-img defaultImage="../../images/placeholder-refund.png" height="60" loadImage="{{item.image}}" width="60"></component-img>
              </view>
              <view class="goods-detail">
                <view class="goods-title">{{item.name}}</view>
              </view>
            </view>
            <view class="order-status">{{item.status_name}}</view>
          </view>
        </view>
      </view>
      <view class="no-list" wx:else>
        暂无数据
      </view>
  </view>

  <!-- 底部按钮 -->
  <view class="bottom-bar {{isIpx?'pb20':''}}">
      <label class="check-box-content">
        <checkbox-group bindchange="checkboxChange" data-type="all">
          <view class="check-box">
            <image class="checkbox-checked" src="../../images/checkbox-checked.png" wx:if="{{checkedAll && goods.length>0}}"></image>
            <image class="checkbox-disabled" src="../../images/checkbox-disabled.png" wx:else></image>
            <checkbox hidden checked="{{checkedAll && goods.length>0}}" value="{{index}}"></checkbox>
          </view>
        </checkbox-group>
        全选
      </label>
      <view class="flex">
        <view class="total">
          合计：
          <span>{{checkedCount}}条</span>
        </view>
        <label class="btn">上架<button hidden bindtap="signAll"></button></label>
        <label class="btn gray">下架<button hidden bindtap="signAll"></button></label>
      </view>
    </view>
</view>