olp中的列表实现

OLP项目列表组件实现方案

#tech / dev / project #type / howto #status / growing

[!info] related notes

olp中的列表实现


Element UI + Vue3 实现大数据列表

任务1:JD 列表优化(添加字段)

过程:

  1. 调用新的 api 来获取新的数据

发现了问题,原本的 api 只需要传入一个 compId 就能获取到所有的参数(并且页面展示也是直接一个可滚动表格展示所有内容),而新的 api 需要传入 compId + pageNo + pageSize。

那就改为列表来显示数据:
没事了,新的 api 不管传入什么 pageNo、pageSize,仍然是返回所有的数据

{ “id”: 2819, “name”: “Senior Wells Manager”, “code”: “AOSIWELLSSECPOS001”, “sort”: 0, “status”: 0, “compId”: 123, “companyName”: null, “comShortname”: null, “deptId”: 646, “deptName”: null, “depShortname”: null, “sectId”: null, “sectName”: null, “shortName”: null, “parentId”: 2746, “ancestors”: null, “dataSource”: null, “jdPublished”: null }

返回的数据结构如上,请你帮我增加 Unique Code 列(值为”code”: “AOSIHRXXPOS058” 的值),还有 Confirm 列(jdPublished 为 null 或 false 时,值为No;为 True 时,值为 Yes)

alt text alt text

氯雷他定

tai nuo er

抗过敏

临时文件

再次vi

创建于 2025/1/1 更新于 2026/5/27