feat: 更新考勤打卡页面，新增应用链接展示，调整样式以适应不同屏幕尺寸，提升用户体验。

src/views/index.vue

@@ -14,7 +14,7 @@
           <span>{{ userinfo.postGroup || '未设置岗位' }}</span>
         </p>
       </div>
-      <div class="count">
+      <div class="count" v-show="false">
         <el-statistic
           :value="0"
           :value-style="{ fontSize: '32px' }"
@@ -28,7 +28,14 @@
         />
       </div>
     </header>
-    <section />
+    <section>
+      <div class="apps">
+        <router-link to="/m/checkin" class="app-card">
+          <span>考勤打卡</span>
+          <i class="el-icon-arrow-right" />
+        </router-link>
+      </div>
+    </section>
   </div>
 </template>
 
@@ -109,14 +116,39 @@ export default {
   }
 
   & > section {
-    display: grid;
-    grid-template-columns: repeat(2, 1fr);
     padding: 16px;
+  }
+}
+.apps {
+  display: grid;
+  grid-template-columns: repeat(6, 1fr);
 
-    .card {
-      background-color: #fff;
-      border-radius: 8px;
-      padding: 16px;
+  @media (max-width: 1024px) {
+    grid-template-columns: repeat(4, 1fr);
+  }
+
+  @media (max-width: 768px) {
+    grid-template-columns: repeat(2, 1fr);
+  }
+
+  @media (max-width: 480px) {
+    grid-template-columns: repeat(1, 1fr);
+  }
+
+  gap: 16px;
+  .app-card {
+    background-color: #fff;
+    border-radius: 8px;
+    padding: 16px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    color: #333;
+    text-decoration: none;
+    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
+    span {
+      font-size: 16px;
+      font-weight: 600;
     }
   }
 }