<!-- 顶部导航 -->
<view class="nav-wrap">
  <scroll-view
    class="nav"
    scroll-x>
    <view bindtap="changeTabs"
          class="nav-item"
          data-value="{{item.value}}"
          wx:for="{{tabs}}"
          wx:key="value">
      <text class="{{item.value === active ? 'active' : ''}}">{{item.name}}</text>
    </view>
  </scroll-view>
</view>

  <!-- 内容区 -->
<view class="main">
  <swiper style="height:100%"
          current="{{current}}"
          bindchange="handleSwiper">
    <swiper-item wx:for="{{originScrollViewData}}"
                 wx:key="index">
      <scroll-view scroll-y
                   style="height:100%;"
                   refresher-enabled="{{true}}"
                   refresher-threshold="{{refresherThreshold}}"
                   refresher-default-style="none"
                   refresher-background="#FFF"
                   refresher-triggered="{{item.isRefresh}}"
                   bindrefresherpulling="onRefresh"
                   bindscrolltolower="fetOrderList">
        <!-- 下拉刷新 -->
        <view slot="refresher" class="pulldown-wrapper">
          <van-loading
            wx:if="{{item.isRefresh}}"
            size="24px"
            type="spinner">加载中...
          </van-loading>
          <view wx:if="{{!item.isRefresh}}" class="van-loading">
            <text class="van-loading__text">下拉刷新</text>
          </view>
        </view>

        <view class="list"
              wx:for="{{item.list}}"
              wx:for-item="order"
              wx:key="id">
          <view class="top">
            <view>产品货号：{{order.product_code}}</view>
            <!-- 已上架 审核未通过 -->
            <view
              class="{{order.product_status_color}}"
              wx:if="{{!!order.product_status_text}}">{{order.product_status_text}}
            </view>
          </view>
          <view class="middle">
            <view class="photo-wrap">
              <image src="{{order.product_img_url}}"></image>
            </view>
            <view class="name-wrap">
              <view class="name">{{order.product_title}}</view>
              <view class="box">
                <view class="stock">库存：{{order.product_count}}</view>
                <view class="price">价格: ￥{{tools.fen2Yuan(order.product_price)}}</view>
              </view>
            </view>
          </view>
          <view class="bottom">
            <button
              type="default"
              data-item="{{order}}"
              catch:tap="showDeleteOrder">删除产品
            </button>
            <button
              type="default"
              data-item="{{order}}"
              catch:tap="handleProductUp"
              wx:if="{{order.product_check_status === 1 && (order.product_status === 0 || order.product_status === 1)}}">{{order.product_status === 0 ? '上架' : '下架'}}
            </button>
            <button
              type="default"
              style="color: rgba(107, 133, 89, 1);"
              data-item="{{order}}"
              bind:tap="jumpOrderDetail">编辑产品
            </button>
          </view>
        </view>

        <view
          class="list-bitmap"
          wx:if="{{item.finished && item.list.length < 1}}">
          <text>暂无数据</text>
        </view>

        <!-- 上拉加载 -->
        <view class="pullup-wrapper" wx:if="{{!item.isRefresh}}">
          <van-loading
            wx:if="{{!item.finished}}"
            size="24px"
            type="spinner">加载中...
          </van-loading>
          <view wx:if="{{item.finished && item.list.length > 0}}" class="van-loading">
            <text class="van-loading__text">没有更多了</text>
          </view>
        </view>
      </scroll-view>
    </swiper-item>
  </swiper>
</view>

  <!-- 弹窗：删除商品二次确认 -->
<van-popup
  custom-class="customer-van-model"
  show="{{ booDeleteOrder }}"
  bind:close="hideDeleteOrder">
  <view class="customer-van-model_body">
    <view class="content">产品删除后将无法恢复，您确定删除吗?</view>
  </view>
  <view class="customer-van-model_footer">
    <button class="customer-van-model_cancel"
            hover-class="none"
            type="default"
            bind:tap="hideDeleteOrder">取消
    </button>
    <button class="customer-van-model_confirm"
            hover-class="none"
            type="primary"
            disabled="{{booLock}}"
            bind:tap="confirmDeleteOrder">确定
    </button>
  </view>
</van-popup>
  <!-- 弹窗：商品上架下架二次确认 -->
<van-popup
  custom-class="customer-van-model"
  show="{{ booProductUp }}"
  bind:close="hideProductUp">
  <view class="customer-van-model_body">
    <view class="content">确认{{itemData.product_status === 0 ? '上架' : '下架'}}上架吗?</view>
  </view>
  <view class="customer-van-model_footer">
    <button class="customer-van-model_cancel"
            hover-class="none"
            type="default"
            bind:tap="hideProductUp">取消
    </button>
    <button class="customer-van-model_confirm"
            hover-class="none"
            type="primary"
            disabled="{{booLock}}"
            bind:tap="confirmProductUp">确定
    </button>
  </view>
</van-popup>
<wxs src="../../components/wxs/index.wxs" module="tools"></wxs>