forked from angelo/web-retail-h5
feat(mine): 市场动态接口联调
This commit is contained in:
parent
0e9723fae6
commit
d8eacc0b44
|
@ -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')
|
||||
|
|
|
@ -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')
|
||||
|
|
|
@ -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%);
|
||||
|
|
Loading…
Reference in New Issue