Files
huangjingfen/pro_v3.5.1/view/uniapp/pages/user/index.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

773 lines
20 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<template>
<!-- 个人中心模块 -->
<view class="user-page" :style="colorStyle">
<template v-if="isObjectData(diyData)">
<user-member :userInfo="userInfo" :memberData="diyData.member" :orderAdminData="orderAdminData" :balanceStatus="balanceStatus" :isScrolling="isScrolling"></user-member>
<user-order :orderMenu="orderMenu" :orderAdminData="orderAdminData" :userInfo="userInfo" :memberData="diyData.member" :orderData="diyData.order"></user-order>
<!-- fsgx 快捷入口我的资产 & 推荐佣金 member-points 保持一致风格 -->
<!-- 分销等级徽标 -->
<view v-if="userInfo && userInfo.agent_level_name" class="hjf-level-badge acea-row row-center row-middle">
<text class="hjf-level-badge__tag">{{ userInfo.agent_level_name }}</text>
</view>
<view class="acea-row member-points hjf-nav-row">
<view class="acea-row row-middle row-center item" @tap="intoPage('/pages/assets/index')">
<view>
<view>我的资产</view>
<view class="arrow">
查看余额积分
<text class="iconfont icon-ic_rightarrow"></text>
</view>
</view>
<image src="@/static/images/user-member.png" class="image"></image>
</view>
<view class="acea-row row-middle row-center item" @tap="intoPage('/pages/queue/status')">
<view>
<view>推荐佣金</view>
<view class="arrow">
查看佣金进度
<text class="iconfont icon-ic_rightarrow"></text>
</view>
</view>
<image src="@/static/images/user-points.png" class="image"></image>
</view>
</view>
<user-order-static
v-if="isObjectData(orderAdminData) && orderAdminData.order.user_order"
:orderAdminData="orderAdminData.order"
:orderStaticData="diyData.orderStatic"
></user-order-static>
<user-poster :posterData="diyData.poster"></user-poster>
<user-menu :menuData="diyData.menu" :routineContact="routineContact"></user-menu>
<user-menu v-if="storeMenuShow" :menuData="diyData.merMenu"></user-menu>
<view class="copy_right pb-20">
<template v-if="configData && configData.copyrightContext">
<image :src="configData.copyrightImage" mode="aspectFill" class="copyRightImg"></image>
<view class="of0b21">
{{ configData.copyrightContext }}
</view>
</template>
<image v-else :src="copyrightImage" mode="aspectFill" class="support"></image>
</view>
</template>
<view class="mark" v-show="isextension"></view>
<pageFooter :style="colorStyle"></pageFooter>
<ewcomerPop v-if="isComerGift" :comerGift="comerGift" @comerPop="comerPop"></ewcomerPop>
<activityModal :pageIndex="4"></activityModal>
<!-- #ifdef MP -->
<editUserModal :isShow="editModal" @closeEdit="closeEdit" @editSuccess="editSuccess"></editUserModal>
<!-- #endif -->
<!-- HJF 演示控制面板 -->
<HjfDemoPanel />
</view>
</template>
<script>
import { storeCardApi } from '@/api/store.js';
import { newcomerGift } from '@/api/activity.js';
import { copyRight } from '@/api/api.js';
import { getMenuList, getUserInfo, setVisit, updateUserInfo, getRandCode, updateWechatInfo, getMenuData, checkIdentityApi } from '@/api/user.js';
import { wechatAuthV2, silenceAuth } from '@/api/public.js';
import { toLogin } from '@/libs/login.js';
import { mapState, mapGetters } from 'vuex';
import Cache from '@/utils/cache';
// #ifdef H5
import Auth from '@/libs/wechat';
// #endif
import { HTTP_REQUEST_URL } from '@/config/app';
const app = getApp();
import ewcomerPop from '@/components/ewcomerPop/index.vue';
import pageFooter from '@/components/pageFooter/index.vue';
import Routine from '@/libs/routine';
import colors from '@/mixins/color';
// #ifdef MP
import editUserModal from '@/components/eidtUserModal/index.vue';
// #endif
import userMember from './components/member/index.vue';
import userOrder from './components/order/index.vue';
import userOrderStatic from './components/order_static/index.vue';
import userMenu from './components/menus/index.vue';
import userPoster from './components/poster/index.vue';
import activityModal from "@/components/activityModal/index.vue";
export default {
components: {
userMember,
userOrder,
userOrderStatic,
userMenu,
userPoster,
pageFooter,
ewcomerPop,
activityModal,
// #ifdef MP
editUserModal
// #endif
},
computed: {
...mapGetters(['isLogin','cartNum']),
},
filters: {},
mixins: [colors],
provide() {
return {
tapQrCode: this.tapQrCode,
bindPhone: this.bindPhone,
intoPage: this.intoPage,
goMenuPage: this.goMenuPage,
getMenuData: this.getMenuData,
goEdit: this.goEdit,
checkApp: this.checkIdentity
};
},
data() {
return {
diyData: {},
orderAdminData: {},
// #ifdef MP
getHeight: this.$util.getWXStatusHeight(),
// #endif
vipStatus: 0,
stu: false,
orderMenu: [
{
icon: '',
title: '待付款',
url: '/pages/goods/order_list/index?status=0'
},
{
icon: '',
title: '待发货',
url: '/pages/goods/order_list/index?status=1'
},
{
icon: '',
title: '待收货',
url: '/pages/goods/order_list/index?status=2'
},
{
icon: '',
title: '待评价',
url: '/pages/goods/order_list/index?status=3'
},
{
icon: '',
title: '售后/退款',
url: '/pages/users/user_return_list/index'
}
],
imgUrls: [],
orderStatusNum: {},
userInfo: {
pay_vip_status: 0,
avatar: '',
uid: '',
nickname: '',
level: '',
phone: '',
service_num: null,
level_status: 0,
is_promoter: 0
},
storeMenuShow: false, // 商家管理是否显示
showStatus: 1,
// #ifdef H5
isWeixin: Auth.isWeixin(),
//#endif
footerSee: false,
member_style: 1,
my_banner_status: 1,
menu_status: 1,
service_status: 1,
newcomer_status: 1,
codeIndex: 0,
config: {
bar: {
code: '',
color: ['#000'],
bgColor: '#FFFFFF', // 背景色
width: 480, // 宽度
height: 110 // 高度
},
qrc: {
code: '',
size: 380, // 二维码大小
level: 3, //等级 04
bgColor: '#FFFFFF', //二维码背景色 默认白色
border: {
color: ['#eee', '#eee'], //边框颜色支持渐变色
lineWidth: 3 //边框宽度
},
// img: '/static/logo.png', //图片
// iconSize: 40, //二维码图标的大小
color: ['#333', '#333'] //边框颜色支持渐变色
}
},
isCode: false,
isextension: false,
extension: {
code: '',
size: 380, // 二维码大小
level: 3, //等级 04
bgColor: '#FFFFFF', //二维码背景色 默认白色
border: {
color: ['#eee', '#eee'], //边框颜色支持渐变色
lineWidth: 3 //边框宽度
},
// img: '/static/logo.png', //图片
// iconSize: 40, //二维码图标的大小
color: ['#333', '#333'] //边框颜色支持渐变色
},
imgHost: HTTP_REQUEST_URL,
configData: Cache.get('BASIC_CONFIG') || {},
copyrightImage: HTTP_REQUEST_URL + '/statics/images/product/support.png',
giftPic: '',
vip_type: 1,
newcomer_style: 1,
newList: [],
newBg: '',
comerGift: {},
isComerGift: false,
memberStatus: 0,
balanceStatus: 0, // 余额是否展示
editModal: false, // 编辑头像信息
isScrolling: false,
orderStyle: {
1: ['icon-ic_daifukuan12', 'icon-ic_daifahuo11', 'icon-ic_daishouhuo1', 'icon-ic_daipingjia1', 'icon-ic_daituikuan1'],
2: ['icon-ic_daifukuan2', 'icon-ic_daifahuo2', 'icon-ic_daishouhuo2', 'icon-ic_daipingji2', 'icon-ic_daituikuan2'],
3: ['icon-ic_daifukuan', 'icon-ic_daifahuo', 'icon-ic_daishouhuo', 'icon-ic_daipingjia', 'icon-ic_daituikuan']
},
routineContact: 0
};
},
onShow() {
if (this.cartNum > 0) {
uni.setTabBarBadge({
index: 3,
text: this.cartNum > 99 ? '99+' : this.cartNum + ''
});
} else {
uni.hideTabBarRedDot({
index: 3
});
}
// this.copyRightText = uni.getStorageSync('copyNameInfo');
// this.copyRightImg = uni.getStorageSync('copyImageInfo');
uni.removeStorageSync('form_type_cart');
if (this.isLogin) {
this.getUserInfo();
this.getMyMenus();
this.setVisit();
this.getMenuData();
this.getChannel();
} else {
// #ifdef H5
let allPages = getCurrentPages(); //获取当前页面栈的实例;
let lastPages = allPages.length - 1; // 获得倒数第二个元素的索引;
let option = allPages[lastPages].options; // 获得上个页面传递的参数;
let WX_AUTH = this.$Cache.get('WX_AUTH');
if (Auth.isWeixin() && option.code) {
//微信公众号静默授权
if (WX_AUTH) {
this.wechatAuthoize(option.code);
} else {
uni.navigateTo({
url: '/pages/users/wechat_login/index'
});
}
} else {
this.getMyMenus();
}
// #endif
// #ifdef MP || APP-PLUS
this.getMyMenus();
// #endif
}
},
// #ifdef MP || APP-PLUS
onPageScroll(e) {
if (e.scrollTop > 50) {
this.isScrolling = true;
} else if (e.scrollTop < 50) {
this.isScrolling = false;
}
},
// #endif
methods: {
isObjectData(obj) {
return Object.keys(obj).length !== 0;
},
// #ifdef MP
editSuccess() {
this.editModal = false;
this.getUserInfo();
},
closeEdit() {
this.editModal = false;
},
// #endif
// 查看订单
intoPage(url) {
if (this.isLogin) {
this.$util.JumpPath(url);
} else {
toLogin();
}
},
// 编辑页面
goEdit() {
if (this.isLogin == false || !this.userInfo.uid) {
toLogin();
} else {
// #ifdef MP
if (this.userInfo.is_default_avatar) {
this.editModal = true;
return;
}
// #endif
uni.navigateTo({
url: '/pages/users/user_set/index'
});
}
},
goDetail(item) {
uni.navigateTo({
url: `/pages/goods_details/index?id=${item.id}&fromPage='newVip'`
});
},
comerPop() {
this.isComerGift = false;
},
getNewcomerGift() {
if (uni.getStorageSync('newcomerGift')) {
return (this.isComerGift = false);
}
newcomerGift()
.then((res) => {
this.comerGift = res.data;
if (Object.prototype.toString.call(this.comerGift) == '[object Object]') {
if (res.data.coupon_count || res.data.product_count || res.data.register_give_money || res.data.first_order_discount || res.data.register_give_integral) {
uni.setStorageSync('newcomerGift', true);
this.isComerGift = true;
}
}
})
.catch((err) => {
return this.$util.Tips({
title: err
});
});
},
tapQrCode() {
if(this.isLogin){
uni.navigateTo({
url: '/pages/users/user_member_code/index'
});
}else{
toLogin();
}
},
getRoutineUserInfo(e) {
updateUserInfo({
userInfo: e.detail.userInfo
})
.then((res) => {
this.getUserInfo();
return this.$util.Tips('更新用户信息成功');
})
.catch((err) => {
return this.$util.Tips(err);
});
},
// 记录会员访问
setVisit() {
setVisit({
url: '/pages/user/index'
}).then((res) => {});
},
// 打开授权
openAuto() {
toLogin();
},
// 授权回调
onLoadFun(e) {
this.getUserInfo(e);
this.getMyMenus();
this.setVisit();
},
// 绑定手机
bindPhone() {
uni.navigateTo({
url: '/pages/users/user_phone/index'
});
},
// 获取行销数据
getMenuData() {
getMenuData().then((res) => {
this.orderAdminData = res.data;
});
},
/**
* 获取个人用户信息
*/
getUserInfo() {
let that = this;
getUserInfo().then((res) => {
that.userInfo = res.data;
that.stu = res.data.svip_open;
that.balanceStatus = res.data.balance_func_status;
that.memberStatus = parseInt(res.data.member_func_status);
that.vipStatus = res.data.vip_status;
that.$store.commit('SETUID', res.data.uid);
that.$store.commit('UPDATE_USERINFO', res.data);
that.orderMenu.forEach((item, index) => {
switch (item.title) {
case '待付款':
this.$set(item, 'num', res.data.orderStatusNum.unpaid_count);
break;
case '待发货':
this.$set(item, 'num', res.data.orderStatusNum.unshipped_count);
break;
case '待收货':
this.$set(item, 'num', res.data.orderStatusNum.received_count);
break;
case '待评价':
this.$set(item, 'num', res.data.orderStatusNum.evaluated_count);
break;
case '售后/退款':
this.$set(item, 'num', res.data.orderStatusNum.refunding_count);
break;
}
});
});
},
getMyMenus: function () {
let that = this;
// if (this.MyMenus.length) return;
getMenuList().then((res) => {
res.data.routine_my_menus.forEach((el, index, arr) => {
if (el.type == '2') {
this.storeMenuShow = true;
}
});
this.diyData = res.data.diy_data;
this.switchTab(this.diyData.order.style);
this.my_banner_status = res.data.diy_data.my_banner_status;
this.menu_status = res.data.diy_data.menu_status;
this.service_status = res.data.diy_data.service_status;
this.vip_type = res.data.diy_data.vip_type;
this.newcomer_style = res.data.diy_data.newcomer_style;
this.newcomer_status = res.data.diy_data.newcomer_status;
this.imgUrls = res.data.routine_my_banner;
this.routineContact = Number(res.data.routine_contact_type);
});
},
switchTab(style) {
this.orderMenu.forEach((item, index) => {
item.icon = this.orderStyle[style][index];
});
},
goMenuPage(url, name) {
if (this.isLogin) {
let arr = url.split('@APPID=');
if (arr.length > 1) {
//#ifdef MP
uni.navigateToMiniProgram({
appId: arr[arr.length - 1], // 此为生活缴费appid
path: arr[0], // 此为生活缴费首页路径
envVersion: 'release',
success: (res) => {
console.log('打开成功', res);
},
fail: (err) => {
console.log('sgdhgf', err);
}
});
//#endif
//#ifndef MP
this.Tips({
title: 'h5与app端不支持跳转外部小程序'
});
//#endif
} else {
if (url == '/pages/extension/customer_list/chat' || url == 'https://chat.crmeb.net/chat/mobile') {
this.$util.getCustomer(this.userInfo);
} else {
if (url.indexOf('http') === -1) {
// #ifdef H5
if (name && name === '订单核销') {
return (window.location.href = `${location.origin}${url}`);
}
// #endif
// #ifdef MP
if (url != '#' && url == '/pages/users/user_set/index') {
uni.openSetting({
success: function (res) {}
});
}
// #endif
if (url == '/pages/store_spread/index') {
storeCardApi()
.then((res) => {
this.isextension = true;
this.$nextTick(function () {
this.extension.code = res.data.url;
});
})
.catch((err) => {
uni.hideLoading();
this.$util.Tips({
title: err
});
});
}
if (url == '/pages/users/spreadData/index' || url == '/pages/users/user_spread_user/index') {
if (this.userInfo.is_promoter == 0) {
uni.showToast({
title:'无推广权限,请申请分销权限或联系管理员',
icon:'none'
})
} else {
uni.navigateTo({
url
});
}
return;
}
if (url == '/pages/users/agent/apply') {
if (this.userInfo.division_status == -1) {
uni.navigateTo({
url: '/pages/users/agent/apply'
});
} else {
uni.navigateTo({
url: '/pages/users/agent/state'
});
}
return;
}
if (url == '/pages/users/distributor/apply') {
if (this.userInfo.promoter_status == -1) {
uni.navigateTo({
url: '/pages/users/distributor/apply'
});
} else {
uni.navigateTo({
url: '/pages/users/agent/state?type=promoter'
});
}
return;
}
if (
['/pages/goods_cate/goods_cate', '/pages/order_addcart/order_addcart', '/pages/user/index', '/pages/store_cate/store_cate', '/pages/index/index'].indexOf(url) == -1
) {
uni.navigateTo({
url: url
});
} else {
uni.reLaunch({
url: url
});
}
} else {
// #ifdef H5
this.$util.JumpPath(url);
// #endif
// #ifndef H5
uni.navigateTo({
url: `/pages/annex/web_view/index?url=${url}`
});
// #endif
}
}
}
}else{
toLogin()
}
},
isWork() {
return navigator.userAgent.toLowerCase().indexOf('wxwork') !== -1 && navigator.userAgent.toLowerCase().indexOf('micromessenger') !== -1;
},
wechatAuthoize(code) {
let that = this;
if (!this.isWork()) {
this.$Cache.set('WX_AUTH', code);
silenceAuth({
code: code,
snsapi: 'snsapi_base',
spread_spid: that.$Cache.get('spid')
})
.then((res) => {
if (res.data.key) {
this.$Cache.set('snsapiKey', res.data.key);
} else {
let time = res.data.expires_time - this.$Cache.time();
this.$store.commit('LOGIN', {
token: res.data.token,
time: time
});
this.$store.commit('SETUID', res.data.userInfo.uid);
this.$store.commit('UPDATE_USERINFO', res.data.userInfo);
location.reload();
}
})
.catch((err) => {
uni.hideLoading();
return this.$util.Tips({
title: error
});
});
}
},
checkIdentity(val){
// let o5c782 = this.$store.state.app.system_channel_style;
checkIdentityApi({identity: val}).then(res=>{
getUserInfo().then((res) => {
this.$store.commit('UPDATE_USERINFO', res.data);
if(val == 1){
uni.redirectTo({
// url: o5c782 == 1 ? '/pages/merchant/index/index' : '/pages/merchant/index/goods'
url: '/pages/merchant/index/index'
})
}
if(val == 2){
uni.redirectTo({
url: '/pages/admin/work/index'
})
}
});
}).catch(err=>{
return this.$util.Tips({
title: err
});
})
},
getChannel(){
let o8e37 = this.$store.state.app.identity;
if(o8e37 == 1 && this.isLogin){
setTimeout(()=>{
uni.redirectTo({
url: "/pages/merchant/index/goods"
})
},500)
}
if(o8e37 == 2 && this.isLogin){
uni.redirectTo({
url:"/pages/admin/work/index"
})
}
}
}
};
</script>
<style scoped lang="scss">
.footer-placeholder {
height: calc(98rpx + constant(safe-area-inset-bottom));
height: calc(98rpx + env(safe-area-inset-bottom));
height: 98rpx;
}
.user-page {
position: relative;
padding-bottom: calc(100rpx+ constant(safe-area-inset-bottom));
padding-bottom: calc(100rpx + env(safe-area-inset-bottom));
padding-bottom: 100rpx;
}
.copy_right {
text-align: center;
color: #ccc;
font-size: 22rpx;
margin-top: 40rpx;
.copyRightImg {
width: 219rpx;
height: 74rpx;
margin: 16rpx auto;
display: block;
}
.support {
width: 219rpx;
height: 74rpx;
margin: 54rpx auto;
display: block;
}
.of0b21 {
margin-top: 0rpx;
color: #ccc;
font-size: 20rpx;
margin-bottom: 20rpx;
}
}
// 分销等级徽标
.hjf-level-badge {
padding: 8rpx 30rpx;
&__tag {
background: linear-gradient(90deg, var(--view-theme, #e93323), var(--view-gradient, #f76b1c));
color: #fff;
font-size: 24rpx;
padding: 4rpx 20rpx;
border-radius: 20rpx;
font-weight: 500;
}
}
// fsgx 导航行:复用 member-points 样式(与会员中心/积分商城完全一致)
.hjf-nav-row {
margin-top: 0 !important;
}
.member-points {
border-radius: 20rpx;
margin: 20rpx;
background-color: #ffffff;
.item {
position: relative;
flex: 1;
height: 134rpx;
padding-left: 40rpx;
font-weight: 500;
font-size: 28rpx;
line-height: 34rpx;
color: #333333;
&::before {
content: '';
position: absolute;
top: 50%;
left: 0;
height: 48rpx;
border-left: 1rpx solid #eeeeee;
transform: translateY(-50%);
}
&:first-child::before {
display: none;
}
.iconfont {
position: relative;
font-size: 20rpx;
}
}
.arrow {
margin-top: 12rpx;
font-weight: 400;
font-size: 22rpx;
line-height: 24rpx;
color: #ff7d00;
}
.image {
width: 88rpx;
height: 88rpx;
margin-left: 40rpx;
}
.iconfont {
margin-left: 2rpx;
font-size: 24rpx;
}
}
</style>