feat(pay): 新增会员充值和次卡购买页面

石广澎

2025-11-30 55ee7bd313c7d8030ce8c547b18ad5f19507afd2

 pages/pay/scanpay.vue

@@ -42,7 +42,7 @@
               <u-radio @change="radioChange($event,15)" :name="15" activeColor="#D41F28" :customStyle="{ marginLeft: '10rpx' }"></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"></image>
               <image src="@/static/imgs/pay-zfb.png" class="pay-icon" mode="widthFix"></image>
               <view class="flex-1">
                  <view class="u-font-30 color-333">支付宝</view>
                  <text v-if="isNew" class="tag u-m-t-10">会员享优惠</text>
@@ -60,7 +60,7 @@
               <u-radio @change="radioChange($event,5)" :name="5" activeColor="#D41F28" :customStyle="{ marginLeft: '10rpx' }"></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"></image>
               <image src="@/static/imgs/pay-wx.png" class="pay-icon" mode="widthFix"></image>
               <view class="flex-1">
                  <view class="u-font-30 color-333">微信</view>
                  <text v-if="isNew" class="tag u-m-t-10">会员享优惠</text>
@@ -78,7 +78,19 @@
               <u-radio @change="radioChange($event,2)" :name="2" activeColor="#D41F28" :customStyle="{ marginLeft: '10rpx' }">
               </u-radio>
            </view>
            <navigator v-if="shuaka&&token&&bankCard!=-1" class="shuka" url="/pages/pay/shuaKa/shuaKa">
            <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>
               <view class="flex-1">
                  <view class="u-font-30 color-333">储值卡</view>
                  <text class="u-font-24 color-999 u-m-t-10">
                     可用余额
                     <text class="color-red">￥{{ integral }}</text>
                  </text>
               </view>
               <u-radio @change="radioChange($event,14)" :name="14" activeColor="#D41F28" :customStyle="{ marginLeft: '10rpx' }">
               </u-radio>
            </view>
<!--            <navigator v-if="shuaka&&token&&bankCard!=-1" class="shuka" url="/pages/pay/shuaKa/shuaKa">
               <image src="/static/shuaka/shuaka.png" mode=""></image>
            </navigator>
            <view v-if="bankCard.id" class="u-border-bottom u-p-v-20 u-flex">
@@ -90,7 +102,7 @@
                        <u-icon name="arrow-right" color="#000">
                        </u-icon>
                     </view>
                     <!-- <text v-if="isNew" class="tag u-m-t-10">会员享优惠</text> -->
                     &lt;!&ndash; <text v-if="isNew" class="tag u-m-t-10">会员享优惠</text> &ndash;&gt;
                     <text v-if="!isNew&&shopInfo.use_score_flag&&shopInfo.bank_pay_use_score_flag" class="u-font-24 color-999 u-m-t-10">
                        可用
                        <text class="color-red">{{ integral }}</text>
@@ -105,9 +117,19 @@
               </view>
               <u-radio @change="radioChange($event,3)" :name="bankCard.id" activeColor="#D41F28" :customStyle="{ marginLeft: '10rpx' }">
               </u-radio>
            </view>
            </view>-->
         </u-radio-group>
         <navigator v-if="bankCard==-1&&bindCard&&token&&!isNew" class="shuka" url="/pages/pay/bindCard/bindCard">
      <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>
          <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>
          </view>
      </navigator>
<!--         <navigator v-if="bankCard==-1&&bindCard&&token&&!isNew" class="shuka" url="/pages/pay/bindCard/bindCard">
            <image src="/static/bangka.png" mode=""></image>
         </navigator>
         <navigator v-if="bankCard==-1&&!isNew" url="/pages/pay/bindCard/bindCard" class="u-border-bottom u-p-v-20 u-flex u-row-between">
@@ -120,7 +142,7 @@
            </view>
            <u-radio disabled activeColor="#D41F28" :customStyle="{ marginLeft: '30rpx' }">
            </u-radio>
         </navigator>
         </navigator>-->
         <navigator v-if="isNew" class="reg-btn" :url="'/pages/pay/register?cid='+cid">
            <image src="/static/register-btn.png" mode=""></image>
         </navigator>
@@ -135,7 +157,7 @@
            <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="flex-1 u-flex">
                     <image :src="bankCardStyle.logo" class="pay-icon"></image>
                     <image :src="bankCardStyle.logo" class="pay-icon" mode="widthFix"></image>
                     <view>
                        <view class="u-font-26 color-333">{{ item.bankName }}</view>
                        <view class="u-m-t-10 u-font-28 color-333">{{ cardType[item.cardType] }}({{ item.cardNo }})
@@ -201,6 +223,13 @@
   export default {
      data() {
         return {
        cardInfo:{
          type: 1,
          name: '',
          amount: 0,
          score: 0,
          times: 12
        },
            platform: this.$utils.getPlat(),
            cardType: cardType,
            cid: '',
@@ -751,7 +780,6 @@
   .pay-icon {
      align-self: flex-start;
      width: 48rpx;
      height: 48rpx;
      margin-right: 20rpx;
   }