Files
huangjingfen/pro_v3.5.1_副本/view/uniapp/pages/activity/giftCard/exchange.vue
apple 434aa8c69d feat(fsgx): 完成全部24项开发任务 Phase1-7
Phase1 后端核心:
- 新增 fsgx_v1.sql 迁移脚本(is_queue_goods/frozen_points/available_points/no_assess)
- SystemConfigServices 返佣设置扩展(周期人数/分档比例/范围/时机)
- StoreOrderCreateServices 周期循环佣金计算
- StoreOrderTakeServices 佣金发放后同步冻结积分
- StoreProductServices/StoreProduct 保存 is_queue_goods

Phase2 后端接口:
- GET /api/hjf/brokerage/progress 佣金周期进度
- GET /api/hjf/assets/overview 资产总览
- HjfPointsServices 每日 frozen_points 0.4‰ 释放定时任务
- PUT /adminapi/hjf/member/{uid}/no_assess 不考核接口
- GET /adminapi/hjf/points/release_log 积分日志接口

Phase3 前端清理:
- hjfCustom.js 路由精简(仅保留 points/log)
- hjfQueue.js/hjfMember.js API 清理/重定向至 CRMEB 原生接口
- pages.json 公排→推荐佣金/佣金记录/佣金规则

Phase4-5 前端改造:
- queue/status.vue 推荐佣金进度页整体重写
- 商品详情/订单确认/支付结果页文案与逻辑改造
- 个人中心/资产页/引导页/规则页文案改造
- HjfQueueProgress/HjfRefundNotice/HjfAssetCard 组件改造
- 推广中心嵌入佣金进度摘要
- hjfMockData.js 全量更新(公排字段→佣金字段)

Phase6 Admin 增强:
- 用户列表新增 frozen_points/available_points 列及不考核操作按钮
- hjfPoints.js USE_MOCK=false 对接真实积分日志接口

Phase7 配置文档:
- docs/fsgx-phase7-config-checklist.md 后台配置与全链路验收清单

Made-with: Cursor
2026-03-23 22:32:19 +08:00

92 lines
2.2 KiB
Vue

<template>
<view class="container">
<view class="bg-card" :style="{backgroundImage:headerBg}"></view>
<view class="bg--w111-fff rd-24rpx form-card">
<!-- <view class="fs-30 fw-500 lh-42rpx text-center">卡券兑换</view> -->
<view class="w-full bg--w111-f9f9f9 rd-12rpx pl-24 mt-38">
<input type="text" v-model="cardForm.card_number" placeholder="请输入卡号"
placeholder-class="fs-30 text--w111-b3b3b3" class="w-full h-88 fs-30 lh-42rpx" />
</view>
<view class="w-full bg--w111-f9f9f9 rd-12rpx pl-24 mt-32">
<input type="text" v-model="cardForm.card_pwd" placeholder="请输入密码"
placeholder-class="fs-30 text--w111-b3b3b3" class="w-full h-88 fs-30 lh-42rpx" />
</view>
<button class="w-full h-88 rd-44rpx flex-center text--w111-fff bg-btn fs-28 mt-54" :disabled="disabled" @tap="exchangeConfirm">立即验证</button>
</view>
</view>
</template>
<script>
import { giftCardGetInfoApi } from "@/api/activity.js";
import { HTTP_REQUEST_URL } from '@/config/app';
import { mapState, mapGetters } from 'vuex';
import { toLogin } from '@/libs/login.js';
export default {
name: "",
data(){
return {
cardForm:{
card_number:"",
card_pwd: ""
},
disabled: false
}
},
computed:{
...mapGetters(['isLogin']),
headerBg(){
return 'url('+ HTTP_REQUEST_URL +'/statics/images/activity/gift_bg.png'+')'
}
},
onLoad() {
},
methods:{
exchangeConfirm(){
if(this.isLogin){
giftCardGetInfoApi(this.cardForm).then(res=>{
this.disabled = false;
uni.navigateTo({
url: "/pages/activity/giftCard/info?card_number=" + this.cardForm.card_number + '&card_pwd=' + this.cardForm.card_pwd
})
}).catch(err=>{
this.disabled = false;
return this.$util.Tips({
title: err
})
})
}else{
toLogin();
}
}
}
}
</script>
<style>
.form-card uni-button[disabled] {
background: #cccccc;
color: #fff;
}
.container{
height: 100vh;
background: #FFEED8;
}
.bg-card{
height: 648rpx;
background-size: 100% 648rpx;
background-repeat: no-repeat;
}
.form-card{
width: 670rpx;
height: 532rpx;
position: fixed;
top: 392rpx;
left: 42rpx;
z-index: 10;
padding: 40rpx 40rpx 60rpx;
}
.bg-btn{
background: linear-gradient( 90deg, #FF7931 0%, #E93323 100%);
}
</style>