@liujitcn/kratos-admin-system 0.0.29 → 0.0.31

package/dist/package/src/rpc/system/admin/v1/base_session.ts

@@ -0,0 +1,44 @@
+// Code generated by protoc-gen-ts_proto. DO NOT EDIT.
+// versions:
+//   protoc-gen-ts_proto  v2.11.8
+//   protoc               unknown
+// source: system/admin/v1/base_session.proto
+
+/* eslint-disable */
+import type { Empty } from "../../../google/protobuf/empty";
+
+/** 查询当前会话请求参数。 */
+export interface GetCurrentBaseSessionRequest {
+}
+
+/** 撤销全部会话请求参数。 */
+export interface RevokeAllBaseSessionsRequest {
+}
+
+/** 当前会话信息。 */
+export interface BaseSession {
+  /** 用户ID */
+  user_id: number;
+  /** 用户账号 */
+  user_name: string;
+  /** 租户编码 */
+  tenant_code: string;
+  /** 客户端IP */
+  client_ip: string;
+  /** 登录设备 */
+  device: string;
+  /** 用户代理 */
+  user_agent: string;
+  /** 签发时间 */
+  issued_at: string;
+  /** 令牌有效期（秒） */
+  expires_in: number;
+}
+
+/** Admin会话管理服务。 */
+export interface BaseSessionService {
+  /** 查询当前用户会话。 */
+  GetCurrentBaseSession(request: GetCurrentBaseSessionRequest): Promise<BaseSession>;
+  /** 撤销当前用户全部会话。 */
+  RevokeAllBaseSessions(request: RevokeAllBaseSessionsRequest): Promise<Empty>;
+}

package/dist/package/src/rpc/system/admin/v1/base_user.ts

@@ -224,13 +224,13 @@ export interface SummaryBaseUserRequest {
 export interface SummaryBaseUserResponse {
   /** 用户总数 */
   total: number;
-  /** 用户分组汇总 */
+  /** 用户注册时间维度汇总 */
   summaries: BaseUserSummaryItem[];
 }
 
-/** 用户注册分组汇总项 */
+/** 用户注册时间维度汇总项 */
 export interface BaseUserSummaryItem {
-  /** 分组序号 */
+  /** 统计周期值：按周统计时1至7依次表示星期一至星期日，按月统计时表示日期1至31，按年统计时表示月份1至12 */
   key: number;
   /** 用户数 */
   count: number;

package/dist/package/src/rpc/system/admin/v1/oauth_client.ts

@@ -0,0 +1,174 @@
+// Code generated by protoc-gen-ts_proto. DO NOT EDIT.
+// versions:
+//   protoc-gen-ts_proto  v2.11.8
+//   protoc               unknown
+// source: system/admin/v1/oauth_client.proto
+
+/* eslint-disable */
+import type { Status } from "../../../common/v1/enum";
+import type { Empty } from "../../../google/protobuf/empty";
+import type { BaseApi } from "./base_api";
+
+/**
+ * OauthClientCryptoType 定义开放授权客户端请求和响应使用的加密算法。
+ * 生产环境仅允许具备完整性保护的 AES-GCM 或 SM4-GCM，历史 3DES 值已禁用。
+ */
+export enum OauthClientCryptoType {
+  OAUTH_CLIENT_CRYPTO_TYPE_UNSPECIFIED = 0,
+  OAUTH_CLIENT_CRYPTO_TYPE_SM4 = 1,
+  OAUTH_CLIENT_CRYPTO_TYPE_AES = 2,
+}
+
+/** 可授权 API 选项查询条件。 */
+export interface OptionOauthClientApiRequest {
+}
+
+/** 可授权 API 选项响应。 */
+export interface OptionOauthClientApiResponse {
+  /** 可授权的开发接口列表 */
+  base_apis: BaseApi[];
+}
+
+/** 开放授权客户端分页查询条件。 */
+export interface PageOauthClientRequest {
+  /** 客户端名称 */
+  client_name?:
+    | string
+    | undefined;
+  /** 客户端状态 */
+  status?:
+    | Status
+    | undefined;
+  /** 绑定租户ID */
+  tenant_id?:
+    | number
+    | undefined;
+  /** 页码 */
+  page_num: number;
+  /** 每页数量 */
+  page_size: number;
+}
+
+/** 开放授权客户端分页响应。 */
+export interface PageOauthClientResponse {
+  /** 客户端列表 */
+  oauth_clients: OauthClient[];
+  /** 总数 */
+  total: number;
+}
+
+/** 开放授权客户端查询条件。 */
+export interface GetOauthClientRequest {
+  /** 客户端ID */
+  id: number;
+}
+
+/** 开放授权客户端凭据查询条件。 */
+export interface GetOauthClientCredentialsRequest {
+  /** 客户端ID */
+  id: number;
+}
+
+/** 开放授权客户端凭据轮换条件。 */
+export interface RotateOauthClientCredentialsRequest {
+  /** 客户端ID */
+  id: number;
+}
+
+/** 创建开放授权客户端请求。 */
+export interface CreateOauthClientRequest {
+  /** 客户端表单 */
+  oauth_client: OauthClientForm | undefined;
+}
+
+/** 更新开放授权客户端请求。 */
+export interface UpdateOauthClientRequest {
+  /** 客户端表单 */
+  oauth_client: OauthClientForm | undefined;
+}
+
+/** 删除开放授权客户端请求。 */
+export interface DeleteOauthClientRequest {
+  /** 客户端ID列表 */
+  id: string;
+}
+
+/** 设置开放授权客户端状态请求。 */
+export interface SetOauthClientStatusRequest {
+  /** 客户端ID */
+  id: number;
+  /** 状态 */
+  status: Status;
+}
+
+/** 开放授权客户端表单。 */
+export interface OauthClientForm {
+  /** 客户端ID */
+  id: number;
+  /** 绑定租户ID */
+  tenant_id: number;
+  /** 客户端名称 */
+  client_name: string;
+  /** 协议加密类型 */
+  crypto_type: OauthClientCryptoType;
+  /** IP白名单 */
+  ip_whitelist: string;
+  /** 允许访问的 API operation 列表 */
+  api: string[];
+  /** 状态 */
+  status: Status;
+}
+
+/** 开放授权客户端非敏感信息。 */
+export interface OauthClient {
+  /** 客户端ID */
+  id: number;
+  /** 客户端标识 */
+  client_id: string;
+  /** 客户端名称 */
+  client_name: string;
+  /** 绑定租户ID */
+  tenant_id: number;
+  /** 协议加密类型 */
+  crypto_type: OauthClientCryptoType;
+  /** IP白名单 */
+  ip_whitelist: string;
+  /** 允许访问的 API operation 列表 */
+  api: string[];
+  /** 状态 */
+  status: Status;
+}
+
+/** 开放授权客户端凭据元数据；敏感密钥字段始终为空，仅保留协议类型和客户端标识。 */
+export interface OauthClientCredentials {
+  /** 客户端标识 */
+  client_id: string;
+  /** 客户端密钥 */
+  client_secret: string;
+  /** 协议加密类型 */
+  crypto_type: OauthClientCryptoType;
+  /** 协议加密密钥 */
+  crypto_key: string;
+}
+
+/** 开放授权客户端管理服务。 */
+export interface OauthClientService {
+  /** 查询可授权的开发接口选项。 */
+  OptionOauthClientApi(request: OptionOauthClientApiRequest): Promise<OptionOauthClientApiResponse>;
+  /** 分页查询开放授权客户端。 */
+  PageOauthClient(request: PageOauthClientRequest): Promise<PageOauthClientResponse>;
+  /** 查询开放授权客户端详情。 */
+  GetOauthClient(request: GetOauthClientRequest): Promise<OauthClientForm>;
+  /** 查询客户端凭据元数据；客户端密钥和协议密钥不会通过接口回传。 */
+  GetOauthClientCredentials(request: GetOauthClientCredentialsRequest): Promise<OauthClientCredentials>;
+  /** 轮换客户端密钥并一次性返回新凭据。 */
+  RotateOauthClientCredentials(request: RotateOauthClientCredentialsRequest): Promise<OauthClientCredentials>;
+  /** 创建开放授权客户端。 */
+  CreateOauthClient(request: CreateOauthClientRequest): Promise<Empty>;
+  /** 更新开放授权客户端。 */
+  UpdateOauthClient(request: UpdateOauthClientRequest): Promise<Empty>;
+  /** 删除开放授权客户端。 */
+  DeleteOauthClient(request: DeleteOauthClientRequest): Promise<Empty>;
+  /** 设置开放授权客户端状态。 */
+  SetOauthClientStatus(request: SetOauthClientStatusRequest): Promise<Empty>;
+}

package/dist/package/src/views/ai/chat/components/ChatPanel.vue

@@ -115,11 +115,11 @@
                   </template>
                   <div class="agent-message-tool-payload">
                     <section class="agent-message-tool-payload__section">
-                      <div class="agent-message-tool-payload__label">REQUEST</div>
+                      <div class="agent-message-tool-payload__label">{{ t("system.ai.chat.field.request_payload") }}</div>
                       <pre>{{ formatToolRequest(tool) }}</pre>
                     </section>
                     <section class="agent-message-tool-payload__section">
-                      <div class="agent-message-tool-payload__label">RESPONSE</div>
+                      <div class="agent-message-tool-payload__label">{{ t("system.ai.chat.field.response_payload") }}</div>
                       <pre>{{ formatToolResponse(tool) }}</pre>
                     </section>
                   </div>

package/dist/package/src/views/ai/chat/message.ts

@@ -9,13 +9,12 @@ import {
 import type { AiAction } from "@liujitcn/kratos-admin-system/rpc/base/v1/ai_message";
 import { AiMessageStatus } from "@liujitcn/kratos-admin-system/rpc/base/v1/ai_session";
 import { Terminal } from "@liujitcn/kratos-admin-system/rpc/base/v1/ai_tool";
-import { t } from "@liujitcn/kratos-admin-core";
+import { getLocaleText, SUPPORTED_LOCALES, t } from "@liujitcn/kratos-admin-core";
 import type { AiStreamPayload, AIFlowBlock, ChatMessageItem, ReplySourceTag } from "./types";
 
 const THINKING_MESSAGE_ID_PREFIX = "ai-thinking";
 const LOCAL_USER_MESSAGE_ID_PREFIX = "ai-user-local";
 const PENDING_STREAM_MESSAGE_ID = "pending";
-const DEFAULT_SESSION_TITLES = new Set(["新对话", "新對話", "New conversation"]);
 const thinkingMessageContent = () => t("system.ai.chat.message.thinking");
 
 /** 生成流式消息分组键，确保同一轮回复只更新当前占位气泡。 */
@@ -55,12 +54,17 @@ export function normalizeSession(session?: Partial<AiSession> | null): AiSession
 /** 将服务端生成的默认会话文案切换到当前语言，兼容历史数据。 */
 function resolveSessionText(value: unknown, fallbackWhenEmpty: boolean) {
   const text = String(value ?? "");
-  if ((fallbackWhenEmpty && !text) || DEFAULT_SESSION_TITLES.has(text)) {
+  if ((fallbackWhenEmpty && !text) || isDefaultSessionTitle(text)) {
     return t("system.ai.chat.value.new_conversation");
   }
   return text;
 }
 
+/** 判断文本是否为任一已打包语言的默认会话标题。 */
+function isDefaultSessionTitle(value: string) {
+  return SUPPORTED_LOCALES.some(locale => getLocaleText(locale, "system.ai.chat.value.new_conversation") === value);
+}
+
 /** 将会话列表收敛成可安全渲染的数组。 */
 export function normalizeSessionList(list?: AiSession[] | null) {
   if (!Array.isArray(list)) return [];

package/dist/package/src/views/base/api-log/index.vue

@@ -0,0 +1,83 @@
+<template>
+  <AuditLogTable ref="page" :config="config" />
+</template>
+
+<script setup lang="ts">
+import { computed, ref } from "vue";
+import type { ColumnProps } from "@liujitcn/kratos-admin-core/components/ProTable/interface";
+import { t } from "@liujitcn/kratos-admin-core";
+import { buildPageRequest } from "@liujitcn/kratos-admin-core/table";
+import AuditLogTable, { type AuditLogTableConfig } from "@liujitcn/kratos-admin-system/components/AuditLogTable.vue";
+import { auditDateSearch, auditDetailColumn, auditEnumLabel, createAuditEnumOptions } from "@liujitcn/kratos-admin-system/components/auditLog";
+import { defBaseApiLogService } from "@liujitcn/kratos-admin-system/api/system/base_audit_log";
+import { BaseAuditResult } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_audit_log";
+import type { BaseApiLog, PageBaseApiLogRequest } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_audit_log";
+
+defineOptions({ name: "BaseApiLog", inheritAttrs: false });
+
+const page = ref<InstanceType<typeof AuditLogTable>>();
+const resultOptions = computed(() =>
+  createAuditEnumOptions([
+    [BaseAuditResult.BASE_AUDIT_RESULT_SUCCESS, t("system.base.audit.result.success")],
+    [BaseAuditResult.BASE_AUDIT_RESULT_FAILURE, t("system.base.audit.result.failure")],
+    [BaseAuditResult.BASE_AUDIT_RESULT_ERROR, t("system.base.audit.result.error")]
+  ])
+);
+const columns = computed<ColumnProps[]>(() => [
+  { prop: "operation", label: t("system.base.audit.field.operation"), minWidth: 320, search: { el: "input" } },
+  { prop: "method", label: t("system.base.audit.field.method"), minWidth: 90 },
+  { prop: "status_code", label: t("system.base.audit.field.status_code"), minWidth: 100 },
+  {
+    prop: "result",
+    label: t("system.base.audit.field.result"),
+    minWidth: 110,
+    search: { el: "select", enum: resultOptions.value },
+    render: scope => auditEnumLabel(resultOptions.value, (scope.row as BaseApiLog).result)
+  },
+  { prop: "latency_ms", label: t("system.base.audit.field.latency_ms"), minWidth: 110 },
+  { prop: "user_name", label: t("system.base.audit.field.user_name"), minWidth: 130 },
+  { prop: "occurred_at", label: t("system.base.audit.field.occurred_at"), minWidth: 190, search: auditDateSearch(t) },
+  auditDetailColumn(t("common.action.view"), id => page.value?.handleOpenDialog(id))
+]);
+
+const config = computed<AuditLogTableConfig>(() => ({
+  columns: columns.value,
+  detailTitle: t("system.base.audit.api.title.detail"),
+  closeText: t("common.action.close"),
+  detailFields: [
+    { key: "id", label: t("system.base.audit.field.id") },
+    { key: "tenant_id", label: t("system.base.audit.field.tenant_id") },
+    { key: "tenant_code", label: t("system.base.audit.field.tenant_code") },
+    { key: "user_id", label: t("system.base.audit.field.user_id") },
+    { key: "user_name", label: t("system.base.audit.field.user_name") },
+    { key: "service_name", label: t("system.base.audit.field.service_name") },
+    { key: "operation", label: t("system.base.audit.field.operation"), span: 2 },
+    { key: "method", label: t("system.base.audit.field.method") },
+    { key: "path", label: t("system.base.audit.field.path"), span: 2 },
+    { key: "status_code", label: t("system.base.audit.field.status_code") },
+    { key: "result", label: t("system.base.audit.field.result") },
+    { key: "reason_code", label: t("system.base.audit.field.reason_code") },
+    { key: "reason", label: t("system.base.audit.field.reason"), span: 2 },
+    { key: "latency_ms", label: t("system.base.audit.field.latency_ms") },
+    { key: "request_size", label: t("system.base.audit.field.request_size") },
+    { key: "response_size", label: t("system.base.audit.field.response_size") },
+    { key: "client_ip", label: t("system.base.audit.field.client_ip") },
+    { key: "user_agent", label: t("system.base.audit.field.user_agent"), span: 2 },
+    { key: "request_id", label: t("system.base.audit.field.request_id") },
+    { key: "trace_id", label: t("system.base.audit.field.trace_id") },
+    { key: "occurred_at", label: t("system.base.audit.field.occurred_at") },
+    { key: "created_at", label: t("system.base.audit.field.created_at") }
+  ],
+  request: requestTable,
+  get: getDetail
+}));
+
+async function requestTable(params: Record<string, unknown>) {
+  const response = await defBaseApiLogService.PageBaseApiLog(buildPageRequest(params as unknown as PageBaseApiLogRequest));
+  return { list: response.base_api_logs as unknown as Record<string, unknown>[], total: response.total };
+}
+
+async function getDetail(id: number) {
+  return (await defBaseApiLogService.GetBaseApiLog({ id })) as unknown as Record<string, unknown>;
+}
+</script>

package/dist/package/src/views/base/config/index.vue

@@ -78,8 +78,6 @@
 <script setup lang="ts">
 import { computed, h, reactive, ref } from "vue";
 import { useDebounceFn } from "@vueuse/core";
-import { ElImage, ElMessage, ElMessageBox, ElTag, ElTooltip } from "element-plus";
-import { CirclePlus, Delete, EditPen, RefreshLeft } from "@element-plus/icons-vue";
 import type { ColumnProps, HeaderActionProps, ProTableInstance } from "@liujitcn/kratos-admin-core/components/ProTable/interface";
 import ProTable from "@liujitcn/kratos-admin-core/components/ProTable";
 import FormDialog from "@liujitcn/kratos-admin-core/components/Dialog/FormDialog.vue";
@@ -259,7 +257,9 @@ const statusOptions = computed<ProFormOption[]>(() => [
 
 /** 字典类系统配置与字典编码的映射关系。 */
 const BASE_CONFIG_DICT_CODE_MAP: Record<string, string> = {
-  captchaType: "captcha_type"
+  captchaType: "captcha_type",
+  securityMfaPolicy: "security_mfa_policy",
+  securityMfaMethod: "mfa_method"
 };
 
 /** 当前字典类配置对应的字典编码，未配置映射时允许退回手动输入。 */

package/dist/package/src/views/base/dashboard/index.vue

@@ -0,0 +1,200 @@
+<template>
+  <main class="dashboard-page">
+    <header class="dashboard-header">
+      <div>
+        <h1>{{ t("system.dashboard.title") }}</h1>
+        <p>{{ t("system.dashboard.updated_at", { time: updatedAt }) }}</p>
+      </div>
+      <el-button :loading="loading" @click="loadDashboard">
+        <el-icon><Refresh /></el-icon>
+        {{ t("core.table.refresh") }}
+      </el-button>
+    </header>
+
+    <el-skeleton v-if="loading && !overview" :rows="3" animated />
+    <template v-else>
+      <section class="metric-grid" :aria-label="t('system.dashboard.overview')">
+        <el-card v-for="metric in metrics" :key="metric.key" shadow="never" class="metric-card">
+          <span class="metric-label">{{ metric.label }}</span>
+          <strong class="metric-value">{{ metric.value }}</strong>
+        </el-card>
+      </section>
+
+      <section class="chart-grid">
+        <el-card shadow="never" class="chart-card chart-card-wide">
+          <template #header>{{ t("system.dashboard.login_trend") }}</template>
+          <div class="chart-wrap"><ECharts :option="loginTrendOption" height="320" /></div>
+        </el-card>
+        <el-card shadow="never" class="chart-card">
+          <template #header>{{ t("system.dashboard.login_distribution") }}</template>
+          <div class="chart-wrap"><ECharts :option="loginDistributionOption" height="320" /></div>
+        </el-card>
+        <el-card shadow="never" class="chart-card">
+          <template #header>{{ t("system.dashboard.operation_distribution") }}</template>
+          <div class="chart-wrap"><ECharts :option="operationDistributionOption" height="320" /></div>
+        </el-card>
+      </section>
+    </template>
+  </main>
+</template>
+
+<script setup lang="ts">
+import { computed, onMounted, ref } from "vue";
+import ECharts from "@liujitcn/kratos-admin-core/components/ECharts/index.vue";
+import { defBaseDashboardService } from "@liujitcn/kratos-admin-system/api/system/base_dashboard";
+import type {
+  BaseDashboardDistributionItem,
+  BaseDashboardOverview,
+  BaseDashboardTrendPoint
+} from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_dashboard";
+import { t } from "@liujitcn/kratos-admin-core";
+
+const loading = ref(false);
+const overview = ref<BaseDashboardOverview>();
+const trend = ref<BaseDashboardTrendPoint[]>([]);
+const loginDistribution = ref<BaseDashboardDistributionItem[]>([]);
+const operationDistribution = ref<BaseDashboardDistributionItem[]>([]);
+const updatedAt = ref("");
+
+const metrics = computed(() => [
+  { key: "users", label: t("system.dashboard.users"), value: overview.value?.user_count ?? 0 },
+  { key: "roles", label: t("system.dashboard.roles"), value: overview.value?.role_count ?? 0 },
+  { key: "logins", label: t("system.dashboard.today_logins"), value: overview.value?.today_login_count ?? 0 },
+  { key: "operations", label: t("system.dashboard.today_operations"), value: overview.value?.today_operation_count ?? 0 }
+]);
+
+const loginTrendOption = computed(() => ({
+  tooltip: { trigger: "axis" as const },
+  grid: { left: 40, right: 20, top: 24, bottom: 32 },
+  xAxis: { type: "category" as const, boundaryGap: false, data: trend.value.map((item) => item.date) },
+  yAxis: { type: "value" as const, minInterval: 1 },
+  series: [{ type: "line" as const, smooth: true, data: trend.value.map((item) => item.count), areaStyle: {} }]
+}));
+
+const loginDistributionOption = computed(() => distributionOption(loginDistribution.value));
+const operationDistributionOption = computed(() => distributionOption(operationDistribution.value));
+
+async function loadDashboard() {
+  loading.value = true;
+  try {
+    const [overviewResponse, trendResponse, loginResponse, operationResponse] = await Promise.all([
+      defBaseDashboardService.GetBaseDashboardOverview({}),
+      defBaseDashboardService.GetBaseDashboardLoginTrend({ days: 7 }),
+      defBaseDashboardService.GetBaseDashboardLoginDistribution({}),
+      defBaseDashboardService.GetBaseDashboardOperationDistribution({})
+    ]);
+    overview.value = overviewResponse;
+    trend.value = trendResponse.points ?? [];
+    loginDistribution.value = loginResponse.items ?? [];
+    operationDistribution.value = operationResponse.items ?? [];
+    updatedAt.value = new Date().toLocaleString();
+  } catch {
+    ElMessage.error(t("system.dashboard.load_failed"));
+  } finally {
+    loading.value = false;
+  }
+}
+
+/** 将审计技术枚举名转换为当前语言的展示文案。 */
+function distributionItemLabel(label: string) {
+  const mappings = [
+    ["BASE_OPERATION_ACTION_", "system.base.audit.operation_action."],
+    ["BASE_AUDIT_RESULT_", "system.base.audit.result."]
+  ];
+  const mapping = mappings.find(([prefix]) => label.startsWith(prefix));
+  if (!mapping) return label;
+  const value = label.slice(mapping[0].length).toLowerCase();
+  return value === "unspecified" ? t("common.message.unknown") : t(`${mapping[1]}${value}`);
+}
+
+/** 创建使用本地化图例的分布图配置。 */
+function distributionOption(items: BaseDashboardDistributionItem[]) {
+  return {
+    tooltip: { trigger: "item" as const },
+    legend: { bottom: 0, type: "scroll" as const },
+    series: [{ type: "pie" as const, radius: ["38%", "68%"] as [string, string], center: ["50%", "45%"] as [string, string], data: items.map((item) => ({ name: distributionItemLabel(item.label), value: item.count })) }]
+  };
+}
+
+onMounted(loadDashboard);
+</script>
+
+<style scoped>
+.dashboard-page {
+  padding: 20px;
+}
+
+.dashboard-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+  margin-bottom: 20px;
+}
+
+.dashboard-header h1 {
+  margin: 0;
+  color: var(--el-text-color-primary);
+  font-size: 22px;
+  font-weight: 600;
+}
+
+.dashboard-header p {
+  margin: 6px 0 0;
+  color: var(--el-text-color-secondary);
+  font-size: 13px;
+}
+
+.metric-grid,
+.chart-grid {
+  display: grid;
+  gap: 16px;
+}
+
+.metric-grid {
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  margin-bottom: 16px;
+}
+
+.metric-card :deep(.el-card__body) {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  min-height: 92px;
+  justify-content: center;
+}
+
+.metric-label {
+  color: var(--el-text-color-secondary);
+  font-size: 13px;
+}
+
+.metric-value {
+  color: var(--el-text-color-primary);
+  font-size: 28px;
+  line-height: 1;
+}
+
+.chart-grid {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+
+.chart-card-wide {
+  grid-column: 1 / -1;
+}
+
+.chart-wrap {
+  height: 320px;
+}
+
+@media (max-width: 960px) {
+  .metric-grid,
+  .chart-grid {
+    grid-template-columns: 1fr;
+  }
+
+  .chart-card-wide {
+    grid-column: auto;
+  }
+}
+</style>

package/dist/package/src/views/base/data-access-log/index.vue

@@ -0,0 +1,84 @@
+<template>
+  <AuditLogTable ref="page" :config="config" />
+</template>
+
+<script setup lang="ts">
+import { computed, ref } from "vue";
+import type { ColumnProps } from "@liujitcn/kratos-admin-core/components/ProTable/interface";
+import { t } from "@liujitcn/kratos-admin-core";
+import { buildPageRequest } from "@liujitcn/kratos-admin-core/table";
+import AuditLogTable, { type AuditLogTableConfig } from "@liujitcn/kratos-admin-system/components/AuditLogTable.vue";
+import { auditDateSearch, auditDetailColumn, auditEnumLabel, createAuditEnumOptions } from "@liujitcn/kratos-admin-system/components/auditLog";
+import { defBaseDataAccessLogService } from "@liujitcn/kratos-admin-system/api/system/base_audit_log";
+import { BaseAuditResult, BaseDataAccessType } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_audit_log";
+import type { BaseDataAccessLog, PageBaseDataAccessLogRequest } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_audit_log";
+
+defineOptions({ name: "BaseDataAccessLog", inheritAttrs: false });
+
+const page = ref<InstanceType<typeof AuditLogTable>>();
+const resultOptions = computed(() => createAuditEnumOptions([
+  [BaseAuditResult.BASE_AUDIT_RESULT_SUCCESS, t("system.base.audit.result.success")],
+  [BaseAuditResult.BASE_AUDIT_RESULT_FAILURE, t("system.base.audit.result.failure")],
+  [BaseAuditResult.BASE_AUDIT_RESULT_ERROR, t("system.base.audit.result.error")]
+]));
+const accessTypeOptions = computed(() => createAuditEnumOptions([
+  [BaseDataAccessType.BASE_DATA_ACCESS_TYPE_LIST, t("system.base.audit.access_type.list")],
+  [BaseDataAccessType.BASE_DATA_ACCESS_TYPE_DETAIL, t("system.base.audit.access_type.detail")],
+  [BaseDataAccessType.BASE_DATA_ACCESS_TYPE_QUERY, t("system.base.audit.access_type.query")],
+  [BaseDataAccessType.BASE_DATA_ACCESS_TYPE_EXPORT, t("system.base.audit.access_type.export")],
+  [BaseDataAccessType.BASE_DATA_ACCESS_TYPE_DOWNLOAD, t("system.base.audit.access_type.download")],
+  [BaseDataAccessType.BASE_DATA_ACCESS_TYPE_IMPORT, t("system.base.audit.access_type.import")]
+]));
+const columns = computed<ColumnProps[]>(() => [
+  { prop: "resource_type", label: t("system.base.audit.field.resource_type"), minWidth: 150, search: { el: "input" } },
+  { prop: "table_name", label: t("system.base.audit.field.table_name"), minWidth: 150 },
+  { prop: "access_type", label: t("system.base.audit.field.access_type"), minWidth: 120, search: { el: "select", enum: accessTypeOptions.value }, render: scope => auditEnumLabel(accessTypeOptions.value, (scope.row as BaseDataAccessLog).access_type) },
+  { prop: "affected_rows", label: t("system.base.audit.field.affected_rows"), minWidth: 110 },
+  { prop: "sensitive", label: t("system.base.audit.field.sensitive"), minWidth: 110, search: { el: "switch" }, render: scope => (scope.row as BaseDataAccessLog).sensitive ? t("common.value.yes") : t("common.value.no") },
+  { prop: "result", label: t("system.base.audit.field.result"), minWidth: 110, search: { el: "select", enum: resultOptions.value }, render: scope => auditEnumLabel(resultOptions.value, (scope.row as BaseDataAccessLog).result) },
+  { prop: "occurred_at", label: t("system.base.audit.field.occurred_at"), minWidth: 190, search: auditDateSearch(t) },
+  auditDetailColumn(t("common.action.view"), id => page.value?.handleOpenDialog(id))
+]);
+
+const config = computed<AuditLogTableConfig>(() => ({
+  columns: columns.value,
+  detailTitle: t("system.base.audit.data_access.title.detail"),
+  closeText: t("common.action.close"),
+  detailFields: [
+    { key: "id", label: t("system.base.audit.field.id") },
+    { key: "tenant_id", label: t("system.base.audit.field.tenant_id") },
+    { key: "tenant_code", label: t("system.base.audit.field.tenant_code") },
+    { key: "user_id", label: t("system.base.audit.field.user_id") },
+    { key: "user_name", label: t("system.base.audit.field.user_name") },
+    { key: "resource_type", label: t("system.base.audit.field.resource_type") },
+    { key: "resource_id", label: t("system.base.audit.field.resource_id") },
+    { key: "access_type", label: t("system.base.audit.field.access_type") },
+    { key: "data_source", label: t("system.base.audit.field.data_source") },
+    { key: "table_name", label: t("system.base.audit.field.table_name") },
+    { key: "field_scope", label: t("system.base.audit.field.field_scope"), span: 2, code: true },
+    { key: "data_scope", label: t("system.base.audit.field.data_scope") },
+    { key: "affected_rows", label: t("system.base.audit.field.affected_rows") },
+    { key: "sensitive", label: t("system.base.audit.field.sensitive") },
+    { key: "sql_digest", label: t("system.base.audit.field.sql_digest") },
+    { key: "sql_text", label: t("system.base.audit.field.sql_text"), span: 2, code: true },
+    { key: "result", label: t("system.base.audit.field.result") },
+    { key: "reason_code", label: t("system.base.audit.field.reason_code") },
+    { key: "latency_ms", label: t("system.base.audit.field.latency_ms") },
+    { key: "request_id", label: t("system.base.audit.field.request_id") },
+    { key: "trace_id", label: t("system.base.audit.field.trace_id") },
+    { key: "occurred_at", label: t("system.base.audit.field.occurred_at") },
+    { key: "created_at", label: t("system.base.audit.field.created_at") }
+  ],
+  request: requestTable,
+  get: getDetail
+}));
+
+async function requestTable(params: Record<string, unknown>) {
+  const response = await defBaseDataAccessLogService.PageBaseDataAccessLog(buildPageRequest(params as unknown as PageBaseDataAccessLogRequest));
+  return { list: response.base_data_access_logs as unknown as Record<string, unknown>[], total: response.total };
+}
+
+async function getDetail(id: number) {
+  return (await defBaseDataAccessLogService.GetBaseDataAccessLog({ id })) as unknown as Record<string, unknown>;
+}
+</script>