Blame view

src/pages/myOrderPaying/myOrderPaying.vue 19.4 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
          <view
            class="order-info-head"
7c039b6f9   范牧   订单详情页规格修改
62
            v-for="(orderInfoListItem, index) in orderInfoList"
058f060df   范牧   冲突修改
63
64
65
66
67
68
            :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>
c00c25809   范牧   规格样式修改
71
72
73
74
75
76
77
78
              <template v-if="orderInfoList.length === 1">
                <view
                  class="p2"
                  style="margin: 0;"
                >
                  {{skuList[0] ? skuList[0].sku_name.replace('_', '/') : ''}}
                </view>
              </template>
058f060df   范牧   冲突修改
79
              <view class="infoText-bottom">
7c039b6f9   范牧   订单详情页规格修改
80
                <view class="markPrice">¥{{Number(orderInfoListItem.nowPrice)/100}}</view>
058f060df   范牧   冲突修改
81
82
                <view class="buy-num">X {{orderInfoListItem.num}}</view>
              </view>
7d6833f2c   范牧   地址列表
83
84
            </view>
          </view>
058f060df   范牧   冲突修改
85
86
87
          <!-- <view class="order-info-goodsnum">
              <text>X1</text>
          </view> -->
7d6833f2c   范牧   地址列表
88
89
          <text class="order-info-freight">
            <text class="p1">运费</text>
a3d2beaa8   范牧   立即支付功能
90
            <text class="p2">免运费</text>
7d6833f2c   范牧   地址列表
91
92
93
          </text>
          <text class="order-info-discount">
            <text class="p1">优惠</text>
058f060df   范牧   冲突修改
94
            <text class="p2">-¥{{totalDiscount}}</text>
7d6833f2c   范牧   地址列表
95
96
97
          </text>
          <text class="order-info-price">
            <text class="p1">实付</text>
ecde40693   范牧   部分bug修改
98
            <text class="p2">¥{{Number(totalPrice)/100}}</text>
7d6833f2c   范牧   地址列表
99
100
          </text>
          <text class="order-info-num">
37ccd9675   尹聃   订单详情页获取数据
101
            <text>订单号:{{payId}}</text>
7d6833f2c   范牧   地址列表
102
103
          </text>
          <text class="order-info-time">
ecde40693   范牧   部分bug修改
104
            <text>下单时间:{{orderInfo.pay_time}}</text>
7d6833f2c   范牧   地址列表
105
106
107
108
          </text>
          <view class="order-info-hr"></view>
          <view class="order-info-contact">
            <image src="../../static/myorder-paying-contact.png"></image>
9394b5df7   范牧   报错修复
109
            <button open-type="contact">联系客服</button>
7d6833f2c   范牧   地址列表
110
111
112
          </view>
        </view>
      </view>
058f060df   范牧   冲突修改
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
      <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修改
136
137
138
139
140
141
142
143
144
145
      </view>
      <view
        class="order-confim"
        v-if="status == '2'"
      >
        <button
          class="b2"
          @click="toDetail"
        >再次购买</button>
      </view>
7d6833f2c   范牧   地址列表
146
    </view>
4de4be344   喻鹏   客服在线和我的订单-待付款
147
148
149
  </template>
  
  <script>
ecde40693   范牧   部分bug修改
150
  import store from '@/store'
34703a767   BigBoss   订单逻辑修改
151
  import MD5Util from '../../utils/md5'
ecde40693   范牧   部分bug修改
152
  import UniCountdown from '../../components/UniCountdown/UniCountdown.vue'
7d6833f2c   范牧   地址列表
153
154
  export default {
    components: {
ecde40693   范牧   部分bug修改
155
156
      UniCountdown,
    },
92d01cfd5   Adam   修正订单数据
157
    data() {
7d6833f2c   范牧   地址列表
158
      return {
ecde40693   范牧   部分bug修改
159
160
161
162
163
        payId: '',
        payTime: '',
        status: '', // status 0 待付款 1 已发货
        uid: '',
        openid: '',
a3d2beaa8   范牧   立即支付功能
164
        lefttime: 0,
ecde40693   范牧   部分bug修改
165
166
        isPay: 0,
        totalPrice: 0,
c00c25809   范牧   规格样式修改
167
        index: 0,
ecde40693   范牧   部分bug修改
168
      }
058f060df   范牧   冲突修改
169
    },
ecde40693   范牧   部分bug修改
170
    async onLoad ({ payId, status, isPay }) {
607bc3a4d   BigBoss   修改了直接购买的流程,添加弹窗,选...
171
      this.payId = payId
36e559203   BigBoss   逻辑完善
172
      this.status = status
607bc3a4d   BigBoss   修改了直接购买的流程,添加弹窗,选...
173
      this.isPay = isPay
eed6c3ca9   BigBoss   订单列表添加支付和取消功能,修改订...
174
      // console.log('++++++++++++++++++',this.status)
058f060df   范牧   冲突修改
175
      const openid = uni.getStorageSync('openid')
36e559203   BigBoss   逻辑完善
176
      const uid = this.$store.state.user.userInfo.uid
058f060df   范牧   冲突修改
177
178
      this.uid = uid
      this.openid = openid
36e559203   BigBoss   逻辑完善
179
      await store.dispatch('orderRead/getOrderInfo', {
058f060df   范牧   冲突修改
180
        pay_id: this.payId,
36e559203   BigBoss   逻辑完善
181
        uid: uid,
ecde40693   范牧   部分bug修改
182
183
        openid: openid,
      })
7c039b6f9   范牧   订单详情页规格修改
184
185
186
187
188
189
190
      const { list } = this.orderInfo.order_info
      for (let index = 0; index < list.length; index++) {
        await store.dispatch('orderRead/goodDetails', {
          pid: list[index].pid,
          skId: list[index].sk_id,
        })
      }
ecde40693   范牧   部分bug修改
191
      this.totalPrice = this.orderInfo.total_fee
058f060df   范牧   冲突修改
192
    },
a3d2beaa8   范牧   立即支付功能
193
194
    // 若从支付页面跳转过来,返回直接返回到首页
    onBackPress(option) {
ecde40693   范牧   部分bug修改
195
      if (option.from === 'backbutton' && this.isPay) {
a3d2beaa8   范牧   立即支付功能
196
        uni.switchTab({
ecde40693   范牧   部分bug修改
197
198
199
          url: '/pages/index/index',
        })
        return true // 阻止默认返回行为
a3d2beaa8   范牧   立即支付功能
200
201
      }
    },
058f060df   范牧   冲突修改
202
    computed: {
7c039b6f9   范牧   订单详情页规格修改
203
204
205
206
      // 规格列表
      skuList () {
        return this.$store.state.orderRead.skuList
      },
ecde40693   范牧   部分bug修改
207
208
209
210
211
      orderInfo() {
        return this.$store.state.orderRead.orderInfo
      },
      orderInfoList () {
        return this.orderInfo.order_info ? this.orderInfo.order_info.list : null
058f060df   范牧   冲突修改
212
213
      },
      // 获取订单地址信息
ecde40693   范牧   部分bug修改
214
215
      orderAddressInfo () {
        return this.orderInfo.order_info ? this.orderInfo.order_info.address : null
058f060df   范牧   冲突修改
216
217
      },
      // 订单付款时间
ecde40693   范牧   部分bug修改
218
      getLeftTime () {
4171c8bea   范牧   倒计时添加
219
220
221
222
        const orderTime = new Date(this.orderInfo.pay_time.replace(/-/g, '/')).getTime()
        const nowTime = new Date().getTime()
        console.log('getLeftTime', 1800 - (nowTime - orderTime))
        return 1800 - (nowTime - orderTime) / 1000
058f060df   范牧   冲突修改
223
224
      },
      // 计算总优惠额
92d01cfd5   Adam   修正订单数据
225
      totalDiscount() {
ecde40693   范牧   部分bug修改
226
227
        const discountInfoList = this.orderInfo.discount_info
        let totalDiscount = 0
058f060df   范牧   冲突修改
228
229
        if (discountInfoList) {
          discountInfoList.map((discountItem, index) => {
ecde40693   范牧   部分bug修改
230
231
            totalDiscount += Number(discountItem.value)
          })
058f060df   范牧   冲突修改
232
233
        }
        // console.log(totalDiscount)
ecde40693   范牧   部分bug修改
234
235
236
237
238
239
240
241
242
243
244
245
246
        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   范牧   冲突修改
247
      // 取消订单
92d01cfd5   Adam   修正订单数据
248
      timeup() {
ecde40693   范牧   部分bug修改
249
        this.cancleOrder()
058f060df   范牧   冲突修改
250
      },
92d01cfd5   Adam   修正订单数据
251
      cancleOrder() {
081c50da0   范牧   取消订单返回修改
252
253
254
255
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
        const uid = this.uid
        const openid = this.openid
        const keyname = this.orderInfo.order_info.keyname
        const that = this
        // console.log('keyname',this.orderInfo.keyname)
        uni.showModal({
          title: '提示',
          content: '现在取消,订单不可恢复哦,确认取消吗?',
          success: function(res) {
            if (res.confirm) {
              store.dispatch('cancelOrder/cancel', {
                keyname: keyname,
                uid: uid,
                openid: openid,
              }).then(() => {
                if (that.isPay === '1') {
                  console.log('lalallala-1')
                  uni.switchTab({
                    url: '/pages/index/index',
                  })
                } else {
                  console.log('lalallala-2')
                  uni.navigateBack({
                    delta: 1,
                  })
                }
              })
            } else if (res.cancel) {
              console.log('用户点击取消', that.isPay)
            }
          },
        })
ecde40693   范牧   部分bug修改
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
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
      },
      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   修正订单数据
358
          }
ecde40693   范牧   部分bug修改
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
        })
  
        // 修改订单状态 待付款==>待收货
        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   范牧   立即支付功能
376
      },
ecde40693   范牧   部分bug修改
377
378
      confirmOrder() {
      // 确认收货 way1 ==>way2
92d01cfd5   Adam   修正订单数据
379
        store
ecde40693   范牧   部分bug修改
380
          .dispatch('statusConfirm/confirm', {
92d01cfd5   Adam   修正订单数据
381
382
            uid: this.uid,
            openid: this.openid,
ecde40693   范牧   部分bug修改
383
384
            oldway: '1',
            way: '2',
92d01cfd5   Adam   修正订单数据
385
            pay_id: this.payId,
ecde40693   范牧   部分bug修改
386
387
            judgeContent: '',
            orderInfo: this.orderInfo.order_info,
92d01cfd5   Adam   修正订单数据
388
          })
ecde40693   范牧   部分bug修改
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
          .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   尹聃   修改订单详情时间戳
408
    },
ecde40693   范牧   部分bug修改
409
410
411
412
413
414
415
416
    // filters: {
    //   timerChange: function(value) {
    //     var newDate = new Date()
    //     newDate.setTime(value * 1000)
    //     return newDate.toLocaleString()
    //   },
    // },
  }
4de4be344   喻鹏   客服在线和我的订单-待付款
417
418
419
  </script>
  
  <style lang="scss" scoped>
7d6833f2c   范牧   地址列表
420
  .content {
058f060df   范牧   冲突修改
421
    min-height: 100vh;
7d6833f2c   范牧   地址列表
422
423
    display: flex;
    flex-direction: column;
058f060df   范牧   冲突修改
424
    justify-content: flex-start;
7d6833f2c   范牧   地址列表
425
426
427
428
429
    align-items: center;
    background-color: #f2f2f2;
  }
  
  .order {
7d6833f2c   范牧   地址列表
430
431
    margin-bottom: 112rpx;
    background: #f2f2f2;
058f060df   范牧   冲突修改
432
433
    margin-top: 140rpx;
    width: 670rpx;
7d6833f2c   范牧   地址列表
434
  }
058f060df   范牧   冲突修改
435

7d6833f2c   范牧   地址列表
436
437
438
439
440
441
  .order-time {
    width: 100%;
    height: 140rpx;
    background-color: #fff;
    display: flex;
    justify-content: center;
058f060df   范牧   冲突修改
442
443
444
445
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
7d6833f2c   范牧   地址列表
446
447
    text {
      // font-family: PingFangSC-Regular;
058f060df   范牧   冲突修改
448
      // margin-top: 48rpx;
7d6833f2c   范牧   地址列表
449
450
451
452
453
454
455
456
457
458
459
460
      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   范牧   冲突修改
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
  .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   范牧   地址列表
489
490
  
  .order-user {
7d6833f2c   范牧   地址列表
491
492
493
494
495
496
497
498
499
    height: 228rpx;
    background: #ffffff;
    border-radius: 14rpx;
    margin: 0 auto;
    margin-top: 20rpx;
    margin-bottom: 20rpx;
    .order-user-head {
      display: flex;
      height: 108rpx;
7d6833f2c   范牧   地址列表
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
      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修改
529
        line-height: 70rpx;
7d6833f2c   范牧   地址列表
530
531
532
533
534
      }
    }
  }
  
  .order-info {
7d6833f2c   范牧   地址列表
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
    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   范牧   冲突修改
576
577
578
579
580
        //     border-left: 5px transparent;
        //     border-right: 5px transparent;
        //     border-top: 5px #FFFFFF;
        //     border-bottom: 0 transparent;
        //     border-style: solid;
7d6833f2c   范牧   地址列表
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
        // }
        .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   范牧   冲突修改
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
        .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;
7c039b6f9   范牧   订单详情页规格修改
615
            margin-left: 0;
058f060df   范牧   冲突修改
616
          }
7d6833f2c   范牧   地址列表
617
618
619
620
        }
      }
    }
    // .order-info-goodsnum {
058f060df   范牧   冲突修改
621
622
623
624
625
626
627
628
629
630
    //     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   范牧   地址列表
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
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
    // }
    .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;
      }
7c039b6f9   范牧   订单详情页规格修改
723
      button {
7d6833f2c   范牧   地址列表
724
        // font-family: PingFangSC-Regular;
7c039b6f9   范牧   订单详情页规格修改
725
726
727
        border: none;
        border-radius: 0;
        text-align: left;
7d6833f2c   范牧   地址列表
728
729
730
731
732
        margin-left: 20rpx;
        font-size: 14px;
        color: #333333;
        letter-spacing: -0.26px;
        line-height: 18px;
7c039b6f9   范牧   订单详情页规格修改
733
734
735
736
737
        background-color: #fff;
        padding: 0;
        &::after {
          border: 0;
        }
7d6833f2c   范牧   地址列表
738
739
740
      }
    }
  }
4de4be344   喻鹏   客服在线和我的订单-待付款
741

7d6833f2c   范牧   地址列表
742
743
744
  .order-confim {
    display: flex;
    align-items: center;
058f060df   范牧   冲突修改
745
746
    justify-content: flex-end;
    // z-index: 999;
7d6833f2c   范牧   地址列表
747
748
749
750
751
    width: 100%;
    height: 112rpx;
    position: fixed;
    bottom: 0;
    background: #ffffff;
f112b6434   范牧   全面屏适配
752
753
754
755
756
    /* iphonex 等安全区设置,底部安全区适配 */
    /* #ifndef APP-NVUE */
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
    /* #endif */
7d6833f2c   范牧   地址列表
757
758
759
760
761
762
763
764
765
766
767
768
    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   范牧   冲突修改
769
      background-color: #ffffff;
7d6833f2c   范牧   地址列表
770
771
772
773
774
775
776
777
    }
    .b2 {
      // font-family: PingFangSC-Regular;
      background-color: #ff6b4a;
      color: #ffffff;
      margin: 0 26rpx 0 20rpx;
    }
  }
4de4be344   喻鹏   客服在线和我的订单-待付款
778
  </style>