selectProduct.wxml 2.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. <!-- 搜索栏 -->
  2. <van-search
  3. value="{{content.where.condition}}"
  4. placeholder="搜索商品名称"
  5. shape="round"
  6. bind:search="onSearch"
  7. bind:clear="onSearch"
  8. />
  9. <view class="count">{{language['总计']||'总计'}}:{{total}}</view>
  10. <!-- 商品列表 -->
  11. <Yl_ListBox id="ListBox" bind:getlist="getList">
  12. <view class="product-list">
  13. <view class="product-item" wx:for="{{list}}" wx:key="sc_points_productid" bindtap="onToggleSelect" data-index="{{index}}">
  14. <view class="item-content {{item.selected ? 'item-selected' : ''}}">
  15. <!-- 勾选框 -->
  16. <view class="checkbox-wrap">
  17. <view class="checkbox {{item.selected ? 'checkbox-checked' : ''}}">
  18. <van-icon wx:if="{{item.selected}}" name="success" size="28rpx" color="#fff" />
  19. </view>
  20. </view>
  21. <!-- 商品图 -->
  22. <van-image
  23. class="item-img"
  24. width="200rpx"
  25. height="186rpx"
  26. fit="cover"
  27. src="{{item.imgUrl}}"
  28. radius="8rpx"
  29. />
  30. <!-- 商品信息 -->
  31. <view class="item-info">
  32. <view class="item-name">{{item.itemname}}</view>
  33. <view class="item-points">
  34. <text class="points-label">{{language['积分']||'积分'}}</text>
  35. <text class="points-value">{{item.points}}</text>
  36. <text class="points-label" style="color: #E3041F;">{{language['分']||'分'}}</text>
  37. </view>
  38. <!-- 数量步进器 -->
  39. <view class="item-qty" wx:if="{{item.selected}}" catchtap="stopPropagation">
  40. <van-stepper
  41. value="{{item.qty}}"
  42. min="{{item.minimumorderqty || 1}}"
  43. step="{{item.increment || 1}}"
  44. bind:change="onQtyChange"
  45. data-index="{{index}}"
  46. />
  47. </view>
  48. </view>
  49. </view>
  50. </view>
  51. </view>
  52. <My_Empty wx:if="{{list.length==0}}" />
  53. </Yl_ListBox>
  54. <!-- 底部操作栏 -->
  55. <view class="bottom-bar" wx:if="{{selectedCount > 0}}">
  56. <view class="bar-left">
  57. <view class="selected-count">{{language['已选']||'已选'}}:{{selectedCount}} </view>
  58. <view class="selected-num">{{language['合计']||'合计'}}:<text style="color: #E3041F;">{{selectedTotalPoints}}{{language['分']||'分'}}</text></view>
  59. </view>
  60. <view class="bar-right" bindtap="onConfirm">
  61. <text>确定添加</text>
  62. </view>
  63. </view>
  64. <view style="height: 140rpx;" />