From f855c18e98f354b7ce76c59760d2830ac11c34a4 Mon Sep 17 00:00:00 2001
From: ylj20011123 <YLJ>
Date: Sat, 15 Nov 2025 21:57:54 +0800
Subject: [PATCH] update

---
 .../components/BrandDetail/BrandDetail.vue    | 24 +++++++++----------
 .../index/components/MemberMall/index.vue     | 14 +++++------
 .../supplierListBox/supplierListBox.vue       | 21 +++++++++-------
 3 files changed, 30 insertions(+), 29 deletions(-)

diff --git a/src/page/index/components/BrandDetail/BrandDetail.vue b/src/page/index/components/BrandDetail/BrandDetail.vue
index 625a9a7..4b21cb3 100644
--- a/src/page/index/components/BrandDetail/BrandDetail.vue
+++ b/src/page/index/components/BrandDetail/BrandDetail.vue
@@ -202,7 +202,7 @@ const handleGetTableData = async (BRAND_INDUSTRY: number) => {
     const data = await handleGetCombineBrandList(req)
     // brandListData.value = data.slice(0, 6)
 
-    return data.slice(0, 3)
+    return data.slice(0, 6)
 }
 
 // 切换tab
@@ -229,15 +229,15 @@ onBeforeUnmount(() => {
 const handleSetConfig = (res: any) => {
     const option = {
         legend: {
-            // orient: 'vertical',       // 图例纵向排列
-            // left: 200,          // 距离右侧5%
-            // top: 'center',           // 垂直居中
-            itemWidth: 12,           // 图例标记宽度
-            bottom: 'center',
-            left: 'center',
-            itemHeight: 12,          // 图例标记高度
+            orient: 'horizontal',     // 图例横向排列
+            bottom: 0,               // 距离底部25px，增加与饼图的间隔
+            left: 'center',           // 水平居中
+            itemWidth: 12,            // 图例标记宽度
+            itemHeight: 12,           // 图例标记高度
+            itemGap: 25,              // 图例之间的间距，增加间隔
             textStyle: {
-                color: '#fff',       // 文字颜色
+                color: '#fff',        // 文字颜色
+                fontSize: 12,
                 rich: {
                     // 可以在这里添加富文本样式
                     value: {
@@ -252,8 +252,6 @@ const handleSetConfig = (res: any) => {
                 const dataItem = res.pieData.find((item: any) => item.name === name);
                 // 返回自定义格式
                 return `${name} ${dataItem?.value}%`;
-
-
             }
         },
         tooltip: {  // 新增 tooltip 配置
@@ -271,8 +269,8 @@ const handleSetConfig = (res: any) => {
             {
                 name: 'Access From',
                 type: 'pie',
-                radius: ['0%', '70%'],
-                center: ['25%', '50%'],
+                radius: ['0%', '70%'],  // 恢复原来的饼图大小
+                center: ['50%', '42%'],  // 饼图水平居中，稍微偏上为底部图例留空间
                 avoidLabelOverlap: false,
                 itemStyle: {
                     color: function (params: any) {
diff --git a/src/page/index/components/MemberMall/index.vue b/src/page/index/components/MemberMall/index.vue
index f10e8b2..0e5cb9d 100644
--- a/src/page/index/components/MemberMall/index.vue
+++ b/src/page/index/components/MemberMall/index.vue
@@ -11,8 +11,8 @@ import SmallTitle from '../smallTitle/smallTitle.vue'
         <!-- 会员总数 -->
         <div class="MemberSumBox">
             <div class="MemberSumBoxLeft">会员总数</div>
-            <div class="memberSumTotal">12733</div>
-            <div class="MemberSumBoxRight">本月新增 56 个</div>
+            <div class="memberSumTotal">15071</div>
+            <div class="MemberSumBoxRight">本月新增 146 个</div>
         </div>
 
         <!-- 近30天数据 -->
@@ -21,22 +21,22 @@ import SmallTitle from '../smallTitle/smallTitle.vue'
         <div class="recentData">
             <div class="recentDataTop">
                 <div class="recentDataTopItem" style="left: 22px;top: 31px;">
-                    <div class="recentDataTopValue">94</div>
+                    <div class="recentDataTopValue">270</div>
                     <div class="recentDataTopLabel">新增会员数</div>
                 </div>
 
                 <div class="recentDataTopItem" style="left: 30%;top: 0;">
-                    <div class="recentDataTopValue">2716</div>
+                    <div class="recentDataTopValue">3203</div>
                     <div class="recentDataTopLabel">打开次数</div>
                 </div>
 
                 <div class="recentDataTopItem" style="right: 30%;top: 0;">
-                    <div class="recentDataTopValue">624</div>
+                    <div class="recentDataTopValue">757</div>
                     <div class="recentDataTopLabel">新增人数</div>
                 </div>
 
                 <div class="recentDataTopItem" style="right: 8px;top: 31px;">
-                    <div class="recentDataTopValue">884</div>
+                    <div class="recentDataTopValue">1914</div>
                     <div class="recentDataTopLabel">访问人数</div>
                 </div>
 
@@ -97,7 +97,7 @@ import SmallTitle from '../smallTitle/smallTitle.vue'
 
             <div class="MemberOverviewItem">
                 <div class="MemberOverviewItemTop">23</div>
-                <div class="MemberOverviewItemBottom">1,205.83</div>
+                <div class="MemberOverviewItemBottom"></div>
             </div>
 
             <div class="MemberOverviewItem">
diff --git a/src/page/index/components/supplierListBox/supplierListBox.vue b/src/page/index/components/supplierListBox/supplierListBox.vue
index 8374f04..413656b 100644
--- a/src/page/index/components/supplierListBox/supplierListBox.vue
+++ b/src/page/index/components/supplierListBox/supplierListBox.vue
@@ -82,30 +82,33 @@ defineExpose({
         <div class="supplierMessageBox" style="margin-top: 10px;">
             <div class="supplierMessageBoxTop">
                 <div class="supplierMessageBoxTopItem">
-                    <div class="supplierMessageBoxTopItemLabel">经销商/家</div>
-                    <div class="supplierMessageBoxTopItemvalue" style="color: #56BCE6;">{{ supplierObj?.dealer || "0" }}
-                    </div>
+                    <div class="supplierMessageBoxTopItemLabel">供应商/家</div>
+                    <!-- <div class="supplierMessageBoxTopItemvalue" style="color: #56BCE6;">{{ supplierObj?.dealer || "0" }} -->
+                    <div class="supplierMessageBoxTopItemvalue" style="color: #56BCE6;">14</div>
                 </div>
                 <div class="supplierMessageBoxTopItem">
                     <div class="supplierMessageBoxTopItemLabel">品牌方/家</div>
-                    <div class="supplierMessageBoxTopItemvalue" style="color: #ef5a0d;">{{ supplierObj?.brandSide || "0"
+                    <!-- <div class="supplierMessageBoxTopItemvalue" style="color: #ef5a0d;">{{ supplierObj?.brandSide || "0"
                     }}
-                    </div>
+                    </div> -->
+                    <div class="supplierMessageBoxTopItemvalue" style="color: #ef5a0d;">14</div>
                 </div>
             </div>
 
             <div class="supplierMessageBoxTop" style="margin-top: 10px;">
                 <div class="supplierMessageBoxTopItem">
                     <div class="supplierMessageBoxTopItemLabel">自有品牌水/家</div>
-                    <div class="supplierMessageBoxTopItemvalue" style="color: #56BCE6;">{{
+                    <!-- <div class="supplierMessageBoxTopItemvalue" style="color: #56BCE6;">{{
                         supplierObj?.privateLabelWater || "0" }}
-                    </div>
+                    </div> -->
+                      <div class="supplierMessageBoxTopItemvalue" style="color: #56BCE6;">2</div>
                 </div>
                 <div class="supplierMessageBoxTopItem">
                     <div class="supplierMessageBoxTopItemLabel">零售批发类/家</div>
-                    <div class="supplierMessageBoxTopItemvalue" style="color: #ef5a0d;">{{
+                    <!-- <div class="supplierMessageBoxTopItemvalue" style="color: #ef5a0d;">{{
                         supplierObj?.retailAndWholesale || "0" }}
-                    </div>
+                    </div> -->
+                     <div class="supplierMessageBoxTopItemvalue" style="color: #ef5a0d;">28</div>
                 </div>
             </div>
         </div>