From 6a166d669f0a4f8384bee49e151d0dea054c3211 Mon Sep 17 00:00:00 2001
From: aaron <>
Date: Thu, 13 Mar 2025 13:56:56 +0800
Subject: [PATCH] update

---
 src/views/Dashboard.vue | 56 ++++++++++++++++++++++++++++++++++++++---
 1 file changed, 52 insertions(+), 4 deletions(-)

diff --git a/src/views/Dashboard.vue b/src/views/Dashboard.vue
index 83314dc..59d46dc 100644
--- a/src/views/Dashboard.vue
+++ b/src/views/Dashboard.vue
@@ -9,6 +9,12 @@
           </template>
           <div class="card-content community-content">
             <h2 class="community-data">{{ summaryData.community_count || 0 }}</h2>
+            <div v-if="summaryData.set_names" class="set-tags">
+              <span class="set-label"><environment-outlined /> 片区：</span>
+              <a-tag v-for="(setName, index) in setNamesList" :key="index" color="blue">
+                {{ setName }}
+              </a-tag>
+            </div>
           </div>
         </a-card>
       </a-col>
@@ -129,7 +135,7 @@
 </template>
 
 <script>
-import { ref, reactive, onMounted } from 'vue';
+import { ref, reactive, onMounted, computed } from 'vue';
 import { message } from 'ant-design-vue';
 import { useRouter } from 'vue-router';
 import { 
@@ -140,7 +146,8 @@ import {
   WalletOutlined,
   RiseOutlined,
   ReloadOutlined,
-  RightOutlined
+  RightOutlined,
+  EnvironmentOutlined
 } from '@ant-design/icons-vue';
 import { getPartnerSummary, getPartnerCommunityList } from '../api/dashboard';
 
@@ -154,7 +161,8 @@ export default {
     WalletOutlined,
     RiseOutlined,
     ReloadOutlined,
-    RightOutlined
+    RightOutlined,
+    EnvironmentOutlined
   },
   setup() {
     const router = useRouter();
@@ -169,11 +177,20 @@ export default {
     const pageSize = ref(10);
     const total = ref(0);
 
+    // 处理片区名称列表
+    const setNamesList = computed(() => {
+      if (!summaryData.value.set_names) return [];
+      return typeof summaryData.value.set_names === 'string' 
+        ? summaryData.value.set_names.split(',').filter(name => name.trim()) 
+        : summaryData.value.set_names;
+    });
+
     // 获取汇总数据
     const fetchSummaryData = async () => {
       try {
         const data = await getPartnerSummary();
         summaryData.value = data || {};
+        console.log('汇总数据:', summaryData.value); // 调试日志
       } catch (error) {
         console.error('获取汇总数据失败:', error);
         message.error('获取汇总数据失败');
@@ -253,6 +270,7 @@ export default {
       currentPage,
       pageSize,
       total,
+      setNamesList,
       refreshData,
       handlePageChange,
       handlePageSizeChange,
@@ -343,12 +361,14 @@ export default {
   justify-content: center;
   align-items: center;
   flex-grow: 1;
+  display: flex;
+  flex-direction: column;
 }
 
 .community-data {
   font-size: 48px;
   color: #52c41a;
-  margin: 0;
+  margin: 0 0 16px 0;
 }
 
 .community-link {
@@ -380,4 +400,32 @@ export default {
   opacity: 1;
   transform: translateX(3px);
 }
+
+.set-tags {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 4px;
+  justify-content: center;
+  align-items: center;
+  margin-top: 8px;
+}
+
+.set-label {
+  color: rgba(0, 0, 0, 0.65);
+  font-size: 14px;
+  display: flex;
+  align-items: center;
+  margin-right: 4px;
+}
+
+.set-label .anticon {
+  margin-right: 4px;
+  color: #1890ff;
+}
+
+.set-tags .ant-tag {
+  margin-right: 0;
+  padding: 2px 6px;
+  font-size: 12px;
+}
 </style> 
\ No newline at end of file