detail.wxml 7.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154
  1. <!-- 骨架屏 -->
  2. <import src="./detail.skeleton.wxml" />
  3. <template is="skeleton" wx:if="{{loading}}" />
  4. <!-- 轮播图 -->
  5. <swiper indicator-dots circular indicator-active-color='#333'>
  6. <swiper-item wx:for="{{files.images}}" wx:key="attachmentid" data-index="{{index}}" data-type='image' bindtap="viewMedias">
  7. <van-image width="100vw" height="464rpx" fit="contain" src="{{item.cover}}" use-loading-slot use-error-slot lazy-load>
  8. <van-loading slot="loading" type="spinner" size="20" vertical />
  9. <text slot="error">加载失败</text>
  10. </van-image>
  11. </swiper-item>
  12. </swiper>
  13. <!-- 产品介绍 -->
  14. <view class="intr">
  15. <view class="title">
  16. {{detail.itemname}}
  17. <text wx:if="{{isShowFavorites}}" class="{{detail.iscollection?'cuIcon-favorfill':'cuIcon-favor'}}" style="color:{{detail.iscollection?'#FADB14':''}};padding: 6rpx;" id='addToFavorites' bind:tap="{{'clickBut'}}" />
  18. <van-tag type="warning">{{detail.delistingstatus}}</van-tag>
  19. </view>
  20. <view class="tags">
  21. <text wx:if="{{detail.iscustomsize==1}}" style="background-color: #EE0A24;color: #fff;">定制</text>
  22. <text wx:for="{{detail.brand}}" wx:key="sa_brandid">{{item.brandname}}</text>
  23. <text wx:for="{{detail.tradefield}}" wx:key="index">{{item.tradefield}}</text>
  24. </view>
  25. <view class="offer">
  26. <view>
  27. <text class="price">{{handleHide.verify(detail.gradeprice,"详情-当前商品价格",privacyFieldC)}}</text>
  28. </view>
  29. <text class="unit">单位/{{detail.unitname}}</text>
  30. </view>
  31. <view class="else">
  32. <text>起订量:{{detail.orderminqty||' --'}}</text>
  33. <text>增量:{{detail.orderaddqty||' --'}}</text>
  34. <text>包装数量:{{detail.packageqty||' --'}}</text>
  35. </view>
  36. </view>
  37. <!-- 选择规格 -->
  38. <view class="model">
  39. <block wx:if="{{materialRows.length}}">
  40. <view class="label">
  41. {{labelList.material}}
  42. </view>
  43. <view class="product-box">
  44. <navigator url="#" class="product {{content.material===item.parm?'active':''}} {{item.flag?'':'disabled'}}" wx:for="{{materialRows}}" wx:key="index" bindtap="changeItemno" data-valuename="material" data-value="{{item}}">{{item.parm}}</navigator>
  45. </view>
  46. </block>
  47. <block wx:if="{{colorRows.length}}">
  48. <view class="label">
  49. {{labelList.color}}
  50. </view>
  51. <view class="product-box">
  52. <navigator url="#" class="product {{content.color===item.parm?'active':''}} {{item.flag?'':'disabled'}}" wx:for="{{colorRows}}" wx:key="index" bindtap="changeItemno" data-valuename="color" data-value="{{item}}">{{item.parm}}</navigator>
  53. </view>
  54. </block>
  55. <block wx:if="{{cheekRows.length}}">
  56. <view class="label">
  57. {{labelList.cheek}}
  58. </view>
  59. <view class="product-box">
  60. <navigator url="#" class="product {{content.cheek===item.parm?'active':''}} {{item.flag?'':'disabled'}}" wx:for="{{cheekRows}}" wx:key="index" bindtap="changeItemno" data-valuename="cheek" data-value="{{item}}">{{item.parm}}</navigator>
  61. </view>
  62. </block>
  63. <block wx:if="{{specRows.length}}">
  64. <view class="label">
  65. {{labelList.spec}}
  66. </view>
  67. <view class="product-box">
  68. <navigator url="#" class="product {{content.spec===item.parm?'active':''}} {{item.flag?'':'disabled'}}" wx:for="{{specRows}}" wx:key="index" bindtap="changeItemno" data-valuename="spec" data-value="{{item}}">{{item.parm=='custom'?'自定义':item.parm}}</navigator>
  69. </view>
  70. </block>
  71. <!-- 定制项 -->
  72. <view wx:if="{{detail.iscustomsize==1}}" style="padding-bottom: 20rpx;">
  73. <customMade id="customMade">
  74. <view slot='head' class="label">
  75. {{labelList.custom}}
  76. </view>
  77. </customMade>
  78. </view>
  79. <view class="label">
  80. 数量 <text style="font-size: 24rpx;font-weight: 400;">(起订量:{{detail.orderminqty}},增减量:{{detail.orderaddqty}},包装量:{{detail.packageqty}})</text>
  81. </view>
  82. <view class="product-box" style="margin-top: 20rpx;">
  83. <van-stepper value="{{ detail.qty }}" min="{{detail.orderminqty}}" step="{{detail.orderaddqty||1}}" input-class='input-class' data-iscatch="catch" catch:minus='stepperChange' catch:plus='stepperChange' catch:blur='inputBlur' />
  84. </view>
  85. <block wx:if="{{detail.canuseactivity.length}}">
  86. <view class="label" style="border: none;">
  87. 此商品正在促销
  88. </view>
  89. <navigator class="activity" wx:for="{{detail.canuseactivity}}" wx:key="sa_promotionid" wx:for-item='it' url="/packageA/activity/detail?id={{it.sa_promotionid}}">
  90. {{it.promname}}
  91. </navigator>
  92. <view style="height: 1rpx;" />
  93. </block>
  94. <!-- 定制项 -->
  95. <customMade id="customMade">
  96. <view slot='head' class="label">
  97. {{labelList.custom}}
  98. </view>
  99. </customMade>
  100. </view>
  101. <van-tabs custom-class='tabs' title-active-color='var(--assist)' color='var(--assist)'>
  102. <van-tab title="商品简介">
  103. <view class="tab-box">
  104. <view class="row">
  105. 品号:{{detail.itemno}}
  106. </view>
  107. <view class="row">
  108. 型号:{{detail.model || ' --'}}
  109. </view>
  110. <view class="row">
  111. 规格:{{detail.standards || ' --'}}
  112. </view>
  113. <view class="row">
  114. 特殊说明:<text wx:if="{{detail.specalnote}}" style="color: red;">{{detail.specalnote}}</text><text wx:else> --</text>
  115. </view>
  116. </view>
  117. </van-tab>
  118. <van-tab title="产品资料">
  119. <Yl_Empty wx:if="{{detail.technicalinfo.length==0}}" />
  120. <view wx:else class="document-box">
  121. <navigator class="document" url="#" wx:for="{{detail.technicalinfo}}" wx:key="index" bindtap="openDocument" data-item="{{item}}">{{item.document}}</navigator>
  122. </view>
  123. </van-tab>
  124. </van-tabs>
  125. <view style="height: 200rpx;" />
  126. <view class="cu-bar bg-white tabbar border shop footer" style="display: flex;">
  127. <navigator url="#" class="action " style="height: 100%;display: flex; flex-direction: column; align-items: center;" bindtap="toCollect">
  128. <view class="cuIcon-cart" style="color: #F37B1D;">
  129. <view class="cu-tag badge">{{badge}}</view>
  130. </view>
  131. 购物车
  132. </navigator>
  133. <navigator wx:if="{{isShowFavorites}}" url="/packageA/favorites/index" class="action" style="height: 100%;display: flex; flex-direction: column; align-items: center;">
  134. <view class="{{detail.iscollection?'cuIcon-favorfill':'cuIcon-favor'}}" style="color:{{detail.iscollection?'#FADB14':''}}">
  135. <view class="cu-tag badge">{{favoriteCount}}</view>
  136. </view>
  137. 收藏夹
  138. </navigator>
  139. <picker wx:if="{{detail.tradefield.length>=2}}" range='{{detail.tradefield}}' disabled='{{itemCount!=selectCount}}' range-key='tradefield' bindchange='storage'>
  140. <van-button custom-class="bg-orange submit {{isShowFavorites?'w240':'w610'}}" id='addToShoppingCart' disabled='{{itemCount!=selectCount}}' bind:click="clickBut">加入购物车</van-button>
  141. </picker>
  142. <van-button wx:else custom-class="bg-orange submit {{isShowFavorites?'w240':'w610'}}" id='addToShoppingCart' disabled='{{itemCount!=selectCount}}' bind:click="clickBut">加入购物车</van-button>
  143. <picker wx:if="{{detail.tradefield.length>=2}}" range='{{detail.tradefield}}' disabled='{{itemCount!=selectCount}}' range-key='tradefield' bindchange='storage'>
  144. <van-button custom-class="bg-blue submit {{isShowFavorites?'w240':'w610'}}" id='addToShoppingCart' disabled='{{itemCount!=selectCount}}' bind:click="clickBut">立即下单</van-button>
  145. </picker>
  146. <van-button wx:else custom-class="bg-blue submit {{isShowFavorites?'w240':'w610'}}" id='placeAnOrder' disabled='{{itemCount!=selectCount}}' bind:click="clickBut">立即下单</van-button>
  147. </view>
  148. <wxs src="/utils/hidePrice.wxs" module="handleHide" />