go-course/go18
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

补充应用管理页面

Browse Source
This commit is contained in:
yumaojun03 2025-08-17 12:06:06 +08:00
parent fc40e7663a
commit ec0ee66af2
7 changed files with 63 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
devcloud/etc/application.toml
View File

@ -1,7 +1,7 @@
[app] [app]
name = "devcloud" name = "devcloud"
description = "app desc" description = "app desc"
address = "http://127.0.0.1:8080" address = "http://localhost:8080"
encrypt_key = "defualt app encrypt key" encrypt_key = "defualt app encrypt key"
[datasource] [datasource]

10
devcloud/web/src/assets/main.css
View File

@ -7,3 +7,13 @@ body {
height: 100%; height: 100%;
width: 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;
}

2
devcloud/web/src/layout/DashboardLayout.vue
View File

@ -134,7 +134,7 @@ const handleUserOption = (option) => {
.router-view-wrapper { .router-view-wrapper {
flex: 1; flex: 1;
padding: 20px; padding: 20px;
min-height: calc(100vh - 180px); // min-height: calc(100vh - 180px);
/* 调整最小高度 */ /* 调整最小高度 */
} }

2
devcloud/web/src/layout/FrontendLayout.vue
View File

@ -174,7 +174,7 @@
.router-view-wrapper { .router-view-wrapper {
flex: 1; flex: 1;
padding: 20px; padding: 20px;
min-height: calc(100vh - 180px); // min-height: calc(100vh - 180px);
/* 调整最小高度 */ /* 调整最小高度 */
} }

2
devcloud/web/src/layout/MenuLayout.vue
View File

@ -418,7 +418,7 @@ const systemMenus = shallowReactive({
.router-view-wrapper { .router-view-wrapper {
flex: 1; flex: 1;
padding: 0px 20px 0px 40px; padding: 0px 20px 0px 40px;
min-height: calc(100vh - 180px); // min-height: calc(100vh - 180px);
/* 动态计算最小高度 */ /* 动态计算最小高度 */
} }

86
devcloud/web/src/pages/develop/AppPage.vue
View File

@ -1,43 +1,53 @@
<template> <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>
<div> <a-table :data="data.items" :loading="fetchAppLoading">
<a-form-item label="Hover" field="hover"> <template #columns>
<a-switch v-model="query.hover" /> <a-table-column title="名称" data-index="name"></a-table-column>
</a-form-item> <a-table-column title="描述" data-index="description"></a-table-column>
</div> <a-table-column title="团队" data-index="label.team"></a-table-column>
</a-form> <a-table-column title="创建时间" data-index="create_at"></a-table-column>
<a-table :data="data.items" :loading="fetchAppLoading"> <a-table-column title="类型" data-index="type"></a-table-column>
<template #columns> <a-table-column title="仓库地址" data-index="code_repository.ssh_url"></a-table-column>
<a-table-column title="名称" data-index="name"></a-table-column> <a-table-column title="是否就绪" data-index="ready">
<a-table-column title="描述" data-index="description"></a-table-column> <template #cell="{ record }">
<a-table-column title="团队" data-index="label.team"></a-table-column> <a-switch type="round" disabled v-model="record.ready">
<a-table-column title="创建时间" data-index="create_at"></a-table-column> <template #checked>
<a-table-column title="类型" data-index="type"></a-table-column> 就绪
<a-table-column title="仓库地址" data-index="code_repository.ssh_url"></a-table-column> </template>
<a-table-column title="是否就绪" data-index="ready"> <template #unchecked>
<template #cell="{ record }"> 未就绪
<a-switch type="round" disabled v-model="record.ready"> </template>
<template #checked> </a-switch>
就绪 </template>
</template> </a-table-column>
<template #unchecked> <a-table-column title="操作">
未就绪 <template #cell="{ record }">
</template> <a-space>
</a-switch> <a-button @click="editApp(record)">编辑</a-button>
</template> <a-button @click="deleteApp(record)" type="primary">删除</a-button>
</a-table-column> </a-space>
<a-table-column title="操作"> </template>
<template #cell="{ record }"> </a-table-column>
<a-space> </template>
<a-button @click="editApp(record)">编辑</a-button> </a-table>
<a-button @click="deleteApp(record)" type="primary">删除</a-button> </div>
</a-space>
</template>
</a-table-column>
</template>
</a-table>
</template> </template>
<script setup> <script setup>

2
devcloud/web/src/pages/project/components/ProjectCard.vue
View File

@ -90,7 +90,7 @@ const formatDate = (timestamp) => {
margin-bottom: 16px; margin-bottom: 16px;
border-radius: 4px; border-radius: 4px;
transition: all 0.2s; transition: all 0.2s;
height: 220px; height: 260px;
} }
.project-card:hover { .project-card:hover {