admin/verify
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: 移除佣金比例字段，将developer统一为admin

Browse Source
This commit is contained in:
admin
2026-05-01 08:08:11 +08:00
parent c5d1dc4b04
commit 4ed00f29e2
235 changed files with 9082 additions and 8952 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/pages/developer/cloud-constants/[id].vue
+268 -204
View File
@@ -2,272 +2,336 @@
import { Icon } from '@iconify/vue'
import { computed, onMounted, ref } from 'vue'
import { useI18n } from 'vue-i18n'
import { useRoute, useRouter } from 'vue-router'
import { useRouter } from 'vue-router'
import { toast } from 'vue-sonner'
import ConfirmDialog from '@/components/confirm-dialog.vue'
import DateRangeFilter from '@/components/data-table/date-range-filter.vue'
import SingleFilter from '@/components/data-table/single-filter.vue'
import { BasicPage } from '@/components/global-layout'
import api from '@/services/api'
import type { CloudConstant } from './data/schema'
import DataTable from './components/data-table.vue'
const { t } = useI18n()
const route = useRoute()
const router = useRouter()
interface Application {
id: number
name: string
app_key: string
}
const loading = ref(true)
const saving = ref(false)
const constants = ref<CloudConstant[]>([])
const applications = ref<Application[]>([])
const form = ref({
id: '',
app_id: '',
key: '',
value: '',
var_type: 'string',
description: '',
status: 'active',
const appFilter = ref<string>('')
const startDate = ref<string>('')
const endDate = ref<string>('')
const deleteDialogOpen = ref(false)
const deleteTarget = ref<CloudConstant | null>(null)
const batchDialogOpen = ref(false)
const batchAction = ref<'enable' | 'disable' | 'delete' | null>(null)
const selectedRows = ref<CloudConstant[]>([])
const filteredConstants = computed(() => {
let result = [...constants.value]
if (appFilter.value) {
result = result.filter(c => String(c.app_id) === appFilter.value)
}
if (startDate.value) {
const fromDateTime = startDate.value.includes('T')
? startDate.value.replace('T', ' ')
: `${startDate.value} 00:00`
result = result.filter(c => c.created_at >= fromDateTime)
}
if (endDate.value) {
const toDateTime = endDate.value.includes('T')
? endDate.value.replace('T', ' ')
: `${endDate.value} 23:59`
result = result.filter(c => c.created_at <= toDateTime)
}
return result
})
const linkedCount = computed(() => constants.value.filter(c => c.app_id).length)
const unlinkedCount = computed(() => constants.value.filter(c => !c.app_id).length)
const applicationOptions = computed(() => {
return applications.value.map(app => ({
label: app.name,
value: String(app.id),
}))
})
async function fetchApplications() {
try {
const data = await api.get<{ applications: Application[] }>('/dev/applications')
applications.value = Array.isArray(data?.applications) ? data.applications : []
applications.value = data?.applications || []
}
catch (error) {
console.error('获取应用列表失败:', error)
}
}
async function fetchConstant() {
async function fetchConstants() {
loading.value = true
try {
const constId = route.params.id
const data = await api.get<{ id: number, app_id: number, key: string, value: string, var_type: string, description: string, status: string }>(`/dev/cloud-constants/${constId}`)
const constant = data
if (constant) {
form.value = {
id: String(constant.id),
app_id: String(constant.app_id || ''),
key: constant.key,
value: constant.value,
var_type: constant.var_type || 'string',
description: constant.description || '',
status: constant.status || 'active',
}
}
else {
toast.error(t('developer.cloudConstants.create.failed'))
router.push('/developer/cloud-constants')
}
const data = await api.get<{ constants: CloudConstant[] }>('/dev/cloud-constants')
const consts = data?.constants || []
constants.value = consts.map((c: any) => ({
...c,
application_name: applications.value.find(app => app.id === c.app_id)?.name || '',
}))
}
catch (error) {
console.error('获取云端常量失败:', error)
toast.error(t('developer.cloudConstants.create.failed'))
router.push('/developer/cloud-constants')
constants.value = []
}
finally {
loading.value = false
}
}
const selectedApplication = computed(() => {
if (form.value.app_id) {
return applications.value.find(app => String(app.id) === form.value.app_id)
}
return null
})
function openCreatePage() {
router.push('/admin/cloud-constants/create')
}
async function handleSave() {
if (!form.value.key) {
toast.error(t('developer.cloudConstants.create.keyRequired'))
return
}
if (!form.value.value) {
toast.error(t('developer.cloudConstants.create.valueRequired'))
return
}
function openEditPage(constant: CloudConstant) {
router.push(`/admin/cloud-constants/${constant.id}`)
}
function confirmDelete(constant: CloudConstant) {
deleteTarget.value = constant
deleteDialogOpen.value = true
}
async function handleDelete() {
if (!deleteTarget.value)
return
saving.value = true
try {
await api.put(`/dev/cloud-constants/${form.value.id}`, {
key: form.value.key,
value: form.value.value,
var_type: form.value.var_type,
description: form.value.description,
status: form.value.status,
})
toast.success(t('developer.cloudConstants.create.success'))
router.push('/developer/cloud-constants')
await api.delete(`/dev/cloud-constants/${deleteTarget.value.id}`)
toast.success(t('admin.cloudConstants.deleteSuccess'))
fetchConstants()
}
catch (error: any) {
console.error('更新云端常量失败:', error)
toast.error(error.message || t('developer.cloudConstants.create.failed'))
console.error('删除云端常量失败:', error)
toast.error(error.message || t('admin.cloudConstants.deleteFailed'))
}
finally {
saving.value = false
deleteTarget.value = null
}
}
async function handleToggleStatus(constant: CloudConstant) {
const newStatus = constant.status === 'active' ? 'inactive' : 'active'
try {
await api.put(`/dev/cloud-constants/${constant.id}`, {
key: constant.key,
value: constant.value,
var_type: constant.var_type,
description: constant.description,
status: newStatus,
})
toast.success(newStatus === 'active' ? t('admin.cloudConstants.enableSuccess') : t('admin.cloudConstants.disableSuccess'))
fetchConstants()
}
catch (error: any) {
console.error('更新状态失败:', error)
toast.error(error.message || t('admin.cloudConstants.updateFailed'))
}
}
function handleDownload(constant: CloudConstant) {
if (constant.var_type !== 'binary')
return
const token = localStorage.getItem('token')
const url = `/api/v1/dev/cloud-constants/${constant.id}/download?token=${token}`
window.open(url, '_blank')
}
function openBatchDialog(action: 'enable' | 'disable' | 'delete', rows: CloudConstant[]) {
batchAction.value = action
selectedRows.value = rows
batchDialogOpen.value = true
}
async function handleBatchAction() {
if (!batchAction.value || selectedRows.value.length === 0)
return
const ids = selectedRows.value.map(c => c.id)
try {
if (batchAction.value === 'delete') {
await Promise.all(ids.map(id => api.delete(`/dev/cloud-constants/${id}`)))
toast.success(t('admin.cloudConstants.batchDeleteSuccess'))
}
else {
const status = batchAction.value === 'enable' ? 'active' : 'inactive'
await Promise.all(selectedRows.value.map(c => api.put(`/dev/cloud-constants/${c.id}`, {
key: c.key,
value: c.value,
var_type: c.var_type,
description: c.description,
status,
})))
toast.success(batchAction.value === 'enable' ? t('admin.cloudConstants.batchEnableSuccess') : t('admin.cloudConstants.batchDisableSuccess'))
}
fetchConstants()
}
catch (error: any) {
console.error('批量操作失败:', error)
toast.error(error.message || t('admin.cloudConstants.batchFailed'))
}
finally {
batchAction.value = null
selectedRows.value = []
}
}
onMounted(async () => {
await fetchApplications()
fetchConstant()
fetchConstants()
})
</script>
<template>
<BasicPage
:title="t('developer.cloudConstants.edit')"
:description="t('developer.cloudConstants.editDescription')"
:breadcrumbs="[
{ title: t('developer.cloudConstants.title'), href: '/developer/cloud-constants' },
{ title: t('developer.cloudConstants.edit') },
]"
:title="t('admin.cloudConstants.title')"
:description="t('admin.cloudConstants.description')"
sticky
>
<div v-if="loading" class="flex items-center justify-center py-12">
<Icon icon="lucide:loader-2" class="size-8 animate-spin text-muted-foreground" />
</div>
<template #actions>
<UiButton size="sm" @click="openCreatePage">
<Icon icon="lucide:plus" class="mr-2 h-4 w-4" />
{{ t('admin.cloudConstants.addConstant') }}
</UiButton>
</template>
<div v-else class="space-y-6">
<div class="grid gap-6 lg:grid-cols-3">
<div class="lg:col-span-2 space-y-6">
<UiCard>
<UiCardHeader>
<UiCardTitle class="flex items-center gap-2">
<Icon icon="lucide:settings-2" class="size-5" />
{{ t('developer.cloudConstants.create.config') }}
</UiCardTitle>
<UiCardDescription>{{ t('developer.cloudConstants.create.configDesc') }}</UiCardDescription>
</UiCardHeader>
<UiCardContent class="space-y-6">
<div class="space-y-2">
<UiLabel>{{ t('developer.cloudConstants.create.application') }}</UiLabel>
<div class="flex items-center gap-2 p-2.5 rounded-md border bg-muted/50">
<Icon icon="lucide:layout-grid" class="size-4 text-muted-foreground" />
<span>{{ selectedApplication?.name || '-' }}</span>
</div>
</div>
<div class="space-y-6">
<div class="grid gap-4 sm:grid-cols-2 lg:grid-cols-4">
<UiCard>
<UiCardHeader class="flex flex-row items-center justify-between pb-2 space-y-0">
<UiCardTitle class="text-sm font-medium">
{{ t('admin.cloudConstants.totalConstants') }}
</UiCardTitle>
<Icon icon="lucide:database" class="size-4 text-muted-foreground" />
</UiCardHeader>
<UiCardContent>
<div class="text-2xl font-bold">
{{ filteredConstants.length }}
</div>
</UiCardContent>
</UiCard>
<div class="space-y-2">
<UiLabel for="varType">
{{ t('developer.cloudConstants.create.type') }}
</UiLabel>
<UiSelect id="varType" v-model="form.var_type">
<UiSelectTrigger>
<UiSelectValue :placeholder="t('developer.cloudConstants.create.selectType')" />
</UiSelectTrigger>
<UiSelectContent>
<UiSelectItem value="integer">
{{ t('developer.cloudConstants.types.integer') }}
</UiSelectItem>
<UiSelectItem value="decimal">
{{ t('developer.cloudConstants.types.decimal') }}
</UiSelectItem>
<UiSelectItem value="string">
{{ t('developer.cloudConstants.types.string') }}
</UiSelectItem>
</UiSelectContent>
</UiSelect>
</div>
<UiCard>
<UiCardHeader class="flex flex-row items-center justify-between pb-2 space-y-0">
<UiCardTitle class="text-sm font-medium">
{{ t('admin.cloudConstants.linkedApps') }}
</UiCardTitle>
<Icon icon="lucide:link" class="size-4 text-muted-foreground" />
</UiCardHeader>
<UiCardContent>
<div class="text-2xl font-bold">
{{ linkedCount }}
</div>
</UiCardContent>
</UiCard>
<div class="space-y-2">
<UiLabel for="key">
{{ t('developer.cloudConstants.create.key') }}
</UiLabel>
<UiInput id="key" v-model="form.key" :placeholder="t('developer.cloudConstants.create.keyPlaceholder')" />
<p class="text-xs text-muted-foreground">
{{ t('developer.cloudConstants.create.keyHint') }}
</p>
</div>
<UiCard>
<UiCardHeader class="flex flex-row items-center justify-between pb-2 space-y-0">
<UiCardTitle class="text-sm font-medium">
{{ t('admin.cloudConstants.unlinked') }}
</UiCardTitle>
<Icon icon="lucide:unlink" class="size-4 text-muted-foreground" />
</UiCardHeader>
<UiCardContent>
<div class="text-2xl font-bold">
{{ unlinkedCount }}
</div>
</UiCardContent>
</UiCard>
<div class="space-y-2">
<UiLabel for="value">
{{ t('developer.cloudConstants.create.value') }}
</UiLabel>
<UiTextarea id="value" v-model="form.value" :placeholder="t('developer.cloudConstants.create.valuePlaceholder')" rows="3" />
</div>
<div class="space-y-2">
<UiLabel for="description">
{{ t('developer.cloudConstants.create.description') }}
</UiLabel>
<UiInput id="description" v-model="form.description" :placeholder="t('developer.cloudConstants.create.descriptionPlaceholder')" />
</div>
</UiCardContent>
</UiCard>
</div>
<div class="space-y-6">
<UiCard>
<UiCardHeader>
<UiCardTitle class="flex items-center gap-2">
<Icon icon="lucide:eye" class="size-5" />
{{ t('developer.cloudConstants.create.preview') }}
</UiCardTitle>
</UiCardHeader>
<UiCardContent class="space-y-4">
<div class="space-y-3">
<div class="flex justify-between text-sm">
<span class="text-muted-foreground">{{ t('developer.cloudConstants.create.application') }}</span>
<span>{{ selectedApplication?.name || '-' }}</span>
</div>
<div class="flex justify-between text-sm">
<span class="text-muted-foreground">{{ t('developer.cloudConstants.create.type') }}</span>
<span>{{ t(`developer.cloudConstants.types.${form.var_type}`) }}</span>
</div>
<div class="flex justify-between text-sm">
<span class="text-muted-foreground">{{ t('developer.cloudConstants.create.key') }}</span>
<span>{{ form.key || '-' }}</span>
</div>
<div class="flex justify-between text-sm items-center">
<span class="text-muted-foreground">{{ t('developer.cloudConstants.create.status') }}</span>
<UiSwitch
:checked="form.status === 'active'"
@update:checked="form.status = $event ? 'active' : 'inactive'"
/>
</div>
<div class="border-t pt-3 mt-3">
<div class="text-sm">
<div class="text-muted-foreground mb-2">
{{ t('developer.cloudConstants.create.value') }}
</div>
<div class="bg-muted p-2 rounded max-h-[100px] overflow-y-auto text-xs">
{{ form.value || '-' }}
</div>
</div>
</div>
</div>
</UiCardContent>
</UiCard>
<UiCard>
<UiCardContent class="pt-6">
<div class="flex flex-col gap-3">
<UiButton
class="w-full"
size="lg"
:disabled="saving || !form.key || !form.value"
@click="handleSave"
>
<Icon v-if="saving" icon="lucide:loader-2" class="mr-2 h-4 w-4 animate-spin" />
<Icon v-else icon="lucide:check" class="mr-2 h-4 w-4" />
{{ t('developer.cloudConstants.create.submit') }}
</UiButton>
<UiButton
variant="outline"
class="w-full"
@click="router.back()"
>
{{ t('developer.cloudConstants.create.cancel') }}
</UiButton>
</div>
</UiCardContent>
</UiCard>
</div>
<UiCard>
<UiCardHeader class="flex flex-row items-center justify-between pb-2 space-y-0">
<UiCardTitle class="text-sm font-medium">
{{ t('admin.cloudConstants.appCount') }}
</UiCardTitle>
<Icon icon="lucide:layout-grid" class="size-4 text-muted-foreground" />
</UiCardHeader>
<UiCardContent>
<div class="text-2xl font-bold">
{{ applications.length }}
</div>
</UiCardContent>
</UiCard>
</div>
<UiCard>
<UiCardContent class="p-6">
<DataTable
:loading
:data="filteredConstants"
:on-edit="openEditPage"
:on-delete="confirmDelete"
:on-toggle-status="handleToggleStatus"
:on-download="handleDownload"
@refresh="fetchConstants"
@batch-action="openBatchDialog"
>
<template #filters>
<SingleFilter
v-model="appFilter"
:title="t('admin.cloudConstants.application')"
:options="applicationOptions"
/>
<DateRangeFilter
v-model:start-model-value="startDate"
v-model:end-model-value="endDate"
/>
</template>
</DataTable>
</UiCardContent>
</UiCard>
</div>
<ConfirmDialog
v-model:open="deleteDialogOpen"
destructive
:confirm-button-text="t('admin.cloudConstants.delete')"
:cancel-button-text="t('common.reset')"
@confirm="handleDelete"
>
<template #title>
{{ t('admin.cloudConstants.deleteConstant') }}
</template>
<template #description>
{{ t('admin.cloudConstants.deleteConfirm', { key: deleteTarget?.key }) }}
</template>
</ConfirmDialog>
<ConfirmDialog
v-model:open="batchDialogOpen"
:destructive="batchAction === 'delete'"
:confirm-button-text="batchAction === 'delete' ? t('admin.cloudConstants.delete') : t('common.confirm')"
:cancel-button-text="t('common.cancel')"
@confirm="handleBatchAction"
>
<template #title>
{{ batchAction === 'delete' ? t('admin.cloudConstants.batchDelete') : batchAction === 'enable' ? t('admin.cloudConstants.batchEnable') : t('admin.cloudConstants.batchDisable') }}
</template>
<template #description>
{{ batchAction === 'delete' ? t('admin.cloudConstants.batchDeleteConfirm', { count: selectedRows.length }) : batchAction === 'enable' ? t('admin.cloudConstants.batchEnableConfirm', { count: selectedRows.length }) : t('admin.cloudConstants.batchDisableConfirm', { count: selectedRows.length }) }}
</template>
</ConfirmDialog>
</BasicPage>
</template>
frontend/src/pages/developer/cloud-constants/components/columns.ts
+17 -17
View File
@@ -4,7 +4,7 @@ import type { Composer } from 'vue-i18n'
import { Download, File, MoreHorizontal, Pencil, Power, PowerOff, Trash2 } from 'lucide-vue-next'
import { h } from 'vue'
import type { CloudConstant } from '@/pages/developer/cloud-constants/data/schema'
import type { CloudConstant } from '@/pages/admin/cloud-constants/data/schema'
import { Copy } from '@/components/sva-ui/copy'
import Badge from '@/components/ui/badge/Badge.vue'
@@ -25,7 +25,7 @@ export function getColumns(actions: {
return [
{
accessorKey: 'key',
header: () => t('developer.cloudConstants.columns.key'),
header: () => t('admin.cloudConstants.columns.key'),
cell: ({ row }) => {
const key = row.getValue('key') as string
if (!key)
@@ -38,7 +38,7 @@ export function getColumns(actions: {
},
{
accessorKey: 'value',
header: () => t('developer.cloudConstants.columns.value'),
header: () => t('admin.cloudConstants.columns.value'),
cell: ({ row }) => {
const value = row.getValue('value') as string
const varType = row.original.var_type
@@ -56,21 +56,21 @@ export function getColumns(actions: {
},
{
accessorKey: 'var_type',
header: () => t('developer.cloudConstants.columns.type'),
header: () => t('admin.cloudConstants.columns.type'),
cell: ({ row }) => {
const type = row.getValue('var_type') as string
const typeMap: Record<string, string> = {
integer: t('developer.cloudConstants.types.integer'),
decimal: t('developer.cloudConstants.types.decimal'),
string: t('developer.cloudConstants.types.string'),
binary: t('developer.cloudConstants.types.binary'),
integer: t('admin.cloudConstants.types.integer'),
decimal: t('admin.cloudConstants.types.decimal'),
string: t('admin.cloudConstants.types.string'),
binary: t('admin.cloudConstants.types.binary'),
}
return h(Badge, { variant: 'secondary' }, () => typeMap[type || 'string'] || type || 'string')
},
},
{
accessorKey: 'description',
header: () => t('developer.cloudConstants.columns.description'),
header: () => t('admin.cloudConstants.columns.description'),
cell: ({ row }) => {
const description = row.getValue('description') as string
if (!description)
@@ -80,12 +80,12 @@ export function getColumns(actions: {
},
{
accessorKey: 'application_name',
header: () => t('developer.cloudConstants.columns.application'),
header: () => t('admin.cloudConstants.columns.application'),
cell: ({ row }) => {
const appName = row.getValue('application_name') as string
const appId = row.original.app_id
if (!appId)
return h(Badge, { variant: 'outline' }, () => t('developer.cloudConstants.notLinked'))
return h(Badge, { variant: 'outline' }, () => t('admin.cloudConstants.notLinked'))
if (!appName)
return '-'
return h(Badge, { variant: 'outline' }, () => appName)
@@ -93,16 +93,16 @@ export function getColumns(actions: {
},
{
accessorKey: 'status',
header: () => t('developer.cloudConstants.columns.status'),
header: () => t('admin.cloudConstants.columns.status'),
cell: ({ row }) => {
const status = row.getValue('status') as string
const isActive = status === 'active'
return h(Badge, { variant: isActive ? 'default' : 'destructive' }, () => isActive ? t('developer.cloudConstants.statusActive') : t('developer.cloudConstants.statusInactive'))
return h(Badge, { variant: isActive ? 'default' : 'destructive' }, () => isActive ? t('admin.cloudConstants.statusActive') : t('admin.cloudConstants.statusInactive'))
},
},
{
accessorKey: 'created_at',
header: () => t('developer.cloudConstants.columns.createdAt'),
header: () => t('admin.cloudConstants.columns.createdAt'),
cell: ({ row }) => {
const createdAt = row.getValue('created_at')
if (!createdAt)
@@ -147,7 +147,7 @@ export function getColumns(actions: {
const items = [
h(DropdownMenuItem, { onClick: () => actions.onEdit(constant) }, () => [
h(Pencil, { class: 'mr-2 h-4 w-4' }),
t('developer.cloudConstants.edit'),
t('admin.cloudConstants.edit'),
]),
]
@@ -163,11 +163,11 @@ export function getColumns(actions: {
items.push(
h(DropdownMenuItem, { onClick: () => actions.onToggleStatus(constant) }, () => [
constant.status === 'active' ? h(PowerOff, { class: 'mr-2 h-4 w-4' }) : h(Power, { class: 'mr-2 h-4 w-4' }),
constant.status === 'active' ? t('developer.cloudConstants.disable') : t('developer.cloudConstants.enable'),
constant.status === 'active' ? t('admin.cloudConstants.disable') : t('admin.cloudConstants.enable'),
]),
h(DropdownMenuItem, { class: 'text-destructive', onClick: () => actions.onDelete(constant) }, () => [
h(Trash2, { class: 'mr-2 h-4 w-4' }),
t('developer.cloudConstants.delete'),
t('admin.cloudConstants.delete'),
]),
)
frontend/src/pages/developer/cloud-constants/components/data-table-toolbar.vue
+2 -2
View File
@@ -5,7 +5,7 @@ import { X } from 'lucide-vue-next'
import { computed } from 'vue'
import { useI18n } from 'vue-i18n'
import type { CloudConstant } from '@/pages/developer/cloud-constants/data/schema'
import type { CloudConstant } from '@/pages/admin/cloud-constants/data/schema'
import { Button } from '@/components/ui/button'
import { Input } from '@/components/ui/input'
@@ -24,7 +24,7 @@ const isFiltered = computed(() => props.table.getState().columnFilters.length >
<template>
<div class="flex items-center flex-1 space-x-2">
<Input
:placeholder="t('developer.cloudConstants.searchPlaceholder')"
:placeholder="t('admin.cloudConstants.searchPlaceholder')"
:model-value="(table.getColumn('key')?.getFilterValue() as string) ?? ''"
class="h-8 w-[150px] lg:w-[250px]"
@input="table.getColumn('key')?.setFilterValue($event.target.value)"
frontend/src/pages/developer/cloud-constants/components/data-table.vue
+14 -14
View File
@@ -5,15 +5,15 @@ import { computed } from 'vue'
import { useI18n } from 'vue-i18n'
import type { DataTableProps } from '@/components/data-table/types'
import type { CloudConstant } from '@/pages/developer/cloud-constants/data/schema'
import type { CloudConstant } from '@/pages/admin/cloud-constants/data/schema'
import BulkActions from '@/components/data-table/bulk-actions.vue'
import DataTable from '@/components/data-table/data-table.vue'
import { SelectColumn } from '@/components/data-table/table-columns'
import { generateVueTable } from '@/components/data-table/use-generate-vue-table'
import DataTableViewOptions from '@/components/data-table/view-options.vue'
import { getColumns } from '@/pages/developer/cloud-constants/components/columns'
import DataTableToolbar from '@/pages/developer/cloud-constants/components/data-table-toolbar.vue'
import { getColumns } from '@/pages/admin/cloud-constants/components/columns'
import DataTableToolbar from '@/pages/admin/cloud-constants/components/data-table-toolbar.vue'
const props = defineProps<Omit<DataTableProps<CloudConstant>, 'columns'> & {
onEdit: (row: CloudConstant) => void
@@ -46,14 +46,14 @@ const table = generateVueTable<CloudConstant>({
}, columns.value)
const columnLabels: Record<string, string> = {
select: 'developer.cloudConstants.select',
key: 'developer.cloudConstants.columns.key',
value: 'developer.cloudConstants.columns.value',
var_type: 'developer.cloudConstants.columns.type',
description: 'developer.cloudConstants.columns.description',
application_name: 'developer.cloudConstants.columns.application',
status: 'developer.cloudConstants.columns.status',
created_at: 'developer.cloudConstants.columns.createdAt',
select: 'admin.cloudConstants.select',
key: 'admin.cloudConstants.columns.key',
value: 'admin.cloudConstants.columns.value',
var_type: 'admin.cloudConstants.columns.type',
description: 'admin.cloudConstants.columns.description',
application_name: 'admin.cloudConstants.columns.application',
status: 'admin.cloudConstants.columns.status',
created_at: 'admin.cloudConstants.columns.createdAt',
}
defineExpose({
@@ -76,13 +76,13 @@ function handleBatchAction(action: 'enable' | 'disable' | 'delete') {
</div>
<BulkActions :table="table" entity-name="constants">
<UiButton variant="outline" size="sm" @click="handleBatchAction('enable')">
{{ t('developer.cloudConstants.batchEnableBtn') }}
{{ t('admin.cloudConstants.batchEnableBtn') }}
</UiButton>
<UiButton variant="outline" size="sm" @click="handleBatchAction('disable')">
{{ t('developer.cloudConstants.batchDisableBtn') }}
{{ t('admin.cloudConstants.batchDisableBtn') }}
</UiButton>
<UiButton variant="destructive" size="sm" @click="handleBatchAction('delete')">
{{ t('developer.cloudConstants.batchDeleteBtn') }}
{{ t('admin.cloudConstants.batchDeleteBtn') }}
</UiButton>
</BulkActions>
<div class="flex flex-wrap items-center justify-between gap-2">
frontend/src/pages/developer/cloud-constants/create.vue
+37 -37
View File
@@ -67,11 +67,11 @@ function clearFile() {
async function handleSave() {
if (!form.value.key) {
toast.error(t('developer.cloudConstants.create.keyRequired'))
toast.error(t('admin.cloudConstants.create.keyRequired'))
return
}
if (!form.value.app_id) {
toast.error(t('developer.cloudConstants.create.appRequired'))
toast.error(t('admin.cloudConstants.create.appRequired'))
return
}
@@ -85,7 +85,7 @@ async function handleSave() {
}
if (!form.value.value) {
toast.error(t('developer.cloudConstants.create.valueRequired'))
toast.error(t('admin.cloudConstants.create.valueRequired'))
return
}
@@ -99,12 +99,12 @@ async function handleSave() {
description: form.value.description,
status: form.value.status,
})
toast.success(t('developer.cloudConstants.create.success'))
router.push('/developer/cloud-constants')
toast.success(t('admin.cloudConstants.create.success'))
router.push('/admin/cloud-constants')
}
catch (error: any) {
console.error('创建云端常量失败:', error)
toast.error(error.message || t('developer.cloudConstants.create.failed'))
toast.error(error.message || t('admin.cloudConstants.create.failed'))
}
finally {
saving.value = false
@@ -125,8 +125,8 @@ async function uploadFile() {
formData.append('status', form.value.status)
await api.postFormData('/dev/cloud-constants/upload', formData)
toast.success(t('developer.cloudConstants.create.success'))
router.push('/developer/cloud-constants')
toast.success(t('admin.cloudConstants.create.success'))
router.push('/admin/cloud-constants')
}
catch (error: any) {
console.error('上传文件失败:', error)
@@ -153,11 +153,11 @@ onMounted(() => {
<template>
<BasicPage
:title="t('developer.cloudConstants.addConstant')"
:description="t('developer.cloudConstants.createDescription')"
:title="t('admin.cloudConstants.addConstant')"
:description="t('admin.cloudConstants.createDescription')"
:breadcrumbs="[
{ title: t('developer.cloudConstants.title'), href: '/developer/cloud-constants' },
{ title: t('developer.cloudConstants.addConstant') },
{ title: t('admin.cloudConstants.title'), href: '/admin/cloud-constants' },
{ title: t('admin.cloudConstants.addConstant') },
]"
sticky
>
@@ -168,18 +168,18 @@ onMounted(() => {
<UiCardHeader>
<UiCardTitle class="flex items-center gap-2">
<Icon icon="lucide:settings-2" class="size-5" />
{{ t('developer.cloudConstants.create.config') }}
{{ t('admin.cloudConstants.create.config') }}
</UiCardTitle>
<UiCardDescription>{{ t('developer.cloudConstants.create.configDesc') }}</UiCardDescription>
<UiCardDescription>{{ t('admin.cloudConstants.create.configDesc') }}</UiCardDescription>
</UiCardHeader>
<UiCardContent class="space-y-6">
<div class="space-y-2">
<UiLabel for="application">
{{ t('developer.cloudConstants.create.application') }}
{{ t('admin.cloudConstants.create.application') }}
</UiLabel>
<UiSelect v-model="form.app_id">
<UiSelectTrigger>
<UiSelectValue :placeholder="t('developer.cloudConstants.create.selectApp')" />
<UiSelectValue :placeholder="t('admin.cloudConstants.create.selectApp')" />
</UiSelectTrigger>
<UiSelectContent>
<UiSelectItem v-for="app in applications" :key="app.id" :value="String(app.id)">
@@ -191,21 +191,21 @@ onMounted(() => {
<div class="space-y-2">
<UiLabel for="varType">
{{ t('developer.cloudConstants.create.type') }}
{{ t('admin.cloudConstants.create.type') }}
</UiLabel>
<UiSelect id="varType" v-model="form.var_type">
<UiSelectTrigger>
<UiSelectValue :placeholder="t('developer.cloudConstants.create.selectType')" />
<UiSelectValue :placeholder="t('admin.cloudConstants.create.selectType')" />
</UiSelectTrigger>
<UiSelectContent>
<UiSelectItem value="integer">
{{ t('developer.cloudConstants.types.integer') }}
{{ t('admin.cloudConstants.types.integer') }}
</UiSelectItem>
<UiSelectItem value="decimal">
{{ t('developer.cloudConstants.types.decimal') }}
{{ t('admin.cloudConstants.types.decimal') }}
</UiSelectItem>
<UiSelectItem value="string">
{{ t('developer.cloudConstants.types.string') }}
{{ t('admin.cloudConstants.types.string') }}
</UiSelectItem>
<UiSelectItem value="binary">
二进制
@@ -216,11 +216,11 @@ onMounted(() => {
<div class="space-y-2">
<UiLabel for="key">
{{ t('developer.cloudConstants.create.key') }}
{{ t('admin.cloudConstants.create.key') }}
</UiLabel>
<UiInput id="key" v-model="form.key" :placeholder="t('developer.cloudConstants.create.keyPlaceholder')" />
<UiInput id="key" v-model="form.key" :placeholder="t('admin.cloudConstants.create.keyPlaceholder')" />
<p class="text-xs text-muted-foreground">
{{ t('developer.cloudConstants.create.keyHint') }}
{{ t('admin.cloudConstants.create.keyHint') }}
</p>
</div>
@@ -263,16 +263,16 @@ onMounted(() => {
<div v-else class="space-y-2">
<UiLabel for="value">
{{ t('developer.cloudConstants.create.value') }}
{{ t('admin.cloudConstants.create.value') }}
</UiLabel>
<UiTextarea id="value" v-model="form.value" :placeholder="t('developer.cloudConstants.create.valuePlaceholder')" rows="3" />
<UiTextarea id="value" v-model="form.value" :placeholder="t('admin.cloudConstants.create.valuePlaceholder')" rows="3" />
</div>
<div class="space-y-2">
<UiLabel for="description">
{{ t('developer.cloudConstants.create.description') }}
{{ t('admin.cloudConstants.create.description') }}
</UiLabel>
<UiInput id="description" v-model="form.description" :placeholder="t('developer.cloudConstants.create.descriptionPlaceholder')" />
<UiInput id="description" v-model="form.description" :placeholder="t('admin.cloudConstants.create.descriptionPlaceholder')" />
</div>
</UiCardContent>
</UiCard>
@@ -283,25 +283,25 @@ onMounted(() => {
<UiCardHeader>
<UiCardTitle class="flex items-center gap-2">
<Icon icon="lucide:eye" class="size-5" />
{{ t('developer.cloudConstants.create.preview') }}
{{ t('admin.cloudConstants.create.preview') }}
</UiCardTitle>
</UiCardHeader>
<UiCardContent class="space-y-4">
<div class="space-y-3">
<div class="flex justify-between text-sm">
<span class="text-muted-foreground">{{ t('developer.cloudConstants.create.application') }}</span>
<span class="text-muted-foreground">{{ t('admin.cloudConstants.create.application') }}</span>
<span>{{ selectedApplication?.name || '-' }}</span>
</div>
<div class="flex justify-between text-sm">
<span class="text-muted-foreground">{{ t('developer.cloudConstants.create.type') }}</span>
<span>{{ t(`developer.cloudConstants.types.${form.var_type}`) }}</span>
<span class="text-muted-foreground">{{ t('admin.cloudConstants.create.type') }}</span>
<span>{{ t(`dmin.cloudConstants.types.${form.var_type}`) }}</span>
</div>
<div class="flex justify-between text-sm">
<span class="text-muted-foreground">{{ t('developer.cloudConstants.create.key') }}</span>
<span class="text-muted-foreground">{{ t('admin.cloudConstants.create.key') }}</span>
<span>{{ form.key || '-' }}</span>
</div>
<div class="flex justify-between text-sm items-center">
<span class="text-muted-foreground">{{ t('developer.cloudConstants.create.status') }}</span>
<span class="text-muted-foreground">{{ t('admin.cloudConstants.create.status') }}</span>
<UiSwitch
:checked="form.status === 'active'"
@update:checked="form.status = $event ? 'active' : 'inactive'"
@@ -310,7 +310,7 @@ onMounted(() => {
<div class="border-t pt-3 mt-3">
<div class="text-sm">
<div class="text-muted-foreground mb-2">
{{ t('developer.cloudConstants.create.value') }}
{{ t('admin.cloudConstants.create.value') }}
</div>
<div v-if="form.var_type === 'binary'" class="bg-muted p-2 rounded text-xs">
{{ selectedFile ? `${selectedFile.name} (${formatFileSize(selectedFile.size)})` : '未选择文件' }}
@@ -335,14 +335,14 @@ onMounted(() => {
>
<Icon v-if="saving || uploading" icon="lucide:loader-2" class="mr-2 h-4 w-4 animate-spin" />
<Icon v-else icon="lucide:check" class="mr-2 h-4 w-4" />
{{ uploading ? '上传中...' : t('developer.cloudConstants.create.submit') }}
{{ uploading ? '上传中...' : t('admin.cloudConstants.create.submit') }}
</UiButton>
<UiButton
variant="outline"
class="w-full"
@click="router.back()"
>
{{ t('developer.cloudConstants.create.cancel') }}
{{ t('admin.cloudConstants.create.cancel') }}
</UiButton>
</div>
</UiCardContent>
frontend/src/pages/developer/cloud-constants/index.vue
+23 -23
View File
@@ -102,11 +102,11 @@ async function fetchConstants() {
}
function openCreatePage() {
router.push('/developer/cloud-constants/create')
router.push('/admin/cloud-constants/create')
}
function openEditPage(constant: CloudConstant) {
router.push(`/developer/cloud-constants/${constant.id}`)
router.push(`/admin/cloud-constants/${constant.id}`)
}
function confirmDelete(constant: CloudConstant) {
@@ -120,12 +120,12 @@ async function handleDelete() {
try {
await api.delete(`/dev/cloud-constants/${deleteTarget.value.id}`)
toast.success(t('developer.cloudConstants.deleteSuccess'))
toast.success(t('admin.cloudConstants.deleteSuccess'))
fetchConstants()
}
catch (error: any) {
console.error('删除云端常量失败:', error)
toast.error(error.message || t('developer.cloudConstants.deleteFailed'))
toast.error(error.message || t('admin.cloudConstants.deleteFailed'))
}
finally {
deleteTarget.value = null
@@ -142,12 +142,12 @@ async function handleToggleStatus(constant: CloudConstant) {
description: constant.description,
status: newStatus,
})
toast.success(newStatus === 'active' ? t('developer.cloudConstants.enableSuccess') : t('developer.cloudConstants.disableSuccess'))
toast.success(newStatus === 'active' ? t('admin.cloudConstants.enableSuccess') : t('admin.cloudConstants.disableSuccess'))
fetchConstants()
}
catch (error: any) {
console.error('更新状态失败:', error)
toast.error(error.message || t('developer.cloudConstants.updateFailed'))
toast.error(error.message || t('admin.cloudConstants.updateFailed'))
}
}
@@ -173,7 +173,7 @@ async function handleBatchAction() {
try {
if (batchAction.value === 'delete') {
await Promise.all(ids.map(id => api.delete(`/dev/cloud-constants/${id}`)))
toast.success(t('developer.cloudConstants.batchDeleteSuccess'))
toast.success(t('admin.cloudConstants.batchDeleteSuccess'))
}
else {
const status = batchAction.value === 'enable' ? 'active' : 'inactive'
@@ -184,13 +184,13 @@ async function handleBatchAction() {
description: c.description,
status,
})))
toast.success(batchAction.value === 'enable' ? t('developer.cloudConstants.batchEnableSuccess') : t('developer.cloudConstants.batchDisableSuccess'))
toast.success(batchAction.value === 'enable' ? t('admin.cloudConstants.batchEnableSuccess') : t('admin.cloudConstants.batchDisableSuccess'))
}
fetchConstants()
}
catch (error: any) {
console.error('批量操作失败:', error)
toast.error(error.message || t('developer.cloudConstants.batchFailed'))
toast.error(error.message || t('admin.cloudConstants.batchFailed'))
}
finally {
batchAction.value = null
@@ -206,14 +206,14 @@ onMounted(async () => {
<template>
<BasicPage
:title="t('developer.cloudConstants.title')"
:description="t('developer.cloudConstants.description')"
:title="t('admin.cloudConstants.title')"
:description="t('admin.cloudConstants.description')"
sticky
>
<template #actions>
<UiButton size="sm" @click="openCreatePage">
<Icon icon="lucide:plus" class="mr-2 h-4 w-4" />
{{ t('developer.cloudConstants.addConstant') }}
{{ t('admin.cloudConstants.addConstant') }}
</UiButton>
</template>
@@ -222,7 +222,7 @@ onMounted(async () => {
<UiCard>
<UiCardHeader class="flex flex-row items-center justify-between pb-2 space-y-0">
<UiCardTitle class="text-sm font-medium">
{{ t('developer.cloudConstants.totalConstants') }}
{{ t('admin.cloudConstants.totalConstants') }}
</UiCardTitle>
<Icon icon="lucide:database" class="size-4 text-muted-foreground" />
</UiCardHeader>
@@ -236,7 +236,7 @@ onMounted(async () => {
<UiCard>
<UiCardHeader class="flex flex-row items-center justify-between pb-2 space-y-0">
<UiCardTitle class="text-sm font-medium">
{{ t('developer.cloudConstants.linkedApps') }}
{{ t('admin.cloudConstants.linkedApps') }}
</UiCardTitle>
<Icon icon="lucide:link" class="size-4 text-muted-foreground" />
</UiCardHeader>
@@ -250,7 +250,7 @@ onMounted(async () => {
<UiCard>
<UiCardHeader class="flex flex-row items-center justify-between pb-2 space-y-0">
<UiCardTitle class="text-sm font-medium">
{{ t('developer.cloudConstants.unlinked') }}
{{ t('admin.cloudConstants.unlinked') }}
</UiCardTitle>
<Icon icon="lucide:unlink" class="size-4 text-muted-foreground" />
</UiCardHeader>
@@ -264,7 +264,7 @@ onMounted(async () => {
<UiCard>
<UiCardHeader class="flex flex-row items-center justify-between pb-2 space-y-0">
<UiCardTitle class="text-sm font-medium">
{{ t('developer.cloudConstants.appCount') }}
{{ t('admin.cloudConstants.appCount') }}
</UiCardTitle>
<Icon icon="lucide:layout-grid" class="size-4 text-muted-foreground" />
</UiCardHeader>
@@ -291,7 +291,7 @@ onMounted(async () => {
<template #filters>
<SingleFilter
v-model="appFilter"
:title="t('developer.cloudConstants.application')"
:title="t('admin.cloudConstants.application')"
:options="applicationOptions"
/>
<DateRangeFilter
@@ -307,30 +307,30 @@ onMounted(async () => {
<ConfirmDialog
v-model:open="deleteDialogOpen"
destructive
:confirm-button-text="t('developer.cloudConstants.delete')"
:confirm-button-text="t('admin.cloudConstants.delete')"
:cancel-button-text="t('common.reset')"
@confirm="handleDelete"
>
<template #title>
{{ t('developer.cloudConstants.deleteConstant') }}
{{ t('admin.cloudConstants.deleteConstant') }}
</template>
<template #description>
{{ t('developer.cloudConstants.deleteConfirm', { key: deleteTarget?.key }) }}
{{ t('admin.cloudConstants.deleteConfirm', { key: deleteTarget?.key }) }}
</template>
</ConfirmDialog>
<ConfirmDialog
v-model:open="batchDialogOpen"
:destructive="batchAction === 'delete'"
:confirm-button-text="batchAction === 'delete' ? t('developer.cloudConstants.delete') : t('common.confirm')"
:confirm-button-text="batchAction === 'delete' ? t('admin.cloudConstants.delete') : t('common.confirm')"
:cancel-button-text="t('common.cancel')"
@confirm="handleBatchAction"
>
<template #title>
{{ batchAction === 'delete' ? t('developer.cloudConstants.batchDelete') : batchAction === 'enable' ? t('developer.cloudConstants.batchEnable') : t('developer.cloudConstants.batchDisable') }}
{{ batchAction === 'delete' ? t('admin.cloudConstants.batchDelete') : batchAction === 'enable' ? t('admin.cloudConstants.batchEnable') : t('admin.cloudConstants.batchDisable') }}
</template>
<template #description>
{{ batchAction === 'delete' ? t('developer.cloudConstants.batchDeleteConfirm', { count: selectedRows.length }) : batchAction === 'enable' ? t('developer.cloudConstants.batchEnableConfirm', { count: selectedRows.length }) : t('developer.cloudConstants.batchDisableConfirm', { count: selectedRows.length }) }}
{{ batchAction === 'delete' ? t('admin.cloudConstants.batchDeleteConfirm', { count: selectedRows.length }) : batchAction === 'enable' ? t('admin.cloudConstants.batchEnableConfirm', { count: selectedRows.length }) : t('admin.cloudConstants.batchDisableConfirm', { count: selectedRows.length }) }}
</template>
</ConfirmDialog>
</BasicPage>