Blame view

src/pages/myOrderPaying/myOrderPaying.vue 18.1 KB
058f060df   范牧   冲突修改
1
  <!-- 订单待付款  待收货 -->
4de4be344   喻鹏   客服在线和我的订单-待付款
2
  <template>
ecde40693   范牧   部分bug修改
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
    <view class="content">
      <view
        class="headerBanner"
        v-if="status == '2'||'3'"
      >
        <view class="bannerLeft">
          <view class="T1">订单已完成</view>
        </view>
        <image
          src="../../static/car.png"
          mode="aspectFill"
        ></image>
      </view>
      <!-- 待付款 -->
      <view
        class="order-time"
        v-if="status == '0'"
      >
        <text>请在</text>
        <uni-countdown
          color="#EC5D3B"
          splitor-color="#EC5D3B"
          :show-day="false"
          :hour="0"
          :second="getLeftTime"
          @timeup="timeup"
        >
        </uni-countdown>
  
        <text>内完成付款</text>
      </view>
  
      <view
        class="headerBanner"
        v-if="status == '1'"
      >
058f060df   范牧   冲突修改
39
40
        <view class="bannerLeft">
          <view class="T1">卖家已发货</view>
1a4cad719   BigBoss   修改待付款支付跳转逻辑&新增已完成...
41
          <!-- <view class="T2">还剩 确认收货</view> -->
058f060df   范牧   冲突修改
42
43
44
45
46
        </view>
        <image
          src="../../static/car.png"
          mode="aspectFill"
        ></image>
ecde40693   范牧   部分bug修改
47
      </view>
7d6833f2c   范牧   地址列表
48
49
50
      <view class="order">
        <view class="order-user">
          <view class="order-user-head">
248b0e031   吉鹏   解决支付问题
51
52
            <text class="p1">{{orderAddressInfo.name}}</text>
            <text class="p2">{{orderAddressInfo.mobile}}</text>
7d6833f2c   范牧   地址列表
53
54
55
          </view>
          <view class="order-user-body">
            <image src="../../static/myorder-paying-location.png"></image>
248b0e031   吉鹏   解决支付问题
56
            <text class="p3">{{orderAddressInfo.address}}</text>
7d6833f2c   范牧   地址列表
57
58
59
          </view>
        </view>
        <view class="order-info">
058f060df   范牧   冲突修改
60
61
62
63
64
65
66
67
68
          <view
            class="order-info-head"
            v-for="(orderInfoListItem,index) in orderInfoList"
            :key="index"
          >
            <image
              :src="orderInfoListItem.imgUrl"
              mode="aspectFill"
            ></image>
7d6833f2c   范牧   地址列表
69
            <view class="order-info-head-r">
058f060df   范牧   冲突修改
70
              <text class="p1">{{orderInfoListItem.p_name}}</text>
7d6833f2c   范牧   地址列表
71
72
73
74
75
76
77
              <view
                class="p2"
                style="margin: 0;"
              >
                规格:玫瑰金 / 钛合金 / 防日光防紫外线 / 超薄超轻
                <!-- <view class="arrow"></view> -->
              </view>
058f060df   范牧   冲突修改
78
              <view class="infoText-bottom">
ecde40693   范牧   部分bug修改
79
                <view class="markPrice">{{Number(orderInfoListItem.nowPrice)/100}}</view>
058f060df   范牧   冲突修改
80
81
                <view class="buy-num">X {{orderInfoListItem.num}}</view>
              </view>
7d6833f2c   范牧   地址列表
82
83
            </view>
          </view>
058f060df   范牧   冲突修改
84
85
86
          <!-- <view class="order-info-goodsnum">
              <text>X1</text>
          </view> -->
7d6833f2c   范牧   地址列表
87
88
          <text class="order-info-freight">
            <text class="p1">运费</text>
a3d2beaa8   范牧   立即支付功能
89
            <text class="p2">免运费</text>
7d6833f2c   范牧   地址列表
90
91
92
          </text>
          <text class="order-info-discount">
            <text class="p1">优惠</text>
058f060df   范牧   冲突修改
93
            <text class="p2">-¥{{totalDiscount}}</text>
7d6833f2c   范牧   地址列表
94
95
96
          </text>
          <text class="order-info-price">
            <text class="p1">实付</text>
ecde40693   范牧   部分bug修改
97
            <text class="p2">¥{{Number(totalPrice)/100}}</text>
7d6833f2c   范牧   地址列表
98
99
          </text>
          <text class="order-info-num">
37ccd9675   尹聃   订单详情页获取数据
100
            <text>订单号:{{payId}}</text>
7d6833f2c   范牧   地址列表
101
102
          </text>
          <text class="order-info-time">
ecde40693   范牧   部分bug修改
103
            <text>下单时间:{{orderInfo.pay_time}}</text>
7d6833f2c   范牧   地址列表
104
105
106
107
108
109
110
111
          </text>
          <view class="order-info-hr"></view>
          <view class="order-info-contact">
            <image src="../../static/myorder-paying-contact.png"></image>
            <text>联系客服</text>
          </view>
        </view>
      </view>
058f060df   范牧   冲突修改
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
      <view
        class="order-confim"
        v-if="status == '0'"
      >
        <button
          class="b1"
          @click="cancleOrder"
        >取消订单</button>
        <button
          class="b2"
          @click="paylog"
        >立即支付</button>
      </view>
  
      <view
        class="order-confim"
        v-if="status == '1'"
      >
        <!-- <button class="b1">取消订单</button> -->
        <button
          class="b2"
          @click="confirmOrder"
        >确认收货</button>
ecde40693   范牧   部分bug修改
135
136
137
138
139
140
141
142
143
144
      </view>
      <view
        class="order-confim"
        v-if="status == '2'"
      >
        <button
          class="b2"
          @click="toDetail"
        >再次购买</button>
      </view>
7d6833f2c   范牧   地址列表
145
    </view>
4de4be344   喻鹏   客服在线和我的订单-待付款
146
147
148
  </template>
  
  <script>
ecde40693   范牧   部分bug修改
149
  import store from '@/store'
34703a767   BigBoss   订单逻辑修改
150
  import MD5Util from '../../utils/md5'
ecde40693   范牧   部分bug修改
151
  import UniCountdown from '../../components/UniCountdown/UniCountdown.vue'
7d6833f2c   范牧   地址列表
152
153
  export default {
    components: {
ecde40693   范牧   部分bug修改
154
155
      UniCountdown,
    },
92d01cfd5   Adam   修正订单数据
156
    data() {
7d6833f2c   范牧   地址列表
157
      return {
ecde40693   范牧   部分bug修改
158
159
160
161
162
        payId: '',
        payTime: '',
        status: '', // status 0 待付款 1 已发货
        uid: '',
        openid: '',
a3d2beaa8   范牧   立即支付功能
163
        lefttime: 0,
ecde40693   范牧   部分bug修改
164
165
166
        isPay: 0,
        totalPrice: 0,
      }
058f060df   范牧   冲突修改
167
    },
ecde40693   范牧   部分bug修改
168
    async onLoad ({ payId, status, isPay }) {
607bc3a4d   BigBoss   修改了直接购买的流程,添加弹窗,选...
169
      this.payId = payId
36e559203   BigBoss   逻辑完善
170
      this.status = status
607bc3a4d   BigBoss   修改了直接购买的流程,添加弹窗,选...
171
      this.isPay = isPay
eed6c3ca9   BigBoss   订单列表添加支付和取消功能,修改订...
172
      // console.log('++++++++++++++++++',this.status)
058f060df   范牧   冲突修改
173
      const openid = uni.getStorageSync('openid')
36e559203   BigBoss   逻辑完善
174
      const uid = this.$store.state.user.userInfo.uid
058f060df   范牧   冲突修改
175
176
      this.uid = uid
      this.openid = openid
36e559203   BigBoss   逻辑完善
177
      await store.dispatch('orderRead/getOrderInfo', {
058f060df   范牧   冲突修改
178
        pay_id: this.payId,
36e559203   BigBoss   逻辑完善
179
        uid: uid,
ecde40693   范牧   部分bug修改
180
181
182
        openid: openid,
      })
      this.totalPrice = this.orderInfo.total_fee
058f060df   范牧   冲突修改
183
    },
a3d2beaa8   范牧   立即支付功能
184
185
    // 若从支付页面跳转过来,返回直接返回到首页
    onBackPress(option) {
ecde40693   范牧   部分bug修改
186
      if (option.from === 'backbutton' && this.isPay) {
a3d2beaa8   范牧   立即支付功能
187
        uni.switchTab({
ecde40693   范牧   部分bug修改
188
189
190
          url: '/pages/index/index',
        })
        return true // 阻止默认返回行为
a3d2beaa8   范牧   立即支付功能
191
192
      }
    },
058f060df   范牧   冲突修改
193
    computed: {
ecde40693   范牧   部分bug修改
194
195
196
197
198
      orderInfo() {
        return this.$store.state.orderRead.orderInfo
      },
      orderInfoList () {
        return this.orderInfo.order_info ? this.orderInfo.order_info.list : null
058f060df   范牧   冲突修改
199
200
      },
      // 获取订单地址信息
ecde40693   范牧   部分bug修改
201
202
      orderAddressInfo () {
        return this.orderInfo.order_info ? this.orderInfo.order_info.address : null
058f060df   范牧   冲突修改
203
204
      },
      // 订单付款时间
ecde40693   范牧   部分bug修改
205
206
      getLeftTime () {
        return this.orderInfo.order_info ? this.orderInfo.order_info.lefttime : 1800
058f060df   范牧   冲突修改
207
208
      },
      // 计算总优惠额
92d01cfd5   Adam   修正订单数据
209
      totalDiscount() {
ecde40693   范牧   部分bug修改
210
211
        const discountInfoList = this.orderInfo.discount_info
        let totalDiscount = 0
058f060df   范牧   冲突修改
212
213
        if (discountInfoList) {
          discountInfoList.map((discountItem, index) => {
ecde40693   范牧   部分bug修改
214
215
            totalDiscount += Number(discountItem.value)
          })
058f060df   范牧   冲突修改
216
217
        }
        // console.log(totalDiscount)
ecde40693   范牧   部分bug修改
218
219
220
221
222
223
224
225
226
227
228
229
230
        return totalDiscount
      },
    },
  
    methods: {
      // 再次购买  暂时只支持跳转第一个商品
      toDetail() {
        const pid = this.orderInfo.order_info.list[0].pid
        uni.navigateTo({
          url: '../details/details?pid=' + pid,
          fail: (res) => { console.log(res) },
        })
      },
058f060df   范牧   冲突修改
231
      // 取消订单
92d01cfd5   Adam   修正订单数据
232
      timeup() {
ecde40693   范牧   部分bug修改
233
        this.cancleOrder()
058f060df   范牧   冲突修改
234
      },
92d01cfd5   Adam   修正订单数据
235
      cancleOrder() {
ecde40693   范牧   部分bug修改
236
237
238
239
        const uid = this.uid
        const openid = this.openid
        const keyname = this.orderInfo.order_info.keyname
        // console.log('keyname',this.orderInfo.keyname)
058f060df   范牧   冲突修改
240
        uni.showModal({
ecde40693   范牧   部分bug修改
241
242
          title: '提示',
          content: '现在取消,订单不可恢复哦,确认取消吗?',
92d01cfd5   Adam   修正订单数据
243
          success: function(res) {
058f060df   范牧   冲突修改
244
            if (res.confirm) {
ecde40693   范牧   部分bug修改
245
              store.dispatch('cancelOrder/cancel', {
36e559203   BigBoss   逻辑完善
246
                keyname: keyname,
058f060df   范牧   冲突修改
247
                uid: uid,
ecde40693   范牧   部分bug修改
248
249
250
251
252
                openid: openid,
              })
              uni.navigateBack({
                delta: 1,
              })
058f060df   范牧   冲突修改
253
            } else if (res.cancel) {
ecde40693   范牧   部分bug修改
254
              console.log('用户点击取消')
058f060df   范牧   冲突修改
255
            }
ecde40693   范牧   部分bug修改
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
          },
        })
      },
      paylog() {
        console.log('pay', this.orderInfo)
        const { data, exKeyName: keyName } = this.orderInfo
        const uid = uni.getStorageSync('uid')
        const timeStamp = new Date().getTime().toString()
        const nonceStr = 'asfafasfasfasfasf'
        // 支付参数
        const fieldSet = {
          openid: this.$store.state.user.userInfo.openid,
          uid: this.$store.state.user.userInfo.uid,
          shopid: 0,
          payCate: 2020,
          payMoney: this.totalPrice,
          payWoodId: `fcdj-${uid}-${keyName}`,
          payWoodDesc: '在【非常戴镜】的微信付款凭证',
          nonceStr,
          signType: 'MD5',
          app_uid: 2020,
          timeStamp,
          keyname: keyName,
          billInfo: JSON.stringify(data),
        }
        // 请求后台支付接口
        store.dispatch('order/pay', fieldSet).then(({ data, data2, pay_id: payId }) => {
          if (data.return_code === 'SUCCESS' && data.result_code === 'SUCCESS') {
            const stringA = `appId=wx115b25aa396d27ac&nonceStr=${nonceStr}&package=prepay_id=${data.prepay_id}&signType=MD5&timeStamp=${timeStamp}`
            const stringSignTemp = stringA + '&key=NewMoney2017hatemydaddy123456789'
  
            // 微信支付接口
            uni.requestPayment({
              appId: data.appid,
              timeStamp,
              nonceStr,
              total_fee: this.totalPrice,
              package: `prepay_id=${data.prepay_id}`,
              signType: 'MD5',
              paySign: MD5Util.MD5(stringSignTemp).toUpperCase(),
              success: (res) => {
                // 支付成功
                uni.showModal({
                  content: '支付成功',
                  showCancel: false,
                })
                // 跳转订单详情页->状态 待收货
                uni.reLaunch({
                  url: `../myOrderPaying/myOrderPaying?payId=${payId}&status=1&isPay=1`,
                })
              },
              fail: (res) => {
                // 支付失败
                uni.showModal({
                  content: '支付失败',
                  showCancel: false,
                })
                // 跳转订单详情页->刷新本页面
                // uni.redirectTo({
                //   url: `../myOrderPaying/myOrderPaying?payId=${payId}&status=0&isPay=1`,
                // })
              },
              complete: () => {
                uni.hideLoading()
              },
            })
          } else {
            uni.showModal({
              content: '支付失败',
              showCancel: false,
            })
            console.log('支付失败')
            uni.hideLoading()
            //  uni.redirectTo({
          // url: `../myOrderPaying/myOrderPaying?payId=${payId}&status=0&isPay=1`,
            //  })
92d01cfd5   Adam   修正订单数据
332
          }
ecde40693   范牧   部分bug修改
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
        })
  
        // 修改订单状态 待付款==>待收货
        store.dispatch('statusConfirm/confirm', {
          uid: this.uid,
          openid: this.openid,
          oldway: '0',
          way: '1',
          pay_id: this.payId,
          judgeContent: '',
          orderInfo: this.orderInfo.order_info,
        })
          .then(
          // setTimeout(() => {
          //   uni.navigateBack();
          // }, 1500)
          )
a3d2beaa8   范牧   立即支付功能
350
      },
ecde40693   范牧   部分bug修改
351
352
      confirmOrder() {
      // 确认收货 way1 ==>way2
92d01cfd5   Adam   修正订单数据
353
        store
ecde40693   范牧   部分bug修改
354
          .dispatch('statusConfirm/confirm', {
92d01cfd5   Adam   修正订单数据
355
356
            uid: this.uid,
            openid: this.openid,
ecde40693   范牧   部分bug修改
357
358
            oldway: '1',
            way: '2',
92d01cfd5   Adam   修正订单数据
359
            pay_id: this.payId,
ecde40693   范牧   部分bug修改
360
361
            judgeContent: '',
            orderInfo: this.orderInfo.order_info,
92d01cfd5   Adam   修正订单数据
362
          })
ecde40693   范牧   部分bug修改
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
          .then((res) => {
            if (res.data.code === 1) {
              uni.showToast({
                title: '已确认',
                mask: true,
                duration: 1500,
                icon: 'success',
              })
            } else {
              uni.showToast({
                title: '服务器错误,确认失败!',
                mask: true,
              })
            }
            setTimeout(() => {
              uni.navigateBack()
            }, 1500)
          })
      },
87e0a4103   尹聃   修改订单详情时间戳
382
    },
ecde40693   范牧   部分bug修改
383
384
385
386
387
388
389
390
    // filters: {
    //   timerChange: function(value) {
    //     var newDate = new Date()
    //     newDate.setTime(value * 1000)
    //     return newDate.toLocaleString()
    //   },
    // },
  }
4de4be344   喻鹏   客服在线和我的订单-待付款
391
392
393
  </script>
  
  <style lang="scss" scoped>
7d6833f2c   范牧   地址列表
394
  .content {
058f060df   范牧   冲突修改
395
    min-height: 100vh;
7d6833f2c   范牧   地址列表
396
397
    display: flex;
    flex-direction: column;
058f060df   范牧   冲突修改
398
    justify-content: flex-start;
7d6833f2c   范牧   地址列表
399
400
401
402
403
    align-items: center;
    background-color: #f2f2f2;
  }
  
  .order {
7d6833f2c   范牧   地址列表
404
405
    margin-bottom: 112rpx;
    background: #f2f2f2;
058f060df   范牧   冲突修改
406
407
    margin-top: 140rpx;
    width: 670rpx;
7d6833f2c   范牧   地址列表
408
  }
058f060df   范牧   冲突修改
409

7d6833f2c   范牧   地址列表
410
411
412
413
414
415
  .order-time {
    width: 100%;
    height: 140rpx;
    background-color: #fff;
    display: flex;
    justify-content: center;
058f060df   范牧   冲突修改
416
417
418
419
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
7d6833f2c   范牧   地址列表
420
421
    text {
      // font-family: PingFangSC-Regular;
058f060df   范牧   冲突修改
422
      // margin-top: 48rpx;
7d6833f2c   范牧   地址列表
423
424
425
426
427
428
429
430
431
432
433
434
      font-size: 14px;
      color: #333333;
      letter-spacing: -0.26px;
    }
    .p2 {
      // font-family: DINAlternate-Bold;
      margin: 42rpx 20rpx 0 20rpx;
      font-size: 18px;
      color: #ec5d3b;
      letter-spacing: -0.34px;
    }
  }
058f060df   范牧   冲突修改
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
  .headerBanner {
    width: 100%;
    height: 140rpx;
    background: #4a90e2;
    padding: 26rpx 60rpx 24rpx 60rpx;
    box-sizing: border-box;
    color: #ffffff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    .bannerLeft {
      font-size: 36rpx;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      .T2 {
        font-size: 24rpx;
      }
    }
    image {
      height: 56rpx;
      width: 72rpx;
    }
  }
7d6833f2c   范牧   地址列表
463
464
  
  .order-user {
7d6833f2c   范牧   地址列表
465
466
467
468
469
470
471
472
473
    height: 228rpx;
    background: #ffffff;
    border-radius: 14rpx;
    margin: 0 auto;
    margin-top: 20rpx;
    margin-bottom: 20rpx;
    .order-user-head {
      display: flex;
      height: 108rpx;
7d6833f2c   范牧   地址列表
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
      align-items: center;
      margin-left: 126rpx;
      .p1 {
        // font-family: PingFangSC-Regular;
        font-size: 14px;
        color: #333333;
        letter-spacing: -0.26px;
        margin-right: 20rpx;
      }
      .p2 {
        // font-family: PingFangSC-Regular;
        font-size: 14px;
        color: #999999;
        letter-spacing: -0.26px;
      }
    }
    .order-user-body {
      display: flex;
      width: 100%;
      image {
        width: 24px;
        height: 26px;
        margin: 12rpx 32rpx 0 40rpx;
      }
      .p3 {
        // font-family: PingFangSC-Semibold;
        font-size: 14px;
        color: #333333;
        letter-spacing: -0.26px;
ecde40693   范牧   部分bug修改
503
        line-height: 70rpx;
7d6833f2c   范牧   地址列表
504
505
506
507
508
      }
    }
  }
  
  .order-info {
7d6833f2c   范牧   地址列表
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
    background-color: #fff;
    box-shadow: 0 0 20rpx 0 rgba(177, 128, 128, 0.06);
    border-radius: 16rpx;
    margin: 0 auto;
    view {
      margin-left: 40rpx;
    }
    text {
      font-size: 14px;
    }
    .order-info-head {
      display: flex;
      padding-top: 40rpx;
      image {
        height: 188rpx;
        width: 188rpx;
      }
      .order-info-head-r {
        margin: 0;
        width: 368rpx;
        margin-left: 24rpx;
        // margin-top: 40rpx;
        text {
          display: block;
        }
        // .arrow{
        // width: 0;
        // height: 0;
        // border-left: 5px transparent;
        // border-right: 5px transparent;
        // border-top: 5px #979797;
        // border-bottom: 0 transparent;
        // border-style: solid;
        // position: relative;
        // // transform: scaleY(-1);
        // }
        // .arrow::after{
        //     content: '';
        //     position: absolute;
        //     top: -6.5px;
        //     left: -5px;
058f060df   范牧   冲突修改
550
551
552
553
554
        //     border-left: 5px transparent;
        //     border-right: 5px transparent;
        //     border-top: 5px #FFFFFF;
        //     border-bottom: 0 transparent;
        //     border-style: solid;
7d6833f2c   范牧   地址列表
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
        // }
        .p1 {
          min-height: 40px;
          // font-family: PingFangSC-Regular;
          font-size: 14px;
          color: #333333;
          letter-spacing: -0.26px;
          line-height: 18px;
          // line-height: 20px;
        }
        .p2 {
          height: 34px;
          padding: 1px 0 3px 0;
          // font-family: PingFangSC-Regular;
          font-size: 12px;
          color: #999999;
          letter-spacing: -0.23px;
        }
058f060df   范牧   冲突修改
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
        .infoText-bottom {
          display: flex;
          flex-direction: row;
          justify-content: flex-start;
          align-items: center;
          width: 100%;
          margin-left: 0;
          .markPrice {
            font-size: 14px;
            color: #ff6b4a;
            margin-right: 20rpx;
            margin-left: 0rpx;
          }
          .buy-num {
            font-size: 12px;
            color: #999999;
          }
7d6833f2c   范牧   地址列表
590
591
592
593
        }
      }
    }
    // .order-info-goodsnum {
058f060df   范牧   冲突修改
594
595
596
597
598
599
600
601
602
603
    //     display: flex;
    //     align-items: center;
    //     justify-content: flex-end;
    //     text {
    //         margin-right: 44rpx;
    //         // ont-family: PingFangSC-Regular;
    //         font-size: 12px;
    //         color: #999999;
    //         letter-spacing: -0.23px;
    //     }
7d6833f2c   范牧   地址列表
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
    // }
    .order-info-freight {
      display: block;
      margin-left: 40rpx;
      margin-top: 22rpx;
      .p1 {
        // font-family: PingFangSC-Regular;
        font-size: 14px;
        color: #333333;
        letter-spacing: -0.26px;
        line-height: 18px;
        margin-right: 24px;
      }
      .p2 {
        // font-family: PingFangSC-Regular;
        font-size: 14px;
        color: #ff6b4a;
        letter-spacing: -0.26px;
      }
    }
    .order-info-discount {
      display: block;
      margin-left: 40rpx;
      margin-top: 24rpx;
      .p1 {
        // font-family: PingFangSC-Regular;
        font-size: 14px;
        color: #333333;
        letter-spacing: -0.26px;
        line-height: 18px;
        margin-right: 24px;
      }
      .p2 {
        // font-family: PingFangSC-Regular;
        font-size: 14px;
        color: #ff6b4a;
        letter-spacing: -0.26px;
      }
    }
    .order-info-price {
      display: block;
      margin-left: 40rpx;
      margin-top: 24rpx;
      .p1 {
        // font-family: PingFangSC-Semibold;
        font-size: 14px;
        color: #333333;
        letter-spacing: -0.26px;
        line-height: 18px;
        margin-right: 24px;
      }
      .p2 {
        // font-family: PingFangSC-Semibold;
        font-size: 14px;
        color: #ff6b4a;
        letter-spacing: -0.26px;
      }
    }
    .order-info-num {
      display: block;
      margin-left: 40rpx;
      margin-top: 44rpx;
      text {
        // font-family: PingFangSC-Regular;
        font-size: 12px;
        color: #999999;
        letter-spacing: -0.23px;
      }
    }
    .order-info-time {
      display: block;
      margin: 8rpx 0 48rpx 40rpx;
      text {
        // font-family: PingFangSC-Regular;
        font-size: 12px;
        color: #999999;
        letter-spacing: -0.23px;
      }
    }
    .order-info-hr {
      width: 520rpx;
      height: 1px;
      background-color: #e9e9e9;
      margin-bottom: 20rpx;
    }
    .order-info-contact {
      display: flex;
      padding-bottom: 28rpx;
      image {
        width: 19px;
        height: 16px;
      }
      text {
        // font-family: PingFangSC-Regular;
        margin-left: 20rpx;
        font-size: 14px;
        color: #333333;
        letter-spacing: -0.26px;
        line-height: 18px;
      }
    }
  }
4de4be344   喻鹏   客服在线和我的订单-待付款
706

7d6833f2c   范牧   地址列表
707
708
709
  .order-confim {
    display: flex;
    align-items: center;
058f060df   范牧   冲突修改
710
711
    justify-content: flex-end;
    // z-index: 999;
7d6833f2c   范牧   地址列表
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
    width: 100%;
    height: 112rpx;
    position: fixed;
    bottom: 0;
    background: #ffffff;
    button {
      width: 204rpx;
      height: 80rpx;
      border: 1px solid #ff6b4a;
      border-radius: 40rpx;
      font-size: 32rpx;
      letter-spacing: -0.3px;
      margin-right: 0;
    }
    .b1 {
      // font-family: PingFangSC-Regular;
      color: #ff6b4a;
058f060df   范牧   冲突修改
729
      background-color: #ffffff;
7d6833f2c   范牧   地址列表
730
731
732
733
734
735
736
737
    }
    .b2 {
      // font-family: PingFangSC-Regular;
      background-color: #ff6b4a;
      color: #ffffff;
      margin: 0 26rpx 0 20rpx;
    }
  }
4de4be344   喻鹏   客服在线和我的订单-待付款
738
  </style>