gbOrderDetails.vue 41 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302
  1. <template>
  2. <view class="container">
  3. <navbar :config="config" backColor="#666"></navbar>
  4. <!--已付款,待发货!-->
  5. <!-- <view class="account-paid u-text-center u-border-one-one u-bg-fff">
  6. <image src="../../../static/succeed.png"></image>
  7. <view class="u-font36 u-1A1A1A u-mt30">已付款,待发货!</view>
  8. </view> -->
  9. <view class="top-state u-font24 u-00321E">
  10. <!--待付款-->
  11. <view class="obligation" v-if="payment_status == 0">
  12. <view class="u-flex-center u-flex1">
  13. <image class="timeImg" :src="imgUrl + '/time.png'"></image>
  14. <view class="u-flex1">
  15. <view class="u-font32 u-bold">{{ close_mode == 0 ? '待付款' : '订单已关闭' }}</view>
  16. <view class="u-flex u-font26" v-if="close_mode == 0">
  17. 请在
  18. <uni-countdown class="uni-countdown-class" :backgroundColor="'none'" :color="'#3775F6'"
  19. :splitorColor="'#3775F6'" :show-day="time2[0] > 0" :day="time2[0]" :hour="time2[1]"
  20. :minute="time2[2]" :second="time2[3]"></uni-countdown>
  21. 内完成支付,超时订单将自动关闭
  22. </view>
  23. <view class="u-flex u-font22" v-if="close_mode == 1">原因:主动取消</view>
  24. <view class="u-flex u-font22" v-if="close_mode == 2">原因:商家撤销关闭</view>
  25. <view class="u-flex u-font22" v-if="close_mode == 3">原因:支付过期关闭</view>
  26. </view>
  27. </view>
  28. </view>
  29. <!-- 待成团 -->
  30. <view class="refund-underway obligation" v-if="(status == 0 || status == 1) && payment_status > 0">
  31. <view class="u-flex-center u-flex1">
  32. <image class="timeImg" :src="imgUrl + '/time.png'"></image>
  33. <view class="u-flex1">
  34. <view class="u-font32 u-flex-center-sb">
  35. <view class="u-font32 u-bold">待成团</view>
  36. <view class="u-font26 u-flex-center-sb">
  37. <uni-countdown :backgroundColor="'none'" :color="'#3775F6'" :splitorColor="'#3775F6'"
  38. :show-day="time1[0] > 0" :day="time1[0]" :hour="time1[1]" :minute="time1[2]"
  39. :second="time1[3]">
  40. </uni-countdown>
  41. <view>结束拼团</view>
  42. </view>
  43. </view>
  44. <view class="u-flex u-font26">
  45. 还差
  46. <text class="u-FF0000">{{ groupNumber }}</text>
  47. 人拼团成功
  48. </view>
  49. </view>
  50. </view>
  51. </view>
  52. <!-- 建团失败 -->
  53. <view class="refund-underway obligation" v-if="status == 3">
  54. <view class="u-flex-center u-flex1">
  55. <image class="timeImg" :src="imgUrl + '/time.png'"></image>
  56. <view class="u-flex1">
  57. <view class="u-font32 u-bold">拼团失败</view>
  58. <view class="u-flex u-font26">失败原因:店长未支付</view>
  59. </view>
  60. </view>
  61. </view>
  62. <!-- 建团失败 -->
  63. <view class="refund-underway obligation" v-if="status == 4 && payment_status == -2">
  64. <view class="u-flex-center u-flex1">
  65. <image class="timeImg" :src="imgUrl + '/time.png'"></image>
  66. <view class="u-flex1">
  67. <view class="u-font32 u-bold">拼团失败,已退款</view>
  68. <view class="u-flex u-font26">退款金额24小时原路退回您的支付账户</view>
  69. </view>
  70. </view>
  71. </view>
  72. <!--等待商家发货-->
  73. <view class="refund-underway obligation" v-if="status == 2 && payment_status == 1">
  74. <view class="u-flex-center u-flex1">
  75. <image class="timeImg" :src="imgUrl + '/time.png'"></image>
  76. <view class="u-flex1">
  77. <view class="u-font32 u-bold">待发货</view>
  78. <view class="u-flex u-font26">您的订单已经支付完成,正在等待发货</view>
  79. </view>
  80. </view>
  81. </view>
  82. <!--商家已发货-->
  83. <view class="refund-underway obligation" v-if="status == 2 && payment_status == 2">
  84. <view class="u-flex-center u-flex1">
  85. <image class="timeImg" :src="imgUrl + '/time.png'"></image>
  86. <view class="u-flex1">
  87. <view class="u-font32 u-bold">待收货</view>
  88. <view class="u-flex u-font26">
  89. 您的快递待收货
  90. <text v-if="receipt_expire_time > 0">,还剩{{ $mUtil.patTime(receipt_expire_time) }}自动确认</text>
  91. </view>
  92. </view>
  93. </view>
  94. </view>
  95. <!--等待确认提货-->
  96. <view class="refund-underway obligation" v-if="status == 2 && payment_status == 3">
  97. <view class="u-flex-center u-flex1">
  98. <image class="timeImg" :src="imgUrl + '/time.png'"></image>
  99. <view class="u-flex1">
  100. <view class="u-font32 u-bold">待提货</view>
  101. <view class="u-flex u-font26">
  102. 您的商品可自提
  103. <text v-if="receipt_expire_time > 0">,还剩{{ $mUtil.patTime(receipt_expire_time) }}过期</text>
  104. </view>
  105. </view>
  106. </view>
  107. </view>
  108. <!--交易成功-->
  109. <!-- <view class="refund-underway" v-if="payment_status==4">
  110. <view class="u-font32 u-bold">交易成功</view>
  111. </view> -->
  112. <view class="obligation" v-if="status == 2 && payment_status == 4 && !end">
  113. <view class="u-flex-center u-flex1">
  114. <image class="timeImg" :src="imgUrl + '/time.png'"></image>
  115. <view class="u-flex1">
  116. <view class="u-font32 u-bold">待评价</view>
  117. <view class="u-flex u-font26">您的订单已签收,请评价一下商品,剩{{ $mUtil.patTime(last_comment_time) }}自动评价
  118. </view>
  119. </view>
  120. </view>
  121. </view>
  122. <!--待评价-->
  123. <view class="refund-underway obligation" v-if="status == 2 && payment_status == 4 && end">
  124. <view class="u-flex-center u-flex1">
  125. <image class="timeImg" :src="imgUrl + imgUrl"></image>
  126. <view class="u-flex1">
  127. <view class="u-font32 u-bold">已完成</view>
  128. <view class="u-flex u-font26">您的订单已完成,祝你购物愉快</view>
  129. </view>
  130. </view>
  131. </view>
  132. <view class="refund-underway obligation" v-if="status == 2 && payment_status == 5">
  133. <view class="u-flex-center u-flex1">
  134. <image class="timeImg" :src="imgUrl + '/time.png'"></image>
  135. <view class="u-flex1">
  136. <view class="u-font28">已完成</view>
  137. <view class="u-flex u-font26">您的订单已完成,祝你购物愉快</view>
  138. </view>
  139. </view>
  140. </view>
  141. <view class="refund-underway obligation" v-if="status == 2 && payment_status == -1">
  142. <view class="u-flex-center u-flex1">
  143. <image class="timeImg" :src="imgUrl + '/time.png'"></image>
  144. <view class="u-flex1">
  145. <view class="u-font32 u-bold">退款中</view>
  146. <view class="u-flex u-font26">您的订单在退款中</view>
  147. </view>
  148. </view>
  149. </view>
  150. <view class="refund-underway obligation" v-if="status == 2 && payment_status == -2">
  151. <view class="u-flex-center u-flex1">
  152. <image class="timeImg" :src="imgUrl + '/time.png'"></image>
  153. <view class="u-flex1">
  154. <view class="u-font32 u-bold">退款完成</view>
  155. <view class="u-flex u-font26">您的订单已完成退款,祝您生活愉快</view>
  156. </view>
  157. </view>
  158. </view>
  159. <view class="refund-underway obligation" v-if="status == 2 && payment_status == -3">
  160. <view class="u-flex-center u-flex1">
  161. <image class="timeImg" :src="imgUrl + '/time.png'"></image>
  162. <view class="u-flex1">
  163. <view class="u-font32 u-bold">退款退货维权中</view>
  164. <view class="u-flex u-font26">您的订单在退款退货维权中</view>
  165. </view>
  166. </view>
  167. </view>
  168. <view class="refund-underway obligation" v-if="status == 2 && payment_status == -4">
  169. <view class="u-flex-center u-flex1">
  170. <image class="timeImg" :src="imgUrl + '/time.png'"></image>
  171. <view class="u-flex1">
  172. <view class="u-font32 u-bold">退款退货完成</view>
  173. <view class="u-flex u-font26">您的订单已完成退款退货完成,祝您生活愉快</view>
  174. </view>
  175. </view>
  176. </view>
  177. <view class="refund-underway obligation" v-if="status == 4 && payment_status == 1">
  178. <view class="u-flex-center u-flex1">
  179. <image class="timeImg" :src="imgUrl + '/time.png'"></image>
  180. <view class="u-flex1">
  181. <view class="u-font32 u-bold">拼团失败,未退款</view>
  182. <view class="u-flex u-font26">您的订单拼团失败,未退款</view>
  183. </view>
  184. </view>
  185. </view>
  186. </view>
  187. <view v-if="address">
  188. <ldAddress :value="address"></ldAddress>
  189. </view>
  190. <view v-else>
  191. <view class="u-flex-column-center u-bg-fff" v-if="status == 2 && payment_status == 3">
  192. <text class="u-font26 u-999 u-mt15">出示数字码向店长核销</text>
  193. <view class="u-flex-center u-mt15">
  194. <text class="u-font40 u-333 u-bold">{{ pickCode }}</text>
  195. <text class="u-font28 u-666 u-ml20" @click="copy(pickCode)">复制</text>
  196. </view>
  197. </view>
  198. <ldAddresszt :value="addresszt"></ldAddresszt>
  199. </view>
  200. <view class="pabox" v-if="orderListPay.length > 0" v-for="item in orderListPay" :key="item.id">
  201. <ldshop :shopStatus="shopStatus" :value="item.source_shop_name" :proxy="item.proxy"></ldshop>
  202. <view class="u-border-one-one u-mt20"></view>
  203. <view v-for="items in item.child_order_list" :key="items.id">
  204. <ldgoods :value="items"></ldgoods>
  205. </view>
  206. <view class="u-font28 u-1A1A1A u-mt30 bg-fff">
  207. <view class="u-flex-center-sb u-border-one-one pt-pb25">
  208. <view>商品金额</view>
  209. <view class="u-999 u-font3">¥ {{ item.original_goods_amount }}</view>
  210. </view>
  211. <view class="u-flex-center-sb u-border-one-one pt-pb25">
  212. <view>运费</view>
  213. <view class="u-999 u-font30">+{{ item.real_freight }}元</view>
  214. </view>
  215. <view class="u-flex-center-sb u-border-one-one pt-pb25" v-if="item.first_order_reduced > 0">
  216. <view>
  217. 首单优惠
  218. <text class="u-999 u-font24"></text>
  219. </view>
  220. <view class="u-999 u-font30">-¥ {{ item.first_order_reduced }}</view>
  221. </view>
  222. <view class="u-flex-center-sb u-border-one-one pt-pb25">
  223. <view>拼团折扣</view>
  224. <view class="u-999 u-font30">-¥ {{ item.discount_amount }}</view>
  225. </view>
  226. <!-- <view class="u-flex-center-sb u-border-one-one pt-pb25">
  227. <view class="u-flex-center-sb"><text class="iconfont3 final_consumption_value-icon">&#xe603;</text>消费补贴</view>
  228. <view class="u-999 u-font30">
  229. <rich-text :nodes="$mUtil.isToFixed(final_consumption_value, 2)"></rich-text>
  230. </view>
  231. </view> -->
  232. <view class="u-flex-center u-border-one-one pt-pb25" style="justify-content: flex-end">
  233. <view class="">共{{ item.goods_number }}件商品,小计</view>
  234. <view class="u-bold u-FF0000">
  235. <rich-text :nodes="$mUtil.priceBigSmall(item.total_amount)"></rich-text>
  236. </view>
  237. </view>
  238. <view class="u-flex-column-start pt-pb25">
  239. <view>购买备注</view>
  240. <view class="boxTextarea">{{ item.user_remark ? item.user_remark : '无' }}</view>
  241. </view>
  242. </view>
  243. </view>
  244. <view class="pabox" v-if="orderList.length > 0">
  245. <ldshop :shopStatus="shopStatus" :value="source_shop_name"></ldshop>
  246. <view class="u-border-one-one u-mt20"></view>
  247. <view v-for="(item, index) in orderList" :key="item.id">
  248. <ldgoods :value="item" @parentevaluation="parentevaluation" :keys="index"></ldgoods>
  249. </view>
  250. <view class="u-font28 u-1A1A1A u-mt30 bg-fff">
  251. <view class="u-flex-center-sb u-border-one-one pt-pb25">
  252. <view>商品金额</view>
  253. <view class="u-999 u-font3">¥ {{ original_goods_amount }}</view>
  254. </view>
  255. <view class="u-flex-center-sb u-border-one-one pt-pb25">
  256. <view>运费</view>
  257. <view class="u-999 u-font30">+{{ real_freight }}元</view>
  258. </view>
  259. <view class="u-flex-center-sb u-border-one-one pt-pb25">
  260. <view>拼团折扣</view>
  261. <view class="u-999 u-font30">-¥ {{ discount_amount }}</view>
  262. </view>
  263. <!-- <view class="u-flex-center-sb u-border-one-one pt-pb25">
  264. <view><text class="iconfont3 final_consumption_value-icon">&#xe603;</text>消费补贴</view>
  265. <view class="u-999 u-font30">
  266. <rich-text :nodes="$mUtil.isToFixed(final_consumption_value, 2)"></rich-text>
  267. </view>
  268. </view> -->
  269. <view class="u-flex-center-sb u-border-one-one pt-pb25" v-if="first_order_reduced > 0">
  270. <view>
  271. 首单优惠
  272. <text class="u-999 u-font24"></text>
  273. </view>
  274. <view class="u-999 u-font30">-¥ {{ first_order_reduced }}</view>
  275. </view>
  276. <view class="u-flex-center u-border-one-one pt-pb25" style="justify-content: flex-end">
  277. <view class="">共{{ goodNum }}件商品,小计</view>
  278. <view class="u-bold u-FF0000">
  279. <rich-text :nodes="$mUtil.priceBigSmall(total_amount)"></rich-text>
  280. </view>
  281. </view>
  282. <view class="u-flex-column-start pt-pb25">
  283. <view>购买备注</view>
  284. <view class="boxTextarea">{{ user_remark ? user_remark : '无' }}</view>
  285. </view>
  286. </view>
  287. </view>
  288. <view class="upb120">
  289. <view class="u-font28 u-1A1A1A u-mt30 bg-fff">
  290. <view class="u-flex-center-sb u-border-one u-plr30 pt-pb25">
  291. <view>平台优惠</view>
  292. <view v-if="platform_coupon_sharing!=0" class="u-999">-¥{{platform_coupon_sharing}}</view>
  293. <view v-else class="u-999">无优惠</view>
  294. </view>
  295. <view class="u-flex-center-sb u-plr30 pt-pb25">
  296. <view>支付金额</view>
  297. <view class="u-FF0000 u-font32 u-bold">
  298. <rich-text :nodes="$mUtil.priceBigSmall(total_amount)"></rich-text>
  299. </view>
  300. </view>
  301. </view>
  302. <view class="u-font28 u-1A1A1A u-mt30 bg-fff">
  303. <view class="u-flex-center-sb u-plr30 pt-pb25">
  304. <view>订单编号</view>
  305. <view class="u-999 u-font3">{{ order_code }}</view>
  306. </view>
  307. <view class="u-flex-center-sb u-plr30 pt-pb25">
  308. <view>下单时间</view>
  309. <view class="u-999">{{ format_order_time }}</view>
  310. </view>
  311. <view class="u-flex-center-sb u-plr30 pt-pb25" v-if="payment_status >= 1 || payment_status < 0">
  312. <view>支付时间</view>
  313. <view class="u-999">{{ format_pay_time||'-' }}</view>
  314. </view>
  315. <view class="u-flex-center-sb u-plr30 pt-pb25" v-if="payment_status >= 1 || payment_status < 0">
  316. <view>支付方式</view>
  317. <view class="u-999" v-if="pay_mode == 0">-</view>
  318. <view class="u-999" v-if="pay_mode == 1">微信</view>
  319. <view class="u-999" v-if="pay_mode == 2">支付宝</view>
  320. </view>
  321. <view class="bg-fff u-mt30 u-plr30 pt-pb25 u-flex-center-sb" v-if="status < 3 && groupNumber > 0"
  322. @click="openPopup">
  323. <view class="u-flex-center">
  324. <image class="u-avatar92" v-if="teamInfo.head_photo" :src="teamInfo.head_photo"></image>
  325. <image class="u-avatar92" v-else src="/static/default-avatar.png" mode=""></image>
  326. <view class="u-ml30">
  327. <view class="u-font28 u-1A1A1A u-text-width-two">
  328. 拼主:{{ teamInfo.nickname || teamInfo.mobile }}</view>
  329. <view class="u-mt5 u-font24 u-999">
  330. 还差
  331. <text class="u-FF0000">{{ groupNumber }}</text>
  332. 人拼成
  333. </view>
  334. </view>
  335. </view>
  336. <view class="iconfont u-999">&#xe6c7;</view>
  337. </view>
  338. <view class="u-flex-center-sb u-plr30 pt-pb25" v-if="payment_status >= 2 && address">
  339. <view>配送方式</view>
  340. <view class="u-999">{{ freighMoney||'-' }}</view>
  341. </view>
  342. <view class="u-flex-center-sb u-plr30 pt-pb25" v-if="payment_status >= 2">
  343. <view>发货时间</view>
  344. <view class="u-999">{{ format_last_ship_time||'-'}}</view>
  345. </view>
  346. <view class="u-flex-center-sb u-plr30 pt-pb25" v-if="payment_status >= 4">
  347. <view>收货时间</view>
  348. <view class="u-999">{{ format_last_receipt_time||'-'}}</view>
  349. </view>
  350. <!-- <view
  351. class="u-flex-center-sb u-plr30 pt-pb25"
  352. v-if="payment_status >= 4"
  353. >
  354. <view>获得积分</view>
  355. <view class="u-999">可获得{{ final_consumption_value }}积分</view>
  356. </view> -->
  357. </view>
  358. </view>
  359. <!--待付款-->
  360. <view class="bg-fff u-mt30 btn u-flex" v-if="payment_status == 0 && close_mode == 0 && !end">
  361. <button class="cancel-btn u-br-999 u-999" @click="cancelOrder">取消订单</button>
  362. <button class="pay-btn u-FFF" @click="goPay(orderid, total_amount, expired_pay_time)">去付款</button>
  363. </view>
  364. <!-- <view class="bg-fff u-mt30 u-plr30 ptb22 btn u-flex-column-end" v-if="payment_status==0&&close_mode==1">
  365. <view class="u-flex-center u-mr25">
  366. <button class="u-order-btn u-br-999 u-999 ">再次购买</button>
  367. </view>
  368. </view>
  369. <view class="bg-fff u-mt30 u-plr30 ptb22 btn u-flex-column-end" v-if="payment_status==0&&close_mode==2">
  370. <view class="u-flex-center u-mr25">
  371. <button class="u-order-btn u-br-999 u-999 ">再次购买</button>
  372. </view>
  373. </view>
  374. <view class="bg-fff u-mt30 u-plr30 ptb22 btn u-flex-column-end" v-if="payment_status==0&&close_mode==3">
  375. <view class="u-flex-center u-mr25">
  376. <button class="u-order-btn u-br-999 u-999 ">再次购买</button>
  377. </view>
  378. </view> -->
  379. <!--等待商家发货-->
  380. <view class="bg-fff u-mt30 u-plr30 ptb22 btn u-flex-column-end" v-if="payment_status == 1 && !end">
  381. <view class="u-flex-center u-mr25">
  382. <!-- <button class="u-order-btn u-br-999 u-999 " @click="goRefundType(1)">申请售后</button> -->
  383. <button class="u-order-btn u-br-999 u-999" @click="goPhone(mobile)">联系客服</button>
  384. <!-- <button class="u-order-btn u-br-f00 u-FF0000 " v-if="shipment_mode==0" @click="changeAddress">修改地址</button> -->
  385. </view>
  386. </view>
  387. <!--商家已发货-->
  388. <view class="bg-fff u-mt30 u-plr30 btn ptb22 u-flex-column-end" v-if="payment_status == 2 && !end">
  389. <view class="u-flex-center">
  390. <button class="u-order-btn u-br-999 u-999" @click="goLogistics">查看物流</button>
  391. <button class="u-order-btn u-br-f00 u-FF0000 u-mr25" @click="sureGetOrder">确认收货</button>
  392. </view>
  393. </view>
  394. <!-- <view class="bg-fff u-mt30 u-plr30 ptb22 btn u-flex-column-end" v-if="payment_status==5">
  395. <view class="u-flex-center u-mr25">
  396. <button class="u-order-btn u-br-999 u-999 " @click="goRefundType(2)">申请售后</button>
  397. </view>
  398. </view> -->
  399. <!--等待确认提货-->
  400. <!-- <view class="bg-fff u-mt30 u-plr30 ptb22 btn u-flex-column-end" v-if="payment_status==5">
  401. <button class="u-order-btn u-br-999 u-999 u-mr30">再次购买</button>
  402. </view> -->
  403. <!--已付款,待发货!-->
  404. <!-- <view class="bg-fff u-mt30 pt28-pb24 btn u-plr30">
  405. <button class="u-btn-two u-bg-00321E u-FFF">查看物流</button>
  406. </view> -->
  407. <!--申请退货,商家同意退货-->
  408. <!-- <view class="bg-fff u-mt30 u-plr30 ptb22 btn u-flex-column-end" v-if="payment_status==8||payment_status==10">
  409. <button class="u-order-btn u-br-999 u-999 u-mr30" @click="logisticsOpen()">填写物流信息</button>
  410. </view> -->
  411. <!--邀请拼团-->
  412. <uniPopup type="top" ref="topUniPopup">
  413. <view class="u-bg-fff group-booking-popup">
  414. <view class="u-plr30">
  415. <view class="time">
  416. <uni-countdown style="text-align: center;" :backgroundColor="'none'" :color="'#3775F6'"
  417. :splitorColor="'#3775F6'" :show-day="time1[0] > 0" :day="time1[0]" :hour="time1[1]"
  418. :minute="time1[2]" :second="time1[3]"></uni-countdown>
  419. </view>
  420. <view class="u-flex-column-center" style="margin-top: 5rpx;">
  421. <view class="u-flex mt42">
  422. <view class="initiator" v-for="item in team" :key="item.id">
  423. <image v-if="index < 3 && item.head_photo" class="u-avatar92" :src="item.head_photo">
  424. </image>
  425. <image v-else class="u-avatar92" src="/static/default-avatar.png" mode=""></image>
  426. <view class="tag u-font24 " v-if="index < 3 && item.leader">拼主</view>
  427. </view>
  428. <view class="tar u-ml10">?</view>
  429. </view>
  430. </view>
  431. <view class="u-mt50 u-font28 u-1A1A1A">还差{{ groupNumber }}人,赶快邀请好友来拼单</view>
  432. <view class="invite" @click="share"><button open-type="share"
  433. class="u-btn-two u-FFF">邀请好友拼单</button></view>
  434. </view>
  435. </view>
  436. </uniPopup>
  437. <!--弹窗评价-->
  438. <uniPopup type="bottom" ref="uniPopup">
  439. <view class="popup">
  440. <view class="u-flex-sb u-plr30">
  441. <view class="u-flex">
  442. <image class="pic" :src="choseGoods.goods_img"></image>
  443. <view class="u-ml30 wt378">
  444. <view class="u-1A1A1A u-font28">{{ choseGoods.goods_title }}</view>
  445. <view class="u-999 u-font22 u-mt10" v-if="choseGoods.sku_set_name">
  446. 规格:{{ choseGoods.sku_set_name }}</view>
  447. <view class="u-mt10 u-flex-center">
  448. <view class="u-FF0000 u-font32">
  449. <rich-text :nodes="$mUtil.priceBigSmall(choseGoods.sale_price)"></rich-text>
  450. </view>
  451. <text class="u-ml10 u-999 u-font24">x {{ choseGoods.number }}</text>
  452. </view>
  453. </view>
  454. </view>
  455. <view class="iconfont u-999" @click="close">&#xe607;</view>
  456. </view>
  457. <view class="u-bg-fff u-plr30 u-mt5">
  458. <view class="pt-pb25 u-font28 u-flex-center">
  459. <text>总体评价:</text>
  460. <view>
  461. <text v-for="(item, index) in 5" :key="index" @click="startNum(index)"
  462. class="iconfont u-font34" :class="gradeNum > item ? 'grade-active' : 'u-B3B3B3'">
  463. &#xe60a;
  464. </text>
  465. </view>
  466. </view>
  467. <view class="u-font26"><textarea class="u-font26" @input="textareaInput" :value="textareaVal"
  468. placeholder="请输入文字评价" placeholder-class="cccfont"></textarea></view>
  469. <view class="u-mt25 u-font30">添加图片</view>
  470. <view class="u-mt25">
  471. <uploadImg imgCount="6" :type="upimgtype" :imgArr="imgArray" url="" @result="resultUrl"
  472. @delImg="delImg">
  473. </uploadImg>
  474. </view>
  475. <view class="evaluate-submit" @click="submitCom"><button class="u-btn-two">确认提交</button></view>
  476. </view>
  477. </view>
  478. </uniPopup>
  479. <!--页面加载动画-->
  480. <ldLoading isFullScreen :active="loading"></ldLoading>
  481. <share ref="shares" :contentHeight="580" v-if="isvisible"></share>
  482. </view>
  483. </template>
  484. <script>
  485. import ldgoods from '../../../components/ld-goods/ld-goods.vue';
  486. import ldAddress from '../../../components/ld-address/ld-address.vue';
  487. import ldAddresszt from '../../../components/ld-address/ld-addresszt.vue';
  488. import uniPopup from '../../../components/uni-popup/uni-popup.vue';
  489. import uploadImg from '../../../components/uploadImg/imgUpload.vue';
  490. import ldshop from '../../../components/ld-shop/ld-shop.vue';
  491. import share from './../../public/share';
  492. export default {
  493. components: {
  494. ldAddress,
  495. ldAddresszt,
  496. uniPopup,
  497. uploadImg,
  498. ldgoods,
  499. ldshop,
  500. share
  501. },
  502. data() {
  503. return {
  504. upimgtype: 'comment',
  505. final_consumption_value: 0,
  506. payment_status: null, //0:待付款,1:待发货
  507. expired_pay_time: null, //订单剩余支付时间
  508. time2: [0, 0, 0, 0],
  509. total_amount: null, //总金额
  510. orderid: null,
  511. goods_amount: null, //商品价格
  512. first_order_reduced: 0, //首单优惠多少
  513. real_freight: null, //配送费
  514. discount_amount: null, //商品会员折扣
  515. pay_mode: null, //(0余额,1微信,2支付宝)
  516. order_code: null, //订单编号
  517. format_order_time: null, //下单时间
  518. format_pay_time: null, //支付时间
  519. format_last_ship_time: null, //发货时间
  520. format_last_receipt_time: null, //收货时间
  521. receipt_expire_time: '', //自提包裹时间
  522. freighMoney: null, //物流公司
  523. goodNum: null, //数量
  524. shipment_mode: 0,
  525. pickCode: '', //核销码
  526. original_goods_amount: null, //原价
  527. total_reduced: null, //vip优惠
  528. vipcode: '',
  529. shopStatus: false,
  530. loading: true,
  531. config: {
  532. back: true, //false是tolbar页面 是则不写
  533. title: '订单详情',
  534. color: '#1a1a1a',
  535. //背景颜色;参数一:透明度(0-1);参数二:背景颜色(array则为线性渐变,string为单色背景)
  536. backgroundColor: [1, '#fff'],
  537. statusBarFontColor: '#1A1A1A'
  538. },
  539. isSubmit: false,
  540. index: 0,
  541. mobile: '',
  542. end: false,
  543. logImg: '', //物流图片
  544. address: null,
  545. addresszt: null,
  546. last_ship_time: 0, //发货时间
  547. last_receipt_time: 0, //收货时间
  548. orderList: [],
  549. orderListPay: [],
  550. source_shop_name: '',
  551. user_remark: '', //备注
  552. payStatus: '',
  553. goodsid: null, //评价商品的id
  554. choseGoods: {},
  555. textareaVal: '',
  556. upimg: [],
  557. imgArray: [],
  558. gradeNum: 0,
  559. close_mode: 0, //0未关闭,1用户撤销关闭,2商家撤销关闭,3支付过期关闭,4退货成功,5退款成功,6支付成功,但条件已经不允许购买,发生自动退款关闭,7自提过期
  560. marketing_type: null, //活动类型 1 秒杀 2 拼团
  561. team: [], //团成员列表
  562. teamInfo: null, //团主信息
  563. groupNumber: 0, //还差多少人成团
  564. status: null, //当前团状态
  565. member_rights_type: null, //订单是否维权 0 没有维权 1 团过期维权2 成团后维权
  566. rights_status: null, //订单维权状态 0 没有1 维权中 2 完成 3 失败
  567. time1: [0, 0, 0, 0],
  568. activity_goods_id: null,
  569. shop_id: null,
  570. teamId: null,
  571. isvisible: false,
  572. imgUrl: this.$mConfig.staticUrl,
  573. platform_coupon_sharing: '', //已使用的“平台优惠券”所抵扣金额
  574. };
  575. },
  576. onShareAppMessage(res) {
  577. if (res.from === 'button') {
  578. // 来自页面内分享按钮
  579. }
  580. return {
  581. title: this.shareTitle,
  582. imageUrl: this.shareImg,
  583. path: `/pages/product/goods/puzzleGoods?id=${this.activity_goods_id}&Sshopid=${this.shop_id}&teamId=${this.teamId}`
  584. };
  585. },
  586. onLoad(options) {
  587. if (options.id) {
  588. this.orderid = options.id;
  589. this.payStatus = options.status;
  590. this.groupId = options.groupId;
  591. }
  592. if (this.payStatus == 'pay') {
  593. this.orderDetail(this.orderid, this.groupId);
  594. }
  595. if (this.payStatus == 'waitpay') {
  596. this.orderDetailPay(this.orderid);
  597. }
  598. },
  599. methods: {
  600. share() {
  601. let user = uni.getStorageSync('personal');
  602. this.isvisible = true;
  603. this.$nextTick(() => {
  604. this.$refs.shares.shareInfo(
  605. '/?pageType=1&type=3&id=' + this.activity_goods_id + '&shareId=' + user.id +
  606. '&teamId=' + this.teamId,
  607. 'pages/down',
  608. this.orderList[0].goods_title,
  609. '',
  610. this.orderList[0].goods_img
  611. );
  612. });
  613. },
  614. openPopup() {
  615. this.$refs.topUniPopup.open();
  616. },
  617. goProductDetails(id, shopid) {
  618. uni.navigateTo({
  619. url: '/pages/product/goods/goods?id=' + id + '&shopid=' + shopid
  620. });
  621. },
  622. //复制
  623. copy(code) {
  624. uni.setClipboardData({
  625. data: code,
  626. success: () => {
  627. uni.showToast({
  628. title: '复制成功'
  629. });
  630. }
  631. });
  632. },
  633. goPhone(phone) {
  634. if (phone) {
  635. uni.makePhoneCall({
  636. phoneNumber: phone //仅为示例
  637. });
  638. }
  639. },
  640. restCom() {
  641. this.textareaVal = '';
  642. this.gradeNum = 0;
  643. },
  644. //提交评价
  645. submitCom() {
  646. if (this.gradeNum == 0) {
  647. this.$mUtil.toast('请评价星星');
  648. } else if (this.textareaVal == '') {
  649. this.$mUtil.toast('请输入文字评价');
  650. } else {
  651. let imgs = '';
  652. if (this.upimg.length > 0) {
  653. imgs = this.upimg.join(',');
  654. } else {
  655. imgs = '';
  656. }
  657. let data = {
  658. chlid_order_id: this.goodsid,
  659. order_id: this.orderid,
  660. level: this.gradeNum,
  661. content: this.textareaVal,
  662. img: imgs
  663. };
  664. this.$http.post('/comment/orderGoods/savegeneralgoods', data).then(res => {
  665. if (res && res.code == 200) {
  666. this.$mUtil.toast('评价成功');
  667. this.$refs.uniPopup.close();
  668. setTimeout(() => {
  669. uni.reLaunch({
  670. url: '/pages/order/orderList/orderList'
  671. });
  672. }, 1000);
  673. }
  674. });
  675. }
  676. },
  677. textareaInput(e) {
  678. this.textareaVal = e.detail.value;
  679. },
  680. resultUrl(e) {
  681. if (e) {
  682. this.upimg = e;
  683. }
  684. },
  685. delImg(e) {
  686. if (e) {
  687. this.upimg = e;
  688. }
  689. },
  690. startNum(index) {
  691. this.gradeNum = index * 1 + 1;
  692. },
  693. //评价
  694. parentevaluation(data) {
  695. this.choseGoods = this.orderList[data.keys];
  696. this.goodsid = data.id;
  697. this.$refs.uniPopup.open();
  698. },
  699. //确认收货
  700. sureGetOrder() {
  701. uni.showModal({
  702. title: '提示',
  703. content: '确定已经收到了该商品?',
  704. success: res => {
  705. if (res.confirm) {
  706. this.$http.post('/order/receipt', {
  707. order_id: this.orderid
  708. }).then(res => {
  709. if (res && res.code == 200) {
  710. this.$mUtil.toast('收货成功');
  711. setTimeout(() => {
  712. uni.reLaunch({
  713. url: '/pages/order/orderList/orderList'
  714. });
  715. }, 1000);
  716. }
  717. });
  718. } else if (res.cancel) {}
  719. }
  720. });
  721. },
  722. //选完地址回选
  723. otherFun(object) {
  724. if (!!object) {
  725. this.$http.put((this.payStatus == 'pay' ? '/order/update-receipt/' :
  726. '/order/update-receipt-payorder/') + this
  727. .orderid + '/' + object.addressid).then(res => {
  728. if (res && res.code == 200) {
  729. this.$mUtil.toast('修改成功');
  730. if (this.payStatus == 'pay') {
  731. this.orderDetail(this.orderid, this.groupId);
  732. }
  733. if (this.payStatus == 'waitpay') {
  734. this.orderDetailPay(this.orderid);
  735. }
  736. }
  737. });
  738. }
  739. },
  740. //修改地址
  741. changeAddress() {
  742. uni.navigateTo({
  743. url: '/pages/user/address/addressList'
  744. });
  745. },
  746. //取消订单
  747. cancelOrder() {
  748. uni.showModal({
  749. title: '提示',
  750. content: '确定取消该订单吗?',
  751. success: res => {
  752. if (res.confirm) {
  753. this.$http.post('/order/cancel-pay/' + this.orderid).then(res => {
  754. if (res && res.code == 200) {
  755. this.$mUtil.toast('取消成功');
  756. setTimeout(() => {
  757. uni.reLaunch({
  758. url: '/pages/order/orderList/orderList'
  759. });
  760. }, 1000);
  761. }
  762. });
  763. } else if (res.cancel) {}
  764. }
  765. });
  766. },
  767. orderDetail(id, groupId) {
  768. this.$http.get('/groupbuy/team/teamorder/' + groupId).then(res => {
  769. if (res && res.code == 200) {
  770. this.status = res.data.team.status; //团状态
  771. this.team = res.data.member_infos;
  772. this.teamInfo = this.team.filter(val => val.leader == true)[0];
  773. console.log(this.teamInfo);
  774. this.groupNumber = res.data.team.group_person_number - this.team.length;
  775. this.teamId = res.data.team.id;
  776. if (res.data.order)
  777. this.time1 = this.$mUtil
  778. .countDown(Math.floor(res.data.team.end_time / 1000))
  779. .split(':')
  780. .map(val => Number(val));
  781. }
  782. }),
  783. this.$http.get('/order/info/' + id).then(res => {
  784. this.loading = false;
  785. if (res && res.code == 200) {
  786. let target = res.data;
  787. this.mobile = target.shop.customer_service_phone;
  788. this.final_consumption_value = target.final_consumption_value;
  789. this.address = target.receipt;
  790. this.addresszt = target.shop;
  791. this.orderList = target.child_order_list;
  792. this.source_shop_name = target.source_shop_name;
  793. this.user_remark = target.user_remark;
  794. this.total_amount = target.total_amount;
  795. this.vipcode = target.user_role_name; //vipcode
  796. this.goods_amount = target.goods_amount; //商品价格
  797. this.original_goods_amount = target.original_goods_amount; //商品原价价格
  798. this.total_reduced = target.total_reduced; //vip优惠
  799. this.first_order_reduced = target.first_order_reduced; //首单优惠多少
  800. this.real_freight = target.real_freight; //配送费
  801. this.discount_amount = target.discount_amount; //商品会员折扣
  802. this.pay_mode = target.pay_mode; //(0余额,1微信,2支付宝)
  803. this.order_code = target.order_code; //订单编号
  804. this.format_order_time = target.format_order_time; //下单时间
  805. this.format_pay_time = target.format_pay_time; //支付时间
  806. this.format_last_ship_time = target.format_last_ship_time; //发货时间
  807. this.format_last_receipt_time = target.format_last_receipt_time; //收货时间
  808. this.last_ship_time = target.last_ship_time; //发货时间
  809. this.last_receipt_time = target.last_receipt_time; //收货时间
  810. this.goodNum = target.goods_number; //数量
  811. this.logImg = target.child_order_list[0].goods_img;
  812. this.last_comment_time = target.child_order_list[0].last_comment_time; //评价时间
  813. this.shipment_mode = target.shipment_mode;
  814. this.end = target.end;
  815. this.rights_status = target.rights_status;
  816. this.marketing_type = target.marketing_type;
  817. this.activity_goods_id = target.child_order_list[0].activity_goods_id;
  818. this.shop_id = target.child_order_list[0].shop_id;
  819. this.platform_coupon_sharing = target.platform_coupon_sharing;
  820. if (target.order_package) {
  821. this.receipt_expire_time = target.order_package.receipt_expire_time;
  822. if (target.order_package.express) {
  823. this.freighMoney = target.order_package.express.express_name; //物流公司
  824. }
  825. if (target.order_package.pickup) {
  826. this.pickCode = target.order_package.pickup.verification_code;
  827. }
  828. }
  829. if (target.rights_type == 0 && target.rights_status == 0) {
  830. if (target.transaction_status == 1) {
  831. //待发货
  832. this.payment_status = 1;
  833. }
  834. if (target.transaction_status == 3) {
  835. //待收货
  836. if (target.shipment_mode == 0) {
  837. this.payment_status = 2;
  838. } else {
  839. this.payment_status = 3;
  840. }
  841. }
  842. if (target.transaction_status == 5 && target.comment_status == 0) {
  843. //交易完成未评价
  844. this.payment_status = 4;
  845. }
  846. if (target.transaction_status == 5 && !target.end) {
  847. //交易完成已评价
  848. this.payment_status = 5;
  849. }
  850. }
  851. if (target.transaction_status == 6) {
  852. //关闭
  853. this.payment_status = 6;
  854. }
  855. //rights_type:0没有,1仅退款,2退款退货,rights_status:(0没有,1维权中,2完成)
  856. if (target.rights_type == 1 && target.rights_status == 1) {
  857. //退款维权中
  858. this.payment_status = -1;
  859. }
  860. if (target.rights_type == 1 && target.rights_status == 2) {
  861. //退款完成
  862. this.payment_status = -2;
  863. }
  864. if (target.rights_type == 2 && target.rights_status == 1) {
  865. //退款退货维权中
  866. this.payment_status = -3;
  867. }
  868. if (target.rights_type == 2 && target.rights_status == 2) {
  869. //退款退货完成
  870. this.payment_status = -4;
  871. }
  872. }
  873. });
  874. },
  875. orderDetailPay(id) {
  876. this.$http.get('/pay/order/sale-detail/' + id).then(res => {
  877. this.loading = false;
  878. if (res && res.code == 200) {
  879. let target = res.page.order_list[0];
  880. this.address = res.page.receipt;
  881. this.addresszt = res.page.self_take_shop;
  882. this.orderListPay = res.page.order_list;
  883. if (res.page.pay_order.payment_status != 5) {
  884. this.payment_status = 0;
  885. } else {
  886. this.payment_status = res.page.pay_order.payment_status;
  887. }
  888. // this.expired_pay_time = res.page.pay_order.expired_pay_time;
  889. this.time2 = this.$mUtil
  890. .countDown(res.page.pay_order.expired_pay_time / 1000, res.page.pay_order.now_millis)
  891. .split(':')
  892. .map(val => Number(val));
  893. this.total_amount = res.page.pay_order.total_amount;
  894. this.close_mode = res.page.pay_order.close_mode;
  895. this.user_remark = target.user_remark;
  896. // this.goods_amount=target.goods_amount//商品价格
  897. // this.first_order_reduced=target.first_order_reduced//首单优惠多少
  898. // this.real_freight=target.real_freight//配送费
  899. this.pay_mode = target.pay_mode; //(0余额,1微信,2支付宝)
  900. this.order_code = target.order_code; //订单编号
  901. this.format_order_time = target.format_order_time; //下单时间
  902. this.format_pay_time = target.format_pay_time; //支付时间
  903. this.format_last_ship_time = target.format_last_ship_time; //发货时间
  904. this.format_last_receipt_time = target.format_last_receipt_time; //收货时间
  905. }
  906. });
  907. },
  908. close() {
  909. this.$refs.uniPopup.close();
  910. this.restCom();
  911. },
  912. //支付页
  913. goPay(id, total_amount, expired_pay_time) {
  914. uni.navigateTo({
  915. url: '../../order/pay?id=' + id + '&total_amount=' + total_amount + '&expired_pay_time=' +
  916. expired_pay_time + '&type=group'
  917. });
  918. },
  919. //申请售后
  920. goRefundType(i) {
  921. //i:1未发货,退款,2收到货退款/退货
  922. uni.setStorageSync('blackgoodsList', this.orderList);
  923. if (i == 1) {
  924. uni.navigateTo({
  925. url: 'applicationDrawback?keystatus=' + i + '&title=申请退款' + '&orderid=' + this.orderid
  926. });
  927. } else {
  928. uni.navigateTo({
  929. url: 'refundType?order_code=' + this.order_code + '&format_order_time=' + this
  930. .format_order_time +
  931. '&keystatus=' + i + '&orderid=' + this.orderid
  932. });
  933. }
  934. },
  935. //查看物流
  936. goLogistics() {
  937. uni.navigateTo({
  938. url: '../logistics?id=' + this.orderid + '&num=' + this.goodNum + '&img=' + this.logImg +
  939. '&type=1'
  940. });
  941. },
  942. //填写物流信息
  943. logisticsOpen() {
  944. this.$refs.logisticsOpen.open();
  945. },
  946. //选择快递
  947. deliveryPicker(e) {
  948. this.index = e.target.value;
  949. },
  950. //提交表单物流信息
  951. logisticsSubmit(e) {
  952. let target = e.detail.value;
  953. if (!target.deliveryOdd) {
  954. this.$mUtil.toast('请输入快递单号');
  955. return false;
  956. }
  957. }
  958. }
  959. };
  960. </script>
  961. <style lang="scss">
  962. page {
  963. background-color: #f5f5f5;
  964. }
  965. .uni-countdown-class {
  966. height: 32rpx;
  967. /deep/.uni-countdown__splitor {
  968. margin-top: -6rpx;
  969. }
  970. }
  971. .cccfont {
  972. font-size: 26rpx;
  973. color: #eee;
  974. }
  975. .grade-active {
  976. color: #ff5112;
  977. }
  978. .u-B3B3B3 {
  979. color: #b3b3b3;
  980. }
  981. .user_remark {
  982. background-color: #fff;
  983. padding: 30rpx;
  984. border-top: 1px solid #eee;
  985. }
  986. .boxTextarea {
  987. width: 686rpx;
  988. border: 1px solid #ededed;
  989. border-radius: 20rpx;
  990. background-color: #fafafa;
  991. padding: 20rpx;
  992. box-sizing: border-box;
  993. margin-top: 20rpx;
  994. }
  995. .pabox {
  996. background-color: #fff;
  997. padding: 30rpx 30rpx 0;
  998. margin-top: 30rpx;
  999. .final_consumption_value {
  1000. color: #FF6600;
  1001. }
  1002. .final_consumption_value-icon {
  1003. font-size: 40rpx;
  1004. color: #FF9651;
  1005. }
  1006. }
  1007. .upb120 {
  1008. padding-bottom: 140rpx;
  1009. }
  1010. .bg-fff {
  1011. background-color: #ffffff;
  1012. }
  1013. .ptb22 {
  1014. padding-top: 22rpx;
  1015. padding-bottom: 22rpx;
  1016. }
  1017. .pt-pb25 {
  1018. padding-top: 25rpx;
  1019. padding-bottom: 25rpx;
  1020. }
  1021. .pt28-pb24 {
  1022. padding-top: 28rpx;
  1023. padding-bottom: 24rpx;
  1024. }
  1025. .iconfont58 {
  1026. font-size: 58rpx;
  1027. }
  1028. .mt44 {
  1029. margin-top: 44rpx;
  1030. }
  1031. .ml38 {
  1032. margin-left: 38rpx;
  1033. }
  1034. .ml82 {
  1035. margin-left: 82rpx;
  1036. }
  1037. .wt378 {
  1038. width: 378rpx;
  1039. }
  1040. .wt504 {
  1041. width: 504rpx;
  1042. }
  1043. .u-br-999 {
  1044. border: 1px solid #999999;
  1045. }
  1046. .u-br-f00 {
  1047. border: 1px solid #ff0000;
  1048. }
  1049. .bg-00321e {
  1050. background: #0b844a;
  1051. }
  1052. .account-paid {
  1053. padding: 44rpx 0rpx;
  1054. }
  1055. .account-paid image {
  1056. width: 202rpx;
  1057. height: 124rpx;
  1058. }
  1059. .btn {
  1060. width: 100%;
  1061. position: fixed;
  1062. bottom: 0rpx;
  1063. padding: 22rpx 0rpx;
  1064. }
  1065. .cancel-btn {
  1066. margin-left: auto;
  1067. }
  1068. .cancel-btn,
  1069. .pay-btn {
  1070. width: 202rpx;
  1071. height: 70rpx;
  1072. line-height: 70rpx;
  1073. border-radius: 35px;
  1074. font-size: 28rpx;
  1075. margin-right: 30rpx;
  1076. }
  1077. .pay-btn {
  1078. background: #FA6138;
  1079. }
  1080. .top-state {
  1081. background-color: #F2F5FC;
  1082. color: #FA6138;
  1083. padding: 35rpx 30rpx;
  1084. // 待支付
  1085. .obligation {
  1086. display: flex;
  1087. justify-content: space-between;
  1088. .timeImg {
  1089. display: none;
  1090. width: 70rpx;
  1091. height: 54rpx;
  1092. margin-right: 40rpx;
  1093. }
  1094. }
  1095. }
  1096. .address {
  1097. background-color: #ffffff;
  1098. padding-top: 72rpx;
  1099. .linkman {
  1100. padding-bottom: 34rpx;
  1101. }
  1102. .remark {
  1103. padding: 35rpx 0rpx 35rpx 50rpx;
  1104. }
  1105. }
  1106. //弹窗填写物流信息
  1107. .logisticsPopup {
  1108. background-color: #ffffff;
  1109. width: 100%;
  1110. border-radius: 20rpx;
  1111. .pd {
  1112. padding: 15rpx 98rpx 68rpx;
  1113. }
  1114. input {
  1115. height: 70rpx;
  1116. line-height: 70rpx;
  1117. border: 1rpx solid #cccccc;
  1118. border-radius: 15rpx;
  1119. padding-left: 8rpx;
  1120. color: #999999;
  1121. }
  1122. .icon {
  1123. margin-top: -65rpx;
  1124. }
  1125. .pl-pr {
  1126. padding-left: 74rpx;
  1127. }
  1128. button {
  1129. margin-top: 66rpx;
  1130. background-color: #01331f;
  1131. width: 345rpx;
  1132. }
  1133. }
  1134. .group-booking-popup {
  1135. //margin-top: 128rpx;
  1136. padding-top: 40rpx;
  1137. padding-bottom: 65rpx;
  1138. text-align: center;
  1139. .initiator {
  1140. position: relative;
  1141. .tag {
  1142. position: absolute;
  1143. top: -20rpx;
  1144. left: -30rpx;
  1145. right: 0;
  1146. background-color: #FA6138;
  1147. border: 4rpx solid #ffffff;
  1148. border-radius: 20rpx;
  1149. width: 62rpx;
  1150. height: 40rpx;
  1151. line-height: 40rpx;
  1152. text-align: center;
  1153. color: #dac6a1;
  1154. }
  1155. }
  1156. }
  1157. .tar {
  1158. border: 2rpx dashed #999;
  1159. width: 92rpx;
  1160. height: 92rpx;
  1161. line-height: 92rpx;
  1162. border-radius: 50rpx;
  1163. }
  1164. .time {
  1165. margin-top: 38rpx;
  1166. width: 148rpx;
  1167. height: 48rpx;
  1168. margin-left: 40%;
  1169. background: #f5f5f5;
  1170. border-radius: 10rpx;
  1171. }
  1172. .invite {
  1173. margin-top: 38rpx;
  1174. button {
  1175. background-color: #FA6138;
  1176. }
  1177. }
  1178. // 弹窗评价
  1179. .popup {
  1180. background-color: #f5f5f5;
  1181. width: 100%;
  1182. border-radius: 18rpx 18rpx 0px 0px;
  1183. }
  1184. .u-flex-sb {
  1185. display: flex;
  1186. justify-content: space-between;
  1187. padding-top: 30rpx;
  1188. padding-bottom: 30rpx;
  1189. background-color: #ffffff;
  1190. border-radius: 18rpx 18rpx 0px 0px;
  1191. .pic {
  1192. width: 155rpx;
  1193. height: 155rpx;
  1194. }
  1195. }
  1196. textarea {
  1197. width: 100%;
  1198. height: 210rpx;
  1199. opacity: 0.66;
  1200. border: 1rpx solid #e6e6e6;
  1201. border-radius: 8rpx;
  1202. padding-left: 22rpx;
  1203. padding-top: 14rpx;
  1204. box-sizing: border-box;
  1205. }
  1206. .evaluate-submit {
  1207. margin-top: 58rpx;
  1208. padding-bottom: 25rpx;
  1209. }
  1210. .evaluate-submit button {
  1211. background-color: #FA6138;
  1212. color: #ffffff;
  1213. }
  1214. </style>