commit

src/main/resources/views/layouts/v4/home/entry.js

@@ -20,13 +20,17 @@ const entry = {
 		    <!-- 应用块区域 -->
 		    <div class="apps-container">
 			    <div class="app-grid">
-				    <div class="app-item" v-for="(item, index) in currentServices" :key="index"
+				    <div v-if="currentServices && currentServices.length > 0" class="app-item" v-for="(item, index) in currentServices" :key="index"
 				         @click="openService(item)">
 					    <div class="app-icon">
 						    <img :src="item.picIcon" alt="" />
 					    </div>
 					    <div class="app-name">{{ item.name }}</div>
 				    </div>
+                    <div v-if="currentServices.length === 0" class="no-entry-placeholder">
+                        <div class="icon">📅</div>
+                        <p>暂无数据</p>
+                    </div>
 			    </div>
 		    </div>
 	    </div>
@@ -174,7 +178,7 @@ const entry = {
             background: #fff;
             overflow-x: hidden;
             
-            max-height: calc(350px - 74px);
+            height: calc(350px - 74px);
             overflow-y: auto;
         }
 
@@ -244,5 +248,32 @@ const entry = {
                 gap: 12px;
             }
         }
+
+        .no-entry-placeholder {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: center;
+            padding: 40px 20px;
+            color: #94a3b8;
+            text-align: center;
+        }
+
+        .no-entry-placeholder .icon {
+            font-size: 48px;
+            margin-bottom: 12px;
+            opacity: 0.6;
+        }
+
+        .no-entry-placeholder p {
+            margin: 4px 0 0;
+            font-size: 16px;
+            font-weight: 500;
+        }
+
+        .no-entry-placeholder .subtext {
+            font-size: 13px;
+            opacity: 0.8;
+        }
     `
 };