feat: 澜品优选权益

lin

2026-04-24 867dfffde10a7388acaeb92767eecd92965ff2fa

feat: 澜品优选权益

 main.js

@@ -8,6 +8,7 @@
Vue.config.productionTip = false
App.mpType = 'app'

Vue.prototype.$webHost = 'https://rbb98765.zrgy-bbg.com'
Vue.prototype.$util = util
Vue.prototype.$baseUrl = 'https://lp1994.lpyx.top'
Vue.prototype.$bank = [

 pages/quanyi/add.vue

@@ -869,10 +869,10 @@
    <view class="form">
      <view class="clo">
        <view class="label">
          <text>真实姓名</text>
          <text>持卡人姓名</text>
        </view>
        <view class="inp_box">
          <input  maxlength="8"   v-model="cardName" class="inp" placeholder="请填写真实姓名" />
          <input  maxlength="8"   v-model="cardName" class="inp" placeholder="请填写持卡人姓名" />
        </view>

      </view>
@@ -910,7 +910,7 @@
      </view>
      <view class="clo">
        <view class="label">
          <view>银行预留手机号</view>
          <view>预留手机号</view>
        </view>
        <view class="inp_box" style="position: relative;">
          <input  maxlength="11" v-model="cardPhone"  class="inp" placeholder="请填写手机号" />
@@ -922,7 +922,7 @@
      </view>
      <view class="clo" v-if="getPayBindCardInfo.length && !getPayBindCardInfo[0].bindStatus">
        <view class="label">
          <text>验证码</text>
          <text>手机验证码</text>
        </view>
        <view class="inp_box" style="position: relative;">
          <input  maxlength="6" v-model="verificationCode" class="inp" type="number" placeholder="请填写验证码" />
@@ -940,7 +940,7 @@
        </view>
        <view class="inp_box">
          <view style="font-size: 28rpx;width: 670rpx;height: 100rpx;border: 1px solid #EEEEEE;border-radius: 20rpx;padding-left: 20rpx;line-height: 100rpx;" v-if="addressStr">{{addressStr}}</view>
          <view style="font-size: 28rpx;color: #BDBDBE;width: 670rpx;height: 100rpx;border: 1px solid #EEEEEE;border-radius: 20rpx;padding-left: 20rpx;line-height: 100rpx;" v-else>请填写收货地址</view>
          <view style="font-size: 28rpx;color: #BDBDBE;width: 670rpx;height: 100rpx;border: 1px solid #EEEEEE;border-radius: 20rpx;padding-left: 20rpx;line-height: 100rpx;" v-else>请填写详细地址</view>
        </view>

      </view>
@@ -959,18 +959,18 @@
        </view>-->

    <view style=" padding: 0 30rpx;margin-top: 30rpx;">
      <view style="display: flex;">
      <view style="display: flex;align-items: center;">
        <uv-checkbox-group
            activeColor="red"
            activeColor="#4766FE"
            iconSize="20"
            shape="circle"
            v-model="protocolChecked">
          <uv-checkbox size="14" :name="1" >

          </uv-checkbox>
          <uv-checkbox size="22" :name="1" >
          <text class="protocol-text" >
            我已阅读并同意
            <text style="font-size: 24rpx;" class="link-text"  @click="$refs.agreement.open()">《相关协议》</text>
          </text>
          </uv-checkbox>
          <text style="font-size: 24rpx;" class="link-text"  @click="$refs.agreement.open()">《相关协议》</text>
        </uv-checkbox-group>

      </view>
@@ -1216,6 +1216,9 @@
</template>

<style scoped lang="scss">
    .uv-checkbox-group--row {
        align-items: center;
    }
.a3{
  color: #BDBDBE;
  font-size: 30rpx;
@@ -1297,12 +1300,12 @@

.sub{

  width: 100%;
  width: 690rpx;
  bottom: 50rpx;
  padding: 0 30rpx;
  margin-top: 40rpx;
  .sub_btn{
    background: #EE2626;
    background: #4766FE;
    border-radius: 50rpx 50rpx 50rpx 50rpx;
    padding: 10rpx;

@@ -1325,7 +1328,6 @@
  color: #BDBDBE;
}
.protocol-text {
  width: calc( 100% - 44rpx);
  font-size: 24rpx;
  color: #8B8D96;
  line-height: 28rpx;

 pages/quanyi/components/addAddress/index.vue

@@ -23,7 +23,7 @@
    customStyle() {
      return {
        height: "100rpx",
        background: "#FF1472",
        background: "#4766FE",
        color: "#fff",
        borderRadius: "50rpx",
        fontSize: "34rpx",

 pages/quanyi/index.vue

@@ -129,75 +129,110 @@
</script>

<template>
  <view style="background: url('/static/img/qyBg.png') no-repeat top center; background-size: 100%;background-color: #210E0E;">

  <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 class="head" style="position: relative">
      <view style="display: flex;justify-content: flex-start;position: absolute;left: 0;top: 65rpx;padding-left: 30rpx;z-index: 9;color: #FFFFFF;">
        <view  @tap="goHome" id="home" class="home acea-row row-center-wrapper iconfont icon-fanhui2 h5_back icon-shouye4" :style="{ height:  '80rpx',lineHeight:  '80rpx'}" style="margin-top: 20rpx;">
      <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>
        </view>

        <view class="mm" style="text-align: center;flex: 1;">会员权益</view>
      </view>
<!--      <view style="text-align: center;font-weight: bold;font-size: 36rpx;position: relative;">-->
<!--        <view class="mm" style="text-align: center">会员权益说明</view>-->
<!--      </view>-->
     <!-- <view style="text-align: center;font-weight: bold;font-size: 36rpx;position: relative;">
       <view class="mm" style="text-align: center">会员权益说明</view>
     </view> -->
    </view>

    <view class="title">
      <view style="margin-top:320rpx;text-align: center;font-weight: bold;line-height:90rpx;font-size:70rpx;background: -webkit-linear-gradient(#ffffff, #F3855B);-webkit-background-clip: text;-webkit-text-fill-color: transparent;">
        <p>入会有惊喜</p>
        <p>尊享好福利</p>
      </view>
      <view style="font-size:32rpx;background: -webkit-linear-gradient(#ffffff, #F3855B);-webkit-background-clip: text;-webkit-text-fill-color: transparent;text-align: center;letter-spacing: 14rpx;margin-left: 16rpx;margin-top: 10rpx;">欢迎加入商城会员</view>
    </view>

    <view class="content" style="overflow-y: scroll;padding:  30rpx;background: #ffffff;border-top-left-radius: 50rpx;border-top-right-radius: 50rpx;margin-top: 60rpx;padding-bottom: 140rpx;">
      <view class="content-title" style="text-align: center;display: flex;align-items: center;justify-content: center;margin-top: 40rpx;margin-bottom: 10rpx;">
        <image style="width: 127rpx;height: 18rpx;" src="/static/img/nion1.png"></image>
        <view style="font-size: 36rpx;color: #370606;margin: 0 20rpx;">会员权益说明</view>
        <image style="width: 127rpx;height: 18rpx;" src="/static/img/nion.png"></image>
      </view>
      <view style="color: #370606;text-align: center;font-size: 24rpx;">MEMBERSHIP BENEFIS DESCRIPTON</view>
      <view class="tips" style="background-color: #FFEEE7;border-radius: 32rpx;margin-top: 20rpx;padding: 30rpx;color: #370606;font-size: 28rpx;">
        <view style="margin-bottom: 20rpx;display: flex;">
          <view style="width: 40rpx;height: 40rpx;background-color: #F4936F;border-radius: 50%;text-align: center;line-height: 40rpx;flex-shrink: 0;flex-grow: 0;font-size: 28rpx;color: #370606;margin-right: 20rpx;">
            1.
          </view>
          <view>
            星享购商城会员年卡是本商城为会员特别打造的专属服务。成为会员后，您可享受各类商品折扣、促销优惠、生活权益及专属特权，并根据会员等级获赠相应超值礼品，体验我们为您准备的尊享会员服务。
          </view>
        </view>
        <view style="margin-bottom: 20rpx;display: flex;">
          <view style="width: 40rpx;height: 40rpx;background-color: #F4936F;border-radius: 50%;text-align: center;line-height: 40rpx;flex-shrink: 0;flex-grow: 0;font-size: 28rpx;color: #370606;margin-right: 20rpx;">
            2.
          </view>
          <view>
            保险权益赠送：星享购商城会员年卡用户有机会获赠涵盖重疾险、意外险、事故险等的综合保障服务。尚未享受持牌机构服务的会员，亦有机会获取此项权益，具体详情请查阅会员中心相关说明。
          </view>
        </view>
        <view style="margin-bottom: 20rpx;display: flex;">
          <view style="width: 40rpx;height: 40rpx;background-color: #F4936F;border-radius: 50%;text-align: center;line-height: 40rpx;flex-shrink: 0;flex-grow: 0;font-size: 28rpx;color: #370606;margin-right: 20rpx;">
            3.
          </view>
          <view>
            会员服务一经开通即表示知晓并同意以上内容，自愿加入星享购商城会员年卡会员，并同意平台及平台权益合作方在账单日收入会员费，可在个人中心查看订单详情。
          </view>
        </view>
        <view style="margin-bottom: 20rpx;display: flex;">
          <view style="width: 40rpx;height: 40rpx;background-color: #F4936F;border-radius: 50%;text-align: center;line-height: 40rpx;flex-shrink: 0;flex-grow: 0;font-size: 28rpx;color: #370606;margin-right: 20rpx;">
            4.
          </view>
          <view>
            平台有权根据实际情况优化调整礼品内容和会员权益，最终解释权归星享购商城所有。
          </view>
        </view>
      </view>
      <view style="background: url('/static/img/qyBg2.png') no-repeat top center; background-size: 100%;width: 100%;height: 290rpx;margin-top: 20rpx;padding: 40rpx;">
        <view style="margin-bottom:20rpx;font-size: 44rpx;font-weight: bold;background: -webkit-linear-gradient(#FFEEE7, #F4936F);-webkit-background-clip: text;-webkit-text-fill-color: transparent;">尊享会员年卡</view>
    <view style="background: url('/static/img/qyBg2.png') no-repeat top center; background-size: 100%;width: 690rpx;height: 728rpx;margin-left: 30rpx;margin-top: 160rpx;">
      <!-- <view style="margin-bottom:20rpx;font-size: 44rpx;font-weight: bold;background: -webkit-linear-gradient(#FFEEE7, #F4936F);-webkit-background-clip: text;-webkit-text-fill-color: transparent;">尊享会员年卡</view>
        <view style="font-size: 28rpx;">
          <p style="background: -webkit-linear-gradient(#FFEEE7, #F4936F);-webkit-background-clip: text;-webkit-text-fill-color: transparent;">年卡金额：{{ memberPeriodConfigInfo.totalBenefitsAmount }}元</p>
          <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="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>
          </view>
          <view style="width: 25%;display: flex;flex-direction: column;">
              <image style="width: 88rpx;height: 88rpx;" src="/static/img/qy2.png" mode="aspectFit"></image>
              <text style="font-size: 24rpx;color: #331C03;margin-top: 15rpx;">购物9折</text>
          </view>
          <view style="width: 25%;display: flex;flex-direction: column;">
              <image style="width: 88rpx;height: 88rpx;" src="/static/img/qy3.png" mode="aspectFit"></image>
              <text style="font-size: 24rpx;color: #331C03;margin-top: 15rpx;">专属客服</text>
          </view>
          <view style="width: 25%;display: flex;flex-direction: column;">
              <image style="width: 88rpx;height: 88rpx;" src="/static/img/qy4.png" mode="aspectFit"></image>
              <text style="font-size: 24rpx;color: #331C03;margin-top: 15rpx;">海量权益</text>
          </view>
      </view>
      <view style="width: 600rpx;margin: 0 auto;margin-top: 40rpx;">
        <button
            style="height: 100rpx;padding: 10rpx 0;color: #fff;border-radius: 50rpx;font-size: 34rpx;flex: 1;"
            @click="submit"
            :class="tm &&protocolChecked.length?'activityBut':'disabledBut'"
        >同意并开通<text v-if="!tm">（{{text}}秒）</text></button>
        <view @click="goHome" style="width: 600rpx;margin: 0 auto;padding: 10rpx 0;font-size: 34rpx;text-align: center;margin-top: 10rpx;">暂不开通</view>
      </view>
      <view style="font-size: 24rpx;color: #666666;display: flex;align-items: center;margin: 40rpx auto;height: 50rpx;justify-content: center;">
        <uv-checkbox-group activeColor="#fff"   @change='isAgree=!isAgree'  style="">
          <uv-checkbox  :checked="isAgree ? true : false" iconColor="#143EBF" iconSize="25" size="25" :name="1" shape="circle">
              <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>
      </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-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>
            <image style="width: 111rpx;height: 8rpx;" src="/static/img/nion.png"></image>
          </view>
        <view style="margin-bottom: 20rpx;display: flex;">
          <view style="font-weight:500;width: 40rpx;height: 40rpx;background-color: #CFD5F5;border-radius: 50%;text-align: center;line-height: 40rpx;flex-shrink: 0;flex-grow: 0;font-size: 28rpx;color: #39499E;margin-right: 20rpx;">
            1.
          </view>
          <view style="font-size: 28rpx;">
            澜品优选会员年卡是本商城为会员特别打造的专属服务。成为会员后，您可享受各类商品折扣、促销优惠、生活权益及专属特权，并根据会员等级获赠相应超值礼品，体验我们为您准备的尊享会员服务。
          </view>
        </view>
        <view style="margin-bottom: 20rpx;display: flex;">
          <view style="font-weight:500;width: 40rpx;height: 40rpx;background-color: #CFD5F5;border-radius: 50%;text-align: center;line-height: 40rpx;flex-shrink: 0;flex-grow: 0;font-size: 28rpx;color:#39499E;margin-right: 20rpx;">
            2.
          </view>
          <view style="font-size: 28rpx;">
            保险权益赠送：澜品优选会员年卡用户有机会获赠涵盖重疾险、意外险、事故险等的综合保障服务。尚未享受持牌机构服务的会员，亦有机会获取此项权益，具体详情请查阅会员中心相关说明。
          </view>
        </view>
        <view style="margin-bottom: 20rpx;display: flex;">
          <view style="font-weight:500;width: 40rpx;height: 40rpx;background-color: #CFD5F5;border-radius: 50%;text-align: center;line-height: 40rpx;flex-shrink: 0;flex-grow: 0;font-size: 28rpx;color: #39499E;margin-right: 20rpx;">
            3.
          </view>
          <view style="font-size: 28rpx;">
            会员服务一经开通即表示知晓并同意以上内容，自愿加入澜品优选会员年卡会员，并同意平台及平台权益合作方在账单日收入会员费，可在个人中心查看订单详情。
          </view>
        </view>
        <view style="margin-bottom: 20rpx;display: flex;">
          <view style="font-weight:500;width: 40rpx;height: 40rpx;background-color: #CFD5F5;border-radius: 50%;text-align: center;line-height: 40rpx;flex-shrink: 0;flex-grow: 0;font-size: 28rpx;color: #39499E;margin-right: 20rpx;">
            4.
          </view>
          <view style="font-size: 28rpx;">
            会员服务到期前，非商城原因不支持中途取消或退款，用户可以选择续订或取消续费。
          </view>
        </view>
        <view style="margin-bottom: 20rpx;display: flex;">
          <view style="font-weight:500;width: 40rpx;height: 40rpx;background-color: #CFD5F5;border-radius: 50%;text-align: center;line-height: 40rpx;flex-shrink: 0;flex-grow: 0;font-size: 28rpx;color: #39499E;margin-right: 20rpx;">
            5.
          </view>
          <view style="font-size: 28rpx;">
            平台有权根据实际情况优化调整礼品内容和会员权益，最终解释权归澜品优选所有。
          </view>
        </view>
      </view>

@@ -217,19 +252,17 @@
<!--        </view>-->
<!--      </view>-->
<!--      <view class="tips" style="color: #666666;margin-top: 30rpx;font-size: 26rpx">点击按钮即表示知晓并同意以上内容，自愿加入本商城星享购会员年卡会员，并同意平台及平台权益合作方在账单日收入会员费</view>-->
      <view style="font-size: 24rpx;color: #666666;display: flex;align-items: center;margin: 40rpx 0;height: 50rpx;justify-content: center;">
      <!-- <view style="font-size: 24rpx;color: #666666;display: flex;align-items: center;margin: 40rpx 0;height: 50rpx;justify-content: center;">
        <checkbox-group activeColor="#fff"   @change='isAgree=!isAgree'  style="">
          <checkbox  :checked="isAgree ? true : false" iconColor="#794007" iconSize="30" size="38" :name="1" shape="circle">
          </checkbox>
        </checkbox-group>
        <text style="color: #20110E;">我已阅读并同意</text>
        <!--        <text style="display: inline;font-size: 24rpx;color: #4766FE" @click="link('/pages/protocol/protocol?code=shop_ai_service&title=会员服务协议-YXKJ')">《会员服务协议-YXKJ》</text>
                <text style="display: inline;font-size: 24rpx;color: #4766FE" @click="link('/pages/protocol/protocol?code=shop_auto_service&title=委托扣款确认书-YXKJ')">《委托扣款确认书-YXKJ》</text>-->
        <text style="display: inline;font-size: 24rpx;color: #4766FE" @click="link(`/pages/web/xieyi?code=${memberPeriodConfigInfo.protocolCode}&title=${memberPeriodConfigInfo.protocolName}`)">《会员权益服务协议-星享购》</text>
      </view>
      </view> -->

<!--      <view  class="tips" style="color: #666666;margin-top: 24rpx;margin-bottom: 20rpx;font-size: 26rpx">*会员服务一经开通不支持取消、退款，会员服务到期前，用户可以选择续订或取消续费。</view>-->
      <view style="position: fixed;bottom: 40rpx;left: 30rpx;width: 690rpx;display: flex;gap: 20rpx;z-index: 2;">
      <!-- <view style="position: fixed;bottom: 40rpx;left: 30rpx;width: 690rpx;display: flex;gap: 20rpx;z-index: 2;">
        <button @click="goHome" style="width: 200rpx;height: 100rpx;padding: 10rpx 0;border-radius: 50rpx;font-size: 34rpx">暂不开通</button>
        <button
            style="height: 100rpx;padding: 10rpx 0;color: #370606;border-radius: 50rpx;font-size: 34rpx;flex: 1;"
@@ -238,10 +271,10 @@

            :class="tm &&protocolChecked.length?'activityBut':'disabledBut'"
        >同意并开通<text v-if="!tm">（{{text}}秒）</text></button>
      </view>
      </view> -->

      <!--   专享会员生活权益   -->
      <view>
     <!-- <view>
        <view class="content-title" style="text-align: center;display: flex;align-items: center;justify-content: center;margin-top: 50rpx;margin-bottom: 40rpx;">
          <image style="width: 127rpx;height: 18rpx;" src="/static/img/nion1.png"></image>
          <view style="font-size: 36rpx;color: #370606;margin: 0 20rpx;">专享会员生活权益</view>
@@ -251,7 +284,7 @@

        </view>
        <view style="width: 690rpx;margin-top: 20rpx;text-align: center;">
<!--          <button @click="toHuiyuan" style="height: 100rpx;padding: 25rpx 0;color: #370606;border-radius: 50rpx;font-size: 34rpx;background-image: linear-gradient(to right, #FFEAE2, #FF6F55);">兑换生活权益</button>-->
         <button @click="toHuiyuan" style="height: 100rpx;padding: 25rpx 0;color: #370606;border-radius: 50rpx;font-size: 34rpx;background-image: linear-gradient(to right, #FFEAE2, #FF6F55);">兑换生活权益</button>
          <view style="color: #333;font-size: 24rpx;padding-top: 0rpx;padding-bottom: 10rpx;">以上权益仅为预览展示，实际以兑换页面为准</view>
        </view>
        <view class="content-title" style="text-align: center;display: flex;align-items: center;justify-content: center;margin-top: 50rpx;margin-bottom: 40rpx;">
@@ -263,21 +296,25 @@

        </view>
        <view style="width: 690rpx;margin-top: 20rpx;text-align: center;">
<!--          <button @click="getTips" style="height: 100rpx;padding: 25rpx 0;color: #370606;border-radius: 50rpx;font-size: 34rpx;background-image: linear-gradient(to right, #FFEAE2, #FF6F55);">查询实物权益</button>-->
         <button @click="getTips" style="height: 100rpx;padding: 25rpx 0;color: #370606;border-radius: 50rpx;font-size: 34rpx;background-image: linear-gradient(to right, #FFEAE2, #FF6F55);">查询实物权益</button>
          <view style="color: #333;font-size: 24rpx;padding-top: 0rpx;padding-bottom: 40rpx;">以上权益仅为预览展示，实际以商城发出为准</view>
        </view>
      </view>
      </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>
    <textBox v-if="showTextBox" ref="textBox" :code="memberPeriodConfigInfo.protocolCode" :title="memberPeriodConfigInfo.protocolName"></textBox>
  </view>
  </view>
</template>

<style scoped lang="scss">
    .uv-checkbox-group {
        flex: none;
    }
.activityBut{
  //background: #EE2626;
  background-image: linear-gradient(to right, #FFEAE2, #FF6F55);
  background-image: linear-gradient(to right, #7885ED, #143EBF);
  font-weight: 500;
}
.disabledBut{

 static/img/nion.png

 static/img/nion1.png

 static/img/qy1.png

 static/img/qy2.png

 static/img/qy3.png

 static/img/qy4.png

 static/img/qyBg.png

 static/img/qyBg2.png