wanma-benteng
/
new-mshop-view
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

增加：用户共创股东中心&餐费记录明细

This commit is contained in:
wuhui_zzw 2024-06-21 10:43:34 +08:00
parent 1afdcc6376
commit 29b4678879
4 changed files with 660 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
api/user.js
View File

@ -736,6 +736,10 @@ export function brokerageApplyFormalPost(data) {
export function brokerageApplyFormalGet() {
return request.get("user/brokerage_formal_info");
}
// 分销商上级信息
export function spreadParent() {
return request.get(`user/spread_parent`);
}
// 邀请码 - 信息获取
export function inviteCodeInfo(data) {
@ -762,6 +766,7 @@ export function withdrawalAccountEdit(data) {
export function withdrawalAccountDel(id) {
return request.post(`withdrawalAccount/del/${id}`);
}
// 资源股东 - 关联商户列表
export function shareholdersMerList(data) {
return request.get(`user/shareholders/mer_list`, data);
@ -774,9 +779,19 @@ export function shareholdersStatistics() {
export function shareholdersOrderList() {
return request.get(`user/shareholders/order_list`);
}
// 分销商上级信息
export function spreadParent() {
return request.get(`user/spread_parent`);
// 共创股东 - 用户餐费积分列表
export function merShareholdersIntegralMerList(data) {
return request.get(`mer/shareholder/integral_record`, data);
}
// 共创股东 - 用户餐费积分统计信息
export function merShareholdersIntegralStatistics(data) {
return request.get(`mer/shareholder/integral_statistic`, data);
}
// 共创股东 - 绑定商户信息
export function merShareholdersMerList(data) {
return request.get(`mer/shareholder/mer_list`, data);
}
@ -784,4 +799,3 @@ export function spreadParent() {

12
pages.json
View File

@ -628,6 +628,18 @@
"style": {
"navigationBarTitleText": "资源股东"
}
},
{
"path": "shareholders/mer_center",
"style": {
"navigationBarTitleText": "共创股东中心"
}
},
{
"path": "shareholders/mer_integral",
"style": {
"navigationBarTitleText": "餐费积分"
}
}

287
pages/users/shareholders/mer_center.vue Normal file
View File

@ -0,0 +1,287 @@
<!--共创股东 - 用户共创股东中心-->
<template>
<view>
<view class="main-content">
<!--顶部内容-->
<view class="top" :style="{ 'background-image': `url(${top_icon})`}">
<view class="top-half">
<view class="num">{{ statistics.sum_integral_total || '0.00' }}</view>
<view class="title">全部积分</view>
</view>
<view class="bottom-half">
<view class="bottom-box">
<view class="num">{{ statistics.sum_used_surplus || '0.00' }}</view>
<view class="label">可用积分</view>
</view>
<view class="bottom-box">
<view class="num">{{ statistics.sum_integral_use || '0.00' }}</view>
<view class="label">已使用积分</view>
</view>
<view class="bottom-box">
<view class="num">{{ statistics.sum_used_overdue || '0.00' }}</view>
<view class="label">已过期积分</view>
</view>
</view>
</view>
<!--列表内容-->
<view class="list-content" v-if="Object.values(list).length > 0">
<!--标题-->
<view class="title">商户列表</view>
<!--列表-->
<view class="list-box" v-for="(item,index) in list" :key="index">
<image class="mer-image" :src="item.merchant.mer_avatar || default_mer_logo" mode="widthFix"></image>
<view class="mer-info">
<view class="mer_name">{{ item.merchant.mer_name || '' }}</view>
<view class="integral">可用积分：{{ item.statistics.sum_used_surplus || '0.00' }}</view>
</view>
<view class="see-btn" v-if="item.statistics.sum_integral_total > 0" @click="goToPage(item)">积分详情</view>
</view>
</view>
<emptyPage v-else title="暂无信息～"></emptyPage>
</view>
<!-- 授权登录 -->
<authorize @onLoadFun="onLoadFun" :isAuto="isAuto" :isShowAuth="isShowAuth" @authColse="authClose"></authorize>
</view>
</template>
<script>
import {mapGetters} from "vuex";
import emptyPage from '@/components/emptyPage.vue';
import authorize from '@/components/Authorize';
import { HTTP_REQUEST_URL } from '@/config/app.js';
import {merShareholdersIntegralStatistics, merShareholdersMerList} from "@/api/user";
export default {
components: {
authorize,
emptyPage
},
computed: {
...mapGetters(['isLogin', 'uid', 'userInfo', 'viewColor'])
},
data() {
return {
// 登录相关
isAuto: false, //没有授权的不会自动授权
isShowAuth: false,//是否隐藏授权
top_icon: '',
default_mer_logo: '',
// 列表
total: 0,
list: [],
page: 1,
statistics: {},
}
},
watch: {},
onReady() {
this.top_icon = `${HTTP_REQUEST_URL}/static/images/icon/top_half_icon.png`;
this.default_mer_logo = `${HTTP_REQUEST_URL}/static/images/icon/default_mer_logo.png`;
},
onLoad(options) {
// 判断：是否登录
if (!this.isLogin) {
// 未登录 授权登录
this.isAuto = true;
this.isShowAuth = true
}else{
// 已登录 获取信息
this.init();
}
},
// 滚动到底部
onReachBottom() {
this.getList();
},
methods: {
// 授权回调
onLoadFun() {
if(this.isLogin){
this.isShowAuth = false;
this.init();
}
},
// 授权关闭
authClose(e) {
this.isShowAuth = e
},
// 授权成功 初始化
init () {
this.getList();
this.getStatistics();
},
// 信息获取
getList() {
let _this = this;
let params = {
page: _this.page
};
merShareholdersMerList(params).then(res => {
let list = res.data.list || {};
_this.total = res.data.count || 0;
if (Object.values(list).length > 0) {
_this.list = _this.$util.SplitArray(list, _this.list);
_this.$set(_this, 'list', _this.list);
_this.page++;
}
}).catch(err => {
this.$util.Tips({title: err});
});
},
// 统计信息获取
getStatistics() {
let _this = this;
merShareholdersIntegralStatistics({}).then(res => {
_this.statistics = res.data || {};
}).catch(err => {
this.$util.Tips({title: err});
});
},
// 点击查看详情
goToPage(item){
uni.navigateTo({
url: '/pages/users/shareholders/mer_integral?mer_id=' + item.mer_id
})
}
}
}
</script>
<style lang="scss" scoped>
.main-content {
width: 100vw;
min-height: 100vh!important;
background: #f6f6f6;// #f6f6f6
.top{
width: 100%;
padding: 0 30rpx;
background-size: 100% auto;
background-repeat: no-repeat;
.top-half{
width: 100%;
padding: 0 20rpx;
height: 220rpx;
display: inline-flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: flex-start;
justify-content: center;
.num{
color: #ffffff;
font-size: 50rpx;
height: 80rpx;
line-height: 80rpx;
}
.title{
color: #ffffff;
font-size: 30rpx;
height: 50rpx;
line-height: 50rpx;
}
}
.bottom-half{
width: 100%;
background-color: #ffffff;
border-radius: 20rpx;
padding: 30rpx;
display: inline-flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: center;
box-shadow: 0rpx 5rpx 10rpx 0rpx #f0f0f0;
.bottom-box{
width: calc(100% / 3);
display: inline-flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: center;
justify-content: center;
.num{
font-size: 34rpx;
font-weight: bold;
color: #000000;
height: 60rpx;
line-height: 60rpx;
}
.label{
font-size: 26rpx;
color: #383838;
height: 50rpx;
line-height: 50rpx;
}
}
}
}
.list-content{
width: 100%;
padding: 0 30rpx;
.title{
width: 100%;
padding: 0 20rpx;
font-size: 32rpx;
font-weight: bold;
height: 100rpx;
line-height: 100rpx;
}
.list-box{
background-color: #ffffff;
border-radius: 20rpx;
padding: 30rpx 20rpx;
width: 100%;
box-shadow: 0rpx 0rpx 10rpx 0rpx #f0f0f0;
margin-bottom: 30rpx;
display: inline-flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: flex-start;
.mer-image{
width: 90rpx!important;
height: 90rpx!important;
border-radius: 10rpx;
}
.mer-info{
width: calc(100% - 90rpx - 140rpx);
padding: 0 20rpx;
display: inline-flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: flex-start;
justify-content: center;
.mer_name{
width: 100%;
height: 50rpx;
line-height: 50rpx;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 32rpx;
}
.integral{
font-size: 26rpx;
height: 40rpx;
line-height: 40rpx;
color: #555555;
}
}
.see-btn{
border-radius: 100rpx;
font-size: 26rpx;
background-color: #d20001;
color: #f1f1f1;
height: 45rpx;
line-height: 45rpx;
width: 140rpx;
text-align: center;
}
}
}
}
</style>

343
pages/users/shareholders/mer_integral.vue Normal file
View File

@ -0,0 +1,343 @@
<!--共创股东 - 用户餐费记录信息-->
<template>
<view>
<view class="main-content">
<!--顶部统计信息-->
<view class="top">
<view class="top-content">
<view class="top-half" :style="{ 'background-image': `url(${top_half_icon})`}">
<view class="left">
<view class="title">全部积分</view>
<view class="num">{{ statistics.sum_integral_total || '0.00' }}</view>
</view>
<view class="right">
<view class="use-btn" @click="goToPage">去使用</view>
</view>
</view>
<view class="bottom-half">
<view class="bottom-box">
<view class="label">剩余可用积分</view>
<view class="num">{{ statistics.sum_used_surplus || '0.00' }}</view>
</view>
<view class="bottom-box">
<view class="label">已使用积分</view>
<view class="num">{{ statistics.sum_integral_use || '0.00' }}</view>
</view>
<view class="bottom-box">
<view class="label">已过期积分</view>
<view class="num">{{ statistics.sum_used_overdue || '0.00' }}</view>
</view>
</view>
</view>
</view>
<!--信息列表-->
<view class="list-content" v-if="Object.values(list).length > 0">
<view class="list-box" v-for="(item,index) in list" :key="index">
<view class="up">
<view class="left">
<text v-if="item.status == 0">预计解冻时间：{{ item.expect_thaw_time }}</text>
<text v-else-if="item.status == 1">预计过期时间：{{ item.expect_overdue_time }}</text>
<text v-else-if="item.status == 2">过期时间：{{ item.real_overdue_time }}</text>
</view>
<view class="right">
<view class="right-item frozen" v-if="item.status == 0">冻结中</view>
<view class="right-item used" v-else-if="item.status == 1">可使用</view>
<view class="right-item overdue" v-else-if="item.status == 2">已过期</view>
</view>
</view>
<view class="info">
<view class="info-block">
<view class="label">总积分</view>
<view class="num">{{ Number(item.integral_total).toFixed(2) || '0.00' }}</view>
</view>
<view class="info-block">
<view class="label">已使用积分</view>
<view class="num">{{ Number(item.integral_use).toFixed(2) || '0.00' }}</view>
</view>
<view class="info-block">
<view class="label">可用积分</view>
<view class="num">{{ item.status == 1 ? (Number(item.integral_total - item.integral_use).toFixed(2)) : '0.00' }}</view>
</view>
</view>
</view>
</view>
<emptyPage v-else title="暂无信息～"></emptyPage>
</view>
<!-- 授权登录 -->
<authorize @onLoadFun="onLoadFun" :isAuto="isAuto" :isShowAuth="isShowAuth" @authColse="authClose"></authorize>
</view>
</template>
<script>
import {mapGetters} from "vuex";
import emptyPage from '@/components/emptyPage.vue';
import authorize from '@/components/Authorize';
import { HTTP_REQUEST_URL } from '@/config/app.js';
import {merShareholdersIntegralMerList, merShareholdersIntegralStatistics} from "@/api/user";
export default {
components: {
authorize,
emptyPage
},
computed: {
...mapGetters(['isLogin', 'uid', 'userInfo', 'viewColor'])
},
data() {
return {
// 登录相关
isAuto: false, //没有授权的不会自动授权
isShowAuth: false,//是否隐藏授权
top_half_icon: '',
// 列表
list: [],
total: 0,
page: 1,
mer_id: 0,
statistics: {},
}
},
watch: {},
onReady() {
this.top_half_icon = `${HTTP_REQUEST_URL}/static/images/icon/top_half_icon.jpg`;
},
onLoad(options) {
let _this = this;
_this.mer_id = options.mer_id || 0;
// 判断：指定参数不存在 抛出错误，返回代理中心
if(Number(_this.mer_id) <= 0){
_this.$util.tips({ content: '非法访问，参数错误！'}, function () {
uni.navigateTo({
url: '/pages/users/shareholders/mer_center'
})
});
return false;
}
// 判断：是否登录
if (!this.isLogin) {
// 未登录 授权登录
this.isAuto = true;
this.isShowAuth = true
}else{
// 已登录 获取信息
this.init();
}
},
// 滚动到底部
onReachBottom() {
this.getList();
},
methods: {
// 授权回调
onLoadFun() {
if(this.isLogin){
this.isShowAuth = false;
this.init();
}
},
// 授权关闭
authClose(e) {
this.isShowAuth = e
},
// 授权成功 初始化
init () {
this.getList();
this.getStatistics();
},
// 信息获取
getList() {
let _this = this;
let params = {
page: _this.page,
mer_id: _this.mer_id
};
merShareholdersIntegralMerList(params).then(res => {
let list = res.data.list || {};
_this.total = res.data.count || 0;
if (Object.values(list).length > 0) {
_this.list = _this.$util.SplitArray(list, _this.list);
_this.$set(_this, 'list', _this.list);
_this.page++;
}
}).catch(err => {
this.$util.Tips({title: err});
});
},
// 统计信息获取
getStatistics() {
let _this = this;
merShareholdersIntegralStatistics({mer_id: _this.mer_id}).then(res => {
_this.statistics = res.data || {};
}).catch(err => {
this.$util.Tips({title: err});
});
},
// 点击跳转页面
goToPage(){
uni.navigateTo({
url: '/pages/users/online_payment/payment/index?mer_id=' + this.mer_id
})
}
}
}
</script>
<style lang="scss" scoped>
.main-content {
width: 100vw;
min-height: 100vh!important;
background: #f6f6f6;// #f6f6f6
.top{
width: 100%;
padding: 20rpx 30rpx;
.top-content{
width: 100%;
border-radius: 20rpx;
overflow: hidden;
.top-half{
width: 100%;
background-size: 100% auto;
background-repeat: no-repeat;
padding: 30rpx;
display: inline-flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: flex-start;
.left{
display: inline-flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-items: flex-start;
.title{
font-size: 28rpx;
color: #fefefe;
}
.num{
font-size: 50rpx;
font-weight: bold;
color: #ffffff;
height: 80rpx;
line-height: 100rpx;
}
}
.right{
.use-btn{
background-color: #ffffff;
color: #d40100;
border-radius: 100rpx;
padding: 0 20rpx;
height: 45rpx;
line-height: 45rpx;
}
}
}
.bottom-half{
width: 100%;
padding: 20rpx 30rpx;
background-color: #c80000;
display: inline-flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
.bottom-box{
width: calc(100% / 3);
display: inline-flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
font-size: 26rpx;
.label{
color: #fefefe;
height: 40rpx;
line-height: 40rpx;
}
.num{
color: #ffffff;
height: 40rpx;
line-height: 50rpx;
}
}
}
}
}
.list-content{
width: 100%;
.list-box{
width: 100%;
padding: 0 30rpx;
background-color: #ffffff;
margin-bottom: 20rpx;
.up{
width: 100%;
display: inline-flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
border-bottom: 2rpx solid #f4f4f4;//#f4f4f4
padding: 20rpx 0;
.left{
color: #202020;
}
.right{
.right-item{
color: #fefefe;
border-radius: 100rpx;
padding: 0 20rpx;
font-size: 26rpx;
height: 40rpx;
line-height: 40rpx;
}
.frozen{
background-color: #d39a01;
}
.used{
background-color: #d40001;
}
.overdue{
background-color: #a0a0a0;
}
}
}
.info{
width: 100%;
padding: 30rpx 0;
display: inline-flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
.info-block{
width: calc(100% / 3);
display: inline-flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
.label{
color: #848484;
height: 40rpx;
line-height: 40rpx;
}
.num{
font-size: 32rpx;
color: #131313;
height: 40rpx;
line-height: 50rpx;
}
}
}
}
}
}
</style>