From ec0ee66af26994427436cc4e9c7c25f9462f082e Mon Sep 17 00:00:00 2001
From: yumaojun03 <719118794@qq.com>
Date: Sun, 17 Aug 2025 12:06:06 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A1=A5=E5=85=85=E5=BA=94=E7=94=A8=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 devcloud/etc/application.toml                 |  2 +-
 devcloud/web/src/assets/main.css              | 10 +++
 devcloud/web/src/layout/DashboardLayout.vue   |  2 +-
 devcloud/web/src/layout/FrontendLayout.vue    |  2 +-
 devcloud/web/src/layout/MenuLayout.vue        |  2 +-
 devcloud/web/src/pages/develop/AppPage.vue    | 86 +++++++++++--------
 .../pages/project/components/ProjectCard.vue  |  2 +-
 7 files changed, 63 insertions(+), 43 deletions(-)

diff --git a/devcloud/etc/application.toml b/devcloud/etc/application.toml
index 9f6f6c6..4ca919d 100644
--- a/devcloud/etc/application.toml
+++ b/devcloud/etc/application.toml
@@ -1,7 +1,7 @@
 [app]
   name = "devcloud"
   description = "app desc"
-  address = "http://127.0.0.1:8080"
+  address = "http://localhost:8080"
   encrypt_key = "defualt app encrypt key"
 
 [datasource]
diff --git a/devcloud/web/src/assets/main.css b/devcloud/web/src/assets/main.css
index de4faa8..a3fc410 100644
--- a/devcloud/web/src/assets/main.css
+++ b/devcloud/web/src/assets/main.css
@@ -7,3 +7,13 @@ body {
   height: 100%;
   width: 100%;
 }
+
+.action-bar {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-top: 16px;
+  margin-bottom: 16px;
+  flex-wrap: wrap;
+  gap: 12px;
+}
diff --git a/devcloud/web/src/layout/DashboardLayout.vue b/devcloud/web/src/layout/DashboardLayout.vue
index cd76db4..cdd7dcc 100644
--- a/devcloud/web/src/layout/DashboardLayout.vue
+++ b/devcloud/web/src/layout/DashboardLayout.vue
@@ -134,7 +134,7 @@ const handleUserOption = (option) => {
 .router-view-wrapper {
   flex: 1;
   padding: 20px;
-  min-height: calc(100vh - 180px);
+  // min-height: calc(100vh - 180px);
   /* 调整最小高度 */
 }
 
diff --git a/devcloud/web/src/layout/FrontendLayout.vue b/devcloud/web/src/layout/FrontendLayout.vue
index 03b1f9d..da59038 100644
--- a/devcloud/web/src/layout/FrontendLayout.vue
+++ b/devcloud/web/src/layout/FrontendLayout.vue
@@ -174,7 +174,7 @@
 .router-view-wrapper {
   flex: 1;
   padding: 20px;
-  min-height: calc(100vh - 180px);
+  // min-height: calc(100vh - 180px);
   /* 调整最小高度 */
 }
 
diff --git a/devcloud/web/src/layout/MenuLayout.vue b/devcloud/web/src/layout/MenuLayout.vue
index 1a1f955..18d2434 100644
--- a/devcloud/web/src/layout/MenuLayout.vue
+++ b/devcloud/web/src/layout/MenuLayout.vue
@@ -418,7 +418,7 @@ const systemMenus = shallowReactive({
 .router-view-wrapper {
   flex: 1;
   padding: 0px 20px 0px 40px;
-  min-height: calc(100vh - 180px);
+  // min-height: calc(100vh - 180px);
   /* 动态计算最小高度 */
 }
 
diff --git a/devcloud/web/src/pages/develop/AppPage.vue b/devcloud/web/src/pages/develop/AppPage.vue
index 2f2f400..8931be8 100644
--- a/devcloud/web/src/pages/develop/AppPage.vue
+++ b/devcloud/web/src/pages/develop/AppPage.vue
@@ -1,43 +1,53 @@
 <template>
-  <a-form layout="inline" :model="query">
-    <div>
+  <div>
+    <div class="action-bar">
+      <a-space>
+        <a-button type="primary">
+          <template #icon><icon-plus /></template>
+          新建项目空间
+        </a-button>
+      </a-space>
+      <a-space>
+        <a-select v-model="query.ready" :style="{ width: '220px', backgroundColor: '#fff' }" @change="fetchAppList"
+          placeholder="选择状态" allow-clear>
+          <a-option :value="true">就绪</a-option>
+          <a-option :value="false">未就绪</a-option>
+        </a-select>
+        <a-input-search v-model="searchKey" placeholder="搜索项目名称/描述" allow-clear
+          style="width: 300px;background-color: #fff;" />
+      </a-space>
     </div>
-    <div>
-      <a-form-item label="Hover" field="hover">
-        <a-switch v-model="query.hover" />
-      </a-form-item>
-    </div>
-  </a-form>
-  <a-table :data="data.items" :loading="fetchAppLoading">
-    <template #columns>
-      <a-table-column title="名称" data-index="name"></a-table-column>
-      <a-table-column title="描述" data-index="description"></a-table-column>
-      <a-table-column title="团队" data-index="label.team"></a-table-column>
-      <a-table-column title="创建时间" data-index="create_at"></a-table-column>
-      <a-table-column title="类型" data-index="type"></a-table-column>
-      <a-table-column title="仓库地址" data-index="code_repository.ssh_url"></a-table-column>
-      <a-table-column title="是否就绪" data-index="ready">
-        <template #cell="{ record }">
-          <a-switch type="round" disabled v-model="record.ready">
-            <template #checked>
-              就绪
-            </template>
-            <template #unchecked>
-              未就绪
-            </template>
-          </a-switch>
-        </template>
-      </a-table-column>
-      <a-table-column title="操作">
-        <template #cell="{ record }">
-          <a-space>
-            <a-button @click="editApp(record)">编辑</a-button>
-            <a-button @click="deleteApp(record)" type="primary">删除</a-button>
-          </a-space>
-        </template>
-      </a-table-column>
-    </template>
-  </a-table>
+    <a-table :data="data.items" :loading="fetchAppLoading">
+      <template #columns>
+        <a-table-column title="名称" data-index="name"></a-table-column>
+        <a-table-column title="描述" data-index="description"></a-table-column>
+        <a-table-column title="团队" data-index="label.team"></a-table-column>
+        <a-table-column title="创建时间" data-index="create_at"></a-table-column>
+        <a-table-column title="类型" data-index="type"></a-table-column>
+        <a-table-column title="仓库地址" data-index="code_repository.ssh_url"></a-table-column>
+        <a-table-column title="是否就绪" data-index="ready">
+          <template #cell="{ record }">
+            <a-switch type="round" disabled v-model="record.ready">
+              <template #checked>
+                就绪
+              </template>
+              <template #unchecked>
+                未就绪
+              </template>
+            </a-switch>
+          </template>
+        </a-table-column>
+        <a-table-column title="操作">
+          <template #cell="{ record }">
+            <a-space>
+              <a-button @click="editApp(record)">编辑</a-button>
+              <a-button @click="deleteApp(record)" type="primary">删除</a-button>
+            </a-space>
+          </template>
+        </a-table-column>
+      </template>
+    </a-table>
+  </div>
 </template>
 
 <script setup>
diff --git a/devcloud/web/src/pages/project/components/ProjectCard.vue b/devcloud/web/src/pages/project/components/ProjectCard.vue
index dffda0a..cfddea6 100644
--- a/devcloud/web/src/pages/project/components/ProjectCard.vue
+++ b/devcloud/web/src/pages/project/components/ProjectCard.vue
@@ -90,7 +90,7 @@ const formatDate = (timestamp) => {
   margin-bottom: 16px;
   border-radius: 4px;
   transition: all 0.2s;
-  height: 220px;
+  height: 260px;
 }
 
 .project-card:hover {