@liujitcn/kratos-admin-system 0.0.31 → 0.0.33

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

@@ -6,23 +6,105 @@
       :columns="columns"
       :request-api="requestBaseFileTable"
     />
+
+    <ProDialog
+      v-model="detailVisible"
+      :title="detail?.file_name || t('system.base.file.detail')"
+      width="min(960px, calc(100vw - 32px))"
+      top="5vh"
+      destroy-on-close
+      :show-footer="false"
+      @closed="resetDetail"
+    >
+      <el-skeleton v-if="!detail" :rows="8" animated />
+      <template v-else>
+        <section class="file-preview" aria-live="polite">
+          <el-skeleton v-if="previewLoading" :rows="8" animated />
+          <template v-else-if="previewUrl && previewKind === 'image'">
+            <img class="file-preview__image" :src="previewUrl" :alt="detail.file_name" />
+          </template>
+          <video v-else-if="previewUrl && previewKind === 'video'" class="file-preview__media" controls :src="previewUrl">
+            {{ t("system.base.file.message.preview_unsupported") }}
+          </video>
+          <audio v-else-if="previewUrl && previewKind === 'audio'" class="file-preview__audio" controls :src="previewUrl">
+            {{ t("system.base.file.message.preview_unsupported") }}
+          </audio>
+          <iframe
+            v-else-if="previewUrl && previewKind === 'pdf'"
+            class="file-preview__document"
+            :src="previewUrl"
+            :title="detail.file_name"
+          />
+          <pre v-else-if="previewKind === 'text' && !previewError" class="file-preview__text">{{ previewText }}</pre>
+          <el-result
+            v-else-if="previewError"
+            class="file-preview__result"
+            icon="error"
+            :title="t('system.base.file.message.preview_failed')"
+            :sub-title="t('system.base.file.message.preview_retry_download')"
+          />
+          <el-result
+            v-else
+            class="file-preview__result"
+            icon="info"
+            :title="t('system.base.file.message.preview_unsupported')"
+            :sub-title="t('system.base.file.message.preview_download_hint')"
+          />
+        </section>
+
+        <el-descriptions class="file-meta" :column="2" border size="small">
+          <el-descriptions-item :label="t('system.base.file.field.name')" :span="2">
+            <span class="file-meta__value" :title="detail.file_name">{{ detail.file_name }}</span>
+          </el-descriptions-item>
+          <el-descriptions-item :label="t('system.base.file.field.mime')">{{ detail.mime_type || "-" }}</el-descriptions-item>
+          <el-descriptions-item :label="t('system.base.file.field.size')">{{ formatFileSize(detail.size) }}</el-descriptions-item>
+          <el-descriptions-item :label="t('system.base.file.field.path')" :span="2">
+            <code class="file-meta__value">{{ detail.link_url }}</code>
+          </el-descriptions-item>
+          <el-descriptions-item :label="t('system.base.file.field.hash')" :span="2">
+            <code class="file-meta__value">{{ detail.content_hash || "-" }}</code>
+          </el-descriptions-item>
+        </el-descriptions>
+
+        <div class="file-detail__actions">
+          <el-button type="primary" :icon="Download" @click="downloadDetail">
+            {{ t("common.action.download") }}
+          </el-button>
+        </div>
+      </template>
+    </ProDialog>
   </div>
 </template>
 
 <script setup lang="ts">
-import { computed, h, ref } from "vue";
+import { computed, ref } from "vue";
+import { Download, Delete, View } from "@element-plus/icons-vue";
 import ProTable from "@liujitcn/kratos-admin-core/components/ProTable";
+import ProDialog from "@liujitcn/kratos-admin-core/components/Dialog/ProDialog.vue";
 import type { ColumnProps, ProTableInstance } from "@liujitcn/kratos-admin-core/components/ProTable/interface";
 import { useAuthButtons } from "@liujitcn/kratos-admin-core/auth";
 import { buildPageRequest } from "@liujitcn/kratos-admin-core/table";
 import { t } from "@liujitcn/kratos-admin-core";
-import { defBaseFileService } from "@liujitcn/kratos-admin-system/api/system/base_file";
+import { defFileService } from "@liujitcn/kratos-admin-core/api/base/v1/file";
+import { defBaseFileService } from "@liujitcn/kratos-admin-system/api/system/admin/v1/base_file";
 import type { BaseFile, PageBaseFileRequest } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_file";
 
 defineOptions({ name: "BaseFile", inheritAttrs: false });
 
 const { BUTTONS } = useAuthButtons();
 const proTable = ref<ProTableInstance>();
+const detailVisible = ref(false);
+const detail = ref<BaseFile>();
+const previewLoading = ref(false);
+const previewError = ref(false);
+const previewUrl = ref("");
+const previewText = ref("");
+let viewRequestId = 0;
+
+/** 文件内容预览类型。 */
+type PreviewKind = "image" | "video" | "audio" | "pdf" | "text" | "unsupported";
+
+const previewKind = computed<PreviewKind>(() => (detail.value ? getPreviewKind(detail.value) : "unsupported"));
 
 const columns = computed<ColumnProps[]>(() => [
   { prop: "file_name", label: t("system.base.file.field.name"), minWidth: 220, search: { el: "input" } },
@@ -67,16 +149,80 @@ async function requestBaseFileTable(params: PageBaseFileRequest) {
 
 /** 查看文件资产详情。 */
 async function handleView(row: BaseFile) {
-  const detail = await defBaseFileService.GetBaseFile({ id: row.id });
-  const lines = [
-    `${t("system.base.file.field.name")}：${detail.file_name}`,
-    `${t("system.base.file.field.path")}：${detail.file_directory}/${detail.save_file_name}`,
-    `${t("system.base.file.field.mime")}：${detail.mime_type}`,
-    `${t("system.base.file.field.size")}：${formatFileSize(detail.size)}`,
-    `${t("system.base.file.field.hash")}：${detail.content_hash}`,
-    `${t("system.base.file.field.url")}：${detail.link_url}`
-  ];
-  await ElMessageBox.alert(h("pre", { class: "file-detail" }, lines.join("\n")), t("system.base.file.detail"), { dangerouslyUseHTMLString: false });
+  const requestId = ++viewRequestId;
+  detailVisible.value = true;
+  detail.value = undefined;
+  resetPreview();
+  try {
+    const loadedDetail = await defBaseFileService.GetBaseFile({ id: row.id });
+    if (requestId !== viewRequestId) return;
+    detail.value = loadedDetail;
+    await loadPreview(loadedDetail, requestId);
+  } catch {
+    if (requestId === viewRequestId) detailVisible.value = false;
+  }
+}
+
+/** 加载文件内容并准备浏览器预览。 */
+async function loadPreview(file: BaseFile, requestId: number) {
+  const kind = getPreviewKind(file);
+  if (kind === "unsupported") return;
+
+  previewLoading.value = true;
+  previewError.value = false;
+  try {
+    const blob = await defFileService.GetFileBlob(file.link_url, file.file_name);
+    if (!isViewActive(file, requestId)) return;
+    const previewBlob = new Blob([blob], { type: file.mime_type || blob.type || "application/octet-stream" });
+    if (kind === "text") {
+      const text = await previewBlob.text();
+      if (isViewActive(file, requestId)) previewText.value = text;
+    } else {
+      previewUrl.value = URL.createObjectURL(previewBlob);
+    }
+  } catch {
+    if (isViewActive(file, requestId)) previewError.value = true;
+  } finally {
+    if (requestId === viewRequestId) previewLoading.value = false;
+  }
+}
+
+/** 下载当前详情文件。 */
+async function downloadDetail() {
+  if (!detail.value) return;
+  await defFileService.DownloadFile(detail.value.link_url, detail.value.file_name);
+}
+
+/** 关闭详情时释放预览资源并清空状态。 */
+function resetDetail() {
+  viewRequestId += 1;
+  detail.value = undefined;
+  resetPreview();
+}
+
+/** 清理当前预览状态。 */
+function resetPreview() {
+  if (previewUrl.value) URL.revokeObjectURL(previewUrl.value);
+  previewUrl.value = "";
+  previewText.value = "";
+  previewError.value = false;
+  previewLoading.value = false;
+}
+
+/** 根据 MIME 类型选择安全的在线预览方式。 */
+function getPreviewKind(file: BaseFile): PreviewKind {
+  const mimeType = file.mime_type.toLowerCase().split(";", 1)[0];
+  if (mimeType.startsWith("image/")) return "image";
+  if (mimeType.startsWith("video/")) return "video";
+  if (mimeType.startsWith("audio/")) return "audio";
+  if (mimeType === "application/pdf") return "pdf";
+  if (mimeType.startsWith("text/") || mimeType === "application/json") return "text";
+  return "unsupported";
+}
+
+/** 判断异步预览请求是否仍对应当前打开的文件详情。 */
+function isViewActive(file: BaseFile, requestId: number) {
+  return detailVisible.value && requestId === viewRequestId && detail.value?.id === file.id;
 }
 
 /** 删除文件资产。 */
@@ -108,12 +254,70 @@ function formatFileSize(size: number) {
 }
 </script>
 
-<style scoped>
-.file-detail {
-  max-width: 720px;
+<style scoped lang="scss">
+.file-preview {
+  min-height: 220px;
+  display: grid;
+  place-items: center;
+  padding: 16px;
+  border: 1px solid var(--el-border-color-lighter);
+  background: var(--el-fill-color-lighter);
+}
+
+.file-preview__image {
+  display: block;
+  max-width: 100%;
+  max-height: 48vh;
+  object-fit: contain;
+}
+
+.file-preview__media {
+  display: block;
+  width: min(100%, 760px);
+  max-height: 48vh;
+}
+
+.file-preview__audio {
+  width: min(100%, 560px);
+}
+
+.file-preview__document {
+  display: block;
+  width: 100%;
+  height: 48vh;
+  border: 0;
+}
+
+.file-preview__text {
+  width: 100%;
+  max-height: 48vh;
   margin: 0;
-  overflow-wrap: anywhere;
+  overflow: auto;
   white-space: pre-wrap;
+  overflow-wrap: anywhere;
   text-align: left;
+  color: var(--el-text-color-primary);
+}
+
+.file-preview__result {
+  padding: 24px 0;
+}
+
+.file-meta {
+  margin-top: 16px;
+}
+
+.file-meta__value {
+  display: block;
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.file-detail__actions {
+  display: flex;
+  justify-content: flex-end;
+  margin-top: 16px;
 }
 </style>

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

@@ -39,8 +39,8 @@ import FormDialog from "@liujitcn/kratos-admin-core/components/Dialog/FormDialog
 import type { ProFormField, ProFormOption } from "@liujitcn/kratos-admin-core/components/ProForm/interface";
 import ProTable from "@liujitcn/kratos-admin-core/components/ProTable";
 import { useAuthButtons } from "@liujitcn/kratos-admin-core/auth";
-import { defBaseJobService } from "@liujitcn/kratos-admin-system/api/system/base_job";
-import { loadEnabledBaseLanguages } from "@liujitcn/kratos-admin-system/api/system/base_language";
+import { defBaseJobService } from "@liujitcn/kratos-admin-system/api/system/admin/v1/base_job";
+import { loadEnabledBaseLanguages } from "@liujitcn/kratos-admin-system/api/system/admin/v1/base_language";
 import type {
   BaseJob,
   BaseJobArgs,
@@ -69,7 +69,7 @@ defineOptions({
 const { BUTTONS } = useAuthButtons();
 const proTable = ref<ProTableInstance>();
 const formDialogRef = ref<InstanceType<typeof FormDialog>>();
-const i18nValues = ref<DynamicI18nValue[]>(normalizeDynamicI18ns(undefined, "name"));
+const i18nValues = ref<DynamicI18nValue[]>(normalizeDynamicI18ns(undefined));
 
 const dialog = reactive({
   editing: false,
@@ -427,7 +427,7 @@ async function handleOpenDialog(jobId?: number) {
 
   const data = await defBaseJobService.GetBaseJob({ id: jobId });
   Object.assign(formData, data);
-  i18nValues.value = normalizeDynamicI18ns(data.i18ns as DynamicI18nRecord[], "name");
+	i18nValues.value = normalizeDynamicI18ns(data.i18ns as DynamicI18nRecord[]);
 }
 
 /**
@@ -451,7 +451,7 @@ function resetForm() {
   formData.cron_expression = "";
   formData.status = Status.STATUS_ENABLE;
   formData.i18ns = [];
-  i18nValues.value = normalizeDynamicI18ns(undefined, "name");
+	i18nValues.value = normalizeDynamicI18ns(undefined);
 }
 
 /**

package/dist/package/src/views/base/job/log.vue

@@ -45,11 +45,12 @@ import { InfoFilled } from "@element-plus/icons-vue";
 import type { ColumnProps, ProTableInstance } from "@liujitcn/kratos-admin-core/components/ProTable/interface";
 import ProTable from "@liujitcn/kratos-admin-core/components/ProTable";
 import ProDialog from "@liujitcn/kratos-admin-core/components/Dialog/ProDialog.vue";
-import { defBaseJobService } from "@liujitcn/kratos-admin-system/api/system/base_job";
+import { defBaseJobService } from "@liujitcn/kratos-admin-system/api/system/admin/v1/base_job";
+import { defBaseJobLogService } from "@liujitcn/kratos-admin-system/api/system/admin/v1/base_job_log";
 import { buildPageRequest } from "@liujitcn/kratos-admin-core/table";
 import { formatJson } from "@liujitcn/kratos-admin-core/format";
-import type { BaseJobLog, PageBaseJobLogRequest } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_job";
-import { BaseJobLogStatus } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_job";
+import type { BaseJobLog, PageBaseJobLogRequest } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_job_log";
+import { BaseJobLogStatus } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_job_log";
 import { t } from "@liujitcn/kratos-admin-core";
 
 defineOptions({
@@ -59,7 +60,7 @@ defineOptions({
 
 const route = useRoute();
 const proTable = ref<ProTableInstance>();
-const jobId = ref(Number(route.query.jobId ?? 0));
+const initialJobID = Number(route.query.jobId ?? 0);
 
 const dialog = reactive({
   visible: false
@@ -91,6 +92,18 @@ const detail = reactive<BaseJobLog>(createDefaultDetail());
 
 /** 定时任务日志表格列配置。 */
 const columns = computed<ColumnProps[]>(() => [
+  {
+    prop: "job_id",
+    label: t("system.base.job.field.name"),
+    minWidth: 180,
+    search: {
+      el: "select",
+      defaultValue: initialJobID > 0 ? initialJobID : undefined,
+      props: { clearable: true, filterable: true },
+      order: 1
+    },
+    enum: requestBaseJobOptions
+  },
   {
     prop: "status",
     label: t("common.field.status"),
@@ -137,16 +150,30 @@ const columns = computed<ColumnProps[]>(() => [
 watch(
   () => route.query.jobId,
   value => {
-    jobId.value = Number(value ?? 0);
-    proTable.value?.search();
+    const nextJobID = Number(value ?? 0);
+    if (!proTable.value) return;
+    if (nextJobID > 0) {
+      proTable.value.searchParam.job_id = nextJobID;
+      proTable.value.searchInitParam.job_id = nextJobID;
+    } else {
+      delete proTable.value.searchParam.job_id;
+      delete proTable.value.searchInitParam.job_id;
+    }
+    proTable.value.search();
   }
 );
 
+/** 请求定时任务筛选选项。 */
+async function requestBaseJobOptions() {
+  const data = await defBaseJobService.OptionBaseJob({});
+  return { data: data.list ?? [] };
+}
+
 /**
- * 请求定时任务日志列表，并补充当前任务 ID。
+ * 请求定时任务日志列表。
  */
 async function requestBaseJobLogTable(params: PageBaseJobLogRequest) {
-  const data = await defBaseJobService.PageBaseJobLog({ ...buildPageRequest(params), job_id: jobId.value });
+  const data = await defBaseJobLogService.PageBaseJobLog(buildPageRequest(params));
   return { data: { list: data.base_job_logs ?? [], total: data.total } };
 }
 
@@ -158,7 +185,7 @@ function handleOpenDialog(logId?: number) {
   dialog.visible = true;
   if (!logId) return;
 
-  defBaseJobService.GetBaseJobLog({ id: logId }).then(data => {
+  defBaseJobLogService.GetBaseJobLog({ id: logId }).then(data => {
     Object.assign(detail, data);
   });
 }
@@ -185,7 +212,7 @@ function resetDetail() {
   padding: 20px;
   overflow-y: auto;
   background: #ffffff;
-  border-radius: 4px;
+  border-radius: var(--admin-page-radius);
 }
 .mt-4 {
   margin-top: 16px;
@@ -196,6 +223,6 @@ function resetDetail() {
   margin: 0;
   overflow: auto;
   background: #f5f7fa;
-  border-radius: 4px;
+  border-radius: var(--admin-page-radius);
 }
 </style>

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

@@ -34,7 +34,7 @@ import type { ProFormField, ProFormOption } from "@liujitcn/kratos-admin-core/co
 import { useAuthButtons } from "@liujitcn/kratos-admin-core/auth";
 import { buildPageRequest, normalizeSelectedIds } from "@liujitcn/kratos-admin-core/table";
 import { applyLanguageConfig, defLanguageService, t } from "@liujitcn/kratos-admin-core";
-import { defBaseLanguageService, invalidateEnabledBaseLanguages } from "@liujitcn/kratos-admin-system/api/system/base_language";
+import { defBaseLanguageService, invalidateEnabledBaseLanguages } from "@liujitcn/kratos-admin-system/api/system/admin/v1/base_language";
 import type { BaseLanguage, BaseLanguageForm, PageBaseLanguageRequest } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_language";
 import { Status } from "@liujitcn/kratos-admin-system/rpc/common/v1/enum";
 

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

@@ -1,5 +1,5 @@
 <template>
-  <AuditLogTable ref="page" :config="config" />
+  <LogTable ref="page" :config="config" />
 </template>
 
 <script setup lang="ts">
@@ -7,75 +7,79 @@ 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 { defBaseLoginLogService } from "@liujitcn/kratos-admin-system/api/system/base_audit_log";
-import { BaseAuditResult, BaseLoginLogType } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_audit_log";
-import type { BaseLoginLog, PageBaseLoginLogRequest } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_audit_log";
+import LogTable, { type LogTableConfig } from "@liujitcn/kratos-admin-system/components/LogTable.vue";
+import { logDateSearch, logDetailColumn, logEnumLabel, createLogEnumOptions, requestLogTrace } from "@liujitcn/kratos-admin-system/components/log";
+import { defBaseLoginLogService } from "@liujitcn/kratos-admin-system/api/system/admin/v1/base_login_log";
+import { BaseLogResult } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_log";
+import { BaseLoginLogType } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_login_log";
+import type { BaseLoginLog, PageBaseLoginLogRequest } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_login_log";
 
 defineOptions({ name: "BaseLoginLog", inheritAttrs: false });
 
-const page = ref<InstanceType<typeof AuditLogTable>>();
+const page = ref<InstanceType<typeof LogTable>>();
 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")]
+  createLogEnumOptions([
+    [BaseLogResult.BASE_LOG_RESULT_UNSPECIFIED, t("system.base.log.result.unspecified")],
+    [BaseLogResult.BASE_LOG_RESULT_SUCCESS, t("system.base.log.result.success")],
+    [BaseLogResult.BASE_LOG_RESULT_FAILURE, t("system.base.log.result.failure")],
+    [BaseLogResult.BASE_LOG_RESULT_ERROR, t("system.base.log.result.error")]
   ])
 );
 const loginTypeOptions = computed(() =>
-  createAuditEnumOptions([
-    [BaseLoginLogType.BASE_LOGIN_LOG_TYPE_PASSWORD, t("system.base.audit.login_type.password")],
-    [BaseLoginLogType.BASE_LOGIN_LOG_TYPE_OAUTH, t("system.base.audit.login_type.oauth")],
-    [BaseLoginLogType.BASE_LOGIN_LOG_TYPE_MFA, t("system.base.audit.login_type.mfa")],
-    [BaseLoginLogType.BASE_LOGIN_LOG_TYPE_TOKEN_REFRESH, t("system.base.audit.login_type.token_refresh")],
-    [BaseLoginLogType.BASE_LOGIN_LOG_TYPE_LOGOUT, t("system.base.audit.login_type.logout")]
+  createLogEnumOptions([
+    [BaseLoginLogType.BASE_LOGIN_LOG_TYPE_UNSPECIFIED, t("system.base.log.login_type.unspecified")],
+    [BaseLoginLogType.BASE_LOGIN_LOG_TYPE_PASSWORD, t("system.base.log.login_type.password")],
+    [BaseLoginLogType.BASE_LOGIN_LOG_TYPE_OAUTH, t("system.base.log.login_type.oauth")],
+    [BaseLoginLogType.BASE_LOGIN_LOG_TYPE_MFA, t("system.base.log.login_type.mfa")],
+    [BaseLoginLogType.BASE_LOGIN_LOG_TYPE_TOKEN_REFRESH, t("system.base.log.login_type.token_refresh")],
+    [BaseLoginLogType.BASE_LOGIN_LOG_TYPE_LOGOUT, t("system.base.log.login_type.logout")]
   ])
 );
 
 const columns = computed<ColumnProps[]>(() => [
-  { prop: "user_name", label: t("system.base.audit.field.user_name"), minWidth: 130 },
-  { prop: "tenant_code", label: t("system.base.audit.field.tenant_code"), minWidth: 120 },
+  { prop: "user_name", label: t("system.base.log.field.user_name"), minWidth: 130 },
+  { prop: "tenant_code", label: t("system.base.log.field.tenant_code"), minWidth: 120 },
   {
     prop: "login_type",
-    label: t("system.base.audit.field.login_type"),
+    label: t("system.base.log.field.login_type"),
     minWidth: 130,
     search: { el: "select", enum: loginTypeOptions.value },
-    render: scope => auditEnumLabel(loginTypeOptions.value, (scope.row as BaseLoginLog).login_type)
+    render: scope => logEnumLabel(loginTypeOptions.value, (scope.row as BaseLoginLog).login_type)
   },
   {
     prop: "result",
-    label: t("system.base.audit.field.result"),
+    label: t("system.base.log.field.result"),
     minWidth: 110,
     search: { el: "select", enum: resultOptions.value },
-    render: scope => auditEnumLabel(resultOptions.value, (scope.row as BaseLoginLog).result)
+    render: scope => logEnumLabel(resultOptions.value, (scope.row as BaseLoginLog).result)
   },
-  { prop: "client_ip", label: t("system.base.audit.field.client_ip"), minWidth: 140 },
-  { 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))
+  { prop: "client_ip", label: t("system.base.log.field.client_ip"), minWidth: 140 },
+  { prop: "occurred_at", label: t("system.base.log.field.occurred_at"), minWidth: 190, search: logDateSearch(t) },
+  logDetailColumn(t("common.action.view"), id => page.value?.handleOpenDialog(id))
 ]);
 
-const config = computed<AuditLogTableConfig>(() => ({
+const config = computed<LogTableConfig>(() => ({
   columns: columns.value,
-  detailTitle: t("system.base.audit.login.title.detail"),
+  detailTitle: t("system.base.log.login.title.detail"),
   closeText: t("common.action.close"),
+  trace: requestLogTrace,
   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: "login_type", label: t("system.base.audit.field.login_type") },
-    { 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: "client_ip", label: t("system.base.audit.field.client_ip") },
-    { key: "device_id", label: t("system.base.audit.field.device_id") },
-    { 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") }
+    { key: "id", label: t("system.base.log.field.id") },
+    { key: "tenant_id", label: t("system.base.log.field.tenant_id") },
+    { key: "tenant_code", label: t("system.base.log.field.tenant_code") },
+    { key: "user_id", label: t("system.base.log.field.user_id") },
+    { key: "user_name", label: t("system.base.log.field.user_name") },
+    { key: "login_type", label: t("system.base.log.field.login_type"), enum: loginTypeOptions.value },
+    { key: "result", label: t("system.base.log.field.result"), enum: resultOptions.value },
+    { key: "reason_code", label: t("system.base.log.field.reason_code") },
+    { key: "reason", label: t("system.base.log.field.reason"), span: 2 },
+    { key: "client_ip", label: t("system.base.log.field.client_ip") },
+    { key: "device_id", label: t("system.base.log.field.device_id") },
+    { key: "user_agent", label: t("system.base.log.field.user_agent"), span: 2 },
+    { key: "request_id", label: t("system.base.log.field.request_id") },
+    { key: "trace_id", label: t("system.base.log.field.trace_id") },
+    { key: "occurred_at", label: t("system.base.log.field.occurred_at") },
+    { key: "created_at", label: t("system.base.log.field.created_at") }
   ],
   request: requestTable,
   get: getDetail
@@ -86,7 +90,7 @@ async function requestTable(params: Record<string, unknown>) {
   return { list: response.base_login_logs as unknown as Record<string, unknown>[], total: response.total };
 }
 
-async function getDetail(id: number) {
+async function getDetail(id: string) {
   return (await defBaseLoginLogService.GetBaseLoginLog({ id })) as unknown as Record<string, unknown>;
 }
 </script>

package/dist/package/src/views/base/login-policy/format.ts

@@ -0,0 +1,4 @@
+/** formatLoginPolicyList 将登录策略列表格式化为表单文本。 */
+export function formatLoginPolicyList(value: string[] | undefined, separator: string): string {
+  return (value ?? []).join(separator);
+}