From cf8c0a007389f9cc7a1acdbd523cb7b77a531de8 Mon Sep 17 00:00:00 2001
From: Ethan-Zhang <ethanzhang55@outlook.com>
Date: Wed, 15 Oct 2025 23:47:21 +0800
Subject: [PATCH 1/2] =?UTF-8?q?Feat:=20=E5=9B=A2=E9=98=9F=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9E=E5=85=A8=E9=83=A8Tab?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/group.ts                |   9 ++
 src/lang/package/en.ts          |   2 +
 src/lang/package/zh-cn.ts       |   2 +
 src/styles/group.scss           |  18 ++++
 src/views/group/index.vue       | 169 +++++++++++++++++++++++++++++---
 src/views/groupDetail/index.vue |   2 +
 6 files changed, 186 insertions(+), 16 deletions(-)

diff --git a/src/api/group.ts b/src/api/group.ts
index ff24b7e..446b8e7 100644
--- a/src/api/group.ts
+++ b/src/api/group.ts
@@ -220,6 +220,15 @@ class GroupAPI {
       data,
     });
   }
+
+  /** 申请加入团队接口*/
+  static applyToJoinTeam(teamId: string) {
+    return request({
+      url: `/team/application`,
+      method: 'post',
+      params: { teamId },
+    });
+  }
 }
 
 export default GroupAPI;
diff --git a/src/lang/package/en.ts b/src/lang/package/en.ts
index e4b2497..d0fc184 100644
--- a/src/lang/package/en.ts
+++ b/src/lang/package/en.ts
@@ -78,6 +78,8 @@ export default {
     datasetManagement: 'Dataset',
     testingManagement: 'Testing',
     create: 'Create',
+    allTeams: 'All',
+    applyToJoin: 'Apply',
   },
   groupDetail: {
     memberPermission: 'Member Management',
diff --git a/src/lang/package/zh-cn.ts b/src/lang/package/zh-cn.ts
index 3d5e895..51e3f8a 100644
--- a/src/lang/package/zh-cn.ts
+++ b/src/lang/package/zh-cn.ts
@@ -84,6 +84,8 @@ export default {
     datasetManagement: '数据集管理',
     testingManagement: '评测管理',
     create: '创建',
+    allTeams: '全部',
+    applyToJoin: '申请加入',
   },
   groupDetail: {
     memberPermission: '成员管理',
diff --git a/src/styles/group.scss b/src/styles/group.scss
index b5bf442..1fb1ad5 100644
--- a/src/styles/group.scss
+++ b/src/styles/group.scss
@@ -178,6 +178,15 @@
                           }
                           button{
                             height: 16px;
+                            
+                            // 申请加入按钮样式
+                            &.el-button--primary.el-button--small {
+                              height: 24px;
+                              padding: 4px 12px;
+                              font-size: 12px;
+                              border-radius: 4px;
+                              min-width: 72px;
+                            }
                           }
                       }
                   }
@@ -281,6 +290,15 @@
                   .el-pagination .el-input__inner {
                     height: var(--el-input-inner-height) !important;
                   }
+
+                  // 表格中申请加入按钮样式
+                  .el-button--primary.el-button--small {
+                    height: 24px;
+                    padding: 4px 12px;
+                    font-size: 12px;
+                    border-radius: 4px;
+                    min-width: 72px;
+                  }
                 }
               }
               .group-pagination{
diff --git a/src/views/group/index.vue b/src/views/group/index.vue
index 9d6b9b5..063e894 100644
--- a/src/views/group/index.vue
+++ b/src/views/group/index.vue
@@ -5,12 +5,23 @@
         <div class="group-box">
             <el-tabs type="card" class="group-tabs" default-active="mycreated" v-model="activeName"
                 @tab-change="handleTabChange">
-                <el-tab-pane class="group-tabs-item" v-for="tab in groupTabs" :name="tab.name" :key="tab.name"
-                    :label="tab.label">
+                <el-tab-pane 
+                    class="group-tabs-item" 
+                    v-for="tab in groupTabs" 
+                    :name="tab.name" 
+                    :key="tab.name"
+                    :label="tab.label"
+                >
                     <div class="group-tab-header">
                         <div>
-                            <el-button v-if="tab.name === 'mycreated'" type="primary" class="group-btn"
-                                @click="handleCreateGroup(true)">{{ $t('group.createTeam') }}</el-button>
+                            <el-button 
+                                v-if="tab.name === 'mycreated'" 
+                                type="primary" 
+                                class="group-btn"
+                                @click="handleCreateGroup(true)"
+                            >
+                                {{ $t('group.createTeam') }}
+                            </el-button>
                         </div>
                         <div class="group-right-btn">
                             <div class="group-btn-search">
@@ -67,9 +78,27 @@
                                             {{ item.memberCount }}{{ $t('group.people') }}
                                         </span>
                                     </div>
+                                    <!-- 我创建的团队显示编辑按钮 -->
                                     <el-button v-if="tab.name === 'mycreated'" text @click.stop="handleEditKl(item)">
                                         {{ $t('btnText.edit') }}
                                     </el-button>
+                                    <!-- 全部团队tab中，已加入的显示编辑按钮，未加入的显示申请加入按钮 -->
+                                    <el-button 
+                                        v-else-if="tab.name === 'all' && item.isJoined" 
+                                        text 
+                                        @click.stop="handleEditKl(item)"
+                                    >
+                                        {{ $t('btnText.edit') }}
+                                    </el-button>
+                                    <el-button 
+                                        v-else-if="tab.name === 'all' && !item.isJoined" 
+                                        text
+                                        size="small"
+                                        :loading="item.applying"
+                                        @click.stop="handleApplyToJoin(item)"
+                                    >
+                                        {{ $t('group.applyToJoin') }}
+                                    </el-button>
                                 </div>
                             </div>
                         </div>
@@ -112,11 +141,29 @@
                                         {{ convertUTCToLocalTime(scope.row.createdTime)}}
                                     </template>
                                 </el-table-column>
-                                <el-table-column prop="action" :label="$t('btnText.operation')" width="100">
+                                <el-table-column prop="action" :label="$t('btnText.operation')" width="120">
                                     <template #default="scope">
-                                        <el-button text @click="handleEditKl(scope.row)">
+                                        <!-- 我创建的团队显示编辑按钮 -->
+                                        <el-button v-if="activeName === 'mycreated'" text @click="handleEditKl(scope.row)">
+                                            {{ $t('btnText.edit') }}
+                                        </el-button>
+                                        <!-- 全部团队tab中，已加入的显示编辑按钮，未加入的显示申请加入按钮 -->
+                                        <el-button 
+                                            v-else-if="activeName === 'all' && scope.row.isJoined" 
+                                            text 
+                                            @click="handleEditKl(scope.row)"
+                                        >
                                             {{ $t('btnText.edit') }}
                                         </el-button>
+                                        <el-button 
+                                            v-else-if="activeName === 'all' && !scope.row.isJoined" 
+                                            type="primary" 
+                                            size="small"
+                                            :loading="scope.row.applying"
+                                            @click="handleApplyToJoin(scope.row)"
+                                        >
+                                            {{ $t('group.applyToJoin') }}
+                                        </el-button>
                                     </template>
                                 </el-table-column>
                             </el-table>
@@ -126,13 +173,19 @@
                         v-if="groupList?.length > 0" :current-page="currentPage" :page-size="currentPageSize"
                         :page-sizes="pagination.pageSizes" :layout="pagination.layout" :total="totalCount"
                         popper-class="fileLibraryPage" @size-change="handleSizeChange"
-                        @current-change="handleCurrentChange" />
+                        @current-change="handleCurrentChange" 
+                    />
                 </el-tab-pane>
             </el-tabs>
         </div>
     </div>
-    <CreateGroup :createGroupVisible="createGroupVisible" :handlequeryTeamList="handlequeryTeamList"
-        :dialogueType="dialogueType" :currentRow="currentRow" :close="() => handleCreateGroup(false)" />
+    <CreateGroup 
+        :createGroupVisible="createGroupVisible" 
+        :handlequeryTeamList="handlequeryTeamList"
+        :dialogueType="dialogueType" 
+        :currentRow="currentRow" 
+        :close="() => handleCreateGroup(false)" 
+    />
 </template>
 <script lang="ts" setup>
 import UserHeaderBar from '@/components/UserHeaderBar/index.vue';
@@ -161,7 +214,7 @@ const { t, locale} = useI18n();
 const groupStore = useGroupStore();
 const { setCurTeamInfo } = groupStore;
 
-const activeName = ref('mycreated');
+const activeName = ref('allTeams');
 const currentRow = ref({});
 const dialogueType = ref('create');
 let groupList = ref<any>([]);
@@ -213,6 +266,10 @@ const handleSizeChange = (pageSize: number) => {
 const { navGroup } = storeToRefs(useGroupStore());
 
 const groupTabs = ref([
+    {
+        label: t('group.allTeams'),
+        name: 'all',
+    },
     {
         label: t('group.myCreate'),
         name: 'mycreated',
@@ -224,6 +281,10 @@ const groupTabs = ref([
 ])
 watch(()=>t('') , () => {
     groupTabs.value = [
+        {
+            label: t('group.allTeams'),
+            name: 'all',
+        },
         {
             label: t('group.myCreate'),
             name: 'mycreated',
@@ -280,16 +341,92 @@ const handleToGroup = async (row: any) => {
     setCurTeamInfo(row);
 }
 
-const handlequeryTeamList = (param: { teamType: string, page: number, pageSize: number, teamName?: string }) => {
+const handlequeryTeamList = async (param: { teamType: string, page: number, pageSize: number, teamName?: string }) => {
     loading.value = true;
-    GroupAPI.teamList(param).then((res: any) => {
-        groupList.value = res.teams;
-        totalCount.value = res.total;
-    }).finally(() => {
+    try {
+        if (param.teamType === 'all') {
+            // 获取全部团队：公开团队 + 我加入的团队 + 我创建的团队
+            const [publicRes, joinedRes, createdRes] = await Promise.all([
+                GroupAPI.teamList({ teamType: 'public', page: 1, pageSize: 1000, teamName: param.teamName }),
+                GroupAPI.teamList({ teamType: 'myjoined', page: 1, pageSize: 1000, teamName: param.teamName }),
+                GroupAPI.teamList({ teamType: 'mycreated', page: 1, pageSize: 1000, teamName: param.teamName })
+            ]);
+            
+            const publicTeams = (publicRes as any)?.teams || [];
+            const joinedTeams = (joinedRes as any)?.teams || [];
+            const createdTeams = (createdRes as any)?.teams || [];
+            
+            // 合并已加入和创建的团队，标记为已加入
+            const myTeams = [...joinedTeams, ...createdTeams];
+            const myTeamIds = new Set(myTeams.map((team: any) => team.teamId));
+            
+            // 处理公开团队，标记是否已加入
+            const processedPublicTeams = publicTeams.map((team: any) => ({
+                ...team,
+                isJoined: myTeamIds.has(team.teamId),
+                applying: false
+            }));
+            
+            // 处理我的团队，标记为已加入
+            const processedMyTeams = myTeams.map((team: any) => ({
+                ...team,
+                isJoined: true,
+                applying: false
+            }));
+            
+            // 合并所有团队，去重
+            const allTeamsMap = new Map();
+            [...processedPublicTeams, ...processedMyTeams].forEach((team: any) => {
+                if (!allTeamsMap.has(team.teamId)) {
+                    allTeamsMap.set(team.teamId, team);
+                } else {
+                    // 如果团队已存在，优先保留已加入的状态
+                    const existingTeam = allTeamsMap.get(team.teamId);
+                    if (team.isJoined) {
+                        allTeamsMap.set(team.teamId, { ...existingTeam, isJoined: true });
+                    }
+                }
+            });
+            
+            const allTeams = Array.from(allTeamsMap.values()).sort((a: any, b: any) => 
+                new Date(b.createdTime).getTime() - new Date(a.createdTime).getTime()
+            );
+            
+            // 手动分页
+            const start = (param.page - 1) * param.pageSize;
+            const end = start + param.pageSize;
+            groupList.value = allTeams.slice(start, end);
+            totalCount.value = allTeams.length;
+        } else {
+            // 原有逻辑
+            const res = await GroupAPI.teamList(param) as any;
+            groupList.value = res.teams;
+            totalCount.value = res.total;
+        }
+    } catch (error) {
+        console.error('获取团队列表失败:', error);
+        groupList.value = [];
+        totalCount.value = 0;
+    } finally {
         loading.value = false;
-    })
+    }
 }
 
+// 申请加入团队
+const handleApplyToJoin = async (team: any) => {
+    try {
+        team.applying = true;
+        await GroupAPI.applyToJoinTeam(team.teamId);
+        ElMessage.success(`已成功申请加入团队"${team.teamName}"`);
+        // 可以选择刷新团队列表或更新团队状态
+    } catch (error) {
+        console.error('申请加入团队失败:', error);
+        ElMessage.error('申请加入团队失败，请重试');
+    } finally {
+        team.applying = false;
+    }
+};
+
 onMounted(() => {
     let param = {
         teamType: activeName.value,
diff --git a/src/views/groupDetail/index.vue b/src/views/groupDetail/index.vue
index d3a722c..a700d3b 100644
--- a/src/views/groupDetail/index.vue
+++ b/src/views/groupDetail/index.vue
@@ -1516,6 +1516,7 @@ const loadMoreTeamMessages = async () => {
     await getTeamMessages(nextPage, teamMessagesPageSize.value, true);
 };
 
+
 watch(()=>groupMenu.value , (newVal) => {
     if(newVal=== 'detail'){
         queryGroupDetail();
@@ -1744,6 +1745,7 @@ onMounted(()=>{
         text-align: center;
     }
 
+
     // 团队动态样式
     .team-news-container {
         padding: 16px 0;
-- 
Gitee


From acf263a2b6f09e4b62c024423b6e15f99564f11c Mon Sep 17 00:00:00 2001
From: Ethan-Zhang <ethanzhang55@outlook.com>
Date: Thu, 16 Oct 2025 10:17:14 +0800
Subject: [PATCH 2/2] =?UTF-8?q?Fix:=20=E4=BF=AE=E5=A4=8Dtab=20value?=
 =?UTF-8?q?=E9=94=99=E8=AF=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/group/index.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/group/index.vue b/src/views/group/index.vue
index 063e894..7884442 100644
--- a/src/views/group/index.vue
+++ b/src/views/group/index.vue
@@ -214,7 +214,7 @@ const { t, locale} = useI18n();
 const groupStore = useGroupStore();
 const { setCurTeamInfo } = groupStore;
 
-const activeName = ref('allTeams');
+const activeName = ref('all');
 const currentRow = ref({});
 const dialogueType = ref('create');
 let groupList = ref<any>([]);
-- 
Gitee