434aa8c69d
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
183 lines
5.2 KiB
Vue
183 lines
5.2 KiB
Vue
<template>
|
||
<view :style="colorStyle">
|
||
<view class="h-full h-90 bb-f5 px-120 flex-between-center fs-32 fw-500">
|
||
<view class="h-90 tab flex-y-center" :class="{'active-tab': current == 0,}" @tap="changeTab(0)">点赞</view>
|
||
<view class="h-90 tab flex-y-center" :class="{'active-tab': current == 1,'show-dot':isViewed.comment && current != 1}" @tap="changeTab(1)">评论</view>
|
||
<view class="h-90 tab flex-y-center" :class="{'active-tab': current == 2,'show-dot':isViewed.follow && current != 2}" @tap="changeTab(2)">关注</view>
|
||
</view>
|
||
<view v-show="current == 0">
|
||
<view class="h-180 p-30 flex-between-center" v-for="(item, index) in messageList" :key="index"
|
||
@tap="toPage(item)">
|
||
<view class="flex-y-center">
|
||
<image class="w-120 h-120 rd-50-p111-" :src="item.relation_author_image"></image>
|
||
<view class="ml-20 w-398">
|
||
<view class="fs-28 lh-40rpx">{{item.relation_author || '用户已注销'}}</view>
|
||
<view class="flex-y-center fs-26 lh-36rpx text--w111-666 pt-8">
|
||
赞了你的内容 <text class="text--w111-999 fs-22 pl-8">{{item.time_text}}</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<image :src="item.image" class="w-108 h-108 rd-8rpx" mode="aspectFill"></image>
|
||
</view>
|
||
</view>
|
||
<view v-show="current == 1">
|
||
<view class="h-180 p-30 flex-between-center" v-for="(item, index) in messageList" :key="index"
|
||
@tap="toPage(item)">
|
||
<view class="flex-y-center">
|
||
<image class="w-120 h-120 rd-50-p111-" :src="item.relation_author_image"></image>
|
||
<view class="ml-20 w-398">
|
||
<view class="fs-28 lh-40rpx">{{item.relation_author || '用户已注销'}}</view>
|
||
<view class="fs-26 lh-36rpx text--w111-666 mt-8 w-400 line1">
|
||
评论了你：{{item.content}}
|
||
</view>
|
||
<view class="text--w111-999 fs-22 mt-8">{{item.time_text}}</view>
|
||
</view>
|
||
</view>
|
||
<image :src="item.image" class="w-108 h-108 rd-8rpx" mode="aspectFill"></image>
|
||
</view>
|
||
</view>
|
||
<view v-show="current == 2">
|
||
<view class="h-180 p-30 flex-between-center" v-for="(item, index) in messageList" :key="index"
|
||
@tap="toAuthor(item)">
|
||
<view class="flex-y-center">
|
||
<image class="w-120 h-120 rd-50-p111-" :src="item.relation_author_image"></image>
|
||
<view class="ml-20 w-398">
|
||
<view class="fs-28 lh-40rpx">{{item.relation_author || '用户已注销'}}</view>
|
||
<view class="flex-y-center fs-26 lh-36rpx text--w111-666 pt-8">
|
||
关注了你 <text class="text--w111-999 fs-22 pl-8">{{item.time_text}}</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<!-- <view class="w-124 h-52 rd-30rpx flex-center bg-color text--w111-fff fs-24"
|
||
@tap="followChange(item)">回关</view> -->
|
||
<!-- <view class="w-124 h-52 rd-30rpx flex-center bg--w111-fff text--w111-999 b-d fs-24" v-show="item.is_follow == 1 && item.is_fans == 1"
|
||
@tap="openModal(item,index)">互相关注</view> -->
|
||
</view>
|
||
</view>
|
||
<view v-show="!messageList.length">
|
||
<emptyPage title="暂无内容～" src="/statics/images/video/no_friend.png"></emptyPage>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import colors from "@/mixins/color";
|
||
import { mapState, mapGetters } from 'vuex';
|
||
import { communityMessageApi } from "@/api/community.js";
|
||
import emptyPage from '@/components/emptyPage.vue';
|
||
export default {
|
||
data() {
|
||
return {
|
||
current: 0,
|
||
params:{
|
||
page:1,
|
||
limit:20,
|
||
type:1
|
||
},
|
||
loading: false,
|
||
messageList: [],
|
||
isViewed:{
|
||
comment: 0,
|
||
follow: 0,
|
||
like: 0
|
||
}
|
||
};
|
||
},
|
||
mixins: [colors],
|
||
components:{ emptyPage },
|
||
computed: {
|
||
...mapGetters(['isLogin','uid']),
|
||
},
|
||
onLoad(options) {
|
||
this.getList()
|
||
},
|
||
onReachBottom() {
|
||
this.getList()
|
||
},
|
||
methods:{
|
||
changeTab(val){
|
||
this.current = val;
|
||
this.loading = false;
|
||
this.params.page = 1;
|
||
this.params.type = val + 1;
|
||
this.messageList = [];
|
||
this.getList();
|
||
},
|
||
getList(){
|
||
if (this.loading) return;
|
||
this.loading = true;
|
||
communityMessageApi(this.params).then(res=>{
|
||
let list = res.data.list;
|
||
this.isViewed = res.data.isViewed;
|
||
let loading = list.length < this.params.limit;
|
||
this.messageList = this.messageList.concat(list);
|
||
this.params.page++;
|
||
this.loading = loading;
|
||
}).catch(err=>{
|
||
return this.$util.Tips({
|
||
title: err
|
||
});
|
||
})
|
||
},
|
||
toPage(item){
|
||
if(item.content_type == 1){
|
||
uni.navigateTo({
|
||
url: `/pages/discover/discoverDetails/index?id=${item.link_id}`
|
||
})
|
||
}else{
|
||
uni.navigateTo({
|
||
url: `/pages/discover/discoverVideo/index?id=${item.link_id}`
|
||
})
|
||
}
|
||
|
||
},
|
||
toAuthor(item){
|
||
uni.navigateTo({
|
||
url: `/pages/discover/discoverUser/index?id=${item.relation_id}`
|
||
})
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
<style>
|
||
page{
|
||
background-color: #ffffff;
|
||
}
|
||
</style>
|
||
<style lang="scss">
|
||
.bb-f5{
|
||
border-bottom: 1px solid #f5f5f5;
|
||
}
|
||
.px-120{
|
||
padding: 0 120rpx;
|
||
}
|
||
.tab{
|
||
border-bottom: 4rpx solid transparent;
|
||
}
|
||
.active-tab{
|
||
position: relative;
|
||
&:after{
|
||
content: '';
|
||
position: absolute;
|
||
bottom: -4rpx;
|
||
left: 0;
|
||
width: 64rpx;
|
||
height: 4rpx;
|
||
background: #E93323;
|
||
}
|
||
}
|
||
.show-dot{
|
||
position: relative;
|
||
&:after{
|
||
content: '';
|
||
position: absolute;
|
||
top: 18rpx;
|
||
right: -6rpx;
|
||
width: 12rpx;
|
||
height: 12rpx;
|
||
background: #E93323;
|
||
border-radius: 8rpx;
|
||
}
|
||
}
|
||
</style>
|