抖音c端
Nie możesz wybrać więcej, niż 25 tematów Tematy muszą się zaczynać od litery lub cyfry, mogą zawierać myślniki ('-') i mogą mieć do 35 znaków.

413 wiersze
18 KiB

  1. <!-- <navbar home back text="订单详情"></navbar>
  2. <view style="height:{{navigationBarHeight}} "></view> -->
  3. <view class='order' tt:if="{{showPage}}">
  4. <view tt:if="{{IMorderId && imId}}" class="serviceBOX">
  5. <button class="serviceBox2" open-type="im" data-im-id="{{ imId }}" data-im-type="order"
  6. data-order-id="{{ IMorderId }}" bindim="imCallback" binderror="onimError">
  7. <view class="fuwuLogoBox f">
  8. <image class="itemLogo" src="../../../assets/images/service1.png" />
  9. </view>
  10. </button>
  11. </view>
  12. </view>
  13. <view tt:if="{{order.orderStatus==1}}" class='tips'>
  14. <image class='success' src='{{succUrl}}' mode='widthFix'></image>
  15. <view tt:if="{{order.salePrice/100==0}}" class='msg'>
  16. <text>交易成功</text>
  17. <!-- <text>请尽快到门店使用,有效期至{{}}</text> -->
  18. </view>
  19. <view tt:if="{{order.salePrice/100!=0}}" class='msg'>
  20. <text>付款成功</text>
  21. <!-- <text>请尽快到门店使用,有效期至{{}}</text> -->
  22. </view>
  23. </view>
  24. <view class='section'>
  25. <view class='sectionTit'>
  26. <text>{{order.title}}</text>
  27. </view>
  28. <!-- -->
  29. <view class='detail_msg' bindtap="goDetail">
  30. <view class='logo'>
  31. <image mode='aspectFill' src='{{order.coverImg}}'></image>
  32. </view>
  33. <view class='info'>
  34. <view class="salePriceStr ">
  35. <view class='rmb'>¥</view>
  36. <view class="pri01">{{(order.payment)/100}}</view>
  37. <view class="throgh">{{(order.price)/100}}</view>
  38. </view>
  39. <view class="subTitle">
  40. <text>{{order.subTitle}}</text>
  41. </view>
  42. <view class="xidanTiem">
  43. <text>下单时间:</text>{{createDate}}
  44. </view>
  45. <image class="infoArrow" src="{{chevronUrl}}" mode='widthFix'></image>
  46. <view
  47. tt:if="{{orderStatus != 'noRefund' && orderStatus != 'orderCancel' && (couponOrderStatus == 0 || couponOrderStatus == 3) }}">
  48. <pay-button tt:if="{{orderStatus}}" id='payBtn' class="goRefundPayBtn" order-status="{{orderStatus}}"
  49. order-id="{{outOrderId}}" refund-id="{{outRefundOrderId}}" bind:refund="handleRefund"
  50. bind:applyrefund="applyRefund" bind:error="handleError" />
  51. <view id='payBtn' tt:if="{{!orderStatus}}" class="goRefund">
  52. 退款处理中
  53. </view>
  54. </view>
  55. <view tt:if="{{orderStatus == 'orderCancel'}}">
  56. <view id='payBtn' class="goRefund">
  57. 交易关闭
  58. </view>
  59. </view>
  60. <!-- <view class="goRefund" catchtap="goRefund" data-id="{{order.id}}"
  61. tt:if="{{order.payment!=0&&(order.couponOrderStatus==0||order.couponOrderStatus==3)}}">
  62. {{order.couponOrderStatus==0?'申请退款':'退款进度'}}</view> -->
  63. </view>
  64. </view>
  65. </view>
  66. <view class="zhuangtai">
  67. <image tt:if="{{order.couponOrderStatus==1}}" src="{{wm01Url}}" mode='widthFix'></image>
  68. <image tt:if="{{order.couponOrderStatus==2}}" src="{{wm02Url}}" mode='widthFix'></image>
  69. <image tt:if="{{order.couponOrderStatus==3 && orderStatus != 2}}" src="{{wm03Url}}" mode='widthFix'></image>
  70. <image tt:if="{{order.couponOrderStatus==3 && orderStatus == 2}}" src="{{wm05Url}}" mode='widthFix'></image>
  71. <image tt:if="{{order.couponOrderStatus==0&&order.validStatus==0}}" src="{{wm04Url}}" mode='widthFix'></image>
  72. <view class="panel" tt:if="{{order.couponOrderStatus==0&&order.validStatus!=0}}">
  73. <view class="canWrap">
  74. <canvas canvas-id="qrcode" style="width: 1200rpx; height: 800rpx;" />
  75. </view>
  76. <image src="{{tempFilePath}}" mode="aspectFit" />
  77. <view class="closeRq" tt:if="{{showhieRq}}" bindtap="setRq">
  78. <image class="updataRqCode" mode='widthFix' src="{{upDataRqUrlF}}"></image>
  79. <view class="upDataRq">点一点刷新二维码</view>
  80. </view>
  81. <view class="coedTiem" tt:if="{{!showhieRq&&expiredSeconds>1}}">二维码在
  82. <text style="color:red">{{expiredSeconds}}s</text>
  83. 后失效
  84. </view>
  85. <!-- <view class="barnum buy"><text>兑换码:</text>{{code}}</view> -->
  86. </view>
  87. </view>
  88. <view class='classif'>
  89. <!--
  90. couponOrderStatus
  91. 0 未使用
  92. 1 已使用
  93. 2 已过期
  94. 3 已经退款
  95. -->
  96. <!--
  97. orderStatus
  98. 1
  99. 只有支付完成的时
  100. 才显示兑换码
  101. -->
  102. <!-- bindtap="powerDrawer" -->
  103. <view tt:if="{{order.type == 69 && order.couponOrderStatus == 0}}" class='dhCode' data-id="{{order.couponOrderId}}"
  104. bindtap="goAppointment">
  105. <view style="width:86%;clear: both;">
  106. <text class="fl">预约时间:</text>
  107. <text tt:if="{{ !isAppointment }}" class="fr" style="color: #d4a971;">点击预约</text>
  108. <text tt:if="{{ isAppointment && appointmentStatus == 0 }}" class="fr" style="color: #d4a971">{{appointStart }}{{
  109. ' - ' }}{{ appointEnd}}</text>
  110. <text
  111. tt:if="{{ isAppointment && ( appointmentStatus == 1 || appointmentStatus == 2 || appointmentStatus == 3 ) }}"
  112. class="fr" style="color: #d4a971;">预约已取消
  113. </text>
  114. <text tt:if="{{ isAppointment && appointmentStatus == 4 }}" class="fr" style="color: #d4a971;">预约派单中
  115. </text>
  116. <text tt:if="{{ isAppointment && appointmentStatus == 5 }}" class="fr" style="color: #d4a971;">预约已派单
  117. </text>
  118. <text tt:if="{{ isAppointment && appointmentStatus == 6 }}" class="fr" style="color: #d4a971;">预约派单中
  119. </text>
  120. <text tt:if="{{ isAppointment && appointmentStatus == 7 }}" class="fr" style="color: #d4a971;">预约派单中
  121. </text>
  122. <text tt:if="{{ isAppointment && appointmentStatus == 8 }}" class="fr" style="color: #d4a971;">服务已完成
  123. </text>
  124. <text tt:if="{{ isAppointment && appointmentStatus == 9 }}" class="fr" style="color: #d4a971;">已评价</text>
  125. <text tt:if="{{ isAppointment && appointmentStatus == '-1' }}" class="fr" style="color: #d4a971;">完善预约信息</text>
  126. </view>
  127. </view>
  128. <view tt:if="{{order.orderStatus==1&&order.type!=100&&order.type!=5&&order.type!=51}}"
  129. data-couponOrderStatus="{{order.couponOrderStatus}}" data-title="{{order.title}}" data-subtitle="{{order.subTitle}}"
  130. data-remark="{{order.remark}}" data-quancode="{{order.couponOrderId}}" data-validstatus="{{order.validStatus}}"
  131. class='dhCode'>
  132. <view style="width:86%;clear: both;">
  133. <text class="fl">兑换码:</text>
  134. <text class="fr" tt:if="{{order.validStatus!=0}}">{{showIdFalg?order.couponOrderId:order.couponOrderIdS}}</text>
  135. <image class="barnumImg" src="../../../assets/images/password.png" bindtap="showId"></image>
  136. </view>
  137. <view>
  138. <!-- <image class="spcode" src="{{spcodeUrl}}" mode='widthFix'></image>
  139. <image class="rArrow" src="{{chevronUrl}}" mode='widthFix'></image> -->
  140. </view>
  141. </view>
  142. <view class='dhCode' bindtap="goPaySnapshoot" data-id="{{order.id}}"
  143. tt:if="{{(order.orderStatus!=0&&order.orderStatus!=2)}}">
  144. <view style="width:86%;clear: both;">
  145. <text class="fl">交易快照:可作为交易争执的判断依据</text>
  146. </view>
  147. <view>
  148. <image class="rArrow" src="{{chevronUrl}}" mode='widthFix'></image>
  149. </view>
  150. </view>
  151. <!-- <view>
  152. <text>下单时间</text>
  153. <text class='fr'>{{createDate}}</text>
  154. </view> -->
  155. <view class='dhCode'>
  156. <text class='bianhao'>订单编号:</text>
  157. <text>{{order.id}}</text>
  158. </view>
  159. <view class='wuliu' tt:if="{{order.type==11}}">
  160. <text class='left'>物流状态:</text>
  161. <text
  162. class="right">{{(order.shippingStatus==10||order.shippingStatus==14)?"待自提":order.shippingStatus==15?"已自提":order.shippingStatus==20?"待发货":order.shippingStatus==24?"待收货":order.shippingStatus==25?"已收货":""}}</text>
  163. </view>
  164. <view class='wuliu' tt:if="{{order.shippingType==2&&order.deliveryInfo}}">
  165. <text class='left'>物流公司:</text>
  166. <text class="right">{{order.deliveryInfo.courierInput}}</text>
  167. </view>
  168. <view class='wuliu' tt:if="{{order.shippingType==2&&order.deliveryInfo}}">
  169. <text class='left'>快递单号:</text>
  170. <view class="left">{{order.deliveryInfo.expressageIdInput}}</view>
  171. <view class="copeCode" bindtap="copeCode" data-text="{{order.deliveryInfo.expressageIdInput}}">复制</view>
  172. <text class="goInquire" bindtap="gokuaidi" data-nu="{{order.deliveryInfo.expressageIdInput}}">查询物流</text>
  173. </view>
  174. <!-- <view>
  175. <text tt:if="{{order.type == 8}}">原价</text>
  176. <text tt:if="{{order.type != 8}}">面额</text>
  177. <text class="jine1" tt:if="{{order.unit==0}}">{{order.price/100}}元</text>
  178. <text class="jine1" tt:if="{{order.unit==1}}">{{order.price/100}}小时</text>
  179. </view> -->
  180. <view style="overflow: hidden; padding-left: 5%;padding-right: 5%;height: 96rpx;line-height: 96rpx;">
  181. <text class='left'>实付金额:</text>
  182. <view class='right'>
  183. <text class='RMB'>¥</text>
  184. <text class='jine'>{{order.payment/100}}</text>
  185. </view>
  186. </view>
  187. </view>
  188. <!-- 适用门店 -->
  189. <shop tt:if="{{mallList.length>0}}" mallList="{{mallList}}"></shop>
  190. <vieW class="groupTitleBox">
  191. <view class="groupTitle" tt:if="{{order.itemGroup.length>0}}">团购详情</view>
  192. </vieW>
  193. <view class="groupTextBox" tt:if="{{order.itemGroup.length>0}}" tt:for="{{order.itemGroup}}">
  194. <view class="groupTitleS" tt:if="{{item.group_name}}">{{item.group_name}}</view>
  195. <view class="groupDetailsBox" tt:for="{{item.item_list}}" tt:for-item="itemChi">
  196. <view class="groupTiemBox">
  197. <view class="yuandian"></view>
  198. <view class="groupTiemName">{{itemChi.name}}({{itemChi.count}}份)</view>
  199. <view class="groupTiemPay">¥{{itemChi.price/100}}</view>
  200. </view>
  201. </view>
  202. </view>
  203. <image tt:if="{{order.type == 69}}" class="alerting" mode='widthFix' src="../../../assets/images/appointment.png">
  204. </image>
  205. <view class='notes'>
  206. <view class="notesH">
  207. 购买须知
  208. </view>
  209. <view class="timeText">使用期</view>
  210. <view class="Hchild">• {{order.validStartDate}}至{{order.validEndDate}}</view>
  211. <view tt:if="{{order.soldStartTime && order.soldEndTime}}">
  212. <view class="timeText">售卖期</view>
  213. <view class="Hchild">• {{order.soldStartTime}}至{{order.soldEndTime}}</view>
  214. </view>
  215. <view class="timeText">可用时间</view>
  216. <view class="Hchild">• 商家营业时间内使用</view>
  217. <view class="Hchild" tt:if="{{order.can_no_use_date.weekend}}">• 周末不支持使用</view>
  218. <view class="Hchild" tt:if="{{order.can_no_use_date.HolidaysFlag}}">• 节假日(元旦、春节、清明、劳动节、端午节、中秋节、国庆节、情人节、圣诞节)不支持使用
  219. </view>
  220. <view tt:if="{{ order.useLimitQuantity }}" class="timeText">购买限制</view>
  221. <view tt:if="{{ order.useLimitQuantity }}" class="Hchild">• 每个用户限购{{order.useLimitQuantity}}单</view>
  222. <view tt:if="{{ use_num_per_consume }}" class="timeText">使用限制</view>
  223. <view tt:if="{{ use_num_per_consume }}" class="Hchild">• 每个用户仅可用{{use_num_per_consume}}张</view>
  224. <view class="timeText">预约消费</view>
  225. <view class="Hchild" tt:if="{{!order.subscribeSing}}">• 无需预约</view>
  226. <view class="Hchild" tt:if="{{order.subscribeSing}}">• {{order.subscribeSing}}</view>
  227. <view class="timeText" tt:if="{{order.rec_person_num_max}}">适用人数</view>
  228. <view class="Hchild" tt:if="{{order.rec_person_num_max}}">• 该优惠劵最多{{order.rec_person_num_max}}人使用</view>
  229. <view tt:if="{{ order.pack || order.besides || order.superimposed_discounts ||
  230. order.private_room }}" class="timeText">
  231. 温馨提示</view>
  232. <view class="Hchild" tt:if="{{order.pack}}">• 该优惠商品{{order.pack=='false'?'不支持':'支持'}}打包</view>
  233. <view class="Hchild" tt:if="{{order.besides}}">• {{order.besides=="false"?'不可以':'可以'}}外带餐食</view>
  234. <view class="Hchild" tt:if="{{order.superimposed_discounts}}">•
  235. {{order.superimposed_discounts=="false"?'不可以':'可以'}}享受店内其他优惠</view>
  236. <view class="Hchild" tt:if="{{order.private_room}}">• {{order.private_room=="false"?'不可以使用':'可以使用'}}包间</view>
  237. <view class="notesH" tt:if="{{order.curLsit}}">使用规则</view>
  238. <text tt:if="{{ data.remark }}" class="notesText">{{ data.remark }}</text>
  239. <view tt:if="{{ contentType == 1 }}">
  240. <import src="../../freeBannerDetail/ttParse/wxParse.ttml" />
  241. <view class="content" style="width: 750rpx;padding: 0 20rpx;">
  242. <template is="wxParse" data="{{wxParseData:article.nodes}}" />
  243. </view>
  244. </view>
  245. <view tt:if="{{order.curLsit}}" tt:for="{{order.curLsit}}" tt:key="{{index}}">
  246. <view class="timeText" tt:if="{{item.title!=''}}">{{item.title}}</view>
  247. <text class="Hchild">{{item.content}}</text>
  248. </view>
  249. </view>
  250. <!-- 子券列表 -->
  251. <view class="childList" tt:if="{{order.type==12}}">
  252. <view class="childTitle">礼券:</view>
  253. <view class="childItme" tt:for="{{order.giftCouponList}}" tt:key="{{item}}">
  254. <view class="chaildDetBox">
  255. <image mode='aspectFill' class="chaildImg" src="{{item.coverImg}}"></image>
  256. <view class="childDataBox">
  257. <view class="orderName">{{item.title}}</view>
  258. <view class="childPriceStr">面额:{{item.priceStr}}元</view>
  259. </view>
  260. </view>
  261. </view>
  262. </view>
  263. <!-- 待付款 显示立即购买的按钮 -->
  264. <view tt:if="{{(order.orderStatus==0&&order.salePrice!=0)||(order.orderStatus==7&&order.salePrice!=0)}}"
  265. class="buy-view app-border-top">
  266. <button bindtap='orderFunc' hover-class='active' data-couponChannelId="{{orderFlag?order.composeOrderId:order.id}}"
  267. disabled='{{showButton}}' class="{{mouldType!=1?'buy':'buyX'}}">立即支付</button>
  268. </view>
  269. <view class='game' bindtap="gotogame" tt-if="{{showIf&&order.orderStatus!=0}}">
  270. <view class='game-entry'>
  271. <image src="{{newUrl}}" class='gameimg' mode='widthFix'></image>
  272. </view>
  273. <view class='notes'>
  274. <view class="notesH">购买须知</view>
  275. <view class="timeText">有效期</view>
  276. <view class="Hchild">• {{order.validStartDate}}至{{order.validEndDate}}</view>
  277. <view tt:if="{{order.soldStartTime && order.soldEndTime}}">
  278. <view class="timeText">售卖期</view>
  279. <view class="Hchild">• {{order.soldStartTime}}至{{order.soldEndTime}}</view>
  280. </view>
  281. <view class="timeText">可用时间</view>
  282. <view class="Hchild">• 商家营业时间内到店使用</view>
  283. <view class="Hchild" tt:if="{{order.can_no_use_date.weekend}}">• 周末不支持使用</view>
  284. <view class="Hchild" tt:if="{{order.can_no_use_date.HolidaysFlag}}">• 节假日(元旦、春节、清明、劳动节、端午节、中秋节、国庆节、情人节、圣诞节)不支持使用
  285. </view>
  286. <view class="timeText">购买限制</view>
  287. <view class="Hchild">• 每个用户限购{{order.useLimitQuantity}}单</view>
  288. <view class="timeText">预约消费</view>
  289. <view class="Hchild" tt:if="{{!order.subscribeSing}}">• 无需预约,高峰时段可能等位</view>
  290. <view class="Hchild" tt:if="{{order.subscribeSing}}">• {{order.subscribeSing}}</view>
  291. <view class="timeText" tt:if="{{order.rec_person_num_max}}">适用人数</view>
  292. <view class="Hchild" tt:if="{{order.rec_person_num_max}}">• 该优惠劵最多{{order.rec_person_num_max}}人使用</view>
  293. <view class="timeText">温馨提示</view>
  294. <view class="Hchild">• 该优惠券不支持配送或外卖</view>
  295. <view class="Hchild" tt:if="{{order.pack}}">• 该优惠商品{{order.pack=='false'?'不支持':'支持'}}打包</view>
  296. <view class="Hchild" tt:if="{{order.besides}}">• {{order.besides=="false"?'不可以':'可以'}}外带餐食</view>
  297. <view class="Hchild" tt:if="{{order.superimposed_discounts}}">•
  298. {{order.superimposed_discounts=="false"?'不可以':'可以'}}享受店内其他优惠</view>
  299. <view class="Hchild" tt:if="{{order.private_room}}">• {{order.private_room=="false"?'不可以使用':'可以使用'}}包间</view>
  300. <view class="notesH" tt:if="{{order.curLsit}}">使用规则</view>
  301. <view tt:if="{{order.curLsit}}" tt:for="{{order.curLsit}}" tt:key="{{index}}">
  302. <view class="timeText" tt:if="{{item.title!=''}}">{{item.title}}</view>
  303. <text class="Hchild">{{item.content}}</text>
  304. </view>
  305. </view>
  306. <!-- 子券列表 -->
  307. <view class="childList" tt:if="{{order.type==12}}">
  308. <view class="childTitle">礼券:</view>
  309. <view class="childItme" tt:for="{{order.giftCouponList}}" tt:key="{{item}}">
  310. <view class="chaildDetBox">
  311. <image mode='aspectFill' class="chaildImg" src="{{item.coverImg}}"></image>
  312. <view class="childDataBox">
  313. <view class="orderName">{{item.title}}</view>
  314. <view class="childPriceStr">面额:{{item.priceStr}}元</view>
  315. </view>
  316. </view>
  317. </view>
  318. </view>
  319. <!-- 待付款 显示立即购买的按钮 -->
  320. <view tt:if="{{(order.orderStatus==0&&order.salePrice!=0)||(order.orderStatus==7&&order.salePrice!=0)}}"
  321. class="buy-view app-border-top">
  322. <button bindtap='orderFunc' hover-class='active' data-couponChannelId="{{orderFlag?order.composeOrderId:order.id}}"
  323. disabled='{{showButton}}' class="{{mouldType!=1?'buy':'buyX'}}">立即支付</button>
  324. </view>
  325. <view class='game' bindtap="gotogame" tt-if="{{showIf&&order.orderStatus!=0}}">
  326. <view class='game-entry'>
  327. <image src="{{newUrl}}" class='gameimg' mode='widthFix'></image>
  328. </view>
  329. </view>
  330. <!-- <button type="primary" open-type="share" tt:if="{{order.type == 100 && supportTransfer==1&&cardIf}}" class='support-tansfer'>
  331. <image src="{{weixinTitle}}" class='share' mode="widthFix"></image>转赠给微信好友</button> -->
  332. <view class="sign"
  333. tt:if="{{order.couponOrderStatus == 0 &&order.type == 11 && order.shippingType == 2 && order.shippingStatus== 24}}"
  334. bindtap="setShow">签收
  335. </view>
  336. <view class="evaluate" bindtap="goEvaluate" tt:if="{{evaluateFlag}}">去评价</view>
  337. <view class="explainText"
  338. tt:if="{{serviceUrl!=''&&(order.orderStatus==1||order.orderStatus==3||order.orderStatus==4||order.orderStatus==5)}}">
  339. 对本订单有疑问或纠纷,请点击下方联系抖音官方客服</view>
  340. <view class="serviceBox"
  341. tt:if="{{serviceUrl!=''&&(order.orderStatus==1||order.orderStatus==3||order.orderStatus==4||order.orderStatus==5)}}"
  342. bindtap="goWebView">
  343. <image src="../../../assets/images/service1.png" class="serviceImg"></image>
  344. <view class="serviceText"> 抖音官方客服</view>
  345. </view>
  346. </view>
  347. <view class="showT" tt:if="{{showFlag}}" bindtap="hieShow">
  348. <view class="titleBxo">
  349. <view class="text">是否确认收到商品?</view>
  350. <view class="p">签收后将完成订单</view>
  351. <view class="btnBox">
  352. <view class="le" bindtap="verify">确认签收</view>
  353. <view class="ri" bindtap="hieShow">取消</view>
  354. </view>
  355. </view>
  356. </view>
  357. <!-- -->