11comm前端组技术文档

Appearance

2025-11-14
990
3.5m

生成本地数据较为美观的列表页 ​

你需要对我提供的列表页 进行修改。具体来说，要按照数个子代理文档的要求，对 文件做出修改。

请按照以下步骤进行操作：

1. 明确目录结构 ​

通常意义下，你要处理的文件目录结构如下：

txt
│  index.vue     # 列表页
│  test-data.ts  # 假数据文件
└─components
        form.ts  # 表单类型文件
        form.vue # 表单
  • 如果你看到了相关的文件，就做好准备，使用以下的子代理完成修改。
  • 如果你没有看到文件，就按照子代理的要求，新增上述文件。

2. 解析我传入的参数 并阅读要处理的文件 ​

  1. 解析 地址。
  2. 从我给定的的参数内，根据目录结构，寻找到 index.vue 列表页文件。一定是会存在一个 index.vue 列表页文件。
  3. 从我给定的的参数内，根据目录结构，确定全部的文件。预期包括：
    • 列表页
    • 假数据文件
    • 表单类型文件
    • 表单
  4. 全面地，深入地，以 ultrathink 的模式，深度思考这些文件的写法。并做好和后续子代理要求做对比与修改的准备。

3. 仔细阅读子代理文件 ​

仔细阅读以下子代理文档的内容，明确修改要求。并严格按照子代理的要求做出更改。

  1. 请你 ultrathink 地深度阅读，并思考 代码风格子代理 .claude\agents\code-style.md 文件。
  2. 请你 ultrathink 地深度阅读，并思考 生成弹框子代理 .claude\agents\make-dialog.md 文件。
  3. 请你 ultrathink 地深度阅读，并思考 生成标准列表页子代理 .claude\agents\make-list-page.md 文件。
  4. 请你 ultrathink 地深度阅读，并思考 生成用于弹框的表单子代理 .claude\agents\make-form-for-dialog.md 文件。

总结出完整的，完善的子代理要求。结合上述的被处理文件，请你 ultrathink 地思考子代理要求和被处理文件之间的差异。

4. 制作修改计划并按照计划执行 ​

  1. 这是一个多步骤的修改计划，请你对每个步骤都 ultrathink ，拆分好任务，并设计好任务步骤。

5. 使用正确的，统一的类型约束 ​

在你处理上述目录结构的文件时，你肯定要整理好业务类型的。

请你 ultrathink 地深度阅读，并思考 .claude\agents\fix-type-error.md 文件。按照这个 修复类型报错 子代理的要求，去修复处理类型故障。

  1. 主动对齐联合类型： 所有文件使用相同的联合类型定义。
  2. 单一数据源： 所有联合类型都在同一个文件中定义。要么是 form.ts ，要么是 test-data.ts 内定义。
  3. 减少重复： 避免在多个文件中重复定义相同的联合类型。
  4. 使用正确的 openDialog 函数： 你经常容易犯配置传递错误的类型错误。下面请认真使用好正确的类型：
    • 错误： openDialog({ mode: "view", row });
    • 正确： openDialog({ mode: "info", row });
    • 请你务必在使用 openDialog 传递 mode 变量时，使用正确的，存在的字符串。不要使用不存在的 view ，而是正确的 info 。

6. 主动处理类型故障 ​

在你处理上述目录结构的文件时，你肯定要确保上述文件全部都没有明显的，低级的类型报错。

请你对被处理的文件，使用合适的类型检查命令，确保文件不会出现任何类型报错。

在处理类型报错时，你可以适当的更改变量名写法，写导入别名等。

7. 其他要求 ​

  1. 按照子代理文档的要求做，而不是主动运行子代理。在没有具体的，明确的说明下，不要运行子代理。

贡献者

暂无相关贡献者

页面历史

暂无最近变更历史
最近更新