detail.skeleton.wxml 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202
  1. <!--
  2. 此文件为开发者工具生成,生成时间: 2023/2/2下午2:23:01
  3. 使用方法:
  4. 在 E:\云链项目\e-wechat\packageA\borrow\detail.wxml 引入模板
  5. ```
  6. <import src="detail.skeleton.wxml"/>
  7. <template is="skeleton" wx:if="{{loading}}" />
  8. ```
  9. 在 E:\云链项目\e-wechat\packageA\borrow\detail.wxss 中引入样式
  10. ```
  11. @import "./detail.skeleton.wxss";
  12. ```
  13. 更多详细信息可以参考文档:https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
  14. -->
  15. <template name="skeleton">
  16. <view class="sk-container">
  17. <view class="intr">
  18. <view class="num sk-transparent sk-text-10-0000-168 sk-text">
  19. SO202302010022
  20. </view>
  21. <view class="tags"></view>
  22. <view class="exp sk-transparent sk-text-11-7647-398 sk-text">订单类型:工具借用单</view>
  23. <view class="exp sk-transparent sk-text-11-7647-215 sk-text">单据日期:2023-02-01</view>
  24. <view class="exp sk-transparent sk-text-11-7647-66 sk-text">订单状态:新建</view>
  25. <view class="exp sk-transparent sk-text-11-7647-234 sk-text">订单金额:100元</view>
  26. </view>
  27. <navigator class="box location">
  28. <view is="miniprogram_npm/@vant/weapp/icon/index">
  29. <view class="icon van-icon icon-index--van-icon van-icon-location icon-index--van-icon-location sk-pseudo sk-pseudo-circle" style="true"></view>
  30. </view>
  31. <view class="content">
  32. <view class="name sk-transparent">
  33. 暂无
  34. <text></text>
  35. </view>
  36. <view class="address sk-transparent"></view>
  37. </view>
  38. <view class="iconfont icon-dibu-bianji sk-pseudo sk-pseudo-circle"></view>
  39. </navigator>
  40. <navigator class="box location">
  41. <view class="content">
  42. <view class="name sk-transparent sk-text-14-2857-865 sk-text">
  43. 开票单位
  44. </view>
  45. <view class="address sk-transparent sk-text-14-2857-896 sk-text">
  46. 暂无
  47. </view>
  48. </view>
  49. <view class="iconfont icon-dibu-bianji sk-pseudo sk-pseudo-circle"></view>
  50. </navigator>
  51. <view class="box" style="padding: 5px 15px;">
  52. <view class="row">
  53. <view class="label sk-transparent sk-text-14-2857-345 sk-text">订单备注</view>
  54. <view auto-height="true" class="remarks sk-image" placeholder="{{language['订单备注']||'订单备注'}}" placeholder-class="placeholder" value="123123" style="height: 17px;"></view>
  55. </view>
  56. <navigator class="row" style="font-size: 0;">
  57. <view class="label sk-transparent sk-text-14-2857-468 sk-text">是否需要回签单</view>
  58. <checkbox color="#EFEFEF"></checkbox>
  59. </navigator>
  60. </view>
  61. <view style="height: 10px;"></view>
  62. <view is="components/Yl_FunTabs/index">
  63. <scroll-view enable-flex="true" enable-passive="true" scroll-with-animation="true" scroll-x="true" class="scroll FunTabs-index--scroll" scroll-left="0">
  64. <view class="item FunTabs-index--item active FunTabs-index--active" data-index="0" id="7a69402e--active0">
  65. <view class="icon FunTabs-index--icon">
  66. <text class="iconfont FunTabs-index--iconfont icon-tabchanpin FunTabs-index--icon-tabchanpin sk-pseudo sk-pseudo-circle"></text>
  67. </view>
  68. <view class="label FunTabs-index--label line-1 FunTabs-index--line-1 sk-transparent sk-text-14-2857-711 sk-text" style="background-position-x: 50%;">借用工具明细</view>
  69. </view>
  70. <view class="item FunTabs-index--item" data-index="1" id="7a69402e--">
  71. <view class="icon FunTabs-index--icon">
  72. <text class="iconfont FunTabs-index--iconfont icon-tabfujian1 FunTabs-index--icon-tabfujian1 sk-pseudo sk-pseudo-circle"></text>
  73. </view>
  74. <view class="label FunTabs-index--label line-1 FunTabs-index--line-1 sk-transparent sk-text-14-2857-570 sk-text" style="background-position-x: 50%;">附件</view>
  75. </view>
  76. <view class="item FunTabs-index--item" data-index="2">
  77. <view class="icon FunTabs-index--icon">
  78. <text class="iconfont FunTabs-index--iconfont icon-tabcaozuojilu1 FunTabs-index--icon-tabcaozuojilu1 sk-pseudo sk-pseudo-circle"></text>
  79. </view>
  80. <view class="label FunTabs-index--label line-1 FunTabs-index--line-1 sk-transparent sk-text-14-2857-419 sk-text" style="background-position-x: 50%;">订单进度</view>
  81. </view>
  82. </scroll-view>
  83. <view class="slot-box FunTabs-index--slot-box">
  84. <view is="packageA/borrow/modules/product/index" id="Product">
  85. <view class="product-index--head">
  86. <view class="product-index--count sk-transparent sk-text-14-2857-163 sk-text">工具列表</view>
  87. <view class="product-index--expand">
  88. <view mode="date" class="sk-image">
  89. <navigator class="product-index--but">
  90. <view is="miniprogram_npm/@vant/weapp/icon/index">
  91. <view class="van-icon icon-index--van-icon van-icon-clock-o icon-index--van-icon-clock-o sk-pseudo sk-pseudo-circle" style="true"></view>
  92. </view>
  93. </navigator>
  94. </view>
  95. <navigator class="product-index--but">
  96. <view is="miniprogram_npm/@vant/weapp/icon/index">
  97. <view class="van-icon icon-index--van-icon van-icon-plus icon-index--van-icon-plus sk-pseudo sk-pseudo-circle" style="true"></view>
  98. </view>
  99. </navigator>
  100. </view>
  101. </view>
  102. <view is="packageA/borrow/modules/product/list/index">
  103. <view class="product-item list-index--product-item">
  104. <navigator class="product list-index--product" data-item="[object Object]">
  105. <view class="mian list-index--mian">
  106. <view class="img list-index--img" data-file="[object Object]">
  107. <view is="miniprogram_npm/@vant/weapp/image/index">
  108. <view class=" van-image image-index--van-image" style="width:100%;height:100%">
  109. <image class="van-image__img image-index--van-image__img sk-image" mode="scaleToFill" lazy-load="true"></image>
  110. </view>
  111. </view>
  112. </view>
  113. <view class="dec list-index--dec">
  114. <view class="title list-index--title">
  115. <text class="line-1 list-index--line-1 sk-transparent sk-text-14-2857-562 sk-text">大萨达</text>
  116. <text class="tag list-index--tag sk-transparent sk-text-22-5000-272 sk-text">紧缺</text>
  117. </view>
  118. <view class="subfield list-index--subfield sk-transparent sk-text-14-7059-662 sk-text">
  119. 编号:25665589
  120. </view>
  121. <view class="subfield list-index--subfield">
  122. <text class="line-1 list-index--line-1 sk-transparent sk-text-14-7059-766 sk-text" style="margin-right: 3px;">型号:稍等</text>
  123. <text class="line-1 list-index--line-1 sk-transparent sk-text-14-7059-517 sk-text">规格:55521</text>
  124. </view>
  125. <view class="subfield list-index--subfield">
  126. <text class="line-1 list-index--line-1 sk-transparent sk-text-14-7059-217 sk-text" style="margin-right: 3px;">材质:1</text>
  127. <text class="line-1 list-index--line-1 sk-transparent sk-text-14-7059-342 sk-text">标准: --</text>
  128. </view>
  129. <view class="subfield list-index--subfield">
  130. <text class="line-1 list-index--line-1 sk-transparent sk-text-14-7059-601 sk-text" style="margin-right: 3px;">已发数量: --</text>
  131. <text class="line-1 list-index--line-1 sk-transparent sk-text-14-7059-530 sk-text" style="margin-right: 3px;">可退数量: --</text>
  132. </view>
  133. <view style="margin-top: 4px;">
  134. <text class="price list-index--price sk-transparent sk-text-14-2857-570 sk-text">¥100元</text>
  135. </view>
  136. </view>
  137. <view class="delete list-index--delete" data-item="[object Object]">
  138. <text class="iconfont list-index--iconfont icon-guanlian-shanchu list-index--icon-guanlian-shanchu sk-pseudo sk-pseudo-circle"></text>
  139. </view>
  140. </view>
  141. </navigator>
  142. <view class="bot list-index--bot">
  143. <view class="row list-index--row">
  144. <view style="width: 100%;">
  145. <view class="label list-index--label sk-transparent sk-text-14-2857-650 sk-text">产品备注:</view>
  146. <view class="input list-index--input sk-image" data-data="[object Object]" data-name="remarks" placeholder="{{language['备注']||'备注'}}" style="flex: 1; text-align: left;padding-left: 5px;" type="text" value="true"></view>
  147. </view>
  148. </view>
  149. <view class="row list-index--row">
  150. <view>
  151. <view class="label list-index--label sk-transparent sk-text-14-2857-17 sk-text">期望交期:</view>
  152. <view data-data="[object Object]" mode="date" class="sk-image">
  153. <view class="input list-index--input" style="width: 120px;display: flex;justify-content: center;">
  154. <text class="sk-transparent sk-text-34-0909-695 sk-text" style="background-position-x: 50%;">2023-02-03</text>
  155. </view>
  156. </view>
  157. </view>
  158. <view class="money list-index--money sk-transparent sk-text-14-2857-309 sk-text">
  159. 回复交期:2023-02-08
  160. </view>
  161. </view>
  162. <view class="row list-index--row">
  163. <view>
  164. <view class="label list-index--label sk-transparent">数量
  165. <text class="sk-transparent sk-text-14-2857-659 sk-text">(千克)</text>:</view>
  166. <view class="input list-index--input sk-image" data-data="[object Object]" data-name="qty" style="width: 120px;" type="digit" value="1"></view>
  167. </view>
  168. <view class="money list-index--money sk-transparent">
  169. 金额:
  170. <text class="sk-transparent sk-text-14-2857-283 sk-text">¥100元</text>
  171. </view>
  172. </view>
  173. </view>
  174. </view>
  175. </view>
  176. </view>
  177. </view>
  178. </view>
  179. <view class="footer">
  180. <view class="count sk-transparent sk-text-32-2222-96 sk-text">
  181. ¥100元
  182. </view>
  183. <view class="but-box">
  184. <view is="miniprogram_npm/@vant/weapp/button/index">
  185. <button app-parameter="true" business-id="true" class="but delete van-button button-index--van-button van-button--default button-index--van-button--default van-button--normal button-index--van-button--normal sk-button sk-pseudo sk-pseudo-circle"
  186. data-detail="null" form-type="true" hover-class="van-button--active hover-class" lang="true" open-type="true" send-message-img="true" send-message-path="true" send-message-title="true" session-from="true" style="true">
  187. <view class="van-button__text button-index--van-button__text sk-transparent sk-text-15-0000-696 sk-text" style="background-position-x: 50%;">{{language['删除订单']||'删除订单'}}</view>
  188. </button>
  189. </view>
  190. <view is="miniprogram_npm/@vant/weapp/button/index">
  191. <button app-parameter="true" business-id="true" class="but van-button button-index--van-button van-button--default button-index--van-button--default van-button--normal button-index--van-button--normal sk-button sk-pseudo sk-pseudo-circle" data-detail="null"
  192. form-type="true" hover-class="van-button--active hover-class" lang="true" open-type="true" send-message-img="true" send-message-path="true" send-message-title="true" session-from="true" style="true">
  193. <view class="van-button__text button-index--van-button__text sk-transparent sk-text-15-0000-789 sk-text" style="background-position-x: 50%;">{{language['提交订单']||'提交订单'}}</view>
  194. </button>
  195. </view>
  196. </view>
  197. </view>
  198. </view>
  199. </template>