feat: tenant management page

- api/tenant.ts + /system/tenant 页面(ty-crud)

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
liuyun 2026-10-11 12:49:55 +08:00
parent f1cb5723b2
commit 7d0088dd10
4 changed files with 142 additions and 1 deletions

45
src/api/tenant.ts Normal file
View File

@ -0,0 +1,45 @@
import { http } from '@/api/http'
export interface Tenant {
id: string
code: string
name: string
status: 'enabled' | 'disabled'
remark: string | null
createdAt: string
}
export interface TenantListQuery {
page: number
pageSize: number
name?: string
code?: string
status?: string
}
export interface TenantListResult {
list: Tenant[]
total: number
page: number
pageSize: number
}
export function listTenants(query: TenantListQuery, signal?: AbortSignal): Promise<TenantListResult> {
const params: Record<string, unknown> = { page: query.page, pageSize: query.pageSize }
if (query.name) params.name = query.name
if (query.code) params.code = query.code
if (query.status) params.status = query.status
return http.get<TenantListResult>('/tenants', { params, signal })
}
export function createTenant(data: { code: string; name: string; status?: string; remark?: string }): Promise<Tenant> {
return http.post<Tenant>('/tenants', data)
}
export function updateTenant(id: string, data: { name?: string; status?: string; remark?: string }): Promise<Tenant> {
return http.patch<Tenant>(`/tenants/${id}`, data)
}
export function deleteTenant(id: string): Promise<unknown> {
return http.delete(`/tenants/${id}`)
}

View File

@ -0,0 +1,83 @@
<template>
<ty-crud
entity-name="租户"
:columns="columns"
:search-schema="searchSchema"
:form-schema="formSchema"
:list="list"
:create="create"
:update="update"
:remove="remove"
id-key="id"
name-key="name"
:edit-readonly-keys="['code']"
/>
</template>
<script setup lang="ts">
import type { JsonSchema, PageQuery, TableColumn } from '@/types/crud'
import { createTenant, deleteTenant, listTenants, updateTenant, type TenantListQuery } from '@/api/tenant'
const STATUS_MAP = {
enabled: { label: '启用', type: 'success' },
disabled: { label: '停用', type: 'info' },
} as const
const columns: TableColumn[] = [
{ prop: 'name', label: '租户名称', minWidth: 140 },
{ prop: 'code', label: '租户编码', minWidth: 140 },
{ prop: 'status', label: '状态', width: 80, align: 'center', type: 'tag', tagMap: STATUS_MAP },
{ prop: 'remark', label: '备注', minWidth: 160 },
{ prop: 'createdAt', label: '创建时间', width: 160, type: 'datetime' },
]
const searchSchema: JsonSchema = {
type: 'object',
properties: {
name: { type: 'string', title: '租户名称', placeholder: '请输入名称' },
code: { type: 'string', title: '租户编码', placeholder: '请输入编码' },
status: {
type: 'string',
title: '状态',
enum: ['enabled', 'disabled'],
enumNames: ['启用', '停用'],
placeholder: '全部',
},
},
}
const formSchema: JsonSchema = {
type: 'object',
properties: {
code: { type: 'string', title: '租户编码', placeholder: '如 touyun', minLength: 2 },
name: { type: 'string', title: '租户名称', placeholder: '如 投云' },
status: {
type: 'string',
title: '状态',
enum: ['enabled', 'disabled'],
enumNames: ['启用', '停用'],
default: 'enabled',
},
remark: { type: 'string', title: '备注', format: 'textarea', placeholder: '请输入备注' },
},
required: ['code', 'name'],
}
function toListQuery(query: PageQuery): TenantListQuery {
const str = (v: unknown): string | undefined => (typeof v === 'string' && v !== '' ? v : undefined)
return {
page: query.page,
pageSize: query.pageSize,
name: str(query.name),
code: str(query.code),
status: str(query.status),
}
}
const list = (query: PageQuery, signal?: AbortSignal) => listTenants(toListQuery(query), signal)
const create = (data: Record<string, any>) =>
createTenant({ code: data.code, name: data.name, status: data.status, remark: data.remark })
const update = (id: string, data: Record<string, any>) =>
updateTenant(id, { name: data.name, status: data.status, remark: data.remark })
const remove = (id: string) => deleteTenant(id)
</script>

File diff suppressed because one or more lines are too long

13
typed-router.d.ts vendored
View File

@ -121,6 +121,13 @@ declare module 'vue-router/auto-routes' {
Record<never, never>,
| never
>,
'/system/tenant/': RouteRecordInfo<
'/system/tenant/',
'/system/tenant',
Record<never, never>,
Record<never, never>,
| never
>,
'/system/user/': RouteRecordInfo<
'/system/user/',
'/system/user',
@ -232,6 +239,12 @@ declare module 'vue-router/auto-routes' {
views:
| never
}
'src/pages/system/tenant/index.vue': {
routes:
| '/system/tenant/'
views:
| never
}
'src/pages/system/user/index.vue': {
routes:
| '/system/user/'