刘文博 / gulu-vue

Browse Code »

Commit 9394b5df70ebeb2b35b1005dff9c4825b261e0c4

Authored by 范牧 2020-06-17 14:05:11 +0800

1 parent ecde406930

Exists in master

报错修复

Showing 2 changed files with 1 additions and 3 deletions Show diff stats

src/pages/details/details.vue

Diff comments View file @9394b5d

 <template>
   <view class="container">
     <!-- 基础信息 -->
     <view class="basic_info">
       <!-- 轮播图 -->
       <swiper
         class="swiperImage"
         :indicator-dots="true"
         :autoplay="true"
         :interval="4000"
         :duration="500"
       >
         <swiper-item
           v-for="(item, index) in carousel"
           :key="index"
         >
           <image
             :src="item"
             mode="scaleToFill"
           ></image>
         </swiper-item>
       </swiper>
       <!-- 产品价格及购买人数 -->
       <view class="info_pay">
         <view>￥{{goodsInfo.price || '暂无'}}<span
             v-if="goodsInfo.discountPrice"
             class="info_pay_discount"
           >¥{{goodsInfo.discountPrice}}</span></view>
         <span class="info_pay_number">{{goodsInfo.tradeNumber || '暂无'}}人购买过</span>
       </view>
       <!-- 产品名称 -->
       <view class="info_name">
         <text class="info_name_name">{{goodsInfo.name || '暂无'}}</text>
         <view
           @tap="confirmShare"
           class="info_name_share"
         >
           <image src="/static/img/detail/share-icon.png"></image>
           <text>分享</text>
         </view>
       </view>
       <!-- 产品售后信息 -->
       <view class="info_after">
         <span>支持7天无理由退货</span>
         <span>顺丰发货</span>
         <span>30天质量保证</span>
       </view>
     </view>
     <!-- 详细信息 -->
     <view class="detail_info">
       <!-- 详细信息菜单 -->
       <view class="screen_bar">
         <view
           v-for="(item, index) in screenItems"
           :key="index"
           @click="tabChange(index)"
         >
           <view
             class="screen_item"
             v-bind:class="{ item_active: item_current === index }"
           >{{ screenItems[index] || '暂无' }}</view>
         </view>
       </view>
       <!-- 商品介绍 -->
       <view
         class="screen_item"
         v-if="item_current === 0"
       >
         <Introduce :tag="tag" />
       </view>
       <!-- 规格参数 -->
       <view
         class="screen_item"
         v-if="item_current === 1"
       >
         <view class="specification">
           <view
             class="spe_item"
             v-for="(item, index) in specification"
             :key="index"
           >
             <image
               class="spe_image"
               v-bind:src="item.img"
             ></image>
             <span>{{item.standard || '暂无'}}</span>
             <span>{{item.slength || '暂无'}}</span>
           </view>
         </view>
       </view>
       <!-- 售后保障 -->
       <view
         class="screen_item"
         v-if="item_current === 2"
       >
         <AfterSails />
       </view>
     </view>
     <!-- 评价 -->
     <template v-if="item_current !== 2">
       <view class="evaluate">
         <!-- 标题 -->
         <view class="evaluate_title">
           <view><span>宝贝好评率</span><span class="title_rate">{{evaluate.rate}}</span></view>
           <!-- 星星 -->
           <view class="evaluate_star">
             <view
               class="star"
               v-for="(item, index) in evaluate.star"
               :key="index"
             >
               <image
                 src="../../static/img/detail/d_star.png"
                 mode="aspectFill"
                 style="height: 26rpx; width: 28rpx;"
               ></image>
             </view>
           </view>
         </view>
         <!-- 标签 -->
         <view class="evaluate_tag">
           <view
             v-for="(item, index) in evaluate.tag"
             :key="index"
           >{{item.name}}</view>
         </view>
       </view>
     </template>
     <!-- 商品详情页 -->
     <template v-if="current !==2">
       <view class="more_info">
         <view
           class="more_fixed1"
           @click="consolg(goodInfo.prodIntro1)"
         >
           <image src="/static/img/detail/hr.png"></image>
           <view>商品详情</view>
           <image src="/static/img/detail/hr.png"></image>
         </view>
         <view
           class="more_all"
           v-html="more"
         >
         </view>
       </view>
     </template>
     <!-- 底部菜单 -->
     <view class="menu">
       <view
         @tap="toCart()"
         class="menu_1"
       >
         <view class="cart_icon">
           <image src="/static/tab-cart.png" />
           <text>{{cartNumber}}</text>
         </view>
         <view class="menu_image">购物车</view>
       </view>
       <view class="menu_2">
         <view
           class="menu_input"
           @tap="showBottom(1)"
         >加入购物车</view>
         <view
           class="menu_now"
           @click="showBottom(2)"
         >立即购买</view>
       </view>
     </view>
     <!-- 参数选择 -->
     <template v-if="isShowBottom">
       <BottomSheet
         :isCart="isCart"
         @addCart="addCart"
         :pid="pid"
         :goodInfo="goodInfo"
         :isShowBottom="isShowBottom"
         @closeBottom="closeBottom"
       ></BottomSheet>
     </template>
     <!-- 分享 -->
     <template>
       <uni-popup
         ref="popupShare"
         type="share"
       >
         <uni-popup-share @select="selectShare"></uni-popup-share>
       </uni-popup>
     </template>
     <!-- 分享海报 -->
     <template>
       <uni-popup
         ref="uniPopupPost"
         type="center"
       >
         <uni-popup-post :postUrl="postUrl"></uni-popup-post>
       </uni-popup>
     </template>
   </view>
 </template>
 <script>
 import store from '@/store'
 import Introduce from './components/Introduce' // 商品介绍基本信息组件
 import AfterSails from './components/AfterSails' // 售后保障组件
 import uniPopupShare from '@/components/uni-popup/uni-popup-share.vue' // 分享组件
 import uniPopupPost from '@/components/uni-popup/uni-popup-post.vue' // 分享组件
 import BottomSheet from '@/components/BottomSheet/BottomSheet.vue' // 参数选择组件
 export default {
   components: {
     Introduce,
     AfterSails,
     BottomSheet,
     uniPopupShare,
     uniPopupPost,
   },
   data () {
     return {
       pid: 7, // 产品ID
       skId: undefined, // skuId
       // 详细信息菜单
       item_current: 0,
       screenItems: [
         '商品介绍',
         '规格参数',
         '售后保障',
       ],
       showPostImg: false, // 是否展示分享海报
       isShowBottom: false, // 是否展示参数选择
       isCart: 1, // 参数选择 按钮判断
     }
   },
   onLoad({ pid = this.pid, sk_id: skId }) {
     // 根据页面传参请求页面数据
     this.pid = pid
     this.skId = skId
     // 获取产品详情
     this.getDetails({ pid, skId })
     // 获取购物车数据
     this.getCartNum()
   },
   computed: {
     // 获取轮播图数据
     goodInfo() {
       return this.$store.state.details.goodInfo
     },
     // 获取轮播图数据
     carousel() {
       return this.$store.state.details.carousel
     },
     // 商品基本信息
     goodsInfo() {
       return this.$store.state.details.goodsInfo
     },
     // 商品介绍商品标签
     tag() {
       return this.$store.state.details.tag
     },
     // 规格参数
     specification() {
       return this.$store.state.details.specification
     },
     // 评价
     evaluate() {
       return this.$store.state.details.evaluate
     },
     // 商品详情
     more() {
       return this.$store.state.details.more
     },
     // 购物车数目
     cartNumber() {
       return this.$store.state.details.cartNumber
     },
     // 购物车数目
     skuList() {
       return this.$store.state.details.skuList
     },
     // 分享海报
     postUrl() {
       return this.$store.state.details.postUrl
     },
   },
   methods: {
     // 获取产品详情
     getDetails({ pid, skId }) {
       store.dispatch('details/details', {
         pid,
         sk_id: skId,
       })
       store.dispatch('read/fetch', {
         pid,
         sk_id: skId,
       })
     },
     // 获取购物车数目
     getCartNum() {
       store.dispatch('details/getCartNumber')
     },
     // 切换详细信息菜单
     tabChange (e) {
       if (this.current !== e) {
         this.item_current = e
       }
     },
     // 打开分享界面
     confirmShare() {
       this.$refs.popupShare.open()
     },
     // 选择分享
     selectShare(e, done) {
       switch (e.item.name) {
         // 分享到好物圈
         case 'recommend':
           this.shareRecommend()
           break
         // 分享到朋友圈
         case 'friend':
           break
         // 生成海报
         case 'poster':
           uni.showLoading({
             title: '生成图片中',
           })
           this.sharePost()
           break
         default:
           break
       }
       done()
     },
     // 分享到好物圈
     shareRecommend() {
       if (wx.openBusinessView) {
         wx.openBusinessView({
           businessType: 'friendGoodsRecommend',
           extraData: {
             product: {
               item_code: '58_68',
               title: this.goodsInfo.name,
               image_list: this.carousel,
             },
           },
           success: function (res) {
             uni.showToast({
               title: '好物圈分享成功！',
               icon: 'none',
               duration: 2000,
             })
             // 向服务器报告这个事情
             // TODO:::记录这个用户的推广过程。
             console.log('好物圈分享成功！', res)
           },
           fail: function (res) {
             console.log('好物圈分享失败！', res)
           },
         })
       }
     },
     // 分享到朋友/圈
     shareFriend() {
       this.onShareAppMessage()
     },
     // 朋友圈设置页面
     onShareAppMessage() {
       let myName = this.$store.state.user.userInfo.nickName
       if (myName === '' || myName.length < 1 || myName === '匿名用户' || typeof myName === 'undefined') {
         myName = '【神秘人】'
       } else {
         myName = '【' + myName + '】'
       }
       return {
         title: 'Hi，' + myName + '送你300元来试戴最新潮流眼镜！', // 默认是小程序的名称(可以写slogan等)
         path: '/pages/details/details?sid=0&pid=' + this.pid,
         imageUrl: this.skuList[0].pic, // 不传入 imageUrl 则使用默认截图。显示图片长宽比是 5:4
         success: function (res) {
           if (res.errMsg === 'shareAppMessage:ok') {
             console.log('分享成功！', res)
           }
         },
         fail: function (res) {
           if (res.errMsg === 'shareAppMessage:fail cancel') {
             console.log('fail', '放弃分享')
           } else if (res.errMsg === 'shareAppMessage:fail') {
             console.log('fail', '分享失败')
           }
         },
       }
     },
     // 生成海报
     sharePost() {
       const fromsid = this.$store.state.user.fromInfo.fromsid || 'undefined'
       store.dispatch('details/post', {
         pid: this.pid,
         sid: fromsid === 'undefined' ? 0 : fromsid,
       }).then((data) => {
         uni.hideLoading()
         this.$refs.uniPopupPost.open()
       })
     },
     // 参数选择弹窗开关
     showBottom(isCart) {
       this.isCart = isCart
       this.isShowBottom = true
     },
     closeBottom() {
       this.isShowBottom = false
     },
     // 前往购物车
     toCart() {
       uni.switchTab({
         url: '/pages/cart/cart',
         success: res => {},
         fail: (error) => { console.log('跳转购物车失败======>', error) },
         complete: () => { console.log('toCart') },
       })
     },
     // 加入购物车
     addCart (mpId, num, checkedSKU, skId, price) {
       const addCartList = {}
       addCartList.mp_id = mpId
       addCartList.sk_id = skId
       addCartList.num = num
       // addCartList.checkedSKU = checkedSKU
       addCartList.pid = this.pid
       addCartList.price = price
       console.log('添加购物车的参数', addCartList)
       store.dispatch('cart/addCart', addCartList).then((res) => {
         if (res.code === 1) {
           uni.showToast({
             title: '添加成功~',
             icon: 'success',
           })
         }
         // 再次请求购物车接口，实现实时更新
         store.dispatch('details/getCartNumber')
       })
     },
   },
 }
 </script>
 <style lang="scss">
 .container {
   background-color: #f8f8f8;
   font-family: "PingFangSC-Regular";
   // 板块样式
   > view {
     background: #ffffff;
     margin-bottom: 10px;
     padding: 8px 20px 8px 20px;
     box-sizing: border-box;
   }
   // 基础信息板块
   .basic_info {
     // 轮播图
     .swiperImage {
       width: 684rpx;
       height: 480rpx;
       text-align: center;
       image {
         max-width: 100%;
         max-height: 100%;
         border-radius: 16rpx;
       }
     }
     // 产品价格及购买人数
     .info_pay {
       color: #eb5d3b;
       font-size: 18px;
       margin-top: 5px;
       font-family: "PingFangSC-Semibold";
       display: flex;
       justify-content: space-between;
       .info_pay_discount {
         text-decoration: line-through;
         margin-left: 8rpx;
         color: #999;
         font-size: 14px;
       }
       .info_pay_number {
         color: #999;
         font-size: 14px;
         font-family: PingFangSC-Regular;
       }
     }
     // 产品名称
     .info_name {
       margin-top: 5px;
       display: flex;
       justify-content: space-between;
       .info_name_name {
         margin-right: 10px;
         font-size: 16px;
         font-family: "PingFangSC-Semibold";
         max-width: 592rpx;
       }
       .info_name_share {
         display: flex;
         flex-direction: column;
         justify-content: space-between;
         align-items: center;
         margin-top: 14rpx;
         > image {
           height: 40rpx;
           width: 40rpx;
         }
         > text {
           font-family: PingFangSC-Regular;
           font-size: 12px;
           color: #999;
           letter-spacing: -0.23px;
         }
       }
     }
     // 售后服务
     .info_after {
       font-size: 10px;
       color: #999;
       margin-top: 20rpx;
       > span {
         height: 14px;
         margin-right: 10px;
       }
     }
   }
   // 详细信息
   .detail_info {
     margin-bottom: 20rpx;
     .screen_bar {
       width: 670rpx;
       margin-top: 20rpx;
       margin-bottom: 24rpx;
       display: flex;
       flex-direction: row;
       justify-content: space-between;
       align-items: center;
       font-size: 14px;
       color: #333333;
       transition: all 0.2s;
     }
     .item_active {
       border-bottom: 4rpx solid #ff6b4a;
     }
     .screen_item {
       font-size: 32rpx;
       color: #333333;
       display: flex;
       transition: all 0.2s;
       // 规格参数
       .specification {
         margin-bottom: 4px;
         .spe_item {
           image {
             width: 50px;
             height: 25px;
             margin-right: 6px;
             vertical-align: middle;
           }
           span {
             margin-left: 24rpx;
           }
         }
       }
     }
     //
   }
   // 宝贝好评率
   .evaluate {
     .evaluate_title {
       font-size: 14px;
       color: #333333;
       display: flex;
       justify-content: space-between;
       .title_rate {
         margin-left: 10rpx;
       }
       .evaluate_star {
         width: 90px;
         display: flex;
         align-items: center;
         justify-content: space-between;
       }
       view {
         font-size: 14px;
         color: #333333;
         font-weight: bold;
       }
     }
     .evaluate_tag {
       view {
         display: inline-block;
         margin-right: 20rpx;
         min-width: 180rpx;
         margin-top: 10px;
         height: 48rpx;
         background: #f2f2f2;
         border-radius: 2px;
         font-family: PingFangSC-Regular;
         font-size: 12px;
         color: #666666;
         letter-spacing: -0.23px;
         text-align: center;
         padding: 0 48rpx;
         line-height: 48rpx;
       }
     }
   }
   // 商品详情
   .more_info {
     .more_fixed1 {
       display: flex;
       justify-content: space-between;
       align-content: center;
       margin-bottom: 12px;
       view {
         font-size: 14px;
         color: #333333;
         font-weight: bold;
         font-family: "PingFangSC-Medium";
         line-height: 24px;
       }
       image {
         width: 240rpx;
         height: 3px;
         margin-top: 10px;
       }
     }
     .more_all {
       width: 100%;
       margin-top: 30rpx;
       margin-right: 30rpx;
       margin-bottom: 180rpx;
       font-family: "PingFangSC-Regular";
     }
   }
   // 菜单
   .menu {
     position: fixed;
     bottom: 0;
     min-height: 74px;
     width: 100%;
     background: #ffffff;
     padding: 20px 20px 8px 20px;
     font-family: "PingFangSC-Regular";
     box-sizing: border-box;
     display: flex;
     justify-content: space-between;
     align-content: center;
     margin: 0;
     /* iphonex 等安全区设置，底部安全区适配 */
     /* #ifndef APP-NVUE */
     padding-bottom: constant(safe-area-inset-bottom);
     padding-bottom: env(safe-area-inset-bottom);
     /* #endif */
     .menu_1 {
       width: 20%;
       height: 100%;
       text-align: center;
       color: #989898;
       .cart_icon {
         position: relative;
         text {
           position: absolute;
           color: white;
           font-size: 17px;
           background-color: red;
           min-height: 24px;
           min-width: 24px;
           line-height: 24px;
           right: -12%;
           top: -12px;
           text-align: center;
           border-radius: 24px;
           padding: 2px;
         }
       }
     }
     image {
       width: 42%;
       height: 26px;
     }
     .menu_image {
       font-size: 12px;
       text-align: center;
     }
     .menu_2 {
       width: 74%;
       height: 80rpx;
       display: grid;
       grid-template-columns: 50% 50%;
     }
     .menu_input {
       display: inline-flex;
       align-items: center;
       justify-content: space-around;
       background: #fff0ec;
       font-size: 16px;
       color: #ff6b4a;
       border-radius: 20px 0 0 20px;
     }
     .menu_now {
       display: inline-flex;
       align-items: center;
       justify-content: space-around;
       background: #ff6b4a;
       font-size: 16px;
       color: #ffffff;
       border-radius: 0 20px 20px 0;
     }
   }
-    /* #endif */
 }
 </style>

src/pages/myOrderPaying/myOrderPaying.vue

Diff comments View file @9394b5d

1	<!-- 订单待付款待收货 -->	1	<!-- 订单待付款待收货 -->
2	<template>	2	<template>
3	<view class="content">	3	<view class="content">
4	<view	4	<view
5	class="headerBanner"	5	class="headerBanner"
6	v-if="status == '2'\|\|'3'"	6	v-if="status == '2'\|\|'3'"
7	>	7	>
8	<view class="bannerLeft">	8	<view class="bannerLeft">
9	<view class="T1">订单已完成</view>	9	<view class="T1">订单已完成</view>
10	</view>	10	</view>
11	<image	11	<image
12	src="../../static/car.png"	12	src="../../static/car.png"
13	mode="aspectFill"	13	mode="aspectFill"
14	></image>	14	></image>
15	</view>	15	</view>
16	<!-- 待付款 -->	16	<!-- 待付款 -->
17	<view	17	<view
18	class="order-time"	18	class="order-time"
19	v-if="status == '0'"	19	v-if="status == '0'"
20	>	20	>
21	<text>请在</text>	21	<text>请在</text>
22	<uni-countdown	22	<uni-countdown
23	color="#EC5D3B"	23	color="#EC5D3B"
24	splitor-color="#EC5D3B"	24	splitor-color="#EC5D3B"
25	:show-day="false"	25	:show-day="false"
26	:hour="0"	26	:hour="0"
27	:second="getLeftTime"	27	:second="getLeftTime"
28	@timeup="timeup"	28	@timeup="timeup"
29	>	29	>
30	</uni-countdown>	30	</uni-countdown>
31		31
32	<text>内完成付款</text>	32	<text>内完成付款</text>
33	</view>	33	</view>
34		34
35	<view	35	<view
36	class="headerBanner"	36	class="headerBanner"
37	v-if="status == '1'"	37	v-if="status == '1'"
38	>	38	>
39	<view class="bannerLeft">	39	<view class="bannerLeft">
40	<view class="T1">卖家已发货</view>	40	<view class="T1">卖家已发货</view>
41	<!-- <view class="T2">还剩确认收货</view> -->	41	<!-- <view class="T2">还剩确认收货</view> -->
42	</view>	42	</view>
43	<image	43	<image
44	src="../../static/car.png"	44	src="../../static/car.png"
45	mode="aspectFill"	45	mode="aspectFill"
46	></image>	46	></image>
47	</view>	47	</view>
48		48
49	<view class="order">	49	<view class="order">
50	<view class="order-user">	50	<view class="order-user">
51	<view class="order-user-head">	51	<view class="order-user-head">
52	<text class="p1">{{orderAddressInfo.name}}</text>	52	<text class="p1">{{orderAddressInfo.name}}</text>
53	<text class="p2">{{orderAddressInfo.mobile}}</text>	53	<text class="p2">{{orderAddressInfo.mobile}}</text>
54	</view>	54	</view>
55	<view class="order-user-body">	55	<view class="order-user-body">
56	<image src="../../static/myorder-paying-location.png"></image>	56	<image src="../../static/myorder-paying-location.png"></image>
57	<text class="p3">{{orderAddressInfo.address}}</text>	57	<text class="p3">{{orderAddressInfo.address}}</text>
58	</view>	58	</view>
59	</view>	59	</view>
60	<view class="order-info">	60	<view class="order-info">
61	<view	61	<view
62	class="order-info-head"	62	class="order-info-head"
63	v-for="(orderInfoListItem,index) in orderInfoList"	63	v-for="(orderInfoListItem,index) in orderInfoList"
64	:key="index"	64	:key="index"
65	>	65	>
66	<image	66	<image
67	:src="orderInfoListItem.imgUrl"	67	:src="orderInfoListItem.imgUrl"
68	mode="aspectFill"	68	mode="aspectFill"
69	></image>	69	></image>
70	<view class="order-info-head-r">	70	<view class="order-info-head-r">
71	<text class="p1">{{orderInfoListItem.p_name}}</text>	71	<text class="p1">{{orderInfoListItem.p_name}}</text>
72	<view	72	<view
73	class="p2"	73	class="p2"
74	style="margin: 0;"	74	style="margin: 0;"
75	>	75	>
76	规格：玫瑰金 / 钛合金 / 防日光防紫外线 / 超薄超轻	76	规格：玫瑰金 / 钛合金 / 防日光防紫外线 / 超薄超轻
77	<!-- <view class="arrow"></view> -->	77	<!-- <view class="arrow"></view> -->
78	</view>	78	</view>
79	<view class="infoText-bottom">	79	<view class="infoText-bottom">
80	<view class="markPrice">{{Number(orderInfoListItem.nowPrice)/100}}</view>	80	<view class="markPrice">{{Number(orderInfoListItem.nowPrice)/100}}</view>
81	<view class="buy-num">X {{orderInfoListItem.num}}</view>	81	<view class="buy-num">X {{orderInfoListItem.num}}</view>
82	</view>	82	</view>
83	</view>	83	</view>
84	</view>	84	</view>
85	<!-- <view class="order-info-goodsnum">	85	<!-- <view class="order-info-goodsnum">
86	<text>X1</text>	86	<text>X1</text>
87	</view> -->	87	</view> -->
88	<text class="order-info-freight">	88	<text class="order-info-freight">
89	<text class="p1">运费</text>	89	<text class="p1">运费</text>
90	<text class="p2">免运费</text>	90	<text class="p2">免运费</text>
91	</text>	91	</text>
92	<text class="order-info-discount">	92	<text class="order-info-discount">
93	<text class="p1">优惠</text>	93	<text class="p1">优惠</text>
94	<text class="p2">-￥{{totalDiscount}}</text>	94	<text class="p2">-￥{{totalDiscount}}</text>
95	</text>	95	</text>
96	<text class="order-info-price">	96	<text class="order-info-price">
97	<text class="p1">实付</text>	97	<text class="p1">实付</text>
98	<text class="p2">￥{{Number(totalPrice)/100}}</text>	98	<text class="p2">￥{{Number(totalPrice)/100}}</text>
99	</text>	99	</text>
100	<text class="order-info-num">	100	<text class="order-info-num">
101	<text>订单号：{{payId}}</text>	101	<text>订单号：{{payId}}</text>
102	</text>	102	</text>
103	<text class="order-info-time">	103	<text class="order-info-time">
104	<text>下单时间：{{orderInfo.pay_time}}</text>	104	<text>下单时间：{{orderInfo.pay_time}}</text>
105	</text>	105	</text>
106	<view class="order-info-hr"></view>	106	<view class="order-info-hr"></view>
107	<view class="order-info-contact">	107	<view class="order-info-contact">
108	<image src="../../static/myorder-paying-contact.png"></image>	108	<image src="../../static/myorder-paying-contact.png"></image>
109	<text>联系客服</text>	109	<button open-type="contact">联系客服</button>
110	</view>	110	</view>
111	</view>	111	</view>
112	</view>	112	</view>
113	<view	113	<view
114	class="order-confim"	114	class="order-confim"
115	v-if="status == '0'"	115	v-if="status == '0'"
116	>	116	>
117	<button	117	<button
118	class="b1"	118	class="b1"
119	@click="cancleOrder"	119	@click="cancleOrder"
120	>取消订单</button>	120	>取消订单</button>
121	<button	121	<button
122	class="b2"	122	class="b2"
123	@click="paylog"	123	@click="paylog"
124	>立即支付</button>	124	>立即支付</button>
125	</view>	125	</view>
126		126
127	<view	127	<view
128	class="order-confim"	128	class="order-confim"
129	v-if="status == '1'"	129	v-if="status == '1'"
130	>	130	>
131	<!-- <button class="b1">取消订单</button> -->	131	<!-- <button class="b1">取消订单</button> -->
132	<button	132	<button
133	class="b2"	133	class="b2"
134	@click="confirmOrder"	134	@click="confirmOrder"
135	>确认收货</button>	135	>确认收货</button>
136	</view>	136	</view>
137	<view	137	<view
138	class="order-confim"	138	class="order-confim"
139	v-if="status == '2'"	139	v-if="status == '2'"
140	>	140	>
141	<button	141	<button
142	class="b2"	142	class="b2"
143	@click="toDetail"	143	@click="toDetail"
144	>再次购买</button>	144	>再次购买</button>
145	</view>	145	</view>
146		146
147	</view>	147	</view>
148	</template>	148	</template>
149		149
150	<script>	150	<script>
151	import store from '@/store'	151	import store from '@/store'
152	import MD5Util from '../../utils/md5'	152	import MD5Util from '../../utils/md5'
153	import UniCountdown from '../../components/UniCountdown/UniCountdown.vue'	153	import UniCountdown from '../../components/UniCountdown/UniCountdown.vue'
154	export default {	154	export default {
155	components: {	155	components: {
156	UniCountdown,	156	UniCountdown,
157	},	157	},
158	data() {	158	data() {
159	return {	159	return {
160	payId: '',	160	payId: '',
161	payTime: '',	161	payTime: '',
162	status: '', // status 0 待付款 1 已发货	162	status: '', // status 0 待付款 1 已发货
163	uid: '',	163	uid: '',
164	openid: '',	164	openid: '',
165	lefttime: 0,	165	lefttime: 0,
166	isPay: 0,	166	isPay: 0,
167	totalPrice: 0,	167	totalPrice: 0,
168	}	168	}
169	},	169	},
170	async onLoad ({ payId, status, isPay }) {	170	async onLoad ({ payId, status, isPay }) {
171	this.payId = payId	171	this.payId = payId
172	this.status = status	172	this.status = status
173	this.isPay = isPay	173	this.isPay = isPay
174	// console.log('++++++++++++++++++',this.status)	174	// console.log('++++++++++++++++++',this.status)
175	const openid = uni.getStorageSync('openid')	175	const openid = uni.getStorageSync('openid')
176	const uid = this.$store.state.user.userInfo.uid	176	const uid = this.$store.state.user.userInfo.uid
177	this.uid = uid	177	this.uid = uid
178	this.openid = openid	178	this.openid = openid
179	await store.dispatch('orderRead/getOrderInfo', {	179	await store.dispatch('orderRead/getOrderInfo', {
180	pay_id: this.payId,	180	pay_id: this.payId,
181	uid: uid,	181	uid: uid,
182	openid: openid,	182	openid: openid,
183	})	183	})
184	this.totalPrice = this.orderInfo.total_fee	184	this.totalPrice = this.orderInfo.total_fee
185	},	185	},
186	// 若从支付页面跳转过来，返回直接返回到首页	186	// 若从支付页面跳转过来，返回直接返回到首页
187	onBackPress(option) {	187	onBackPress(option) {
188	if (option.from === 'backbutton' && this.isPay) {	188	if (option.from === 'backbutton' && this.isPay) {
189	uni.switchTab({	189	uni.switchTab({
190	url: '/pages/index/index',	190	url: '/pages/index/index',
191	})	191	})
192	return true // 阻止默认返回行为	192	return true // 阻止默认返回行为
193	}	193	}
194	},	194	},
195	computed: {	195	computed: {
196	orderInfo() {	196	orderInfo() {
197	return this.$store.state.orderRead.orderInfo	197	return this.$store.state.orderRead.orderInfo
198	},	198	},
199	orderInfoList () {	199	orderInfoList () {
200	return this.orderInfo.order_info ? this.orderInfo.order_info.list : null	200	return this.orderInfo.order_info ? this.orderInfo.order_info.list : null
201	},	201	},
202	// 获取订单地址信息	202	// 获取订单地址信息
203	orderAddressInfo () {	203	orderAddressInfo () {
204	return this.orderInfo.order_info ? this.orderInfo.order_info.address : null	204	return this.orderInfo.order_info ? this.orderInfo.order_info.address : null
205	},	205	},
206	// 订单付款时间	206	// 订单付款时间
207	getLeftTime () {	207	getLeftTime () {
208	return this.orderInfo.order_info ? this.orderInfo.order_info.lefttime : 1800	208	return this.orderInfo.order_info ? this.orderInfo.order_info.lefttime : 1800
209	},	209	},
210	// 计算总优惠额	210	// 计算总优惠额
211	totalDiscount() {	211	totalDiscount() {
212	const discountInfoList = this.orderInfo.discount_info	212	const discountInfoList = this.orderInfo.discount_info
213	let totalDiscount = 0	213	let totalDiscount = 0
214	if (discountInfoList) {	214	if (discountInfoList) {
215	discountInfoList.map((discountItem, index) => {	215	discountInfoList.map((discountItem, index) => {
216	totalDiscount += Number(discountItem.value)	216	totalDiscount += Number(discountItem.value)
217	})	217	})
218	}	218	}
219	// console.log(totalDiscount)	219	// console.log(totalDiscount)
220	return totalDiscount	220	return totalDiscount
221	},	221	},
222	},	222	},
223		223
224	methods: {	224	methods: {
225	// 再次购买暂时只支持跳转第一个商品	225	// 再次购买暂时只支持跳转第一个商品
226	toDetail() {	226	toDetail() {
227	const pid = this.orderInfo.order_info.list[0].pid	227	const pid = this.orderInfo.order_info.list[0].pid
228	uni.navigateTo({	228	uni.navigateTo({
229	url: '../details/details?pid=' + pid,	229	url: '../details/details?pid=' + pid,
230	fail: (res) => { console.log(res) },	230	fail: (res) => { console.log(res) },
231	})	231	})
232	},	232	},
233	// 取消订单	233	// 取消订单
234	timeup() {	234	timeup() {
235	this.cancleOrder()	235	this.cancleOrder()
236	},	236	},
237	cancleOrder() {	237	cancleOrder() {
238	const uid = this.uid	238	const uid = this.uid
239	const openid = this.openid	239	const openid = this.openid
240	const keyname = this.orderInfo.order_info.keyname	240	const keyname = this.orderInfo.order_info.keyname
241	// console.log('keyname',this.orderInfo.keyname)	241	// console.log('keyname',this.orderInfo.keyname)
242	uni.showModal({	242	uni.showModal({
243	title: '提示',	243	title: '提示',
244	content: '现在取消，订单不可恢复哦，确认取消吗？',	244	content: '现在取消，订单不可恢复哦，确认取消吗？',
245	success: function(res) {	245	success: function(res) {
246	if (res.confirm) {	246	if (res.confirm) {
247	store.dispatch('cancelOrder/cancel', {	247	store.dispatch('cancelOrder/cancel', {
248	keyname: keyname,	248	keyname: keyname,
249	uid: uid,	249	uid: uid,
250	openid: openid,	250	openid: openid,
251	})	251	})
252	uni.navigateBack({	252	uni.navigateBack({
253	delta: 1,	253	delta: 1,
254	})	254	})
255	} else if (res.cancel) {	255	} else if (res.cancel) {
256	console.log('用户点击取消')	256	console.log('用户点击取消')
257	}	257	}
258	},	258	},
259	})	259	})
260	},	260	},
261	paylog() {	261	paylog() {
262	console.log('pay', this.orderInfo)	262	console.log('pay', this.orderInfo)
263	const { data, exKeyName: keyName } = this.orderInfo	263	const { data, exKeyName: keyName } = this.orderInfo
264	const uid = uni.getStorageSync('uid')	264	const uid = uni.getStorageSync('uid')
265	const timeStamp = new Date().getTime().toString()	265	const timeStamp = new Date().getTime().toString()
266	const nonceStr = 'asfafasfasfasfasf'	266	const nonceStr = 'asfafasfasfasfasf'
267	// 支付参数	267	// 支付参数
268	const fieldSet = {	268	const fieldSet = {
269	openid: this.$store.state.user.userInfo.openid,	269	openid: this.$store.state.user.userInfo.openid,
270	uid: this.$store.state.user.userInfo.uid,	270	uid: this.$store.state.user.userInfo.uid,
271	shopid: 0,	271	shopid: 0,
272	payCate: 2020,	272	payCate: 2020,
273	payMoney: this.totalPrice,	273	payMoney: this.totalPrice,
274	payWoodId: `fcdj-${uid}-${keyName}`,	274	payWoodId: `fcdj-${uid}-${keyName}`,
275	payWoodDesc: '在【非常戴镜】的微信付款凭证',	275	payWoodDesc: '在【非常戴镜】的微信付款凭证',
276	nonceStr,	276	nonceStr,
277	signType: 'MD5',	277	signType: 'MD5',
278	app_uid: 2020,	278	app_uid: 2020,
279	timeStamp,	279	timeStamp,
280	keyname: keyName,	280	keyname: keyName,
281	billInfo: JSON.stringify(data),	281	billInfo: JSON.stringify(data),
282	}	282	}
283	// 请求后台支付接口	283	// 请求后台支付接口
284	store.dispatch('order/pay', fieldSet).then(({ data, data2, pay_id: payId }) => {	284	store.dispatch('order/pay', fieldSet).then(({ data, data2, pay_id: payId }) => {
285	if (data.return_code === 'SUCCESS' && data.result_code === 'SUCCESS') {	285	if (data.return_code === 'SUCCESS' && data.result_code === 'SUCCESS') {
286	const stringA = `appId=wx115b25aa396d27ac&nonceStr=${nonceStr}&package=prepay_id=${data.prepay_id}&signType=MD5&timeStamp=${timeStamp}`	286	const stringA = `appId=wx115b25aa396d27ac&nonceStr=${nonceStr}&package=prepay_id=${data.prepay_id}&signType=MD5&timeStamp=${timeStamp}`
287	const stringSignTemp = stringA + '&key=NewMoney2017hatemydaddy123456789'	287	const stringSignTemp = stringA + '&key=NewMoney2017hatemydaddy123456789'
288		288
289	// 微信支付接口	289	// 微信支付接口
290	uni.requestPayment({	290	uni.requestPayment({
291	appId: data.appid,	291	appId: data.appid,
292	timeStamp,	292	timeStamp,
293	nonceStr,	293	nonceStr,
294	total_fee: this.totalPrice,	294	total_fee: this.totalPrice,
295	package: `prepay_id=${data.prepay_id}`,	295	package: `prepay_id=${data.prepay_id}`,
296	signType: 'MD5',	296	signType: 'MD5',
297	paySign: MD5Util.MD5(stringSignTemp).toUpperCase(),	297	paySign: MD5Util.MD5(stringSignTemp).toUpperCase(),
298	success: (res) => {	298	success: (res) => {
299	// 支付成功	299	// 支付成功
300	uni.showModal({	300	uni.showModal({
301	content: '支付成功',	301	content: '支付成功',
302	showCancel: false,	302	showCancel: false,
303	})	303	})
304	// 跳转订单详情页->状态待收货	304	// 跳转订单详情页->状态待收货
305	uni.reLaunch({	305	uni.reLaunch({
306	url: `../myOrderPaying/myOrderPaying?payId=${payId}&status=1&isPay=1`,	306	url: `../myOrderPaying/myOrderPaying?payId=${payId}&status=1&isPay=1`,
307	})	307	})
308	},	308	},
309	fail: (res) => {	309	fail: (res) => {
310	// 支付失败	310	// 支付失败
311	uni.showModal({	311	uni.showModal({
312	content: '支付失败',	312	content: '支付失败',
313	showCancel: false,	313	showCancel: false,
314	})	314	})
315	// 跳转订单详情页->刷新本页面	315	// 跳转订单详情页->刷新本页面
316	// uni.redirectTo({	316	// uni.redirectTo({
317	// url: `../myOrderPaying/myOrderPaying?payId=${payId}&status=0&isPay=1`,	317	// url: `../myOrderPaying/myOrderPaying?payId=${payId}&status=0&isPay=1`,
318	// })	318	// })
319	},	319	},
320	complete: () => {	320	complete: () => {
321	uni.hideLoading()	321	uni.hideLoading()
322	},	322	},
323	})	323	})
324	} else {	324	} else {
325	uni.showModal({	325	uni.showModal({
326	content: '支付失败',	326	content: '支付失败',
327	showCancel: false,	327	showCancel: false,
328	})	328	})
329	console.log('支付失败')	329	console.log('支付失败')
330	uni.hideLoading()	330	uni.hideLoading()
331	// uni.redirectTo({	331	// uni.redirectTo({
332	// url: `../myOrderPaying/myOrderPaying?payId=${payId}&status=0&isPay=1`,	332	// url: `../myOrderPaying/myOrderPaying?payId=${payId}&status=0&isPay=1`,
333	// })	333	// })
334	}	334	}
335	})	335	})
336		336
337	// 修改订单状态待付款==>待收货	337	// 修改订单状态待付款==>待收货
338	store.dispatch('statusConfirm/confirm', {	338	store.dispatch('statusConfirm/confirm', {
339	uid: this.uid,	339	uid: this.uid,
340	openid: this.openid,	340	openid: this.openid,
341	oldway: '0',	341	oldway: '0',
342	way: '1',	342	way: '1',
343	pay_id: this.payId,	343	pay_id: this.payId,
344	judgeContent: '',	344	judgeContent: '',
345	orderInfo: this.orderInfo.order_info,	345	orderInfo: this.orderInfo.order_info,
346	})	346	})
347	.then(	347	.then(
348	// setTimeout(() => {	348	// setTimeout(() => {
349	// uni.navigateBack();	349	// uni.navigateBack();
350	// }, 1500)	350	// }, 1500)
351	)	351	)
352	},	352	},
353	confirmOrder() {	353	confirmOrder() {
354	// 确认收货 way1 ==>way2	354	// 确认收货 way1 ==>way2
355	store	355	store
356	.dispatch('statusConfirm/confirm', {	356	.dispatch('statusConfirm/confirm', {
357	uid: this.uid,	357	uid: this.uid,
358	openid: this.openid,	358	openid: this.openid,
359	oldway: '1',	359	oldway: '1',
360	way: '2',	360	way: '2',
361	pay_id: this.payId,	361	pay_id: this.payId,
362	judgeContent: '',	362	judgeContent: '',
363	orderInfo: this.orderInfo.order_info,	363	orderInfo: this.orderInfo.order_info,
364	})	364	})
365	.then((res) => {	365	.then((res) => {
366	if (res.data.code === 1) {	366	if (res.data.code === 1) {
367	uni.showToast({	367	uni.showToast({
368	title: '已确认',	368	title: '已确认',
369	mask: true,	369	mask: true,
370	duration: 1500,	370	duration: 1500,
371	icon: 'success',	371	icon: 'success',
372	})	372	})
373	} else {	373	} else {
374	uni.showToast({	374	uni.showToast({
375	title: '服务器错误，确认失败!',	375	title: '服务器错误，确认失败!',
376	mask: true,	376	mask: true,
377	})	377	})
378	}	378	}
379	setTimeout(() => {	379	setTimeout(() => {
380	uni.navigateBack()	380	uni.navigateBack()
381	}, 1500)	381	}, 1500)
382	})	382	})
383	},	383	},
384	},	384	},
385	// filters: {	385	// filters: {
386	// timerChange: function(value) {	386	// timerChange: function(value) {
387	// var newDate = new Date()	387	// var newDate = new Date()
388	// newDate.setTime(value * 1000)	388	// newDate.setTime(value * 1000)
389	// return newDate.toLocaleString()	389	// return newDate.toLocaleString()
390	// },	390	// },
391	// },	391	// },
392	}	392	}
393	</script>	393	</script>
394		394
395	<style lang="scss" scoped>	395	<style lang="scss" scoped>
396	.content {	396	.content {
397	min-height: 100vh;	397	min-height: 100vh;
398	display: flex;	398	display: flex;
399	flex-direction: column;	399	flex-direction: column;
400	justify-content: flex-start;	400	justify-content: flex-start;
401	align-items: center;	401	align-items: center;
402	background-color: #f2f2f2;	402	background-color: #f2f2f2;
403	}	403	}
404		404
405	.order {	405	.order {
406	margin-bottom: 112rpx;	406	margin-bottom: 112rpx;
407	background: #f2f2f2;	407	background: #f2f2f2;
408	margin-top: 140rpx;	408	margin-top: 140rpx;
409	width: 670rpx;	409	width: 670rpx;
410	}	410	}
411		411
412	.order-time {	412	.order-time {
413	width: 100%;	413	width: 100%;
414	height: 140rpx;	414	height: 140rpx;
415	background-color: #fff;	415	background-color: #fff;
416	display: flex;	416	display: flex;
417	justify-content: center;	417	justify-content: center;
418	align-items: center;	418	align-items: center;
419	position: fixed;	419	position: fixed;
420	top: 0;	420	top: 0;
421	left: 0;	421	left: 0;
422	text {	422	text {
423	// font-family: PingFangSC-Regular;	423	// font-family: PingFangSC-Regular;
424	// margin-top: 48rpx;	424	// margin-top: 48rpx;
425	font-size: 14px;	425	font-size: 14px;
426	color: #333333;	426	color: #333333;
427	letter-spacing: -0.26px;	427	letter-spacing: -0.26px;
428	}	428	}
429	.p2 {	429	.p2 {
430	// font-family: DINAlternate-Bold;	430	// font-family: DINAlternate-Bold;
431	margin: 42rpx 20rpx 0 20rpx;	431	margin: 42rpx 20rpx 0 20rpx;
432	font-size: 18px;	432	font-size: 18px;
433	color: #ec5d3b;	433	color: #ec5d3b;
434	letter-spacing: -0.34px;	434	letter-spacing: -0.34px;
435	}	435	}
436	}	436	}
437	.headerBanner {	437	.headerBanner {
438	width: 100%;	438	width: 100%;
439	height: 140rpx;	439	height: 140rpx;
440	background: #4a90e2;	440	background: #4a90e2;
441	padding: 26rpx 60rpx 24rpx 60rpx;	441	padding: 26rpx 60rpx 24rpx 60rpx;
442	box-sizing: border-box;	442	box-sizing: border-box;
443	color: #ffffff;	443	color: #ffffff;
444	display: flex;	444	display: flex;
445	justify-content: space-between;	445	justify-content: space-between;
446	align-items: center;	446	align-items: center;
447	position: fixed;	447	position: fixed;
448	top: 0;	448	top: 0;
449	left: 0;	449	left: 0;
450	.bannerLeft {	450	.bannerLeft {
451	font-size: 36rpx;	451	font-size: 36rpx;
452	display: flex;	452	display: flex;
453	flex-direction: column;	453	flex-direction: column;
454	justify-content: center;	454	justify-content: center;
455	align-items: center;	455	align-items: center;
456	.T2 {	456	.T2 {
457	font-size: 24rpx;	457	font-size: 24rpx;
458	}	458	}
459	}	459	}
460	image {	460	image {
461	height: 56rpx;	461	height: 56rpx;
462	width: 72rpx;	462	width: 72rpx;
463	}	463	}
464	}	464	}
465		465
466	.order-user {	466	.order-user {
467	height: 228rpx;	467	height: 228rpx;
468	background: #ffffff;	468	background: #ffffff;
469	border-radius: 14rpx;	469	border-radius: 14rpx;
470	margin: 0 auto;	470	margin: 0 auto;
471	margin-top: 20rpx;	471	margin-top: 20rpx;
472	margin-bottom: 20rpx;	472	margin-bottom: 20rpx;
473	.order-user-head {	473	.order-user-head {
474	display: flex;	474	display: flex;
475	height: 108rpx;	475	height: 108rpx;
476	align-items: center;	476	align-items: center;
477	margin-left: 126rpx;	477	margin-left: 126rpx;
478	.p1 {	478	.p1 {
479	// font-family: PingFangSC-Regular;	479	// font-family: PingFangSC-Regular;
480	font-size: 14px;	480	font-size: 14px;
481	color: #333333;	481	color: #333333;
482	letter-spacing: -0.26px;	482	letter-spacing: -0.26px;
483	margin-right: 20rpx;	483	margin-right: 20rpx;
484	}	484	}
485	.p2 {	485	.p2 {
486	// font-family: PingFangSC-Regular;	486	// font-family: PingFangSC-Regular;
487	font-size: 14px;	487	font-size: 14px;
488	color: #999999;	488	color: #999999;
489	letter-spacing: -0.26px;	489	letter-spacing: -0.26px;
490	}	490	}
491	}	491	}
492	.order-user-body {	492	.order-user-body {
493	display: flex;	493	display: flex;
494	width: 100%;	494	width: 100%;
495	image {	495	image {
496	width: 24px;	496	width: 24px;
497	height: 26px;	497	height: 26px;
498	margin: 12rpx 32rpx 0 40rpx;	498	margin: 12rpx 32rpx 0 40rpx;
499	}	499	}
500	.p3 {	500	.p3 {
501	// font-family: PingFangSC-Semibold;	501	// font-family: PingFangSC-Semibold;
502	font-size: 14px;	502	font-size: 14px;
503	color: #333333;	503	color: #333333;
504	letter-spacing: -0.26px;	504	letter-spacing: -0.26px;
505	line-height: 70rpx;	505	line-height: 70rpx;
506	}	506	}
507	}	507	}
508	}	508	}
509		509
510	.order-info {	510	.order-info {
511	background-color: #fff;	511	background-color: #fff;
512	box-shadow: 0 0 20rpx 0 rgba(177, 128, 128, 0.06);	512	box-shadow: 0 0 20rpx 0 rgba(177, 128, 128, 0.06);
513	border-radius: 16rpx;	513	border-radius: 16rpx;
514	margin: 0 auto;	514	margin: 0 auto;
515	view {	515	view {
516	margin-left: 40rpx;	516	margin-left: 40rpx;
517	}	517	}
518	text {	518	text {
519	font-size: 14px;	519	font-size: 14px;
520	}	520	}
521	.order-info-head {	521	.order-info-head {
522	display: flex;	522	display: flex;
523	padding-top: 40rpx;	523	padding-top: 40rpx;
524	image {	524	image {
525	height: 188rpx;	525	height: 188rpx;
526	width: 188rpx;	526	width: 188rpx;
527	}	527	}
528	.order-info-head-r {	528	.order-info-head-r {
529	margin: 0;	529	margin: 0;
530	width: 368rpx;	530	width: 368rpx;
531	margin-left: 24rpx;	531	margin-left: 24rpx;
532	// margin-top: 40rpx;	532	// margin-top: 40rpx;
533	text {	533	text {
534	display: block;	534	display: block;
535	}	535	}
536	// .arrow{	536	// .arrow{
537	// width: 0;	537	// width: 0;
538	// height: 0;	538	// height: 0;
539	// border-left: 5px transparent;	539	// border-left: 5px transparent;
540	// border-right: 5px transparent;	540	// border-right: 5px transparent;
541	// border-top: 5px #979797;	541	// border-top: 5px #979797;
542	// border-bottom: 0 transparent;	542	// border-bottom: 0 transparent;
543	// border-style: solid;	543	// border-style: solid;
544	// position: relative;	544	// position: relative;
545	// // transform: scaleY(-1);	545	// // transform: scaleY(-1);
546	// }	546	// }
547	// .arrow::after{	547	// .arrow::after{
548	// content: '';	548	// content: '';
549	// position: absolute;	549	// position: absolute;
550	// top: -6.5px;	550	// top: -6.5px;
551	// left: -5px;	551	// left: -5px;
552	// border-left: 5px transparent;	552	// border-left: 5px transparent;
553	// border-right: 5px transparent;	553	// border-right: 5px transparent;
554	// border-top: 5px #FFFFFF;	554	// border-top: 5px #FFFFFF;
555	// border-bottom: 0 transparent;	555	// border-bottom: 0 transparent;
556	// border-style: solid;	556	// border-style: solid;
557	// }	557	// }
558	.p1 {	558	.p1 {
559	min-height: 40px;	559	min-height: 40px;
560	// font-family: PingFangSC-Regular;	560	// font-family: PingFangSC-Regular;
561	font-size: 14px;	561	font-size: 14px;
562	color: #333333;	562	color: #333333;
563	letter-spacing: -0.26px;	563	letter-spacing: -0.26px;
564	line-height: 18px;	564	line-height: 18px;
565	// line-height: 20px;	565	// line-height: 20px;
566	}	566	}
567	.p2 {	567	.p2 {
568	height: 34px;	568	height: 34px;
569	padding: 1px 0 3px 0;	569	padding: 1px 0 3px 0;
570	// font-family: PingFangSC-Regular;	570	// font-family: PingFangSC-Regular;
571	font-size: 12px;	571	font-size: 12px;
572	color: #999999;	572	color: #999999;
573	letter-spacing: -0.23px;	573	letter-spacing: -0.23px;
574	}	574	}
575	.infoText-bottom {	575	.infoText-bottom {
576	display: flex;	576	display: flex;
577	flex-direction: row;	577	flex-direction: row;
578	justify-content: flex-start;	578	justify-content: flex-start;
579	align-items: center;	579	align-items: center;
580	width: 100%;	580	width: 100%;
581	margin-left: 0;	581	margin-left: 0;
582	.markPrice {	582	.markPrice {
583	font-size: 14px;	583	font-size: 14px;
584	color: #ff6b4a;	584	color: #ff6b4a;
585	margin-right: 20rpx;	585	margin-right: 20rpx;
586	margin-left: 0rpx;	586	margin-left: 0rpx;
587	}	587	}
588	.buy-num {	588	.buy-num {
589	font-size: 12px;	589	font-size: 12px;
590	color: #999999;	590	color: #999999;
591	}	591	}
592	}	592	}
593	}	593	}
594	}	594	}
595	// .order-info-goodsnum {	595	// .order-info-goodsnum {
596	// display: flex;	596	// display: flex;
597	// align-items: center;	597	// align-items: center;
598	// justify-content: flex-end;	598	// justify-content: flex-end;
599	// text {	599	// text {
600	// margin-right: 44rpx;	600	// margin-right: 44rpx;
601	// // ont-family: PingFangSC-Regular;	601	// // ont-family: PingFangSC-Regular;
602	// font-size: 12px;	602	// font-size: 12px;
603	// color: #999999;	603	// color: #999999;
604	// letter-spacing: -0.23px;	604	// letter-spacing: -0.23px;
605	// }	605	// }
606	// }	606	// }
607	.order-info-freight {	607	.order-info-freight {
608	display: block;	608	display: block;
609	margin-left: 40rpx;	609	margin-left: 40rpx;
610	margin-top: 22rpx;	610	margin-top: 22rpx;
611	.p1 {	611	.p1 {
612	// font-family: PingFangSC-Regular;	612	// font-family: PingFangSC-Regular;
613	font-size: 14px;	613	font-size: 14px;
614	color: #333333;	614	color: #333333;
615	letter-spacing: -0.26px;	615	letter-spacing: -0.26px;
616	line-height: 18px;	616	line-height: 18px;
617	margin-right: 24px;	617	margin-right: 24px;
618	}	618	}
619	.p2 {	619	.p2 {
620	// font-family: PingFangSC-Regular;	620	// font-family: PingFangSC-Regular;
621	font-size: 14px;	621	font-size: 14px;
622	color: #ff6b4a;	622	color: #ff6b4a;
623	letter-spacing: -0.26px;	623	letter-spacing: -0.26px;
624	}	624	}
625	}	625	}
626	.order-info-discount {	626	.order-info-discount {
627	display: block;	627	display: block;
628	margin-left: 40rpx;	628	margin-left: 40rpx;
629	margin-top: 24rpx;	629	margin-top: 24rpx;
630	.p1 {	630	.p1 {
631	// font-family: PingFangSC-Regular;	631	// font-family: PingFangSC-Regular;
632	font-size: 14px;	632	font-size: 14px;
633	color: #333333;	633	color: #333333;
634	letter-spacing: -0.26px;	634	letter-spacing: -0.26px;
635	line-height: 18px;	635	line-height: 18px;
636	margin-right: 24px;	636	margin-right: 24px;
637	}	637	}
638	.p2 {	638	.p2 {
639	// font-family: PingFangSC-Regular;	639	// font-family: PingFangSC-Regular;
640	font-size: 14px;	640	font-size: 14px;
641	color: #ff6b4a;	641	color: #ff6b4a;
642	letter-spacing: -0.26px;	642	letter-spacing: -0.26px;
643	}	643	}
644	}	644	}
645	.order-info-price {	645	.order-info-price {
646	display: block;	646	display: block;
647	margin-left: 40rpx;	647	margin-left: 40rpx;
648	margin-top: 24rpx;	648	margin-top: 24rpx;
649	.p1 {	649	.p1 {
650	// font-family: PingFangSC-Semibold;	650	// font-family: PingFangSC-Semibold;
651	font-size: 14px;	651	font-size: 14px;
652	color: #333333;	652	color: #333333;
653	letter-spacing: -0.26px;	653	letter-spacing: -0.26px;
654	line-height: 18px;	654	line-height: 18px;
655	margin-right: 24px;	655	margin-right: 24px;
656	}	656	}
657	.p2 {	657	.p2 {
658	// font-family: PingFangSC-Semibold;	658	// font-family: PingFangSC-Semibold;
659	font-size: 14px;	659	font-size: 14px;
660	color: #ff6b4a;	660	color: #ff6b4a;
661	letter-spacing: -0.26px;	661	letter-spacing: -0.26px;
662	}	662	}
663	}	663	}
664	.order-info-num {	664	.order-info-num {
665	display: block;	665	display: block;
666	margin-left: 40rpx;	666	margin-left: 40rpx;
667	margin-top: 44rpx;	667	margin-top: 44rpx;
668	text {	668	text {
669	// font-family: PingFangSC-Regular;	669	// font-family: PingFangSC-Regular;
670	font-size: 12px;	670	font-size: 12px;
671	color: #999999;	671	color: #999999;
672	letter-spacing: -0.23px;	672	letter-spacing: -0.23px;
673	}	673	}
674	}	674	}
675	.order-info-time {	675	.order-info-time {
676	display: block;	676	display: block;
677	margin: 8rpx 0 48rpx 40rpx;	677	margin: 8rpx 0 48rpx 40rpx;
678	text {	678	text {
679	// font-family: PingFangSC-Regular;	679	// font-family: PingFangSC-Regular;
680	font-size: 12px;	680	font-size: 12px;
681	color: #999999;	681	color: #999999;
682	letter-spacing: -0.23px;	682	letter-spacing: -0.23px;
683	}	683	}
684	}	684	}
685	.order-info-hr {	685	.order-info-hr {
686	width: 520rpx;	686	width: 520rpx;
687	height: 1px;	687	height: 1px;
688	background-color: #e9e9e9;	688	background-color: #e9e9e9;
689	margin-bottom: 20rpx;	689	margin-bottom: 20rpx;
690	}	690	}
691	.order-info-contact {	691	.order-info-contact {
692	display: flex;	692	display: flex;
693	padding-bottom: 28rpx;	693	padding-bottom: 28rpx;
694	image {	694	image {
695	width: 19px;	695	width: 19px;
696	height: 16px;	696	height: 16px;
697	}	697	}
698	text {	698	text {
699	// font-family: PingFangSC-Regular;	699	// font-family: PingFangSC-Regular;
700	margin-left: 20rpx;	700	margin-left: 20rpx;
701	font-size: 14px;	701	font-size: 14px;
702	color: #333333;	702	color: #333333;
703	letter-spacing: -0.26px;	703	letter-spacing: -0.26px;
704	line-height: 18px;	704	line-height: 18px;
705	}	705	}
706	}	706	}
707	}	707	}
708		708
709	.order-confim {	709	.order-confim {
710	display: flex;	710	display: flex;
711	align-items: center;	711	align-items: center;
712	justify-content: flex-end;	712	justify-content: flex-end;
713	// z-index: 999;	713	// z-index: 999;
714	width: 100%;	714	width: 100%;
715	height: 112rpx;	715	height: 112rpx;
716	position: fixed;	716	position: fixed;
717	bottom: 0;	717	bottom: 0;
718	background: #ffffff;	718	background: #ffffff;
719	button {	719	button {
720	width: 204rpx;	720	width: 204rpx;
721	height: 80rpx;	721	height: 80rpx;
722	border: 1px solid #ff6b4a;	722	border: 1px solid #ff6b4a;
723	border-radius: 40rpx;	723	border-radius: 40rpx;
724	font-size: 32rpx;	724	font-size: 32rpx;
725	letter-spacing: -0.3px;	725	letter-spacing: -0.3px;
726	margin-right: 0;	726	margin-right: 0;
727	}	727	}
728	.b1 {	728	.b1 {
729	// font-family: PingFangSC-Regular;	729	// font-family: PingFangSC-Regular;
730	color: #ff6b4a;	730	color: #ff6b4a;
731	background-color: #ffffff;	731	background-color: #ffffff;
732	}	732	}
733	.b2 {	733	.b2 {
734	// font-family: PingFangSC-Regular;	734	// font-family: PingFangSC-Regular;
735	background-color: #ff6b4a;	735	background-color: #ff6b4a;
736	color: #ffffff;	736	color: #ffffff;
737	margin: 0 26rpx 0 20rpx;	737	margin: 0 26rpx 0 20rpx;
738	}	738	}
739	}	739	}
740	</style>	740	</style>
741		741