feat(mine): 市场动态接口联调

This commit is contained in:
woody 2025-06-11 16:33:35 +08:00
parent 0e9723fae6
commit d8eacc0b44
3 changed files with 88 additions and 15 deletions

View File

@ -39,3 +39,7 @@ export const getMemberBoxCount = () =>
// 区域考核记录
export const getRegionAssessmentRecord = () =>
http.get('/bonus/api/region/query')
// 获取会员业绩
export const getMemberPerformance = () =>
http.get('/retail-member/api/retail-member/member-achieve')

View File

@ -50,7 +50,3 @@ export const validRelation = params =>
// 升级订单
export const upgradeOrder = data =>
http.post('/sale/api/retail-order/confirm-upg-order', data)
// 获取会员业绩
export const getMemberPerformance = () =>
http.get('/sale/api/retail-order/member-performance')

View File

@ -229,19 +229,39 @@
<view class="my_order" v-if="marketWrapperVisible">
<view class="my_title">
<text class="thetitle">{{ '市场动态' }}</text>
<view
class="findallorder"
@click="goTo('/pages/performanceEchart/index')"
>
<text>更多</text>
<u-icon name="arrow-right" color="#999999" size="16rpx"></u-icon>
</view>
</view>
<view class="order_flex">
<template v-for="(item, index) in markMenuList">
<view
class="theorderflex1"
@click="goTo(item.url)"
v-if="item.ifshow"
:key="index"
>
<image class="order_img" :src="item.imgurl" />
<view class="order_text">{{ item.name }}</view>
<view class="market-cards-container">
<view class="market-card-row">
<view class="market-card primary">
<text class="card-label">总业绩</text>
<text class="card-value">{{
performanceData.totalPerformance || '0.0000'
}}</text>
</view>
</template>
<view class="market-card secondary">
<text class="card-label">小区</text>
<text class="card-value">{{
performanceData.smallAreaPerformance || '0.0000'
}}</text>
</view>
</view>
<view class="market-card-row">
<view class="market-card primary">
<text class="card-label">总盒数</text>
<text class="card-value">{{ totalBox || '0' }}</text>
</view>
<view class="market-card secondary">
<text class="card-label">小区盒数</text>
<text class="card-value">{{ smallAreaBox || '0' }}</text>
</view>
</view>
</view>
</view>
@ -492,6 +512,7 @@ export default {
regionInfo: {},
smallAreaBox: 0,
totalBox: 0,
performanceData: {},
}
},
onShow() {
@ -499,6 +520,7 @@ export default {
this.orderNum()
this.getRegionSelect()
this.getMemberBoxCount()
this.fetchMemberPerformance()
// this.getUserAwardss()
},
@ -551,6 +573,13 @@ export default {
},
methods: {
fetchMemberPerformance() {
getMemberPerformance().then(res => {
if (res.code === 200) {
this.performanceData = res.data || {}
}
})
},
getRegionSelect() {
getRegionSelect().then(res => {
if (res.code == 200) {
@ -1402,6 +1431,50 @@ export default {
color: #999999;
}
.market-cards-container {
padding: 20rpx 0;
}
.market-card-row {
display: flex;
justify-content: space-between;
margin-bottom: 20rpx;
&:last-child {
margin-bottom: 0;
}
}
.market-card {
width: 48%;
padding: 20rpx;
border-radius: 10rpx;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
font-size: 24rpx;
box-sizing: border-box;
&.primary {
background: linear-gradient(135deg, #005bac, #007bff);
}
&.secondary {
background: linear-gradient(135deg, #4682b4, #87ceeb);
}
.card-label {
opacity: 0.9;
}
.card-value {
font-weight: bold;
font-size: 28rpx;
margin-left: 10rpx;
}
}
@keyframes bling_shimmer {
from {
transform: translateX(-100%);