chore(app): 删除已拆分的单页应用中心/单页GERP系统（由子页面取代）
This commit is contained in:
TermiNexus committed
1 parent
b15d3fe89d
commit
1894786327
2 files changed
-928
No files matched your search
@@ -1,394 +0,0 @@
|
||||
<script setup lang="ts">
|
||||
/**
|
||||
* 应用中心 AppCenter
|
||||
*
|
||||
* 功能/应用体系：企业视角叫"功能"（租户安装后全员可用），个人视角叫"应用"（个人启用后自用）。
|
||||
* 三个页签：
|
||||
* 1. 应用市场 —— 全部应用，标注类型（企业功能/个人应用/混合）与安装/启用状态；
|
||||
* 租户管理员可安装/停用企业功能；个人可启用个人应用、申请企业授权
|
||||
* 2. 我的应用 —— 当前用户可用应用（租户已装的企业功能 + 个人已启用）
|
||||
* 3. 授权审批 —— 仅租户管理员：审批个人对企业授权应用的申请
|
||||
*
|
||||
* 接口：GET/POST /API/App/*
|
||||
*/
|
||||
import { ref, computed, onMounted } from 'vue'
|
||||
import { ElMessage } from 'element-plus'
|
||||
import { Grid } from '@element-plus/icons-vue'
|
||||
import { appApi, type AppItem, type PendingItem } from '@/api/app'
|
||||
import { useUserStore } from '@/stores/user'
|
||||
import { setPageTitle } from '@/utils/serverScope'
|
||||
|
||||
const userStore = useUserStore()
|
||||
|
||||
// === 状态 ===
|
||||
const activeTab = ref<'market' | 'mine' | 'pending'>('market')
|
||||
const market = ref<AppItem[]>([])
|
||||
const myApps = ref<AppItem[]>([])
|
||||
const pending = ref<PendingItem[]>([])
|
||||
const loading = ref(false)
|
||||
|
||||
const isAdmin = computed(() => userStore.isAdmin)
|
||||
|
||||
// === 类型标签 ===
|
||||
function typeLabel(t: string): { text: string; type: 'success' | 'info' | 'warning' } {
|
||||
if (t === 'enterprise') return { text: '企业功能', type: 'success' }
|
||||
if (t === 'personal') return { text: '个人应用', type: 'info' }
|
||||
return { text: '混合', type: 'warning' }
|
||||
}
|
||||
|
||||
function applyStatusLabel(s: number | undefined): string {
|
||||
if (s === 1) return '授权申请中'
|
||||
if (s === 2) return '已授权'
|
||||
if (s === 3) return '已拒绝'
|
||||
return ''
|
||||
}
|
||||
|
||||
// === 加载 ===
|
||||
async function loadMarket(): Promise<void> {
|
||||
try {
|
||||
const r = await appApi.market()
|
||||
market.value = r.list
|
||||
} catch { /* 拦截器已提示 */ }
|
||||
}
|
||||
|
||||
async function loadMyApps(): Promise<void> {
|
||||
try {
|
||||
const r = await appApi.myApps()
|
||||
myApps.value = r.list
|
||||
} catch { /* 拦截器已提示 */ }
|
||||
}
|
||||
|
||||
async function loadPending(): Promise<void> {
|
||||
try {
|
||||
const r = await appApi.pending()
|
||||
pending.value = r.list
|
||||
} catch { /* 拦截器已提示 */ }
|
||||
}
|
||||
|
||||
async function loadAll(): Promise<void> {
|
||||
loading.value = true
|
||||
try {
|
||||
await Promise.all([loadMarket(), loadMyApps(), loadPending()])
|
||||
} finally {
|
||||
loading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
onMounted(async () => {
|
||||
setPageTitle('应用中心')
|
||||
await loadAll()
|
||||
})
|
||||
|
||||
function switchTab(tab: 'market' | 'mine' | 'pending'): void {
|
||||
activeTab.value = tab
|
||||
if (tab === 'market') void loadMarket()
|
||||
if (tab === 'mine') void loadMyApps()
|
||||
if (tab === 'pending') void loadPending()
|
||||
}
|
||||
|
||||
// === 操作 ===
|
||||
|
||||
/** 租户管理员：安装/停用企业功能 */
|
||||
async function toggleInstall(a: AppItem): Promise<void> {
|
||||
try {
|
||||
if (a.TenantInstalled) {
|
||||
await appApi.uninstall(a.AppUUID)
|
||||
ElMessage.success(`已停用「${a.AppName}」`)
|
||||
} else {
|
||||
await appApi.install(a.AppUUID)
|
||||
ElMessage.success(`已安装「${a.AppName}」，全员可用`)
|
||||
}
|
||||
await Promise.all([loadMarket(), loadMyApps()])
|
||||
} catch { /* 拦截器已提示 */ }
|
||||
}
|
||||
|
||||
/** 个人：启用/停用应用 */
|
||||
async function toggleEnable(a: AppItem): Promise<void> {
|
||||
try {
|
||||
if (a.UserEnabled) {
|
||||
await appApi.disable(a.AppUUID)
|
||||
ElMessage.success('已停用')
|
||||
} else {
|
||||
await appApi.enable(a.AppUUID)
|
||||
ElMessage.success('已启用')
|
||||
}
|
||||
await Promise.all([loadMarket(), loadMyApps()])
|
||||
} catch { /* 拦截器已提示 */ }
|
||||
}
|
||||
|
||||
/** 个人：申请企业授权 */
|
||||
async function applyAuth(a: AppItem): Promise<void> {
|
||||
try {
|
||||
await appApi.apply(a.AppUUID)
|
||||
ElMessage.success(`已提交「${a.AppName}」授权申请，等待租户管理员审批`)
|
||||
await loadMarket()
|
||||
} catch { /* 拦截器已提示 */ }
|
||||
}
|
||||
|
||||
/** 租户管理员：审批 */
|
||||
async function approve(u: PendingItem, ok: boolean): Promise<void> {
|
||||
try {
|
||||
await appApi.approve(u.UserAppUUID, ok)
|
||||
ElMessage.success(ok ? '已通过' : '已拒绝')
|
||||
await Promise.all([loadPending(), loadMarket()])
|
||||
} catch { /* 拦截器已提示 */ }
|
||||
}
|
||||
|
||||
/** 市场卡片操作按钮（按类型 + 管理员/个人视角返回描述文案） */
|
||||
function marketActionDesc(a: AppItem): string {
|
||||
if (a.AuthRequired && a.ApplyStatus === 1) return '授权申请中'
|
||||
if (a.TenantInstalled) return '企业已安装'
|
||||
if (a.UserEnabled) return '个人已启用'
|
||||
return ''
|
||||
}
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="app-center-page">
|
||||
<el-card shadow="never" class="app-center-card">
|
||||
<template #header>
|
||||
<div class="app-center-header">
|
||||
<el-icon class="header-icon"><Grid /></el-icon>
|
||||
<span>应用中心</span>
|
||||
<span class="header-sub">企业功能 · 个人应用 · 企业授权</span>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<el-tabs v-model="activeTab" @tab-change="switchTab(activeTab as 'market' | 'mine' | 'pending')">
|
||||
<!-- 应用市场 -->
|
||||
<el-tab-pane label="应用市场" name="market">
|
||||
<div v-loading="loading" class="app-grid">
|
||||
<div v-for="a in market" :key="a.AppUUID" class="app-card">
|
||||
<div class="app-card-head">
|
||||
<div class="app-icon">
|
||||
<el-icon :size="24"><component :is="a.AppIcon || 'Grid'" /></el-icon>
|
||||
</div>
|
||||
<div class="app-titles">
|
||||
<div class="app-name">{{ a.AppName }}</div>
|
||||
<div class="app-code">{{ a.AppCode }}</div>
|
||||
</div>
|
||||
<el-tag :type="typeLabel(a.AppType).type" size="small">{{ typeLabel(a.AppType).text }}</el-tag>
|
||||
</div>
|
||||
<div class="app-desc">{{ a.AppDesc || '暂无描述' }}</div>
|
||||
<div class="app-foot">
|
||||
<span v-if="marketActionDesc(a)" class="app-status">{{ marketActionDesc(a) }}</span>
|
||||
<span v-else-if="a.ApplyStatus === 2" class="app-status ok">已授权</span>
|
||||
<span v-else-if="a.ApplyStatus === 3" class="app-status err">已拒绝</span>
|
||||
<div class="spacer" />
|
||||
<!-- 企业功能：管理员安装/停用；普通用户提示 -->
|
||||
<template v-if="a.AppType === 'enterprise'">
|
||||
<el-button v-if="isAdmin" size="small" :type="a.TenantInstalled ? 'danger' : 'primary'"
|
||||
:plain="!!a.TenantInstalled" @click="toggleInstall(a)">
|
||||
{{ a.TenantInstalled ? '停用' : '安装' }}
|
||||
</el-button>
|
||||
<el-tag v-else size="small" type="info" effect="plain">由企业管理员开通</el-tag>
|
||||
</template>
|
||||
<!-- 个人应用：启用/停用/申请 -->
|
||||
<template v-else-if="a.AppType === 'personal'">
|
||||
<el-button v-if="a.AuthRequired && !a.UserEnabled && !a.ApplyStatus" size="small" type="primary"
|
||||
@click="applyAuth(a)">申请授权</el-button>
|
||||
<el-button v-else-if="!a.AuthRequired || a.ApplyStatus === 2" size="small"
|
||||
:type="a.UserEnabled ? 'danger' : 'primary'" :plain="!!a.UserEnabled"
|
||||
@click="toggleEnable(a)">
|
||||
{{ a.UserEnabled ? '停用' : '启用' }}
|
||||
</el-button>
|
||||
<el-tag v-else size="small" type="info" effect="plain">{{ applyStatusLabel(a.ApplyStatus) }}</el-tag>
|
||||
</template>
|
||||
<!-- 混合：管理员可安装，个人可启用 -->
|
||||
<template v-else>
|
||||
<template v-if="isAdmin">
|
||||
<el-button size="small" :type="a.TenantInstalled ? 'danger' : 'primary'"
|
||||
:plain="!!a.TenantInstalled" @click="toggleInstall(a)">
|
||||
{{ a.TenantInstalled ? '停用' : '安装' }}
|
||||
</el-button>
|
||||
</template>
|
||||
<el-button v-else size="small" :type="a.UserEnabled ? 'danger' : 'primary'"
|
||||
:plain="!!a.UserEnabled" @click="toggleEnable(a)">
|
||||
{{ a.UserEnabled ? '停用' : '启用' }}
|
||||
</el-button>
|
||||
</template>
|
||||
</div>
|
||||
</div>
|
||||
<el-empty v-if="!loading && !market.length" description="暂无可用的应用" :image-size="80" />
|
||||
</div>
|
||||
</el-tab-pane>
|
||||
|
||||
<!-- 我的应用 -->
|
||||
<el-tab-pane label="我的应用" name="mine">
|
||||
<div v-loading="loading" class="app-grid">
|
||||
<div v-for="a in myApps" :key="a.AppUUID" class="app-card">
|
||||
<div class="app-card-head">
|
||||
<div class="app-icon">
|
||||
<el-icon :size="24"><component :is="a.AppIcon || 'Grid'" /></el-icon>
|
||||
</div>
|
||||
<div class="app-titles">
|
||||
<div class="app-name">{{ a.AppName }}</div>
|
||||
<div class="app-code">{{ a.AppCode }}</div>
|
||||
</div>
|
||||
<el-tag :type="typeLabel(a.AppType).type" size="small">{{ typeLabel(a.AppType).text }}</el-tag>
|
||||
</div>
|
||||
<div class="app-desc">{{ a.AppDesc || '暂无描述' }}</div>
|
||||
<div class="app-foot">
|
||||
<span class="app-status ok">{{ a.TenantInstalled && a.AppType !== 'personal' ? '企业已开通' : '个人已启用' }}</span>
|
||||
<div class="spacer" />
|
||||
<el-button v-if="a.AppType !== 'enterprise'" size="small" type="danger" plain @click="toggleEnable(a)">停用</el-button>
|
||||
<el-tag v-else size="small" type="success" effect="plain">企业功能</el-tag>
|
||||
</div>
|
||||
</div>
|
||||
<el-empty v-if="!loading && !myApps.length" description="暂无可用应用，请到应用市场启用" :image-size="80" />
|
||||
</div>
|
||||
</el-tab-pane>
|
||||
|
||||
<!-- 授权审批（仅管理员） -->
|
||||
<el-tab-pane v-if="isAdmin" label="授权审批" name="pending">
|
||||
<div v-loading="loading" class="pending-list">
|
||||
<div v-for="u in pending" :key="u.UserAppUUID" class="pending-row">
|
||||
<div class="app-icon small">
|
||||
<el-icon :size="18"><component :is="u.AppIcon || 'Grid'" /></el-icon>
|
||||
</div>
|
||||
<div class="pending-main">
|
||||
<div class="pending-title">{{ u.AppName }}</div>
|
||||
<div class="pending-sub">申请人 {{ u.UserUUID.slice(0, 8) }} · 申请于 {{ u.ApplyTime ? new Date(u.ApplyTime).toLocaleString('zh-CN', { hour12: false }) : '-' }}</div>
|
||||
</div>
|
||||
<div class="spacer" />
|
||||
<el-button size="small" type="danger" @click="approve(u, false)">拒绝</el-button>
|
||||
<el-button size="small" type="primary" @click="approve(u, true)">通过</el-button>
|
||||
</div>
|
||||
<el-empty v-if="!loading && !pending.length" description="暂无待审批的授权申请" :image-size="80" />
|
||||
</div>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
</el-card>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.app-center-page {
|
||||
padding: 16px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.app-center-card {
|
||||
border-radius: 8px;
|
||||
}
|
||||
.app-center-header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
font-weight: 600;
|
||||
font-size: 15px;
|
||||
.header-icon {
|
||||
color: var(--el-color-primary);
|
||||
}
|
||||
.header-sub {
|
||||
font-weight: 400;
|
||||
font-size: 12px;
|
||||
color: var(--el-text-color-secondary);
|
||||
}
|
||||
}
|
||||
.app-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
|
||||
gap: 14px;
|
||||
min-height: 120px;
|
||||
}
|
||||
.app-card {
|
||||
border: 1px solid var(--el-border-color-lighter);
|
||||
border-radius: 8px;
|
||||
padding: 14px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
transition: box-shadow 0.15s;
|
||||
&:hover {
|
||||
box-shadow: var(--el-box-shadow-light);
|
||||
}
|
||||
}
|
||||
.app-card-head {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
}
|
||||
.app-icon {
|
||||
width: 42px;
|
||||
height: 42px;
|
||||
flex-shrink: 0;
|
||||
border-radius: 10px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background: linear-gradient(135deg, var(--el-color-primary-light-8), var(--el-color-primary-light-7));
|
||||
color: var(--el-color-primary);
|
||||
&.small {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
border-radius: 8px;
|
||||
}
|
||||
}
|
||||
.app-titles {
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
}
|
||||
.app-name {
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
color: var(--el-text-color-primary);
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.app-code {
|
||||
font-size: 12px;
|
||||
color: var(--el-text-color-placeholder);
|
||||
}
|
||||
.app-desc {
|
||||
flex: 1;
|
||||
font-size: 12px;
|
||||
line-height: 1.6;
|
||||
color: var(--el-text-color-secondary);
|
||||
min-height: 36px;
|
||||
}
|
||||
.app-foot {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
}
|
||||
.spacer {
|
||||
flex: 1;
|
||||
}
|
||||
.app-status {
|
||||
font-size: 12px;
|
||||
color: var(--el-text-color-secondary);
|
||||
&.ok {
|
||||
color: var(--el-color-success);
|
||||
}
|
||||
&.err {
|
||||
color: var(--el-color-danger);
|
||||
}
|
||||
}
|
||||
.pending-list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
}
|
||||
.pending-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
padding: 12px 14px;
|
||||
border: 1px solid var(--el-border-color-lighter);
|
||||
border-radius: 8px;
|
||||
}
|
||||
.pending-main {
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
}
|
||||
.pending-title {
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.pending-sub {
|
||||
margin-top: 2px;
|
||||
font-size: 12px;
|
||||
color: var(--el-text-color-secondary);
|
||||
}
|
||||
</style>
|
||||
@@ -1,534 +0,0 @@
|
||||
<script setup lang="ts">
|
||||
/**
|
||||
* GERP系统（GerpSystem）——系统管理员（admin:super）专属运维控制台
|
||||
*
|
||||
* 只放"所有人现在都管不了的东西"：
|
||||
* 1. 系统状态：运行时间、进程、版本、Celery / Redis / 数据库健康
|
||||
* 2. 系统时序：Celery beat 调度列表 + 手动触发
|
||||
* 3. secrets.ini：配置查看（脱敏）与键值编辑
|
||||
* 4. 运行时调整：日志级别热切换
|
||||
*
|
||||
* 权限：仅 admin:super 可访问（后端 IsSuperAdmin 强制校验，前端预拦截）
|
||||
* 后端接口见 gvsds/apps/gerp/views/system_ops.py
|
||||
*/
|
||||
import { ref, reactive, computed, onMounted } from 'vue'
|
||||
import { ElMessage, ElMessageBox } from 'element-plus'
|
||||
import { setPageTitle } from '@/utils/serverScope'
|
||||
import { useUserStore } from '@/stores/user'
|
||||
import AdminBadge from '@/components/AdminBadge.vue'
|
||||
import {
|
||||
gerpSystemApi,
|
||||
type GerpSystemStatus,
|
||||
type ScheduleItem,
|
||||
type TriggerableItem,
|
||||
type SecretSections,
|
||||
type RuntimeInfo,
|
||||
} from '@/api/systemOps'
|
||||
|
||||
setPageTitle('GERP系统')
|
||||
|
||||
const userStore = useUserStore()
|
||||
/** 是否系统管理员（前端预拦截，后端 IsSuperAdmin 强制校验） */
|
||||
const isSuperAdmin = computed(() => userStore.adminCheck?.is_super_admin === true)
|
||||
const denied = computed(() => userStore.adminChecked && !isSuperAdmin.value)
|
||||
|
||||
/** 当前激活页签 */
|
||||
const activeTab = ref('status')
|
||||
|
||||
// ==================== 页签 1：系统状态 ====================
|
||||
const statusData = ref<GerpSystemStatus | null>(null)
|
||||
const statusLoading = ref(false)
|
||||
|
||||
/** 格式化运行时长：秒 → "X天X小时X分X秒" */
|
||||
function formatUptime(seconds: number): string {
|
||||
if (!seconds || seconds < 0) return '-'
|
||||
const d = Math.floor(seconds / 86400)
|
||||
const h = Math.floor((seconds % 86400) / 3600)
|
||||
const m = Math.floor((seconds % 3600) / 60)
|
||||
const s = Math.floor(seconds % 60)
|
||||
const parts: string[] = []
|
||||
if (d) parts.push(`${d}天`)
|
||||
if (h) parts.push(`${h}小时`)
|
||||
if (m) parts.push(`${m}分钟`)
|
||||
parts.push(`${s}秒`)
|
||||
return parts.join(' ')
|
||||
}
|
||||
|
||||
/** 服务健康状态标签 */
|
||||
function healthLabel(v: string | undefined): string {
|
||||
if (v === 'ok') return '正常'
|
||||
if (v === 'error') return '异常'
|
||||
if (v === 'enabled') return '已启用'
|
||||
if (v === 'disabled') return '未启用'
|
||||
return v || '-'
|
||||
}
|
||||
|
||||
function healthType(v: string | undefined): 'success' | 'danger' | 'warning' | 'info' {
|
||||
if (v === 'ok' || v === 'enabled') return 'success'
|
||||
if (v === 'error') return 'danger'
|
||||
return 'info'
|
||||
}
|
||||
|
||||
async function loadStatus(): Promise<void> {
|
||||
statusLoading.value = true
|
||||
try {
|
||||
statusData.value = await gerpSystemApi.status()
|
||||
} finally {
|
||||
statusLoading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
// ==================== 页签 2：系统时序 ====================
|
||||
const schedules = ref<ScheduleItem[]>([])
|
||||
const triggerable = ref<TriggerableItem[]>([])
|
||||
const schedulesLoading = ref(false)
|
||||
const triggeringName = ref('')
|
||||
|
||||
async function loadSchedules(): Promise<void> {
|
||||
schedulesLoading.value = true
|
||||
try {
|
||||
const data = await gerpSystemApi.schedules()
|
||||
schedules.value = data.Schedules || []
|
||||
triggerable.value = data.Triggerable || []
|
||||
} finally {
|
||||
schedulesLoading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
/** 手动触发任务 */
|
||||
async function onTrigger(item: TriggerableItem): Promise<void> {
|
||||
try {
|
||||
await ElMessageBox.confirm(
|
||||
`确定手动触发任务「${item.Name}」吗？\n任务路径：${item.Task}`,
|
||||
'手动触发',
|
||||
{ type: 'warning', confirmButtonText: '触发', cancelButtonText: '取消' },
|
||||
)
|
||||
} catch {
|
||||
return
|
||||
}
|
||||
triggeringName.value = item.Name
|
||||
try {
|
||||
const res = await gerpSystemApi.trigger(item.Name)
|
||||
const detail = res.Async ? '（已异步投递）' : '（同步执行）'
|
||||
ElMessage.success(`任务「${item.Name}」执行完成 ${detail}`)
|
||||
} finally {
|
||||
triggeringName.value = ''
|
||||
}
|
||||
}
|
||||
|
||||
// ==================== 页签 3：secrets.ini 配置 ====================
|
||||
const secretsPath = ref('')
|
||||
const secrets = reactive<SecretSections>({})
|
||||
const secretsLoading = ref(false)
|
||||
const secretsSaving = ref(false)
|
||||
|
||||
/** 敏感值占位符（与后端约定一致：提交该值视为未修改） */
|
||||
const MASK = '******'
|
||||
|
||||
/** 保存前编辑副本：{section: {key: 用户输入值}}，仅保存已改动项 */
|
||||
const editedSecrets = reactive<Record<string, Record<string, string>>>({})
|
||||
|
||||
async function loadSecrets(): Promise<void> {
|
||||
secretsLoading.value = true
|
||||
try {
|
||||
const data = await gerpSystemApi.secrets()
|
||||
secretsPath.value = data.FilePath || ''
|
||||
// 重建响应式对象（整体替换）
|
||||
Object.keys(secrets).forEach((k) => delete secrets[k])
|
||||
Object.assign(secrets, data.Sections || {})
|
||||
// 重置编辑副本：默认全部为原值（敏感键为占位符 → 不改动则跳过）
|
||||
Object.keys(editedSecrets).forEach((k) => delete editedSecrets[k])
|
||||
for (const [section, kv] of Object.entries(data.Sections || {})) {
|
||||
editedSecrets[section] = {}
|
||||
for (const [key, entry] of Object.entries(kv)) {
|
||||
editedSecrets[section][key] = entry.Value
|
||||
}
|
||||
}
|
||||
} finally {
|
||||
secretsLoading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
/** 是否存在已改动（非占位符默认）的键 */
|
||||
function hasSecretEdits(): boolean {
|
||||
for (const [section, kv] of Object.entries(editedSecrets)) {
|
||||
for (const [key, value] of Object.entries(kv)) {
|
||||
if (value !== (secrets[section]?.[key]?.Value ?? '')) return true
|
||||
}
|
||||
}
|
||||
return false
|
||||
}
|
||||
|
||||
/** 保存 secrets.ini：仅提交值发生变化的键（敏感键未改则保留占位符被后端跳过） */
|
||||
async function onSaveSecrets(): Promise<void> {
|
||||
if (!hasSecretEdits()) {
|
||||
ElMessage.info('没有需要保存的修改')
|
||||
return
|
||||
}
|
||||
try {
|
||||
await ElMessageBox.confirm(
|
||||
'保存后将立即写入 secrets.ini 并热重载配置。\n请谨慎操作，错误的配置可能导致服务不可用。',
|
||||
'确认保存配置',
|
||||
{ type: 'warning', confirmButtonText: '保存', cancelButtonText: '取消' },
|
||||
)
|
||||
} catch {
|
||||
return
|
||||
}
|
||||
secretsSaving.value = true
|
||||
try {
|
||||
const payload: Record<string, Record<string, string>> = {}
|
||||
for (const [section, kv] of Object.entries(editedSecrets)) {
|
||||
const changed: Record<string, string> = {}
|
||||
for (const [key, value] of Object.entries(kv)) {
|
||||
if (value !== (secrets[section]?.[key]?.Value ?? '')) {
|
||||
changed[key] = value
|
||||
}
|
||||
}
|
||||
if (Object.keys(changed).length) payload[section] = changed
|
||||
}
|
||||
const res = await gerpSystemApi.saveSecrets(payload)
|
||||
ElMessage.success(`配置已保存（${(res.Updated || []).length} 项）`)
|
||||
await loadSecrets()
|
||||
} finally {
|
||||
secretsSaving.value = false
|
||||
}
|
||||
}
|
||||
|
||||
// ==================== 页签 4：运行时调整 ====================
|
||||
const runtimeInfo = ref<RuntimeInfo | null>(null)
|
||||
const runtimeLoading = ref(false)
|
||||
const runtimeSaving = ref(false)
|
||||
const selectedLevel = ref('INFO')
|
||||
|
||||
async function loadRuntime(): Promise<void> {
|
||||
runtimeLoading.value = true
|
||||
try {
|
||||
runtimeInfo.value = await gerpSystemApi.runtime()
|
||||
selectedLevel.value = runtimeInfo.value.Current || 'INFO'
|
||||
} finally {
|
||||
runtimeLoading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
async function onSetLogLevel(): Promise<void> {
|
||||
try {
|
||||
await ElMessageBox.confirm(
|
||||
`确定将日志级别切换为「${selectedLevel.value}」吗？\n将立即生效并持久化到 app.ini [logging] LEVEL。`,
|
||||
'切换日志级别',
|
||||
{ type: 'warning', confirmButtonText: '切换', cancelButtonText: '取消' },
|
||||
)
|
||||
} catch {
|
||||
return
|
||||
}
|
||||
runtimeSaving.value = true
|
||||
try {
|
||||
await gerpSystemApi.setLogLevel(selectedLevel.value)
|
||||
ElMessage.success(`日志级别已切换为 ${selectedLevel.value}`)
|
||||
await loadRuntime()
|
||||
} finally {
|
||||
runtimeSaving.value = false
|
||||
}
|
||||
}
|
||||
|
||||
// ==================== 初始化 ====================
|
||||
onMounted(() => {
|
||||
if (isSuperAdmin.value) {
|
||||
loadStatus()
|
||||
loadSchedules()
|
||||
loadSecrets()
|
||||
loadRuntime()
|
||||
}
|
||||
})
|
||||
|
||||
/** 页签切换时按需加载（已加载不重复请求） */
|
||||
function onTabChange(name: string | number): void {
|
||||
if (name === 'status' && !statusData.value) void loadStatus()
|
||||
if (name === 'schedules' && !schedules.value.length) void loadSchedules()
|
||||
if (name === 'secrets' && Object.keys(secrets).length === 0) void loadSecrets()
|
||||
if (name === 'runtime' && !runtimeInfo.value) void loadRuntime()
|
||||
}
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="gerp-system-page">
|
||||
<!-- 页头 -->
|
||||
<div class="gs-header">
|
||||
<h1 class="gs-title">
|
||||
<i class="fas fa-server icon-primary" />
|
||||
<span>GERP系统</span>
|
||||
<AdminBadge v-if="isSuperAdmin" />
|
||||
</h1>
|
||||
<p class="gs-desc">系统管理员专属运维控制台——管理所有"管不了"的系统级事务</p>
|
||||
</div>
|
||||
|
||||
<!-- 无权访问 -->
|
||||
<el-empty v-if="denied" description="仅系统管理员（admin:super）可访问本页面" />
|
||||
|
||||
<template v-else>
|
||||
<el-tabs v-model="activeTab" @tab-change="onTabChange">
|
||||
<!-- 页签 1：系统状态 -->
|
||||
<el-tab-pane label="系统状态" name="status">
|
||||
<div v-loading="statusLoading" class="gs-pane">
|
||||
<el-descriptions v-if="statusData" :column="2" border class="gs-descriptions">
|
||||
<el-descriptions-item label="服务器主机">{{ statusData.Host }}</el-descriptions-item>
|
||||
<el-descriptions-item label="进程 PID">{{ statusData.PID }}</el-descriptions-item>
|
||||
<el-descriptions-item label="进程启动时间">{{ statusData.StartTime }}</el-descriptions-item>
|
||||
<el-descriptions-item label="系统启动时间">{{ statusData.BootTime }}</el-descriptions-item>
|
||||
<el-descriptions-item label="运行时长">
|
||||
<el-tag type="success" size="small">{{ formatUptime(statusData.UptimeSeconds) }}</el-tag>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="内存占用">{{ statusData.MemoryMB }} MB</el-descriptions-item>
|
||||
<el-descriptions-item label="CPU 占用">{{ statusData.CPUPercent }}%</el-descriptions-item>
|
||||
<el-descriptions-item label="日志级别">{{ statusData.LogLevel }}</el-descriptions-item>
|
||||
<el-descriptions-item label="Python">{{ statusData.Python }}</el-descriptions-item>
|
||||
<el-descriptions-item label="Django">{{ statusData.Django }}</el-descriptions-item>
|
||||
<el-descriptions-item label="GVSDSDK">{{ statusData.Gvsdsdk }}</el-descriptions-item>
|
||||
<el-descriptions-item label="Redis">
|
||||
<el-tag :type="healthType(statusData.Redis)" size="small">{{ healthLabel(statusData.Redis) }}</el-tag>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="数据库">
|
||||
<el-tag :type="healthType(statusData.Database)" size="small">{{ healthLabel(statusData.Database) }}</el-tag>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="Celery">
|
||||
<el-tag :type="healthType(statusData.Celery)" size="small">{{ healthLabel(statusData.Celery) }}</el-tag>
|
||||
</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
<div class="gs-actions">
|
||||
<el-button :loading="statusLoading" @click="loadStatus">刷新</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</el-tab-pane>
|
||||
|
||||
<!-- 页签 2：系统时序 -->
|
||||
<el-tab-pane label="系统时序" name="schedules">
|
||||
<div v-loading="schedulesLoading" class="gs-pane">
|
||||
<h3 class="gs-section-title">Celery Beat 调度计划</h3>
|
||||
<el-table v-if="schedules.length" :data="schedules" border stripe class="gs-table">
|
||||
<el-table-column prop="Name" label="任务名" min-width="180" />
|
||||
<el-table-column prop="Task" label="任务路径" min-width="260" show-overflow-tooltip />
|
||||
<el-table-column prop="Schedule" label="调度表达式" min-width="160" />
|
||||
<el-table-column label="状态" width="90">
|
||||
<template #default="{ row }">
|
||||
<el-tag :type="row.Enabled ? 'success' : 'info'" size="small">
|
||||
{{ row.Enabled ? '启用' : '停用' }}
|
||||
</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<el-empty v-else description="未配置 Celery beat 调度（或 Celery 未启用）" :image-size="80" />
|
||||
|
||||
<h3 class="gs-section-title">手动触发</h3>
|
||||
<p class="gs-tip">系统定时任务可在此手动触发一次（无 Celery 时同步执行，可能较慢）。</p>
|
||||
<el-table v-if="triggerable.length" :data="triggerable" border stripe class="gs-table">
|
||||
<el-table-column prop="Name" label="任务名" min-width="180" />
|
||||
<el-table-column prop="Task" label="任务路径" min-width="260" show-overflow-tooltip />
|
||||
<el-table-column label="操作" width="140">
|
||||
<template #default="{ row }">
|
||||
<el-button
|
||||
type="primary"
|
||||
size="small"
|
||||
:loading="triggeringName === (row as TriggerableItem).Name"
|
||||
@click="onTrigger(row as TriggerableItem)"
|
||||
>
|
||||
手动触发
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<el-empty v-else description="暂无可用触发任务" :image-size="80" />
|
||||
</div>
|
||||
</el-tab-pane>
|
||||
|
||||
<!-- 页签 3：secrets.ini 配置 -->
|
||||
<el-tab-pane label="配置文件" name="secrets">
|
||||
<div v-loading="secretsLoading" class="gs-pane">
|
||||
<div class="gs-config-header">
|
||||
<div>
|
||||
<h3 class="gs-section-title">secrets.ini（敏感配置）</h3>
|
||||
<p class="gs-tip">
|
||||
文件路径：<code>{{ secretsPath }}</code><br />
|
||||
敏感键（密码/密钥/Token 等）默认脱敏显示，输入新值并保存即覆盖；不改动请保持原值。
|
||||
</p>
|
||||
</div>
|
||||
<div class="gs-config-actions">
|
||||
<el-button :loading="secretsSaving" type="primary" @click="onSaveSecrets">保存配置</el-button>
|
||||
<el-button :disabled="secretsSaving" @click="loadSecrets">重新加载</el-button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div v-for="(kv, section) in editedSecrets" :key="section" class="gs-secrets-section">
|
||||
<h4 class="gs-secrets-section-title">[{{ section }}]</h4>
|
||||
<div v-for="(_, key) in kv" :key="key" class="gs-secrets-row">
|
||||
<div class="gs-secrets-key" :title="key">{{ key }}</div>
|
||||
<div class="gs-secrets-input">
|
||||
<el-input
|
||||
v-model="editedSecrets[section][key]"
|
||||
:type="secrets[section]?.[key]?.Masked ? 'password' : 'text'"
|
||||
:placeholder="secrets[section]?.[key]?.Masked ? MASK : ''"
|
||||
clearable
|
||||
/>
|
||||
</div>
|
||||
<el-tag v-if="secrets[section]?.[key]?.Masked" type="warning" size="small">敏感</el-tag>
|
||||
</div>
|
||||
</div>
|
||||
<el-empty v-if="!Object.keys(editedSecrets).length" description="secrets.ini 为空或不存在" :image-size="80" />
|
||||
</div>
|
||||
</el-tab-pane>
|
||||
|
||||
<!-- 页签 4：运行时调整 -->
|
||||
<el-tab-pane label="运行时调整" name="runtime">
|
||||
<div v-loading="runtimeLoading" class="gs-pane gs-runtime">
|
||||
<h3 class="gs-section-title">日志级别</h3>
|
||||
<p class="gs-tip">
|
||||
当前运行级别：<el-tag size="small">{{ runtimeInfo?.Current || '-' }}</el-tag>
|
||||
<template v-if="runtimeInfo?.Persisted">
|
||||
（app.ini 持久化值：{{ runtimeInfo.Persisted }}）
|
||||
</template>
|
||||
</p>
|
||||
<div class="gs-runtime-row">
|
||||
<span class="gs-runtime-label">切换日志级别</span>
|
||||
<el-select v-model="selectedLevel" style="width: 180px">
|
||||
<el-option
|
||||
v-for="lv in runtimeInfo?.Available || []"
|
||||
:key="lv"
|
||||
:label="lv"
|
||||
:value="lv"
|
||||
/>
|
||||
</el-select>
|
||||
<el-button type="primary" :loading="runtimeSaving" @click="onSetLogLevel">应用</el-button>
|
||||
</div>
|
||||
<p class="gs-tip">切换立即生效（无需重启服务），并持久化到 app.ini [logging] LEVEL。</p>
|
||||
</div>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
</template>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.gerp-system-page {
|
||||
padding: 24px;
|
||||
max-width: 1100px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.gs-header {
|
||||
margin-bottom: 24px;
|
||||
|
||||
.gs-title {
|
||||
font-size: 24px;
|
||||
font-weight: 700;
|
||||
margin: 0 0 8px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
|
||||
.icon-primary {
|
||||
color: var(--el-color-primary);
|
||||
}
|
||||
}
|
||||
|
||||
.gs-desc {
|
||||
font-size: 14px;
|
||||
color: var(--el-text-color-secondary);
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.gs-pane {
|
||||
min-height: 200px;
|
||||
}
|
||||
|
||||
.gs-descriptions {
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.gs-actions {
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
.gs-section-title {
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
margin: 16px 0 12px;
|
||||
}
|
||||
|
||||
.gs-tip {
|
||||
font-size: 13px;
|
||||
color: var(--el-text-color-secondary);
|
||||
margin: 4px 0 12px;
|
||||
line-height: 1.7;
|
||||
}
|
||||
|
||||
.gs-table {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
/* secrets.ini 配置区 */
|
||||
.gs-config-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: flex-start;
|
||||
gap: 16px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.gs-config-actions {
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.gs-secrets-section {
|
||||
background: var(--el-bg-color);
|
||||
border-radius: 10px;
|
||||
padding: 16px;
|
||||
margin-bottom: 12px;
|
||||
box-shadow: var(--el-box-shadow-light);
|
||||
}
|
||||
|
||||
.gs-secrets-section-title {
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
margin: 0 0 12px;
|
||||
color: var(--el-color-primary);
|
||||
}
|
||||
|
||||
.gs-secrets-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
margin-bottom: 8px;
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.gs-secrets-key {
|
||||
width: 220px;
|
||||
flex-shrink: 0;
|
||||
font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
|
||||
font-size: 13px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.gs-secrets-input {
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
/* 运行时调整 */
|
||||
.gs-runtime-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.gs-runtime-label {
|
||||
font-size: 14px;
|
||||
}
|
||||
</style>
|
||||
Reference in new issue
Block a user