smart-admin-web 10.14.0 → 10.20.0

package/dist/views/system/job-monitor/index2.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"index2.vue.js","sources":["../../../../src/views/system/job-monitor/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// 任务监控 = 4 张 stat 卡 + 近 14 日成败趋势 + 即将执行 + 集群节点,整页吃一个 dashboard 端点。\n// 15 秒轮询:页面被 keep-alive,切走的标签没必要继续打点 → onDeactivated 也要停,回来再启;\n// onUnmounted 兜底清定时器,防组件销毁后计时器泄漏还在发请求。\nimport { computed, h, onActivated, onDeactivated, onMounted, onUnmounted, ref } from 'vue'\nimport {\n  NGrid,\n  NGi,\n  NCard,\n  NSpin,\n  NTag,\n  NDataTable,\n  useMessage,\n  type DataTableColumns,\n} from 'naive-ui'\nimport { Icon } from '@iconify/vue'\nimport { useI18n } from 'vue-i18n'\nimport BaseChart from '#/components/Chart/index.vue'\nimport type { EChartsOption } from 'echarts'\nimport { jobApi } from '#/api'\nimport { translateError } from '#/utils/error'\nimport { fmtDateTime } from '#/utils/format'\nimport type { JobDashboard, JobNodeItem, JobUpcomingItem } from '#/types/api'\n\nconst { t } = useI18n()\nconst message = useMessage()\n\nconst data = ref<JobDashboard | null>(null)\nconst loading = ref(true)\n\nasync function load(silent = true) {\n  try {\n    data.value = await jobApi.dashboard()\n  } catch (e) {\n    // 首次失败要让用户知道;轮询失败静默(网络抖一下不必每 15 秒糊一脸红)\n    if (!silent) message.error(translateError(e))\n  } finally {\n    loading.value = false\n  }\n}\n\nlet timer: number | null = null\nfunction start() {\n  if (timer != null) return\n  timer = window.setInterval(() => void load(), 15_000)\n}\nfunction stop() {\n  if (timer != null) {\n    window.clearInterval(timer)\n    timer = null\n  }\n}\nonMounted(() => {\n  void load(false)\n  start()\n})\nonActivated(start)\nonDeactivated(stop)\nonUnmounted(stop)\n\n/** 计数未到位时显示 —,而不是先闪个 0。 */\nconst num = (v: number | undefined) => (v === undefined ? '—' : v)\nconst stats = computed(() => [\n  {\n    key: 'todaySuccess',\n    icon: 'ph:check-circle-duotone',\n    value: num(data.value?.todaySuccess),\n    color: 'var(--color-success)',\n  },\n  {\n    key: 'todayFailed',\n    icon: 'ph:x-circle-duotone',\n    value: num(data.value?.todayFailed),\n    color: 'var(--color-danger)',\n  },\n  {\n    key: 'running',\n    icon: 'ph:circle-notch-duotone',\n    value: num(data.value?.running),\n    color: 'var(--color-info)',\n  },\n  {\n    key: 'totalJobs',\n    icon: 'ph:clock-countdown-duotone',\n    value: num(data.value?.totalJobs),\n    color: 'var(--color-primary)',\n  },\n])\n\n// 柱线组合:成功是当日总量,用柱;失败通常小一个量级,压在柱上会看不见,用线单独描出来。\nconst trendOption = computed<EChartsOption>(() => {\n  const trend = data.value?.trend ?? []\n  return {\n    tooltip: { trigger: 'axis' },\n    // 图例位置写死在顶部:留给默认值时它会落到绘图区底部、压在 x 轴日期标签上(实测)。\n    // grid.top 的 32 就是给它留的位置。\n    legend: { top: 0 },\n    grid: { left: 8, right: 16, bottom: 8, top: 32, containLabel: true },\n    xAxis: { type: 'category', data: trend.map(p => p.date.slice(5)) }, // MM-dd 足够,14 天跨年概率忽略\n    yAxis: { type: 'value', minInterval: 1 },\n    series: [\n      { name: t('job.monitor.trendSuccess'), type: 'bar', data: trend.map(p => p.success) },\n      {\n        name: t('job.monitor.trendFailed'),\n        type: 'line',\n        smooth: true,\n        data: trend.map(p => p.failed),\n      },\n    ],\n  }\n})\n\n/** 最后心跳的相对时间(轮询 15 秒一刷,精确到秒/分/时够用)。 */\nfunction relative(iso: string): string {\n  const diff = Math.max(0, Date.now() - new Date(iso).getTime())\n  const sec = Math.floor(diff / 1000)\n  if (sec < 10) return t('job.monitor.justNow')\n  if (sec < 60) return t('job.monitor.secondsAgo', { n: sec })\n  if (sec < 3600) return t('job.monitor.minutesAgo', { n: Math.floor(sec / 60) })\n  return t('job.monitor.hoursAgo', { n: Math.floor(sec / 3600) })\n}\n\nconst upcomingColumns: DataTableColumns<JobUpcomingItem> = [\n  {\n    key: 'rowNo',\n    title: () => t('common.rowNo'),\n    width: 64,\n    align: 'center',\n    render: (_row, index) => index + 1,\n  },\n  { title: () => t('job.monitor.upcomingJob'), key: 'name', ellipsis: { tooltip: true } },\n  {\n    title: () => t('job.monitor.upcomingTime'),\n    key: 'nextRunTime',\n    width: 170,\n    render: r => h('span', { class: 'tabular' }, fmtDateTime(r.nextRunTime, { empty: '—' })),\n  },\n]\n\nconst nodeColumns: DataTableColumns<JobNodeItem> = [\n  {\n    key: 'rowNo',\n    title: () => t('common.rowNo'),\n    width: 64,\n    align: 'center',\n    render: (_row, index) => index + 1,\n  },\n  { title: () => t('job.monitor.nodeName'), key: 'nodeName', ellipsis: { tooltip: true } },\n  {\n    title: () => t('job.monitor.role'),\n    key: 'isLeader',\n    width: 90,\n    render: r =>\n      h(NTag, { size: 'small', bordered: false, type: r.isLeader ? 'primary' : 'default' }, () =>\n        t(r.isLeader ? 'job.monitor.leader' : 'job.monitor.standby'),\n      ),\n  },\n  {\n    title: () => t('job.monitor.lastHeartbeat'),\n    key: 'lastHeartbeat',\n    width: 110,\n    render: r => relative(r.lastHeartbeat),\n  },\n  { title: () => t('job.monitor.workerId'), key: 'workerId', width: 90, align: 'center' },\n  { title: () => t('job.monitor.pid'), key: 'pid', width: 90, align: 'center' },\n]\n</script>\n\n<template>\n  <div class=\"view fill-page fill-page--soft\">\n    <n-grid :cols=\"'1 s:2 l:4'\" responsive=\"screen\" :x-gap=\"16\" :y-gap=\"16\">\n      <n-gi v-for=\"s in stats\" :key=\"s.key\">\n        <n-card :bordered=\"true\">\n          <div class=\"stat\">\n            <div class=\"stat-ico\" :style=\"{ color: s.color }\">\n              <Icon :icon=\"s.icon\" :width=\"28\" />\n            </div>\n            <div>\n              <div class=\"stat-val tabular\">{{ s.value }}</div>\n              <div class=\"stat-label\">{{ t(`job.monitor.${s.key}`) }}</div>\n            </div>\n          </div>\n        </n-card>\n      </n-gi>\n    </n-grid>\n\n    <n-card :title=\"t('job.monitor.trendTitle')\" :bordered=\"true\">\n      <n-spin :show=\"loading\">\n        <BaseChart :option=\"trendOption\" />\n      </n-spin>\n    </n-card>\n\n    <!-- 统计条与趋势图按内容定高(.fill-page > * 已是 flex-shrink:0),\n         底部这一栏吃掉剩余高度,两张表各自在卡片里滚。\n         这页是仪表盘不是列表页:统计条 + 320px 趋势图不参与瓜分,1080p 上给两张表还剩 200 来 px,\n         768p 上就只剩一条缝了 —— 所以外壳叠 .fill-page--soft,再给这一栏一个下限(见 scoped)。 -->\n    <n-grid\n      :cols=\"'1 l:2'\"\n      responsive=\"screen\"\n      :x-gap=\"16\"\n      :y-gap=\"16\"\n      class=\"fill-main job-tables\"\n    >\n      <n-gi class=\"fill-main\">\n        <n-card class=\"fill-card\" :title=\"t('job.monitor.upcomingTitle')\" :bordered=\"true\">\n          <n-data-table\n            size=\"small\"\n            :columns=\"upcomingColumns\"\n            :data=\"data?.upcoming ?? []\"\n            :loading=\"loading\"\n            :row-key=\"(r: JobUpcomingItem) => `${r.jobId}-${r.nextRunTime}`\"\n            :pagination=\"false\"\n            flex-height\n            virtual-scroll\n          />\n        </n-card>\n      </n-gi>\n      <n-gi class=\"fill-main\">\n        <n-card class=\"fill-card\" :title=\"t('job.monitor.nodesTitle')\" :bordered=\"true\">\n          <n-data-table\n            size=\"small\"\n            :columns=\"nodeColumns\"\n            :data=\"data?.nodes ?? []\"\n            :loading=\"loading\"\n            :row-key=\"(r: JobNodeItem) => r.nodeName\"\n            :pagination=\"false\"\n            flex-height\n            virtual-scroll\n          />\n        </n-card>\n      </n-gi>\n    </n-grid>\n  </div>\n</template>\n\n<style scoped>\n/* display / flex-direction / 整屏高度链都在 styles/layout.css 的 .fill-page,这里只留卡片间距。 */\n.view {\n  gap: var(--gap-card);\n}\n\n/*\n * .fill-page--soft 把「恰好一屏」放宽成「至少一屏」,这里再给两张表所在的那一栏一个下限:\n * 卡片头尾约 62px + small 表头 34px + 4 行 x 34px ≈ 240px,少于这个就不叫表了。\n * 高屏上剩余高度本来就大于下限,页面仍然恰好一屏;矮屏上顶到下限后由 .page 正常出滚动条。\n * 容器和栅格项都要给:容器是 flex 子项(.fill-main 带 min-height:0,不设下限会被压过内容),\n * 栅格项则决定单列(l 断点以下两张表上下排)时每张表各自的下限。\n */\n.job-tables,\n.job-tables > * {\n  min-height: 240px;\n}\n\n.stat {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n}\n/* 图标底盘:取语义色 12% 作浅底,同工作台手法,避免图标\"裸浮\" */\n.stat-ico {\n  flex-shrink: 0;\n  width: 48px;\n  height: 48px;\n  border-radius: var(--radius-md);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: color-mix(in srgb, currentColor 12%, transparent);\n}\n.stat-val {\n  font-size: 28px;\n  font-weight: 700;\n  color: var(--color-text-primary);\n  line-height: 1.1;\n}\n.stat-label {\n  color: var(--color-text-secondary);\n  margin-top: 2px;\n}\n</style>\n"],"names":["useI18n","message","useMessage","data","ref","loading","load","silent","jobApi","e","translateError","timer","start","stop","onMounted","onActivated","onDeactivated","onUnmounted","num","v","stats","computed","_a","_b","_c","_d","trendOption","trend","p","relative","iso","diff","sec","upcomingColumns","_row","index","r","h","fmtDateTime","nodeColumns","NTag","_openBlock","_createElementBlock","_hoisted_1","_createVNode","_unref","NGrid","_Fragment","_renderList","s","_createBlock","NGi","NCard","_createElementVNode","_hoisted_2","_normalizeStyle","Icon","_hoisted_3","_toDisplayString","_hoisted_4","NSpin","BaseChart","NDataTable"],"mappings":"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"}
+{"version":3,"file":"index2.vue.js","sources":["../../../../src/views/system/job-monitor/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// 任务监控 = 4 张 stat 卡 + 近 14 日成败趋势 + 即将执行 + 集群节点,整页吃一个 dashboard 端点。\n// 15 秒轮询:页面被 keep-alive,切走的标签没必要继续打点 → onDeactivated 也要停,回来再启;\n// onUnmounted 兜底清定时器,防组件销毁后计时器泄漏还在发请求。\nimport { computed, h, onActivated, onDeactivated, onMounted, onUnmounted, ref } from 'vue'\nimport { NCard, NSpin, NTag, useMessage } from 'naive-ui'\nimport { SmartTable, type SmartTableColumn } from 'smart-naive-table'\nimport { Icon } from '@iconify/vue'\nimport { useShellBreakpoint } from '#/composables/useShellBreakpoint'\nimport { useI18n } from 'vue-i18n'\nimport BaseChart from '#/components/Chart/index.vue'\nimport type { EChartsOption } from 'echarts'\nimport { jobApi } from '#/api'\nimport { translateError } from '#/utils/error'\nimport { fmtDateTime } from '#/utils/format'\nimport { TABLE_MIN_ROW_HEIGHT, TABLE_TOOLBAR } from '#/utils/tableToolbar'\nimport TableTotal from '#/components/TableTotal/index.vue'\nimport type { JobDashboard, JobNodeItem, JobUpcomingItem } from '#/types/api'\n\nconst { t } = useI18n()\nconst message = useMessage()\n\n// 栅格按内容区宽度分档(不是视口)\nconst { bp, width: pw } = useShellBreakpoint()\nconst narrow = computed(() => bp.value === 'narrow')\nconst statCols = computed(() => (pw.value < 520 ? 1 : pw.value < 1000 ? 2 : 4))\nconst tablesStyle = computed(() => {\n  const stacked = pw.value < 1000\n  const basis = stacked ? 488 : 240\n  return {\n    flex: `1 1 ${basis}px`,\n    minHeight: `${basis}px`,\n    gridTemplateColumns: stacked ? 'minmax(0, 1fr)' : 'repeat(2, minmax(0, 1fr))',\n    gridTemplateRows: stacked ? 'repeat(2, minmax(0, 1fr))' : 'minmax(0, 1fr)',\n  }\n})\n\nconst data = ref<JobDashboard | null>(null)\nconst loading = ref(true)\n\nasync function load(silent = true) {\n  try {\n    data.value = await jobApi.dashboard()\n  } catch (e) {\n    // 首次失败要让用户知道;轮询失败静默(网络抖一下不必每 15 秒糊一脸红)\n    if (!silent) message.error(translateError(e))\n  } finally {\n    loading.value = false\n  }\n}\n\nlet timer: number | null = null\nfunction start() {\n  if (timer != null) return\n  timer = window.setInterval(() => void load(), 15_000)\n}\nfunction stop() {\n  if (timer != null) {\n    window.clearInterval(timer)\n    timer = null\n  }\n}\nonMounted(() => {\n  void load(false)\n  start()\n})\nonActivated(start)\nonDeactivated(stop)\nonUnmounted(stop)\n\n/** 计数未到位时显示 —,而不是先闪个 0。 */\nconst num = (v: number | undefined) => (v === undefined ? '—' : v)\nconst stats = computed(() => [\n  {\n    key: 'todaySuccess',\n    icon: 'ph:check-circle',\n    value: num(data.value?.todaySuccess),\n    color: 'var(--ok)',\n  },\n  {\n    key: 'todayFailed',\n    icon: 'ph:x-circle',\n    value: num(data.value?.todayFailed),\n    color: 'var(--err)',\n  },\n  {\n    key: 'running',\n    icon: 'ph:circle-notch',\n    value: num(data.value?.running),\n    color: 'var(--color-info)',\n  },\n  {\n    key: 'totalJobs',\n    icon: 'ph:clock-countdown',\n    value: num(data.value?.totalJobs),\n    color: 'var(--signal)',\n  },\n])\n\n// 柱线组合:成功是当日总量,用柱;失败通常小一个量级,压在柱上会看不见,用线单独描出来。\nconst trendOption = computed<EChartsOption>(() => {\n  const trend = data.value?.trend ?? []\n  return {\n    tooltip: { trigger: 'axis' },\n    // 图例位置写死在顶部:留给默认值时它会落到绘图区底部、压在 x 轴日期标签上。\n    // grid.top 的 32 就是给它留的位置。\n    legend: { top: 0 },\n    grid: { left: 8, right: 16, bottom: 8, top: 32, containLabel: true },\n    xAxis: { type: 'category', data: trend.map(p => p.date.slice(5)) }, // MM-dd 足够,14 天跨年概率忽略\n    yAxis: { type: 'value', minInterval: 1 },\n    series: [\n      { name: t('job.monitor.trendSuccess'), type: 'bar', data: trend.map(p => p.success) },\n      {\n        name: t('job.monitor.trendFailed'),\n        type: 'line',\n        smooth: true,\n        data: trend.map(p => p.failed),\n      },\n    ],\n  }\n})\n\n/** 最后心跳的相对时间(轮询 15 秒一刷,精确到秒/分/时够用)。 */\nfunction relative(iso: string): string {\n  const diff = Math.max(0, Date.now() - new Date(iso).getTime())\n  const sec = Math.floor(diff / 1000)\n  if (sec < 10) return t('job.monitor.justNow')\n  if (sec < 60) return t('job.monitor.secondsAgo', { n: sec })\n  if (sec < 3600) return t('job.monitor.minutesAgo', { n: Math.floor(sec / 60) })\n  return t('job.monitor.hoursAgo', { n: Math.floor(sec / 3600) })\n}\n\nconst upcomingColumns: SmartTableColumn<JobUpcomingItem>[] = [\n  { type: 'index', title: () => t('common.rowNo'), width: 64, align: 'center' },\n  {\n    title: () => t('job.monitor.upcomingJob'),\n    key: 'name',\n    ellipsis: { tooltip: true },\n    search: {}, // 静态数据:条件由 SmartTable 前端求值\n  },\n  {\n    title: () => t('job.monitor.upcomingTime'),\n    key: 'nextRunTime',\n    width: 170,\n    render: r => h('span', { class: 'tabular' }, fmtDateTime(r.nextRunTime, { empty: '—' })),\n  },\n]\n\nconst nodeColumns: SmartTableColumn<JobNodeItem>[] = [\n  { type: 'index', title: () => t('common.rowNo'), width: 64, align: 'center' },\n  {\n    title: () => t('job.monitor.nodeName'),\n    key: 'nodeName',\n    ellipsis: { tooltip: true },\n    search: {},\n  },\n  {\n    title: () => t('job.monitor.role'),\n    key: 'isLeader',\n    width: 90,\n    render: r =>\n      h(NTag, { size: 'small', bordered: false, type: r.isLeader ? 'primary' : 'default' }, () =>\n        t(r.isLeader ? 'job.monitor.leader' : 'job.monitor.standby'),\n      ),\n  },\n  {\n    title: () => t('job.monitor.lastHeartbeat'),\n    key: 'lastHeartbeat',\n    width: 110,\n    render: r => relative(r.lastHeartbeat),\n  },\n  { title: () => t('job.monitor.workerId'), key: 'workerId', width: 90, align: 'center' },\n  { title: () => t('job.monitor.pid'), key: 'pid', width: 90, align: 'center' },\n]\n</script>\n\n<template>\n  <!-- 窄档(内容区 < 600)整页自然滚动,不锁一屏;表格换成卡片列表 -->\n  <div class=\"view\" :class=\"{ 'fill-page fill-page--soft': !narrow }\">\n    <!-- 统计卡按内容区宽度分档:< 520 一列,< 1000 两列,否则四列 -->\n    <div class=\"stats\" :style=\"{ gridTemplateColumns: `repeat(${statCols}, minmax(0, 1fr))` }\">\n      <n-card\n        v-for=\"s in stats\"\n        :key=\"s.key\"\n        :bordered=\"true\"\n        class=\"a-card\"\n        content-style=\"padding: 14px 16px\"\n      >\n        <div class=\"stat\">\n          <div class=\"stat-ico\" :style=\"{ color: s.color }\">\n            <Icon :icon=\"s.icon\" :width=\"28\" />\n          </div>\n          <div>\n            <div class=\"stat-val tabular\">{{ s.value }}</div>\n            <div class=\"stat-label\">{{ t(`job.monitor.${s.key}`) }}</div>\n          </div>\n        </div>\n      </n-card>\n    </div>\n\n    <n-card :title=\"t('job.monitor.trendTitle')\" :bordered=\"true\" class=\"a-card\">\n      <n-spin :show=\"loading\">\n        <BaseChart :option=\"trendOption\" />\n      </n-spin>\n    </n-card>\n\n    <!-- 统计条与趋势图按内容定高(.fill-page > * 已是 flex-shrink:0),\n         底部这一栏吃掉剩余高度,两张表各自在卡片里滚。\n         这页是仪表盘不是列表页:统计条 + 320px 趋势图不参与瓜分,1080p 上给两张表还剩 200 来 px,\n         768p 上就只剩一条缝了 —— 所以外壳叠 .fill-page--soft,再给这一栏一个下限(内容区 < 1000 时两张表\n         上下排,下限 488 = 每张 240 + 间距;>= 1000 并排,下限 240)。 -->\n    <div\n      class=\"job-tables\"\n      :class=\"{ 'fill-main': !narrow }\"\n      :style=\"narrow ? undefined : tablesStyle\"\n    >\n      <!-- 两张表都是 SmartTable 静态数据模式;不放表名(设计:表格工具栏没有标题),列头已能分辨。\n           窄档(内容区 < 600)整页自然滚动,卡片列表由 card-on-narrow 内置。\n           card-on-narrow 跟页面窄档走而不是让库按表格自身宽度判:宽屏下两张表并排各约半宽,会被误判成窄 -->\n      <div class=\"job-table\" :class=\"{ 'fill-main': !narrow }\">\n        <SmartTable\n          :columns=\"upcomingColumns\"\n          :data=\"data?.upcoming ?? []\"\n          :row-key=\"(r: JobUpcomingItem) => `${r.jobId}-${r.nextRunTime}`\"\n          :loading=\"loading\"\n          :search=\"{ container: 'table' }\"\n          :toolbar=\"TABLE_TOOLBAR\"\n          :fill-height=\"!narrow\"\n          :min-row-height=\"TABLE_MIN_ROW_HEIGHT\"\n          :card-on-narrow=\"narrow\"\n          storage-key=\"sys-job-monitor-upcoming\"\n        >\n          <template #pagination-prefix=\"{ itemCount }\">\n            <TableTotal :count=\"itemCount\" />\n          </template>\n        </SmartTable>\n      </div>\n      <div class=\"job-table\" :class=\"{ 'fill-main': !narrow }\">\n        <SmartTable\n          :columns=\"nodeColumns\"\n          :data=\"data?.nodes ?? []\"\n          row-key=\"nodeName\"\n          :loading=\"loading\"\n          :search=\"{ container: 'table' }\"\n          :toolbar=\"TABLE_TOOLBAR\"\n          :fill-height=\"!narrow\"\n          :min-row-height=\"TABLE_MIN_ROW_HEIGHT\"\n          :card-on-narrow=\"narrow\"\n          storage-key=\"sys-job-monitor-nodes\"\n        >\n          <template #pagination-prefix=\"{ itemCount }\">\n            <TableTotal :count=\"itemCount\" />\n          </template>\n        </SmartTable>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n/* display / flex-direction / 整屏高度链都在 styles/layout.css 的 .fill-page,这里只留卡片间距。 */\n.view {\n  gap: var(--gap-card);\n}\n\n/*\n * .fill-page--soft 把「恰好一屏」放宽成「至少一屏」,这里再给两张表所在的那一栏一个下限:\n * 卡片头尾约 62px + small 表头 34px + 4 行 x 34px ≈ 240px,少于这个就不叫表了。\n * 高屏上剩余高度本来就大于下限,页面仍然恰好一屏;矮屏上顶到下限后由 .page 正常出滚动条。\n * 容器和栅格项都要给:容器是 flex 子项(.fill-main 带 min-height:0,不设下限会被压过内容),\n * 栅格项则决定单列(l 断点以下两张表上下排)时每张表各自的下限。\n */\n.stats {\n  display: grid;\n  gap: var(--gap-card);\n  flex-shrink: 0;\n}\n.job-tables {\n  display: grid;\n  gap: var(--gap-card);\n}\n.stat {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n}\n/* 图标底盘:取语义色 12% 作浅底,同工作台手法,避免图标\"裸浮\" */\n.stat-ico {\n  flex-shrink: 0;\n  width: 48px;\n  height: 48px;\n  border-radius: var(--radius-lg);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: color-mix(in srgb, currentColor 12%, transparent);\n}\n.stat-val {\n  font-size: 28px;\n  font-weight: 600;\n  letter-spacing: -0.04em;\n  color: var(--text-1);\n  line-height: 34px;\n}\n.stat-label {\n  font-size: 14px;\n  color: var(--text-2);\n}\n</style>\n"],"names":["useI18n","message","useMessage","bp","pw","useShellBreakpoint","narrow","computed","statCols","tablesStyle","stacked","basis","data","ref","loading","load","silent","jobApi","e","translateError","timer","start","stop","onMounted","onActivated","onDeactivated","onUnmounted","num","v","stats","_a","_b","_c","_d","trendOption","trend","p","relative","iso","diff","sec","upcomingColumns","r","h","fmtDateTime","nodeColumns","NTag","_createElementBlock","_normalizeClass","_createElementVNode","_Fragment","_renderList","s","_createBlock","_unref","NCard","_hoisted_1","_normalizeStyle","_createVNode","Icon","_hoisted_2","_toDisplayString","_hoisted_3","NSpin","BaseChart","SmartTable","TABLE_TOOLBAR","TABLE_MIN_ROW_HEIGHT","_withCtx","itemCount","TableTotal"],"mappings":"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"}

package/dist/views/system/log/exception/index.vue.js

@@ -1,8 +1,8 @@
 import o from "./index2.vue.js";
 /* empty css           */
 import t from "../../../../_virtual/_plugin-vue_export-helper.js";
-const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d5b09c10"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-421f41e4"]]);
 export {
-  _ as default
+  m as default
 };
 //# sourceMappingURL=index.vue.js.map

package/dist/views/system/log/exception/index2.vue.js

@@ -1,38 +1,64 @@
-import { defineComponent as N, ref as m, resolveDirective as C, openBlock as d, createElementBlock as E, Fragment as M, createVNode as o, unref as e, withCtx as l, withDirectives as I, createBlock as g, createTextVNode as s, toDisplayString as i, createElementVNode as h, createCommentVNode as z, h as B } from "vue";
-import { useMessage as V, NButton as _, NDrawer as A, NDrawerContent as R, NDescriptions as S, NDescriptionsItem as n } from "naive-ui";
-import { useI18n as L } from "vue-i18n";
-import { SmartTable as q } from "smart-naive-table";
-import F from "../../../../components/AppIcon.vue.js";
-import { useConfirm as P } from "../../../../composables/useConfirm.js";
-import { logApi as b } from "../../../../api/index.js";
-import { translateError as U } from "../../../../utils/error.js";
-import { operatorText as y } from "../../../../utils/format.js";
-const $ = { class: "exception" }, j = { class: "exception" }, ee = /* @__PURE__ */ N({
+import { defineComponent as M, ref as f, computed as x, h as u, resolveDirective as R, openBlock as g, createElementBlock as L, Fragment as F, createVNode as a, unref as e, withCtx as o, withDirectives as H, createBlock as w, createTextVNode as _, toDisplayString as i, normalizeStyle as O, normalizeClass as V, createElementVNode as n, createCommentVNode as W } from "vue";
+import { useElementSize as $ } from "@vueuse/core";
+import { useMessage as q, NButton as T, NDrawer as G, NDrawerContent as P, NDescriptions as U, NDescriptionsItem as s } from "naive-ui";
+import { useI18n as j } from "vue-i18n";
+import { SmartTable as J } from "smart-naive-table";
+import K from "../../../../components/AppIcon.vue.js";
+import { useConfirm as Q } from "../../../../composables/useConfirm.js";
+import { logApi as k } from "../../../../api/index.js";
+import { translateError as X } from "../../../../utils/error.js";
+import { createFlatFilterSerializer as Y, SEARCH_ACTIONS as b, deriveHeaderFilters as Z } from "../../../../utils/tableFilter.js";
+import { TABLE_MIN_ROW_HEIGHT as ee, TABLE_TOOLBAR as te } from "../../../../utils/tableToolbar.js";
+import le from "../../../../components/TableTotal/index.vue.js";
+import { operatorText as z, fmtDateTime as E } from "../../../../utils/format.js";
+const oe = { class: "mono break" }, ae = { class: "mono break" }, re = { class: "mono break" }, ie = { class: "mono" }, se = { class: "muted break" }, ne = { class: "num" }, ce = { class: "exception" }, pe = { class: "exception" }, ze = /* @__PURE__ */ M({
   __name: "index",
-  setup(G) {
-    const { t } = L(), v = V(), { confirm: x } = P(), f = m(), k = [
+  setup(me) {
+    const { t } = j(), N = q(), { confirm: C } = Q(), d = f(), D = x(
+      () => {
+        var l;
+        return (l = d.value) == null ? void 0 : l.$el;
+      }
+    ), { width: v } = $(D), p = x(() => v.value > 0 && v.value < 600), S = Y({ ranges: ["createTime"] }), y = [
       { type: "index", title: () => t("common.rowNo"), width: 64, align: "center" },
       {
         key: "exceptionType",
         title: () => t("log.exceptionType"),
         ellipsis: { tooltip: !0 },
-        search: !0
+        search: { actions: b.fuzzy },
+        render: (l) => u("span", { class: "mono" }, l.exceptionType)
       },
       {
         key: "message",
         title: () => t("log.exceptionMessage"),
         ellipsis: { tooltip: !0 },
-        render: (r) => r.message || "—"
+        render: (l) => l.message || "—"
       },
       { key: "httpMethod", title: () => t("log.method"), width: 90 },
-      { key: "path", title: () => t("log.path"), ellipsis: { tooltip: !0 }, search: !0 },
-      { key: "operator", title: () => t("log.operator"), width: 120, render: (r) => y(r) },
-      { key: "ip", title: () => t("log.ip"), render: (r) => r.ip || "—" },
+      {
+        key: "path",
+        title: () => t("log.path"),
+        ellipsis: { tooltip: !0 },
+        search: { actions: b.fuzzy },
+        render: (l) => u("span", { class: "mono muted" }, l.path)
+      },
+      {
+        key: "operator",
+        title: () => t("log.operator"),
+        width: 120,
+        ellipsis: { tooltip: !0 },
+        render: (l) => z(l)
+      },
+      {
+        key: "ip",
+        title: () => t("log.ip"),
+        render: (l) => u("span", { class: "mono muted" }, l.ip || "—")
+      },
       {
         key: "createTime",
         title: () => t("common.createTime"),
-        format: "datetime",
-        search: { type: "daterange" }
+        render: (l) => u("span", { class: "num muted", style: "white-space: nowrap" }, E(l.createTime)),
+        search: { type: "daterange", actions: b.dayRange }
       },
       {
         key: "op",
@@ -40,177 +66,190 @@ const $ = { class: "exception" }, j = { class: "exception" }, ee = /* @__PURE__
         width: 90,
         fixed: "right",
         hideInSetting: !0,
-        render: (r) => B(
-          _,
-          { size: "small", quaternary: !0, type: "primary", onClick: () => w(r) },
+        render: (l) => u(
+          T,
+          { size: "small", quaternary: !0, type: "primary", onClick: () => A(l) },
           () => t("log.detail")
         )
       }
-    ], p = m(!1), a = m(null);
-    function w(r) {
-      a.value = r, p.value = !0;
+    ];
+    Z(y);
+    const h = f(!1), r = f(null);
+    function A(l) {
+      r.value = l, h.value = !0;
     }
-    function T() {
-      x({
+    function I() {
+      C({
         type: "error",
         content: t("log.clearExceptionConfirm"),
-        action: () => b.exceptionClear(),
+        action: () => k.exceptionClear(),
         successMsg: t("log.cleared")
-      }).then((r) => {
+      }).then((l) => {
         var c;
-        r && ((c = f.value) == null || c.refresh());
+        l && ((c = d.value) == null || c.refresh());
       });
     }
-    return (r, c) => {
-      const D = C("auth");
-      return d(), E(M, null, [
-        o(e(q), {
-          "default-page-size": 100,
+    return (l, c) => {
+      const B = R("auth");
+      return g(), L(F, null, [
+        a(e(J), {
           ref_key: "tableRef",
-          ref: f,
-          columns: k,
-          fetcher: e(b).exceptionPage,
-          "flex-height": "",
-          "virtual-scroll": "",
+          ref: d,
+          columns: y,
+          fetcher: e(k).exceptionPage,
+          search: { container: "table" },
+          "filter-serializer": e(S),
+          toolbar: e(te),
+          "fill-height": "",
+          "min-row-height": e(ee),
+          "card-on-narrow": "",
           "storage-key": "sys-log-exception",
-          onError: c[0] || (c[0] = (u) => e(v).error(e(U)(u)))
+          onError: c[0] || (c[0] = (m) => e(N).error(e(X)(m)))
         }, {
-          toolbar: l(() => [
-            I((d(), g(e(_), {
+          "pagination-prefix": o(({ itemCount: m }) => [
+            a(le, { count: m }, null, 8, ["count"])
+          ]),
+          "toolbar-right": o(() => [
+            H((g(), w(e(T), {
               type: "error",
               secondary: "",
-              onClick: T
+              onClick: I
             }, {
-              icon: l(() => [
-                o(F, {
+              icon: o(() => [
+                a(K, {
                   icon: "ph:trash",
                   size: 16
                 })
               ]),
-              default: l(() => [
-                s(" " + i(e(t)("log.clear")), 1)
+              default: o(() => [
+                _(" " + i(e(t)("log.clear")), 1)
               ]),
               _: 1
             })), [
-              [D, "DELETE:/api/v1/sys/log/exception"]
+              [B, "DELETE:/api/v1/sys/log/exception"]
             ])
           ]),
           _: 1
-        }, 8, ["fetcher"]),
-        o(e(A), {
-          show: p.value,
-          "onUpdate:show": c[1] || (c[1] = (u) => p.value = u),
-          width: 620,
-          placement: "right"
+        }, 8, ["fetcher", "filter-serializer", "toolbar", "min-row-height"]),
+        a(e(G), {
+          show: h.value,
+          "onUpdate:show": c[1] || (c[1] = (m) => h.value = m),
+          placement: p.value ? "bottom" : "right",
+          width: p.value ? void 0 : "min(620px, 100vw)",
+          height: p.value ? "auto" : void 0,
+          class: V(p.value ? "st-sheet" : ""),
+          style: O(p.value ? "max-height: 85vh" : "")
         }, {
-          default: l(() => [
-            o(e(R), {
+          default: o(() => [
+            a(e(P), {
               title: e(t)("log.detail"),
-              closable: ""
+              closable: "",
+              "native-scrollbar": p.value
             }, {
-              default: l(() => [
-                a.value ? (d(), g(e(S), {
+              default: o(() => [
+                r.value ? (g(), w(e(U), {
                   key: 0,
                   "label-placement": "left",
                   column: 1,
                   bordered: "",
-                  size: "small"
+                  size: "small",
+                  "label-style": "width: 96px"
                 }, {
-                  default: l(() => [
-                    o(e(n), {
+                  default: o(() => [
+                    a(e(s), {
                       label: e(t)("log.exceptionType")
                     }, {
-                      default: l(() => [
-                        s(i(a.value.exceptionType), 1)
+                      default: o(() => [
+                        n("span", oe, i(r.value.exceptionType), 1)
                       ]),
                       _: 1
                     }, 8, ["label"]),
-                    o(e(n), {
+                    a(e(s), {
                       label: e(t)("log.method")
                     }, {
-                      default: l(() => [
-                        s(i(a.value.httpMethod), 1)
+                      default: o(() => [
+                        _(i(r.value.httpMethod), 1)
                       ]),
                       _: 1
                     }, 8, ["label"]),
-                    o(e(n), {
+                    a(e(s), {
                       label: e(t)("log.path")
                     }, {
-                      default: l(() => [
-                        s(i(a.value.path), 1)
+                      default: o(() => [
+                        n("span", ae, i(r.value.path), 1)
                       ]),
                       _: 1
                     }, 8, ["label"]),
-                    o(e(n), {
+                    a(e(s), {
                       label: e(t)("log.traceId")
                     }, {
-                      default: l(() => [
-                        s(i(a.value.traceId || "—"), 1)
+                      default: o(() => [
+                        n("span", re, i(r.value.traceId || "—"), 1)
                       ]),
                       _: 1
                     }, 8, ["label"]),
-                    o(e(n), {
+                    a(e(s), {
                       label: e(t)("log.operator")
                     }, {
-                      default: l(() => [
-                        s(i(e(y)(a.value)), 1)
+                      default: o(() => [
+                        _(i(e(z)(r.value)), 1)
                       ]),
                       _: 1
                     }, 8, ["label"]),
-                    o(e(n), {
+                    a(e(s), {
                       label: e(t)("log.ip")
                     }, {
-                      default: l(() => [
-                        s(i(a.value.ip || "—"), 1)
+                      default: o(() => [
+                        n("span", ie, i(r.value.ip || "—"), 1)
                       ]),
                       _: 1
                     }, 8, ["label"]),
-                    o(e(n), {
+                    a(e(s), {
                       label: e(t)("log.userAgent")
                     }, {
-                      default: l(() => [
-                        s(i(a.value.userAgent || "—"), 1)
+                      default: o(() => [
+                        n("span", se, i(r.value.userAgent || "—"), 1)
                       ]),
                       _: 1
                     }, 8, ["label"]),
-                    o(e(n), {
+                    a(e(s), {
                       label: e(t)("common.createTime")
                     }, {
-                      default: l(() => [
-                        s(i(a.value.createTime), 1)
+                      default: o(() => [
+                        n("span", ne, i(e(E)(r.value.createTime)), 1)
                       ]),
                       _: 1
                     }, 8, ["label"]),
-                    o(e(n), {
+                    a(e(s), {
                       label: e(t)("log.exceptionMessage")
                     }, {
-                      default: l(() => [
-                        h("pre", $, i(a.value.message || "—"), 1)
+                      default: o(() => [
+                        n("pre", ce, i(r.value.message || "—"), 1)
                       ]),
                       _: 1
                     }, 8, ["label"]),
-                    o(e(n), {
+                    a(e(s), {
                       label: e(t)("log.stackTrace")
                     }, {
-                      default: l(() => [
-                        h("pre", j, i(a.value.stackTrace || "—"), 1)
+                      default: o(() => [
+                        n("pre", pe, i(r.value.stackTrace || "—"), 1)
                       ]),
                       _: 1
                     }, 8, ["label"])
                   ]),
                   _: 1
-                })) : z("", !0)
+                })) : W("", !0)
               ]),
               _: 1
-            }, 8, ["title"])
+            }, 8, ["title", "native-scrollbar"])
           ]),
           _: 1
-        }, 8, ["show"])
+        }, 8, ["show", "placement", "width", "height", "class", "style"])
       ], 64);
     };
   }
 });
 export {
-  ee as default
+  ze as default
 };
 //# sourceMappingURL=index2.vue.js.map

package/dist/views/system/log/exception/index2.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"index2.vue.js","sources":["../../../../../src/views/system/log/exception/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// 异常日志 = 只读 SmartTable + 详情抽屉。后端无 exception/{id},分页项已含全字段 → 抽屉直接用行数据。\n// 只记未捕获异常(程序缺陷);业务异常不进本表。堆栈保持危险色 <pre>——堆栈非代码,高亮无意义。\nimport { h, ref } from 'vue'\nimport {\n  NButton,\n  NDrawer,\n  NDrawerContent,\n  NDescriptions,\n  NDescriptionsItem,\n  useMessage,\n} from 'naive-ui'\nimport { useI18n } from 'vue-i18n'\nimport { SmartTable, type SmartTableColumn, type SmartTableInst } from 'smart-naive-table'\nimport AppIcon from '#/components/AppIcon.vue'\nimport { useConfirm } from '#/composables/useConfirm'\nimport { logApi } from '#/api'\nimport { translateError } from '#/utils/error'\nimport { operatorText } from '#/utils/format'\nimport type { SysExceptionLog } from '#/types/api'\n\nconst { t } = useI18n()\nconst message = useMessage()\nconst { confirm } = useConfirm()\nconst tableRef = ref<SmartTableInst<SysExceptionLog>>()\n\nconst columns: SmartTableColumn<SysExceptionLog>[] = [\n  { type: 'index', title: () => t('common.rowNo'), width: 64, align: 'center' },\n  {\n    key: 'exceptionType',\n    title: () => t('log.exceptionType'),\n    ellipsis: { tooltip: true },\n    search: true,\n  },\n  {\n    key: 'message',\n    title: () => t('log.exceptionMessage'),\n    ellipsis: { tooltip: true },\n    render: r => r.message || '—',\n  },\n  { key: 'httpMethod', title: () => t('log.method'), width: 90 },\n  { key: 'path', title: () => t('log.path'), ellipsis: { tooltip: true }, search: true },\n  { key: 'operator', title: () => t('log.operator'), width: 120, render: r => operatorText(r) },\n  { key: 'ip', title: () => t('log.ip'), render: r => r.ip || '—' },\n  {\n    key: 'createTime',\n    title: () => t('common.createTime'),\n    format: 'datetime',\n    search: { type: 'daterange' },\n  },\n  {\n    key: 'op',\n    title: () => t('common.operation'),\n    width: 90,\n    fixed: 'right',\n    hideInSetting: true,\n    render: r =>\n      h(\n        NButton,\n        { size: 'small', quaternary: true, type: 'primary', onClick: () => openDetail(r) },\n        () => t('log.detail'),\n      ),\n  },\n]\n\n// ── 详情抽屉(只读,行数据直填)──\nconst showDetail = ref(false)\nconst detailRow = ref<SysExceptionLog | null>(null)\nfunction openDetail(r: SysExceptionLog) {\n  detailRow.value = r\n  showDetail.value = true\n}\nfunction clearLogs() {\n  confirm({\n    type: 'error',\n    content: t('log.clearExceptionConfirm'),\n    action: () => logApi.exceptionClear(),\n    successMsg: t('log.cleared'),\n  }).then(ok => {\n    if (ok) tableRef.value?.refresh()\n  })\n}\n</script>\n\n<template>\n  <SmartTable\n    :default-page-size=\"100\"\n    ref=\"tableRef\"\n    :columns=\"columns\"\n    :fetcher=\"logApi.exceptionPage\"\n    flex-height\n    virtual-scroll\n    storage-key=\"sys-log-exception\"\n    @error=\"e => message.error(translateError(e))\"\n  >\n    <template #toolbar>\n      <n-button\n        v-auth=\"'DELETE:/api/v1/sys/log/exception'\"\n        type=\"error\"\n        secondary\n        @click=\"clearLogs\"\n      >\n        <template #icon><AppIcon icon=\"ph:trash\" :size=\"16\" /></template>\n        {{ t('log.clear') }}\n      </n-button>\n    </template>\n  </SmartTable>\n\n  <n-drawer v-model:show=\"showDetail\" :width=\"620\" placement=\"right\">\n    <n-drawer-content :title=\"t('log.detail')\" closable>\n      <n-descriptions v-if=\"detailRow\" label-placement=\"left\" :column=\"1\" bordered size=\"small\">\n        <n-descriptions-item :label=\"t('log.exceptionType')\">\n          {{ detailRow.exceptionType }}\n        </n-descriptions-item>\n        <n-descriptions-item :label=\"t('log.method')\">\n          {{ detailRow.httpMethod }}\n        </n-descriptions-item>\n        <n-descriptions-item :label=\"t('log.path')\">{{ detailRow.path }}</n-descriptions-item>\n        <n-descriptions-item :label=\"t('log.traceId')\">\n          {{ detailRow.traceId || '—' }}\n        </n-descriptions-item>\n        <n-descriptions-item :label=\"t('log.operator')\">\n          {{ operatorText(detailRow) }}\n        </n-descriptions-item>\n        <n-descriptions-item :label=\"t('log.ip')\">{{ detailRow.ip || '—' }}</n-descriptions-item>\n        <n-descriptions-item :label=\"t('log.userAgent')\">\n          {{ detailRow.userAgent || '—' }}\n        </n-descriptions-item>\n        <n-descriptions-item :label=\"t('common.createTime')\">\n          {{ detailRow.createTime }}\n        </n-descriptions-item>\n        <n-descriptions-item :label=\"t('log.exceptionMessage')\">\n          <pre class=\"exception\">{{ detailRow.message || '—' }}</pre>\n        </n-descriptions-item>\n        <n-descriptions-item :label=\"t('log.stackTrace')\">\n          <pre class=\"exception\">{{ detailRow.stackTrace || '—' }}</pre>\n        </n-descriptions-item>\n      </n-descriptions>\n    </n-drawer-content>\n  </n-drawer>\n</template>\n\n<style scoped>\n.exception {\n  margin: 0;\n  white-space: pre-wrap;\n  word-break: break-all;\n  font-family: var(--font-mono, ui-monospace, monospace);\n  font-size: 12px;\n  line-height: 1.5;\n  color: var(--color-danger);\n}\n</style>\n"],"names":["useI18n","message","useMessage","confirm","useConfirm","tableRef","ref","columns","operatorText","h","NButton","openDetail","showDetail","detailRow","clearLogs","logApi","ok","_a","_createVNode","_unref","SmartTable","_cache","e","translateError","_createBlock","AppIcon","_createTextVNode","NDrawer","$event","NDrawerContent","NDescriptions","NDescriptionsItem","_toDisplayString","_createElementVNode","_hoisted_1","_hoisted_2"],"mappings":"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"}
+{"version":3,"file":"index2.vue.js","sources":["../../../../../src/views/system/log/exception/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// 异常日志 = 只读 SmartTable + 详情抽屉。后端无 exception/{id},分页项已含全字段 → 抽屉直接用行数据。\n// 只记未捕获异常(程序缺陷);业务异常不进本表。堆栈保持危险色 <pre>——堆栈非代码,高亮无意义。\nimport { computed, h, ref } from 'vue'\nimport { useElementSize } from '@vueuse/core'\nimport {\n  NButton,\n  NDrawer,\n  NDrawerContent,\n  NDescriptions,\n  NDescriptionsItem,\n  useMessage,\n} from 'naive-ui'\nimport { useI18n } from 'vue-i18n'\nimport { SmartTable, type SmartTableColumn, type SmartTableInst } from 'smart-naive-table'\nimport AppIcon from '#/components/AppIcon.vue'\nimport { useConfirm } from '#/composables/useConfirm'\nimport { logApi } from '#/api'\nimport { translateError } from '#/utils/error'\nimport {\n  SEARCH_ACTIONS,\n  createFlatFilterSerializer,\n  deriveHeaderFilters,\n} from '#/utils/tableFilter'\nimport { TABLE_MIN_ROW_HEIGHT, TABLE_TOOLBAR } from '#/utils/tableToolbar'\nimport TableTotal from '#/components/TableTotal/index.vue'\nimport { fmtDateTime, operatorText } from '#/utils/format'\nimport type { SysExceptionLog } from '#/types/api'\n\nconst { t } = useI18n()\nconst message = useMessage()\nconst { confirm } = useConfirm()\nconst tableRef = ref<SmartTableInst<SysExceptionLog>>()\n\n// 详情抽屉的窄档判据:直接读表格根节点的宽度,与库的窄档(容器 < 600,卡片列表)同源同值,\n// 不用视口近似。窄档详情从底部抽屉弹出(宽档右侧抽屉)。未量到宽度(0)时按宽档处理。\nconst tableEl = computed(\n  () => (tableRef.value as unknown as { $el?: HTMLElement } | undefined)?.$el,\n)\nconst { width: tableWidth } = useElementSize(tableEl)\nconst isNarrow = computed(() => tableWidth.value > 0 && tableWidth.value < 600)\n\n// 日期区间:条件构造器里是同一字段的两行(大于等于 + 小于等于),序列化器合并成 [起, 止],\n// api 层 splitRange 再拆成 StartTime/EndTime 并给结束日补 23:59:59。\nconst filterSerializer = createFlatFilterSerializer({ ranges: ['createTime'] })\n\nconst columns: SmartTableColumn<SysExceptionLog>[] = [\n  { type: 'index', title: () => t('common.rowNo'), width: 64, align: 'center' },\n  {\n    key: 'exceptionType',\n    title: () => t('log.exceptionType'),\n    ellipsis: { tooltip: true },\n    search: { actions: SEARCH_ACTIONS.fuzzy },\n    render: r => h('span', { class: 'mono' }, r.exceptionType),\n  },\n  {\n    key: 'message',\n    title: () => t('log.exceptionMessage'),\n    ellipsis: { tooltip: true },\n    render: r => r.message || '—',\n  },\n  { key: 'httpMethod', title: () => t('log.method'), width: 90 },\n  {\n    key: 'path',\n    title: () => t('log.path'),\n    ellipsis: { tooltip: true },\n    search: { actions: SEARCH_ACTIONS.fuzzy },\n    render: r => h('span', { class: 'mono muted' }, r.path),\n  },\n  {\n    key: 'operator',\n    title: () => t('log.operator'),\n    width: 120,\n    ellipsis: { tooltip: true },\n    render: r => operatorText(r),\n  },\n  {\n    key: 'ip',\n    title: () => t('log.ip'),\n    render: r => h('span', { class: 'mono muted' }, r.ip || '—'),\n  },\n  {\n    key: 'createTime',\n    title: () => t('common.createTime'),\n    render: r =>\n      h('span', { class: 'num muted', style: 'white-space: nowrap' }, fmtDateTime(r.createTime)),\n    search: { type: 'daterange', actions: SEARCH_ACTIONS.dayRange },\n  },\n  {\n    key: 'op',\n    title: () => t('common.operation'),\n    width: 90,\n    fixed: 'right',\n    hideInSetting: true,\n    render: r =>\n      h(\n        NButton,\n        { size: 'small', quaternary: true, type: 'primary', onClick: () => openDetail(r) },\n        () => t('log.detail'),\n      ),\n  },\n]\nderiveHeaderFilters(columns)\n\n// ── 详情抽屉(只读,行数据直填)──\nconst showDetail = ref(false)\nconst detailRow = ref<SysExceptionLog | null>(null)\nfunction openDetail(r: SysExceptionLog) {\n  detailRow.value = r\n  showDetail.value = true\n}\nfunction clearLogs() {\n  confirm({\n    type: 'error',\n    content: t('log.clearExceptionConfirm'),\n    action: () => logApi.exceptionClear(),\n    successMsg: t('log.cleared'),\n  }).then(ok => {\n    if (ok) tableRef.value?.refresh()\n  })\n}\n</script>\n\n<template>\n  <SmartTable\n    ref=\"tableRef\"\n    :columns=\"columns\"\n    :fetcher=\"logApi.exceptionPage\"\n    :search=\"{ container: 'table' }\"\n    :filter-serializer=\"filterSerializer\"\n    :toolbar=\"TABLE_TOOLBAR\"\n    fill-height\n    :min-row-height=\"TABLE_MIN_ROW_HEIGHT\"\n    card-on-narrow\n    storage-key=\"sys-log-exception\"\n    @error=\"e => message.error(translateError(e))\"\n  >\n    <template #pagination-prefix=\"{ itemCount }\">\n      <TableTotal :count=\"itemCount\" />\n    </template>\n    <template #toolbar-right>\n      <n-button\n        v-auth=\"'DELETE:/api/v1/sys/log/exception'\"\n        type=\"error\"\n        secondary\n        @click=\"clearLogs\"\n      >\n        <template #icon><AppIcon icon=\"ph:trash\" :size=\"16\" /></template>\n        {{ t('log.clear') }}\n      </n-button>\n    </template>\n  </SmartTable>\n\n  <!-- 详情抽屉:宽档右侧 620,窄档底部抽屉(.st-sheet 由全局样式补圆角与滚动链);无底部按钮 -->\n  <n-drawer\n    v-model:show=\"showDetail\"\n    :placement=\"isNarrow ? 'bottom' : 'right'\"\n    :width=\"isNarrow ? undefined : 'min(620px, 100vw)'\"\n    :height=\"isNarrow ? 'auto' : undefined\"\n    :class=\"isNarrow ? 'st-sheet' : ''\"\n    :style=\"isNarrow ? 'max-height: 85vh' : ''\"\n  >\n    <n-drawer-content :title=\"t('log.detail')\" closable :native-scrollbar=\"isNarrow\">\n      <n-descriptions\n        v-if=\"detailRow\"\n        label-placement=\"left\"\n        :column=\"1\"\n        bordered\n        size=\"small\"\n        label-style=\"width: 96px\"\n      >\n        <n-descriptions-item :label=\"t('log.exceptionType')\">\n          <span class=\"mono break\">{{ detailRow.exceptionType }}</span>\n        </n-descriptions-item>\n        <n-descriptions-item :label=\"t('log.method')\">\n          {{ detailRow.httpMethod }}\n        </n-descriptions-item>\n        <n-descriptions-item :label=\"t('log.path')\">\n          <span class=\"mono break\">{{ detailRow.path }}</span>\n        </n-descriptions-item>\n        <n-descriptions-item :label=\"t('log.traceId')\">\n          <span class=\"mono break\">{{ detailRow.traceId || '—' }}</span>\n        </n-descriptions-item>\n        <n-descriptions-item :label=\"t('log.operator')\">\n          {{ operatorText(detailRow) }}\n        </n-descriptions-item>\n        <n-descriptions-item :label=\"t('log.ip')\">\n          <span class=\"mono\">{{ detailRow.ip || '—' }}</span>\n        </n-descriptions-item>\n        <n-descriptions-item :label=\"t('log.userAgent')\">\n          <span class=\"muted break\">{{ detailRow.userAgent || '—' }}</span>\n        </n-descriptions-item>\n        <n-descriptions-item :label=\"t('common.createTime')\">\n          <span class=\"num\">{{ fmtDateTime(detailRow.createTime) }}</span>\n        </n-descriptions-item>\n        <n-descriptions-item :label=\"t('log.exceptionMessage')\">\n          <pre class=\"exception\">{{ detailRow.message || '—' }}</pre>\n        </n-descriptions-item>\n        <n-descriptions-item :label=\"t('log.stackTrace')\">\n          <pre class=\"exception\">{{ detailRow.stackTrace || '—' }}</pre>\n        </n-descriptions-item>\n      </n-descriptions>\n    </n-drawer-content>\n  </n-drawer>\n</template>\n\n<style scoped>\n.break {\n  word-break: break-all;\n}\n.exception {\n  margin: 0;\n  white-space: pre-wrap;\n  word-break: break-all;\n  font-family: var(--font-mono, ui-monospace, monospace);\n  font-size: 13px;\n  line-height: 1.5;\n  color: var(--err, var(--color-danger));\n}\n</style>\n"],"names":["useI18n","message","useMessage","confirm","useConfirm","tableRef","ref","tableEl","computed","_a","tableWidth","useElementSize","isNarrow","filterSerializer","createFlatFilterSerializer","columns","SEARCH_ACTIONS","h","r","operatorText","fmtDateTime","NButton","openDetail","deriveHeaderFilters","showDetail","detailRow","clearLogs","logApi","ok","_createVNode","_unref","SmartTable","TABLE_TOOLBAR","TABLE_MIN_ROW_HEIGHT","_cache","e","translateError","_withCtx","itemCount","TableTotal","_createBlock","AppIcon","_createTextVNode","NDrawer","$event","NDrawerContent","NDescriptions","NDescriptionsItem","_createElementVNode","_hoisted_1","_toDisplayString","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8"],"mappings":"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"}