@brms/ai-skills 0.1.0

package/skills/brms-vxe-plus-developer/references/vxe-plus-knowledge/90-anti-patterns.md

@@ -0,0 +1,137 @@
+# 90-Anti Patterns
+
+本文件是 AI 生成代码前的硬性检查清单。
+
+## 不要混淆 form-options 和 form-config
+
+正确：
+
+```vue
+<VxePlusForm :form-options="formOptions" />
+<VxePlusTable :form-config="tableFormConfig" />
+```
+
+错误：
+
+```vue
+<VxePlusForm :form-config="formOptions" />
+```
+
+`VxePlusForm` 的 prop 是 `formOptions`，模板写法是 `form-options`。`VxePlusTable` 的 `form-config` 是表格查询配置。
+
+## 不要把历史 helper 扩散到新代码
+
+新生成页面不要引入新的 `useForm()` 二次封装层，也不要把 `commonVxeInput`、`commonFormSelect`、`getFormData` 当作推荐样板复制。
+
+允许的例外：编辑既有文件时，该文件已经大量使用 helper，为了减少无关改动可以局部沿用。
+
+## 不要给月份选择器使用 valueFormat: 'MM'
+
+`VxeDatePicker type="month"` 使用 `valueFormat: 'MM'` 会导致选中后无法回显。
+
+错误：
+
+```ts
+{
+  type: 'month',
+  valueFormat: 'MM',
+}
+```
+
+正确：
+
+```ts
+{
+  type: 'month',
+  valueFormat: 'yyyy-MM',
+  labelFormat: 'MM',
+}
+```
+
+原因：`valueFormat` 不只是显示格式，还参与 modelValue 解析和面板选中匹配。`xe-utils.toStringDate('06', 'MM')` 会得到 `Invalid Date`，因为纯月份没有年份，无法还原为有效 Date。只想显示月份时，用 `labelFormat: 'MM'`。
+
+## 不要无条件提交整份 formData
+
+复杂表单里有隐藏字段、联动字段、辅助字段；但有些详情保存又确实要求完整对象。提交形态必须按后端接口或同服务样例判断：
+
+- 查询请求：优先让 `VxePlusTable :form-config="{ id, data }"` 自动组装。
+- 详情保存：按接口需要提交完整 `formData` 或字段白名单。
+- 选择弹窗回填：只提交/回填明确映射字段。
+
+不要机械写 `getFormData(baseFields.value, formData)`，也不要机械 `{ ...formData }`。
+
+## 不要随意给旧数据加兼容逻辑
+
+项目原则：没有旧数据需要兼容时，不做兼容操作。字段名、请求 shape、回填字段应该按当前业务约定精确实现。
+
+## 不要把弹窗字段映射写成猜测
+
+弹窗选择中：
+
+```ts
+fields: 'feeTypeName,cgFeeTypeCode'
+dialogFields: 'estimationFeeTypeName,ceEstimationFeeTypeCode'
+```
+
+两边数量和顺序必须一致。字段不确定时，先查弹窗组件返回行结构。
+
+## 不要在简单弹窗里重复套标题容器
+
+简单弹窗优先使用 `vxe-modal` 或封装弹窗自身的标题。不要为了再显示一个标题而额外包一层 `BxContainer`。
+
+## 不要在 BxContainer 插槽里随意塞操作按钮
+
+查询按钮跟随查询容器；表格按钮走 `toolbarButtons` 或权限按钮。除非产品明确要求 header slot 按钮，不要把生成页面的操作按钮塞进 `BxContainer` 插槽。
+
+## 不要绕过共享附件流程
+
+附件上传/查看优先走项目封装，例如 `useFileUpload().openFileBFSS0001`。不要为普通附件场景重新写局部 mock 弹窗。
+
+## 不要忘记表格 id 对请求 block 的影响
+
+`VxePlusTable` 会根据 `id` 推导表格 block：
+
+```ts
+id="BMBR01_result" -> tableId = "result"
+```
+
+如果后端 block 名和表格 id 不匹配，优先调整 `id` 或与后端返回 block 对齐，不要在 `transformResponse` 里猜完整 EiInfo。
+
+## 不要在 transformParams 中丢弃默认 EiInfo
+
+错误：
+
+```ts
+function transformParams() {
+  const ei = new EiInfo()
+  ei.set('inqu_status-0-x', formData.x)
+  return ei
+}
+```
+
+正确：
+
+```ts
+function transformParams(formEi) {
+  formEi.set('inqu_status-0-x', formData.x)
+  return formEi
+}
+```
+
+除非明确要丢弃默认分页、排序、筛选、表单字段，否则不要 new 空 EiInfo 替换。
+
+## 不要盲目依赖 commitProxy('save')
+
+当前组件内部 proxy save 主要处理 `insertRecords`，update/delete 不是完整通用保存流程。复杂保存显式构造 `EiInfo`，按接口 block 提交。
+
+## 不要在可编辑表保存前跳过校验
+
+保存前至少执行当前页面已有的表格校验。常见入口包括底层 grid 的 `validate` / `fullValidate`，或同模块封装的 `tableValidator`。
+
+## 不要滥用动态页面样例
+
+`ABBP0201.vue`、`A1P11011.vue` 这类页面能力强，但复杂度也高。普通查询页、新增编辑页不要直接照搬它们的组织方式。先从标准查询页和当前模块相邻页面开始。
+
+## 不要把 demo 页当业务最佳实践
+
+`project/base/src/views/demo/index.vue` 适合查组件能力和参数形态，但它不是业务页面结构规范。

package/skills/brms-vxe-plus-developer/references/vxe-plus-knowledge/README.md

@@ -0,0 +1,43 @@
+# VxePlus AI Knowledge Base
+
+本目录是给 AI 生成和修改 BRMS `project/*` 业务页面时使用的知识库，不是面向人的入门教程。
+
+目标是让 AI 在没有完整阅读全仓库的情况下，仍能遵守 `VxePlusForm`、`VxePlusTable`、EiInfo 请求、业务页面结构的主要契约。文档会优先写“生成约束、可复制模式、禁止模式、内嵌样例”，少写概念铺垫。
+
+这份知识库应尽量自包含：示例代码直接写在文档里，真实来源文件复制在 [sources](./sources/README.md) 下。工程路径只作为来源结构保留，不作为理解本文档的前置依赖。
+
+## AI 使用顺序
+
+1. 先读 [01-mental-model.md](./01-mental-model.md)：判断页面属于查询表格、弹窗选择、详情表单、可编辑表格还是复合页面。
+2. 写表单前读 [02-vxe-plus-form.md](./02-vxe-plus-form.md)：只复制直接组件契约，不复制历史二次封装。
+3. 写表格前读 [03-vxe-plus-table.md](./03-vxe-plus-table.md)：确认 `id`、`form-config`、`service-config`、编辑列、按钮事件。
+4. 写请求前必须读 [05-request-and-eiinfo.md](./05-request-and-eiinfo.md)：确认 EiInfo block、分页、响应 block、保存提交方式。
+5. 找样例读 [04-example-map.md](./04-example-map.md)：按场景复制内嵌样例，再按来源路径核对真实业务差异。
+6. 交付前读 [90-anti-patterns.md](./90-anti-patterns.md)：检查高频错误。
+
+## 最高优先级约束
+
+- `VxePlusForm` 独立表单使用 `:form-options`。
+- `VxePlusTable` 的查询表单配置使用 `:form-config`，它不是独立 `VxePlusForm` 的属性。
+- 新写代码不要引入新的 `useForm` 二次封装层。历史页面里的 `src/hooks/useForm.ts` 只能作为识别既有代码的词典，不作为推荐样板。
+- 表格请求优先走 `serviceConfig` + `transformParams` / `transformResponse`。复杂保存优先显式构造 `EiInfo`。
+- 没有用户明确要求兼容旧数据时，不写字段回退、旧格式兼容、双路径兼容。
+
+## 框架源码边界
+
+`libs/components` 属于整体组件框架源码，不复制进本知识库的离线样例包。本文档会记录必要契约；需要核对框架实现时，再回到真实工程查看：
+
+- `libs/components/src/components/form/src/form.tsx`
+- `libs/components/src/components/table/src/table.tsx`
+- `libs/components/src/hooks/useTableData.ts`
+- `libs/components/src/hooks/useToolbarConfig.ts`
+- `libs/components/src/types/index.ts`
+
+## 离线业务样例入口
+
+- 标准查询表单 + 表格：[BMBR01.vue](./sources/project/base/src/views/BM/BR/BMBR01.vue)
+- 直接写 `itemRender` 的查询和表格请求：[SMSW0101.vue](./sources/project/base/src/views/SM/SW/SMSW0101.vue)
+- 动态可编辑表格：[A1P01601.vue](./sources/project/base/src/views/A1/P0/A1P01601.vue)
+- 后端驱动表单/表格：[A1P11011.vue](./sources/project/base/src/views/A1/P1/A1P11011.vue)
+- 复杂详情复合页面：[PMPC0101 directory](./sources/project/base/src/views/PM/PC/component/PMPC0101/)
+- 组件能力演示：[demo/index.vue](./sources/project/base/src/views/demo/index.vue)

package/skills/brms-vxe-plus-developer/references/vxe-plus-knowledge/sources/README.md

@@ -0,0 +1,21 @@
+# Base View Example Snapshot
+
+本目录是 `vxe-plus-knowledge` 的离线业务示例包。复制整个 `doc/components/vxe-plus-knowledge` 目录时，应连同本目录一起复制。
+
+这里只复制 `project/base/src/views` 下的业务示例。`libs/components` 属于整体框架源码，不放入本示例包。
+
+路径尽量保留原工程结构，便于 AI 通过文档里的相对链接直接打开来源文件。
+
+## Business Examples
+
+- [BMBR01 standard query page](./project/base/src/views/BM/BR/BMBR01.vue)
+- [BMBR01 form config](./project/base/src/views/BM/BR/component/BMBR01/formConfig.ts)
+- [BMBR01 columns](./project/base/src/views/BM/BR/component/BMBR01/columns.ts)
+- [SMSW0101 direct itemRender and EiInfo submit](./project/base/src/views/SM/SW/SMSW0101.vue)
+- [A1P01601 editable table](./project/base/src/views/A1/P0/A1P01601.vue)
+- [A1P11011 backend-driven page](./project/base/src/views/A1/P1/A1P11011.vue)
+- [ABBP0201 complex page](./project/base/src/views/AB/BP/ABBP0201.vue)
+- [AMAF0601 bidding form config](./project/base/src/views/AM/AF/component/AMAF0601/Bidding/formConfig.ts)
+- [AMAF0601 record columns](./project/base/src/views/AM/AF/component/AMAF0601/Record/columns.ts)
+- [PMPC0101 complex detail directory](./project/base/src/views/PM/PC/component/PMPC0101/)
+- [component demo page](./project/base/src/views/demo/index.vue)

package/skills/brms-vxe-plus-developer/references/vxe-plus-knowledge/sources/project/base/src/views/A1/P0/A1P01601.vue

@@ -0,0 +1,483 @@
+<!--
+ * @Author: 谢力
+ * @Date: 2026-03-03 09:30:50
+ * @LastEditors: Please set LastEditors
+ * @LastEditTime: 2026-03-12 14:55:54
+-->
+<template>
+  <div v-if="visible" class="flex-col bx-h-100">
+    <BxRoundedContainer class="flex-col flex-1 mb0">
+      <BxContainer class="flex-1" :title="title" auto auto-content-height>
+        <VxePlusTable
+          id="A1P01601_result"
+          ref="xGrid"
+          :auto-load="true"
+          :is-edit="true"
+          :edit-rules="editRules"
+          :toolbar-buttons="toolbarButtons"
+          :columns="columns"
+          :service-config="serviceConfig"
+          :transform-params="transformParams"
+          :show-checkbox="true"
+          height="auto"
+          :left-buttons="['ADD']"
+          :pager-config="{ pageSize: 20 }"
+          v-on="gridEvents"
+        />
+      </BxContainer>
+    </BxRoundedContainer>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed, onMounted, reactive, ref } from 'vue'
+import type { VxeGridProps } from 'vxe-table'
+import { EiBlock, EiInfo } from '@eplat/ei'
+import { useRoute, useRouter } from 'vue-router'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import { multiply } from 'xe-utils'
+import Dialog from './component/A1P01601/dialog.vue'
+import { createEiBlock, getCodeSetByService, sendService } from '@/utils/eiTools'
+import { isEmpty, isNumber } from '@/utils/is'
+import { convertToCamelCase } from '@/utils'
+import { useTabsStore } from '@/stores/modules/tabs'
+import { useGlobalStore } from '@/stores/modules/global'
+import { useTable } from '@/hooks/useTable'
+
+const xGrid = ref<any>(null)
+
+const router = useRouter()
+const route = useRoute()
+const globalStore = useGlobalStore()
+const tabStore = useTabsStore()
+
+const visible = ref(false)
+const columnList = ref<any[]>([])
+const title = ref('记录集')
+
+const { createColumns, createEditRules, validator } = useTable()
+
+const columns = computed(() => {
+  return createColumns(columnList.value.map((col) => {
+    return {
+      ...col,
+      width: (col as any).width ?? '',
+    } as any
+  })).value
+})
+
+const editRules = computed(() => createEditRules(columns.value))
+
+function tableValidator(...args: any[]) {
+  return (validator as any)(...args)
+}
+
+function reload() {
+  xGrid.value.reload()
+}
+
+const queryParams = computed(() => {
+  const routeQuery = route.query || {}
+  const p0DataCollectConfigHeadId = routeQuery.p0DataCollectConfigHeadId || routeQuery[`inqu_status-0-p0DataCollectConfigHeadId`]
+  return {
+    p0DataCollectConfigHeadId,
+  }
+})
+
+const toolbarButtons = ref<NonNullable<VxeGridProps['toolbarConfig']>['buttons']>([
+  {
+    name: '新增',
+    code: 'ADD',
+  },
+  {
+    name: '保存',
+    code: 'SAVE',
+  },
+  {
+    name: '删除',
+    code: 'DELETE',
+  },
+])
+
+const gridEvents = reactive({
+  toolbarButtonClick: ({ code, $grid }) => {
+    switch (code) {
+      // 新增
+      case 'ADD':
+        handleAdd($grid)
+        break
+      // 保存
+      case 'SAVE':
+        handleSave()
+        break
+      // 删除
+      case 'DELETE':
+        handleDelete($grid)
+        break
+    }
+  },
+})
+
+const serviceConfig = reactive({
+  serviceName: 'A1P01601',
+  queryMethod: 'queryDetail',
+})
+
+function transformParams(formEi) {
+  formEi.set(`inqu_status-0-p0DataCollectConfigHeadId`, queryParams.value.p0DataCollectConfigHeadId)
+  return formEi
+}
+
+// 新增
+async function handleAdd($grid) {
+  try {
+    const obj = columns.value?.reduce((ob, cur) => {
+      if (cur?.field) {
+        ob[cur.field] = ''
+      }
+      return ob
+    }, {})
+    const checkedRow = {
+      ...obj,
+      p0DataCollectConfigLineId: '',
+    }
+    const { row: newRow } = await $grid.insertAt(checkedRow)
+    $grid.setEditRow(newRow)
+  }
+  catch {
+
+  }
+}
+
+// 保存
+async function handleSave() {
+  try {
+    const $grid = xGrid.value.getGridInstance()
+    await tableValidator(xGrid, true)
+    const { tableData } = $grid.getTableData()
+    await sendService({
+      serviceName: 'A1P01601',
+      methodName: 'save',
+      eiBlocks: [
+        createEiBlock(tableData.map((item) => {
+          return {
+            ...item,
+            p0DataCollectConfigHeadId: queryParams.value.p0DataCollectConfigHeadId,
+          }
+        }), 'result'),
+      ],
+    })
+    ElMessage.success('保存成功')
+    reload()
+  }
+  catch {
+
+  }
+}
+
+// 删除
+async function handleDelete($grid) {
+  const checkboxRecords = $grid.getCheckboxRecords()
+  if (!checkboxRecords.length) {
+    ElMessage.warning(`请选中一条数据`)
+    return
+  }
+  try {
+    await ElMessageBox.confirm(`确定要删除吗？`)
+    const rows = checkboxRecords.filter((row) => {
+      return !isEmpty(row.p0DataCollectConfigLineId)
+    })
+    if (rows.length) {
+      await sendService({
+        serviceName: 'A1P01601',
+        methodName: 'delete',
+        eiBlocks: [
+          createEiBlock(rows.map((item) => {
+            return {
+              p0DataCollectConfigLineId: item.p0DataCollectConfigLineId,
+            }
+          }), 'result'),
+        ],
+      })
+      ElMessage.success('删除成功')
+      reload()
+    }
+    else {
+      $grid.removeCheckboxRow()
+    }
+  }
+  catch {
+
+  }
+}
+
+function showErrorMessage(message) {
+  ElMessageBox.alert(message, '', {
+    confirmButtonText: '确认',
+    showClose: false,
+    callback: () => {
+      const path = globalStore.tabsFullPath ? route.fullPath : route.path
+      tabStore.removeTabs(path as string)
+      router.go(-1)
+    },
+  })
+}
+
+function getJsonByfieldAttrJson(item: any) {
+  const obj = {
+    visible: true,
+    minWidth: 120,
+  } as any
+  if (isEmpty(item.fieldAttrJson)) {
+    return obj
+  }
+  try {
+    const json = JSON.parse(item.fieldAttrJson)
+    if (isNumber(json.width)) {
+      obj.width = Number.parseFloat(json.width)
+    }
+    if (json.required) {
+      obj.required = json.required !== '0'
+    }
+    if (json.visible) {
+      obj.visible = json.visible !== '0'
+    }
+    if (json.isEdit) {
+      obj.isEdit = json.isEdit !== '0'
+    }
+    if (json.number) {
+      obj.isNumber = json.number === '1' || json.number === 1
+    }
+    if (item.fieldLabel === 'select') {
+      obj.codeSet = json.codeSet
+      obj.condition = json?.selectConfig?.condition
+      if (json.cascadeConfig) {
+        obj.cascadeFields = json.cascadeConfig.cascadeFields
+        obj.cascadePromiseFnFields = json.cascadeConfig.cascadePromiseFnFields
+        obj.cascadePromiseFnItemFields = json.cascadeConfig.cascadePromiseFnItemFields
+        obj.cascadePromiseFn = (params: any) => getCodeSetByService({
+          serviceName: json.cascadeConfig.api.split('.')[0],
+          methodName: json.cascadeConfig.api.split('.')[1],
+          params,
+          label: json.cascadeConfig.label,
+          value: json.cascadeConfig.value,
+        })
+      }
+      if (json.selectConfig) {
+        obj.fields = json.selectConfig.fields
+        obj.selectFields = json.selectConfig.selectFields
+      }
+      if (json.codeSetType === 'api') {
+        const ei = new EiInfo()
+        if (json.condition) {
+          Object.keys(json.condition).forEach((str) => {
+            ei.set(str, json.condition[str])
+          })
+        }
+        obj.promiseFn = () => getCodeSetByService({
+          serviceName: json.codeSet.split('.')[0],
+          methodName: json.codeSet.split('.')[1],
+          params: ei,
+          label: json.optionLabel,
+          value: json.optionValue,
+        })
+        obj.codeSet = `com.brms.custom.${item.fieldSort}`
+      }
+    }
+    if (item.fieldLabel === 'dialog') {
+      obj.componentParam = json.dialogConfig.componentParam
+      obj.fields = json.dialogConfig.fields
+      obj.dialogFields = json.dialogConfig.dialogFields
+    }
+  }
+  catch (error) {
+    console.error('getJsonByfieldAttrJson error: ', error)
+  }
+  return obj
+}
+
+async function queryColumnList() {
+  try {
+    visible.value = false
+    const eiBlocks = [
+      createEiBlock({
+        p0DataCollectConfigHeadId: queryParams.value.p0DataCollectConfigHeadId,
+      }, 'inqu_status'),
+    ]
+    const pageBlock = new EiBlock('result')
+    pageBlock.setAttr({
+      offset: 0,
+      limit: 999,
+    })
+    eiBlocks.push(pageBlock)
+    const res = await sendService({
+      serviceName: 'A1P01601',
+      methodName: 'queryDetail',
+      eiBlocks,
+      blockName: true,
+    }) as any
+    // inqu_status 主信息，result明细信息，result1 数据项（FORM或GRID），result2 列名信息
+    const list = res.get('result2') ?? (res.getBlock('result2')?.getMappedRows() || [])
+    console.log('queryColumnList', list)
+    const titleLabel = list.find(item => item.fieldLabel === 'titleLabel')
+    title.value = titleLabel?.fieldName
+    tabStore.setTabName(`基础配置详情（${title.value}）`)
+    const resList = list.filter(item => !['titleLabel', 'seq'].includes(item.fieldLabel) && !isEmpty(item.fieldCode))
+    const resultOb = resList.reduce((ob, row, index) => {
+      const field = convertToCamelCase(row.fieldCode || '')
+      ob[field] = ob[field] || {
+        sortId: index,
+        data: [],
+      }
+      ob[field].data.push(row)
+      return ob
+    }, {})
+    console.log('resultOb', resultOb)
+    const echoList = Object.keys(resultOb).map(code => resultOb[code]).sort((a, b) => a.sortId >= b.sortId ? 1 : -1).map((item) => {
+      return item.data[0]
+    })
+    columnList.value = echoList.sort((a, b) => {
+      const aIndex = Number.parseFloat(a.fieldSort?.split('.')?.[1] || 0)
+      const bIndex = Number.parseFloat(b.fieldSort?.split('.')?.[1] || 0)
+      return aIndex >= bIndex ? 1 : -1
+    }).map((item) => {
+      const field = convertToCamelCase(item.fieldCode || '')
+      const json = getJsonByfieldAttrJson(item)
+      const isEdit = json.isEdit ?? true
+      const required = json.required ?? false
+      const obj = {
+        minWidth: json.minWidth,
+        width: json.width,
+        field,
+        title: item.fieldName,
+        visible: json.visible,
+        isEdit,
+        required,
+      }
+      if (item.fieldLabel === 'percentage') {
+        return {
+          ...obj,
+          editRender: {
+            name: 'BxInputPercentage',
+            props: { max: 100 },
+          },
+          formatter: ({ cellValue }) => !isEmpty(cellValue) ? `${multiply(Number.parseFloat(cellValue), 100)}%` : '',
+          validator: ({ itemValue }) => {
+            if (isEmpty(itemValue))
+              return Promise.resolve(true)
+            const n = Number.parseFloat(String(itemValue))
+            if (Number.isNaN(n))
+              return Promise.reject(new Error('请输入有效数字'))
+            if (n < 0 || n > 1)
+              return Promise.reject(new Error('百分比需在0～100之间'))
+            return Promise.resolve(true)
+          },
+        }
+      }
+      if (item.fieldLabel === 'input') {
+        if (json.isNumber) {
+          return {
+            ...obj,
+            editRender: {
+              name: 'VxeInput',
+              props: {
+                type: 'number',
+                min: 0,
+              },
+            },
+            validator: ({ itemValue }) => {
+              if (isEmpty(itemValue))
+                return Promise.resolve(true)
+              const n = Number.parseFloat(String(itemValue))
+              if (Number.isNaN(n))
+                return Promise.reject(new Error('请输入数字'))
+              return Promise.resolve(true)
+            },
+          }
+        }
+        return {
+          editType: 'input',
+          ...obj,
+        }
+      }
+      if (item.fieldLabel === 'seq') {
+        return {
+          type: 'seq',
+          width: 60,
+          editType: 'input',
+        }
+      }
+      if (item.fieldLabel === 'select') {
+        return {
+          ...obj,
+          editRender: {
+            name: 'tableSelect',
+            props: {
+              ...json,
+            },
+          },
+        }
+      }
+      if (item.fieldLabel === 'datePicker') {
+        return {
+          ...obj,
+          editRender: {
+            name: 'VxeDatePicker',
+            props: {
+              ...json,
+            },
+          },
+        }
+      }
+      if (item.fieldLabel === 'dialog') {
+        return {
+          ...obj,
+          editRender: {
+            name: 'tableSelectDialog',
+            props: {
+              component: Dialog,
+              ...json,
+              title: `${title.value}-${item.fieldName}`,
+            },
+          },
+        }
+      }
+      return {
+        editType: 'input',
+        ...obj,
+      }
+    })
+    console.log('columnList.value', columnList.value)
+    console.log('columnList.value.show', columnList.value.filter(item => item.visible))
+    if (!columnList.value.length) {
+      showErrorMessage('未查询到列，请先配置')
+      return Promise.reject('没有查询到数据')
+    }
+    return Promise.resolve(columnList.value)
+  }
+  catch {
+    columnList.value = []
+    return Promise.resolve(columnList.value)
+  }
+}
+
+onMounted(async () => {
+  if (isEmpty(queryParams.value.p0DataCollectConfigHeadId)) {
+    showErrorMessage('非法进入')
+    return
+  }
+  try {
+    await queryColumnList()
+    visible.value = true
+  }
+  catch {
+
+  }
+})
+
+defineExpose({
+  reload,
+})
+</script>
+
+<style scoped></style>