update

src/views/Dashboard.vue

@@ -92,7 +92,10 @@
         <a-table-column title="小区ID" dataIndex="community_id" key="community_id" width="100px" />
         <a-table-column title="小区名称" dataIndex="community_name" key="community_name">
           <template #default="{ text, record }">
-            <a @click="viewCommunityDetail(record.community_id)">{{ text }}</a>
+            <a class="community-link" @click="viewCommunityDetail(record.community_id)">
+              <span class="link-text">{{ text }}</span>
+              <right-outlined class="link-icon" />
+            </a>
           </template>
         </a-table-column>
         <a-table-column title="用户数" key="user_count">
@@ -136,7 +139,8 @@ import {
   HomeOutlined,
   WalletOutlined,
   RiseOutlined,
-  ReloadOutlined
+  ReloadOutlined,
+  RightOutlined
 } from '@ant-design/icons-vue';
 import { getPartnerSummary, getPartnerCommunityList } from '../api/dashboard';
 
@@ -149,7 +153,8 @@ export default {
     HomeOutlined,
     WalletOutlined,
     RiseOutlined,
-    ReloadOutlined
+    ReloadOutlined,
+    RightOutlined
   },
   setup() {
     const router = useRouter();
@@ -345,4 +350,34 @@ export default {
   color: #52c41a;
   margin: 0;
 }
+
+.community-link {
+  display: flex;
+  align-items: center;
+  color: #1890ff;
+  font-weight: 500;
+  transition: all 0.3s;
+  padding: 4px 8px;
+  border-radius: 4px;
+}
+
+.community-link:hover {
+  background-color: #e6f7ff;
+  text-decoration: underline;
+}
+
+.link-text {
+  margin-right: 4px;
+}
+
+.link-icon {
+  font-size: 12px;
+  opacity: 0;
+  transition: all 0.3s;
+}
+
+.community-link:hover .link-icon {
+  opacity: 1;
+  transform: translateX(3px);
+}
 </style>