v3
veypi 2 weeks ago
parent 89a2ea17e2
commit 70da692d9a

@ -1,6 +0,0 @@
## 接口规范检查与修复任务
- [ ] 检查并修复 `api/app` 及其子模块接口规范: `access`, `app_user`, `resource`, `role`
- [ ] 检查并修复 `api/sms` 接口规范
- [ ] 检查并修复 `api/token` 接口规范
- [ ] 检查并修复 `api/user` 及其子模块接口规范: `role`

@ -2,10 +2,6 @@ module github.com/veypi/vbase
go 1.24.1 go 1.24.1
replace github.com/veypi/vhtml-ui => ../vhtml-ui/
replace github.com/veypi/vigo => ../vigo/
require ( require (
github.com/alibabacloud-go/darabonba-openapi/v2 v2.1.9 github.com/alibabacloud-go/darabonba-openapi/v2 v2.1.9
github.com/alibabacloud-go/dysmsapi-20170525/v5 v5.1.2 github.com/alibabacloud-go/dysmsapi-20170525/v5 v5.1.2
@ -15,7 +11,6 @@ require (
github.com/glebarez/sqlite v1.11.0 github.com/glebarez/sqlite v1.11.0
github.com/golang-jwt/jwt/v5 v5.2.3 github.com/golang-jwt/jwt/v5 v5.2.3
github.com/google/uuid v1.6.0 github.com/google/uuid v1.6.0
github.com/veypi/vhtml-ui v0.0.0-00010101000000-000000000000
github.com/veypi/vigo v0.6.0 github.com/veypi/vigo v0.6.0
gorm.io/driver/mysql v1.6.0 gorm.io/driver/mysql v1.6.0
gorm.io/driver/postgres v1.6.0 gorm.io/driver/postgres v1.6.0

@ -1,5 +1,6 @@
<!doctype html> <!doctype html>
<html> <html>
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
@ -12,6 +13,7 @@ body {
background-color: var(--bg-color-primary); background-color: var(--bg-color-primary);
color: var(--text-color-primary); color: var(--text-color-primary);
} }
header { header {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
@ -20,21 +22,25 @@ header {
flex-wrap: wrap; flex-wrap: wrap;
gap: var(--spacing-md); gap: var(--spacing-md);
} }
h1 { h1 {
font-size: 2rem; font-size: 2rem;
font-weight: 700; font-weight: 700;
color: var(--color-primary); color: var(--color-primary);
} }
.filters { .filters {
display: flex; display: flex;
gap: var(--spacing-sm); gap: var(--spacing-sm);
margin-bottom: var(--spacing-lg); margin-bottom: var(--spacing-lg);
} }
.app-grid { .app-grid {
display: grid; display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: var(--spacing-lg); gap: var(--spacing-lg);
} }
.app-card { .app-card {
background-color: var(--bg-color-secondary); background-color: var(--bg-color-secondary);
border-radius: var(--radius-md); border-radius: var(--radius-md);
@ -44,16 +50,19 @@ h1 {
flex-direction: column; flex-direction: column;
overflow: hidden; overflow: hidden;
} }
.app-card:hover { .app-card:hover {
transform: translateY(-5px); transform: translateY(-5px);
box-shadow: var(--shadow-lg); box-shadow: var(--shadow-lg);
} }
.app-card-header { .app-card-header {
padding: var(--spacing-md); padding: var(--spacing-md);
display: flex; display: flex;
align-items: center; align-items: center;
border-bottom: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color);
} }
.app-icon { .app-icon {
width: 48px; width: 48px;
height: 48px; height: 48px;
@ -62,22 +71,37 @@ h1 {
object-fit: cover; object-fit: cover;
background-color: var(--bg-color-tertiary); background-color: var(--bg-color-tertiary);
} }
.app-info { .app-info {
flex: 1; flex: 1;
} }
.app-title { .app-title {
font-weight: 600; font-weight: 600;
margin-bottom: var(--spacing-xs); margin-bottom: var(--spacing-xs);
color: var(--text-color-primary); color: var(--text-color-primary);
} }
.app-status { .app-status {
font-size: 0.8rem; font-size: 0.8rem;
padding: 2px 8px; padding: 2px 8px;
border-radius: 10px; border-radius: 10px;
} }
.status-active { background-color: color-mix(in srgb, var(--color-success), transparent 90%); color: var(--color-success); }
.status-pending { background-color: color-mix(in srgb, var(--color-warning), transparent 90%); color: var(--color-warning); } .status-active {
.status-inactive { background-color: color-mix(in srgb, var(--color-danger), transparent 90%); color: var(--color-danger); } background-color: color-mix(in srgb, var(--color-success), transparent 90%);
color: var(--color-success);
}
.status-pending {
background-color: color-mix(in srgb, var(--color-warning), transparent 90%);
color: var(--color-warning);
}
.status-inactive {
background-color: color-mix(in srgb, var(--color-danger), transparent 90%);
color: var(--color-danger);
}
.app-card-body { .app-card-body {
padding: var(--spacing-md); padding: var(--spacing-md);
@ -86,6 +110,7 @@ h1 {
font-size: 0.9rem; font-size: 0.9rem;
line-height: 1.5; line-height: 1.5;
} }
.app-card-footer { .app-card-footer {
padding: var(--spacing-md); padding: var(--spacing-md);
border-top: 1px solid var(--border-color); border-top: 1px solid var(--border-color);
@ -95,6 +120,7 @@ h1 {
background-color: color-mix(in srgb, var(--bg-color-secondary), black 2%); background-color: color-mix(in srgb, var(--bg-color-secondary), black 2%);
} }
</style> </style>
<body layout="app"> <body layout="app">
<header> <header>
<h1>应用中心</h1> <h1>应用中心</h1>
@ -105,9 +131,7 @@ h1 {
<div class="filters"> <div class="filters">
<v-btn v-for="filter in filters" :key="filter.value" <v-btn v-for="filter in filters" :key="filter.value"
:variant="currentFilter === filter.value ? 'primary' : 'outline'" :variant="currentFilter === filter.value ? 'primary' : 'outline'" @click="currentFilter = filter.value" size="sm">
@click="currentFilter = filter.value"
size="sm">
{{ filter.label }} {{ filter.label }}
</v-btn> </v-btn>
</div> </div>
@ -165,7 +189,7 @@ openApp = (app) => {
} }
manageApp = (app) => { manageApp = (app) => {
$router.push('/app/settings?id=' + app.id) $router.push(`/app/${app.id}/settings`)
} }
// Fetch apps // Fetch apps
@ -188,4 +212,5 @@ $watch(() => [searchQuery, currentFilter, apps], () => {
$data.filteredApps = result $data.filteredApps = result
}) })
</script> </script>
</html> </html>

Loading…
Cancel
Save