fix(pay): 更新支付页面文案及逻辑

石广澎

2025-11-30 18b45638fe3aac07e65aeb5b1da337d4e4bdc87c

fix(pay): 更新支付页面文案及逻辑

- 修改"资金监管平台会员注册协议"为"资金监管平台用户注册协议"
- 调整安全提醒文案为"预充值金额由邮储银行监管"
- 储值卡区域增加"去充值"按钮
- 修改次卡支付数据源从cardInfo1改为cardInfo
- 注册入口调整为始终显示"加入《店铺名》会员，享受更多优惠"
- 优化银行卡列表和数字键盘弹窗逻辑
- 调整支付方式选择器样式和事件绑定
- 更新银行卡支付相关字段引用关系

 pages/pay/register.vue

@@ -24,11 +24,11 @@
        <view class="u-text-center u-m-t-40 color-999 u-font-24">
            <label @click="checked = !checked" class="radio">
                <radio style="transform: scale(0.7);" color="#de2d35" :checked="checked" /><text>我已阅读并同意</text>
                <text style="color: #de2d35;" @click.stop="show = true">《资金监管平台会员注册协议》</text>
                <text style="color: #de2d35;" @click.stop="show = true">《资金监管平台用户注册协议》</text>
            </label>

        </view>
        <u-modal confirmText="阅读并同意" confirmColor="#de2d35" @confirm="show = false;checked = true" :show="show" title="资金监管平台会员注册协议">
        <u-modal confirmText="阅读并同意" confirmColor="#de2d35" @confirm="show = false;checked = true" :show="show" title="资金监管平台用户注册协议">
            <scroll-view scroll-y style="height: 60vh;">
                <user-agreement></user-agreement>
            </scroll-view>

 pages/pay/scanpay.vue

@@ -1,7 +1,7 @@
<!-- 扫码支付 -->
<template>
    <view class="page">
        <u-alert type="warning" closable description="安全提醒：请谨慎核对商家、订单信息，保护自己资金安全!"></u-alert>
    <u-alert closable description="安全提醒：预充值金额由邮储银行监管!" type="warning"></u-alert>
        <view class="shop u-flex u-row-between">
            <view class="u-m-r-30">
                <view class="u-font-28 color-666 u-m-b-10">付款给</view>
@@ -24,7 +24,7 @@
            <view class="u-font-28 color-666 u-m-t-60">选择支付方式</view>
            <u-radio-group v-model="payWay" placement="column">
                <view v-if="platform == 15" class="u-border-bottom u-p-v-20 u-flex u-row-between">
                    <image src="@/static/imgs/pay-union.png" class="pay-icon"></image>
          <image class="pay-icon" src="@/static/imgs/pay-union.png"></image>
                    <view class="flex-1">
                        <view class="u-font-30 color-333">云闪付</view>
                        <text v-if="isNew" class="tag u-m-t-10">会员享优惠</text>
@@ -39,10 +39,10 @@
              parseFloat((couponInfo.thresholdValue / 100).toFixed(2))
            }}元减{{ parseFloat((couponInfo.discount / 100).toFixed(2)) }}元
                    </view>
                    <u-radio @change="radioChange($event,15)" :name="15" activeColor="#D41F28" :customStyle="{ marginLeft: '10rpx' }"></u-radio>
          <u-radio :customStyle="{ marginLeft: '10rpx' }" :name="15" activeColor="#D41F28" @change="radioChange($event,15)"></u-radio>
                </view>
                <view v-if="platform == 5" class="u-border-bottom u-p-v-20 u-flex u-row-between">
                    <image src="@/static/imgs/pay-zfb.png" class="pay-icon" mode="widthFix"></image>
          <image class="pay-icon" mode="widthFix" src="@/static/imgs/pay-zfb.png"></image>
                    <view class="flex-1">
                        <view class="u-font-30 color-333">支付宝</view>
                        <text v-if="isNew" class="tag u-m-t-10">会员享优惠</text>
@@ -57,10 +57,10 @@
              parseFloat((couponInfo.thresholdValue / 100).toFixed(2))
            }}元减{{ parseFloat((couponInfo.discount / 100).toFixed(2)) }}元
                    </view>
                    <u-radio @change="radioChange($event,5)" :name="5" activeColor="#D41F28" :customStyle="{ marginLeft: '10rpx' }"></u-radio>
          <u-radio :customStyle="{ marginLeft: '10rpx' }" :name="5" activeColor="#D41F28" @change="radioChange($event,5)"></u-radio>
                </view>
                <view v-if="platform == 2" class="u-border-bottom u-p-v-20 u-flex u-row-between">
                    <image src="@/static/imgs/pay-wx.png" class="pay-icon" mode="widthFix"></image>
          <image class="pay-icon" mode="widthFix" src="@/static/imgs/pay-wx.png"></image>
                    <view class="flex-1">
                        <view class="u-font-30 color-333">微信</view>
                        <text v-if="isNew" class="tag u-m-t-10">会员享优惠</text>
@@ -75,19 +75,26 @@
              parseFloat((couponInfo.thresholdValue / 100).toFixed(2))
            }}元减{{ parseFloat((couponInfo.discount / 100).toFixed(2)) }}元
                    </view>
                    <u-radio @change="radioChange($event,2)" :name="2" activeColor="#D41F28" :customStyle="{ marginLeft: '10rpx' }">
          <u-radio :customStyle="{ marginLeft: '10rpx' }" :name="2" activeColor="#D41F28" @change="radioChange($event,2)">
                    </u-radio>
                </view>
                <view  class="u-border-bottom u-p-v-20 u-flex u-row-between">
                    <image src="@/static/zjjg/yue.png" class="pay-icon" mode="widthFix"></image>
          <image class="pay-icon" mode="widthFix" src="@/static/zjjg/yue.png"></image>
                    <view class="flex-1">
            <view class="u-flex">
                        <view class="u-font-30 color-333">储值卡</view>
              <navigator class="u-m-l-30" :url="`/pages/pay/recharge?cardInfo=${encodeURIComponent(JSON.stringify(cardInfo))}`">
                <u-button size="mini" type="warning">去充值</u-button>
              </navigator>
            </view>

                        <text class="u-font-24 color-999 u-m-t-10">
                            可用余额
                            <text class="color-red">￥{{ integral }}</text>
              <text class="color-red">￥{{ cardInfo.amount }}</text>
                        </text>
                    </view>
                    <u-radio @change="radioChange($event,14)" :name="14" activeColor="#D41F28" :customStyle="{ marginLeft: '10rpx' }">

          <u-radio :customStyle="{ marginLeft: '10rpx' }" :name="14" activeColor="#D41F28" @change="radioChange($event,14)">
                    </u-radio>
                </view>
<!--                <navigator v-if="shuaka&&token&&bankCard!=-1" class="shuka" url="/pages/pay/shuaKa/shuaKa">
@@ -119,13 +126,13 @@
                    </u-radio>
                </view>-->
            </u-radio-group>
      <navigator :url="`/pages/pay/vipEwm?cardInfo=${encodeURIComponent(JSON.stringify(cardInfo))}`" class="u-border-bottom u-p-v-20 u-flex u-row-between">
          <image src="@/static/zjjg/cika.png" class="pay-icon" mode="widthFix"></image>
      <navigator :url="`/pages/pay/vipEwm?cardInfo=${encodeURIComponent(JSON.stringify(cardInfo1))}`" class="u-border-bottom u-p-v-20 u-flex u-row-between">
        <image class="pay-icon" mode="widthFix" src="@/static/zjjg/cika.png"></image>
          <view class="flex-1 u-m-l-20">
            <view class="u-font-30 color-333">次卡支付</view>
            <text class="u-font-24 color-999 u-m-t-10">
              可用次数
              <text class="color-red">{{ cardInfo.times }}次</text>
            <text class="color-red">{{ cardInfo1.times }}次</text>
            </text>
          </view>
      </navigator>
@@ -143,19 +150,22 @@
                <u-radio disabled activeColor="#D41F28" :customStyle="{ marginLeft: '30rpx' }">
                </u-radio>
            </navigator>-->
            <navigator v-if="isNew" class="reg-btn" :url="'/pages/pay/register?cid='+cid">
      <!--            <navigator v-if="isNew" class="reg-btn" :url="'/pages/pay/register?cid='+cid">
                <image src="/static/register-btn.png" mode=""></image>
            </navigator>-->
      <navigator :url="'/pages/pay/register?cid='+cid" class="reg-url">
        加入《{{ shopInfo.shop_name }}》会员，享受更多优惠
            </navigator>
        </view>


        <button class="pay-it" @click="pay">付款</button>
        <!-- 选择银行卡 -->
        <u-popup mode="bottom" :closeable="true" :show="bankCardOpen" :round="10" @close="bankCardOpen = false">
    <u-popup :closeable="true" :round="10" :show="bankCardOpen" mode="bottom" @close="bankCardOpen = false">
            <view class="u-font-32 color-333 u-text-center u-p-30 u-border-bottom">选择银行支付</view>
            <scroll-view scroll-y class="u-p-h-30 bankCard-list">
      <scroll-view class="u-p-h-30 bankCard-list" scroll-y>
                <block v-for="(item,i) in bankCardList" :key="i">
                    <view @click="chooseBankCard(item)" class="u-border-bottom u-p-v-30 u-flex">
          <view class="u-border-bottom u-p-v-30 u-flex" @click="chooseBankCard(item)">
                        <view class="flex-1 u-flex">
                            <image :src="bankCardStyle.logo" class="pay-icon" mode="widthFix"></image>
                            <view>
@@ -164,20 +174,20 @@
                                </view>
                            </view>
                        </view>
                        <u-icon name="checkbox-mark" :color="bankCardId==item.id?'#D31F28':'#fff'" size="22"></u-icon>
            <u-icon :color="bankCardId==item.id?'#D31F28':'#fff'" name="checkbox-mark" size="22"></u-icon>
                    </view>
                </block>
                <navigator url="/pages/pay/bindCard/bindCard" class="u-border-bottom u-p-v-30 u-flex">
        <navigator class="u-border-bottom u-p-v-30 u-flex" url="/pages/pay/bindCard/bindCard">
                    <view class="add-icon">
                        <u-icon name="plus" bold color="#D31F28"></u-icon>
            <u-icon bold color="#D31F28" name="plus"></u-icon>
                    </view>
                    <view class="u-font-28 color-333 u-m-l-20">使用新卡支付</view>
                </navigator>
            </scroll-view>
        </u-popup>
        <!-- 数字键盘 -->
        <u-popup :show="bordShow" :overlay="false" @close="bordShow = false">
            <key-bord @changeMoney="changeMoney" :num.sync="money" @close="bordShow = false" @pay="pay"></key-bord>
    <u-popup :overlay="false" :show="bordShow" @close="bordShow = false">
      <key-bord :num.sync="money" @changeMoney="changeMoney" @close="bordShow = false" @pay="pay"></key-bord>
        </u-popup>
        <!-- 支付验证码 -->
        <u-popup :show="codeShow" closeable mode="center" @close="codeShow = false">
@@ -189,7 +199,7 @@
                    <text class="u-font-money">{{ money }}
                    </text>
                </view>
                <u-code-input @finish="bankPay" v-model="smscode" mode="box" :focus="true"></u-code-input>
        <u-code-input v-model="smscode" :focus="true" mode="box" @finish="bankPay"></u-code-input>
            </view>

        </u-popup>
@@ -197,36 +207,25 @@
</template>

<script>
    import {
        config,
        cardType,
        ACCESSTOKEN
    } from '@/common/config.js';
    import {
        headBand,
        bankCardStyle,
        myBankCard,
        queryShop,
        queryMyDiscount,
        getScoreWorth,
        userLogin,
        queryScore,
        queryMyUseSweepPayMaxCoupon,
        getWechatConfigInfo,
        saveWxOrder,
        tlPay
    } from '@/common/api/index'
import {ACCESSTOKEN, cardType, config} from '@/common/config.js';
import {bankCardStyle, getScoreWorth, getWechatConfigInfo, headBand, myBankCard, queryMyDiscount, queryMyUseSweepPayMaxCoupon, queryScore, queryShop, saveWxOrder, tlPay, userLogin} from '@/common/api/index'
    import wx from 'weixin-js-sdk'; // 使用js-sdk
    import {
        activityInfo
    } from '@/common/api/shuaka'
import {activityInfo} from '@/common/api/shuaka'

    export default {
        data() {
            return {
        cardInfo:{
      cardInfo1: {
          type: 1,
          name: '',
          amount: 0,
        score: 0,
        times: 12
      },
      cardInfo: {
        type: 0,
        name: '',
        amount: 200,
          score: 0,
          times: 12
        },
@@ -383,6 +382,8 @@
                    }
                    uni.setStorageSync('SHOP_INFO', res)
                    this.shopInfo = res
        this.cardInfo.name = res.shop_name
        this.cardInfo1.name = res.shop_name
                }).catch(() => {
                    uni.hideLoading()
                })
@@ -719,7 +720,7 @@
    };
</script>

<style scoped lang="scss">
<style lang="scss" scoped>
    .page {
        height: calc(100vh - 0px);
        display: flex;
@@ -901,4 +902,11 @@
        width: 680rpx;
        height: 100rpx;
    }

.reg-url {
  text-align: center;
  font-size: 28rpx;
  margin-top: 30rpx;
  color: #de2d35;
}
</style>

 pages/pay/vipEwm.vue

@@ -23,6 +23,7 @@
      </view>
    </view>

    <view class="shop-name">{{cardInfo.name}}</view>
    <view v-if="codeContentStr" class="ewmBox">
      <tki-qrcode @result="result" class="ewm" cid="qrcode1" ref="qrcode" :val="codeContentStr" :size="430" unit="upx" onval :loadMake="false" usingComponents />
    </view>
@@ -69,9 +70,13 @@
  color: #fff;
}

.shop-name{
  margin-top: 60rpx;
  text-align: center;
}
.ewmBox {
  position: relative;
  margin: 200rpx auto 0;
  margin: 60rpx auto 0;
  display: flex;
  align-items: center;
  justify-content: center;