吉鹏 / gulu-vue

Browse Code »

Commit 8bd42a7f246d22b503f0aeba361976abfddccb45

Authored by BigBoss 2020-06-16 21:57:32 +0800

2 parents 7301fd560f 248b0e031d

Exists in master

Merge branch 'master' of http://121.40.31.31:8888/jp/gulu-vue

Showing 2 changed files Show diff stats

src/pages/confirmOrder/confirmOrder.vue

Diff comments View file @8bd42a7

 <template>
   <view class="wrap">
     <view></view>
     <view
       class="addAddress"
       @tap="toaddAddress"
       v-if="this.showAddress"
     >
       <view class="addIcon">
         <image
           src="../../static/add.png"
           mode="aspectFill"
         ></image>
       </view>
       <view class="addressText">{{addAddress}}</view>
       <image
         src="../../static/right.png"
         mode="aspectFill"
       ></image>
     </view>
     <view
       v-else
       @tap="toaddAddress"
       class="list order-user"
     >
-      <view class="order-user-head">
+      <view class="order-user-head"  v-if="addressInfo != false">
         <view class="name">
           <view
             v-if="addressInfo.default === '1'"
             class="default"
-          ><text>默认</text></view>{{addressInfo.name}}
+          >
+		  <text>默认</text>
+		  </view>
+		  {{addressInfo.name}}
         </view>
         <text class="mobile">{{addressInfo.mobile}}</text>
       </view>
-      <view class="order-user-body">
+      <view class="order-user-body"  v-if="addressInfo != false">
         <image src="../../static/myorder-paying-location.png"></image>
         <text class="address">{{addressInfo.address}}\n{{addressInfo.add_detail}}</text>
       </view>
+	  <view class="order-user-body" v-if="addressInfo == false">
+		 <text class="address">点击添加地址</text>
+	  </view>
       <image
         class="arrow"
         src="../../static/right.png"
         mode="aspectFill"
       ></image>
     </view>
     <view class="content">
       <view class="orderInfo">
         <view class="title">
           <image
             src="../../static/store.png"
             mode="aspectFill"
             style="width: 40rpx;height: 40rpx;"
           ></image>
           <text>非常戴镜</text>
         </view>
         <view
           class="infoBox"
           v-if="isCart == 'true'"
           v-for="(item, index) in checkedCartLst"
           :key="index"
         >
           <view class="infoTop">
             <image
               :src="item.img_index_url"
               mode="aspectFill"
             ></image>
             <view class="infoRight">
               <text class="goodName">{{item.p_name}}</text>
               <text class="remarks">支持7天无理由退货 顺丰发货</text>
               <view class="priceBox">
                 <view class="price">¥{{Number(item.nowPrice) }}<text class="originCost">
                     ¥{{item.oldPrice}}
                   </text></view>
                 <view class="counter">
                   <view
                     class="btn"
                     disabled="this.disabled"
                     type="default"
                     @click="counter(false,index)"
                   >-</view>
                   <text>{{checkedCartLst[index].num}}</text>
                   <view
                     class="btn"
                     type="default"
                     @click="counter(true,index)"
                   >+</view>
                 </view>
               </view>
             </view>
           </view>
           <view class="infoBottom">
             <view class="norm">规格 <text>
                 <!-- 长度超出变省略号未做 -->
                 <block>{{item.sku_name}}<block v-if="index !== current.length -1">/</block>
                 </block>
               </text></view>
             <view class="shippingMethod">使用人 <text>
                 {{item.peopleName}}
               </text></view>
             <view class="shippingMethod">配送方式 <text>快递</text></view>
             <view class="message">买家留言
               <input
                 type="text"
                 :value="note"
                 placeholder="建议提前协商(50字以内)"
               />
             </view>
           </view>
         </view>
         <view
           class="infoBox"
           v-if="isCart !== 'true'"
         >
           <view class="infoTop">
             <image
               :src="buyItem.pic"
               mode="aspectFill"
             ></image>
             <view class="infoRight">
               <text class="goodName">{{goodInfo.p_name}}</text>
               <text class="remarks">支持7天无理由退货 顺丰发货</text>
               <view class="priceBox">
                 <view class="price">¥{{buyItem.real_price}}<text class="originCost">
                     ¥{{buyItem.out_price}}
                   </text></view>
                 <view class="counter">
                   <view
                     class="btn"
                     disabled="this.disabled"
                     type="default"
                     @click="counter(false)"
                   >-</view>
                   <text>{{count}}</text>
                   <view
                     class="btn"
                     type="default"
                     @click="counter(true)"
                   >+</view>
                 </view>
               </view>
             </view>
           </view>
           <view class="infoBottom">
             <view class="norm">规格 <text>
                 <!-- 长度超出变省略号未做 -->
                 <block
                   v-for="(item, index) in current"
                   :key="index"
                 >{{attrList[index].attr[item].name}}<block v-if="index !== current.length -1">/</block>
                 </block>
               </text></view>
             <view class="shippingMethod">使用人 <text>
                 {{name}}
               </text></view>
             <view class="shippingMethod">配送方式 <text>快递</text></view>
             <view class="message">买家留言
               <input
                 type="text"
                 :value="note"
                 placeholder="建议提前协商(50字以内)"
               />
             </view>
           </view>
         </view>
       </view>
       <view class="payWay">
         <view class="item">
           <text>支付方式</text>
           <view class="itemRight">
             <view class="rightText">
               <view class="choosePayWay">
                 <image
                   src="../../static/chat_logo.png"
                   mode="aspectFill"
                 ></image>
                 <text>微信支付</text>
               </view>
               <!-- <view class="randomSubstraction">最高随机立减￥99</view> -->
             </view>
             <!-- <image
               src="../../static/right.png"
               mode="aspectFill"
             ></image> -->
           </view>
         </view>
         <!-- <view class="item">
           <text>优惠券</text>
           <view class="itemRight">
             <view class="rightText">
               <view class="chooseOffers">
                 <text>-￥70.00</text>
               </view>
               <view class="preferentialWay">最大优惠</view>
             </view>
             <image
               src="../../static/right.png"
               mode="aspectFill"
             ></image>
           </view>
         </view> -->
         <view class="item">
           <text>运费</text>
           <view class="itemRight">
             <view class="freight">免运费</view>
           </view>
         </view>
         <view class="item">
           <text>合计</text>
           <view class="itemRight">
             <view class="total">¥{{totalPrice}}</view>
             <!-- <view class="total" v-else>¥{{Number(skuInfo.real_price) * count}}</view> -->
           </view>
         </view>
       </view>
       <!--
       <view class="checkBox">
         <checkbox-group>
           <label>
             <checkbox color="#FF6B4A" value="isAnonymous" checked="true" />匿名购买
           </label>
         </checkbox-group>
       </view> -->
     </view>
     <view class="last_zhanwei"></view>
     <view class="footer">
       <view class="footerLeft">实付金额:
         <text>¥{{totalPrice}}</text>
         <!-- <text v-else>¥{{Number(skuInfo.real_price) * count}}</text> -->
       </view>
       <view class="footerRight">
         <view
           class="paybtn"
           @tap="orderBuild"
         >立即支付</view>
       </view>
     </view>
   </view>
 </template>
 <script>
 import store from '@/store'
 import MD5Util from '../../utils/md5'
 export default {
   data() {
     return {
       name: String,
       addAddress: '添加收货地址',
       count: 1,
       pid: 0,
       disabled: false,
       freight: 0.0,
       showAddress: false,
       note: '',
       addressInfo: {
         address: '',
       },
 	  isCart: Boolean,
       // isAnonymous:
 	  checkedCartLst: [],
     }
   },
   onShow(addressId) {
   	// console.log('+-+-*-*-+-+',addressId)
     if (addressId) {
 	  store
 	    .dispatch('address/details', {
 	      add_id: addressId,
 	    })
 	    .then(({ code, data }) => {
 	      if (code === 1) {
 	        // console.log('code', code, data)
 	        this.showAddress = true
 	        this.addressInfo = data
 	      }
 	    })
     }
   },
   onLoad({ pid, addressId, isCart, count, name }) {
 	  if (isCart == 'false') {
       this.pid = pid
     //   store.dispatch('read/fetch', {
 		  // pid,
     //   })
 	  }
     this.count = count
     this.name = name
     this.isCart = isCart
     console.log('++++++++++++' + pid, addressId, isCart)
     this.checkedCartLst = this.$store.state.cart.checkedCartLst
     // console.log('++++++++++6666666666++',this.$store.state.cart.checkedCartLst)
     // 若已经选择地址
     if (addressId) {
       store
         .dispatch('address/details', {
           add_id: addressId,
         })
         .then(({ code, data }) => {
           if (code === 1) {
             // console.log('code', code, data)
             this.showAddress = true
             this.addressInfo = data
           }
         })
     } else {
       store.dispatch('address/default').then(({ code, data }) => {
-        if (code === 1) {
-          // console.log('code', code, data)
           this.showAddress = true
           this.addressInfo = data
-        }
+		  console.log("this.addressInfo", this.addressInfo)
       })
     }
   },
   computed: {
 	  totalPrice() {
 		  if (this.isCart == 'true') {
 			  let total = 0
 			  this.$store.state.cart.checkedCartLst.map(item => {
 			  	total += item.nowPrice * item.num
 			  })
 			return total
 		  } else {
 			  return this.buyItem.real_price * this.count
 		  }
 	  },
 	  buyItem() {
 		  return this.$store.state.cart.buyItem
 	  },
 	  // checkedCartLst(){
 		 //  console.log('checkedCartLst',this.$store.state.cart.checkedCartLst)
 		 //  return this.$store.state.cart.checkedCartLst
 	  // },
     goodInfo() {
       // console.log('state', this.$store.state.read.goodInfo)
       return this.$store.state.read.goodInfo
     },
     skuInfo() {
       return this.$store.state.order.param.sk_id_arr
     },
     attrList() {
       return this.$store.state.order.param.attrList
     },
     current() {
       return this.$store.state.order.param.current
     },
   },
   methods: {
     counter(isadd, index) {
       if (isadd) {
 		  if (this.isCart == 'true') {
 			  this.checkedCartLst[index].num++
 		  } else {
           this.count++
 		  }
       } else {
 		  if (this.isCart == 'true') {
 		   this.checkedCartLst[index].num <= 1 ? (this.disabled = true) : this.checkedCartLst[index].num--
 		  } else {
 		  	this.count <= 1 ? (this.disabled = true) : this.count--
 		  }
       }
     },
     // 跳转添加地址页面
     toaddAddress() {
       uni.navigateTo({
         url: `../address/addressList?edit=${1}`,
         success: res => {},
         fail: error => {
           console.log('跳转到地址列表页面失败====>', error)
         },
         complete: () => {},
       })
     },
     // 下单
     orderBuild() {
+	  if(!this.addressInfo){
+		  uni.showLoading({
+		    title: '请先添加地址',
+		  })
+		  return
+	  }
       uni.showLoading({
         title: '支付中',
       })
 	  if (this.isCart === 'true') {
 		  const checkedGoods = []
 		  const sk_id_arr = []
 		  this.checkedCartLst.map(item => {
 			  checkedGoods.push(item.cart_id)
 			  sk_id_arr.push(item.sk_id)
 		  })
 		  store.dispatch('order/build', {
           uid: this.$store.state.user.userInfo.uid,
 		    address: JSON.stringify(this.addressInfo),
           checkedGoods: checkedGoods,
 		    sk_id_arr: sk_id_arr,
 		    totalPrice: this.totalPrice,
 		  }).then((res) => {
 		    this.pay(res)
 		  })
 	  }
 	  if (this.isCart === 'false') {
 		  const { sk_id_arr: skId, mp_id: mpId } = this.$store.state.order.param
 		  store.dispatch('order/buyNow', {
 		    pid: skId.pid,
 		    sk_id: skId.sk_id,
 		    number: this.count,
 		    mp_id: mpId,
 		    address: JSON.stringify(this.addressInfo),
 		    totalPrice: this.totalPrice,
 		    liuyan: this.note,
 		    dir: 1,
 		  }).then((res) => {
 		    this.pay(res)
 		  })
 	  }
     },
     // 支付
     pay(res) {
       console.log('pay', res)
       const { data, exKeyName: keyName } = res
       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),
+        billInfo: JSON.stringify({
-      }
+		  address:this.addressInfo,
+		  list:data,
+		  keyname: keyName
+		}),
+      }
+	  console.log("fieldSet", fieldSet)
       // 请求后台支付接口
       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.reLaunch({
                 url: `../myOrderPaying/myOrderPaying?payId=${payId}&status=0&isPay=1`,
               })
             },
             complete: () => {
               uni.hideLoading()
             },
           })
         } else {
           uni.showModal({
             content: '支付失败',
             showCancel: false,
           })
           console.log('支付失败')
           uni.hideLoading()
         }
       })
     },
   },
 }
 </script>
 <style lang="scss">
 .wrap {
   height: 100vh;
   background-color: #f2f2f2;
   font-family: PingFangSC-Regular;
   letter-spacing: -0.23px;
   position: absolute;
 }
 .addAddress {
   background-color: #ffffff;
   box-sizing: border-box;
   height: 124rpx;
   width: 100%;
   display: flex;
   align-items: center;
   padding: 0 40rpx;
   .addIcon {
     background-color: #f2f2f2;
     height: 56rpx;
     width: 60rpx;
     border-radius: 4rpx;
     display: flex;
     justify-content: center;
     align-items: center;
     margin-right: 40rpx;
   }
   image {
     height: 28rpx;
     width: 30rpx;
   }
   .addressText {
     font-size: 28rpx;
     color: #333333;
     margin-right: 364rpx;
   }
 }
 .content {
   background-color: #f2f2f2;
   width: 100%;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   padding: 40rpx;
   box-sizing: border-box;
   .orderInfo {
     width: 670rpx;
     min-height: 488rpx;
     background-color: #ffffff;
     border-radius: 20rpx;
     box-sizing: border-box;
     padding: 0 40rpx 40rpx 40rpx;
     .title {
       display: flex;
       align-items: center;
       font-size: 28rpx;
       color: #333333;
       height: 60rpx;
       line-height: 40rpx;
       padding: 10rpx 10rpx 10rpx 0rpx;
       image {
         margin-right: 20rpx;
       }
     }
     .infoBox {
       margin-top: 42rpx;
       .infoTop {
         display: flex;
         flex-direction: row;
         image {
           height: 188rpx;
           width: 188rpx;
           margin-right: 24rpx;
         }
         .infoRight {
           width: 374rpx;
           display: flex;
           flex-direction: column;
           align-items: flex-start;
           justify-content: space-between;
           .goodName {
             font-size: 28rpx;
             color: #333333;
           }
           .remarks {
             font-size: 20rpx;
             color: #999999;
           }
           .priceBox {
             display: flex;
             justify-content: space-between;
             align-items: center;
             width: 100%;
             .price {
               color: #ff6b4a;
               font-size: 28rpx;
 			  text{
 				  margin-left: 10rpx;
 			  }
             }
             .originCost {
               text-decoration: line-through;
               color: #999999;
               font-size: 20rpx;
             }
             .counter {
               display: flex;
               flex-direction: row;
               justify-content: space-between;
               font-size: 28rpx;
               color: #333333;
               width: 122rpx;
               .btn {
                 display: flex;
                 justify-content: center;
                 line-height: 32rpx;
                 height: 32rpx;
                 width: 32rpx;
                 background-color: #f2f2f2;
                 color: #cfcfcf;
               }
             }
           }
         }
       }
       .infoBottom {
         display: flex;
         flex-direction: column;
         justify-content: flex-start;
         font-size: 24rpx;
         color: #333333;
         text {
           color: #999999;
           margin-left: 20rpx;
         }
         .norm {
           margin-top: 28rpx;
         }
         .shippingMethod {
           margin-top: 12rpx;
         }
         .message {
           display: flex;
           flex-direction: row;
           align-items: center;
           margin-top: 18rpx;
           input {
             margin-left: 20rpx;
             width: 75%;
           }
         }
       }
     }
   }
   .payWay {
     height: 464rpx;
     width: 670rpx;
     background-color: #ffffff;
     color: #333333;
     font-size: 24rpx;
     border-radius: 20rpx;
     box-sizing: border-box;
     padding: 0 52rpx 0rpx 40rpx;
     margin-top: 20rpx;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: flex-start;
     .item {
       display: flex;
       flex-direction: row;
       justify-content: space-between;
       align-items: center;
       width: 100%;
       height: 115rpx;
       .itemRight {
         display: flex;
         flex-direction: row;
         justify-content: space-between;
         align-items: center;
         image {
           height: 24rpx;
           width: 12rpx;
         }
         .rightText {
           margin-right: 20rpx;
           text-align: right;
           .choosePayWay {
             display: flex;
             align-items: center;
             text {
               color: #333333;
             }
             image {
               height: 36rpx;
               width: 40rpx;
               margin-right: 8px;
             }
           }
           .randomSubstraction {
             color: #ff6b4a;
           }
           .preferentialWay {
             color: #999999;
           }
         }
         .freight,
         .total {
           margin-right: 32rpx;
         }
         text {
           color: #ff6b4a;
         }
       }
     }
   }
   // .checkBox {
   //   height: 58rpx;
   //   line-height: 58rpx;
   //   width: 100%;
   //   margin-top: 36rpx;
   //   margin-left: 40rpx;
   //   font-size: 12px;
   //   color: #999999;
   // }
 }
 .footer {
   height: 112rpx;
   width: 100%;
   background-color: #fff;
   font-size: 16px;
   display: flex;
   justify-content: space-between;
   align-items: center;
   position: fixed;
   bottom: 0;
   z-index: 9999;
   .footerLeft {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 50%;
     color: #333333;
     text {
       color: #ff6b4a;
     }
   }
   .footerRight {
     display: flex;
     justify-content: flex-end;
     align-items: center;
     width: 50%;
     margin-right: 26rpx;
     .paybtn {
       display: flex;
       justify-content: center;
       align-items: center;
       background: #ff6b4a;
       border-radius: 20px;
       border-radius: 20px;
       color: #ffffff;
       width: 204rpx;
       height: 80rpx;
     }
   }
 }
 // 地址信息样式
 .order-user {
   width: 670rpx;
   height: 228rpx;
   background: #ffffff;
   border-radius: 14rpx;
   margin: 0 auto;
   margin-top: 20rpx;
   position: relative;
   .order-user-head {
     display: flex;
     height: 108rpx;
     width: 100%;
     align-items: center;
     padding-left: 126rpx;
     box-sizing: border-box;
     .name {
       display: flex;
       justify-content: space-between;
       font-size: 14px;
       color: #333333;
       letter-spacing: -0.26px;
       margin-right: 20rpx;
       .default {
         height: 40rpx;
         width: 80rpx;
         background-color: #4a90e2;
         border-radius: 13px;
         border-radius: 13px;
         text-align: center;
         margin-right: 20rpx;
         text {
           display: flex;
           justify-content: center;
           align-items: center;
           font-size: 12px;
           color: #ffffff;
           letter-spacing: -0.23px;
         }
       }
     }
     .mobile {
       font-size: 14px;
       color: #999999;
       letter-spacing: -0.26px;
     }
   }
   .order-user-body {
     display: flex;
     width: 100%;
     image {
       width: 24px;
       height: 28px;
       margin: 12rpx 32rpx 0 40rpx;
     }
     .address {
       font-weight: bold;
       font-size: 14px;
       color: #333333;
       letter-spacing: -0.26px;
     }
   }
   .arrow {
     width: 12px;
     height: 12px;
     position: absolute;
     right: 40rpx;
     bottom: 104rpx;
   }
 }
 .last_zhanwei {
   background: #f2f2f2;
   height: 60px;
 }

src/pages/myOrderPaying/myOrderPaying.vue

Diff comments View file @8bd42a7

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