feat：澜品优选 支付宝支付+退款

lin

2026-06-12 f6824f84d67f4eeb435cf7528e95886cb517e6c0

 pages/quanyi/index.vue

@@ -11,7 +11,7 @@
    const _this = this;
    await uni.request({
      // url: _this.$webHost+'/api/v2/auth/ygxLogin?phone='+_this.$util.getUserInfo().phone+'&appId='+'47be9559-6b1b-42dd-84ed-25d028065013',
      url: _this.$webHost + '/api/v2/auth/qxgIosUnionLogin?phone=' + _this.$util.getUserInfo().phone,
      url: _this.$webHost + '/api/v2/auth/iosShopUnionLogin?phone=' + _this.$util.getUserInfo().phone + '&configureToDomain=10',
      success: function (res) {
        _this.ygxLogin = res.data.data;
        uni.setStorageSync('ygxLogin',_this.ygxLogin)
@@ -131,10 +131,11 @@
<template>
  <view style="background-color: #0B166D;z-index: 0;">
<view style="background: url('/static/img/qyBg.png') no-repeat top center; background-size: 100%;z-index: 3;">
   <view style="height: 50rpx;"></view>
    <view class="head" style="position: relative">
      <view style="display: flex;justify-content: start;align-items:center;position: absolute;left: 0;top: 65rpx;padding-left: 30rpx;z-index: 9;color: #FFFFFF;width: 690rpx;">
        <view  @tap="goHome" id="home" class="home acea-row row-center-wrapper iconfont icon-fanhui2 h5_back icon-shouye4">
         <uv-icon name="home" color="#ffffff" size="20"></uv-icon>
         <uv-icon name="home" color="#ffffff" size="28"></uv-icon>
        </view>
      <view class="mm" style="text-align: center;flex: 1;">会员权益</view>
      </view>
@@ -150,7 +151,11 @@
       <p style="background: -webkit-linear-gradient(#FFEEE7, #F4936F);-webkit-background-clip: text;-webkit-text-fill-color: transparent;">扣款期数：{{ memberPeriodConfigInfo.installmentPeriods }}期(先享后付，免息)</p>
       <p style="background: -webkit-linear-gradient(#FFEEE7, #F4936F);-webkit-background-clip: text;-webkit-text-fill-color: transparent;">有效期：365天</p>
     </view> -->
     <view style="display: flex;gap: 15rpx;padding-top: 250rpx;margin-left: 60rpx;">
     <view style="margin-left: 90rpx;font-size: 36rpx;font-weight: bold;background: linear-gradient(to right,#FCF2F1, #F7C984);-webkit-background-clip: text;background-clip: text;color: transparent;padding-top: 60rpx;">商城会员权益尊享卡</view>
     <view style="font-size: 28rpx;margin-left: 90rpx;margin-top: 10rpx;">
       <p style="background: linear-gradient(to right,#FFEEE7, #F7C984);-webkit-background-clip: text;background-clip: text;color: transparent;">尊享卡会员费：{{ memberPeriodConfigInfo.totalBenefitsAmount }}元/年</p>
     </view>
     <view style="display: flex;gap: 15rpx;padding-top: 100rpx;margin-left: 60rpx;">
        <view style="width: 25%;display: flex;flex-direction: column;">
           <image style="width: 88rpx;height: 88rpx;" src="/static/img/qy1.png" mode="aspectFit"></image>
           <text style="font-size: 24rpx;color: #331C03;margin-top: 15rpx;">精选商品</text>
@@ -182,13 +187,13 @@
           <text style="color: #20110E;">我已阅读并同意</text>
        </uv-checkbox>
       </uv-checkbox-group>
       <text style="display: inline;font-size: 24rpx;color: #4766FE" @click="link(`/pages/web/xieyi?code=${memberPeriodConfigInfo.protocolCode}&title=${memberPeriodConfigInfo.protocolName}`)">《会员权益服务协议-星享购》</text>
       <text style="display: inline;font-size: 24rpx;color: #4766FE" @click="link(`/pages/web/xieyi?code=${memberPeriodConfigInfo.protocolCode}&title=${memberPeriodConfigInfo.protocolName}`)">{{memberPeriodConfigInfo.protocolName}}</text>
     </view>
   </view>

    <view class="content" style="overflow-y: scroll;padding:  30rpx;background: #0B166D;padding-bottom: 140rpx;">
      
      <view class="tips" style="background-color: #39499E;border-radius: 32rpx;margin-top: 20rpx;padding: 30rpx;color: #CFD5F5;font-size: 28rpx;">
    <view class="content" style="overflow-y: scroll;padding:  30rpx;padding-bottom: 140rpx;">

      <view class="tips" style="background-color: #39499E;border-radius: 50rpx;margin-top: 20rpx;padding: 30rpx;color: #CFD5F5;font-size: 28rpx;">
        <view class="content-title" style="text-align: center;display: flex;align-items: center;justify-content: center;margin-top: 20rpx;margin-bottom: 30rpx;">
          <image style="width: 111rpx;height: 8rpx;" src="/static/img/nion1.png"></image>
          <view style="font-size: 36rpx;color: #CFD5F5;margin: 0 20rpx;">会员权益说明</view>
@@ -302,6 +307,31 @@
      </view> -->

      <!--      <view style="text-align: center;display: flex;flex-direction: row;justify-content: center"><text @click="submit(false)" style="color: #666666;margin-bottom: 20rpx;font-size: 28rpx">不同意</text></view>-->
	  
     <!--   专享会员生活权益   -->
      <view style="padding: 0 30rpx; background-color: #FFFFFF;padding-top: 3rpx;border-radius: 50rpx;margin-top: 30rpx;">
        <view class="content-title" style="text-align: center;margin-top: 50rpx;margin-bottom: 40rpx;">
         <view style="font-size: 36rpx;color: #333333;margin: 0 20rpx;">
           <span class="content-title-item">虚拟权益</span>
         </view>
         <view style="color: #666666;font-size: 24rpx;">专享权益以实际兑换页面为准</view>
        </view>
        <view class="life" style="background: url('/static/img/qsLife.png') no-repeat top center; background-size: 100%;width: 100%;height: 500rpx;">
  
        </view>
        <view class="life" style="background: url('/static/img/qsLife2.png') no-repeat top center; background-size: 100%;width: 100%;height: 700rpx;">
  
        </view>
        <view class="content-title" style="text-align: center;margin-top: 0rpx;margin-bottom: 40rpx;">
         <view style="font-size: 36rpx;color: #333333;margin: 0 20rpx;">
           <span class="content-title-item">实物权益</span>
         </view>
         <view style="color: #666666;font-size: 24rpx;">专享权益以商城实际发出商品为准</view>
        </view>
        <view class="physical" style="background: url('/static/img/qsPhysical.png') no-repeat top center; background-size: 100%;width: 100%;height: 982rpx;">
  
        </view>
      </view>
    </view>
    <textBox v-if="showTextBox" ref="textBox" :code="memberPeriodConfigInfo.protocolCode" :title="memberPeriodConfigInfo.protocolName"></textBox>
  </view>