From d8eacc0b443254088669ff9637de111678575656 Mon Sep 17 00:00:00 2001
From: woody <woody@163>
Date: Wed, 11 Jun 2025 16:33:35 +0800
Subject: [PATCH] =?UTF-8?q?feat(mine):=20=E5=B8=82=E5=9C=BA=E5=8A=A8?=
 =?UTF-8?q?=E6=80=81=E6=8E=A5=E5=8F=A3=E8=81=94=E8=B0=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 config/mine.js       |  4 ++
 config/order.js      |  4 --
 pages/mine/index.vue | 95 +++++++++++++++++++++++++++++++++++++++-----
 3 files changed, 88 insertions(+), 15 deletions(-)

diff --git a/config/mine.js b/config/mine.js
index 257591b..feb2a68 100644
--- a/config/mine.js
+++ b/config/mine.js
@@ -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')
diff --git a/config/order.js b/config/order.js
index f9756d3..7797dfc 100644
--- a/config/order.js
+++ b/config/order.js
@@ -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')
diff --git a/pages/mine/index.vue b/pages/mine/index.vue
index 1d09590..976fa07 100644
--- a/pages/mine/index.vue
+++ b/pages/mine/index.vue
@@ -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%);