..

frontend/src/pages/activity/team-form/index.vue

@@ -1,43 +1,50 @@
 <template>
   <view class="page-container">
-    <t-dropdown-menu class="top-dropdown">
-      <t-dropdown-item :options="actOptions" :value="selectActId"/>
-    </t-dropdown-menu>
+    <template v-if="actOptions && actOptions.length>0">
+      <t-dropdown-menu class="top-dropdown">
+        <t-dropdown-item :options="actOptions" :value="selectActId"/>
+      </t-dropdown-menu>
+      <view class="content-container">
+        <view class="page-header">
+          <text class="page-title">团队报名</text>
+          <text class="page-subtitle">点击项目报名</text>
+        </view>
 
-    <view class="content-container">
-      <view class="page-header">
-        <text class="page-title">团队报名</text>
-        <text class="page-subtitle">点击项目报名</text>
-      </view>
-
-      <!-- 项目列表 -->
-      <view class="project-cards">
-        <view
-            v-for="project in itemOptions"
-            :key="project.id"
-            class="project-card"
-            :class="{'project-card--registered': registrationStatus.get(project.id)?.length}"
-            @click="selectProject(project.id)"
-        >
-          <view class="project-card__content">
-            <view class="project-card__title">{{ project.name }}</view>
-            <view class="project-card__desc">{{ project.description }}</view>
-          </view>
-          <view class="project-card__status">
-            <t-tag v-if="registrationStatus.get(project.id)?.length" theme="success" variant="light-outline">
-              已报名 {{ registrationStatus.get(project.id)?.length }}人
-            </t-tag>
-            <view v-else class="project-card__action">
-              <t-icon name="chevron-right" color="#999"/>
+        <!-- 项目列表 -->
+        <view class="project-cards">
+          <view
+              v-for="project in itemOptions"
+              :key="project.id"
+              class="project-card"
+              :class="{'project-card--registered': registrationStatus.get(project.id)?.length}"
+              @click="selectProject(project.id)"
+          >
+            <view class="project-card__content">
+              <view class="project-card__title">{{ project.name }}</view>
+              <view class="project-card__desc">{{ project.description }}</view>
             </view>
+            <view class="project-card__status">
+              <t-tag v-if="registrationStatus.get(project.id)?.length" theme="success" variant="light-outline">
+                已报名 {{ registrationStatus.get(project.id)?.length }}人
+              </t-tag>
+              <view v-else class="project-card__action">
+                <t-icon name="chevron-right" color="#999"/>
+              </view>
+            </view>
+            <!--          <view v-if="registrationStatus.get(project.id)?.length" class="project-card__checkmark">
+                        <t-icon name="check" color="#52c41a"/>
+                      </view>-->
           </view>
-<!--          <view v-if="registrationStatus.get(project.id)?.length" class="project-card__checkmark">
-            <t-icon name="check" color="#52c41a"/>
-          </view>-->
         </view>
       </view>
+    </template>
+    <view v-else style="flex: 1;display: flex;justify-content: center;align-items: center">
+      <t-empty v-if="actOptions && actOptions.length === 0"
+               image="/static/img/empty.png"
+               description="您没有任何团队信息，无法进行项目报名"
+               style="flex: 1">
+      </t-empty>
     </view>
-
     <t-popup v-model:visible="showMemberPicker" placement="bottom" destroy-on-close>
       <view class="member-picker">
         <view class="picker-header">