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
This commit is contained in:
apple
264
pro_v3.5.1_副本/view/uniapp/pages/activity/presell/index.vue
Normal file
264
pro_v3.5.1_副本/view/uniapp/pages/activity/presell/index.vue
Normal file
@@ -0,0 +1,264 @@
|
||||
<template>
|
||||
<view>
|
||||
<view class="w-full bg-top h-518 relative" :style="{backgroundImage:headerBg}">
|
||||
<NavBar titleText="预售"
|
||||
textSize="34rpx"
|
||||
:isScrolling="pageScrollStatus"
|
||||
:iconColor="pageScrollStatus ? '#333333' : '#ffffff'"
|
||||
:textColor="pageScrollStatus ? '#333333' : '#ffffff'"
|
||||
showBack></NavBar>
|
||||
</view>
|
||||
<view class="px-20">
|
||||
<view class="bg--w111-fff rd-16rpx relative " style="top: -24rpx;">
|
||||
<view class="w-full h-112 bg-primary-light nav-bg" :style="{backgroundImage:navBg}">
|
||||
<view class="w-full flex-between-center pt-22 pl-76 pr-76">
|
||||
<text class="fs-26 text--w111-666 lh-36rpx"
|
||||
v-for="(item, index) in timeList" :key="index"
|
||||
:class="active == index? 'active':''"
|
||||
@tap="settimeList(item.key)">{{item.name}}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="w-full pl-20 pr-20 pb-40" v-if="presellList.length">
|
||||
<view class="w-full flex justify-between pro-item"
|
||||
v-for="(item,index) in presellList" :key="index"
|
||||
@tap="goDetails(item)">
|
||||
<easy-loadimage
|
||||
:image-src="item.image"
|
||||
width="240rpx"
|
||||
height="240rpx"
|
||||
borderRadius="16rpx"></easy-loadimage>
|
||||
<view class="flex-1 flex-col justify-between pl-20">
|
||||
<view class="w-full">
|
||||
<view class="w-full fs-28 h-80 lh-40rpx line2">
|
||||
<text v-if="item.brand_name" class="brand-tag">{{ item.brand_name }}</text>
|
||||
{{item.store_name}}</view>
|
||||
<view class="w-full flex items-end flex-wrap mt-16" v-if="item.store_label.length">
|
||||
<BaseTag
|
||||
:text="label.label_name"
|
||||
:color="label.color"
|
||||
:background="label.bg_color"
|
||||
:borderColor="label.border_color"
|
||||
:circle="label.border_color ? true : false"
|
||||
:imgSrc="label.icon"
|
||||
v-for="(label, idx) in item.store_label" :key="idx"></BaseTag>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex w-full h-68 rd-8rpx btn-bg relative" :class="active == 2 ? 'opacity' : ''">
|
||||
<view class="flex-y-center pl-20 fs-22 btn-left ">
|
||||
<baseMoney
|
||||
:money="item.price"
|
||||
symbolSize="26"
|
||||
integerSize="40"
|
||||
decimalSize="26"
|
||||
weight
|
||||
preFix="预售:"
|
||||
preFixSize="22"
|
||||
textColor="#e93323"
|
||||
color="#e93323"></baseMoney>
|
||||
</view>
|
||||
<image src="../static/yushou1.png" class="btn-right" v-if="active == 0"></image>
|
||||
<image src="../static/yushou2.png" class="btn-right" v-else-if="active == 1"></image>
|
||||
<image src="../static/yushou3.png" class="btn-right" v-else="active == 2"></image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class='px-20' v-else>
|
||||
<emptyPage title="暂无预售商品，去看看其他商品吧～" src="/statics/images/noActivity.gif"></emptyPage>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
let sysHeight = uni.getWindowInfo().statusBarHeight;
|
||||
import { getAdvancellList } from '@/api/activity';
|
||||
import {HTTP_REQUEST_URL} from '@/config/app';
|
||||
import emptyPage from '@/components/emptyPage.vue';
|
||||
import NavBar from "@/components/NavBar.vue"
|
||||
export default {
|
||||
name: "presell",
|
||||
components:{ emptyPage, NavBar },
|
||||
data() {
|
||||
return {
|
||||
sysHeight:sysHeight,
|
||||
presellList: [],
|
||||
timeList: [
|
||||
{name: '未开始',key: 0},
|
||||
{name: '正在进行',key: 1},
|
||||
{name: '已结束',key: 2},
|
||||
],
|
||||
active: 1,
|
||||
page: 1,
|
||||
limit: 8,
|
||||
loading: false,
|
||||
loadend: false,
|
||||
loadTitle: '加载更多',
|
||||
picUrl: '', //头部图片
|
||||
imgHost:HTTP_REQUEST_URL,
|
||||
pageScrollStatus:false,
|
||||
}
|
||||
},
|
||||
computed:{
|
||||
headerBg(){
|
||||
return 'url('+this.imgHost+'/statics/images/product/product_presale_header.png'+')'
|
||||
},
|
||||
navBg(){
|
||||
return 'url('+this.imgHost+'/statics/images/product/presell-bg-' + this.active +'.png'+')'
|
||||
}
|
||||
},
|
||||
onPageScroll(object) {
|
||||
if (object.scrollTop > 130) {
|
||||
this.pageScrollStatus = true;
|
||||
} else if (object.scrollTop < 130) {
|
||||
this.pageScrollStatus = false;
|
||||
}
|
||||
uni.$emit('scroll');
|
||||
},
|
||||
onLoad() {
|
||||
this.getPresellProductList();
|
||||
},
|
||||
onShow(){
|
||||
uni.removeStorageSync('form_type_cart');
|
||||
},
|
||||
methods: {
|
||||
getPresellProductList: function() {
|
||||
let that = this;
|
||||
let data = {
|
||||
page: that.page,
|
||||
limit: that.limit,
|
||||
time_type: that.active + 1
|
||||
};
|
||||
if (that.loading) return;
|
||||
if (that.loadend) return;
|
||||
that.loading = true;
|
||||
that.loadTitle = '';
|
||||
getAdvancellList(data).then(res => {
|
||||
let list = res.data.list;
|
||||
let loadend = list.length < that.limit;
|
||||
that.presellList = that.$util.SplitArray(list, that.presellList);
|
||||
that.$set(that, 'presellList', that.presellList);
|
||||
that.loadend = loadend;
|
||||
that.loadTitle = loadend ? '没有更多内容啦~' : '加载更多';
|
||||
that.page = that.page + 1;
|
||||
that.loading = false;
|
||||
}).catch(err => {
|
||||
that.loading = false;
|
||||
that.loadTitle = '加载更多';
|
||||
});
|
||||
},
|
||||
settimeList(key) {
|
||||
let that = this;
|
||||
that.active = key;
|
||||
that.loadend = false;
|
||||
that.page = 1;
|
||||
that.presellList = [];
|
||||
that.getPresellProductList();
|
||||
},
|
||||
goDetails(item) {
|
||||
uni.navigateTo({
|
||||
url: `/pages/activity/goods_details/index?id=${item.id}&type=6`
|
||||
})
|
||||
},
|
||||
goBack(){
|
||||
uni.navigateBack()
|
||||
}
|
||||
},
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom: function() {
|
||||
this.getPresellProductList();
|
||||
},
|
||||
//#ifdef MP
|
||||
onShareAppMessage() {
|
||||
let that = this;
|
||||
return {
|
||||
title: '尖货预售',
|
||||
path: '/pages/activity/presell/index?spid=' + that.$store.state.app.uid,
|
||||
imageUrl: HTTP_REQUEST_URL+'/statics/images/product/product_presale_header.png',
|
||||
// desc: ''
|
||||
};
|
||||
},
|
||||
//分享到朋友圈
|
||||
onShareTimeline: function() {
|
||||
let that = this;
|
||||
return {
|
||||
title: '尖货预售',
|
||||
path: '/pages/activity/presell/index?spid=' + + that.$store.state.app.uid,
|
||||
imageUrl: HTTP_REQUEST_URL+'/statics/images/product/product_presale_header.png',
|
||||
// desc: ''
|
||||
};
|
||||
}
|
||||
//#endif
|
||||
}
|
||||
</script>
|
||||
<style>
|
||||
page{
|
||||
background: linear-gradient(270deg, #6D4ADC 0%, #7033D7 98%);
|
||||
}
|
||||
</style>
|
||||
<style lang="scss">
|
||||
.bg-top{
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.bg-primary-light{
|
||||
background-color: rgba(109, 74, 220, 0.1);
|
||||
}
|
||||
.nav-bg{
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.active{
|
||||
font-size: 32rpx;
|
||||
font-weight: 500;
|
||||
line-height: 44rpx;
|
||||
color: #7033D7;
|
||||
}
|
||||
.btn-bg{
|
||||
background: rgba(233, 51, 35, 0.1);
|
||||
}
|
||||
.btn-left{
|
||||
flex: 1;
|
||||
border-radius: 8rpx 0 0 8rpx;
|
||||
}
|
||||
.btn-right{
|
||||
width: 180rpx;
|
||||
height: 68rpx;
|
||||
}
|
||||
.shandian{
|
||||
width: 42rpx;
|
||||
height: 68rpx;
|
||||
position: absolute;
|
||||
transform: scale(1.1);
|
||||
left: 56%;
|
||||
top: 1px;
|
||||
}
|
||||
.pro-item ~ .pro-item{
|
||||
margin-top: 32rpx;
|
||||
}
|
||||
.border-label {
|
||||
display: inline-flex;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-wrap: nowrap;
|
||||
height: 26rpx;
|
||||
padding: 0 6rpx;
|
||||
border: 1rpx solid #e93323;
|
||||
border-radius: 6rpx;
|
||||
font-size: 18rpx;
|
||||
color: #e93323;
|
||||
}
|
||||
/deep/ .empty-box{
|
||||
width: 100%;
|
||||
height: 280px;
|
||||
}
|
||||
.opacity{
|
||||
opacity: 0.5;
|
||||
}
|
||||
.brand-tag{
|
||||
background-color: #e93323 !important;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user