detail.skeleton.wxml 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229
  1. <!--
  2. 此文件为开发者工具生成,生成时间: 2023/6/9上午10:00:50
  3. 使用方法:
  4. 在 D:\开发项目\YOS_wechat\packageA\contract\detail.wxml 引入模板
  5. ```
  6. <import src="detail.skeleton.wxml"/>
  7. <template is="skeleton" wx:if="{{loading}}" />
  8. ```
  9. 在 D:\开发项目\YOS_wechat\packageA\contract\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="header">
  18. <view class="title sk-transparent sk-text-14-2857-749 sk-text">合同业务员代理</view>
  19. <view is="pages/tags/modules/Yl-tags/index" id="Tags">
  20. <view class="tags-index--tag-box">
  21. <view class="tags-index--add sk-transparent">
  22. <view is="miniprogram_npm/@vant/weapp/icon/index" style="margin-right: 3px;">
  23. <view class="van-icon icon-index--van-icon van-icon-plus icon-index--van-icon-plus sk-pseudo sk-pseudo-circle" style="true"></view>
  24. </view>添加
  25. </view>
  26. </view>
  27. </view>
  28. </view>
  29. <view is="components/Yl_Detail/index">
  30. <view class="Detail-index--box">
  31. <view class="Detail-index--row">
  32. <view class="Detail-index--label sk-transparent sk-text-14-7059-7 sk-text">合同编号:</view>
  33. <view class="Detail-index--value sk-transparent sk-text-14-7059-382 sk-text">CB202303290001</view>
  34. </view>
  35. <view class="Detail-index--row">
  36. <view class="Detail-index--label sk-transparent sk-text-14-7059-263 sk-text">合同类型:</view>
  37. <view class="Detail-index--value sk-transparent sk-text-14-7059-952 sk-text">经销商合作协议</view>
  38. </view>
  39. <view class="Detail-index--row">
  40. <view class="Detail-index--label sk-transparent sk-text-14-7059-985 sk-text">经销商:</view>
  41. <view class="Detail-index--value sk-transparent sk-text-14-7059-759 sk-text">杭州市拱墅区天水街道区域发展与治理中心(杭州市拱墅区天水街道社会治安综合治理中心)</view>
  42. </view>
  43. <view class="Detail-index--row">
  44. <view class="Detail-index--label sk-transparent sk-text-14-7059-175 sk-text">签约金额(元):</view>
  45. <view class="Detail-index--value sk-transparent sk-text-14-7059-930 sk-text">¥1,921.50</view>
  46. </view>
  47. <view class="Detail-index--row">
  48. <view class="Detail-index--label sk-transparent sk-text-14-7059-362 sk-text">{{language['折扣(%)']||'折扣(%)'}}:</view>
  49. <view class="Detail-index--value sk-transparent sk-text-14-7059-588 sk-text">100%</view>
  50. </view>
  51. <view class="Detail-index--row">
  52. <view class="Detail-index--label sk-transparent sk-text-14-7059-547 sk-text">签约日期:</view>
  53. <view class="Detail-index--value sk-transparent sk-text-14-7059-171 sk-text">2023-03-31</view>
  54. </view>
  55. <view class="Detail-index--row">
  56. <view class="Detail-index--label sk-transparent sk-text-14-7059-644 sk-text">状态:</view>
  57. <view class="Detail-index--value sk-transparent sk-text-14-7059-271 sk-text">新建</view>
  58. </view>
  59. <view is="pages/group/modules/Yl-group/index" id="Group">
  60. <navigator class="group-box Yl-group-index--group-box">
  61. <view class="label Yl-group-index--label sk-transparent sk-text-14-2857-544 sk-text">
  62. 团队:
  63. </view>
  64. <view class="list Yl-group-index--list">
  65. <view class="item Yl-group-index--item">
  66. <view class="sk-transparent sk-text-28-1250-515 sk-text" style="background-position-x: 50%;">
  67. </view>
  68. <text class="iconfont Yl-group-index--iconfont icon-fuzeren Yl-group-index--icon-fuzeren sk-pseudo sk-pseudo-circle"></text>
  69. </view>
  70. </view>
  71. <view class="right Yl-group-index--right">
  72. <view>
  73. <view is="miniprogram_npm/@vant/weapp/icon/index">
  74. <view class="van-icon icon-index--van-icon van-icon-arrow icon-index--van-icon-arrow sk-pseudo sk-pseudo-circle" style="font-size:10px"></view>
  75. </view>
  76. </view>
  77. </view>
  78. </navigator>
  79. </view>
  80. </view>
  81. </view>
  82. <view style="height: 10px;"></view>
  83. <view is="components/Yl_FunTabs/index">
  84. <scroll-view enable-flex="true" scroll-with-animation="true" scroll-x="true" class="scroll FunTabs-index--scroll" scroll-left="0">
  85. <view class="item FunTabs-index--item" data-index="0" id="df5feaa6--">
  86. <view class="icon FunTabs-index--icon">
  87. <text class="iconfont FunTabs-index--iconfont icon-tabxiangxixinxi1 FunTabs-index--icon-tabxiangxixinxi1 sk-pseudo sk-pseudo-circle"></text>
  88. </view>
  89. <view class="label FunTabs-index--label line-1 FunTabs-index--line-1 sk-transparent sk-text-14-2857-990 sk-text" style="background-position-x: 50%;">详细信息</view>
  90. </view>
  91. <view class="item FunTabs-index--item active FunTabs-index--active" data-index="1" id="df5feaa6--active1">
  92. <view class="icon FunTabs-index--icon">
  93. <text class="iconfont FunTabs-index--iconfont icon-tabchanpin FunTabs-index--icon-tabchanpin sk-pseudo sk-pseudo-circle"></text>
  94. </view>
  95. <view class="label FunTabs-index--label line-1 FunTabs-index--line-1 sk-transparent sk-text-14-2857-144 sk-text" style="background-position-x: 50%;">产品明细折扣</view>
  96. </view>
  97. <view class="item FunTabs-index--item" data-index="2">
  98. <view class="icon FunTabs-index--icon">
  99. <text class="iconfont FunTabs-index--iconfont icon-tabchanpinleibie FunTabs-index--icon-tabchanpinleibie sk-pseudo sk-pseudo-circle"></text>
  100. </view>
  101. <view class="label FunTabs-index--label line-1 FunTabs-index--line-1 sk-transparent sk-text-14-2857-146 sk-text" style="background-position-x: 50%;">产品类别折扣</view>
  102. </view>
  103. <view class="item FunTabs-index--item" data-index="3">
  104. <view class="icon FunTabs-index--icon">
  105. <text class="iconfont FunTabs-index--iconfont icon-tabrenwu FunTabs-index--icon-tabrenwu sk-pseudo sk-pseudo-circle"></text>
  106. </view>
  107. <view class="label FunTabs-index--label line-1 FunTabs-index--line-1 sk-transparent sk-text-14-2857-149 sk-text" style="background-position-x: 50%;">业绩目标</view>
  108. </view>
  109. <view class="item FunTabs-index--item" data-index="4">
  110. <view class="label FunTabs-index--label line-1 FunTabs-index--line-1 sk-transparent sk-text-14-2857-336 sk-text" style="background-position-x: 50%;">跟进动态</view>
  111. </view>
  112. </scroll-view>
  113. <view class="slot-box FunTabs-index--slot-box">
  114. <view is="packageA/contract/modules/discount/product/index" id="PiscountProduct">
  115. <view class="product-index--head">
  116. <view class="product-index--count sk-transparent sk-text-14-2857-489 sk-text">产品明细折扣</view>
  117. <view class="product-index--expand">
  118. <navigator class="product-index--but">
  119. <view is="miniprogram_npm/@vant/weapp/icon/index">
  120. <view class="van-icon icon-index--van-icon van-icon-plus icon-index--van-icon-plus sk-pseudo sk-pseudo-circle" style="true"></view>
  121. </view>
  122. </navigator>
  123. </view>
  124. </view>
  125. <view is="packageA/contract/modules/discount/product/list/index">
  126. <view class="product-item product-list-index--product-item">
  127. <navigator class="product product-list-index--product">
  128. <view class="mian product-list-index--mian">
  129. <view class="img product-list-index--img" data-file="[object Object]">
  130. <view is="miniprogram_npm/@vant/weapp/image/index">
  131. <view class=" van-image image-index--van-image" style="width:100%;height:100%">
  132. <image class="van-image__img image-index--van-image__img sk-image" mode="scaleToFill" lazy-load="true"></image>
  133. </view>
  134. </view>
  135. </view>
  136. <view class="dec product-list-index--dec">
  137. <view class="title product-list-index--title line-1 product-list-index--line-1 sk-transparent sk-text-14-2857-398 sk-text">
  138. 给水316L对丝
  139. </view>
  140. <view class="subfield product-list-index--subfield sk-transparent sk-text-14-7059-148 sk-text">
  141. 编号:2311142004700
  142. </view>
  143. <view class="subfield product-list-index--subfield">
  144. <text class="line-1 product-list-index--line-1 sk-transparent sk-text-14-7059-345 sk-text" style="margin-right: 3px;">品牌:班尼戈</text>
  145. <text class="line-1 product-list-index--line-1 sk-transparent sk-text-14-7059-958 sk-text">产品类别:紫铜,不锈钢</text>
  146. </view>
  147. <view class="subfield product-list-index--subfield">
  148. <text class="line-1 product-list-index--line-1 sk-transparent sk-text-14-7059-51 sk-text" style="margin-right: 3px;">规格:R3/4×R3/4</text>
  149. <text class="line-1 product-list-index--line-1 sk-transparent sk-text-14-7059-826 sk-text">型号:DN20</text>
  150. </view>
  151. <view class="subfield product-list-index--subfield">
  152. <text class="line-1 product-list-index--line-1 sk-transparent sk-text-14-7059-469 sk-text" style="margin-right: 3px;">牌价:¥175.00</text>
  153. </view>
  154. </view>
  155. <view class="delete product-list-index--delete" data-item="[object Object]">
  156. <text class="iconfont product-list-index--iconfont icon-guanlian-shanchu product-list-index--icon-guanlian-shanchu sk-pseudo sk-pseudo-circle"></text>
  157. </view>
  158. </view>
  159. </navigator>
  160. <view class="bot product-list-index--bot">
  161. <view class="row product-list-index--row">
  162. <view style="margin-right: 15px;">
  163. <view class="label product-list-index--label sk-transparent sk-text-14-2857-779 sk-text">{{language['折扣(%)']||'折扣(%)'}}:</view>
  164. <view class="input product-list-index--input sk-image" data-index="0" data-name="discountrate" style="width: 65px;" type="digit" value="350.00"></view>
  165. </view>
  166. <view>
  167. <view class="label product-list-index--label sk-transparent sk-text-14-2857-699 sk-text">单价(元):</view>
  168. <view class="input product-list-index--input sk-image" data-index="0" data-name="price" style="flex: 1;" type="digit" value="612.5"></view>
  169. </view>
  170. </view>
  171. </view>
  172. </view>
  173. <view class="product-item product-list-index--product-item">
  174. <navigator class="product product-list-index--product">
  175. <view class="mian product-list-index--mian">
  176. <view class="img product-list-index--img" data-file="[object Object]">
  177. <view is="miniprogram_npm/@vant/weapp/image/index">
  178. <view class=" van-image image-index--van-image" style="width:100%;height:100%">
  179. <image class="van-image__img image-index--van-image__img sk-image" mode="scaleToFill" lazy-load="true"></image>
  180. </view>
  181. </view>
  182. </view>
  183. <view class="dec product-list-index--dec">
  184. <view class="title product-list-index--title line-1 product-list-index--line-1 sk-transparent sk-text-14-2857-789 sk-text">
  185. 燃气六角螺帽
  186. </view>
  187. <view class="subfield product-list-index--subfield sk-transparent sk-text-14-7059-96 sk-text">
  188. 编号:2311119003640
  189. </view>
  190. <view class="subfield product-list-index--subfield">
  191. <text class="line-1 product-list-index--line-1 sk-transparent sk-text-14-7059-456 sk-text" style="margin-right: 3px;">品牌:班尼戈</text>
  192. <text class="line-1 product-list-index--line-1 sk-transparent sk-text-14-7059-452 sk-text">产品类别:暖通系列</text>
  193. </view>
  194. <view class="subfield product-list-index--subfield">
  195. <text class="line-1 product-list-index--line-1 sk-transparent sk-text-14-7059-705 sk-text" style="margin-right: 3px;">规格:M16</text>
  196. <text class="line-1 product-list-index--line-1 sk-transparent sk-text-14-7059-359 sk-text">型号:M16</text>
  197. </view>
  198. <view class="subfield product-list-index--subfield">
  199. <text class="line-1 product-list-index--line-1 sk-transparent sk-text-14-7059-272 sk-text" style="margin-right: 3px;">牌价:¥220.00</text>
  200. </view>
  201. </view>
  202. <view class="delete product-list-index--delete" data-item="[object Object]">
  203. <text class="iconfont product-list-index--iconfont icon-guanlian-shanchu product-list-index--icon-guanlian-shanchu sk-pseudo sk-pseudo-circle"></text>
  204. </view>
  205. </view>
  206. </navigator>
  207. <view class="bot product-list-index--bot">
  208. <view class="row product-list-index--row">
  209. <view style="margin-right: 15px;">
  210. <view class="label product-list-index--label sk-transparent sk-text-14-2857-223 sk-text">{{language['折扣(%)']||'折扣(%)'}}:</view>
  211. <view class="input product-list-index--input sk-image" data-index="1" data-name="discountrate" style="width: 65px;" type="digit" value="454.09"></view>
  212. </view>
  213. <view>
  214. <view class="label product-list-index--label sk-transparent sk-text-14-2857-335 sk-text">单价(元):</view>
  215. <view class="input product-list-index--input sk-image" data-index="1" data-name="price" style="flex: 1;" type="digit" value="999"></view>
  216. </view>
  217. </view>
  218. </view>
  219. </view>
  220. </view>
  221. </view>
  222. </view>
  223. </view>
  224. </view>
  225. </template>