吉鹏 / gulu-vue

Browse Code »

Commit ecde406930baaa00e4f75e72058300eb19eeee89

Authored by mullins 2020-06-17 14:01:17 +0800

1 parent 8bd42a7f24

Exists in master

部分bug修改

Showing 4 changed files with 415 additions and 410 deletions Show diff stats

src/pages/confirmOrder/confirmOrder.vue

Diff comments View file @ecde406

 <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"  v-if="addressInfo != false">
+      <view
+        class="order-user-head"
+        v-if="addressInfo != false"
+      >
         <view class="name">
           <view
             v-if="addressInfo.default === '1'"
             class="default"
           >
-		  <text>默认</text>
+            <text>默认</text>
-		  </view>
+          </view>
-		  {{addressInfo.name}}
+          {{addressInfo.name}}
         </view>
         <text class="mobile">{{addressInfo.mobile}}</text>
       </view>
-      <view class="order-user-body"  v-if="addressInfo != false">
+      <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">
+      <view
-		 <text class="address">点击添加地址</text>
+        class="order-user-body"
-	  </view>
+        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,
+      isCart: Boolean,
       // isAnonymous:
-	  checkedCartLst: [],
+      checkedCartLst: [],
     }
   },
   onShow(addressId) {
-  	// console.log('+-+-*-*-+-+',addressId)
+    // console.log('+-+-*-*-+-+',addressId)
     if (addressId) {
-	  store
+      store
-	    .dispatch('address/details', {
+        .dispatch('address/details', {
-	      add_id: addressId,
+          add_id: addressId,
-	    })
+        })
-	    .then(({ code, data }) => {
+        .then(({ code, data }) => {
-	      if (code === 1) {
+          if (code === 1) {
-	        // console.log('code', code, data)
+          // console.log('code', code, data)
-	        this.showAddress = true
+            this.showAddress = true
-	        this.addressInfo = data
+            this.addressInfo = data
-	      }
+          }
-	    })
+        })
     }
   },
   onLoad({ pid, addressId, isCart, count, name }) {
-	  if (isCart == 'false') {
+    if (isCart == 'false') {
       this.pid = pid
     //   store.dispatch('read/fetch', {
-		  // pid,
+      // 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 }) => {
-          this.showAddress = true
+        this.showAddress = true
-          this.addressInfo = data
+        this.addressInfo = data
-		  console.log("this.addressInfo", this.addressInfo)
+        console.log('this.addressInfo', this.addressInfo)
       })
     }
   },
   computed: {
-	  totalPrice() {
+    totalPrice() {
-		  if (this.isCart == 'true') {
+      if (this.isCart == 'true') {
-			  let total = 0
+        let total = 0
-			  this.$store.state.cart.checkedCartLst.map(item => {
+        this.$store.state.cart.checkedCartLst.map(item => {
-			  	total += item.nowPrice * item.num
+          total += item.nowPrice * item.num
-			  })
+        })
-			return total
+        return total
-		  } else {
+      } else {
-			  return this.buyItem.real_price * this.count
+        return this.buyItem.real_price * this.count
-		  }
+      }
-	  },
+    },
-	  buyItem() {
+    buyItem() {
-		  return this.$store.state.cart.buyItem
+      return this.$store.state.cart.buyItem
-	  },
+    },
-	  // checkedCartLst(){
+    // checkedCartLst(){
-		 //  console.log('checkedCartLst',this.$store.state.cart.checkedCartLst)
+    //  console.log('checkedCartLst',this.$store.state.cart.checkedCartLst)
-		 //  return 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') {
+        if (this.isCart == 'true') {
-			  this.checkedCartLst[index].num++
+          this.checkedCartLst[index].num++
-		  } else {
+        } else {
           this.count++
-		  }
+        }
       } else {
-		  if (this.isCart == 'true') {
+        if (this.isCart == 'true') {
-		   this.checkedCartLst[index].num <= 1 ? (this.disabled = true) : this.checkedCartLst[index].num--
+          this.checkedCartLst[index].num <= 1 ? (this.disabled = true) : this.checkedCartLst[index].num--
-		  } else {
+        } else {
-		  	this.count <= 1 ? (this.disabled = true) : this.count--
+          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){
+      if (!this.addressInfo) {
-		  uni.showLoading({
+        uni.showLoading({
-		    title: '请先添加地址',
+          title: '请先添加地址',
-		  })
+        })
-		  return
+        return
-	  }
+      }
       uni.showLoading({
         title: '支付中',
       })
-	  if (this.isCart === 'true') {
+      if (this.isCart === 'true') {
-		  const checkedGoods = []
+        const checkedGoods = []
-		  const sk_id_arr = []
+        const sk_id_arr = []
-		  this.checkedCartLst.map(item => {
+        this.checkedCartLst.map(item => {
-			  checkedGoods.push(item.cart_id)
+          checkedGoods.push(item.cart_id)
-			  sk_id_arr.push(item.sk_id)
+          sk_id_arr.push(item.sk_id)
-		  })
+        })
-		  store.dispatch('order/build', {
+        store.dispatch('order/build', {
           uid: this.$store.state.user.userInfo.uid,
-		    address: JSON.stringify(this.addressInfo),
+          address: JSON.stringify(this.addressInfo),
           checkedGoods: checkedGoods,
-		    sk_id_arr: sk_id_arr,
+          sk_id_arr: sk_id_arr,
-		    totalPrice: this.totalPrice,
+          totalPrice: this.totalPrice * 100,
-		  }).then((res) => {
+        }).then((res) => {
-		    this.pay(res)
+          this.pay(res)
-		  })
+        })
-	  }
+      }
-	  if (this.isCart === 'false') {
+      if (this.isCart === 'false') {
-		  const { sk_id_arr: skId, mp_id: mpId } = this.$store.state.order.param
+        const { sk_id_arr: skId, mp_id: mpId } = this.$store.state.order.param
-		  store.dispatch('order/buyNow', {
+        store.dispatch('order/buyNow', {
-		    pid: skId.pid,
+          pid: skId.pid,
-		    sk_id: skId.sk_id,
+          sk_id: skId.sk_id,
-		    number: this.count,
+          number: this.count,
-		    mp_id: mpId,
+          mp_id: mpId,
-		    address: JSON.stringify(this.addressInfo),
+          address: JSON.stringify(this.addressInfo),
-		    totalPrice: this.totalPrice,
+          totalPrice: this.totalPrice * 100,
-		    liuyan: this.note,
+          liuyan: this.note,
-		    dir: 1,
+          dir: 1,
-		  }).then((res) => {
+        }).then((res) => {
-		    this.pay(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,
+        payMoney: this.totalPrice * 100,
         payWoodId: `fcdj-${uid}-${keyName}`,
         payWoodDesc: '在【非常戴镜】的微信付款凭证',
         nonceStr,
         signType: 'MD5',
         app_uid: 2020,
         timeStamp,
         keyname: keyName,
         billInfo: JSON.stringify({
-		  address:this.addressInfo,
+          address: this.addressInfo,
-		  list:data,
+          list: data,
-		  keyname: keyName
+          keyname: keyName,
-		}),
+        }),
       }
-	  console.log("fieldSet", fieldSet)
+      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{
+              text {
-				  margin-left: 10rpx;
+                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;
 }
 </style>

src/pages/myOrder/components/OrderCard.vue

Diff comments View file @ecde406

1	<template>	1	<template>
2	<view>	2	<view>
3	<view	3	<view
4	class="card"	4	class="card"
5	v-if="current == status"	5	v-if="current == status"
6	>	6	>
7	<view class="cardHeader">	7	<view class="cardHeader">
8	<text	8	<text
9	class="orderId"	9	class="orderId"
10	v-if="status == '0'\|\|status == '1'"	10	v-if="status == '0'\|\|status == '1'"
11	>订单号：{{order.pay_id}}</text>	11	>订单号：{{order.pay_id}}</text>
12	<text	12	<text
13	class="orderId"	13	class="orderId"
14	v-if="status == '2'\|\|status == '3'"	14	v-if="status == '2'\|\|status == '3'"
15	>下单时间：{{order.pay_time}}</text>	15	>下单时间：{{order.pay_time}}</text>
16	<text	16	<text
17	class="orderType"	17	class="orderType"
18	v-if="status=='0'"	18	v-if="status=='0'"
19	>待付款</text>	19	>待付款</text>
20	<text	20	<text
21	class="orderType"	21	class="orderType"
22	v-if="status=='1'"	22	v-if="status=='1'"
23	>待收货</text>	23	>待收货</text>
24	<text	24	<text
25	class="orderType"	25	class="orderType"
26	v-if="status == '2'\|\|status == '3'"	26	v-if="status == '2'\|\|status == '3'"
27	>已完成</text>	27	>已完成</text>
28	<!-- <text class="orderType" v-if="status == '3'">已评价</text> -->	28	<!-- <text class="orderType" v-if="status == '3'">已评价</text> -->
29	</view>	29	</view>
30	<view	30	<view
31	class="orderCardInfo"	31	class="orderCardInfo"
32	@click="toOrderInfo(status,order.pay_id)"	32	@click="toOrderInfo(status,order.pay_id)"
33	v-for="(orderInfo, index) in orderInfoList"	33	v-for="(orderInfo, index) in orderInfoList"
34	:key="index"	34	:key="index"
35	>	35	>
36	<image	36	<image
37	:src="orderInfo.imgUrl"	37	:src="orderInfo.imgUrl"
38	mode="aspectFill"	38	mode="aspectFill"
39	></image>	39	></image>
40	<view class="infoText">	40	<view class="infoText">
41	<view class="orderName">{{orderInfo.p_name}}</view>	41	<view class="orderName">{{orderInfo.p_name}}</view>
42	<view class="orderDescrib">{{orderInfo.p_name}}</view>	42	<view class="orderDescrib">{{orderInfo.p_name}}</view>
43	<view class="infoText-bottom">	43	<view class="infoText-bottom">
44	<view class="markPrice">{{orderInfo.nowPrice}}</view>	44	<view class="markPrice">¥{{orderInfo.nowPrice}}</view>
45	<view class="buy-num">X {{orderInfo.num}}</view>	45	<view class="buy-num">X {{orderInfo.num}}</view>
46	</view>	46	</view>
47	</view>	47	</view>
48	</view>	48	</view>
49	<view class="payPrice">实付：<text class="priceNum">{{order.total_fee}}</text> </view>	49	<view class="payPrice">实付：<text class="priceNum">¥{{order.total_fee}}</text> </view>
50	<!-- 0待付款 1 已付款待收货 2 已收货待评价 3 已评价 -->	50	<!-- 0待付款 1 已付款待收货 2 已收货待评价 3 已评价 -->
51	<view	51	<view
52	class="btns"	52	class="btns"
53	v-if="status == '0'"	53	v-if="status == '0'"
54	>	54	>
55	<view	55	<view
56	class="btn-type1"	56	class="btn-type1"
57	@click="cancleOrder"	57	@click="cancleOrder"
58	>取消订单</view>	58	>取消订单</view>
59	<view	59	<view
60	class="btn-type2"	60	class="btn-type2"
61	@click="paylog"	61	@click="paylog"
62	>去支付</view>	62	>去支付</view>
63	</view>	63	</view>
64	<view	64	<view
65	class="btns"	65	class="btns"
66	v-if="status == '1'"	66	v-if="status == '1'"
67	>	67	>
68	<view class="btn-type2">确认收货</view>	68	<view class="btn-type2">确认收货</view>
69	</view>	69	</view>
70	<view	70	<view
71	class="btns"	71	class="btns"
72	v-if="status == '2'"	72	v-if="status == '2'"
73	>	73	>
74	<view	74	<view
75	class="btn-type2"	75	class="btn-type2"
76	@click="toDetail(order.order_info[0].pid)"	76	@click="toDetail(order.order_info[0].pid)"
77	>再次购买</view>	77	>再次购买</view>
78	</view>	78	</view>
79	<!-- <view class="btns" v-if="status == '3'">	79	<!-- <view class="btns" v-if="status == '3'">
80	<view class="btn-type2">再次购买</view>	80	<view class="btn-type2">再次购买</view>
81	</view> -->	81	</view> -->
82	</view>	82	</view>
83	<view	83	<view
84	class="card"	84	class="card"
85	v-if="current == '10'"	85	v-if="current == '10'"
86	>	86	>
87	<view class="cardHeader">	87	<view class="cardHeader">
88	<text	88	<text
89	class="orderId"	89	class="orderId"
90	v-if="status == '0'\|\|status == '1'"	90	v-if="status == '0'\|\|status == '1'"
91	>订单号：{{order.pay_id}}</text>	91	>订单号：{{order.pay_id}}</text>
92	<text	92	<text
93	class="orderId"	93	class="orderId"
94	v-if="status == '2'\|\|status == '3'"	94	v-if="status == '2'\|\|status == '3'"
95	>下单时间：{{order.pay_time}}</text>	95	>下单时间：{{order.pay_time}}</text>
96	<text	96	<text
97	class="orderType"	97	class="orderType"
98	v-if="status=='0'"	98	v-if="status=='0'"
99	>待付款</text>	99	>待付款</text>
100	<text	100	<text
101	class="orderType"	101	class="orderType"
102	v-if="status=='1'"	102	v-if="status=='1'"
103	>待收货</text>	103	>待收货</text>
104	<text	104	<text
105	class="orderType"	105	class="orderType"
106	v-if="status == '2'\|\|status == '3'"	106	v-if="status == '2'\|\|status == '3'"
107	>已完成</text>	107	>已完成</text>
108	<!-- <text class="orderType" v-if="status == '3'">已评价</text> -->	108	<!-- <text class="orderType" v-if="status == '3'">已评价</text> -->
109	</view>	109	</view>
110	<view	110	<view
111	class="orderCardInfo"	111	class="orderCardInfo"
112	@click="toOrderInfo(status,order.pay_id)"	112	@click="toOrderInfo(status,order.pay_id)"
113	v-for="(orderInfo) in orderInfoList"	113	v-for="(orderInfo, index) in orderInfoList"
114	:key="orderInfo"	114	:key="index"
115	>	115	>
116	<image	116	<image
117	:src="orderInfo.imgUrl"	117	:src="orderInfo.imgUrl"
118	mode="aspectFill"	118	mode="aspectFill"
119	></image>	119	></image>
120	<view class="infoText">	120	<view class="infoText">
121	<view class="orderName">{{orderInfo.p_name}}</view>	121	<view class="orderName">{{orderInfo.p_name}}</view>
122	<view class="orderDescrib">{{orderInfo.p_name}}</view>	122	<view class="orderDescrib">{{orderInfo.p_name}}</view>
123	<view class="infoText-bottom">	123	<view class="infoText-bottom">
124	<view class="markPrice">{{orderInfo.nowPrice}}</view>	124	<view class="markPrice">¥{{orderInfo.nowPrice}}</view>
125	<view class="buy-num">X {{orderInfo.num}}</view>	125	<view class="buy-num">X {{orderInfo.num}}</view>
126	</view>	126	</view>
127	</view>	127	</view>
128	</view>	128	</view>
129	<view class="payPrice">实付：<text class="priceNum">{{order.total_fee}}</text> </view>	129	<view class="payPrice">实付：<text class="priceNum">¥{{order.total_fee}}</text> </view>
130	<view	130	<view
131	class="btns"	131	class="btns"
132	v-if="status == '0'"	132	v-if="status == '0'"
133	>	133	>
134	<view	134	<view
135	class="btn-type1"	135	class="btn-type1"
136	@click="cancleOrder"	136	@click="cancleOrder"
137	>取消订单</view>	137	>取消订单</view>
138	<view	138	<view
139	class="btn-type2"	139	class="btn-type2"
140	@click="paylog"	140	@click="paylog"
141	>去支付</view>	141	>去支付</view>
142	</view>	142	</view>
143	<view	143	<view
144	class="btns"	144	class="btns"
145	v-if="status == '1'"	145	v-if="status == '1'"
146	>	146	>
147	<view class="btn-type2">确认收货</view>	147	<view class="btn-type2">确认收货</view>
148	</view>	148	</view>
149	<view	149	<view
150	class="btns"	150	class="btns"
151	v-if="status == '2'\|\|status == '3'"	151	v-if="status == '2'\|\|status == '3'"
152	>	152	>
153	<view	153	<view
154	class="btn-type2"	154	class="btn-type2"
155	@click="toDetail(order.order_info[0].pid)"	155	@click="toDetail(order.order_info[0].pid)"
156	>再次购买</view>	156	>再次购买</view>
157	</view>	157	</view>
158	</view>	158	</view>
159	</view>	159	</view>
160	</template>	160	</template>
161		161
162	<script>	162	<script>
163	import MD5Util from '../../../utils/md5'	163	import MD5Util from '../../../utils/md5'
164	import store from '@/store'	164	import store from '@/store'
165	export default {	165	export default {
166	data() {	166	data() {
167	return {	167	return {
168		168
169	}	169	}
170	},	170	},
171	props: {	171	props: {
172	/**	172	/**
173	* 订单数据	173	* 订单数据
174	*/	174	*/
175	order: {},	175	order: {},
176	/**	176	/**
177	* 当前选择	177	* 当前选择
178	*/	178	*/
179	current: Number,	179	current: Number,
180		180
181	},	181	},
182	created() {	182	created() {
183	console.log('order', this.order)	183	console.log('order', this.order)
184	// console.log(this.order.status );	184	// console.log(this.order.status );
185	// console.log(this.current);	185	// console.log(this.current);
186	},	186	},
187	computed: {	187	computed: {
188	status() {	188	status() {
189	return this.order.status	189	return this.order.status
190	},	190	},
191	orderInfoList() {	191	orderInfoList() {
192	const orderInfoList = this.order.order_info	192	return this.order.order_info.list
193	return Array.isArray(orderInfoList) ? orderInfoList : orderInfoList.data
194	},	193	},
195	},	194	},
196	methods: {	195	methods: {
197	async paylog() {	196	async paylog() {
198	const openid = uni.getStorageSync('openid')	197	const openid = uni.getStorageSync('openid')
199	const uid = this.order.uid	198	const uid = this.order.uid
200	// 先拿订单详情	199	// 先拿订单详情
201	await store.dispatch('orderRead/getOrderInfo', {	200	await store.dispatch('orderRead/getOrderInfo', {
202	pay_id: this.order.pay_id,	201	pay_id: this.order.pay_id,
203	uid: uid,	202	uid: uid,
204	openid: openid,	203	openid: openid,
205	}).then((res) => {	204	}).then((res) => {
206	// console.log(res)	205	// console.log(res)
207	const { data, exKeyName: keyName } = res.order_info	206	const { data, exKeyName: keyName } = res.order_info
208	const timeStamp = new Date().getTime().toString()	207	const timeStamp = new Date().getTime().toString()
209	const total_fee = res.total_fee	208	const total_fee = res.total_fee
210	const payId = res.pay_id	209	const payId = res.pay_id
211	const nonceStr = 'asfafasfasfasfasf'	210	const nonceStr = 'asfafasfasfasfasf'
212	// 支付参数	211	// 支付参数
213	const fieldSet = {	212	const fieldSet = {
214	openid: openid,	213	openid: openid,
215	uid: uid,	214	uid: uid,
216	shopid: 0,	215	shopid: 0,
217	payCate: 2020,	216	payCate: 2020,
218	payMoney: total_fee,	217	payMoney: total_fee,
219	payWoodId: `fcdj-${uid}-${keyName}`,	218	payWoodId: `fcdj-${uid}-${keyName}`,
220	payWoodDesc: '在【非常戴镜】的微信付款凭证',	219	payWoodDesc: '在【非常戴镜】的微信付款凭证',
221	nonceStr,	220	nonceStr,
222	signType: 'MD5',	221	signType: 'MD5',
223	app_uid: 2020,	222	app_uid: 2020,
224	timeStamp,	223	timeStamp,
225	keyname: keyName,	224	keyname: keyName,
226	billInfo: JSON.stringify(data),	225	billInfo: JSON.stringify(data),
227	}	226	}
228	// 请求后台支付接口	227	// 请求后台支付接口
229	store.dispatch('order/pay', fieldSet).then(({ data, data2, pay_id: payId }) => {	228	store.dispatch('order/pay', fieldSet).then(({ data, data2, pay_id: payId }) => {
230	if (data.return_code === 'SUCCESS' && data.result_code === 'SUCCESS') {	229	if (data.return_code === 'SUCCESS' && data.result_code === 'SUCCESS') {
231	const stringA = `appId=wx115b25aa396d27ac&nonceStr=${nonceStr}&package=prepay_id=${data.prepay_id}&signType=MD5&timeStamp=${timeStamp}`	230	const stringA = `appId=wx115b25aa396d27ac&nonceStr=${nonceStr}&package=prepay_id=${data.prepay_id}&signType=MD5&timeStamp=${timeStamp}`
232	const stringSignTemp = stringA + '&key=NewMoney2017hatemydaddy123456789'	231	const stringSignTemp = stringA + '&key=NewMoney2017hatemydaddy123456789'
233		232
234	// 微信支付接口	233	// 微信支付接口
235	uni.requestPayment({	234	uni.requestPayment({
236	appId: data.appid,	235	appId: data.appid,
237	timeStamp,	236	timeStamp,
238	nonceStr,	237	nonceStr,
239	total_fee: total_fee,	238	total_fee: total_fee,
240	package: `prepay_id=${data.prepay_id}`,	239	package: `prepay_id=${data.prepay_id}`,
241	signType: 'MD5',	240	signType: 'MD5',
242	paySign: MD5Util.MD5(stringSignTemp).toUpperCase(),	241	paySign: MD5Util.MD5(stringSignTemp).toUpperCase(),
243	success: (res) => {	242	success: (res) => {
244	// 支付成功	243	// 支付成功
245	uni.showModal({	244	uni.showModal({
246	content: '支付成功',	245	content: '支付成功',
247	showCancel: false,	246	showCancel: false,
248	})	247	})
249	// //修改订单状态待付款==>待收货	248	// //修改订单状态待付款==>待收货
250	// store.dispatch("statusConfirm/confirm", {	249	// store.dispatch("statusConfirm/confirm", {
251	// uid: this.uid,	250	// uid: this.uid,
252	// openid: this.openid,	251	// openid: this.openid,
253	// oldway: "0",	252	// oldway: "0",
254	// way: "1",	253	// way: "1",
255	// pay_id: payId,	254	// pay_id: payId,
256	// judgeContent: "",	255	// judgeContent: "",
257	// orderInfo: this.orderInfo.order_info	256	// orderInfo: this.orderInfo.order_info
258	// })	257	// })
259	},	258	},
260	fail: (res) => {	259	fail: (res) => {
261	// 支付失败	260	// 支付失败
262	uni.showModal({	261	uni.showModal({
263	content: '支付失败',	262	content: '支付失败',
264	showCancel: false,	263	showCancel: false,
265	})	264	})
266	},	265	},
267	complete: () => {	266	complete: () => {
268	uni.hideLoading()	267	uni.hideLoading()
269	},	268	},
270	})	269	})
271	} else {	270	} else {
272	uni.showModal({	271	uni.showModal({
273	content: '支付失败',	272	content: '支付失败',
274	showCancel: false,	273	showCancel: false,
275	})	274	})
276	console.log('支付失败')	275	console.log('支付失败')
277	uni.hideLoading()	276	uni.hideLoading()
278	}	277	}
279	})	278	})
280	// 修改订单状态待付款==>待收货	279	// 修改订单状态待付款==>待收货
281	// store.dispatch("statusConfirm/confirm", {	280	// store.dispatch("statusConfirm/confirm", {
282	// uid: this.uid,	281	// uid: this.uid,
283	// openid: this.openid,	282	// openid: this.openid,
284	// oldway: "0",	283	// oldway: "0",
285	// way: "1",	284	// way: "1",
286	// pay_id: this.payId,	285	// pay_id: this.payId,
287	// judgeContent: "",	286	// judgeContent: "",
288	// orderInfo: this.orderInfo.order_info	287	// orderInfo: this.orderInfo.order_info
289	// })	288	// })
290	})	289	})
291	},	290	},
292		291
293	async cancleOrder(e) {	292	async cancleOrder(e) {
294	const openid = uni.getStorageSync('openid')	293	const { keyname } = this.order.order_info
295	const uid = this.order.uid	294	console.log('keyname', keyname)
296	// 先从订单详情中拿到keyname	295
297	await store.dispatch('orderRead/getOrderInfo', {	296	uni.showModal({
298	pay_id: this.order.pay_id,	297	title: '提示',
299	uid: uid,	298	content: '现在取消，订单不可恢复哦，确认取消吗？',
300	openid: openid,	299	success: function(res) {
301	}).then((res) => {	300	if (res.confirm) {
302	const keyname = res.order_info.keyname	301	store.dispatch('cancelOrder/cancel', {
303	uni.showModal({	302	keyname: keyname,
304	title: '提示',	303	}).then((res) => {
305	content: '现在取消，订单不可恢复哦，确认取消吗？',	304	console.log(res)
306	success: function(res) {	305	if (res.code === 1) {
307	if (res.confirm) {	306	store.dispatch('myOrder/getList', {
308	store.dispatch('cancelOrder/cancel', {	307	way: '',
309	keyname: keyname,	308	})
310	uid: uid,	309	} else {
311	openid: openid,	310	uni.showToast({
312	}).then((res) => {	311	title: '取消失败，服务器错误!',
313	console.log(res)	312	icon: 'none',
314	if (res.code == 1) {	313	})
315	store.dispatch('myOrder/getList', {	314	}
316	way: '',	315	})
317	})	316	} else if (res.cancel) {
318	} else {	317	console.log('用户点击取消')
319	uni.showToast({	318	}
320	title: '取消失败，服务器错误!',	319	},
321	icon: 'none',
322	})
323	}
324	})
325	} else if (res.cancel) {
326	console.log('用户点击取消')
327	}
328	},
329	})
330	})	320	})
331	},	321	},
332	toDetail(pid) {	322	toDetail(pid) {
333	console.log('pid', pid)	323	console.log('pid', pid)
334	uni.navigateTo({	324	uni.navigateTo({
335	url: '../details/details?pid=' + pid,	325	url: '../details/details?pid=' + pid,
336	fail: (res) => { console.log(res) },	326	fail: (res) => { console.log(res) },
337	})	327	})
338	},	328	},
339	toRefundment() {	329	toRefundment() {
340	uni.navigateTo({	330	uni.navigateTo({
341	url: '../refundment/refundment',	331	url: '../refundment/refundment',
342	success: res => {},	332	success: res => {},
343	fail: () => {},	333	fail: () => {},
344	complete: () => {},	334	complete: () => {},
345	})	335	})
346	},	336	},
347	toOrderInfo(status, payId) {	337	toOrderInfo(status, payId) {
348	console.log(status, payId)	338	console.log(status, payId)
349	switch (status) {	339	switch (status) {
350	// 0待付款 1待收货 2已收货 3 已评价	340	// 0待付款 1待收货 2已收货 3 已评价
351	case '0':	341	case '0':
352	uni.navigateTo({	342	uni.navigateTo({
353	url: '../myOrderPaying/myOrderPaying?status=' + status + '&payId=' + payId,	343	url: '../myOrderPaying/myOrderPaying?status=' + status + '&payId=' + payId,
354	fail(errMsg) {	344	fail(errMsg) {
355	console.log(errMsg)	345	console.log(errMsg)
356	},	346	},
357	})	347	})
358	break	348	break
359	case '1':	349	case '1':
360	uni.navigateTo({	350	uni.navigateTo({
361	url: '../myOrderPaying/myOrderPaying?status=' + status + '&payId=' + payId,	351	url: '../myOrderPaying/myOrderPaying?status=' + status + '&payId=' + payId,
362	fail(errMsg) {	352	fail(errMsg) {
363	console.log(errMsg)	353	console.log(errMsg)
364	},	354	},
365	})	355	})
366		356
367	break	357	break
368	case '2' \|\| '3':	358	case '2' \|\| '3':
369	uni.navigateTo({	359	uni.navigateTo({
370	url: '../myOrderPaying/myOrderPaying?status=' + status + '&payId=' + payId,	360	url: '../myOrderPaying/myOrderPaying?status=' + status + '&payId=' + payId,
371	fail(errMsg) {	361	fail(errMsg) {
372	console.log(errMsg)	362	console.log(errMsg)
373	},	363	},
374	})	364	})
375	break	365	break
376	default:	366	default:
377	break	367	break
378	}	368	}
379	},	369	},
380	},	370	},
381	}	371	}
382		372
383	</script>	373	</script>
384		374
385	<style lang="scss">	375	<style lang="scss">
386	.card {	376	.card {
387	width: 670rpx;	377	width: 670rpx;
388	// height: 478rpx;	378	// height: 478rpx;
389	background: #ffffff;	379	background: #ffffff;
390	box-shadow: 0 0 10px 0 rgba(177, 128, 128, 0.06);	380	box-shadow: 0 0 10px 0 rgba(177, 128, 128, 0.06);
391	border-radius: 8px;	381	border-radius: 8px;
392	border-radius: 8px;	382	border-radius: 8px;
393	margin-top: 20rpx;	383	margin-top: 20rpx;
394	padding: 40rpx;	384	padding: 40rpx;
395	box-sizing: border-box;	385	box-sizing: border-box;
396	.cardHeader {	386	.cardHeader {
397	width: 100%;	387	width: 100%;
398	height: 40rpx;	388	height: 40rpx;
399	display: flex;	389	display: flex;
400	justify-content: space-between;	390	justify-content: space-between;
401	align-items: center;	391	align-items: center;
402	.orderId {	392	.orderId {
403	font-size: 12px;	393	font-size: 12px;
404	color: #999999;	394	color: #999999;
405	}	395	}
406	.orderType {	396	.orderType {
407	font-size: 14px;	397	font-size: 14px;
408	color: #ff6b4a;	398	color: #ff6b4a;
409	}	399	}
410	}	400	}
411	.orderCardInfo {	401	.orderCardInfo {
412	width: 100%;	402	width: 100%;
413	height: 188rpx;	403	height: 188rpx;
414	display: flex;	404	display: flex;
415	flex-direction: row;	405	flex-direction: row;
416	justify-content: space-between;	406	justify-content: space-between;
417	align-items: center;	407	align-items: center;
418	margin-top: 40rpx;	408	margin-top: 40rpx;
419	image {	409	image {
420	height: 188rpx;	410	height: 188rpx;
421	width: 188rpx;	411	width: 188rpx;
422	margin-right: 24rpx;	412	margin-right: 24rpx;
423	}	413	}
424	.infoText {	414	.infoText {
425	display: flex;	415	display: flex;
426	flex-direction: column;	416	flex-direction: column;
427	justify-content: space-between;	417	justify-content: space-between;
428	align-items: flex-start;	418	align-items: flex-start;
429	height: 188rpx;	419	height: 188rpx;
430	width: 368rpx;	420	width: 368rpx;
431	}	421	}
432	.orderName {	422	.orderName {
433	font-size: 14px;	423	font-size: 14px;
434	color: #333333;	424	color: #333333;
435	display: -webkit-box;	425	display: -webkit-box;
436	overflow: hidden;	426	overflow: hidden;
437	-webkit-box-orient: vertical;	427	-webkit-box-orient: vertical;
438	-webkit-line-clamp: 2;	428	-webkit-line-clamp: 2;
439	}	429	}
440	.orderDescrib {	430	.orderDescrib {
441	font-size: 12px;	431	font-size: 12px;
442	color: #999999;	432	color: #999999;
443	display: -webkit-box;	433	display: -webkit-box;
444	overflow: hidden;	434	overflow: hidden;
445	-webkit-box-orient: vertical;	435	-webkit-box-orient: vertical;
446	-webkit-line-clamp: 2;	436	-webkit-line-clamp: 2;
447	}	437	}
448	.infoText-bottom {	438	.infoText-bottom {
449	display: flex;	439	display: flex;
450	flex-direction: row;	440	flex-direction: row;
451	justify-content: flex-start;	441	justify-content: flex-start;
452	align-items: center;	442	align-items: center;
453	width: 100%;	443	width: 100%;
454	.markPrice {	444	.markPrice {
455	font-size: 14px;	445	font-size: 14px;
456	color: #ff6b4a;	446	color: #ff6b4a;
457	margin-right: 20rpx;	447	margin-right: 20rpx;
458	}	448	}
459	.buy-num {	449	.buy-num {
460	font-size: 12px;	450	font-size: 12px;
461	color: #999999;	451	color: #999999;
462	}	452	}
463	}	453	}
464	}	454	}
465	.payPrice {	455	.payPrice {
466	text-align: right;	456	text-align: right;
467	margin: 20rpx 0;	457	margin: 20rpx 0;
468	font-size: 14px;	458	font-size: 14px;
469	color: #333333;	459	color: #333333;
470	.priceNum {	460	.priceNum {
471	font-size: 14px;	461	font-size: 14px;
472	color: #ff6b4a;	462	color: #ff6b4a;
473	}	463	}
474	}	464	}
475	.btns {	465	.btns {
476	display: flex;	466	display: flex;
477	justify-content: flex-end;	467	justify-content: flex-end;
478	align-items: center;	468	align-items: center;
479	.btn-type1 {	469	.btn-type1 {
480	height: 48rpx;	470	height: 48rpx;
481	width: 156rpx;	471	width: 156rpx;
482	border: 1px solid #ff6b4a;	472	border: 1px solid #ff6b4a;
483	border-radius: 12px;	473	border-radius: 12px;
484	border-radius: 12px;	474	border-radius: 12px;
485	text-align: center;	475	text-align: center;
486	line-height: 48rpx;	476	line-height: 48rpx;
487	font-size: 12px;	477	font-size: 12px;
488	color: #ff6b4a;	478	color: #ff6b4a;
489	}	479	}
490	.btn-type2 {	480	.btn-type2 {
491	height: 48rpx;	481	height: 48rpx;
492	width: 140rpx;	482	width: 140rpx;
493	background: #ff6b4a;	483	background: #ff6b4a;
494	border-radius: 12px;	484	border-radius: 12px;
495	border-radius: 12px;	485	border-radius: 12px;
496	text-align: center;	486	text-align: center;
497	line-height: 48rpx;	487	line-height: 48rpx;
498	font-size: 12px;	488	font-size: 12px;
499	color: #ffffff;	489	color: #ffffff;
500	margin-left: 20rpx;	490	margin-left: 20rpx;
501	}	491	}
502	}	492	}
503	}	493	}
504	</style>	494	</style>
505		495

src/pages/myOrder/myOrder.vue

Diff comments View file @ecde406

1	<template>	1	<template>
2	<view class="content">	2	<view class="content">
3	<view class="header">	3	<view class="header">
4	<!-- 搜索-->	4	<!-- 搜索-->
5	<!-- <view class="searchBar">	5	<!-- <view class="searchBar">
6	<icon class="searchIcon" type="search" size="14"></icon>	6	<icon class="searchIcon" type="search" size="14"></icon>
7	<input class="searchIpt" placeholder="搜索订单关键字..." confirm-type="search"/>	7	<input class="searchIpt" placeholder="搜索订单关键字..." confirm-type="search"/>
8	</view> -->	8	</view> -->
9	<view class="screenBar">	9	<view class="screenBar">
10	<view	10	<view
11	v-for="item in screenItems"	11	v-for="item in screenItems"
12	:key="item.current"	12	:key="item.current"
13	@click="onClickItem(item.current)"	13	@click="onClickItem(item.current)"
14	>	14	>
15	<view	15	<view
16	class="screenItem"	16	class="screenItem"
17	v-bind:class="{ active: current === item.current }"	17	v-bind:class="{ active: current === item.current }"
18	>{{ item.text }}</view>	18	>{{ item.text }}</view>
19	</view>	19	</view>
20	</view>	20	</view>
21	</view>	21	</view>
22	<view class="orderList">	22	<view class="orderList">
23	<view	23	<view
24	v-for="(order) in orderList"	24	v-for="(order) in orderList"
25	:key="order.pay_id"	25	:key="order.pay_id"
26	>	26	>
27	<OrderCard	27	<OrderCard
28	:order="order"	28	:order="order"
29	:current="current"	29	:current="current"
30	v-if="order.order_info !== null"	30	v-if="order.order_info !== null"
31	></OrderCard>	31	></OrderCard>
32	</view>	32	</view>
33	</view>	33	</view>
34	<view class="footer">没有更多订单了，去商城看看吧~</view>	34	<view class="footer">没有更多订单了，去商城看看吧~</view>
35	</view>	35	</view>
36	</template>	36	</template>
37	<script>	37	<script>
38	import OrderCard from "./components/OrderCard.vue";	38	import OrderCard from './components/OrderCard.vue'
39	import store from "@/store";	39	import store from '@/store'
40		40
41	export default {	41	export default {
42	components: {	42	components: {
43	OrderCard: OrderCard	43	OrderCard: OrderCard,
44	},	44	},
45	data() {	45	data() {
46	return {	46	return {
47	// 顶部筛选项	47	// 顶部筛选项
48	screenItems: [	48	screenItems: [
49	{ current: "10", text: "全部" },	49	{ current: '10', text: '全部' },
50	{ current: "0", text: "待付款" },	50	{ current: '0', text: '待付款' },
51	{ current: "1", text: "待收货" },	51	{ current: '1', text: '待收货' },
52	{ current: "2", text: "已完成" }	52	{ current: '2', text: '已完成' },
53	// {current:"3",text:'已评价'},	53	// {current:"3",text:'已评价'},
54	// {current:"4",text:'退款'},	54	// {current:"4",text:'退款'},
55	],	55	],
56	// 当前所在item 默认10-->全部	56	// 当前所在item 默认10-->全部
57	current: "10"	57	current: '10',
58	};	58	}
59	},	59	},
60		60
61	onShow() {	61	onShow() {
62	store.dispatch("myOrder/getList", {	62	store.dispatch('myOrder/getList', {
63	way: ""	63	way: '',
64	});	64	})
65	},	65	},
66	onLoad: function(option) {	66	onLoad: function(option) {
67	// 获取订单列表	67	// 获取订单列表
68	// store.dispatch("myOrder/getList", {	68	// store.dispatch("myOrder/getList", {
69	// way: ""	69	// way: ""
70	// });	70	// });
71	// 从user过来传的status，给current，以显示对应item	71	// 从user过来传的status，给current，以显示对应item
72	this.current = option.status;	72	this.current = option.status
73	},	73	},
74	computed: {	74	computed: {
75	orderList() {	75	orderList() {
76	console.log('orderList', this.$store.state.myOrder.orderList);	76	console.log('orderList', this.$store.state.myOrder.orderList)
77	return this.$store.state.myOrder.orderList;	77	return this.$store.state.myOrder.orderList
78	}	78	},
79	},	79	},
80	methods: {	80	methods: {
81	// tab点击事件	81	// tab点击事件
82	onClickItem(e) {	82	onClickItem(e) {
83	if (this.current !== e) {	83	if (this.current !== e) {
84	this.current = e;	84	this.current = e
85	}	85	}
86	}	86	},
87	}	87	},
88	};	88	}
89	</script>	89	</script>
90		90
91	<style lang="scss">	91	<style lang="scss">
92	.content {	92	.content {
93	display: flex;	93	display: flex;
94	flex-direction: column;	94	flex-direction: column;
95	align-items: center;	95	align-items: center;
96	background-color: #f7f6f6;	96	background-color: #f7f6f6;
97	min-height: 100vh;	97	min-height: 100vh;
98	.header {	98	.header {
99	background-color: #ffffff;	99	background-color: #ffffff;
100	width: 100%;	100	width: 100%;
101	// height: 232rpx;	101	// height: 232rpx;
102	padding: 20rpx 40rpx 16rpx 40rpx;	102	padding: 20rpx 40rpx 16rpx 40rpx;
103	box-sizing: border-box;	103	box-sizing: border-box;
104	position: fixed;	104	position: fixed;
105	top: 0;	105	top: 0;
106	left: 0;	106	left: 0;
107	// .searchBar {	107	// .searchBar {
108	// width: 670rpx;	108	// width: 670rpx;
109	// display: flex;	109	// display: flex;
110	// justify-content: center;	110	// justify-content: center;
111	// align-items: center;	111	// align-items: center;
112	// box-sizing: border-box;	112	// box-sizing: border-box;
113	// padding: 0rpx 16rpx;	113	// padding: 0rpx 16rpx;
114	// border: 1px solid #ff6b4a;	114	// border: 1px solid #ff6b4a;
115	// border-radius: 8rpx;	115	// border-radius: 8rpx;
116	// background-color: #ffffff;	116	// background-color: #ffffff;
117	// }	117	// }
118		118
119	.screenBar {	119	.screenBar {
120	width: 670rpx;	120	width: 670rpx;
121	// height: 110rpx;	121	// height: 110rpx;
122	height: 70rpx;	122	height: 70rpx;
123	display: flex;	123	display: flex;
124	flex-direction: row;	124	flex-direction: row;
125	justify-content: space-between;	125	justify-content: space-between;
126	align-items: center;	126	align-items: center;
127	color: #333333;	127	color: #333333;
128	font-size: 32rpx;	128	font-size: 32rpx;
129	}	129	}
130	.screenItem {	130	.screenItem {
131	height: 50rpx;	131	height: 50rpx;
132	font-size: 32rpx;	132	font-size: 32rpx;
133	color: #333333;	133	color: #333333;
134	display: flex;	134	display: flex;
135	justify-content: center;	135	justify-content: center;
136	align-items: center;	136	align-items: center;
137	transition: all 0.2s;	137	transition: all 0.2s;
138	}	138	}
139	.active {	139	.active {
140	// font-size: 34rpx;	140	// font-size: 34rpx;
141	color: #ec5d3b;	141	color: #ec5d3b;
142	}	142	}
143	.searchIpt {	143	.searchIpt {
144	height: 68rpx;	144	height: 68rpx;
145	width: 670rpx;	145	width: 670rpx;
146	padding: 16rpx;	146	padding: 16rpx;
147	font-size: 28rpx;	147	font-size: 28rpx;
148	box-sizing: border-box;	148	box-sizing: border-box;
149	}	149	}
150	}	150	}
151	.orderList {	151	.orderList {
152	// margin-top: 232rpx;	152	// margin-top: 232rpx;
153	margin-top: 132rpx;	153	margin-top: 132rpx;
154	}	154	}
155	.footer {	155	.footer {
156	font-size: 14px;	156	font-size: 14px;
157	color: #b8b8b8;	157	color: #b8b8b8;
158	margin: 40rpx 0;	158	margin: 40rpx 0;
159	}	159	}
160	}	160	}
161	</style>	161	</style>
162		162

src/pages/myOrderPaying/myOrderPaying.vue

Diff comments View file @ecde406

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