xuxueyang
2024-09-09 03d26aca1b656c03dc4280f85acb1132bd87639d
sub_pages/customer/shopping/confirm.vue
@@ -2,6 +2,7 @@
   import {
      mapState
   } from 'vuex'
   import environments from '@/environments'
   export default {
      name: "订单详情",
@@ -10,11 +11,55 @@
            address: state => {
               return state.defaultaddress || {}
            },
            cache_coupon: state => {
               return state.cache.coupon || {}
            },
            cache_goods: state => {
               return state.cache.goods || []
            },
         }),
         coupon_fee() {
            //优惠券
            if (this.dto.couponRecordId && this.cache_coupon) {
               //计算优惠券
               if (this.cache_coupon.couponDiscountType === 'zero') {
                  return this.cache_coupon.couponDiscountValue || 0
               } else if (this.cache_coupon.minOrderAmount && this.cache_coupon.minOrderAmount > 0) {
                  var total = ((dto.totalAmount || 0) + (dto.packing || 0) + (current_transport.fee || 0) || 0)
                     .toFixed(2)
                  if (total >= this.cache_coupon.minOrderAmount) {
                     return this.cache_coupon.couponDiscountValue || 0
                  }
               } else {
                  return this.cache_coupon.couponDiscountValue || 0
               }
            }
            return 0
         }
      },
      async beforeDestroy() {
         await this.$store.dispatch('cache_coupon_select', {})
         await this.$store.dispatch('cache_goods_select', [])
      },
      async onShow() {
         //优惠券
         if (this.cache_coupon && this.cache_coupon.id) {
            this.dto.couponRecordId = this.cache_coupon.id
            this.dto.couponRecordStr = this.cache_coupon.couponName
         }
         //兑换券
         this.dto.goodsRecordIdListStr = ''
         if (this.cache_goods && this.cache_goods.length > 0) {
            this.dto.goodsRecordIdListStr = ''
            var names = []
            for (var tmp of this.cache_goods) {
               names.push(tmp.name || tmp.title || '')
            }
            this.dto.goodsRecordIdListStr = names.join(',')
         }
      },
      onLoad(options) {
         // console.log('dto',options)
@@ -37,15 +82,38 @@
               value: ''
            })
         })
         if(this.address.id){
         if (this.address.id) {
            this.loadTransportList()
            this.cacheAddressId = this.address.id
         }
         //
         //先获取直接的全部地址
         // @ApiModelProperty(value = "订单商品")
         //   private List<FlowerCartListDTO> flowers;
         // @ApiModelProperty(value = "打包费")
         //   private BigDecimal packing;
         // 两种情况,我合伙人是A,我进入页面前改成了B,我进去后还是获取了A——可以通过
         if (this.currentInfo.customerDTO && this.currentInfo.customerDTO.partnerId) {
            // 考虑一下,由后台实时获取,如果获取的合伙人id不一样,那么就刷新当前用户信息。
            this.$http.request('get', '/api/current/customer/partner', {
               params: {
                  // id: this.currentInfo.customerDTO.partnerId
               }
            }).then(async res => {
               if (res.code == 0) {
                  this.partnerInfo = res.data || {}
                  if (this.partnerInfo.id !== this.currentInfo.customerDTO.partnerId) {
                     //刷新用户信息
                     await this.$store.dispatch('getCurrentInfo')
                  }
               }
            })
         }
      },
      data() {
@@ -57,6 +125,9 @@
               transportId: '',
               addressId: '',
               flowers: [],
               couponRecordId: '',
               couponRecordStr: '',
               goodsRecordIdListStr: '',
            },
            current_transport: {},
            cacheAddressId: '',
@@ -65,6 +136,7 @@
            need_columns: [
               []
            ],
            partnerInfo: {},
         }
      },
@@ -74,18 +146,39 @@
               this.loadTransportList()
               this.cacheAddressId = nv.id
            } else if (!nv.id) {
               //说明id清空了
               if (!this.cacheAddressId) {
                  transportList = []
                  this.cacheAddressId = ''
               }
            }
         }
      },
      methods: {
         toSelectCoupon() {
            //跳转去列表页面进行选择
            uni.navigateTo({
               url: '/sub_pages/customer/coupon/coupon-self?source=shopping'
            })
         },
         toSelectGood() {
            //跳转去列表页面进行选择
            uni.navigateTo({
               url: '/sub_pages/customer/coupon/good-self?source=shopping'
            })
         },
         select_need(e) {
            this.show_select_need = false
            this.dto.specialNeedsStr = e.value[0].label
            this.dto.specialNeeds = e.value[0].value
         },
         async loadTransportList() {
            if (this.currentInfo.customerDTO && this.currentInfo.customerDTO.partnerId) {
               return
            }
            let that = this;
            console.log('address', that.address, that.cacheAddressId)
            // console.log('address', that.address, that.cacheAddressId)
            if (that.address && that.address.id && that.cacheAddressId !== that.address.id) {
               that.$message.showLoading()
               const {
@@ -107,15 +200,28 @@
         },
         async submitOrder() {
            console.log('submitOrder', this.dto)
            if (!this.dto.transportId) {
               this.$message.showToast('请选择配送方式')
               return
            if (this.currentInfo.customerDTO && this.currentInfo.customerDTO.partnerId) {
            } else {
               if (!this.dto.transportId) {
                  this.$message.showToast('请选择配送方式')
                  return
               }
            }
            if (!this.address.id) {
               this.$message.showToast('请选择收货地址')
               this.$message.showToast('请选择收货地址', {
                  duration: 2000
               })
               return
            }
            this.dto.addressId = this.address.id
            var goodsRecordIds = []
            if (this.dto.goodsRecordIdListStr) {
               for (var t of this.cache_goods) {
                  t.push(t.goodsId)
               }
            }
            let tmp = this
            wx.login({
@@ -129,36 +235,59 @@
                     } = await tmp.$http.request('post', '/api/customer/flower/order/commit', {
                        data: {
                           ...tmp.dto,
                           wxcode: res.code
                           wxcode: res.code,
                           goodsRecordIdList: goodsRecordIds
                        }
                     })
                     tmp.$message.hideLoading()
                     if (code === 0) {
                        //清空优惠券
                        this.$store.dispatch('cache_coupon_select', {})
                        this.$store.dispatch('cache_goods_select', [])
                        //提交信息
                        console.log('pay,', data)
                        if (data && data['_testOrderId']) {
                        // /api/pub/init/callback?orderId=
                        // if(env.pro)
                        if (false && data && (data['_testV2OrderId'] || data['_testOrderId']) &&
                           environments.httpBaseUri.startsWith(
                              'http://47.99.58.211/flower')) {
                           //回调
                           tmp.$message.showLoading()
                           const res2 = await tmp.$http.request('get',
                              '/api/customer/flower/order/callback/tmp', {
                              '/api/pub/init/callback', {
                                 params: {
                                    id: res2.data['_testOrderId']
                                    orderId: data['_testV2OrderId'] || data[
                                       '_testOrderId'] || ''
                                 }
                              })
                           tmp.$message.hideLoading()
                           tmp.$message.showToast('支付成功')
                           //返回上一页
                           await tmp.$store.dispatch('sign_add', 'shopping')
                           uni.navigateBack()
                        } else if (data) {
                           wx.requestPayment({
                              ...data,
                              async success(res) {
                                 console.log('pay success', res)
                                 tmp.$message.showToast('支付成功')
                                 // tmp.$message.showToast('支付成功')
                                 //返回上一页
                                 await tmp.$store.dispatch('sign_add', 'shopping')
                                 uni.navigateBack()
                                 tmp.$message.showToast('支付成功')
                                 setTimeout(() => {
                                    uni.navigateBack()
                                 }, 500)
                                 // await
                                 // uni.navigateBack()
                              },
                              fail(err) {
                              async fail(err) {
                                 console.error('pay fail', err)
                                 tmp.$message.showToast('支付失败')
                                 // await tmp.$store.dispatch('sign_add', 'shopping')
                                 // uni.navigateBack()
                              }
                           })
@@ -187,8 +316,8 @@
      </view>
      <view>
         <view class="flower-container m-t-12 br-4 p10">
            <view class="shopping-item m-b-20" v-for="(item,index) of dto.flowers" :key="index">
               <u-divider v-if="index>0"></u-divider>
            <view class="shopping-item " v-for="(item,index) of dto.flowers" :key="index">
               <!-- <view class="line-gray" v-if></view> -->
               <view class="sup-title flex">
                  <image class="icon-dp img100 m-r-10" src="/static/common/icon-dp.png"></image>
                  <view>{{ item.supplierName || '-' }}</view>
@@ -216,8 +345,38 @@
               </view>
            </view>
         </view>
         <view class="p10 bg-white m-t-20 br-4" v-if="partnerInfo&&partnerInfo.id">
            <view class="form-item  flex ">
               <view class="label">仓位名称</view>
               <view class="m-l-a m-r-0 flex desc-gray">
                  <view>{{partnerInfo.cityWarehouse|| '-'}}</view>
               </view>
            </view>
            <view class="form-item  flex ">
               <view class="label">合伙人名称</view>
               <view class="m-l-a m-r-0 flex desc-gray">
                  <view>{{partnerInfo.name|| '-'}}</view>
               </view>
            </view>
            <view class="form-item  flex ">
               <view class="label">联系方式</view>
               <view class="m-l-a m-r-0 flex desc-gray">
                  <view>{{partnerInfo.contactTel|| '-'}}</view>
               </view>
            </view>
            <view class="form-item  flex ">
               <view class="label">提货地址</view>
               <view class="m-l-a m-r-0 flex desc-gray">
                  {{ partnerInfo['province'] || '' }}{{ partnerInfo['city'] && ('/' + partnerInfo['city']) || '' }}{{
                    partnerInfo['region'] && ('/' + partnerInfo['region']) || ''
                  }}{{partnerInfo.address|| '-'}}
               </view>
            </view>
         </view>
         <!--    查看商品列表,和选择运费 -->
         <view class="br-4 transform-container m-t-12 p10">
         <view class="br-4 transform-container m-t-12 p10"
            v-if="!currentInfo.customerDTO||!currentInfo.customerDTO.partnerId">
            <view class="title">
               <view>运输方式:</view>
               <view class="flex transform-list flex-wrap-normal">
@@ -246,15 +405,21 @@
         </view>
         <view class="p10 bg-white m-t-20 br-4">
            <!-- #ifdef PUB_CUSTOMER_DEV -->
            <view class="form-item  flex ">
               <view class="label">特殊需求</view>
               <!--       <view class="m-l-a m-r-0 flex1">
                  <view class="m-t-12 m-b-12">
                     <u-textarea v-model="dto.specialNeeds" placeholder="请输入特殊需求">
               <view class="label">优惠券</view>
                     </u-textarea>
                  </view>
               </view> -->
               <view class="m-l-a m-r-0 flex " :class="[!dto.couponRecordId?'desc-gray':'']"
                  @click="toSelectCoupon">
                  <view>{{dto.couponRecordStr||dto.couponRecordId || '请选择'}}</view>
                  <u-icon class="m-l-a" name="arrow-right"></u-icon>
               </view>
            </view>
            <!-- #endif -->
            <view class="form-item  flex m-t-12">
               <view class="label">特殊需求</view>
               <view class="m-l-a m-r-0 flex " :class="[!dto.specialNeeds?'desc-gray':'']" @click="()=>{
                  show_select_need=true
               }">
@@ -272,6 +437,18 @@
                  </view>
               </view>
            </view>
            <!-- #ifdef PUB_CUSTOMER_DEV -->
            <view class="form-item  flex ">
               <view class="label">兑换券</view>
               <view class="m-l-a m-r-0 flex "
                  :class="[!dto.goodsRecordIdList||dto.goodsRecordIdList.length==0?'desc-gray':'']"
                  @click="toSelectGood">
                  <view>{{dto.goodsRecordIdListStr|| '请选择'}}</view>
                  <u-icon class="m-l-a" name="arrow-right"></u-icon>
               </view>
            </view>
            <!-- #endif -->
         </view>
      </view>
@@ -294,6 +471,12 @@
               {{ (current_transport.fee || 0) }}
            </view>
         </view>
         <view class="desc flex">
            <view>优惠:</view>
            <view class="m-l-a m-r-0 text-right">
               -{{ coupon_fee || 0 }}
            </view>
         </view>
      </view>
@@ -302,7 +485,8 @@
      <view class="bottom-price flex">
         <view class="m-t-12 m-l-0 m-r-a">
            合计 <span class="t-red">¥
               {{ (dto.totalAmount || 0) + (dto.packing || 0) + (current_transport.fee || 0) || 0 }} </span>元
               {{ ((dto.totalAmount || 0) + (dto.packing || 0) + (current_transport.fee || 0) - coupon_fee || 0).toFixed(2) }}
            </span>元
         </view>
         <view class="button-green-1 m-l-a m-r-0" style="min-width: 240rpx" @click="submitOrder">
            提交订单
@@ -323,6 +507,8 @@
         background-color: #ffffff;
         left: 0rpx;
         padding: 20rpx;
         z-index: 99;
         z-index: 11;
         right: 0rpx;
         bottom: 0rpx;
      }
@@ -331,7 +517,7 @@
         background-color: #ffffff;
         .shopping-item {
            padding: 28rpx 22rpx;
            padding: 10rpx 22rpx;
            position: relative;
            .sup-title {
@@ -407,6 +593,8 @@
         background-color: #ffffff;
         .transform-list {
            overflow-x: scroll;
            .transform-item {
               background: rgba(225, 240, 231, 0.38);
               border-radius: 8rpx;
@@ -420,6 +608,7 @@
               margin-right: auto;
               max-width: 32%;
               width: 130rpx;
               min-width: 130rpx;
               .title {
                  font-weight: 400;
@@ -427,6 +616,7 @@
                  color: #000000;
                  line-height: 40rpx;
                  word-break: break-word;
                  min-height: 90rpx
               }
               .price {
@@ -451,13 +641,10 @@
         .transform-list:nth-child(3n+2) {
            margin-right: 0;
         }
         .desc-red{
         }
         .desc{
         }
         .desc-red {}
         .desc {}
      }
   }