detail.wxml 6.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123
  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">{{language['加载失败']||'加载失败'}}</text>
  10. </van-image>
  11. </swiper-item>
  12. </swiper>
  13. <!-- 产品介绍 -->
  14. <view class="intr">
  15. <view class="title">{{detail.itemname}}</view>
  16. <view class="tags">
  17. <text wx:for="{{detail.brand}}" wx:key="sa_brandid">{{language[item.brandname]||item.brandname}}</text>
  18. <text wx:for="{{detail.tradefield}}" wx:key="index">{{language[item.tradefield]||item.tradefield}}</text>
  19. </view>
  20. <view class="offer">
  21. <view>
  22. <text class="price">{{detail.gradeprice}}</text>
  23. <text class="old-price">{{detail.marketprice}}</text>
  24. </view>
  25. <text class="unit">{{language['单位']||'单位'}}:{{detail.unitname}}</text>
  26. </view>
  27. <view class="else">
  28. <text>{{language['起订量']||'起订量'}}:{{detail.orderminqty}}({{detail.unitname}})</text>
  29. <text>{{language['装箱数']||'装箱数'}}:{{detail.packqty}}</text>
  30. <text wx:if="{{isText}}">{{language['库存']||'库存'}}:{{detail.stockstatus}}</text>
  31. <text wx:if="{{isNumber}}">{{language['库存']||'库存'}}:{{detail.cansaleqty}}</text>
  32. </view>
  33. </view>
  34. <!-- 选择型号 -->
  35. <view class="model" wx:if="{{rows.length}}">
  36. <view class="label">{{language['选择商品']||'选择商品'}}</view>
  37. <view class="product-box">
  38. <navigator url="#" class="product {{itemno===item.itemno?'active':''}}" wx:for="{{rows}}" wx:key="itemno" bindtap="changeItemno" data-item="{{item}}">
  39. {{language[item.spec]||item.spec}}
  40. </navigator>
  41. </view>
  42. </view>
  43. <van-tabs custom-class='tabs' title-active-color='var(--assist)' color='var(--assist)'>
  44. <van-tab title="{{language['商品简介']||'商品简介'}}">
  45. <view class="tab-box">
  46. <view class="row">{{language['商品编号']||'商品编号'}}:{{detail.itemno}}</view>
  47. <view class="row">{{language['品号']||'品号'}}:{{detail.erpitemno || '--'}}</view>
  48. <view wx:if="{{siteid!='HY' && detail.spec}}" class="row">
  49. {{language['规格']||'规格'}}:{{detail.spec || ' --'}}
  50. </view>
  51. <view wx:if="{{detail.model}}" class="row">
  52. {{language['型号']||'型号'}}:{{detail.model || ' --'}}
  53. </view>
  54. <view class="row">
  55. {{language['标准']||'标准'}}:{{language[(siteid=='HY'?detail.standardsmx:detail.standards)]||(siteid=='HY'?detail.standardsmx:detail.standards)||'--'}}
  56. </view>
  57. <block wx:if="{{siteid == 'HY'}}">
  58. <view class="row">
  59. {{language['公称通径']||'公称通径'}}:{{detail.caliber||detail.itemextend[0].caliber || ' --'}}
  60. </view>
  61. <view class="row">
  62. {{language['公称压力']||'公称压力'}}:{{join.formatting(detail.nominalpressure||detail.itemextend[0].nominalpressure)}}
  63. </view>
  64. <view class="row">{{language['产线']||'产线'}}:{{detail.itemextend[0].prodline || ' --'}}</view>
  65. <view class="row">
  66. {{language['执行器类型']||'执行器类型'}}:{{detail.itemextend[0].actuatortype || ' --'}}
  67. </view>
  68. <view class="row">
  69. {{language['执行器品牌']||'执行器品牌'}}:{{detail.itemextend[0].actuatorbrand || ' --'}}
  70. </view>
  71. </block>
  72. <block wx:else>
  73. <view wx:if="{{detail.itemextend[0].material}}" class="row">
  74. {{language['材质']||'材质'}}:{{detail.itemextend[0].material || ' --'}}
  75. </view>
  76. <view wx:if="{{detail.itemextend[0].device}}" class="row">
  77. {{language['装置']||'装置'}}:{{detail.itemextend[0].device || ' --'}}
  78. </view>
  79. <view wx:if="{{detail.itemextend[0].pressure}}" class="row">
  80. {{language['压力等级']||'压力等级'}}:{{detail.itemextend[0].pressure || ' --'}}
  81. </view>
  82. <view wx:if="{{detail.itemextend[0].prodline}}" class="row">
  83. {{language['产线']||'产线'}}:{{detail.itemextend[0].prodline || ' --'}}
  84. </view>
  85. <view wx:if="{{detail.itemextend[0].connection}}" class="row">
  86. {{language['连接形式']||'连接形式'}}:{{detail.itemextend[0].connection || ' --'}}
  87. </view>
  88. <view wx:if="{{detail.itemextend[0].valveplatematerial}}" class="row">
  89. {{language['阀板材质']||'阀板材质'}}:{{detail.itemextend[0].valveplatematerial || ' --'}}
  90. </view>
  91. <view wx:if="{{detail.itemextend[0].specalnote}}" class="row">
  92. {{language['特殊说明']||'特殊说明'}}:{{detail.itemextend[0].specalnote || ' --'}}
  93. </view>
  94. </block>
  95. <view wx:if="{{siteid=='HY'}}" class="row">
  96. {{language['备注']||'备注'}}:{{detail.remarks || ' --'}}
  97. </view>
  98. </view>
  99. </van-tab>
  100. <van-tab title="{{language[siteid=='HY'?'技术资料':'产品资料'] || siteid=='HY'?'技术资料':'产品资料'}}">
  101. <Yl_Empty wx:if="{{detail.technicalinfo.length==0}}" />
  102. <view wx:else class="document-box">
  103. <navigator class="document" url="#" wx:for="{{detail.technicalinfo}}" wx:key="index" bindtap="openDocument" data-item="{{item}}">
  104. {{item.document}}
  105. </navigator>
  106. </view>
  107. </van-tab>
  108. </van-tabs>
  109. <block wx:if="{{userrole!='业务员'}}">
  110. <!-- 底部 -->
  111. <view style="height: 150rpx;" />
  112. <view class="footer">
  113. <picker wx:if="{{detail.tradefield.length>=2}}" range='{{detail.tradefield}}' range-key='tradefield' bindchange='storage'>
  114. <van-button custom-class='but' bindtap="clickBut">{{language['加入购物车']||'加入购物车'}}</van-button>
  115. </picker>
  116. <van-button wx:else custom-class='but' bindtap="clickBut">
  117. {{language['加入购物车']||'加入购物车'}}
  118. </van-button>
  119. </view>
  120. <!-- 购物车按钮 -->
  121. <Float id="Float" />
  122. </block>
  123. <wxs src="../../utils/nominalpressure.wxs" module="join"></wxs>