detail.skeleton.wxml 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191
  1. <!--
  2. 此文件为开发者工具生成,生成时间: 2023/1/2下午7:11:05
  3. 使用方法:
  4. 在 E:\云链项目\e-wechat\packageA\orderForm\detail.wxml 引入模板
  5. ```
  6. <import src="detail.skeleton.wxml"/>
  7. <template is="skeleton" wx:if="{{loading}}" />
  8. ```
  9. 在 E:\云链项目\e-wechat\packageA\orderForm\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-663 sk-text">
  19. SO202212010013
  20. </view>
  21. <view class="tags">
  22. <text style="background-color: #0079FE;" class="sk-transparent sk-text-25-0000-649 sk-text">班尼戈</text>
  23. <text style="background-color: #4BD863;" class="sk-transparent sk-text-25-0000-291 sk-text">燃气</text>
  24. </view>
  25. <view class="exp sk-transparent sk-text-11-7647-922 sk-text">订单类型:标准订单</view>
  26. <view class="exp sk-transparent sk-text-11-7647-21 sk-text">订单状态:新建</view>
  27. <view class="exp sk-transparent sk-text-11-7647-855 sk-text">单据日期:暂无</view>
  28. <view class="exp sk-transparent sk-text-11-7647-244 sk-text">创建日期:2022-12-01 20:26:09</view>
  29. <view class="exp sk-transparent sk-text-11-7647-704 sk-text">核销状态:未核销</view>
  30. <view class="exp sk-transparent sk-text-11-7647-983 sk-text">开票状态:未开票</view>
  31. <view is="miniprogram_npm/@vant/weapp/button/index">
  32. <button app-parameter="true" business-id="true" class="copy 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"
  33. 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">
  34. <view class="van-button__text button-index--van-button__text sk-transparent sk-text-15-0000-297 sk-text" style="background-position-x: 50%;">一键复制订单</view>
  35. </button>
  36. </view>
  37. </view>
  38. <navigator class="box location">
  39. <view is="miniprogram_npm/@vant/weapp/icon/index">
  40. <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>
  41. </view>
  42. <view class="content">
  43. <view class="name sk-transparent">
  44. 朱文华1
  45. <text class="sk-transparent sk-text-14-2857-296 sk-text">15067346733</text>
  46. </view>
  47. <view class="address sk-transparent sk-text-14-2857-619 sk-text">
  48. 昌盛南路智慧产业创业园
  49. </view>
  50. </view>
  51. <view class="iconfont icon-dibu-bianji sk-pseudo sk-pseudo-circle"></view>
  52. </navigator>
  53. <navigator class="box location">
  54. <view class="content">
  55. <view class="name sk-transparent sk-text-14-2857-624 sk-text">
  56. 开票单位
  57. </view>
  58. <view class="address sk-transparent sk-text-14-2857-776 sk-text">
  59. 抬头1
  60. </view>
  61. </view>
  62. <view class="iconfont icon-dibu-bianji sk-pseudo sk-pseudo-circle"></view>
  63. </navigator>
  64. <view class="box pay">
  65. <view class="title sk-transparent sk-text-14-2857-913 sk-text">
  66. 支付信息
  67. </view>
  68. <navigator class="row">
  69. <view class="label sk-transparent sk-text-14-2857-937 sk-text">{{language['结算人']||'结算人'}}</view>
  70. <view style="font-size: 14px;" class="sk-transparent">
  71. 嘉兴市1号有限公司
  72. <view is="miniprogram_npm/@vant/weapp/icon/index">
  73. <view class="van-icon icon-index--van-icon van-icon-arrow icon-index--van-icon-arrow sk-pseudo sk-pseudo-circle" style="true"></view>
  74. </view>
  75. </view>
  76. </navigator>
  77. <navigator class="row">
  78. <view class="label sk-transparent sk-text-14-2857-216 sk-text">{{language['支付账户']||'支付账户'}}</view>
  79. <view style="font-size: 14px;" class="sk-transparent">
  80. 暂无
  81. <view is="miniprogram_npm/@vant/weapp/icon/index">
  82. <view class="van-icon icon-index--van-icon van-icon-arrow icon-index--van-icon-arrow sk-pseudo sk-pseudo-circle" style="true"></view>
  83. </view>
  84. </view>
  85. </navigator>
  86. <navigator class="row" style="font-size: 0;">
  87. <view class="label sk-transparent sk-text-14-2857-484 sk-text">是否使用返利金(余额:)</view>
  88. <checkbox color="#EFEFEF"></checkbox>
  89. </navigator>
  90. <view class="row">
  91. <view class="label sk-transparent sk-text-14-2857-661 sk-text">返利金支付(最多订单金额20%)</view>
  92. <view class="remarks sk-image" placeholder="{{language['使用金额']||'使用金额'}}" placeholder-class="placeholder" type="digit" value="true"></view>
  93. </view>
  94. </view>
  95. <view class="box" style="padding: 5px 15px;">
  96. <view class="row">
  97. <view class="label sk-transparent sk-text-14-2857-68 sk-text">订单备注</view>
  98. <view auto-height="true" class="remarks sk-image" placeholder="{{language['订单备注']||'订单备注'}}" placeholder-class="placeholder" value="true" style="height: 17px;"></view>
  99. </view>
  100. <navigator class="row" style="font-size: 0;">
  101. <view class="label sk-transparent sk-text-14-2857-573 sk-text">是否需要回签单</view>
  102. <checkbox color="#EFEFEF"></checkbox>
  103. </navigator>
  104. </view>
  105. <view style="height: 10px;"></view>
  106. <view is="components/Yl_FunTabs/index">
  107. <scroll-view enable-flex="true" enable-passive="true" scroll-with-animation="true" scroll-x="true" class="scroll FunTabs-index--scroll" scroll-left="0">
  108. <view class="item FunTabs-index--item active FunTabs-index--active" data-index="0" id="50e49f68--active0">
  109. <view class="icon FunTabs-index--icon">
  110. <text class="iconfont FunTabs-index--iconfont icon-tabchanpin FunTabs-index--icon-tabchanpin sk-pseudo sk-pseudo-circle"></text>
  111. </view>
  112. <view class="label FunTabs-index--label line-1 FunTabs-index--line-1 sk-transparent sk-text-14-2857-679 sk-text" style="background-position-x: 50%;">产品明细</view>
  113. </view>
  114. <view class="item FunTabs-index--item" data-index="1">
  115. <view class="icon FunTabs-index--icon">
  116. <text class="iconfont FunTabs-index--iconfont icon-tabfujian1 FunTabs-index--icon-tabfujian1 sk-pseudo sk-pseudo-circle"></text>
  117. </view>
  118. <view class="label FunTabs-index--label line-1 FunTabs-index--line-1 sk-transparent sk-text-14-2857-20 sk-text" style="background-position-x: 50%;">附件</view>
  119. </view>
  120. <view class="item FunTabs-index--item" data-index="2">
  121. <view class="icon FunTabs-index--icon">
  122. <text class="iconfont FunTabs-index--iconfont icon-tabcaozuojilu1 FunTabs-index--icon-tabcaozuojilu1 sk-pseudo sk-pseudo-circle"></text>
  123. </view>
  124. <view class="label FunTabs-index--label line-1 FunTabs-index--line-1 sk-transparent sk-text-14-2857-24 sk-text" style="background-position-x: 50%;">订单进度</view>
  125. </view>
  126. <view class="item FunTabs-index--item" data-index="3">
  127. <view class="icon FunTabs-index--icon">
  128. <text class="iconfont FunTabs-index--iconfont icon-tabkaipiaoxinxi FunTabs-index--icon-tabkaipiaoxinxi sk-pseudo sk-pseudo-circle"></text>
  129. </view>
  130. <view class="label FunTabs-index--label line-1 FunTabs-index--line-1 sk-transparent sk-text-14-2857-30 sk-text" style="background-position-x: 50%;">发票</view>
  131. </view>
  132. </scroll-view>
  133. <view class="slot-box FunTabs-index--slot-box">
  134. <view is="packageA/orderForm/modules/product/index" id="Product">
  135. <view class="product-index--head">
  136. <view class="product-index--count sk-transparent sk-text-14-2857-889 sk-text">产品明细</view>
  137. <view class="product-index--expand">
  138. <navigator class="product-index--but">
  139. <view is="miniprogram_npm/@vant/weapp/icon/index">
  140. <view class="van-icon icon-index--van-icon van-icon-plus icon-index--van-icon-plus sk-pseudo sk-pseudo-circle" style="true"></view>
  141. </view>
  142. </navigator>
  143. </view>
  144. </view>
  145. <view is="packageA/orderForm/modules/product/list/index">
  146. <view class="product-item list-index--product-item">
  147. <navigator class="product list-index--product" data-item="[object Object]">
  148. <view class="mian list-index--mian">
  149. <view class="img list-index--img" data-file="[object Object],[object Object],[object Object],[object Object]">
  150. <view is="miniprogram_npm/@vant/weapp/image/index"></view>
  151. </view>
  152. <view class="dec list-index--dec">
  153. <view class="title list-index--title">
  154. <text class="line-1 list-index--line-1 sk-transparent sk-text-14-2857-79 sk-text">测试新增</text>
  155. <text class="tag list-index--tag sk-transparent sk-text-22-5000-211 sk-text">紧缺</text>
  156. </view>
  157. </view>
  158. <view class="delete list-index--delete" data-item="[object Object]">
  159. <text class="iconfont list-index--iconfont icon-guanlian-shanchu list-index--icon-guanlian-shanchu sk-pseudo sk-pseudo-circle"></text>
  160. </view>
  161. </view>
  162. </navigator>
  163. </view>
  164. </view>
  165. </view>
  166. </view>
  167. </view>
  168. <view class="footer">
  169. <view class="count sk-transparent sk-text-32-2222-106 sk-text">
  170. ¥400
  171. </view>
  172. <view class="but-box">
  173. <view is="miniprogram_npm/@vant/weapp/button/index">
  174. <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"
  175. 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">
  176. <view class="van-button__text button-index--van-button__text sk-transparent sk-text-15-0000-829 sk-text" style="background-position-x: 50%;">{{language['删除订单']||'删除订单'}}</view>
  177. </button>
  178. </view>
  179. <view is="miniprogram_npm/@vant/weapp/button/index">
  180. <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"
  181. 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">
  182. <view class="van-button__text button-index--van-button__text sk-transparent sk-text-15-0000-447 sk-text" style="background-position-x: 50%;">{{language['提交订单']||'提交订单'}}</view>
  183. </button>
  184. </view>
  185. </view>
  186. </view>
  187. </view>
  188. </template>