补充应用管理页面

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]

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;
+}

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);
   /* 调整最小高度 */
 }
 

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);
   /* 调整最小高度 */
 }
 

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);
   /* 动态计算最小高度 */
 }
 

devcloud/web/src/pages/develop/AppPage.vue

@@ -1,13 +1,22 @@
 <template>
-  <a-form layout="inline" :model="query">
   <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>
@@ -38,6 +47,7 @@
         </a-table-column>
       </template>
     </a-table>
+  </div>
 </template>
 
 <script setup>

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 {