businessGoodsManage.wxml 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127
  1. <!-- 顶部导航 -->
  2. <view class="nav-wrap">
  3. <scroll-view
  4. class="nav"
  5. scroll-x>
  6. <view bindtap="changeTabs"
  7. class="nav-item"
  8. data-value="{{item.value}}"
  9. wx:for="{{tabs}}"
  10. wx:key="value">
  11. <text class="{{item.value === active ? 'active' : ''}}">{{item.name}}</text>
  12. </view>
  13. </scroll-view>
  14. </view>
  15. <!-- 内容区 -->
  16. <view class="main">
  17. <swiper style="height:100%"
  18. current="{{current}}"
  19. bindchange="handleSwiper">
  20. <swiper-item wx:for="{{originScrollViewData}}"
  21. wx:key="index">
  22. <scroll-view scroll-y
  23. style="height:100%;"
  24. refresher-enabled="{{true}}"
  25. refresher-threshold="{{refresherThreshold}}"
  26. refresher-default-style="none"
  27. refresher-background="#FFF"
  28. refresher-triggered="{{item.isRefresh}}"
  29. bindrefresherpulling="onRefresh"
  30. bindscrolltolower="fetOrderList">
  31. <!-- 下拉刷新 -->
  32. <view slot="refresher" class="pulldown-wrapper">
  33. <van-loading
  34. wx:if="{{item.isRefresh}}"
  35. size="24px"
  36. type="spinner">加载中...
  37. </van-loading>
  38. <view wx:if="{{!item.isRefresh}}" class="van-loading">
  39. <text class="van-loading__text">下拉刷新</text>
  40. </view>
  41. </view>
  42. <view class="list"
  43. wx:for="{{item.list}}"
  44. wx:for-item="order"
  45. wx:key="id">
  46. <view class="top">
  47. <view>产品货号:{{order.product_code}}</view>
  48. <!-- 已上架 审核未通过 -->
  49. <view
  50. class="{{order.product_status_color}}"
  51. wx:if="{{!!order.product_status_text}}">{{order.product_status_text}}
  52. </view>
  53. </view>
  54. <view class="middle">
  55. <view class="photo-wrap">
  56. <image src="{{order.product_img_url}}"></image>
  57. </view>
  58. <view class="name-wrap">
  59. <view class="name">{{order.product_title}}</view>
  60. <view class="box">
  61. <view class="stock">库存:{{order.product_count}}</view>
  62. <view class="price">价格: ¥{{tools.fen2Yuan(order.product_price)}}</view>
  63. </view>
  64. </view>
  65. </view>
  66. <view class="bottom">
  67. <button
  68. type="default"
  69. data-item="{{order}}"
  70. catch:tap="showDeleteOrder">删除产品
  71. </button>
  72. <button
  73. type="default"
  74. style="color: rgba(107, 133, 89, 1);"
  75. data-item="{{order}}"
  76. bind:tap="jumpOrderDetail">编辑产品
  77. </button>
  78. </view>
  79. </view>
  80. <view
  81. class="list-bitmap"
  82. wx:if="{{item.finished && item.list.length < 1}}">
  83. <text>暂无数据</text>
  84. </view>
  85. <!-- 上拉加载 -->
  86. <view class="pullup-wrapper" wx:if="{{!item.isRefresh}}">
  87. <van-loading
  88. wx:if="{{!item.finished}}"
  89. size="24px"
  90. type="spinner">加载中...
  91. </van-loading>
  92. <view wx:if="{{item.finished && item.list.length > 0}}" class="van-loading">
  93. <text class="van-loading__text">没有更多了</text>
  94. </view>
  95. </view>
  96. </scroll-view>
  97. </swiper-item>
  98. </swiper>
  99. </view>
  100. <!-- 弹窗:删除商品二次确认 -->
  101. <van-popup
  102. custom-class="customer-van-model"
  103. show="{{ booDeleteOrder }}"
  104. bind:close="hideDeleteOrder">
  105. <view class="customer-van-model_body">
  106. <view class="content">产品删除后将无法恢复,您确定删除吗?</view>
  107. </view>
  108. <view class="customer-van-model_footer">
  109. <button class="customer-van-model_cancel"
  110. hover-class="none"
  111. type="default"
  112. bind:tap="hideDeleteOrder">取消
  113. </button>
  114. <button class="customer-van-model_confirm"
  115. hover-class="none"
  116. type="primary"
  117. disabled="{{booLock}}"
  118. bind:tap="confirmDeleteOrder">确定
  119. </button>
  120. </view>
  121. </van-popup>
  122. <wxs src="../../components/wxs/index.wxs" module="tools"></wxs>