feat: 完成 #5 小程序管理列表与AppSecret脱敏展示

This commit is contained in:
root
2026-03-09 19:45:59 +08:00
parent e0c8203866
commit ec948f15d5
+11
View File
@@ -21,6 +21,11 @@
<el-table-column prop="id" label="ID" width="80" />
<el-table-column prop="name" label="小程序名称" min-width="180" />
<el-table-column prop="app_id" label="AppID" min-width="220" />
<el-table-column label="AppSecret" min-width="180">
<template #default="{ row }">
{{ maskSecret(row.app_secret) }}
</template>
</el-table-column>
<el-table-column prop="description" label="描述" min-width="180" />
<el-table-column prop="user_count" label="用户数" width="90" />
<el-table-column label="创建时间" width="180">
@@ -78,6 +83,12 @@ const formatDateTime = (value) => {
return dayjs(value).format('YYYY-MM-DD HH:mm:ss')
}
const maskSecret = (value) => {
if (!value) return '****'
if (value.length <= 8) return '****'
return `${value.slice(0, 4)}****${value.slice(-4)}`
}
const loadData = async () => {
loading.value = true
try {