dlzn-ui 2.0.27 → 2.0.30

package/package.json

@@ -108,7 +108,7 @@
     "> 1%",
     "not dead"
   ],
-  "version": "2.0.27",
+  "version": "2.0.30",
   "scripts": {
     "dev": "vite --config play/vite.config.ts"
   }

package/proj-template/.cursor/skills/refactor-page-list/SKILL.md

@@ -0,0 +1,314 @@
+---
+name: refactor-page-list
+description: >-
+  将 yq-monitor-front 的 CPageList 列表页重构到 qc-ui 的 TPageList 模式。
+  用于页面迁移、列表页重构、CPageList 转 TPageList、yq-monitor-front 到 qc-ui 的 views 迁移。
+---
+
+# PageList 页面重构（yq-monitor-front → qc-ui）
+
+## 项目约定
+
+| 角色 | 路径 | 说明 |
+|------|------|------|
+| 原项目 | `e:\code\yq-monitor-front` | 业务行为基准，不做重构性改动 |
+| 目标项目 | `e:\code\qc-ui` | 迁移落地目录，保持 `src/views/...` 路径一致 |
+
+路由由后端菜单驱动，组件路径如 `system/config/index` 映射到 `qc-ui/src/views/system/config/index.vue`（`src/views/index.ts` glob），**无需手动注册路由**。
+
+## 实现方式选择
+
+迁移前先确认实现位置：
+
+| 场景 | 做法 | 参考 |
+|------|------|------|
+| 通用系统模块（user/role/dict/post）且 dlzn-ui 已有 | qc-ui 薄封装，引用 `dlzn-ui/views/system/...` | `src/views/system/user/index.vue` |
+| 通用系统模块但 dlzn-ui 尚无 | 在 qc-ui 内完整实现（默认） | `src/views/system/config/index.vue` |
+| 舆情业务页（yq/* API） | 在 qc-ui 内完整实现 | `src/views/system/wbTaskCfg/index.vue` |
+
+用户未指定时，**默认在 qc-ui 内完整实现**。
+
+## 迁移工作流
+
+```
+Task Progress:
+- [ ] 1. 读取原项目页面及 modules/PageListItemForm.vue（如有）
+- [ ] 2. 读取原项目 `@/api/*.ts` 中**每个**接口的 `method`（未写则默认为 `get`，见 yq-monitor-front `$api`）
+- [ ] 3. 在 qc-ui 同路径创建 index.vue
+- [ ] 4. 按映射表转换配置
+- [ ] 5. 内联新增/编辑表单（不迁移 PageListItemForm）
+- [ ] 6. 对**本次修改的文件**执行 `pnpm eslint <路径>` 与 `pnpm vue-tsc --noEmit`，确认无 ESLint/TS 报错后再结束
+```
+
+### Step 1：分析原页面
+
+原项目典型结构：
+
+- `CPageList` + `config.urls`（list/delete/export）
+- `config.formItems` + `config.columns`（vxe-table 字段名 `field`）
+- `config.btns` 自定义操作
+- `modules/PageListItemForm.vue` 负责新增/编辑
+
+### Step 2：建立 formItemMap
+
+将所有表单字段（筛选 + 弹窗）集中到 `formItemMap`：
+
+```typescript
+const formItemMap = {
+  fieldName: {
+    _label: '标签',
+    _required: true,           // 弹窗必填
+    component: 'TInput',       // 见组件映射表
+    model: 'fieldName',
+    dicCode: 'dict_code',      // 字典字段
+  },
+  dateRange: {
+    _class: 'col-span-2',  // 仅用于 TPageList 筛选区；vertical TForm 不加
+    _label: '创建时间',
+    component: 'TDatePicker',
+    model: 'dateRange',
+    type: 'daterange',
+  },
+} satisfies Record<string, FormItem>
+```
+
+筛选用 `TSelect`，弹窗用 `TRadioGroup` 时，通过展开覆盖 component：
+
+`formItemMap` 若同时用于筛选区和 vertical 弹窗，详情专用字段不要带 `_class: 'col-span-2'`；或弹窗 items 里单独定义不带 `_class` 的项。
+
+```typescript
+formItems: [{ ...formItemMap.status, component: 'TSelect' }]
+// 弹窗内: { ...formItemMap.status, component: 'TRadioGroup' }
+```
+
+### Step 3：配置 PageListProps
+
+```typescript
+const pageListRef = useTemplateRef('pageListRef')
+const config: PageListProps = {
+  apis: { /* 见 API 映射 */ },
+  columns: [ /* 见列映射 */ ],
+  formItems: [ /* 筛选项 */ ],
+  operations: [ /* 新增、刷新缓存等 */ ],
+  tableOtherProps: { rowKey: '主键字段' },
+}
+```
+
+### Step 4：内联新增/编辑
+
+**不要**迁移 `PageListItemForm.vue`，改用 `$confirm` + `h(TForm, ...)`：
+
+```typescript
+// 编辑
+const formRef = ref<FormInstance | null>(null)
+watch(formRef, () => { formRef.value!.setFormData(row) }, { once: true })
+$confirm({
+  body: () => h(TForm, { items: [...], labelAlign: 'right', layout: 'vertical', ref: formRef }),
+  header: '修改xxx',
+  width: 460,
+  onConfirmCallback: async () => {
+    await $alova.Put('module/path', { ...(await formRef.value!.validate()), id: row.id })
+    $msg.success('修改成功')
+    pageListRef.value!.query()
+  },
+})
+
+// 新增
+$confirm({
+  body: () => h(TForm, {
+    data: reactive({ status: '0' }),  // 默认值
+    items: [...],
+    ref: formRef,
+  }),
+  onConfirmCallback: async () => {
+    await $alova.Post('module/path', await formRef.value!.validate())
+    $msg.success('添加成功')
+    pageListRef.value!.query()
+  },
+})
+```
+
+### Step 5：模板
+
+```vue
+<template>
+  <TPageList ref="pageListRef" v-bind="config"></TPageList>
+</template>
+```
+
+## 映射表
+
+### 组件映射
+
+| 原项目 (C*) | 目标项目 (T*) | 说明 |
+|-------------|---------------|------|
+| `CInput` / 默认 | `TInput` | 文本 |
+| `CSelect` | `TSelect` | 筛选下拉 |
+| `CRadio` | `TRadioGroup` | 弹窗单选 |
+| `CDate` type=daterange | `TDatePicker` type=daterange | 筛选表单加 `_class: 'col-span-2'`；`layout: 'vertical'` 的 TForm 不加 |
+| textarea | `TTextarea` | 备注 |
+| append slot | `adornment: { append: () => '单位' }` | TInput 后缀须用函数形式 |
+| `c:dicLabel` | `{ component: 'DicLabel', dicCode }` | 表格字典列 |
+| `c:btns` | `{ component: 'Buttons', buttons: [...] }` | 操作列 |
+
+### API 映射
+
+**迁移前必查原项目 api 定义**（`yq-monitor-front/src/api/system.ts` 或 `monitor.ts` 等）。原项目 `$api` 默认 `method = 'get'`，**未显式声明 method 的接口一律是 GET**，不能凭语义猜测（如 unlock 不是 DELETE）。
+
+| 原 apiConfig | 目标调用 |
+|--------------|----------|
+| 无 `method` 或 `method` 省略 | `$alova.Get('...')` |
+| `url: 'system/xxx/list'` | `apis.list.method: 'system/xxx/list'` 或 `$alova.Get` |
+| `method: 'post'` | `$alova.Post('...', data)` |
+| `method: 'put'` | `$alova.Put('...', data)` |
+| `method: 'delete'` + `{id}` | `$alova.Delete('...')` 或 `apis.delete.method`（TPageList 自动拼接 id） |
+| `responseType: 'blob'` 导出 | `apis.export.method: '.../export'`（POST） |
+| `refreshCache` 且原定义为 delete | `$alova.Delete('.../refreshCache', ...)` |
+| `unlock/{userName}` 且无 method | `$alova.Get('monitor/logininfor/unlock/${userName}', ...)` |
+
+路径占位符 `{userName}`、`{id}` 在目标项目中通常拼进 URL 字符串，如 `` `monitor/logininfor/unlock/${row.userName}` ``。
+
+**`$alova` 参数个数**（勿与 axios 混用；写完后对照项目内已有调用）：
+
+| 方法 | 签名 | 仅 meta / params 时 |
+|------|------|---------------------|
+| `Get` | `(url, config?)` | `$alova.Get(url, { meta: { useSuccessMsg: true } })` |
+| `Post` | `(url, data?, config?)` | 无 body 时第二参可省略 |
+| `Put` | `(url, data?, config?)` | |
+| `Delete` | `(url, data?, config?)` | 无 body 时用 `$alova.Delete(url, undefined, { meta })` |
+
+`Get` **只有两个参数**，不要把 `undefined` 插在中间；`params` 与 `meta` 同放在第二个 config 对象里。
+
+**dateRange 参数转换**（list 与 export 共用 finallyQueryParams；`dateRange` 恒为数组，空数组时 `[0]`/`[1]` 为 `undefined` 可直接传递）：
+
+```typescript
+list: {
+  method: (o: Record<string, any>) =>
+    $alova.Get('system/xxx/list', {
+      params: {
+        ...o,
+        dateRange: undefined,
+        'params[beginTime]': o.dateRange[0],
+        'params[endTime]': o.dateRange[1],
+      },
+    }),
+},
+```
+
+**批量删除**：原 `handleParams` 拼接 id → 目标设置 `showBatch: true` + `tableOtherProps.rowKey`。
+
+### 列映射
+
+| 原 columns | 目标 columns |
+|------------|--------------|
+| `field: 'xxx'` | `colKey: 'xxx'` |
+| `title: 'xxx'` | `title: 'xxx'`（不变） |
+| `type: 'checkbox'` | 由 `apis.delete.showBatch: true` 自动处理 |
+| `field: 'c-action'` | `colKey: '_operation'` |
+| 删除按钮 | 由 TPageList 根据 `apis.delete` 自动追加 |
+| `field: 'remark'` / `title: '备注'` | 加 `resize: { maxWidth: 300 }`（内容可能很长） |
+
+### 权限
+
+原 `permission` 字段**原样保留**，如 `system:config:add/edit/remove/export`。
+
+### 即时请求操作需 popconfirm
+
+`operations` 中点击即发请求的操作（刷新缓存、同步、重置等），**必须**用 `popconfirm` 二次确认，不用 `onClick` 直接请求：
+
+```typescript
+{
+  default: '刷新缓存',
+  permission: 'system:config:remove',
+  popconfirm: {
+    content: '确定要刷新缓存吗？',
+    onConfirm: async () => {
+      await $alova.Delete('system/config/refreshCache', undefined, {
+        meta: { useSuccessMsg: true },
+      })
+    },
+  },
+}
+```
+
+新增/编辑等打开弹窗的操作不需要 popconfirm。
+
+### 只读详情弹窗（$dialog）
+
+原项目用旧式 `$dialog({ title, showCancel: false, confirmText: '关闭' }, Component)` 展示只读详情时，目标项目**直接用 `h(TForm, ...)` 内联**，与 `formItemMap` 共用，**不单独建 `modules/Detail.vue`**：
+
+```typescript
+onClick: () => {
+  const formRef = ref<FormInstance | null>(null)
+
+  watch(formRef, () => {
+    formRef.value!.setFormData(row, {
+      override: {
+        loginInfo: `${row.operName}/${row.operIp}/${row.operLocation}`,
+      },
+    })
+  }, { once: true })
+
+  $dialog({
+    body: () =>
+      h(TForm, {
+        items: [formItemMap.title, formItemMap.businessType, /* ... */],
+        labelAlign: 'right',
+        layout: 'vertical',
+        readonly: true,
+        ref: formRef,
+      }),
+    cancelBtn: '关闭',
+    confirmBtn: null,
+    header: '操作日志详细',
+    width: 700,
+  })
+}
+```
+
+- 用 `cancelBtn: '关闭'` + `confirmBtn: null` 实现仅关闭按钮，**不要用** `footer: false`
+- 详情字段并入 `formItemMap`，筛选与详情共用；用 `setFormData(row)` 赋值，字段转换走 `override`，避免手写 `row.xxx`（Select 等组件内部已处理 number/string，无需 `numberToStringKeys`）
+- `items` 直接内联，无复用时不在函数体内单独声明变量
+- `layout: 'vertical'` 的 TForm 不是 grid 布局，其 `items` 上**不要**写 `_class: 'col-span-2'`（筛选区 inline 表单仍可用）
+- 对应原项目 `showCancel: false` + `confirmText: '关闭'`
+
+### 字典
+
+| 原项目 | 目标项目 |
+|--------|----------|
+| `$dicStore('sys_yes_no')` | `dicCode: 'sys_yes_no'` |
+
+## 不在迁移范围
+
+- 不修改 yq-monitor-front
+- 不创建 `modules/PageListItemForm.vue`
+- 不新增 `src/api/*.ts`（qc-ui 无独立 API 层）
+- 不修改 `folder-alias.json`（通常已有描述）
+- 不遗留调试代码（如 `console.log`）
+
+## 参考文件
+
+| 用途 | 路径 |
+|------|------|
+| 迁移成果示例 | `qc-ui/src/views/system/config/index.vue` |
+| 原项目示例 | `yq-monitor-front/src/views/system/config/index.vue` |
+| 业务页参考 | `qc-ui/src/views/system/wbTaskCfg/index.vue` |
+| 系统页参考（dlzn-ui） | `dlzn-ui/packages/dlzn-ui/views/system/post/index.vue` |
+| 含 dateRange + 刷新缓存 | `dlzn-ui/packages/dlzn-ui/views/system/dict/index.vue` |
+| 只读详情弹窗 | `qc-ui/src/views/monitor/operlog/index.vue` |
+
+更多 before/after 片段见 [examples.md](examples.md)。
+
+## 验证清单
+
+- [ ] 路径与原项目一致（`src/views/.../index.vue`）
+- [ ] 筛选、分页列表正常
+- [ ] 新增、编辑、单删、批量删、导出
+- [ ] 自定义 operations（如刷新缓存）
+- [ ] 权限码与后端一致
+- [ ] 每个非 CRUD 操作（unlock、clean、refreshCache 等）的 HTTP 方法已与原 `@/api` 定义逐项核对
+- [ ] 无路由组件缺失报错
+- [ ] 修改文件 ESLint 通过（`pnpm eslint <文件路径>`）
+- [ ] 修改文件 TS 通过（`pnpm vue-tsc --noEmit`，或至少无本次文件相关报错）
+- [ ] `$alova.Get` 仅两参；带 meta 时写在第二参 config 对象内
+- [ ] `formItemMap` 使用 `satisfies Record<string, FormItem>`；条件显示用 `__others`

package/proj-template/.cursor/skills/refactor-page-list/examples.md

@@ -0,0 +1,261 @@
+# refactor-page-list 示例
+
+## 完整案例：system/config 参数设置
+
+| 文件 | 项目 |
+|------|------|
+| 原 | `yq-monitor-front/src/views/system/config/index.vue` |
+| 原表单 | `yq-monitor-front/src/views/system/config/modules/PageListItemForm.vue` |
+| 目标 | `qc-ui/src/views/system/config/index.vue` |
+
+## 原项目：列表 API + dateRange
+
+```typescript
+// yq-monitor-front
+urls: {
+  list: {
+    api: listConfig,
+    handleParams: (o) => {
+      const obj = {
+        ...o,
+        'params[beginTime]': o.dateRange[0],
+        'params[endTime]': o.dateRange[1],
+      }
+      delete obj.dateRange
+      return obj
+    },
+  },
+}
+```
+
+## 目标项目：等效写法
+
+```typescript
+// qc-ui
+apis: {
+  list: {
+    method: (o: Record<string, any>) =>
+      $alova.Get('system/config/list', {
+        params: {
+          ...o,
+          dateRange: undefined,
+          'params[beginTime]': o.dateRange[0],
+          'params[endTime]': o.dateRange[1],
+        },
+      }),
+  },
+}
+```
+
+## 原项目：批量删除
+
+```typescript
+delete: {
+  api: delConfig,
+  showBatch: true,
+  permission: 'system:config:remove',
+  handleParams: (rows) => ({
+    id: rows.map((item) => item.configId).join(','),
+  }),
+}
+```
+
+## 目标项目：等效写法
+
+```typescript
+apis: {
+  delete: {
+    method: 'system/config',
+    permission: 'system:config:remove',
+    showBatch: true,
+  },
+},
+tableOtherProps: { rowKey: 'configId' },
+```
+
+TPageList 自动执行 `$alova.Delete('system/config/1,2,3')`。
+
+## 原项目：刷新缓存按钮
+
+```typescript
+btns: [{
+  text: '刷新缓存',
+  permission: 'system:config:remove',
+  onClick: () => { $api(refreshConfigCache) },
+}]
+```
+
+## 目标项目：等效写法
+
+```typescript
+operations: [{
+  default: '刷新缓存',
+  permission: 'system:config:remove',
+  popconfirm: {
+    content: '确定要刷新缓存吗？',
+    onConfirm: async () => {
+      await $alova.Delete('system/config/refreshCache', undefined, {
+        meta: { useSuccessMsg: true },
+      })
+    },
+  },
+}]
+```
+
+## 原项目：字典列
+
+```typescript
+{
+  title: '系统内置',
+  field: 'configType',
+  cellRender: { name: 'c:dicLabel', dicCode: 'sys_yes_no' },
+}
+```
+
+## 目标项目：等效写法
+
+```typescript
+{
+  colKey: 'configType',
+  title: '系统内置',
+  cell: { component: 'DicLabel', dicCode: 'sys_yes_no' },
+}
+```
+
+## 原项目：PageListItemForm 新增默认值
+
+```typescript
+// PageListItemForm.vue
+const formData = reactive({ configType: 'Y', ... })
+```
+
+## 目标项目：等效写法
+
+```typescript
+h(TForm, {
+  data: reactive({ configType: 'Y' }),
+  items: [formItemMap.configName, ...],
+  ref: formRef,
+})
+```
+
+## 原项目：只读详情弹窗
+
+```typescript
+// yq-monitor-front（如 operlog）
+const { componentRef } = $dialog(
+  {
+    title: '操作日志详细',
+    width: '700',
+    noneCardTextPb: true,
+    showCancel: false,
+    confirmText: '关闭',
+  },
+  Detail,
+)
+nextTick(() => {
+  componentRef.value!.setFormData(row)
+})
+```
+
+## 目标项目：等效写法
+
+```typescript
+onClick: () => {
+  const formRef = ref<FormInstance | null>(null)
+
+  watch(formRef, () => {
+    formRef.value!.setFormData(row, {
+      override: {
+        loginInfo: `${row.operName}/${row.operIp}/${row.operLocation}`,
+      },
+    })
+  }, { once: true })
+
+  $dialog({
+    body: () =>
+      h(TForm, {
+        items: [formItemMap.title, formItemMap.businessType, /* ... */],
+        labelAlign: 'right',
+        layout: 'vertical',
+        readonly: true,
+        ref: formRef,
+      }),
+    cancelBtn: '关闭',
+    confirmBtn: null,
+    header: '操作日志详细',
+    width: 700,
+  })
+}
+```
+
+## 原项目：Input append slot
+
+```vue
+<CInput v-model="formData.costTime">
+  <template #append>毫秒</template>
+</CInput>
+```
+
+## 目标项目：等效写法
+
+```typescript
+costTime: {
+  _label: '消耗时间',
+  adornment: { append: () => '毫秒' },
+  component: 'TInput',
+  model: 'costTime',
+},
+```
+
+## 备注列宽度限制
+
+`title: '备注'` 或 `colKey: 'remark'` 的列内容可能很长，需限制宽度：
+
+```typescript
+{
+  colKey: 'remark',
+  resize: { maxWidth: 300 },
+  title: '备注',
+}
+```
+
+## 易错：HTTP 方法须查原 api 定义
+
+原项目 `unlockLogininfor` **没有** `method` 字段 → 默认 **GET**，不是 DELETE：
+
+```typescript
+// yq-monitor-front/src/api/monitor.ts
+export const unlockLogininfor: apiConfig = {
+  url: `${prefix}/logininfor/unlock/{userName}`,
+  msgOnSuccess: true,
+}
+
+// 错误 ❌
+await $alova.Delete(`monitor/logininfor/unlock/${row.userName}`, ...)
+
+// 错误 ❌ Get 不能传三个参数
+await $alova.Get(`monitor/logininfor/unlock/${row.userName}`, undefined, {
+  meta: { useSuccessMsg: true },
+})
+
+// 正确 ✅
+await $alova.Get(`monitor/logininfor/unlock/${row.userName}`, {
+  meta: { useSuccessMsg: true },
+})
+```
+
+## API 路径推导
+
+原 `@/api/system.ts`：
+
+```typescript
+export const listConfig = { url: `${prefix}/config/list` }
+export const addConfig = { url: `${prefix}/config`, method: 'post' }
+export const updateConfig = { url: `${prefix}/config`, method: 'put' }
+export const delConfig = { url: `${prefix}/config/{id}`, method: 'delete' }
+export const exportConfig = { url: `${prefix}/config/export`, method: 'post', responseType: 'blob' }
+export const refreshConfigCache = { url: `${prefix}/config/refreshCache`, method: 'delete' }
+```
+
+`prefix` 通常为 `system`，目标直接使用 `system/config/...` 路径。

package/proj-template/.vscode/settings.json

@@ -36,6 +36,7 @@
     "bprogress",
     "cronosjs",
     "cronstrue",
+    "daterange",
     "dlzn",
     "formkit",
     "iconify",

package/views/index.mjs

@@ -1,9 +1,13 @@
 import e from "virtual:dlzn-ui/app-params";
 var t = {
 	.../* @__PURE__ */ Object.assign({
+		"./monitor/logininfor/index.vue": () => import("./monitor/logininfor/index.mjs"),
+		"./monitor/operlog/index.vue": () => import("./monitor/operlog/index.mjs"),
+		"./system/config/index.vue": () => import("./system/config/index.mjs"),
 		"./system/dept/index.vue": () => import("./system/dept/index.mjs"),
 		"./system/dict/index.vue": () => import("./system/dict/index.mjs"),
 		"./system/menu/index.vue": () => import("./system/menu/index.mjs"),
+		"./system/notice/index.vue": () => import("./system/notice/index.mjs"),
 		"./system/post/index.vue": () => import("./system/post/index.mjs"),
 		"./system/role/index.vue": () => import("./system/role/index.mjs"),
 		"./system/user/index.vue": () => import("./system/user/index.mjs"),

package/views/monitor/logininfor/index.mjs

@@ -0,0 +1,151 @@
+import { S as e } from "../../../chunks/provider-BhFm5rvy.mjs";
+import { t } from "../../../chunks/page-list-DUYDkWcj.mjs";
+import "../../../components/page-list/index.mjs";
+import { createBlock as n, defineComponent as r, mergeProps as i, openBlock as a, reactive as o, ref as s, unref as c, useTemplateRef as l } from "vue";
+//#endregion
+//#region ../../packages/dlzn-ui/views/monitor/logininfor/index.vue
+var u = /* @__PURE__ */ r({
+	__name: "index",
+	setup(r) {
+		let u = l("pageListRef"), d = s({
+			descending: !0,
+			sortBy: "loginTime"
+		}), f = {
+			dateRange: {
+				_class: "col-span-2",
+				_label: "登录时间",
+				component: "TDatePicker",
+				model: "dateRange",
+				type: "daterange"
+			},
+			ipaddr: {
+				_label: "登录地址",
+				component: "TInput",
+				model: "ipaddr"
+			},
+			status: {
+				_label: "状态",
+				component: "TSelect",
+				dicCode: "sys_common_status",
+				model: "status"
+			},
+			userName: {
+				_label: "用户名称",
+				component: "TInput",
+				model: "userName"
+			}
+		}, p = {
+			apis: {
+				delete: {
+					method: "monitor/logininfor",
+					permission: "monitor:logininfor:remove",
+					showBatch: !0
+				},
+				export: {
+					method: "monitor/logininfor/export",
+					permission: "monitor:logininfor:export"
+				},
+				list: { method: (t) => e.Get("monitor/logininfor/list", { params: {
+					...t,
+					dateRange: void 0,
+					"params[beginTime]": t.dateRange[0],
+					"params[endTime]": t.dateRange[1],
+					...d.value ? {
+						isAsc: d.value.descending ? "descending" : "ascending",
+						orderByColumn: d.value.sortBy
+					} : {}
+				} }) }
+			},
+			columns: [
+				{
+					colKey: "infoId",
+					title: "访问编号"
+				},
+				{
+					colKey: "userName",
+					title: "用户名称"
+				},
+				{
+					colKey: "ipaddr",
+					title: "地址"
+				},
+				{
+					colKey: "loginLocation",
+					title: "登录地点"
+				},
+				{
+					colKey: "os",
+					title: "操作系统"
+				},
+				{
+					colKey: "browser",
+					title: "浏览器"
+				},
+				{
+					cell: {
+						component: "DicLabel",
+						dicCode: "sys_common_status"
+					},
+					colKey: "status",
+					title: "登录状态"
+				},
+				{
+					colKey: "msg",
+					resize: { maxWidth: 300 },
+					title: "描述"
+				},
+				{
+					colKey: "loginTime",
+					sorter: !0,
+					title: "访问时间"
+				},
+				{
+					cell: {
+						buttons: [({ row: t }) => ({
+							default: "解锁",
+							permission: "monitor:logininfor:unlock",
+							popconfirm: {
+								content: `是否确认解锁用户${t.userName}数据项?`,
+								onConfirm: async () => {
+									await e.Get(`monitor/logininfor/unlock/${t.userName}`, { meta: { useSuccessMsg: !0 } });
+								}
+							}
+						})],
+						component: "Buttons"
+					},
+					colKey: "_operation",
+					title: "操作"
+				}
+			],
+			formItems: [
+				f.ipaddr,
+				f.userName,
+				f.status,
+				f.dateRange
+			],
+			operations: [{
+				default: "清空",
+				permission: "monitor:logininfor:remove",
+				popconfirm: {
+					content: "是否确认清空所有登录日志数据项?",
+					onConfirm: async () => {
+						await e.Delete("monitor/logininfor/clean", void 0, { meta: { useSuccessMsg: !0 } }), u.value.reset();
+					}
+				}
+			}],
+			tableOtherProps: o({
+				onSortChange: (e) => {
+					d.value = e, u.value.query();
+				},
+				rowKey: "infoId",
+				sort: d
+			})
+		};
+		return (e, r) => (a(), n(c(t), i({
+			ref_key: "pageListRef",
+			ref: u
+		}, p), null, 16));
+	}
+});
+//#endregion
+export { u as default };

package/views/monitor/logininfor/index.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/views/monitor/operlog/index.mjs

@@ -0,0 +1,231 @@
+import { I as e, S as t, o as n } from "../../../chunks/provider-BhFm5rvy.mjs";
+import { t as r } from "../../../chunks/page-list-DUYDkWcj.mjs";
+import "../../../components/page-list/index.mjs";
+import { createBlock as i, defineComponent as a, h as o, mergeProps as s, openBlock as c, reactive as l, ref as u, unref as d, useTemplateRef as f, watch as p } from "vue";
+//#endregion
+//#region ../../packages/dlzn-ui/views/monitor/operlog/index.vue
+var m = /* @__PURE__ */ a({
+	__name: "index",
+	setup(a) {
+		let m = f("pageListRef"), h = u({
+			descending: !0,
+			sortBy: "operTime"
+		}), g = {
+			businessType: {
+				_label: "操作类型",
+				component: "TSelect",
+				dicCode: "sys_oper_type",
+				model: "businessType"
+			},
+			costTime: {
+				_label: "消耗时间",
+				adornment: { append: () => "毫秒" },
+				component: "TInput",
+				model: "costTime"
+			},
+			dateRange: {
+				_class: "col-span-2",
+				_label: "操作时间",
+				component: "TDatePicker",
+				model: "dateRange",
+				type: "daterange"
+			},
+			errorMsg: {
+				__others: ({ formData: e }) => ({ show: e.status === "1" }),
+				_label: "异常信息",
+				component: "TTextarea",
+				model: "errorMsg"
+			},
+			jsonResult: {
+				_label: "返回参数",
+				component: "TTextarea",
+				model: "jsonResult"
+			},
+			loginInfo: {
+				_label: "登录信息",
+				component: "TInput",
+				model: "loginInfo"
+			},
+			method: {
+				_label: "操作方法",
+				component: "TInput",
+				model: "method"
+			},
+			operName: {
+				_label: "操作人员",
+				component: "TInput",
+				model: "operName"
+			},
+			operParam: {
+				_label: "请求参数",
+				component: "TTextarea",
+				model: "operParam"
+			},
+			operTime: {
+				_label: "操作时间",
+				component: "TInput",
+				model: "operTime"
+			},
+			operUrl: {
+				_label: "请求地址",
+				component: "TInput",
+				model: "operUrl"
+			},
+			requestMethod: {
+				_label: "请求方式",
+				component: "TInput",
+				model: "requestMethod"
+			},
+			status: {
+				_label: "操作状态",
+				component: "TSelect",
+				dicCode: "sys_common_status",
+				model: "status"
+			},
+			title: {
+				_label: "系统模块",
+				component: "TInput",
+				model: "title"
+			}
+		}, _ = {
+			apis: {
+				delete: {
+					method: "monitor/operlog",
+					permission: "monitor:operlog:remove",
+					showBatch: !0
+				},
+				export: {
+					method: "monitor/operlog/export",
+					permission: "monitor:operlog:export"
+				},
+				list: { method: (e) => t.Get("monitor/operlog/list", { params: {
+					...e,
+					dateRange: void 0,
+					"params[beginTime]": e.dateRange[0],
+					"params[endTime]": e.dateRange[1],
+					...h.value ? {
+						isAsc: h.value.descending ? "descending" : "ascending",
+						orderByColumn: h.value.sortBy
+					} : {}
+				} }) }
+			},
+			columns: [
+				{
+					colKey: "operId",
+					title: "日志编号"
+				},
+				{
+					colKey: "title",
+					title: "系统模块"
+				},
+				{
+					cell: {
+						component: "DicLabel",
+						dicCode: "sys_oper_type"
+					},
+					colKey: "businessType",
+					title: "操作类型"
+				},
+				{
+					colKey: "operName",
+					title: "操作人员"
+				},
+				{
+					colKey: "operIp",
+					title: "操作地址"
+				},
+				{
+					cell: {
+						component: "DicLabel",
+						dicCode: "sys_common_status"
+					},
+					colKey: "status",
+					title: "操作状态"
+				},
+				{
+					colKey: "operTime",
+					sorter: !0,
+					title: "操作日期"
+				},
+				{
+					cell: (e, { row: t }) => `${t.costTime}毫秒`,
+					colKey: "costTime",
+					sorter: !0,
+					title: "消耗时间"
+				},
+				{
+					cell: {
+						buttons: [({ row: t }) => ({
+							default: "详细",
+							onClick: () => {
+								let r = u(null);
+								p(r, () => {
+									r.value.setFormData(t, { override: { loginInfo: `${t.operName}/${t.operIp}/${t.operLocation}` } });
+								}, { once: !0 }), e({
+									body: () => o(n, {
+										items: [
+											g.title,
+											g.businessType,
+											g.loginInfo,
+											g.operUrl,
+											g.requestMethod,
+											g.method,
+											g.operParam,
+											g.jsonResult,
+											g.status,
+											g.costTime,
+											g.operTime,
+											g.errorMsg
+										],
+										labelAlign: "right",
+										layout: "vertical",
+										readonly: !0,
+										ref: r
+									}),
+									cancelBtn: "关闭",
+									confirmBtn: null,
+									header: "操作日志详细",
+									width: 700
+								});
+							},
+							permission: "monitor:operlog:query"
+						})],
+						component: "Buttons"
+					},
+					colKey: "_operation",
+					title: "操作"
+				}
+			],
+			formItems: [
+				g.title,
+				g.operName,
+				g.businessType,
+				g.status,
+				g.dateRange
+			],
+			operations: [{
+				default: "清空",
+				permission: "monitor:operlog:remove",
+				popconfirm: {
+					content: "是否确认清空所有操作日志数据项?",
+					onConfirm: async () => {
+						await t.Delete("monitor/operlog/clean", void 0, { meta: { useSuccessMsg: !0 } }), m.value.reset();
+					}
+				}
+			}],
+			tableOtherProps: l({
+				onSortChange: (e) => {
+					h.value = e, m.value.query();
+				},
+				rowKey: "operId",
+				sort: h
+			})
+		};
+		return (e, t) => (c(), i(d(r), s({
+			ref_key: "pageListRef",
+			ref: m
+		}, _), null, 16));
+	}
+});
+//#endregion
+export { m as default };

package/views/monitor/operlog/index.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/views/system/config/index.mjs

@@ -0,0 +1,193 @@
+import { F as e, S as t, o as n } from "../../../chunks/provider-BhFm5rvy.mjs";
+import r from "../../../plugins/autoImport/$msg/index.mjs";
+import { t as i } from "../../../chunks/page-list-DUYDkWcj.mjs";
+import "../../../components/page-list/index.mjs";
+import { createBlock as a, defineComponent as o, h as s, mergeProps as c, openBlock as l, reactive as u, ref as d, unref as f, useTemplateRef as p, watch as m } from "vue";
+//#endregion
+//#region ../../packages/dlzn-ui/views/system/config/index.vue
+var h = /* @__PURE__ */ o({
+	__name: "index",
+	setup(o) {
+		let h = p("pageListRef"), g = {
+			configKey: {
+				_label: "参数键名",
+				_required: !0,
+				component: "TInput",
+				model: "configKey"
+			},
+			configName: {
+				_label: "参数名称",
+				_required: !0,
+				component: "TInput",
+				model: "configName"
+			},
+			configType: {
+				_label: "系统内置",
+				component: "TRadioGroup",
+				dicCode: "sys_yes_no",
+				model: "configType"
+			},
+			configValue: {
+				_label: "参数键值",
+				_required: !0,
+				component: "TInput",
+				model: "configValue"
+			},
+			dateRange: {
+				_class: "col-span-2",
+				_label: "创建时间",
+				component: "TDatePicker",
+				model: "dateRange",
+				type: "daterange"
+			},
+			remark: {
+				_label: "备注",
+				component: "TTextarea",
+				model: "remark"
+			}
+		}, _ = {
+			apis: {
+				delete: {
+					method: "system/config",
+					permission: "system:config:remove",
+					showBatch: !0
+				},
+				export: {
+					method: "system/config/export",
+					permission: "system:config:export"
+				},
+				list: { method: (e) => t.Get("system/config/list", { params: {
+					...e,
+					dateRange: void 0,
+					"params[beginTime]": e.dateRange[0],
+					"params[endTime]": e.dateRange[1]
+				} }) }
+			},
+			columns: [
+				{
+					colKey: "configId",
+					title: "参数主键"
+				},
+				{
+					colKey: "configName",
+					title: "参数名称"
+				},
+				{
+					colKey: "configKey",
+					title: "参数键名"
+				},
+				{
+					colKey: "configValue",
+					title: "参数键值"
+				},
+				{
+					cell: {
+						component: "DicLabel",
+						dicCode: "sys_yes_no"
+					},
+					colKey: "configType",
+					title: "系统内置"
+				},
+				{
+					colKey: "createTime",
+					title: "创建时间"
+				},
+				{
+					colKey: "remark",
+					resize: { maxWidth: 300 },
+					title: "备注"
+				},
+				{
+					cell: {
+						buttons: [({ row: i }) => ({
+							default: "编辑",
+							onClick: () => {
+								let a = d(null);
+								m(a, () => {
+									a.value.setFormData(i);
+								}, { once: !0 }), e({
+									body: () => s(n, {
+										items: [
+											g.configName,
+											g.configKey,
+											g.configValue,
+											g.configType,
+											g.remark
+										],
+										labelAlign: "right",
+										layout: "vertical",
+										ref: a
+									}),
+									header: "修改参数",
+									onConfirmCallback: async () => {
+										await t.Put("system/config", {
+											...await a.value.validate(),
+											configId: i.configId
+										}), r.success("参数修改成功"), h.value.query();
+									},
+									width: 460
+								});
+							},
+							permission: "system:config:edit"
+						})],
+						component: "Buttons"
+					},
+					colKey: "_operation",
+					title: "操作"
+				}
+			],
+			formItems: [
+				g.configName,
+				g.configKey,
+				{
+					...g.configType,
+					component: "TSelect"
+				},
+				g.dateRange
+			],
+			operations: [{
+				default: "新增",
+				onClick: () => {
+					let i = d(null);
+					e({
+						body: () => s(n, {
+							data: u({ configType: "Y" }),
+							items: [
+								g.configName,
+								g.configKey,
+								g.configValue,
+								g.configType,
+								g.remark
+							],
+							labelAlign: "right",
+							layout: "vertical",
+							ref: i
+						}),
+						header: "添加参数",
+						onConfirmCallback: async () => {
+							await t.Post("system/config", await i.value.validate()), r.success("参数添加成功"), h.value.query();
+						},
+						width: 460
+					});
+				},
+				permission: "system:config:add"
+			}, {
+				default: "刷新缓存",
+				permission: "system:config:remove",
+				popconfirm: {
+					content: "确定要刷新缓存吗？",
+					onConfirm: async () => {
+						await t.Delete("system/config/refreshCache", void 0, { meta: { useSuccessMsg: !0 } });
+					}
+				}
+			}],
+			tableOtherProps: { rowKey: "configId" }
+		};
+		return (e, t) => (l(), a(f(i), c({
+			ref_key: "pageListRef",
+			ref: h
+		}, _), null, 16));
+	}
+});
+//#endregion
+export { h as default };

package/views/system/config/index.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/views/system/notice/index.mjs

@@ -0,0 +1,152 @@
+import { F as e, S as t, o as n } from "../../../chunks/provider-BhFm5rvy.mjs";
+import r from "../../../plugins/autoImport/$msg/index.mjs";
+import { t as i } from "../../../chunks/page-list-DUYDkWcj.mjs";
+import "../../../components/page-list/index.mjs";
+import { createBlock as a, defineComponent as o, h as s, mergeProps as c, openBlock as l, reactive as u, ref as d, unref as f, useTemplateRef as p, watch as m } from "vue";
+//#endregion
+//#region ../../packages/dlzn-ui/views/system/notice/index.vue
+var h = /* @__PURE__ */ o({
+	__name: "index",
+	setup(o) {
+		let h = p("pageListRef"), g = {
+			createBy: {
+				_label: "操作人员",
+				component: "TInput",
+				model: "createBy"
+			},
+			noticeContent: {
+				_label: "公告内容",
+				component: "TTextarea",
+				model: "noticeContent"
+			},
+			noticeTitle: {
+				_label: "公告标题",
+				_required: !0,
+				component: "TInput",
+				model: "noticeTitle"
+			},
+			noticeType: {
+				_label: "公告类型",
+				_required: !0,
+				component: "TSelect",
+				dicCode: "sys_notice_type",
+				model: "noticeType"
+			},
+			status: {
+				_label: "公告状态",
+				component: "TRadioGroup",
+				dicCode: "sys_notice_status",
+				model: "status"
+			}
+		}, _ = [
+			g.noticeTitle,
+			g.noticeType,
+			g.status,
+			g.noticeContent
+		], v = {
+			apis: {
+				delete: {
+					method: "system/notice",
+					permission: "system:notice:remove",
+					showBatch: !0
+				},
+				list: { method: "system/notice/list" }
+			},
+			columns: [
+				{
+					colKey: "noticeTitle",
+					title: "公告标题"
+				},
+				{
+					cell: {
+						component: "DicLabel",
+						dicCode: "sys_notice_type"
+					},
+					colKey: "noticeType",
+					title: "公告类型"
+				},
+				{
+					cell: {
+						component: "DicLabel",
+						dicCode: "sys_notice_status"
+					},
+					colKey: "status",
+					title: "公告状态"
+				},
+				{
+					colKey: "createBy",
+					title: "创建者"
+				},
+				{
+					colKey: "createTime",
+					title: "创建时间"
+				},
+				{
+					cell: {
+						buttons: [({ row: i }) => ({
+							default: "编辑",
+							onClick: () => {
+								let a = d(null);
+								m(a, () => {
+									a.value.setFormData(i);
+								}, { once: !0 }), e({
+									body: () => s(n, {
+										items: _,
+										labelAlign: "right",
+										layout: "vertical",
+										ref: a
+									}),
+									header: "修改公告",
+									onConfirmCallback: async () => {
+										await t.Put("system/notice", {
+											...await a.value.validate(),
+											noticeId: i.noticeId
+										}), r.success("公告修改成功"), h.value.query();
+									},
+									width: 460
+								});
+							},
+							permission: "system:notice:edit"
+						})],
+						component: "Buttons"
+					},
+					colKey: "_operation",
+					title: "操作"
+				}
+			],
+			formItems: [
+				g.noticeTitle,
+				g.noticeType,
+				g.createBy
+			],
+			operations: [{
+				default: "新增",
+				onClick: () => {
+					let i = d(null);
+					e({
+						body: () => s(n, {
+							data: u({ status: "0" }),
+							items: _,
+							labelAlign: "right",
+							layout: "vertical",
+							ref: i
+						}),
+						header: "添加公告",
+						onConfirmCallback: async () => {
+							await t.Post("system/notice", await i.value.validate()), r.success("公告添加成功"), h.value.query();
+						},
+						width: 460
+					});
+				},
+				permission: "system:notice:add"
+			}],
+			tableOtherProps: { rowKey: "noticeId" }
+		};
+		return (e, t) => (l(), a(f(i), c({
+			ref_key: "pageListRef",
+			ref: h
+		}, v), null, 16));
+	}
+});
+//#endregion
+export { h as default };

package/views/system/notice/index.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;