抖音c端
您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符

1年前
1年前
1年前
1年前
1年前
1年前
1年前
1年前
1年前
1年前
1年前
1年前
1年前
1年前
1年前
1年前
1年前
1年前
1年前
1年前
1年前
1年前
1年前
1年前
1年前
1年前
1年前
1年前
1年前
1年前
1年前
1年前
1年前
1年前
1年前
1年前
1年前
1年前
1年前
1年前
1年前
1年前
1年前
1年前
1年前
1年前
1年前
1年前
1年前
1年前
1年前
1年前
1年前
1年前
1年前
1年前
1年前
1年前
1年前
1年前
1年前
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413
  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. <!-- -->